/* =========================================================
   Tabby Chaser — Studio Scrapbook Design System v51
   Cream / dusty rose / chocolate / olive / butter
   ========================================================= */
:root{
  --cream:#faf6f0;
  --cream-deep:#f3ebe1;
  --dusty:#c9a8ad;
  --dusty-deep:#b89298;
  --dusty-soft:#e8d4d7;
  --chocolate:#5c4033;
  --chocolate-soft:#7a5c4c;
  --olive:#6f8454;
  --olive-deep:#5a6e42;
  --butter:#efd89a;
  --butter-soft:#f7ecc0;
  --paper:#fffdf9;
  --ink:var(--chocolate);
  --rose:var(--dusty-deep);
  --pink:var(--dusty-soft);
  --blush:var(--dusty-soft);
  --line:#e5d9d0;
  --mask-flower:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cg%20fill%3D%22black%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2228%22%20r%3D%2222%22%2F%3E%3Ccircle%20cx%3D%2272%22%20cy%3D%2240%22%20r%3D%2222%22%2F%3E%3Ccircle%20cx%3D%2272%22%20cy%3D%2264%22%20r%3D%2222%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2274%22%20r%3D%2222%22%2F%3E%3Ccircle%20cx%3D%2228%22%20cy%3D%2264%22%20r%3D%2222%22%2F%3E%3Ccircle%20cx%3D%2228%22%20cy%3D%2240%22%20r%3D%2222%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2224%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --mask-scallop:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M14%2036c0-9%207-16%2016-16%202-7%208-12%2015-12s13%205%2015%2012c9%200%2016%207%2016%2016%207%202%2012%208%2012%2015s-5%2013-12%2015c0%209-7%2016-16%2016-2%207-8%2012-15%2012s-13-5-15-12c-9%200-16-7-16-16-7-2-12-8-12-15s5-13%2012-15z%22%2F%3E%3C%2Fsvg%3E");
  --mask-heart:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M50%2088S12%2060%2012%2036c0-14%2011-24%2024-24%208%200%2015%204%2014%200%207-5%2015-10%2024-10%2013%200%2024%2010%2024%2024%200%2024-38%2052-38%2052z%22%2F%3E%3C%2Fsvg%3E");
  --mask-blob:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M28%2022c14-14%2039-17%2054-4%2013%2011%2017%2032%209%2048-9%2018-31%2026-49%2021-17-5-29-21-27-39%202-14%205-18%2013-26z%22%2F%3E%3C%2Fsvg%3E");
  --mask-arch:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M12%2094V48c0-21%2017-38%2038-38s38%2017%2038%2038v46H12z%22%2F%3E%3C%2Fsvg%3E");
  --mask-wavy:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M10%2024c11-14%2026-17%2039-11%209%204%2014%203%2022-3%2011-8%2023-5%2026%208%204%2016-1%2024%204%2036%206%2014-3%2029-18%2033-12%203-20-2-29%202-12%206-26%202-32-11-5-11%200-18-3-28-4-13%201-20-9-26z%22%2F%3E%3C%2Fsvg%3E");
  --mask-circle:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2246%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
}

/* Clear previous illustrated / whimsy conflicts */
.product-card::after,
.shop-section::before,
.catalogue-main::before,
.contact-main::before,
.new-section::before,
.hero-banner::after,
.about-mission::after,
.ticker::after{content:none!important;display:none!important}
.whimsy-divider{display:none!important}

