/* SILKUS SILK — storefront styles, rebuilt 1:1 from the original Wix site.
   Desktop values are the Wix pixel values at 1440px width. They are written as
   calc(N * var(--u)) so the layout scales down proportionally on narrower desktop
   screens exactly like the Wix site; below 760px the mobile layout takes over. */
:root {
  --u: min(1px, calc(100vw / 1440));
  --ink: #000;
  --ink-soft: #404040;
  --paper: #fff;
  --cream: #f3f3f3;
  --line: #d9d9d9;
  --grey: rgb(128, 128, 128);
  --red: rgb(139, 0, 0);
  --peach: rgb(252, 214, 165);
  --orange: rgb(197, 76, 4);
  --sage: rgb(127, 145, 125);
  --ok: #1e7e34;
  --f-syne: "Syne", "Questrial", "Helvetica Neue", Arial, sans-serif;
  --f-q: "Questrial", "Century Gothic", "Helvetica Neue", Arial, sans-serif;
  --f-tahoma: "Silkus Tahoma", Tahoma, Verdana, sans-serif;
  --f-helv: "Silkus Helvetica Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --f-madefor: "Wix Madefor Display", "Questrial", Arial, sans-serif;
  --f-madefor-text: "Wix Madefor Text", "Questrial", Arial, sans-serif;
  --f-avenir: "Avenir", "Avenir Next", "Nunito Sans", "Helvetica Neue", Arial, sans-serif;
  --f-futura: "Futura", "Jost", "Century Gothic", Arial, sans-serif;
  /* kept for the checkout stylesheet */
  --font-head: var(--f-madefor);
  --font-body: var(--f-q);
  --gap: 20px;
}
@font-face { font-family: "Syne"; src: url("/fonts/syne-400.woff2?v=98ffc84a") format("woff2"), url("/fonts/syne-400.woff?v=95a93114") format("woff"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Syne"; src: url("/fonts/syne-700.woff2?v=0aad6941") format("woff2"), url("/fonts/syne-700.woff?v=a53e02ee") format("woff"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Questrial"; src: url("/fonts/questrial-400.woff2?v=89ccc12b") format("woff2"), url("/fonts/questrial-400.woff?v=bfcd3d72") format("woff"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Wix Madefor Display"; src: url("/fonts/wix-madefor-display-400.woff2?v=29ad1d97") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Wix Madefor Display"; src: url("/fonts/wix-madefor-display-700.woff2?v=bf770b83") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Wix Madefor Text"; src: url("/fonts/wix-madefor-text-400.woff2?v=27663f3a") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Wix Madefor Text"; src: url("/fonts/wix-madefor-text-700.woff2?v=7a1bf9a0") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Nunito Sans"; src: url("/fonts/nunito-sans-300.woff2?v=230d460e") format("woff2"); font-weight: 300; font-display: swap; }
@font-face { font-family: "Nunito Sans"; src: url("/fonts/nunito-sans-800.woff2?v=4c839e56") format("woff2"); font-weight: 800; font-display: swap; }
/* Stand-ins for the Wix-only Tahoma and Helvetica Light (bold → medium cut, which matches Tahoma Bold's lighter strokes). */
@font-face { font-family: "Silkus Tahoma"; src: url("/fonts/roboto-400.woff2?v=425c0713") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Silkus Tahoma"; src: url("/fonts/roboto-500.woff2?v=5bcc3aa1") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Silkus Tahoma"; src: url("/fonts/roboto-400-italic.woff2?v=5d0e978b") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Silkus Helvetica Light"; src: url("/fonts/albert-sans-300.woff2?v=113c2200") format("woff2"); font-weight: 300; font-display: swap; }
@font-face { font-family: "Jost"; src: url("/fonts/jost-400.woff2?v=f94cffda") format("woff2"); font-weight: 400; font-display: swap; }

*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; background: #fff; color: #000; font: 400 calc(17 * var(--u)) / 1.4 var(--f-q); overflow-x: clip; text-rendering: optimizeLegibility; }
img, video { max-width: 100%; display: block; }
a { color: inherit; }
p { margin: 0; }
h1, h2, h3, h4 { margin: 0; font-weight: 400; }
button, input, select, textarea { font: inherit; color: inherit; }
.sr, .hp { position: absolute !important; left: 0; top: 0; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip { position: absolute; left: -999px; top: 8px; background: #000; color: #fff; padding: 8px 12px; z-index: 50; }
.skip:focus { left: 8px; }
:focus-visible { outline: 2px solid #116dff; outline-offset: 2px; }
.s1440 { position: relative; width: calc(1440 * var(--u)); margin-inline: auto; }

/* ── generic buttons (used by cart, wishlist, blog, 404 …) ─────────── */
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: calc(40 * var(--u)); padding: 0 calc(28 * var(--u));
  border: 1px solid #000; background: #000; color: #fff; font: 400 calc(14 * var(--u)) / 1.4 var(--f-q); text-decoration: none; cursor: pointer; transition: background .2s, color .2s; }
.btn:hover { background: #fff; color: #000; }
.btn:disabled { opacity: .5; cursor: not-allowed; }
.btn-outline { background: transparent; color: #000; }
.btn-outline:hover { background: #000; color: #fff; }
.btn-block { display: flex; width: 100%; }
.link { background: none; border: 0; padding: 0; text-decoration: underline; cursor: pointer; font: inherit; }

/* ══ HEADER ═══════════════════════════════════════════════════════ */
.site-header { position: relative; background: linear-gradient(rgb(124, 120, 115) 0, #fff calc(97.77 * var(--u)), #fff 100%); font-family: var(--f-q); }
.hd-util { position: relative; height: calc(63 * var(--u)); font-size: calc(14 * var(--u)); }
.hd-util a { text-decoration: none; }
.hd-util a:hover { opacity: .7; }
.hd-ship { position: absolute; left: calc(44 * var(--u)); top: calc(25 * var(--u)); line-height: 1; }
.hd-support { position: absolute; left: calc(198 * var(--u)); top: calc(24 * var(--u)); line-height: 1; }
.hd-exp { position: absolute; left: 0; right: 0; top: calc(25 * var(--u)); text-align: center; line-height: 1; }
.hd-cart { position: fixed; z-index: 35; left: calc((100vw - 1440 * var(--u)) / 2 + 1234 * var(--u)); top: calc(18 * var(--u)); display: flex; align-items: center; gap: calc(23 * var(--u)); }
.hd-cart svg { width: calc(21 * var(--u)); height: calc(25 * var(--u)); fill: #000; overflow: visible; }
.hd-cart svg text { font: 400 50px var(--f-q); fill: #fff; }
.hd-cart .lbl { color: var(--orange); font-size: calc(16 * var(--u)); letter-spacing: .1em; line-height: 1; }
.hd-box { display: grid; grid-template-columns: calc(454 * var(--u)) calc(451 * var(--u)) 1fr; gap: 1px; margin: 0 calc(40 * var(--u)); height: calc(145 * var(--u)); padding: 1px; background: #000; }
.hd-box > div { background: #fff; position: relative; }
.hd-search { position: absolute; left: calc(81 * var(--u)); top: calc(41 * var(--u)); width: calc(290 * var(--u)); height: calc(49 * var(--u)); display: flex; align-items: center; border-bottom: 1px solid #000; }
.hd-search svg { width: calc(14 * var(--u)); height: calc(14 * var(--u)); margin: 0 calc(12 * var(--u)); flex: none; }
.hd-search input { flex: 1; min-width: 0; height: 100%; border: 0; padding: 0; background: transparent; font: 400 calc(14 * var(--u)) var(--f-futura); outline: none; }
.hd-search input::placeholder { color: #000; }
.hd-results { position: absolute; z-index: 30; left: calc(81 * var(--u)); top: calc(92 * var(--u)); width: calc(370 * var(--u)); max-height: 60vh; overflow: auto; margin: 0; padding: 6px 0; list-style: none; background: #fff; border: 1px solid #000; font-size: calc(14 * var(--u)); }
.hd-results a { display: grid; grid-template-columns: calc(40 * var(--u)) 1fr; gap: 10px; align-items: center; padding: 6px 12px; text-decoration: none; }
.hd-results a:hover, .hd-results a:focus { background: #f2f2f2; }
.hd-results img { width: calc(40 * var(--u)); height: calc(40 * var(--u)); object-fit: cover; }
.hd-results .none { padding: 8px 12px; color: #555; }
.hd-logo { display: block; position: absolute; left: calc(110 * var(--u)); top: calc(14 * var(--u)); width: calc(227 * var(--u)); }
.hd-logo img { width: 100%; height: calc(109 * var(--u)); object-fit: contain; }
.hd-links { position: absolute; top: calc(55 * var(--u)); left: calc(108 * var(--u)); display: flex; align-items: center; font-size: calc(14 * var(--u)); line-height: 1; }
.hd-links a { display: inline-flex; align-items: center; }
.hd-links svg { fill: #000; }
.hd-links .wl svg { width: calc(10 * var(--u)); height: calc(10 * var(--u)); margin: calc(6 * var(--u)) calc(9 * var(--u)) 0 0; }
.hd-links .ps { margin-left: calc(29 * var(--u)); }
.hd-links .ps svg { width: calc(10 * var(--u)); height: calc(15 * var(--u)); margin: calc(3 * var(--u)) calc(11 * var(--u)) 0 0; }
.hd-links .count { margin-left: 4px; font-size: .85em; }
.hd-nav ul { display: flex; justify-content: center; margin: calc(5 * var(--u)) 0 0; padding: 0; list-style: none; }
.hd-nav a { display: block; padding: 0 calc(29.5 * var(--u)); font-size: calc(14 * var(--u)); line-height: calc(40 * var(--u)); text-decoration: none; transition: color .2s; }
.hd-nav a:hover { color: #7a7a7a; }
.hd-promo { margin-top: calc(3 * var(--u)); height: calc(33 * var(--u)); background: #000; color: #fff; text-align: center; font-size: calc(14 * var(--u)); line-height: calc(33 * var(--u)); white-space: pre; }
.hd-mtop, .menu-toggle, .hd-mnav, .m-only, .m-filter { display: none; }

/* ══ NEWSLETTER ═══════════════════════════════════════════════════ */
.newsletter { background: #000; color: #fff; height: calc(400 * var(--u)); text-align: center; }
.newsletter h2 { padding-top: calc(94 * var(--u)); font: 700 calc(30 * var(--u)) / 1.2 var(--f-syne); }
.newsletter .sub { margin-top: calc(8 * var(--u)); font-size: calc(17 * var(--u)); line-height: calc(23.8 * var(--u)); }
.nl-form { position: relative; width: calc(833 * var(--u)); margin: calc(40 * var(--u)) 0 0 calc(291 * var(--u)); text-align: left; display: grid; grid-template-columns: calc(623 * var(--u)) calc(204 * var(--u)); column-gap: calc(6 * var(--u)); }
.nl-form label { grid-column: 1 / -1; margin-bottom: calc(8 * var(--u)); font: 300 calc(14 * var(--u)) / calc(17 * var(--u)) var(--f-avenir); }
.nl-form input[type=email] { height: calc(44 * var(--u)); margin-top: calc(4 * var(--u)); border: 0; border-radius: 1px; padding: 0 calc(16 * var(--u)); background: #fff; color: #000; font: 300 calc(15 * var(--u)) var(--f-avenir); outline: none; }
.nl-form input::placeholder { color: #5c5c5c; }
.nl-form button { height: calc(48 * var(--u)); border: 1px solid #fff; background: #000; color: #fff; font: 800 calc(20 * var(--u)) var(--f-avenir); cursor: pointer; }
.nl-form button:hover { background: #fff; color: #000; }
.form-status { grid-column: 1 / -1; min-height: 1.4em; margin-top: 8px; font-size: calc(14 * var(--u)); }
.form-status.error { color: #ff8a80; }

/* ══ FOOTER ═══════════════════════════════════════════════════════ */
.site-footer { font-family: var(--f-q); }
.ft-cols { height: calc(406 * var(--u)); border-bottom: 1px solid #000; }
.ft-cols h3 { font: 700 calc(30 * var(--u)) / 1.2 var(--f-syne); }
.ft-col { position: absolute; top: calc(51 * var(--u)); }
.ft-col ul { list-style: none; margin: calc(27 * var(--u)) 0 0; padding: 0; font-size: calc(17 * var(--u)); line-height: calc(28.9 * var(--u)); }
.ft-col a { text-decoration: none; }
.ft-col a:hover { text-decoration: underline; }
.ft-c1 { left: calc(67 * var(--u)); } .ft-c2 { left: calc(437 * var(--u)); } .ft-c3 { left: calc(813 * var(--u)); } .ft-c4 { left: calc(1145 * var(--u)); }
.ft-c3 address { margin-top: calc(27 * var(--u)); font-style: normal; font-size: calc(17 * var(--u)); line-height: calc(23.8 * var(--u)); }
.ft-c3 address .l1 { line-height: calc(28.9 * var(--u)); }
.ft-c3 address em { font-size: calc(16 * var(--u)); }
.ft-c4 p { margin-top: calc(27 * var(--u)); width: calc(206 * var(--u)); font-size: calc(17 * var(--u)); line-height: calc(28.9 * var(--u)); }
.ft-c4 .more { display: block; margin-top: calc(23 * var(--u)); font-size: calc(14 * var(--u)); }
.ft-c4 img { width: calc(102 * var(--u)); height: calc(52 * var(--u)); margin-top: calc(27 * var(--u)); }
.ft-mid { height: calc(277 * var(--u)); border-bottom: 1px solid #000; text-align: center; }
.ft-legal { display: flex; justify-content: center; gap: 0; padding-top: calc(48 * var(--u)); font-size: calc(17 * var(--u)); line-height: calc(20 * var(--u)); }
.ft-legal a { margin: 0 calc(17 * var(--u)); }
.ft-legal a:nth-child(2) { margin-right: calc(22 * var(--u)); }
.ft-mid h3 { margin-top: calc(59 * var(--u)); font: 400 calc(30 * var(--u)) / 1.2 var(--f-syne); }
.pay-logos { display: flex; justify-content: center; align-items: center; gap: calc(31 * var(--u)); margin-top: calc(22 * var(--u)); }
.pay-logos img { height: calc(37 * var(--u)); width: auto; }
.ft-bottom { height: calc(232 * var(--u)); background: linear-gradient(#fff 0, #fff 30%, rgb(124, 120, 115) 100%); text-align: center; }
.ft-bottom img { width: calc(228 * var(--u)); height: calc(116 * var(--u)); margin: 0 auto; padding-top: calc(43 * var(--u)); box-sizing: content-box; }
.ft-bottom p { margin-top: calc(42 * var(--u)); font-size: calc(14 * var(--u)); }

/* ══ SHARED PIECES ════════════════════════════════════════════════ */
.ribbon { position: absolute; z-index: 2; top: 0; left: 0; padding: 0 calc(12 * var(--u)); height: calc(24 * var(--u)); background: #000; color: #fff; font-size: calc(14 * var(--u)); line-height: calc(24 * var(--u)); }
.btn-x { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; transition: opacity .2s, background .2s, color .2s; }
.btn-x:hover { opacity: .8; }
.price s { margin-right: .3em; }
.soldout { color: rgb(64, 64, 64); }

/* product card (carousel + All Products grid) */
.card { position: relative; list-style: none; }
.card a { display: block; text-decoration: none; }
.card .media { position: relative; overflow: hidden; aspect-ratio: 165 / 220; background: #fff; }
.card .media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity .4s; }
.card .media img + img { opacity: 0; }
.card a:hover .media img + img { opacity: 1; }
.card h3 { margin-top: calc(16 * var(--u)); font: 300 calc(16 * var(--u)) / calc(20 * var(--u)) var(--f-helv); letter-spacing: -.006em; }
.card .price { margin-top: calc(6 * var(--u)); font-size: calc(16 * var(--u)); line-height: calc(24 * var(--u)); }
.card .soldout { font-size: calc(16 * var(--u)); }

/* reviews (home + product page) */
.reviews { display: grid; grid-template-columns: calc(481 * var(--u)) calc(479 * var(--u)) 1fr; height: calc(685 * var(--u)); border: 1px solid #000; border-right: 0; }
.review { position: relative; margin: 0; border-right: 1px solid #000; text-align: center; padding-top: calc(89 * var(--u)); }
.review svg { width: calc(60 * var(--u)); height: calc(60 * var(--u)); margin: 0 auto; display: block; }
.review .who { margin-top: calc(76 * var(--u)); font: 400 calc(26 * var(--u)) / 1.25 var(--f-tahoma); }
.review .t { margin-top: calc(20 * var(--u)); font: 400 calc(21 * var(--u)) / 1.3 var(--f-syne); }
.review .q { width: calc(297 * var(--u)); min-height: calc(184 * var(--u)); margin: calc(14 * var(--u)) auto 0; font: 400 calc(17 * var(--u)) / calc(30.6 * var(--u)) var(--f-syne); }
.review:nth-child(2) .q { width: calc(300 * var(--u)); min-height: calc(194 * var(--u)); font-size: calc(18 * var(--u)); line-height: calc(32.4 * var(--u)); }
.review:nth-child(3) .q { width: calc(276 * var(--u)); }
.review .stars { width: calc(160 * var(--u)); margin: calc(36 * var(--u)) auto 0; }
.review:nth-child(1) .stars { margin-left: calc(148 * var(--u)); }
.review:nth-child(2) .stars { margin-top: calc(26 * var(--u)); }
.review:nth-child(3) .stars { width: calc(166 * var(--u)); }

/* "logo video" block (home + product page) */
.logo-video { background: #fff; height: calc(734 * var(--u)); }
.logo-video .frame { position: absolute; left: calc(231 * var(--u)); top: calc(22 * var(--u)); width: calc(976 * var(--u)); height: calc(553 * var(--u)); border: calc(5 * var(--u)) solid #000; background: #fff; }
.logo-video video { width: 100%; height: 100%; object-fit: cover; background: #fff; }
.logo-video .bar { position: absolute; left: calc(231 * var(--u)); top: calc(581 * var(--u)); width: calc(976 * var(--u)); height: calc(110 * var(--u)); background: #fff; }
.logo-video .bar h2 { position: absolute; left: 0; top: calc(16 * var(--u)); font: 400 calc(40 * var(--u)) / 1.2 var(--f-syne); }
.logo-video .bar .btn-x { position: absolute; left: calc(573 * var(--u)); top: calc(16 * var(--u)); width: calc(294 * var(--u)); height: calc(42 * var(--u)); background: var(--red); color: #fff; font-size: calc(17 * var(--u)); letter-spacing: .1em; }
.logo-video .bar::after { content: ""; position: absolute; left: 0; top: calc(83 * var(--u)); width: calc(867 * var(--u)); border-top: 1px solid #000; }
.logo-video.on-black { height: calc(800 * var(--u)); background: #000; }
.logo-video.on-black .frame { top: calc(70 * var(--u)); border: 0; width: calc(975 * var(--u)); height: calc(549 * var(--u)); background: #000; overflow: hidden; }
.logo-video.on-black .bar { top: calc(626 * var(--u)); height: calc(108 * var(--u)); border-top: calc(6 * var(--u)) solid #000; }
.logo-video.on-black .bar h2 { left: calc(17 * var(--u)); top: calc(26 * var(--u)); font: 400 calc(29 * var(--u)) / 1.2 var(--f-syne); }
.logo-video.on-black .bar .btn-x { top: calc(20 * var(--u)); height: calc(41 * var(--u)); }
.logo-video.on-black .bar::after { top: calc(72 * var(--u)); }

/* ══ HOME ═════════════════════════════════════════════════════════ */
.home main { padding-top: calc(39 * var(--u)); }
.hero { height: calc(584 * var(--u)); background: rgb(124, 120, 115); overflow: hidden; }
.hero picture, .hero picture img { position: absolute; inset: 0; display: block; }
.hero img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hero .box { position: absolute; left: calc(1 * var(--u)); top: calc(15 * var(--u)); width: calc(786 * var(--u)); height: calc(457 * var(--u)); border: 2px dotted #000; }
.hero h1 { position: absolute; left: calc(143 * var(--u)); top: calc(74 * var(--u)); font: 400 calc(60 * var(--u)) / 1 var(--f-syne); white-space: nowrap; }
.hero .l2 { position: absolute; left: calc(145 * var(--u)); top: calc(152 * var(--u)); width: calc(497 * var(--u)); font: 300 calc(20 * var(--u)) / calc(28 * var(--u)) var(--f-helv); letter-spacing: -.01em; }
.hero .l3 { position: absolute; left: calc(145 * var(--u)); top: calc(239 * var(--u)); width: calc(365 * var(--u)); font-size: calc(17 * var(--u)); line-height: calc(27.2 * var(--u)); letter-spacing: .05em; }
.hero .btn-x { position: absolute; left: calc(145 * var(--u)); top: calc(345 * var(--u)); width: calc(229 * var(--u)); height: calc(40 * var(--u)); background: #000; color: #fff; font-size: calc(14 * var(--u)); }
.sticker { position: absolute; display: grid; place-content: center; text-align: center; background: var(--peach); border-radius: 50%; box-shadow: calc(5 * var(--u)) calc(5 * var(--u)) 0 #000; font-size: calc(20 * var(--u)); line-height: calc(20 * var(--u)); transform: rotate(-15deg); }
.hero .sticker { left: calc(1235 * var(--u)); top: calc(110 * var(--u)); width: calc(96 * var(--u)); height: calc(82 * var(--u)); }

.production { height: calc(591 * var(--u)); }
.production h2 { padding-top: calc(63 * var(--u)); text-align: center; font: 700 calc(40 * var(--u)) / 1.2 var(--f-syne); letter-spacing: .05em; }
.carousel { position: absolute; left: calc(121 * var(--u)); top: calc(177 * var(--u)); width: calc(1198 * var(--u)); overflow: hidden; }
.carousel ul { display: flex; gap: calc(41.6 * var(--u)); margin: 0; padding: 0; transition: transform .5s ease; }
.carousel .card { flex: 0 0 calc(165 * var(--u)); }
.car-btn { position: absolute; top: calc(274 * var(--u)); width: calc(24 * var(--u)); height: calc(24 * var(--u)); padding: 0; border: 0; background: none; cursor: pointer; }
.car-btn svg { width: 100%; height: 100%; }
.car-prev { left: calc(80 * var(--u)); } .car-next { left: calc(1336 * var(--u)); }

.bands { height: calc(399 * var(--u)); overflow: hidden; }
.bands .bg { position: absolute; inset: 0; background-size: cover; background-position: center; background-attachment: fixed; }
.bands .btn-x { position: absolute; top: calc(65 * var(--u)); width: calc(348 * var(--u)); height: calc(62 * var(--u)); color: #000; font-size: calc(17 * var(--u)); letter-spacing: .1em; }
.bands .b1 { left: calc(230 * var(--u)); background: rgba(255, 255, 255, .7); }
.bands .b2 { left: calc(861 * var(--u)); background: rgba(255, 255, 255, .6); }

.adv { height: calc(1541 * var(--u)); }
.adv .panel { position: absolute; left: calc(1 * var(--u)); top: 0; width: calc(718 * var(--u)); height: calc(1487 * var(--u)); background: var(--grey); border-bottom: calc(4 * var(--u)) dashed #fff; }
.adv h2 { position: relative; z-index: 2; margin: 0; padding: calc(90 * var(--u)) 0 0 calc(139 * var(--u)); color: #fff; font: 400 calc(38 * var(--u)) / calc(45 * var(--u)) var(--f-madefor); letter-spacing: -.01em; visibility: visible; opacity: 1; }
.adv h2 span, .adv h2 b { color: inherit; }
.adv h2 .pe { color: var(--peach); }
.adv h2 b { font: 700 calc(38 * var(--u)) / calc(48 * var(--u)) var(--f-madefor); }
.adv h2 .pe { color: var(--peach); }
.adv .dash { position: absolute; left: calc(139 * var(--u)); top: calc(317 * var(--u)); width: calc(30 * var(--u)); border-top: 1px solid #fff; }
.adv .shop { position: absolute; left: calc(139 * var(--u)); top: calc(327 * var(--u)); width: calc(211 * var(--u)); height: calc(42 * var(--u)); background: var(--red); color: #fff; font-size: calc(17 * var(--u)); letter-spacing: .1em; }
.adv .ico { position: absolute; left: calc(480 * var(--u)); width: calc(117 * var(--u)); height: calc(119 * var(--u)); }
.adv .rule { position: absolute; left: calc(139 * var(--u)); width: calc(325 * var(--u)); border-top: 1px solid #fff; }
.adv .sel { position: absolute; left: calc(138 * var(--u)); top: calc(1322 * var(--u)); width: calc(317 * var(--u)); height: calc(67 * var(--u)); background: #fff; border: 1px solid #000; font-size: calc(14 * var(--u)); letter-spacing: .1em; color: #000; gap: calc(6 * var(--u)); }
.adv .sel svg { width: calc(12 * var(--u)); height: calc(12 * var(--u)); }
.adv .wlogo { position: absolute; left: calc(464 * var(--u)); top: calc(1322 * var(--u)); width: calc(153 * var(--u)); }
.adv .txt { position: absolute; left: calc(778 * var(--u)); top: calc(90 * var(--u)); width: calc(407 * var(--u)); font: 400 calc(18 * var(--u)) / calc(25.2 * var(--u)) var(--f-tahoma); }
.adv .txt h3 { font: 700 calc(20 * var(--u)) / 1.25 var(--f-tahoma); margin-bottom: calc(43 * var(--u)); }
.adv .txt p { position: absolute; left: 0; width: 100%; top: calc((var(--top, 162) - 90) * var(--u)); }

.history { height: calc(541 * var(--u)); background: var(--grey); color: #fff; }
.history .ico { position: absolute; left: calc(92 * var(--u)); top: calc(46 * var(--u)); width: calc(112 * var(--u)); }
.history h2 { position: absolute; left: calc(230 * var(--u)); top: calc(58 * var(--u)); font: 400 calc(27 * var(--u)) / calc(37.8 * var(--u)) var(--f-tahoma); }
.history .body { position: absolute; left: calc(230 * var(--u)); top: calc(130 * var(--u)); width: calc(917 * var(--u)); font: 400 calc(18 * var(--u)) / calc(26 * var(--u)) var(--f-tahoma); }
.history .body p + p { margin-top: calc(26 * var(--u)); }
.history .shop { position: absolute; left: calc(1047 * var(--u)); top: calc(55 * var(--u)); width: calc(163 * var(--u)); height: calc(42 * var(--u)); background: #000; color: #fff; font: 300 calc(14 * var(--u)) var(--f-avenir); }
.history .pic img { width: 100%; height: 100%; object-fit: cover; object-position: left center; }
.history .pic { display: block; position: absolute; left: calc(1210 * var(--u)); top: calc(55 * var(--u)); width: calc(230 * var(--u)); height: calc(398 * var(--u)); object-fit: cover; object-position: left center; }

.apart { height: calc(807 * var(--u)); margin-top: calc(40 * var(--u)); }
.apart .red { position: absolute; left: calc(678 * var(--u)); top: 0; width: calc(762 * var(--u)); height: calc(760 * var(--u)); object-fit: cover; }
.apart .item { position: absolute; left: calc(38 * var(--u)); }
.apart .item img { position: absolute; left: 0; top: 0; width: calc(74 * var(--u)); height: calc(84 * var(--u)); object-fit: cover; }
.apart .item .t { margin-left: calc(92 * var(--u)); width: calc(439 * var(--u)); font: 400 calc(17 * var(--u)) / calc(24 * var(--u)) var(--f-tahoma); }
.apart .item h3 { font: 700 calc(25 * var(--u)) / calc(35 * var(--u)) var(--f-q); margin: calc(12 * var(--u)) 0 calc(28 * var(--u)); }
.apart .brand { position: absolute; left: calc(720 * var(--u)); top: calc(147 * var(--u)); width: calc(662 * var(--u)); height: calc(212 * var(--u)); background: rgba(255, 255, 255, .78); }
.apart .brand h2 { position: absolute; left: calc(93 * var(--u)); top: calc(34 * var(--u)); font: 400 calc(40 * var(--u)) / 1.2 var(--f-syne); }
.apart .brand i { position: absolute; left: calc(102 * var(--u)); top: calc(109 * var(--u)); width: calc(30 * var(--u)); border-top: 1px solid #000; }
.apart .brand a { position: absolute; left: calc(102 * var(--u)); top: calc(143 * var(--u)); font: 800 calc(14 * var(--u)) var(--f-avenir); text-decoration: none; }
.apart .blk { position: absolute; left: calc(719 * var(--u)); top: calc(359 * var(--u)); width: calc(662 * var(--u)); height: calc(272 * var(--u)); background: #000; }
.apart .blk img { position: absolute; left: calc(85 * var(--u)); top: calc(43 * var(--u)); width: calc(392 * var(--u)); }

.faq { height: calc(909 * var(--u)); }
.faq .blk { position: absolute; left: calc(1 * var(--u)); top: calc(39 * var(--u)); width: calc(719 * var(--u)); height: calc(450 * var(--u)); background: #000; color: #fff; }
.faq h2 { position: absolute; left: calc(138 * var(--u)); top: calc(90 * var(--u)); font: 400 calc(56 * var(--u)) / calc(67 * var(--u)) var(--f-syne); }
.faq .blk i { position: absolute; left: calc(138 * var(--u)); top: calc(262 * var(--u)); width: calc(30 * var(--u)); border-top: 1px solid #fff; }
.faq .blk a { position: absolute; left: calc(138 * var(--u)); top: calc(311 * var(--u)); font: 800 calc(14 * var(--u)) var(--f-avenir); text-decoration: none; }
.faq .vline { position: absolute; left: calc(718 * var(--u)); top: calc(39 * var(--u)); height: calc(820 * var(--u)); border-left: calc(4 * var(--u)) dashed #000; }
.faq .hline { position: absolute; left: 0; right: 0; top: calc(489 * var(--u)); border-top: calc(4 * var(--u)) dashed #000; }
.faq .qa { position: absolute; width: calc(444 * var(--u)); font: 400 calc(17 * var(--u)) / calc(24 * var(--u)) var(--f-tahoma); }
.faq .qa h3 { font: 700 calc(17 * var(--u)) / calc(24 * var(--u)) var(--f-tahoma); margin-bottom: calc(24 * var(--u)); }
.faq .q1 { left: calc(768 * var(--u)); top: calc(77 * var(--u)); }
.faq .q2 { left: calc(129 * var(--u)); top: calc(534 * var(--u)); }
.faq .q3 { left: calc(768 * var(--u)); top: calc(507 * var(--u)); }

.discount { height: calc(647 * var(--u)); }
.discount .left { position: absolute; left: 0; top: 0; width: calc(720 * var(--u)); height: 100%; background: rgb(8, 17, 83) var(--bg) no-repeat left top / calc(720 * var(--u)) calc(900 * var(--u)) fixed; overflow: hidden; }
.discount .box { position: absolute; left: calc(115 * var(--u)); top: calc(147 * var(--u)); width: calc(490 * var(--u)); height: calc(290 * var(--u)); background: #000; color: #fff; }
.discount .box h2 { position: absolute; left: calc(36 * var(--u)); top: calc(50 * var(--u)); width: calc(434 * var(--u)); font: 700 calc(40 * var(--u)) / calc(48 * var(--u)) var(--f-syne); }
.discount .box p { position: absolute; left: calc(36 * var(--u)); top: calc(154 * var(--u)); font: 700 calc(17 * var(--u)) / calc(24 * var(--u)) var(--f-madefor); }
.discount .box .btn-x { position: absolute; left: calc(36 * var(--u)); top: calc(210 * var(--u)); width: calc(185 * var(--u)); height: calc(40 * var(--u)); border: 1px solid #fff; color: #fff; font-size: calc(17 * var(--u)); }
.discount .sticker { color: #000; left: calc(300 * var(--u)); top: calc(229 * var(--u)); width: calc(156 * var(--u)); height: calc(76 * var(--u)); font: 700 calc(20 * var(--u)) / calc(22 * var(--u)) var(--f-syne); transform: rotate(-8deg); box-shadow: none; }
.discount .right { position: absolute; left: calc(720 * var(--u)); top: 0; width: calc(720 * var(--u)); height: 100%; }
.discount .right > img { width: 100%; height: 100%; object-fit: cover; }
.discount .panel { position: absolute; left: 0; top: calc(147 * var(--u)); width: calc(490 * var(--u)); height: calc(264 * var(--u)); background: rgba(255, 255, 255, .5); }
.discount .panel p { position: absolute; left: calc(98 * var(--u)); top: calc(31 * var(--u)); font: 400 calc(17 * var(--u)) / 1.4 var(--f-q); letter-spacing: .05em; }
.discount .panel h2 { position: absolute; left: calc(99 * var(--u)); top: calc(67 * var(--u)); width: calc(340 * var(--u)); font: 700 calc(43 * var(--u)) / calc(47.3 * var(--u)) var(--f-madefor); }
.discount .right .btn-x { position: absolute; left: calc(1 * var(--u)); top: calc(411 * var(--u)); width: calc(490 * var(--u)); height: calc(101 * var(--u)); background: rgb(175, 80, 79); border: 1px solid #000; color: #fff; font: 400 calc(23 * var(--u)) var(--f-madefor); }

/* ══ ALL PRODUCTS ════════════════════════════════════════════════ */
.shop-banner { height: calc(160 * var(--u)); overflow: hidden; border-bottom: 1px dashed #000; }
.shop-banner img { position: absolute; left: calc(-274 * var(--u)); top: 0; width: calc(1772 * var(--u)); max-width: none; height: 100%; object-fit: cover; }
.shop-banner h1 { position: absolute; left: calc(541 * var(--u)); top: calc(37 * var(--u)); width: calc(359 * var(--u)); height: calc(66 * var(--u)); display: grid; place-items: center; background: #000; color: #fff; font: 400 calc(35 * var(--u)) / 1 var(--f-syne); }
.shop-wrap { display: grid; grid-template-columns: calc(195 * var(--u)) calc(724 * var(--u)); gap: calc(31 * var(--u)); padding: calc(34 * var(--u)) 0 calc(60 * var(--u)) calc(249 * var(--u)); }
.filters h2 { font-size: calc(26 * var(--u)); line-height: calc(31.2 * var(--u)); padding: calc(5 * var(--u)) 0 calc(20 * var(--u)); border-bottom: 1px solid #c8c8c8; }
.filters details { border-bottom: 1px solid #c8c8c8; }
.filters summary { display: flex; justify-content: space-between; align-items: center; padding: calc(20 * var(--u)) 0; cursor: pointer; list-style: none; font-size: calc(16 * var(--u)); line-height: calc(28 * var(--u)); }
.filters summary::-webkit-details-marker { display: none; }
.filters summary::after { content: "+"; font-size: calc(22 * var(--u)); font-weight: 300; line-height: 1; }
.filters details[open] summary::after { content: "–"; }
.filters .opts { display: grid; gap: 0; padding: 0 0 calc(20 * var(--u)); margin-top: calc(-6 * var(--u)); font-size: calc(14 * var(--u)); line-height: calc(23.8 * var(--u)); }
.filters label { display: flex; gap: 8px; align-items: center; cursor: pointer; }
.filters .cats input { position: absolute; opacity: 0; pointer-events: none; }
.filters .cats label { color: #555; }
.filters .cats label:has(input:checked) { color: #000; font-weight: 700; }
.filters .cats label:has(input:focus-visible) { outline: 2px solid #116dff; }
.filters input[type=range] { width: 100%; accent-color: #000; }
.filters .range { display: flex; justify-content: space-between; }
.shop-top { display: flex; justify-content: flex-end; align-items: center; gap: 16px; margin-bottom: calc(30 * var(--u)); font-size: calc(16 * var(--u)); }
.search-note { margin-right: auto; }
.shop-top select { width: calc(200 * var(--u)); height: calc(40 * var(--u)); padding: 0 calc(36 * var(--u)) 0 calc(12 * var(--u)); border: 1px solid rgba(0, 0, 0, .6); border-radius: 0; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23000'/%3E%3C/svg%3E") no-repeat right 12px center; appearance: none; font-size: calc(16 * var(--u)); cursor: pointer; }
.product-grid { display: grid; grid-template-columns: repeat(4, calc(166 * var(--u))); gap: calc(20 * var(--u)) calc(19.6 * var(--u)); margin: 0; padding: 0; }
.product-grid .card h3 { font: 400 calc(16 * var(--u)) / calc(22.4 * var(--u)) var(--f-q); }
.product-grid .card .price { margin-top: calc(6 * var(--u)); font-size: calc(16 * var(--u)); color: rgb(64, 64, 64); }
.empty { margin: 24px 0; font-size: calc(16 * var(--u)); }
.pager { display: flex; justify-content: center; gap: calc(40 * var(--u)); margin: calc(80 * var(--u)) 0 0 calc(-90 * var(--u)); font-size: calc(16 * var(--u)); color: #999; }
.pager u { color: #000; }

/* ══ PRODUCT PAGE ════════════════════════════════════════════════ */
.pp { min-height: calc(1178 * var(--u)); padding: calc(84 * var(--u)) 0 calc(80 * var(--u)); }
.gallery { position: relative; }
.buybox .f { display: block; margin-bottom: 0; font-size: calc(17 * var(--u)); line-height: calc(23.8 * var(--u)); }
.buybox .ql { display: block; margin-bottom: calc(8 * var(--u)); }
.pp::before { content: ""; position: absolute; left: calc(-1 * (100vw - 1440 * var(--u)) / 2); top: calc(84 * var(--u)); bottom: 0; width: calc((100vw - 1440 * var(--u)) / 2 + 146 * var(--u)); background: var(--cream); }
.crumbs { margin-left: calc(274 * var(--u)); font-size: calc(15 * var(--u)); color: #757575; }
.crumbs a { color: #000; text-decoration: none; }
.pp-grid { display: grid; grid-template-columns: calc(500 * var(--u)) calc(355 * var(--u)); gap: calc(35 * var(--u)); margin: calc(64 * var(--u)) 0 0 calc(274 * var(--u)); }
.gallery .main { position: relative; width: calc(500 * var(--u)); height: calc(500 * var(--u)); border: 1px solid #c8c8c8; background: #fff; overflow: hidden; }
.gallery .main img, .gallery .main video { width: 100%; height: 100%; object-fit: cover; }
.thumbs { display: flex; gap: calc(6 * var(--u)); margin: calc(14 * var(--u)) 0 0; padding: 0; list-style: none; }
.thumbs button { width: calc(45 * var(--u)); height: calc(45 * var(--u)); padding: 0; border: 1px solid transparent; background: #000; cursor: pointer; overflow: hidden; }
.thumbs button[aria-current=true] { border-color: #000; }
.thumbs img { width: 100%; height: 100%; object-fit: cover; }
.buybox h1 { margin-top: calc(-4 * var(--u)); font: 400 calc(25 * var(--u)) / calc(30 * var(--u)) var(--f-syne); }
.buybox .price { margin-top: calc(26 * var(--u)); font-size: calc(17 * var(--u)); line-height: calc(23.8 * var(--u)); }
.buybox form { margin-top: calc(18 * var(--u)); }
.buybox label.f { display: block; margin-bottom: calc(16 * var(--u)); font-size: calc(17 * var(--u)); line-height: calc(23.8 * var(--u)); }
.buybox label.f > span { display: block; margin-bottom: calc(7 * var(--u)); }
.buybox select { width: 100%; height: calc(42 * var(--u)); padding: 0 calc(40 * var(--u)) 0 calc(12 * var(--u)); border: 1px solid rgba(0, 0, 0, .6); color: #444; border-radius: 0; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10'%3E%3Cpath d='M1 1l7 7 7-7' fill='none' stroke='%23000'/%3E%3C/svg%3E") no-repeat right 12px center; appearance: none; font-size: calc(16 * var(--u)); cursor: pointer; }
.qty { display: inline-flex; align-items: center; height: calc(42 * var(--u)); border: 1px solid rgba(0, 0, 0, .6); }
.qty button { width: calc(30 * var(--u)); height: 100%; border: 0; background: none; font-size: calc(20 * var(--u)); cursor: pointer; }
.qty input { width: calc(30 * var(--u)); border: 0; text-align: center; font-size: calc(16 * var(--u)); -moz-appearance: textfield; }
.qty input::-webkit-inner-spin-button { -webkit-appearance: none; }
.buybox .add, .buybox .buy { display: flex; width: 100%; height: calc(42 * var(--u)); align-items: center; justify-content: center; border: 0; color: #fff; font-size: calc(17 * var(--u)); cursor: pointer; }
.buybox .add { margin-top: calc(31 * var(--u)); background: rgb(135, 153, 136); }
.buybox .buy { margin-top: calc(12 * var(--u)); height: calc(44 * var(--u)); background: #000; }
.buybox .add:hover, .buybox .buy:hover { opacity: .85; }
.buybox .add:disabled { background: #b5b5b5; cursor: not-allowed; }
.wish { position: absolute; left: calc(456 * var(--u)); top: calc(457 * var(--u)); width: calc(24 * var(--u)); height: calc(24 * var(--u)); padding: 0; border: 0; background: none; cursor: pointer; }
.wish svg { width: 100%; height: 100%; fill: none; stroke: #000; stroke-width: 1.3; }
.wish[aria-pressed=true] svg { fill: #000; }
.form-error { color: #c00; font-size: calc(14 * var(--u)); margin-top: 8px; }
.form-error:empty { display: none; }
.info details { border-bottom: 1px solid #000; }
.info { margin-top: calc(24 * var(--u)); }
.info summary { display: flex; justify-content: space-between; padding: calc(16 * var(--u)) 0; cursor: pointer; list-style: none; font-size: calc(17 * var(--u)); }
.info summary::-webkit-details-marker { display: none; }
.info summary::after { content: "+"; font-size: calc(20 * var(--u)); line-height: 1; }
.info details[open] summary::after { content: "–"; }
.info details > div { padding-bottom: calc(16 * var(--u)); font-size: calc(14 * var(--u)); line-height: 1.6; }
.info details > div ul { padding-left: 1.2em; margin: 0 0 .6em; }
.pp-adv { background: var(--cream); padding: calc(36 * var(--u)) 0 calc(80 * var(--u)); border-bottom: 1px dashed #000; }
.pp-adv .flag { position: absolute; left: 0; top: calc(8 * var(--u)); width: calc(148 * var(--u)); height: calc(62 * var(--u)); background: #000; clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%); }
.pp-adv h2 { margin-left: calc(230 * var(--u)); font: 400 calc(24 * var(--u)) / 1.3 var(--f-tahoma); }
.pp-adv .cols { display: grid; grid-template-columns: calc(700 * var(--u)) 1fr; margin: calc(30 * var(--u)) 0 0 calc(230 * var(--u)); }
.pp-adv ul { margin: 0; padding-left: calc(30 * var(--u)); font: 400 calc(16 * var(--u)) / calc(24 * var(--u)) var(--f-q); }
.pp-adv ul b { font: 700 calc(17 * var(--u)) / calc(24 * var(--u)) var(--f-tahoma); }
.pp-adv .perks { padding-left: calc(29 * var(--u)); margin-top: calc(-9 * var(--u)); }
.pp-adv .perk { display: grid; grid-template-columns: calc(88 * var(--u)) calc(150 * var(--u)); gap: calc(6 * var(--u)); align-items: start; margin-bottom: calc(51 * var(--u)); font: italic 400 calc(17 * var(--u)) / calc(24 * var(--u)) var(--f-q); text-decoration: underline; }
.pp-adv .perk .pi { position: relative; width: calc(88 * var(--u)); height: calc(77 * var(--u)); margin-top: calc(13 * var(--u)); }
.pp-adv .perk .pi img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.pp-adv .perk .pi img + img { top: calc(8 * var(--u)); height: calc(54 * var(--u)); }
.pp-adv .tag { display: inline-block; margin-top: calc(40 * var(--u)); padding: 0 calc(20 * var(--u)) 0 calc(27 * var(--u)); height: calc(34 * var(--u)); line-height: calc(34 * var(--u)); color: #fff; font: 700 calc(16 * var(--u)) / calc(34 * var(--u)) var(--f-madefor); min-width: calc(356 * var(--u)); }
.pp-adv .tagrow { position: relative; margin-left: calc(230 * var(--u)); width: calc(980 * var(--u)); }
.pp-adv .tagrow::after { content: ""; position: absolute; left: calc(446 * var(--u)); right: 0; top: calc(55 * var(--u)); border-top: 1px dashed #000; }
.pp-adv .tagrow.sz::after { left: calc(356 * var(--u)); }
.pp-adv .tag.s { background: rgb(101, 112, 101); }
.pp-adv .tag.g { background: var(--grey); }
.pp-adv .sizes { margin: calc(18 * var(--u)) 0 0 calc(257 * var(--u)); width: calc(900 * var(--u)); font: 400 calc(17 * var(--u)) / calc(24 * var(--u)) var(--f-tahoma); }
.pp-adv .sizes em { display: block; margin-top: calc(8 * var(--u)); }
.pp-adv .faqs { margin: calc(14 * var(--u)) 0 0 calc(255 * var(--u)); width: calc(830 * var(--u)); font: 400 calc(17 * var(--u)) / calc(24 * var(--u)) var(--f-tahoma); }
.pp-adv .faqs dt { margin-top: calc(14 * var(--u)); font-style: italic; text-decoration: underline; }
.pp-adv .faqs dd { margin: 0; }
.pp-adv .plus { position: absolute; left: calc(380 * var(--u)); top: calc(41 * var(--u)); width: calc(33 * var(--u)); height: calc(33 * var(--u)); border-radius: 50%; background: #3a3a3a; font-size: 0; color: transparent; }
.pp-adv .plus::before, .pp-adv .plus::after { content: ""; position: absolute; left: 50%; top: 50%; width: calc(15 * var(--u)); height: calc(2.5 * var(--u)); background: #fff; transform: translate(-50%, -50%); }
.pp-adv .plus::after { transform: translate(-50%, -50%) rotate(90deg); }

/* ══ CONTENT PAGES ═══════════════════════════════════════════════ */
.btn-x.dk { background: rgb(40, 38, 38); color: #fff; font: 300 calc(15 * var(--u)) var(--f-avenir); letter-spacing: .05em; }
/* Wix-style forms (contact + wholesale) */
.wix-form { display: grid; }
.wix-form label { display: flex; flex-direction: column; gap: calc(9 * var(--u)); font: 300 calc(14 * var(--u)) / 1 var(--f-avenir); }
.wix-form input, .wix-form textarea { width: 100%; border: 1px solid #000; border-radius: 0; background: #fff; padding: 0 calc(10 * var(--u)); font: 300 calc(15 * var(--u)) var(--f-avenir); outline: none; }
.wix-form input { height: calc(37 * var(--u)); }
.wix-form textarea { padding: calc(8 * var(--u)) calc(10 * var(--u)); resize: vertical; }
.wix-form input:focus, .wix-form textarea:focus { border-width: 2px; }
.wix-form button { border: 1px solid #000; background: #000; color: #fff; font: 300 calc(14 * var(--u)) var(--f-avenir); cursor: pointer; }
.wix-form button:hover { background: #fff; color: #000; }
.wix-form .form-status { font: 400 calc(14 * var(--u)) var(--f-syne); }

/* about */
.about-top { height: calc(424 * var(--u)); text-align: center; }
.about-top .kicker { padding-top: calc(85 * var(--u)); font: 400 calc(20 * var(--u)) / 1.2 var(--f-syne); }
.about-top h1 { margin-top: calc(4 * var(--u)); font: 400 calc(56 * var(--u)) / 1.2 var(--f-syne); }
.about-top .intro { width: calc(587 * var(--u)); margin: calc(26 * var(--u)) auto 0; font-size: calc(18 * var(--u)); line-height: calc(32.4 * var(--u)); }
.splits { display: grid; gap: 1px; padding: 1px; background: #000; }
.split { display: grid; grid-template-columns: calc(718 * var(--u)) 1fr; gap: 1px; height: calc(var(--h) * var(--u)); }
.split > img { width: 100%; height: 100%; object-fit: cover; }
.split.rev > img { order: 2; }
.split .tx { background: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0 calc(116 * var(--u)); }
.split h2 { font: 400 calc(38 * var(--u)) / calc(53.2 * var(--u)) var(--f-syne); }
.split .tx p { width: calc(390 * var(--u)); margin-top: calc(43 * var(--u)); font-size: calc(18 * var(--u)); line-height: calc(32.4 * var(--u)); }
.split .tx .btn-x { width: calc(181 * var(--u)); height: calc(39 * var(--u)); margin-top: calc(30 * var(--u)); }
.split .trust p { margin-top: calc(30 * var(--u)); line-height: calc(25.2 * var(--u)); }
.split .trust .row { display: flex; align-items: center; justify-content: center; gap: calc(4 * var(--u)); width: auto; margin-top: calc(35 * var(--u)); }
.split .trust .row img { width: calc(154 * var(--u)); }
.split .trust .row .btn-x { width: calc(181 * var(--u)); height: calc(55 * var(--u)); margin: 0; }

/* silk advantages */
.advp { height: calc(1439 * var(--u)); margin-top: calc(39 * var(--u)); }
.advp h1 { position: absolute; left: calc(94 * var(--u)); top: calc(83 * var(--u)); width: calc(403 * var(--u)); font: 400 calc(56 * var(--u)) / calc(67 * var(--u)) var(--f-syne); }
.advp .lead { position: absolute; left: calc(94 * var(--u)); top: calc(381 * var(--u)); width: calc(393 * var(--u)); font-size: calc(16 * var(--u)); line-height: calc(28.8 * var(--u)); }
.advp .pic { position: absolute; left: calc(93 * var(--u)); top: calc(691 * var(--u)); width: calc(403 * var(--u)); height: calc(270 * var(--u)); }
.advp .pic img { width: 100%; height: 100%; object-fit: cover; }
.advp .pic .plus { position: absolute; left: calc(1 * var(--u)); top: calc(-51 * var(--u)); width: calc(120 * var(--u)); height: calc(120 * var(--u)); }
.advp .shop { position: absolute; left: calc(94 * var(--u)); top: calc(1004 * var(--u)); width: calc(289 * var(--u)); height: calc(71 * var(--u)); background: #000; color: #fff; font-size: calc(22 * var(--u)); letter-spacing: .1em; }
.advp-r { margin: 0; padding: 0; list-style: none; }
.advp-r li { position: absolute; left: calc(624 * var(--u)); top: calc((var(--top) - 328) * var(--u)); width: calc(537 * var(--u)); }
.advp-r h2 { display: flex; align-items: baseline; gap: calc(14 * var(--u)); font: 400 calc(20 * var(--u)) / calc(28 * var(--u)) var(--f-syne); }
.advp-r h2 i { font-style: normal; font-size: calc(26 * var(--u)); }
.advp-r h2 b { font: 700 calc(21 * var(--u)) / calc(29.4 * var(--u)) var(--f-q); margin-left: calc(-2 * var(--u)); }
.advp-r p { margin-top: calc(49 * var(--u)); font-size: calc(16 * var(--u)); line-height: calc(28.8 * var(--u)); }
.conclusion { height: calc(309 * var(--u)); }
.conclusion > img { width: 100%; height: 100%; object-fit: cover; }
.conclusion .box { position: absolute; left: calc(30 * var(--u)); top: calc(39 * var(--u)); width: calc(1380 * var(--u)); height: calc(231 * var(--u)); background: #fff; }
.conclusion h2 { position: absolute; left: calc(66 * var(--u)); top: calc(63 * var(--u)); width: calc(299 * var(--u)); font: 400 calc(33 * var(--u)) / calc(40 * var(--u)) var(--f-syne); }
.conclusion p { position: absolute; left: calc(576 * var(--u)); top: calc(55 * var(--u)); width: calc(575 * var(--u)); font-size: calc(16 * var(--u)); line-height: calc(24 * var(--u)); }

/* contact */
.ct-top { height: calc(311 * var(--u)); border-bottom: 1px dashed #7a7a7a; }
.ct-top h1 { position: absolute; left: calc(257 * var(--u)); top: calc(79 * var(--u)); font: 400 calc(56 * var(--u)) / 1.2 var(--f-syne); }
.ct-top .ico { position: absolute; left: calc(538 * var(--u)); top: calc(77 * var(--u)); width: calc(70 * var(--u)); }
.ct-top p { position: relative; top: calc(184 * var(--u)); width: calc(686 * var(--u)); margin-left: calc(257 * var(--u)); font-size: calc(17 * var(--u)); line-height: calc(23.8 * var(--u)); }
.ct-form { height: calc(614 * var(--u)); background: rgba(252, 214, 165, .8); border-bottom: 1px dashed #000; }
.ct-form h2 { position: absolute; left: calc(257 * var(--u)); top: calc(80 * var(--u)); font: 400 calc(38 * var(--u)) / calc(53.2 * var(--u)) var(--f-syne); }
.ct-info { position: absolute; left: calc(258 * var(--u)); top: calc(182 * var(--u)); display: grid; grid-template-columns: calc(319 * var(--u)) 1fr; font: 400 calc(16 * var(--u)) / 1.2 var(--f-syne); }
.ct-info > p { width: calc(220 * var(--u)); }
.ct-info a { display: block; margin-top: calc(10 * var(--u)); font: 400 calc(16 * var(--u)) var(--f-q); text-decoration: none; }
.ct-grid { position: absolute; left: calc(254 * var(--u)); top: calc(291 * var(--u)); width: calc(790 * var(--u)); grid-template-columns: repeat(3, calc(250 * var(--u))); column-gap: calc(20 * var(--u)); row-gap: calc(10 * var(--u)); }
.ct-grid .msg { grid-column: 1 / -1; }
.ct-grid textarea { height: calc(86 * var(--u)); }
.ct-grid .form-status { grid-column: 1 / 3; align-self: center; text-align: right; }
.ct-grid button { grid-column: 3; height: calc(36 * var(--u)); margin-top: calc(5 * var(--u)); }
.ct-faq { height: calc(550 * var(--u)); border-bottom: 1px dashed #000; }
.ct-faq h2, .ct-ship h2, .ct-pay h2 { position: absolute; left: calc(230 * var(--u)); font: 400 calc(56 * var(--u)) / calc(78.4 * var(--u)) var(--f-syne); }
.ct-faq h2 { top: calc(42 * var(--u)); }
.ct-faq .ico { position: absolute; left: calc(940 * var(--u)); top: calc(41 * var(--u)); width: calc(80 * var(--u)); }
.ct-faq .cols { position: absolute; left: calc(230 * var(--u)); top: calc(154 * var(--u)); display: grid; grid-template-columns: calc(397 * var(--u)) calc(447 * var(--u)); gap: calc(78 * var(--u)); font: 400 calc(17 * var(--u)) / calc(23.8 * var(--u)) var(--f-tahoma); }
.ct-faq .q, .ct-ship .q { color: rgb(64, 64, 64); font-weight: 700; }
.ct-faq .q { font-style: italic; }
.ct-faq .cols p + .q, .ct-ship .tx p + .q { margin-top: calc(24 * var(--u)); }
.ct-ship { height: calc(494 * var(--u)); background: rgb(252, 214, 165); border-bottom: 1px dashed #000; }
.ct-ship h2 { top: calc(55 * var(--u)); }
.ct-ship .i1 { position: absolute; left: calc(821 * var(--u)); top: calc(55 * var(--u)); width: calc(115 * var(--u)); }
.ct-ship .i2 { position: absolute; left: calc(918 * var(--u)); top: calc(55 * var(--u)); width: calc(115 * var(--u)); }
.ct-ship .tx { position: absolute; left: calc(230 * var(--u)); top: calc(175 * var(--u)); width: calc(738 * var(--u)); font: 400 calc(17 * var(--u)) / calc(23.8 * var(--u)) var(--f-tahoma); }
.ct-pay { height: calc(360 * var(--u)); }
.ct-pay h2 { top: calc(85 * var(--u)); }
.ct-pay .ico { position: absolute; left: calc(796 * var(--u)); top: calc(81 * var(--u)); width: calc(190 * var(--u)); }
.ct-pay p { position: absolute; left: calc(230 * var(--u)); top: calc(197 * var(--u)); width: calc(609 * var(--u)); color: rgb(64, 64, 64); font: italic 400 calc(17 * var(--u)) / calc(23.8 * var(--u)) var(--f-tahoma); }

/* wholesale */
.ws-hero { height: calc(377 * var(--u)); overflow: hidden; }
.ws-hero .bg { position: absolute; left: calc(-70 * var(--u)); top: 0; width: calc(1580 * var(--u)); max-width: none; height: 100%; object-fit: cover; }
.ws-hero h1 { position: absolute; left: calc(336 * var(--u)); top: calc(71 * var(--u)); width: calc(763 * var(--u)); height: calc(118 * var(--u)); display: grid; place-items: center; background: #fff; font: 400 calc(56 * var(--u)) / 1 var(--f-syne); }
.ws-hero .logo { position: absolute; left: calc(818 * var(--u)); top: calc(189 * var(--u)); width: calc(281 * var(--u)); height: calc(110 * var(--u)); background: #fff; overflow: hidden; }
.ws-hero .logo img { width: 100%; margin-top: calc(-24 * var(--u)); }
.ws-text { padding: calc(92 * var(--u)) 0 calc(70 * var(--u)) calc(258 * var(--u)); }
.ws-text h2 { width: calc(760 * var(--u)); font: 800 calc(38 * var(--u)) / calc(46 * var(--u)) var(--f-avenir); }
.ws-text .rec { margin-top: calc(47 * var(--u)); font: 400 calc(18 * var(--u)) / calc(25.2 * var(--u)) var(--f-syne); }
.ws-text .rec a { color: rgb(19, 86, 197); }
.ws-text p { width: calc(765 * var(--u)); font: 400 calc(18 * var(--u)) / calc(25.2 * var(--u)) Arial, Helvetica, sans-serif; }
.ws-text p + p { margin-top: calc(25 * var(--u)); }
.ws-form { height: calc(583 * var(--u)); background: rgb(241, 241, 241); }
.ws-form h2 { position: absolute; left: calc(258 * var(--u)); top: calc(40 * var(--u)); font: 400 calc(38 * var(--u)) / 1.2 var(--f-syne); }
.ws-form .sub { position: absolute; left: calc(260 * var(--u)); top: calc(95 * var(--u)); font-size: calc(16 * var(--u)); line-height: calc(28.8 * var(--u)); }
.ws-grid { position: absolute; left: calc(257 * var(--u)); top: calc(198 * var(--u)); width: calc(769 * var(--u)); grid-template-columns: calc(360 * var(--u)) calc(360 * var(--u)); column-gap: calc(49 * var(--u)); row-gap: calc(20 * var(--u)); grid-template-areas: "a d" "b d" "c d" "s e"; }
.ws-grid label:nth-of-type(1) { grid-area: a; } .ws-grid label:nth-of-type(2) { grid-area: b; } .ws-grid label:nth-of-type(3) { grid-area: c; }
.ws-grid .msg { grid-area: d; }
.ws-grid textarea { height: calc(197 * var(--u)); }
.ws-grid button { grid-area: e; justify-self: end; width: calc(139 * var(--u)); height: calc(36 * var(--u)); margin-top: calc(25 * var(--u)); font-size: calc(17 * var(--u)); }
.ws-grid .form-status { grid-area: s; align-self: end; }

/* legal (GT&Cs, cookies) */
.legal { padding: calc(109 * var(--u)) 0 calc(150 * var(--u)); text-align: center; }
.legal h1 { font: 400 calc(40 * var(--u)) / 1.2 var(--f-syne); }
.legal-text { width: calc(670 * var(--u)); margin: calc(66 * var(--u)) auto 0; font-size: calc(17 * var(--u)); line-height: calc(23.8 * var(--u)); }
.legal-text p { min-height: calc(23.8 * var(--u)); }
.legal-text a { color: rgb(64, 64, 64); }
.legal h2 { margin-top: calc(150 * var(--u)); font: 400 calc(32 * var(--u)) / 1.2 var(--f-syne); }
.legal-ws { width: calc(612 * var(--u)); margin: calc(37 * var(--u)) auto 0; font-size: calc(20 * var(--u)); line-height: calc(34 * var(--u)); }
.legal.cookie { padding-top: calc(66 * var(--u)); }
.legal.cookie h1 { font: 400 calc(35 * var(--u)) / 1.2 var(--f-q); padding-bottom: calc(36 * var(--u)); border-bottom: 1px dashed #000; margin: 0 calc(-1 * (100vw - 1440 * var(--u)) / 2); }
.legal.cookie .legal-text { width: calc(780 * var(--u)); margin-top: calc(48 * var(--u)); }
.legal.cookie h3 { margin-top: calc(24 * var(--u)); font: 400 calc(24 * var(--u)) / 1.2 var(--f-q); }
.legal.cookie ul { display: inline-block; margin: 0; padding-left: 1.2em; }

/* simple fallback layout used for cart, wishlist, thank-you, 404 */
.section { width: calc(980 * var(--u)); margin: calc(70 * var(--u)) auto calc(100 * var(--u)); }
.section.center { text-align: center; }
.section-title { font: 700 calc(36 * var(--u)) / 1.2 var(--f-syne); letter-spacing: .04em; margin-bottom: calc(30 * var(--u)); }
.section.center .btn { margin-top: 24px; }

/* cart (Wix "My cart") — same design as Wix, slightly larger */
.cartp { width: calc(1040 * var(--u)); margin: calc(90 * var(--u)) auto 0; min-height: calc(600 * var(--u)); }
.cart-head { display: flex; align-items: center; gap: calc(22 * var(--u)); padding-bottom: calc(18 * var(--u)); border-bottom: 1px solid #c8c8c8; }
.cart-head h1 { font-size: calc(26 * var(--u)); }
.cart-head img { width: calc(44 * var(--u)); height: calc(44 * var(--u)); border-radius: 50%; background: #000; }
.cart-layout { display: grid; grid-template-columns: 1fr calc(320 * var(--u)); gap: calc(64 * var(--u)); }
.cart-layout:has(.cart-empty:not([hidden])) { grid-template-columns: 1fr; }
.cart-layout:has(.cart-empty:not([hidden])) .summary { display: none; }
.cart-empty { padding: calc(170 * var(--u)) 0; text-align: center; border-bottom: 1px solid #c8c8c8; }
.cart-empty p { font-size: calc(24 * var(--u)); }
.cart-empty a { display: inline-block; margin-top: calc(16 * var(--u)); font-size: calc(17 * var(--u)); }
.cart-lines { list-style: none; margin: 0; padding: 0; }
.cart-line { display: grid; grid-template-columns: calc(130 * var(--u)) 1fr auto auto auto; gap: calc(24 * var(--u)); align-items: start; padding: calc(28 * var(--u)) 0; border-bottom: 1px solid #c8c8c8; font-size: calc(19 * var(--u)); }
.cart-line img { width: calc(130 * var(--u)); height: calc(130 * var(--u)); object-fit: cover; background: #f4f4f4; }
.cart-line .info a { text-decoration: none; line-height: 1.35; }
.cart-line .price, .cart-line .opt { margin-top: 8px; font-size: calc(17 * var(--u)); color: #555; }
.cart-line .price s { margin-right: 6px; }
.cart-line .qty { height: calc(44 * var(--u)); border: 0; }
.cart-line .qty input { width: calc(70 * var(--u)); height: 100%; border: 1px solid rgba(0, 0, 0, .6); text-align: center; font-size: calc(18 * var(--u)); }
.cart-line .line-total { font-size: calc(19 * var(--u)); }
.cart-line .remove { border: 0; background: none; cursor: pointer; font-size: calc(20 * var(--u)); color: #555; }
.summary { padding-top: calc(28 * var(--u)); }
.summary h2 { font-size: calc(24 * var(--u)); padding-bottom: calc(16 * var(--u)); border-bottom: 1px solid #c8c8c8; }
.summary dl { display: grid; grid-template-columns: 1fr auto; gap: 12px 0; margin: 20px 0; font-size: calc(19 * var(--u)); }
.summary dd { margin: 0; text-align: right; }
.summary .total { font-size: calc(24 * var(--u)); border-top: 1px solid #c8c8c8; padding-top: 14px; }
.summary .btn { min-height: calc(52 * var(--u)); font-size: calc(18 * var(--u)); }
.promo-form { display: grid; grid-template-columns: 1fr auto; gap: 10px; margin-top: 20px; font-size: calc(17 * var(--u)); }
.promo-form label { grid-column: 1 / -1; }
.promo-form input { min-width: 0; width: 100%; height: calc(48 * var(--u)); border: 1px solid rgba(0, 0, 0, .6); padding: 0 12px; font-size: calc(17 * var(--u)); }
.promo-form .btn { min-height: calc(48 * var(--u)); }
.promo-msg { grid-column: 1 / -1; margin: 0; font-size: calc(15 * var(--u)); }
.promo-msg.error { color: #c00; }
.secure-note { text-align: center; font-size: calc(16 * var(--u)); margin-top: 14px; }
.cart-gap { height: calc(35 * var(--u)); margin-top: calc(93 * var(--u)); background: #d9d9d9; }
.wish-page .product-grid { grid-template-columns: repeat(4, 1fr); }
.wish-page .link { margin-top: 6px; font-size: calc(14 * var(--u)); }

/* side cart (opens after "Add to Cart") — fixed pixel sizes */
.mini-cart { position: fixed; inset: 0; z-index: 60; font: 400 16px/1.45 var(--f-q); }
.mc-backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, .35); opacity: 0; transition: opacity .3s; }
.mc-panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(420px, 100vw); display: flex; flex-direction: column; background: #fff; transform: translateX(100%); transition: transform .3s ease; box-shadow: -4px 0 24px rgba(0, 0, 0, .12); }
.mini-cart.open .mc-backdrop { opacity: 1; }
.mini-cart.open .mc-panel { transform: none; }
.mc-head { display: flex; align-items: center; gap: 12px; height: 72px; padding: 0 20px; background: #000; color: #fff; }
.mc-head h2 { font: 400 20px var(--f-q); }
.mc-close { width: 32px; height: 32px; padding: 0; border: 0; background: none; color: #fff; cursor: pointer; }
.mc-close svg { width: 100%; height: 100%; }
.mc-lines { flex: 1; overflow: auto; margin: 0; padding: 0 24px; list-style: none; }
.mc-lines li { position: relative; display: grid; grid-template-columns: 90px 1fr; gap: 16px; padding: 22px 28px 22px 0; border-bottom: 1px solid #e3e3e3; }
.mc-img img { width: 90px; height: 90px; object-fit: cover; background: #f4f4f4; }
.mc-info a { text-decoration: none; font-size: 16px; line-height: 1.35; }
.mc-price { margin-top: 6px; font-size: 15px; }
.mc-price s { color: #777; }
.mc-opt { margin-top: 2px; font-size: 14px; color: #666; }
.mc-qty { display: inline-flex; align-items: center; margin-top: 10px; height: 36px; border: 1px solid rgba(0, 0, 0, .6); }
.mc-qty button { width: 34px; height: 100%; border: 0; background: none; font-size: 18px; cursor: pointer; }
.mc-qty span { min-width: 28px; text-align: center; font-size: 15px; }
.mc-remove { position: absolute; top: 18px; right: 0; width: 24px; height: 24px; padding: 0; border: 0; background: none; color: #555; cursor: pointer; }
.mc-empty { flex: 1; display: grid; place-items: center; font-size: 20px; }
.mc-foot { padding: 20px 24px 24px; border-top: 1px solid #e3e3e3; }
.mc-foot dl { display: flex; justify-content: space-between; margin: 0; font-size: 20px; }
.mc-foot dd { margin: 0; }
.mc-note { margin: 4px 0 16px; font-size: 13px; color: #666; }
.mc-btn { display: flex; align-items: center; justify-content: center; height: 50px; margin-top: 10px; border: 1px solid #000; font-size: 16px; text-decoration: none; transition: background .2s, color .2s; }
.mc-checkout { background: #000; color: #fff; }
.mc-checkout:hover { background: #fff; color: #000; }
.mc-view:hover { background: #000; color: #fff; }

/* blog */
.blog-hero { height: calc(413 * var(--u)); margin-top: calc(39 * var(--u)); background: rgba(252, 214, 165, .8); text-align: center; }
.blog-hero h1 { padding-top: calc(66 * var(--u)); font: 400 calc(56 * var(--u)) / calc(78.4 * var(--u)) var(--f-syne); }
.blog-hero p { width: calc(627 * var(--u)); margin: calc(27 * var(--u)) auto 0; font-size: calc(16 * var(--u)); line-height: calc(28.8 * var(--u)); }
.blog-hero .btn-x { width: calc(248 * var(--u)); height: calc(42 * var(--u)); margin-top: calc(52 * var(--u)); background: #000; color: #fff; font: 300 calc(14 * var(--u)) var(--f-avenir); }
.blog { width: calc(940 * var(--u)); margin: 0 auto calc(66 * var(--u)); }
.blog-nav { padding: calc(30 * var(--u)) 0; font-size: calc(14 * var(--u)); }
.blog-nav a { text-decoration: none; }
.blog > h2 { margin: calc(43 * var(--u)) 0 calc(76 * var(--u)) calc(20 * var(--u)); font: 400 calc(36 * var(--u)) / calc(50.4 * var(--u)) var(--f-syne); }
.post-grid { display: grid; gap: calc(32 * var(--u)); margin: 0; padding: 0; list-style: none; }
.post-card { border: 1px solid rgba(252, 214, 165, .75); }
.post-card a { display: grid; grid-template-columns: calc(453 * var(--u)) 1fr; text-decoration: none; min-height: calc(340 * var(--u)); }
.post-card img { width: 100%; height: calc(340 * var(--u)); object-fit: cover; }
.post-card .pc-body { position: relative; padding: calc(25 * var(--u)) calc(36 * var(--u)) calc(30 * var(--u)); display: flex; flex-direction: column; }
.post-card .meta, .post .meta { display: flex; align-items: center; gap: calc(10 * var(--u)); font-size: calc(12 * var(--u)); line-height: 1.3; }
.post-card .meta img, .post .meta img { width: calc(32 * var(--u)); height: calc(32 * var(--u)); border-radius: 50%; object-fit: contain; }
.post-card h2 { margin-top: calc(18 * var(--u)); font: 400 calc(28 * var(--u)) / calc(34 * var(--u)) var(--f-syne); }
.post-card p.ex { margin-top: calc(12 * var(--u)); font-size: calc(16 * var(--u)); line-height: calc(24 * var(--u)); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.post-card .rm { margin-top: auto; padding-top: calc(14 * var(--u)); border-top: 1px solid #ccc; font-size: calc(12 * var(--u)); }
.blog-why { height: calc(389 * var(--u)); background: rgba(252, 214, 165, .8); text-align: center; }
.blog-why h2 { padding-top: calc(55 * var(--u)); font: 400 calc(56 * var(--u)) / calc(78.4 * var(--u)) var(--f-syne); }
.blog-why p { width: calc(629 * var(--u)); margin: calc(15 * var(--u)) auto 0; font-size: calc(17 * var(--u)); line-height: calc(23.8 * var(--u)); }
.blog-why .btn-x { width: calc(142 * var(--u)); height: calc(42 * var(--u)); margin-top: calc(30 * var(--u)); background: #000; color: #fff; font: 300 calc(14 * var(--u)) var(--f-avenir); }
.post-wrap { width: calc(940 * var(--u)); margin: 0 auto calc(100 * var(--u)); }
.post { border: 1px solid rgba(252, 214, 165, .75); padding: calc(60 * var(--u)) calc(99 * var(--u)) calc(80 * var(--u)); }
.post .meta { font-size: calc(14 * var(--u)); }
.post h1 { margin: calc(26 * var(--u)) 0 calc(20 * var(--u)); font: 400 calc(40 * var(--u)) / calc(56 * var(--u)) var(--f-syne); }
.post-body { font: 400 calc(18 * var(--u)) / calc(27 * var(--u)) var(--f-q); }
.post-body > *, .post-body li, .post-body li > p { margin: 0; }
.post-body p { min-height: calc(27 * var(--u)); }
.post-body h2, .post-body h3, .post-body h4 { margin: 0; font-family: var(--f-syne); font-weight: 400; }
.post-body h2 { font-size: calc(28 * var(--u)); line-height: calc(39.2 * var(--u)); }
.post-body h3 { font-size: calc(22 * var(--u)); line-height: calc(30.8 * var(--u)); }
.post-body h4 { font-size: calc(20 * var(--u)); line-height: calc(28 * var(--u)); }
.post-body strong { font-weight: 700; }
.post-body figure { margin: 0; }
.post-body img { display: block; width: 100%; height: auto; margin: 0; }
.post-body .crop img { aspect-ratio: 740 / 423; object-fit: cover; }
.post-body figcaption { padding: calc(16 * var(--u)) 0; font-size: calc(14 * var(--u)); line-height: calc(27 * var(--u)); text-align: center; }
.post-body ul, .post-body ol { padding: 0 0 calc(27 * var(--u)); list-style: none; }
.post-body ul > li { list-style: disc; } .post-body ol > li { list-style: decimal; }
.post-body li { margin-left: calc(27 * var(--u)); padding-left: calc(9 * var(--u)); }
.post-body li > p + p { margin-top: calc(27 * var(--u)); }
.post-body li:has(> p + p) + li { margin-top: calc(27 * var(--u)); }
.post-body a { text-decoration: underline; }
.post-body blockquote { margin: calc(15 * var(--u)) calc(18 * var(--u)) calc(15 * var(--u)) 0; padding: calc(6 * var(--u)) 0 calc(6 * var(--u)) calc(18 * var(--u)); border-left: calc(3 * var(--u)) solid #000; font-size: calc(24 * var(--u)); line-height: calc(33.6 * var(--u)); }
.post-body blockquote p { min-height: 0; }
.post-body table { width: 100%; margin: calc(16 * var(--u)) 0 calc(15 * var(--u)); table-layout: fixed; border-collapse: collapse; }
.post-body td, .post-body th { padding: calc(10 * var(--u)) calc(9 * var(--u)); border: 1px solid #b3b3b3; vertical-align: top; text-align: left; font-weight: 400; }
.post-body td p { min-height: 0; }
.post-body .lay { display: grid; grid-template-columns: 1fr 1fr; column-gap: calc(56 * var(--u)); padding: calc(18 * var(--u)); }
.post .post-hero { margin: 0 0 calc(34 * var(--u)); }
.post .post-hero img { display: block; width: 100%; height: auto; }
/* Markdown blog posts (src/posts): spacing by margins instead of empty lines */
.post-body.flow > * + * { margin-top: calc(27 * var(--u)); }
.post-body.flow > h2 { margin-top: calc(54 * var(--u)); }
.post-body.flow > h3 { margin-top: calc(40 * var(--u)); }
.post-body.flow > h2 + *, .post-body.flow > h3 + * { margin-top: calc(14 * var(--u)); }
.post-body.flow p { min-height: 0; }
.post-body.flow ul, .post-body.flow ol { padding-bottom: 0; }
.post-body.flow li + li { margin-top: calc(6 * var(--u)); }
.post-body.flow figure img { border-radius: 0; }
.post-body.flow .tbl { overflow-x: auto; }
.post-body.flow table { margin: 0; font-size: calc(16 * var(--u)); line-height: calc(24 * var(--u)); }
.post-body.flow th { background: #fcd6a5; font-weight: 700; }
.post-body.flow tbody tr:nth-child(even) td { background: #faf7f3; }
.post-body .tip { padding: calc(18 * var(--u)) calc(22 * var(--u)); border-left: calc(4 * var(--u)) solid #000; background: #f4f1ec; }
.post-body .tip p + p { margin-top: calc(8 * var(--u)); }
.post-body .chart { padding: calc(24 * var(--u)) calc(28 * var(--u)) calc(20 * var(--u)); border: 1px dashed #000; background: #fff; }
.post-body .chart .ch { padding: 0 0 calc(16 * var(--u)); text-align: left; font: 400 calc(18 * var(--u)) / calc(26 * var(--u)) var(--f-syne); }
.post-body .chart .cb { display: grid; grid-template-columns: calc(210 * var(--u)) 1fr calc(70 * var(--u)); align-items: center; gap: calc(14 * var(--u)); padding: calc(6 * var(--u)) 0; font-size: calc(15 * var(--u)); line-height: calc(20 * var(--u)); }
.post-body .chart .ct { height: calc(18 * var(--u)); background: #f1ece5; }
.post-body .chart .ct i { display: block; height: 100%; background: #000; }
.post-body .chart .ct i.hi, .post-body .chart .cb:last-of-type .ct i.hi { background: #87998a; }
.post-body .chart b { font-weight: 400; text-align: right; }
.post-body .chart .cn { margin-top: calc(12 * var(--u)); font-size: calc(13 * var(--u)); line-height: calc(19 * var(--u)); color: #555; }
.post-body .post-cta { margin-top: calc(54 * var(--u)); padding: calc(36 * var(--u)) calc(40 * var(--u)) calc(40 * var(--u)); background: rgba(252, 214, 165, .8); text-align: center; }
.post-body .post-cta .h { font: 400 calc(26 * var(--u)) / calc(34 * var(--u)) var(--f-syne); }
.post-body .post-cta p + p { margin-top: calc(10 * var(--u)); }
.post-body .post-cta .btn-cta { display: inline-grid; place-items: center; min-width: calc(240 * var(--u)); height: calc(50 * var(--u)); margin-top: calc(22 * var(--u)); padding: 0 calc(30 * var(--u)); background: #000; color: #fff; font: 400 calc(15 * var(--u)) / 1 var(--f-q); letter-spacing: .12em; text-transform: uppercase; text-decoration: none; }
.post-body .post-cta .btn-cta:hover { background: #2b2b2b; }
.post-foot { margin-top: calc(40 * var(--u)); padding-top: calc(20 * var(--u)); border-top: 1px solid #ccc; font-size: calc(14 * var(--u)); }

/* ══ MOBILE (< 760px) — follows the Wix mobile site ═══════════════ */
@media (max-width: 759px) {
  :root { --m: calc(100vw / 320); --u: var(--m); }
  body { font-size: 16px; }
  .s1440 { width: 100%; }
  .m-only { display: block; }
  main, .site-header, .site-footer { overflow-x: clip; }

  /* header (Wix mobile: 25 + 102 + 46) */
  .site-header { background: #fff; }
  .hd-util, .hd-box, .hd-nav, .hd-promo { display: none; }
  .hd-mtop { display: block; height: calc(25 * var(--m)); margin: 0; background: #000 linear-gradient(90deg, #bbb 50%, transparent 0) left bottom / calc(4 * var(--m)) 1px repeat-x; color: #fff; text-align: center; font: 400 calc(11 * var(--m)) / calc(25 * var(--m)) var(--f-tahoma); letter-spacing: .03em; }
  .hd-mbar { display: block !important; position: relative; height: calc(104 * var(--m)); border-bottom: calc(2 * var(--m)) solid #000; }
  .menu-toggle { position: absolute; left: 0; top: 0; display: grid; place-items: center; width: calc(65 * var(--m)); height: calc(102 * var(--m)); border: 0; padding: 0; background: #e6e6e6; cursor: pointer; }
  .menu-toggle span { position: absolute; left: calc(24 * var(--m)); top: calc(44.5 * var(--m)); width: calc(22 * var(--m)); height: calc(1.3 * var(--m)); background: #000; }
  .menu-toggle span::before, .menu-toggle span::after { content: ""; position: absolute; left: 0; width: 100%; height: 100%; background: #000; }
  .menu-toggle span::before { top: calc(-9 * var(--m)); } .menu-toggle span::after { top: calc(9 * var(--m)); }
  .hd-mlogo { position: absolute; left: calc(83 * var(--m)); top: calc(15 * var(--m)); width: calc(152 * var(--m)); height: calc(72 * var(--m)); }
  .hd-mlogo img { width: 100%; height: 100%; object-fit: contain; }
  .hd-mcart { position: absolute; left: calc(252 * var(--m)); top: calc(22 * var(--m)); display: block; width: calc(58 * var(--m)); height: calc(50 * var(--m)); border-radius: calc(25 * var(--m)) / calc(22 * var(--m)); background: #8c9a8b; }
  .hd-mcart svg { position: absolute; left: calc(14 * var(--m)); top: calc(7 * var(--m)); width: calc(27 * var(--m)); height: calc(32 * var(--m)); fill: #000; overflow: visible; }
  .hd-mcart svg text { font: 400 50px var(--f-q); fill: #fff; }
  .hd-mnav { display: flex !important; justify-content: space-between; align-items: center; height: calc(44 * var(--m)); padding: calc(1 * var(--m)) calc(14 * var(--m)) 0; border-bottom: calc(3 * var(--m)) solid #000; font: 400 calc(16.5 * var(--m)) / 1 var(--f-q); white-space: nowrap; overflow: hidden; }
  .hd-mnav a { text-decoration: none; }
  .hd-drawer { position: fixed; inset: 0; z-index: 40; overflow: auto; background: #fff; padding: 0; }
  .hd-drawer > * { position: absolute; }
  .hd-drawer .dl { left: 0; top: calc(29 * var(--m)); width: calc(168 * var(--m)); border-top: 1px dashed #000; }
  .hd-drawer .dlogo { left: calc(182 * var(--m)); top: calc(25 * var(--m)); width: calc(106 * var(--m)); height: calc(50 * var(--m)); object-fit: contain; }
  .hd-drawer .close { left: calc(6 * var(--m)); top: calc(42 * var(--m)); width: calc(58 * var(--m)); height: calc(58 * var(--m)); border: 0; padding: 0; background: none; cursor: pointer; }
  .hd-drawer .close::before, .hd-drawer .close::after { content: ""; position: absolute; left: calc(18 * var(--m)); top: calc(28 * var(--m)); width: calc(22 * var(--m)); height: calc(2 * var(--m)); background: #000; transform: rotate(45deg); }
  .hd-drawer .close::after { transform: rotate(-45deg); }
  .hd-drawer form { left: calc(35 * var(--m)); top: calc(87 * var(--m)); display: flex; align-items: center; gap: calc(12 * var(--m)); width: calc(251 * var(--m)); height: calc(57 * var(--m)); margin: 0; padding: 0 0 0 calc(12 * var(--m)); border-bottom: 1px solid #000; }
  .hd-drawer form svg { flex: none; width: calc(14 * var(--m)); height: calc(14 * var(--m)); }
  .hd-drawer input { flex: 1; min-width: 0; border: 0; padding: 0; background: none; font: 400 max(16px, calc(15 * var(--m))) var(--f-futura); color: #000; outline: none; }
  .hd-drawer input::placeholder { color: #000; }
  .hd-drawer ul { left: calc(29 * var(--m)); top: calc(155 * var(--m)); width: calc(188 * var(--m)); margin: 0; padding: 0; list-style: none; text-align: left; }
  .hd-drawer ul a { display: block; height: calc(37 * var(--m)); padding: 0 0 0 calc(10 * var(--m)); font: 400 calc(14 * var(--m)) / calc(37 * var(--m)) var(--f-q); text-decoration: none; color: #000; }
  .hd-drawer .dx { left: calc(39 * var(--m)); top: calc(437 * var(--m)); padding: 0; font: 400 calc(14 * var(--m)) / calc(20 * var(--m)) var(--f-q); text-decoration: none; color: #000; }
  .hd-drawer .dx + .dx { top: calc(460 * var(--m)); }
  .hd-drawer .dbasket { left: calc(35 * var(--m)); top: calc(497 * var(--m)); display: grid; place-items: center; width: calc(151 * var(--m)); height: calc(30 * var(--m)); background: rgb(40, 38, 38); color: #fff; font: 300 calc(15 * var(--m)) / 1 var(--f-avenir); letter-spacing: .05em; text-decoration: none; }

  /* newsletter (325 high) */
  .newsletter { height: calc(325 * var(--m)); padding: calc(33 * var(--m)) 0 0 calc(22 * var(--m)); text-align: left; }
  .newsletter h2 { width: calc(290 * var(--m)); padding: 0; font: 700 calc(20 * var(--m)) / calc(25 * var(--m)) var(--f-syne); }
  .newsletter .sub { width: calc(288 * var(--m)); margin-top: calc(8 * var(--m)); font-size: calc(12 * var(--m)); line-height: calc(16.8 * var(--m)); }
  .nl-form { width: calc(259 * var(--m)); margin: calc(25 * var(--m)) 0 0 calc(6 * var(--m)) !important; grid-template-columns: 1fr; row-gap: 0; }
  .nl-form label { margin: 0 0 calc(8 * var(--m)); font-size: calc(14 * var(--m)); line-height: calc(17 * var(--m)); }
  .nl-form input[type=email] { height: calc(44 * var(--m)); margin: 0; border: calc(4 * var(--m)) solid #fff; padding: 0 calc(12 * var(--m)); font-size: max(16px, calc(15 * var(--m))); }
  .nl-form button { height: calc(48 * var(--m)); margin-top: calc(12 * var(--m)); font-size: calc(20 * var(--m)); }

  /* footer */
  .ft-cols { height: calc(247 * var(--m)); display: grid; grid-template-columns: calc(165 * var(--m)) 1fr; align-content: start; padding-top: calc(18 * var(--m)); text-align: center; }
  .ft-col { position: static; }
  .ft-c2, .ft-c4 { display: none; }
  .ft-cols h3 { padding-bottom: calc(8 * var(--m)); border-bottom: 1px dashed #000; font: 700 calc(18 * var(--m)) / calc(22 * var(--m)) var(--f-syne); }
  .ft-c3 h3 { padding-left: calc(7 * var(--m)); }
  .ft-col ul { margin-top: calc(26 * var(--m)); font-size: calc(13 * var(--m)); line-height: calc(22.1 * var(--m)); }
  .ft-c3 address { margin: calc(27 * var(--m)) 0 0 calc(7 * var(--m)); font-size: calc(12 * var(--m)); line-height: calc(16.8 * var(--m)); }
  .ft-c3 address .l1 { line-height: calc(20.4 * var(--m)); }
  .ft-c3 address em { font-size: calc(11 * var(--m)); }
  .ft-mid { height: calc(197 * var(--m)); display: flex; flex-direction: column; }
  .ft-mid h3 { order: -1; height: calc(40 * var(--m)); margin: 0; background: #e5e5e5; border-bottom: 1px dashed #000; font: 400 calc(18 * var(--m)) / calc(40 * var(--m)) var(--f-syne); }
  .ft-legal { justify-content: space-between; padding: calc(26 * var(--m)) calc(10 * var(--m)) 0; font-size: calc(13 * var(--m)); line-height: calc(14 * var(--m)); }
  .ft-legal a, .ft-legal a:nth-child(2) { margin: 0; }
  .ft-legal a:nth-child(2) { order: 1; } .ft-legal a:nth-child(1) { order: 2; } .ft-legal a:nth-child(5) { order: 3; } .ft-legal a:nth-child(4) { order: 4; }
  .ft-legal a:nth-child(3), .ft-legal a:nth-child(6) { display: none; }
  .pay-logos { display: grid; grid-template-columns: repeat(3, calc(60 * var(--m))); justify-items: center; gap: calc(11 * var(--m)) calc(10 * var(--m)); width: calc(200 * var(--m)); margin: calc(18 * var(--m)) 0 0 calc(58 * var(--m)); }
  .pay-logos img { height: calc(38 * var(--m)); width: auto; max-width: calc(60 * var(--m)); object-fit: contain; }
  .ft-bottom { height: calc(155 * var(--m)); }
  .ft-bottom img { width: calc(147 * var(--m)); height: calc(74 * var(--m)); padding-top: calc(25 * var(--m)); }
  .ft-bottom p { margin-top: calc(14 * var(--m)); font-size: calc(12 * var(--m)); }

  /* shared pieces */
  .m-stack, .m-stack * { position: static !important; }
  .ribbon { padding: 0 calc(10 * var(--m)); height: calc(24 * var(--m)); font-size: calc(14 * var(--m)); line-height: calc(24 * var(--m)); }
  .reviews { grid-template-columns: 1fr; height: auto; }
  .review { padding: calc(40 * var(--m)) 0; border-bottom: 1px solid #000; }
  .review .who { margin-top: calc(24 * var(--m)); }
  .review .q { width: calc(280 * var(--m)); font-size: calc(14 * var(--m)); line-height: 1.8; }
  .review .q, .review:nth-child(2) .q { min-height: 0; }
  .review .stars, .review:nth-child(1) .stars, .review:nth-child(2) .stars, .review:nth-child(3) .stars { margin: calc(20 * var(--m)) auto 0; }
  .review .q br { display: none; }
  .home .reviews { display: none; }

  .logo-video, .logo-video.on-black { height: auto; padding: calc(20 * var(--m)) 0; }
  .logo-video .frame, .logo-video.on-black .frame { position: static; width: 100%; height: auto; aspect-ratio: 975 / 549; border: 0; }
  .logo-video .bar, .logo-video.on-black .bar { position: relative; left: 0; top: 0; width: 100%; height: auto; padding: calc(14 * var(--m)); border: 0; display: flex; flex-direction: column; gap: 10px; }
  .logo-video .bar h2, .logo-video.on-black .bar h2 { position: static; font-size: calc(20 * var(--m)); }
  .logo-video .bar .btn-x, .logo-video.on-black .bar .btn-x { position: static; width: 100%; height: calc(40 * var(--m)); font-size: calc(14 * var(--m)); }
  .logo-video .bar::after { display: none; }

  /* ── home (Wix mobile coordinates, 320 basis) ── */
  .home main { padding-top: 0; }
  .hero { height: calc(440 * var(--m)); background: #fff; }
  .hero picture { position: absolute; left: calc(-5 * var(--m)); top: 0; width: calc(329 * var(--m)); height: calc(421 * var(--m)); }
  .hero picture img { position: static; width: 100%; height: 100%; object-fit: cover; }
  .hero .box, .hero .l3, .hero .sticker { display: none; }
  .hero h1 { left: 0; top: calc(37 * var(--m)); width: calc(285 * var(--m)); height: calc(58 * var(--m)); padding: calc(13 * var(--m)) 0 0 calc(14 * var(--m)); background: rgba(255, 255, 255, .7); font: 400 calc(27 * var(--m)) / calc(32 * var(--m)) var(--f-syne); }
  .hero .l2 { left: 0; top: calc(102 * var(--m)); width: calc(285 * var(--m)); height: calc(94 * var(--m)); padding: calc(16 * var(--m)) calc(25 * var(--m)) 0 calc(18 * var(--m)); background: rgba(255, 255, 255, .7); font: 300 calc(14 * var(--m)) / calc(19.6 * var(--m)) var(--f-helv); letter-spacing: 0; }
  .hero .btn-x { left: 0; top: calc(247 * var(--m)); width: calc(152 * var(--m)); height: calc(42 * var(--m)); font-size: calc(15 * var(--m)); }
  .hero .btn-x.mw { display: flex !important; top: calc(289 * var(--m)); background: rgb(128, 128, 128); }

  .production { height: calc(553 * var(--m)); }
  .production h2 { height: calc(43 * var(--m)); margin-top: calc(1 * var(--m)); padding: 0; background: #e5e5e5; border-block: 1px dashed #000; font: 700 calc(18 * var(--m)) / calc(41 * var(--m)) var(--f-syne); letter-spacing: .05em; }
  .carousel { left: calc(41 * var(--m)); top: calc(68 * var(--m)); width: calc(238 * var(--m)); }
  .carousel ul { gap: calc(42 * var(--m)); }
  .carousel .card { flex: 0 0 calc(238 * var(--m)); }
  .carousel .card .media { aspect-ratio: 238 / 317; }
  .card h3 { margin-top: calc(17 * var(--m)); font: 300 calc(16 * var(--m)) / calc(24.8 * var(--m)) var(--f-helv); }
  .card .price, .card .soldout { margin-top: calc(4 * var(--m)); font-size: calc(16 * var(--m)); line-height: calc(24 * var(--m)); }
  .car-btn { top: calc(214 * var(--m)); }
  .car-prev { left: 0; } .car-next { left: calc(296 * var(--m)); }

  .bands { height: calc(245 * var(--m)); }
  .bands .bg { background-attachment: scroll; }
  .bands::after { content: ""; position: absolute; left: calc(159.25 * var(--m)); top: 0; width: calc(2 * var(--m)); height: 100%; background: #000; }
  .bands .btn-x { top: calc(12 * var(--m)); width: calc(154 * var(--m)); height: calc(37 * var(--m)); font: 700 calc(8 * var(--m)) / 1 var(--f-q); letter-spacing: .1em; }
  .bands .b1 { left: calc(6 * var(--m)); background: rgba(255, 255, 255, .85); } .bands .b2 { left: calc(160 * var(--m)); background: rgba(255, 255, 255, .9); }

  .adv { height: calc(2188 * var(--m)); }
  .adv .panel { left: 0; top: calc(1 * var(--m)); width: calc(320 * var(--m)); height: calc(364 * var(--m)); border: 0; }
  .adv h2 { padding: calc(44 * var(--m)) 0 0 calc(20 * var(--m)); font: 400 calc(24 * var(--m)) / calc(30 * var(--m)) var(--f-madefor); white-space: nowrap; }
  .adv h2 b { font: 700 calc(25 * var(--m)) / calc(32 * var(--m)) var(--f-madefor-text); }
  .adv .dash { left: calc(20 * var(--m)); top: calc(186 * var(--m)); }
  .adv .shop { left: calc(20 * var(--m)); top: calc(197 * var(--m)); width: calc(161 * var(--m)); height: calc(33 * var(--m)); font-size: calc(14 * var(--m)); }
  .adv .wlogo { left: calc(19 * var(--m)); top: calc(263 * var(--m)); width: calc(110 * var(--m)); height: calc(48 * var(--m)); object-fit: contain; }
  .adv .rule { display: none; }
  .adv .ico { object-fit: contain; }
  .adv .ico:nth-of-type(1) { left: calc(-10 * var(--m)); top: calc(695 * var(--m)) !important; width: calc(72 * var(--m)); height: calc(74 * var(--m)); }
  .adv .ico:nth-of-type(2) { left: calc(-10 * var(--m)); top: calc(1076 * var(--m)) !important; width: calc(59 * var(--m)); height: calc(61 * var(--m)); }
  .adv .ico:nth-of-type(3) { left: calc(-15 * var(--m)); top: calc(1372 * var(--m)) !important; width: calc(66 * var(--m)); height: calc(82 * var(--m)); }
  .adv .ico:nth-of-type(4) { left: calc(-18 * var(--m)); top: calc(1709 * var(--m)) !important; width: calc(66 * var(--m)); height: calc(82 * var(--m)); }
  .adv .txt { left: calc(63 * var(--m)); top: 0; width: calc(237 * var(--m)); font: 400 calc(16 * var(--m)) / calc(22.4 * var(--m)) var(--f-tahoma); }
  .adv .txt h3 { position: absolute; left: calc(-43 * var(--m)); top: calc(390 * var(--m)); margin: 0; font: 700 calc(20 * var(--m)) / calc(24 * var(--m)) var(--f-tahoma); white-space: nowrap; }
  .adv .txt p:nth-of-type(1) { top: calc(444 * var(--m)); } .adv .txt p:nth-of-type(2) { top: calc(717 * var(--m)); } .adv .txt p:nth-of-type(3) { top: calc(1087 * var(--m)); }
  .adv .txt p:nth-of-type(4) { top: calc(1388 * var(--m)); } .adv .txt p:nth-of-type(5) { top: calc(1735 * var(--m)); }
  .adv .txt p::before { content: ""; position: absolute; left: calc(-36 * var(--m)); top: calc(70 * var(--m)); bottom: calc(-18 * var(--m)); border-left: 1px dashed #000; }
  .adv .txt p:nth-of-type(1)::before { top: calc(-19 * var(--m)); bottom: calc(-14 * var(--m)); }
  .adv .sel { left: calc(13 * var(--m)); top: calc(2089 * var(--m)); width: calc(295 * var(--m)); height: calc(42 * var(--m)); font-size: calc(14 * var(--m)); }
  .adv .sel::before, .adv .sel::after { content: ""; position: absolute; left: calc(-13 * var(--m)); width: calc(320 * var(--m)); border-top: 1px dashed #000; }
  .adv .sel::before { top: calc(-10 * var(--m)); } .adv .sel::after { bottom: calc(-11 * var(--m)); }

  .history { height: calc(1475 * var(--m)); }
  .history h2 { left: calc(30 * var(--m)); top: calc(39 * var(--m)); width: calc(237 * var(--m)); font: 400 calc(22 * var(--m)) / calc(30.8 * var(--m)) var(--f-tahoma); }
  .history h2::after { content: ""; position: absolute; left: calc(148 * var(--m)); top: calc(46 * var(--m)); width: calc(142 * var(--m)); border-top: 1px dashed #fff; }
  .history .ico { left: calc(-2 * var(--m)); top: calc(280 * var(--m)); width: calc(55 * var(--m)); height: calc(67 * var(--m)); object-fit: contain; }
  .history .pic { display: block; left: 0; top: calc(125 * var(--m)); width: calc(320 * var(--m)); height: calc(129 * var(--m)); }
  .history .pic img { width: 100%; height: 100%; object-fit: cover; }
  .history .body { left: calc(63 * var(--m)); top: calc(294 * var(--m)); width: calc(237 * var(--m)); font: 400 calc(17 * var(--m)) / calc(23.8 * var(--m)) var(--f-tahoma); }
  .history .body p + p { margin-top: calc(31 * var(--m)); }
  .history .shop { left: 0; top: calc(1363 * var(--m)); width: calc(320 * var(--m)); height: calc(80 * var(--m)); font: 300 calc(18 * var(--m)) / 1 var(--f-avenir); }

  .history::before { content: ""; position: absolute; left: 0; top: calc(406 * var(--m)); width: calc(15 * var(--m)); height: calc(988 * var(--m)); background: #000; }
  .apart .item::before { content: ""; position: absolute; left: calc(232 * var(--m)); top: calc(-20 * var(--m)); width: calc(88 * var(--m)); border-top: 1px dashed #000; }
  .apart { height: calc(1007 * var(--m)); margin: 0; }
  .apart .red { display: none; }
  .apart .item { left: calc(18 * var(--m)); width: calc(240 * var(--m)); }
  .apart .item:nth-of-type(1) { top: calc(46 * var(--m)) !important; } .apart .item:nth-of-type(2) { top: calc(564 * var(--m)) !important; }
  .apart .item img { left: calc(225 * var(--m)); top: calc(-4 * var(--m)) !important; width: calc(88 * var(--m)); height: calc(100 * var(--m)); object-fit: contain; }
  .apart .item:nth-of-type(2) img { left: calc(224 * var(--m)); top: calc(-21 * var(--m)) !important; width: calc(84 * var(--m)); height: calc(97 * var(--m)); }
  .apart .item .t { position: relative; margin: 0; width: calc(240 * var(--m)); font: 400 calc(16 * var(--m)) / calc(22.4 * var(--m)) var(--f-tahoma); }
  .apart .item h3 { width: calc(230 * var(--m)); margin: 0 0 calc(23 * var(--m)); font: 700 calc(24 * var(--m)) / calc(33.6 * var(--m)) var(--f-q); }
  .apart .blk { left: 0; top: calc(937 * var(--m)); width: calc(320 * var(--m)); height: calc(70 * var(--m)); }
  .apart .blk img { left: calc(25 * var(--m)); top: calc(16 * var(--m)); width: calc(104 * var(--m)); height: calc(43 * var(--m)); object-fit: contain; }
  .apart .brand { z-index: 2; left: calc(204 * var(--m)); top: calc(937 * var(--m)); width: calc(116 * var(--m)); height: calc(70 * var(--m)); background: none; }
  .apart .brand h2, .apart .brand i { display: none; }
  .apart .brand a { left: calc(10 * var(--m)); top: calc(34 * var(--m)); color: #fff; font: 800 calc(12 * var(--m)) / 1 var(--f-avenir); }

  .home .logo-video { height: calc(301 * var(--m)); padding: 0; }
  .home .logo-video .frame { position: absolute; left: 0; top: 0; width: calc(320 * var(--m)); height: calc(180 * var(--m)); aspect-ratio: auto; background: #000; }
  .home .logo-video .bar { position: absolute; left: 0; top: calc(195 * var(--m)); width: calc(320 * var(--m)); height: calc(49 * var(--m)); padding: 0; display: block; background: #a7aea6; }
  .home .logo-video .bar h2 { display: none; }
  .home .logo-video .bar .btn-x { position: absolute; left: calc(47 * var(--m)); top: 0; width: calc(273 * var(--m)); height: calc(49 * var(--m)); font-size: calc(17 * var(--m)); letter-spacing: .1em; }
  .home .logo-video .bar::after { display: block; left: calc(47 * var(--m)); top: calc(62 * var(--m)); width: calc(273 * var(--m)); }
  .home .logo-video::after { content: ""; position: absolute; left: 0; right: 0; top: calc(281 * var(--m)); border-top: 1px dashed #000; }

  .faq { display: flex; flex-direction: column; gap: calc(26 * var(--m)); height: auto; padding: calc(205 * var(--m)) 0 calc(48 * var(--m)); }
  .faq::before { content: ""; position: absolute; left: 0; top: calc(173 * var(--m)); bottom: 0; width: calc(20 * var(--m)); background: #c4c4c4; }
  .faq .blk { left: 0; top: 0; width: calc(320 * var(--m)); height: calc(173 * var(--m)); }
  .faq h2 { left: calc(20 * var(--m)); top: calc(11 * var(--m)); font: 400 calc(30 * var(--m)) / calc(36 * var(--m)) var(--f-syne); }
  .faq .blk i { left: calc(20 * var(--m)); top: calc(92 * var(--m)); }
  .faq .blk a { left: calc(21 * var(--m)); top: calc(117 * var(--m)); font-size: calc(14 * var(--m)); }
  .faq .vline, .faq .hline { display: none; }
  .faq .qa { position: static; margin: 0 0 0 calc(38 * var(--m)); width: calc(263 * var(--m)); font: 400 calc(16 * var(--m)) / calc(22.4 * var(--m)) var(--f-tahoma); }
  .faq .qa h3 { margin-bottom: calc(10 * var(--m)); font: 700 calc(16 * var(--m)) / calc(22.4 * var(--m)) var(--f-tahoma); }
  .faq .q2 { order: 1; } .faq .q1 { order: 2; } .faq .q3 { order: 3; }
  .faq .q4 { order: 4; margin: 0 0 0 calc(37 * var(--m)); line-height: calc(22.4 * var(--m)); }

  .discount { height: calc(725 * var(--m)); }
  .discount .left { left: 0; top: 0; width: calc(320 * var(--m)); height: calc(417 * var(--m)); overflow: visible; background: rgb(8, 17, 83) var(--bg) center / cover no-repeat scroll; }
  .discount .box { left: 0; top: calc(148 * var(--m)); width: calc(320 * var(--m)); height: calc(194 * var(--m)); }
  .discount .box h2 { left: calc(21 * var(--m)); top: calc(22 * var(--m)); width: calc(262 * var(--m)); font: 700 calc(20 * var(--m)) / calc(25 * var(--m)) var(--f-syne); }
  .discount .box p { left: calc(21 * var(--m)); top: calc(86 * var(--m)); width: calc(146 * var(--m)); font: 700 calc(11 * var(--m)) / calc(15.4 * var(--m)) var(--f-q); letter-spacing: .05em; }
  .discount .box .btn-x { left: calc(20 * var(--m)); top: calc(131 * var(--m)); width: calc(120 * var(--m)); height: calc(34 * var(--m)); font-size: calc(13.4 * var(--m)); }
  .discount .sticker { left: calc(205 * var(--m)); top: calc(-46 * var(--m)); width: calc(100 * var(--m)); height: calc(53 * var(--m)); font: 700 calc(14 * var(--m)) / calc(15.4 * var(--m)) var(--f-syne); }
  .discount .right { left: 0; top: calc(417 * var(--m)); width: calc(320 * var(--m)); height: calc(308 * var(--m)); }
  .discount .panel { left: calc(4 * var(--m)); top: 0; width: calc(280 * var(--m)); height: calc(95 * var(--m)); background: rgba(255, 255, 255, .6); }
  .discount .panel p { left: calc(18 * var(--m)); top: calc(11 * var(--m)); font: 400 calc(12 * var(--m)) / calc(16.8 * var(--m)) var(--f-q); letter-spacing: .05em; }
  .discount .panel h2 { left: calc(18 * var(--m)); top: calc(34 * var(--m)); width: calc(240 * var(--m)); font: 700 calc(19 * var(--m)) / calc(20.9 * var(--m)) var(--f-madefor); }
  .discount .right .btn-x { left: calc(2 * var(--m)); top: calc(128 * var(--m)); width: calc(258 * var(--m)); height: calc(34 * var(--m)); font-size: calc(18.2 * var(--m)); }
  .m-strip { position: relative; height: calc(110 * var(--m)); background: #fff; }
  .m-strip img { position: absolute; object-fit: contain; }
  .m-strip .lg { left: calc(15 * var(--m)); top: calc(16 * var(--m)); width: calc(160 * var(--m)); height: calc(76 * var(--m)); }
  .m-strip .pw { left: calc(206 * var(--m)); top: calc(8 * var(--m)); width: calc(114 * var(--m)); height: calc(92 * var(--m)); }

  .shop-banner { height: calc(135 * var(--m)); border-bottom: 0; }
  .shop-banner img { left: 0; width: 100%; }
  .shop-banner h1 { left: calc(61 * var(--m)); top: calc(43 * var(--m)); width: calc(190 * var(--m)); height: calc(48 * var(--m)); padding: 0; font: 700 calc(17 * var(--m)) / 1 var(--f-syne); }
  .shop-wrap { display: flex; flex-direction: column; gap: 0; width: auto; margin: 0; padding: calc(28 * var(--m)) calc(30 * var(--m)) calc(139 * var(--m)); }
  .shop-main { display: contents; }
  .filters { order: 1; display: none; margin-bottom: calc(20 * var(--m)); }
  .shop-layout.filters-open .filters { display: block; }
  .filters h2 { font-size: calc(20 * var(--m)); line-height: 1.3; padding: 0 0 calc(12 * var(--m)); }
  .filters summary { padding: calc(14 * var(--m)) 0; font-size: calc(15 * var(--m)); line-height: 1.4; }
  .filters summary::after { font-size: calc(20 * var(--m)); }
  .filters .opts { font-size: calc(14 * var(--m)); line-height: 1.7; }
  .shop-top { order: 0; justify-content: space-between; gap: calc(12 * var(--m)); margin-bottom: calc(12 * var(--m)); }
  .shop-top .search-note { flex: 1 0 100%; margin: 0; font-size: calc(14 * var(--m)); }
  .shop-top { flex-wrap: wrap; }
  .m-filter { display: block; flex: 1; height: calc(40 * var(--m)); border: 1px solid #000; background: #fff; color: #000; font: 400 calc(14 * var(--m)) / 1 var(--f-q); cursor: pointer; }
  .shop-top select { width: calc(40 * var(--m)); height: calc(40 * var(--m)); padding: 0; border: 1px solid #000; color: transparent; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22'%3E%3Cpath d='M5.5 21V2M1 6.5 5.5 2 10 6.5M14.5 1v19M10 15.5l4.5 4.5 4.5-4.5' fill='none' stroke='%23000' stroke-width='1.3'/%3E%3C/svg%3E") no-repeat center / calc(20 * var(--m)) calc(22 * var(--m)); }
  .shop-top select option { color: #000; }
  .product-grid { order: 2; grid-template-columns: calc(120 * var(--m)) calc(120 * var(--m)); gap: calc(20 * var(--m)); }
  .product-grid .card h3 { margin-top: calc(16 * var(--m)); font: 400 calc(16 * var(--m)) / calc(24.8 * var(--m)) var(--f-q); }
  .product-grid .card .price { margin-top: calc(3 * var(--m)); font-size: calc(16 * var(--m)); line-height: calc(24 * var(--m)); }
  .shop-wrap .empty { order: 3; }
  .pager { order: 4; position: relative; gap: calc(24 * var(--m)); margin: calc(78 * var(--m)) 0 0; font-size: calc(16 * var(--m)); }
  .pager::after { content: ""; position: absolute; left: calc(-30 * var(--m)); right: calc(-30 * var(--m)); top: calc(46 * var(--m)); border-top: 1px dashed #000; }

  .pp { min-height: 0; height: auto; padding: 0 calc(24 * var(--m)) calc(49 * var(--m)); }
  .pp::before, .crumbs { display: none; }
  .m-back { display: flex; align-items: center; gap: calc(9 * var(--m)); height: calc(24 * var(--m)); margin-top: calc(27 * var(--m)); font: 400 calc(16 * var(--m)) / calc(22.4 * var(--m)) var(--f-q); text-decoration: none; }
  .m-back::before { content: ""; width: calc(6 * var(--m)); height: calc(6 * var(--m)); margin-left: calc(3 * var(--m)); border: solid #000; border-width: 0 0 1px 1px; transform: rotate(45deg); }
  .pp-grid { grid-template-columns: 1fr; gap: 0; margin: calc(24 * var(--m)) 0 0; }
  .gallery .main { width: calc(273 * var(--m)); height: calc(273 * var(--m)); border: 0; }
  .wish { left: calc(241 * var(--m)); top: calc(241 * var(--m)); width: calc(22 * var(--m)); height: calc(22 * var(--m)); }
  .thumbs { justify-content: center; gap: 0; height: calc(20 * var(--m)); margin-top: calc(16 * var(--m)); }
  .thumbs li { height: calc(20 * var(--m)); }
  .thumbs button { position: relative; width: calc(20 * var(--m)); height: calc(20 * var(--m)); border: 0; background: none; }
  .thumbs button img { display: none; }
  .thumbs button::before { content: ""; position: absolute; left: calc(5 * var(--m)); top: calc(5 * var(--m)); width: calc(10 * var(--m)); height: calc(10 * var(--m)); box-sizing: border-box; border: 1px solid #000; border-radius: 50%; }
  .thumbs button[aria-current=true]::before { background: #000; }
  .buybox { margin-top: calc(26 * var(--m)); }
  .buybox h1 { margin: 0; font: 400 calc(25 * var(--m)) / calc(30 * var(--m)) var(--f-syne); }
  .buybox .price { margin-top: calc(10 * var(--m)); font-size: calc(17 * var(--m)); line-height: calc(23.8 * var(--m)); }
  .buybox form { margin-top: calc(22 * var(--m)); }
  .buybox label.f, .buybox .f { margin-bottom: calc(16 * var(--m)); font-size: calc(17 * var(--m)); line-height: calc(24 * var(--m)); }
  .buybox label.f > span { margin-bottom: calc(8 * var(--m)); }
  .buybox .ql { margin-bottom: calc(7 * var(--m)); }
  .buybox select { height: calc(42 * var(--m)); font-size: max(16px, calc(16 * var(--m))); }
  .qty { height: calc(42 * var(--m)); }
  .qty button, .qty input { width: calc(30 * var(--m)); font-size: calc(16 * var(--m)); }
  .qty button { font-size: calc(20 * var(--m)); }
  .buybox .add { height: calc(42 * var(--m)); margin-top: calc(24 * var(--m)); font-size: calc(17 * var(--m)); }
  .buybox .buy { height: calc(44 * var(--m)); margin-top: calc(11 * var(--m)); font-size: calc(17 * var(--m)); }
  .form-error { font-size: calc(14 * var(--m)); }
  .info { margin-top: calc(74 * var(--m)); }
  .info summary { padding: calc(16 * var(--m)) 0; font: 400 calc(16 * var(--m)) / calc(24 * var(--m)) var(--f-syne); }
  .info summary::after { font-size: calc(20 * var(--m)); }
  .info details > div { font-size: calc(14 * var(--m)); }

  .pp-m ~ .pp-adv, .pp-m ~ .logo-video, .pp-m ~ .reviews { display: none; }
  .pp-m { position: relative; height: calc(2333 * var(--m)); overflow: hidden; border-top: 1px dashed #000; }
  .pp-m > * { position: absolute; margin: 0; }
  .pp-m h2 { font: 400 calc(18 * var(--m)) / 1.2 var(--f-syne); white-space: nowrap; }
  .pp-m .v { left: 0; top: 0; width: calc(320 * var(--m)); height: calc(181 * var(--m)); background: #000; }
  .pp-m .v video { width: 100%; height: 100%; object-fit: cover; }
  .pp-m .born { left: calc(12 * var(--m)); top: calc(195 * var(--m)); font-size: calc(17 * var(--m)); }
  .pp-m .born::after { content: ""; position: absolute; left: calc(-12 * var(--m)); top: calc(30 * var(--m)); width: calc(320 * var(--m)); border-top: 1px solid #000; }
  .pp-m .gb { left: 0; top: calc(255 * var(--m)); width: calc(125 * var(--m)); height: calc(47 * var(--m)); background: #7c867c; }
  .pp-m .to { left: calc(128 * var(--m)); top: calc(255 * var(--m)); display: grid; place-items: center; width: calc(193 * var(--m)); height: calc(47 * var(--m)); background: #000; color: #fff; font: 400 calc(16 * var(--m)) / 1 var(--f-q); letter-spacing: .1em; text-decoration: none; }
  .pp-m .ua { left: calc(11 * var(--m)); top: calc(333 * var(--m)); padding-bottom: calc(6 * var(--m)); border-bottom: 1px dashed #000; }
  .pp-m .ul { left: 0; top: calc(376 * var(--m)); width: calc(287 * var(--m)); height: calc(111 * var(--m)); padding: calc(12 * var(--m)) 0 0 calc(12 * var(--m)); list-style: none; background: #e6e6e6; font: 400 calc(16 * var(--m)) / calc(22.4 * var(--m)) var(--f-q); }
  .pp-m .bk { left: calc(292 * var(--m)); top: calc(376 * var(--m)); width: calc(28 * var(--m)); height: calc(111 * var(--m)); background: #000; }
  .pp-m img { object-fit: contain; }
  .pp-m .i1 { left: calc(-2 * var(--m)); top: calc(506 * var(--m)); width: calc(57 * var(--m)); height: calc(57 * var(--m)); }
  .pp-m .i2 { left: calc(-1 * var(--m)); top: calc(516 * var(--m)); width: calc(54 * var(--m)); height: calc(36 * var(--m)); }
  .pp-m .i3 { left: calc(-2 * var(--m)); top: calc(578 * var(--m)); width: calc(57 * var(--m)); height: calc(42 * var(--m)); }
  .pp-m .i4 { left: calc(7 * var(--m)); top: calc(578 * var(--m)); width: calc(41 * var(--m)); height: calc(42 * var(--m)); }
  .pp-m .p1, .pp-m .p2 { left: calc(52 * var(--m)); font: italic 400 calc(13 * var(--m)) / calc(16 * var(--m)) var(--f-syne); }
  .pp-m .p1 { top: calc(512 * var(--m)); width: calc(198 * var(--m)); } .pp-m .p2 { top: calc(578 * var(--m)); width: calc(235 * var(--m)); }
  .pp-m .sz { left: 0; top: calc(652 * var(--m)); width: calc(320 * var(--m)); height: calc(104 * var(--m)); padding: calc(19 * var(--m)) calc(20 * var(--m)) 0 calc(12 * var(--m)); background: #e6e6e6; border-block: 1px dashed #000; }
  .pp-m .sz p { margin-top: calc(8 * var(--m)); padding-left: calc(2 * var(--m)); font: italic 400 calc(16 * var(--m)) / calc(19 * var(--m)) var(--f-syne); }
  .pp-m .szb { left: 0; top: calc(774 * var(--m)); width: calc(320 * var(--m)); height: calc(63 * var(--m)); padding: calc(13 * var(--m)) calc(10 * var(--m)) 0 calc(15 * var(--m)); background: #000; color: #fff; font: italic 400 calc(13.4 * var(--m)) / calc(16.5 * var(--m)) var(--f-q); }
  .pp-m .top { left: calc(3 * var(--m)); top: calc(858 * var(--m)); display: grid; place-items: center; width: calc(314 * var(--m)); height: calc(47 * var(--m)); border: 1px solid #000; background: #fff; font: 400 calc(14 * var(--m)) / 1 var(--f-q); letter-spacing: .1em; text-decoration: none; }
  .pp-m .pic { max-width: none; left: calc(-44 * var(--m)); top: calc(964 * var(--m)); width: calc(397 * var(--m)); height: calc(216 * var(--m)); object-fit: cover; }
  .pp-m .fq { left: calc(12 * var(--m)); top: calc(1215 * var(--m)); }
  .pp-m .fqs { left: 0; top: calc(1255 * var(--m)); width: calc(320 * var(--m)); height: calc(378 * var(--m)); background: #f5f5f5; border-block: 1px dashed #000; }
  .pp-m .fqs > div { position: absolute; left: calc(12 * var(--m)); width: calc(290 * var(--m)); }
  .pp-m .fqs .q1 { top: calc(13 * var(--m)); } .pp-m .fqs .q2 { top: calc(141 * var(--m)); border-top: 0; } .pp-m .fqs .q3 { top: calc(267 * var(--m)); }
  .pp-m .fqs .q2::before, .pp-m .fqs .q3::before { content: ""; position: absolute; left: calc(-12 * var(--m)); top: calc(-13 * var(--m)); width: calc(320 * var(--m)); border-top: 1px dashed #000; }
  .pp-m dt { font: italic 400 calc(16 * var(--m)) / calc(19 * var(--m)) var(--f-syne); text-decoration: underline; }
  .pp-m dd { margin: 0; font: 400 calc(16 * var(--m)) / calc(19 * var(--m)) var(--f-syne); }
  .pp-m .sb { left: 0; top: calc(1642 * var(--m)); width: calc(117 * var(--m)); height: calc(57 * var(--m)); background: #000; }
  .pp-m .shop { left: calc(115 * var(--m)); top: calc(1642 * var(--m)); display: grid; place-items: center; width: calc(205 * var(--m)); height: calc(57 * var(--m)); background: rgb(102, 117, 103); color: #fff; font: 400 calc(15 * var(--m)) / 1 var(--f-q); letter-spacing: .1em; text-decoration: none; }
  .pp-m .tm { left: 0; top: calc(1745 * var(--m)); width: calc(320 * var(--m)); height: calc(73 * var(--m)); padding-left: calc(26 * var(--m)); background: #000; color: #fff; line-height: calc(73 * var(--m)); border-block: calc(3 * var(--m)) dashed #fff; outline: calc(3 * var(--m)) solid #000; outline-offset: calc(-1 * var(--m)); }
  .pp-m .r { left: calc(12 * var(--m)); width: calc(290 * var(--m)); }
  .pp-m .r1 { top: calc(1849 * var(--m)); } .pp-m .r2 { top: calc(2008 * var(--m)); } .pp-m .r3 { top: calc(2168 * var(--m)); }
  .pp-m .r figcaption { font: 700 calc(14 * var(--m)) / calc(18 * var(--m)) var(--f-tahoma); }
  .pp-m .r blockquote { margin: 0; width: calc(280 * var(--m)); font: 400 calc(14 * var(--m)) / calc(19.6 * var(--m)) var(--f-q); }
  .pp-m .r img { display: block; width: calc(115 * var(--m)); height: calc(33 * var(--m)); margin-left: calc(-12 * var(--m)); }
  .pp-m .r2::before, .pp-m .r3::before { content: ""; position: absolute; left: calc(-12 * var(--m)); top: calc(-22 * var(--m)); width: calc(320 * var(--m)); border-top: calc(2 * var(--m)) dashed #000; }

  /* about (Wix mobile: image → grey heading band → centred text) */
  .about-top { display: flex; flex-direction: column; height: auto; padding: 0 0 calc(50 * var(--m)); }
  .about-top h1 { order: 1; margin: 0; padding: calc(26 * var(--m)) 0 0; background: #f0f0f0; font: 400 calc(32 * var(--m)) / calc(40 * var(--m)) var(--f-syne); }
  .about-top .kicker { order: 2; padding: calc(6 * var(--m)) 0 calc(26 * var(--m)); background: #f0f0f0; border-bottom: 1px dashed #000; font: 400 calc(15 * var(--m)) / calc(20 * var(--m)) var(--f-q); }
  .about-top .intro { order: 3; width: calc(262 * var(--m)); margin: calc(36 * var(--m)) auto 0; font-size: calc(14 * var(--m)); line-height: calc(27 * var(--m)); }
  .splits { gap: 0; padding: 0; background: none; }
  .split { grid-template-columns: 1fr; gap: 0; height: auto; }
  .split > img { order: 0 !important; height: calc(252 * var(--m)); }
  .splits .split:first-child > img { height: calc(202 * var(--m)); }
  .split .tx { justify-content: flex-start; padding: 0 0 calc(45 * var(--m)); }
  .split h2 { align-self: stretch; padding: calc(34 * var(--m)) calc(16 * var(--m)); background: #f0f0f0; border-bottom: 1px dashed #000; font: 400 calc(26 * var(--m)) / calc(36 * var(--m)) var(--f-syne); }
  .split .tx p { width: calc(280 * var(--m)); margin-top: calc(38 * var(--m)); font-size: calc(16 * var(--m)); line-height: calc(30 * var(--m)); }
  .split .tx .btn-x { width: calc(200 * var(--m)); height: calc(42 * var(--m)); margin-top: calc(45 * var(--m)); background: #2b2b2b; font-size: calc(14 * var(--m)); letter-spacing: .05em; }
  .split .trust p { margin-top: calc(30 * var(--m)); font-size: calc(15 * var(--m)); line-height: calc(22 * var(--m)); }
  .split .trust .row { flex-direction: column; gap: calc(12 * var(--m)); width: calc(280 * var(--m)); margin-top: calc(20 * var(--m)); }
  .split .trust .row img { width: calc(147 * var(--m)); padding-bottom: calc(12 * var(--m)); border-bottom: 1px solid #000; box-sizing: content-box; padding-inline: calc(66 * var(--m)); }
  .split .trust .row .btn-x { width: calc(200 * var(--m)); height: calc(42 * var(--m)); margin: 0; }

  /* silk advantages */
  .advp { display: block; height: auto; margin: 0; padding: 0 0 calc(40 * var(--m)); }
  .advp-l { display: flex; flex-direction: column; }
  .advp h1, .advp .lead, .advp .pic, .advp .shop, .advp-r li { position: static; width: auto; }
  .advp h1 { min-height: calc(205 * var(--m)); margin: 0; padding: calc(34 * var(--m)) calc(100 * var(--m)) calc(20 * var(--m)) calc(20 * var(--m)); background: #f0f0f0; font: 400 calc(26 * var(--m)) / calc(36 * var(--m)) var(--f-syne); }
  .advp .lead { margin: calc(24 * var(--m)) calc(22 * var(--m)) 0 calc(20 * var(--m)); font-size: calc(15 * var(--m)); line-height: calc(28 * var(--m)); }
  .advp .pic { position: static; height: calc(216 * var(--m)); margin-top: calc(30 * var(--m)); }
  .advp-l { position: relative; }
  .advp .pic .plus { position: absolute; left: auto; right: calc(27 * var(--m)); top: calc(40 * var(--m)); width: calc(58 * var(--m)); height: calc(58 * var(--m)); }
  .advp .shop { display: flex; width: calc(200 * var(--m)); height: calc(42 * var(--m)); margin: 0; font-size: calc(18 * var(--m)); }
  .advp-r { padding: calc(34 * var(--m)) calc(28 * var(--m)) 0 calc(20 * var(--m)); }
  .advp-r li + li { margin-top: calc(48 * var(--m)); }
  .advp-r h2 { display: block; font: 400 calc(16 * var(--m)) / calc(24 * var(--m)) var(--f-syne); }
  .advp-r h2 i { margin-left: calc(14 * var(--m)); font-size: calc(22 * var(--m)); }
  .advp-r h2 b { display: block; margin: calc(46 * var(--m)) 0 0; font: 700 calc(18 * var(--m)) / calc(25 * var(--m)) var(--f-q); }
  .advp-r p { margin-top: calc(20 * var(--m)); font-size: calc(15 * var(--m)); line-height: calc(28 * var(--m)); }
  .conclusion { height: auto; padding: calc(28 * var(--m)) 0 calc(48 * var(--m)); }
  .conclusion > img { position: absolute; inset: 0; }
  .conclusion .box { position: relative; left: 0; top: 0; width: auto; height: auto; padding: calc(30 * var(--m)) calc(20 * var(--m)) calc(38 * var(--m)); }
  .conclusion h2, .conclusion p { position: static; width: auto; }
  .conclusion h2 { width: calc(230 * var(--m)); font: 400 calc(24 * var(--m)) / calc(31 * var(--m)) var(--f-syne); }
  .conclusion p { margin-top: calc(18 * var(--m)); font-size: calc(15 * var(--m)); line-height: calc(24 * var(--m)); }

  /* contact */
  .ct-top, .ct-form, .ct-faq, .ct-ship, .ct-pay { height: auto; padding: calc(34 * var(--m)) calc(20 * var(--m)) calc(44 * var(--m)); }
  .ct-top { padding-top: calc(43 * var(--m)); padding-bottom: calc(50 * var(--m)); }
  .ct-top h1, .ct-form h2, .ct-faq h2, .ct-ship h2, .ct-pay h2 { position: static; font: 400 calc(26 * var(--m)) / calc(36 * var(--m)) var(--f-syne); }
  .ct-top h1 { padding-right: calc(70 * var(--m)); }
  .ct-top .ico { position: absolute; left: calc(235 * var(--m)); top: calc(43 * var(--m)); width: calc(48 * var(--m)); margin: 0; }
  .ct-faq .ico, .ct-ship .i1, .ct-ship .i2, .ct-pay .ico { position: static; display: inline-block; vertical-align: middle; width: calc(48 * var(--m)); margin: calc(16 * var(--m)) calc(10 * var(--m)) 0 0; }
  .ct-ship .i2 { width: calc(52 * var(--m)); }
  .ct-pay .ico { width: calc(110 * var(--m)); }
  .ct-top p { position: static; width: auto; margin: calc(56 * var(--m)) 0 0; font-size: calc(15.5 * var(--m)); line-height: calc(23 * var(--m)); }
  .ct-top p + p { margin-top: 0; }
  .ct-info { position: static; grid-template-columns: 1fr; gap: calc(14 * var(--m)); margin-top: calc(20 * var(--m)); font-size: calc(14 * var(--m)); line-height: calc(19 * var(--m)); }
  .ct-info > p { width: calc(190 * var(--m)); } .ct-info a { font-size: calc(14 * var(--m)); }
  .ct-grid, .ws-grid { position: static; width: auto; margin-top: calc(24 * var(--m)); grid-template-columns: 1fr; grid-template-areas: none; row-gap: calc(14 * var(--m)); }
  .ws-grid label, .ws-grid .msg, .ws-grid button, .ws-grid .form-status { grid-area: auto !important; }
  .ct-grid .msg, .ct-grid .form-status, .ct-grid button { grid-column: auto; }
  .wix-form label { font-size: calc(15 * var(--m)); gap: calc(8 * var(--m)); }
  .wix-form input { height: calc(45 * var(--m)); font-size: max(16px, calc(15 * var(--m))); }
  .wix-form textarea { height: calc(75 * var(--m)) !important; font-size: max(16px, calc(15 * var(--m))); }
  .wix-form button { height: calc(40 * var(--m)) !important; width: 100% !important; margin: 0 !important; font-size: calc(15 * var(--m)) !important; }
  .wix-form .form-status { font-size: calc(14 * var(--m)); text-align: left !important; }
  .ct-faq .cols, .ct-ship .tx, .ct-pay p { position: static; width: auto; margin-top: calc(20 * var(--m)); grid-template-columns: 1fr; gap: 0; font-size: calc(15.5 * var(--m)); line-height: calc(22 * var(--m)); }
  .ct-faq .cols p + .q, .ct-ship .tx p + .q { margin-top: calc(22 * var(--m)); }
  .ct-faq .cols > div + div { margin-top: calc(22 * var(--m)); }
  .ct-faq .ico { display: none; }
  .ct-pay p { line-height: calc(23 * var(--m)); }

  /* wholesale */
  .ws-hero { height: calc(197 * var(--m)); }
  .ws-hero .bg { left: 0; width: 100%; }
  .ws-hero h1 { left: 0; top: calc(50 * var(--m)); width: calc(296 * var(--m)); height: calc(52 * var(--m)); padding: 0 0 0 calc(11 * var(--m)); place-items: center start; font-size: calc(21 * var(--m)); white-space: nowrap; }
  .ws-hero .logo { left: calc(175 * var(--m)); top: calc(94 * var(--m)); width: calc(121 * var(--m)); height: calc(53 * var(--m)); }
  .ws-hero .logo img { width: 100%; height: 100%; margin: 0; object-fit: contain; padding: calc(3 * var(--m)) calc(8 * var(--m)); }
  .ws-text { padding: calc(40 * var(--m)) calc(22 * var(--m)) calc(44 * var(--m)); }
  .ws-text h2 { width: calc(270 * var(--m)); margin-left: calc(-2 * var(--m)); font: 700 calc(20 * var(--m)) / calc(26 * var(--m)) var(--f-avenir); }
  .ws-text .rec { margin-top: calc(24 * var(--m)); font-size: calc(13 * var(--m)); line-height: calc(18 * var(--m)); word-break: break-word; }
  .ws-text p { width: calc(276 * var(--m)); margin-top: calc(16 * var(--m)); font-size: calc(16 * var(--m)); line-height: calc(22 * var(--m)); }
  .ws-text p + p { margin-top: calc(22 * var(--m)); }
  .ws-form { height: auto; padding: calc(40 * var(--m)) calc(22 * var(--m)) calc(60 * var(--m)); }
  .ws-form h2, .ws-form .sub { position: static; }
  .ws-form h2 { width: calc(270 * var(--m)); font: 400 calc(28 * var(--m)) / calc(36 * var(--m)) var(--f-syne); }
  .ws-form .sub { margin-top: calc(16 * var(--m)); font-size: calc(15 * var(--m)); line-height: calc(28 * var(--m)); }
  .ws-grid button { justify-self: end; width: calc(120 * var(--m)) !important; }
  /* legal */
  .legal { padding: calc(26 * var(--m)) calc(20 * var(--m)) calc(50 * var(--m)); }
  .legal h1 { width: calc(235 * var(--m)); margin: 0 auto; padding-bottom: calc(14 * var(--m)); border-bottom: 1px dashed #000; font-size: calc(21 * var(--m)); }
  .legal-text, .legal.cookie .legal-text { width: auto; margin-top: calc(24 * var(--m)); font-size: calc(12.5 * var(--m)); line-height: calc(18 * var(--m)); }
  .legal-text p { min-height: calc(18 * var(--m)); }
  .pg-gtcs .legal { padding-bottom: 0; }
  .legal h2 { margin: calc(50 * var(--m)) calc(-20 * var(--m)) 0; padding: calc(50 * var(--m)) calc(20 * var(--m)) 0; background: rgb(252, 214, 165); border-top: 1px dashed #000; font-size: calc(18 * var(--m)); }
  .legal-ws { width: auto; margin: 0 calc(-20 * var(--m)); padding: calc(26 * var(--m)) calc(20 * var(--m)) calc(44 * var(--m)); background: rgb(252, 214, 165); font-size: calc(15 * var(--m)); line-height: calc(25 * var(--m)); }
  .legal.cookie { padding-top: calc(26 * var(--m)); }
  .legal.cookie h1 { width: auto; margin: 0 calc(-20 * var(--m)); padding-bottom: calc(22 * var(--m)); font-size: calc(20 * var(--m)); }
  .legal.cookie h3 { margin-top: calc(20 * var(--m)); font-size: calc(18 * var(--m)); }
  .rich { font-size: calc(15 * var(--m)); }
  .section { width: auto; margin: calc(30 * var(--m)) calc(16 * var(--m)) calc(60 * var(--m)); }
  .section-title { font-size: calc(26 * var(--m)); }
  /* cart */
  .cartp { width: auto; margin: calc(30 * var(--m)) calc(20 * var(--m)) 0; min-height: 0; }
  .cart-head { padding-bottom: calc(18 * var(--m)); }
  .cart-head h1 { font-size: calc(19 * var(--m)); }
  .cart-head img { display: none; }
  .cart-layout { grid-template-columns: 1fr; gap: calc(30 * var(--m)); }
  .cart-empty { padding: calc(110 * var(--m)) 0 calc(226 * var(--m)); border-bottom: 0; }
  .cart-empty p { font-size: calc(20 * var(--m)); }
  .cart-empty a { margin-top: calc(12 * var(--m)); font-size: calc(14 * var(--m)); }
  .cart-gap { height: calc(3 * var(--m)); margin: 0 0 calc(56 * var(--m)); background: #ddd; }
  .cart-line { grid-template-columns: 96px 1fr auto; gap: 14px; font-size: 16px; }
  .cart-line img { width: 96px; height: 96px; }
  .cart-line .price, .cart-line .opt, .cart-line .remove, .cart-line .line-total { font-size: 15px; }
  .cart-line .qty { height: 40px; } .cart-line .qty input { width: 60px; font-size: 16px; }
  .summary h2, .summary .total { font-size: 20px; }
  .summary dl, .promo-form, .promo-form input, .secure-note { font-size: 16px; }
  .summary .btn, .promo-form .btn { min-height: 48px; font-size: 16px; }
  .cart-line .line-total { grid-column: 2; }
  .promo-form input { height: 40px; }
  .wish-page .product-grid { grid-template-columns: 1fr 1fr; }
  .btn { min-height: 44px; font-size: 14px; padding: 0 20px; }
  .blog-hero { height: auto; margin: 0; padding: calc(34 * var(--m)) calc(30 * var(--m)) calc(44 * var(--m)); }
  .blog-hero h1 { padding: 0; font: 400 calc(28 * var(--m)) / calc(40 * var(--m)) var(--f-syne); }
  .blog-hero p { width: calc(254 * var(--m)); margin-top: calc(14 * var(--m)); font-size: calc(13 * var(--m)); line-height: calc(25 * var(--m)); }
  .blog-hero .btn-x { width: calc(210 * var(--m)); height: calc(42 * var(--m)); margin-top: calc(24 * var(--m)); font-size: calc(14 * var(--m)); }
  .blog { width: auto; margin: 0 0 calc(40 * var(--m)); }
  .post-wrap { width: auto; margin: 0 calc(16 * var(--m)) calc(50 * var(--m)); }
  .blog-nav { display: flex; align-items: center; justify-content: space-between; height: calc(50 * var(--m)); padding: 0 calc(18 * var(--m)); background: #000; color: #fff; font-size: calc(13 * var(--m)); }
  .blog-nav::after { content: ""; width: calc(15 * var(--m)); height: calc(15 * var(--m)); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='6.5' cy='6.5' r='5' fill='none' stroke='%23fff' stroke-width='1.4'/%3E%3Cpath d='M10.2 10.2 15 15' stroke='%23fff' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat center / contain; }
  .blog > h2 { margin: calc(44 * var(--m)) calc(20 * var(--m)) calc(50 * var(--m)); font: 400 calc(32 * var(--m)) / calc(44 * var(--m)) var(--f-syne); }
  .post-grid { gap: calc(40 * var(--m)); }
  .post-card { border: 0; }
  .post-card a { grid-template-columns: 1fr; min-height: 0; }
  .post-card img { height: calc(240 * var(--m)); }
  .post-card .pc-body { padding: calc(26 * var(--m)) calc(18 * var(--m)) 0; }
  .post-card .meta, .post .meta, .post-card .rm { font-size: calc(11 * var(--m)); }
  .post-card .meta img, .post .meta img { width: calc(20 * var(--m)); height: calc(20 * var(--m)); }
  .post-card h2 { margin-top: calc(16 * var(--m)); font: 400 calc(22.5 * var(--m)) / calc(30 * var(--m)) var(--f-syne); }
  .post-card p.ex { margin-top: calc(12 * var(--m)); padding-right: calc(4 * var(--m)); font-size: calc(13.5 * var(--m)); line-height: calc(21 * var(--m)); }
  .post-card .rm { margin-top: calc(14 * var(--m)); padding: calc(14 * var(--m)) 0 calc(20 * var(--m)); border-top: 0; border-bottom: 1px solid #ccc; }
  .blog-why { height: auto; padding: calc(40 * var(--m)) calc(34 * var(--m)) calc(44 * var(--m)); }
  .blog-why h2 { padding: 0; font: 400 calc(30 * var(--m)) / calc(42 * var(--m)) var(--f-syne); }
  .blog-why p { width: auto; margin-top: calc(20 * var(--m)); font-size: calc(13 * var(--m)); line-height: calc(19 * var(--m)); }
  .blog-why .btn-x { width: calc(170 * var(--m)); height: calc(42 * var(--m)); margin-top: calc(30 * var(--m)); }
  .post-wrap { margin: 0 0 calc(50 * var(--m)); }
  .post { border: 0; padding: calc(24 * var(--m)) calc(18 * var(--m)) calc(40 * var(--m)); }
  .post h1 { margin: calc(20 * var(--m)) 0 calc(20 * var(--m)); font-size: calc(26 * var(--m)); line-height: calc(36.4 * var(--m)); }
  .post-body { font-size: calc(16 * var(--m)); line-height: calc(24 * var(--m)); }
  .post-body p { min-height: calc(24 * var(--m)); }
  .post-body h2 { font-size: calc(24 * var(--m)); line-height: calc(33.6 * var(--m)); }
  .post-body h3 { font-size: calc(20 * var(--m)); line-height: calc(28 * var(--m)); }
  .post-body h4 { font-size: calc(18 * var(--m)); line-height: calc(25.2 * var(--m)); }
  .post-body figcaption { padding: calc(16 * var(--m)) 0; font-size: calc(14 * var(--m)); line-height: calc(24 * var(--m)); }
  .post-body ul, .post-body ol { padding-bottom: calc(24 * var(--m)); }
  .post-body li { margin-left: calc(24 * var(--m)); padding-left: calc(8 * var(--m)); }
  .post-body li > p + p, .post-body li:has(> p + p) + li { margin-top: calc(24 * var(--m)); }
  .post-body blockquote { margin: calc(15 * var(--m)) 0; padding: calc(6 * var(--m)) 0 calc(6 * var(--m)) calc(18 * var(--m)); font-size: calc(20 * var(--m)); line-height: calc(28 * var(--m)); }
  .post-body table { font-size: calc(15 * var(--m)); line-height: calc(24 * var(--m)); }
  .post-body td, .post-body th { padding: calc(10 * var(--m)) calc(9 * var(--m)); overflow-wrap: anywhere; }
  .post-body.flow > * + * { margin-top: calc(24 * var(--m)); }
  .post-body.flow > h2 { margin-top: calc(44 * var(--m)); }
  .post-body.flow > h3 { margin-top: calc(32 * var(--m)); }
  .post-body.flow > h2 + *, .post-body.flow > h3 + * { margin-top: calc(12 * var(--m)); }
  .post-body.flow table { font-size: calc(14 * var(--m)); line-height: calc(20 * var(--m)); }
  .post-body .chart { padding: calc(16 * var(--m)) calc(14 * var(--m)); }
  .post-body .chart .ch { font-size: calc(16 * var(--m)); line-height: calc(22 * var(--m)); }
  .post-body .chart .cb { grid-template-columns: 1fr calc(52 * var(--m)); gap: calc(4 * var(--m)) calc(10 * var(--m)); font-size: calc(13 * var(--m)); line-height: calc(18 * var(--m)); }
  .post-body .chart .cl { grid-column: 1 / -1; }
  .post-body .chart .ct { height: calc(14 * var(--m)); }
  .post-body .post-cta { padding: calc(28 * var(--m)) calc(18 * var(--m)) calc(30 * var(--m)); }
  .post-body .post-cta .h { font-size: calc(22 * var(--m)); line-height: calc(30 * var(--m)); }
  .post-body .post-cta .btn-cta { min-width: 0; width: 100%; height: calc(46 * var(--m)); font-size: calc(14 * var(--m)); }
  .post-body .lay { display: block; padding: calc(16 * var(--m)); }
  .post-body .lay > div + div { margin-top: calc(28 * var(--m)); }
  .post-foot { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; scroll-behavior: auto !important; } }