/* КорОпт - Рассвет (Dawn) preview theme. Pastel sunrise, feminine premium. Light-locked (sunrise = brand). */
@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@300;400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;700&display=swap');

:root{
  --cream:#FFF6EF; --cream2:#FFFBF7; --card:#FFFFFF;
  --ink:#3A2A3D; --muted:#7A6577; --hint:#A98FA4;
  --peach:#FFC9A3; --peach-deep:#FFB082;
  --coral:#FF9FB6; --pink:#F7BFD0; --pink2:#ED9FC0;
  --lilac:#C9B3E6; --violet:#B79CE0; --sky:#C2DAEF;
  --rose:#DB4C7B; --rose-deep:#BE3A65;
  --line:rgba(58,42,61,.10); --line2:rgba(58,42,61,.16);
  --r-card:24px; --r-btn:999px; --r-img:18px; --r-input:14px;
  --shadow-sm:0 4px 18px -8px rgba(120,60,90,.22);
  --shadow:0 22px 50px -24px rgba(120,50,90,.34);
  --shadow-lg:0 40px 80px -30px rgba(120,40,90,.40);
  --maxw:1280px;
  --ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Manrope',system-ui,sans-serif;
  color:var(--ink); background:var(--cream);
  line-height:1.6; -webkit-font-smoothing:antialiased;
  overflow-x:hidden; position:relative; min-height:100dvh;
}
h1,h2,h3,h4,.disp{font-family:'Unbounded','Manrope',sans-serif;line-height:1.05;letter-spacing:-.02em;font-weight:500;color:var(--ink)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.kr{font-family:'Noto Sans KR',sans-serif}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.rose{color:var(--rose)}

/* ---------- DAWN BACKGROUND (sunrise, gooey mesh, sun rising) ---------- */
/* Sky = static. Sun RISES once on load + page lightens (one-time, transform/opacity, no loops, no goo-filter, no rAF → no crash). Heavy gooey mesh stays OFF. */
/* Real-sunrise palette (horizon→zenith): warm golden horizon · coral · belt-of-Venus rose-pink · lilac · periwinkle (earth-shadow) top. Pastel. */
.dawn{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;
  background:
    linear-gradient(180deg,
      #CDC8EE 0%, #D9C9ED 14%, #E8C8E4 30%, #F6BFCF 48%,
      #FFC3B0 68%, #FFD2A2 86%, #FFE2AE 100%);
}
.dawn .goo{display:none!important}
.dawn .goo{position:absolute;inset:-10%;filter:url(#gooey) blur(34px);opacity:.9}
.blob{position:absolute;width:62%;height:62%;border-radius:50%;mix-blend-mode:soft-light;
  top:calc(50% - 31%);left:calc(50% - 31%);transform-origin:center}
.b1{background:radial-gradient(circle at center,rgba(255,176,130,.95),transparent 60%);animation:mv 30s ease infinite}
.b2{background:radial-gradient(circle at center,rgba(255,159,182,.9),transparent 58%);transform-origin:calc(50% - 380px);animation:mc 22s reverse infinite}
.b3{background:radial-gradient(circle at center,rgba(201,179,230,.92),transparent 58%);transform-origin:calc(50% + 380px);animation:mc 42s linear infinite}
.b4{background:radial-gradient(circle at center,rgba(247,191,208,.85),transparent 56%);transform-origin:calc(50% - 200px);animation:mh 40s ease infinite;opacity:.75}
.b5{background:radial-gradient(circle at center,rgba(194,218,239,.9),transparent 56%);transform-origin:calc(50% - 760px) calc(50% + 760px);animation:mc 26s ease infinite}
.bp{position:absolute;width:80%;height:80%;top:-40%;left:-40%;border-radius:50%;mix-blend-mode:soft-light;
  background:radial-gradient(circle at center,rgba(247,191,214,.5),transparent 58%);opacity:.4;will-change:transform}
/* the rising sun */
.sun{position:absolute;left:50%;bottom:-12%;width:min(64vw,760px);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at center,#FFF8E6 0%,#FFE8AE 22%,#FFCE92 44%,rgba(255,190,140,.4) 60%,transparent 74%);
  transform:translate(-50%,0);animation:rise 2.8s var(--ease) both}
.veil{position:fixed;inset:0;z-index:-1;background:#FFFDFB;pointer-events:none;animation:lighten 2s ease both}
@keyframes mv{0%,100%{transform:translateY(-22%)}50%{transform:translateY(22%)}}
@keyframes mh{0%,100%{transform:translateX(-30%) translateY(-8%)}50%{transform:translateX(30%) translateY(8%)}}
@keyframes mc{0%{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}
@keyframes rise{from{transform:translate(-50%,42%) scale(.7);opacity:0}to{transform:translate(-50%,0) scale(1);opacity:1}}
@keyframes lighten{from{opacity:.85}to{opacity:0;visibility:hidden}}

/* ---------- HEADER ---------- */
.hdr{position:sticky;top:0;z-index:60;transition:padding .35s var(--ease),background .35s}
.hdr-in{display:flex;align-items:center;gap:20px;height:74px;
  background:rgba(255,251,247,.62);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);
  border:1px solid rgba(255,255,255,.55);border-radius:24px;box-shadow:var(--shadow-sm);
  padding:0 18px;margin-top:14px;transition:height .35s var(--ease)}
.hdr.shrink .hdr-in{height:60px}
.logo{display:flex;align-items:center;gap:10px;font-family:'Unbounded';font-weight:600;font-size:24px;letter-spacing:-.03em;white-space:nowrap}
.logo .dot{width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#FFD9A8,var(--rose));box-shadow:0 0 14px rgba(219,76,123,.6)}
.logo .kr{font-size:15px;color:var(--rose);font-weight:700;margin-left:2px}
.nav{display:flex;gap:6px;margin-left:8px}
.nav a{font-weight:600;font-size:14.5px;color:var(--ink);padding:9px 14px;border-radius:999px;transition:.2s;white-space:nowrap}
.nav a:hover{background:rgba(219,76,123,.10);color:var(--rose-deep)}
.search{flex:1;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.7);border:1px solid var(--line);
  border-radius:999px;padding:10px 18px;min-width:120px;color:var(--muted);font-size:14.5px;transition:.25s}
.search:focus-within{border-color:var(--rose);background:#fff;box-shadow:0 0 0 4px rgba(219,76,123,.12)}
.search input{border:none;background:none;outline:none;flex:1;font:inherit;color:var(--ink)}
.search svg{width:18px;height:18px;stroke:var(--hint);flex-shrink:0}
.icon-btn{position:relative;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;
  background:rgba(255,255,255,.7);border:1px solid var(--line);cursor:pointer;transition:.2s;flex-shrink:0}
.icon-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:var(--shadow-sm)}
.icon-btn svg{width:24px;height:24px;stroke:var(--ink);fill:none;stroke-width:1.8}
.badge{position:absolute;top:-3px;right:-3px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;
  background:var(--rose);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;border:2px solid var(--cream2)}
.btn{display:inline-flex;align-items:center;gap:9px;font-family:'Manrope';font-weight:700;font-size:15px;
  padding:14px 26px;border-radius:var(--r-btn);border:none;cursor:pointer;transition:.25s var(--ease);white-space:nowrap}
.btn:active{transform:scale(.97)}
.btn-rose{background:linear-gradient(135deg,#FF8FB0,var(--rose));color:#fff;box-shadow:0 14px 30px -12px rgba(219,76,123,.7)}
.btn-rose:hover{transform:translateY(-2px);box-shadow:0 20px 40px -12px rgba(219,76,123,.8)}
.btn-ghost{background:rgba(255,255,255,.65);color:var(--ink);border:1px solid var(--line2)}
.btn-ghost:hover{background:#fff;transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}
.catbtn{background:linear-gradient(135deg,var(--violet),var(--rose));color:#fff;font-weight:700}

/* ---------- HERO ---------- */
.hero{padding:54px 0 30px;position:relative}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13px;letter-spacing:.04em;
  color:var(--rose-deep);background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.7);
  padding:8px 16px;border-radius:999px;box-shadow:var(--shadow-sm)}
.hero h1{font-size:clamp(40px,6.4vw,76px);font-weight:500;margin:22px 0 18px;letter-spacing:-.03em}
.hero h1 b{font-weight:700;color:var(--rose);font-style:normal}
.hero p.lead{font-size:clamp(16px,1.5vw,20px);color:var(--muted);max-width:30ch;font-weight:500}
.hero-cta{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.stats{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
.stat{background:rgba(255,255,255,.55);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);
  border-radius:18px;padding:14px 20px;box-shadow:var(--shadow-sm);text-align:center}
.stat b{font-family:'Unbounded';font-size:26px;font-weight:600;display:block;line-height:1}
.stat span{font-size:12.5px;color:var(--muted);font-weight:600}
/* floating product cards */
.hero-art{position:relative;height:100%;min-height:380px}
.float{position:absolute;background:rgba(255,255,255,.78);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.7);
  border-radius:var(--r-card);box-shadow:var(--shadow-lg);padding:16px;width:210px}
.float img{height:150px;object-fit:contain;mix-blend-mode:multiply;margin:0 auto 10px}
.float .nm{font-weight:700;font-size:13.5px;line-height:1.3;margin-bottom:6px}
.float .pr{font-family:'Unbounded';font-weight:600;font-size:17px;color:var(--rose-deep)}
.float .pr small{font-weight:600;color:var(--muted);font-size:12px;font-family:'Manrope'}
.f1{top:6%;right:2%}
.f2{bottom:2%;left:0}
.f-tag{position:absolute;top:-10px;left:-10px;background:var(--rose);color:#fff;font-size:11px;font-weight:800;
  padding:5px 11px;border-radius:999px;box-shadow:var(--shadow-sm)}
.spark{position:absolute;font-size:30px;filter:drop-shadow(0 6px 14px rgba(219,76,123,.3))}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}

/* ---------- BRAND STRIP ---------- */
.brands{padding:18px 0 8px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.brands .track{display:flex;gap:46px;align-items:center;width:max-content;animation:march 26s linear infinite}
.brands:hover .track{animation-play-state:paused}
.brands span{font-family:'Unbounded';font-weight:500;font-size:19px;color:var(--ink);opacity:.45;white-space:nowrap;letter-spacing:-.01em}
@keyframes march{to{transform:translateX(-50%)}}

/* ---------- SECTION SHELL ---------- */
.sec{padding:64px 0}
.sec-head{margin-bottom:34px;max-width:760px}
.sec-head .eyebrow{margin-bottom:14px}
.sec-head h2{font-size:clamp(28px,3.8vw,46px);font-weight:500}
.sec-head p{color:var(--muted);font-size:17px;margin-top:12px;font-weight:500}
.headrow{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:30px}

/* ---------- CATEGORIES ---------- */
.cats{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:16px}
.cat{position:relative;border-radius:var(--r-card);padding:22px;min-height:158px;display:flex;flex-direction:column;
  justify-content:space-between;overflow:hidden;border:1px solid rgba(255,255,255,.6);transition:.3s var(--ease);
  box-shadow:var(--shadow-sm)}
.cat:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.cat .em{font-size:34px;filter:drop-shadow(0 6px 12px rgba(120,40,90,.18))}
.cat h3{font-size:18px;font-weight:600}
.cat span{font-size:13px;color:var(--rose-deep);font-weight:700}
.cat.big{grid-column:span 2;grid-row:span 2;min-height:auto}
.cat.big h3{font-size:26px}
.cat.big .em{font-size:42px}
.cat.big img{position:absolute;right:12px;bottom:12px;width:48%;max-height:74%;object-fit:contain;object-position:bottom right;mix-blend-mode:multiply;opacity:.97}
.cat.wide{grid-column:span 2;min-height:158px}
.cat.wide .em{font-size:38px}
.cat.wide h3{font-size:22px}
.c-peach{background:linear-gradient(150deg,#FFE6CF,#FFD0AE)}
.c-pink{background:linear-gradient(150deg,#FFE0EC,#F9C2D6)}
.c-lilac{background:linear-gradient(150deg,#ECE2F8,#D6C2EE)}
.c-sky{background:linear-gradient(150deg,#E2EEF9,#C7DCF0)}
.c-coral{background:linear-gradient(150deg,#FFE0DA,#FFC2BE)}
.c-mix{background:linear-gradient(150deg,#FFD9C2,#F4C0D6 55%,#D6C2EE)}

/* ---------- PRODUCT GRID ---------- */
.prods{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.prod{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:16px;
  display:flex;flex-direction:column;transition:.28s var(--ease);position:relative;overflow:hidden}
.prod:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:transparent}
.prod .pic{height:180px;border-radius:var(--r-img);background:#fff;display:grid;place-items:center;margin-bottom:14px;overflow:hidden}
.prod .pic img{height:165px;object-fit:contain;mix-blend-mode:multiply;transition:.4s var(--ease)}
.prod:hover .pic img{transform:scale(1.07)}
.tag{position:absolute;top:14px;left:14px;font-size:11px;font-weight:800;padding:5px 10px;border-radius:999px;z-index:2}
.tag.hit{background:var(--rose);color:#fff}
.tag.new{background:var(--violet);color:#fff}
.prod .brand{font-size:12px;color:var(--hint);font-weight:700;text-transform:uppercase;letter-spacing:.02em}
.prod .nm{font-weight:600;font-size:14.5px;line-height:1.32;margin:3px 0 auto;min-height:38px}
.prod .row{display:flex;align-items:flex-end;justify-content:space-between;margin-top:14px;gap:10px}
.prod .price{font-family:'Unbounded';font-weight:600;font-size:21px;line-height:1}
.prod .price small{font-family:'Manrope';font-weight:600;font-size:12px;color:var(--muted)}
.prod .opt{font-size:11.5px;color:#2E9B6B;font-weight:700;margin-top:3px}
.add{width:46px;height:46px;border-radius:50%;border:none;cursor:pointer;flex-shrink:0;display:grid;place-items:center;
  background:linear-gradient(135deg,#FF9FB6,var(--rose));color:#fff;transition:.2s;box-shadow:0 10px 22px -10px rgba(219,76,123,.7)}
.add:hover{transform:scale(1.1)}
.add svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2.2}
.instock{font-size:11.5px;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:5px;margin-top:8px}
.instock .d{width:7px;height:7px;border-radius:50%;background:#36C28B}

/* ---------- WHY (benefits, asymmetric not 3-equal) ---------- */
.why{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px}
.why .card{background:rgba(255,255,255,.7);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);
  border-radius:var(--r-card);padding:26px;box-shadow:var(--shadow-sm)}
.why .lead-card{background:linear-gradient(150deg,rgba(255,210,180,.85),rgba(247,191,214,.8) 55%,rgba(201,179,230,.8));
  grid-row:span 2;display:flex;flex-direction:column;justify-content:space-between}
.why .em{font-size:30px;margin-bottom:12px}
.why h3{font-size:19px;font-weight:600;margin-bottom:8px}
.why p{color:var(--muted);font-size:14.5px;font-weight:500}
.why .lead-card h3{font-size:30px;font-weight:600;line-height:1.1}
.why .lead-card p{color:var(--ink);opacity:.7}

/* ---------- SEO TEXT ---------- */
.seo{background:rgba(255,255,255,.6);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.6);
  border-radius:32px;padding:48px clamp(24px,4vw,56px);box-shadow:var(--shadow-sm)}
.seo h2{font-size:clamp(24px,3vw,36px);margin-bottom:18px}
.seo h3{font-size:19px;margin:26px 0 10px;color:var(--rose-deep)}
.seo p{color:var(--muted);margin-bottom:14px;max-width:74ch;font-weight:500}
.seo ul{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 28px;margin:8px 0 6px}
.seo li{padding-left:26px;position:relative;color:var(--ink);font-weight:600;font-size:14.5px}
.seo li:before{content:'';position:absolute;left:0;top:7px;width:14px;height:14px;border-radius:50%;
  background:radial-gradient(circle at 30% 30%,#FFD9A8,var(--rose))}

/* ---------- CTA BAND ---------- */
.cta-band{position:relative;border-radius:36px;overflow:hidden;padding:60px clamp(28px,5vw,72px);
  background:radial-gradient(120% 140% at 30% 120%,#FFD3A8 0%,#FFB0AE 30%,#F7C0D6 55%,#CBC2EE 100%);
  box-shadow:var(--shadow)}
.cta-band h2{font-size:clamp(28px,4vw,48px);font-weight:600;max-width:18ch;color:#4A2E44}
.cta-band p{color:#5A3A52;font-size:18px;margin:14px 0 28px;max-width:46ch;font-weight:600}

/* ---------- FOOTER ---------- */
.foot{margin-top:48px;background:linear-gradient(180deg,transparent,rgba(74,46,68,.04));padding:56px 0 30px}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:34px}
.foot h4{font-family:'Unbounded';font-weight:600;font-size:15px;margin-bottom:14px}
.foot a,.foot p{display:block;color:var(--muted);font-size:14px;margin-bottom:9px;font-weight:500;transition:.2s}
.foot a:hover{color:var(--rose-deep)}
.foot .word{font-family:'Unbounded';font-weight:700;font-size:clamp(56px,12vw,150px);letter-spacing:-.04em;
  line-height:.9;background:linear-gradient(120deg,#FFB082,var(--rose),var(--violet));-webkit-background-clip:text;
  background-clip:text;color:transparent;opacity:.85;margin-top:30px}
.foot-bot{border-top:1px solid var(--line);margin-top:28px;padding-top:20px;display:flex;justify-content:space-between;
  gap:16px;flex-wrap:wrap;color:var(--hint);font-size:13px;font-weight:600}

/* ---------- CATALOG PAGE ---------- */
.crumbs{display:flex;gap:9px;align-items:center;font-size:13.5px;color:var(--muted);font-weight:600;padding:22px 0 6px;flex-wrap:wrap}
.crumbs a:hover{color:var(--rose-deep)}
.crumbs .sep{opacity:.4}
.cat-hero{padding:14px 0 26px}
.cat-hero h1{font-size:clamp(32px,5vw,58px);font-weight:500;margin-bottom:14px}
.cat-hero p{color:var(--muted);max-width:62ch;font-size:16.5px;font-weight:500}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.chip{padding:9px 17px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid var(--line);
  font-weight:700;font-size:13.5px;cursor:pointer;transition:.2s;white-space:nowrap}
.chip:hover,.chip.on{background:linear-gradient(135deg,#FF9FB6,var(--rose));color:#fff;border-color:transparent}
.catalog{display:grid;grid-template-columns:262px 1fr;gap:30px;align-items:start;padding-bottom:20px}
.filters{position:sticky;top:100px;background:rgba(255,255,255,.65);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.6);border-radius:var(--r-card);padding:8px 20px;box-shadow:var(--shadow-sm)}
.filters details{border-bottom:1px solid var(--line);padding:16px 0}
.filters details:last-child{border:none}
.filters summary{font-family:'Unbounded';font-weight:500;font-size:14.5px;cursor:pointer;list-style:none;
  display:flex;justify-content:space-between;align-items:center}
.filters summary::-webkit-details-marker{display:none}
.filters summary:after{content:'+';color:var(--rose);font-size:20px;transition:.2s}
.filters details[open] summary:after{transform:rotate(45deg)}
.filters label{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px;color:var(--muted);font-weight:600;cursor:pointer}
.filters label:hover{color:var(--ink)}
.filters input[type=checkbox]{width:18px;height:18px;accent-color:var(--rose)}
.filters .price-in{display:flex;gap:8px;margin-top:6px}
.filters .price-in input{width:50%;padding:9px 12px;border-radius:var(--r-input);border:1px solid var(--line);font:inherit;background:#fff;outline:none}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.toolbar .found{color:var(--muted);font-weight:600;font-size:14.5px}
.sortseg{display:flex;gap:4px;background:rgba(255,255,255,.6);border:1px solid var(--line);border-radius:999px;padding:4px}
.sortseg button{border:none;background:none;padding:8px 15px;border-radius:999px;font:inherit;font-weight:700;font-size:13px;
  color:var(--muted);cursor:pointer;transition:.2s}
.sortseg button.on{background:#fff;color:var(--rose-deep);box-shadow:var(--shadow-sm)}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pager{display:flex;gap:8px;justify-content:center;margin-top:40px}
.pager a{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.7);
  border:1px solid var(--line);font-weight:700;transition:.2s}
.pager a.on,.pager a:hover{background:linear-gradient(135deg,#FF9FB6,var(--rose));color:#fff;border-color:transparent}
.faq{max-width:880px;margin:0 auto}
.faq details{background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.6);border-radius:18px;
  padding:18px 24px;margin-bottom:12px;box-shadow:var(--shadow-sm)}
.faq summary{font-weight:700;font-size:16.5px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:'+';color:var(--rose);font-size:22px;display:inline-block;transition:transform .2s var(--ease)}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq p{color:var(--muted);margin-top:12px;font-weight:500}

/* ---------- CART ---------- */
.cart-top{padding:8px 0 26px}
.cart-top h1{font-size:clamp(30px,4.6vw,52px);font-weight:500}
.cart-top p{color:var(--muted);font-weight:500;margin-top:8px}
.cart-wrap{display:grid;grid-template-columns:1.6fr .9fr;gap:26px;align-items:start;padding-bottom:30px}
.cart-list{display:flex;flex-direction:column;gap:14px}
.ci{display:grid;grid-template-columns:96px 1fr auto;gap:18px;align-items:center;background:var(--card);
  border:1px solid var(--line);border-radius:var(--r-card);padding:16px;transition:.25s var(--ease)}
.ci:hover{box-shadow:var(--shadow);border-color:transparent}
.ci .pic{width:96px;height:96px;border-radius:var(--r-img);background:#fff;display:grid;place-items:center;overflow:hidden}
.ci .pic img{width:84px;height:84px;object-fit:contain;mix-blend-mode:multiply}
.ci .brand{font-size:11.5px;color:var(--hint);font-weight:700;text-transform:uppercase}
.ci .nm{font-weight:600;font-size:16px;margin:2px 0 6px;line-height:1.25}
.ci .unit{font-size:13px;color:var(--muted);font-weight:600}
.ci .right{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.ci .lt{font-family:'Unbounded';font-weight:600;font-size:20px;white-space:nowrap}
.stepper{display:flex;align-items:center;gap:4px;background:rgba(255,255,255,.7);border:1px solid var(--line);border-radius:999px;padding:4px}
.stepper button{width:34px;height:34px;border-radius:50%;border:none;cursor:pointer;background:#fff;color:var(--rose-deep);
  font-size:19px;font-weight:700;display:grid;place-items:center;transition:.15s;box-shadow:var(--shadow-sm)}
.stepper button:hover{background:var(--rose);color:#fff}
.stepper .q{min-width:30px;text-align:center;font-weight:700;font-size:15px}
.ci .rm{background:none;border:none;color:var(--hint);cursor:pointer;font-size:13px;font-weight:600;display:flex;align-items:center;gap:5px;transition:.2s}
.ci .rm:hover{color:var(--rose)}
.sum{position:sticky;top:100px;background:rgba(255,255,255,.78);backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.7);border-radius:var(--r-card);padding:26px;box-shadow:var(--shadow)}
.sum h3{font-family:'Unbounded';font-weight:600;font-size:20px;margin-bottom:18px}
.sum .ln{display:flex;justify-content:space-between;padding:9px 0;font-weight:600;color:var(--muted);font-size:15px}
.sum .ln b{color:var(--ink);font-weight:700}
.sum .ln.disc b{color:#2E9B6B}
.sum .total{border-top:1px solid var(--line);margin-top:8px;padding-top:16px;display:flex;justify-content:space-between;align-items:baseline}
.sum .total span{font-weight:700;font-size:16px}
.sum .total b{font-family:'Unbounded';font-weight:700;font-size:30px}
.sum .btn{width:100%;justify-content:center;margin-top:20px}
.sum .note{font-size:12.5px;color:var(--muted);text-align:center;margin-top:12px;font-weight:600}
.prog{margin:6px 0 18px;background:linear-gradient(150deg,#FFE6CF,#FBDCEA);border-radius:18px;padding:14px 16px}
.prog .pt{font-size:13px;font-weight:700;color:var(--rose-deep);margin-bottom:9px}
.prog .pt b{color:#2E9B6B}
.prog .bar{height:8px;border-radius:999px;background:rgba(255,255,255,.7);overflow:hidden}
.prog .fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#FF9FB6,var(--rose));transition:width .4s var(--ease)}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1024px){
  .cats{grid-template-columns:repeat(2,1fr)}
  .prods{grid-template-columns:repeat(2,1fr)}
  .why{grid-template-columns:1fr 1fr}.why .lead-card{grid-row:auto;grid-column:span 2}
  .foot-grid{grid-template-columns:1fr 1fr}
  .catalog{grid-template-columns:1fr}.filters{position:static}
  .cat-grid{grid-template-columns:repeat(2,1fr)}
  .cart-wrap{grid-template-columns:1fr}.sum{position:static}
}
@media(max-width:760px){
  .wrap{padding:0 16px}
  .nav,.search{display:none}
  .hero-grid{grid-template-columns:1fr;gap:30px}
  .hero-art{min-height:320px}
  .hero{padding:30px 0 10px}
  .stats{gap:10px}.stat{padding:11px 15px}.stat b{font-size:21px}
  .cats{grid-template-columns:1fr 1fr;gap:12px}.cat.big,.cat.wide{grid-column:span 2;grid-row:auto;min-height:170px}
  .prods{grid-template-columns:1fr 1fr;gap:12px}
  .why{grid-template-columns:1fr}.why .lead-card{grid-column:auto}
  .seo ul{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
  .cat-grid{grid-template-columns:1fr 1fr;gap:12px}
  .ci{grid-template-columns:72px 1fr;gap:12px;padding:12px}
  .ci .pic{width:72px;height:72px}.ci .pic img{width:62px;height:62px}
  .ci .right{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;width:100%}
}
/* MOBILE + reduced-motion: lighter, NO animation (per brief) */
@media(max-width:760px),(prefers-reduced-motion:reduce){
  .goo,.b1,.b2,.b3,.b4,.b5,.sun,.veil,.f1,.f2,.f3,.float,.spark,.brands .track{animation:none!important}
  .bp{display:none}
  .sun{transform:translate(-50%,-6%);opacity:.9}
  .dawn .goo{filter:url(#gooey) blur(40px)}
  .float{animation:none}
}

/* ===== COMPAT: классы Smarty-шаблонов (category/cart) под токены «Рассвета» ===== */
.btn-primary{background:linear-gradient(135deg,#FF8FB0,var(--rose));color:#fff;box-shadow:0 14px 30px -12px rgba(219,76,123,.7)}
.btn-primary:hover{transform:translateY(-2px)}
.btn-wide{width:100%;justify-content:center}
.btn-sm{padding:10px 18px;font-size:14px}
.filters .fbody{padding-top:8px}
.filters .fbody label{display:flex;align-items:center;gap:9px;padding:7px 0;font-size:14px;color:var(--muted);font-weight:600;cursor:pointer}
.filters .fbody input[type=checkbox],.filters .fbody input[type=radio]{accent-color:var(--rose);width:17px;height:17px}
.subcats{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}
.subcats a{padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid var(--line);font-weight:700;font-size:13.5px;transition:.2s}
.subcats a:hover{background:linear-gradient(135deg,#FF9FB6,var(--rose));color:#fff;border-color:transparent}
.toolbar select{padding:10px 16px;border-radius:var(--r-input);border:1px solid var(--line);background:#fff;font:inherit;font-weight:600;cursor:pointer}
.empty-note{padding:48px 24px;text-align:center;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.6);border-radius:var(--r-card);box-shadow:var(--shadow-sm)}
.pager-list{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.pager a,.pager-list a,.pager-list span{min-width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.7);border:1px solid var(--line);font-weight:700;padding:0 8px;color:var(--ink)}
.pager a:hover,.pager-list a:hover,.pager-list .selected{background:linear-gradient(135deg,#FF9FB6,var(--rose));color:#fff;border-color:transparent}
.cart-head{display:flex;align-items:center;gap:16px;padding:8px 0 24px}
.cart-head h1{font-size:clamp(30px,4.6vw,52px);font-weight:500}
.cart-head .qty{color:var(--muted);font-weight:700;font-size:15px}
.cart-layout{display:grid;grid-template-columns:1.6fr .9fr;gap:26px;align-items:start;padding-bottom:30px}
.ci{display:grid;grid-template-columns:96px 1fr auto auto;gap:18px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:16px;margin-bottom:14px}
.ci .pic{width:96px;height:96px;border-radius:var(--r-img);background:#fff;display:grid;place-items:center;overflow:hidden}
.ci .pic img{width:84px;height:84px;object-fit:contain;mix-blend-mode:multiply}
.ci .info h4{font-weight:600;font-size:16px;line-height:1.25;margin:0 0 5px}
.ci .info h4 a{color:inherit}
.ci .meta{font-size:12.5px;color:var(--hint);font-weight:600;display:flex;gap:10px;flex-wrap:wrap}
.ci .unit{font-size:13px;color:var(--muted);font-weight:600;margin-top:5px}
.ci .total{text-align:right;white-space:nowrap}
.ci .total b{font-family:'Unbounded';font-weight:600;font-size:19px}
.ci .total small{display:block;font-size:12px;color:var(--muted);font-weight:600}
.ci .rm{background:none;border:none;color:var(--hint);cursor:pointer;font-size:18px;width:36px;height:36px;border-radius:50%;transition:.2s}
.ci .rm:hover{color:#fff;background:var(--rose)}
.ci-error{grid-column:1/-1;color:var(--rose-deep);font-size:13px;font-weight:600}
.cart-totals,.cart-summary{position:sticky;top:100px;background:rgba(255,255,255,.78);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.7);border-radius:var(--r-card);padding:26px;box-shadow:var(--shadow)}
@media(max-width:1024px){.cart-layout{grid-template-columns:1fr}}
@media(max-width:760px){.ci{grid-template-columns:72px 1fr;gap:12px;padding:12px}.ci .pic{width:72px;height:72px}.ci .total{grid-column:2;text-align:left}}

/* ============ РАССВЕТ доводка v2 (солнце живое, поиск, H1, корзина, фильтры, наверх) ============ */
@keyframes sunfloat{0%,100%{transform:translate(-50%,0) scale(1);filter:hue-rotate(0deg) saturate(1) brightness(1)}50%{transform:translate(-52%,-4%) scale(1.07);filter:hue-rotate(18deg) saturate(1.22) brightness(1.06)}}
.sun{animation:rise 2.6s var(--ease) both, sunfloat 13s ease-in-out 2.6s infinite}
.search{overflow:hidden;min-width:0}
.search input{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero h1{font-size:clamp(33px,4.4vw,56px);text-wrap:balance}
.hero h1 .l2{display:block;font-size:1.22em;line-height:.92}
.hero h1 .l2 b{font-weight:700;color:var(--rose);font-style:normal}
.hero h1 .l3{display:block}
.hero .lead .ll{display:block}
.hero .lead .lacc{display:block;color:var(--rose);font-weight:800;font-size:1.18em;margin:2px 0;font-family:'Unbounded',sans-serif;letter-spacing:-.01em}
.subcats a{display:inline-flex;align-items:center;gap:7px}
.subcats a .cnt{background:rgba(219,76,123,.12);color:var(--rose-deep);font-size:11.5px;font-weight:800;padding:2px 8px;border-radius:999px}
.filters details{padding:14px 0}
.filters .fbody{max-height:300px;overflow:auto;padding-right:4px}
.filters .fbody::-webkit-scrollbar{width:6px}.filters .fbody::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}
/* корзина переделана */
.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:26px;align-items:start;padding-bottom:90px}
.ci{display:grid;grid-template-columns:84px minmax(0,1fr) auto auto 34px;gap:14px 16px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:14px;margin-bottom:12px;position:relative}
.ci .pic{width:84px;height:84px}.ci .pic img{width:74px;height:74px}
.ci .info h4{font-size:15px;font-weight:600;margin:0 0 4px;line-height:1.25}.ci .info h4 a{color:inherit}
.ci .qty-cell .stepper{display:flex;align-items:center;gap:2px;background:rgba(255,255,255,.7);border:1px solid var(--line);border-radius:999px;padding:3px}
.ci .qty-cell .stepper button{width:30px;height:30px;border-radius:50%;border:none;background:#fff;color:var(--rose-deep);font-size:17px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm)}
.ci .qty-cell .stepper input{width:38px;text-align:center;border:none;background:none;font:inherit;font-weight:700;outline:none}
.ci .total{text-align:right;white-space:nowrap}.ci .total b{font-family:'Unbounded';font-weight:600;font-size:17px}.ci .total small{display:block;font-size:11.5px;color:var(--muted)}
.ci .rm{width:32px;height:32px;border-radius:50%;border:none;background:none;color:var(--hint);font-size:16px;cursor:pointer}.ci .rm:hover{background:var(--rose);color:#fff}
.summary{position:sticky;top:100px;background:rgba(255,255,255,.82);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.7);border-radius:24px;padding:24px;box-shadow:var(--shadow)}
.summary h3{font-family:'Unbounded';font-weight:600;font-size:19px;margin:0 0 16px}
.srow{display:flex;justify-content:space-between;align-items:center;padding:9px 0;font-weight:600;color:var(--muted);font-size:15px}
.srow b{color:var(--ink);font-weight:700}.green{color:#2E9B6B;font-weight:700}.err-note{color:var(--rose-deep);font-size:13px}
.coupon-row{gap:8px}.coupon-row input{flex:1;min-width:0;padding:10px 14px;border:1px solid var(--line);border-radius:12px;font:inherit;background:#fff;outline:none}
.stotal{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);margin-top:8px;padding-top:14px}
.stotal b{font-family:'Unbounded';font-weight:700;font-size:26px}
.summary .btn-wide{margin-top:16px}.summary .alt{margin-top:10px;background:rgba(255,255,255,.7);color:var(--ink)}
.tnote{margin-top:14px;font-size:12.5px;color:var(--muted);display:flex;gap:8px;line-height:1.5}
.tlist{list-style:none;margin:14px 0 0;padding:0;font-size:12.5px;color:var(--muted)}.tlist li{padding:4px 0}
.checkbar{display:none}
@media(max-width:1024px){.cart-layout{grid-template-columns:1fr}.summary{position:static}}
@media(max-width:760px){
  .ci{grid-template-columns:64px 1fr auto;gap:10px}.ci .pic{width:64px;height:64px}.ci .pic img{width:56px;height:56px}
  .ci .qty-cell{grid-column:2}.ci .total{grid-column:3}.ci .rm{position:absolute;top:8px;right:8px}
  .checkbar{display:flex;position:fixed;inset:auto 0 0 0;z-index:80;background:rgba(255,251,247,.92);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:12px 16px;align-items:center;justify-content:space-between;gap:14px}
  .checkbar .p span{font-family:'Unbounded';font-weight:700;font-size:18px;display:block}.checkbar .p small{font-size:12px;color:var(--muted)}
}
/* кнопка наверх (в шапку каталога) */
.totop{position:fixed;right:22px;bottom:26px;z-index:70;width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#FF9FB6,var(--rose));color:#fff;box-shadow:0 14px 30px -10px rgba(219,76,123,.7);display:grid;place-items:center;opacity:0;visibility:hidden;transform:translateY(14px);transition:.3s var(--ease)}
.totop.show{opacity:1;visibility:visible;transform:none}
.totop svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:2.4}
@media(max-width:760px){.totop{bottom:84px;right:14px;width:46px;height:46px}}
/* бесконечный каталог */
.cat-sentinel{height:1px}
.cat-loading{grid-column:1/-1;text-align:center;padding:22px;color:var(--muted);font-weight:600}
/* ---- CMS-страницы сайта (Оптовикам, Доставка, О нас и т.д.) ---- */
.Content__Container--Main{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.Page{padding:40px 0 64px}
.Page>article,.Page article{max-width:880px}
.Title__Main{font-family:'Unbounded',sans-serif;font-size:clamp(30px,4.6vw,52px);font-weight:500;letter-spacing:-.02em;margin:0 0 22px}
.Page__Content{color:var(--ink);line-height:1.7;font-size:16.5px}
.Page__Content h2{font-family:'Unbounded',sans-serif;font-size:clamp(22px,3vw,32px);font-weight:500;margin:30px 0 12px}
.Page__Content h3{font-size:20px;font-weight:600;color:var(--rose-deep);margin:22px 0 10px}
.Page__Content p{color:var(--muted);margin-bottom:14px;max-width:72ch}
.Page__Content ol,.Page__Content ul{margin:12px 0 18px;padding-left:22px;color:var(--muted)}
.Page__Content li{margin-bottom:8px}
.Page__Content a{color:var(--rose-deep);font-weight:600}
.Page__Content a:hover{text-decoration:underline}
.Page__Content img{border-radius:var(--r-img);max-width:100%;height:auto}
.Page__Content table{width:100%;border-collapse:collapse;margin:14px 0}
.Page__Content td,.Page__Content th{border:1px solid var(--line);padding:10px 14px;text-align:left}
/* ---- hero: 3 активные плашки + золотые блики ---- */
.hero-art{min-height:460px}
.float{animation:floaty 7s ease-in-out infinite;will-change:transform}
.f1{top:2%;right:3%;animation-delay:0s}
.f2{bottom:4%;left:0;animation-delay:1.1s}
.f3{top:40%;left:18%;width:188px;z-index:2;animation-delay:2.1s}
.f3 .pic img{height:118px}
.spark{position:absolute;fill:#FFC23D;filter:drop-shadow(0 3px 12px rgba(255,165,30,.75));animation:twinkle 2.8s ease-in-out infinite;z-index:3;pointer-events:none}
.sp1{top:27%;left:45%;width:58px}
.sp2{top:5%;left:31%;width:32px;animation-delay:.7s}
.sp3{bottom:18%;right:30%;width:44px;animation-delay:1.5s}
@keyframes twinkle{0%,100%{transform:scale(.7) rotate(0);opacity:.5}50%{transform:scale(1.18) rotate(22deg);opacity:1}}
.stat b small{font-size:.5em;font-weight:600;color:var(--muted);margin-left:3px;font-family:'Manrope',sans-serif}
/* ---- лента товаров (хиты/новинки/докупают) ---- */
.rail{display:flex;gap:16px;overflow-x:auto;padding:4px 2px 16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.rail .prod{flex:0 0 240px;width:240px;scroll-snap-align:start}
.rail .prod .pic{height:170px}
.rail::-webkit-scrollbar{height:8px}.rail::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}
.rail::-webkit-scrollbar-track{background:transparent}
.rail-nav{display:flex;gap:8px}
.rail-nav button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.7);cursor:pointer;font-size:16px;color:var(--ink);transition:.2s}
.rail-nav button:hover{background:linear-gradient(135deg,#FF9FB6,var(--rose));color:#fff;border-color:transparent}
/* ---- логин + личный кабинет ---- */
.Login,.wa-login-form-wrapper{max-width:520px;margin:40px auto 64px;padding:0 24px}
.Login__Box{background:rgba(255,255,255,.85);border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:var(--shadow);backdrop-filter:blur(10px)}
.wa-field{margin-bottom:14px}
.wa-field input,input.wa-text,.wa-name input,.wa-onetime-password input,input[type=text].wa-input,input[type=email],input[type=password]{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font:inherit;background:#fff;outline:none;box-sizing:border-box}
.wa-field input:focus,input[type=email]:focus,input[type=password]:focus{border-color:var(--rose);box-shadow:0 0 0 3px rgba(219,76,123,.12)}
.wa-login-submit,.wa-buttons-wrapper button,.wa-buttons-wrapper .button,.Login button,button.wa-button,.wa-request-onetime-password-button{background:linear-gradient(135deg,#FF8FB0,var(--rose));color:#fff;border:none;border-radius:999px;padding:13px 26px;font-weight:700;font-size:15px;cursor:pointer;transition:.2s}
.wa-login-submit:hover,.Login button:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(219,76,123,.6)}
.wa-section-header,.wa-section-divider{margin:16px 0 8px;font-weight:700}
/* аккаунт (мои заказы и т.д.) — контейнер + читаемость */
main .wa-page,main .s-content,main .order,main .my-page{max-width:var(--maxw);margin:0 auto;padding:0 24px}
/* ---- мобилка: hero-карточки стеком (не наезжают), блики/f3 скрыть ---- */
@media(max-width:760px){
  .hero-art{min-height:auto;display:flex;flex-direction:column;gap:12px;margin-top:8px;perspective:none}
  .float{position:static!important;width:100%;box-sizing:border-box;transform:none!important}
  .float.f3{display:none}
  .spark{display:none}
  .float .pic img,.float>img{height:140px}
  .f-tag{top:8px;left:8px}
}