body{
  background:var(--cream)!important;
  color:var(--chocolate)!important;
}
.announcement{
  background:var(--paper)!important;
  border-bottom:1px solid var(--line)!important;
  color:var(--chocolate-soft)!important;
}
.announcement-accent{color:var(--dusty-deep)!important}
.site-header,.main-nav{background:rgba(250,246,240,.94)!important}
.main-nav{border-color:var(--line)!important}
.wordmark span,.footer-brand span,.accent-dot{color:var(--dusty-deep)!important}
.cart-button span{background:var(--dusty)!important;color:#fff!important}

/* Soft olive CTAs instead of harsh black pills */
.button-black{
  background:var(--olive)!important;
  color:#fff!important;
  border:1.5px solid var(--olive-deep)!important;
  border-radius:999px!important;
  box-shadow:none!important;
}
.button-black:hover{
  background:var(--olive-deep)!important;
  border-color:var(--olive-deep)!important;
}
.button{
  border-radius:999px!important;
  box-shadow:none!important;
}

/* —— Organic frames (hero / about / editorial only) ——
   Mask on the container so photos show clearly; soft chocolate rim via drop-shadow. */
.organic-media{
  --organic-mask:var(--mask-scallop);
  position:relative;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:var(--dusty-soft)!important;
  -webkit-mask-image:var(--organic-mask);
  mask-image:var(--organic-mask);
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  filter:
    drop-shadow(1.5px 0 0 rgba(92,64,51,.85))
    drop-shadow(-1.5px 0 0 rgba(92,64,51,.85))
    drop-shadow(0 1.5px 0 rgba(92,64,51,.85))
    drop-shadow(0 -1.5px 0 rgba(92,64,51,.85));
}
.organic-media::before{content:none!important;display:none!important}
.organic-media > img,
.organic-media > .about-visual-img{
  width:100%;height:100%;object-fit:cover;display:block;
  background:var(--dusty-soft);
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.organic-media--flower{--organic-mask:var(--mask-flower);-webkit-mask-image:var(--mask-flower);mask-image:var(--mask-flower)}
.organic-media--scallop{--organic-mask:var(--mask-scallop);-webkit-mask-image:var(--mask-scallop);mask-image:var(--mask-scallop)}
.organic-media--heart{--organic-mask:var(--mask-heart);-webkit-mask-image:var(--mask-heart);mask-image:var(--mask-heart)}
.organic-media--blob{--organic-mask:var(--mask-blob);-webkit-mask-image:var(--mask-blob);mask-image:var(--mask-blob)}
.organic-media--arch{--organic-mask:var(--mask-arch);-webkit-mask-image:var(--mask-arch);mask-image:var(--mask-arch)}
.organic-media--wavy{--organic-mask:var(--mask-wavy);-webkit-mask-image:var(--mask-wavy);mask-image:var(--mask-wavy)}
.organic-media--circle{--organic-mask:var(--mask-circle);-webkit-mask-image:var(--mask-circle);mask-image:var(--mask-circle)}

/* —— Product cards: consistent rounded-square frames —— */
.product-image.organic-media,
.product-card .product-image{
  --organic-mask:none!important;
  border-radius:22px!important;
  overflow:hidden!important;
  border:1.5px solid rgba(92,64,51,.22)!important;
  background:var(--cream-deep)!important;
  box-shadow:0 8px 22px rgba(92,64,51,.08)!important;
  /* height set in Pass 2 square tiles */
  min-height:0;
}
.product-image.organic-media::before,
.product-card .product-image::before{display:none!important;content:none!important}
.product-image.organic-media > *,
.product-card .product-image > img,
.product-card .product-image .product-image-stage,
.product-card .product-image .product-image-empty,
.product-card .product-image .product-card-media-link{
  -webkit-mask-image:none!important;
  mask-image:none!important;
  border-radius:0!important;
}
.product-card{
  background:transparent!important;
  border:0!important;
  padding:8px 4px 4px!important;
  position:relative;
  transform:none!important;
}
/* Doodles stay off product tiles — use page margins instead */
.product-card::before,
.product-card:nth-child(n)::before{
  content:none!important;
  display:none!important;
}
.product-info h3{color:var(--chocolate);font-family:var(--display);letter-spacing:-.03em}
.product-info p{color:var(--chocolate-soft)}
.product-info strong{
  color:var(--olive)!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  font-size:14px!important;
  font-weight:700;
}
.product-card .quick-add{
  border-radius:999px!important;
  left:10%!important;right:10%!important;bottom:12px!important;width:auto!important;
  background:var(--olive)!important;border:0!important;
  box-shadow:none!important;
}

/* —— Hero —— */
.hero-illustrated{
  position:relative;
  display:grid;
  grid-template-columns:minmax(280px,.95fr) minmax(300px,1.15fr);
  gap:clamp(18px,3vw,40px);
  align-items:center;
  padding:clamp(28px,5vw,64px) clamp(20px,6vw,90px) 72px;
  background:
    radial-gradient(circle at 85% 18%, rgba(239,216,154,.35), transparent 28%),
    linear-gradient(145deg, var(--dusty-soft) 0%, #f3ebe3 48%, var(--cream) 100%);
  overflow:hidden;
}
.hero-illustrated-copy{position:relative;z-index:2;max-width:540px}
.hero-illustrated-copy .eyebrow{
  display:inline-block;
  background:var(--paper);
  border:1px solid rgba(92,64,51,.18);
  border-radius:999px;
  padding:6px 14px;margin-bottom:16px;
  color:var(--chocolate-soft);
  box-shadow:none;
}
.hero-illustrated-copy h1{
  font-family:var(--display);font-weight:900;letter-spacing:-.055em;line-height:1.02;
  font-size:clamp(44px,6.2vw,80px);margin:0 0 16px;color:var(--chocolate);
}
.hero-illustrated-copy h1 span{color:var(--dusty-deep)}
.hero-illustrated-copy .hero-description{
  font-size:15px;line-height:1.85;max-width:42ch;margin:0 0 24px;color:var(--chocolate-soft);
}
.hero-collage{position:relative;min-height:clamp(340px,42vw,540px);z-index:1}
.hero-frame{position:absolute;margin:0}
.hero-frame .organic-media{width:100%;height:100%;background:var(--dusty-soft)!important}
.hero-frame--a{width:min(58%,340px);aspect-ratio:1;left:2%;top:6%;z-index:2;transform:rotate(-5deg)}
.hero-frame--b{width:min(42%,240px);aspect-ratio:1;right:4%;top:2%;z-index:3;transform:rotate(6deg)}
.hero-frame--c{width:min(46%,270px);aspect-ratio:1;right:10%;bottom:8%;z-index:2;transform:rotate(-3deg)}
.hero-doodle{
  position:absolute;z-index:4;color:var(--chocolate-soft);opacity:.55;pointer-events:none;
  font-size:clamp(16px,2.2vw,26px);user-select:none;
}
.hero-doodle--1{left:50%;top:8%}
.hero-doodle--2{left:56%;top:46%;color:var(--dusty-deep)}
.hero-doodle--3{left:8%;bottom:18%}
.hero-doodle--4{right:2%;bottom:40%;color:var(--olive)}
.hero-doodle--5{left:42%;bottom:10%;opacity:.45}

/* Curtain-like scalloped bottom on hero */
.hero-illustrated::after{
  content:"";
  position:absolute;left:0;right:0;bottom:0;height:42px;z-index:5;
  background:
    radial-gradient(circle at 21px 0, var(--cream) 20px, transparent 21px);
  background-size:42px 42px;
  background-repeat:repeat-x;
  pointer-events:none;
}

/* Illustrated ribbon strip */
.studio-ribbon{
  position:relative;
  margin:8px clamp(16px,5vw,80px) 8px;
  padding:16px 22px;
  background:var(--dusty-soft);
  border:1.5px dashed rgba(92,64,51,.28);
  border-radius:18px;
  color:var(--chocolate);
  text-align:center;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  overflow:hidden;
}
.studio-ribbon span{
  color:var(--olive);padding:0 10px;
}
.studio-ribbon::before,
.studio-ribbon::after{
  content:"🐾";
  position:absolute;top:50%;transform:translateY(-50%);
  opacity:.35;font-size:14px;
}
.studio-ribbon::before{left:14px}
.studio-ribbon::after{right:14px;content:"❀"}

.section-break{display:none!important}
.doodle-rail{
  display:flex;align-items:center;justify-content:center;gap:14px;
  padding:10px 12px 4px;color:var(--dusty);letter-spacing:.3em;font-size:13px;
  opacity:.7;user-select:none;
}
.doodle-rail::before,.doodle-rail::after{
  content:"";height:2px;width:min(100px,16vw);
  background:repeating-linear-gradient(90deg,var(--chocolate) 0 5px, transparent 5px 10px);
  opacity:.25;
}

.shop-section{
  padding-top:36px!important;padding-bottom:48px!important;
  background:var(--cream)!important;
}
.section-heading h2{color:var(--chocolate)}
.section-heading h2::after{content:"✦";color:var(--dusty);font-size:.4em;vertical-align:super;margin-left:.15em}
.text-link{color:var(--olive)!important;text-underline-offset:4px}

/* New arrivals editorial */
.new-section{padding:12px clamp(20px,6vw,90px) 64px!important;display:block!important;background:var(--cream)!important}
.new-illustrated{
  position:relative;display:grid;grid-template-columns:1.05fr .95fr;
  gap:clamp(20px,4vw,48px);align-items:center;
  background:linear-gradient(165deg, var(--paper) 0%, var(--dusty-soft) 70%, var(--butter-soft) 130%);
  border:1.5px solid rgba(92,64,51,.18);
  border-radius:28px;
  padding:clamp(28px,4vw,52px);
  box-shadow:0 12px 28px rgba(92,64,51,.06);
  overflow:hidden;
}
.new-illustrated-copy h2{
  font-family:var(--display);font-weight:900;letter-spacing:-.05em;
  font-size:clamp(34px,4.4vw,58px);margin:0 0 14px;line-height:1.05;color:var(--chocolate);
}
.new-illustrated-copy h2 span{color:var(--dusty-deep)}
.new-illustrated-copy p{color:var(--chocolate-soft)}
.new-illustrated-art{position:relative;min-height:280px}
.new-illustrated-art .scrap-frame{position:absolute;margin:0}
.new-illustrated-art .scrap-frame--main{width:72%;aspect-ratio:1;left:4%;top:4%;transform:rotate(-4deg);z-index:2}
.new-illustrated-art .scrap-frame--side{width:48%;aspect-ratio:1;right:0;bottom:0;transform:rotate(7deg);z-index:3}
.new-illustrated-art .organic-media{width:100%;height:100%}

/* Hide legacy ticker harsh pink — ribbon replaces it */
.ticker{
  display:none!important;
}

/* —— About —— */
.about-mission{
  background:linear-gradient(180deg, var(--dusty-soft), #e7d2d5)!important;
  border-bottom:0!important;
  padding-bottom:clamp(40px,6vw,70px)!important;
  color:var(--chocolate);
}
.about-mission h1{color:var(--chocolate)!important}
.about-mission-lead{color:var(--chocolate-soft)!important}
.about-visual{
  background:
    radial-gradient(circle at 12% 18%, rgba(239,216,154,.3), transparent 28%),
    var(--cream)!important;
}
.about-collage{min-height:clamp(540px,70vw,740px)!important}
.about-piece{
  background:transparent!important;border:0!important;box-shadow:none!important;
  overflow:visible!important;border-radius:0!important;
}
.about-piece .organic-media{width:100%!important;height:100%!important}
.about-piece .about-visual-img{padding:0!important;filter:none!important;object-fit:cover}
.about-doodle{color:var(--dusty-deep)!important}
.maker-photo.organic-media{
  display:grid!important;place-items:center;min-height:320px!important;
  background:var(--cream-deep)!important;
}
.about-page .policy-section details{
  border:1.5px solid rgba(92,64,51,.2)!important;
  border-radius:16px!important;background:var(--paper)!important;
  box-shadow:none!important;
}
.about-page .notes-links a{
  border:1.5px solid rgba(92,64,51,.18);
  border-radius:14px;padding:12px 14px;background:var(--paper);
  box-shadow:none;margin-bottom:10px;
}

/* Shop / PDP / Contact */
.catalogue-header h1,.contact-header h1,#productName{color:var(--chocolate)}
.contact-form{
  border:1.5px solid rgba(92,64,51,.2)!important;
  border-radius:24px!important;
  background:var(--paper)!important;
  box-shadow:0 10px 24px rgba(92,64,51,.06)!important;
  padding:24px!important;
}
.contact-field input,.contact-field textarea{
  border:1.5px solid rgba(92,64,51,.22)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:var(--chocolate)!important;
}
.contact-field input:focus,.contact-field textarea:focus{
  border-color:var(--olive)!important;
}
.product-purchase{
  border:1.5px solid rgba(92,64,51,.18)!important;
  border-radius:22px!important;
  background:var(--paper)!important;
  box-shadow:0 8px 20px rgba(92,64,51,.05)!important;
}
.product-price{color:var(--olive)!important}
.product-main-frame.organic-media{
  --organic-mask:none!important;
  border-radius:24px!important;
  overflow:hidden!important;
  border:1.5px solid rgba(92,64,51,.22)!important;
  background:var(--cream-deep)!important;
  min-height:clamp(300px,46vw,500px);
  aspect-ratio:1;max-width:100%;
  box-shadow:0 10px 26px rgba(92,64,51,.08)!important;
}
.product-main-frame.organic-media::before{display:none!important}
.product-main-frame.organic-media > img,
.product-main-frame.organic-media > .product-image-empty{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  -webkit-mask-image:none!important;mask-image:none!important;
  border-radius:0!important;
}
.product-thumb{
  border-radius:14px!important;overflow:hidden!important;
  border:1.5px solid rgba(92,64,51,.2)!important;
}
.product-thumb::before{display:none!important}
.product-thumb img{-webkit-mask-image:none!important;mask-image:none!important}

.site-footer{
  background:var(--dusty-soft)!important;
  border-top:1.5px dashed rgba(92,64,51,.25)!important;
  color:var(--chocolate)!important;
}
.footer-instagram{
  background:var(--butter-soft)!important;
  border:1.5px solid rgba(92,64,51,.2)!important;
  box-shadow:none!important;
  color:var(--chocolate)!important;
}
.cart-drawer{
  background:linear-gradient(180deg,var(--paper),var(--cream))!important;
  border-left:1.5px solid rgba(92,64,51,.2)!important;
}

@media(max-width:900px){
  .hero-illustrated{grid-template-columns:1fr;padding-bottom:64px}
  .hero-collage{min-height:360px;order:-1}
  .hero-frame--a{width:58%;left:0;top:8%}
  .hero-frame--b{width:44%;right:0;top:0}
  .hero-frame--c{width:50%;right:8%;bottom:4%}
  .new-illustrated{grid-template-columns:1fr}
  .new-illustrated-art{min-height:300px}
  .product-card::before{display:none}
}
@media(max-width:600px){
  .product-image.organic-media,.product-card .product-image{/* square via Pass 2 */}
  .hero-illustrated-copy h1{font-size:clamp(38px,10vw,52px)}
  .studio-ribbon{font-size:10px;letter-spacing:.08em;padding:14px 28px}
}

/* Soften legacy pastel product tile fills toward cream studio tones */
.product-image.blush,
.product-image.peach,
.product-image.pink-light,
.product-image.soft-yellow{
  background:var(--cream-deep)!important;
}
.product-frame-square{
  border-radius:22px!important;
  overflow:hidden!important;
  border:1.5px solid rgba(92,64,51,.22)!important;
  box-shadow:0 8px 22px rgba(92,64,51,.08)!important;
}
.photo-placeholder{
  border-color:rgba(92,64,51,.25)!important;
  color:var(--chocolate-soft)!important;
  background:rgba(255,253,249,.55)!important;
}
.main-nav a[aria-current="page"]::after,
.main-nav a:hover::after{
  background:radial-gradient(circle at 5px 3px, var(--dusty) 2.2px, transparent 2.4px)!important;
}

/* =========================================================
   Refinement pass v60 — centered hero, gallery, waves, footer
   ========================================================= */

/* Centered hero composition */
.hero-illustrated--centered{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:clamp(22px,3vw,36px);
  padding:clamp(36px,6vw,72px) clamp(18px,5vw,72px) 0!important;
  overflow:visible!important;
}
.hero-illustrated--centered .hero-illustrated-copy{
  max-width:36rem;margin:0 auto;z-index:3;
}
.hero-illustrated--centered .hero-description{
  margin-left:auto;margin-right:auto;max-width:38ch;
}
.hero-illustrated--centered .hero-collage{
  position:relative;
  width:min(720px,100%);
  min-height:clamp(280px,38vw,420px);
  margin:0 auto 8px;
}
.hero-illustrated--centered .hero-frame--a{
  width:min(48%,300px);left:50%;top:4%;
  transform:translateX(-58%) rotate(-4deg);z-index:2;
}
.hero-illustrated--centered .hero-frame--b{
  width:min(34%,210px);left:auto;right:4%;top:0;
  transform:rotate(5deg);z-index:3;
}
.hero-illustrated--centered .hero-frame--c{
  width:min(36%,220px);left:8%;right:auto;bottom:2%;top:auto;
  transform:rotate(-3deg);z-index:2;
}
.hero-illustrated--centered .hero-doodle--1{left:18%;top:6%}
.hero-illustrated--centered .hero-doodle--2{right:16%;top:40%}
.hero-illustrated--centered .hero-doodle--3{left:46%;bottom:4%}
.hero-illustrated--centered .hero-doodle--4{right:8%;bottom:18%}

/* Seamless curtain edge — full-bleed SVG, no clipped dots */
.hero-illustrated::after{display:none!important;content:none!important}
.hero-curtain{
  width:100%;
  margin:12px 0 0;
  line-height:0;
  position:relative;
  overflow:hidden;
  align-self:stretch;
}
.hero-curtain svg{display:block;width:100%;height:48px;min-width:100%}

/* Flowing wave ribbon */
.studio-ribbon{display:none!important}
.studio-wave{
  position:relative;
  width:100%;
  margin:0;
  overflow:hidden;
  background:transparent;
}
.studio-wave-edge{display:block;width:100%;height:22px}
.studio-wave-body{
  background:var(--dusty-soft);
  color:var(--chocolate);
  text-align:center;
  padding:14px 20px;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.studio-wave-body span{color:var(--olive);padding:0 8px}

.wave-divider{
  width:100%;
  line-height:0;
  margin:0;
  overflow:hidden;
}
.wave-divider svg{display:block;width:100%;height:40px}
.wave-divider--mission svg{height:48px}

/* Product listing — compact name (left) + price (right) on one row */
.product-info{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:10px 2px 0!important;
  min-height:0!important;
  width:100%;
}
.product-info > div{display:contents}
.product-info h3{
  margin:0!important;
  font-size:16px!important;
  line-height:1.25!important;
  flex:1 1 auto;
  min-width:0;
  color:var(--chocolate)!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.product-info p{
  display:none!important; /* descriptions belong on the product page */
}
.product-info strong{
  margin:0!important;
  align-self:baseline!important;
  flex:0 0 auto;
  color:var(--olive)!important;
  font-size:14px!important;
  font-weight:700;
  white-space:nowrap;
}
/* Quick-add: compact bottom pill so it does not cover most of the photo */
.product-card .quick-add{
  left:14%!important;
  right:14%!important;
  bottom:10px!important;
  width:auto!important;
  padding:10px 14px!important;
  font-size:9px!important;
  letter-spacing:.06em;
  border-radius:999px!important;
}

/* New arrivals structured */
.new-illustrated--structured{
  border-radius:24px!important;
  align-items:center!important;
}
.new-illustrated-art--grid{
  display:grid!important;
  grid-template-columns:1.1fr .85fr;
  gap:16px;
  position:relative!important;
  min-height:0!important;
  align-items:center;
}
.new-illustrated-art--grid .scrap-frame{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:100%!important;
  margin:0!important;
}
.new-illustrated-art--grid .scrap-frame--main{transform:rotate(-2deg)!important}
.new-illustrated-art--grid .scrap-frame--side{transform:rotate(3deg)!important;width:88%!important;justify-self:end}
.new-illustrated-art--grid .organic-media{aspect-ratio:1;width:100%}

/* About editorial gallery */
.about-gallery{
  padding:clamp(28px,5vw,56px) clamp(18px,5vw,72px) 28px;
  background:var(--cream);
}
.about-gallery-head{text-align:center;margin-bottom:28px}
.about-gallery-head h2{
  font-family:var(--display);font-weight:900;letter-spacing:-.04em;
  font-size:clamp(32px,4vw,48px);margin:0;color:var(--chocolate);
}
.about-gallery-stage{
  position:relative;
  display:grid;
  grid-template-columns:1.35fr .75fr;
  gap:clamp(14px,2.5vw,28px);
  align-items:stretch;
  max-width:1040px;
  margin:0 auto;
}
.about-gallery-feature,
.about-gallery-thumb{margin:0}
.about-gallery-feature .organic-media{
  width:100%;
  aspect-ratio:1.05 / 1;
  min-height:280px;
}
.about-gallery-side{
  display:flex;flex-direction:column;gap:16px;justify-content:space-between;
}
.about-gallery-thumb .organic-media{
  width:100%;aspect-ratio:1;min-height:140px;
}
.about-gallery-doodle{position:absolute;color:var(--dusty-deep);opacity:.5;font-size:22px;pointer-events:none}
.about-gallery-doodle.one{left:-4px;top:18%}
.about-gallery-doodle.two{right:32%;top:-6px}
.about-gallery-doodle.three{right:4%;bottom:10%}
.about-gallery-controls{
  display:flex;align-items:center;justify-content:center;gap:18px;
  margin-top:22px;
}
.gallery-arrow{
  width:44px;height:44px;border-radius:50%;
  border:1.5px solid rgba(92,64,51,.28);
  background:var(--paper);
  color:var(--chocolate);
  font-size:26px;line-height:1;
  display:grid;place-items:center;
  cursor:pointer;
}
.gallery-arrow:hover{background:var(--dusty-soft)}
.gallery-arrow:disabled{opacity:.35;cursor:default}
.about-gallery-status{
  margin:0;font-size:12px;letter-spacing:.08em;color:var(--chocolate-soft);
}

/* Larger maker photo */
.about-section--maker{
  display:grid!important;
  grid-template-columns:minmax(260px,.95fr) 1.05fr!important;
  gap:clamp(24px,4vw,48px)!important;
  align-items:center!important;
  padding:48px clamp(24px,7vw,100px)!important;
}
.maker-photo-wrap{display:flex;justify-content:center}
.maker-photo.organic-media{
  width:min(100%,420px)!important;
  min-height:clamp(360px,42vw,460px)!important;
  aspect-ratio:1!important;
  padding:28px!important;
}
.maker-photo .photo-slot-note{
  font-size:clamp(14px,2vw,18px)!important;
  max-width:12ch;
  line-height:1.35;
}
.maker-photo .photo-slot-sub{
  max-width:16rem;
  margin-top:12px;
}

/* Notes: policy once inside Good to know */
.note-policy{
  border:1.5px solid rgba(92,64,51,.18)!important;
  border-radius:14px!important;
  background:var(--paper)!important;
  margin-bottom:10px;
  padding:0!important;
}
.note-policy summary{
  list-style:none;
  cursor:pointer;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:4px 14px;
  padding:14px 16px;
  align-items:center;
}
.note-policy summary::-webkit-details-marker{display:none}
.note-policy summary span{color:var(--dusty-deep);font-weight:700}
.note-policy summary strong{display:block}
.note-policy summary small{grid-column:2;color:var(--chocolate-soft);font-size:11px}
.note-policy p{
  margin:0;padding:0 16px 16px 58px;
  font-size:12px;line-height:1.85;color:var(--chocolate-soft);
  max-width:760px;
}
.about-page .policy-section{display:none!important}

/* Footer doodles — chocolate, away from text */
.site-footer{
  position:relative!important;
  overflow:hidden!important;
  min-height:220px;
}
.footer-identity{position:relative;z-index:2}
.footer-doodle-mark{
  color:var(--chocolate)!important;
  opacity:.22!important;
  font-size:22px!important;
}
.footer-doodle-mark.one{left:auto!important;right:18%;top:22%!important}
.footer-doodle-mark.two{left:auto!important;right:8%;top:48%!important}
.footer-doodle-mark.three{left:auto!important;right:28%;bottom:18%!important;top:auto!important}
.footer-doodle-mark.five{left:auto!important;right:40%;top:16%!important}

.catalogue-main,.contact-main,.product-page main{
  position:relative;
}
.catalogue-main::after,
.contact-main::after{
  content:"✦  ♡  🐾";
  display:block;
  text-align:center;
  letter-spacing:.45em;
  color:var(--dusty);
  opacity:.4;
  font-size:12px;
  padding:8px 0 0;
}

@media(max-width:900px){
  .hero-illustrated--centered .hero-collage{min-height:320px}
  .about-gallery-stage{grid-template-columns:1fr}
  .about-gallery-side{flex-direction:row}
  .about-gallery-thumb{flex:1}
  .about-section--maker{grid-template-columns:1fr!important;text-align:center}
  .about-section--maker .about-copy{text-align:center}
  .new-illustrated-art--grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .about-gallery-side{flex-direction:column}
  .studio-wave-body{font-size:10px;letter-spacing:.08em;padding:12px 14px}
  .hero-curtain svg{height:36px}
  .new-illustrated-art--grid{grid-template-columns:1fr}
  .new-illustrated-art--grid .scrap-frame--side{justify-self:center;width:70%!important}
}

/* =========================================================
   Visual Refinement Pass 2 — v70
   Larger rounded-square tiles · seamless scallop · 4-up gallery
   ========================================================= */

/* Shared photo tiles — rounded square / soft rect, NO organic masks */
.photo-tile{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:1 / 1;
  border-radius:22px;
  overflow:hidden;
  border:1.5px solid rgba(92,64,51,.2);
  background:var(--cream-deep);
  box-shadow:0 10px 28px rgba(92,64,51,.1);
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.photo-tile img,
.photo-tile > img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:0!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.photo-tile.maker-photo-tile,
.maker-photo-tile.photo-tile{
  aspect-ratio:1 / 1;
  width:min(100%,420px);
  min-height:clamp(340px,40vw,460px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:28px;
  text-align:center;
  background:
    radial-gradient(circle at 30% 25%, rgba(239,216,154,.35), transparent 42%),
    var(--dusty-soft);
  border-radius:24px;
}
.maker-photo-tile .photo-slot-note{
  font-family:var(--display);
  font-weight:800;
  font-size:clamp(18px,2.2vw,24px);
  color:var(--chocolate);
  letter-spacing:-.03em;
}
.maker-photo-tile .photo-slot-sub{
  margin-top:8px;
  font-size:13px;
  color:var(--chocolate-soft);
  max-width:18ch;
  line-height:1.5;
}

/* Catalogue / Most Loved — significantly larger rounded-square cards */
.product-image.organic-media,
.product-card .product-image,
.product-image.product-frame-square{
  --organic-mask:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  border-radius:24px!important;
  overflow:hidden!important;
  border:1.5px solid rgba(92,64,51,.2)!important;
  background:var(--cream-deep)!important;
  box-shadow:0 10px 26px rgba(92,64,51,.09)!important;
  position:relative!important;
  width:100%!important;
  height:0!important;
  min-height:0!important;
  max-height:none!important;
  padding-bottom:100%!important; /* true square even with absolute media */
  aspect-ratio:unset!important;
  flex:0 0 auto!important;
  align-self:stretch!important;
}
.catalogue-grid .product-image,
.catalogue-grid .product-card .product-image{
  height:0!important;
  min-height:0!important;
  padding-bottom:100%!important;
}
.product-card::before,
.product-card::after,
.product-card:nth-child(n)::before,
.product-card:nth-child(n)::after{
  content:none!important;
  display:none!important;
}
.product-info h3{color:var(--chocolate)!important}
.product-info strong{color:var(--olive)!important}

/* Shop / Most Loved page doodles — outer margins only, clear of text & tiles */
.shop-section,
.catalogue-main{
  position:relative;
  overflow:visible;
}
.shop-section .doodle-float,
.catalogue-main .doodle-float{
  position:absolute;
  z-index:0;
  pointer-events:none;
  color:var(--dusty-deep);
  opacity:.32;
  font-size:16px;
  user-select:none;
  line-height:1;
}
/* Far outer corners — never over count label or product grid */
.catalogue-main .doodle-float.df1{left:4px;top:10px;transform:rotate(-14deg)}
.catalogue-main .doodle-float.df2{right:6px;top:14px;transform:rotate(12deg)}
.catalogue-main .doodle-float.df3{left:6px;bottom:28px;top:auto;transform:rotate(10deg)}
.catalogue-main .doodle-float.df4{right:8px;bottom:36px;top:auto;transform:rotate(-8deg)}
.catalogue-main .doodle-float.df5{display:none!important}
.shop-section .doodle-float.df1{left:6px;top:6px}
.shop-section .doodle-float.df2{right:8px;top:10px}
.shop-section .doodle-float.df3{left:10px;bottom:10px;top:auto;opacity:.28}
.product-grid,
.catalogue-grid,
.catalogue-header,
.catalogue-count,
.section-heading,
.doodle-rail--catalogue{
  position:relative;
  z-index:1;
}
.catalogue-count{
  margin:8px 0 22px!important;
  padding:0!important;
  clear:both;
  isolation:isolate;
  background:transparent;
}
.doodle-rail{
  display:flex;
  justify-content:center;
  gap:clamp(18px,4vw,36px);
  padding:6px 0 2px;
  color:var(--dusty);
  opacity:.45;
  font-size:14px;
  letter-spacing:.2em;
  pointer-events:none;
  user-select:none;
}
.doodle-rail--catalogue{
  margin:36px 0 0;
  padding:18px 0 0;
  opacity:.38;
}
.catalogue-main::after{
  content:none!important;
  display:none!important;
}
@media(max-width:800px){
  .catalogue-main .doodle-float.df1{left:2px;top:4px;font-size:14px}
  .catalogue-main .doodle-float.df2{right:2px;top:8px;font-size:14px}
  .catalogue-main .doodle-float.df3{left:2px;bottom:18px;font-size:14px}
  .catalogue-main .doodle-float.df4{right:2px;bottom:22px;font-size:14px}
}

/* Hero collage — larger balanced rounded-square tiles */
.hero-illustrated--centered .hero-collage--tiles{
  position:relative;
  width:min(980px,100%);
  min-height:clamp(360px,46vw,520px);
  margin:12px auto 0;
  display:grid;
  grid-template-columns:1.2fr .95fr 1fr;
  gap:clamp(14px,2.2vw,26px);
  align-items:center;
  padding:12px 6px 28px;
}
.hero-collage--tiles .hero-tile{
  margin:0;
  position:relative;
  z-index:2;
}
.hero-collage--tiles .hero-tile .photo-tile{
  width:100%;
  aspect-ratio:1 / 1;
  border-radius:24px;
}
.hero-collage--tiles .hero-tile--a{
  transform:rotate(-3.5deg);
  z-index:2;
}
.hero-collage--tiles .hero-tile--b{
  transform:rotate(4deg) translateY(-8%);
  z-index:3;
}
.hero-collage--tiles .hero-tile--c{
  transform:rotate(-2deg) translateY(6%);
  z-index:2;
}
.hero-collage--tiles .hero-doodle{
  z-index:4;
  opacity:.5;
  color:var(--chocolate-soft);
}
.hero-collage--tiles .hero-doodle--1{left:32%;top:-2%;position:absolute}
.hero-collage--tiles .hero-doodle--2{right:28%;top:38%;position:absolute;color:var(--dusty-deep)}
.hero-collage--tiles .hero-doodle--3{left:8%;bottom:6%;position:absolute}
.hero-collage--tiles .hero-doodle--4{right:2%;bottom:22%;position:absolute;color:var(--olive)}

/* Seamless scalloped curtain — full width, no broken corner */
.hero-illustrated::after{display:none!important;content:none!important}
.hero-curtain{
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  margin-top:18px;
  height:44px;
  line-height:0;
  position:relative;
  align-self:stretch;
  overflow:visible;
  pointer-events:none;
  background-color:transparent;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 44' preserveAspectRatio='none'%3E%3Cpath fill='%23faf6f0' d='M0 44V18c10 0 10 18 20 18s10-18 20-18 10 18 20 18 10-18 20-18v26H0z'/%3E%3C/svg%3E");
  background-size:80px 44px;
  background-repeat:repeat-x;
  background-position:0 bottom;
}
.hero-curtain::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:10px;
  background:var(--cream);
}

/* Organic wave ribbon (not a rigid rectangle) */
.studio-wave{
  position:relative;
  width:100%;
  margin:-2px 0 0;
  overflow:visible;
  background:transparent;
}
.studio-wave-edge{
  display:block;
  width:100%;
  height:26px;
}
.studio-wave-body{
  background:var(--dusty-soft);
  color:var(--chocolate);
  text-align:center;
  padding:16px 22px;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  border-radius:0;
  position:relative;
}
.studio-wave-body span{color:var(--olive);padding:0 8px}

/* New Arrivals — rounded-square tiles, no organic masks */
.new-illustrated-art--tiles{
  display:grid!important;
  grid-template-columns:1.15fr .85fr;
  gap:clamp(14px,2vw,22px);
  position:relative!important;
  min-height:0!important;
  align-items:center;
  padding:8px 0;
}
.new-illustrated-art--tiles .new-tile{
  margin:0;
  position:relative;
}
.new-illustrated-art--tiles .new-tile .photo-tile{
  aspect-ratio:1 / 1;
  border-radius:24px;
  width:100%;
}
.new-illustrated-art--tiles .new-tile:first-child{
  transform:rotate(-2.5deg);
}
.new-illustrated-art--tiles .new-tile:last-of-type{
  transform:rotate(3deg) translateY(8%);
  width:92%;
  justify-self:end;
}
.new-illustrated-art--tiles .hero-doodle{
  position:absolute;
  z-index:3;
  opacity:.45;
  pointer-events:none;
}
.new-illustrated--structured{
  overflow:visible!important;
}
.new-section .wave-divider{
  overflow:visible;
}
.new-section .wave-divider svg{
  display:block;
  width:100%;
  height:44px;
}

/* About gallery — four side-by-side rects + olive side arrows */
.about-gallery{
  position:relative;
  padding:clamp(28px,5vw,56px) clamp(12px,4vw,56px) 32px;
  background:var(--cream);
  overflow:visible;
}
.about-gallery-row{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:clamp(10px,2vw,20px);
  align-items:center;
  max-width:1180px;
  margin:0 auto;
  position:relative;
  z-index:1;
}
.about-gallery-track{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(10px,1.6vw,18px);
  align-items:stretch;
  min-width:0;
}
.about-gallery-card{
  margin:0;
  min-width:0;
}
.about-gallery-card .photo-tile{
  aspect-ratio:4 / 5;
  border-radius:18px;
  box-shadow:0 8px 22px rgba(92,64,51,.1);
}
.about-gallery-card[hidden]{display:none!important}
.gallery-arrow--side{
  width:52px;
  height:52px;
  border-radius:50%;
  border:2px solid var(--olive);
  background:var(--paper);
  color:var(--olive);
  font-size:32px;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
  flex-shrink:0;
  box-shadow:0 4px 14px rgba(92,64,51,.08);
  transition:background .2s,color .2s,transform .15s;
}
.gallery-arrow--side:hover:not(:disabled){
  background:var(--olive);
  color:var(--paper);
  transform:scale(1.05);
}
.gallery-arrow--side:disabled{
  opacity:.35;
  cursor:default;
}
.about-gallery-controls,
.about-gallery-status{display:none!important}
.about-gallery-doodle{
  position:absolute;
  color:var(--dusty-deep);
  opacity:.42;
  font-size:20px;
  pointer-events:none;
  z-index:0;
}
.about-gallery-doodle.one{left:2%;top:22%}
.about-gallery-doodle.two{right:18%;top:8%}
.about-gallery-doodle.three{right:4%;bottom:14%}
.about-gallery-doodle.four{left:14%;bottom:8%}

/* Footer doodles — chocolate, soft, away from copyright */
.site-footer{
  position:relative!important;
  overflow:hidden!important;
  background:var(--dusty-soft)!important;
  min-height:240px;
}
.footer-identity{position:relative;z-index:2}
.footer-copyright{position:relative;z-index:2}
.footer-doodle-mark{
  color:var(--chocolate)!important;
  opacity:.2!important;
  font-size:20px!important;
  z-index:0!important;
  pointer-events:none;
}
.footer-doodle-mark.one{left:auto!important;right:22%;top:20%!important}
.footer-doodle-mark.two{left:auto!important;right:10%;top:42%!important}
.footer-doodle-mark.three{left:auto!important;right:30%;bottom:20%!important;top:auto!important}
.footer-doodle-mark.four{left:auto!important;right:4%;top:18%!important}
.footer-doodle-mark.five{left:auto!important;right:42%;top:14%!important}
.footer-doodle-mark.six{left:auto!important;right:16%;bottom:28%!important;top:auto!important}
.footer-doodle-mark.seven{left:auto!important;right:36%;top:52%!important}
.footer-doodle-mark.eight{left:auto!important;right:8%;bottom:14%!important;top:auto!important}
.footer-doodle-mark.nine{left:auto!important;right:48%;bottom:18%!important;top:auto!important}
.footer-doodle-mark.ten{left:auto!important;right:26%;top:60%!important}
.footer-doodle-mark.eleven{left:auto!important;right:14%;top:72%!important}
.footer-doodle-mark.twelve{left:auto!important;right:40%;bottom:10%!important;top:auto!important}
.footer-doodle-mark.thirteen{left:auto!important;right:52%;top:36%!important}
.footer-doodle-mark.fourteen{left:auto!important;right:2%;bottom:40%!important;top:auto!important}

/* Olive CTAs */
.button.button-black,
a.button.button-black{
  background:var(--olive)!important;
  border-color:var(--olive)!important;
  color:var(--paper)!important;
}
.button.button-black:hover,
a.button.button-black:hover{
  background:var(--olive-deep)!important;
}

@media(max-width:1000px){
  .about-gallery-track{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-illustrated--centered .hero-collage--tiles{
    grid-template-columns:1fr 1fr 1fr;
    width:min(720px,100%);
    min-height:280px;
  }
  .catalogue-grid .product-image,
  .catalogue-grid .product-card .product-image,
  .product-card .product-image{
    height:0!important;
    padding-bottom:100%!important;
  }
}
@media(max-width:700px){
  .about-gallery-row{
    grid-template-columns:auto 1fr auto;
    gap:8px;
  }
  .about-gallery-track{grid-template-columns:1fr}
  .gallery-arrow--side{width:44px;height:44px;font-size:28px}
  .hero-illustrated--centered .hero-collage--tiles{
    grid-template-columns:repeat(3,minmax(0,1fr));
    width:100%;
    max-width:100%;
    min-height:0;
    gap:10px;
    padding:4px 0 12px;
  }
  .hero-collage--tiles .hero-tile--a{transform:rotate(-2deg)}
  .hero-collage--tiles .hero-tile--b{transform:rotate(2.5deg) translateY(-4%)}
  .hero-collage--tiles .hero-tile--c{transform:rotate(-1.5deg) translateY(4%)}
  .new-illustrated-art--tiles{
    grid-template-columns:1fr;
    max-width:320px;
    margin:0 auto;
  }
  .new-illustrated-art--tiles .new-tile:last-of-type{
    width:100%;
    justify-self:center;
    transform:rotate(2deg);
  }
  .hero-curtain{height:36px;background-size:64px 36px}
  .product-card .product-image,
  .catalogue-grid .product-image{
    height:0!important;
    padding-bottom:100%!important;
  }
  .about-section--maker{
    grid-template-columns:1fr!important;
    text-align:center;
  }
}


/* Listing cards: keep name | price on one row even on mobile */
@media(max-width:800px){
  .product-info{
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:baseline!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding-top:8px!important;
    min-height:0!important;
  }
  .product-info h3{font-size:15px!important}
  .product-info strong{
    align-self:baseline!important;
    font-size:13px!important;
  }
  .product-info p{display:none!important}
  .product-card .quick-add{
    left:10%!important;
    right:10%!important;
    bottom:8px!important;
    padding:9px 10px!important;
  }
}


/* Cart thumbnails + flat shipping summary */
.cart-item{
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:start!important;
}
.cart-item-thumb{
  width:64px;
  height:64px;
  border-radius:14px;
  overflow:hidden;
  background:var(--cream-deep,#f3ebe1);
  border:1.5px solid rgba(92,64,51,.16);
  flex-shrink:0;
}
.cart-item-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.cart-item-thumb--empty{
  background:
    linear-gradient(135deg, rgba(232,212,215,.55), transparent 60%),
    var(--cream-deep,#f3ebe1);
}
.cart-item-body{min-width:0}
.cart-item-body h3{
  margin:0 0 4px!important;
  font-size:15px!important;
  line-height:1.25!important;
}
.cart-item-line{
  font-size:13px;
  white-space:nowrap;
  padding-top:2px;
}
.cart-summary{
  display:grid;
  gap:8px;
  margin:0 0 14px;
  padding-bottom:4px;
}
.cart-summary-row{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:12px;
  font-size:13px;
  color:var(--chocolate-soft,#7a5c4c);
}
.cart-summary-row strong{color:var(--chocolate,#5c4033);font-weight:700}
.cart-summary-row--total{
  margin-top:4px;
  padding-top:10px;
  border-top:1px solid rgba(92,64,51,.14);
  font-size:14px;
  color:var(--chocolate,#5c4033);
}
.cart-summary-row--total strong{color:var(--olive,#6f8454);font-size:15px}
.product-shipping-note{
  margin:-8px 0 16px!important;
  font-size:13px!important;
  color:var(--chocolate-soft,#7a5c4c)!important;
  letter-spacing:.01em;
}
.product-shipping-note::before{content:none}
@media(max-width:420px){
  .cart-item{grid-template-columns:56px minmax(0,1fr) auto!important;gap:10px!important}
  .cart-item-thumb{width:56px;height:56px;border-radius:12px}
}