:root{--ink:#191919;--yellow:#f9cc19;--paper:#f6f5f1;--line:#e0dfd8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.page-loader{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;padding:24px;background:#f6f5f1;opacity:1;visibility:visible;transition:opacity .38s ease,visibility .38s ease}.page-loader.is-finished{opacity:0;visibility:hidden;pointer-events:none}.loader-card{width:min(360px,88vw);text-align:center}.loader-card img{display:block;width:210px;height:130px;margin:0 auto 14px;object-fit:contain;mix-blend-mode:multiply}.loader-pulse{width:11px;height:11px;margin:0 auto 20px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 0 #f9cc1970;animation:loader-pulse 1.35s infinite}.loader-card p{margin:0 0 16px;font-size:13px;font-weight:700;letter-spacing:.2px}.loader-track{height:8px;overflow:hidden;border-radius:999px;background:#e4e1d7}.loader-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e6b900,var(--yellow));transition:width .18s ease}.loader-card strong{display:block;margin-top:11px;font-size:15px;font-variant-numeric:tabular-nums}.is-loading{overflow:hidden}@keyframes loader-pulse{0%{box-shadow:0 0 0 0 #f9cc1970}70%{box-shadow:0 0 0 15px #f9cc1900}100%{box-shadow:0 0 0 0 #f9cc1900}}header{max-width:1380px;margin:auto;height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:30px;padding:0 44px}.logo{display:block;width:118px;height:68px;overflow:hidden;position:relative}.logo img{position:absolute;width:190px;height:190px;object-fit:contain;left:-36px;top:-61px;mix-blend-mode:multiply}.location{font-size:12px;color:#62625c}.test{margin-left:auto;border:1px solid #cccac1;border-radius:100px;padding:8px 15px;font-size:11px}main{max-width:1380px;padding:0 44px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:end;padding:56px 0 45px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;margin:0 0 22px}h1{font-size:clamp(38px,4.9vw,68px);line-height:1.1;letter-spacing:-3px;margin:0;font-weight:800}h1 span{position:relative;z-index:0}h1 span:before{content:'';position:absolute;bottom:4px;left:-4px;right:-4px;height:30%;background:var(--yellow);z-index:-1}.lead{font-size:14px;line-height:1.8;color:#64645d;margin:25px 0 0}.intro-side{text-align:right;font-size:12px;line-height:1.7}.cross{font-size:60px;line-height:1;color:#c4a319;font-weight:400}.date{display:block;margin-top:22px;font-size:10px;color:#76766f}.toolbar{border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}.tab{border:0;background:transparent;border-radius:100px;padding:11px 18px;font-size:12px;font-weight:700}.tab.active{background:var(--ink);color:white}.tab span{font-size:10px;opacity:.7;margin-left:8px}.search{display:flex;align-items:center;gap:10px}.search span{font-size:26px}.search input{border:0;border-bottom:1px solid #d3d1c7;background:transparent;padding:10px 0;width:195px;font-size:12px;outline:none}.search input:focus{border-color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.card{background:white;border-radius:18px;overflow:hidden;border:1px solid #eae9e2;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 14px 40px #00000008}.visual{height:300px;position:relative;display:flex;align-items:center;justify-content:center;padding:34px 25px 18px;background:#fff}.visual img{max-width:100%;height:100%;object-fit:contain}.visual.orange{background:#f3f3f3;padding:0;overflow:hidden}.visual.orange img{height:auto;width:100%;object-fit:contain}.badge{position:absolute;top:17px;left:17px;background:#fff9;border:1px solid #dfdfdf;padding:5px 9px;border-radius:100px;font-size:9px;z-index:1;backdrop-filter:blur(8px)}.body{padding:22px 24px 24px}.body h2{margin:0;font-size:23px;letter-spacing:-.8px}.color{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:11px;color:#666}.dot{width:13px;height:13px;border-radius:50%;border:1px solid #0002}.memory{display:inline-block;font-size:11px;font-weight:700;padding:7px 11px;border:1px solid #d3d3cc;border-radius:7px;margin:4px 0 16px}.short{display:flex;gap:7px;flex-wrap:wrap;border-top:1px solid #eee;padding-top:15px}.short span{background:#f5f5f1;padding:5px 7px;font-size:9px;border-radius:4px}.price{font-size:28px;font-weight:800;letter-spacing:-1px;margin:20px 0 0}.pay{font-size:9px;color:#7a7a72;margin:3px 0 20px}.more{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;width:100%;background:var(--yellow);border:0;border-radius:9px;font-size:12px;font-weight:800}.more span{font-size:18px}.terms{display:grid;grid-template-columns:repeat(3,1fr);margin:54px 0 35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:29px 0;gap:35px}.terms span{font-size:9px;letter-spacing:1px;color:#777}.terms h3{font-size:17px;margin:12px 0 9px}.terms p{font-size:11px;line-height:1.8;color:#6c6c64;margin:0;max-width:295px}footer{display:flex;justify-content:space-between;gap:30px;padding:0 0 25px}footer strong{font-size:12px}footer p{font-size:10px;margin:0;color:#777}dialog{border:0;border-radius:20px;padding:0;width:min(920px,calc(100% - 32px));max-height:90vh;color:var(--ink);box-shadow:0 30px 100px #0004}dialog::backdrop{background:#111a;backdrop-filter:blur(5px)}.close{position:absolute;right:12px;top:12px;width:38px;height:38px;border-radius:50%;border:1px solid #ddd;background:white;font-size:26px;z-index:2}.detail{display:grid;grid-template-columns:42% 58%}.detail-picture{background:#f5f5f1;display:flex;justify-content:center;align-items:center;padding:25px;min-height:480px}.detail-picture img{width:100%;max-height:480px;object-fit:contain}.detail-info{padding:42px 35px}.detail-info h2{font-size:30px;margin:10px 0 0;letter-spacing:-1px}.detail-info .price{margin-top:12px}.specs{margin:24px 0 20px}.specs div{display:grid;grid-template-columns:105px 1fr;border-top:1px solid #eee;padding:11px 0;gap:10px;font-size:11px;line-height:1.6}.specs dt{color:#777}.specs dd{margin:0}.source{font-size:10px;color:#595950;text-underline-offset:3px}.detail-note{font-size:9px;color:#888;line-height:1.6}.zoom{border:0;padding:0;background:transparent;cursor:zoom-in;width:100%}.zoom.zoomed img{transform:scale(1.3)}button:focus-visible,a:focus-visible{outline:3px solid #b49816;outline-offset:3px}
@media(max-width:900px){header,main{padding-left:25px;padding-right:25px}.cards{gap:14px}.body{padding:18px}.visual{height:235px}.intro-side{display:none}h1{font-size:54px}.detail{grid-template-columns:38% 62%}.detail-info{padding:35px 24px}.location{font-size:10px}}
@media(max-width:650px){header{height:80px;padding:0 18px;gap:12px}.location{display:none}.logo{width:105px}.test{font-size:10px;padding:7px 11px}main{padding:0 18px}.intro{padding:36px 0 30px}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:17px}h1{font-size:43px;letter-spacing:-2px}.lead{font-size:12px;margin-top:20px}.desktop{display:none}.toolbar{align-items:stretch;flex-direction:column;gap:14px;padding:18px 0}.toolbar>div{display:flex}.tab{font-size:11px;padding:10px 15px}.search input{width:100%}.cards{grid-template-columns:1fr;gap:20px}.card{display:grid;grid-template-columns:42% 58%;border-radius:13px}.visual{height:100%;padding:38px 10px 25px;min-height:290px}.visual.orange img{width:100%;height:100%;object-fit:cover}.badge{top:13px;left:10px;font-size:8px;padding:4px 6px}.body{padding:22px 16px}.body h2{font-size:21px}.color{font-size:10px;line-height:1.5}.short span{font-size:8px}.price{font-size:25px;margin-top:16px}.memory{margin-bottom:12px}.more{padding:11px;font-size:10px}.pay{margin-bottom:15px}.terms{grid-template-columns:1fr;gap:25px;margin-top:32px}.terms p{max-width:100%}footer{flex-direction:column;gap:12px}dialog{max-height:94vh;width:calc(100% - 20px)}.detail{grid-template-columns:1fr}.detail-picture{min-height:0;height:230px;padding:28px}.detail-picture img{height:100%;max-width:260px}.detail-info{padding:24px}.detail-info h2{font-size:28px}.specs div{grid-template-columns:90px 1fr}.zoom.zoomed img{transform:scale(1.05)}}
.logo{width:110px;height:72px}.logo img{width:140px;height:140px;left:-15px;top:-28px}
.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card{display:grid;grid-template-columns:43% 57%}.visual{height:100%;min-height:360px}.visual.orange img{height:auto;object-fit:contain}.title-button{padding:0;border:0;background:none;text-align:left;color:inherit}.swatches{display:flex;gap:9px;margin-top:16px}.swatch{width:25px;height:25px;background:var(--swatch);border:2px solid white;border-radius:50%;outline:1px solid #d5d5d0;box-shadow:inset 0 0 0 1px #0001}.swatch.chosen{outline:2px solid #262626;outline-offset:2px}.variant-selects{display:grid;grid-template-columns:1fr 1.4fr;gap:9px;margin:16px 0}.variant-selects label,.filter-row label{font-size:9px;color:#777;display:flex;flex-direction:column;gap:5px}select{font:inherit;color:#222;background:white;border:1px solid #d8d8d0;border-radius:6px;padding:9px 7px;max-width:100%;font-size:11px}.secondary{display:flex;justify-content:space-between;gap:5px;align-items:center;margin-top:14px;font-size:10px}.secondary button{border:0;background:none;text-decoration:underline;text-underline-offset:3px;font-size:10px;padding:0}.secondary label{display:flex;gap:3px;align-items:center;cursor:pointer}.secondary input{accent-color:#b99700}.filter-row{display:flex;gap:20px;align-items:end;margin:0 0 20px}.filter-row label{min-width:150px}#priceStatus{margin-left:auto;font-size:10px;color:#75756e;text-align:right}#notice{font-size:11px;color:#8d6300}.sync-info{font-size:10px;line-height:1.7;color:#777;margin:14px 0 0}.compare-bar{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);border-radius:12px;background:#202020;color:white;padding:13px 18px;box-shadow:0 10px 30px #0003;display:flex;gap:20px;align-items:center;z-index:3;font-size:12px;white-space:nowrap}.compare-bar[hidden]{display:none}.compare-bar button{background:var(--yellow);border:0;border-radius:6px;padding:9px 12px;font-size:11px;font-weight:700}.compare-bar button:disabled{opacity:.45;cursor:default}.compare-bar #compareClear{background:transparent;color:white;font-size:21px;padding:0}.order-panel,.compare-panel{padding:42px 30px}.order-panel{max-width:650px;margin:auto}.order-panel h2,.compare-panel h2{font-size:25px;margin:0 0 20px}.order-panel>p{font-size:12px;line-height:1.8}.order-panel textarea{width:100%;min-height:260px;font:12px/1.8 Manrope,Arial,sans-serif;border:1px solid #ddd;border-radius:8px;padding:15px;margin:0 0 16px;resize:vertical}.share-button{margin-top:12px;border:1px solid #ddd;background:white;border-radius:8px;padding:12px;width:100%;font-size:12px}.copy-status{color:#4d6c39}.compare-table{min-width:0}.compare-head,.compare-row{display:grid;grid-template-columns:100px 1fr 1fr;gap:16px}.compare-head img{height:125px;width:100%;object-fit:contain}.compare-head h3{font-size:16px}.compare-row{border-top:1px solid #eee;padding:13px 0;font-size:11px;line-height:1.7}.compare-row strong{font-weight:500;color:#777}footer{padding-bottom:90px}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card{display:block}.visual{height:260px;min-height:0}.visual.orange img{height:100%;width:auto;max-width:100%}.body{padding:22px}.filter-row{gap:12px}}
@media(max-width:650px){.cards{grid-template-columns:1fr}.card{display:grid;grid-template-columns:38% 62%}.visual{height:100%;min-height:345px;padding:25px 8px}.visual.orange img{height:auto;width:100%;object-fit:contain}.body{padding:20px 14px}.variant-selects{grid-template-columns:1fr;margin:12px 0}.variant-selects label{flex-direction:row;align-items:center;justify-content:space-between;gap:6px}.variant-selects select{font-size:10px;max-width:130px}.color{font-size:10px}.filter-row{flex-wrap:wrap;gap:10px}.filter-row label{flex:1;min-width:120px}#priceStatus{width:100%;text-align:left;margin:3px 0}.compare-bar{width:calc(100% - 24px);gap:10px;justify-content:space-between;bottom:10px;font-size:10px}.compare-bar button{font-size:10px;padding:9px}.compare-panel{padding:36px 15px}.compare-head,.compare-row{grid-template-columns:65px 1fr 1fr;gap:8px}.compare-row{font-size:10px}.compare-head img{height:100px}.compare-head h3{font-size:13px}.order-panel{padding:42px 22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.filter-row{flex-wrap:wrap}.filter-row label{min-width:130px}.result-count{font-size:10px;color:#777;margin:0 0 18px}.visual{padding:35px 15px 30px;background:#fff;min-height:370px}.visual img{height:auto;max-height:340px;max-width:100%;object-fit:contain}.photo-note{display:block;font-size:9px;line-height:1.5;color:#777;text-align:center}.visual>.photo-note{position:absolute;bottom:8px;left:10px;right:10px}.no-photo{text-align:center;color:#777;padding:20px;font-size:13px}.no-photo small{display:block;margin-top:12px;font-size:10px;line-height:1.8}.verification{border-left:3px solid #e8c552;background:#fffaf0;padding:10px 12px;font-size:10px;line-height:1.7;margin:20px 0;color:#786b4b}.gallery{display:flex;justify-content:center;gap:8px;margin:15px 0}.gallery button{padding:4px;border:1px solid #ddd;background:white;border-radius:6px;cursor:pointer}.gallery img{width:52px;height:70px;object-fit:contain}.detail-picture>div{width:100%}.compare-head img{height:125px}.detail-picture{overflow:hidden}.body h2{font-size:21px;line-height:1.25}.secondary{flex-wrap:wrap}.swatches{flex-wrap:wrap}
.verification,.detail-note,.specs dd{overflow-wrap:anywhere}
@media(max-width:1000px){.visual{height:285px;min-height:0}.visual img{height:100%;max-height:250px}.filter-row label{flex:1}}
@media(max-width:650px){.visual{min-height:375px;height:100%;padding:35px 9px 35px}.visual img{max-height:320px;height:auto}.body h2{font-size:18px}.filter-row label{min-width:100px}.detail-picture{height:auto;min-height:260px;max-height:380px}.detail-picture img{height:auto;max-height:250px}.photo-note{font-size:8px}.compare-head img{max-height:100px}}
/* Mobile application shell; desktop keeps the existing catalogue layout. */
html{scroll-padding-top:94px}.app-status,.app-nav,.filter-toggle{display:none}.install-app{border:1px solid #ddd8c7;background:#fff;border-radius:12px;padding:9px 11px;display:flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap;color:var(--ink)}.install-app[hidden]{display:none}.install-help{padding:42px 26px;width:min(440px,calc(100% - 28px))}.install-help h2{font-size:23px;line-height:1.3;margin-top:0}.install-help p{font-size:13px;line-height:1.8}.install-help .more{color:var(--ink);text-decoration:none;margin-top:20px}.install-help a[hidden]{display:none}
@media(max-width:650px){
 html{scroll-padding-top:90px}body{background:#f5f5f2}header{position:sticky;top:0;z-index:4;height:calc(66px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;background:#f6f5f1f5;backdrop-filter:blur(16px);border-bottom:1px solid #e5e3da;gap:10px}.logo{height:60px;width:104px}.logo img{width:130px;height:130px;left:-14px;top:-28px}.test{margin-left:auto;border:0;font-size:9px;padding:0;max-width:85px;line-height:1.5;color:#74736b}.install-app{padding:7px;border-radius:11px}.install-app span{display:none}main{padding:0 12px}.app-status{display:flex;align-items:center;gap:6px;font-size:9px;color:#6e6f64;padding:13px 4px 0}.status-dot{background:#7b9473;width:5px;height:5px;border-radius:50%}.intro{padding:20px 4px 24px}.intro .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:9px}h1{font-size:32px;letter-spacing:-1.4px;line-height:1.1}h1 br{display:none}h1 span{white-space:nowrap}.lead{font-size:11px;line-height:1.5;margin-top:10px;max-width:270px}.toolbar{border:0;padding:0 0 14px;display:grid;grid-template-columns:1fr auto;gap:12px}.toolbar>div{grid-column:1/-1;padding:4px;background:#eae9e3;border-radius:12px}.tab{flex:1;font-size:10px;padding:10px 8px;border-radius:9px}.tab.active{background:#20201e}.search{grid-column:1;grid-row:2;gap:6px;background:white;border:1px solid #e4e2d9;border-radius:12px;padding:0 11px}.search span{font-size:24px}.search input{border:0;padding:13px 0;font-size:12px;min-width:0}.filter-toggle{display:flex;align-items:center;gap:9px;grid-column:2;grid-row:2;border:1px solid #e4e2d9;background:white;border-radius:12px;padding:0 11px;font-size:10px;font-weight:700}.filter-toggle span{font-size:19px}.filter-row{display:none;background:white;border:1px solid #e5e3d9;border-radius:14px;padding:13px;margin-bottom:16px}.filters-open .filter-row{display:flex}.result-count{font-size:9px;margin:0 3px 12px}.cards{gap:12px}.card{grid-template-columns:40% 60%;border:1px solid #e7e5dc;border-radius:18px;box-shadow:0 3px 14px #24201304}.card:hover{transform:none;box-shadow:0 3px 14px #24201304}.visual{min-height:310px;padding:35px 9px 28px}.visual img{max-height:230px}.badge{font-size:7px;top:12px;left:10px;padding:4px 6px}.body{padding:18px 13px 17px}.body h2{font-size:18px;letter-spacing:-.5px}.swatches{gap:8px;margin-top:13px}.swatch{width:21px;height:21px}.color{margin:10px 0;font-size:9px}.variant-selects{margin:12px 0;gap:6px}.variant-selects label{font-size:8px}.variant-selects select{padding:7px 5px;border-radius:7px;font-size:9px;max-width:112px}.short{padding-top:10px;gap:4px}.short span{font-size:7px;padding:4px}.price{font-size:23px;margin-top:13px}.pay{font-size:8px;margin-bottom:12px}.more{font-size:10px;padding:10px 11px;border-radius:10px}.secondary{margin-top:11px;gap:8px}.secondary button,.secondary label{font-size:8px}.secondary input{width:12px;height:12px;margin:0}.sync-info{font-size:9px}.app-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:6;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#fffffff5;backdrop-filter:blur(18px);border-top:1px solid #e5e3da;box-shadow:0 -5px 22px #29281b05}.app-nav button{border:0;background:none;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:5px 2px;font-size:9px;color:#85847b;font-weight:600}.app-nav button.active{color:#20201c;background:#f9cc192c}.nav-icon{display:flex}.app-nav .active .nav-icon{color:#b58a00}.compare-bar{bottom:calc(81px + env(safe-area-inset-bottom));z-index:5}.terms{margin:28px 4px 24px}.terms h3{font-size:16px}footer{padding:0 4px calc(100px + env(safe-area-inset-bottom));gap:9px}dialog{border-radius:22px}.detail-info{padding:23px}.detail-picture{background:#fff}.detail-info h2{font-size:27px}.detail-picture img{max-height:290px}.detail-picture{max-height:none}dialog .variant-selects label{font-size:11px}dialog .variant-selects select{font-size:12px;max-width:200px}dialog .more{font-size:12px;padding:14px}.compare-panel{padding-bottom:30px}.install-help{padding-top:48px}
}

@media(display-mode:standalone){header{user-select:none}body{overscroll-behavior-y:contain}.test{display:none}.install-app{margin-left:auto}}
.header-phone{color:var(--ink);font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap;margin-left:auto}.test{margin-left:0}.footer-phone{color:var(--ink);font-size:12px;font-weight:700;text-decoration:none}.call-order{display:block;text-align:center;color:var(--ink);font-size:13px;font-weight:700;padding:14px;border:1px solid #ddd;border-radius:9px;margin-top:12px;text-decoration:none}@media(max-width:650px){header .test{display:none}.header-phone{font-size:11px;letter-spacing:-.2px}.install-app{flex-shrink:0}header .logo{flex-shrink:0;width:95px}header{gap:8px}.footer-phone{font-size:14px}}
@media(max-width:650px){.search input{font-size:16px}}@supports(-webkit-touch-callout:none){@media(max-width:650px){.variant-selects select,.filter-row select{font-size:16px}}}
/* REG.RU iframe mode: the parent site supplies branding and navigation. */
html.embedded-catalog header,html.embedded-catalog .app-status,html.embedded-catalog .intro,html.embedded-catalog .app-nav,html.embedded-catalog footer{display:none!important}html.embedded-catalog,html.embedded-catalog body{background:#f6f5f1}html.embedded-catalog main{max-width:none;margin:0;padding:18px 24px 28px}html.embedded-catalog .toolbar{border-top:0;padding-top:0}html.embedded-catalog .compare-bar{bottom:18px}
@media(max-width:650px){html.embedded-catalog main{padding:12px 10px 30px}html.embedded-catalog .catalog{padding-top:0}html.embedded-catalog .toolbar{padding-top:0}html.embedded-catalog .compare-bar{bottom:10px}}

/* Clear, touch-friendly order buttons. The old arrow glyph rendered as an emoji on iPhone. */
.more{
  min-height:56px;
  padding:14px 18px;
  gap:14px;
  border-radius:14px;
  color:var(--ink);
  font-size:15px;
  line-height:1.25;
  font-weight:800;
  text-align:left;
  -webkit-appearance:none;
  appearance:none;
}
.more span{
  position:relative;
  display:block;
  flex:0 0 38px;
  width:38px;
  height:38px;
  border-radius:50%;
  background:var(--ink);
  color:transparent;
  font-size:0;
}
.more span::before{
  content:"";
  position:absolute;
  left:10px;
  top:18px;
  width:17px;
  height:2px;
  border-radius:2px;
  background:#fff;
}
.more span::after{
  content:"";
  position:absolute;
  right:9px;
  top:13px;
  width:10px;
  height:10px;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
  transform:rotate(45deg);
}
@media(max-width:650px){
  .more{
    min-height:58px;
    padding:13px 14px;
    gap:10px;
    border-radius:13px;
    font-size:14px;
  }
  .more span{
    flex-basis:36px;
    width:36px;
    height:36px;
  }
  .more span::before{left:9px;top:17px}
  .more span::after{right:8px;top:12px}
}

.price-history{margin:9px 0 12px;font-size:12px;line-height:1.5}
.previous-price{margin:0;color:#76756e;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 6px}
.previous-price small{font-size:10px;color:#8a887e}
.previous-price s,.previous-price>span{font-weight:600}
.price-movement{display:inline-block;margin:6px 0 0;padding:4px 8px;border-radius:7px;font-size:11px;font-weight:700}
.price-history--down .price-movement{color:#246143;background:#edf5ee}
.price-history--up .price-movement{color:#85521c;background:#fff3e1}
.price-changed-at{margin:4px 0 0;color:#858278;font-size:10px}
.deal-badge{position:absolute;top:58px;left:14px;z-index:2;padding:7px 10px;border-radius:999px;background:#e9f6eb;color:#21613f;font-size:11px;font-weight:800;box-shadow:0 5px 18px #18462b12}
.mobile-quick-contact{display:none}
.contact-actions{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:8px;align-items:stretch}
.contact-actions .more{min-width:0;font-size:13px}
.card-compare-popover{position:relative;display:flex;align-items:center;gap:12px;margin-top:12px;padding:13px 42px 13px 14px;border:1px solid #d9b718;border-radius:13px;background:#fff8d9;box-shadow:0 12px 28px #3b310f20;animation:compare-pop .2s ease-out}.card-compare-popover div{display:flex;flex-direction:column;gap:2px;min-width:0}.card-compare-popover b{font-size:11px}.card-compare-popover span{font-size:9px;color:#736522}.card-compare-popover--ready{background:#222;color:#fff;border-color:#222}.card-compare-popover--ready span{color:#d6d2c5}.compare-now{margin-left:auto;border:0;border-radius:9px;background:var(--yellow);color:#201f19;padding:10px 13px;font-size:10px;font-weight:800;white-space:nowrap}.compare-dismiss{position:absolute;right:10px;top:8px;border:0;background:transparent;color:inherit;font-size:20px;line-height:1;padding:2px}.card-compare-popover--ready .compare-dismiss{color:#fff}@keyframes compare-pop{from{opacity:0;transform:translateY(7px) scale(.98)}to{opacity:1;transform:none}}
.card{position:relative;scroll-margin-block:110px}
.card-call{display:flex;align-items:center;justify-content:center;border:1px solid #dedbd0;border-radius:13px;color:var(--ink);background:#fff;text-decoration:none;min-height:56px}
.card-call:hover{background:#f5f4ed}.card-call svg{width:21px;height:21px}
.inquiry-whatsapp{text-decoration:none}.copy-inquiry{width:100%;padding:13px;border:1px solid #dedbd0;border-radius:10px;background:#fff;color:var(--ink);font-weight:700;margin-top:10px}
@media(max-width:650px){.price-history{font-size:11px}.price-movement{font-size:10px;padding:4px 6px}.contact-actions{grid-template-columns:minmax(0,1fr) 42px;gap:6px}.contact-actions .more{font-size:12px;padding:12px 10px;gap:8px}.card .contact-actions .more span{display:none}.card-call{min-height:58px}.previous-price{column-gap:5px}.previous-price small,.price-changed-at{font-size:9px}}
@media(max-width:650px){.card-compare-popover{align-items:flex-start;flex-direction:column;padding:12px 38px 12px 12px;gap:9px}.compare-now{width:100%;margin:0}.card-compare-popover b{font-size:10px}.card-compare-popover span{font-size:8px}}
@media(max-width:650px){body{padding-bottom:72px}.deal-badge{top:49px;left:9px;padding:5px 7px;font-size:8px}.mobile-quick-contact{position:fixed;display:grid;grid-template-columns:1fr 1.25fr;gap:8px;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:18;padding:7px;border:1px solid #dedbd0;border-radius:16px;background:#fffffff2;box-shadow:0 12px 34px #0002;backdrop-filter:blur(16px)}.mobile-quick-contact a{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:11px;background:#232321;color:#fff;font-size:12px;font-weight:800;text-decoration:none}.mobile-quick-contact .quick-whatsapp{background:#f9cc19;color:#1f1f1d}}
@media(max-width:650px) and (display-mode:standalone){.mobile-quick-contact{bottom:calc(82px + env(safe-area-inset-bottom))}}

/* Keep the document vertically scrollable in browsers and inside the REG.RU iframe. */
html,body{overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:auto}
html.embedded-catalog,html.embedded-catalog body{touch-action:pan-y pinch-zoom}
@media(max-width:650px){
  html:not(.embedded-catalog) .app-nav{display:none}
  html:not(.embedded-catalog) footer{padding-bottom:30px}
  html:not(.embedded-catalog) .compare-bar{bottom:12px}
}
@media(max-width:650px) and (display-mode:standalone){
  html:not(.embedded-catalog) .app-nav{display:grid}
  html:not(.embedded-catalog) footer{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
  html:not(.embedded-catalog) .compare-bar{bottom:calc(81px + env(safe-area-inset-bottom))}
}

/* The growing catalogue keeps category labels readable on narrow screens. */
.toolbar>div:first-child{
  display:flex;
  gap:2px;
  min-width:0;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
}
.toolbar>div:first-child::-webkit-scrollbar{display:none}
.toolbar>div:first-child .tab{flex:0 0 auto;white-space:nowrap}

/* Memory and SIM availability buttons. */
.variant-pickers{
  display:grid;
  gap:12px;
  margin:16px 0;
}
.variant-group{
  display:grid;
  gap:7px;
}
.variant-label{
  color:#777;
  font-size:10px;
  font-weight:600;
}
.variant-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.variant-option{
  min-height:42px;
  padding:9px 14px;
  border:1px solid #cfcec6;
  border-radius:10px;
  background:#fff;
  color:var(--ink);
  font-size:13px;
  line-height:1.15;
  font-weight:700;
  transition:border-color .15s,background .15s,transform .15s;
}
.variant-option:not(:disabled):hover{
  border-color:var(--ink);
  transform:translateY(-1px);
}
.variant-option.chosen{
  border-color:#d5aa00;
  background:var(--yellow);
  box-shadow:0 0 0 1px #d5aa00;
}
.variant-option:disabled{
  border-color:#e2e1dc;
  background:#ececea;
  color:#9b9b96;
  opacity:.82;
  cursor:not-allowed;
}
@media(max-width:650px){
  .variant-pickers{gap:10px;margin:13px 0}
  .variant-group{gap:6px}
  .variant-label{font-size:9px}
  .variant-buttons{gap:6px}
  .variant-option{
    min-height:40px;
    padding:9px 11px;
    border-radius:9px;
    font-size:12px;
  }
  dialog .variant-option{font-size:13px;padding:10px 13px}
}

/* Configuration states, verified SIM information and sharing. */
.availability-legend{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 16px;
  margin:-9px 0 20px;
  color:#77766f;
  font-size:10px;
}
.availability-legend span{display:inline-flex;align-items:center;gap:6px}
.legend-chip{display:inline-block;width:20px;height:12px;border:1px solid #cfcec6;border-radius:4px;background:#fff}
.legend-chip.selected{border-color:#d5aa00;background:var(--yellow)}
.legend-chip.unavailable{border-color:#e2e1dc;background:#ececea}
.variant-info{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.variant-info small{color:#85847d;font-size:9px;line-height:1.4}
.variant-static{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  max-width:100%;
  padding:9px 13px;
  border:1px solid #deddd6;
  border-radius:10px;
  background:#f5f4ef;
  color:#343431;
  font-size:12px;
  font-weight:700;
  line-height:1.35;
}
.card-share{
  position:absolute;
  top:14px;
  right:14px;
  z-index:2;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  padding:0;
  border:1px solid #deddd6;
  border-radius:50%;
  background:#fffffff0;
  color:#242421;
  box-shadow:0 4px 16px #1111;
  backdrop-filter:blur(8px);
}
.card-share:hover{border-color:#aaa89f;background:#fff}
.share-icon{display:block;width:21px;height:21px;pointer-events:none}
.share-button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:50px;
  margin-top:12px;
  padding:12px 16px;
  border:1px solid #c8c7bf;
  border-radius:12px;
  background:#fff;
  color:var(--ink);
  font-size:14px;
  font-weight:750;
  line-height:1.2;
}
.share-button:hover{border-color:var(--ink);background:#faf9f5}
.share-model{width:100%}
.order-terms{
  margin:18px 0 0;
  padding:15px 18px 15px 34px;
  border:1px solid #e7e2cf;
  border-radius:12px;
  background:#fffaf0;
  color:#5f5b50;
  font-size:11px;
  line-height:1.65;
}
.order-terms li+li{margin-top:5px}
.toast{
  position:fixed;
  left:50%;
  bottom:24px;
  z-index:20;
  max-width:min(520px,calc(100% - 28px));
  padding:12px 17px;
  border-radius:12px;
  background:#20201e;
  color:#fff;
  box-shadow:0 12px 36px #0003;
  font-size:12px;
  line-height:1.45;
  text-align:center;
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,18px);
  transition:opacity .18s,transform .18s;
}
.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:650px){
  .availability-legend{gap:7px 12px;margin:-4px 3px 14px;font-size:9px}
  .legend-chip{width:18px;height:11px}
  .variant-static{min-height:40px;padding:9px 11px;border-radius:9px;font-size:12px}
  .variant-info small{font-size:8px}
  .variant-option{font-size:13px}
  .card-share{top:10px;right:8px;width:36px;height:36px}
  .card-share .share-icon{width:18px;height:18px}
  .share-button{min-height:52px;font-size:14px}
  .order-terms{font-size:10px;padding:14px 15px 14px 30px}
  .toast{bottom:18px;font-size:11px}
}
@media(max-width:650px) and (display-mode:standalone){
  .toast{bottom:calc(91px + env(safe-area-inset-bottom))}
}

/* Desktop catalogue: two large, centred cards on every wide screen. */
@media(min-width:1001px){
  main{
    width:100%;
    max-width:1380px;
    margin-inline:auto;
    padding-inline:32px;
  }
  html.embedded-catalog main{
    width:min(100%,1380px);
    max-width:1380px;
    margin-inline:auto;
    padding:24px 32px 48px;
  }
  .cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
  }
  .card{
    display:flex;
    min-width:0;
    flex-direction:column;
    border-radius:20px;
  }
  .visual{
    flex:0 0 320px;
    width:100%;
    height:320px;
    min-height:320px;
    padding:54px 30px 24px;
    border-bottom:1px solid #efeee8;
  }
  .visual img{
    width:auto;
    height:auto;
    max-width:82%;
    max-height:245px;
  }
  .visual.orange img{width:auto;height:auto;max-width:90%;max-height:260px}
  .no-photo{
    display:grid;
    min-height:150px;
    place-content:center;
    line-height:1.45;
  }
  .body{
    display:flex;
    flex:1;
    flex-direction:column;
    padding:26px 28px 28px;
  }
  .body h2{font-size:25px;line-height:1.2}
  .color{font-size:12px}
  .variant-label{font-size:11px}
  .variant-info small{font-size:10px}
  .short span{font-size:10px}
  .price{font-size:31px}
  .pay{font-size:10px}
  .secondary,
  .secondary button{font-size:11px}
  .result-count,
  .availability-legend,
  #priceStatus{font-size:11px}
  .contact-actions{margin-top:auto}
}

/* Category subnavigation: brands stay visible without opening extra filters. */
.brand-nav{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:14px;
  margin:-7px 0 24px;
}
.brand-nav__label{
  color:#77766f;
  font-size:10px;
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.brand-nav__scroller{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  min-width:0;
}
.brand-chip{
  min-height:38px;
  padding:9px 15px;
  border:1px solid #d9d7cd;
  border-radius:999px;
  background:#fff;
  color:#363632;
  font-size:11px;
  font-weight:750;
  white-space:nowrap;
  transition:background .15s,border-color .15s,color .15s,transform .15s;
}
.brand-chip:hover{border-color:#949289;transform:translateY(-1px)}
.brand-chip.active{border-color:var(--ink);background:var(--ink);color:#fff}

@media(max-width:650px){
  .brand-nav{
    display:block;
    margin:-2px -12px 17px;
  }
  .brand-nav__label{
    display:block;
    padding:0 15px 8px;
    font-size:9px;
  }
  .brand-nav__scroller{
    flex-wrap:nowrap;
    gap:7px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    padding:0 12px 5px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .brand-nav__scroller::-webkit-scrollbar{display:none}
  .brand-chip{min-height:36px;padding:8px 14px;font-size:10px}
}

/* Branded catalogue filters: cleaner than the browser's native select controls. */
.filter-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
  gap:12px;
  align-items:end;
  margin:0 0 22px;
  padding:16px;
  border:1px solid #e2dfd4;
  border-radius:20px;
  background:linear-gradient(145deg,#fff,#faf8f0);
  box-shadow:0 8px 28px #2c291a0a;
}

/* Product dialog always starts inside the visible viewport. */
#details{
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
#details>.close{
  position:absolute;
  top:12px;
  right:12px;
  z-index:12;
  box-shadow:0 6px 22px #0002;
}
@media(max-width:650px){
  #details{
    top:max(6px,env(safe-area-inset-top));
    bottom:auto;
    width:calc(100% - 12px);
    max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 12px);
    margin:0 auto;
    border-radius:18px;
  }
  #details>.close{
    top:10px;
    right:10px;
    width:44px;
    height:44px;
    background:#fff;
    font-size:30px;
  }
}
.filter-row label{
  min-width:0;
  gap:7px;
  color:#747269;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.filter-row select{
  width:100%;
  min-height:48px;
  padding:12px 42px 12px 14px;
  border:1px solid #d8d5ca;
  border-radius:13px;
  outline:0;
  appearance:none;
  -webkit-appearance:none;
  background:
    linear-gradient(45deg,transparent 50%,#242421 50%) calc(100% - 19px) calc(50% - 2px)/6px 6px no-repeat,
    linear-gradient(135deg,#242421 50%,transparent 50%) calc(100% - 13px) calc(50% - 2px)/6px 6px no-repeat,
    linear-gradient(180deg,#fff,#f6f4eb);
  color:#242421;
  font-size:13px;
  font-weight:750;
  box-shadow:inset 0 1px 0 #fff;
  transition:border-color .15s,box-shadow .15s,background .15s;
}
.filter-row label:focus-within{color:#7a6200}
.filter-row select:hover{border-color:#aaa79d}
.filter-row select:focus{
  border-color:#c7a100;
  box-shadow:0 0 0 3px #f9cc1935,inset 0 1px 0 #fff;
}
#priceStatus{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:8px;
  width:fit-content;
  margin:2px 0 0;
  padding:9px 12px;
  border-radius:11px;
  background:#f9cc191c;
  color:#5f5740;
  font-size:10px;
  font-weight:650;
  text-align:left;
}
#priceStatus::before{
  content:"";
  flex:0 0 auto;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--yellow);
  box-shadow:0 0 0 4px #f9cc192b;
}
@media(max-width:650px){
  .filter-row{display:none}
  .filters-open .filter-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    padding:12px;
    border-radius:16px;
  }
  .filter-row label:first-child{grid-column:1/-1}
  .filter-row select{min-height:46px;border-radius:11px;font-size:16px}
  #priceStatus{font-size:9px}
}

/* Compact customer-facing footer and contact area. */
.header-phone{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:44px;
  margin-left:auto;
  padding:10px 15px;
  border:1px solid #e1c13c;
  border-radius:14px;
  background:linear-gradient(145deg,#ffda47,#f7c817);
  box-shadow:0 7px 20px #b68a0018;
}
.header-phone svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.terms{
  gap:14px;
  margin:54px 0 22px;
  padding:0;
  border:0;
}
.terms article{
  min-height:150px;
  padding:22px;
  border:1px solid #e1dfd5;
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#faf8f1);
  box-shadow:0 8px 26px #2b281707;
}
.terms article:nth-child(2){background:linear-gradient(145deg,#fff9dc,#fff)}
.terms h3{font-size:20px;margin:14px 0 9px}
.store-contacts{
  display:grid;
  grid-template-columns:minmax(220px,.75fr) minmax(0,1.7fr);
  gap:28px;
  align-items:center;
  margin:0 0 24px;
  padding:26px;
  border-radius:22px;
  background:#1d1d1b;
  color:#fff;
}
.contacts-copy .eyebrow{margin-bottom:10px;color:#f9cc19}
.contacts-copy h2{margin:0;font-size:28px;letter-spacing:-1px}
.contacts-copy>p:last-child{max-width:390px;margin:10px 0 0;color:#c7c7c1;font-size:11px;line-height:1.7}
.contact-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.contact-link{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  min-height:72px;
  padding:12px;
  border:1px solid #ffffff1f;
  border-radius:14px;
  background:#ffffff0d;
  color:#fff;
  text-decoration:none;
  transition:transform .16s,border-color .16s,background .16s;
}
.contact-link:hover{transform:translateY(-2px);border-color:#f9cc1970;background:#ffffff14}
.contact-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;background:var(--yellow);color:#1d1d1b;font-size:15px;font-weight:900}
.contact-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.contact-link>span:last-child{min-width:0;display:grid;gap:3px}
.contact-link b{font-size:11px}
.contact-link small{overflow:hidden;color:#aaa9a2;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
footer{justify-content:center;padding:0 0 100px}
.footer-install{
  border:0;
  background:transparent;
  box-shadow:none;
  color:#77766f;
  font-size:10px;
  text-decoration:underline;
  text-underline-offset:4px;
}
.footer-install svg{width:16px;height:16px}
@media(max-width:850px){
  .store-contacts{grid-template-columns:1fr}
  .contact-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .header-phone{min-height:40px;padding:8px 10px;border-radius:12px;font-size:10px}
  .header-phone svg{width:16px;height:16px}
  .terms{grid-template-columns:1fr;gap:10px;margin:28px 0 16px}
  .terms article{min-height:0;padding:17px 18px;border-radius:16px}
  .terms h3{font-size:17px;margin:9px 0 6px}
  .store-contacts{gap:18px;margin:0 0 16px;padding:20px 16px;border-radius:18px}
  .contacts-copy h2{font-size:24px}
  .contact-links{gap:8px}
  .contact-link{min-height:68px;padding:10px 9px;gap:8px}
  .contact-icon{flex-basis:34px;width:34px;height:34px}
  footer{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
}

/* Keep product details usable inside the tall REG.RU iframe and on small screens. */
#details{
  max-height:var(--dialog-max-height,min(760px,calc(100dvh - 24px)));
  overflow:hidden;
}
#detailContent{
  max-height:var(--dialog-max-height,min(760px,calc(100dvh - 24px)));
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  -webkit-overflow-scrolling:touch;
}
#details.embedded-dialog{
  position:absolute;
  inset:auto auto auto 50%;
  top:var(--dialog-top,8px);
  margin:0;
  transform:translateX(-50%);
}
#details .detail{min-height:0}

/* Align the commercial section of neighbouring desktop cards. Product
   selectors can have different heights (for example, an extra SIM row), but
   prices and customer actions should still form one clean horizontal line. */
@media(min-width:651px){
  .card .body{
    display:flex;
    flex:1;
    min-width:0;
    flex-direction:column;
  }
  .card .short{margin-top:auto}
}

footer{flex-wrap:wrap}
.catalog-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 18px;width:100%;margin-top:12px;color:#77756e}
.catalog-legal a{font-size:9px;text-decoration:underline;text-underline-offset:3px}
html.embedded-catalog .catalog-legal{display:none}
@media(max-width:650px){.catalog-legal{padding:0 14px}.catalog-legal a{font-size:8px}}
