/* Мягкие серые поверхности для всего магазина. */
:root{--store-background:#e5e5e9;--store-surface:#ededf0;--store-border:#c9c9d0}
body,.model-page,.section,.section-alt{background:var(--store-background)}
.product,.product-media,.product-icon,.model-gallery figure,.sim-cards article,.spec-grid,.info-card,.cart-dialog,.catalog-dropdown,.quick-results,.header-search,.header-white-strip{background:var(--store-surface)}
.product-img,.model-hero img{background:var(--store-surface)!important;mix-blend-mode:multiply}
#productPurchase select,.product-contact-fields input,.product-contact-fields textarea,.phone-field,.product-memory-picker button,.series-filters button,.series-swatches button{background:var(--store-surface);border-color:var(--store-border)}
.product-contact-fields .phone-field input{background:transparent}
.product-memory-picker button[aria-pressed=true]{background:#dceaff}
.series-card{background:#dedee4;border-color:#c2c2cb}
.shop-header .mobile-search-toggle,.shop-header .header-cart,.shop-header .catalog-toggle{background:var(--store-surface)}
.shop-header .catalog-toggle{color:#3679eb}
@media(max-width:700px){.shop-header .catalog-toggle{color:#202a39}}/* Изображения на едином фоне, без отдельной светлой плашки. */
.model-hero > div:first-child{background:transparent;min-width:0}
.model-hero #productColorPhoto{background:transparent!important;mix-blend-mode:multiply;border-radius:0;object-fit:contain;object-position:center;width:100%;height:auto;aspect-ratio:1.25;max-height:460px}
.product-img{background:transparent!important}
.series-photo,.category-product img,.popular-photo img{background:transparent;mix-blend-mode:multiply;object-fit:contain}
@media(max-width:760px){.model-hero #productColorPhoto{height:clamp(150px,45vw,240px);max-height:240px;aspect-ratio:auto}}
/* Спокойные поля заявки без яркой подсветки при вводе. */
.model-page .product-contact-fields input:focus,
.model-page .product-contact-fields input:focus-visible,
.model-page .product-contact-fields .phone-field:focus-within{outline:none;box-shadow:none;border-color:var(--store-border)}
/* Контур общей карточки товара только на больших экранах. */
@media(min-width:761px){
 .model-page .model-hero{border:1px solid #b9bbc4;border-radius:24px;padding:28px;margin-bottom:28px;gap:32px;box-shadow:0 4px 18px #24273506}
 .model-page .model-hero h1{font-size:clamp(30px,3.8vw,52px)}
}
.footer .footer-store-contacts{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px clamp(32px,7vw,100px);align-items:start}
.footer .footer-store-contacts>div{min-width:0;grid-column:auto}
.footer .footer-store-contacts .footer-about{max-width:460px;line-height:1.7}
.footer .footer-store-contacts a,.footer .footer-store-contacts span{overflow-wrap:anywhere}
@media(max-width:700px){
 .footer .container{padding-inline:24px}
 .footer .footer-store-contacts{grid-template-columns:minmax(0,1fr);gap:28px}
 .footer .footer-store-contacts .logo{font-size:28px}
 .footer .footer-store-contacts h4{margin-bottom:16px}
 .footer .footer-store-contacts li{margin-bottom:12px;line-height:1.5}
 .footer .footer-legal{gap:16px;align-items:flex-start;overflow-wrap:anywhere}
 .footer .footer-legal-links{display:flex;flex-wrap:wrap;gap:12px 20px}
}
.footer{padding-block:28px 18px}
.footer .footer-store-contacts{gap:22px clamp(24px,6vw,80px);padding-bottom:20px}
.footer .footer-store-contacts .logo{font-size:26px;margin-bottom:8px}
.footer .footer-store-contacts .footer-about{font-size:14px;line-height:1.5;max-width:400px}
.footer .footer-store-contacts h4{font-size:14px;margin-bottom:12px}
.footer .footer-store-contacts li{font-size:14px;margin-bottom:8px}
@media(max-width:700px){
 .footer{padding-block:24px 16px}
 .footer .footer-store-contacts{gap:20px;padding-bottom:18px}
 .footer .footer-store-contacts .logo{font-size:24px}
 .footer .footer-store-contacts .footer-about,.footer .footer-store-contacts li{font-size:13px}
}
.product-photo-viewer{position:relative;width:100%;min-width:0}
.product-photo-arrow{position:absolute;top:50%;z-index:3;display:grid;place-items:center;width:44px;height:52px;padding:0;border:0;background:transparent;color:#181818;cursor:pointer;transform:translateY(-50%)}
.product-photo-arrow[hidden]{display:none}
.product-photo-prev{left:0}
.product-photo-next{right:0}
.product-photo-arrow svg{display:block;width:18px;height:28px}
.product-photo-arrow:hover{color:#555}
.product-photo-arrow:focus-visible{outline:1px solid #777;outline-offset:2px}
@media(max-width:760px){.product-photo-arrow{width:34px;height:42px}.product-photo-arrow svg{width:13px;height:21px}}
.macbook-photo-stage{position:relative;width:100%;height:clamp(260px,30vw,440px);overflow:hidden;display:flex;align-items:center;justify-content:center}
.model-hero .macbook-photo-stage #productColorPhoto{width:100%;height:100%;aspect-ratio:auto;max-height:none;object-fit:contain;transform:scale(1.3)}
@media(max-width:760px){.macbook-photo-stage{height:clamp(160px,48vw,260px)}.model-hero .macbook-photo-stage #productColorPhoto{height:100%;max-height:none;transform:scale(1.55)}}
.product-ram-info{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:12px 0;color:#6e6e73;font-size:14px}
.product-ram-info strong{color:#252527;font-weight:600}
@media(max-width:760px){.product-ram-info{font-size:13px;margin:8px 0;gap:8px}}
.product-model-selection{text-align:center;margin:12px 0 28px}
.product-model-selection h2{font-size:clamp(25px,3vw,42px);margin:0 0 10px;line-height:1.2}
.product-model-selection>p{margin:0 0 20px;font-size:clamp(15px,1.5vw,21px)}
.product-model-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}
.product-model-buttons a{display:flex;align-items:center;justify-content:center;padding:12px 20px;border:1px solid #d2d2d7;border-radius:12px;background:#f5f5f7;color:#1d1d1f;text-decoration:none;font-size:14px;min-height:44px;line-height:1.3}
.product-model-buttons a[aria-current=page]{background:#3e3e40;border-color:#3e3e40;color:#fff}
.product-model-buttons a:hover{border-color:#86868b}
.product-selected-color{display:block;font-size:13px;font-weight:400;color:#6e6e73;margin-top:10px;min-height:18px;line-height:1.4}
@media(max-width:600px){.product-model-selection{margin:8px 0 20px}.product-model-buttons{gap:8px;margin-top:14px}.product-model-buttons a{font-size:12px;padding:10px 12px;flex:0 1 auto}.product-selected-color{font-size:12px;margin-top:8px}}
@media(max-width:760px){
 .product-model-selection{min-width:0;max-width:100%}
 .product-model-buttons{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;max-width:100%;padding:4px 2px 8px;scroll-snap-type:x proximity;scroll-padding-inline:2px;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .product-model-buttons::-webkit-scrollbar{display:none}
 .product-model-buttons a{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start;font-size:14px;padding:12px 18px}
}
.product-model-scroll-controls{display:none}
@media(max-width:760px){.product-model-scroll-controls:not([hidden]){display:flex;justify-content:space-between;margin-top:4px;gap:12px}.product-model-scroll-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #d2d2d7;border-radius:50%;background:#f5f5f7;color:#1d1d1f;font-size:30px;line-height:1;cursor:pointer}.product-model-scroll-controls button:disabled{opacity:.35;cursor:default}}
.product-model-scroll-track{display:none}
@media(max-width:760px){.product-model-scroll-track:not([hidden]){display:block;position:relative;height:5px;margin-top:1px;background:rgba(60,60,67,.025);border-radius:5px;overflow:hidden}.product-model-scroll-track span{position:absolute;top:0;height:100%;background:rgba(60,60,67,.09);border-radius:5px}.product-model-buttons{padding-bottom:5px}}
@media(max-width:760px){.product-model-scroll-track{cursor:ew-resize;touch-action:none}.product-model-buttons{cursor:grab}.product-model-buttons.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.product-model-buttons a{-webkit-user-drag:none}}
@media(max-width:760px){.product-model-buttons{gap:6px;margin-top:12px;padding-top:2px;padding-bottom:4px}.product-model-buttons a{font-size:12px;min-height:34px;padding:8px 11px;border-radius:9px;line-height:1.2}.product-model-selection{margin-bottom:16px}.product-model-scroll-track:not([hidden]){height:4px}}
.product-color-label .product-selected-color{font-size:15px;font-weight:500;color:#1d1d1f;line-height:1.4;min-height:21px;margin:0 0 12px}
@media(max-width:760px){.product-color-label .product-selected-color{font-size:13px;min-height:19px;margin-bottom:9px}}
.product-color-picker button{position:relative;overflow:visible}
.color-swatch-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);padding:5px 8px;border-radius:6px;background:#1d1d1f;color:#fff;font-size:11px;font-weight:400;line-height:1.3;white-space:normal;width:max-content;max-width:140px;overflow-wrap:anywhere;pointer-events:none;opacity:0;visibility:hidden;z-index:20}
.color-swatch-tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:#1d1d1f}
@media(hover:hover){.product-color-picker button:hover .color-swatch-tooltip{opacity:1;visibility:visible}}
.product-color-picker button:focus-visible .color-swatch-tooltip{opacity:1;visibility:visible}
body.model-page #productPurchase #purchasePrice{color:#1d1d1f}
body.model-page #productPurchase #purchasePrice{font-family:Arial,Helvetica,sans-serif;font-weight:600;color:#1d1d1f;opacity:1;line-height:1.25;font-variant-numeric:tabular-nums}

@media(max-width:760px){
 .model-page #productPurchase .variant-picker label.product-color-label{grid-column:1/-1;display:flex;flex-direction:column;align-items:stretch;min-width:0;width:100%;max-width:100%}
 #productPurchase .product-color-label .product-selected-color{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
 #productPurchase .product-color-picker{display:flex;flex-flow:row nowrap;align-items:center;gap:4px;width:100%;min-width:0;max-width:100%;overflow-x:auto;padding:5px 4px 4px;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 #productPurchase .product-color-picker button{flex:0 0 36px;width:36px;height:36px;min-width:36px}
 #productPurchase .color-swatch-tooltip{display:none}
 .product-color-scroll-track:not([hidden]){display:block;position:relative;height:4px;margin:3px 4px 0;border-radius:4px;background:rgba(60,60,67,.025);touch-action:none;cursor:ew-resize}
 .product-color-scroll-track span{position:absolute;top:0;bottom:0;left:0;border-radius:4px;background:rgba(60,60,67,.09)}
}

/* Keep long model names calm and readable across product categories. */
.model-page .model-hero h1{font-size:clamp(26px,3.2vw,44px);font-weight:600;line-height:1.12;letter-spacing:-.025em;text-wrap:balance}
@media(max-width:760px){.model-page .model-hero h1{font-size:clamp(18px,4.7vw,21px);line-height:1.15;letter-spacing:-.02em}}
.model-page.dji-product-page .model-hero h1{font-size:clamp(24px,2.35vw,34px);white-space:nowrap;letter-spacing:-.03em}
@media(max-width:760px){.model-page.dji-product-page .model-hero h1{font-size:clamp(15px,4.9vw,19px)}}
@media(max-width:760px){#productPurchase .product-color-picker::-webkit-scrollbar{display:none}}
.product-color-scroll-track{display:none}

/* Keep memory choices stationary when the selected variant changes. */
#productPurchase .product-memory-picker button,#productPurchase .product-memory-picker button[aria-pressed=true]{font-weight:500}
@media(max-width:760px){
 .model-page #productPurchase .variant-picker label.product-memory-label{grid-column:1/-1;min-width:0;width:100%;max-width:100%}
 #productPurchase .product-memory-picker{flex-wrap:nowrap;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:none;padding:4px}
 #productPurchase .product-memory-picker button{flex:0 0 auto;white-space:nowrap}
 #productPurchase .product-memory-picker::-webkit-scrollbar{display:none}
}/* Storage choices use the full purchase column on every screen. */
.model-page #productPurchase .variant-picker label.product-memory-label{grid-column:1/-1;min-width:0;width:100%;max-width:100%}
#productPurchase .product-memory-picker{display:flex;flex-wrap:nowrap;gap:8px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:auto;padding:4px;scrollbar-width:none}
#productPurchase .product-memory-picker::-webkit-scrollbar{display:none}
#productPurchase .product-memory-picker button{flex:0 0 auto;white-space:nowrap;box-sizing:border-box}
@media(max-width:760px){
 #productPurchase .product-memory-picker{gap:5px;padding:4px 2px}
 #productPurchase .product-memory-picker button{padding:6px 8px;font-size:12px;min-height:36px}
}
/* Product choices use the same restrained graphite selection on every card. */
.model-page #productPurchase .product-memory-picker button[aria-pressed=true]{background:#e2e2e6;color:#19191b;border-color:#77777e;box-shadow:inset 0 0 0 1px #77777e}
.model-page #productPurchase .product-color-picker button[aria-pressed=true]::before{border-color:#424247;box-shadow:0 0 0 2px #77777e66}
.model-page #productPurchase .product-memory-picker button:focus-visible,.model-page #productPurchase .product-color-picker button:focus-visible{outline:2px solid #66666b;outline-offset:2px}
.model-page #productPurchase .variant-picker label[hidden]{display:none}
#productPurchase.macbook-purchase.macbook-ready-config .variant-picker{grid-template-columns:minmax(0,1fr);gap:14px}
#productPurchase.macbook-purchase.macbook-ready-config .variant-picker label{grid-column:1/-1;min-width:0}
#productPurchase .macbook-config-picker{flex-wrap:wrap;overflow:visible}
@media(max-width:760px){#productPurchase .macbook-config-picker{flex-wrap:nowrap;overflow-x:auto}}
/* Every iPhone uses one photo frame; padded Apple cutouts are enlarged inside it. */
.model-page .iphone-model-hero .iphone-photo-stage{position:relative;width:min(100%,420px);height:420px;margin-inline:auto;min-width:0;overflow:hidden}
.model-page .iphone-model-hero .iphone-photo-stage #productColorPhoto{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center;transform:translate(var(--iphone-photo-x,0%),var(--iphone-photo-y,0%)) scale(var(--iphone-photo-scale,.95))}
.model-page .iphone-model-hero .iphone-photo-stage #productColorPhoto[data-iphone-photo-fit="padded"]{transform:translate(var(--iphone-photo-x,0%),var(--iphone-photo-y,-2.28%)) scale(var(--iphone-photo-scale,1.33))}
@media(max-width:760px){.model-page .iphone-model-hero .iphone-photo-stage{width:clamp(180px,50vw,260px);max-width:100%;height:clamp(180px,50vw,260px)}.model-page .iphone-model-hero .iphone-photo-stage #productColorPhoto{height:100%;max-height:none}}

@media(max-width:760px){#productPurchase .product-color-label{min-height:75px}}



/* Added-to-cart state keeps the original button dimensions. */
.model-page .add-cart-button{position:relative}
.add-cart-button .cart-added-check{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.add-cart-button .cart-added-check[hidden]{display:none}
.add-cart-button.is-in-cart .cart-button-label{visibility:hidden}
.model-page .add-cart-button.is-in-cart{opacity:1;cursor:default}

.model-page #productPurchase>.add-cart-button.is-in-cart{background:#000;color:#fff;opacity:1}
/* iPhone choices share labelled rectangular buttons and a stable selection border. */
.model-page #productPurchase.iphone-choice-layout .variant-picker{display:flex;flex-direction:column;align-items:stretch;gap:14px}
#productPurchase.iphone-choice-layout .product-connection-label{order:0}
#productPurchase.iphone-choice-layout .product-memory-label{order:1}
#productPurchase.iphone-choice-layout .product-color-label{order:2}
#productPurchase.iphone-choice-layout .variant-picker label{font-size:13px;gap:7px}
#productPurchase.iphone-choice-layout select[hidden],#productPurchase.iphone-choice-layout .color-swatch-tooltip{display:none}
#productPurchase.iphone-choice-layout .product-memory-picker,#productPurchase.iphone-choice-layout .product-color-picker{display:flex;flex-wrap:wrap;gap:10px;padding:2px;width:100%;overflow:visible}
#productPurchase.iphone-choice-layout .product-memory-picker button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:0 0 auto;width:auto;min-width:0;min-height:38px;height:auto;padding:8px 14px;border:1px solid #c5c5ca;border-radius:7px;background:transparent;color:#111;box-shadow:none;font:inherit;font-size:13px;line-height:1.25;white-space:nowrap}
#productPurchase.iphone-choice-layout .product-memory-picker button[aria-pressed=true]{border-color:#111;background:transparent;color:#111;box-shadow:inset 0 0 0 1px #111;font-weight:400}
@media(max-width:760px){#productPurchase.iphone-choice-layout .variant-picker{gap:11px}#productPurchase.iphone-choice-layout .variant-picker label{font-size:11px;gap:5px}#productPurchase.iphone-choice-layout .product-memory-picker,#productPurchase.iphone-choice-layout .product-color-picker{gap:7px}#productPurchase.iphone-choice-layout .product-memory-picker button{min-height:36px;padding:7px 10px;font-size:12px}#productPurchase.iphone-choice-layout .product-color-label{min-height:0}}

#productPurchase.iphone-choice-layout .product-color-picker{flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:4px}
/* Compact category trail on every product page. */
.product-breadcrumbs{padding-block:22px;font-size:12px;line-height:1.5;color:#737377}
.product-breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;list-style:none;margin:0;padding:0}
.product-breadcrumbs li{display:flex;align-items:center;gap:10px;min-width:0;overflow-wrap:anywhere}
.product-breadcrumbs li+li::before{content:'›';color:#aaa;font-size:15px;line-height:1}
.product-breadcrumbs a{color:inherit;text-decoration:none;padding-block:5px}
.product-breadcrumbs a:hover{text-decoration:underline;color:#19191b}
.product-breadcrumbs a:focus-visible{outline:2px solid #777;outline-offset:3px;border-radius:2px}
.product-breadcrumbs [aria-current=page]{color:#19191b;font-weight:500}
.product-model-selection .product-category-heading{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:760px){.product-breadcrumbs{padding-block:14px;font-size:11px}.product-breadcrumbs ol{gap:4px 7px}.product-breadcrumbs li{gap:7px}}
.product-description-text{white-space:pre-wrap;line-height:1.65;overflow-wrap:anywhere}
.product-description-section .description-toggle{margin-top:4px}
.description-toggle[hidden]{display:none}
@media(min-width:761px){
 .model-page .model-section h2{font-size:23px;margin-bottom:10px;line-height:1.25}
 .model-page .product-description-text{font-size:14px;line-height:1.55}
 .model-page .spec-grid{padding:5px 10px}
 .model-page .spec-grid>div{padding-block:5px}
 .model-page .spec-grid dt,.model-page .spec-grid dd{font-size:11px;line-height:1.3}
 .model-page .model-section .details-toggle{font-size:12px;padding-block:6px}
}
/* Desktop iPhone photos match the measured reference: about 244px visible height. */
@media(min-width:761px){
 .model-page .iphone-model-hero .iphone-photo-stage{height:381.5px}
 .model-page .iphone-model-hero .iphone-photo-stage #productColorPhoto{scale:.748}
}
@media(max-width:760px){
 .model-page .iphone-model-hero .iphone-photo-stage:has(img[src="/media/a82e61ca9ad11b5fc8b232d5.png"]),.model-page .iphone-model-hero .iphone-photo-stage:has(img[src="/media/0704c3cac40fa1199a851f9a.png"]){width:calc(clamp(180px,50vw,260px)*1.42);max-width:100%}
}
.model-page .product-description-text{font-family:"SF Pro Display",Helvetica,Arial,sans-serif;color:#000;font-weight:400;letter-spacing:normal}
@media(min-width:761px){.model-page .product-description-text{font-size:13px;line-height:1.5}}

.product-photo-viewer{touch-action:pan-y}
.product-photo-viewer:focus-visible{outline:1px solid #777;outline-offset:4px}
