.extensions-page .desktop-nav [aria-current]{color:var(--lime);text-decoration:underline;text-underline-offset:8px}
.extensions-hero{background:var(--blue);color:#fff;padding:148px 0 56px;overflow:hidden}
.extensions-hero-inner{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:center;gap:32px}
.extensions-hero-inner>div:first-child{position:relative;z-index:1}
.extensions-hero h1{font-size:clamp(44px,5.8vw,82px);font-weight:400;letter-spacing:-3.2px;line-height:1.08;margin:0 0 20px;white-space:nowrap}
.extensions-hero h1 span{color:var(--lime)}
.extensions-hero-copy{font-size:18px;line-height:1.65;font-weight:300;max-width:620px;margin:0;color:#f0f4ff}
/* A small rotating package on the catalogue; the home hero keeps its size. */
.extensions-hero .hero-product{--package-offset:-3px;--package-backdrop-size:clamp(438.6872px,39.62336vw,580.1992px);z-index:0;isolation:isolate;height:160px}
.product-backdrop{position:absolute;z-index:-1;left:calc(50% + var(--package-offset));top:50%;width:var(--package-backdrop-size);height:auto;max-width:none;transform:translate(-50%,-50%);filter:brightness(0) invert(1);opacity:.112;pointer-events:none;user-select:none}
.extensions-hero .product-view{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}
.extensions-hero .product-box-tilt{transform:translateX(-3px) scale(.433333)}
.extensions-hero .hero-product::before{width:143px;height:21px;bottom:-10px;filter:blur(6.5px)}
.extensions-hero .product-controls{display:none}
.extension-catalogue{padding-top:52px;padding-bottom:24px}
.catalogue-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}
.catalogue-heading h2{font-size:32px;letter-spacing:-1.1px;margin:0 0 10px}
.catalogue-heading p{font-size:16px;color:var(--muted);margin:0}
.extension-search{display:flex;align-items:center;gap:14px;border:1px solid #b9b9c3;background:#fff;border-radius:10px;padding:0 18px;min-height:58px;cursor:text}
.extension-search:focus-within{border-color:var(--blue);outline:2px solid var(--blue);outline-offset:2px}
.extension-search svg{width:22px;height:22px;flex:none;color:#666674}
.extension-search input{appearance:none;width:100%;min-width:0;border:0;outline:none;background:transparent;font:inherit;font-size:16px;color:var(--ink);padding:16px 0}
.extension-search input::placeholder{color:#727280;opacity:1}
.extension-filter-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:19px}
.extension-filters{display:flex;flex-wrap:wrap;gap:9px}
.extension-filters button{display:inline-flex;align-items:center;gap:10px;border:1px solid #d6d6df;background:#fff;color:#4d4d5b;border-radius:30px;min-height:44px;padding:9px 17px;font:inherit;font-size:14px;cursor:pointer}
.extension-filters button span{font-size:12px;opacity:.85}
.extension-filters button:hover{border-color:var(--ink);color:var(--ink)}
.extension-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.extension-clear{border:0;background:transparent;font:inherit;font-size:14px;padding:10px 0;min-height:44px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.extension-results{font-size:13px;color:#636373;margin:21px 0 18px}
.extension-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}
.extension-card{position:relative;border:1px solid #dcdce4;border-radius:12px;overflow:hidden;background:#fff;scroll-margin-top:24px;transition:box-shadow .2s,border-color .2s}
.extension-card:hover{border-color:#b8b8c8;box-shadow:0 6px 18px #10102808}
.extension-card-link{display:block;border-radius:inherit}
.extension-card-link:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}
.extension-card-link:hover h3,.extension-card-link:hover .extension-page-link{color:var(--blue)}
.extension-content{padding:20px 20px 0}
.extension-card-heading{display:flex;align-items:center;gap:14px;min-height:72px;margin-bottom:16px}
.extension-card-heading>div{min-width:0}
.extension-icon{display:block;width:72px;height:72px;flex:none}
.extension-content h3{font-size:18px;line-height:1.35;font-weight:500;letter-spacing:-.45px;margin:0 0 5px;overflow-wrap:anywhere}
.extension-kind{font-size:11px;line-height:1.5;color:#636373;display:block}
.extension-description{font-size:14px;line-height:1.65;color:#61616d;margin:0;min-height:70px}
.extension-tags{list-style:none;margin:14px 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:5px}
.extension-tags li{font-size:11px;line-height:1.5;background:#f4f4f7;color:#565665;border-radius:4px;padding:4px 7px}
.extension-page-link{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e4e4eb;font-size:13px;font-weight:500;min-height:46px}
.extension-page-link span{font-size:19px;font-weight:300}
.extension-page-link:hover{color:var(--blue)}
.extension-empty{text-align:center;padding:70px 20px;border:1px dashed #c9c9d4;border-radius:16px;background:#fafafe}
.extension-empty h3{font-size:25px;font-weight:500;letter-spacing:-.6px;margin-bottom:10px}
.extension-empty p{color:var(--muted);margin-bottom:20px}
.extension-empty-reset{border:0;background:var(--ink);color:#fff;padding:13px 22px;border-radius:30px;cursor:pointer;font:inherit;font-size:14px}
.extension-help{background:var(--navy);color:#fff;border-radius:16px;padding:34px 38px;margin-top:60px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.extension-help h2{font-size:28px;letter-spacing:-1px;margin:0 0 10px}
.extension-help p{font-size:15px;color:#c6c4d5;max-width:530px;margin:0}
.extension-help .button{background:var(--lime);color:var(--ink);white-space:nowrap;flex-shrink:0;font-size:14px;min-height:48px}
.extension-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1150px){.extension-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.extension-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.extensions-hero{padding:128px 0 48px}.extensions-hero-inner{grid-template-columns:minmax(0,1fr);gap:20px;text-align:center}.extensions-hero-copy{margin-inline:auto}.extensions-hero .hero-product{width:100%;max-width:480px;margin-inline:auto}.extensions-hero h1{font-size:clamp(42px,7.2vw,62px);letter-spacing:-2.4px}.extension-catalogue{padding-top:48px}.extension-help{padding:28px;flex-direction:column;align-items:start}}
@media(max-width:600px){.extensions-hero{padding:115px 0 38px}.extensions-hero h1{font-size:clamp(29px,8.6vw,48px);letter-spacing:-1.4px}.extensions-hero-copy{font-size:17px}.catalogue-heading{align-items:start}.catalogue-heading h2{font-size:27px}.catalogue-heading p{font-size:14px}.extension-grid{grid-template-columns:1fr;gap:14px}.extension-description{min-height:0}.extension-filter-row{align-items:start;flex-direction:column;gap:4px}.extension-search{padding:0 13px;gap:9px}.extension-search input{font-size:14px}.extension-filters{gap:7px}.extension-filters button{font-size:13px;padding:8px 12px;gap:7px}.extension-help{margin-top:38px}.extension-help h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.extension-card{transition:none}}