@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;650;700;750;800&display=swap');
:root {
  --wn-ink:#352417;
  --wn-muted:#796659;
  --wn-paper:#f8f5f3;
  --wn-white:#fff;
  --wn-line:#e3ddd9;
  --wn-lime:#d3b097;
  --wn-lime-hover:#c99f81;
  --wn-soft:#eee8e4;
  --wn-danger:#ab342f;
  --wn-radius:18px;
  --wn-shadow:0 12px 32px #35241707
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:110px
}
body.premium-store {
  margin:0;
  background:var(--wn-paper);
  background-image:none;
  color:var(--wn-ink);
  font:400 15px/1.65 'Plus Jakarta Sans',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased
}
button,input,select,textarea {
  font:inherit
}
button,a,input,select,textarea {
  -webkit-tap-highlight-color:transparent
}
a {
  color:inherit;
  text-decoration:none
}
button {
  cursor:pointer
}
img {
  max-width:100%;
  display:block
}
svg {
  width:21px;
  height:21px;
  flex-shrink:0
}
h1,h2,h3,h4,p {
  margin:0
}
button:disabled {
  cursor:not-allowed;
  opacity:.55
}
a,button,input,select,textarea,summary {
  scroll-margin-top:125px
}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible {
  outline:3px solid #7a5134;
  outline-offset:5px
}
::selection {
  background:var(--wn-lime);
  color:var(--wn-ink)
}
.wn-container,.premium-store .container {
  width:min(1280px,calc(100% - 112px));
  max-width:1280px;
  padding:0;
  margin-inline:auto
}
.visually-hidden {
  position:absolute!important;
  width:1px;
  height:1px;
  padding:0;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}
