/* base-1 */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --cream:#F3E9E1;
  --cream2:#F4EAE2;
  --warm:#EDDFD3;
  --wine:#290708;
  --footer:#230506;
  --velvet:#380B0E;
  --brown:#361D11;
  --choco:#513726;
  --gold:#DCBDA2;
  --bronze:#8F674A;
  --sand:#C4A58C;
  --muted:#6E5B51;
}

*{box-sizing:border-box}
html,body{
  margin:0;
  width:1440px;
  height:849px;
  overflow:hidden;
}
body{
  font-family:Inter,Arial,sans-serif;
  background:var(--cream);
  color:var(--wine);
}
h1,h2,h3,p{margin:0}
a{text-decoration:none;color:inherit}
button{font:inherit}

.canvas{
  position:relative;
  width:1440px;
  height:849px;
  background:
    radial-gradient(ellipse at 18% 4%,rgba(255,255,255,.88) 0%,rgba(255,255,255,.38) 28%,transparent 48%),
    radial-gradient(ellipse at 86% 52%,rgba(220,189,162,.17) 0%,rgba(220,189,162,.07) 28%,transparent 48%),
    radial-gradient(ellipse at 48% 104%,rgba(143,103,74,.075) 0%,transparent 48%),
    linear-gradient(135deg,#F8F1EB 0%,#F4EAE2 46%,#EDE0D5 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -70px 120px rgba(81,55,38,.035),
    inset 0 0 120px rgba(143,103,74,.035);
  overflow:hidden;
}
.canvas::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    repeating-linear-gradient(112deg,rgba(81,55,38,.012) 0 1px,transparent 1px 8px),
    linear-gradient(108deg,rgba(255,255,255,.18),transparent 34%,rgba(143,103,74,.025) 78%,transparent);
  opacity:.55;
}

