.category-tabs{display:flex;align-items:stretch;gap:clamp(24px,5vw,60px);overflow-x:auto;border-bottom:1px solid #dcded8;margin:0 0 24px;padding:0 2px}
.category-tab{flex:0 0 auto;padding:13px 0 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:#777a73;font-size:13px;cursor:pointer}
.category-tab:hover,.category-tab.active{color:#20221f}
.category-tab.active{border-bottom-color:#20221f;font-weight:600}
.generation-tabs{display:flex;align-items:stretch;gap:clamp(20px,5vw,68px);overflow-x:auto;border-bottom:1px solid #dcded8;margin:0 0 36px;padding:0 2px}
.generation-tabs[hidden]{display:none}
#cart-empty[hidden],#drawer-summary[hidden],#empty-state[hidden],#product-grid[hidden]{display:none}
.generation-tab{flex:0 0 auto;padding:14px 0 13px;border:0;border-bottom:2px solid transparent;background:transparent;color:#777a73;font-size:12px;cursor:pointer}
.generation-tab:hover,.generation-tab.active{color:#20221f}
.generation-tab.active{border-bottom-color:#20221f;font-weight:600}
.shop-layout{display:block}
.catalog{width:100%}
.catalog-disclaimer{margin-bottom:20px}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 19px}
.product-visual-button{width:100%;border:0;cursor:pointer}
.product-visual-button .product-phone{display:block}
.product-visual-button .sale-badge{z-index:3}
.visual-caption{position:absolute;bottom:11px;left:8px;right:8px;color:#777a73;font-size:8px;text-align:center}
.product-phone.fold{border-radius:15px;box-shadow:8px 14px 16px #2c302533,1px 1px 3px #fff inset}
.product-phone.fold:before{content:"";position:absolute;left:50%;top:5px;bottom:5px;width:2px;background:#2228;z-index:5}
.product-phone.tablet{width:125px;height:176px;border-radius:12px}
.product-phone.tablet .product-camera{width:8px;height:8px;left:auto;right:9px;top:9px}
.product-phone.tablet .product-camera:nth-of-type(2),.product-phone.tablet .product-camera:nth-of-type(3){display:none}
.product-phone.tablet .product-island{display:none}
.product-phone.laptop{width:190px;height:125px;border-radius:8px 8px 4px 4px;transform:perspective(500px) rotateX(-8deg)}
.product-phone.laptop:after{content:"";position:absolute;left:-18px;right:-18px;bottom:-9px;height:7px;border-radius:1px 1px 8px 8px;background:linear-gradient(#c9cbc5,#777b74)}
.product-phone.laptop .product-camera,.product-phone.laptop .product-island{display:none}
.inquiry-button{display:flex;align-items:center;justify-content:space-between;text-decoration:none}
.story-image .story-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.story-image>p{z-index:1}
.product-visual-button .sale-badge{max-width:calc(100% - 24px);padding:7px 9px;background:#b9342d;color:#fff;font-size:8px;font-weight:700;letter-spacing:.045em}
.product-promo-tag{display:inline-block;margin:7px 0 0;padding:5px 7px;background:#f5e9e5;color:#a52d25;font-size:8px;font-weight:700;letter-spacing:.04em}
.product-saving{font-size:10px;font-weight:600;color:#a33a30}
.gallery-device.tablet-device{width:218px;height:300px;border-radius:24px}
.gallery-device.tablet-device:before{inset:7px;border-radius:17px}
.gallery-device.tablet-device:after{top:auto;bottom:15px;width:10px;height:10px;border-radius:50%;background:#272a29}
.gallery-device.tablet-device .gallery-camera{left:auto;right:13px;top:13px;width:12px;height:12px}
.gallery-device.tablet-device .camera-b,.gallery-device.tablet-device .camera-c,.gallery-device.tablet-device .gallery-island{display:none}
.gallery-device.laptop-device{width:300px;height:205px;border-radius:12px 12px 6px 6px;transform:perspective(600px) rotateX(-4deg)}
.gallery-device.laptop-device:before{inset:7px;border-radius:7px 7px 3px 3px}
.gallery-device.laptop-device:after{content:"";position:absolute;top:auto;left:-32px;right:-32px;bottom:-13px;width:auto;height:12px;transform:none;border-radius:1px 1px 9px 9px;background:linear-gradient(#d6d7d2,#777b74)}
.gallery-device.laptop-device .gallery-camera,.gallery-device.laptop-device .gallery-island{display:none}
.config-dialog{position:fixed;inset:0;margin:auto;padding:0;width:min(1080px,calc(100% - 36px));max-width:none;max-height:min(92dvh,940px);overflow:auto;border:1px solid #e4e5e0;border-radius:10px;background:#fbfaf7;color:#20221f;box-shadow:0 24px 100px #10151050}
.config-dialog[open]{animation:config-arrive .2s ease-out}
.config-dialog::backdrop{background:#171d19bd;backdrop-filter:blur(5px)}
.config-close{position:sticky;z-index:4;top:15px;float:right;margin:14px 16px -45px 0;width:32px;height:32px;border:1px solid #dedfd8;border-radius:50%;background:#fbfaf7;color:#3c403a;font-size:22px;line-height:1;cursor:pointer}
.config-shell{padding:42px clamp(22px,5vw,62px) 50px}
.config-heading{padding-right:35px;margin-bottom:26px}
.config-heading .eyebrow{margin-bottom:11px}
.config-heading h2{margin:0;font:600 clamp(28px,4vw,42px)/1.12 var(--display);letter-spacing:-.06em}
.config-heading>p:last-child{margin:9px 0 0;color:#7c7f78;font-size:12px}
.config-columns{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(28px,5vw,65px);align-items:start}
.config-gallery{position:sticky;top:15px}
.gallery-stage{height:clamp(350px,46vw,500px);position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#fff 0%,#f0f0ec 54%,#e8e9e4 100%);--selected-color:#a9a69d}
.gallery-view-label{position:absolute;z-index:2;left:17px;top:16px;color:#85877f;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.gallery-device{position:relative;width:182px;height:354px;border:7px solid #b9b9b1;border-radius:34px;background:linear-gradient(140deg,#f3f0e9,var(--selected-color) 45%,#646861);box-shadow:13px 22px 34px #252a2038,2px 2px 3px #fff inset,-2px -2px 5px #53584f inset;transition:transform .35s ease,filter .35s ease}
.gallery-device:before{content:"";position:absolute;inset:5px;border-radius:25px;background:linear-gradient(142deg,#f4f1e7 0%,var(--selected-color) 47%,#536b60 100%);box-shadow:inset 0 0 28px #ffffff40}
.gallery-device:after{content:"";position:absolute;top:9px;left:50%;z-index:3;width:58px;height:15px;transform:translateX(-50%);border-radius:14px;background:#171a18}
.gallery-camera{position:absolute;z-index:4;left:12px;top:12px;width:34px;height:34px;border:2px solid #b7b7ae;border-radius:50%;background:radial-gradient(circle at 35% 35%,#555 0 9%,#101514 36%,#252c28 63%,#85857d 72%,#151816 78%)}
.gallery-camera.camera-b{left:49px}
.gallery-camera.camera-c{left:30px;top:49px}
.gallery-island{position:absolute;z-index:5;left:50%;top:10px;width:47px;height:12px;transform:translateX(-50%);border-radius:10px;background:#141716}
.view-face{transform:rotateY(180deg)}
.view-profile{width:76px;border-radius:12px;transform:rotateY(65deg) rotateZ(-8deg)}
.view-camera{transform:scale(1.23) rotate(-5deg);filter:saturate(1.1)}
.view-camera .gallery-camera{width:42px;height:42px}
.gallery-device.view-profile:before{inset:0;border-radius:5px;background:linear-gradient(90deg,#85877f,#e8e5de 50%,#6b7069)}
.fold-device{width:218px;height:300px;border-radius:28px;transform:rotate(-4deg);display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.fold-device:before{inset:6px;border-radius:21px}
.fold-device .gallery-camera{width:29px;height:29px}
.fold-device .camera-b{left:auto;right:12px}
.fold-device .camera-c{display:none}
.fold-device .fold-secondary-screen{position:absolute;z-index:2;left:50%;top:10px;bottom:10px;width:7px;transform:translateX(-50%);background:linear-gradient(90deg,#555,#d3d0c8,#555)}
.fold-device .fold-hinge{position:absolute;z-index:4;top:0;bottom:0;left:50%;width:1px;background:#252a2870}
.fold-device .gallery-island{width:35px}
.fold-stage .gallery-device.view-profile{width:45px}
.fold-device.view-camera{transform:scale(1.18) rotate(-3deg)}
.gallery-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:14px 0}
.gallery-controls button{padding:8px 12px;border:1px solid #dedfd8;border-radius:20px;background:transparent;color:#686b64;font-size:9px;cursor:pointer}
.gallery-controls button.active{border-color:#252a26;background:#252a26;color:white}
.config-visual-note,.config-availability{color:#898b84;font-size:9px;line-height:1.55;text-align:center}
.config-options{padding:4px 0}
.config-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.config-price strong{font:600 24px var(--display);letter-spacing:-.04em}
.config-price del{color:#898b84;font-size:12px}
.config-price span{width:100%;color:#65695f;font-size:10px}
.config-price span{color:#a33a30;font-weight:600}
.config-label{margin:18px 0 11px;color:#545750;font-size:11px}
.config-label strong{color:#20221f}
.config-swatches{display:flex;flex-wrap:wrap;gap:11px}
.config-swatch{width:26px;height:26px;padding:0;border:3px solid #fbfaf7;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #d4d6ce;cursor:pointer}
.config-swatch.selected{box-shadow:0 0 0 1px #252a26}
.storage-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.storage-choice{min-height:56px;padding:9px 11px;display:grid;gap:5px;text-align:left;border:1px solid #d9dbd4;border-radius:5px;background:#fffefa;color:#20221f;cursor:pointer}
.storage-choice.selected{border:2px solid #313731;padding:8px 10px}
.storage-choice strong{font-size:10px}
.storage-choice span{font-size:9px;color:#7d8078}
.config-pending{padding:9px 11px;background:#f0eee7;color:#8a5737;font-size:9px;line-height:1.55}
.config-options-divider{height:1px;background:#e4e5e0;margin:20px 0}
.config-fieldset{display:grid;gap:9px;margin:15px 0;padding:0;border:0}
.config-fieldset legend{margin-bottom:8px;font-size:11px;font-weight:600}
.config-fieldset>p{margin:0 0 2px;color:#666a62;font-size:10px}
.config-fieldset label{display:flex;align-items:flex-start;gap:8px;color:#41443f;font-size:10px;line-height:1.5}
.config-fieldset input,.applecare-option input{accent-color:#303932}
.config-fieldset small{color:#8b8d85;font-size:9px;line-height:1.5}
.applecare-option{display:flex;align-items:flex-start;gap:9px;margin:18px 0;padding:12px;border:1px solid #e1e2dc;border-radius:5px;background:#fffefa;cursor:pointer}
.applecare-option input{margin-top:2px}
.applecare-option strong,.applecare-option small{display:block}
.applecare-option strong{font-size:10px}
.applecare-option small{margin-top:4px;color:#83867e;font-size:9px}
.warranty-note{padding:10px 12px;background:#f0f1ec;color:#6b6e67;font-size:9px;line-height:1.6}
.config-add{width:100%;margin-top:9px;justify-content:space-between}
.config-add:disabled{background:#afb2ab;cursor:not-allowed;transform:none}
.config-availability{margin:10px 0 0}
.specifications{margin-top:42px;padding-top:27px;border-top:1px solid #e1e2dc}
.spec-heading{display:flex;align-items:end;justify-content:space-between;gap:15px}
.spec-heading .eyebrow{margin-bottom:8px}
.spec-heading h3{margin:0;font:600 23px var(--display);letter-spacing:-.04em}
.spec-heading>span{color:#85877f;font-size:9px}
.spec-disclaimer{max-width:760px;margin:14px 0 18px;color:#777a73;font-size:9px;line-height:1.6}
.spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#e5e6e1;border:1px solid #e5e6e1}
.spec-grid article{min-height:134px;padding:15px;background:#fbfaf7}
.spec-grid article>span{color:#a0a29b;font-size:8px}
.spec-grid h4{margin:10px 0 6px;font-size:10px}
.spec-grid p{margin:0;color:#777a73;font-size:9px;line-height:1.65}
@keyframes config-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.config-columns{grid-template-columns:minmax(0,.9fr) minmax(300px,1.1fr);gap:25px}.gallery-stage{height:360px}.gallery-device{transform:scale(.84)}.gallery-device.view-profile{transform:scale(.84) rotateY(65deg) rotateZ(-8deg)}.gallery-device.view-camera{transform:scale(1.05) rotate(-5deg)}.fold-device{transform:scale(.82) rotate(-4deg)}}
@media(max-width:650px){.generation-tabs{gap:26px;margin:0 0 23px}.generation-tab{font-size:11px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.product-visual{height:205px}.product-info{padding-top:12px}.config-dialog{width:calc(100% - 18px);max-height:95dvh;border-radius:8px}.config-shell{padding:37px 17px 27px}.config-columns{grid-template-columns:1fr;gap:18px}.config-gallery{position:static}.gallery-stage{height:300px}.gallery-device{transform:scale(.7)}.gallery-device.view-profile{transform:scale(.7) rotateY(65deg) rotateZ(-8deg)}.gallery-device.view-camera{transform:scale(.93) rotate(-5deg)}.fold-device{transform:scale(.72) rotate(-4deg)}.specifications{margin-top:28px;padding-top:20px}.spec-heading h3{font-size:20px}.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spec-grid article{min-height:125px;padding:12px}}
@media(max-width:370px){.product-visual{height:170px}.storage-choices{grid-template-columns:1fr 1fr}.generation-tabs{gap:19px}}
@media(prefers-reduced-motion:reduce){.gallery-device,.config-dialog[open]{animation:none;transition:none}}