.skip-link {
  position:fixed;
  top:-100px;
  left:20px;
  background:var(--wn-lime);
  padding:12px 20px;
  z-index:999
}
.skip-link:focus {
  top:12px
}
.announcement {
  height:37px;
  background:var(--wn-ink);
  color:#f1ebe7;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-size:11px;
  letter-spacing:.015em;
  position:relative
}
.swiss-mark {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#db4b42;
  color:white;
  width:16px;
  height:16px;
  font:bold 17px/1 system-ui
}
.announcement-side {
  position:absolute;
  right:56px;
  font-size:9px;
  letter-spacing:.12em;
  color:#d5ccc6
}
.site-header {
  background:#f8f5f3f2;
  backdrop-filter:blur(16px);
  position:sticky;
  top:0;
  z-index:50;
  border-bottom:1px solid var(--wn-line);
  padding:0;
  box-shadow:none
}
.nav-row {
  height:91px;
  display:flex;
  align-items:center;
  gap:30px
}
.wordmark {
  font-size:29px;
  font-weight:800;
  letter-spacing:-1.5px;
  display:inline-flex;
  align-items:center;
  line-height:1.2;
  white-space:nowrap
}
.brand-symbol {
  display:grid;
  place-content:center;
  width:36px;
  height:36px;
  background:var(--wn-ink);
  color:var(--wn-lime);
  font-size:29px;
  border-radius:10px;
  letter-spacing:-3px;
  padding-right:3px;
  margin-right:10px
}
.brand-dot {
  color:#7d5436
}
.primary-nav {
  margin:auto;
  display:flex;
  align-items:center;
  gap:27px;
  font-size:12px;
  font-weight:600
}
.primary-nav a {
  padding:12px 0;
  position:relative
}
.primary-nav a::after {
  position:absolute;
  bottom:5px;
  left:0;
  width:0;
  height:2px;
  background:var(--wn-ink);
  content:'';
  transition:width .2s
}
.primary-nav a:hover::after {
  width:100%
}
.nav-actions {
  display:flex;
  align-items:center;
  gap:17px
}
.icon-link {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-height:42px;
  min-width:30px;
  background:none;
  border:0;
  color:var(--wn-ink);
  padding:0
}
.cart-link {
  display:flex;
  align-items:center;
  gap:9px;
  font-size:11px;
  font-weight:650;
  white-space:nowrap;
  background:none;
  color:var(--wn-ink);
  border:0;
  border-radius:0;
  padding:0
}
.cart-count {
  display:grid;
  place-content:center;
  background:var(--wn-ink);
  color:white;
  border-radius:50%;
  width:21px;
  height:21px;
  font-size:10px
}
.language-menu {
  position:relative;
  font-size:11px
}
.language-menu summary {
  display:flex;
  gap:4px;
  align-items:center;
  cursor:pointer;
  list-style:none;
  min-height:42px;
  font-weight:700
}
.language-menu summary::-webkit-details-marker {
  display:none
}
.language-menu svg {
  width:13px;
  height:13px
}
.language-options {
  position:absolute;
  right:0;
  top:100%;
  padding:8px;
  background:white;
  border:1px solid var(--wn-line);
  box-shadow:0 15px 30px #35241712;
  width:145px;
  border-radius:12px;
  z-index:3
}
.language-options a {
  display:block;
  padding:9px 12px;
  border-radius:6px
}
.language-options a:hover,.language-options a[aria-current] {
  background:var(--wn-soft)
}
.menu-toggle {
  display:none
}
.eyebrow {
  display:flex;
  align-items:center;
  gap:9px;
  font-size:10px;
  font-weight:750;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--wn-muted)
}
.eyebrow>span:first-child:empty {
  width:6px;
  height:6px;
  border-radius:50%;
  background:#7d5436
}
.button,.premium-store .btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:23px;
  min-height:53px;
  border-radius:9px;
  border:1px solid transparent;
  padding:13px 23px;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
  line-height:1.5;
  transition:background .2s,transform .2s,box-shadow .2s;
  white-space:normal;
  box-shadow:none
}
.button:hover,.premium-store .btn:hover {
  transform:translateY(-2px);
  box-shadow:0 6px 16px #35241712
}
.button-dark,.premium-store .btn-primary,.premium-store .btn-submit {
  background:var(--wn-ink);
  color:white
}
.button-dark:hover,.premium-store .btn-primary:hover {
  background:#4b3525
}
.button-light {
  background:var(--wn-lime);
  color:var(--wn-ink)
}
.button-light:hover {
  background:var(--wn-lime-hover)
}
.button-outline {
  border-color:#c0b3aa;
  background:transparent;
  color:var(--wn-ink)
}
.button svg {
  width:18px;
  height:18px
}
.text-link {
  display:inline-flex;
  align-items:center;
  gap:15px;
  font-size:12px;
  font-weight:700;
  border-bottom:1px solid #bbada3;
  padding:8px 0
}
.text-link svg {
  width:17px;
  height:17px
}
.hero {
  padding:60px 0 0;
  background:var(--wn-paper)
}
.hero-grid {
  display:grid;
  grid-template-columns:1.08fr 1fr;
  gap:64px;
  align-items:center
}
.hero-copy {
  padding:12px 0 32px
}
.hero h1 {
  font-size:clamp(45px,4.45vw,71px);
  line-height:1.12;
  letter-spacing:-3.4px;
  font-weight:650;
  margin:25px 0
}
.hero h1 em {
  font-family:Georgia,'Times New Roman',serif;
  font-weight:400;
  letter-spacing:-2px;
  font-style:italic;
  color:#776152
}
.hero-description {
  max-width:455px;
  font-size:15px;
  color:var(--wn-muted);
  line-height:1.9
}
.hero-actions {
  display:flex;
  gap:28px;
  align-items:center;
  margin:29px 0 25px;
  flex-wrap:wrap
}
.hero-proof {
  display:flex;
  gap:22px;
  flex-wrap:wrap;
  font-size:10px;
  font-weight:500;
  color:var(--wn-muted)
}
.hero-proof>span {
  display:flex;
  align-items:center;
  gap:7px
}
.hero-proof svg {
  width:15px;
  height:15px
}
.hero-showcase {
  background:white;
  border:1px solid var(--wn-line);
  border-radius:22px;
  min-width:0;
  box-shadow:var(--wn-shadow);
  overflow:hidden
}
.showcase-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:23px 27px
}
.mini-brand {
  font-size:21px;
  letter-spacing:-1.4px;
  font-weight:800
}
.mini-brand span {
  font-size:9px;
  letter-spacing:.12em;
  font-weight:600;
  color:var(--wn-muted);
  margin-left:6px
}
.availability {
  display:flex;
  gap:6px;
  align-items:center;
  color:#705846;
  font-size:10px
}
.availability i,.stock-line>span {
  width:5px;
  height:5px;
  background:#8a6143;
  border-radius:50%
}
.hero-product-image {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  height:300px;
  overflow:hidden
}
.hero-product-image img {
  width:87%;
  height:87%;
  object-fit:contain;
  position:relative;
  z-index:1;
  transition:transform .4s
}
.hero-product-image:hover img {
  transform:scale(1.035)
}
.showcase-number {
  position:absolute;
  top:0;
  left:25px;
  right:0;
  font-size:170px;
  font-weight:800;
  line-height:1;
  letter-spacing:-12px;
  color:#f2ede9;
  user-select:none
}
.spec-stamp {
  position:absolute;
  bottom:17px;
  right:28px;
  font-size:28px;
  line-height:1;
  font-weight:800;
  letter-spacing:-1px;
  z-index:2;
  color:var(--wn-ink)
}
.spec-stamp small {
  display:block;
  font-size:7px;
  letter-spacing:.15em;
  margin-top:5px
}
.showcase-bottom {
  background:#f2edea;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:22px 27px;
  border-top:1px solid var(--wn-line);
  gap:15px
}
.showcase-bottom .eyebrow {
  font-size:8px;
  letter-spacing:.1em
}
.showcase-bottom h2 {
  font-size:22px;
  letter-spacing:-.7px;
  margin:4px 0
}
.hero-product-price {
  font-size:17px;
  font-weight:700
}
.hero-product-price small {
  display:block;
  font-size:9px;
  font-weight:400;
  margin-top:4px;
  color:var(--wn-muted)
}
.round-link {
  display:grid;
  place-items:center;
  width:51px;
  height:51px;
  border:1px solid #d7c9bf;
  background:var(--wn-lime);
  border-radius:50%;
  flex-shrink:0;
  transition:transform .2s
}
.round-link:hover {
  transform:rotate(-35deg)
}
.hero-fallback {
  padding:50px;
  min-height:400px;
  display:grid;
  align-content:center;
  gap:25px
}
.hero-bottom-line {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-top:41px;
  padding:21px 0;
  color:var(--wn-muted);
  font-size:9px;
  letter-spacing:.12em;
  font-weight:600
}
.hero-bottom-line b {
  margin:0 12px;
  color:var(--wn-ink)
}
.hero-bottom-line a {
  font-size:10px;
  letter-spacing:0
}
.benefit-bar {
  background:#f1ebe7;
  border-top:1px solid var(--wn-line);
  border-bottom:1px solid var(--wn-line)
}
.benefit-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  padding:19px 0
}
.benefit-grid>div {
  display:flex;
  justify-content:center;
  gap:13px;
  align-items:center;
  border-right:1px solid #d9d0ca;
  font-size:11px;
  font-weight:600
}
.benefit-grid>div:first-child {
  justify-content:flex-start
}
.benefit-grid>div:last-child {
  justify-content:flex-end;
  border:0
}
.benefit-grid svg {
  width:21px;
  height:21px
}
.catalog-section,.compare-section {
  padding:90px 0
}
.section-heading {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:60px;
  margin-bottom:36px
}
.section-heading>div {
  max-width:700px
}
.section-heading h2,.steps-section h2,.faq-grid h2 {
  font-size:clamp(28px,3vw,42px);
  line-height:1.22;
  letter-spacing:-1.7px;
  font-weight:600;
  margin-top:13px
}
.section-heading>p {
  max-width:320px;
  color:var(--wn-muted);
  font-size:12px;
  line-height:1.85;
  flex:0 0 29%
}
.catalog-toolbar {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  border-top:1px solid var(--wn-line);
  padding-top:23px;
  flex-wrap:wrap
}
.category-tabs {
  display:flex;
  gap:5px;
  align-items:center;
  flex-wrap:wrap
}
.category-tabs a {
  font-size:11px;
  font-weight:600;
  padding:8px 15px;
  border-radius:30px;
  border:1px solid transparent
}
.category-tabs a.active {
  background:var(--wn-ink);
  color:white
}
.category-tabs a:hover:not(.active) {
  border-color:#bfac9f
}
.category-tabs .category-child {
  font-size:10px;
  color:var(--wn-muted)
}
.category-tabs .category-child.active {
  color:white
}
.catalog-controls {
  display:flex;
  gap:10px;
  align-items:center;
  min-width:0
}
.search-box {
  display:flex;
  align-items:center;
  background:white;
  border:1px solid var(--wn-line);
  border-radius:7px;
  padding:0 10px;
  max-width:240px
}
.search-box>svg {
  width:15px;
  height:15px;
  color:var(--wn-muted)
}
.search-box input {
  padding:10px 8px;
  width:150px;
  background:none;
  border:0;
  font-size:10px;
  color:var(--wn-ink);
  min-height:42px
}
.search-box button {
  display:grid;
  place-items:center;
  border:0;
  background:none;
  width:25px;
  min-height:42px;
  color:var(--wn-ink)
}
.search-box button svg {
  width:14px;
  height:14px
}
.catalog-controls select {
  max-width:180px;
  background:transparent;
  color:var(--wn-muted);
  font-size:10px;
  min-height:42px;
  border:0;
  padding:8px;
  cursor:pointer
}
.result-count {
  color:var(--wn-muted);
  font-size:10px;
  margin:18px 0
}
.result-count a {
  text-decoration:underline
}
.catalog-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px
}
.catalog-card {
  background:white;
  border:1px solid var(--wn-line);
  border-radius:12px;
  overflow:hidden;
  transition:box-shadow .25s,transform .25s;
  display:flex;
  flex-direction:column;
  min-width:0
}
.catalog-card:hover {
  transform:translateY(-4px);
  box-shadow:0 12px 25px #3524170c
}
.catalog-image {
  position:relative;
  display:block;
  padding:42px 20px 18px;
  background:white;
  border-bottom:1px solid #f1eeeb;
  overflow:hidden
}
.catalog-image img {
  height:175px;
  width:100%;
  object-fit:contain;
  transition:transform .35s
}
.catalog-image:hover img {
  transform:scale(1.055)
}
.product-type {
  position:absolute;
  left:19px;
  top:16px;
  font-size:8px;
  letter-spacing:.15em;
  font-weight:700;
  color:#947e6f
}
.image-arrow {
  position:absolute;
  right:13px;
  bottom:12px;
  background:var(--wn-paper);
  width:29px;
  height:29px;
  border-radius:50%;
  display:grid;
  place-content:center;
  color:var(--wn-muted)
}
.image-arrow svg {
  width:14px;
  height:14px;
  transform:rotate(-35deg)
}
.catalog-info {
  padding:21px 19px 18px;
  display:flex;
  flex-direction:column;
  flex:1
}
.stock-line {
  display:flex;
  align-items:center;
  gap:6px;
  color:#705542;
  font-size:9px
}
.stock-line.unavailable {
  color:var(--wn-danger)
}
.stock-line.unavailable>span {
  background:var(--wn-danger)
}
.product-name h3 {
  font-size:16px;
  font-weight:650;
  letter-spacing:-.5px;
  margin:9px 0 7px;
  line-height:1.35
}
.product-spec-line {
  font-size:9px;
  color:var(--wn-muted);
  line-height:1.8;
  margin-bottom:25px
}
.product-spec-line span {
  margin:0 5px;
  color:#b5a59a
}
.catalog-buy {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  margin-top:auto
}
.catalog-price {
  font-size:19px;
  letter-spacing:-.6px;
  white-space:nowrap
}
.catalog-price small {
  font-size:9px;
  font-weight:500;
  letter-spacing:0;
  margin-right:2px
}
.add-button {
  display:flex;
  align-items:center;
  justify-content:center;
  padding:9px 11px;
  gap:7px;
  background:var(--wn-lime);
  border:0;
  border-radius:7px;
  min-height:40px;
  transition:background .2s;
  color:var(--wn-ink)
}
.add-button:hover {
  background:var(--wn-lime-hover)
}
.add-button svg {
  width:16px;
  height:16px
}
.add-button span {
  font-size:9px;
  font-weight:700;
  max-width:75px;
  line-height:1.3
}
.empty-state {
  padding:60px 24px;
  text-align:center;
  background:white;
  border:1px dashed #c7b8ad;
  border-radius:15px;
  display:grid;
  justify-items:center;
  gap:20px
}
.empty-state>svg {
  width:40px;
  height:40px;
  color:var(--wn-muted)
}
.empty-state h3 {
  font-size:21px;
  font-weight:500
}
.vibecast-section {
  padding:80px 0;
  background:var(--wn-ink);
  color:white;
  position:relative;
  overflow:hidden
}
.vibecast-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:100px;
  align-items:center
}
.vibecast-visual {
  padding:20px;
  min-width:0
}
.vc-screen {
  background:#291c12;
  border:7px solid #524034;
  border-bottom-width:12px;
  border-radius:18px;
  aspect-ratio:1.65;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  position:relative;
  box-shadow:0 16px 30px #0002
}
.vc-screen-caption {
  position:absolute;
  top:20px;
  font-size:7px;
  letter-spacing:.18em;
  color:#c7bbb3
}
.vc-logo {
  font-size:clamp(36px,5vw,68px);
  font-weight:750;
  letter-spacing:-4px;
  line-height:1
}
.vc-logo>span {
  color:var(--wn-lime);
  font-weight:400
}
.vc-logo>b {
  color:var(--wn-lime)
}
.vc-play {
  display:grid;
  place-content:center;
  width:37px;
  height:37px;
  border-radius:50%;
  background:var(--wn-lime);
  color:var(--wn-ink);
  margin-top:18px
}
.vc-play svg {
  width:14px;
  height:14px;
  transform:translateX(-1px)
}
.vc-screen-bottom {
  position:absolute;
  bottom:12px;
  color:#c1b5ac;
  font-size:7px;
  letter-spacing:.12em
}
.vc-screen-bottom i {
  margin:0 10px;
  color:var(--wn-lime)
}
.vc-screen-stand {
  height:30px;
  width:90px;
  border-bottom:5px solid #705f53;
  border-left:5px solid #705f53;
  border-right:5px solid #705f53;
  transform:perspective(40px) rotateX(15deg);
  margin:0 auto
}
.vc-pairing {
  display:block;
  text-align:center;
  letter-spacing:.15em;
  font-size:10px;
  font-weight:600;
  color:#c5b9b1;
  margin-top:23px
}
.vc-pairing span {
  padding:0 15px;
  color:var(--wn-lime)
}
.vibecast-copy .eyebrow {
  color:#cdb6a5
}
.vibecast-copy h2 {
  font-size:clamp(30px,3.4vw,47px);
  line-height:1.2;
  letter-spacing:-1.8px;
  font-weight:500;
  margin:20px 0
}
.vibecast-copy>p:not(.eyebrow) {
  font-size:12px;
  line-height:1.9;
  color:#ccc2bb;
  max-width:450px
}
.vibecast-copy .language-list {
  font-size:10px!important;
  line-height:1.8!important;
  margin:20px 0 28px;
  border-top:1px solid #604e42;
  padding-top:18px
}
.vibecast-copy>small {
  display:block;
  font-size:9px;
  color:#b7a89e;
  margin-top:17px;
  line-height:1.8
}
.compare-scroll {
  overflow-x:auto;
  border:1px solid var(--wn-line);
  border-radius:15px;
  background:white
}
.compare-table {
  width:100%;
  border-collapse:collapse;
  text-align:left;
  min-width:580px;
  table-layout:fixed
}
.compare-table th,.compare-table td {
  padding:21px 28px;
  border-bottom:1px solid var(--wn-line);
  border-right:1px solid var(--wn-line);
  font-size:12px;
  vertical-align:middle
}
.compare-table th:last-child,.compare-table td:last-child {
  border-right:0
}
.compare-table th:first-child {
  width:31%;
  font-weight:500;
  color:var(--wn-muted);
  font-size:11px
}
.compare-table thead {
  background:#f2ece8
}
.compare-table thead th {
  padding:27px 28px
}
.compare-table thead th:first-child {
  letter-spacing:.13em;
  font-size:10px;
  color:var(--wn-ink);
  font-weight:700
}
.compare-table thead th>span {
  display:block;
  font-size:21px;
  font-weight:650
}
.compare-table thead th>strong {
  display:block;
  font-size:17px;
  font-weight:500;
  margin-top:5px
}
.compare-table thead small {
  font-size:10px
}
.compare-table tr:last-child th,.compare-table tr:last-child td {
  border-bottom:0
}
.compare-table .button {
  font-size:10px;
  min-height:42px;
  padding:10px 16px;
  gap:15px
}
.steps-section {
  padding:15px 0 80px
}
.steps-section h2 {
  max-width:600px
}
.steps-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:50px;
  margin-top:37px;
  border-top:1px solid var(--wn-line);
  padding-top:28px
}
.step-number {
  display:block;
  font-family:Georgia,serif;
  font-size:35px;
  color:#988374
}
.steps-grid h3 {
  font-size:15px;
  letter-spacing:-.3px;
  margin:14px 0 9px;
  font-weight:600
}
.steps-grid p {
  color:var(--wn-muted);
  font-size:12px;
  line-height:1.9;
  max-width:300px
}
.faq-section {
  padding:70px 0;
  background:#f1ece8;
  border-top:1px solid var(--wn-line);
  border-bottom:1px solid var(--wn-line)
}
.faq-grid {
  display:grid;
  grid-template-columns:1fr 1.65fr;
  gap:100px
}
.faq-grid h2 {
  margin-bottom:24px
}
.faq-list details {
  border-bottom:1px solid #d9cec7;
  padding:0
}
.faq-list details:first-child {
  border-top:1px solid #d9cec7
}
.faq-list summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  list-style:none;
  cursor:pointer;
  font-size:13px;
  font-weight:600;
  padding:22px 0;
  min-height:60px
}
.faq-list summary::-webkit-details-marker {
  display:none
}
.faq-list summary span {
  font-size:22px;
  font-weight:400;
  color:var(--wn-muted);
  transition:transform .2s
}
.faq-list details[open] summary span {
  transform:rotate(45deg)
}
.faq-list details p {
  font-size:12px;
  line-height:1.9;
  color:var(--wn-muted);
  padding:0 35px 25px 0
}
.premium-store #contact {
  padding:85px 0;
  background:var(--wn-paper)
}
.premium-store #contact .section-title {
  font-size:38px;
  letter-spacing:-1.5px;
  margin:0 0 12px;
  text-align:left;
  font-weight:600
}
.premium-store #contact .section-subtitle {
  color:var(--wn-muted);
  font-size:13px;
  text-align:left;
  max-width:700px;
  margin:0 0 30px
}
.contact-wrap {
  display:grid;
  grid-template-columns:1.45fr 1fr;
  gap:65px;
  align-items:start
}
.contact-form {
  background:white;
  padding:32px;
  border:1px solid var(--wn-line);
  border-radius:14px;
  box-shadow:none
}
.form-group {
  margin-bottom:18px
}
.form-group label {
  display:block;
  font-size:12px;
  font-weight:600;
  margin-bottom:7px
}
.premium-store .form-control {
  width:100%;
  border:1px solid #ddd4ce;
  border-radius:7px;
  min-height:48px;
  padding:12px 13px;
  background:#fcfbfa;
  color:var(--wn-ink);
  font-size:13px;
  box-shadow:none
}
.premium-store .form-control:focus {
  border-color:#8c684e;
  background:white;
  box-shadow:0 0 0 3px #ae886d15
}
.premium-store textarea.form-control {
  min-height:130px;
  resize:vertical
}
.premium-store .btn-submit {
  display:inline-flex;
  min-height:48px;
  border:0;
  padding:13px 24px;
  border-radius:7px;
  font-size:12px;
  font-weight:650
}
.contact-aside {
  padding-top:28px;
  position:relative
}
.contact-aside::before {
  content:'W.';
  font-family:Georgia,serif;
  display:block;
  color:#c6b8ae;
  font-size:70px;
  font-style:italic;
  line-height:1;
  margin-bottom:25px
}
.contact-aside h3 {
  font-size:21px;
  letter-spacing:-.5px;
  font-weight:500;
  margin-bottom:14px
}
.contact-aside p {
  margin:10px 0;
  font-size:13px;
  color:var(--wn-muted)
}
.contact-aside p a {
  color:var(--wn-ink);
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:4px
}
.contact-aside-note {
  font-size:11px!important
}
.contact-success {
  border:1px solid #bd9d87;
  padding:15px 20px;
  margin-bottom:20px;
  border-radius:8px;
  color:#634733;
  background:#efe8e3
}
.site-footer {
  background:#eee8e3;
  border-top:1px solid var(--wn-line);
  padding:58px 0 0;
  color:var(--wn-ink);
  text-align:left;
  box-shadow:none;
  margin-top:0
}
.footer-top {
  display:grid;
  grid-template-columns:1.7fr 1fr 1fr 1fr;
  gap:50px;
  padding-bottom:50px
}
.footer-top>div {
  min-width:0
}
.footer-top p {
  font-size:12px;
  margin:16px 0 12px;
  color:var(--wn-muted)
}
.footer-meta {
  font-size:10px;
  color:var(--wn-muted)
}
.footer-top h3 {
  font-size:11px;
  font-weight:700;
  margin:4px 0 18px
}
.footer-top>div>a:not(.wordmark) {
  display:block;
  font-size:10px;
  color:#68584d;
  margin:11px 0;
  line-height:1.7
}
.footer-top>div>a:hover {
  text-decoration:underline
}
.footer-bottom {
  display:flex;
  justify-content:space-between;
  gap:20px;
  border-top:1px solid #dacfc7;
  padding:22px 0;
  font-size:9px;
  color:#7a685b
}
.premium-store:not(.home-page) main {
  min-height:55vh
}
.premium-store #product-detail,.premium-store #cart,.premium-store #checkout {
  padding:45px 0 80px;
  background:var(--wn-paper)
}
.premium-store .product-detail-grid {
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:70px;
  align-items:start;
  margin-top:20px
}
.premium-store .product-image {
  border:1px solid var(--wn-line);
  border-radius:18px;
  background:white;
  padding:30px;
  position:sticky;
  top:115px
}
.premium-store .product-image>img {
  width:100%;
  height:390px;
  object-fit:contain;
  border:0
}
.premium-store .product-thumbs {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
  margin-top:20px
}
.premium-store .product-thumb {
  background:white;
  width:65px;
  height:60px;
  border:1px solid var(--wn-line);
  border-radius:7px;
  padding:5px
}
.premium-store .product-thumb.is-active {
  border-color:#7e593e
}
.premium-store .product-thumb img {
  width:100%;
  height:100%;
  object-fit:contain
}
.premium-store .product-info>h1 {
  font-size:42px;
  line-height:1.2;
  letter-spacing:-1.8px;
  font-weight:600;
  margin-bottom:13px
}
.premium-store .product-info>.price {
  font-size:27px;
  color:var(--wn-ink);
  font-weight:500;
  margin-bottom:22px
}
.premium-store .product-info>.description {
  font-size:13px;
  color:var(--wn-muted);
  background:none;
  border:0;
  padding:0;
  line-height:1.95;
  margin:26px 0
}
.premium-store .product-info>.description.campaign {
  padding:20px;
  border-radius:10px;
  background:#eee7e2;
  border:1px solid #dbccc2;
  color:#533d2e
}
.premium-store .product-info>form {
  padding:23px;
  border:1px solid var(--wn-line);
  background:white;
  border-radius:12px;
  margin:20px 0;
  display:flex;
  gap:18px;
  align-items:end;
  flex-wrap:wrap
}
.premium-store .product-info>form .form-group {
  margin:0;
  flex:0 0 100px
}
.premium-store .product-info>form .btn {
  flex:1;
  min-height:49px
}
.premium-store .qty-input {
  width:75px;
  min-height:46px;
  border:1px solid var(--wn-line);
  border-radius:6px;
  color:var(--wn-ink);
  padding:8px 10px;
  background:var(--wn-paper)
}
.premium-store .product-accordion {
  border:1px solid var(--wn-line);
  background:white;
  border-radius:10px;
  margin:12px 0;
  overflow:hidden;
  box-shadow:none
}
.premium-store .product-accordion summary {
  font-size:13px;
  padding:18px 20px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-weight:600;
  gap:15px
}
.premium-store .product-accordion summary span {
  font-size:9px;
  color:var(--wn-muted);
  font-weight:400
}
.premium-store .product-accordion-content {
  padding:0 20px 20px;
  font-size:12px;
  color:var(--wn-muted)
}
.premium-store .spec-highlights {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px
}
.premium-store .spec-chip {
  background:var(--wn-paper);
  border:1px solid var(--wn-line);
  padding:10px;
  border-radius:6px
}
.premium-store .spec-chip span {
  font-size:9px;
  display:block
}
.premium-store .spec-chip strong {
  display:block;
  color:var(--wn-ink);
  font-size:12px
}
.premium-store .spec-section {
  margin-top:20px
}
.premium-store .spec-section h4 {
  margin-bottom:10px
}
.premium-store .spec-row {
  display:grid;
  grid-template-columns:1fr 1fr;
  padding:8px 0;
  gap:15px;
  border-bottom:1px solid var(--wn-line)
}
.premium-store .spec-row dd {
  margin:0;
  color:var(--wn-ink)
}
.commerce-progress {
  display:flex;
  align-items:center;
  gap:20px;
  font-size:10px;
  color:var(--wn-muted);
  margin:0 0 29px;
  padding:15px 0;
  border-bottom:1px solid var(--wn-line)
}
.commerce-progress .current {
  font-weight:700;
  color:var(--wn-ink)
}
.premium-store .section-title {
  font-size:36px;
  line-height:1.25;
  letter-spacing:-1.5px;
  font-weight:600;
  color:var(--wn-ink);
  text-align:left;
  margin-bottom:25px
}
.cart-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr)340px;
  gap:32px;
  align-items:start
}
.cart-content {
  min-width:0
}
.premium-store .cart-table {
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  background:white;
  border:1px solid var(--wn-line);
  border-radius:12px;
  overflow:hidden;
  font-size:11px;
  margin-bottom:20px
}
.premium-store .cart-table th {
  padding:15px 12px;
  border-bottom:1px solid var(--wn-line);
  font-size:9px;
  font-weight:600;
  color:var(--wn-muted);
  background:#f1ece8;
  text-align:left
}
.premium-store .cart-table td {
  padding:20px 12px;
  border-bottom:1px solid var(--wn-line);
  font-size:11px;
  color:var(--wn-ink)
}
.premium-store .cart-table tbody tr:last-child td {
  border-bottom:0
}
.premium-store .cart-table td img {
  width:66px;
  height:66px;
  object-fit:contain;
  border-radius:5px
}
.premium-store .cart-table .qty-input {
  width:65px;
  min-height:42px;
  font-size:11px
}
.premium-store .btn-remove {
  border:0;
  background:none;
  color:var(--wn-muted);
  font-size:10px;
  padding:8px;
  min-height:40px;
  cursor:pointer
}
.premium-store .btn-update {
  background:#ebe2dc;
  color:var(--wn-ink);
  min-height:44px;
  font-size:11px
}
.premium-store .cart-summary {
  position:sticky;
  top:115px;
  background:white;
  border:1px solid var(--wn-line);
  border-radius:12px;
  padding:25px;
  margin:0;
  box-shadow:none;
  width:auto;
  max-width:none
}
.premium-store .cart-summary .row {
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:11px 0;
  border-bottom:1px solid var(--wn-line);
  font-size:12px;
  color:var(--wn-muted)
}
.premium-store .cart-summary .row.total {
  color:var(--wn-ink);
  font-size:17px;
  font-weight:600;
  padding:18px 0;
  margin-top:7px
}
.premium-store .cart-summary .btn {
  display:flex!important;
  text-align:center;
  align-items:center;
  justify-content:center
}
.summary-title {
  font-size:17px;
  font-weight:600;
  margin-bottom:18px;
  letter-spacing:-.4px
}
.checkout-intro {
  font-size:13px;
  color:var(--wn-muted);
  margin:-10px 0 30px
}
.premium-store .checkout-form {
  display:grid;
  grid-template-columns:minmax(0,1fr)360px;
  gap:35px;
  max-width:none;
  margin:0;
  background:none;
  padding:0;
  border:0;
  box-shadow:none
}
.checkout-fields {
  padding:32px;
  background:white;
  border:1px solid var(--wn-line);
  border-radius:14px
}
.checkout-fields>h3 {
  font-size:18px;
  font-weight:600;
  margin-bottom:23px
}
.premium-store .form-row {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px
}
.checkout-aside {
  position:sticky;
  top:115px
}
.checkout-aside .cart-summary {
  position:static
}
.checkout-aside>button {
  min-height:55px!important
}
.checkout-aside .summary-items {
  margin-bottom:15px
}
.summary-item {
  display:flex;
  justify-content:space-between;
  gap:20px;
  font-size:11px;
  padding:12px 0;
  border-bottom:1px solid var(--wn-line)
}
.summary-item small {
  color:var(--wn-muted);
  display:block;
  font-size:10px
}
.summary-item strong {
  white-space:nowrap;
  font-size:11px;
  font-weight:600
}
.premium-store .error,.premium-store .success {
  border-radius:8px;
  padding:15px 20px
}
.empty-cart {
  display:grid;
  justify-items:center;
  text-align:center;
  background:white;
  border:1px solid var(--wn-line);
  border-radius:16px;
  padding:70px 30px;
  gap:20px
}
.empty-cart>svg {
  width:48px;
  height:48px;
  stroke-width:1
}
.empty-cart p {
  color:var(--wn-muted);
  font-size:13px
}
.back-to-shop {
  display:inline-flex;
  gap:9px;
  font-size:11px;
  margin-bottom:20px;
  color:var(--wn-muted)
}
.premium-store :is(#login,#account,#addresses,#register) {
  padding:50px 0 70px;
  background:var(--wn-paper)
}
.premium-store .auth-form {
  max-width:500px;
  margin:25px auto;
  padding:32px;
  background:white;
  border:1px solid var(--wn-line);
  border-radius:12px
}
.premium-store :is(.order-table,.account-table) {
  background:white;
  border:1px solid var(--wn-line);
  border-radius:12px
}
.preview-badge {
  display:none
}
@media(min-width:1500px) {
  .hero {
    padding-top:75px
  }
  .hero-grid {
    gap:100px
  }
  .hero-product-image {
    height:350px
  }
}
@media(max-width:1200px) {
  .wn-container,.premium-store .container {
    width:calc(100% - 64px)
  }
  .announcement-side {
    right:32px
  }
  .nav-row {
    gap:20px
  }
  .primary-nav {
    gap:18px;
    font-size:11px
  }
  .nav-actions {
    gap:11px
  }
  .cart-label {
    display:none
  }
  .hero-grid {
    gap:35px
  }
  .hero h1 {
    font-size:54px;
    letter-spacing:-2.6px
  }
  .hero-description {
    font-size:14px
  }
  .hero-product-image {
    height:285px
  }
  .catalog-grid {
    gap:15px
  }
  .catalog-info {
    padding:18px 15px
  }
  .catalog-price {
    font-size:17px
  }
  .add-button span {
    display:none
  }
  .vibecast-grid {
    gap:60px
  }
  .section-heading {
    gap:30px
  }
  .checkout-form {
    gap:25px!important
  }
  .footer-top {
    gap:25px
  }
}
@media(max-width:960px) {
  .primary-nav {
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    background:var(--wn-paper);
    padding:20px 32px;
    border-bottom:1px solid var(--wn-line);
    flex-direction:column;
    align-items:stretch;
    gap:0;
    font-size:14px;
    box-shadow:0 15px 20px #3524170a
  }
  .primary-nav.is-open {
    display:flex
  }
  .primary-nav a {
    padding:15px
  }
  .menu-toggle {
    display:inline-flex
  }
  .nav-actions {
    margin-left:auto;
    gap:20px
  }
  .nav-row {
    height:76px
  }
  .hero-grid {
    gap:26px
  }
  .hero h1 {
    font-size:46px;
    letter-spacing:-2px
  }
  .hero-showcase {
    border-radius:17px
  }
  .showcase-top {
    padding:20px
  }
  .showcase-bottom {
    padding:20px
  }
  .hero-product-image {
    height:240px
  }
  .showcase-number {
    font-size:140px
  }
  .hero-description {
    font-size:13px
  }
  .hero-actions {
    gap:16px
  }
  .hero-proof {
    gap:10px;
    font-size:9px
  }
  .hero-actions .button {
    padding:13px 17px;
    font-size:11px
  }
  .hero-actions .text-link {
    font-size:10px
  }
  .catalog-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px
  }
  .catalog-image img {
    height:220px
  }
  .add-button span {
    display:inline;
    font-size:10px
  }
  .catalog-info {
    padding:22px
  }
  .catalog-price {
    font-size:23px
  }
  .catalog-toolbar {
    gap:18px
  }
  .catalog-controls {
    margin-left:auto
  }
  .section-heading>p {
    flex-basis:35%
  }
  .vibecast-grid {
    gap:35px
  }
  .vibecast-visual {
    padding:0
  }
  .faq-grid {
    gap:45px
  }
  .cart-layout {
    grid-template-columns:minmax(0,1fr)285px;
    gap:20px
  }
  .premium-store .cart-summary {
    padding:20px
  }
  .premium-store .checkout-form {
    grid-template-columns:minmax(0,1fr)300px
  }
  .checkout-fields {
    padding:23px
  }
  .premium-store .product-detail-grid {
    gap:35px
  }
  .premium-store .product-image {
    padding:20px
  }
  .premium-store .product-image>img {
    height:300px
  }
  .premium-store .product-info>h1 {
    font-size:35px
  }
  .premium-store .spec-highlights {
    grid-template-columns:1fr
  }
  .footer-top {
    grid-template-columns:1.4fr 1fr 1fr
  }
  .footer-top>div:last-child {
    grid-column:2/4;
    display:flex;
    gap:20px;
    align-items:center
  }
  .footer-top>div:last-child h3 {
    margin:0
  }
  .footer-top>div:last-child a {
    margin:0
  }
}
@media(max-width:700px) {
  html {
    scroll-padding-top:90px
  }
  .wn-container,.premium-store .container {
    width:calc(100% - 40px)
  }
  .announcement {
    font-size:9px;
    height:33px;
    padding:0 14px;
    text-align:center;
    gap:7px
  }
  .announcement-side {
    display:none
  }
  .swiss-mark {
    width:13px;
    height:13px;
    font-size:14px;
    flex-shrink:0
  }
  .nav-row {
    height:73px;
    gap:12px
  }
  .wordmark {
    font-size:25px;
    letter-spacing:-1.2px
  }
  .brand-symbol {
    width:29px;
    height:29px;
    border-radius:8px;
    font-size:23px;
    margin-right:7px
  }
  .nav-actions {
    gap:13px
  }
  .account-link {
    display:none
  }
  .cart-link {
    gap:6px
  }
  .cart-link>svg {
    width:19px;
    height:19px
  }
  .cart-count {
    width:18px;
    height:18px;
    font-size:9px
  }
  .menu-toggle {
    min-width:24px
  }
  .menu-toggle svg {
    width:23px;
    height:23px
  }
  .primary-nav {
    padding:14px 20px
  }
  .hero {
    padding-top:34px
  }
  .hero-grid {
    grid-template-columns:1fr;
    gap:20px
  }
  .hero-copy {
    padding:0
  }
  .eyebrow {
    font-size:8px;
    letter-spacing:.13em
  }
  .hero h1 {
    font-size:clamp(39px,8.8vw,58px);
    line-height:1.13;
    letter-spacing:-2px;
    margin:18px 0
  }
  .hero h1 em {
    letter-spacing:-1.5px
  }
  .hero-description {
    font-size:13px;
    line-height:1.85;
    max-width:490px
  }
  .hero-actions {
    margin:24px 0 20px;
    gap:20px
  }
  .hero-actions .button {
    font-size:11px;
    padding:13px 17px;
    gap:16px;
    min-height:50px
  }
  .hero-actions .text-link {
    font-size:10px;
    gap:10px
  }
  .hero-proof {
    margin-bottom:8px;
    gap:15px;
    font-size:9px
  }
  .hero-showcase {
    margin-top:8px
  }
  .showcase-top {
    padding:20px 22px
  }
  .hero-product-image {
    height:235px
  }
  .hero-product-image img {
    height:100%;
    width:86%
  }
  .showcase-number {
    font-size:145px;
    left:22px;
    top:5px
  }
  .spec-stamp {
    font-size:25px;
    right:25px
  }
  .showcase-bottom {
    padding:18px 22px
  }
  .showcase-bottom h2 {
    font-size:21px
  }
  .hero-product-price {
    font-size:17px
  }
  .hero-product-price small {
    font-size:8px;
    max-width:230px
  }
  .round-link {
    width:45px;
    height:45px
  }
  .hero-bottom-line {
    margin-top:20px;
    padding:20px 0;
    font-size:8px;
    gap:10px
  }
  .hero-bottom-line>span:last-child {
    display:none
  }
  .hero-bottom-line a {
    font-size:9px
  }
  .benefit-grid {
    padding:16px 0;
    gap:14px;
    grid-template-columns:1fr
  }
  .benefit-grid>div,.benefit-grid>div:first-child,.benefit-grid>div:last-child {
    justify-content:flex-start;
    border:0;
    gap:11px;
    font-size:10px
  }
  .benefit-grid>div:first-child {
    display:none
  }
  .benefit-grid svg {
    width:17px;
    height:17px
  }
  .catalog-section,.compare-section {
    padding:50px 0
  }
  .section-heading {
    display:block;
    margin-bottom:27px
  }
  .section-heading h2,.steps-section h2,.faq-grid h2 {
    font-size:32px;
    line-height:1.2;
    letter-spacing:-1.1px;
    margin-top:12px
  }
  .section-heading>p {
    max-width:500px;
    font-size:12px;
    margin-top:17px;
    line-height:1.9
  }
  .catalog-toolbar {
    padding-top:17px;
    display:block
  }
  .category-tabs {
    gap:6px
  }
  .category-tabs a {
    padding:8px 12px;
    font-size:10px
  }
  .category-tabs .category-child {
    font-size:9px
  }
  .catalog-controls {
    margin-top:18px;
    width:100%;
    justify-content:space-between;
    gap:5px
  }
  .search-box {
    max-width:none;
    flex:1;
    min-width:0
  }
  .search-box input {
    width:100%;
    min-width:0;
    font-size:10px
  }
  .catalog-controls select {
    max-width:145px;
    min-width:0;
    font-size:9px;
    padding-right:0
  }
  .catalog-grid {
    gap:13px
  }
  .catalog-image {
    padding:32px 12px 10px
  }
  .catalog-image img {
    height:135px
  }
  .product-type {
    font-size:6px;
    top:12px;
    left:12px
  }
  .image-arrow {
    width:23px;
    height:23px;
    right:9px;
    bottom:8px
  }
  .image-arrow svg {
    width:12px;
    height:12px
  }
  .catalog-info {
    padding:15px 12px
  }
  .stock-line {
    font-size:8px
  }
  .product-name h3 {
    font-size:14px;
    letter-spacing:-.3px;
    line-height:1.45
  }
  .product-spec-line {
    font-size:8px;
    line-height:1.7;
    margin-bottom:18px
  }
  .product-spec-line span {
    margin:0 2px
  }
  .catalog-buy {
    align-items:center;
    gap:5px
  }
  .catalog-price {
    font-size:18px
  }
  .catalog-price small {
    font-size:8px;
    margin:0
  }
  .add-button {
    padding:8px;
    min-height:36px;
    border-radius:6px
  }
  .add-button svg {
    width:14px;
    height:14px
  }
  .add-button span {
    display:none
  }
  .result-count {
    font-size:9px;
    margin:16px 0
  }
  .vibecast-section {
    padding:45px 0 50px
  }
  .vibecast-grid {
    grid-template-columns:1fr;
    gap:30px
  }
  .vibecast-visual {
    padding:0 10px
  }
  .vc-screen {
    border-width:6px;
    border-bottom-width:10px;
    border-radius:14px;
    max-width:450px;
    margin:auto
  }
  .vc-logo {
    font-size:58px;
    letter-spacing:-3px
  }
  .vc-screen-caption {
    top:16px;
    font-size:6px
  }
  .vc-play {
    width:34px;
    height:34px;
    margin-top:13px
  }
  .vc-pairing {
    margin-top:15px;
    font-size:9px
  }
  .vc-screen-stand {
    height:23px
  }
  .vibecast-copy h2 {
    font-size:35px;
    letter-spacing:-1.1px;
    margin:15px 0
  }
  .vibecast-copy>p:not(.eyebrow) {
    font-size:12px
  }
  .vibecast-copy>small {
    font-size:9px
  }
  .compare-table {
    min-width:555px
  }
  .compare-table th,.compare-table td {
    padding:17px 20px;
    font-size:11px
  }
  .compare-table th:first-child {
    width:28%;
    font-size:10px
  }
  .compare-table thead th {
    padding:22px 20px
  }
  .compare-table thead th>span {
    font-size:19px
  }
  .compare-table .button {
    gap:8px;
    font-size:9px;
    padding:10px;
    min-height:40px
  }
  .compare-table .button svg {
    width:13px;
    height:13px
  }
  .steps-section {
    padding:0 0 50px
  }
  .steps-grid {
    grid-template-columns:1fr;
    gap:25px;
    margin-top:25px;
    padding-top:23px
  }
  .steps-grid article {
    display:grid;
    grid-template-columns:43px 1fr;
    gap:0 13px;
    border-bottom:1px solid var(--wn-line);
    padding-bottom:23px
  }
  .step-number {
    grid-row:1/3;
    font-size:29px;
    line-height:1.3
  }
  .steps-grid h3 {
    margin:0 0 8px;
    font-size:14px
  }
  .steps-grid p {
    font-size:11px;
    max-width:400px;
    line-height:1.8
  }
  .faq-section {
    padding:42px 0
  }
  .faq-grid {
    grid-template-columns:1fr;
    gap:25px
  }
  .faq-grid h2 {
    margin-bottom:17px
  }
  .faq-list summary {
    font-size:12px;
    padding:18px 0
  }
  .faq-list details p {
    font-size:11px;
    padding:0 15px 20px 0
  }
  .premium-store #contact {
    padding:45px 0
  }
  .premium-store #contact .section-title {
    font-size:31px
  }
  .contact-wrap {
    grid-template-columns:1fr;
    gap:20px
  }
  .contact-form {
    padding:22px
  }
  .contact-aside {
    padding-top:10px
  }
  .contact-aside::before {
    display:none
  }
  .contact-aside h3 {
    font-size:19px
  }
  .contact-aside p {
    font-size:12px
  }
  .site-footer {
    padding-top:40px
  }
  .footer-top {
    grid-template-columns:1fr 1fr;
    gap:28px 20px;
    padding-bottom:30px
  }
  .footer-top>div:first-child {
    grid-column:1/-1
  }
  .footer-top>div:last-child {
    grid-column:1/-1;
    display:block
  }
  .footer-top>div:last-child h3 {
    margin-bottom:10px
  }
  .footer-top>div:last-child a {
    display:inline-block;
    margin-right:20px;
    margin-top:8px
  }
  .footer-top>div>a:not(.wordmark) {
    font-size:10px
  }
  .footer-bottom {
    font-size:8px;
    gap:13px;
    flex-wrap:wrap;
    padding:18px 0
  }
  .footer-bottom>span:nth-child(2) {
    display:none
  }
  .premium-store #product-detail,.premium-store #cart,.premium-store #checkout {
    padding:25px 0 45px
  }
  .commerce-progress {
    gap:12px;
    font-size:9px;
    margin-bottom:25px
  }
  .premium-store .product-detail-grid {
    grid-template-columns:1fr;
    gap:27px;
    margin-top:0
  }
  .premium-store .product-image {
    position:static;
    padding:20px
  }
  .premium-store .product-image>img {
    height:270px
  }
  .premium-store .product-info>h1 {
    font-size:33px;
    letter-spacing:-1.2px
  }
  .premium-store .product-info>.price {
    font-size:25px
  }
  .premium-store .product-info>form {
    padding:18px;
    gap:15px
  }
  .premium-store .product-info>form .form-group {
    flex-basis:85px
  }
  .premium-store .product-info>form .btn {
    font-size:11px;
    gap:10px
  }
  .premium-store .product-info>.description {
    font-size:12px
  }
  .premium-store .product-accordion summary {
    font-size:12px;
    padding:16px
  }
  .premium-store .section-title {
    font-size:30px;
    letter-spacing:-1px
  }
  .cart-layout {
    grid-template-columns:1fr;
    gap:25px
  }
  .premium-store .cart-summary {
    position:static;
    padding:22px
  }
  .premium-store .cart-table {
    display:block;
    border-radius:12px
  }
  .premium-store .cart-table thead {
    display:none
  }
  .premium-store .cart-table tbody {
    display:block
  }
  .premium-store .cart-table tbody tr {
    display:grid;
    grid-template-columns:68px minmax(0,1fr)80px;
    gap:10px 8px;
    padding:19px 15px;
    border-bottom:1px solid var(--wn-line)
  }
  .premium-store .cart-table tbody tr:last-child {
    border:0
  }
  .premium-store .cart-table td {
    display:block;
    border:0;
    padding:0;
    font-size:11px;
    overflow-wrap:anywhere
  }
  .premium-store .cart-table td:nth-child(1) {
    grid-column:1;
    grid-row:1/4
  }
  .premium-store .cart-table td:nth-child(2) {
    grid-column:2/4;
    grid-row:1;
    font-weight:600;
    font-size:13px
  }
  .premium-store .cart-table td:nth-child(3) {
    grid-column:2;
    grid-row:2;
    color:var(--wn-muted);
    font-size:10px
  }
  .premium-store .cart-table td:nth-child(4) {
    grid-column:2;
    grid-row:3
  }
  .premium-store .cart-table td:nth-child(5) {
    grid-column:3;
    grid-row:2;
    text-align:right;
    font-weight:650;
    font-size:11px
  }
  .premium-store .cart-table td:nth-child(6) {
    grid-column:3;
    grid-row:3;
    text-align:right
  }
  .premium-store .cart-table .qty-input {
    width:62px;
    min-height:39px
  }
  .premium-store .cart-table .btn-remove {
    padding-right:0;
    font-size:9px;
    min-height:39px
  }
  .premium-store .cart-table td img {
    height:60px;
    width:60px
  }
  .premium-store .checkout-form {
    grid-template-columns:1fr;
    gap:25px
  }
  .checkout-fields {
    padding:22px
  }
  .checkout-aside {
    position:static
  }
  .premium-store .form-row {
    gap:13px
  }
  .premium-store .form-group label {
    font-size:11px
  }
  .premium-store .form-control {
    font-size:13px;
    min-height:47px
  }
  .premium-store .spec-row {
    gap:14px;
    font-size:10px
  }
  .empty-cart {
    padding:45px 23px
  }
  .empty-cart p {
    font-size:12px
  }
}
@media(max-width:370px) {
  .wn-container,.premium-store .container {
    width:calc(100% - 30px)
  }
  .nav-actions {
    gap:9px
  }
  .brand-symbol {
    display:none
  }
  .hero-actions {
    gap:13px
  }
  .hero-actions .button {
    font-size:10px;
    padding:12px 13px;
    gap:10px
  }
  .hero-actions .text-link {
    font-size:9px
  }
  .catalog-grid {
    gap:10px
  }
  .catalog-info {
    padding:14px 10px
  }
  .catalog-price {
    font-size:16px
  }
  .catalog-price small {
    font-size:7px
  }
  .hero-proof {
    gap:9px;
    font-size:8px
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*::before,*::after {
    animation:none!important;
    transition:none!important
  }
  .button:hover,.catalog-card:hover,.round-link:hover {
    transform:none
  }
}
.product-shipping-note {
  font-size:10px;
  color:var(--wn-muted);
  margin:0 0 20px
}
.product-info>.eyebrow {
  font-size:9px;
  margin-bottom:12px
}
.premium-store .product-info>form .form-group p {
  font-size:10px!important
}
.premium-store .checkout-fields input[type=checkbox] {
  accent-color:var(--wn-ink);
  width:17px;
  height:17px;
  flex-shrink:0
}
/* Final refinement: clearer buying cues, readable small text and complete mobile comparison. */
.showcase-number {
  display:none
}
.hero-starting-price {
  display:flex;
  gap:12px;
  align-items:center;
  font-size:12px;
  margin-top:18px
}
.hero-starting-price>span {
  color:var(--wn-muted);
  font-size:11px
}
.hero-starting-price strong {
  color:var(--wn-ink);
  font-size:14px;
  font-weight:650
}
.primary-nav {
  font-size:13px
}
.hero-description {
  font-size:15px
}
.product-spec-line {
  font-size:10px
}
.stock-line {
  font-size:10px
}
.product-type {
  font-size:9px
}
.catalog-controls select,.search-box input {
  font-size:11px
}
.search-box button {
  width:36px;
  min-width:36px
}
.language-menu summary {
  min-width:40px;
  justify-content:center
}
.more-products {
  margin-top:28px;
  border-top:1px solid var(--wn-line)
}
.more-products>summary {
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:20px 0;
  color:var(--wn-muted);
  font-size:12px
}
.more-products>summary::-webkit-details-marker {
  display:none
}
.more-products>summary>span {
  font-size:10px;
  color:var(--wn-ink)
}
.more-products[open]>.catalog-grid {
  padding-top:8px
}
.contact-form-card form {
  background:white;
  border:1px solid var(--wn-line);
  padding:30px;
  border-radius:14px
}
@media(max-width:1200px) {
  .primary-nav {
    font-size:11px
  }
}
@media(max-width:960px) {
  .primary-nav {
    font-size:14px
  }
}
@media(max-width:700px) {
  .hero-description {
    font-size:13px
  }
  .hero-starting-price {
    font-size:11px;
    margin-top:14px
  }
  .hero-actions {
    margin-top:18px
  }
  .hero-starting-price strong {
    font-size:14px
  }
  .menu-toggle {
    min-width:35px
  }
  .nav-actions {
    gap:9px
  }
  .compare-table {
    min-width:0;
    table-layout:fixed
  }
  .compare-table th,.compare-table td {
    padding:15px 10px;
    font-size:10px;
    overflow-wrap:anywhere
  }
  .compare-table th:first-child {
    width:29%;
    font-size:9px
  }
  .compare-table thead th {
    padding:20px 10px
  }
  .compare-table thead th>span {
    font-size:16px;
    letter-spacing:-.5px
  }
  .compare-table thead th>strong {
    font-size:14px
  }
  .compare-table .button {
    padding:9px 5px;
    gap:5px;
    font-size:8px;
    min-height:43px
  }
  .compare-table .button svg {
    width:12px;
    min-width:12px
  }
  .catalog-controls select,.search-box input {
    font-size:10px
  }
  .catalog-info .product-spec-line {
    font-size:9px
  }
  .stock-line {
    font-size:9px
  }
  .product-type {
    font-size:7px
  }
  .add-button {
    min-height:42px;
    min-width:40px
  }
  .more-products>summary {
    font-size:11px
  }
  .contact-form-card form {
    padding:22px
  }
}

/* The actual VibeCast home background (Metro asset 887, bg1), with a readable dark overlay. */
:root{--wn-ink:#231c18;--wn-muted:#706257;--wn-paper:#faf8f5;--wn-line:#e6ded6;--wn-soft:#f1e9e1;--wn-lime:#ffb16b;--wn-lime-hover:#ffc894;--wn-shadow:0 12px 32px #231c180a}
.announcement{background:#17120f;color:#f4e8dc}
.announcement-side{color:#c6afa0}
.site-header{background:#1c1511f5;border-color:#493225;color:#fff}
.site-header .icon-link,.site-header .cart-link,.site-header .menu-toggle{color:#fff}
.brand-symbol{background:#3a2418;color:#ffb16b}
.brand-dot{color:#ffb16b}
.cart-count{background:#ffb16b;color:#231c18}
.language-options{background:#fff;color:#231c18}
.hero{background-color:#28170e;background-image:linear-gradient(90deg,rgba(20,12,7,.78),rgba(20,12,7,.45) 55%,rgba(20,12,7,.22)),url('/css/vibecast-bg1.jpg');background-position:center;background-size:cover;color:#fff}
.hero h1 em{color:#ffc08a}
.hero .eyebrow,.hero-description{color:#f1e3d6}
.hero-proof,.hero-bottom-line{color:#e3cbb8}
.hero .button-dark{background:#ffb16b;color:#231c18}
.hero .button-dark:hover{background:#ffc894}
.hero .text-link{border-color:#be9270}
.hero-starting-price>span{color:#f1e3d6}
.hero-starting-price strong{color:#fff}
.hero-showcase{color:#231c18;background:#fff;border-color:#cdb5a0}
.showcase-bottom{background:#faf0e6}
.showcase-bottom .eyebrow{color:#79604e}
.showcase-bottom .round-link{background:#ffb16b;border-color:#ffb16b;color:#231c18}
.availability,.stock-line{color:#287043}
.availability i,.stock-line>span{background:#22a359}
.vibecast-section{background-color:#2d1a10;background-image:linear-gradient(90deg,rgba(24,14,8,.85),rgba(24,14,8,.60)),url('/css/vibecast-bg1.jpg');background-size:cover;background-position:center 65%}
.vc-screen{background:#1c1410;border-color:#76523a}
.vc-logo>span,.vc-logo>b{color:#ffb16b}
.vc-screen-caption,.vc-screen-bottom{color:#d5bfae}
.button-dark,.premium-store .btn-primary,.premium-store .btn-submit{background:#3b2519;color:#fff}
.button-dark:hover,.premium-store .btn-primary:hover,.premium-store .btn-submit:hover{background:#60371f}
.add-button,.button-light,.vc-play{color:#231c18}
.product-type{color:#706257}
:focus-visible{outline-color:#c45e17!important}
@media(max-width:900px){.primary-nav{background:#1c1511;color:#fff;border-color:#493225}}
@media(max-width:700px){.hero{background-position:43% center;background-image:linear-gradient(rgba(20,12,7,.66),rgba(20,12,7,.45)),url('/css/vibecast-bg1.jpg')}}
.vibecast-copy small,.vibecast-copy .language-list{color:#ead7c7}

.seo-intro{padding:72px 0}.seo-intro h2{font-size:clamp(26px,3vw,38px);line-height:1.25;letter-spacing:-1px;margin:12px 0 20px}.seo-intro p:not(.eyebrow){max-width:850px;color:var(--wn-muted);line-height:1.85;margin-bottom:22px}.seo-landing{padding:90px 0}.seo-landing h1{max-width:950px;font-size:clamp(34px,5vw,65px)}.seo-landing .hero-description{max-width:760px}.seo-faq{padding:24px 0;border-bottom:1px solid var(--wn-line)}.seo-faq summary{cursor:pointer;font-weight:650}.seo-faq p{padding-top:16px;max-width:850px;color:var(--wn-muted)}@media(max-width:700px){.seo-intro{padding:44px 0}.seo-landing{padding:55px 0}}