/* Доступны только две темы: базовая NORRA и Monochrome Gloss. */
.app-dock{display:none}

html[data-theme="monochrome"]{
  --ink:#111214;--muted:#6d7075;--line:#d9dade;--paper:#f8f8f9;
  --soft:#eceef0;--sage:#c7c9cc;--peach:#e1e2e4;--blue:#d7d9dc;--accent:#111214;
  color-scheme:light
}
html[data-theme="monochrome"] body,
html[data-theme="monochrome"] button,
html[data-theme="monochrome"] input,
html[data-theme="monochrome"] select,
html[data-theme="monochrome"] textarea{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
html[data-theme="monochrome"] body{
  color:var(--ink);padding-bottom:112px;
  background:radial-gradient(circle at 10% 7%,#fff 0 12%,transparent 33%),radial-gradient(circle at 92% 28%,#dfe1e4 0 8%,transparent 28%),linear-gradient(180deg,#f9f9fa,#eff0f2)
}
html[data-theme="monochrome"] .page{background:transparent}
html[data-theme="monochrome"] .header{
  top:14px;width:min(1240px,calc(100% - 28px));height:64px;margin:auto;padding:0 24px;
  border:1px solid #ffffffd9;border-radius:22px;background:#ffffffb8;
  box-shadow:0 16px 50px #16171918,inset 0 1px #fff;backdrop-filter:blur(26px) saturate(150%)
}
html[data-theme="monochrome"] .header .nav{display:none}
html[data-theme="monochrome"] .logo{font-weight:800;letter-spacing:.18em}
html[data-theme="monochrome"] .logo:has(img){letter-spacing:0}html[data-theme="monochrome"] .header .logo img{height:36px;max-height:calc(100% - 18px);filter:grayscale(1) contrast(1.05)}html[data-theme="monochrome"] .mobile-menu-logo img{filter:grayscale(1) contrast(1.05)}html[data-theme="monochrome"] footer>.logo img{filter:grayscale(1) brightness(0) invert(1)}
html[data-theme="monochrome"] .search-drawer{top:90px;border:1px solid #fff;border-radius:0 0 28px 28px;background:#f8f8f9e8;box-shadow:0 24px 60px #0002;backdrop-filter:blur(24px)}
html[data-theme="monochrome"] .hero{
  min-height:610px;margin:34px 24px;border:1px solid #fff;border-radius:42px;
  background:linear-gradient(125deg,#fff 0 47%,#e5e6e8 47% 72%,#bfc2c5);
  box-shadow:0 30px 80px #1617191c,inset 0 1px #fff;isolation:isolate
}
html[data-theme="monochrome"] .hero:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,#fff8 0 12%,transparent 28% 67%,#fff5 82%,transparent)}
html[data-theme="monochrome"] .hero-copy,html[data-theme="monochrome"] .hero-art{z-index:1}
html[data-theme="monochrome"] .hero-copy{padding:110px 62px}
html[data-theme="monochrome"] .hero h1,
html[data-theme="monochrome"] h2{font-family:inherit;font-weight:750;letter-spacing:-.055em}
html[data-theme="monochrome"] .hero h1{font-size:clamp(54px,6vw,88px)}
html[data-theme="monochrome"] .eyebrow{color:#4d5054;font-weight:700}
html[data-theme="monochrome"] .sun{background:radial-gradient(circle at 35% 28%,#fff,#d5d7da 48%,#9b9ea2);box-shadow:inset 18px 18px 35px #fff8,0 28px 70px #0002}
html[data-theme="monochrome"] .jacket,html[data-theme="monochrome"] .garment{background:linear-gradient(145deg,#d8dadd,#727579)}
html[data-theme="monochrome"] .button{border-radius:18px;text-transform:none;font-weight:750;letter-spacing:0}
html[data-theme="monochrome"] .button-dark{border:1px solid #353638;background:linear-gradient(180deg,#303236,#090a0b);color:#fff;box-shadow:inset 0 1px #ffffff45,0 12px 28px #0003}
html[data-theme="monochrome"] .button-dark:hover{background:linear-gradient(180deg,#4a4c50,#151618);transform:translateY(-1px)}
html[data-theme="monochrome"] .product-card{padding:8px;border:1px solid #ffffffd9;border-radius:28px;background:#ffffffa6;box-shadow:0 16px 42px #11121412,inset 0 1px #fff;backdrop-filter:blur(14px)}
html[data-theme="monochrome"] .product-art{border-radius:21px;background:linear-gradient(145deg,#f5f5f6,#d9dbde);overflow:hidden}
html[data-theme="monochrome"] .product-art:after,
html[data-theme="monochrome"] .large-product-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,#fff9 0 9%,transparent 25% 64%,#fff4 82%,transparent);mix-blend-mode:screen}
html[data-theme="monochrome"] .uploaded-product-image{filter:saturate(.18) contrast(1.04)}
html[data-theme="monochrome"] .card-copy{padding:16px 9px 11px}
html[data-theme="monochrome"] .filters{padding:13px;border:1px solid #fff;border-radius:24px;background:#ffffffa8;box-shadow:0 14px 35px #0000000f;backdrop-filter:blur(18px)}
html[data-theme="monochrome"] .filters button,
html[data-theme="monochrome"] .filters select,
html[data-theme="monochrome"] .sizes button,
html[data-theme="monochrome"] .language-select,
html[data-theme="monochrome"] .customer-form input,
html[data-theme="monochrome"] .customer-form textarea{border-color:#d4d5d8;background:#f6f6f7;color:#111}
html[data-theme="monochrome"] .filters button.active,
html[data-theme="monochrome"] .sizes button.selected{background:#111;color:#fff}
html[data-theme="monochrome"] .large-product-art,
html[data-theme="monochrome"] .summary{position:relative;overflow:hidden;border:1px solid #fff;border-radius:34px;background:linear-gradient(145deg,#f7f7f8,#dfe1e3);box-shadow:0 24px 60px #1112141a,inset 0 1px #fff}
html[data-theme="monochrome"] .benefits{overflow:hidden;border:1px solid #fff;border-radius:24px;background:#ffffff91;box-shadow:0 14px 38px #0000000d}
html[data-theme="monochrome"] footer{border-radius:42px 42px 0 0;background:linear-gradient(145deg,#202225,#08090a);padding-bottom:125px;box-shadow:0 -18px 60px #0002}

html[data-theme="monochrome"] .app-dock{
  position:fixed;z-index:80;left:50%;bottom:18px;transform:translateX(-50%);display:flex;
  align-items:center;justify-content:space-around;width:min(620px,calc(100% - 24px));height:78px;padding:8px 12px;
  border:1px solid #ffffff7a;border-radius:29px;background:linear-gradient(180deg,#34363adb,#101113ed);
  color:#fff;box-shadow:inset 0 1px #ffffff52,0 22px 55px #0006,0 0 0 1px #0003;
  backdrop-filter:blur(26px) saturate(130%)
}
html[data-theme="monochrome"] .app-dock:before{content:"";position:absolute;left:9%;right:9%;top:1px;height:34%;border-radius:50%;background:linear-gradient(180deg,#fff2,transparent);pointer-events:none}
html[data-theme="monochrome"] .app-dock a,
html[data-theme="monochrome"] .app-dock button{min-width:74px;height:60px;position:relative;border:0;border-radius:20px;background:none;color:#a8aaae;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}
html[data-theme="monochrome"] .app-dock a.active,
html[data-theme="monochrome"] .app-dock button:hover{background:linear-gradient(180deg,#ffffff24,#ffffff0c);color:#fff;box-shadow:inset 0 1px #ffffff33,0 8px 20px #0003}
html[data-theme="monochrome"] .app-dock small{font-size:9px;font-weight:650}
html[data-theme="monochrome"] .dock-icon{width:21px;height:21px;display:block;position:relative}
html[data-theme="monochrome"] .dock-home{border:2px solid currentColor;border-top:0;border-radius:3px;margin-top:5px}
html[data-theme="monochrome"] .dock-home:before{content:"";position:absolute;width:14px;height:14px;border-left:2px solid;border-top:2px solid;transform:rotate(45deg);left:1px;top:-7px}
html[data-theme="monochrome"] .dock-grid{background:linear-gradient(currentColor 0 0) 0 0/8px 8px,linear-gradient(currentColor 0 0) 100% 0/8px 8px,linear-gradient(currentColor 0 0) 0 100%/8px 8px,linear-gradient(currentColor 0 0) 100% 100%/8px 8px;background-repeat:no-repeat}
html[data-theme="monochrome"] .dock-search{border:2px solid;border-radius:50%}
html[data-theme="monochrome"] .dock-search:after{content:"";position:absolute;width:8px;height:2px;background:currentColor;right:-5px;bottom:0;transform:rotate(45deg)}
html[data-theme="monochrome"] .dock-bag{border:2px solid;border-radius:3px;margin-top:4px}
html[data-theme="monochrome"] .dock-bag:before{content:"";position:absolute;width:8px;height:6px;border:2px solid;border-bottom:0;border-radius:7px 7px 0 0;left:4px;top:-7px}
html[data-theme="monochrome"] .dock-user{width:10px;height:10px;margin-top:-8px;border:2px solid;border-radius:50%}
html[data-theme="monochrome"] .dock-user:after{content:"";position:absolute;width:19px;height:10px;border:2px solid;border-bottom:0;border-radius:12px 12px 0 0;left:-6px;top:13px}
html[data-theme="monochrome"] .dock-cart-count{position:absolute;right:12px;top:3px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#fff;color:#111;font:700 9px/17px Arial;text-align:center;box-shadow:0 2px 8px #0005}

@media(max-width:800px){
  html[data-theme="monochrome"] body{padding-bottom:98px}
  html[data-theme="monochrome"] .header{top:8px;width:calc(100% - 16px);height:58px;border-radius:20px}
  html[data-theme="monochrome"] .header .nav.open{display:flex;top:66px;border:1px solid #fff;border-radius:22px;background:#f7f7f8ef;box-shadow:0 22px 55px #0003;backdrop-filter:blur(22px)}
  html[data-theme="monochrome"] .header .logo img{height:32px;max-width:132px}
  html[data-theme="monochrome"] .hero{min-height:660px;margin:18px 8px;border-radius:32px}
  html[data-theme="monochrome"] .hero-copy{padding:65px 26px}
  html[data-theme="monochrome"] .product-card{border-radius:23px}
  html[data-theme="monochrome"] .app-dock{bottom:9px;height:70px;padding:6px;border-radius:24px}
  html[data-theme="monochrome"] .app-dock a,html[data-theme="monochrome"] .app-dock button{min-width:0;flex:1;height:55px;padding:0}
  html[data-theme="monochrome"] footer{padding-bottom:108px}
}