:root{
  --wine:#6f1d32;
  --wine-dark:#4f1223;
  --wine-soft:#8d3b52;
  --cream:#f7f2ed;
  --paper:#fffdfb;
  --ink:#1c1718;
  --muted:#756a6d;
  --line:#e8dfdc;
  --shadow:0 20px 50px rgba(59,27,35,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Manrope",system-ui,sans-serif;
  background:var(--paper);
  color:var(--ink);
}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
.container{width:min(1180px,calc(100% - 32px));margin:0 auto}
.topbar{background:var(--wine-dark);color:#fff;font-size:12px}
.topbar__inner{height:36px;display:flex;align-items:center;justify-content:space-between}
.topbar__links{display:flex;gap:24px;opacity:.9}
.header{position:sticky;top:0;background:rgba(255,253,251,.93);backdrop-filter:blur(12px);z-index:50;border-bottom:1px solid rgba(232,223,220,.8)}
.header__inner{height:76px;display:flex;align-items:center;gap:36px}
.logo{font-family:"Playfair Display",serif;font-weight:700;letter-spacing:.12em;font-size:26px;color:var(--wine)}
.nav{display:flex;gap:30px;font-size:14px;font-weight:600}
.nav a:hover{color:var(--wine)}
.nav-catalog{position:relative;display:flex;align-items:center}.nav-catalog__menu{position:absolute;z-index:80;top:calc(100% + 18px);left:-20px;display:grid;grid-template-columns:repeat(2,minmax(170px,1fr));gap:2px;width:max-content;max-width:min(520px,80vw);padding:12px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 18px 45px rgba(48,23,29,.18);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s}.nav-catalog:hover .nav-catalog__menu,.nav-catalog:focus-within .nav-catalog__menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-catalog__menu a{padding:10px 12px;border-radius:9px;white-space:nowrap;font-size:13px}.nav-catalog__menu a:hover{background:#f6edef}.nav-catalog__menu span{padding:10px 12px;color:var(--muted);font-size:13px}
.header__actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.icon-btn,.burger{border:0;background:transparent;font-size:23px;cursor:pointer}
.burger{color:var(--wine)}
.burger{display:none}
.cart-btn{border:0;background:var(--wine);color:white;padding:11px 15px;border-radius:999px;cursor:pointer;font-weight:700}
.cart-btn span{display:inline-grid;place-items:center;width:22px;height:22px;background:#fff;color:var(--wine);border-radius:50%;margin-left:7px;font-size:12px}
.site-search{position:relative;width:44px;height:42px;border:1px solid transparent;border-radius:13px;background:transparent;transition:width .35s cubic-bezier(.2,.8,.2,1),background .25s ease,border-color .25s ease,box-shadow .25s ease;overflow:visible}.site-search.open{width:360px;background:#fff;border-color:var(--line);box-shadow:0 0 24px rgba(79,18,35,.1)}.site-search__input{position:absolute;inset:0 44px 0 0;width:calc(100% - 44px);padding:0 4px 0 15px;border:0;outline:0;background:transparent;opacity:0;pointer-events:none;font-size:13px;color:var(--ink);transition:opacity .18s ease}.site-search.open .site-search__input{opacity:1;pointer-events:auto}.site-search__input::-webkit-search-cancel-button{cursor:pointer}.site-search__button{position:absolute;right:0;top:0;width:44px;height:40px;border:0;border-radius:12px;background:transparent;color:var(--ink);font-size:22px;cursor:pointer;transition:background .2s ease,color .2s ease}.site-search.open .site-search__button,.site-search__button:hover{background:var(--wine);color:#fff}.site-search__suggestions{display:none;position:absolute;z-index:100;left:0;right:0;top:50px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 45px rgba(59,27,35,.18)}.site-search__suggestions.visible{display:block}.search-suggestion{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;padding:8px;border-radius:11px}.search-suggestion:hover,.search-suggestion:focus{background:var(--cream)}.search-suggestion__image{width:46px;height:46px;border-radius:9px;background:var(--suggestion-color)}.search-suggestion__text{display:flex;flex-direction:column;min-width:0}.search-suggestion__text strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-suggestion__text span{font-size:9px;color:var(--muted);margin-top:3px}.search-suggestion__price{font-size:11px;font-weight:800;color:var(--wine)}.search-empty{padding:18px;text-align:center;font-size:11px;color:var(--muted)}
.hero{position:relative;background:#eee5df url("assets/hero-atelier.webp") center/cover no-repeat;overflow:hidden;border-bottom:1px solid #eaded9}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,252,249,.96) 0%,rgba(255,252,249,.90) 43%,rgba(255,252,249,.68) 70%,rgba(255,252,249,.60) 100%);backdrop-filter:saturate(.72)}
.hero__grid{position:relative;min-height:650px;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:70px}
.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:800;color:var(--wine);margin-bottom:14px;display:inline-block}
.hero h1,.section h2{font-family:"Manrope",system-ui,sans-serif;font-weight:800;line-height:1.08;letter-spacing:-.045em;margin:0}
.hero h1{font-size:clamp(44px,5.2vw,68px);max-width:680px}
.hero__label{display:inline-flex;align-items:center;margin-bottom:20px;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;letter-spacing:.05em;font-weight:800;color:var(--wine);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.hero__label:hover{transform:translateY(-2px);border-color:var(--wine);box-shadow:0 9px 22px rgba(111,29,50,.13)}
.hero__content>p{font-size:16px;line-height:1.75;color:var(--muted);max-width:590px;margin:24px 0 20px}
.hero__categories{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.hero__categories a{padding:7px 11px;border:1px solid #d8c9c6;border-radius:8px;background:rgba(255,255,255,.55);font-size:11px;font-weight:700;transition:.2s}.hero__categories a:hover{background:var(--wine);border-color:var(--wine);color:#fff;transform:translateY(-2px)}
.hero__buttons{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:14px 20px;font-weight:800;font-size:14px;border:1px solid transparent;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease}
.btn--primary{background:var(--wine);color:#fff}
.btn--primary:hover{background:var(--wine-dark)}
.btn--ghost{border-color:#cdbfc0;background:rgba(255,255,255,.4)}
.hero__stats{display:flex;gap:34px;margin-top:34px;padding-top:22px;border-top:1px solid #dfd1cd}
.hero__stats div{display:flex;flex-direction:column}
.hero__stats strong{font-size:18px}
.hero__stats span{font-size:12px;color:var(--muted);margin-top:4px}
.hero__visual{position:relative;min-height:540px;isolation:isolate;display:grid;place-items:center}
.hero__visual{
  min-height:450px;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:270px 145px;
  gap:14px;
  place-items:stretch;
}
.hero-promo{
  position:relative;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.8);
  border-radius:22px;
  background:#393536;
  box-shadow:0 18px 45px rgba(54,25,31,.17);
  transition:transform .25s ease,box-shadow .25s ease;
}
.hero-promo--large{grid-column:1/-1}
.hero-promo:hover,.hero-promo:focus-visible{
  transform:translateY(-5px);
  box-shadow:0 26px 58px rgba(54,25,31,.24);
  outline:none;
}
.hero-promo__image{
  position:absolute;
  inset:0;
  background-position:center;
  background-size:cover;
  transition:transform .45s ease;
}
.hero-promo:hover .hero-promo__image,
.hero-promo:focus-visible .hero-promo__image{transform:scale(1.035)}
.hero-promo__image--graphite{background-image:url("assets/banner-outerwear-v2.webp")}
.hero-promo__image--wine{background-image:url("assets/banner-sportswear.webp")}
.hero-promo__image--denim{background-image:url("assets/banner-dresses-v2.webp")}
.hero-promo::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(17,12,14,.02) 35%,rgba(17,12,14,.72) 100%);
  pointer-events:none;
}
.hero-promo__tag{
  position:absolute;
  z-index:2;
  top:18px;
  left:18px;
  padding:7px 10px;
  border-radius:999px;
  background:var(--wine);
  color:#fff;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
}
.hero-promo__content{
  position:absolute;
  z-index:2;
  left:18px;
  right:18px;
  bottom:16px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  color:#fff;
}
.hero-promo__content span{font-size:16px;font-weight:800}
.hero-promo__content strong{font-size:13px;white-space:nowrap}
.sample-card{position:absolute;display:block;padding:13px 13px 11px;background:rgba(255,255,255,.96);border:1px solid rgba(226,213,208,.9);border-radius:21px;box-shadow:0 20px 48px rgba(54,25,31,.17);transition:width .42s cubic-bezier(.2,.8,.2,1),transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease;transform-origin:center;will-change:transform,width}.sample-card--large{z-index:2;width:330px;right:48px;top:34px;transform:rotate(2deg)}.sample-card--small{z-index:3;width:210px;left:8px;bottom:37px;transform:rotate(-6deg)}.sample-card--mini{z-index:4;width:170px;right:-3px;bottom:14px;transform:rotate(6deg)}.sample-card:hover,.sample-card:focus-visible{z-index:10;width:330px;transform:translateY(-18px) rotate(0);box-shadow:0 34px 75px rgba(54,25,31,.28);outline:none}.sample-card__fabric{position:relative;height:300px;overflow:hidden;clip-path:polygon(0 3%,3% 0,6% 3%,9% 0,12% 3%,15% 0,18% 3%,21% 0,24% 3%,27% 0,30% 3%,33% 0,36% 3%,39% 0,42% 3%,45% 0,48% 3%,51% 0,54% 3%,57% 0,60% 3%,63% 0,66% 3%,69% 0,72% 3%,75% 0,78% 3%,81% 0,84% 3%,87% 0,90% 3%,93% 0,96% 3%,100% 0,97% 4%,100% 8%,97% 12%,100% 16%,97% 20%,100% 24%,97% 28%,100% 32%,97% 36%,100% 40%,97% 44%,100% 48%,97% 52%,100% 56%,97% 60%,100% 64%,97% 68%,100% 72%,97% 76%,100% 80%,97% 84%,100% 88%,97% 92%,100% 96%,97% 100%,94% 97%,91% 100%,88% 97%,85% 100%,82% 97%,79% 100%,76% 97%,73% 100%,70% 97%,67% 100%,64% 97%,61% 100%,58% 97%,55% 100%,52% 97%,49% 100%,46% 97%,43% 100%,40% 97%,37% 100%,34% 97%,31% 100%,28% 97%,25% 100%,22% 97%,19% 100%,16% 97%,13% 100%,10% 97%,7% 100%,4% 97%,0 100%,3% 96%,0 92%,3% 88%,0 84%,3% 80%,0 76%,3% 72%,0 68%,3% 64%,0 60%,3% 56%,0 52%,3% 48%,0 44%,3% 40%,0 36%,3% 32%,0 28%,3% 24%,0 20%,3% 16%,0 12%,3% 8%)}.sample-card__fabric::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(112deg,rgba(255,255,255,.10) 0 3px,rgba(0,0,0,.035) 3px 6px);mix-blend-mode:soft-light}.sample-card--small .sample-card__fabric{height:165px}.sample-card--mini .sample-card__fabric{height:125px}.sample-card:hover .sample-card__fabric,.sample-card:focus-visible .sample-card__fabric{height:300px}.sample-card__fabric--graphite{background:radial-gradient(circle at 30% 18%,#7d8385,#484d4f 50%,#292d2f)}.sample-card__fabric--wine{background:radial-gradient(circle at 30% 18%,#aa5067,#7c253c 55%,#541525)}.sample-card__fabric--denim{background:radial-gradient(circle at 30% 18%,#6f88a0,#34516c 55%,#1d354a)}.sample-card__caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 3px 1px;font-size:10px}.sample-card__caption span{color:var(--muted)}.sample-card__caption strong{white-space:nowrap}.sample-card__tag{position:absolute;z-index:2;top:27px;left:26px;padding:6px 9px;border-radius:999px;background:var(--wine);color:#fff;font-size:8px;font-weight:800;letter-spacing:.08em}
.swatch-fan{position:relative;width:560px;height:440px;filter:drop-shadow(0 28px 35px rgba(57,25,32,.14))}.swatch-fan__ring{position:absolute;z-index:20;left:50%;top:28px;width:42px;height:42px;border:8px solid #aa7b38;border-radius:50%;background:#f0d3a4;box-shadow:0 5px 12px rgba(56,37,12,.25);transform:translateX(-50%)}.swatch-fan__ring::after{content:"";position:absolute;left:50%;top:26px;width:10px;height:17px;border-radius:4px;background:#8d632c;transform:translateX(-50%)}.swatch-card{position:absolute;left:50%;top:52%;z-index:var(--z);width:190px;height:325px;padding:12px;background:#fff;border:1px solid rgba(226,213,208,.95);border-radius:18px;box-shadow:0 16px 34px rgba(49,23,29,.16);transform:translate(calc(-50% + var(--x)),-50%) rotate(var(--r));transform-origin:50% 8%;transition:transform .38s cubic-bezier(.2,.85,.25,1),box-shadow .3s ease;will-change:transform}.swatch-card:hover,.swatch-card:focus-visible{z-index:30;transform:translate(calc(-50% + var(--x)),calc(-50% - 25px)) rotate(0) scale(1.13);box-shadow:0 30px 58px rgba(49,23,29,.26);outline:none}.swatch-card__fabric{height:250px;position:relative;overflow:hidden;clip-path:polygon(0 4%,4% 0,8% 4%,12% 0,16% 4%,20% 0,24% 4%,28% 0,32% 4%,36% 0,40% 4%,44% 0,48% 4%,52% 0,56% 4%,60% 0,64% 4%,68% 0,72% 4%,76% 0,80% 4%,84% 0,88% 4%,92% 0,96% 4%,100% 0,96% 8%,100% 12%,96% 16%,100% 20%,96% 24%,100% 28%,96% 32%,100% 36%,96% 40%,100% 44%,96% 48%,100% 52%,96% 56%,100% 60%,96% 64%,100% 68%,96% 72%,100% 76%,96% 80%,100% 84%,96% 88%,100% 92%,96% 96%,100% 100%,96% 96%,92% 100%,88% 96%,84% 100%,80% 96%,76% 100%,72% 96%,68% 100%,64% 96%,60% 100%,56% 96%,52% 100%,48% 96%,44% 100%,40% 96%,36% 100%,32% 96%,28% 100%,24% 96%,20% 100%,16% 96%,12% 100%,8% 96%,4% 100%,0 96%,4% 92%,0 88%,4% 84%,0 80%,4% 76%,0 72%,4% 68%,0 64%,4% 60%,0 56%,4% 52%,0 48%,4% 44%,0 40%,4% 36%,0 32%,4% 28%,0 24%,4% 20%,0 16%,4% 12%,0 8%)}.swatch-card__fabric::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(112deg,rgba(255,255,255,.10) 0 3px,rgba(0,0,0,.035) 3px 6px);mix-blend-mode:soft-light}.swatch-card--cream .swatch-card__fabric{background:radial-gradient(circle at 25% 18%,#f1e8dc,#c9b9a7 58%,#a8927d)}.swatch-card--wine .swatch-card__fabric{background:radial-gradient(circle at 25% 18%,#b4546d,#7c253c 58%,#541525)}.swatch-card--graphite .swatch-card__fabric{background:radial-gradient(circle at 25% 18%,#7f8587,#484d4f 58%,#292d2f)}.swatch-card--olive .swatch-card__fabric{background:radial-gradient(circle at 25% 18%,#7c8877,#4d5d4d 58%,#314033)}.swatch-card--denim .swatch-card__fabric{background:radial-gradient(circle at 25% 18%,#7891a9,#3b5872 58%,#20384e)}.swatch-card__caption{display:flex;align-items:end;justify-content:space-between;gap:8px;padding:12px 4px 0}.swatch-card__caption span{font-size:11px;font-weight:800}.swatch-card__caption small{font-size:8px;color:var(--muted);white-space:nowrap}.swatch-card__tag{position:absolute;z-index:2;top:25px;left:25px;padding:5px 8px;border-radius:999px;background:var(--wine);color:#fff;font-size:8px;font-weight:800}.swatch-note{position:absolute;z-index:25;left:50%;bottom:1px;display:flex;flex-direction:column;align-items:center;min-width:250px;padding:11px 18px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.94);box-shadow:0 12px 28px rgba(52,24,30,.12);transform:translateX(-50%)}.swatch-note strong{font-size:10px}.swatch-note span{margin-top:3px;font-size:8px;color:var(--muted)}
.hero-card{
  position:absolute;
  background:white;
  border-radius:26px;
  padding:14px;
  box-shadow:var(--shadow);
  overflow:hidden;
  cursor:pointer;
  transform-origin:center;
  transition:
    width .4s cubic-bezier(.2,.8,.2,1),
    transform .4s cubic-bezier(.2,.8,.2,1),
    box-shadow .35s ease;
  will-change:transform;
}
.hero-card--large{width:340px;right:50px;top:32px;transform:rotate(2deg)}
.hero-card--small{width:220px;left:10px;bottom:30px;transform:rotate(-5deg)}
.hero-card--mini{width:175px;right:0;bottom:10px;transform:rotate(6deg)}
.hero-card:hover,
.hero-card:focus-within{
  z-index:10;
  width:340px;
  transform:translateY(-18px) rotate(0deg);
  box-shadow:0 32px 70px rgba(59,27,35,.24);
}
.hero-card .fabric{transition:height .4s cubic-bezier(.2,.8,.2,1)}
.hero-card:hover .fabric,
.hero-card:focus-within .fabric{height:330px}
.fabric{border-radius:18px;position:relative;overflow:hidden}
.fabric::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(110deg,rgba(255,255,255,.09) 0 4px,rgba(0,0,0,.03) 4px 7px);mix-blend-mode:soft-light}
.hero-card--large .fabric{height:330px}
.hero-card--small .fabric{height:170px}
.hero-card--mini .fabric{height:130px}
.fabric--burgundy{background:radial-gradient(circle at 30% 20%,#9f5063,#742238 45%,#4b1424 100%)}
.fabric--cream{background:linear-gradient(145deg,#f3eee6,#d8c7b8 55%,#f7f1ea)}
.fabric--denim{background:linear-gradient(145deg,#71879b,#243d55 65%,#172c3e)}
.hero-card__caption{display:flex;justify-content:space-between;gap:12px;padding:13px 5px 4px;font-size:12px}
.hero-card__caption span{color:var(--muted)}
.badge{position:absolute;z-index:2;top:25px;left:25px;background:var(--wine);color:white;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}
.section{padding:88px 0}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}
.section h2{font-size:44px}
.text-link{color:var(--wine);font-weight:800;font-size:14px}
.category-carousel{position:relative;overflow:hidden;margin:-30px -76px;padding:30px 76px}
.category-grid{display:flex;gap:18px;transition:transform .55s cubic-bezier(.22,.75,.2,1)}
.category-card{flex:0 0 calc((100% - 54px)/4);border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;transition:transform .25s ease,box-shadow .25s ease;position:relative}
.category-card:hover{z-index:2;transform:translateY(-5px);box-shadow:0 0 34px rgba(79,18,35,.22),0 0 0 1px rgba(111,29,50,.08)}
.category-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:50px;height:50px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--wine);font-size:38px;font-weight:400;line-height:42px;box-shadow:0 0 24px rgba(79,18,35,.13);cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease,opacity .2s ease}
.category-prev{left:10px}
.category-next{right:10px}
.category-arrow:hover:not(:disabled){transform:translateY(-50%) scale(1.08);background:var(--wine);color:#fff}
.category-arrow:disabled{opacity:.25;cursor:default;box-shadow:none}
.category-card__image{height:230px;background-size:cover;position:relative}
.category-card__image--photo{background-position:center;background-repeat:no-repeat;background-color:#eee}
.category-card__image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.08))}
.category-card__image--1{background:linear-gradient(140deg,#b7aba2,#85756d)}
.category-card__image--2{background:linear-gradient(140deg,#62715f,#303d34)}
.category-card__image--3{background:linear-gradient(140deg,#d9d4cf,#f0ece7)}
.category-card__image--4{background:linear-gradient(140deg,#465d73,#152b40)}
.category-card__image--5{background:linear-gradient(140deg,#d8a9a1,#f2d5cd)}
.category-card__image--6{background:linear-gradient(140deg,#d6c5a8,#9f8767)}
.category-card__image--7{background:linear-gradient(140deg,#9a8ca8,#564a64)}
.category-card__image--8{background:linear-gradient(140deg,#737c66,#353c2f)}
.category-card__body{padding:18px}
.category-card__body h3{margin:0 0 6px;font-size:17px}
.category-card__body span{font-size:12px;color:var(--muted)}
.benefits{padding-top:0}
.benefits__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.benefit{display:flex;gap:13px;padding:20px;border-radius:16px;background:var(--cream)}
.benefit__icon{width:38px;height:38px;border-radius:12px;background:white;display:grid;place-items:center;color:var(--wine);font-weight:800}
.benefit div:last-child{display:flex;flex-direction:column}
.benefit strong{font-size:13px}
.benefit span{font-size:11px;color:var(--muted);margin-top:5px}
.products{background:#faf7f5}
.tabs{display:flex;gap:8px}
.tab{border:1px solid var(--line);background:white;border-radius:999px;padding:9px 14px;cursor:pointer;font-size:12px;font-weight:800}
.tab.active{background:var(--wine);color:white;border-color:var(--wine)}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.home-loading{grid-column:1/-1;width:100%;padding:36px;border:1px dashed var(--line);border-radius:16px;text-align:center;color:var(--muted)}
.product-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.product-card:hover{transform:translateY(-5px);box-shadow:0 14px 38px rgba(71,38,46,.15)}
.product-card--linked{cursor:pointer}
.product-card__image{height:290px;position:relative}
.product-card__image--photo{background-position:center;background-size:cover}
.search-suggestion__image{background-position:center;background-size:cover}
.product-card__image--a{background:linear-gradient(145deg,#5f6669,#2d3032)}
.product-card__image--b{background:linear-gradient(145deg,#76816f,#3c493d)}
.product-card__image--c{background:linear-gradient(145deg,#f2ede7,#cfc4b8)}
.product-card__image--d{background:linear-gradient(145deg,#46627b,#20384f)}
.wish{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:var(--wine);font-size:20px;cursor:pointer}
.badge--light{background:white;color:var(--wine)}
.badge--dark{background:#1e1b1c}
.product-card__body{display:flex;flex:1;flex-direction:column;padding:18px}
.product-card__type{font-size:10px;letter-spacing:.14em;color:var(--wine);font-weight:800}
.product-card h3{font-size:15px;margin:8px 0}
.product-card p{font-size:11px;color:var(--muted);margin:0 0 16px}
.product-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}
.product-card__footer strong{font-size:15px}
.product-card__footer button{
  border:0;
  background:#f1e8e8;
  color:var(--wine);
  border-radius:10px;
  padding:9px 11px;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
  transition:background .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease;
}
.product-card__footer button:hover,
.product-card__footer button:focus-visible{
  background:var(--wine);
  color:#fff;
  transform:translateY(-3px);
  box-shadow:0 9px 20px rgba(111,29,50,.25);
}
.wholesale{padding:0}
.wholesale__inner{background:linear-gradient(120deg,var(--wine-dark),var(--wine));border-radius:30px;min-height:420px;color:white;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.wholesale__content{padding:70px}
.eyebrow--light{color:#eecbd5}
.wholesale h2{font-size:52px}
.wholesale p{color:#f0dce2;line-height:1.7;max-width:520px}
.btn--light{background:#fff;color:var(--wine)}
.btn--light:hover,.btn--light:focus-visible{background:#f6e9ed;color:var(--wine-dark);border-color:rgba(255,255,255,.65);transform:translateY(-3px);box-shadow:0 12px 26px rgba(28,5,12,.28)}
.btn--light:active{transform:translateY(-1px);box-shadow:0 6px 14px rgba(28,5,12,.22)}
.wholesale__visual{min-height:400px;display:grid;place-items:center;padding:48px 58px 48px 10px}
.wholesale-panel{
  width:min(100%,390px);
  padding:28px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:24px;
  background:rgba(255,255,255,.10);
  box-shadow:0 24px 60px rgba(27,5,12,.18);
  backdrop-filter:blur(8px);
}
.wholesale-panel__label{display:block;font-size:10px;letter-spacing:.16em;font-weight:800;color:#eecbd5;margin-bottom:10px}
.wholesale-metric{display:grid;grid-template-columns:105px 1fr;align-items:center;gap:18px;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.wholesale-metric:last-child{border-bottom:0;padding-bottom:2px}
.wholesale-metric strong{font-family:"Playfair Display",serif;font-size:26px;color:#fff}
.wholesale-metric span{font-size:12px;line-height:1.45;color:#f0dce2}
.wholesale-metric--manager{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.wholesale-metric--manager strong{font-family:"Manrope",sans-serif;font-size:18px;line-height:1.3;white-space:nowrap}
.wholesale-metric--manager span{font-size:12px}
.wholesale-modal[hidden]{display:none}
.wholesale-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px}
.wholesale-modal__backdrop{position:absolute;inset:0;background:rgba(24,15,18,.58);backdrop-filter:blur(5px)}
.wholesale-modal__dialog{position:relative;box-sizing:border-box;width:min(100%,520px);max-height:min(78dvh,680px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border-radius:20px;padding:28px;box-shadow:0 30px 80px rgba(28,8,14,.3)}
.wholesale-modal__dialog h2{font-family:"Manrope",sans-serif;font-size:27px;line-height:1.2;margin:6px 42px 8px 0}
.wholesale-modal__dialog>p{margin:0 0 18px;color:var(--muted);line-height:1.5}
.wholesale-modal__close{position:absolute;top:18px;right:18px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--wine);font-size:26px;line-height:1;cursor:pointer}
.wholesale-form{display:grid;gap:12px}
.wholesale-form label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#2c2426}
.wholesale-form input,.wholesale-form textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 13px;background:#fff;color:var(--text);resize:vertical;outline:none}
.wholesale-form input:focus,.wholesale-form textarea:focus{border-color:var(--wine);box-shadow:0 0 0 3px rgba(111,29,50,.1)}
.wholesale-form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wholesale-form .btn{width:100%;margin-top:3px}
.wholesale-form__status{min-height:20px;margin:0!important;text-align:center;font-size:13px!important;color:var(--wine)!important}
.wholesale-form__status.is-success{color:#2f714d!important}
.wholesale-form__website{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}
body.modal-open{overflow:hidden}
.info-modal[hidden]{display:none}
.info-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px}
.info-modal__backdrop{position:absolute;inset:0;background:rgba(24,15,18,.58);backdrop-filter:blur(5px)}
.info-modal__dialog{position:relative;box-sizing:border-box;width:min(100%,560px);max-height:min(74dvh,620px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border-radius:20px;padding:28px;box-shadow:0 30px 80px rgba(28,8,14,.3)}
.info-modal__dialog h2{font-family:"Manrope",sans-serif;font-size:27px;line-height:1.2;margin:6px 42px 14px 0}
.info-modal__close{position:absolute;top:18px;right:18px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--wine);font-size:26px;line-height:1;cursor:pointer}
.info-modal__content{color:#3b3335;font-size:14px;line-height:1.5}
.info-modal__content p{margin:0 0 11px}
.info-modal__content ul{margin:0 0 14px;padding-left:19px}
.info-modal__content li+li{margin-top:6px}
.info-modal__content a{color:var(--wine);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.info-modal__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.info-modal__actions .btn{text-decoration:none}
.info-modal__actions .btn--primary{color:#fff}
.info-modal__actions .btn--ghost{color:var(--wine)}
.section-heading__text{max-width:420px;color:var(--muted);font-size:14px;line-height:1.6}
.inspiration-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:18px}
.look{height:380px;border-radius:22px;display:flex;align-items:flex-end;padding:24px;color:white;font-weight:800;font-size:18px;position:relative;overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat}
.look::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.45))}
.look span{position:relative}
.look--1{background:linear-gradient(145deg,#3b4650,#8b7c70)}
.look--2{background:linear-gradient(145deg,#8b5c63,#4d2932)}
.look--3{background:linear-gradient(145deg,#d6c8b9,#8b7568)}
.sample-card__fabric.has-custom-image::after{display:none}
.newsletter{padding-top:30px}
.newsletter__inner{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:42px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}
.newsletter h2{font-size:32px;max-width:600px}
.newsletter__form{display:flex;gap:10px}
.newsletter input{min-width:280px;border:1px solid var(--line);border-radius:12px;padding:14px;background:white}
.footer{background:#1c1718;color:white;padding:60px 0 18px}
.footer__grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:42px}
.logo--footer{color:#fff}
.footer p{color:#bfb5b7;max-width:300px;line-height:1.6;font-size:13px}
.footer h4{margin:0 0 14px}
.footer a,.footer span,.footer__link{display:block;color:#cfc6c8;font:inherit;font-size:12px;margin:9px 0}
.footer__link{padding:0;border:0;background:none;text-align:left;cursor:pointer;transition:color .2s ease}
.footer__link:hover,.footer__link:focus-visible{color:#fff}
.footer__bottom{border-top:1px solid #3d3537;margin-top:38px;padding-top:18px;color:#8d8285;font-size:11px}

/* Поява блоків під час прокручування */
.motion-ready .reveal{
  opacity:0;
  transform:translateY(34px);
  transition:
    opacity .72s ease,
    transform .72s cubic-bezier(.2,.75,.25,1);
  transition-delay:var(--reveal-delay,0ms);
}
.motion-ready .reveal--left{transform:translateX(-48px)}
.motion-ready .reveal--right{transform:translateX(48px)}
.motion-ready .reveal--scale{transform:translateY(22px) scale(.96)}
.motion-ready .reveal.is-visible{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
}
.motion-ready .category-card.reveal.is-visible:hover{
  transform:translateY(-5px);
  box-shadow:0 0 34px rgba(79,18,35,.22),0 0 0 1px rgba(111,29,50,.08);
}

@media(prefers-reduced-motion:reduce){
  .motion-ready .reveal{
    opacity:1;
    transform:none;
    transition:none;
  }
}
@media(max-width:980px){
  .hero__grid{grid-template-columns:1fr;gap:20px;padding:70px 0}
  .hero__visual{min-height:460px}
  .category-card{flex-basis:calc((100% - 18px)/2)}
  .product-grid{grid-template-columns:repeat(2,1fr)}
  .benefits__grid{grid-template-columns:repeat(2,1fr)}
  .wholesale__inner{grid-template-columns:1fr}
  .wholesale__visual{display:none}
  .inspiration-grid{grid-template-columns:1fr 1fr}
  .look--1{grid-column:1/-1}
}
@media(max-width:720px){
  input:not([type="checkbox"]):not([type="radio"]),select,textarea{font-size:16px!important}
  .topbar__links{display:none}
  .burger{display:block}
  .header__inner{height:66px;gap:12px}
  .logo{font-size:21px}
  .nav{display:none;position:absolute;top:66px;left:0;right:0;background:white;flex-direction:column;padding:22px 20px;border-bottom:1px solid var(--line)}
  .nav.open{display:flex}
  .nav-catalog{padding:0}.nav-catalog__menu{position:static;display:none;width:100%;max-width:none;margin-top:9px;grid-template-columns:1fr;box-shadow:none;opacity:1;visibility:visible;transform:none}.nav-catalog:hover .nav-catalog__menu,.nav-catalog:focus-within .nav-catalog__menu{display:grid}
  .icon-btn{display:none}
  .cart-btn{padding:9px 11px}
  .site-search.open{position:absolute;left:16px;right:16px;width:auto;z-index:80}
  .hero__grid{padding:52px 0}
  .hero h1{font-size:48px}
  .hero__content>p{font-size:15px}
  .hero__stats{gap:18px;flex-wrap:wrap}
  .hero__visual{min-height:390px}
  .swatch-fan{width:100%;height:360px;transform:scale(.78)}.swatch-card{width:160px;height:285px}.swatch-card__fabric{height:215px}.swatch-card[style*="-150px"]{--x:-118px!important}.swatch-card[style*="-76px"]{--x:-58px!important}.swatch-card[style*="76px"]{--x:58px!important}.swatch-card[style*="150px"]{--x:118px!important}.swatch-card:hover,.swatch-card:focus-visible{transform:translate(calc(-50% + var(--x)),calc(-50% - 15px)) rotate(0) scale(1.06)}.swatch-note{bottom:-3px}
  .hero::before{background:rgba(255,252,249,.88)}.hero__visual{min-height:410px}.sample-card--large{width:245px;right:12px;top:12px}.sample-card--large .sample-card__fabric{height:220px}.sample-card--small{width:155px;left:0;bottom:20px}.sample-card--small .sample-card__fabric{height:120px}.sample-card--mini{width:130px;right:0;bottom:3px}.sample-card--mini .sample-card__fabric{height:92px}.sample-card:hover,.sample-card:focus-visible{width:245px;transform:translateY(-10px)}.sample-card:hover .sample-card__fabric,.sample-card:focus-visible .sample-card__fabric{height:220px}.sample-card__caption{font-size:8px}.hero__categories{margin-bottom:24px}
  .hero-card--large{width:270px;right:20px}
  .hero-card--large .fabric{height:245px}
  .hero-card--small{width:170px;left:0}
  .hero-card--mini{display:none}
  .hero-card:hover,.hero-card:focus-within{width:270px;transform:none}
  .hero-card:hover .fabric,.hero-card:focus-within .fabric{height:245px}
  .section{padding:64px 0}
  .section h2{font-size:34px}
  .section-heading{align-items:flex-start;flex-direction:column}
  .category-card{flex-basis:100%}
  .category-carousel{margin:-24px -52px;padding:24px 52px}
  .category-arrow{width:40px;height:40px;font-size:31px;line-height:34px}
  .category-prev{left:5px}
  .category-next{right:5px}
  .product-grid,.benefits__grid,.inspiration-grid{grid-template-columns:1fr}
  .look--1{grid-column:auto}
  .category-card__image{height:210px}
  .product-card__image{height:330px}
  .wholesale__content{padding:42px 24px}
  .wholesale h2{font-size:38px}
  .wholesale-modal,.info-modal{padding:14px}
  .wholesale-modal__dialog{width:100%;max-height:calc(100dvh - 28px);padding:22px 18px;border-radius:16px}
  .wholesale-modal__dialog h2{font-size:23px;margin-bottom:6px}
  .wholesale-modal__dialog>p{font-size:13px;margin-bottom:14px}
  .info-modal__dialog{width:100%;max-height:calc(100dvh - 28px);padding:22px 18px;border-radius:16px}
  .info-modal__dialog h2{font-size:23px;margin-bottom:12px}
  .info-modal__content{font-size:13px;line-height:1.45}
  .wholesale-modal__close,.info-modal__close{top:12px;right:12px;width:34px;height:34px;font-size:22px}
  .wholesale-form__row{grid-template-columns:1fr}
  .newsletter__inner{align-items:flex-start;flex-direction:column}
  .newsletter__form{width:100%;flex-direction:column}
  .newsletter input{min-width:0;width:100%}
  .footer__grid{grid-template-columns:1fr 1fr;gap:30px 22px}
  .footer__buyers{order:1}
  .footer__contacts{order:2}
  .footer__brand{order:3}
}

/* Компактна композиція зразків у головному банері */
.hero__visual .sample-card--large{right:70px}
.hero__visual .sample-card--small{left:62px;bottom:46px}
.hero__visual .sample-card--mini{right:42px;bottom:20px}
@media(max-width:720px){
  .hero__visual .sample-card--large{right:52px}
  .hero__visual .sample-card--small{left:34px;bottom:30px}
  .hero__visual .sample-card--mini{right:28px;bottom:10px}
}

/* Компактна мобільна головна сторінка та горизонтальні touch-стрічки */
@media(max-width:720px){
  .categories.section{padding:48px 0 30px}
  .categories .section-heading{gap:12px;margin-bottom:20px}
  .categories .section-heading h2{font-size:30px}
  .category-carousel{
    overflow:visible;
    margin:0 calc(50% - 50vw);
    padding:0;
  }
  .category-grid{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:min(72vw,270px);
    gap:12px;
    overflow-x:auto;
    padding:2px max(16px,calc((100vw - 100%)/2)) 16px;
    scroll-padding-inline:max(16px,calc((100vw - 100%)/2));
    scroll-snap-type:x mandatory;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    touch-action:pan-x pan-y;
    transform:none!important;
    transition:none;
  }
  .category-grid::-webkit-scrollbar,
  .product-grid::-webkit-scrollbar{display:none}
  .category-card{
    width:auto;
    min-width:0;
    flex:none;
    scroll-snap-align:start;
    scroll-snap-stop:always;
    border-radius:16px;
  }
  .category-card__image{height:165px}
  .category-card__body{padding:13px 14px 14px}
  .category-card__body h3{font-size:15px;margin-bottom:3px}
  .category-arrow{display:none}

  .benefits.section{padding:18px 0 42px}
  .benefits__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .benefit{
    min-width:0;
    align-items:flex-start;
    gap:9px;
    padding:12px 10px;
    border-radius:13px;
  }
  .benefit__icon{
    flex:0 0 30px;
    width:30px;
    height:30px;
    border-radius:9px;
    font-size:13px;
  }
  .benefit strong{font-size:11px;line-height:1.3}
  .benefit span{font-size:9px;line-height:1.35;margin-top:3px}

  .products.section{padding:46px 0 54px;overflow:hidden}
  .products .section-heading{gap:18px;margin-bottom:22px}
  .products .section-heading h2{font-size:32px;line-height:1.08}
  .products .tabs{
    max-width:100%;
    overflow-x:auto;
    padding-bottom:2px;
    scrollbar-width:none;
  }
  .products .tabs::-webkit-scrollbar{display:none}
  .products .tab{flex:0 0 auto}
  .product-grid{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:min(80vw,300px);
    grid-template-columns:none;
    gap:12px;
    overflow-x:auto;
    margin-inline:calc(50% - 50vw);
    padding:2px max(16px,calc((100vw - 100%)/2)) 16px;
    scroll-padding-inline:max(16px,calc((100vw - 100%)/2));
    scroll-snap-type:x mandatory;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    touch-action:pan-x pan-y;
  }
  .product-grid .product-card{
    min-width:0;
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }
  .product-grid .product-card__image{height:270px}
  .product-grid .home-loading{width:min(80vw,300px)}
}

@media(max-width:390px){
  .benefits__grid{gap:6px}
  .benefit{padding:10px 8px;gap:7px}
  .benefit__icon{flex-basis:28px;width:28px;height:28px}
  .benefit strong{font-size:10px}
  .benefit span{font-size:8px}
}

/* Новий компактний перший екран */
@media(max-width:720px){
  .hero__grid{
    min-height:0;
    gap:26px;
    padding:26px 0 34px;
  }
  .hero__label{
    margin-bottom:13px;
    padding:7px 11px;
    font-size:12px;
  }
  .hero h1{
    max-width:390px;
    font-size:clamp(36px,10.5vw,42px);
    line-height:1.02;
  }
  .hero__content>p{
    margin:16px 0 18px;
    font-size:16px;
    line-height:1.55;
  }
  .hero__buttons{
    display:grid;
    grid-template-columns:1.08fr .92fr;
    gap:9px;
  }
  .hero__buttons .btn{
    min-width:0;
    padding:12px 9px;
    font-size:13px;
    white-space:nowrap;
  }
  .hero__stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin-top:20px;
    padding-top:16px;
  }
  .hero__stats strong{font-size:16px}
  .hero__stats span{font-size:10px;line-height:1.25}
  .hero__visual{
    display:flex;
    min-height:0;
    gap:12px;
    overflow-x:auto;
    margin-inline:calc(50% - 50vw);
    padding:2px 16px 14px;
    scroll-padding-inline:16px;
    scroll-snap-type:x mandatory;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    touch-action:pan-x pan-y;
  }
  .hero__visual::-webkit-scrollbar{display:none}
  .hero-promo,
  .hero-promo--large,
  .hero-promo--small{
    flex:0 0 min(82vw,340px);
    width:min(82vw,340px);
    height:190px;
    grid-column:auto;
    border-radius:18px;
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }
  .hero-promo:hover,.hero-promo:focus-visible{transform:none}
  .hero-promo__content{left:15px;right:15px;bottom:14px}
  .hero-promo__content span{font-size:14px}
  .hero-promo__content strong{font-size:12px}
  .hero-promo__tag{top:14px;left:14px}
}

/* Мобільне меню: категорії прокручуються всередині екрана */
@media(max-width:720px){
  .nav.open{
    display:flex;
    max-height:calc(100dvh - 66px);
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
  }
  .nav-catalog{
    display:block;
    width:100%;
  }
  .nav-catalog>a{
    display:block;
    padding:2px 0 8px;
    color:var(--wine);
    font-weight:700;
  }
  .nav-catalog__menu,
  .nav-catalog:hover .nav-catalog__menu,
  .nav-catalog:focus-within .nav-catalog__menu{
    display:grid;
    width:100%;
    max-height:none;
    margin-top:4px;
    padding:8px;
    overflow:visible;
  }
  .nav-catalog__menu a{
    padding:11px 12px;
    white-space:normal;
  }
}