/* A: top bar */
.topbar{
  position:absolute;
  left:0;top:0;
  width:1440px;height:19px;
  background:linear-gradient(90deg,#210405 0%,var(--wine) 48%,#210405 100%);
  color:#f4ded3;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:56px;
  font-size:8px;
  font-weight:600;
  letter-spacing:.01em;
}

/* B: left header + hero area */
.left-hero{
  position:absolute;
  left:0;top:19px;
  width:830px;height:283px;
  background:
    linear-gradient(90deg,rgba(244,234,226,.96) 0 44%,rgba(244,234,226,.64) 59%,rgba(244,234,226,.05) 100%),
    radial-gradient(circle at 82% 50%,rgba(255,255,255,.88),rgba(220,189,162,.45) 40%,rgba(196,165,140,.26) 70%);
}
.header{
  position:absolute;
  left:20px;top:8px;
  width:790px;height:45px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.logo{
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--wine);
}
.logo-mark{
  position:relative;
  width:35px;height:31px;
}
.logo-mark:before,.logo-mark:after{
  content:"";
  position:absolute;
  bottom:1px;
  width:16px;height:16px;
  border:1.6px solid var(--wine);
  border-radius:50%;
}
.logo-mark:before{left:0}
.logo-mark:after{right:0}
.logo-mark i{
  position:absolute;
  left:14px;top:0;
  width:21px;height:20px;
  border-left:1.6px solid var(--wine);
  border-top:1.6px solid var(--wine);
  border-radius:90% 0 0 0;
  transform:rotate(-13deg);
}
.logo-text{
  font-family:"Cormorant Garamond",Georgia,serif;
  line-height:.78;
}
.logo-text b{font-size:22px;display:block}
.logo-text span{font-size:14px;font-style:italic;margin-left:10px}

.menu{
  display:flex;
  gap:15px;
  align-items:center;
  color:#3b2721;
  font-size:8px;
  font-weight:600;
}
.menu a:first-child{
  color:var(--wine);
  border-bottom:1px solid var(--wine);
  padding-bottom:5px;
}
.header-actions{
  display:flex;
  align-items:center;
  gap:6px;
}
.cart-icon{
  font-size:13px;
  color:var(--wine);
}
.order-btn{
  padding:6px 10px;
  border-radius:999px;
  background:var(--wine);
  color:#fff7f0;
  font-size:8px;
  font-weight:600;
  box-shadow:0 5px 14px rgba(41,7,8,.20);
}

.hero-copy{
  position:absolute;
  left:29px;top:84px;
  width:325px;
}
.hero-copy h1{
  font-family:"Cormorant Garamond",Georgia,serif;
  color:var(--wine);
  font-size:44px;
  line-height:.91;
  letter-spacing:-.035em;
}
.hero-copy p{
  margin-top:14px;
  max-width:280px;
  color:var(--muted);
  font-size:9px;
  line-height:1.55;
}
.hero-buttons{
  display:flex;
  gap:8px;
  margin-top:16px;
}
.btn{
  padding:7px 13px;
  border-radius:999px;
  font-size:8px;
  font-weight:600;
}
.btn.primary{background:var(--wine);color:#fff8f2}
.btn.outline{border:1px solid rgba(143,103,74,.55);color:var(--wine);background:rgba(255,255,255,.42)}

/* photo-free 3D hero object */
.hero-object{
  position:absolute;
  right:40px;top:72px;
  width:245px;height:175px;
}
.hero-object .plate{
  position:absolute;
  left:26px;bottom:5px;
  width:210px;height:34px;
  border-radius:50%;
  background:
    radial-gradient(ellipse at center,rgba(255,255,255,.95) 0 42%,rgba(220,189,162,.75) 44% 62%,rgba(143,103,74,.25) 64% 72%,transparent 74%);
  filter:drop-shadow(0 13px 13px rgba(41,7,8,.16));
}
.hero-object .cake{
  position:absolute;
  left:54px;top:22px;
  width:150px;height:119px;
  border-radius:49% 49% 43% 43% / 24% 24% 10% 10%;
  background:
    linear-gradient(180deg,#fffdf9 0 62%,#f4e7de 62% 68%,#7d1019 68% 86%,#f5e8df 86% 100%);
  box-shadow:
    inset -10px 0 18px rgba(196,165,140,.26),
    inset 8px 0 14px rgba(255,255,255,.66),
    0 18px 26px rgba(41,7,8,.17);
}
.hero-object .cake:before{
  content:"";
  position:absolute;
  left:15px;right:15px;top:-12px;height:24px;
  border-radius:50%;
  background:
    radial-gradient(circle at 18% 55%,#8b101b 0 5px,transparent 6px),
    radial-gradient(circle at 36% 40%,#a51b28 0 6px,transparent 7px),
    radial-gradient(circle at 55% 55%,#7d1019 0 5px,transparent 6px),
    radial-gradient(circle at 73% 38%,#a51b28 0 6px,transparent 7px),
    radial-gradient(circle at 88% 58%,#7d1019 0 5px,transparent 6px),
    #f9eee7;
}
.hero-object .label{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(41,7,8,.22);
  font-size:8px;
  letter-spacing:.12em;
  font-weight:600;
}

/* C categories */
.categories{
  position:absolute;
  left:0;top:302px;
  width:814px;height:144px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
}
.cat{
  position:relative;
  border-radius:10px;
  overflow:hidden;
  border:1px solid rgba(220,189,162,.58);
  background:
    radial-gradient(ellipse at 68% 44%,rgba(220,189,162,.26) 0%,rgba(220,189,162,.10) 24%,transparent 48%),
    linear-gradient(118deg,#220506 0%,#310809 34%,#290708 67%,#361D11 100%);
  box-shadow:
    0 5px 14px rgba(35,5,6,.17),
    0 1px 0 rgba(220,189,162,.10),
    inset 0 1px 0 rgba(255,248,242,.055),
    inset 0 -13px 22px rgba(20,3,4,.18),
    inset 10px 0 24px rgba(255,244,235,.018);
}
.cat:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(105deg,rgba(255,248,242,.045) 0%,transparent 27%,transparent 72%,rgba(220,189,162,.035) 100%),
    radial-gradient(ellipse at 50% 118%,rgba(0,0,0,.17),transparent 54%);
  box-shadow:inset 0 0 18px rgba(11,1,2,.10);
}
.cat:before{
  content:"";
  position:absolute;
  right:9px;top:28px;
  width:70px;height:70px;
  border-radius:50%;
  background:
    radial-gradient(circle,#f1dfd2 0 39%,#c4a58c 40% 51%,rgba(81,55,38,.55) 52% 57%,transparent 58%);
  opacity:.92;
}
.cat-content{
  position:absolute;
  inset:0;
  padding:14px;
  color:#fff8f2;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.cat-icon{
  position:absolute;
  top:12px;left:12px;
  width:27px;height:27px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid rgba(220,189,162,.72);
  color:#ddb889;
  font-size:10px;
}
.cat h3{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:19px;
  line-height:.95;
  max-width:100px;
}
.cat span{
  margin-top:8px;
  width:max-content;
  padding:5px 9px;
  border-radius:999px;
  border:1px solid rgba(220,189,162,.72);
  color:#e5c79f;
  font-size:20px;
  font-weight:600;
}

/* D diet */
.diet{
  position:absolute;
  left:0;top:454px;
  width:814px;height:141px;
  border-radius:10px;
  overflow:hidden;
  border:1px solid rgba(220,189,162,.58);
  background:
    radial-gradient(ellipse at 75% 50%,rgba(237,223,211,.25) 0%,rgba(220,189,162,.10) 25%,transparent 49%),
    linear-gradient(104deg,#260506 0%,#380B0E 37%,#290708 69%,#361D11 100%);
  box-shadow:
    0 6px 16px rgba(35,5,6,.17),
    0 1px 0 rgba(220,189,162,.10),
    inset 0 1px 0 rgba(255,248,242,.05),
    inset 0 -16px 26px rgba(20,3,4,.18),
    inset 16px 0 34px rgba(255,244,235,.018);
}
.diet:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(102deg,rgba(255,248,242,.035) 0%,transparent 32%,transparent 74%,rgba(220,189,162,.028) 100%),
    radial-gradient(ellipse at 50% 122%,rgba(0,0,0,.15),transparent 58%);
  box-shadow:inset 0 0 22px rgba(11,1,2,.08);
}
.diet:before{
  content:"";
  position:absolute;
  right:65px;top:21px;
  width:114px;height:100px;
  border-radius:50%;
  background:
    radial-gradient(circle,#f5e9e0 0 46%,#c4a58c 48% 58%,rgba(81,55,38,.52) 59% 63%,transparent 64%);
  box-shadow:0 11px 18px rgba(35,5,6,.18);
}
.diet-content{
  position:absolute;
  left:14px;top:28px;
  width:355px;
  color:#fff8f2;
}
.diet h2{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:29px;
}
.diet p{
  margin-top:7px;
  color:#e9cec4;
  font-size:8px;
  line-height:1.5;
  max-width:305px;
}
.diet .btn{
  margin-top:10px;
  border:1px solid rgba(220,189,162,.72);
  color:#fff8f2;
  display:inline-block;
}

/* E benefits */
.benefits{
  position:absolute;
  left:0;top:604px;
  width:814px;height:71px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-radius:9px;
  overflow:hidden;
  background:rgba(255,250,246,.78);
  border:1px solid rgba(220,189,162,.35);
  box-shadow:0 4px 12px rgba(41,7,8,.10);
}
.benefit{
  padding:11px 14px;
  display:flex;
  align-items:center;
  gap:9px;
  border-right:1px solid rgba(41,7,8,.08);
}
.benefit:last-child{border-right:0}
.benefit i{font-style:normal;color:var(--bronze);font-size:14px}
.benefit b{display:block;font-size:8px}
.benefit span{display:block;color:var(--muted);font-size:6px;margin-top:2px}

/* F showcase */
.showcase{
  position:absolute;
  left:0;top:683px;
  width:814px;height:156px;
  background:
    radial-gradient(ellipse at 49% 37%,rgba(255,250,246,.28) 0%,rgba(244,234,226,.12) 48%,rgba(237,223,211,.08) 72%,transparent 100%),
    linear-gradient(180deg,rgba(244,234,226,.16),rgba(243,233,225,.08));
}
.section-heading{
  height:25px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.section-heading h2{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:25px;
  color:var(--wine);
}
.section-heading span{
  margin-top:5px;
  color:var(--wine);
  font-size:20px;
  font-weight:600;
}
.products{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:7px;
  height:131px;
}
.product{
  border-radius:8px;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(255,250,246,.90) 0%,rgba(244,234,226,.86) 100%);
  border:1px solid rgba(143,103,74,.18);
  box-shadow:
    0 2px 7px rgba(41,7,8,.075),
    0 1px 2px rgba(41,7,8,.045),
    inset 0 1px 0 rgba(255,255,255,.42);
}
.product-photo{
  height:83px;
  background:
    radial-gradient(ellipse at 50% 37%,rgba(255,250,246,.78) 0%,rgba(244,232,223,.62) 34%,rgba(220,189,162,.42) 52%,rgba(196,165,140,.22) 65%,transparent 72%),
    linear-gradient(180deg,#f4eae2 0%,#eddfd3 100%);
  box-shadow:
    inset 0 -7px 11px rgba(81,55,38,.055),
    inset 0 1px 0 rgba(255,255,255,.50);
}
.product-body{
  padding:7px;
  background:linear-gradient(180deg,rgba(255,250,246,.90),rgba(244,234,226,.88));
}
.product-body b{font-size:7px}
.product-body small{display:block;margin-top:4px;color:var(--muted);font-size:5.5px}
.product-body .price{margin-top:5px;color:var(--wine);font-size:20px;font-weight:700}

/* Right column blocks */
.right-block{
  position:absolute;
  left:837px;
  width:603px;
  overflow:hidden;
  border-radius:10px;
  border:1px solid rgba(41,7,8,.08);
  box-shadow:0 5px 14px rgba(41,7,8,.10);
}
.right-block .copy{
  position:absolute;
  left:15px;top:24px;
  width:245px;
  z-index:2;
}
.right-block h2{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:27px;
  color:var(--wine);
}
.right-block p{
  margin-top:8px;
  color:var(--muted);
  font-size:7.5px;
  line-height:1.55;
}
.right-block .ghost{
  position:absolute;
  right:16px;top:20px;
  width:190px;height:120px;
  border-radius:50%;
  background:
    radial-gradient(circle,#f2e4da 0 42%,#c4a58c 44% 55%,rgba(81,55,38,.32) 56% 60%,transparent 61%);
}
.right-block .action{
  margin-top:11px;
  display:inline-block;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(220,189,162,.72);
  background:transparent;
  color:#FFF8F2;
  font-size:20px;
  font-weight:600;
  transition:background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease;
}
.instagram .action:hover{
  background:#F6EBDD;
  color:#3B0B0E;
  border-color:rgba(220,189,162,.95);
  box-shadow:0 8px 24px rgba(196,155,83,.22);
  transform:translateY(-2px);
}
.instagram .action:active{
  transform:scale(.97);
}

.order{
  top:19px;height:165px;
  background:
    radial-gradient(circle at 84% 40%,rgba(220,189,162,.28),transparent 31%),
    linear-gradient(135deg,#f3e4d9,#d7b8a4);
}
.drinks{
  top:184px;height:118px;
  background:
    radial-gradient(circle at 82% 48%,rgba(220,189,162,.38),transparent 31%),
    linear-gradient(135deg,#ead8cd,#c7a58f);
}
.about{
  top:302px;height:144px;
  background:
    radial-gradient(circle at 82% 42%,rgba(220,189,162,.30),transparent 31%),
    linear-gradient(135deg,#f2e3d8,#cfad98);
}
.reviews{
  top:446px;height:112px;
  background:rgba(255,250,246,.82);
}
.reviews .copy{top:19px;width:470px}
.reviews .quote-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:10px;
}
.quote{
  border-radius:8px;
  padding:9px;
  background:#f3e6dc;
  color:var(--muted);
  font-size:6.5px;
  line-height:1.45;
}
.instagram{
  top:558px;height:127px;
  background:
    radial-gradient(circle at 82% 45%,rgba(220,189,162,.18),transparent 30%),
    linear-gradient(135deg,#3d0a0c,var(--velvet));
}
.instagram h2,.instagram p,.instagram .action{color:#fff8f2}
.instagram .action{border-color:rgba(220,189,162,.72)}
.instagram .ghost{opacity:.42}

/* L lower right */
.lower-right{
  position:absolute;
  left:832px;top:685px;
  width:608px;height:164px;
  display:grid;
  grid-template-columns:162px 162px 162px 122px;
  background:linear-gradient(90deg,#210405,var(--footer));
  color:#f3ddd4;
}
.lower-card{
  padding:13px 12px;
  border-right:1px solid rgba(255,255,255,.05);
}
.lower-card h3{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:16px;
  color:#fff8f2;
  margin-bottom:7px;
}
.lower-card p,.lower-card li{
  font-size:5.8px;
  line-height:1.5;
  color:#d9bdb4;
}
.lower-card ul{padding-left:10px;margin:0}
.map{
  margin-top:8px;
  height:61px;
  border-radius:7px;
  background:linear-gradient(135deg,#ead7cb,#fffaf4);
  color:var(--wine);
  display:grid;place-items:center;
  font-size:6px;font-weight:600;
}
.brand-mini{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:16px;
  color:#fff4ea;
}

/* Stage 3: «Торты на заказ» — only approved visual changes */
.order{
  background:
    radial-gradient(ellipse at 82% 43%,rgba(255,250,246,.48) 0%,rgba(244,234,226,.30) 30%,rgba(220,189,162,.16) 53%,transparent 72%),
    linear-gradient(135deg,#F4EAE2 0%,#EDDFD3 58%,#C4A58C 100%);
  border:1px solid rgba(143,103,74,.24);
  box-shadow:
    0 3px 9px rgba(41,7,8,.075),
    0 1px 2px rgba(41,7,8,.04),
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -5px 12px rgba(81,55,38,.035);
}
.order .ghost{
  background:
    radial-gradient(circle,rgba(255,250,246,.72) 0 39%,rgba(237,223,211,.52) 47%,rgba(196,165,140,.24) 58%,rgba(81,55,38,.08) 66%,transparent 72%);
  box-shadow:
    0 7px 14px rgba(41,7,8,.055),
    inset 0 1px 0 rgba(255,255,255,.32);
}


.order-conditions{
  margin-top:6px !important;
  color:var(--muted);
  font-size:6.5px !important;
  line-height:1.4 !important;
}


/* Stage 4: «К десерту» — только утверждённые визуальные изменения */
.drinks{
  background:
    radial-gradient(ellipse at 82% 47%,rgba(255,250,246,.50) 0%,rgba(244,234,226,.32) 31%,rgba(220,189,162,.18) 52%,rgba(196,165,140,.08) 66%,transparent 75%),
    linear-gradient(135deg,#F4EAE2 0%,#EDDFD3 58%,#C4A58C 100%);
  border:1px solid rgba(143,103,74,.24);
  box-shadow:
    0 3px 9px rgba(41,7,8,.075),
    0 1px 2px rgba(41,7,8,.04),
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -5px 12px rgba(81,55,38,.035);
}
.drinks .ghost{
  background:
    radial-gradient(circle,rgba(255,250,246,.74) 0 38%,rgba(237,223,211,.54) 46%,rgba(196,165,140,.26) 57%,rgba(81,55,38,.08) 66%,transparent 73%);
  box-shadow:
    0 7px 14px rgba(41,7,8,.055),
    inset 0 1px 0 rgba(255,255,255,.32);
}


/* Stage 5: «О Cherry On Top» — approved visual and text changes only */
.about{
  background:
    radial-gradient(ellipse at 84% 48%,rgba(255,250,246,.50) 0%,rgba(244,234,226,.30) 31%,rgba(220,189,162,.15) 53%,transparent 74%),
    linear-gradient(135deg,#F4EAE2 0%,#EDDFD3 62%,#C4A58C 100%);
  border:1px solid rgba(143,103,74,.24);
  box-shadow:0 3px 9px rgba(41,7,8,.075),0 1px 2px rgba(41,7,8,.04),inset 0 1px 0 rgba(255,255,255,.34),inset 0 -5px 12px rgba(81,55,38,.035);
}
.about-layout{display:flex;align-items:center;gap:18px;margin-top:5px}
.about-text{margin:0!important;line-height:1.55!important;white-space:nowrap}
.about-benefits{display:grid;grid-template-columns:repeat(2,auto);gap:13px 18px;font-size:6.5px;line-height:1.35;color:var(--wine)}
.about .ghost{
  background:radial-gradient(circle,rgba(255,250,246,.74) 0 38%,rgba(237,223,211,.54) 46%,rgba(196,165,140,.26) 57%,rgba(81,55,38,.08) 66%,transparent 73%);
  box-shadow:0 7px 14px rgba(41,7,8,.055),inset 0 1px 0 rgba(255,255,255,.32);
}


/* Stage 6: «Отзывы клиентов» — утверждённый текст и визуальное оформление */
.reviews{
  background:
    radial-gradient(ellipse at 50% 36%,rgba(255,250,246,.46) 0%,rgba(244,234,226,.22) 55%,transparent 82%),
    linear-gradient(180deg,#F4EAE2 0%,#F3E9E1 100%);
  border:1px solid rgba(143,103,74,.18);
  box-shadow:
    0 2px 7px rgba(41,7,8,.06),
    0 1px 2px rgba(41,7,8,.035),
    inset 0 1px 0 rgba(255,255,255,.32);
}
.reviews .copy{
  top:18px;
  width:485px;
}
.reviews-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.reviews-head span{
  margin-top:5px;
  color:var(--wine);
  font-size:6.5px;
  font-weight:600;
}
.reviews .quote-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:9px;
}
.reviews .quote{
  min-height:66px;
  border:1px solid rgba(143,103,74,.15);
  border-radius:8px;
  padding:8px;
  background:linear-gradient(180deg,rgba(255,250,246,.88),rgba(244,234,226,.84));
  box-shadow:
    0 2px 5px rgba(41,7,8,.045),
    inset 0 1px 0 rgba(255,255,255,.32);
}
.quote-top{
  display:grid;
  grid-template-columns:18px 1fr auto;
  align-items:center;
  gap:5px;
}
.avatar-placeholder{
  width:18px;
  height:18px;
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(255,250,246,.72) 0 42%,rgba(196,165,140,.26) 44% 59%,rgba(81,55,38,.08) 61% 69%,transparent 71%);
  border:1px solid rgba(143,103,74,.16);
}
.quote-top b{
  font-size:6.5px;
  color:var(--wine);
}
.stars{
  color:#D5A04E;
  font-size:5.5px;
  letter-spacing:.3px;
}
.reviews .quote p{
  margin-top:6px;
  font-size:6px;
  line-height:1.45;
  color:var(--muted);
}


/* Stage 6 fix: выравнивание текста в карточках отзывов */
.reviews .quote-row{
  align-items:stretch;
}
.reviews .quote{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-height:66px;
  padding:8px 8px 7px;
}
.quote-top{
  min-height:18px;
  grid-template-columns:18px minmax(0,1fr) auto;
}
.quote-top b{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.reviews .quote p{
  margin:6px 0 0;
  font-size:5.7px;
  line-height:1.42;
  min-height:26px;
  display:block;
  text-align:left;
}


/* Stage 6 final fix: читаемые отзывы с равномерными внутренними отступами */
.reviews .copy{
  left:27px;
  right:27px;
  width:auto;
}
.reviews-head{
  margin-bottom:8px;
}
.reviews .quote-row{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin-top:0;
  align-items:stretch;
}
.reviews .quote{
  min-width:0;
  min-height:68px;
  padding:8px 9px 8px;
  display:flex;
  flex-direction:column;
  overflow:visible;
}
.quote-top{
  display:grid;
  grid-template-columns:17px minmax(0,1fr) auto;
  column-gap:5px;
  align-items:center;
  min-height:17px;
}
.avatar-placeholder{
  width:17px;
  height:17px;
}
.quote-top b{
  font-size:6.1px;
  line-height:1.15;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}
.stars{
  font-size:4.7px;
  line-height:1;
  white-space:nowrap;
  letter-spacing:0;
}
.reviews .quote p{
  margin:6px 0 0;
  padding:0;
  width:100%;
  min-height:0;
  font-size:5.35px;
  line-height:1.38;
  text-align:left;
  overflow:visible;
  white-space:normal;
  word-break:normal;
  overflow-wrap:break-word;
}


/* Stage 7: Instagram — только утверждённые визуальные изменения */
.instagram{
  background:
    radial-gradient(ellipse at 82% 47%,rgba(220,189,162,.20) 0%,rgba(143,103,74,.10) 30%,rgba(56,11,14,.08) 51%,transparent 72%),
    linear-gradient(135deg,#230506 0%,#290708 42%,#380B0E 100%);
  border:1px solid rgba(220,189,162,.34);
  box-shadow:
    0 3px 10px rgba(35,5,6,.12),
    0 1px 2px rgba(35,5,6,.07),
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 -6px 14px rgba(35,5,6,.11);
}
.instagram .ghost{
  background:
    radial-gradient(circle,rgba(220,189,162,.22) 0 22%,rgba(143,103,74,.16) 36%,rgba(56,11,14,.12) 53%,rgba(35,5,6,.08) 66%,transparent 74%);
  box-shadow:
    0 7px 16px rgba(35,5,6,.10),
    inset 0 1px 0 rgba(255,255,255,.025);
}


.instagram-title{display:flex;align-items:center;gap:5px}
.instagram-icon{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border:1px solid currentColor;border-radius:3px;font-family:Arial,sans-serif;font-size:9px;line-height:1}


/* Stage 8: нижние блоки — только утверждённые визуальные изменения */
.lower-right{
  background:
    radial-gradient(ellipse at 46% 34%,rgba(255,250,246,.26) 0%,rgba(244,234,226,.10) 42%,transparent 72%),
    linear-gradient(180deg,#F4EAE2 0%,#EDDFD3 100%);
  color:var(--wine);
  border-top:1px solid rgba(143,103,74,.18);
  box-shadow:
    0 -2px 7px rgba(41,7,8,.035),
    inset 0 1px 0 rgba(255,255,255,.34);
}
.lower-card{
  padding:13px 12px;
  border-right:1px solid rgba(143,103,74,.13);
  background:
    linear-gradient(180deg,rgba(255,250,246,.58),rgba(244,234,226,.42));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -3px 8px rgba(81,55,38,.025);
}
.lower-card:last-of-type{
  border-right:1px solid rgba(143,103,74,.13);
}
.lower-card h3{
  color:var(--wine);
}
.lower-card p,
.lower-card li{
  color:var(--muted);
}
.map{
  background:
    radial-gradient(ellipse at 50% 42%,rgba(255,250,246,.84) 0%,rgba(244,234,226,.62) 48%,rgba(220,189,162,.26) 76%,rgba(196,165,140,.12) 100%),
    linear-gradient(135deg,#F4EAE2,#EDDFD3);
  color:var(--wine);
  border:1px solid rgba(143,103,74,.16);
  box-shadow:
    0 2px 6px rgba(41,7,8,.045),
    inset 0 1px 0 rgba(255,255,255,.36);
}
.brand-mini{
  background:
    radial-gradient(circle at 50% 45%,rgba(255,250,246,.54) 0%,rgba(244,234,226,.26) 46%,transparent 76%),
    linear-gradient(180deg,rgba(244,234,226,.78),rgba(237,223,211,.62));
  color:var(--wine);
  border-left:1px solid rgba(143,103,74,.13);
  text-shadow:none;
}


/* Stage 9: Hero — только утверждённые визуальные изменения */
.left-hero{
  background:
    radial-gradient(ellipse at 78% 48%,rgba(255,250,246,.56) 0%,rgba(244,234,226,.34) 31%,rgba(220,189,162,.16) 54%,rgba(196,165,140,.06) 68%,transparent 76%),
    linear-gradient(180deg,#F4EAE2 0%,#F3E9E1 100%);
  border-bottom:1px solid rgba(143,103,74,.10);
  box-shadow:
    0 2px 7px rgba(41,7,8,.04),
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -5px 12px rgba(81,55,38,.025);
}
.hero-photo{
  background:
    radial-gradient(ellipse at 60% 47%,rgba(255,250,246,.78) 0%,rgba(244,234,226,.58) 34%,rgba(220,189,162,.28) 54%,rgba(196,165,140,.12) 68%,transparent 78%),
    linear-gradient(135deg,#F4EAE2 0%,#EDDFD3 60%,#C4A58C 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -6px 14px rgba(81,55,38,.035);
}
.hero-object .plate{
  box-shadow:
    0 8px 16px rgba(41,7,8,.07),
    inset 0 1px 0 rgba(255,255,255,.24);
}
.hero-object .cake{
  box-shadow:
    0 10px 20px rgba(41,7,8,.08),
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -6px 12px rgba(81,55,38,.03);
}


/* Stage 9 adjustment: поднята только текстовая группа Hero */
.hero-copy{
  transform:translateY(-10px);
}


/* Stage 10: Hero decorative divider */
.hero-divider{
  display:flex;
  align-items:center;
  width:100%;
  max-width:250px;
  margin:8px 0 11px;
  gap:9px;
}
.hero-divider > span{
  flex:1;
  height:1px;
  background:linear-gradient(90deg,rgba(181,133,67,.28),rgba(181,133,67,.72));
}
.hero-divider > span:last-child{
  background:linear-gradient(90deg,rgba(181,133,67,.72),rgba(181,133,67,.28));
}
.hero-divider b{
  color:#B58543;
  font-family:Georgia,serif;
  font-size:13px;
  line-height:1;
  font-weight:400;
  transform:rotate(180deg);
}


/* Stage 11: точная правка Hero — иконка вишен и положение описания */
.hero-copy > p{
  margin-top:6px;
  transform:translateY(-4px);
  line-height:1.48;
  max-width:285px;
}
.hero-divider{
  margin:7px 0 8px;
}
.hero-divider b.cherry-divider-icon{
  position:relative;
  display:inline-block;
  width:18px;
  height:16px;
  flex:0 0 18px;
  transform:none;
  color:#B58543;
}
.cherry-divider-icon .cherry{
  position:absolute;
  bottom:0;
  width:7px;
  height:7px;
  border:1.4px solid #B58543;
  border-radius:50%;
  background:rgba(181,133,67,.08);
}
.cherry-divider-icon .cherry-left{left:1px}
.cherry-divider-icon .cherry-right{right:1px}
.cherry-divider-icon .stem{
  position:absolute;
  top:1px;
  width:8px;
  height:9px;
  border-top:1.3px solid #B58543;
}
.cherry-divider-icon .stem-left{
  left:5px;
  border-left:1.3px solid #B58543;
  border-radius:70% 0 0 0;
  transform:rotate(-18deg);
  transform-origin:left top;
}
.cherry-divider-icon .stem-right{
  right:5px;
  border-right:1.3px solid #B58543;
  border-radius:0 70% 0 0;
  transform:rotate(18deg);
  transform-origin:right top;
}


/* Stage 12: поднят только описательный текст Hero */
.hero-copy > p{
  transform:translateY(-16px);
}


/* Stage 13: подняты только заголовок Hero и декоративный разделитель */
.hero-copy > h1{
  transform:translateY(-10px);
}
.hero-divider{
  transform:translateY(-10px);
}


/* Comparison fix 1: нижняя зона строго по эталонному макету */
.lower-right{
  background:
    radial-gradient(ellipse at 44% 18%,rgba(220,189,162,.08) 0%,rgba(56,11,14,.06) 34%,transparent 68%),
    linear-gradient(90deg,#230506 0%,#290708 48%,#230506 100%);
  color:#F4EAE2;
  border-top:1px solid rgba(220,189,162,.22);
  box-shadow:
    0 -2px 7px rgba(35,5,6,.06),
    inset 0 1px 0 rgba(255,255,255,.018);
}
.lower-card{
  background:transparent;
  border-right:1px solid rgba(220,189,162,.14);
  box-shadow:none;
}
.lower-card h3{
  color:#FFF8F2;
}
.lower-card p,
.lower-card li{
  color:#D9BDB4;
}
.map{
  background:
    radial-gradient(ellipse at 50% 42%,rgba(255,250,246,.88) 0%,rgba(244,234,226,.68) 48%,rgba(220,189,162,.28) 76%,rgba(196,165,140,.12) 100%),
    linear-gradient(135deg,#F4EAE2,#EDDFD3);
  color:#290708;
  border:1px solid rgba(220,189,162,.20);
  box-shadow:
    0 2px 6px rgba(35,5,6,.08),
    inset 0 1px 0 rgba(255,255,255,.38);
}
.brand-mini{
  background:transparent;
  color:#FFF4EA;
  border-left:1px solid rgba(220,189,162,.14);
  text-shadow:0 1px 0 rgba(255,255,255,.02);
}


/* Comparison fix 2: плавная интеграция пустой фотозоны Hero в общий фон */
.hero-photo{
  background:
    radial-gradient(ellipse at 60% 47%,
      rgba(255,250,246,.80) 0%,
      rgba(244,234,226,.56) 34%,
      rgba(220,189,162,.22) 54%,
      rgba(196,165,140,.07) 68%,
      transparent 79%),
    linear-gradient(135deg,#F4EAE2 0%,#EDDFD3 62%,#F3E9E1 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -4px 10px rgba(81,55,38,.018);
}
.hero-object{
  background:transparent;
  box-shadow:none;
}
.hero-object .plate{
  background:
    radial-gradient(ellipse at center,
      rgba(255,255,255,.62) 0 40%,
      rgba(220,189,162,.30) 44% 60%,
      rgba(143,103,74,.08) 64% 70%,
      transparent 74%);
  box-shadow:0 7px 14px rgba(41,7,8,.045);
}
.hero-object .cake{
  background:
    linear-gradient(180deg,
      rgba(255,253,249,.52) 0 62%,
      rgba(244,231,222,.34) 62% 68%,
      rgba(125,16,25,.22) 68% 86%,
      rgba(245,232,223,.32) 86% 100%);
  box-shadow:
    0 8px 16px rgba(41,7,8,.045),
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -5px 10px rgba(81,55,38,.018);
  opacity:.42;
}
.hero-object .cake:before{
  opacity:.38;
}
.hero-object .label{
  color:rgba(41,7,8,.12);
}


/* Comparison fix 3: гармоничная интеграция фотозон пяти категорий */
.category .ghost{
  background:
    radial-gradient(circle,
      rgba(255,250,246,.62) 0 34%,
      rgba(244,234,226,.38) 43%,
      rgba(220,189,162,.16) 56%,
      rgba(143,103,74,.045) 67%,
      transparent 76%);
  border-color:transparent;
  box-shadow:
    0 5px 12px rgba(41,7,8,.035),
    inset 0 1px 0 rgba(255,255,255,.22);
}


/* Comparison fix 4: только вертикальные интервалы в блоке «Торты на заказ» */
.order .copy{
  top:21px;
}
.order .copy h2{
  margin-bottom:5px;
}
.order .copy > p{
  margin-top:0;
}
.order .order-conditions{
  margin-top:5px !important;
  line-height:1.45 !important;
}
.order .action{
  margin-top:8px;
}


/* Comparison fix 5: выравнивание только фотозон «К десерту» и «О Cherry On Top» */
.drinks .ghost,
.about .ghost{
  right:31px;
  top:50%;
  transform:translateY(-50%);
}


/* Comparison fix 6: точная контурная иконка Instagram и выравнивание */
.instagram-title{
  display:flex;
  align-items:center;
  gap:6px;
}
.instagram-icon{
  position:relative;
  display:inline-block;
  width:13px;
  height:13px;
  flex:0 0 13px;
  border:1.2px solid currentColor;
  border-radius:3.5px;
  box-sizing:border-box;
  transform:translateY(.2px);
}
.instagram-icon-lens{
  position:absolute;
  left:50%;
  top:50%;
  width:5px;
  height:5px;
  border:1.1px solid currentColor;
  border-radius:50%;
  transform:translate(-50%,-50%);
  box-sizing:border-box;
}
.instagram-icon-dot{
  position:absolute;
  right:2px;
  top:2px;
  width:1.8px;
  height:1.8px;
  border-radius:50%;
  background:currentColor;
}


/* Comparison fix 7: только внутренняя типографика и отступы нижней зоны */
.lower-card{
  padding:14px 13px 12px;
}
.lower-card h3{
  margin:0 0 7px;
  line-height:1.05;
  min-height:18px;
}
.lower-card p,
.lower-card ul{
  margin-top:0;
}
.lower-card p{
  margin-bottom:0;
  line-height:1.55;
}
.lower-card ul{
  margin-bottom:0;
  padding-left:11px;
}
.lower-card li{
  margin-bottom:2px;
}
.brand-mini{
  padding:14px 10px 12px;
  align-items:center;
  justify-content:center;
  line-height:1.05;
}
.map{
  margin-top:7px;
}


/* Comparison fix 8: умеренно увеличена высота отзывов и выровнен внутренний ритм */
.reviews{
  min-height:138px;
}
.reviews .quote{
  min-height:84px;
  padding:10px 9px 9px;
}
.reviews .quote-row{
  align-items:stretch;
}
.quote-top{
  min-height:18px;
}
.reviews .quote p{
  margin-top:8px;
  line-height:1.48;
}


/* Comparison fix 9: сохраняем увеличенные отзывы и убираем перекрытие следующего блока */
.reviews{
  min-height:138px;
  margin-bottom:18px;
}


/* Comparison fix 10: реальное устранение перекрытия абсолютных блоков */
html,
body,
.canvas{
  height:875px;
}
.instagram{
  top:584px;
}
.lower-right{
  top:711px;
}


/* Showcase heading: natural alignment inside the 25px heading row. */
.showcase h2{
  transform:none;
  line-height:1;
}


/* Stage 13: базовые 3D-анимации пяти карточек категорий */
.cat,
.diet{
  transform:translateZ(0);
  transform-style:preserve-3d;
  will-change:transform,box-shadow,filter;
  transition:
    transform .34s cubic-bezier(.2,.72,.2,1),
    box-shadow .34s cubic-bezier(.2,.72,.2,1),
    filter .34s ease;
}
.cat::after,
.diet::after{
  transition:
    opacity .34s ease,
    transform .34s cubic-bezier(.2,.72,.2,1);
  transform-origin:center;
}
@media (hover:hover) and (pointer:fine){
  .cat:hover{
    transform:perspective(900px) translateY(-4px) rotateX(1deg) rotateY(-1deg);
    box-shadow:
      0 10px 22px rgba(35,5,6,.22),
      0 2px 6px rgba(35,5,6,.10),
      inset 0 0 0 1px rgba(255,255,255,.035);
    filter:saturate(1.02) brightness(1.015);
  }
  .diet:hover{
    transform:perspective(1100px) translateY(-4px) rotateX(.8deg);
    box-shadow:
      0 11px 24px rgba(35,5,6,.22),
      0 2px 6px rgba(35,5,6,.10),
      inset 0 0 0 1px rgba(255,255,255,.035);
    filter:saturate(1.015) brightness(1.012);
  }
  .cat:hover::after,
  .diet:hover::after{
    opacity:.94;
    transform:scale(1.015);
  }
}
@media (prefers-reduced-motion:reduce){
  .cat,
  .diet,
  .cat::after,
  .diet::after{
    transition:none!important;
    transform:none!important;
  }
}


/* Deadline tweak: подняты только две кнопки Hero */
.hero-actions,
.hero-buttons{
  transform:translateY(-8px);
}


/* Fine adjustment: поднять кнопки Hero ещё выше */
.hero-actions,
.hero-buttons{
  transform:translateY(-14px) !important;
}


/* Presentation-safe viewport scaling (does not change design) */
html,body{
  width:100%;
  min-width:100%;
  min-height:100%;
  margin:0;
  overflow:auto !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(220,189,162,.18), transparent 26%),
    linear-gradient(180deg,var(--cream2) 0 34%,var(--cream) 34% 100%);
}
body{
  display:flex;
  justify-content:center;
  align-items:center;
}
.canvas{
  flex:0 0 1440px;
  transform-origin:top center;
}
@media (max-width:1440px){
  html{
    overflow-x:hidden !important;
  }
  body{
    justify-content:flex-start;
    align-items:flex-start;
    overflow-x:hidden !important;
  }
  .canvas{
    transform:scale(var(--desktop-scale, 1));
    transform-origin:top left;
  }
  body{
    min-height:calc(849px * (100vw / 1440));
  }
}


/* Final readability fix: цены в разделе «Сегодня на витрине» */
.showcase .price,
.product-body .price{
  color:#290708 !important;
  font-size:8px !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  opacity:1 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.35);
}
.product-body{
  background:linear-gradient(180deg,rgba(255,250,246,.96),rgba(244,234,226,.94)) !important;
}


/* Fix clipped prices: increase text area instead of only font */
.showcase .product-body{
  min-height:42px !important;
  padding:6px 8px 8px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
}
.showcase .product-body h4{
  margin:0 0 4px 0 !important;
}
.showcase .price,
.product-body .price{
  display:block !important;
  font-size:11px !important;
  font-weight:800 !important;
  line-height:1.3 !important;
  white-space:normal !important;
  overflow:visible !important;
  height:auto !important;
  max-height:none !important;
}


/* Working demo functionality — no changes to approved layout */
.functional-button{
  appearance:none;
  -webkit-appearance:none;
  font:inherit;
  color:inherit;
  cursor:pointer;
}
.header .functional-button,
.action.functional-button,
.section-link,
.reviews-link{
  border:0;
}
.cart-icon.functional-button{
  position:relative;
  padding:0;
  background:transparent;
}
.cart-badge{
  position:absolute;
  right:-6px;
  top:-7px;
  min-width:14px;
  height:14px;
  padding:0 3px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#290708;
  color:#FFF8F2;
  font-size:11px;
  font-weight:800;
}
.interactive-card,
.interactive-product{
  cursor:pointer;
}
.interactive-card:focus-visible,
.interactive-product:focus-visible,
.functional-button:focus-visible,
a:focus-visible{
  outline:2px solid #8F674A;
  outline-offset:2px;
}
.focus-pulse{
  animation:focusPulse .8s ease;
}
@keyframes focusPulse{
  0%,100%{filter:none}
  50%{filter:brightness(1.07)}
}

.site-overlay{
  position:fixed;
  inset:0;
  z-index:1000;
  background:rgba(35,5,6,.52);
  backdrop-filter:blur(3px);
}
.product-modal,
.simple-modal{
  position:fixed;
  left:50%;
  top:50%;
  z-index:1001;
  transform:translate(-50%,-50%);
  width:min(620px,calc(100vw - 30px));
  max-height:88vh;
  overflow:auto;
  border-radius:18px;
  border:1px solid rgba(220,189,162,.46);
  background:linear-gradient(145deg,#F4EAE2,#EDDFD3);
  box-shadow:0 24px 70px rgba(35,5,6,.30);
}
.product-modal{
  display:grid;
  grid-template-columns:42% 58%;
}
.modal-placeholder{
  min-height:340px;
  display:grid;
  place-items:center;
  color:rgba(41,7,8,.30);
  font-size:11px;
  letter-spacing:.14em;
  background:
    radial-gradient(circle at 50% 42%,rgba(255,250,246,.78),rgba(220,189,162,.34) 48%,rgba(196,165,140,.12) 68%,transparent 76%),
    linear-gradient(135deg,#F4EAE2,#EDDFD3);
}
.modal-content,
.simple-modal{
  padding:30px;
}
.modal-content h2,
.simple-modal h2,
.cart-drawer h2{
  margin:0 0 14px;
  font-family:"Cormorant Garamond",Georgia,serif;
  color:#290708;
  font-size:30px;
}
.modal-content p,
.simple-modal p{
  color:#6E5B51;
  font-size:13px;
  line-height:1.55;
}
.modal-meta{
  margin:8px 0;
}
.modal-price{
  margin-top:16px;
  color:#290708;
  font-size:20px;
  font-weight:800;
}
.quantity-control{
  display:flex;
  align-items:center;
  gap:12px;
  margin:18px 0;
}
.quantity-control button{
  width:32px;
  height:32px;
  border:1px solid rgba(143,103,74,.30);
  border-radius:9px;
  background:#FFF8F2;
  color:#290708;
  cursor:pointer;
}
.modal-primary{
  width:100%;
  border:0;
  border-radius:999px;
  padding:12px 18px;
  background:#290708;
  color:#FFF8F2;
  font-weight:800;
  cursor:pointer;
}

/* Stage 5.3 — Product card v1 */
.category-product-open{
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.category-product-open:hover{
  transform:translateY(-1px);
  border-color:rgba(143,103,74,.34);
  box-shadow:0 8px 18px rgba(41,7,8,.08);
}
.category-product-open:focus-visible{
  outline:2px solid #8F674A;
  outline-offset:2px;
}
.product-modal{
  width:min(820px,calc(100vw - 30px));
  grid-template-columns:44% 56%;
  overflow:hidden;
}
.modal-visual{
  min-height:522px;
  padding:34px 28px;
  display:grid;
  grid-template-rows:auto 1fr auto auto;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 34%,rgba(255,250,246,.92),rgba(220,189,162,.34) 42%,rgba(105,48,40,.11) 67%,transparent 78%),
    linear-gradient(145deg,#F7EFE8,#E8D5C6);
}
.modal-visual::before{
  content:"";
  position:absolute;
  top:62px;
  right:34px;
  bottom:180px;
  left:34px;
  border:1px solid rgba(143,103,74,.18);
  border-radius:50%;
  box-shadow:inset 0 0 40px rgba(255,255,255,.35);
}
.modal-product-image{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:#F7EFE8;
}
.modal-visual.has-product-image::before,
.modal-visual.has-product-image .modal-visual-label,
.modal-visual.has-product-image .modal-visual-title,
.modal-visual.has-product-image .modal-visual-note{
  display:none;
}
.modal-visual-label,
.modal-visual-title,
.modal-visual-note{
  position:relative;
  z-index:1;
}
.modal-visual-label{
  color:#8F674A;
  font-size:10px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.modal-visual-title{
  grid-row:3;
  min-height:108px;
  max-width:100%;
  padding-top:18px;
  display:flex;
  align-items:flex-end;
  color:#290708;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(30px,2.35vw,34px);
  line-height:1.04;
  overflow-wrap:break-word;
  hyphens:auto;
}
.modal-visual-note{
  grid-row:4;
  margin-top:12px;
  color:rgba(41,7,8,.46);
  font-size:10px;
  letter-spacing:.04em;
}
.modal-content{
  padding:42px 40px 34px;
  display:flex;
  flex-direction:column;
}
.modal-eyebrow{
  display:block;
  margin-bottom:10px;
  color:#8F674A;
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.modal-content h2{
  margin-bottom:12px;
  font-size:38px;
  line-height:1;
}
.modal-description{
  min-height:42px;
  margin:0 0 18px;
}
.modal-price-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 0;
  border-top:1px solid rgba(143,103,74,.18);
  border-bottom:1px solid rgba(143,103,74,.18);
}
.modal-price{
  margin:0;
  font-size:22px;
}
.modal-availability{
  color:#8F674A;
  font-size:11px;
  font-weight:700;
}
.modal-details{
  margin-top:8px;
}
.modal-details details{
  border-bottom:1px solid rgba(143,103,74,.16);
}
.modal-details summary{
  padding:13px 2px;
  color:#290708;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  list-style:none;
}
.modal-details summary::-webkit-details-marker{display:none}
.modal-details summary::after{
  content:"+";
  float:right;
  color:#8F674A;
  font-size:16px;
  font-weight:400;
}
.modal-details details[open] summary::after{content:"−"}
.modal-details details p{
  margin:0;
  padding:0 24px 13px 2px;
  font-size:11px;
}
.modal-allergen-notice{
  margin:0;
  padding:12px 2px 0;
  color:#765E54;
  font-size:10px;
  line-height:1.45;
}
.modal-purchase-row{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:14px;
  margin-top:auto;
  padding-top:24px;
}
.quantity-control{
  margin:0;
  gap:8px;
  padding:4px;
  border:1px solid rgba(143,103,74,.24);
  border-radius:999px;
  background:rgba(255,248,242,.62);
}
.quantity-control button{
  width:34px;
  height:34px;
  border:0;
  border-radius:50%;
  background:transparent;
}
.quantity-control span{
  min-width:22px;
  text-align:center;
  color:#290708;
  font-size:13px;
  font-weight:800;
}
.modal-primary{
  min-height:44px;
  transition:transform .18s ease,filter .18s ease,opacity .18s ease;
}
.modal-primary:hover:not(:disabled){
  transform:translateY(-1px);
  filter:brightness(1.08);
}
.modal-primary:disabled{
  cursor:not-allowed;
  opacity:.46;
}

.simple-modal-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:22px;
}
.simple-modal-actions[hidden]{display:none;}
.modal-secondary{
  width:100%;
  border:1px solid rgba(41,7,8,.22);
  border-radius:999px;
  padding:12px 18px;
  background:transparent;
  color:#290708;
  font-weight:800;
  cursor:pointer;
}
.product-back-button{
  width:auto;
  align-self:flex-start;
  margin:0 0 12px;
  padding:8px 14px;
  font-size:13px;
}
.product-back-button[hidden]{display:none;}
@media (max-width:520px){
  .simple-modal-actions{grid-template-columns:1fr;}
}
.modal-close{
  position:absolute;
  right:13px;
  top:11px;
  z-index:3;
  width:32px;
  height:32px;
  border:0;
  border-radius:50%;
  background:rgba(255,250,246,.88);
  color:#290708;
  font-size:22px;
  cursor:pointer;
}
.cart-drawer{
  position:fixed;
  right:0;
  top:0;
  bottom:0;
  z-index:1001;
  width:min(420px,100vw);
  overflow:auto;
  padding:28px;
  background:linear-gradient(180deg,#F4EAE2,#EDDFD3);
  box-shadow:-20px 0 60px rgba(35,5,6,.25);
}
.cart-items{
  margin:12px 0 20px;
}
.cart-row{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:9px;
  align-items:center;
  padding:11px 0;
  border-bottom:1px solid rgba(143,103,74,.18);
  color:#290708;
  font-size:13px;
}
.cart-row button{
  border:0;
  background:transparent;
  color:#290708;
  cursor:pointer;
  font-size:18px;
}
.cart-total{
  display:flex;
  justify-content:space-between;
  margin:18px 0;
  color:#290708;
  font-size:17px;
}
.checkout-fields input,
.checkout-fields select,
.checkout-fields textarea{
  width:100%;
  margin-bottom:9px;
  padding:10px 12px;
  border:1px solid rgba(143,103,74,.24);
  border-radius:10px;
  background:#FFF8F2;
  color:#290708;
  font:inherit;
}
.checkout-note{
  color:#6E5B51;
  font-size:11px;
  line-height:1.5;
}
[hidden]{
  display:none!important;
}
@media(max-width:640px){
  .product-modal{
    grid-template-columns:1fr;
    max-height:92vh;
    overflow:auto;
  }
  .modal-placeholder{
    min-height:180px;
  }
  .modal-visual{
    min-height:260px;
    padding:24px 22px;
  }
  .modal-visual::before{
    top:50px;
    right:32px;
    bottom:20px;
    left:32px;
  }
  .modal-visual-title,
  .modal-visual-note{display:none}
  .modal-content{padding:28px 22px 24px}
  .modal-content h2{font-size:32px}
  .modal-purchase-row{grid-template-columns:1fr}
  .quantity-control{justify-self:start}
}




/* Stage 4.3 — Showcase assortment button and full assortment modal */
.showcase .section-heading .section-link{
  margin:0;
  width:220px;
  min-width:220px;
  height:24px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  border:1px solid rgba(184,137,76,.58);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(239,222,205,.96),rgba(229,207,187,.92));
  color:#4A1114;
  box-shadow:0 3px 10px rgba(41,7,8,.08),inset 0 1px 0 rgba(255,255,255,.48);
  font-size:16px;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
  transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .18s ease,color .22s ease;
}
.showcase .section-heading .section-link:hover{
  background:linear-gradient(180deg,#F3E3D4,#E7CDB5);
  border-color:rgba(201,153,86,.88);
  color:#290708;
  box-shadow:0 0 0 1px rgba(229,199,159,.26),0 7px 18px rgba(143,103,74,.16);
  transform:translateY(-1px);
}
.showcase .section-heading .section-link:active{transform:translateY(0) scale(.97)}
.category-modal.assortment-view{
  width:min(980px,calc(100vw - 30px));
  padding:28px;
}
.assortment-groups{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  align-items:start;
}
.assortment-group{
  min-width:0;
  padding:16px;
  border:1px solid rgba(143,103,74,.18);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(255,250,246,.94),rgba(244,234,226,.88));
  box-shadow:0 5px 14px rgba(41,7,8,.055),inset 0 1px 0 rgba(255,255,255,.42);
}
.assortment-group h3{
  margin:0 0 11px;
  color:#4A1114;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:22px;
}
.assortment-group .category-product{
  min-height:58px;
  margin-top:8px;
  padding:10px 11px;
  background:rgba(255,250,246,.62);
}
.assortment-view .category-product{
  grid-template-columns:minmax(0,1fr);
  row-gap:8px;
  align-items:start;
}
.assortment-view .category-product-info{
  grid-column:1;
  grid-row:1;
  width:100%;
}
.assortment-view .category-product-info b{
  overflow-wrap:anywhere;
  word-break:normal;
}
.assortment-view .category-product > .category-add{
  grid-column:1;
  grid-row:2;
  justify-self:start;
  max-width:100%;
  padding:7px 11px;
  white-space:nowrap;
}
.assortment-view .category-product.category-product-with-image{
  grid-template-columns:52px minmax(0,1fr);
  column-gap:9px;
  row-gap:7px;
  align-items:start;
}
.assortment-view .category-product-with-image .category-product-thumb{
  grid-column:1;
  grid-row:1 / span 2;
  width:52px;
  height:64px;
}
.assortment-view .category-product-with-image .category-product-info{
  grid-column:2;
  grid-row:1;
}
.assortment-view .category-product-with-image .category-add{
  grid-column:2;
  grid-row:2;
  justify-self:start;
  padding:7px 10px;
  font-size:11px;
}
@media(max-width:900px){.assortment-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.assortment-groups{grid-template-columns:1fr}.category-modal.assortment-view{padding:22px 16px}}

/* Working demo v2: окно товаров выбранной категории */
.category-modal{
  position:fixed;
  left:50%;
  top:50%;
  z-index:1001;
  transform:translate(-50%,-50%);
  width:min(700px,calc(100vw - 30px));
  max-height:86vh;
  overflow:auto;
  padding:30px;
  border-radius:18px;
  border:1px solid rgba(220,189,162,.46);
  background:linear-gradient(145deg,#F4EAE2,#EDDFD3);
  box-shadow:0 24px 70px rgba(35,5,6,.30);
}
.category-modal h2{
  margin:0 0 18px;
  padding-right:40px;
  font-family:"Cormorant Garamond",Georgia,serif;
  color:#290708;
  font-size:32px;
}
.category-products{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.category-product{
  min-height:78px;
  padding:15px 16px;
  display:flex;
  align-items:center;
  border-radius:12px;
  border:1px solid rgba(143,103,74,.20);
  background:linear-gradient(180deg,rgba(255,250,246,.94),rgba(244,234,226,.90));
  color:#290708;
  box-shadow:0 3px 9px rgba(41,7,8,.055),inset 0 1px 0 rgba(255,255,255,.34);
}
.category-product b{
  font-size:14px;
  line-height:1.35;
}
@media(max-width:560px){
  .category-products{grid-template-columns:1fr}
}


.custom-order-modal input,
.custom-order-modal textarea{
  width:100%;
  margin-bottom:10px;
  padding:11px 12px;
  box-sizing:border-box;
  border:1px solid rgba(143,103,74,.24);
  border-radius:10px;
  background:#FFF8F2;
  color:#290708;
  font:inherit;
}
#custom-order{
  cursor:pointer;
}


/* Working demo v4: functional product lists and cart controls */
.order-date-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.custom-order-modal select{
  width:100%;
  margin-bottom:10px;
  padding:11px 12px;
  box-sizing:border-box;
  border:1px solid rgba(143,103,74,.24);
  border-radius:10px;
  background:#FFF8F2;
  color:#290708;
  font:inherit;
}
.category-product{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
}
.category-product.category-product-with-image{
  grid-template-columns:58px minmax(0,1fr) auto;
}
.category-product-thumb{
  width:58px;
  height:58px;
  display:block;
  border-radius:10px;
  object-fit:cover;
  object-position:center;
  border:1px solid rgba(143,103,74,.18);
  background:#F4EAE2;
  box-shadow:0 2px 8px rgba(41,7,8,.08);
}
.category-product-info{
  min-width:0;
}
.category-product-price{
  display:block;
  margin-top:5px;
  color:#290708;
  font-size:13px;
  font-weight:800;
}
.category-product-stock{
  display:block;
  margin-top:4px;
  color:#8F674A;
  font-size:11px;
  font-weight:750;
}
.category-product-stock.is-out{
  color:#9B3B42;
}
.category-product-volume{
  display:block;
  margin-top:4px;
  color:#7B6258;
  font-size:12px;
  font-weight:650;
}
.category-add{
  border:0;
  border-radius:999px;
  padding:8px 12px;
  background:#290708;
  color:#FFF8F2;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.category-add:disabled{
  cursor:default;
  opacity:.48;
}
.drink-catalog{
  display:block;
}
.drink-subcategory-tabs{
  display:flex;
  gap:8px;
  margin:0 0 16px;
  padding:2px 1px 7px;
  overflow-x:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(88,28,32,.28) transparent;
  scroll-behavior:smooth;
}
.drink-subcategory-tab{
  flex:0 0 auto;
  min-height:36px;
  padding:8px 13px;
  border:1px solid rgba(143,103,74,.30);
  border-radius:999px;
  background:rgba(255,250,246,.76);
  color:#581C20;
  font:700 12px/1.15 Arial,sans-serif;
  white-space:nowrap;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.drink-subcategory-tab:hover{
  border-color:rgba(184,137,76,.62);
  background:#FFF8F2;
}
.drink-subcategory-tab[aria-selected="true"]{
  border-color:#6A2025;
  background:linear-gradient(145deg,#7B282E,#581C20);
  color:#FFF8F2;
  box-shadow:0 5px 13px rgba(41,7,8,.18),inset 0 1px 0 rgba(255,255,255,.14);
}
.drink-subcategory-products{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.tea-price-columns{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-items:start;
}
.tea-price-column{
  display:grid;
  gap:12px;
}
@media(max-width:560px){
  .drink-subcategory-products{grid-template-columns:1fr}
  .tea-price-columns{grid-template-columns:1fr}
  .drink-subcategory-tabs{margin-right:-10px}
}
.cart-row{
  grid-template-columns:minmax(0,1fr) auto auto!important;
}
.cart-product-name{
  min-width:0;
}
.cart-qty{
  display:flex;
  align-items:center;
  gap:6px;
}
.cart-qty button{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border:1px solid rgba(143,103,74,.24);
  border-radius:8px;
  background:#FFF8F2;
  color:#290708;
  font-size:16px;
  line-height:1;
}
.cart-qty span{
  min-width:18px;
  text-align:center;
  font-weight:800;
}
.cart-remove{
  font-size:19px!important;
}
#deliveryAddress[hidden]{
  display:none!important;
}


/* Увеличен только шрифт навигации: Главная, Меню, Торты на заказ, О нас, Контакты */
.header .menu{
  font-size:10px !important;
}
.header .menu a{
  line-height:1.2;
}


/* Language selector — compact, without changing the approved layout */
.language-switch{
  display:flex;
  align-items:center;
  gap:2px;
  padding:2px;
  border:1px solid rgba(143,103,74,.22);
  border-radius:999px;
  background:rgba(255,250,246,.48);
}
.lang-button{
  width:21px;
  height:17px;
  padding:0;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#6E5B51;
  font-size:6px;
  line-height:17px;
  font-weight:800;
  cursor:pointer;
}
.lang-button.active{
  background:#290708;
  color:#FFF8F2;
}


/* Точечная правка: заголовок Hero чуть выше */
.hero-copy h1{
  transform:translateY(-5px);
}


/* Навигация по разделам */
html{
  scroll-behavior:smooth;
}
#home,
#menu,
#custom-order,
#about,
#contacts{
  scroll-margin-top:18px;
}


/* Stage 2: approved horizontal outer-field reduction
   Desktop width remains 1440px. Only horizontal outer spacing was reduced by 12px. */

/* Stage 3: approved zero outer fields
   Only outer section containers were extended to the canvas edge.
   Internal paddings, typography, heights, column proportions and functionality remain unchanged. */

/* ==========================================================
   HEADER v6.1 — Cherry On Top
   Только шапка. Каркас, Hero и остальные секции не изменены.
   Палитра основана на официальном BrandBook.
   ========================================================== */
@media (min-width: 601px) {
  .header {
    position: absolute !important;
    left: 0 !important;
    top: 4px !important;
    width: 744px !important;
    height: 53px !important;
    padding: 0 8px !important;
    display: grid !important;
    grid-template-columns: 150px 320px 238px !important;
    column-gap: 9px !important;
    align-items: center !important;
    justify-content: initial !important;
    box-sizing: border-box !important;
  }

  /* Логотип: существующий знак сохранён, добавлена защитная зона */
  .header .logo {
    width: 150px !important;
    min-width: 150px !important;
    height: 45px !important;
    padding: 5px 12px 5px 5px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #581C20 !important;
    box-sizing: border-box !important;
  }

  .header .logo-mark {
    flex: 0 0 39px !important;
  }

  .header .logo-mark::before,
  .header .logo-mark::after {
    border-color: #581C20 !important;
  }

  .header .logo-mark i {
    border-left-color: #581C20 !important;
    border-top-color: #581C20 !important;
  }

  .header .logo-text {
    color: #581C20 !important;
    line-height: .80 !important;
  }

  .header .logo-text b {
    font-size: 24.2px !important;
    font-weight: 500 !important;
    letter-spacing: -.025em !important;
  }

  .header .logo-text span {
    font-size: 14.3px !important;
    margin-left: 10px !important;
    color: #581C20 !important;
  }

  /* Навигация: фиксированная геометрия для всех языков */
  .header .menu {
    width: 320px !important;
    min-width: 320px !important;
    height: 31px !important;
    display: grid !important;
    grid-template-columns: 54px 46px 108px 44px 52px !important;
    column-gap: 4px !important;
    align-items: center !important;
    justify-content: start !important;
    color: #581C20 !important;
    font-family: "Sweet Sans", "Avenir Next", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: .025em !important;
  }

  .header .menu a {
    position: relative !important;
    width: 100% !important;
    height: 31px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #581C20 !important;
    border: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    opacity: .76 !important;
    transition:
      opacity 140ms ease,
      color 140ms ease !important;
  }

  .header .menu a::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 1px !important;
    width: 0 !important;
    height: 1px !important;
    background: #9F856A !important;
    transform: translateX(-50%) !important;
    transition: width 220ms cubic-bezier(.2, .72, .2, 1) !important;
  }

  .header .menu a:first-child,
  .header .menu a:hover,
  .header .menu a:focus-visible {
    color: #581C20 !important;
    opacity: 1 !important;
  }

  .header .menu a:first-child::after,
  .header .menu a:hover::after,
  .header .menu a:focus-visible::after {
    width: 64% !important;
  }

  /* Действия справа */
  .header-actions {
    width: 238px !important;
    min-width: 238px !important;
    height: 35px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 4px !important;
  }

  .header-actions > * {
    flex-shrink: 0 !important;
  }

  /* Языки: AZ | RU | EN, без тяжёлой капсулы */
  .language-switch {
    height: 25px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .lang-button {
    position: relative !important;
    width: 25px !important;
    height: 25px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #581C20 !important;
    font-family: "Sweet Sans", "Avenir Next", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 25px !important;
    letter-spacing: .05em !important;
    opacity: .55 !important;
    cursor: pointer !important;
    transition: opacity 400ms ease !important;
  }

  .lang-button:not(:last-child)::after {
    content: "|" !important;
    position: absolute !important;
    right: -1px !important;
    top: 0 !important;
    color: rgba(159, 133, 106, .65) !important;
    font-weight: 300 !important;
  }

  .lang-button::before {
    content: "" !important;
    position: absolute !important;
    left: 6px !important;
    right: 6px !important;
    bottom: 1px !important;
    height: 1px !important;
    background: #9F856A !important;
    transform: scaleX(0) !important;
    transform-origin: center !important;
    transition: transform 140ms ease !important;
  }

  .lang-button.active,
  .lang-button:hover,
  .lang-button:focus-visible {
    color: #581C20 !important;
    background: transparent !important;
    opacity: 1 !important;
  }

  .lang-button.active::before {
    transform: scaleX(1) !important;
  }

  /* Иконки */
  .header .cart-icon {
    width: 26px !important;
    height: 28px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    background: transparent !important;
    color: #581C20 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    opacity: .82 !important;
    transition:
      opacity 140ms ease,
      transform 220ms cubic-bezier(.2, .72, .2, 1) !important;
  }

  .header .cart-icon:hover,
  .header .cart-icon:focus-visible {
    opacity: 1 !important;
    transform: translateY(-1px) !important;
  }

  /* Фирменная кнопка заказа */
  .header .order-btn {
    width: 90px !important;
    min-width: 90px !important;
    height: 30px !important;
    padding: 0 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(159, 133, 106, .68) !important;
    border-radius: 999px !important;
    background: #581C20 !important;
    color: #F7F3ED !important;
    font-family: "Sweet Sans", "Avenir Next", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: .015em !important;
    white-space: nowrap !important;
    box-shadow:
      0 4px 11px rgba(88, 28, 32, .14),
      inset 0 1px 0 rgba(255, 255, 255, .10) !important;
    transition:
      background-color 140ms ease,
      box-shadow 240ms ease,
      transform 240ms cubic-bezier(.2, .72, .2, 1) !important;
  }

  .header .order-btn:hover,
  .header .order-btn:focus-visible {
    background: #43171A !important;
    box-shadow:
      0 7px 16px rgba(88, 28, 32, .20),
      inset 0 1px 0 rgba(255, 255, 255, .12) !important;
    transform: translateY(-2px) !important;
  }

  .header a:focus-visible,
  .header button:focus-visible {
    outline: 1px solid #9F856A !important;
    outline-offset: 2px !important;
  }

  /* Длинные переводы остаются внутри тех же зон */
  html[lang="az"] .header .menu {
    grid-template-columns: 60px 42px 104px 62px 36px !important;
    font-size: 11px !important;
    letter-spacing: 0 !important;
  }

  html[lang="en"] .header .menu {
    font-size: 8.8px !important;
    letter-spacing: .005em !important;
  }

  html[lang="az"] .header .order-btn {
    font-size: 11px !important;
    letter-spacing: 0 !important;
  }

  html[lang="en"] .header .order-btn {
    font-size: 6.5px !important;
    letter-spacing: 0 !important;
  }
}



/* Stage 6: top information bar is outside the clipped 1440px canvas.
   Its background spans the full browser viewport, while its content stays
   centered within the approved 1440px desktop grid. */
@media (min-width: 601px) {
  body {
    position: relative;
  }
  body > .topbar {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 19px !important;
    transform: none !important;
    z-index: 20;
    padding: 0 !important;
  }
  .topbar-inner {
    width: 1440px;
    height: 19px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 56px;
  }
}


/* Stage 13: logo mark + Cherry On Top scaled as one unified composition. */
@media (min-width: 601px) {
  .header .logo {
    transform: scale(1.12) !important;
    transform-origin: left center !important;
  }
}

/* Stage 14: tighter cherry mark and smaller gap to wordmark. */
@media (min-width: 601px) {
  .header .logo {
    gap: 6px !important;
  }

  .header .logo-mark::before {
    left: 2px !important;
  }

  .header .logo-mark::after {
    right: 2px !important;
  }
}


/* Stage 15: cherry stem centered between the two berries. */
@media (min-width: 601px) {
  .header .logo-mark i {
    left: 17px !important;
  }
}


/* Stage 18: Hero decorative divider moved 3px lower. */
@media (min-width: 601px) {
  .hero-divider {
    transform: translateY(6px) !important;
  }
}


/* Stage 19: AZ Hero description moved 2px lower only. */
@media (min-width: 601px) {
  html[lang="az"] .hero-copy p {
    transform: translateY(2px) !important;
  }
}


/* Stage 20: AZ Hero buttons moved 2px lower only. */
@media (min-width: 601px) {
  
}


/* Stage 21: AZ Hero description font size increased to 10px only. */
@media (min-width: 601px) {
  html[lang="az"] .hero-copy p {
    font-size: 12px !important;
  }
}


/* Stage 23: AZ Hero button text increased to 12px only. */
@media (min-width: 601px) {
  html[lang="az"] .hero-buttons .btn {
    font-size: 12px !important;
  }
}


/* Stage 26: RU Hero description moved 1px higher and increased to 10px. */
@media (min-width: 601px) {
  html[lang="ru"] .hero-copy p {
    transform: translateY(-2px) !important;
    font-size: 10px !important;
  }
}


/* Stage 25: RU Hero decorative divider moved 1px higher only. */
@media (min-width: 601px) {
  html[lang="ru"] .hero-divider {
    transform: translateY(-1px) !important;
  }
}


/* Stage 28: RU Hero button text increased to 10px only. */
@media (min-width: 601px) {
  html[lang="ru"] .hero-buttons .btn {
    font-size: 10px !important;
  }
}


/* Stage 29: RU Hero divider, description and buttons moved 1px higher only. */
@media (min-width: 601px) {
  html[lang="ru"] .hero-divider {
    transform: translateY(-2px) !important;
  }

  html[lang="ru"] .hero-copy p {
    transform: translateY(-10px) !important;
    font-size: 12px !important;
  }

  
}


/* Stage 42: RU Hero title up 2px, divider up 1px more, description up 2px more. */
@media (min-width: 601px) {
  html[lang="ru"] .hero-copy h1 {
    transform: translateY(-2px) !important;
  }

  html[lang="ru"] .hero-divider {
    transform: translateY(-3px) !important;
  }

  html[lang="ru"] .hero-copy p {
    transform: translateY(-12px) !important;
  }
}


/* Stage 43: RU benefits title and subtitle text increased to 11px only. */
@media (min-width: 601px) {
  html[lang="ru"] .benefit b,
  html[lang="ru"] .benefit span {
    font-size: 11px !important;
  }
}


/* Stage 44: RU diet description increased to 11px only. */
@media (min-width: 601px) {
  html[lang="ru"] .diet p {
    font-size: 11px !important;
  }
}


/* Stage 45: requested AZ typography and About heading position only. */
@media (min-width: 601px) {
  html[lang="az"] .benefit b,
  html[lang="az"] .benefit span {
    font-size: 11px !important;
  }

  html[lang="az"] .product-body b,
  html[lang="az"] .product-body small {
    font-size: 11px !important;
  }

  html[lang="az"] .order .copy > p,
  html[lang="az"] .order .order-conditions,
  html[lang="az"] .order .action {
    font-size: 10px !important;
  }

  html[lang="az"] .drinks .copy > p,
  html[lang="az"] .drinks .action {
    font-size: 10px !important;
  }

  html[lang="az"] .about .copy h2 {
    transform: translateY(-3px) !important;
  }

  html[lang="az"] .about-text,
  html[lang="az"] .about-benefits {
    font-size: 10px !important;
  }
}


/* Stage 46: AZ showcase product card frames extended 6px downward only. */
@media (min-width: 601px) {
  html[lang="az"] .showcase .product {
    height: calc(100% + 10px) !important;
  }
}


/* Stage 48: AZ diet description increased to 9px only. */
@media (min-width: 601px) {
  html[lang="az"] .diet p {
    font-size: 11px !important;
  }
}


/* Corrected Stage 50: only the four AZ category-card Bax buttons to 10px. */
@media (min-width: 601px) {
  html[lang="az"] .categories .cat-content > span {
    font-size: 10px !important;
  }
}


/* Stage 51: only the four AZ category-card Bax buttons moved 3px lower. */
@media (min-width: 601px) {
  html[lang="az"] .categories .cat-content > span {
    transform: translateY(3px) !important;
  }
}


/* Corrected Stage 53: only the AZ diet-block Menyuya bax button to 10px and 3px higher. */
@media (min-width: 601px) {
  html[lang="az"] .diet .btn {
    font-size: 10px !important;
    transform: translateY(-3px) !important;
  }
}


/* Stage 54: AZ diet title, description and menu button moved 3px higher. */
@media (min-width: 601px) {
  html[lang="az"] .diet h2,
  html[lang="az"] .diet p {
    transform: translateY(-3px) !important;
  }

  html[lang="az"] .diet .btn {
    transform: translateY(-6px) !important;
  }
}


/* Stage 55: AZ order title moved 3px higher; requested order text set to 10px. */
@media (min-width: 601px) {
  html[lang="az"] .order .copy h2 {
    transform: translateY(-3px) !important;
  }

  html[lang="az"] .order .copy > p,
  html[lang="az"] .order .order-conditions,
  html[lang="az"] .order .action {
    font-size: 10px !important;
  }
}


/* Stage 56: AZ drinks text group moved 3px higher; description only set to 10px. */
@media (min-width: 601px) {
  html[lang="az"] .drinks .copy {
    transform: translateY(-5px) !important;
  }
  html[lang="az"] .drinks .copy > p {
    font-size: 10px !important;
  }
}


/* Stage 58: AZ About text group moved 3px higher only. */
@media (min-width: 601px) {
  html[lang="az"] .about .copy {
    transform: translateY(-3px) !important;
  }
}


/* Stage 59: AZ About body text and benefits moved 2px higher only. */
@media (min-width: 601px) {
  html[lang="az"] .about-layout {
    transform: translateY(-2px) !important;
  }
}


/* Stage 61: AZ drinks and About groups 3px higher; review cards text 10px. */
@media (min-width: 601px) {
  html[lang="az"] .drinks .copy {
    transform: translateY(-8px) !important;
  }
  html[lang="az"] .about .copy {
    transform: translateY(-6px) !important;
  }
  html[lang="az"] .reviews .quote {
    font-size: 10px !important;
  }
}


/* Stage 63: requested AZ drinks description/button and About body text set to 12px. */
@media (min-width: 601px) {
  html[lang="az"] .drinks .copy > p,
  html[lang="az"] .drinks .action,
  html[lang="az"] .about-text {
    font-size: 12px !important;
  }
}


/* Stage 64: AZ drinks description/button up 3px; About body up 2px. */
@media (min-width: 601px) {
  html[lang="az"] .drinks .copy > p,
  html[lang="az"] .drinks .action {
    transform: translateY(-3px) !important;
  }
  html[lang="az"] .about-text {
    transform: translateY(-2px) !important;
  }
}


/* Stage 65: AZ About body 1px higher; drinks button 3px further higher. */
@media (min-width: 601px) {
  html[lang="az"] .about-text {
    transform: translateY(-3px) !important;
  }
  html[lang="az"] .drinks .action {
    transform: translateY(-6px) !important;
  }
}


/* Stage 66: AZ drinks description 2px further higher; button 4px further higher. */
@media (min-width: 601px) {
  html[lang="az"] .drinks .copy > p {
    transform: translateY(-5px) !important;
  }
  html[lang="az"] .drinks .action {
    transform: translateY(-10px) !important;
  }
}


/* Stage 67: AZ drinks title and description 3px further higher; button 4px further higher. */
@media (min-width: 601px) {
  html[lang="az"] .drinks .copy h2 {
    transform: translateY(-3px) !important;
  }
  html[lang="az"] .drinks .copy > p {
    transform: translateY(-8px) !important;
  }
  html[lang="az"] .drinks .action {
    transform: translateY(-14px) !important;
  }
}


/* Stage 68: AZ drinks button 3px further higher and font reduced by 1px (12px to 11px). */
@media (min-width: 601px) {
  html[lang="az"] .drinks .action {
    transform: translateY(-17px) !important;
    font-size: 11px !important;
  }
}


/* Stage 69: AZ About heading and body moved 3px further higher. */
@media (min-width: 601px) {
  html[lang="az"] .about .copy h2 {
    transform: translateY(-6px) !important;
  }
  html[lang="az"] .about-text {
    transform: translateY(-6px) !important;
  }
}


/* Stage 70: AZ review cards text increased to 11px only. */
@media (min-width: 601px) {
  html[lang="az"] .reviews .quote {
    font-size: 11px !important;
  }
}


/* Stage 71: AZ three review cards moved 3px higher; all text inside remains 11px. */
@media (min-width: 601px) {
  html[lang="az"] .reviews .quote {
    transform: translateY(-3px) !important;
    font-size: 11px !important;
  }
}


/* Stage 72: only first AZ review body text set to 15px. */
@media (min-width: 601px) {
  html[lang="az"] .reviews .quote:first-child p {
    font-size: 15px !important;
  }
}


/* Stage 73: only second and third AZ review card text set to 11px. */
@media (min-width: 601px) {
  html[lang="az"] .reviews .quote:nth-child(2),
  html[lang="az"] .reviews .quote:nth-child(3) {
    font-size: 11px !important;
  }
}


/* Stage 74: only second and third AZ review body text set to 14px. */
@media (min-width: 601px) {
  html[lang="az"] .reviews .quote:nth-child(2) p,
  html[lang="az"] .reviews .quote:nth-child(3) p {
    font-size: 14px !important;
  }
}


/* Stage 76 verified: actual visible paragraph text in all three AZ review cards is 12px. */
@media (min-width: 601px) {
  html[lang="az"] .reviews .quote:first-child > p,
  html[lang="az"] .reviews .quote:nth-child(2) > p,
  html[lang="az"] .reviews .quote:nth-child(3) > p {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }
}


/* Stage 77: AZ Instagram body/button 10px, review names/stars 10px, Instagram heading 3px higher. */
@media (min-width: 601px) {
  html[lang="az"] .instagram p,
  html[lang="az"] .instagram .action {
    font-size: 10px !important;
  }

  html[lang="az"] .reviews .quote-top b,
  html[lang="az"] .reviews .stars {
    font-size: 10px !important;
  }

  html[lang="az"] .instagram h2 {
    transform: translateY(-3px) !important;
  }
}


/* Stage 78: AZ Instagram description and button moved 4px higher only. */
@media (min-width: 601px) {
  html[lang="az"] .instagram p,
  html[lang="az"] .instagram .action {
    transform: translateY(-7px) !important;
  }
}


/* Stage 80: AZ Instagram heading, description and button moved 4px further higher. */
@media (min-width: 601px) {
  html[lang="az"] .instagram h2 {
    transform: translateY(-7px) !important;
  }
  html[lang="az"] .instagram p,
  html[lang="az"] .instagram .action {
    transform: translateY(-11px) !important;
  }
}


/* Stage 81: AZ Instagram description and button set to 11px only. */
@media (min-width: 601px) {
  html[lang="az"] .instagram p,
  html[lang="az"] .instagram .action {
    font-size: 11px !important;
  }
}


/* Stage 82: AZ Instagram button moved 2px further higher only. */
@media (min-width: 601px) {
  html[lang="az"] .instagram .action {
    transform: translateY(-15px) !important;
  }
}


/* Stage 84: requested AZ delivery and contact text set to 11px only. */
@media (min-width: 601px) {
  html[lang="az"] .lower-card:nth-child(1) li,
  html[lang="az"] .lower-card:nth-child(2) h3,
  html[lang="az"] .lower-card:nth-child(2) li {
    font-size: 11px !important;
  }
}


/* Stage 87: all AZ contact section text set to 11px. */
@media (min-width: 601px) {
  html[lang="az"] .lower-card:nth-child(2) h3,
  html[lang="az"] .lower-card:nth-child(2) p {
    font-size: 11px !important;
  }
}


/* Stage 88: AZ contact heading only set to 12px. */
@media (min-width: 601px) {
  html[lang="az"] .lower-card:nth-child(2) h3 {
    font-size: 12px !important;
  }
}


/* Stage 89: AZ contact heading only set to 14px. */
@media (min-width: 601px) {
  html[lang="az"] .lower-card:nth-child(2) h3 {
    font-size: 14px !important;
  }
}


/* Stage 90: AZ delivery/payment and contact headings same size and vertical level. */
@media (min-width: 601px) {
  html[lang="az"] .lower-card:nth-child(1) h3,
  html[lang="az"] .lower-card:nth-child(2) h3 {
    font-size: 14px !important;
    margin-top: 0 !important;
    transform: none !important;
  }
}


/* Stage 93: RU batch adjustments only. */
@media (min-width: 601px) {
  html[lang="ru"] .hero-copy {
    transform: translateY(-3px) !important;
  }
  html[lang="ru"] .categories .cat-content > span {
    font-size: 11px !important;
  }
  html[lang="ru"] .diet h2,
  html[lang="ru"] .diet p,
  html[lang="ru"] .diet .btn {
    transform: translateY(-3px) !important;
  }
}


/* Stage 94: RU batch adjustments only. */
@media (min-width: 601px) {
  html[lang="ru"] .hero-copy {
    transform: translateY(-6px) !important;
  }
  html[lang="ru"] .categories .cat-content > span {
    transform: translateY(2px) !important;
  }
  html[lang="ru"] .diet h2,
  html[lang="ru"] .diet p,
  html[lang="ru"] .diet .btn {
    transform: translateY(-6px) !important;
    font-size: 11px !important;
  }
  html[lang="ru"] .showcase .product {
    font-size: 11px !important;
  }
  html[lang="ru"] .order .copy > p,
  html[lang="ru"] .order .order-conditions,
  html[lang="ru"] .order .action {
    font-size: 11px !important;
  }
  html[lang="ru"] .drinks .copy > p,
  html[lang="ru"] .drinks .action {
    font-size: 11px !important;
  }
  html[lang="ru"] .about .copy h2 {
    transform: translateY(-3px) !important;
  }
  html[lang="ru"] .about-text,
  html[lang="ru"] .about-benefits {
    font-size: 10px !important;
  }
}


/* Stage 95: RU order and drinks text groups moved 5px higher only. */
@media (min-width: 601px) {
  html[lang="ru"] .order .copy,
  html[lang="ru"] .drinks .copy {
    transform: translateY(-9px) !important;
  }
}


/* Stage 97: RU drinks description and button moved 3px further higher only. */
@media (min-width: 601px) {
  html[lang="ru"] .drinks .copy > p,
  html[lang="ru"] .drinks .action {
    transform: translateY(-3px) !important;
  }
}


/* Stage 98: RU order and drinks text groups moved 3px further higher. */
@media (min-width: 601px) {
  html[lang="ru"] .order .copy,
  html[lang="ru"] .drinks .copy {
    transform: translateY(-12px) !important;
  }
}


/* Stage 99: RU order/drinks 3px further higher; review names/stars 10px; review body 12px. */
@media (min-width: 601px) {
  html[lang="ru"] .order .copy,
  html[lang="ru"] .drinks .copy {
    transform: translateY(-15px) !important;
  }
  html[lang="ru"] .reviews .quote-top b,
  html[lang="ru"] .reviews .stars {
    font-size: 10px !important;
  }
  html[lang="ru"] .reviews .quote > p {
    font-size: 12px !important;
  }
}


/* Stage 100: RU requested position and review text adjustments only. */
@media (min-width: 601px) {
  html[lang="ru"] .reviews {
    transform: translateY(-3px) !important;
  }
  html[lang="ru"] .drinks .copy > p,
  html[lang="ru"] .drinks .action {
    transform: translateY(-6px) !important;
  }
  html[lang="ru"] .order .copy > p,
  html[lang="ru"] .order .order-conditions,
  html[lang="ru"] .order .action {
    transform: translateY(-2px) !important;
  }
  html[lang="ru"] .reviews .quote > p {
    font-size: 10px !important;
  }
}


/* Stage 101: RU review cards content 3px higher; Instagram description/button 11px. */
@media (min-width: 601px) {
  html[lang="ru"] .reviews .quote {
    transform: translateY(-3px) !important;
  }
  html[lang="ru"] .instagram p,
  html[lang="ru"] .instagram .action {
    font-size: 11px !important;
  }
}


/* Stage 102: RU diet heading 14px; Instagram group up 5px; About heading/body up 3px. */
@media (min-width: 601px) {
  html[lang="ru"] .diet h2 {
    font-size: 14px !important;
  }
  html[lang="ru"] .instagram h2,
  html[lang="ru"] .instagram p,
  html[lang="ru"] .instagram .action {
    transform: translateY(-5px) !important;
  }
  html[lang="ru"] .about .copy h2 {
    transform: translateY(-6px) !important;
  }
  html[lang="ru"] .about-text {
    transform: translateY(-3px) !important;
  }
}


/* Stage 103: RU Instagram group 6px further higher; About body 6px further higher. */
@media (min-width: 601px) {
  html[lang="ru"] .instagram h2,
  html[lang="ru"] .instagram p,
  html[lang="ru"] .instagram .action {
    transform: translateY(-11px) !important;
  }
  html[lang="ru"] .about-text {
    transform: translateY(-9px) !important;
  }
}


/* Stage 104: RU requested adjustments only. */
@media (min-width: 601px) {
  html[lang="ru"] .about .copy h2 {
    transform: translateY(-11px) !important;
  }
  html[lang="ru"] .about-text {
    transform: translateY(-14px) !important;
  }
  html[lang="ru"] .instagram h2,
  html[lang="ru"] .instagram p,
  html[lang="ru"] .instagram .action {
    transform: translateY(-15px) !important;
  }
  html[lang="ru"] .diet h2 {
    font-size: 14px !important;
  }
  html[lang="ru"] .showcase .product-body b,
  html[lang="ru"] .showcase .product-body small {
    font-size: 11px !important;
  }
}


/* Stage 105: RU About heading/body 5px further higher; diet heading 17px. */
@media (min-width: 601px) {
  html[lang="ru"] .about .copy h2 {
    transform: translateY(-16px) !important;
  }
  html[lang="ru"] .about-text {
    transform: translateY(-19px) !important;
  }
  html[lang="ru"] .diet h2 {
    font-size: 17px !important;
  }
}


/* Stage 106: RU hero 6px further higher; About benefits 5px higher. */
@media (min-width: 601px) {
  html[lang="ru"] .hero-copy {
    transform: translateY(-12px) !important;
  }
  html[lang="ru"] .about-benefits {
    transform: translateY(-5px) !important;
  }
}


/* Stage 107: RU requested adjustments only. */
@media (min-width: 601px) {
  html[lang="ru"] .order .action {
    transform: translateY(-5px) !important;
  }
  html[lang="ru"] .about-benefits {
    transform: translate(-2px, -8px) !important;
  }
  html[lang="ru"] .hero-copy {
    transform: translateY(-17px) !important;
  }
}


/* Stage 108: RU diet heading 20px; About benefits 4px further up and 3px further left. */
@media (min-width: 601px) {
  html[lang="ru"] .diet h2 {
    font-size: 20px !important;
  }
  html[lang="ru"] .about-benefits {
    transform: translate(-5px, -12px) !important;
  }
}


/* Stage 109: RU footer column text 12px and matching bullets in contact column only. */
@media (min-width: 601px) {
  html[lang="ru"] .lower-card:nth-child(1) li,
  html[lang="ru"] .lower-card:nth-child(2) h3,
  html[lang="ru"] .lower-card:nth-child(2) p {
    font-size: 12px !important;
  }
}


/* Stage 111: RU contact heading only set to 15px. */
@media (min-width: 601px) {
  html[lang="ru"] .lower-card:nth-child(2) h3 {
    font-size: 15px !important;
  }
}


/* Stage 112: RU drinks block 4px further higher; Contacts heading 20px. */
@media (min-width: 601px) {
  html[lang="ru"] .drinks .copy {
    transform: translateY(-19px) !important;
  }
  html[lang="ru"] .lower-card:nth-child(2) h3 {
    font-size: 20px !important;
  }
}


/* Stage 113: RU Contacts heading set to 17px only. */
@media (min-width: 601px) {
  html[lang="ru"] .lower-card:nth-child(2) h3 {
    font-size: 17px !important;
  }
}


/* Stage 114: RU Instagram description and button moved 4px further higher only. */
@media (min-width: 601px) {
  html[lang="ru"] .instagram p,
  html[lang="ru"] .instagram .action {
    transform: translateY(-19px) !important;
  }
}


/* Stage 115: RU showcase cards extended exactly 10px downward only. */
@media (min-width: 601px) {
  html[lang="ru"] .showcase .product {
    height: calc(100% + 10px) !important;
  }
}


/* Stage 116: RU showcase card title, description and price increased by 3px only. */



/* Stage 117: RU showcase cards extended exactly 5px further downward only. */
@media (min-width: 601px) {
  html[lang="ru"] .showcase .product {
    height: calc(100% + 15px) !important;
  }
}


/* Stage 118: RU showcase cards extended exactly 4px further downward only. */
@media (min-width: 601px) {
  html[lang="ru"] .showcase .product {
    height: calc(100% + 19px) !important;
  }
}


/* Stage 119: EN requested text adjustments only. */
@media (min-width: 601px) {
  html[lang="en"] .diet p,
  html[lang="en"] .diet .btn,
  html[lang="en"] .order .copy > p,
  html[lang="en"] .order .order-conditions,
  html[lang="en"] .order .action,
  html[lang="en"] .drinks .copy > p,
  html[lang="en"] .drinks .action,
  html[lang="en"] .about-text,
  html[lang="en"] .about-benefits {
    font-size: 11px !important;
  }
  html[lang="en"] .about .copy h2 {
    transform: translateY(-7px) !important;
  }
  html[lang="en"] .about-text,
  html[lang="en"] .about-benefits {
    transform: translateY(-7px) !important;
  }
}


/* Stage 120: EN requested position and Instagram text adjustments only. */
@media (min-width: 601px) {
  html[lang="en"] .diet h2,
  html[lang="en"] .diet p,
  html[lang="en"] .diet .btn {
    transform: translateY(-6px) !important;
  }
  html[lang="en"] .order .copy,
  html[lang="en"] .drinks .copy {
    transform: translateY(-6px) !important;
  }
  html[lang="en"] .instagram p,
  html[lang="en"] .instagram .action {
    font-size: 10px !important;
    transform: translateY(-5px) !important;
  }
}


/* Stage 121: EN Instagram full group and Custom cakes group moved 6px further higher. */
@media (min-width: 601px) {
  html[lang="en"] .instagram h2 {
    transform: translateY(-6px) !important;
  }
  html[lang="en"] .instagram p,
  html[lang="en"] .instagram .action {
    transform: translateY(-11px) !important;
  }
  html[lang="en"] .order .copy {
    transform: translateY(-12px) !important;
  }
}


/* Stage 122: EN Instagram group 5px further higher; benefits text 14px. */
@media (min-width: 601px) {
  html[lang="en"] .instagram h2 { transform: translateY(-11px) !important; }
  html[lang="en"] .instagram p,
  html[lang="en"] .instagram .action { transform: translateY(-16px) !important; }
  html[lang="en"] .benefits,
  html[lang="en"] .benefits * { font-size: 14px !important; }
}


/* Stage 123: EN requested groups moved further higher only. */
@media (min-width: 601px) {
  html[lang="en"] .order .copy { transform: translateY(-18px) !important; }
  html[lang="en"] .drinks .copy { transform: translateY(-12px) !important; }
  html[lang="en"] .instagram h2 { transform: translateY(-16px) !important; }
  html[lang="en"] .instagram p,
  html[lang="en"] .instagram .action { transform: translateY(-21px) !important; }
}


/* Stage 124: EN requested adjustments only. */
@media (min-width: 601px) {
  html[lang="en"] .drinks .copy > p,
  html[lang="en"] .drinks .action {
    transform: translateY(-5px) !important;
  }
  html[lang="en"] nav a {
    font-size: 12px !important;
  }
  html[lang="en"] .order .copy > p,
  html[lang="en"] .order .order-conditions,
  html[lang="en"] .order .action {
    transform: translateY(-4px) !important;
  }
}


/* Stage 125: EN View drinks 5px further higher; footer text 11px only. */
@media (min-width: 601px) {
  html[lang="en"] .drinks .action {
    transform: translateY(-10px) !important;
  }
  html[lang="en"] .lower-card:nth-child(1) li,
  html[lang="en"] .lower-card:nth-child(2) p {
    font-size: 11px !important;
  }
}


/* Stage 126: EN drinks details 4px higher; contact text aligned uniformly. */
@media (min-width: 601px) {
  html[lang="en"] .drinks .copy > p { transform: translateY(-9px) !important; }
  html[lang="en"] .drinks .action { transform: translateY(-14px) !important; }
  html[lang="en"] .lower-card:nth-child(2) p {
    font-size: 11px !important;
    line-height: inherit !important;
  }
}


/* Stage 127: EN review cards 6px higher and all review text 10px. */
@media (min-width: 601px) {
  html[lang="en"] .reviews .quote {
    transform: translateY(-6px) !important;
    font-size: 10px !important;
  }
  html[lang="en"] .reviews .quote-top b,
  html[lang="en"] .reviews .stars,
  html[lang="en"] .reviews .quote > p {
    font-size: 10px !important;
  }
}


/* Stage 128: EN showcase text +3px; right contact column spacing matched to left. */
@media (min-width: 601px) {
  html[lang="en"] .lower-card:nth-child(2) p {
    line-height: 1.8 !important;
  }
}


/* Stage 129: EN showcase text 2px smaller from current; cards 6px further downward. */
@media (min-width: 601px) {
  html[lang="en"] .showcase .product {
    height: calc(100% + 25px) !important;
  }
}


/* Stage 130: EN showcase titles 1px smaller; sample card text 3px smaller. */
@media (min-width: 601px) {
  html[lang="en"] .showcase .product-body b {
    font-size: 1em !important;
  }
}


/* Stage 131: EN Customer reviews heading up 5px; Hero divider/text separated cleanly. */
@media (min-width: 601px) {
  html[lang="en"] .reviews h2 {
    transform: translateY(-5px) !important;
  }

  html[lang="en"] .hero-divider {
    transform: translateY(-5px) !important;
  }

  html[lang="en"] .hero-copy > p {
    transform: translateY(-1px) !important;
  }
}


/* Stage 132: EN header actions right 5px; icons 10px; benefits text -1px. */
@media (min-width: 601px) {
  html[lang="en"] .header-actions {
    transform: translateX(5px) !important;
  }
  html[lang="en"] .header-actions .icon-btn {
    font-size: 10px !important;
  }
  html[lang="en"] .benefits,
  html[lang="en"] .benefits * {
    font-size: 13px !important;
  }
}


/* Stage 133: EN hero description up 2px and 9px; buttons down 4px and 11px. */
@media (min-width: 601px) {
  html[lang="en"] .hero-copy > p {
    transform: translateY(-3px) !important;
    font-size: 9px !important;
  }
  
  html[lang="en"] .hero-buttons .btn {
    font-size: 11px !important;
  }
}


/* Corrected Stage 134: EN benefits block text reduced by 2px only. */
@media (min-width: 601px) {
  html[lang="en"] .benefits,
  html[lang="en"] .benefits * {
    font-size: 11px !important;
  }
}


/* Stage 135: EN requested adjustments only. */
@media (min-width: 601px) {
  html[lang="en"] .hero-copy > p {
    font-size: 10px !important;
  }
  html[lang="en"] .diet .btn {
    transform: translateY(-9px) !important;
  }
  
}

/* Stage 136: EN hero description 13px only. */
@media (min-width: 601px) { html[lang="en"] .hero-copy > p { font-size: 13px !important; } }












/* Stage 144: fixed header-actions coordinates for AZ / RU / EN. */
@media (min-width: 601px) {
  .header .header-actions,
  html[lang="az"] .header .header-actions,
  html[lang="ru"] .header .header-actions,
  html[lang="en"] .header .header-actions {
    position: absolute !important;
    right: 8px !important;
    top: 5px !important;
    transform: none !important;
    margin: 0 !important;
  }
}


/* Corrected Stage 145: EN Hero photo-zone label and four category-card texts +2px. */
@media (min-width: 601px) {
  html[lang="en"] .categories .cat-icon {
    font-size: 12px !important;
  }
  html[lang="en"] .categories .cat h3 {
    font-size: 21px !important;
  }
  html[lang="en"] .categories .cat span {
    font-size: 9px !important;
  }
}







/* Stage 151: reviews heading 2px higher for all languages only. */
@media (min-width: 601px) { .reviews h2 { transform: translateY(-2px) !important; } }

/* Stage 152 — consolidated technical stability layer.
   Explicit final values replace unstable calc/em chains and language-dependent header drift. */
@media (min-width: 601px) {
  .header .header-actions,
  html[lang="az"] .header .header-actions,
  html[lang="ru"] .header .header-actions,
  html[lang="en"] .header .header-actions {
    position: absolute !important;
    right: 8px !important;
    top: 5px !important;
    width: 238px !important;
    min-width: 238px !important;
    height: 35px !important;
    margin: 0 !important;
    transform: none !important;
    justify-content: flex-end !important;
  }

  html[lang="en"] .header-actions .order-btn {
    font-size: 4px !important;
  }

  .topbar {
    font-size: 15px !important;
  }
  .topbar span {
    font-size: 14px !important;
  }

  html[lang="ru"] .showcase .product-body b,
  html[lang="ru"] .showcase .product-body small,
  html[lang="ru"] .showcase .product-body strong {
    font-size: 19px !important;
  }

  html[lang="en"] .showcase .product-body b {
    font-size: 16px !important;
  }
  html[lang="en"] .showcase .product-body small {
    font-size: 14px !important;
  }

  html[lang="en"] .hero-object .label {
    font-size: 10px !important;
  }
}


/* Stage 153: EN Order online +3px; topbar text -1px for AZ/RU/EN. */
@media (min-width: 601px) {
  html[lang="en"] .header-actions .order-btn {
    font-size: 7px !important;
  }
  .topbar {
    font-size: 14px !important;
  }
  .topbar span {
    font-size: 13px !important;
  }
}

/* Stage 154: EN Order online +2px from stage 153 only. */
@media (min-width: 601px) { html[lang="en"] .header-actions .order-btn { font-size: 9px !important; } }
/* Stage 155: EN Order online +2px from stage 154 only. */
@media (min-width: 601px) { html[lang="en"] .header-actions .order-btn { font-size: 11px !important; } }

/* Stage 156 — verified final header coordinates and EN order button size. */
@media (min-width: 601px) {
  .header .header-actions,
  html[lang="az"] .header .header-actions,
  html[lang="ru"] .header .header-actions,
  html[lang="en"] .header .header-actions {
    position: absolute !important;
    right: 8px !important;
    top: 5px !important;
    width: 238px !important;
    min-width: 238px !important;
    height: 35px !important;
    margin: 0 !important;
    transform: none !important;
    justify-content: flex-end !important;
  }

  html[lang="en"] .header-actions .order-btn {
    font-size: 11px !important;
  }
}

/* Stage 157: RU showcase title and sample-card text reduced by 4px only. */
@media (min-width: 601px) {
  html[lang="ru"] .showcase .product-body b,
  html[lang="ru"] .showcase .product-body small {
    font-size: 15px !important;
  }
}


/* Stage 3.1 — Change 1: approved BrandBook frame for Custom cakes block only. */
@media (min-width: 601px) {
  .order {
    box-shadow:
      inset 0 0 0 1px rgba(159, 133, 106, 0.35),
      var(--shadow, 0 10px 30px rgba(0,0,0,.08)) !important;
  }
}


/* Stage 3.1 — Change 2 corrected:
   exact With dessert container, approved BrandBook inner frame only. */
@media (min-width: 601px) {
  section.right-block.drinks {
    border: 1px solid rgba(159, 133, 106, 0.35) !important;
    box-shadow:
      0 5px 14px rgba(41, 7, 8, 0.10),
      inset 0 0 0 1px rgba(159, 133, 106, 0.35) !important;
  }
}


/* Stage 3.1 — Change 3: approved BrandBook frame for About block only. */
@media (min-width: 601px) {
  section.right-block.about {
    border: 1px solid rgba(159, 133, 106, 0.35) !important;
    box-shadow:
      0 5px 14px rgba(41, 7, 8, 0.10),
      inset 0 0 0 1px rgba(159, 133, 106, 0.35) !important;
  }
}


/* Stage 3.1 — Change 4: subtle BrandBook outer frame for Reviews block only. */
@media (min-width: 601px) {
  section.right-block.reviews {
    border: 1px solid rgba(159, 133, 106, 0.35) !important;
  }
}


/* Stage 3.1 — Change 5: approved cream BrandBook frame for Instagram block only. */
@media (min-width: 601px) {
  section.right-block.instagram {
    border: 1px solid rgba(213, 205, 190, 0.40) !important;
    box-shadow:
      0 5px 14px rgba(41, 7, 8, 0.10),
      inset 0 0 0 1px rgba(213, 205, 190, 0.40) !important;
  }
}


/* Stage 3.1 — Change 6: approved outer BrandBook frame for lower delivery/contacts block only. */
@media (min-width: 601px) {
  section.lower-right {
    border: 1px solid rgba(213, 205, 190, 0.32) !important;
  }
}


/* Stage 3.1 — Change 7: approved subtle upper inner highlight for three main light blocks only. */
@media (min-width: 601px) {
  section.right-block.order,
  section.right-block.drinks,
  section.right-block.about {
    box-shadow:
      0 5px 14px rgba(41, 7, 8, 0.10),
      inset 0 0 0 1px rgba(159, 133, 106, 0.35),
      inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  }
}


/* Stage 3.1 — Change 8: approved soft lower depth for three main light blocks only. */
@media (min-width: 601px) {
  section.right-block.order,
  section.right-block.drinks,
  section.right-block.about {
    box-shadow:
      0 7px 18px rgba(41, 7, 8, 0.12),
      inset 0 0 0 1px rgba(159, 133, 106, 0.35),
      inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  }
}


/* Stage 3.1 — Change 9: subtle upper-left directional light for three main light blocks only. */
@media (min-width: 601px) {
  section.right-block.order::before,
  section.right-block.drinks::before,
  section.right-block.about::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    background: radial-gradient(
      ellipse at 14% 8%,
      rgba(255, 255, 255, 0.28) 0%,
      rgba(255, 255, 255, 0.13) 24%,
      transparent 58%
    );
  }
}


/* Stage 3 — Change 10: approved first depth layer for four left category cards only. */
@media (min-width: 601px) {
  .category-card {
    box-shadow:
      0 7px 16px rgba(41, 7, 8, 0.16),
      inset 0 1px 0 rgba(213, 205, 190, 0.22) !important;
  }
}


/* Stage 3 — Change 11: approved subtle depth for decorative circles in four category cards only. */
@media (min-width: 601px) {
  .category .ghost {
    box-shadow:
      0 7px 15px rgba(41, 7, 8, 0.09),
      inset 0 1px 0 rgba(255, 255, 255, 0.30),
      inset 0 -3px 7px rgba(81, 55, 38, 0.05) !important;
  }
}


/* Stage 3 — Change 12: approved first depth layer for Diet desserts block only. */
@media (min-width: 601px) {
  section.diet {
    box-shadow:
      0 8px 18px rgba(41, 7, 8, 0.22),
      inset 0 1px 0 rgba(213, 205, 190, 0.20) !important;
  }
}


/* Stage 3 — Change 13: approved depth for Diet desserts decorative photozone only. */
@media (min-width: 601px) {
  section.diet::before {
    box-shadow:
      0 8px 18px rgba(41, 7, 8, 0.10),
      inset 0 1px 0 rgba(255, 255, 255, 0.30),
      inset 0 -4px 9px rgba(81, 55, 38, 0.06) !important;
  }
}


/* Stage 3 — Change 14: approved subtle depth for five showcase product cards only. */
@media (min-width: 601px) {
  .showcase .products > article.product {
    box-shadow:
      0 6px 14px rgba(41, 7, 8, 0.11),
      inset 0 1px 0 rgba(255, 255, 255, 0.30) !important;
  }
}


/* Stage 3 — Change 15: approved subtle inner depth for five showcase photozones only. */
@media (min-width: 601px) {
  .showcase .product-photo {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.32),
      inset 0 -5px 10px rgba(81, 55, 38, 0.05) !important;
  }
}


/* Stage 3 — Change 16: approved subtle depth for four benefits cells only. */
@media (min-width: 601px) {
  .benefits .benefit {
    background: rgba(255, 255, 255, 0.16) !important;
    box-shadow:
      inset 0 0 0 1px rgba(213, 205, 190, 0.18),
      0 4px 10px rgba(41, 7, 8, 0.06) !important;
  }
}


/* Stage 3 — Change 17: approved subtle depth for benefits icons only. */
@media (min-width: 601px) {
  .benefits .benefit i {
    text-shadow:
      0 1px 0 rgba(255, 255, 255, 0.28),
      0 3px 8px rgba(159, 133, 106, 0.18) !important;
  }
}


/* Stage 3 — Change 18: approved subtle unified depth for Showcase section only. */
@media (min-width: 601px) {
  section.showcase {
    box-shadow:
      inset 0 0 0 1px rgba(159, 133, 106, 0.20),
      inset 0 1px 0 rgba(255, 255, 255, 0.24),
      0 7px 18px rgba(41, 7, 8, 0.08) !important;
  }
}


/* Stage 3.2 — Change 20: Premium Hover Motion (Desktop only) */
@media (hover:hover) and (pointer:fine) and (min-width:601px){
  .cat,.diet,.showcase .products>article.product,
  section.right-block.order,section.right-block.drinks,section.right-block.about{
    transition:
      transform .30s cubic-bezier(.22,.61,.36,1),
      box-shadow .30s cubic-bezier(.22,.61,.36,1),
      filter .30s cubic-bezier(.22,.61,.36,1);
    will-change:transform,box-shadow;
  }
  .cat:hover,.diet:hover,.showcase .products>article.product:hover,
  section.right-block.order:hover,section.right-block.drinks:hover,section.right-block.about:hover{
    transform:translateY(-2px) scale(1.008);
    box-shadow:
      0 10px 22px rgba(41,7,8,.13),
      inset 0 1px 0 rgba(255,255,255,.22);
  }
}


/* Stage 3.2 — Motion Foundation v1.
   Architecture only: no visible animation is triggered by this layer. */
:root {
  --motion-fast: 850ms;
  --motion-normal: 1000ms;
  --motion-slow: 1140ms;
  --motion-hero: 560ms;

  --motion-ease: cubic-bezier(.22,.61,.36,1);
  --motion-ease-soft: cubic-bezier(.25,.1,.25,1);

  --motion-hover-lift: -2px;
  --motion-hover-scale: 1.008;
  --motion-entrance-distance: 10px;

  --motion-shadow-hover: 0 10px 22px rgba(41,7,8,.13);
}

/* Motion API hooks — inert until an element is explicitly activated later. */
.motion-enter,
.motion-reveal,
.motion-component,
.motion-micro {
  --motion-duration: var(--motion-normal);
  --motion-delay: 0ms;
  --motion-curve: var(--motion-ease);
}

/* Accessibility foundation. */
@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-fast: 850ms;
    --motion-normal: 1000ms;
    --motion-slow: 1140ms;
    --motion-hero: 1ms;
    --motion-hover-lift: 0px;
    --motion-hover-scale: 1;
    --motion-entrance-distance: 0px;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
    transition-delay: 0ms !important;
  }
}


/* Stage 3.2 — Change 22.1: Header Entrance, first page load only. */
@media (min-width: 601px) {
  html.motion-intro-pending .header {
    opacity: 0;
    transform: translateY(-8px);
    filter: blur(2px);
  }

  html.motion-intro-running .header {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
    transition:
      opacity var(--motion-normal) var(--motion-ease),
      transform var(--motion-normal) var(--motion-ease),
      filter var(--motion-normal) var(--motion-ease);
  }

  html.motion-intro-finished .header {
    opacity: 1;
    transform: none;
    filter: none;
    transition: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.motion-intro-pending .header,
  html.motion-intro-running .header,
  html.motion-intro-finished .header {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
}


/* Stage 3.2 — Change 22.2: Logo Entrance, 140ms after Header. */
@media (min-width: 601px) {
  html.motion-intro-pending .header .logo {
    opacity: 0;
    transform: translateY(6px);
  }

  html.motion-intro-running .header .logo {
    opacity: 1;
    transform: translateY(0);
    transition:
      opacity var(--motion-normal) var(--motion-ease) 140ms,
      transform var(--motion-normal) var(--motion-ease) 140ms;
  }

  html.motion-intro-finished .header .logo {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.motion-intro-pending .header .logo,
  html.motion-intro-running .header .logo,
  html.motion-intro-finished .header .logo {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}


/* Stage 3.2 — Change 22.3: Languages Entrance, 400ms after Header. */
@media (min-width: 601px) {
  html.motion-intro-pending .header .language-switch {
    opacity: 0;
    transform: translateY(5px);
  }

  html.motion-intro-running .header .language-switch {
    opacity: 1;
    transform: translateY(0);
    transition:
      opacity 250ms var(--motion-ease) 400ms,
      transform 250ms var(--motion-ease) 400ms;
  }

  html.motion-intro-finished .header .language-switch {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.motion-intro-pending .header .language-switch,
  html.motion-intro-running .header .language-switch,
  html.motion-intro-finished .header .language-switch {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}


/* Stage 3.2 — Change 22.4.1 corrected: exact Hero description selector. */
@media (min-width: 601px) {
  html.motion-intro-pending .hero-copy > p {
    opacity: 0;
    transform: translateY(10px);
  }

  html.motion-intro-running .hero-copy > p {
    opacity: 1;
    transform: translateY(-4px);
    transition:
      opacity 320ms var(--motion-ease) 400ms,
      transform 320ms var(--motion-ease) 400ms;
  }

  html.motion-intro-finished .hero-copy > p {
    opacity: 1;
    transform: translateY(-4px);
    transition: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.motion-intro-pending .hero-copy > p,
  html.motion-intro-running .hero-copy > p,
  html.motion-intro-finished .hero-copy > p {
    opacity: 1 !important;
    transform: translateY(-4px) !important;
    transition: none !important;
  }
}


/* Stage 22.4.2 Hero Statement */
@media (min-width:601px){
html.motion-intro-pending .hero-copy h1,
html.motion-intro-pending .hero-divider{opacity:0;transform:translateY(8px);}
html.motion-intro-running .hero-copy h1,
html.motion-intro-running .hero-divider{
opacity:1;transform:none;
transition:opacity 300ms var(--motion-ease) 250ms,transform 300ms var(--motion-ease) 250ms;}
html.motion-intro-finished .hero-copy h1,
html.motion-intro-finished .hero-divider{opacity:1;transform:none;transition:none;}
}

/* Stage 3.2 — Change 22.5: Invitation to Action as one CTA cluster. */
@media (min-width: 601px) {
  html.motion-intro-pending .hero-buttons {
    opacity: 0;
    transform: translateY(15px) !important;
  }

  html.motion-intro-running .hero-buttons {
    opacity: 1;
    transform: translateY(7px) !important;
    transition:
      opacity 250ms var(--motion-ease) 600ms,
      transform 250ms var(--motion-ease) 600ms;
  }

  html.motion-intro-finished .hero-buttons {
    opacity: 1;
    transform: translateY(7px) !important;
    transition: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.motion-intro-pending .hero-buttons,
  html.motion-intro-running .hero-buttons,
  html.motion-intro-finished .hero-buttons {
    opacity: 1 !important;
    transform: translateY(7px) !important;
    transition: none !important;
  }
}


/* Hero Geometry Cleanup — one CTA position for AZ / RU / EN. */
@media (min-width: 601px) {
  :root {
    --hero-cta-y: 7px;
    --hero-cta-enter-offset: 8px;
  }

  .hero-buttons,
  html[lang="az"] .hero-buttons,
  html[lang="ru"] .hero-buttons,
  html[lang="en"] .hero-buttons {
    transform: translateY(var(--hero-cta-y)) !important;
  }

  html.motion-intro-pending .hero-buttons {
    opacity: 0;
    transform: translateY(calc(var(--hero-cta-y) + var(--hero-cta-enter-offset))) !important;
  }

  html.motion-intro-running .hero-buttons {
    opacity: 1;
    transform: translateY(var(--hero-cta-y)) !important;
  }

  html.motion-intro-finished .hero-buttons {
    opacity: 1;
    transform: translateY(var(--hero-cta-y)) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-buttons,
  html[lang="az"] .hero-buttons,
  html[lang="ru"] .hero-buttons,
  html[lang="en"] .hero-buttons {
    opacity: 1 !important;
    transform: translateY(var(--hero-cta-y)) !important;
    transition: none !important;
  }
}


/* Hero Geometry Refactor v1 — one layout system for AZ / RU / EN.
   Geometry is defined by top/height/absolute CTA placement, not language transforms. */
@media (min-width: 601px) {
  .hero-copy,
  html[lang="az"] .hero-copy,
  html[lang="ru"] .hero-copy,
  html[lang="en"] .hero-copy {
    left: 29px !important;
    top: 74px !important;
    width: 325px !important;
    height: 218px !important;
    transform: none !important;
  }

  .hero-copy > h1,
  html[lang="az"] .hero-copy > h1,
  html[lang="ru"] .hero-copy > h1,
  html[lang="en"] .hero-copy > h1 {
    transform: none !important;
  }

  .hero-divider,
  html[lang="az"] .hero-divider,
  html[lang="ru"] .hero-divider,
  html[lang="en"] .hero-divider {
    transform: none !important;
    margin: 7px 0 8px !important;
  }

  .hero-copy > p,
  html[lang="az"] .hero-copy > p,
  html[lang="ru"] .hero-copy > p,
  html[lang="en"] .hero-copy > p {
    margin-top: 6px !important;
    transform: none !important;
    max-width: 285px !important;
  }

  .hero-buttons,
  html[lang="az"] .hero-buttons,
  html[lang="ru"] .hero-buttons,
  html[lang="en"] .hero-buttons {
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    margin-top: 0 !important;
    transform: none !important;
  }

  /* Motion states are relative to the same final geometry in every language. */
  html.motion-intro-pending .hero-copy > h1,
  html.motion-intro-pending .hero-divider {
    opacity: 0 !important;
    transform: translateY(8px) !important;
  }

  html.motion-intro-running .hero-copy > h1,
  html.motion-intro-running .hero-divider {
    opacity: 1 !important;
    transform: none !important;
  }

  html.motion-intro-finished .hero-copy > h1,
  html.motion-intro-finished .hero-divider {
    opacity: 1 !important;
    transform: none !important;
  }

  html.motion-intro-pending .hero-copy > p {
    opacity: 0 !important;
    transform: translateY(8px) !important;
  }

  html.motion-intro-running .hero-copy > p {
    opacity: 1 !important;
    transform: none !important;
  }

  html.motion-intro-finished .hero-copy > p {
    opacity: 1 !important;
    transform: none !important;
  }

  html.motion-intro-pending .hero-buttons {
    opacity: 0 !important;
    transform: translateY(8px) !important;
  }

  html.motion-intro-running .hero-buttons {
    opacity: 1 !important;
    transform: none !important;
  }

  html.motion-intro-finished .hero-buttons {
    opacity: 1 !important;
    transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-copy,
  .hero-copy > h1,
  .hero-divider,
  .hero-copy > p,
  .hero-buttons,
  html[lang="az"] .hero-copy,
  html[lang="ru"] .hero-copy,
  html[lang="en"] .hero-copy,
  html[lang="az"] .hero-buttons,
  html[lang="ru"] .hero-buttons,
  html[lang="en"] .hero-buttons {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}


/* Sprint 1 — Hero Final: refined divider cherry, same footprint and palette. */
.hero-divider b.cherry-divider-icon svg{
  display:block;
  width:24px;
  height:20px;
  overflow:visible;
  fill:none;
  stroke:#B58543;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.hero-divider b.cherry-divider-icon svg .leaf{
  fill:rgba(181,133,67,.12);
}
.hero-divider b.cherry-divider-icon{
  width:24px;
  height:20px;
  flex-basis:24px;
}

/* Sprint 1 — Hero Final: keep both CTAs fully visible in AZ / RU / EN. */
@media (min-width: 601px) {
  .hero-buttons,
  html[lang="az"] .hero-buttons,
  html[lang="ru"] .hero-buttons,
  html[lang="en"] .hero-buttons {
    bottom:10px !important;
  }
}

/* Stage 3.3 — Vertical Rhythm Fix 1:
   slightly more space between Hero title and gold divider, all languages. */
@media (min-width: 601px) {
  .hero-divider,
  html[lang="az"] .hero-divider,
  html[lang="ru"] .hero-divider,
  html[lang="en"] .hero-divider {
    margin-top: 11px !important;
  }
}


/* Sprint 1 — Hero Final polish: unified, non-overlapping AZ / RU / EN layout. */
@media (min-width: 601px) {
  .hero-copy,
  html[lang="az"] .hero-copy,
  html[lang="ru"] .hero-copy,
  html[lang="en"] .hero-copy {
    height: 209px !important;
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    align-content: stretch;
  }

  .hero-divider,
  html[lang="az"] .hero-divider,
  html[lang="ru"] .hero-divider,
  html[lang="en"] .hero-divider {
    margin: 8px 0 4px !important;
  }

  .hero-copy > p,
  html[lang="az"] .hero-copy > p,
  html[lang="ru"] .hero-copy > p,
  html[lang="en"] .hero-copy > p {
    position: static !important;
    align-self: start;
    margin: 0 !important;
    max-width: 300px !important;
    font-size: 10.5px !important;
    line-height: 1.25 !important;
  }

  .hero-buttons,
  html[lang="az"] .hero-buttons,
  html[lang="ru"] .hero-buttons,
  html[lang="en"] .hero-buttons {
    position: static !important;
    align-self: end;
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 8px !important;
    transform: none !important;
  }

  .hero-buttons .btn,
  html[lang="az"] .hero-buttons .btn,
  html[lang="ru"] .hero-buttons .btn,
  html[lang="en"] .hero-buttons .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 26px;
    padding: 6px 13px;
    line-height: 1.1 !important;
    white-space: nowrap;
  }

  html.motion-intro-pending .hero-buttons {
    transform: translateY(8px) !important;
  }
  html.motion-intro-running .hero-buttons,
  html.motion-intro-finished .hero-buttons {
    transform: none !important;
  }
}

/* Sprint 1 — RU Hero rhythm correction:
   longer Russian description and CTAs use separate vertical offsets. */
@media (min-width: 601px) {
  html[lang="ru"] .hero-copy > p {
    position: relative !important;
    top: -4px !important;
  }

  html[lang="ru"] .hero-buttons {
    position: relative !important;
    top: -2px !important;
    margin-bottom: 9px !important;
  }
}

/* Refined divider mark: symmetric berries, balanced stems and a restrained leaf. */
.hero-divider b.cherry-divider-icon {
  width: 28px;
  height: 24px;
  flex: 0 0 28px;
}
.hero-divider b.cherry-divider-icon svg {
  display:block;
  width:28px;
  height:24px;
  stroke-width:1.45;
}
.hero-divider b.cherry-divider-icon svg .leaf {
  fill:rgba(181,133,67,.11);
}


/* RU Hero final vertical offsets — requested refinement. */
@media (min-width: 601px) {
  html[lang="ru"] .hero-copy > h1 {
    position: relative !important;
    top: -10px !important;
  }
  html[lang="ru"] .hero-divider {
    position: relative !important;
    top: -8px !important;
  }
  html[lang="ru"] .hero-copy > p {
    position: relative !important;
    top: -10px !important;
    font-size: 12.5px !important;
  }
  html[lang="ru"] .hero-buttons {
    position: relative !important;
    top: -2px !important;
  }
}


html[lang="ru"] .hero-title{transform:translateY(-2px)!important;}
html[lang="ru"] .hero-divider{transform:translateY(-2px)!important;}
html[lang="ru"] .hero-buttons{transform:translateY(-2px)!important;}

html[lang="az"] .hero-divider{transform:translateY(2px)!important;}

/* AZ Hero description — exact live selector. */
html[lang="az"] .hero-copy > p {
  position: relative !important;
  top: 3px !important;
  font-size: 12.5px !important;
}


html[lang="en"] .hero-copy > p{
  font-size: calc(100% + 2px) !important;
  position: relative !important;
  top: 3px !important;
}


html[lang="az"] .hero-copy > p{
  font-size:14.5px !important;
  position:relative;
  top:2px !important;
}



/* Stage 3.2 — Change 23.1: restrained Hero cake entrance based on BrandBook.
   Final geometry is untouched; only opacity and a 1.5% settling scale are animated. */
@media (min-width: 601px) {
  html.motion-intro-pending .hero-object {
    opacity: 0;
    transform: scale(.985);
    filter: blur(1.5px);
    transform-origin: 50% 56%;
  }

  html.motion-intro-running .hero-object {
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
    transition:
      opacity 560ms var(--motion-ease) 950ms,
      transform 560ms var(--motion-ease) 950ms,
      filter 520ms var(--motion-ease) 950ms;
  }

  html.motion-intro-finished .hero-object {
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
    transition: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-object,
  html.motion-intro-pending .hero-object,
  html.motion-intro-running .hero-object,
  html.motion-intro-finished .hero-object {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
}

/* Stage 3.2 — Change 23.2: restrained staggered entrance for the four Hero category cards.
   Geometry remains unchanged; the animation uses only opacity and an 8px vertical settle. */
@media (min-width: 601px) {
  @keyframes cherry-category-card-enter {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  html.motion-intro-pending .categories > .cat {
    opacity: 0;
    transform: translateY(10px);
  }

  html.motion-intro-running .categories > .cat {
    animation-name: cherry-category-card-enter;
    animation-duration: 240ms;
    animation-timing-function: var(--motion-ease);
    animation-fill-mode: both;
  }

  html.motion-intro-running .categories > .cat:nth-child(1) { animation-delay: 700ms; }
  html.motion-intro-running .categories > .cat:nth-child(2) { animation-delay: 760ms; }
  html.motion-intro-running .categories > .cat:nth-child(3) { animation-delay: 820ms; }
  html.motion-intro-running .categories > .cat:nth-child(4) { animation-delay: 850ms; }

  html.motion-intro-finished .categories > .cat {
    opacity: 1;
    animation: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.motion-intro-pending .categories > .cat,
  html.motion-intro-running .categories > .cat,
  html.motion-intro-finished .categories > .cat {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}


/* Stage 4 — Sprint 4.1: “Сегодня на витрине” viewport entrance.
   Only opacity, an 8px vertical settle and a restrained photo scale are animated.
   Existing geometry, hover motion and product interactions remain unchanged. */
@media (min-width: 601px) {
  html.motion-scroll-enabled .showcase:not(.motion-showcase-revealed) .section-heading h2,
  html.motion-scroll-enabled .showcase:not(.motion-showcase-revealed) .section-heading .section-link,
  html.motion-scroll-enabled .showcase:not(.motion-showcase-revealed) .products > article.product {
    opacity: 0;
    transform: translateY(10px);
  }

  html.motion-scroll-enabled .showcase:not(.motion-showcase-revealed) .product-photo {
    opacity: .18;
    transform: scale(.975);
    transform-origin: 50% 52%;
  }

  html.motion-scroll-enabled .showcase.motion-showcase-revealed .section-heading h2 {
    opacity: 1;
    transform: none;
    transition:
      opacity 820ms var(--motion-ease-soft),
      transform 820ms var(--motion-ease-soft);
  }

  html.motion-scroll-enabled .showcase.motion-showcase-revealed .section-heading .section-link {
    opacity: 1;
    transform: none;
    transition:
      opacity 760ms var(--motion-ease-soft) 120ms,
      transform 760ms var(--motion-ease-soft) 120ms;
  }

  html.motion-scroll-enabled .showcase.motion-showcase-revealed .products > article.product {
    opacity: 1;
    transform: none;
    transition:
      opacity 860ms var(--motion-ease-soft),
      transform 860ms var(--motion-ease-soft),
      box-shadow .30s var(--motion-ease),
      filter .30s var(--motion-ease);
  }

  html.motion-scroll-enabled .showcase.motion-showcase-revealed .products > article.product:nth-child(1) { transition-delay: 100ms, 100ms, 0ms, 0ms; }
  html.motion-scroll-enabled .showcase.motion-showcase-revealed .products > article.product:nth-child(2) { transition-delay: 180ms, 180ms, 0ms, 0ms; }
  html.motion-scroll-enabled .showcase.motion-showcase-revealed .products > article.product:nth-child(3) { transition-delay: 260ms, 260ms, 0ms, 0ms; }
  html.motion-scroll-enabled .showcase.motion-showcase-revealed .products > article.product:nth-child(4) { transition-delay: 340ms, 340ms, 0ms, 0ms; }
  html.motion-scroll-enabled .showcase.motion-showcase-revealed .products > article.product:nth-child(5) { transition-delay: 420ms, 420ms, 0ms, 0ms; }

  html.motion-scroll-enabled .showcase.motion-showcase-revealed .product-photo {
    opacity: 1;
    transform: scale(1);
    transition:
      opacity 940ms var(--motion-ease-soft),
      transform 940ms var(--motion-ease-soft);
  }

  html.motion-scroll-enabled .showcase.motion-showcase-revealed .product:nth-child(1) .product-photo { transition-delay: 140ms; }
  html.motion-scroll-enabled .showcase.motion-showcase-revealed .product:nth-child(2) .product-photo { transition-delay: 230ms; }
  html.motion-scroll-enabled .showcase.motion-showcase-revealed .product:nth-child(3) .product-photo { transition-delay: 310ms; }
  html.motion-scroll-enabled .showcase.motion-showcase-revealed .product:nth-child(4) .product-photo { transition-delay: 390ms; }
  html.motion-scroll-enabled .showcase.motion-showcase-revealed .product:nth-child(5) .product-photo { transition-delay: 460ms; }
}

@media (prefers-reduced-motion: reduce) {
  .showcase .section-heading h2,
  .showcase .section-heading .section-link,
  .showcase .products > article.product,
  .showcase .product-photo {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}


/* Stage 4 — Sprint 4.2: “Диетические десерты” cinematic viewport entrance.
   The decorative dessert photo appears first, followed by heading, description and CTA.
   Existing geometry, colours, hover motion and interactions remain unchanged. */
@media (min-width: 601px) {
  html.motion-scroll-enabled .diet:not(.motion-diet-revealed)::before {
    opacity: 0;
    transform: scale(.985);
    transform-origin: 50% 50%;
  }

  html.motion-scroll-enabled .diet:not(.motion-diet-revealed) .diet-content > h2,
  html.motion-scroll-enabled .diet:not(.motion-diet-revealed) .diet-content > p,
  html.motion-scroll-enabled .diet:not(.motion-diet-revealed) .diet-content > .btn {
    opacity: 0;
    transform: translateY(7px);
  }

  html.motion-scroll-enabled .diet.motion-diet-revealed::before {
    opacity: 1;
    transform: scale(1);
    transition:
      opacity 350ms var(--motion-ease-soft),
      transform 448ms var(--motion-ease-soft);
  }

  html.motion-scroll-enabled .diet.motion-diet-revealed .diet-content > h2 {
    opacity: 1;
    transform: none;
    transition:
      opacity 314ms var(--motion-ease) 101ms,
      transform 314ms var(--motion-ease) 101ms;
  }

  html.motion-scroll-enabled .diet.motion-diet-revealed .diet-content > p {
    opacity: 1;
    transform: none;
    transition:
      opacity 314ms var(--motion-ease) 162ms,
      transform 314ms var(--motion-ease) 162ms;
  }

  html.motion-scroll-enabled .diet.motion-diet-revealed .diet-content > .btn {
    opacity: 1;
    transform: none;
    transition:
      opacity 291ms var(--motion-ease) 235ms,
      transform 291ms var(--motion-ease) 235ms,
      background-color var(--motion-fast) var(--motion-ease),
      border-color var(--motion-fast) var(--motion-ease),
      color var(--motion-fast) var(--motion-ease);
  }
}

@media (prefers-reduced-motion: reduce) {
  .diet::before,
  .diet .diet-content > h2,
  .diet .diet-content > p,
  .diet .diet-content > .btn {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}


/* Stage4.2 premium button interactions */
button,.btn,[class*="btn"],a.button,a[class*="btn"]{
transition: transform .18s cubic-bezier(.22,.61,.36,1), box-shadow .23s cubic-bezier(.22,.61,.36,1), filter .23s cubic-bezier(.22,.61,.36,1);
}
button:hover,.btn:hover,[class*="btn"]:hover,a.button:hover,a[class*="btn"]:hover{
transform:translateY(-2px);
box-shadow:0 12px 32px rgba(197,161,82,.30);
}
button:active,.btn:active,[class*="btn"]:active,a.button:active,a[class*="btn"]:active{
transform:translateY(-1px) scale(.97);
transition-duration:.17s;
}


/* Stage 4.2 fix: «К десерту» — рабочая кнопка и подсветка как у Diet-блока. */
.drinks{
  transform:translateZ(0);
  transform-style:preserve-3d;
  will-change:transform,box-shadow,filter;
  transition:
    transform .34s cubic-bezier(.2,.72,.2,1),
    box-shadow .34s cubic-bezier(.2,.72,.2,1),
    filter .34s ease;
}
@media (hover:hover) and (pointer:fine){
  .drinks:hover{
    transform:perspective(1100px) translateY(-4px) rotateX(.8deg);
    box-shadow:
      0 11px 24px rgba(35,5,6,.22),
      0 2px 6px rgba(35,5,6,.10),
      inset 0 0 0 1px rgba(255,255,255,.035);
    filter:saturate(1.015) brightness(1.012);
  }
  .drinks:hover .action{
    box-shadow:
      0 0 0 1px rgba(220,189,162,.20),
      0 5px 14px rgba(143,103,74,.18);
  }
}
@media (prefers-reduced-motion:reduce){
  .drinks{transition:none!important;transform:none!important;}
}


/* Stage 4.2 — category CTA matched exactly to the Diet desserts CTA.
   Only the four category CTAs are affected; card geometry remains unchanged. */
.categories .cat-content > span {
  margin-top: 10px;
  width: max-content;
  padding: 7px 13px;
  border-radius: 999px;
  border: 1px solid rgba(220,189,162,.72);
  color: #fff8f2;
  display: inline-block;
  font-size: 8px;
  font-weight: 700;
  line-height: normal;
  background: transparent;
  box-sizing: border-box;
  cursor: pointer;
}


/* Stage 4.2 — unified interaction for all five category cards and their CTAs.
   The four compact categories reuse the exact Diet CTA hover mechanism;
   card geometry and normal-state layout remain unchanged. */
.cat,
.diet{
  transition:
    transform .34s cubic-bezier(.2,.72,.2,1),
    box-shadow .34s cubic-bezier(.2,.72,.2,1),
    filter .34s ease;
}
.categories .cat-content > .btn,
.diet .btn{
  transition:
    transform .18s cubic-bezier(.22,.61,.36,1),
    box-shadow .23s cubic-bezier(.22,.61,.36,1),
    filter .23s cubic-bezier(.22,.61,.36,1);
}
@media (hover:hover) and (pointer:fine){
  .cat:hover,
  .diet:hover{
    transform:perspective(1100px) translateY(-4px) rotateX(.8deg);
    box-shadow:
      0 11px 24px rgba(35,5,6,.22),
      0 2px 6px rgba(35,5,6,.10),
      inset 0 0 0 1px rgba(255,255,255,.035);
    filter:saturate(1.015) brightness(1.012);
  }
  .categories .cat-content > .btn:hover,
  .diet .btn:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 32px rgba(197,161,82,.30);
  }
}
.categories .cat-content > .btn:active,
.diet .btn:active{
  transform:translateY(-1px) scale(.97);
  transition-duration:.17s;
}



/* Stage 5.2 — Custom cakes: real-work gallery preview */
.custom-work-gallery{margin:0 0 22px}
.custom-work-gallery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:12px}
.custom-work-gallery-title{margin:0;color:#290708;font-family:"Cormorant Garamond",serif;font-size:25px;line-height:1}
.custom-work-gallery-copy{margin:5px 0 0;color:#766259;font-size:12px;line-height:1.5}
.custom-work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.custom-work-card{position:relative;display:block;aspect-ratio:4/5;padding:0;overflow:hidden;border:1px solid rgba(143,103,74,.22);border-radius:13px;background:#eaded5;cursor:zoom-in;box-shadow:0 5px 16px rgba(41,7,8,.08);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.custom-work-card{background-position:center;background-size:cover;background-repeat:no-repeat}
.custom-work-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .48s cubic-bezier(.22,.61,.36,1)}
.custom-work-card::after{content:"Посмотреть";position:absolute;left:10px;right:10px;bottom:10px;padding:7px 9px;border-radius:8px;background:rgba(41,7,8,.78);color:#fff8f2;font-size:10px;font-weight:700;letter-spacing:.04em;text-align:center;opacity:0;transform:translateY(5px);transition:opacity .25s ease,transform .25s ease;backdrop-filter:blur(7px)}
html[lang="az"] .custom-work-card::after{content:"Bax"}
html[lang="en"] .custom-work-card::after{content:"View"}
.custom-work-card:hover{transform:translateY(-3px);border-color:rgba(143,103,74,.50);box-shadow:0 13px 28px rgba(41,7,8,.15)}
.custom-work-card:hover img{transform:scale(1.045)}
.custom-work-card:hover::after{opacity:1;transform:none}
.custom-work-lightbox{width:min(900px,calc(100vw - 30px));padding:14px;background:#1d0809;border-color:rgba(220,189,162,.36)}
.custom-work-lightbox img{display:block;width:100%;max-height:82vh;object-fit:contain;border-radius:10px;background:#160607}
.custom-work-lightbox .modal-close{background:rgba(255,248,242,.92);z-index:2}
@media(max-width:700px){
  .custom-work-gallery-head{display:block}
  .custom-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .custom-work-card::after{opacity:1;transform:none;background:rgba(41,7,8,.64)}
}


/* Stage 5.3 — Client reference photo upload */
.custom-photo-upload{grid-column:1/-1}
.custom-photo-picker{display:flex;align-items:center;gap:12px;min-height:58px;padding:11px 13px;border:1px dashed rgba(143,103,74,.42);border-radius:12px;background:rgba(255,248,242,.60);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}
.custom-photo-picker:hover{border-color:rgba(41,7,8,.55);background:rgba(255,248,242,.88)}
.custom-photo-picker.has-photo{border-style:solid;border-color:rgba(41,7,8,.34);box-shadow:0 5px 15px rgba(41,7,8,.07)}
.custom-photo-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.custom-photo-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 13px;border:1px solid rgba(143,103,74,.45);border-radius:999px;background:#fff8f2;color:#290708;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.custom-photo-button:hover{transform:translateY(-1px);border-color:#290708;box-shadow:0 5px 12px rgba(41,7,8,.10)}
.custom-photo-help{flex:1;color:#806e64;font-size:11px;line-height:1.4}
.custom-photo-preview{display:none;align-items:center;gap:11px;width:100%}
.custom-photo-picker.has-photo .custom-photo-empty{display:none}
.custom-photo-picker.has-photo .custom-photo-preview{display:flex}
.custom-photo-thumb{width:58px;height:58px;flex:0 0 58px;object-fit:cover;border-radius:9px;border:1px solid rgba(143,103,74,.24);background:#eaded5}
.custom-photo-meta{min-width:0;flex:1}
.custom-photo-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#290708;font-size:12px;font-weight:700}
.custom-photo-status{display:block;margin-top:4px;color:#806e64;font-size:10px}
.custom-photo-remove{flex:0 0 auto;padding:7px 10px;border:0;border-radius:999px;background:rgba(41,7,8,.08);color:#290708;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.custom-photo-remove:hover{background:rgba(41,7,8,.14)}
@media(max-width:480px){.custom-photo-empty{display:block}.custom-photo-picker{align-items:flex-start}.custom-photo-preview{align-items:center}.custom-photo-help{display:block;margin-top:7px}.custom-photo-button{width:100%}}

/* Stage 5.1 — Custom cakes: two scenarios and cake card selection */
.custom-order-modal{
  width:min(920px,calc(100vw - 30px));
  max-height:90vh;
  overflow-y:auto;
  overflow-x:hidden;
  padding:30px;
}
.custom-order-modal h2{margin-bottom:8px}
.custom-order-intro{margin:0 0 20px;color:#6e5b51;line-height:1.55}
.custom-order-scenarios{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}
.custom-order-scenario{
  min-height:54px;padding:12px 15px;border:1px solid rgba(143,103,74,.24);border-radius:12px;
  background:rgba(255,248,242,.72);color:#290708;font:inherit;font-weight:700;cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.custom-order-scenario:hover{transform:translateY(-1px);border-color:rgba(143,103,74,.48)}
.custom-order-scenario.active{background:#290708;color:#fff8f2;border-color:#290708;box-shadow:0 8px 22px rgba(41,7,8,.16)}
.custom-order-panel[hidden]{display:none!important}
.custom-order-panel-title{margin:0 0 12px;font-size:15px;color:#290708}
.custom-cake-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}
.custom-cake-card{
  min-height:0;padding:10px 12px;border:1px solid rgba(143,103,74,.20);border-radius:12px;
  background:linear-gradient(180deg,rgba(255,250,246,.96),rgba(244,234,226,.90));color:#290708;
  text-align:left;cursor:pointer;box-shadow:0 3px 9px rgba(41,7,8,.05);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.custom-cake-card:hover{transform:translateY(-2px);border-color:rgba(143,103,74,.45);box-shadow:0 9px 20px rgba(41,7,8,.10)}
.custom-cake-card.selected{border-color:#290708;box-shadow:0 0 0 1px #290708,0 9px 22px rgba(41,7,8,.12)}
.custom-cake-card b{display:block;font-size:13px;line-height:1.25}
.custom-cake-card span{display:block;margin-top:4px;font-size:10px;color:#806e64}
.custom-cake-card-image{
  width:100%;
  height:74px;
  margin:0 0 7px;
  display:block;
  border-radius:9px;
  object-fit:cover;
  object-position:center;
  background:#F4EAE2;
}
.custom-order-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.custom-order-field-full{grid-column:1/-1}
.custom-order-modal label{display:block;margin:0 0 6px;color:#5f4b42;font-size:12px;font-weight:700}
.custom-order-modal input,.custom-order-modal textarea,.custom-order-modal select{margin-bottom:0}
.custom-order-note{margin:16px 0;padding:14px 16px;border:1px solid rgba(143,103,74,.18);border-radius:12px;background:rgba(255,248,242,.62);color:#6e5b51;font-size:12px;line-height:1.55}
.custom-order-note b{color:#290708}
#confirmCustomOrder{width:100%;margin-top:2px}
@media(max-width:700px){
  .custom-order-modal{padding:23px 16px}
  .custom-cake-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .custom-order-fields{grid-template-columns:1fr}
  .custom-order-field-full{grid-column:auto}
}
@media(max-width:480px){
  .custom-order-scenarios,.custom-cake-grid{grid-template-columns:1fr}
}

/* stage4-cta-system-v1 */
/* Stage 4.3 — CTA System v1. Visual styling only; geometry is preserved. */

/* Primary CTA on light panels: Order + Drinks */
.order .action,
.drinks .action {
  background: rgba(224, 199, 177, .58);
  color: #4A1014;
  border: 1px solid rgba(181, 133, 67, .78);
  box-shadow: 0 3px 10px rgba(81, 55, 38, .09);
  transition:
    background .23s ease,
    color .23s ease,
    border-color .23s ease,
    box-shadow .23s ease,
    transform .23s cubic-bezier(.2,.72,.2,1);
}
@media (hover:hover) and (pointer:fine) {
  .order .action:hover,
  .drinks .action:hover {
    background: #E4CDB8;
    color: #3B0B0E;
    border-color: rgba(181, 133, 67, .98);
    box-shadow: 0 8px 20px rgba(181, 133, 67, .20);
    transform: translateY(-2px);
  }
}
.order .action:active,
.drinks .action:active {
  transform: scale(.97);
}

/* Category CTA on all five burgundy category cards */
.cat .btn,
.diet .btn {
  background: transparent;
  color: #FFF2E6;
  border-color: rgba(220, 189, 162, .88);
  box-shadow: none;
  transition:
    background .23s ease,
    color .23s ease,
    border-color .23s ease,
    box-shadow .23s ease,
    transform .23s cubic-bezier(.2,.72,.2,1);
}
@media (hover:hover) and (pointer:fine) {
  .cat .btn:hover,
  .diet .btn:hover,
  .cat:hover .btn,
  .diet:hover .btn {
    background: #F6EBDD;
    color: #3B0B0E;
    border-color: rgba(220, 189, 162, .98);
    box-shadow: 0 8px 22px rgba(196, 155, 83, .22);
    transform: translateY(-2px);
  }
}
.cat .btn:active,
.diet .btn:active {
  transform: scale(.97);
}

/* Approved Secondary CTA on dark Instagram panel */
.instagram .action {
  background: transparent;
  color: #FFF2E6;
  border: 1px solid rgba(220, 189, 162, .88);
  box-shadow: none;
}
@media (hover:hover) and (pointer:fine) {
  .instagram .action:hover {
    background: #F6EBDD;
    color: #3B0B0E;
    border-color: rgba(220, 189, 162, .98);
    box-shadow: 0 8px 24px rgba(196, 155, 83, .22);
    transform: translateY(-2px);
  }
}
.instagram .action:active {
  transform: scale(.97);
}

/* stage4-reviews-animation */
/* Stage 4: reviews reveal — actual project selectors. */
@media (min-width: 601px) and (prefers-reduced-motion: no-preference) {
  html.motion-reviews-enabled .reviews:not(.motion-reviews-revealed) .quote {
    opacity: 0;
    transform: translateY(6px);
  }
  html.motion-reviews-enabled .reviews .quote {
    transition: opacity 700ms var(--motion-ease, ease), transform 700ms var(--motion-ease, ease);
    will-change: opacity, transform;
  }
  html.motion-reviews-enabled .reviews .quote:nth-child(1) { transition-delay: 140ms; }
  html.motion-reviews-enabled .reviews .quote:nth-child(2) { transition-delay: 220ms; }
  html.motion-reviews-enabled .reviews .quote:nth-child(3) { transition-delay: 320ms; }
  html.motion-reviews-enabled .reviews.motion-reviews-revealed .quote {
    opacity: 1;
    transform: translateY(0);
  }
}

/* stage4-previous-blocks-animation-fixed */
/* Stage 4: verified reveal animations for Order, Drinks and About blocks. */
@media (min-width: 601px) and (prefers-reduced-motion: no-preference) {
  html.motion-order-enabled .order:not(.motion-order-revealed) {
    opacity: 0;
    transform: translateY(6px);
  }
  html.motion-order-enabled .order {
    transition: opacity 700ms var(--motion-ease, ease) 140ms, transform 700ms var(--motion-ease, ease) 140ms;
    will-change: opacity, transform;
  }
  html.motion-order-enabled .order.motion-order-revealed {
    opacity: 1;
    transform: translateY(0);
  }

  html.motion-drinks-enabled .drinks:not(.motion-drinks-revealed) {
    opacity: 0;
    transform: translateY(6px) scale(.985);
  }
  html.motion-drinks-enabled .drinks {
    transition: opacity 750ms var(--motion-ease, ease) 140ms, transform 750ms var(--motion-ease, ease) 140ms;
    will-change: opacity, transform;
  }
  html.motion-drinks-enabled .drinks.motion-drinks-revealed {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  html.motion-drinks-enabled .drinks .action {
    transition-delay: 140ms;
  }

  html.motion-about-enabled .about:not(.motion-about-revealed) {
    opacity: 0;
    transform: translateY(6px);
  }
  html.motion-about-enabled .about {
    transition: opacity 700ms var(--motion-ease, ease) 140ms, transform 700ms var(--motion-ease, ease) 140ms;
    will-change: opacity, transform;
  }
  html.motion-about-enabled .about.motion-about-revealed {
    opacity: 1;
    transform: translateY(0);
  }
}

/* stage4-synchronized-entrances */
/* Stage 4: synchronized entrances requested by the user. */
@media (min-width: 601px) {
  /* Hero content and cake begin together. */
  html.motion-intro-running .hero-copy > h1,
  html.motion-intro-running .hero-divider,
  html.motion-intro-running .hero-copy > p,
  html.motion-intro-running .hero-buttons {
    transition-delay: 700ms !important;
  }

  html.motion-intro-running .hero-object {
    transition-delay: 700ms, 700ms, 700ms !important;
  }

  /* All four category cards begin together. */
  html.motion-intro-running .categories > .cat:nth-child(1),
  html.motion-intro-running .categories > .cat:nth-child(2),
  html.motion-intro-running .categories > .cat:nth-child(3),
  html.motion-intro-running .categories > .cat:nth-child(4) {
    animation-delay: 700ms !important;
  }

  /* Diet block photo, text and CTA begin together when the block enters the viewport. */
  html.motion-scroll-enabled .diet.motion-diet-revealed::before,
  html.motion-scroll-enabled .diet.motion-diet-revealed .diet-content > h2,
  html.motion-scroll-enabled .diet.motion-diet-revealed .diet-content > p,
  html.motion-scroll-enabled .diet.motion-diet-revealed .diet-content > .btn {
    transition-delay: 0ms !important;
  }
}

/* stage4-five-cards-smoother */
/* Smoother synchronized entrance for the four category cards and Diet desserts. */
@media (min-width: 601px) {
  html.motion-intro-running .categories > .cat {
    animation-duration: 460ms !important;
    animation-timing-function: cubic-bezier(.22,.61,.36,1) !important;
  }

  html.motion-intro-running .categories > .cat:nth-child(1),
  html.motion-intro-running .categories > .cat:nth-child(2),
  html.motion-intro-running .categories > .cat:nth-child(3),
  html.motion-intro-running .categories > .cat:nth-child(4) {
    animation-delay: 700ms !important;
  }

  html.motion-scroll-enabled .diet.motion-diet-revealed::before {
    transition: opacity 560ms cubic-bezier(.22,.61,.36,1) 0ms,
                transform 560ms cubic-bezier(.22,.61,.36,1) 0ms !important;
  }

  html.motion-scroll-enabled .diet.motion-diet-revealed .diet-content > h2,
  html.motion-scroll-enabled .diet.motion-diet-revealed .diet-content > p,
  html.motion-scroll-enabled .diet.motion-diet-revealed .diet-content > .btn {
    transition-delay: 0ms !important;
    transition-duration: 520ms !important;
    transition-timing-function: cubic-bezier(.22,.61,.36,1) !important;
  }
}

/* stage4-five-cards-like-showcase */
/* Match the entrance character of “Сегодня на витрине” while keeping all five starts synchronized. */
@media (min-width: 601px) {
  html.motion-intro-running .categories > .cat {
    animation-duration: 700ms !important;
    animation-timing-function: var(--motion-ease-soft) !important;
    animation-delay: 700ms !important;
  }

  html.motion-scroll-enabled .diet:not(.motion-diet-revealed)::before {
    opacity: .18;
    transform: scale(.975);
  }

  html.motion-scroll-enabled .diet:not(.motion-diet-revealed) .diet-content > h2,
  html.motion-scroll-enabled .diet:not(.motion-diet-revealed) .diet-content > p,
  html.motion-scroll-enabled .diet:not(.motion-diet-revealed) .diet-content > .btn {
    opacity: 0;
    transform: translateY(10px);
  }

  html.motion-scroll-enabled .diet.motion-diet-revealed::before {
    opacity: 1;
    transform: scale(1);
    transition: opacity 700ms var(--motion-ease-soft) 0ms,
                transform 700ms var(--motion-ease-soft) 0ms !important;
  }

  html.motion-scroll-enabled .diet.motion-diet-revealed .diet-content > h2,
  html.motion-scroll-enabled .diet.motion-diet-revealed .diet-content > p,
  html.motion-scroll-enabled .diet.motion-diet-revealed .diet-content > .btn {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0ms !important;
    transition-duration: 700ms !important;
    transition-timing-function: var(--motion-ease-soft) !important;
  }
}

/* stage4-instagram-timed-animation */
/* Instagram is already inside the fixed viewport, so it uses a deliberate timed reveal instead of IntersectionObserver. */
@media (prefers-reduced-motion: no-preference) {
  html.motion-instagram-enabled .instagram .instagram-title,
  html.motion-instagram-enabled .instagram .copy > p,
  html.motion-instagram-enabled .instagram .action,
  html.motion-instagram-enabled .instagram .ghost {
    opacity: 0;
    translate: 0 14px;
    will-change: opacity, translate;
  }

  html.motion-instagram-enabled .instagram .instagram-title,
  html.motion-instagram-enabled .instagram .ghost {
    transition:
      opacity 860ms var(--motion-ease-soft, ease),
      translate 860ms var(--motion-ease-soft, ease);
  }

  html.motion-instagram-enabled .instagram .copy > p {
    transition:
      opacity 820ms var(--motion-ease-soft, ease) 100ms,
      translate 820ms var(--motion-ease-soft, ease) 100ms;
  }

  html.motion-instagram-enabled .instagram .action {
    transition:
      opacity 820ms var(--motion-ease-soft, ease) 180ms,
      translate 820ms var(--motion-ease-soft, ease) 180ms,
      background .25s ease,
      color .25s ease,
      border-color .25s ease,
      box-shadow .25s ease;
  }

  html.motion-instagram-enabled .instagram.motion-instagram-revealed .instagram-title,
  html.motion-instagram-enabled .instagram.motion-instagram-revealed .copy > p,
  html.motion-instagram-enabled .instagram.motion-instagram-revealed .action,
  html.motion-instagram-enabled .instagram.motion-instagram-revealed .ghost {
    opacity: 1;
    translate: 0 0;
  }
}

@media (max-width: 600px) and (prefers-reduced-motion: no-preference) {
  html.motion-instagram-enabled .instagram .instagram-title,
  html.motion-instagram-enabled .instagram .ghost {
    transition-duration: 820ms;
  }
  html.motion-instagram-enabled .instagram .copy > p {
    transition-duration: 820ms;
    transition-delay: 100ms;
  }
  html.motion-instagram-enabled .instagram .action {
    transition:
      opacity 820ms var(--motion-ease-soft, ease) 180ms,
      translate 820ms var(--motion-ease-soft, ease) 180ms,
      background .25s ease,
      color .25s ease,
      border-color .25s ease,
      box-shadow .25s ease;
  }
}

@media (prefers-reduced-motion: reduce) {
  .instagram .instagram-title,
  .instagram .copy > p,
  .instagram .action,
  .instagram .ghost {
    opacity: 1 !important;
    translate: none !important;
    transition: none !important;
  }
}

/* cherry-motion-system-v1 */
/* Cherry On Top — Motion System v1.1
   Preserves the original geometry: motion uses the independent `translate`
   property and never overwrites existing `transform` calibrations. */
:root {
  --cherry-motion-duration: 1100ms;
  --cherry-motion-ease: cubic-bezier(.22,.61,.36,1);
  --cherry-motion-shift: 14px;
  --cherry-motion-step: 55ms;
}

@media (min-width: 601px) and (prefers-reduced-motion: no-preference) {
  /* Category cards keep their original geometry and use the shared motion. */
  html.motion-system-v1.motion-intro-pending .categories > .cat {
    opacity: 0 !important;
    translate: 0 var(--cherry-motion-shift) !important;
  }
  html.motion-system-v1.motion-intro-running .categories > .cat {
    animation: none !important;
    opacity: 1 !important;
    translate: 0 0 !important;
    transition:
      opacity var(--cherry-motion-duration) var(--cherry-motion-ease),
      translate var(--cherry-motion-duration) var(--cherry-motion-ease) !important;
  }
  html.motion-system-v1.motion-intro-running .categories > .cat:nth-child(1) { transition-delay: 420ms !important; }
  html.motion-system-v1.motion-intro-running .categories > .cat:nth-child(2) { transition-delay: 490ms !important; }
  html.motion-system-v1.motion-intro-running .categories > .cat:nth-child(3) { transition-delay: 560ms !important; }
  html.motion-system-v1.motion-intro-running .categories > .cat:nth-child(4) { transition-delay: 630ms !important; }

  /* Whole-section entrances. `translate` does not disturb original transforms. */
  html.motion-system-v1 .diet,
  html.motion-system-v1 .benefits,
  html.motion-system-v1 .order,
  html.motion-system-v1 .drinks,
  html.motion-system-v1 .about,
  html.motion-system-v1 .reviews,
  html.motion-system-v1 .instagram {
    opacity: 0 !important;
    translate: 0 var(--cherry-motion-shift) !important;
    transition:
      opacity var(--cherry-motion-duration) var(--cherry-motion-ease),
      translate var(--cherry-motion-duration) var(--cherry-motion-ease) !important;
    will-change: opacity, translate;
  }
  html.motion-system-v1 .diet.motion-unified-revealed,
  html.motion-system-v1 .benefits.motion-unified-revealed,
  html.motion-system-v1 .order.motion-unified-revealed,
  html.motion-system-v1 .drinks.motion-unified-revealed,
  html.motion-system-v1 .about.motion-unified-revealed,
  html.motion-system-v1 .reviews.motion-unified-revealed,
  html.motion-system-v1 .instagram.motion-unified-revealed {
    opacity: 1 !important;
    translate: 0 0 !important;
  }

  /* Disable only legacy reveal offsets. Never reset transform: language-specific
     and layout transforms must remain untouched so buttons stay calibrated. */
  html.motion-system-v1 .diet::before,
  html.motion-system-v1 .diet .diet-content > *,
  html.motion-system-v1 .order .copy > *,
  html.motion-system-v1 .drinks .copy > *,
  html.motion-system-v1 .about .copy > *,
  html.motion-system-v1 .reviews .quote,
  html.motion-system-v1 .instagram .instagram-title,
  html.motion-system-v1 .instagram .copy > p,
  html.motion-system-v1 .instagram .action,
  html.motion-system-v1 .instagram .ghost {
    opacity: 1 !important;
    translate: 0 0 !important;
    transition-delay: 0ms !important;
  }

  /* “Today on display” remains the visual reference. */
  html.motion-system-v1 .showcase .section-heading h2,
  html.motion-system-v1 .showcase .section-heading .section-link,
  html.motion-system-v1 .showcase .products > article.product {
    opacity: 0 !important;
    translate: 0 var(--cherry-motion-shift) !important;
    transition-property: opacity, translate, box-shadow, filter !important;
    transition-duration: var(--cherry-motion-duration), var(--cherry-motion-duration), .30s, .30s !important;
    transition-timing-function: var(--cherry-motion-ease), var(--cherry-motion-ease), var(--motion-ease), var(--motion-ease) !important;
    will-change: opacity, translate;
  }
  html.motion-system-v1 .showcase.motion-unified-revealed .section-heading h2,
  html.motion-system-v1 .showcase.motion-unified-revealed .section-heading .section-link,
  html.motion-system-v1 .showcase.motion-unified-revealed .products > article.product {
    opacity: 1 !important;
    translate: 0 0 !important;
  }
  html.motion-system-v1 .showcase .section-heading h2 { transition-delay: 0ms, 0ms, 0ms, 0ms !important; }
  html.motion-system-v1 .showcase .section-heading .section-link { transition-delay: 60ms, 60ms, 0ms, 0ms !important; }
  html.motion-system-v1 .showcase .products > article.product:nth-child(1) { transition-delay: 60ms, 60ms, 0ms, 0ms !important; }
  html.motion-system-v1 .showcase .products > article.product:nth-child(2) { transition-delay: 140ms, 140ms, 0ms, 0ms !important; }
  html.motion-system-v1 .showcase .products > article.product:nth-child(3) { transition-delay: 210ms, 210ms, 0ms, 0ms !important; }
  html.motion-system-v1 .showcase .products > article.product:nth-child(4) { transition-delay: 280ms, 280ms, 0ms, 0ms !important; }
  html.motion-system-v1 .showcase .products > article.product:nth-child(5) { transition-delay: 350ms, 350ms, 0ms, 0ms !important; }

  /* Delivery / contacts: preserve every original transform and position. */
  html.motion-system-v1 .lower-right {
    opacity: 0 !important;
    translate: 0 var(--cherry-motion-shift) !important;
    transition:
      opacity var(--cherry-motion-duration) var(--cherry-motion-ease),
      translate var(--cherry-motion-duration) var(--cherry-motion-ease) !important;
    will-change: opacity, translate;
  }
  html.motion-system-v1 .lower-right.motion-unified-revealed {
    opacity: 1 !important;
    translate: 0 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.motion-system-v1 .categories > .cat,
  html.motion-system-v1 .diet,
  html.motion-system-v1 .benefits,
  html.motion-system-v1 .showcase *,
  html.motion-system-v1 .order,
  html.motion-system-v1 .drinks,
  html.motion-system-v1 .about,
  html.motion-system-v1 .reviews,
  html.motion-system-v1 .instagram,
  html.motion-system-v1 .lower-right {
    opacity: 1 !important;
    translate: none !important;
    animation: none !important;
    transition: none !important;
  }
}

/* release-v1-0-1-brandbook-light-palette */
/* Release v1.0.1: BrandBook light palette only.
   Geometry, typography, content, motion and functionality are unchanged. */
:root {
  --cream: #FAF8F4;
  --cream2: #F7F3ED;
  --warm: #EEEAE2;
  --wine: #581C20;
  --footer: #581C20;
  --velvet: #581C20;
  --brown: #9F856A;
  --choco: #9F856A;
  --gold: #D5CDBE;
  --bronze: #9F856A;
  --sand: #D5CDBE;
  --muted: #6F625A;
}

html,
body,
.canvas {
  background:
    radial-gradient(circle at 10% 0%, rgba(213, 205, 190, .20), transparent 27%),
    linear-gradient(180deg, #FFFFFF 0 34%, #FAF8F4 34% 100%);
}

.topbar {
  background: #581C20;
  color: #F7F3ED;
}

.left-hero {
  background:
    radial-gradient(ellipse at 78% 48%, rgba(255, 255, 255, .86) 0%, rgba(247, 243, 237, .64) 36%, rgba(213, 205, 190, .22) 62%, transparent 78%),
    linear-gradient(180deg, #FFFFFF 0%, #F7F3ED 100%);
}

.hero-photo {
  background:
    radial-gradient(ellipse at 60% 47%, rgba(255, 255, 255, .92) 0%, rgba(247, 243, 237, .72) 38%, rgba(213, 205, 190, .32) 62%, transparent 80%),
    linear-gradient(135deg, #FFFFFF 0%, #F7F3ED 64%, #D5CDBE 100%);
}

.categories .cat,
.diet {
  border-color: rgba(159, 133, 106, .62);
  background:
    radial-gradient(ellipse at 76% 44%, rgba(213, 205, 190, .18) 0%, rgba(159, 133, 106, .08) 32%, transparent 58%),
    linear-gradient(128deg, #6A242A 0%, #581C20 58%, #43171A 100%);
  box-shadow:
    0 6px 16px rgba(88, 28, 32, .18),
    0 1px 0 rgba(213, 205, 190, .16),
    inset 0 1px 0 rgba(255, 255, 255, .06),
    inset 0 -12px 24px rgba(35, 5, 6, .12);
}

.categories .cat::after,
.diet::after {
  background:
    linear-gradient(105deg, rgba(255, 255, 255, .06) 0%, transparent 34%, transparent 74%, rgba(213, 205, 190, .05) 100%),
    radial-gradient(ellipse at 50% 118%, rgba(35, 5, 6, .15), transparent 56%);
  box-shadow: inset 0 0 18px rgba(35, 5, 6, .08);
}

.categories .cat::before,
.diet::before {
  background:
    radial-gradient(circle, #FFFFFF 0 43%, #D5CDBE 44% 55%, rgba(159, 133, 106, .40) 56% 61%, transparent 62%);
  box-shadow: 0 8px 17px rgba(88, 28, 32, .10);
}

.categories .cat-content,
.diet-content,
.diet h2,
.diet p {
  color: #F7F3ED;
}

.categories .cat-icon {
  border-color: rgba(213, 205, 190, .68);
  color: #F7F3ED;
  background: rgba(255, 255, 255, .04);
}

.categories .cat-content > span,
.cat .btn,
.diet .btn {
  border-color: rgba(213, 205, 190, .72);
  background: transparent;
  color: #F7F3ED;
}

.benefits,
.product,
.product-body,
.reviews,
.reviews .quote,
.lower-right,
.lower-card {
  background-color: rgba(255, 255, 255, .78);
}

.order,
.drinks,
.about {
  background:
    radial-gradient(ellipse at 83% 45%, rgba(255, 255, 255, .78) 0%, rgba(247, 243, 237, .52) 35%, rgba(213, 205, 190, .18) 60%, transparent 76%),
    linear-gradient(135deg, #FFFFFF 0%, #F7F3ED 64%, #D5CDBE 100%);
}

.instagram {
  border-color: rgba(159, 133, 106, .62);
  background:
    radial-gradient(ellipse at 82% 47%, rgba(213, 205, 190, .18) 0%, rgba(159, 133, 106, .08) 34%, transparent 70%),
    linear-gradient(135deg, #6A242A 0%, #581C20 58%, #43171A 100%);
  box-shadow:
    0 5px 14px rgba(88, 28, 32, .16),
    inset 0 1px 0 rgba(255, 255, 255, .05);
}

.instagram h2,
.instagram p,
.instagram .action {
  color: #F7F3ED;
}

.instagram .action {
  border-color: rgba(213, 205, 190, .72);
  background: transparent;
}

.instagram .ghost {
  opacity: .62;
  background:
    radial-gradient(circle, rgba(213, 205, 190, .20) 0 26%, rgba(159, 133, 106, .14) 42%, rgba(67, 23, 26, .12) 58%, transparent 74%);
  box-shadow: 0 7px 16px rgba(35, 5, 6, .10);
}

/* release-v1-0-3-lower-burgundy-background */
/* Release v1.0.3: the lower delivery/contact area uses the same
   official burgundy treatment as the Instagram block. */
.lower-right {
  background:
    radial-gradient(ellipse at 82% 47%, rgba(213, 205, 190, .18) 0%, rgba(159, 133, 106, .08) 34%, transparent 70%),
    linear-gradient(135deg, #6A242A 0%, #581C20 58%, #43171A 100%);
  background-color: #581C20;
}

.lower-right .lower-card {
  background: transparent;
}

/* release-v1-0-5-official-brandbook-logo */
/* Release v1.0.5: exact vector mark from BrandBook page 15.
   The header grid and all neighbouring elements keep their approved geometry. */
.header .logo {
  padding: 0 !important;
  gap: 0 !important;
  justify-content: flex-start !important;
  transform: none !important;
}

.header .brand-logo-image {
  display: block;
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  object-fit: contain;
}

@media (min-width: 601px) {
  html.motion-intro-pending .header .logo {
    transform: translateY(6px) !important;
  }

  html.motion-intro-running .header .logo {
    transform: translateY(0) !important;
  }

  html.motion-intro-finished .header .logo {
    transform: none !important;
  }
}

/* release-v1-0-6-official-horizontal-wordmark */
/* Release v1.0.6: official horizontal BrandBook lockup.
   It fills only the existing 150px logo column, so navigation stays fixed. */
.header .brand-logo-image {
  width: 148px;
  height: 44px;
  flex-basis: 148px;
}

/* release-v1-0-7-logo-size-and-alignment */
/* Release v1.0.7: a restrained 4% enlargement within the existing header grid.
   The wordmark moves 2px left to keep a clean visual gap before navigation. */
.header .brand-logo-image {
  width: 154px;
  height: 46px;
  flex-basis: 154px;
  margin-left: -2px;
}

/* release-v1-0-8-logo-final-scale */
/* Release v1.0.8: final restrained increase within the unchanged header grid. */
.header .brand-logo-image {
  width: 160px;
  height: 48px;
  flex-basis: 160px;
  margin-left: -5px;
}

/* release-v1-0-9-form-validation */
/* Release v1.0.9: form validation feedback without layout changes. */
.field-invalid {
  border-color: #9B2635 !important;
  box-shadow: 0 0 0 2px rgba(155, 38, 53, .14) !important;
}

/* release-v1-0-10-custom-order-refinement */
/* Release v1.0.10: clearer custom-cake choices and delivery details. */
.selected-cake-details {
  margin-top: 8px;
  padding: 14px;
  border: 1px solid rgba(143,103,74,.24);
  border-radius: 12px;
  background: linear-gradient(180deg,rgba(255,250,246,.98),rgba(244,234,226,.92));
  box-shadow: 0 5px 14px rgba(41,7,8,.06);
}
.selected-cake-details > b {
  display: block;
  color: #290708;
  font-size: 15px;
}
.selected-cake-filling {
  display: block;
  margin-top: 6px;
  color: #6e5b51;
  font-size: 12px;
  line-height: 1.45;
}
.filling-options {
  display: grid;
  gap: 7px;
  margin-top: 12px;
}
.custom-order-modal .filling-option {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 9px 11px;
  border: 1px solid rgba(143,103,74,.18);
  border-radius: 9px;
  background: rgba(255,248,242,.72);
  cursor: pointer;
}
.custom-order-modal .filling-option input {
  width: auto;
  margin: 0;
  accent-color: #581C20;
}
#customFilling[hidden],
#customOrderAddressField[hidden] {
  display: none !important;
}
#customFilling {
  margin-top: 9px;
}
.custom-order-modal input[type="date"] {
  min-height: 39px;
}

/* release-v1-0-15-contact-links */
/* Release v1.0.15: real contact destinations, without changing the approved footer geometry. */
.lower-card a,
.lower-card a:visited{
  color:inherit;
}
.lower-card .contact-link,
.lower-card .wolt-link{
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:2px;
}
.lower-card .contact-link:hover,
.lower-card .contact-link:focus-visible,
.lower-card .wolt-link:hover,
.lower-card .wolt-link:focus-visible{
  color:#fff8f2;
}
.lower-card .map{
  text-decoration:none;
  cursor:pointer;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.lower-card .map:hover,
.lower-card .map:focus-visible{
  transform:translateY(-1px);
  filter:brightness(1.04);
  box-shadow:0 4px 10px rgba(35,5,6,.12),inset 0 1px 0 rgba(255,255,255,.36);
}
.lower-card .map:focus-visible,
.lower-card .contact-link:focus-visible,
.lower-card .wolt-link:focus-visible{
  outline:2px solid rgba(213,205,190,.82);
  outline-offset:2px;
}

/* release-v1-0-109-category-images */
.categories > .cat::before{
    background-color:#f7eadc!important;
    background-image:var(--category-image)!important;
    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    border:4px solid rgba(255,248,242,.9);
    box-shadow:0 0 0 5px rgba(220,189,162,.48),0 8px 18px rgba(35,5,6,.22)!important;
    opacity:1!important;
  }

/* mobile-layout-fix */
@media (max-width:600px){
html,body{width:100%!important;min-width:0!important;height:auto!important;min-height:100%!important;overflow-x:hidden!important}
body{display:block!important;background:#f4eae2!important}
.canvas{width:100%!important;height:auto!important;min-height:100vh!important;flex:0 0 auto!important;transform:none!important;overflow:visible!important;padding:0 12px 24px!important;display:flex!important;flex-direction:column!important;gap:12px!important;background:linear-gradient(180deg,#f8f1eb,#f3e9e1)!important}
.canvas::before{position:fixed!important}
.topbar,.left-hero,.categories,.diet,.benefits,.showcase,.right-block,.lower-right{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important}
.topbar{order:0;height:34px!important;margin:0!important;flex:0 0 34px!important;gap:14px!important;font-size:10px!important;white-space:nowrap!important;overflow-x:auto!important;justify-content:flex-start!important;padding:0 12px!important}
.left-hero{order:1;height:auto!important;min-height:0!important;padding:12px 0 22px!important;border-radius:0 0 16px 16px!important;overflow:hidden!important}
.header{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;padding:0 14px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important}
.menu{grid-column:1/-1!important;grid-row:2!important;width:100%!important;display:flex!important;gap:18px!important;overflow-x:auto!important;padding:8px 0 6px!important;white-space:nowrap!important;font-size:12px!important;scrollbar-width:none!important}.menu::-webkit-scrollbar{display:none}
.header-actions{gap:8px!important}.order-btn{font-size:11px!important;padding:8px 11px!important}
.hero-copy{position:relative!important;left:auto!important;top:auto!important;width:100%!important;padding:32px 18px 12px!important}.hero-copy h1{font-size:42px!important;line-height:.96!important}.hero-copy p{font-size:14px!important;line-height:1.5!important;max-width:100%!important}
.hero-buttons{margin-top:20px!important;transform:none!important;flex-wrap:wrap!important}.hero-buttons .btn{font-size:13px!important;padding:11px 16px!important}
.hero-object{position:relative!important;right:auto!important;top:auto!important;width:245px!important;height:175px!important;margin:8px auto 0!important}
.categories{order:2;height:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.cat{min-height:170px!important}.cat-content{padding:16px!important}.cat h3{font-size:24px!important}.cat .btn{font-size:12px!important;padding:8px 12px!important}
.diet{order:3;height:auto!important;min-height:190px!important;border-radius:14px!important}.diet-content{position:relative!important;left:auto!important;top:auto!important;width:72%!important;padding:28px 18px!important}.diet h2{font-size:31px!important}.diet p{font-size:12px!important;max-width:100%!important}.diet .btn{font-size:12px!important;padding:9px 13px!important}
.benefits{order:4;height:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;border-radius:14px!important}.benefit{min-height:74px!important;padding:13px!important}.benefit b{font-size:12px!important}.benefit span{font-size:10px!important;line-height:1.35!important}
.showcase{order:5;height:auto!important;padding:8px 0 0!important}.section-heading{height:auto!important;min-height:46px!important;gap:10px!important}.section-heading h2{font-size:29px!important}.showcase .section-heading .section-link{width:auto!important;min-width:0!important;height:36px!important;padding:0 13px!important;font-size:12px!important}
.products{height:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.product{min-height:210px!important}.product-photo{height:145px!important}.showcase .product-body{height:auto!important;min-height:64px!important;padding:10px!important;gap:8px!important}.showcase .product-body b{font-size:14px!important;line-height:1.15!important}.showcase .product-body .price{font-size:13px!important}
.right-block{height:auto!important;min-height:190px!important;border-radius:14px!important}.order{order:6!important}.drinks{order:7!important}.about{order:8!important}.reviews{order:9!important}.instagram{order:10!important}
.right-block .copy{position:relative!important;left:auto!important;top:auto!important;width:100%!important;padding:28px 20px!important}.right-block h2{font-size:31px!important}.right-block p{font-size:13px!important;line-height:1.5!important;max-width:75%!important}.right-block .action{font-size:12px!important;padding:10px 14px!important}.right-block .ghost{display:none!important}
.reviews{min-height:300px!important;margin-bottom:0!important}.reviews .copy{width:100%!important}.reviews .quote-row{grid-template-columns:1fr!important;gap:10px!important}.reviews .quote{min-height:auto!important;font-size:11px!important}
.lower-right{order:11!important;height:auto!important;display:grid!important;grid-template-columns:1fr!important;border-radius:14px!important;overflow:hidden!important}.lower-card{min-height:120px!important;padding:20px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.lower-card h3{font-size:24px!important}.lower-card p,.lower-card li{font-size:12px!important;line-height:1.55!important}.map{height:110px!important;font-size:12px!important}
.product-modal,.simple-modal,.category-modal{width:calc(100vw - 16px)!important;max-height:92vh!important;border-radius:16px!important}.category-modal{padding:18px 14px!important}.category-modal h2{font-size:28px!important}.category-products,.drink-subcategory-products,.tea-price-columns{grid-template-columns:1fr!important}.category-product{min-height:82px!important;padding:12px!important}.category-product.category-product-with-image{grid-template-columns:64px minmax(0,1fr) auto!important}.category-product-thumb{width:64px!important;height:64px!important}.modal-content{padding:22px 18px!important}.modal-content h2{font-size:28px!important}.modal-visual{min-height:260px!important}.custom-order-modal{padding:20px 14px!important}
}

/* stage4-final-hover-calibration */
@media (hover:hover) and (pointer:fine) {
  button, .btn, [class*="btn"], a.button, a[class*="btn"] { transition-duration: .25s; }
}

/* cherry-motion-system-v1-3-compatibility-fix */
/* Final motion ownership: when Motion System v1 is active, legacy reveal
   controllers must not animate the same sections or their inner elements. */
@media (min-width: 601px) and (prefers-reduced-motion: no-preference) {
  html.motion-system-v1.motion-order-enabled .order .copy > *,
  html.motion-system-v1.motion-drinks-enabled .drinks .copy > *,
  html.motion-system-v1.motion-about-enabled .about .copy > *,
  html.motion-system-v1.motion-reviews-enabled .reviews .quote,
  html.motion-system-v1.motion-instagram-enabled .instagram .instagram-title,
  html.motion-system-v1.motion-instagram-enabled .instagram .copy > p,
  html.motion-system-v1.motion-instagram-enabled .instagram .action,
  html.motion-system-v1.motion-instagram-enabled .instagram .ghost,
  html.motion-system-v1.motion-scroll-enabled .diet::before,
  html.motion-system-v1.motion-scroll-enabled .diet .diet-content > h2,
  html.motion-system-v1.motion-scroll-enabled .diet .diet-content > p,
  html.motion-system-v1.motion-scroll-enabled .diet .diet-content > .btn {
    opacity: 1 !important;
    translate: 0 0 !important;
    transform: revert-layer;
    transition-property: none !important;
    transition-delay: 0ms !important;
    animation: none !important;
  }

  /* Inner content remains geometrically fixed; only the owning section/card moves. */
  html.motion-system-v1 .instagram .instagram-title,
  html.motion-system-v1 .instagram .copy > p,
  html.motion-system-v1 .instagram .action,
  html.motion-system-v1 .instagram .ghost,
  html.motion-system-v1 .order .copy > *,
  html.motion-system-v1 .drinks .copy > *,
  html.motion-system-v1 .about .copy > *,
  html.motion-system-v1 .reviews .quote,
  html.motion-system-v1 .diet .diet-content > * {
    opacity: 1 !important;
    translate: 0 0 !important;
    transition-property: none !important;
    animation: none !important;
  }
}

/* release-v1-0-17-silk-motion */
/* Release v1.0.17 — Motion System “Silk”.
   One visual owner for entrances and interactions. Layout, transforms used for
   language calibration, colour, content and functionality remain unchanged. */
:root {
  --silk-ease: cubic-bezier(.25,.1,.25,1);
  --silk-hero-duration: 1000ms;
  --silk-section-duration: 900ms;
  --silk-mobile-duration: 580ms;
  --silk-shift: 9px;
  --silk-mobile-shift: 7px;
  --silk-hover-duration: 400ms;
  --silk-button-duration: 300ms;
}

@media (prefers-reduced-motion: no-preference) {
  /* Hero: text and cake move as one calm composition, without blur. */
  html.motion-system-v1.motion-intro-pending .header {
    opacity: 0 !important;
    translate: 0 -6px !important;
    transform: none !important;
    filter: none !important;
  }
  html.motion-system-v1.motion-intro-running .header {
    opacity: 1 !important;
    translate: 0 0 !important;
    transform: none !important;
    filter: none !important;
    transition:
      opacity 900ms var(--silk-ease),
      translate 900ms var(--silk-ease) !important;
  }

  html.motion-system-v1.motion-intro-pending .hero-copy > h1,
  html.motion-system-v1.motion-intro-pending .hero-divider,
  html.motion-system-v1.motion-intro-pending .hero-copy > p,
  html.motion-system-v1.motion-intro-pending .hero-buttons,
  html.motion-system-v1.motion-intro-pending .hero-object {
    opacity: 0 !important;
    translate: 0 var(--silk-shift) !important;
    transform: none !important;
    filter: none !important;
  }
  html.motion-system-v1.motion-intro-running .hero-copy > h1,
  html.motion-system-v1.motion-intro-running .hero-divider,
  html.motion-system-v1.motion-intro-running .hero-copy > p,
  html.motion-system-v1.motion-intro-running .hero-buttons,
  html.motion-system-v1.motion-intro-running .hero-object {
    opacity: 1 !important;
    translate: 0 0 !important;
    transform: none !important;
    filter: none !important;
    transition:
      opacity var(--silk-hero-duration) var(--silk-ease) 180ms,
      translate var(--silk-hero-duration) var(--silk-ease) 180ms !important;
  }

  html.motion-system-v1.motion-intro-pending .categories > .cat {
    opacity: 0 !important;
    translate: 0 var(--silk-shift) !important;
  }
  html.motion-system-v1.motion-intro-running .categories > .cat {
    animation: none !important;
    opacity: 1 !important;
    translate: 0 0 !important;
    transition:
      opacity 850ms var(--silk-ease),
      translate 850ms var(--silk-ease),
      box-shadow var(--silk-hover-duration) var(--silk-ease),
      filter var(--silk-hover-duration) var(--silk-ease),
      transform var(--silk-hover-duration) var(--silk-ease) !important;
  }
  html.motion-system-v1.motion-intro-running .categories > .cat:nth-child(1) { transition-delay: 720ms,720ms,0ms,0ms,0ms !important; }
  html.motion-system-v1.motion-intro-running .categories > .cat:nth-child(2) { transition-delay: 780ms,780ms,0ms,0ms,0ms !important; }
  html.motion-system-v1.motion-intro-running .categories > .cat:nth-child(3) { transition-delay: 840ms,840ms,0ms,0ms,0ms !important; }
  html.motion-system-v1.motion-intro-running .categories > .cat:nth-child(4) { transition-delay: 900ms,900ms,0ms,0ms,0ms !important; }

  /* Sections now appear only as they enter the viewport. */
  html.motion-system-v1 .diet,
  html.motion-system-v1 .benefits,
  html.motion-system-v1 .order,
  html.motion-system-v1 .drinks,
  html.motion-system-v1 .about,
  html.motion-system-v1 .reviews,
  html.motion-system-v1 .instagram,
  html.motion-system-v1 .lower-right {
    opacity: 0 !important;
    translate: 0 var(--silk-shift) !important;
    transition:
      opacity var(--silk-section-duration) var(--silk-ease),
      translate var(--silk-section-duration) var(--silk-ease),
      box-shadow var(--silk-hover-duration) var(--silk-ease),
      filter var(--silk-hover-duration) var(--silk-ease),
      transform var(--silk-hover-duration) var(--silk-ease) !important;
    will-change: opacity, translate;
  }
  html.motion-system-v1 .diet.motion-silk-revealed,
  html.motion-system-v1 .benefits.motion-silk-revealed,
  html.motion-system-v1 .order.motion-silk-revealed,
  html.motion-system-v1 .drinks.motion-silk-revealed,
  html.motion-system-v1 .about.motion-silk-revealed,
  html.motion-system-v1 .reviews.motion-silk-revealed,
  html.motion-system-v1 .instagram.motion-silk-revealed,
  html.motion-system-v1 .lower-right.motion-silk-revealed {
    opacity: 1 !important;
    translate: 0 0 !important;
  }

  html.motion-system-v1 .showcase .section-heading h2,
  html.motion-system-v1 .showcase .section-heading .section-link,
  html.motion-system-v1 .showcase .products > article.product {
    opacity: 0 !important;
    translate: 0 var(--silk-shift) !important;
    transition-property: opacity,translate,box-shadow,filter,transform !important;
    transition-duration:
      var(--silk-section-duration),var(--silk-section-duration),
      var(--silk-hover-duration),var(--silk-hover-duration),var(--silk-hover-duration) !important;
    transition-timing-function:
      var(--silk-ease),var(--silk-ease),var(--silk-ease),var(--silk-ease),var(--silk-ease) !important;
  }
  html.motion-system-v1 .showcase.motion-silk-revealed .section-heading h2,
  html.motion-system-v1 .showcase.motion-silk-revealed .section-heading .section-link,
  html.motion-system-v1 .showcase.motion-silk-revealed .products > article.product {
    opacity: 1 !important;
    translate: 0 0 !important;
  }
  html.motion-system-v1 .showcase .section-heading h2 { transition-delay: 0ms,0ms,0ms,0ms,0ms !important; }
  html.motion-system-v1 .showcase .section-heading .section-link,
  html.motion-system-v1 .showcase .products > article.product:nth-child(1) { transition-delay: 60ms,60ms,0ms,0ms,0ms !important; }
  html.motion-system-v1 .showcase .products > article.product:nth-child(2) { transition-delay: 120ms,120ms,0ms,0ms,0ms !important; }
  html.motion-system-v1 .showcase .products > article.product:nth-child(3) { transition-delay: 180ms,180ms,0ms,0ms,0ms !important; }
  html.motion-system-v1 .showcase .products > article.product:nth-child(4) { transition-delay: 240ms,240ms,0ms,0ms,0ms !important; }
  html.motion-system-v1 .showcase .products > article.product:nth-child(5) { transition-delay: 300ms,300ms,0ms,0ms,0ms !important; }

  /* Soft, short responses: movement confirms interaction without a sharp jump. */
  button,.btn,[class*="btn"],a.button,a[class*="btn"],
  .action,.section-link,.category-product-open,.custom-order-scenario,
  .custom-cake-card,.custom-work-card {
    transition-duration: var(--silk-button-duration) !important;
    transition-timing-function: var(--silk-ease) !important;
  }
  html.motion-system-v1 .order .action,
  html.motion-system-v1 .drinks .action,
  html.motion-system-v1 .about .action,
  html.motion-system-v1 .instagram .action,
  html.motion-system-v1 .diet .btn {
    transition-property: background,color,border-color,box-shadow,filter,transform,opacity !important;
    transition-duration: var(--silk-button-duration) !important;
    transition-timing-function: var(--silk-ease) !important;
  }
  .cat {
    transition-duration: var(--silk-hover-duration) !important;
    transition-timing-function: var(--silk-ease) !important;
  }
  .diet,
  section.right-block.order,section.right-block.drinks,section.right-block.about {
    transition-duration:
      var(--silk-section-duration),var(--silk-section-duration),
      var(--silk-hover-duration),var(--silk-hover-duration),var(--silk-hover-duration) !important;
    transition-timing-function:
      var(--silk-ease),var(--silk-ease),var(--silk-ease),var(--silk-ease),var(--silk-ease) !important;
  }
  @media (hover:hover) and (pointer:fine) {
    .cat:hover,.diet:hover,.showcase .products > article.product:hover,
    section.right-block.order:hover,section.right-block.drinks:hover,section.right-block.about:hover {
      transform: translateY(-2px) scale(1.004) !important;
      filter: none !important;
    }
  }

  /* Modal entrances share one understated rhythm. */
  .site-overlay:not([hidden]) {
    animation: silk-overlay-in 260ms var(--silk-ease) both;
  }
  .product-modal:not([hidden]),
  .simple-modal:not([hidden]),
  .category-modal:not([hidden]),
  .custom-work-lightbox:not([hidden]) {
    animation: silk-modal-in 340ms var(--silk-ease) both;
  }
  .cart-drawer:not([hidden]) {
    animation: silk-drawer-in 360ms var(--silk-ease) both;
  }
  @keyframes silk-overlay-in {
    from { opacity: 0; }
    to { opacity: 1; }
  }
  @keyframes silk-modal-in {
    from { opacity: 0; translate: 0 7px; }
    to { opacity: 1; translate: 0 0; }
  }
  @keyframes silk-drawer-in {
    from { opacity: 0; translate: 12px 0; }
    to { opacity: 1; translate: 0 0; }
  }
}

@media (max-width: 600px) and (prefers-reduced-motion: no-preference) {
  html.motion-system-v1 .diet,
  html.motion-system-v1 .benefits,
  html.motion-system-v1 .order,
  html.motion-system-v1 .drinks,
  html.motion-system-v1 .about,
  html.motion-system-v1 .reviews,
  html.motion-system-v1 .instagram,
  html.motion-system-v1 .lower-right {
    translate: 0 var(--silk-mobile-shift) !important;
    transition-duration: var(--silk-mobile-duration) !important;
  }
  html.motion-system-v1 .diet.motion-silk-revealed,
  html.motion-system-v1 .benefits.motion-silk-revealed,
  html.motion-system-v1 .order.motion-silk-revealed,
  html.motion-system-v1 .drinks.motion-silk-revealed,
  html.motion-system-v1 .about.motion-silk-revealed,
  html.motion-system-v1 .reviews.motion-silk-revealed,
  html.motion-system-v1 .instagram.motion-silk-revealed,
  html.motion-system-v1 .lower-right.motion-silk-revealed {
    translate: 0 0 !important;
  }
  html.motion-system-v1 .showcase .section-heading h2,
  html.motion-system-v1 .showcase .section-heading .section-link,
  html.motion-system-v1 .showcase .products > article.product {
    translate: 0 var(--silk-mobile-shift) !important;
    transition-duration:
      var(--silk-mobile-duration),var(--silk-mobile-duration),
      var(--silk-hover-duration),var(--silk-hover-duration),var(--silk-hover-duration) !important;
  }
  html.motion-system-v1 .showcase.motion-silk-revealed .section-heading h2,
  html.motion-system-v1 .showcase.motion-silk-revealed .section-heading .section-link,
  html.motion-system-v1 .showcase.motion-silk-revealed .products > article.product {
    translate: 0 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.motion-system-v1 .categories > .cat,
  html.motion-system-v1 .hero-copy > *,
  html.motion-system-v1 .hero-object,
  html.motion-system-v1 .diet,
  html.motion-system-v1 .benefits,
  html.motion-system-v1 .showcase *,
  html.motion-system-v1 .order,
  html.motion-system-v1 .drinks,
  html.motion-system-v1 .about,
  html.motion-system-v1 .reviews,
  html.motion-system-v1 .instagram,
  html.motion-system-v1 .lower-right {
    opacity: 1 !important;
    translate: none !important;
    filter: none !important;
    animation: none !important;
    transition: none !important;
  }
}

/* release-v1-0-18-showcase-priority */
/* Release v1.0.18: “Today on display” is commercial priority content.
   It follows the Hero sequence automatically instead of waiting for scroll. */
@media (min-width: 601px) and (prefers-reduced-motion: no-preference) {
  html.motion-system-v1 .showcase .section-heading h2,
  html.motion-system-v1 .showcase .section-heading .section-link,
  html.motion-system-v1 .showcase .products > article.product {
    transition-duration: 700ms,700ms,var(--silk-hover-duration),var(--silk-hover-duration),var(--silk-hover-duration) !important;
  }
  html.motion-system-v1 .showcase .section-heading h2 { transition-delay: 0ms,0ms,0ms,0ms,0ms !important; }
  html.motion-system-v1 .showcase .section-heading .section-link,
  html.motion-system-v1 .showcase .products > article.product:nth-child(1) { transition-delay: 50ms,50ms,0ms,0ms,0ms !important; }
  html.motion-system-v1 .showcase .products > article.product:nth-child(2) { transition-delay: 100ms,100ms,0ms,0ms,0ms !important; }
  html.motion-system-v1 .showcase .products > article.product:nth-child(3) { transition-delay: 150ms,150ms,0ms,0ms,0ms !important; }
  html.motion-system-v1 .showcase .products > article.product:nth-child(4) { transition-delay: 200ms,200ms,0ms,0ms,0ms !important; }
  html.motion-system-v1 .showcase .products > article.product:nth-child(5) { transition-delay: 250ms,250ms,0ms,0ms,0ms !important; }
}

@media (max-width: 600px) and (prefers-reduced-motion: no-preference) {
  html.motion-system-v1 .showcase .section-heading h2,
  html.motion-system-v1 .showcase .section-heading .section-link,
  html.motion-system-v1 .showcase .products > article.product {
    transition-duration: 560ms,560ms,var(--silk-hover-duration),var(--silk-hover-duration),var(--silk-hover-duration) !important;
  }
}

/* release-v1-0-19-showcase-speed */
/* Release v1.0.19: faster timing for the already approved priority reveal. */
@media (min-width: 601px) and (prefers-reduced-motion: no-preference) {
  html.motion-system-v1 .showcase .section-heading h2,
  html.motion-system-v1 .showcase .section-heading .section-link,
  html.motion-system-v1 .showcase .products > article.product {
    transition-duration: 600ms,600ms,var(--silk-hover-duration),var(--silk-hover-duration),var(--silk-hover-duration) !important;
  }
  html.motion-system-v1 .showcase .section-heading h2 { transition-delay: 0ms,0ms,0ms,0ms,0ms !important; }
  html.motion-system-v1 .showcase .section-heading .section-link,
  html.motion-system-v1 .showcase .products > article.product:nth-child(1) { transition-delay: 40ms,40ms,0ms,0ms,0ms !important; }
  html.motion-system-v1 .showcase .products > article.product:nth-child(2) { transition-delay: 80ms,80ms,0ms,0ms,0ms !important; }
  html.motion-system-v1 .showcase .products > article.product:nth-child(3) { transition-delay: 120ms,120ms,0ms,0ms,0ms !important; }
  html.motion-system-v1 .showcase .products > article.product:nth-child(4) { transition-delay: 160ms,160ms,0ms,0ms,0ms !important; }
  html.motion-system-v1 .showcase .products > article.product:nth-child(5) { transition-delay: 200ms,200ms,0ms,0ms,0ms !important; }
}

/* release-v1-0-20-showcase-final-speed */
/* Release v1.0.20: final approved desktop timing for “Today on display”. */
@media (min-width: 601px) and (prefers-reduced-motion: no-preference) {
  html.motion-system-v1 .showcase .section-heading h2,
  html.motion-system-v1 .showcase .section-heading .section-link,
  html.motion-system-v1 .showcase .products > article.product {
    transition-duration: 500ms,500ms,var(--silk-hover-duration),var(--silk-hover-duration),var(--silk-hover-duration) !important;
  }
  html.motion-system-v1 .showcase .section-heading h2 { transition-delay: 0ms,0ms,0ms,0ms,0ms !important; }
  html.motion-system-v1 .showcase .section-heading .section-link,
  html.motion-system-v1 .showcase .products > article.product:nth-child(1) { transition-delay: 30ms,30ms,0ms,0ms,0ms !important; }
  html.motion-system-v1 .showcase .products > article.product:nth-child(2) { transition-delay: 60ms,60ms,0ms,0ms,0ms !important; }
  html.motion-system-v1 .showcase .products > article.product:nth-child(3) { transition-delay: 90ms,90ms,0ms,0ms,0ms !important; }
  html.motion-system-v1 .showcase .products > article.product:nth-child(4) { transition-delay: 120ms,120ms,0ms,0ms,0ms !important; }
  html.motion-system-v1 .showcase .products > article.product:nth-child(5) { transition-delay: 150ms,150ms,0ms,0ms,0ms !important; }
}

/* release-v1-0-21-category-sequence */
/* Release v1.0.21: category cards lead the showcase in the Hero sequence. */
@media (min-width: 601px) and (prefers-reduced-motion: no-preference) {
  html.motion-system-v1.motion-intro-running .categories > .cat {
    transition-duration:
      600ms,600ms,
      var(--silk-hover-duration),var(--silk-hover-duration),var(--silk-hover-duration) !important;
  }
  html.motion-system-v1.motion-intro-running .categories > .cat:nth-child(1) { transition-delay: 380ms,380ms,0ms,0ms,0ms !important; }
  html.motion-system-v1.motion-intro-running .categories > .cat:nth-child(2) { transition-delay: 425ms,425ms,0ms,0ms,0ms !important; }
  html.motion-system-v1.motion-intro-running .categories > .cat:nth-child(3) { transition-delay: 470ms,470ms,0ms,0ms,0ms !important; }
  html.motion-system-v1.motion-intro-running .categories > .cat:nth-child(4) { transition-delay: 515ms,515ms,0ms,0ms,0ms !important; }
}

/* release-v1-0-22-unified-first-screen-rhythm */
/* Release v1.0.22: Hero categories and showcase move as one continuous wave. */
@media (min-width: 601px) and (prefers-reduced-motion: no-preference) {
  html.motion-system-v1.motion-intro-running .categories > .cat {
    transition-duration:
      720ms,720ms,
      var(--silk-hover-duration),var(--silk-hover-duration),var(--silk-hover-duration) !important;
  }
  html.motion-system-v1.motion-intro-running .categories > .cat:nth-child(1),
  html.motion-system-v1.motion-intro-running .categories > .cat:nth-child(2),
  html.motion-system-v1.motion-intro-running .categories > .cat:nth-child(3),
  html.motion-system-v1.motion-intro-running .categories > .cat:nth-child(4) {
    transition-delay: 420ms,420ms,0ms,0ms,0ms !important;
  }

  html.motion-system-v1 .showcase .section-heading h2,
  html.motion-system-v1 .showcase .section-heading .section-link,
  html.motion-system-v1 .showcase .products > article.product {
    transition-duration:
      650ms,650ms,
      var(--silk-hover-duration),var(--silk-hover-duration),var(--silk-hover-duration) !important;
  }
}

/* release-v1-0-24-immediate-delivery */
/* Release v1.0.24: the delivery, payment and contacts area is immediately
   available instead of waiting for a viewport-triggered entrance. */
html.motion-system-v1 .lower-right,
html.motion-system-v1 .lower-right.motion-silk-revealed {
  opacity: 1 !important;
  translate: 0 0 !important;
  transition: none !important;
  will-change: auto !important;
}

/* release-v1-0-30-premium-light-panels */
/* Release v1.0.30: one unified elevation system for the three light panels. */
@media (min-width:601px){
  section.right-block.order,
  section.right-block.drinks,
  section.right-block.about{
    isolation:isolate;
    border-color:rgba(143,103,74,.34)!important;
    box-shadow:
      0 15px 30px rgba(41,7,8,.145),
      0 4px 10px rgba(41,7,8,.085),
      inset 0 1px 0 rgba(255,255,255,.72),
      inset 0 -12px 24px rgba(81,55,38,.055),
      inset 0 0 0 1px rgba(159,133,106,.25)!important;
  }
  section.right-block.order::after,
  section.right-block.drinks::after,
  section.right-block.about::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:3;
    pointer-events:none;
    border-radius:inherit;
    background:
      linear-gradient(112deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.10) 22%,transparent 43%,transparent 76%,rgba(143,103,74,.055) 100%);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.54),
      inset 1px 0 0 rgba(255,255,255,.22),
      inset -1px -1px 0 rgba(81,55,38,.055);
  }
  section.right-block.order .ghost,
  section.right-block.drinks .ghost,
  section.right-block.about .ghost{
    z-index:2;
    box-shadow:
      0 14px 26px rgba(41,7,8,.12),
      0 3px 7px rgba(41,7,8,.07),
      inset 10px 4px 18px rgba(255,255,255,.42),
      inset -8px -8px 18px rgba(81,55,38,.075)!important;
  }
}

@media (hover:hover) and (pointer:fine) and (min-width:601px){
  html.motion-system-v1 section.right-block.order:hover,
  html.motion-system-v1 section.right-block.drinks:hover,
  html.motion-system-v1 section.right-block.about:hover{
    box-shadow:
      0 20px 38px rgba(41,7,8,.18),
      0 5px 12px rgba(41,7,8,.09),
      inset 0 1px 0 rgba(255,255,255,.72),
      inset 0 -12px 24px rgba(81,55,38,.055),
      inset 0 0 0 1px rgba(159,133,106,.28)!important;
  }
}

/* release-v1-0-31-brandbook-velvet-categories */
/* Release v1.0.31: BrandBook burgundy, cream and warm-gold material only. */
@media (min-width:601px){
  .categories > .cat{
    border-color:rgba(220,189,162,.70)!important;
    background:
      radial-gradient(ellipse at 18% 5%,rgba(255,248,242,.105) 0%,rgba(255,248,242,.035) 24%,transparent 48%),
      radial-gradient(ellipse at 82% 78%,rgba(143,103,74,.16) 0%,transparent 42%),
      linear-gradient(122deg,var(--footer) 0%,var(--wine) 38%,var(--velvet) 70%,var(--brown) 100%)!important;
    box-shadow:
      0 14px 28px rgba(35,5,6,.25),
      0 4px 9px rgba(35,5,6,.13),
      inset 0 1px 0 rgba(255,248,242,.13),
      inset 0 -16px 28px rgba(20,3,4,.22),
      inset 12px 0 26px rgba(255,244,235,.025)!important;
  }
  .categories > .cat::after{
    background:
      repeating-linear-gradient(112deg,rgba(255,248,242,.014) 0 1px,transparent 1px 7px),
      linear-gradient(108deg,rgba(255,248,242,.075) 0%,transparent 25%,transparent 70%,rgba(220,189,162,.045) 100%),
      radial-gradient(ellipse at 48% 116%,rgba(0,0,0,.22),transparent 56%)!important;
    box-shadow:
      inset 0 0 0 1px rgba(255,248,242,.025),
      inset 0 0 22px rgba(11,1,2,.14)!important;
  }
}
@media (hover:hover) and (pointer:fine) and (min-width:601px){
  html.motion-system-v1 .categories > .cat:hover{
    box-shadow:
      0 20px 38px rgba(35,5,6,.29),
      0 5px 12px rgba(35,5,6,.14),
      inset 0 1px 0 rgba(255,248,242,.15),
      inset 0 -16px 28px rgba(20,3,4,.22),
      inset 12px 0 26px rgba(255,244,235,.03)!important;
  }
}

/* release-v1-0-32-brandbook-velvet-diet */
/* Release v1.0.32: the Diet desserts panel joins the approved BrandBook material system. */
@media (min-width:601px){
  section.diet{
    border-color:rgba(220,189,162,.72)!important;
    background:
      radial-gradient(ellipse at 12% 4%,rgba(255,248,242,.105) 0%,rgba(255,248,242,.032) 28%,transparent 50%),
      radial-gradient(ellipse at 84% 74%,rgba(143,103,74,.18) 0%,transparent 40%),
      linear-gradient(112deg,var(--footer) 0%,var(--wine) 34%,var(--velvet) 70%,var(--brown) 100%)!important;
    box-shadow:
      0 16px 32px rgba(35,5,6,.27),
      0 4px 10px rgba(35,5,6,.14),
      inset 0 1px 0 rgba(255,248,242,.14),
      inset 0 -18px 30px rgba(20,3,4,.23),
      inset 16px 0 32px rgba(255,244,235,.026)!important;
  }
  section.diet::after{
    background:
      repeating-linear-gradient(112deg,rgba(255,248,242,.013) 0 1px,transparent 1px 8px),
      linear-gradient(106deg,rgba(255,248,242,.072) 0%,transparent 29%,transparent 73%,rgba(220,189,162,.045) 100%),
      radial-gradient(ellipse at 50% 120%,rgba(0,0,0,.22),transparent 58%)!important;
    box-shadow:
      inset 0 0 0 1px rgba(255,248,242,.025),
      inset 0 0 26px rgba(11,1,2,.14)!important;
  }
  section.diet::before{
    box-shadow:
      0 16px 28px rgba(35,5,6,.19),
      0 4px 9px rgba(35,5,6,.10),
      inset 9px 4px 18px rgba(255,255,255,.40),
      inset -8px -8px 17px rgba(81,55,38,.085)!important;
  }
}
@media (hover:hover) and (pointer:fine) and (min-width:601px){
  html.motion-system-v1 section.diet:hover{
    box-shadow:
      0 22px 40px rgba(35,5,6,.30),
      0 6px 13px rgba(35,5,6,.15),
      inset 0 1px 0 rgba(255,248,242,.15),
      inset 0 -18px 30px rgba(20,3,4,.23),
      inset 16px 0 32px rgba(255,244,235,.03)!important;
  }
}

/* release-v1-0-33-balanced-light-panel-shadows */
/* Release v1.0.33: calibrated depth for the three light panels and their photo zones. */
@media (min-width:601px){
  section.right-block.order,
  section.right-block.drinks,
  section.right-block.about{
    box-shadow:
      0 11px 24px rgba(41,7,8,.11),
      0 3px 7px rgba(41,7,8,.055),
      inset 0 1px 0 rgba(255,255,255,.72),
      inset 0 -12px 24px rgba(81,55,38,.045),
      inset 0 0 0 1px rgba(159,133,106,.25)!important;
  }
  section.right-block.order .ghost,
  section.right-block.drinks .ghost,
  section.right-block.about .ghost{
    box-shadow:
      0 9px 18px rgba(41,7,8,.075),
      0 2px 5px rgba(41,7,8,.045),
      inset 8px 3px 16px rgba(255,255,255,.36),
      inset -6px -6px 14px rgba(81,55,38,.055)!important;
  }
}
@media (hover:hover) and (pointer:fine) and (min-width:601px){
  html.motion-system-v1 section.right-block.order:hover,
  html.motion-system-v1 section.right-block.drinks:hover,
  html.motion-system-v1 section.right-block.about:hover{
    box-shadow:
      0 16px 30px rgba(41,7,8,.14),
      0 4px 9px rgba(41,7,8,.065),
      inset 0 1px 0 rgba(255,255,255,.72),
      inset 0 -12px 24px rgba(81,55,38,.045),
      inset 0 0 0 1px rgba(159,133,106,.28)!important;
  }
}

/* release-v1-0-34-balanced-category-shadows */
/* Release v1.0.34: restrained premium elevation for the four burgundy category cards. */
@media (min-width:601px){
  .categories > .cat{
    box-shadow:
      0 10px 22px rgba(35,5,6,.18),
      0 2px 6px rgba(35,5,6,.09),
      inset 0 1px 0 rgba(255,248,242,.13),
      inset 0 -16px 28px rgba(20,3,4,.22),
      inset 12px 0 26px rgba(255,244,235,.025)!important;
  }
  .categories > .cat::before{
    box-shadow:
      0 5px 12px rgba(35,5,6,.075),
      0 1px 3px rgba(35,5,6,.045)!important;
  }
}
@media (hover:hover) and (pointer:fine) and (min-width:601px){
  html.motion-system-v1 .categories > .cat:hover{
    box-shadow:
      0 15px 30px rgba(35,5,6,.22),
      0 3px 8px rgba(35,5,6,.11),
      inset 0 1px 0 rgba(255,248,242,.15),
      inset 0 -16px 28px rgba(20,3,4,.22),
      inset 12px 0 26px rgba(255,244,235,.03)!important;
  }
}

/* release-v1-0-35-balanced-diet-shadows */
/* Release v1.0.35: balanced premium elevation for the Diet desserts panel. */
@media (min-width:601px){
  section.diet{
    box-shadow:
      0 11px 24px rgba(35,5,6,.19),
      0 3px 7px rgba(35,5,6,.09),
      inset 0 1px 0 rgba(255,248,242,.14),
      inset 0 -18px 30px rgba(20,3,4,.23),
      inset 16px 0 32px rgba(255,244,235,.026)!important;
  }
  section.diet::before{
    box-shadow:
      0 10px 20px rgba(35,5,6,.12),
      0 3px 6px rgba(35,5,6,.07),
      inset 9px 4px 18px rgba(255,255,255,.40),
      inset -8px -8px 17px rgba(81,55,38,.085)!important;
  }
}
@media (hover:hover) and (pointer:fine) and (min-width:601px){
  html.motion-system-v1 section.diet:hover{
    box-shadow:
      0 16px 31px rgba(35,5,6,.23),
      0 4px 9px rgba(35,5,6,.11),
      inset 0 1px 0 rgba(255,248,242,.15),
      inset 0 -18px 30px rgba(20,3,4,.23),
      inset 16px 0 32px rgba(255,244,235,.03)!important;
  }
}

/* release-v1-0-36-balanced-showcase-card-shadows */
/* Release v1.0.36: refined object-card elevation for Today's showcase. */
@media (min-width:601px){
  .showcase .products > article.product{
    box-shadow:
      0 5px 12px rgba(41,7,8,.08),
      0 2px 4px rgba(41,7,8,.045),
      inset 0 1px 0 rgba(255,255,255,.34)!important;
  }
}
@media (hover:hover) and (pointer:fine) and (min-width:601px){
  html.motion-system-v1 .showcase .products > article.product:hover{
    box-shadow:
      0 8px 18px rgba(41,7,8,.10),
      0 2px 5px rgba(41,7,8,.05),
      inset 0 1px 0 rgba(255,255,255,.36)!important;
  }
}

/* release-v1-0-37-premium-button-depth */
/* Release v1.0.37: one restrained premium depth system for desktop CTAs. */
@media (min-width:601px){
  .hero-buttons .btn.primary,
  .header .order-btn{
    box-shadow:
      0 4px 10px rgba(41,7,8,.14),
      0 1px 3px rgba(41,7,8,.08),
      inset 0 1px 0 rgba(255,255,255,.11)!important;
  }
  .hero-buttons .btn.outline,
  .order .action,
  .drinks .action,
  .showcase .section-heading .section-link{
    box-shadow:
      0 3px 8px rgba(81,55,38,.08),
      0 1px 2px rgba(81,55,38,.045),
      inset 0 1px 0 rgba(255,255,255,.46)!important;
  }
  .cat .btn,
  .diet .btn,
  .instagram .action{
    box-shadow:
      inset 0 1px 0 rgba(255,248,242,.08),
      0 2px 5px rgba(35,5,6,.075)!important;
  }
  .header .lang-button,
  .header .cart-icon{
    box-shadow:none!important;
  }
}
@media (hover:hover) and (pointer:fine) and (min-width:601px){
  .hero-buttons .btn.primary:hover,
  .header .order-btn:hover,
  .header .order-btn:focus-visible{
    transform:translateY(-1px)!important;
    box-shadow:
      0 7px 15px rgba(41,7,8,.17),
      0 2px 4px rgba(41,7,8,.09),
      inset 0 1px 0 rgba(255,255,255,.13)!important;
  }
  .hero-buttons .btn.outline:hover,
  .order .action:hover,
  .drinks .action:hover,
  .showcase .section-heading .section-link:hover{
    transform:translateY(-1px)!important;
    box-shadow:
      0 6px 14px rgba(81,55,38,.12),
      0 2px 4px rgba(81,55,38,.06),
      inset 0 1px 0 rgba(255,255,255,.52)!important;
  }
  .cat .btn:hover,
  .diet .btn:hover,
  .cat:hover .btn,
  .diet:hover .btn,
  .instagram .action:hover{
    transform:translateY(-1px)!important;
    box-shadow:
      0 5px 14px rgba(159,133,106,.14),
      inset 0 1px 0 rgba(255,255,255,.34)!important;
  }
}
@media (min-width:601px){
  .hero-buttons .btn:active,
  .header .order-btn:active,
  .order .action:active,
  .drinks .action:active,
  .showcase .section-heading .section-link:active,
  .cat .btn:active,
  .diet .btn:active,
  .instagram .action:active{
    transform:translateY(0) scale(.985)!important;
  }
  .hero-buttons .btn:focus-visible,
  .order .action:focus-visible,
  .drinks .action:focus-visible,
  .showcase .section-heading .section-link:focus-visible,
  .instagram .action:focus-visible{
    outline:2px solid rgba(159,133,106,.62);
    outline-offset:2px;
  }
}

/* release-v1-0-38-lower-page-depth */
/* Release v1.0.38: connected, restrained depth for the desktop lower-page modules. */
@media (min-width:601px){
  section.right-block.reviews{
    box-shadow:
      0 7px 16px rgba(41,7,8,.07),
      0 2px 5px rgba(41,7,8,.04),
      inset 0 1px 0 rgba(255,255,255,.46),
      inset 0 0 0 1px rgba(159,133,106,.16)!important;
  }
  section.right-block.reviews .quote{
    box-shadow:
      0 3px 8px rgba(41,7,8,.045),
      0 1px 2px rgba(41,7,8,.025),
      inset 0 1px 0 rgba(255,255,255,.42)!important;
  }
  section.right-block.instagram{
    box-shadow:
      0 9px 20px rgba(35,5,6,.13),
      0 3px 7px rgba(35,5,6,.075),
      inset 0 1px 0 rgba(255,248,242,.065),
      inset 0 0 0 1px rgba(213,205,190,.22)!important;
  }
  section.lower-right{
    box-shadow:
      0 8px 18px rgba(35,5,6,.13),
      0 2px 6px rgba(35,5,6,.07),
      inset 0 1px 0 rgba(255,248,242,.075),
      inset 0 0 0 1px rgba(213,205,190,.18)!important;
  }
  section.lower-right .lower-card{
    box-shadow:
      inset 0 1px 0 rgba(255,248,242,.045),
      inset -1px 0 0 rgba(213,205,190,.11)!important;
  }
  section.lower-right .map{
    box-shadow:
      0 3px 8px rgba(35,5,6,.06),
      inset 0 1px 0 rgba(255,255,255,.42)!important;
  }
}

/* release-v1-0-42-unified-three-card-motion */
/* Release v1.0.42: Order, Drinks and About enter as one synchronized group. */
@media (min-width:601px) and (prefers-reduced-motion:no-preference){
  html.motion-system-v1 .order,
  html.motion-system-v1 .drinks,
  html.motion-system-v1 .about{
    transition-delay:0ms,0ms,0ms,0ms,0ms!important;
  }
}

/* release-v1-0-45-brighter-warm-brandbook-palette */
/* Release v1.0.45: brighter warm application of the official BrandBook palette.
   Blue accents are replaced with burgundy, warm gold and cream.
   Geometry, typography, shadows, motion and functionality remain unchanged. */
:root{
  --brand-burgundy:#581C20;
  --brand-warm-gold:#9F856A;
  --brand-cream:#D5CDBE;
}

.topbar{
  background:var(--brand-burgundy)!important;
  box-shadow:inset 0 -1px 0 rgba(213,205,190,.30)!important;
}

.categories > .cat,
section.diet,
section.right-block.instagram,
section.lower-right{
  border-color:rgba(213,205,190,.84)!important;
  background:
    radial-gradient(ellipse at 84% 34%,rgba(159,133,106,.30) 0%,rgba(159,133,106,.12) 28%,transparent 57%),
    radial-gradient(ellipse at 12% 4%,rgba(213,205,190,.14) 0%,transparent 42%),
    linear-gradient(128deg,#581C20 0%,#681F25 52%,#581C20 100%)!important;
}

.categories > .cat::after,
section.diet::after{
  background:
    linear-gradient(108deg,rgba(255,255,255,.09) 0%,transparent 29%,transparent 70%,rgba(213,205,190,.09) 100%),
    radial-gradient(ellipse at 50% 118%,rgba(35,5,6,.18),transparent 58%)!important;
}

.categories .cat-icon{
  color:var(--brand-cream)!important;
  border-color:rgba(213,205,190,.88)!important;
  background:rgba(159,133,106,.14)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 3px 9px rgba(35,5,6,.10)!important;
}

.categories .cat-content > span,
.cat .btn,
.diet .btn,
.instagram .action{
  border-color:rgba(213,205,190,.92)!important;
  color:#FFFFFF!important;
}

.order,
.drinks,
.about{
  background:
    radial-gradient(ellipse at 84% 45%,rgba(213,205,190,.18) 0%,rgba(159,133,106,.055) 36%,transparent 65%),
    linear-gradient(135deg,#FFFFFF 0%,#FAF8F4 62%,#D5CDBE 100%)!important;
}

.benefits .benefit i{
  color:var(--brand-warm-gold)!important;
}

.showcase .price{
  color:var(--brand-burgundy)!important;
}

.language-switch .active,
.language-switch button.active,
.language-switch a.active{
  color:var(--brand-burgundy)!important;
  border-color:var(--brand-burgundy)!important;
}

.reviews .stars{
  color:var(--brand-warm-gold)!important;
}

/* release-v1-0-48-brandbook-dark-cta-states */
/* Release v1.0.48: retain BrandBook contrast on CTAs placed over burgundy panels.
   Geometry and motion remain unchanged. */
@media (hover:hover) and (pointer:fine){
  .cat .btn:hover,
  .diet .btn:hover,
  .cat:hover .btn,
  .diet:hover .btn,
  .instagram .action:hover{
    background:#43171A!important;
    color:#FFF8F2!important;
    border-color:#9F856A!important;
    box-shadow:
      0 8px 22px rgba(35,5,6,.22),
      inset 0 1px 0 rgba(213,205,190,.16)!important;
  }
}

.cat .btn:active,
.diet .btn:active,
.instagram .action:active{
  background:#351114!important;
  color:#FFF8F2!important;
  border-color:#9F856A!important;
}

.cat .btn:focus-visible,
.diet .btn:focus-visible,
.instagram .action:focus-visible{
  background:#43171A!important;
  color:#FFF8F2!important;
  border-color:#9F856A!important;
  outline:2px solid rgba(213,205,190,.92)!important;
  outline-offset:2px;
}

/* release-v1-0-49-showcase-type-grid */
/* Release v1.0.49: one typographic grid for all five showcase cards and languages. */
.showcase .product-body{
  box-sizing:border-box!important;
  height:48px!important;
  min-height:48px!important;
  padding:5px 8px 6px!important;
  display:grid!important;
  grid-template-rows:28px 10px!important;
  align-content:space-between!important;
  justify-content:stretch!important;
}

html[lang="ru"] .showcase .product-body b,
html[lang="az"] .showcase .product-body b,
html[lang="en"] .showcase .product-body b,
.showcase .product-body b{
  display:-webkit-box!important;
  min-height:28px!important;
  max-height:28px!important;
  margin:0!important;
  overflow:hidden!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1.12!important;
  letter-spacing:0!important;
  color:#581C20!important;
}

.showcase .product-body .price{
  align-self:end!important;
  margin:0!important;
  min-height:10px!important;
  font-size:9px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  color:#581C20!important;
  text-shadow:none!important;
}

/* release-v1-0-50-showcase-readable-contained-cards */
/* Release v1.0.50: increase readability and visually contain showcase cards. */
.showcase{
  height:166px!important;
}

html[lang="ru"] .showcase .product-body b,
html[lang="az"] .showcase .product-body b,
html[lang="en"] .showcase .product-body b,
.showcase .product-body b{
  font-size:13.5px!important;
  font-weight:650!important;
  line-height:1.04!important;
}

.showcase .product-body .price{
  font-size:10.5px!important;
  font-weight:700!important;
  line-height:1!important;
}

.showcase .products > article.product{
  box-shadow:
    0 3px 8px rgba(41,7,8,.065),
    0 1px 2px rgba(41,7,8,.035),
    inset 0 1px 0 rgba(255,255,255,.34)!important;
}

@media (hover:hover) and (pointer:fine) and (min-width:601px){
  html.motion-system-v1 .showcase .products > article.product:hover{
    box-shadow:
      0 5px 12px rgba(41,7,8,.085),
      0 2px 3px rgba(41,7,8,.04),
      inset 0 1px 0 rgba(255,255,255,.36)!important;
  }
}

/* release-v1-0-51-compact-showcase-spacing */
/* Release v1.0.51: reduce excess space while preserving the aligned price grid. */
.showcase{
  height:160px!important;
}

.showcase .product-body{
  height:45px!important;
  min-height:45px!important;
  padding:4px 8px!important;
  grid-template-rows:27px 10px!important;
  align-content:start!important;
}

html[lang="ru"] .showcase .product-body b,
html[lang="az"] .showcase .product-body b,
html[lang="en"] .showcase .product-body b,
.showcase .product-body b{
  min-height:27px!important;
  max-height:27px!important;
  line-height:1!important;
}

.showcase .product-body .price{
  align-self:start!important;
  margin:0!important;
}

/* release-v1-0-52-showcase-price-badges */
/* Release v1.0.52: move price into a consistent BrandBook badge over the photo. */
.showcase .products > article.product{
  position:relative!important;
}

.showcase .product-body{
  height:48px!important;
  min-height:48px!important;
  padding:6px 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}

html[lang="ru"] .showcase .product-body b,
html[lang="az"] .showcase .product-body b,
html[lang="en"] .showcase .product-body b,
.showcase .product-body b{
  display:-webkit-box!important;
  min-height:0!important;
  max-height:30px!important;
  margin:0!important;
  overflow:hidden!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  font-size:13.5px!important;
  font-weight:650!important;
  line-height:1.08!important;
  color:#581C20!important;
}

.showcase .product-body .price{
  position:absolute!important;
  z-index:2;
  left:8px!important;
  top:62px!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:3px 7px!important;
  border:1px solid rgba(159,133,106,.62)!important;
  border-radius:999px!important;
  background:rgba(250,248,244,.94)!important;
  box-shadow:
    0 3px 8px rgba(41,7,8,.09),
    inset 0 1px 0 rgba(255,255,255,.72)!important;
  color:#581C20!important;
  font-size:8.5px!important;
  font-weight:750!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  backdrop-filter:blur(5px);
}

/* release-v1-0-53-single-line-showcase-footer */
/* Release v1.0.53: short one-line display names with a clean inline price. */
.showcase .product-photo{
  height:93px!important;
}

.showcase .product-body{
  box-sizing:border-box!important;
  height:38px!important;
  min-height:38px!important;
  padding:6px 8px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:6px!important;
}

html[lang="ru"] .showcase .product-body b,
html[lang="az"] .showcase .product-body b,
html[lang="en"] .showcase .product-body b,
.showcase .product-body b{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  overflow:hidden!important;
  font-size:10.5px!important;
  font-weight:650!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  color:#581C20!important;
}

.showcase .product-body .price{
  position:static!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#581C20!important;
  font-size:8.5px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  backdrop-filter:none!important;
}

/* release-v1-0-54-readable-showcase-footer */
/* Release v1.0.54: readable one-line short title with price directly below. */
.showcase .product-body{
  box-sizing:border-box!important;
  height:38px!important;
  min-height:38px!important;
  padding:4px 8px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:3px!important;
}

html[lang="ru"] .showcase .product-body b,
html[lang="az"] .showcase .product-body b,
html[lang="en"] .showcase .product-body b,
.showcase .product-body b{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  overflow:visible!important;
  font-size:13.2px!important;
  font-weight:650!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-overflow:clip!important;
  color:#581C20!important;
}

.showcase .product-body .price{
  position:static!important;
  display:block!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#581C20!important;
  font-size:10.5px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;
}

/* release-v1-0-55-larger-showcase-type */
/* Release v1.0.55: larger title and price with a clearer vertical interval. */
.showcase .product-photo{
  height:89px!important;
}

.showcase .product-body{
  box-sizing:border-box!important;
  height:42px!important;
  min-height:42px!important;
  padding:5px 8px!important;
  justify-content:center!important;
  gap:5px!important;
}

html[lang="ru"] .showcase .product-body b,
html[lang="az"] .showcase .product-body b,
html[lang="en"] .showcase .product-body b,
.showcase .product-body b{
  font-size:15px!important;
  font-weight:650!important;
  line-height:1!important;
}

.showcase .product-body .price{
  font-size:11.5px!important;
  font-weight:700!important;
  line-height:1!important;
}

/* release-v1-0-56-lower-showcase-price */
/* Release v1.0.56: lower showcase prices by exactly 4px without clipping. */
.showcase .product-photo{
  height:85px!important;
}

.showcase .product-body{
  height:46px!important;
  min-height:46px!important;
  gap:9px!important;
}

/* release-v1-0-57-locked-three-panel-motion */
/* Release v1.0.57: the three light panels enter as one synchronized group. */
@keyframes cherryUnifiedLightPanelIn{
  from{
    opacity:0;
    translate:0 8px;
  }
  to{
    opacity:1;
    translate:0 0;
  }
}

@media (min-width:601px) and (prefers-reduced-motion:no-preference){
  html.motion-system-v1 .order.motion-silk-revealed,
  html.motion-system-v1 .drinks.motion-silk-revealed,
  html.motion-system-v1 .about.motion-silk-revealed{
    animation:cherryUnifiedLightPanelIn 620ms cubic-bezier(.22,.7,.24,1) both!important;
    animation-delay:0ms!important;
    will-change:opacity,translate;
  }
}

/* release-v1-0-58-drink-subcategories */
/* Release v1.0.58: six menu-based drink subcategories; product data is unchanged. */

/* release-v1-0-59-auto-center-drink-tab */
/* Release v1.0.59: the selected drink tab smoothly centers in its own horizontal row. */

/* release-v1-0-60-gentle-drink-tab-follow */
/* Release v1.0.60: preserve the tab row and move it only enough to reveal the active tab. */

/* release-v1-0-61-drink-volume-data */
/* Release v1.0.61: approved drink volumes, no Affogato, and simplified drink details. */

/* release-v1-0-77-catalog-cleanup */
/* Release v1.0.77: four-column full assortment and clearer map card. */
.lower-card .map{
  border:1px solid rgba(143,103,74,.42)!important;
  background:linear-gradient(135deg,#DFC3AD 0%,#EBD6C5 52%,#D5B294 100%)!important;
  color:#3D0A0C!important;
  box-shadow:
    0 4px 11px rgba(35,5,6,.16),
    inset 0 1px 0 rgba(255,255,255,.52)!important;
}

/* release-v1-0-78-pastry-columns */
/* Release v1.0.78: fixed two-column croissant order. */
.pastry-column-layout{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-items:start;
}
.pastry-column{
  display:grid;
  gap:12px;
}
@media(max-width:560px){
  .pastry-column-layout{
    grid-template-columns:1fr;
  }
}

/* release-v1-0-80-localized-catalog-titles */
/* Release v1.0.80: explicit locale-independent date hint. */
.date-input-wrap{
  position:relative;
}
.date-format-hint{
  position:absolute;
  left:1px;
  top:50%;
  z-index:1;
  transform:translateY(-50%);
  box-sizing:border-box;
  width:calc(100% - 57px);
  height:calc(100% - 4px);
  padding:0 0 0 17px;
  background:#FFF8F2;
  color:#3D0A0C;
  font:inherit;
  line-height:1.2;
  display:flex;
  align-items:center;
  border-radius:10px 0 0 10px;
  pointer-events:none;
}
.date-format-hint[hidden]{
  display:none;
}
.date-input-wrap #orderDate:not(.has-date-value)::-webkit-datetime-edit{
  opacity:0;
}

/* release-v1-0-117-editorial-section-backgrounds */
/* Release v1.0.117: real editorial backgrounds for the four homepage feature panels. */
@media (min-width:601px){
  section.right-block.order,
  section.right-block.drinks,
  section.right-block.about{
    background-color:#f7eee7!important;
    background-repeat:no-repeat!important;
    background-position:center right!important;
    background-size:cover!important;
  }
  section.right-block.order{
    background-image:
      linear-gradient(90deg,rgba(248,240,233,.99) 0%,rgba(248,240,233,.96) 40%,rgba(248,240,233,.62) 56%,rgba(248,240,233,.08) 76%),
      url('/assets/sections/order-cakes-berry-basket-stand-v2.webp')!important;
  }
  section.right-block.drinks{
    background-image:
      linear-gradient(90deg,rgba(248,240,233,.99) 0%,rgba(248,240,233,.96) 42%,rgba(248,240,233,.58) 58%,rgba(248,240,233,.06) 78%),
      url('/assets/sections/with-dessert-teaware-v2.webp')!important;
  }
  section.right-block.about{
    background-image:
      linear-gradient(90deg,rgba(248,240,233,.99) 0%,rgba(248,240,233,.96) 44%,rgba(248,240,233,.60) 61%,rgba(248,240,233,.06) 80%),
      url('/assets/sections/about-storefront-v1.webp')!important;
  }
  section.right-block.order .ghost,
  section.right-block.drinks .ghost,
  section.right-block.about .ghost{
    display:none!important;
  }
  section.right-block.order .copy,
  section.right-block.drinks .copy,
  section.right-block.about .copy{
    z-index:4!important;
  }

  section.diet{
    background-color:#4f1116!important;
    background-image:
      linear-gradient(90deg,rgba(54,8,11,.99) 0%,rgba(79,15,20,.97) 43%,rgba(83,17,22,.76) 57%,rgba(72,12,16,.22) 75%,rgba(72,12,16,.04) 100%),
      url('/assets/category-backgrounds/category-diet-v2.webp')!important;
    background-repeat:no-repeat!important;
    background-position:center right!important;
    background-size:cover!important;
  }
  section.diet::before{
    display:none!important;
  }
  section.diet .diet-content{
    z-index:4!important;
  }
}

/* release-v1-0-118-category-editorial-backgrounds */
/* Release v1.0.118: category cards use replaceable full-bleed product photography. */
@media (min-width:601px){
  .categories > .cat{
    background-color:#3d090b!important;
    background-image:
      linear-gradient(90deg,rgba(43,5,7,.99) 0%,rgba(52,8,10,.96) 38%,rgba(60,11,13,.82) 55%,rgba(61,12,14,.34) 74%,rgba(61,12,14,.08) 100%),
      var(--category-image)!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    background-position:center right!important;
  }
  .categories > .cat::before{
    display:none!important;
  }
  .categories > .cat::after{
    background:
      linear-gradient(105deg,rgba(255,248,242,.04) 0%,transparent 30%,transparent 72%,rgba(220,189,162,.035) 100%),
      linear-gradient(0deg,rgba(20,2,3,.18),transparent 44%)!important;
  }
  .categories > .cat .cat-content{
    z-index:2!important;
  }
  .categories > .cat h3{
    max-width:112px!important;
    text-shadow:0 1px 8px rgba(25,2,3,.45);
  }
}

/* release-v1-0-119-showcase-atmosphere */
/* Release v1.0.119: a quiet premium stage for “Today on display”, without competing with product photography. */
@media (min-width:601px){
  section.showcase{
    isolation:isolate;
    overflow:visible;
    background:
      radial-gradient(ellipse at 50% 73%,rgba(211,158,105,.18) 0%,rgba(229,194,159,.11) 34%,rgba(248,239,231,0) 68%),
      linear-gradient(180deg,rgba(255,252,248,.96) 0%,rgba(250,242,235,.94) 55%,rgba(245,232,221,.90) 100%)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.78),
      inset 0 -1px 0 rgba(171,119,77,.10);
  }
  section.showcase::before{
    content:"";
    position:absolute;
    z-index:-1;
    left:7px;
    right:7px;
    top:24px;
    bottom:3px;
    border-radius:14px;
    background:
      radial-gradient(ellipse at 50% 56%,rgba(255,255,255,.58) 0%,rgba(255,249,242,.20) 58%,transparent 82%);
    pointer-events:none;
  }
  section.showcase .section-heading h2{
    position:relative;
    letter-spacing:-.02em;
  }
  section.showcase .products{
    padding:3px 7px 5px;
    box-sizing:border-box;
    gap:9px;
  }
  section.showcase .products > article.product{
    border-color:rgba(156,108,72,.17)!important;
    background:linear-gradient(180deg,rgba(255,252,248,.96),rgba(250,241,234,.93))!important;
    box-shadow:
      0 9px 21px rgba(83,35,30,.105),
      0 2px 5px rgba(104,63,47,.06),
      inset 0 1px 0 rgba(255,255,255,.72)!important;
  }
  section.showcase .product-photo{
    box-shadow:
      inset 0 -7px 14px rgba(94,55,36,.035),
      inset 0 1px 0 rgba(255,255,255,.36)!important;
  }
}

/* mobile-desktop-parity-v2 */
@media (max-width:600px){
  body{background:#faf8f4!important}
  .canvas{
    padding:0 10px 18px!important;
    gap:9px!important;
    background:
      radial-gradient(ellipse at 18% 4%,rgba(255,255,255,.88) 0%,rgba(255,255,255,.38) 28%,transparent 48%),
      radial-gradient(ellipse at 86% 52%,rgba(220,189,162,.17) 0%,rgba(220,189,162,.07) 28%,transparent 48%),
      linear-gradient(135deg,#F8F1EB 0%,#F4EAE2 46%,#EDE0D5 100%)!important;
  }
  .topbar{margin:0 -10px!important;width:calc(100% + 20px)!important;height:27px!important;flex-basis:27px!important;padding:0 10px!important;gap:22px!important;font-size:8px!important;background:linear-gradient(90deg,#210405 0%,#581c20 48%,#210405 100%)!important}

  .left-hero{
    height:352px!important;
    padding:0!important;
    border-radius:0 0 10px 10px!important;
    background:
      linear-gradient(90deg,rgba(244,234,226,.97) 0 43%,rgba(244,234,226,.70) 62%,rgba(244,234,226,.10) 100%),
      radial-gradient(circle at 82% 50%,rgba(255,255,255,.88),rgba(220,189,162,.45) 40%,rgba(196,165,140,.26) 70%)!important;
  }
  .header{position:absolute!important;left:0!important;top:8px!important;padding:0 12px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:5px 8px!important}
  .header .brand-logo-image{width:132px!important;height:40px!important;flex-basis:132px!important;margin-left:-4px!important}
  .header-actions{justify-self:end!important}
  .order-btn{font-size:9px!important;padding:7px 9px!important}
  .menu{grid-column:1/-1!important;grid-row:2!important;gap:15px!important;padding:5px 0 4px!important;font-size:9px!important;color:#3b2721!important}

  .hero-copy{position:absolute!important;left:17px!important;top:105px!important;width:56%!important;padding:0!important;z-index:3!important}
  .hero-copy h1{font-size:38px!important;line-height:.91!important;letter-spacing:-.035em!important}
  .hero-copy p{margin-top:12px!important;font-size:10.5px!important;line-height:1.48!important;max-width:220px!important}
  .hero-buttons{margin-top:14px!important;gap:6px!important;flex-wrap:nowrap!important}
  .hero-buttons .btn{font-size:9px!important;padding:8px 10px!important;white-space:nowrap!important}
  .hero-object{position:absolute!important;right:-13px!important;top:132px!important;width:205px!important;height:155px!important;margin:0!important;transform:scale(.86)!important;transform-origin:center right!important}

  .categories{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .categories>.cat{min-height:145px!important;border-radius:10px!important;background-color:#3d090b!important;background-image:linear-gradient(90deg,rgba(43,5,7,.99) 0%,rgba(52,8,10,.94) 38%,rgba(60,11,13,.74) 58%,rgba(61,12,14,.16) 100%),var(--category-image)!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center right!important}
  .categories>.cat::before{display:none!important}
  .categories>.cat::after{background:linear-gradient(105deg,rgba(255,248,242,.04),transparent 34%,rgba(20,2,3,.10)),linear-gradient(0deg,rgba(20,2,3,.18),transparent 44%)!important}
  .cat-content{padding:13px!important;z-index:2!important}.cat h3{font-size:22px!important;line-height:.95!important;max-width:108px!important;text-shadow:0 1px 8px rgba(25,2,3,.45)!important}.cat-icon{top:11px!important;left:11px!important;width:25px!important;height:25px!important}.categories .cat-content>span{margin-top:8px!important;padding:6px 10px!important;font-size:9px!important}

  section.diet{min-height:176px!important;border-radius:10px!important;background-color:#4f1116!important;background-image:linear-gradient(90deg,rgba(54,8,11,.99) 0%,rgba(79,15,20,.96) 45%,rgba(83,17,22,.68) 61%,rgba(72,12,16,.12) 82%),url('/assets/category-backgrounds/category-diet-v2.webp')!important;background-repeat:no-repeat!important;background-position:center right!important;background-size:cover!important}
  section.diet::before{display:none!important}.diet-content{width:62%!important;padding:24px 14px!important;z-index:4!important}.diet h2{font-size:29px!important}.diet p{font-size:9.5px!important;line-height:1.45!important}.diet .btn{font-size:9px!important;padding:7px 11px!important}

  .benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important;border-radius:9px!important}.benefit{min-height:64px!important;padding:11px!important}.benefit b{font-size:10px!important}.benefit span{font-size:8px!important}.benefit i{font-size:13px!important}

  section.showcase{padding:4px 4px 8px!important;border-radius:10px!important;background:radial-gradient(ellipse at 50% 73%,rgba(211,158,105,.18),rgba(248,239,231,0) 68%),linear-gradient(180deg,rgba(255,252,248,.96),rgba(245,232,221,.90))!important}.section-heading{min-height:42px!important;padding:0 3px!important}.section-heading h2{font-size:27px!important}.showcase .section-heading .section-link{height:32px!important;padding:0 11px!important;font-size:9px!important}.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.product{min-height:194px!important;border-radius:8px!important}.product-photo{height:132px!important}.showcase .product-body{min-height:60px!important;padding:9px!important}.showcase .product-body b{font-size:11px!important}.showcase .product-body .price{font-size:11px!important}

  section.right-block.order,section.right-block.drinks,section.right-block.about{min-height:174px!important;border-radius:10px!important;background-color:#f7eee7!important;background-repeat:no-repeat!important;background-position:center right!important;background-size:cover!important}
  section.right-block.order{background-image:linear-gradient(90deg,rgba(248,240,233,.99) 0%,rgba(248,240,233,.96) 43%,rgba(248,240,233,.54) 61%,rgba(248,240,233,.05) 86%),url('/assets/sections/order-cakes-berry-basket-stand-v2.webp')!important}
  section.right-block.drinks{background-image:linear-gradient(90deg,rgba(248,240,233,.99) 0%,rgba(248,240,233,.96) 43%,rgba(248,240,233,.52) 61%,rgba(248,240,233,.04) 86%),url('/assets/sections/with-dessert-teaware-v2.webp')!important}
  section.right-block.about{background-image:linear-gradient(90deg,rgba(248,240,233,.99) 0%,rgba(248,240,233,.96) 45%,rgba(248,240,233,.54) 64%,rgba(248,240,233,.04) 88%),url('/assets/sections/about-storefront-v1.webp')!important}
  section.right-block.order .ghost,section.right-block.drinks .ghost,section.right-block.about .ghost{display:none!important}
  .right-block .copy{padding:25px 15px!important;width:64%!important}.right-block h2{font-size:28px!important}.right-block p{font-size:9.5px!important;line-height:1.48!important;max-width:100%!important}.right-block .action{font-size:9px!important;padding:7px 11px!important}

  .reviews{min-height:260px!important;border-radius:10px!important}.reviews .copy{padding:22px 15px!important;width:100%!important}.reviews .quote-row{grid-template-columns:1fr!important;gap:8px!important}.reviews .quote{font-size:9px!important;line-height:1.45!important;padding:10px!important}
  .instagram{min-height:164px!important;border-radius:10px!important;background:radial-gradient(circle at 82% 45%,rgba(220,189,162,.18),transparent 30%),linear-gradient(135deg,#3d0a0c,#581c20)!important}.instagram .copy{width:70%!important}.instagram .ghost{display:block!important;right:7px!important;top:32px!important;width:116px!important;height:94px!important;opacity:.36!important}

  .lower-right{grid-template-columns:repeat(2,minmax(0,1fr))!important;border-radius:10px!important;background:linear-gradient(90deg,#210405,#581c20)!important}.lower-card{min-height:118px!important;padding:15px!important;border-right:1px solid rgba(255,255,255,.05)!important;border-bottom:1px solid rgba(255,255,255,.05)!important}.lower-card h3{font-size:20px!important}.lower-card p,.lower-card li{font-size:8.5px!important}.map{height:68px!important;font-size:8px!important}

  .category-modal{width:calc(100vw - 18px)!important;max-height:90vh!important;padding:18px 14px!important;border-radius:14px!important}.category-modal h2{font-size:28px!important}.category-products,.drink-subcategory-products,.tea-price-columns{grid-template-columns:1fr!important}.category-product{padding:12px!important}.category-product.category-product-with-image{grid-template-columns:76px minmax(0,1fr) auto!important}.category-product-thumb{width:76px!important;height:76px!important}.category-product b{font-size:13px!important}.category-product span,.category-product small{font-size:10px!important}.category-product .price{font-size:12px!important}
  .product-modal,.simple-modal{width:calc(100vw - 18px)!important;max-height:90vh!important}.modal-visual{min-height:250px!important}.modal-content{padding:20px 17px!important}.modal-content h2{font-size:28px!important}
}

/* mobile-flow-fix-v3 */
@media (max-width:600px){
  .benefits{height:auto!important;min-height:0!important}
  .benefit{min-height:56px!important;padding:9px 10px!important}

  section.showcase{
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
    padding:4px 4px 9px!important;
  }
  section.showcase .products{
    display:flex!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    gap:7px!important;
    padding:0 3px 5px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  section.showcase .products::-webkit-scrollbar{display:none}
  section.showcase .products>article.product{
    display:block!important;
    flex:0 0 145px!important;
    width:145px!important;
    min-width:145px!important;
    min-height:0!important;
    height:151px!important;
    scroll-snap-align:start;
  }
  section.showcase .product-photo{height:107px!important}
  section.showcase .product-body{
    box-sizing:border-box!important;
    height:44px!important;
    min-height:44px!important;
    padding:6px 8px!important;
    gap:5px!important;
    overflow:hidden!important;
  }
  html[lang="ru"] section.showcase .product-body b,
  html[lang="az"] section.showcase .product-body b,
  html[lang="en"] section.showcase .product-body b,
  section.showcase .product-body b{
    width:100%!important;
    overflow:hidden!important;
    font-size:11px!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
  section.showcase .product-body .price{font-size:9px!important;line-height:1!important}

  section.right-block.order,
  section.right-block.drinks{
    height:174px!important;
    min-height:174px!important;
    overflow:hidden!important;
  }
  section.right-block.about{
    height:196px!important;
    min-height:196px!important;
    overflow:hidden!important;
  }
  section.right-block.order .copy,
  section.right-block.drinks .copy,
  section.right-block.about .copy{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:64%!important;
    height:100%!important;
    padding:22px 15px!important;
    overflow:hidden!important;
  }
  section.right-block h2{font-size:27px!important;line-height:1!important}
  section.right-block p{margin-top:8px!important;font-size:9px!important;line-height:1.42!important}
  section.right-block .action{margin-top:10px!important;padding:7px 11px!important;font-size:9px!important}

  section.right-block.reviews{height:auto!important;min-height:0!important;overflow:visible!important}
  section.right-block.reviews .copy{position:relative!important;height:auto!important;overflow:visible!important}
  section.right-block.instagram{height:164px!important;min-height:164px!important;overflow:hidden!important}
  section.right-block.instagram .copy{position:absolute!important;left:0!important;top:0!important;height:100%!important;padding:22px 15px!important;overflow:hidden!important}

  .lower-right{height:auto!important;min-height:0!important}
}

/* mobile-alignment-fix-v4 */
@media (max-width:600px){
  body>.topbar{margin:0!important;width:100%!important;overflow:hidden!important}
  body>.topbar .topbar-inner{width:100%!important;max-width:100%!important;height:27px!important;padding:0 8px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;overflow:hidden!important;white-space:nowrap!important;box-sizing:border-box!important;font-size:7.5px!important}
  body>.topbar .topbar-inner span:first-child{display:none!important}

  .left-hero{height:318px!important;min-height:318px!important}
  .header{box-sizing:border-box!important;grid-template-columns:minmax(0,1fr) auto!important}
  .header .brand-logo-image{width:126px!important;height:38px!important;flex-basis:126px!important}
  .header-actions{min-width:0!important;gap:4px!important}
  .header .order-btn{display:none!important}
  .header .cart-icon{width:24px!important;min-width:24px!important;height:28px!important;font-size:13px!important}
  .header .language-switch{transform:scale(.92);transform-origin:right center}

  .hero-copy{left:17px!important;top:98px!important;width:55%!important}
  .hero-copy h1{font-size:34px!important;line-height:.93!important;letter-spacing:-.035em!important}
  .hero-copy p{margin-top:10px!important;max-width:205px!important;font-size:10px!important;line-height:1.42!important}
  .hero-divider{margin-top:10px!important;margin-bottom:8px!important}
  .hero-object{right:4px!important;top:126px!important;width:184px!important;height:164px!important;margin:0!important;transform:none!important;border-radius:45% 45% 12px 12px!important;background-image:linear-gradient(180deg,rgba(250,248,244,.02),rgba(250,248,244,.12)),url('/assets/products/berry-plombir-cake-v1.webp')!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;box-shadow:0 14px 28px rgba(88,28,32,.11)!important;overflow:hidden!important}
  .hero-object .plate,.hero-object .cake,.hero-object .label{display:none!important}

  section.right-block.reviews{box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;overflow:hidden!important}
  section.right-block.reviews .copy{box-sizing:border-box!important;position:relative!important;left:0!important;right:auto!important;top:0!important;width:100%!important;height:auto!important;margin:0!important;padding:20px 14px 18px!important;overflow:hidden!important}
  section.right-block.reviews .reviews-head{box-sizing:border-box!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important}
  section.right-block.reviews .reviews-head h2{min-width:0!important;margin:0!important;font-size:25px!important;line-height:1!important;white-space:nowrap!important}
  section.right-block.reviews .reviews-link{max-width:142px!important;margin:0!important;padding:7px 9px!important;font-size:8.5px!important;line-height:1.15!important;white-space:nowrap!important}
  section.right-block.reviews .quote-row{width:100%!important;margin-top:13px!important;grid-template-columns:1fr!important;gap:8px!important}
  section.right-block.reviews .quote{box-sizing:border-box!important;width:100%!important;min-height:82px!important;padding:10px!important}

  section.right-block.instagram .copy{box-sizing:border-box!important;width:70%!important}

  section.lower-right{box-sizing:border-box!important;width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;overflow:hidden!important}
  section.lower-right .lower-card{box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:132px!important;padding:16px 14px!important}
  section.lower-right .lower-card h3{font-size:20px!important;line-height:1!important;overflow-wrap:anywhere!important}
  section.lower-right .lower-card p,section.lower-right .lower-card li{font-size:8.5px!important;line-height:1.5!important}
  section.lower-right .brand-mini{box-sizing:border-box!important;display:flex!important;min-height:132px!important;padding:16px!important;border-left:1px solid rgba(255,255,255,.05)!important;border-top:1px solid rgba(255,255,255,.05)!important;font-size:22px!important;line-height:1.05!important}
}

/* mobile-brand-background-reviews-v5 */
@media (max-width:600px){
  .left-hero{
    background:
      radial-gradient(ellipse at 82% 58%,rgba(255,255,255,.84) 0%,rgba(247,243,237,.64) 34%,rgba(213,205,190,.20) 62%,transparent 78%),
      linear-gradient(180deg,#fff 0%,#f7f3ed 100%)!important;
  }
  .hero-object{
    right:-2px!important;
    top:120px!important;
    width:205px!important;
    height:180px!important;
    border-radius:0!important;
    background-color:transparent!important;
    background-image:url('/assets/products/berry-plombir-cake-v1.webp')!important;
    background-size:116%!important;
    background-position:center 54%!important;
    box-shadow:none!important;
    filter:drop-shadow(0 14px 18px rgba(88,28,32,.10))!important;
    -webkit-mask-image:radial-gradient(ellipse 68% 66% at 52% 52%,#000 56%,rgba(0,0,0,.92) 68%,transparent 100%)!important;
    mask-image:radial-gradient(ellipse 68% 66% at 52% 52%,#000 56%,rgba(0,0,0,.92) 68%,transparent 100%)!important;
  }

  section.right-block.reviews{
    position:relative!important;
    isolation:isolate!important;
    min-height:292px!important;
    border:1px solid rgba(213,205,190,.72)!important;
    border-radius:12px!important;
    background:
      radial-gradient(ellipse at 88% 10%,rgba(213,205,190,.17) 0%,transparent 42%),
      radial-gradient(ellipse at 10% 100%,rgba(159,133,106,.18) 0%,transparent 44%),
      linear-gradient(132deg,#43171a 0%,#581c20 52%,#681f25 100%)!important;
    box-shadow:0 10px 24px rgba(35,5,6,.18),inset 0 1px 0 rgba(255,255,255,.07)!important;
  }
  section.right-block.reviews::before{
    content:'“';
    position:absolute;
    z-index:-1;
    right:15px;
    top:-20px;
    color:rgba(255,248,242,.08);
    font-family:'Cormorant Garamond',Georgia,serif;
    font-size:150px;
    line-height:1;
    pointer-events:none;
  }
  section.right-block.reviews .copy{padding:20px 0 20px 14px!important;overflow:visible!important}
  section.right-block.reviews .reviews-head{padding-right:14px!important}
  section.right-block.reviews .reviews-head h2{color:#fff8f2!important;font-size:27px!important;text-shadow:0 1px 10px rgba(20,2,3,.20)!important}
  section.right-block.reviews .reviews-link{
    max-width:138px!important;
    border:1px solid rgba(213,205,190,.72)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.04)!important;
    color:#fff8f2!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  }
  section.right-block.reviews .quote-row{
    display:flex!important;
    width:100%!important;
    height:190px!important;
    margin-top:16px!important;
    padding:0 14px 10px 0!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  section.right-block.reviews .quote-row::-webkit-scrollbar{display:none}
  section.right-block.reviews .quote{
    position:relative!important;
    flex:0 0 calc(100vw - 76px)!important;
    width:calc(100vw - 76px)!important;
    max-width:332px!important;
    min-height:168px!important;
    height:168px!important;
    padding:15px!important;
    scroll-snap-align:start;
    border:1px solid rgba(213,205,190,.44)!important;
    border-radius:12px!important;
    background:linear-gradient(145deg,rgba(255,252,248,.98),rgba(245,233,223,.95))!important;
    box-shadow:0 10px 24px rgba(23,2,3,.19),inset 0 1px 0 rgba(255,255,255,.80)!important;
  }
  section.right-block.reviews .quote::after{
    content:'Cherry On Top';
    position:absolute;
    left:15px;
    bottom:13px;
    color:rgba(88,28,32,.46);
    font-family:'Cormorant Garamond',Georgia,serif;
    font-size:10px;
    letter-spacing:.07em;
  }
  section.right-block.reviews .quote-top{grid-template-columns:24px 1fr auto!important;gap:7px!important}
  section.right-block.reviews .avatar-placeholder{width:24px!important;height:24px!important;border:1px solid rgba(159,133,106,.42)!important;background:radial-gradient(circle,#fff 0 35%,#eadfd5 37% 58%,transparent 60%)!important}
  section.right-block.reviews .quote b{font-size:10px!important;color:#581c20!important}
  section.right-block.reviews .quote .stars{font-size:9px!important;color:#9f856a!important;letter-spacing:.08em!important}
  section.right-block.reviews .quote p{margin-top:16px!important;max-width:92%!important;color:#6f625a!important;font-size:11px!important;line-height:1.5!important}
}

/* mobile-hero-transparent-cutout-v6 */
@media (max-width:600px){
  .left-hero{
    background:
      radial-gradient(ellipse at 80% 60%,rgba(255,255,255,.92) 0%,rgba(247,243,237,.72) 34%,rgba(213,205,190,.20) 62%,transparent 79%),
      linear-gradient(180deg,#fff 0%,#f7f3ed 100%)!important;
  }
  .hero-object{
    right:2px!important;
    top:124px!important;
    width:205px!important;
    height:190px!important;
    background-color:transparent!important;
    background-image:url('/assets/products/hero-berry-cake-transparent-v1.webp')!important;
    background-size:contain!important;
    background-position:center bottom!important;
    background-repeat:no-repeat!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    filter:drop-shadow(0 13px 12px rgba(88,28,32,.13))!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
}

/* mobile-polish-final-v7 */
@media (max-width:600px){
  html{background:#f7f1eb!important}
  body{overflow-x:hidden!important;background:#f7f1eb!important}
  .canvas{
    width:100%!important;
    max-width:none!important;
    padding:0 12px 20px!important;
    gap:10px!important;
  }

  .topbar{height:28px!important;flex-basis:28px!important;margin:0 -12px!important;width:calc(100% + 24px)!important}
  body>.topbar .topbar-inner{height:28px!important;font-size:8.5px!important;letter-spacing:.01em!important}

  .left-hero{
    height:338px!important;
    min-height:338px!important;
    border:1px solid rgba(159,133,106,.18)!important;
    border-top:0!important;
    border-radius:0 0 14px 14px!important;
    box-shadow:0 10px 28px rgba(73,36,25,.07)!important;
  }
  .header{
    top:10px!important;
    padding:0 14px!important;
    gap:7px 10px!important;
  }
  .header .brand-logo-image{width:136px!important;height:42px!important;flex-basis:136px!important;margin-left:-5px!important}
  .header-actions{gap:6px!important}
  .header .language-switch{transform:scale(.96)!important}
  .header .cart-icon{width:29px!important;min-width:29px!important;height:30px!important}
  .header .icon-btn{width:27px!important;height:30px!important}
  .menu{
    width:calc(100vw - 52px)!important;
    padding:7px 0 6px!important;
    gap:20px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch;
    font-size:10px!important;
  }
  .menu::-webkit-scrollbar{display:none!important}
  .menu a{flex:0 0 auto!important;padding-bottom:4px!important}

  .hero-copy{left:18px!important;top:105px!important;width:57%!important}
  .hero-copy h1{font-size:32px!important;line-height:.94!important;letter-spacing:-.035em!important}
  .hero-divider{width:92%!important;margin:12px 0 9px!important}
  .hero-copy p{max-width:195px!important;margin-top:0!important;font-size:10.5px!important;line-height:1.48!important}
  .hero-buttons{margin-top:12px!important}
  .hero-buttons .btn{min-height:34px!important;padding:8px 11px!important;font-size:9.5px!important}
  .hero-object{
    right:-2px!important;
    top:145px!important;
    width:176px!important;
    height:176px!important;
    filter:drop-shadow(0 13px 12px rgba(88,28,32,.14))!important;
  }

  .categories{gap:9px!important}
  .categories>.cat{min-height:154px!important;border-radius:12px!important;box-shadow:0 8px 20px rgba(50,9,11,.14)!important}
  .cat-content{padding:15px!important}
  .cat-icon{top:13px!important;left:13px!important;width:27px!important;height:27px!important}
  .cat h3{font-size:22px!important;line-height:.98!important;max-width:115px!important}
  .categories .cat-content>span{min-height:30px!important;margin-top:10px!important;padding:7px 11px!important;font-size:9.5px!important}

  section.diet,
  section.right-block.order,
  section.right-block.drinks,
  section.right-block.about,
  section.showcase,
  section.right-block.instagram,
  section.lower-right{border-radius:12px!important}

  section.showcase .section-heading{padding:2px 7px 0!important}
  section.showcase .section-heading h2{font-size:26px!important}
  section.showcase .products>article.product{flex-basis:154px!important;width:154px!important;min-width:154px!important;height:164px!important;border-radius:10px!important}
  section.showcase .product-photo{height:116px!important}
  section.showcase .product-body{height:48px!important;min-height:48px!important;padding:7px 9px!important}

  section.right-block.order,
  section.right-block.drinks{height:188px!important;min-height:188px!important}
  section.right-block.about{height:215px!important;min-height:215px!important}
  section.right-block.order .copy,
  section.right-block.drinks .copy,
  section.right-block.about .copy{width:66%!important;padding:25px 17px!important}
  section.right-block h2{font-size:28px!important;line-height:1.02!important}
  section.right-block p{font-size:9.6px!important;line-height:1.5!important}
  section.right-block .action{min-height:33px!important;padding:8px 12px!important;font-size:9.5px!important}

  section.right-block.reviews{min-height:318px!important;border-radius:14px!important}
  section.right-block.reviews .copy{padding:22px 0 22px 16px!important}
  section.right-block.reviews .reviews-head{padding-right:16px!important}
  section.right-block.reviews .reviews-head h2{font-size:26px!important;white-space:normal!important}
  section.right-block.reviews .reviews-link{min-height:32px!important;padding:8px 10px!important;font-size:9px!important}
  section.right-block.reviews .quote-row{height:204px!important;margin-top:18px!important;padding-right:16px!important;gap:12px!important}
  section.right-block.reviews .quote{
    flex-basis:calc(100vw - 78px)!important;
    width:calc(100vw - 78px)!important;
    max-width:345px!important;
    height:180px!important;
    min-height:180px!important;
    padding:17px!important;
    border-radius:14px!important;
  }
  section.right-block.reviews .quote p{margin-top:17px!important;font-size:11.5px!important;line-height:1.55!important}
  section.right-block.reviews .quote::after{left:17px!important;bottom:14px!important}

  section.right-block.instagram{height:178px!important;min-height:178px!important}
  section.right-block.instagram .copy{width:78%!important;padding:24px 17px!important}
  section.right-block.instagram h2{font-size:29px!important}
  section.right-block.instagram p{font-size:10px!important;line-height:1.45!important}

  section.lower-right{grid-template-columns:1fr!important}
  section.lower-right .lower-card,
  section.lower-right .brand-mini{min-height:112px!important;padding:18px!important;border-left:0!important}
  section.lower-right .lower-card h3{font-size:22px!important}
  section.lower-right .lower-card p,
  section.lower-right .lower-card li{font-size:9.5px!important;line-height:1.55!important}
  section.lower-right .map{height:88px!important}

  .category-modal{width:calc(100vw - 24px)!important;padding:20px 16px!important}
  .category-product.category-product-with-image{grid-template-columns:82px minmax(0,1fr) auto!important}
  .category-product-thumb{width:82px!important;height:82px!important}
}

@media (max-width:380px){
  .header .brand-logo-image{width:125px!important;flex-basis:125px!important}
  .hero-copy h1{font-size:29px!important}
  .hero-object{right:-10px!important;width:164px!important}
  .menu{gap:16px!important}
  .cat h3{font-size:20px!important}
}

/* mobile-hero-correction-v8 */
/* Focused mobile hero correction: readable title rhythm + a deliberate cake composition. */
@media (max-width:600px){
  .left-hero{
    height:366px!important;
    min-height:366px!important;
    overflow:hidden!important;
    background:
      radial-gradient(ellipse at 86% 73%,rgba(232,205,180,.34) 0%,rgba(247,239,231,.18) 34%,transparent 62%),
      linear-gradient(180deg,#fff 0%,#f8f3ed 66%,#f4ebe3 100%)!important;
  }

  .hero-copy{
    left:18px!important;
    top:105px!important;
    width:calc(100% - 36px)!important;
    max-width:none!important;
  }
  .hero-copy h1{
    width:100%!important;
    max-width:335px!important;
    margin:0!important;
    font-size:30px!important;
    line-height:1.09!important;
    letter-spacing:-.026em!important;
  }
  .hero-divider{
    width:55%!important;
    max-width:205px!important;
    margin:15px 0 10px!important;
  }
  .hero-copy p{
    width:53%!important;
    max-width:205px!important;
    margin:0!important;
    font-size:10.5px!important;
    line-height:1.52!important;
  }

  .hero-object{
    right:8px!important;
    top:auto!important;
    bottom:18px!important;
    width:184px!important;
    height:184px!important;
    margin:0!important;
    background-color:transparent!important;
    background-image:url('/assets/products/hero-berry-cake-transparent-v1.webp')!important;
    background-size:contain!important;
    background-position:center bottom!important;
    background-repeat:no-repeat!important;
    filter:drop-shadow(0 15px 14px rgba(78,37,25,.13))!important;
  }
  .hero-object::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:-1!important;
    left:17px!important;
    right:10px!important;
    bottom:3px!important;
    height:34px!important;
    border-radius:50%!important;
    background:radial-gradient(ellipse,rgba(117,75,55,.13) 0%,rgba(117,75,55,.04) 48%,transparent 72%)!important;
  }
}

@media (max-width:380px){
  .hero-copy h1{max-width:305px!important;font-size:28px!important;line-height:1.1!important}
  .hero-copy p{width:51%!important;font-size:10px!important}
  .hero-object{right:1px!important;width:170px!important;height:170px!important}
}

/* mobile-language-contrast-v9 */
@media (max-width:600px){
  .header .language-switch{
    height:30px!important;
    padding:3px!important;
    gap:2px!important;
    transform:none!important;
    border:1px solid rgba(159,133,106,.42)!important;
    border-radius:999px!important;
    background:rgba(255,252,248,.94)!important;
    box-shadow:0 2px 8px rgba(88,28,32,.06)!important;
  }
  .header .language-switch .lang-button{
    width:29px!important;
    height:22px!important;
    padding:0!important;
    border:0!important;
    border-radius:999px!important;
    background:transparent!important;
    color:#581C20!important;
    font-size:8px!important;
    line-height:22px!important;
    font-weight:700!important;
    letter-spacing:.02em!important;
    opacity:1!important;
  }
  .header .language-switch .lang-button.active{
    background:#581C20!important;
    color:#FFF8F2!important;
    box-shadow:0 2px 6px rgba(88,28,32,.18)!important;
  }
  .header .language-switch .lang-button::before,
  .header .language-switch .lang-button::after{display:none!important}
}

/* mobile-hero-clean-layout-v10 */
@media (max-width:600px){
  .left-hero{height:378px!important;min-height:378px!important}

  .hero-copy{top:105px!important;width:calc(100% - 36px)!important}
  .hero-copy h1{
    max-width:340px!important;
    font-size:30px!important;
    line-height:1.08!important;
    letter-spacing:-.024em!important;
  }
  .hero-divider{
    width:49%!important;
    max-width:190px!important;
    margin:15px 0 18px!important;
    transform:none!important;
  }
  .hero-divider b,
  .hero-divider b.cherry-divider-icon{transform:none!important}
  .hero-copy>p{
    width:49%!important;
    max-width:188px!important;
    margin:0!important;
    padding:0!important;
    font-size:10.5px!important;
    line-height:1.55!important;
    transform:none!important;
  }

  .hero-object{
    right:13px!important;
    bottom:20px!important;
    width:178px!important;
    height:178px!important;
    overflow:hidden!important;
    border:1px solid rgba(159,133,106,.18)!important;
    border-radius:18px!important;
    background-color:#f5e4d2!important;
    background-image:url('/assets/products/new-york-cheesecake-cake-v1.webp')!important;
    background-size:cover!important;
    background-position:center 56%!important;
    box-shadow:0 13px 28px rgba(88,28,32,.12),inset 0 1px 0 rgba(255,255,255,.45)!important;
    filter:none!important;
  }
  .hero-object::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(88,28,32,.025))!important;
    pointer-events:none!important;
  }
  .hero-object .plate,.hero-object .cake,.hero-object .label{display:none!important}
}

@media (max-width:380px){
  .left-hero{height:370px!important;min-height:370px!important}
  .hero-copy h1{font-size:28px!important;line-height:1.09!important}
  .hero-divider{margin-bottom:17px!important}
  .hero-copy>p{width:48%!important;font-size:10px!important}
  .hero-object{right:9px!important;width:164px!important;height:170px!important}
}

/* mobile-hero-without-cake-v11 */
@media (max-width:600px){
  .left-hero{
    height:318px!important;
    min-height:318px!important;
    background:linear-gradient(180deg,#fff 0%,#f8f3ed 100%)!important;
  }
  .hero-object{display:none!important}
  .hero-copy{width:calc(100% - 36px)!important}
  .hero-divider{
    width:100%!important;
    max-width:335px!important;
    margin:15px 0 17px!important;
  }
  .hero-copy>p{
    width:100%!important;
    max-width:305px!important;
    font-size:11px!important;
    line-height:1.55!important;
  }
}
@media (max-width:380px){
  .left-hero{height:310px!important;min-height:310px!important}
  .hero-copy>p{max-width:285px!important;font-size:10.5px!important}
}

/* mobile-hero-reserved-cake-space-v12 */
@media (max-width:600px){
  .left-hero{
    height:378px!important;
    min-height:378px!important;
  }
  .hero-object{display:none!important}
  .hero-divider{
    width:49%!important;
    max-width:190px!important;
    margin:15px 0 18px!important;
  }
  .hero-copy>p{
    width:49%!important;
    max-width:188px!important;
    font-size:10.5px!important;
    line-height:1.55!important;
  }
}
@media (max-width:380px){
  .left-hero{height:370px!important;min-height:370px!important}
  .hero-copy>p{width:48%!important;max-width:180px!important;font-size:10px!important}
}

/* desktop-polish-reviews-category-photos-v13 */
/* Reviews CTA: use the same quiet premium pill language as the rest of the site. */
@media (min-width:601px){
  section.right-block.reviews{
    border-color:rgba(159,133,106,.10)!important;
    background:
      radial-gradient(ellipse at 78% 18%,rgba(255,255,255,.60),transparent 42%),
      linear-gradient(180deg,rgba(255,252,248,.96),rgba(247,239,232,.94))!important;
    box-shadow:0 8px 22px rgba(71,38,27,.055),inset 0 1px 0 rgba(255,255,255,.70)!important;
  }
  section.right-block.reviews .reviews-link{
    width:auto!important;
    max-width:none!important;
    min-height:26px!important;
    margin:0!important;
    padding:0 14px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(159,133,106,.48)!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(248,239,231,.94),rgba(237,220,205,.88))!important;
    color:#581c20!important;
    box-shadow:0 3px 9px rgba(81,55,38,.07),inset 0 1px 0 rgba(255,255,255,.62)!important;
    font-size:9px!important;
    font-weight:600!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  section.right-block.reviews .reviews-link:hover{
    background:linear-gradient(180deg,#f5e7da,#ead4c1)!important;
    border-color:rgba(159,133,106,.72)!important;
    transform:translateY(-1px)!important;
  }

  /* Remove the hard grid-like seams between the large editorial blocks. */
  section.right-block.order,
  section.right-block.drinks,
  section.right-block.about,
  section.right-block.reviews,
  section.right-block.instagram{
    border-color:rgba(159,133,106,.08)!important;
  }

  /* Keep the whole product visible in all four category photographs. */
  .categories > .cat{
    border-color:rgba(220,189,162,.30)!important;
    background-image:
      linear-gradient(90deg,rgba(43,5,7,.99) 0%,rgba(52,8,10,.96) 33%,rgba(57,10,12,.72) 47%,rgba(61,12,14,.20) 61%,rgba(61,12,14,.025) 76%),
      var(--category-image)!important;
    background-size:100% 100%,auto 92%!important;
    background-position:center,right center!important;
    background-repeat:no-repeat!important;
  }
}

@media (max-width:600px){
  /* The same uncropped category treatment on phones, with a little more breathing room. */
  .categories > .cat{
    background-image:
      linear-gradient(90deg,rgba(43,5,7,.99) 0%,rgba(52,8,10,.94) 36%,rgba(60,11,13,.68) 52%,rgba(61,12,14,.14) 68%,rgba(61,12,14,.02) 82%),
      var(--category-image)!important;
    background-size:100% 100%,auto 90%!important;
    background-position:center,right center!important;
    background-repeat:no-repeat!important;
  }
}

/* brandbook-brighter-wine-v14 */
/* Restore the brighter Cherry On Top wine palette from the brand system. */
.categories > .cat{
  background-color:#6a242a!important;
  background-image:
    linear-gradient(90deg,rgba(88,28,32,.98) 0%,rgba(106,36,42,.93) 31%,rgba(106,36,42,.62) 46%,rgba(106,36,42,.19) 61%,rgba(88,28,32,.015) 77%),
    var(--category-image)!important;
}
html body section.diet{
  background-image:
    linear-gradient(90deg,rgba(88,28,32,.98) 0%,rgba(106,36,42,.92) 31%,rgba(106,36,42,.64) 48%,rgba(106,36,42,.19) 64%,rgba(88,28,32,.02) 79%),
    url('/assets/category-backgrounds/category-diet-v2.webp')!important;
  background-color:#6a242a!important;
}
section.instagram,
section.right-block.instagram{
  background:
    radial-gradient(circle at 82% 20%,rgba(179,85,91,.26),transparent 42%),
    linear-gradient(135deg,#7a3036 0%,#6a242a 52%,#581c20 100%)!important;
}
.lower-right,
footer.lower-right{
  background:linear-gradient(105deg,#70292f 0%,#6a242a 55%,#581c20 100%)!important;
}
@media (max-width:600px){
  .categories > .cat{
    background-image:
      linear-gradient(90deg,rgba(88,28,32,.98) 0%,rgba(106,36,42,.91) 35%,rgba(106,36,42,.59) 51%,rgba(106,36,42,.14) 68%,rgba(88,28,32,.01) 82%),
      var(--category-image)!important;
  }
}

/* category-complete-contours-v15 */
/* A single closed outline replaces the detached top/bottom strips. */
.categories > .cat{
  border:1px solid rgba(104,51,53,.30)!important;
  box-shadow:
    0 8px 18px rgba(61,25,24,.11),
    inset 0 0 0 1px rgba(255,248,242,.12)!important;
}
.categories > .cat::after{
  box-shadow:none!important;
}
@media (hover:hover) and (pointer:fine) and (min-width:601px){
  html.motion-system-v1 .categories > .cat:hover{
    border-color:rgba(104,51,53,.42)!important;
    box-shadow:
      0 12px 24px rgba(61,25,24,.15),
      inset 0 0 0 1px rgba(255,248,242,.15)!important;
  }
}

/* category-photo-fill-v16 */
/* Fill the full card height so the burgundy base cannot appear as top/bottom bars. */
.categories > .cat{
  background-size:100% 100%,auto 100%!important;
  background-position:center,right center!important;
  background-repeat:no-repeat!important;
}
.categories > .cat::after{
  background:linear-gradient(105deg,rgba(255,248,242,.035) 0%,transparent 42%,rgba(220,189,162,.02) 100%)!important;
  box-shadow:none!important;
}
@media (max-width:600px){
  .categories > .cat{
    background-size:100% 100%,auto 100%!important;
  }
}

/* category-borderless-v17 */
/* Final category treatment: no visible perimeter lines at all. */
.categories > .cat{
  border:0!important;
  box-shadow:0 7px 17px rgba(61,25,24,.10)!important;
}
.categories > .cat::after{
  background:none!important;
  box-shadow:none!important;
}
@media (hover:hover) and (pointer:fine) and (min-width:601px){
  html.motion-system-v1 .categories > .cat:hover{
    border:0!important;
    box-shadow:0 11px 22px rgba(61,25,24,.14)!important;
  }
}

/* instagram-phone-background-v1 */
/* Real Cherry On Top Instagram profile presented as a premium editorial phone mockup. */
section.instagram,
section.right-block.instagram{
  background-color:#f2dfcf!important;
  background-image:
    linear-gradient(90deg,rgba(88,28,32,.99) 0%,rgba(94,31,36,.98) 28%,rgba(102,35,41,.92) 40%,rgba(108,41,46,.76) 51%,rgba(118,57,60,.50) 61%,rgba(130,77,76,.26) 70%,rgba(145,101,96,.10) 78%,rgba(145,101,96,0) 86%),
    url('/assets/sections/instagram-phone-v2.webp')!important;
  background-size:100% 100%,auto 100%!important;
  background-position:center,right center!important;
  background-repeat:no-repeat!important;
}
section.right-block.instagram .ghost{
  display:none!important;
}
@media (max-width:600px){
  section.instagram,
  section.right-block.instagram{
    background-image:
      linear-gradient(90deg,rgba(88,28,32,.99) 0%,rgba(96,32,38,.97) 35%,rgba(104,37,43,.86) 47%,rgba(111,47,51,.66) 58%,rgba(123,66,67,.42) 68%,rgba(139,91,87,.20) 77%,rgba(145,101,96,.06) 84%,rgba(145,101,96,0) 90%),
      url('/assets/sections/instagram-phone-v2.webp')!important;
    background-size:100% 100%,auto 100%!important;
  }
  section.right-block.instagram .copy{
    width:62%!important;
  }
}

/* tea-catalog-clean-v1 */
/* Tea is a simple two-column name list: no cup-only variants, prices or cart controls. */
.tea-price-columns{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.tea-price-columns .tea-product{
  min-height:76px;
  align-items:center;
}
.tea-price-columns .tea-product .category-product-info{
  gap:0;
}
@media (max-width:600px){
  .tea-price-columns{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .tea-price-column{gap:8px!important}
  .tea-price-columns .tea-product{
    min-height:72px!important;
    padding:10px!important;
  }
}

/* hero-raspberry-gift-cake-v162 */
/* Main hero: approved raspberry gift cake, integrated into the existing cream stage. */
.left-hero{
  background-color:#FEF6E6!important;
  background-image:url('/assets/sections/main-hero-raspberry-gift-cake-v2.webp')!important;
  background-repeat:no-repeat!important;
  background-size:auto 100%!important;
  background-position:right center!important;
}
.hero-object{display:none!important}

@media (max-width:600px){
  .left-hero{
    background-color:#FEF6E6!important;
    background-image:url('/assets/sections/main-hero-raspberry-gift-cake-mobile-v2.webp')!important;
    background-repeat:no-repeat!important;
    background-size:auto 100%!important;
    background-position:right bottom!important;
  }
}

/* hero-about-cleanup-v163 */
/* Desktop polish: one continuous hero backdrop and a fully readable About panel. */
@media (min-width:601px){
  section.right-block.about{
    background-color:#f8f0e9!important;
    background-image:
      linear-gradient(90deg,rgba(248,240,233,1) 0%,rgba(248,240,233,1) 42%,rgba(248,240,233,.98) 52%,rgba(248,240,233,.82) 62%,rgba(248,240,233,.30) 76%,rgba(248,240,233,0) 90%),
      url('/assets/sections/about-storefront-v1.webp')!important;
    background-repeat:no-repeat!important;
    background-size:100% 100%,auto 100%!important;
    background-position:center,right center!important;
  }
  section.right-block.about .copy{
    top:15px!important;
    left:15px!important;
    width:292px!important;
  }
  section.right-block.about h2{
    margin:0!important;
  }
  section.right-block.about p{
    margin-top:5px!important;
    max-width:280px!important;
    font-size:7px!important;
    line-height:1.38!important;
  }
}

/* about-typography-v176 */
/* Keep the approved storefront background while making the About copy readable. */
@media (min-width:601px){
  section.right-block.about h2{
    font-size:24px!important;
    line-height:1.04!important;
  }
  section.right-block.about p.about-text{
    margin-top:9px!important;
    max-width:292px!important;
    font-size:10.5px!important;
    line-height:1.46!important;
  }
}

@media (max-width:600px){
  section.right-block.about h2{
    font-size:30px!important;
    line-height:1.04!important;
  }
  section.right-block.about p.about-text{
    margin-top:10px!important;
    font-size:11.5px!important;
    line-height:1.48!important;
  }
}
/* Standard checkout scheduling and delivery details */
.checkout-datetime{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.checkout-datetime input{min-width:0}
.checkout-delivery-info{margin:0;color:#75665e;font-size:12px;line-height:1.4}