
/* Source stylesheet: fonts.css?v=20261104-treat-catalog-cleanup-v1 */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/font-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(assets/font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(assets/font-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(assets/font-5.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src: url(assets/font-6.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url(assets/font-7.ttf) format('truetype');
}


/* Source stylesheet: style.css?v=20261104-treat-catalog-cleanup-v1 */
:root{--paper:#fcf9f2;--ink:#20392e;--muted:#747b6e;--yellow:#ffbf36;--line:#e3e4d9;--green:#eaf0dc}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Manrope,Arial,sans-serif;font-size:max(16px,14px)}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #638857;outline-offset:4px}img{display:block;max-width:100%}.wrap{max-width:1320px;width:calc(100% - 96px);margin:auto}.announcement{background:var(--ink);color:#f8f5e9;font-size:max(16px,11px);letter-spacing:.04em;text-align:center;padding:10px 30px}.announcement span{margin-left:80px;color:#d8e4b7}header{position:sticky;top:0;background:#fcf9f2f5;backdrop-filter:blur(16px);z-index:20;border-bottom:1px solid var(--line)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;font-weight:800;font-size:max(16px,25px);letter-spacing:-1.2px;gap:9px}.brand img{width:58px;height:58px;object-fit:cover;object-position:top;border-radius:50%}.brand small{display:block;font-size:max(16px,9px);font-weight:600;letter-spacing:.8px;margin-top:1px}.nav nav{display:flex;gap:29px;font-size:max(16px,12px);font-weight:650}.nav nav a:hover{color:#976414}.cart-button{padding:12px 17px;border:1px solid var(--ink);border-radius:30px;background:transparent;font-size:max(16px,12px);font-weight:750}.cart-button span{display:inline-grid;place-items:center;background:var(--ink);color:white;min-width:23px;height:23px;border-radius:50%;margin-left:10px}.hero{display:grid;grid-template-columns:1fr 1.06fr;padding:32px 0 46px;gap:22px;align-items:stretch}.hero-copy{padding:35px 0 20px}.eyebrow{display:inline-flex;align-items:center;gap:7px;background:var(--green);border-radius:30px;padding:8px 13px;font-size:max(16px,10px);font-weight:750}.eyebrow span{font-size:max(16px,18px);color:#537c43}h1{font-size:max(16px,clamp(44px,4.65vw,68px));line-height:1.07;letter-spacing:-3.6px;font-weight:800;margin:22px 0}em{font-style:normal;color:#ad711b}.hero-copy>p{font-size:max(16px,17px);line-height:1.6;color:#667060;margin:0 0 26px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;border-radius:30px;background:var(--yellow);padding:17px 24px;font-weight:800;font-size:max(16px,13px);transition:background .2s,transform .2s}.button:hover,.buy:hover{background:#ffd270;transform:translateY(-1px)}.text-button{padding:14px 0 14px 17px;background:none;font-size:max(16px,11px);font-weight:700}.hero-benefits{display:flex;gap:22px;margin-top:33px}.hero-benefits>div{display:flex;align-items:center;gap:9px}.hero-benefits i{font-style:normal;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e9eedc;font-size:max(16px,23px)}.hero-benefits span{font-size:max(16px,10px);line-height:1.6}.hero-benefits b{font-weight:700}.hero-visual{position:relative;min-height:515px;overflow:hidden;border-radius:120px 24px 24px 24px}.hero-visual>img{height:100%;width:100%;object-fit:cover;object-position:45% center}.handwritten{position:absolute;top:25px;right:22px;transform:rotate(8deg);color:#fffdf3;font-family:Georgia,serif;font-style:italic;font-size:max(16px,21px);line-height:1.2;text-shadow:0 2px 12px #4f381c}.photo-label{position:absolute;bottom:20px;left:20px;right:20px;background:#fffdf0ed;border-radius:14px;padding:15px;text-align:center;font-size:max(16px,11px);font-weight:700}.photo-label span{font-size:max(16px,20px);color:#a76c0b;vertical-align:middle;margin-right:7px}.catalog{padding:34px 0 66px}.section-number{font-size:max(16px,10px);letter-spacing:1.5px;font-weight:750;color:#7b826f;margin-bottom:13px}h2{font-size:max(16px,36px);letter-spacing:-1.7px;line-height:1.17;margin:0;font-weight:800}.heading-row{display:flex;align-items:end;justify-content:space-between;gap:20px}.heading-row>span{font-size:max(16px,11px);color:var(--muted);padding-bottom:5px}.filter-row{display:flex;align-items:center;justify-content:space-between;margin:27px 0 24px;gap:12px}.filters{display:flex;gap:7px}.filters button,.outline{border:1px solid #d9ddcd;border-radius:30px;background:transparent;padding:12px 20px;font-size:max(16px,12px);font-weight:700}.filters button.active{color:#fff;background:var(--ink);border-color:var(--ink)}.sort-label{font-size:max(16px,11px);color:var(--muted)}select{background:transparent;border:0;font-size:max(16px,12px);padding:10px;color:var(--ink)}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{min-width:0}.product-image{height:235px;position:relative;border-radius:20px;background:#eee5d6;overflow:hidden}.product-image img{height:100%;width:100%;object-fit:cover;transition:transform .3s}.product:hover img{transform:scale(1.035)}.tag{position:absolute;top:12px;left:12px;background:#fbf8ea;padding:7px 10px;border-radius:20px;font-size:max(16px,9px);font-weight:750}.heart{position:absolute;right:10px;top:10px;border-radius:50%;height:34px;width:34px;background:#fff9e8;font-size:max(16px,21px)}.heart[aria-pressed=true]{background:var(--yellow)}.product-meta{color:var(--muted);font-size:max(16px,10px);margin-top:15px}.product-name{display:block;background:transparent;text-align:left;font-size:max(16px,17px);font-weight:800;padding:0;margin:7px 0 6px;letter-spacing:-.45px}.weight{font-size:max(16px,11px);color:var(--muted)}.product-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.price{font-size:max(16px,21px);font-weight:800;letter-spacing:-.7px}.buy{background:var(--yellow);border-radius:25px;padding:12px 17px;font-size:max(16px,11px);font-weight:800}.quiz-banner{background:var(--green);border-radius:18px;display:flex;align-items:center;gap:19px;padding:23px 27px;margin-top:34px}.quiz-icon{font-family:Georgia,serif;font-style:italic;font-size:max(16px,36px);width:49px;height:49px;display:grid;place-items:center;border:1px solid #9cae86;border-radius:50%}.quiz-banner h3{font-size:max(16px,15px);margin:0 0 5px}.quiz-banner p{font-size:max(16px,11px);margin:0;color:#747d66}.quiz-banner button{margin-left:auto;border-color:#a6b59b}.about{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding:35px 0 80px;align-items:center}.about-photo{height:485px;position:relative;overflow:hidden;border-radius:24px 100px 24px 24px}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:25% center}.photo-note{position:absolute;bottom:25px;left:25px;color:#fff;font-family:Georgia,serif;font-style:italic;font-size:max(16px,26px);text-shadow:0 2px 8px #312211}.about h2{font-size:max(16px,49px);letter-spacing:-2.3px}.about-copy>p{max-width:440px;color:#747b6e;line-height:1.8;font-size:max(16px,13px)}.values{display:flex;gap:40px;margin-top:30px;border-top:1px solid var(--line);padding-top:22px}.values span{font-size:max(16px,10px);color:#9b7950}.values h3{font-size:max(16px,12px);margin:8px 0}.values p{font-size:max(16px,10px);color:var(--muted)}.delivery{background:var(--ink);color:var(--paper);padding:50px 0}.delivery-inner{display:grid;grid-template-columns:1fr 1.6fr;gap:45px}.delivery h2{font-size:max(16px,29px)}.delivery .section-number{color:#b1c2a6}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.steps article>span{color:var(--yellow);font-size:max(16px,14px)}.steps h3{font-size:max(16px,12px);margin:16px 0 10px}.steps p{font-size:max(16px,11px);line-height:1.75;color:#c1caba}.faq{display:grid;grid-template-columns:1fr 1.35fr;gap:60px;padding:80px 0}.faq h2{font-size:max(16px,33px)}details{border-bottom:1px solid var(--line);padding:20px 0}details:first-child{padding-top:0}summary{cursor:pointer;list-style:none;font-size:max(16px,13px);font-weight:750;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';font-size:max(16px,20px);font-weight:400}details[open] summary:after{content:'−'}details p{font-size:max(16px,12px);color:var(--muted);line-height:1.8;max-width:550px}.closing{background:#f4ead5;border-radius:24px;text-align:center;padding:45px 20px}.closing>span{font-size:max(16px,11px);color:#84745b}.closing h2{font-size:max(16px,39px);margin:15px 0 25px}footer{padding:50px 0 22px}.footer-top{display:flex;align-items:center;gap:55px}.footer-top p{color:var(--muted);font-size:max(16px,11px);line-height:1.7;margin-right:auto}.footer-top>a:not(.brand){font-size:max(16px,12px)}.footer-heart{color:#b78028}.footer-bottom{display:flex;justify-content:space-between;color:#8c9084;font-size:max(16px,9px);margin-top:30px;padding-top:18px;border-top:1px solid var(--line)}dialog{border:0;border-radius:24px;padding:35px;width:min(530px,calc(100% - 30px));background:var(--paper);color:var(--ink);max-height:88vh}dialog::backdrop{background:#172e2677;backdrop-filter:blur(5px)}dialog h2{font-size:max(16px,28px);padding-right:25px}dialog p{line-height:1.7;font-size:max(16px,13px);color:var(--muted)}.close{position:absolute;right:14px;top:12px;width:34px;height:34px;background:#ebeadd;border-radius:50%;font-size:max(16px,24px)}.options{display:grid;gap:12px;margin-top:25px}.options button{padding:17px;border:1px solid var(--line);border-radius:14px;text-align:left;background:white;font-weight:700}.cart-row{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}.cart-row img{width:62px;height:62px;border-radius:10px;object-fit:cover}.cart-row h3{font-size:max(16px,12px);margin:0 0 6px}.cart-row small{font-size:max(16px,11px);color:var(--muted)}.quantity{display:flex;align-items:center;gap:10px;margin-left:auto}.quantity button{width:28px;height:30px;border:1px solid var(--line);border-radius:8px;background:white}.total{display:flex;justify-content:space-between;padding:23px 0;font-size:max(16px,19px);font-weight:800}.notice{padding:12px;background:var(--green);border-radius:12px;font-size:max(16px,11px)!important}.detail-img{height:210px;width:100%;object-fit:cover;border-radius:15px;margin:18px 0}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);border-radius:30px;background:var(--ink);color:white;padding:15px 24px;box-shadow:0 5px 25px #0002;z-index:50;opacity:0;pointer-events:none;transition:.2s;font-size:max(16px,12px)}.toast.visible{opacity:1;transform:translate(-50%,0)}.empty{grid-column:1/-1;padding:45px;text-align:center;border:1px dashed var(--line);border-radius:16px}
@media(min-width:1450px){.hero-visual{min-height:565px}.hero-copy{padding-top:48px}}@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.nav nav{gap:16px}.hero-copy{padding-top:15px}h1{font-size:max(16px,49px);letter-spacing:-2.7px}.hero-visual{min-height:490px}.text-button{display:block;padding-left:0}.hero-benefits{gap:12px}.hero-benefits i{width:26px;height:26px}.heading-row>span{display:none}.product-image{height:190px}.product-name{font-size:max(16px,14px)}.about{gap:35px}.steps{gap:17px}.footer-top{gap:25px}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.announcement{font-size:max(16px,9px);padding:8px}.announcement span{display:none}.nav{height:70px;gap:10px}.brand{font-size:max(16px,21px)}.brand img{width:43px;height:43px}.brand small{font-size:max(16px,7px)}.nav nav{display:none}.cart-button{font-size:max(16px,10px);padding:8px 10px}.hero{grid-template-columns:1fr;padding:23px 0 15px;gap:22px}.hero-copy{padding:0}.eyebrow{font-size:max(16px,9px)}h1{font-size:max(16px,48px);letter-spacing:-2.5px;line-height:1.08;margin:18px 0}.hero-copy>p{font-size:max(16px,14px);margin-bottom:20px}.hero .button{padding:15px 21px;font-size:max(16px,12px)}.text-button{display:inline-block;padding-left:12px;font-size:max(16px,10px)}.hero-benefits{margin-top:21px;justify-content:space-between;max-width:400px}.hero-benefits span{font-size:max(16px,9px)}.hero-visual{height:335px;min-height:0;border-radius:70px 20px 20px 20px}.hero-visual>img{object-position:center 43%}.handwritten{font-size:max(16px,18px)}.photo-label{bottom:13px;left:13px;right:13px;padding:10px}.catalog{padding:26px 0 40px}h2{font-size:max(16px,29px);letter-spacing:-1.1px}.section-number{font-size:max(16px,8px)}.filter-row{flex-wrap:wrap;margin:20px 0 17px}.filters{gap:5px}.filters button{font-size:max(16px,10px);padding:10px 13px}.sort-label{margin-left:auto}.products{grid-template-columns:repeat(2,1fr);gap:25px 12px}.product-image{height:185px;border-radius:15px}.tag{font-size:max(16px,8px);top:9px;left:8px;padding:6px 8px}.heart{width:29px;height:29px;top:8px;right:8px}.product-name{font-size:max(16px,14px);line-height:1.35;min-height:38px}.product-meta{font-size:max(16px,9px);margin-top:10px}.product-bottom{gap:6px}.buy{font-size:max(16px,9px);padding:10px 12px}.price{font-size:max(16px,19px)}.quiz-banner{padding:20px;gap:12px;flex-wrap:wrap;margin-top:25px}.quiz-icon{width:32px;height:32px;font-size:max(16px,24px)}.quiz-banner h3{font-size:max(16px,12px)}.quiz-banner p{font-size:max(16px,9px)}.quiz-banner button{margin:5px 0 0 44px;font-size:max(16px,10px);padding:10px 16px}.about{grid-template-columns:1fr;padding:15px 0 40px;gap:27px}.about-photo{height:330px;order:2}.about h2{font-size:max(16px,39px)}.about-copy>p{font-size:max(16px,12px)}.values{margin-top:20px;padding-top:15px}.delivery{padding:33px 0}.delivery-inner{grid-template-columns:1fr;gap:30px}.delivery h2{font-size:max(16px,28px)}.steps{grid-template-columns:1fr;gap:20px}.steps article{display:grid;grid-template-columns:30px 1fr;column-gap:10px}.steps h3{margin:0}.steps p{grid-column:2;margin:7px 0 0}.faq{grid-template-columns:1fr;gap:30px;padding:42px 0}.faq h2{font-size:max(16px,29px)}.closing{padding:32px 16px}.closing h2{font-size:max(16px,29px)}.footer-top{flex-wrap:wrap;gap:20px}.footer-top p{width:50%;font-size:max(16px,9px)}.footer-bottom{gap:20px;line-height:1.7}dialog{padding:30px 22px}.toast{width:max-content;max-width:90%;text-align:center}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.product-photo-note{position:absolute;bottom:12px;left:12px;z-index:2;background:rgba(255,250,241,.94);color:#576254;padding:5px 9px;border-radius:8px;font-size:11px;pointer-events:none}

.product .product-use{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cart-package-label{margin:4px 0 8px;color:#65746d;font-size:14px}

.original-product-photo{margin:16px 0;border:1px solid #eadfce;border-radius:16px;padding:12px 16px}.original-product-photo summary{cursor:pointer;min-height:44px;line-height:2.75;font-weight:600}.original-product-photo summary:focus-visible{outline:2px solid #c38729;outline-offset:4px}


/* Source stylesheet: reference.css?v=20261104-treat-catalog-cleanup-v1 */
:root{--ink:#122a32;--paper:#fcf9f2;--yellow:#ffb700;--green:#edf5d7;--muted:#657780;--line:#e8e5dc}body{font-family:'Nunito Sans',Arial,sans-serif}.wrap{max-width:1160px;width:calc(100% - 80px)}h1,h2,h3{font-family:'Nunito Sans',Arial,sans-serif}.icon{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}.skip{position:fixed;left:20px;top:-80px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}header{background:#fffdf8f2;border-bottom:0}.nav{height:69px;gap:17px}.brand{gap:4px;letter-spacing:-1px;min-width:181px}.brand strong{font-family:Caveat,cursive;font-size:max(16px,32px);font-weight:700}.brand-animals{position:relative;display:block;width:52px;height:50px}.brand-animals .icon:first-child{position:absolute;left:0;top:2px;width:36px;height:44px;stroke-width:1.5;color:#122a32;fill:#ffd04133;transform:rotate(-8deg)}.brand-animals .icon:last-child{position:absolute;right:0;bottom:4px;width:24px;height:26px;stroke-width:1.6}.brand-desc{font-size:max(16px,9px);line-height:1.4;color:#77838b;border-left:1px solid #d9dad2;padding-left:14px;white-space:nowrap}.nav nav{margin:auto;gap:23px;font-size:max(16px,11px)}.nav-actions{display:flex;gap:10px;align-items:center}.icon-button{width:37px;height:37px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 2px 15px #4c37130a}.icon-button .icon{width:23px;height:23px}.cart-button{border:0;background:#f4efe6;display:flex;gap:10px;position:relative;padding:9px 14px;font-size:max(16px,12px);white-space:nowrap}.cart-button .icon{width:25px;height:25px}.cart-button span{position:absolute;left:28px;top:0;width:16px;height:16px;min-width:16px;font-size:max(16px,9px);margin:0}.cart-button b{font-weight:900}.button{background:linear-gradient(110deg,#ffb100,#ffc116);font-family:inherit;color:#172a30;font-weight:900;border-radius:32px;padding:16px 24px;gap:17px;box-shadow:0 5px 13px #ffc12e16}.header-cta{font-size:max(16px,11px);padding:12px 17px;white-space:nowrap}.header-cta .icon{width:17px;height:17px}.mobile-menu{display:none}#mobile-nav{padding:14px 24px;background:#fffdf8}#mobile-nav a{display:block;padding:12px;border-bottom:1px solid var(--line)}.hero-scene{height:536px;position:relative;isolation:isolate;background:#f7ecd6}.hero-bg{position:absolute;inset:0;background:url('assets/hero.webp') center 53%/cover no-repeat;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#fffdf5f5 0%,#fffdf5d9 34%,#fffdf52b 60%,transparent 80%);z-index:-2}.hero-content{padding-top:33px;position:relative}.eyebrow{padding:4px 13px 4px 6px;background:linear-gradient(90deg,#deedb1,#eef5c7c9);font-size:max(16px,12px);line-height:1.2;color:#243c27;border:0;gap:7px;font-weight:800;box-shadow:inset 0 0 10px #fff5}.eyebrow .icon{width:25px;height:25px;color:#4f8c24;fill:#4f8c2420}h1{font-size:max(16px,49px);line-height:1.03;letter-spacing:-1.7px;font-weight:1000;margin:19px 0 12px;max-width:690px}h1 em{color:#f5a400;font-weight:1000}.hero-lead{font-size:max(16px,18px);font-weight:600;line-height:1.38;color:#3c5360;margin:0}.hero-reasons{display:flex;gap:0;margin:27px 0 25px;max-width:570px}.hero-reasons>div{display:flex;align-items:center;gap:10px;padding:0 15px;border-right:1px solid #e0d9c875}.hero-reasons>div:first-child{padding-left:0}.hero-reasons>div:last-child{padding-right:0;border:0}.hero-reasons span{font-size:max(16px,10px);font-weight:700;color:#3b5260;line-height:1.45;white-space:nowrap}.icon-circle{position:relative;display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;font-style:normal;--icon-bg:#edf5d7}.icon-circle:after{position:absolute;inset:3px -2px -1px 2px;content:'';border:1px solid currentColor;border-radius:43% 57% 53% 47%;opacity:.12;transform:rotate(-12deg)}.green{background:radial-gradient(circle at 30% 20%,#f6fbdc,#daeba6);color:#305921}.peach{background:radial-gradient(circle at 25% 25%,#fffbe2,#ffefa1);color:#e85827}.yellow{background:radial-gradient(circle at 30% 25%,#ffde70,#ffc318);color:#122a32}.cream{background:#fffaf0;--icon-bg:#fffaf0}.dog,.chicken{color:#ed9a2b}.cat{color:#986334}.meat,.turkey{color:#d84e2c}.fish{color:#229dc6}.hero-actions{display:flex;gap:15px;margin:0;align-items:center}.primary{min-width:270px;justify-content:center;padding:16px 24px;font-size:max(16px,15px)}.primary .icon{width:24px;height:24px}.secondary{background:#fff9eb85;border:1px solid #cdbba4;box-shadow:none;min-width:114px;justify-content:center;padding:16px;font-size:max(16px,14px)}.hero-doodle{position:absolute;left:480px;top:150px;color:#ffbe16;font-family:Caveat,cursive;font-size:max(16px,47px);transform:rotate(-10deg);pointer-events:none}.hero-doodle svg{display:block;width:125px;margin-left:-55px;margin-top:-7px}.handwritten{top:30px;right:max(4vw,calc((100vw - 1190px)/2));font-family:Caveat,cursive;font-size:max(16px,37px);line-height:.88;color:#fff;text-align:center;transform:rotate(-11deg);text-shadow:0 2px 10px #815b3866;z-index:1}.handwritten span{display:block;color:#ffd134;text-align:right;font-size:max(16px,49px);margin-right:-10px}.category-strip{position:absolute;bottom:44px;left:50%;transform:translateX(-50%);display:flex;align-items:center;z-index:3;border-radius:24px;background:#fffdf9f5;box-shadow:0 13px 45px #ae8d5730;min-height:79px;padding:11px 16px;gap:0}.category{display:flex;align-items:center;gap:9px;background:transparent;border-right:1px solid #e9e6de;padding:1px 14px;font-size:max(16px,10px);white-space:nowrap;min-height:47px}.category:hover{color:#b67800}.category .icon-circle{width:37px;height:37px}.category .icon{width:28px;height:28px}.category.all{padding-left:5px;padding-right:20px;font-size:max(16px,11px)}.category.all .icon-circle{width:44px;height:44px}.category b{text-align:left;line-height:1.4}.category-help{background:transparent;text-align:left;flex:1;padding:0 0 0 16px;min-width:165px}.category-help b{font-size:max(16px,10px);display:block}.category-help span{font-size:max(16px,9px);color:#677883;margin-top:4px;display:flex;align-items:center;gap:5px}.category-help .icon{width:16px;height:16px}.hero-wave{position:absolute;bottom:-1px;left:0;width:100%;height:53px;z-index:-1}.service-strip{display:flex;justify-content:center;position:relative;padding:9px 0 27px;gap:0}.service-strip>a,.service-strip>button{background:transparent;display:flex;align-items:center;gap:15px;flex:1;padding:0 42px;border-right:1px solid #e8e5da;text-align:left}.service-strip>:nth-child(3){border:0}.service-strip .icon-circle{width:49px;height:49px}.service-strip .icon{width:32px;height:32px}.service-strip b{font-size:max(16px,11px);display:block;color:#365363}.service-strip small{font-size:max(16px,10px);display:block;margin-top:4px;color:#71848f}.decor-paw{position:absolute;right:-24px;top:-5px;color:#ffd36b;transform:rotate(17deg)}.decor-paw .icon{width:38px;height:38px;fill:#ffd36b;stroke:none}.catalog{padding-top:37px}.heading-row h2{font-weight:1000;color:#193a3e;font-size:max(16px,34px)}.section-number{color:#a37c32;letter-spacing:1.5px}.hero-reasons .icon{width:29px;height:29px}
@media(min-width:1500px){.hero-scene{height:580px}.hero-content{padding-top:45px}.hero-bg{background-position:center 50%}.category-strip{bottom:46px}h1{font-size:max(16px,52px)}.hero-reasons{margin-top:32px;margin-bottom:30px}}@media(max-width:1120px){.wrap{width:calc(100% - 50px)}.brand-desc{display:none}.nav nav{gap:20px}.category{padding:0 10px;gap:5px}.category-help{min-width:130px;padding-left:10px}.category-help b{font-size:max(16px,9px)}.hero-reasons>div{padding:0 10px}.hero-content h1{font-size:max(16px,45px)}.service-strip>a,.service-strip>button{padding:0 25px}.hero-doodle{left:455px}.handwritten{font-size:max(16px,29px);right:35px}.category .icon-circle{width:31px;height:31px}.category .icon{width:24px;height:24px}}@media(max-width:850px){.nav nav{display:none}.nav-actions{margin-left:auto}.hero-content h1{font-size:max(16px,38px);max-width:520px}.hero-lead{font-size:max(16px,16px)}.hero-reasons{flex-wrap:wrap;max-width:360px;gap:14px}.hero-reasons>div{width:48%;border:0;padding:0}.hero-doodle{display:none}.category-strip{overflow:auto;padding:12px;border-radius:18px;scrollbar-width:none}.category{padding:0 14px}.category-help{display:none}.service-strip>a,.service-strip>button{padding:0 12px;gap:8px}.service-strip small{font-size:max(16px,9px)}.hero-bg{background-position:58% center}.hero-shade{background:linear-gradient(90deg,#fffdf5f2,#fffdf5c9 37%,transparent 75%)}.hero-actions{margin-top:18px}.primary{min-width:230px}.mobile-menu{display:grid}}@media(max-width:600px){.wrap{width:calc(100% - 36px)}.nav{height:65px;gap:10px}.brand{min-width:0}.brand strong{font-size:max(16px,28px)}.brand-animals{width:44px;height:45px}.brand-animals .icon:first-child{width:31px;height:39px}.brand-animals .icon:last-child{width:22px;height:24px}.nav-actions{gap:7px}.cart-button{padding:8px;gap:5px;background:transparent}.cart-button b{display:none}.cart-button span{left:22px;top:0}.header-cta{display:none}.icon-button{width:32px;height:32px;box-shadow:none}.icon-button .icon{width:22px;height:22px}.hero-scene{height:760px}.hero-bg{inset:280px 0 60px;background-position:64% center;background-size:auto 100%;background-repeat:no-repeat;background-color:#f8edda}.hero-shade{background:linear-gradient(180deg,#fffaf1 0%,#fffaf1 34%,#fffaf100 48%,#fffaf100 90%,#fcf9f2 100%)}.hero-content{padding-top:18px}.eyebrow{font-size:max(16px,10px);padding:3px 11px 3px 5px}.eyebrow .icon{width:21px;height:21px}.hero-content h1{font-size:max(16px,33px);letter-spacing:-1px;line-height:1.04;margin:15px 0 12px;max-width:100%}.hero-lead{font-size:max(16px,14px);line-height:1.45}.hero-reasons{gap:0;flex-wrap:nowrap;max-width:100%;justify-content:space-between;margin:19px 0}.hero-reasons>div{width:auto;flex-direction:column;text-align:center;gap:6px}.hero-reasons .icon-circle{width:34px;height:34px}.hero-reasons .icon{width:24px;height:24px}.hero-reasons span{font-size:max(16px,8px)}.hero-actions{margin:0;gap:10px}.primary{min-width:0;padding:13px 21px;font-size:max(16px,13px);flex:1}.secondary{padding:13px 19px;min-width:88px;font-size:max(16px,12px)}.handwritten{top:387px;right:13px;font-size:max(16px,27px)}.handwritten span{font-size:max(16px,37px)}.category-strip{bottom:20px;min-height:70px;border-radius:19px;padding:10px;width:calc(100% - 24px);box-shadow:0 8px 30px #89672618}.category{font-size:max(16px,10px);gap:8px}.category.all{font-size:max(16px,10px);padding-right:14px}.category.all .icon-circle{width:38px;height:38px}.hero-wave{height:44px}.service-strip{padding:2px 0 20px;justify-content:space-around;gap:7px}.service-strip>a,.service-strip>button{padding:0 5px;flex-direction:column;gap:9px;text-align:center}.service-strip b{font-size:max(16px,9px)}.service-strip small{font-size:max(16px,8px);line-height:1.35}.service-strip .icon-circle{width:39px;height:39px}.service-strip .icon{width:26px;height:26px}.decor-paw{display:none}.heading-row h2{font-size:max(16px,28px)}.catalog{padding-top:28px}}
/* Reference art and commerce */
.hero-bg{background-image:url('assets/hero-v2.webp');background-position:center center}.hero-shade{background:linear-gradient(90deg,#fffdf520,transparent 65%)}.hero-content h1{font-size:max(16px,48px)}.hero-doodle{left:505px;top:156px}.hero-content{z-index:1}.catalog{padding-bottom:40px}.section-intro{font-size:max(16px,13px);color:#647b82;margin:10px 0 0}.heading-row .text-button{display:flex;align-items:center;gap:8px;font-size:max(16px,11px)}.text-button .icon{width:18px;height:18px}.filters{gap:7px}.filters button{display:flex;align-items:center;gap:7px;font-size:max(16px,11px);background:#fffdf6;padding:10px 15px;border-color:#e5dfd1}.filters button .icon{width:21px;height:21px}.filters button.active{background:#ffdb76;color:#283b3e;border-color:#ffcf53}.filters [data-pet=favorites]{margin-left:8px}.filter-row{margin-bottom:7px}.sort-label{color:#4e6670}.sort-label select{border:1px solid #e4decf;border-radius:20px;padding:9px 14px;margin-left:5px;max-width:120px;background:#fffdf7}.results-count{font-size:max(16px,10px);color:#89938b;margin:9px 0 15px}.search-row{margin-top:17px}.search-row>label{font-size:max(16px,11px);display:block;margin-bottom:6px}.search-row>div{display:flex;align-items:center;border:1px solid #ddd5c4;background:#fffdf8;border-radius:14px;padding:5px 8px}.search-row input{width:100%;font:inherit;font-size:max(16px,14px);border:0;background:transparent;padding:9px;outline-offset:0}.products{gap:18px}.product{border:1px solid #e9e1d1;border-radius:19px;background:#fffdf8;box-shadow:0 3px 9px #89714e04;overflow:hidden;transition:transform .2s,box-shadow .2s}.product:hover{box-shadow:0 12px 32px #6b542e13;transform:translateY(-3px)}.product-image{height:auto;aspect-ratio:1.17;border-radius:0;background:#faf5eb;overflow:hidden}.photo-button{border:0;padding:0;display:block;width:100%;height:100%;background:none}.product-photo{background-image:url('assets/catalog-v2.webp');background-size:200% 200%;background-repeat:no-repeat;background-color:#faf5eb;width:100%;height:100%;aspect-ratio:1;transition:transform .3s}.product-image .product-photo{aspect-ratio:auto}.photo-button:hover .product-photo{transform:scale(1.025)}.product-image .tag{font-size:max(16px,9px);left:12px;top:12px;padding:5px 9px;z-index:1}.tag.yellow{background:#ffdb71}.tag.green{background:#dcedd9;color:#456847}.tag.peach{background:#ffdfbc;color:#886123}.tag.lavender{background:#e7dbee;color:#83619b}.heart{display:grid;place-items:center;top:10px;right:10px;box-shadow:0 2px 8px #9a825719;background:#fffaf1;width:31px;height:31px}.heart .icon{width:19px;height:19px;color:#b3975f}.heart[aria-pressed=true] .icon{fill:#dc7b52;stroke:#b85732}.pbody{padding:13px 16px 11px}.product-name{font-size:max(16px,17px);letter-spacing:-.4px;margin:0 0 6px;min-height:0;color:#284c51}.product-name:hover{color:#a36810}.product-meta{display:flex;align-items:center;gap:5px;margin:0 0 10px;font-size:max(16px,10px);color:#7b8983}.product-meta .icon{width:15px;height:15px}.weight{display:inline-block;font-size:max(16px,10px);border:1px solid #e6e5d8;border-radius:12px;padding:3px 9px;background:#fafbf5;color:#506d70}.product-bottom{margin-top:12px;margin-bottom:12px;align-items:center}.price{font-size:max(16px,25px);font-weight:1000;letter-spacing:-.6px}.unit-price{font-size:max(16px,9px);color:#8c9385}.buy{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border-radius:23px;background:linear-gradient(100deg,#ffbe1d,#ffd15c);padding:11px;font-size:max(16px,12px);font-weight:900;min-height:41px}.buy .icon{width:19px;height:19px}.details-link{display:block;font-size:max(16px,9px);background:transparent;color:#7a877f;margin:9px auto 0;padding:2px}.details-link:hover{text-decoration:underline}.quiz-banner{background:linear-gradient(110deg,#eff3dd,#f8f6e9);padding:22px 25px;margin-top:24px;border:1px solid #e8ebd8;border-radius:17px}.quiz-icon{border:0;width:46px;height:46px;background:#e2edbf;color:#63762f}.quiz-icon .icon{width:29px;height:29px}.quiz-banner h3{font-size:max(16px,17px);font-weight:900}.quiz-banner p{font-size:max(16px,11px)}.quiz-banner .button{font-size:max(16px,11px);white-space:nowrap;margin-left:auto}.quiz-banner .button .icon{width:20px;height:20px}.image-note{font-size:max(16px,9px);text-align:right;color:#93968a;margin:10px 0 0}.why-section{padding:30px 0 32px}.why-section h2{font-size:max(16px,34px);font-weight:1000}.hand-note{font-family:Caveat,cursive!important;font-size:max(16px,28px)!important;line-height:1!important;text-align:center;transform:rotate(-6deg);color:#a48348!important;padding-right:28px!important}.hand-note .icon{width:27px;height:27px;vertical-align:middle}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:25px}.why-grid article{padding:22px 22px 18px;border:1px solid #e9e4d4;border-radius:16px;background:#fffdf62e}.why-grid h3{font-size:max(16px,15px);font-weight:900;color:#36575b;margin:13px 0 6px}.why-grid p{font-size:max(16px,12px);line-height:1.5;color:#73867f;margin:0}.why-grid .icon-circle{width:43px;height:43px}.about{padding:40px 0 60px;gap:55px;grid-template-columns:1fr 1fr}.about-photo{height:355px;border-radius:24px 70px 24px 24px}.about-photo img{object-position:45% center}.about h2{font-size:max(16px,39px);font-weight:1000;line-height:1.1;color:#21464b;letter-spacing:-1.1px}.about h2 em{color:#e4a021}.about-copy>p{font-size:max(16px,13px);line-height:1.65}.photo-note{font-family:Caveat,cursive;font-size:max(16px,30px);line-height:1.05}.values{gap:30px;margin-top:22px;padding-top:15px}.values h3{font-size:max(16px,12px)}.values p{font-size:max(16px,10px)}.starter{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;position:relative;border-radius:25px;background:linear-gradient(120deg,#fff3cc,#f8edcf);padding:40px 48px;overflow:hidden}.starter-art{position:relative;min-height:260px}.sample{position:absolute;width:210px;height:210px;border:10px solid #fffdf5;border-radius:50%;background-image:url('assets/catalog-v2.webp');background-size:200%;box-shadow:0 14px 30px #a6803730}.sample-a{left:4%;top:5px;transform:rotate(-13deg);background-position:0 0}.sample-b{right:5%;bottom:0;width:185px;height:185px;transform:rotate(12deg);background-position:100% 0}.sample-note{position:absolute;right:-5px;top:-12px;font-family:Caveat,cursive;font-size:max(16px,28px);line-height:.9;transform:rotate(10deg);color:#ad842c;max-width:170px}.starter h2{font-weight:1000;letter-spacing:-1px;font-size:max(16px,33px);line-height:1.1}.starter-copy>p{font-size:max(16px,12px);line-height:1.6;max-width:390px;color:#8a7b5b;margin:13px 0}.starter-copy>.section-number{display:block;font-size:max(16px,9px);margin-bottom:10px}.starter-price{display:flex;align-items:center;gap:15px;margin:19px 0}.starter-price strong{font-size:max(16px,28px);font-weight:1000}.starter-price span{font-size:max(16px,11px);color:#897a60}.starter-copy .button{font-size:max(16px,12px);padding:13px 20px}.starter-copy .button .icon{width:23px;height:23px}.starter-copy small{display:block;font-size:max(16px,9px);color:#958b76;margin-top:10px;line-height:1.5}.delivery.wrap{background:none;color:var(--ink);display:grid;grid-template-columns:1fr 1.3fr;padding:70px 0 40px;gap:50px}.delivery h2{font-size:max(16px,33px);font-weight:1000}.delivery .section-number{color:#a37c32}.delivery>div>p{font-size:max(16px,13px);line-height:1.6;color:#75857d}.delivery-cards{display:grid;gap:22px}.delivery-cards article{display:flex;gap:19px;align-items:flex-start}.delivery-cards h3{font-size:max(16px,16px);font-weight:900;margin:2px 0 7px}.delivery-cards p{font-size:max(16px,12px);color:#78867e;line-height:1.6;margin:0;max-width:420px}.delivery-cards .text-button{padding:6px 0 0;display:flex;gap:8px;align-items:center;color:#a07727}.faq{padding:35px 0 65px}.faq h2{font-weight:1000}.faq summary{font-size:max(16px,14px)}.closing{background:linear-gradient(130deg,#ffe4a6,#fff0c9);position:relative;overflow:hidden;padding:38px 20px}.closing:before,.closing:after{content:'♡';position:absolute;font-family:Caveat,cursive;font-size:max(16px,130px);color:#edc366;transform:rotate(-15deg);left:5%;top:15px}.closing:after{left:auto;right:7%;top:auto;bottom:0;transform:rotate(20deg)}.closing h2{font-size:max(16px,36px);font-weight:1000;position:relative}.closing .button{position:relative}.footer-top .brand{min-width:0;font-family:Caveat,cursive;font-size:max(16px,32px)}footer{padding-bottom:26px}.empty .icon{width:38px;height:38px;color:#b89b5e}.empty h3{font-size:max(16px,20px)}.empty p{font-size:max(16px,13px);color:var(--muted)}.empty .button{font-size:max(16px,12px)}.modal-open{overflow:hidden}dialog{padding:34px;border:1px solid #e9e1d5;border-radius:25px;box-shadow:0 25px 90px #283d3438}dialog h2{font-weight:1000;letter-spacing:-.7px;font-size:max(16px,29px);margin-bottom:15px}dialog .section-number{font-size:max(16px,9px)}dialog>.close{z-index:3}dialog::backdrop{background:#17252e77}.detail-photo{width:240px;height:240px;margin:15px auto;border-radius:22px}.detail-facts{display:flex;gap:15px;font-size:max(16px,11px);color:#75867b}.detail-facts span{display:flex;gap:5px;align-items:center}.detail-facts .icon{width:19px;height:19px}.specs{font-size:max(16px,12px);margin-top:19px}.specs>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:9px 0}.specs dt{color:#7c887c}.specs dd{margin:0}.detail-purchase{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.detail-purchase strong{font-size:max(16px,29px);font-weight:1000}.detail-purchase .button{font-size:max(16px,13px)}.fineprint{font-size:max(16px,10px)!important;color:#8e9385!important;line-height:1.5!important}.centered{text-align:center}.full{display:flex;justify-content:center;width:100%}.cart-heading-count{font-size:max(16px,15px);border-radius:50%;background:#eaf0da;padding:4px 10px;vertical-align:middle}.cart-row{gap:14px;position:relative;align-items:flex-start}.cart-photo{width:75px;height:75px;flex:none;border-radius:14px}.cart-item-info{flex:1}.cart-row h3{font-size:max(16px,13px);margin:1px 0 5px;font-weight:900}.cart-row small{font-size:max(16px,10px)}.cart-row .quantity{margin-top:9px;justify-content:flex-start;gap:12px;font-size:max(16px,12px)}.quantity button{min-width:29px;min-height:30px}.quantity button:disabled{opacity:.4}.cart-item-end{display:flex;flex-direction:column;align-items:end;gap:16px;font-size:max(16px,13px)}.remove{display:grid;place-items:center;width:28px;height:28px;background:none;color:#9a998b}.remove .icon{width:19px;height:19px}.total{font-size:max(16px,19px);padding-bottom:0}.cart-delivery{font-size:max(16px,11px)!important;margin:6px 0 22px!important}.notice{line-height:1.65;padding:15px}.empty-cart{text-align:center;padding:20px 0}.empty-cart>.icon-circle{width:66px;height:66px}.empty-cart h3{font-size:max(16px,20px)}.empty-cart .button{font-size:max(16px,13px)}.quiz-progress{display:flex;gap:6px;max-width:85px;margin-bottom:16px}.quiz-progress span{height:4px;width:40px;background:#e4e4d9;border-radius:10px}.quiz-progress span.filled{background:#ffbd26}.options button{display:flex;align-items:center;gap:12px;font-size:max(16px,15px);padding:14px}.options button>span{flex:1}.options button>.icon{width:20px}.options button:hover{background:#fff6db;border-color:#e9c77a}.quiz-results>div{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:13px;padding:9px;margin:10px 0}.quiz-photo{width:62px;height:62px;flex:none;border-radius:9px}.quiz-results span{flex:1}.quiz-results b{font-size:max(16px,12px);display:block}.quiz-results small{font-size:max(16px,11px);display:block;margin-top:5px;color:#7f8c7d}.quiz-results .buy{width:38px;padding:7px;min-height:36px}.quiz-results+.button{margin-top:22px}.toast{border-radius:17px;display:flex;align-items:center;gap:20px;pointer-events:none}.toast.visible{pointer-events:auto}.toast button{color:#ffd269;background:transparent;font-size:max(16px,12px);white-space:nowrap}.mobile-purchase{display:none}[hidden]{display:none!important}
@media(min-width:1500px){.hero-content h1{font-size:max(16px,52px)}.hero-bg{background-size:cover}}@media(max-width:1120px){.hero-content h1{font-size:max(16px,44px)}.category-strip{width:calc(100% - 50px)}.category{padding:0 9px}.hero-bg{background-position:54% center}.hero-shade{background:linear-gradient(90deg,#fffdf53b,transparent)}.hero-doodle{left:470px}.heading-row h2{font-size:max(16px,30px)}.filters button{font-size:max(16px,10px);padding:10px}.product-name{font-size:max(16px,15px)}.starter{padding:35px;gap:24px}.sample{width:180px;height:180px}.sample-b{width:160px;height:160px}.why-grid article{padding:19px}.unit-price{font-size:max(16px,8px)}}
@media(max-width:850px){.hero-content h1{font-size:max(16px,38px)}.hero-bg{background-position:58% center}.hero-shade{background:linear-gradient(90deg,#fffdf5bb,#fffdf566 40%,transparent 70%)}.filters{flex-wrap:wrap}.filters [data-pet=favorites]{margin:0}.product-name{font-size:max(16px,14px)}.pbody{padding:12px}.unit-price{display:none}.why-grid{grid-template-columns:repeat(2,1fr)}.starter h2{font-size:max(16px,27px)}.starter-art{min-height:240px}.sample{width:160px;height:160px}.sample-b{width:145px;height:145px}.sample-note{font-size:max(16px,24px);right:-10px}.about{gap:30px}.about h2{font-size:max(16px,33px)}.delivery.wrap{gap:25px}.hero-reasons{margin-bottom:18px}}
@media(max-width:600px){.hero-content h1{font-size:max(16px,32px);letter-spacing:-1px}.hero-bg{background-size:auto 100%;background-position:72% center}.hero-shade{background:linear-gradient(180deg,#fffaf1 0%,#fffaf1 34%,#fffaf100 48%,#fffaf100 90%,#fcf9f2 100%)}.hero-doodle{display:none}.hero-scene{height:735px}.hero-bg{inset:275px 0 50px}.hero-reasons{margin:17px 0 16px}.hero-actions{gap:10px}.handwritten{top:365px}.category-strip{width:calc(100% - 24px);bottom:17px}.category{padding:0 13px}.catalog{padding-top:26px;padding-bottom:28px}.heading-row h2{font-size:max(16px,28px);line-height:1.08}.heading-row .text-button{display:none}.section-intro{font-size:max(16px,12px);line-height:1.5;max-width:310px}.filter-row{gap:10px}.filters{gap:5px;flex-wrap:nowrap;overflow:auto;width:100%;padding-bottom:2px;scrollbar-width:none}.filters button{font-size:max(16px,9px);padding:9px 11px;white-space:nowrap;flex:none}.filters button .icon{width:17px;height:17px}.sort-label{font-size:max(16px,10px)}.sort-label select{padding:7px 10px;font-size:max(16px,11px)}.results-count{font-size:max(16px,9px)}.products{gap:12px}.product{border-radius:14px}.product-image{height:auto;aspect-ratio:1}.product-image .tag{font-size:max(16px,7px);padding:4px 7px;left:7px;top:8px}.heart{width:26px;height:26px;top:7px;right:7px}.heart .icon{width:17px;height:17px}.pbody{padding:11px 10px 9px}.product-name{font-size:max(16px,14px);line-height:1.2;min-height:34px}.product-meta{font-size:max(16px,8px);gap:3px;white-space:nowrap;margin:5px 0 9px}.product-meta .icon{width:13px;height:13px}.weight{font-size:max(16px,9px);padding:2px 7px}.product-bottom{margin:9px 0}.price{font-size:max(16px,23px)}.buy{font-size:max(16px,11px);padding:9px;min-height:39px}.details-link{font-size:max(16px,8px)}.quiz-banner{padding:18px 16px;gap:12px;border-radius:15px}.quiz-banner h3{font-size:max(16px,14px);max-width:230px}.quiz-banner p{font-size:max(16px,10px);max-width:235px;line-height:1.5}.quiz-banner .quiz-icon{width:37px;height:37px}.quiz-banner .button{margin:4px 0 0;width:100%;justify-content:center;padding:12px;font-size:max(16px,12px)}.image-note{font-size:max(16px,8px);text-align:left;line-height:1.4}.why-section{padding:25px 0}.why-section h2{font-size:max(16px,28px)}.why-section .hand-note{display:none}.why-grid{gap:10px;margin-top:19px}.why-grid article{padding:17px 13px}.why-grid h3{font-size:max(16px,13px)}.why-grid p{font-size:max(16px,10px);line-height:1.5}.why-grid .icon-circle{width:37px;height:37px}.why-grid .icon{width:25px;height:25px}.about{padding:20px 0 35px;grid-template-columns:1fr;gap:24px}.about h2{font-size:max(16px,34px)}.about-photo{height:280px;order:2}.about-copy>p{font-size:max(16px,12px)}.starter{padding:25px 22px;grid-template-columns:1fr;gap:15px;border-radius:20px}.starter-copy{order:1}.starter-art{order:2;min-height:215px;margin-top:20px;max-width:360px;width:100%;justify-self:center}.starter h2{font-size:max(16px,30px)}.starter-copy>p{font-size:max(16px,12px)}.starter-copy>.button{width:100%;justify-content:center}.sample{width:170px;height:170px}.sample-b{width:155px;height:155px}.sample-note{right:3px;top:-7px}.delivery.wrap{grid-template-columns:1fr;padding:40px 0 20px;gap:20px}.delivery h2{font-size:max(16px,29px)}.delivery>div>p{font-size:max(16px,12px)}.delivery-cards{gap:22px}.delivery-cards p{font-size:max(16px,11px)}.delivery-cards h3{font-size:max(16px,14px)}.faq{padding:25px 0 40px;gap:25px}.faq summary{font-size:max(16px,13px)}.closing{padding:30px 18px}.closing h2{font-size:max(16px,28px)}.closing:before,.closing:after{font-size:max(16px,70px);opacity:.4;left:0}.closing:after{left:auto;right:0}.footer-bottom{font-size:max(16px,8px)}footer{padding-bottom:85px}.footer-top p{font-size:max(16px,10px)}.mobile-purchase{display:flex;align-items:center;gap:10px;position:fixed;bottom:0;left:0;right:0;z-index:25;padding:10px 16px max(10px,env(safe-area-inset-bottom));background:#fffdf8f5;border-top:1px solid #e6dfd1;box-shadow:0 -5px 20px #7863420b;backdrop-filter:blur(12px)}.mobile-purchase .button{font-size:max(16px,11px);padding:12px 16px;justify-content:center}.mobile-purchase>a{flex:1}.mobile-purchase>button{background:#efe9db;box-shadow:none}.mobile-purchase .icon{width:20px;height:20px}.toast{bottom:79px;padding:14px 16px;font-size:max(16px,11px);gap:14px}.toast button{font-size:max(16px,10px)}dialog{padding:30px 20px 22px}dialog h2{font-size:max(16px,25px)}.cart-photo{width:59px;height:59px}.cart-row{gap:10px}.cart-row h3{font-size:max(16px,12px)}.cart-item-end{font-size:max(16px,12px)}.total{font-size:max(16px,17px)}.detail-photo{width:220px;height:220px}.detail-facts{font-size:max(16px,10px)}.quiz-results b{font-size:max(16px,11px)}.quiz-results small{font-size:max(16px,10px)}.quiz-results .quiz-photo{width:55px;height:55px}}
@media(max-width:360px){.hero-content h1{font-size:max(16px,29px)}.hero-lead{font-size:max(16px,13px)}.brand strong{font-size:max(16px,25px)}.nav-actions{gap:3px}.hero-reasons span{font-size:max(16px,7px)}.primary{font-size:max(16px,12px);padding:13px 15px}.category .icon-circle{width:29px;height:29px}.pbody{padding:10px 8px}.product-name{font-size:max(16px,13px)}.unit-price{display:none}}
/* Keep the full header from colliding at narrow tablet widths. */
@media(min-width:851px) and (max-width:930px){.nav nav{display:none}.mobile-menu{display:grid}}
.pack-label{position:absolute;right:3.2%;top:46%;width:10%;max-width:160px;min-width:105px;background:#fff5ddb8;transform:rotate(-2deg);border-radius:8px;padding:12px 7px;text-align:center;color:#46321e;box-shadow:0 2px 10px #684b2720}.pack-label>span{display:flex;justify-content:center;align-items:end}.pack-label .icon:first-child{width:31px;height:38px}.pack-label .icon:last-child{width:23px;height:29px}.pack-label b{display:block;font-family:Caveat,cursive;font-size:max(16px,25px);line-height:1}.pack-label small{display:block;font-size:max(16px,8px);line-height:1.3;margin-top:7px}@media(max-width:1100px){.pack-label{display:none}}
/* Customer account entry requested in the storefront header. */
.account-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border:1px solid #d8ddcf;border-radius:24px;background:#fffdf8;color:#1e392e;font-size:max(16px,12px);font-weight:750;white-space:nowrap;transition:background .18s,border-color .18s}
.account-link:hover{background:#f1f5e9;border-color:#a9b995}
@media(max-width:600px){.account-link{min-height:34px;padding:0 9px;font-size:max(16px,11px)}}
.payment-choice{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;border:1px solid #e6dece;border-radius:14px;padding:12px 14px;margin:0}.payment-choice legend{font-size:max(16px,12px);font-weight:800;padding:0 5px}.payment-choice label{display:flex;align-items:center;gap:7px;margin:0;font-size:max(16px,13px);font-weight:700}.payment-choice input{width:auto;margin:0;accent-color:#c77b0d}.form-summary #checkout-shipping{font-weight:700;color:#765417}
.payment-choice label{flex:0 0 auto;width:auto;white-space:nowrap}


/* Source stylesheet: refinement.css?v=20261104-treat-catalog-cleanup-v1 */
/* Larger, calmer storefront */
body{font-size:max(16px,18px);line-height:1.55}.wrap{max-width:1200px}.hero-scene{height:690px;background:#f3f0e9}.hero-bg{background-image:url('assets/hero-natural.webp');background-position:center 60%;background-size:cover}.hero-shade{background:linear-gradient(90deg,#f8f5eed9 0%,#f8f5ee99 37%,transparent 67%)}.hero-content{padding-top:48px}.hero-content h1{font-size:max(16px,54px);line-height:1.08;max-width:680px}.hero-lead{font-size:max(16px,22px);line-height:1.5}.hero-reasons{max-width:660px;margin:30px 0}.hero-reasons span{font-size:max(16px,14px);white-space:normal}.hero-reasons>div{padding:0 12px;gap:8px}.hero-reasons .icon-circle{width:42px;height:42px}.hero-actions{max-width:650px;align-items:stretch}.hero-actions .button{font-size:max(16px,16px);padding:17px 22px}.hero-actions .primary{min-width:240px}.quiz-hero{max-width:330px;text-align:left;line-height:1.3;background:#fffdf7dd}.hero-doodle,.handwritten,.pack-label{display:none}.eyebrow{font-size:max(16px,15px)}.category-strip{bottom:35px;overflow:auto}.category{font-size:max(16px,14px)}.category.all{font-size:max(16px,14px)}.category-help{display:none}.brand-desc{font-size:max(16px,12px)}.nav{height:82px}.nav nav{font-size:max(16px,15px);gap:19px}.header-cta,.cart-button{font-size:max(16px,14px)}.service-strip{padding:25px 0}.service-strip b{font-size:max(16px,17px)}.service-strip small{font-size:max(16px,14px)}.section-number{font-size:max(16px,14px)!important}.section-intro,.about-copy>p,.delivery>div>p,.delivery-cards p,.why-grid p,.quiz-banner p,.starter-copy>p{font-size:max(16px,18px);line-height:1.6}.why-grid h3,.delivery-cards h3,.quiz-banner h3{font-size:max(16px,22px)}.heading-row h2,.why-section h2{font-size:max(16px,38px)}.heading-row .text-button,.text-button,.filters button,.sort-label,.sort-label select,.results-count{font-size:max(16px,16px)}.product-name{font-size:max(16px,22px);line-height:1.3}.product-meta,.weight,.unit-price,.details-link,.image-note,.fineprint,.cart-row small{font-size:max(16px,14px)!important}.buy,.quiz-banner .button,.starter-copy .button{font-size:max(16px,16px);min-height:48px}.product-image .tag{font-size:max(16px,13px)}.values h3{font-size:max(16px,18px)}.values p{font-size:max(16px,16px)}.footer-top p,.footer-top a,.footer-bottom{font-size:max(16px,15px)}.cart-row h3{font-size:max(16px,18px)}.cart-item-end{font-size:max(16px,17px)}.specs,.detail-facts,dialog p,.quiz-results b{font-size:max(16px,17px)}.quiz-results small{font-size:max(16px,15px)}.toast,.toast button{font-size:max(16px,16px)}.category-strip{gap:0}.hero-reasons{max-width:620px}
@media(max-width:1100px){.brand-desc{display:none}.hero-content h1{font-size:max(16px,47px);max-width:590px}.nav nav{gap:15px;font-size:max(16px,14px)}.hero-bg{background-position:55% center}.hero-shade{background:linear-gradient(90deg,#f8f5eee8,#f8f5eeaa 40%,transparent 75%)}.hero-reasons{max-width:600px}.hero-actions{max-width:610px}.service-strip>a,.service-strip>button{padding:0 15px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.nav{height:72px}.hero-scene{height:auto;padding-bottom:390px}.hero-content{padding-top:25px}.hero-content h1{font-size:max(16px,36px);letter-spacing:-1px;margin:18px 0;max-width:100%}.hero-lead{font-size:max(16px,19px)}.hero-reasons{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:23px 0}.hero-reasons>div{flex-direction:row;text-align:left;width:auto;padding:0;border:0}.hero-reasons span{font-size:max(16px,14px)}.hero-bg{inset:auto 0 65px;height:330px;background-size:cover;background-position:76% center}.hero-shade{background:linear-gradient(180deg,#f8f5ee 0%,#f8f5ee 52%,transparent 69%)}.hero-actions{flex-direction:column;gap:11px}.hero-actions .button{font-size:max(16px,17px);padding:16px;max-width:none;justify-content:center}.eyebrow{font-size:max(16px,14px)}.category-strip{bottom:14px;width:calc(100% - 24px)}.category,.category.all{font-size:max(16px,14px)}.service-strip{display:grid;grid-template-columns:1fr;gap:15px}.service-strip>a,.service-strip>button{flex-direction:row;text-align:left;border:0;padding:0;gap:15px}.service-strip b{font-size:max(16px,17px)}.service-strip small{font-size:max(16px,14px)}.heading-row h2,.why-section h2{font-size:max(16px,30px)}.section-intro{max-width:none}.filters button{font-size:max(16px,14px)}.sort-label,.sort-label select,.results-count{font-size:max(16px,15px)}.product-name{font-size:max(16px,19px);min-height:50px}.product-meta{white-space:normal}.product-image .tag{font-size:max(16px,12px)}.pbody{padding:16px}.buy{font-size:max(16px,16px)}.why-grid{grid-template-columns:1fr}.why-grid h3{font-size:max(16px,21px)}.why-grid p,.about-copy>p,.delivery-cards p,.quiz-banner p{font-size:max(16px,17px)}.about h2{font-size:max(16px,34px)}.quiz-banner h3{font-size:max(16px,20px)}.quiz-banner p{max-width:none}.quiz-banner .button{font-size:max(16px,16px)}.mobile-purchase .button{font-size:max(16px,14px)}.cart-row h3{font-size:max(16px,16px)}.cart-row small{font-size:max(16px,13px)!important}.cart-item-end{font-size:max(16px,15px)}.footer-bottom{font-size:max(16px,14px);gap:16px}.product-bottom .unit-price{display:none}}

.assortment{padding:45px 0 55px}.assortment .heading-row>a{display:flex;align-items:center;gap:15px;font-size:max(16px,18px)}.assortment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:26px}.assortment-card{background:#f5f0e9;border-radius:28px;overflow:hidden;text-align:left;display:flex;flex-direction:column;box-shadow:none;color:var(--ink);border:1px solid transparent;transition:transform .2s}.assortment-card:hover{transform:translateY(-4px);border-color:#e1c988}.assortment-image{height:210px;overflow:hidden;position:relative;width:100%}.assortment-image img{width:100%;height:100%;object-fit:cover}.treat-card img,.training-card img{height:auto;position:absolute;bottom:0;left:0;transform:scale(1.25);transform-origin:bottom center}.dry-card img{object-position:center 20%;height:560px;position:absolute;top:0}.wet-card img{object-position:bottom;height:650px;position:absolute;bottom:0}.assortment-card>div:last-child{padding:24px;flex:1;display:flex;flex-direction:column}.assortment-card h3{font-size:max(16px,23px);line-height:1.2;margin:0 0 12px;font-weight:1000}.assortment-card p{font-size:max(16px,17px);color:#617078;line-height:1.45;margin:0 0 20px}.assortment-card span{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;font-size:max(16px,15px);font-weight:800}.catalog-controls{display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;gap:15px;margin:20px 0}.catalog-controls>label,.catalog-controls .search-row>label{display:block;font-size:max(16px,15px);color:#617078}.catalog-controls select{display:block;width:100%;font:inherit;font-size:max(16px,16px);border:1px solid #ded9cd;border-radius:12px;background:white;padding:12px;margin-top:6px;min-height:50px}.catalog-controls .search-row{margin:0}.catalog-controls .search-row input{font-size:max(16px,16px);padding:7px;min-width:0}.catalog-controls .search-row>div{padding:4px;border-radius:12px}.catalog-price-note{background:#f1f3e9;border-radius:12px;padding:15px 18px;font-size:max(16px,15px);line-height:1.5}.catalog-price-note a{text-decoration:underline;white-space:nowrap}.products{grid-template-columns:repeat(3,1fr);align-items:start}.product{display:flex;flex-direction:column}.product-image{aspect-ratio:auto;height:95px;background:#f4efe5}.product-photo.no-photo{background:none;display:flex;align-items:center;justify-content:flex-start;padding:25px;gap:15px;font-size:max(16px,17px);aspect-ratio:auto}.no-photo .icon{width:35px;height:35px;color:#a97526}.with-photo .product-image{height:220px}.real-product{background:none;overflow:hidden;position:relative;aspect-ratio:auto}.real-product img{width:100%;height:100%;object-fit:contain}.product-image .real-product img{object-fit:cover;object-position:center 85%}.catalog-tag{display:block;font-size:max(16px,14px);color:#877546;margin:0 0 10px}.product-name{min-height:58px;text-align:left}.pbody{padding:22px}.product-bottom{justify-content:space-between}.detail-photo.real-product{width:100%;height:auto;max-height:none;aspect-ratio:3/4}.detail-photo img{object-fit:contain}.real-starter{min-height:320px;border-radius:20px;overflow:hidden}.real-starter img{width:100%;height:100%;max-height:390px;object-fit:cover;object-position:center 90%}.starter-copy small{font-size:max(16px,14px)}.starter-price span{font-size:max(16px,16px)}.objections{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;padding:65px 0}.objection-intro h2{font-size:max(16px,38px);line-height:1.13;margin:15px 0;font-weight:1000}.objection-intro p{font-size:max(16px,19px);color:#617078}.objection-intro .button{font-size:max(16px,17px);margin-top:20px}.objection-list details{border-bottom:1px solid #ddd8cc;padding:20px 0}.objection-list summary{font-size:max(16px,20px);font-weight:800;cursor:pointer}.objection-list p{font-size:max(16px,17px);line-height:1.65;color:#617078;margin:15px 0}.objection-list .text-button{font-size:max(16px,16px);display:block;text-align:left}.reviews{padding:40px 0 65px}.review-nav{display:flex;gap:10px}.review-nav button{width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid #ddd8cc;font-size:max(16px,25px)}.review-track{position:relative;display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-top:25px;padding:8px 0 20px}.review-card{flex:0 0 76%;scroll-snap-align:start;background:white;border:1px solid #eee9df;border-radius:25px;padding:30px;display:flex;flex-direction:column;min-height:300px}.review-person{display:flex;align-items:center;gap:15px}.review-person>svg{margin-left:auto;color:#a9925c}.review-person h3{font-size:max(16px,21px);margin:0}.review-person span{font-size:max(16px,15px);color:#718087}.review-avatar{width:64px;height:64px;background:#e9f0d9;border-radius:50%;display:grid;place-items:center;font-size:max(16px,25px);flex:none;overflow:hidden}.pet-avatar{position:relative}.pet-avatar img{position:absolute;width:95px;max-width:none;height:auto;top:-10px;left:-15px}.review-card blockquote{margin:25px 0 15px;font-size:max(16px,23px);line-height:1.55}.review-card>p{font-size:max(16px,17px);color:#617078}.review-card .text-button{display:flex;gap:12px;align-items:center;margin-top:auto;text-align:left;font-size:max(16px,16px)}.reviews-bottom{display:flex;justify-content:space-between;gap:15px;font-size:max(16px,15px)}.review-original{display:block;width:100%;height:auto}.about-photo img{object-position:70% center}.footer-top{flex-wrap:wrap}.details-link{padding:5px}.catalog .products{max-height:1400px;overflow-y:auto;padding-right:8px;scrollbar-color:#e0c787 transparent}.cart-photo.no-photo{padding:8px;display:grid}.cart-photo.no-photo span{display:none}.quiz-results .buy{min-width:44px}.full.secondary{margin-top:12px}.assortment-card .icon{width:21px;height:21px}
@media(max-width:1000px){.assortment-grid{grid-template-columns:repeat(2,1fr)}.catalog-controls{grid-template-columns:1fr 1fr}.products{grid-template-columns:repeat(2,1fr)}.objections{gap:30px}.objection-intro h2{font-size:max(16px,32px)}}
@media(max-width:700px){.assortment{padding:25px 0}.assortment .heading-row{align-items:center;gap:10px}.assortment .heading-row>a{font-size:max(16px,14px);white-space:nowrap;gap:5px}.assortment-grid{gap:12px;margin-top:20px}.assortment-image{height:155px}.assortment-card{border-radius:20px}.assortment-card>div:last-child{padding:16px}.assortment-card h3{font-size:max(16px,20px)}.assortment-card p{font-size:max(16px,15px)}.assortment-card span{font-size:max(16px,14px)}.dry-card img{height:450px}.wet-card img{height:500px}.catalog-controls{gap:12px}.catalog-controls .search-row{grid-column:1/-1}.catalog-controls select{font-size:max(16px,15px);padding:11px 7px}.catalog-price-note{font-size:max(16px,14px)}.products{grid-template-columns:1fr}.product-name{min-height:0;font-size:max(16px,22px)}.product-image{height:80px}.product-photo.no-photo{padding:18px 22px}.with-photo .product-image{height:270px}.catalog .products{max-height:none;overflow:visible;padding:0}.objections{grid-template-columns:1fr;gap:20px;padding:35px 0}.objection-intro h2{font-size:max(16px,32px)}.objection-list summary{font-size:max(16px,19px)}.review-card{flex-basis:92%;padding:22px}.review-person{gap:10px;align-items:flex-start}.review-person>svg{display:none}.review-person h3{font-size:max(16px,19px)}.review-person span{font-size:max(16px,14px)}.review-avatar{width:52px;height:52px}.review-card blockquote{font-size:max(16px,20px)}.review-card .text-button{font-size:max(16px,16px)}.reviews .heading-row{align-items:flex-end}.review-nav button{width:39px;height:39px}.reviews .heading-row h2{font-size:max(16px,29px)}.reviews-bottom{flex-direction:column}.reviews{padding:25px 0 40px}.real-starter{min-height:220px}.starter-price{align-items:flex-start}.starter-price span{font-size:max(16px,14px)}.footer-top p{font-size:max(16px,16px)}}

.catalog .products{max-height:none;overflow:visible;padding:0}.more-products{display:flex;margin:28px auto 0;font-size:max(16px,17px)}.hero-reasons>div{flex:1;min-width:0}.hero-reasons span{font-size:max(16px,14px);line-height:1.45}.hero-reasons>div:last-child{flex:1.1}.hero-reasons .icon-circle{width:38px;height:38px}.hero-reasons{max-width:635px}.review-track:focus-visible{outline:3px solid #c38e20;outline-offset:4px}.review-nav button:hover{background:#ffd776}.assortment-card:focus-visible{outline:3px solid #c38e20}.catalog-controls select:focus-visible{outline:3px solid #c38e20}.details-link{min-height:36px}.with-photo .product-image .real-product img{height:430px;position:absolute;bottom:0;object-fit:cover;object-position:center bottom}.product-image .heart{width:36px;height:36px}.product-image .heart .icon{width:22px;height:22px}.compact-product .pbody{min-height:230px}.review-track{padding-right:24%}.review-card{flex:0 0 100%}.review-track{padding-right:0}.review-card{flex-basis:86%}.reviews-bottom{color:#677880}@media(min-width:900px){.review-card{flex-basis:72%}}@media(max-width:700px){.hero-reasons{max-width:none}.review-card{flex-basis:94%}.compact-product .pbody{min-height:0}.hero-reasons>div{flex:auto}.hero-reasons .icon-circle{width:40px;height:40px}}

/* Final hero follows the supplied scene, preserving the animals and pack. */
.hero-scene{height:690px;background:#f8f5ef}.hero-bg{background-image:url('assets/hero-reference-natural.webp');left:auto;right:0;top:0;bottom:70px;width:59%;background-size:cover;background-position:center center}.hero-shade{background:linear-gradient(90deg,#f8f5ef 0%,#f8f5ef 39%,#f8f5efc9 45%,transparent 57%)}.hero-content h1{max-width:610px;font-size:max(16px,49px)}.hero-content{padding-top:42px}.hero-lead{max-width:540px;font-size:max(16px,22px)}.hero-reasons{max-width:580px;display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.hero-reasons>div{padding:0;border:0}.hero-reasons span{font-size:max(16px,15px)}.hero-actions{max-width:565px;gap:12px}.hero-actions .primary{min-width:220px}.hero-actions .button{font-size:max(16px,16px);padding:16px 19px}.hero-actions .quiz-hero{min-width:0;max-width:310px}.hero-doodle,.pack-label,.handwritten{display:none}.hero-wave{z-index:0}.category-strip{bottom:30px}.hero-content h1 br{display:none}.hero-content h1 em{display:block}.hero-lead br{display:none}
@media(min-width:1600px){.hero-bg{width:58%;background-position:center 44%}.hero-content h1{max-width:570px}.hero-shade{background:linear-gradient(90deg,#f8f5ef 0%,#f8f5ef 41%,#f8f5efba 45%,transparent 54%)}}
@media(max-width:1100px) and (min-width:701px){.hero-scene{height:730px}.hero-content h1{font-size:max(16px,44px);max-width:490px}.hero-lead{max-width:460px}.hero-actions{max-width:460px;flex-wrap:wrap}.hero-actions .button{min-height:50px}.hero-actions .quiz-hero{max-width:none}.hero-reasons{max-width:440px}.hero-bg{width:57%;background-position:45% center}.hero-shade{background:linear-gradient(90deg,#f8f5ef 0%,#f8f5ef 36%,#f8f5efaa 48%,transparent 65%)}}
@media(max-width:700px){.hero-scene{height:auto;padding-bottom:355px}.hero-content{padding-top:25px}.hero-content h1{font-size:max(16px,36px);max-width:none}.hero-lead{font-size:max(16px,19px)}.hero-reasons{max-width:none;gap:15px}.hero-reasons span{font-size:max(16px,14px)}.hero-actions{max-width:none}.hero-actions .button,.hero-actions .quiz-hero{max-width:none;min-width:0;width:100%;font-size:max(16px,17px)}.hero-bg{top:auto;bottom:65px;left:0;right:0;width:100%;height:290px;background-size:cover;background-position:center 50%}.hero-shade{background:none}.category-strip{bottom:10px}.hero-wave{display:none}.hero-content{padding-bottom:10px}}

.treat-card .assortment-image img,.training-card .assortment-image img{position:static;width:100%;height:100%;object-fit:cover;object-position:center 60%;transform:none}.real-starter img{object-fit:cover;object-position:center}.with-photo .product-image .real-product img[src$="-clean.png"]{height:100%;position:static;object-fit:cover;object-position:center 60%}.assortment-image{background:#f7f3ec}.detail-photo:has(img[src$="-clean.png"]){aspect-ratio:1}.real-starter{background:#f7f3ec}@media(max-width:700px){.assortment-image{height:160px}}

.dry-card .assortment-image img,.wet-card .assortment-image img{position:static;width:100%;height:100%;object-fit:cover;object-position:center;transform:none}.assortment-note{font-size:max(16px,14px);color:#7a817e;margin-top:15px}.assortment-card>div:last-child{background:#f7f3ec}.assortment-card{background:#f7f3ec}.assortment-image{height:220px}@media(max-width:700px){.assortment-image{height:170px}.assortment-note{font-size:max(16px,13px)}}

.brand-file{position:relative;display:block;width:184px;height:84px;min-width:184px;overflow:hidden;mix-blend-mode:multiply}.brand-file img{position:absolute;max-width:none;width:320px;height:320px;left:-66px;top:-117px}.nav{height:96px}.footer-top .brand-file{width:220px;height:110px;min-width:220px}.footer-logo img{width:380px;height:380px;left:-79px;top:-137px}.about-cta{font-size:max(16px,16px);margin-top:25px;gap:12px}.about h2{font-size:max(16px,37px)}.about-photo{height:465px}.about-photo img{object-position:center;object-fit:cover}.about .photo-note{font-size:max(16px,30px)}.about-copy>p{font-size:max(16px,18px)}.values p{font-size:max(16px,16px);line-height:1.5}.about{gap:40px}@media(max-width:700px){.brand-file{width:150px;height:70px;min-width:150px}.brand-file img{width:260px;height:260px;left:-54px;top:-95px}.nav{height:78px}.nav-actions{gap:7px}.about-photo{height:300px}.about h2{font-size:max(16px,32px)}.about-cta{width:100%;justify-content:center;font-size:max(16px,16px);padding:15px}.about .photo-note{font-size:max(16px,26px)}.about-copy>p{font-size:max(16px,17px)}}

.about-photo{height:auto;aspect-ratio:3/2;align-self:center}.about-photo img{width:100%;height:100%;object-fit:cover}.about .photo-note{display:none}.with-photo .product-image .real-product img[src$="rabbit-ears-clean.jpg"]{height:100%;position:static;object-fit:cover;object-position:center;mix-blend-mode:multiply}.detail-photo:has(img[src$="rabbit-ears-clean.jpg"]){aspect-ratio:1}.product-photo:has(img[src$="rabbit-ears-clean.jpg"]){background:#fff}.about h2{line-height:1.15}

.starter-price{flex-wrap:wrap;gap:12px 18px;align-items:center}.starter-price del{font-size:max(16px,25px);color:#8c8170;text-decoration-thickness:2px}.starter-price strong{font-size:max(16px,42px);line-height:1;font-weight:1000}.starter-saving{background:#e8efc7;color:#425c2b!important;padding:6px 11px;border-radius:20px;font-size:max(16px,15px)!important;font-weight:800}.starter-includes{font-size:max(16px,16px)!important;margin:0 0 18px!important}.starter-copy>.button{font-size:max(16px,17px);padding:16px 22px}.starter-copy>small{font-size:max(16px,14px)}.starter-copy>p{color:#655a44}.starter h2{font-size:max(16px,35px)}@media(max-width:700px){.starter h2{font-size:max(16px,30px)}.starter-price strong{font-size:max(16px,38px)}.starter-price del{font-size:max(16px,23px)}.starter-copy>.button{font-size:max(16px,17px)}}

.starter h2{font-size:max(16px,34px);line-height:1.15}.starter-copy>.button{min-height:57px;font-size:max(16px,18px)}.starter-price strong{font-size:max(16px,48px)}.starter-copy>p{font-size:max(16px,18px);line-height:1.6}@media(max-width:700px){.starter h2{font-size:max(16px,30px)}.starter-price strong{font-size:max(16px,44px)}.starter-copy>p{font-size:max(16px,17px)}.starter-copy>.button{font-size:max(16px,18px)}}

/* Refined shopping experience */
.hero-actions{gap:12px;max-width:690px}.hero-actions .button{border-radius:18px;min-height:72px;box-shadow:none;gap:12px}.hero-actions .primary{padding:18px 22px;background:#ffbb00;color:#142e34;min-width:255px}.hero-actions .quiz-hero{padding:13px 18px;background:#fffdf6;max-width:350px;border:1px solid #d6ccba}.quiz-hero span{display:flex;flex-direction:column;gap:4px}.quiz-hero b{font-size:max(16px,16px);white-space:nowrap}.quiz-hero small{font-size:max(16px,13px);color:#6c756b;font-weight:500}.hero-actions .button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #593d1314}.hero-actions .icon{flex-shrink:0}
.category-strip{padding:18px 22px;gap:30px;display:flex;justify-content:space-between;align-items:center;border:1px solid #e9e2d4;box-shadow:0 12px 36px #64552e0c;border-radius:22px;overflow:visible;background:#fffef9}.category-group>div{display:flex;gap:8px}.category-label{display:block;font-size:max(16px,10px);font-weight:800;letter-spacing:1.5px;color:#788072;margin:0 0 9px 6px}.category-strip .category{border:1px solid #eee9dd;border-radius:12px;padding:10px 12px;gap:7px;font-size:max(16px,14px);white-space:nowrap;background:#fbf9f3;min-height:44px}.category-strip .category .icon{width:24px;height:24px;color:#916529}.category-strip .category.all{background:#ffcb3b;border-color:#ffcb3b}.category-strip .category:hover{background:#fff0ba;border-color:#f3c74c}.category-strip .category.all .icon{color:#17363a}
.product{border:1px solid #e7e5da;border-radius:24px;background:#fffefa;overflow:hidden;box-shadow:0 5px 20px #273b2810;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.product:hover{transform:translateY(-4px);box-shadow:0 16px 36px #273b2818}.product-image{margin:10px 10px 0;border-radius:17px;overflow:hidden;height:240px!important;background:#f3efe5}.product .product-photo{height:240px!important;min-height:0!important}.product .real-product img{width:100%;height:100%;object-fit:cover}.product .no-photo{background:#f2eee3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.product .no-photo .icon{width:60px;height:60px;color:#b98a4c}.product .no-photo span{font-size:max(16px,18px);color:#6a705e}.product .pbody{padding:20px 22px 18px;display:flex;flex-direction:column;flex:1}.catalog-tag{font-size:max(16px,13px);color:#697559;font-weight:800;letter-spacing:.15px}.catalog-tag span{font-weight:500;color:#888c7d}.product-name{font-size:max(16px,24px);min-height:62px;margin:10px 0 0;text-align:left;line-height:1.25}.product-use{font-size:max(16px,14px);color:#7c8274;margin:8px 0 18px;min-height:22px}.product-bottom{margin-top:auto;margin-bottom:16px}.price{font-size:max(16px,29px);letter-spacing:-1px}.weight{border:0;background:#f2f1e7;border-radius:8px;padding:5px 10px}.product .buy{border-radius:13px;min-height:50px;background:#ffc42c;color:#193238;font-weight:800;gap:10px}.buy-weight{font-size:max(16px,13px);font-weight:500;margin-left:auto;border-left:1px solid #bc900b66;padding-left:13px}.product .details-link{margin-top:12px;color:#66715d}.product .heart{background:#fffef5e8;top:19px;right:19px;box-shadow:0 2px 8px #342c1610}.assortment-card{border:1px solid #e9e5d9;border-radius:24px;box-shadow:0 5px 20px #273b2808;transition:transform .2s}.assortment-card:hover{transform:translateY(-4px)}
.customer-story{display:grid!important;grid-template-columns:42% 1fr;gap:24px;padding:20px!important}.story-photo{width:100%;height:285px;object-fit:cover;border-radius:17px}.story-copy{display:flex;flex-direction:column;justify-content:center}.story-copy h3{font-size:max(16px,24px);margin:9px 0}.story-copy p{font-size:max(16px,16px)}.review-source{font-size:max(16px,13px);color:#758368;margin-top:12px}.review-card{border:1px solid #e8e6db;box-shadow:0 6px 25px #273b2808}
@media(max-width:1100px){.category-strip{gap:12px;padding:15px}.category-strip .category{font-size:max(16px,12px);padding:9px 8px;gap:5px}.category-group>div{gap:5px}.category-strip .category .icon{width:21px;height:21px}.product-image,.product .product-photo{height:210px!important}}
@media(max-width:700px){.hero-actions{gap:10px}.hero-actions .button{width:100%;min-height:64px;justify-content:space-between;padding:14px 19px}.hero-actions .primary span{flex:1;text-align:left}.hero-actions .quiz-hero{max-width:none}.quiz-hero b{font-size:max(16px,16px)}.hero-scene{padding-bottom:465px}.hero-bg{bottom:165px}.category-strip{bottom:12px;display:block;padding:13px 14px;border-radius:18px;overflow:hidden}.category-group>div{gap:6px}.category-label{font-size:max(16px,9px);margin-bottom:6px}.taste-group{margin-top:12px}.category-strip .category{flex:1;justify-content:center;font-size:max(16px,12px);padding:7px 6px;min-height:37px}.taste-group .category .icon{display:none}.product-image,.product .product-photo{height:250px!important}.product-name{font-size:max(16px,23px);min-height:0}.product .pbody{padding:18px 20px}.customer-story{grid-template-columns:1fr;gap:12px}.story-photo{height:230px}.story-copy h3{font-size:max(16px,22px)}.story-copy p{font-size:max(16px,15px)}.review-card{flex-basis:94%}.category-strip .category.all{font-size:max(16px,12px)}}
@media(prefers-reduced-motion:reduce){.product,.assortment-card,.hero-actions .button{transition:none;transform:none!important}}

@media(min-width:701px){.hero-scene{height:740px}.category-strip{bottom:24px}}

.feed-filter{display:flex;align-items:center;gap:18px;margin:18px 0 6px;padding:16px 18px;border:1px solid #e9e5d9;border-radius:16px;background:#fffefa}.feed-filter label{display:flex;align-items:center;gap:12px;font-weight:700}.feed-filter select{min-width:190px;border:1px solid #e3e4d9;border-radius:10px;padding:10px 34px 10px 12px;background:white;color:#20392e}.feed-filter>span{color:#747b6e}.feed-filter[hidden]{display:none}.feed-product .product-image,.feed-product .product-photo{background:#fff!important}.feed-product .real-product img{position:static!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:15px}.feed-price-note{padding:12px 14px;background:#f5f3e9;border-radius:12px;font-size:max(16px,13px);color:#687263}.feed-product .product-use{min-height:55px}@media(max-width:700px){.feed-filter{align-items:stretch;flex-direction:column;gap:8px}.feed-filter select{width:100%}.feed-filter>span{font-size:max(16px,13px)}}
.feed-filter{display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,.8fr) auto;align-items:end;gap:22px;margin:18px 0 12px;padding:18px 20px;border:1px solid #e9e5d9;border-radius:16px;background:#fffefa}
.feed-step-title{display:flex;align-items:baseline;gap:8px;font-size:max(16px,14px);font-weight:800;color:#263a32}
.feed-step-title small{font-size:max(16px,12px);font-weight:500;color:#747b6e}
.feed-pet-options{display:flex;gap:8px;margin-top:10px}
.feed-pet-options button{min-height:42px;padding:9px 16px;border:1px solid #ded9cd;border-radius:24px;background:#fff;color:#263a32;font-size:max(16px,14px);font-weight:700;transition:background .15s,border-color .15s}
.feed-pet-options button:hover{border-color:#d99a10}
.feed-pet-options button.active{background:#ffcf4b;border-color:#ffcf4b}
.feed-brand-step label{display:flex;flex-direction:column;align-items:stretch;gap:10px}
.feed-filter select{width:100%;min-height:42px;padding:9px 34px 9px 12px;border:1px solid #ded9cd;border-radius:10px;background:#fff;color:#263a32;font-size:max(16px,14px)}
.feed-total{align-self:center;margin:0;color:#747b6e;font-size:max(16px,13px);white-space:nowrap}
.catalog-controls:has(>label[hidden]){grid-template-columns:minmax(220px,.7fr) minmax(280px,1fr);max-width:700px;gap:14px;margin:20px 0 14px}
.catalog-controls:has(>label[hidden])>label:first-of-type{grid-column:1}
.catalog-controls:has(>label[hidden]) .search-row{grid-column:2;grid-row:1}
.catalog-controls:has(>label[hidden]) .search-row>div{min-height:50px}
.results-count{font-weight:700;color:#52675b}
@media(max-width:760px){.feed-filter{grid-template-columns:1fr;gap:16px;padding:16px}.feed-total{justify-self:start}.feed-pet-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.feed-pet-options button{padding:9px 7px}.catalog-controls:has(>label[hidden]){grid-template-columns:1fr;max-width:none}.catalog-controls:has(>label[hidden])>label:first-of-type,.catalog-controls:has(>label[hidden]) .search-row{grid-column:1;grid-row:auto}}
/* Simple, touch-friendly treat finder */
.treat-filter{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:18px 0 14px;padding:18px 20px;border:1px solid #e9e5d9;border-radius:16px;background:#fffefa}
.treat-filter[hidden]{display:none}
.treat-step-title{display:block;margin-bottom:10px;font-size:max(16px,14px);font-weight:800;color:#263a32}
.treat-chips{display:flex;flex-wrap:wrap;gap:8px}
.treat-chips button{min-height:40px;padding:8px 14px;border:1px solid #ded9cd;border-radius:24px;background:#fff;color:#263a32;font-size:max(16px,13px);font-weight:700;transition:background .15s,border-color .15s}
.treat-chips button:hover{border-color:#d99a10}
.treat-chips button.active{background:#ffcf4b;border-color:#ffcf4b}
@media(max-width:760px){.treat-filter{grid-template-columns:1fr;gap:16px;padding:16px}.treat-chips{gap:7px}.treat-chips button{min-height:38px;padding:7px 11px}}
/* Keep every product card and its purchase controls aligned. */
.products{align-items:stretch;grid-auto-rows:1fr}
.products>.product{height:100%;min-height:0}
.product .pbody{height:100%;min-height:0}
.product .catalog-tag{min-height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product .product-name{min-height:2.5em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-wrap:balance}
.product .product-use{min-height:3em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.product .product-bottom{margin-top:auto;min-height:38px;align-items:center}
.product .buy{display:flex;align-items:center;justify-content:center;min-height:50px}
.product .details-link{display:flex;align-items:center;justify-content:center;min-height:36px}
.wet-product .product-image,.wet-product .product-photo{background:radial-gradient(ellipse at 82% 14%,rgba(255,208,94,.26),transparent 38%),radial-gradient(ellipse at 14% 88%,rgba(111,157,67,.15),transparent 39%),linear-gradient(145deg,#fffdf7 0%,#f5efdf 100%)!important}
.wet-product .product-photo{position:relative;isolation:isolate}
.wet-product .product-photo::before{position:absolute;z-index:-1;inset:9% 16%;content:"";border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.94),rgba(255,255,255,0) 72%)}
.product.wet-product .product-image .real-product{background:transparent!important}
.product.wet-product .product-image .real-product img{object-fit:contain!important;object-position:center!important;padding:14px!important;background:transparent!important;transform:scale(1.12)!important;filter:contrast(1.045) saturate(1.04) drop-shadow(0 10px 9px rgba(57,43,19,.2))}
.wet-product[data-brand="Jarvi"] .product-image,.wet-product[data-brand="Jarvi"] .product-photo{background:radial-gradient(ellipse at 82% 14%,rgba(109,151,206,.12),transparent 39%),radial-gradient(ellipse at 14% 86%,rgba(111,157,67,.13),transparent 39%),linear-gradient(145deg,#fffdf8,#f4efe4)!important}
.wet-product[data-brand="Pro Plan"] .product-image,.wet-product[data-brand="Pro Plan"] .product-photo{background:radial-gradient(ellipse at 82% 14%,rgba(221,92,69,.16),transparent 39%),radial-gradient(ellipse at 14% 86%,rgba(111,157,67,.12),transparent 39%),linear-gradient(145deg,#fffdf8,#f5eee7)!important}
.wet-product[data-brand="Monge"] .product-image,.wet-product[data-brand="Monge"] .product-photo{background:radial-gradient(ellipse at 82% 14%,rgba(177,116,79,.19),transparent 39%),radial-gradient(ellipse at 14% 86%,rgba(111,157,67,.14),transparent 39%),linear-gradient(145deg,#fffdf8,#f5f0e4)!important}
.wet-product[data-brand="Farmina Vet Life"] .product-image,.wet-product[data-brand="Farmina Vet Life"] .product-photo{background:radial-gradient(ellipse at 82% 14%,rgba(126,164,117,.2),transparent 39%),radial-gradient(ellipse at 14% 86%,rgba(111,157,67,.13),transparent 39%),linear-gradient(145deg,#fffdf8,#eff2e8)!important}
.wet-product[data-brand="Grandorf"] .product-image,.wet-product[data-brand="Grandorf"] .product-photo{background:radial-gradient(ellipse at 82% 14%,rgba(182,158,122,.2),transparent 39%),radial-gradient(ellipse at 14% 86%,rgba(111,157,67,.13),transparent 39%),linear-gradient(145deg,#fffdf8,#f4efe4)!important}
.wet-product[data-brand="AlphaPet"] .product-image,.wet-product[data-brand="AlphaPet"] .product-photo{background:radial-gradient(ellipse at 82% 14%,rgba(244,182,69,.23),transparent 39%),radial-gradient(ellipse at 14% 86%,rgba(111,157,67,.13),transparent 39%),linear-gradient(145deg,#fffdf8,#f6f0e0)!important}
.wet-product[data-brand="Wanpy"] .product-image,.wet-product[data-brand="Wanpy"] .product-photo{background:radial-gradient(ellipse at 82% 14%,rgba(224,116,76,.18),transparent 39%),radial-gradient(ellipse at 14% 86%,rgba(111,157,67,.13),transparent 39%),linear-gradient(145deg,#fffdf8,#f5eee4)!important}


/* Source stylesheet: client.css?v=20261104-treat-catalog-cleanup-v1 */
:root{--brand-ink:#172a2a;--brand-yellow:#ffbf26}body{background:#fffdf8;color:var(--brand-ink)}.wrap{width:calc(100% - 80px);max-width:1240px;margin-left:auto;margin-right:auto}.brand-hero.hero-scene{height:auto;padding:38px 0 20px;background:#fffdf8;overflow:hidden}.hero-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:25px;align-items:center;min-height:585px}.hero-kicker{font-size:max(16px,13px);letter-spacing:2.4px;font-weight:800;color:#8e9186;margin:0 0 25px}.hero-copy h1{font-size:max(16px,53px);line-height:1.13;letter-spacing:-1.8px;margin:0 0 25px;font-weight:900;color:#172a2a}.hero-copy h1 em{font-style:normal;color:#bc7800}.hero-copy>p:not(.hero-kicker){font-size:max(16px,20px);line-height:1.6;max-width:550px;color:#53605c}.hero-copy .hero-actions{display:flex;flex-wrap:wrap;margin:28px 0;gap:12px}.hero-copy .button{font-size:max(16px,16px);min-height:58px;border-radius:35px;padding:17px 22px;min-width:0}.hero-copy .secondary{background:transparent;border:1px solid #8c958e}.brand-promises{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:35px;max-width:560px}.brand-promises>div{display:flex;flex-direction:column;gap:12px;font-size:max(16px,14px);line-height:1.4;max-width:120px}.brand-promises .icon{width:38px;height:38px;color:#d79818}.brand-hero-images{height:560px;position:relative}.hero-dog{position:absolute;right:0;top:0;width:76%;height:88%;object-fit:cover;border-radius:170px 170px 24px 24px}.hero-products{position:absolute;bottom:0;left:0;width:53%;height:58%;object-fit:cover;border:8px solid #fffdf8;border-radius:24px;box-shadow:0 12px 30px #33291820}.brand-photo-caption{position:absolute;bottom:3%;right:0;width:43%;font-family:Caveat,cursive;font-size:max(16px,28px);line-height:1.15;color:#72552b;transform:rotate(-4deg)}.hero-slider-controls{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:20px;border-top:1px solid #e9e4d8;font-size:max(16px,14px);color:#788072}.hero-slider-controls>div{display:flex;gap:8px}.hero-slider-controls button{width:44px;height:44px;border:1px solid #e4ddcd;background:#fff;border-radius:50%;font-size:max(16px,23px);color:#26382e}.hero-slider-controls button:hover{background:#ffca3e}.service-strip{padding:24px 0}.nav{max-width:1240px}.header{background:#fffdf8}.brand-hero-images img{transition:opacity .2s}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{display:flex;flex-direction:column;gap:7px;font-size:max(16px,15px);font-weight:700}.form-field input,.form-field select,.form-field textarea{width:100%;padding:13px;border:1px solid #d6dacf;border-radius:12px;background:#fff;font:inherit;font-weight:400}.form-field textarea{min-height:85px;resize:vertical}.form-wide{grid-column:1/-1}.form-error{color:#a43b21;font-size:max(16px,15px)}.consent{font-size:max(16px,13px);display:flex;align-items:flex-start;gap:9px;margin:18px 0}.consent input{margin-top:4px}.vet-note{padding:12px 16px;border-radius:12px;background:#f2f4e8;font-size:max(16px,14px)!important}.form-summary{padding:16px;background:#f6f3e9;border-radius:14px;margin:14px 0}.vet-launch{background:#f9d65e;border-radius:30px;padding:38px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px;margin-top:55px;margin-bottom:55px}.vet-launch h2{font-size:max(16px,34px);line-height:1.15;margin:8px 0 12px}.vet-launch p{max-width:650px;margin:0}.vet-launch .button{background:#213e35;color:white}.consult-pulse{animation:consultPulse 3s ease-in-out infinite}@keyframes consultPulse{50%{box-shadow:0 0 0 7px #ffc32422}}.story-brand{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;margin-top:75px;margin-bottom:75px}.story-brand img{width:100%;max-height:540px;object-fit:cover;border-radius:28px}.story-brand h2{font-size:max(16px,42px);line-height:1.15}.story-brand p{color:#637065;font-size:max(16px,18px);line-height:1.7}.story-points{display:grid;grid-template-columns:1fr 1fr;gap:20px}.story-points h3{font-size:max(16px,18px);margin-bottom:6px}.story-points p{font-size:max(16px,15px)}.catalog-sections{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.catalog-sections button{padding:12px 18px;border:1px solid #e0e0d5;background:#fff;border-radius:30px;font-size:max(16px,15px)}.catalog-sections button.active{background:#ffcd43;border-color:#ffcd43}.brand-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:65px}.brand-gallery img{width:100%;height:290px;object-fit:cover;border-radius:23px}.brand-gallery p{font-size:max(16px,16px);margin:10px 0}.review-card{min-height:280px}.product .real-product img{object-fit:contain;background:#eeeae3}.product .no-photo{height:240px}.catalog-empty{grid-column:1/-1;padding:38px;border:1px solid #e4e0d2;border-radius:24px;background:#faf8ef}.catalog-empty h3{font-size:max(16px,26px)}.brand-hero .primary{background:#ffc02b}.footer-admin{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:0 16px;border:1px solid #edb31c;border-radius:999px;background:#ffc52e;color:#172a2a;font-size:max(16px,14px);font-weight:800;line-height:1;text-decoration:none;opacity:1;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease}.footer-admin svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.footer-admin:hover{background:#ffb81b;box-shadow:0 5px 15px #70520b22;transform:translateY(-1px)}.footer-admin:focus-visible{outline:3px solid #173e35;outline-offset:3px}.footer-utilities{align-items:center}.status-success{background:#eff5e9;padding:20px;border-radius:16px;color:#234830}.vet-progress{height:5px;background:#ebece2;border-radius:4px;margin:15px 0 25px}.vet-progress>span{display:block;height:100%;background:#eaae16;border-radius:4px;transition:width .2s}.vet-step-label{color:#8b7b56;font-size:max(16px,13px);text-transform:uppercase;letter-spacing:1px}.vet-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vet-choice-grid label{padding:16px;border:1px solid #dedfd5;border-radius:14px;cursor:pointer}.vet-choice-grid label:has(input:checked){background:#fff2c5;border-color:#dfa81b}.vet-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.vet-actions .button{min-height:48px}.product-info-note{font-size:max(16px,13px);color:#74806c}.health-offer{font-size:max(16px,14px);padding:12px;background:#f2f4e9;border-radius:12px}
@media(max-width:1000px){.hero-copy h1{font-size:max(16px,43px)}.hero-layout{gap:18px}.brand-hero-images{height:510px}.hero-copy .button{font-size:max(16px,14px);padding:15px}.brand-promises{gap:10px}.brand-promises>div{font-size:max(16px,13px)}.nav nav{gap:12px}.hero-copy .hero-actions{flex-direction:column;align-items:flex-start}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.brand-hero.hero-scene{padding:25px 0 12px}.hero-layout{display:flex;flex-direction:column;min-height:0;gap:25px}.hero-copy h1{font-size:max(16px,37px);letter-spacing:-1px;line-height:1.15}.hero-kicker{font-size:max(16px,11px);letter-spacing:1.5px;margin-bottom:19px}.hero-copy>p:not(.hero-kicker){font-size:max(16px,18px)}.hero-copy .hero-actions{margin:22px 0;align-items:stretch}.hero-copy .button{font-size:max(16px,16px);width:100%;justify-content:space-between;min-height:56px}.brand-promises{margin-top:24px;gap:13px}.brand-promises>div{font-size:max(16px,12px)}.brand-promises .icon{width:31px;height:31px}.brand-hero-images{width:100%;height:430px}.hero-dog{width:78%;height:87%;border-radius:110px 110px 20px 20px}.hero-products{width:54%;height:54%;border-width:5px}.brand-photo-caption{font-size:max(16px,24px);bottom:0}.hero-slider-controls{margin-top:14px;font-size:max(16px,12px)}.vet-launch{grid-template-columns:1fr;padding:26px;border-radius:24px}.vet-launch h2{font-size:max(16px,28px)}.story-brand{grid-template-columns:1fr;gap:25px;margin-top:45px;margin-bottom:45px}.story-brand h2{font-size:max(16px,33px)}.story-brand img{height:350px}.brand-gallery{grid-template-columns:1fr}.brand-gallery img{height:280px}.form-grid{grid-template-columns:1fr}.form-wide{grid-column:auto}.vet-choice-grid{grid-template-columns:1fr}.story-points{gap:14px}.catalog-sections{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.catalog-sections button{white-space:nowrap}.nav{width:calc(100% - 36px)}.hero-slider-controls button{width:38px;height:38px}.product-image,.product .product-photo{height:280px!important}}
.promise-icon{display:flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:22px;box-shadow:inset 0 0 0 1px #ffffffaa,0 4px 10px #27392409;transform:rotate(-5deg)}.promise-icon.gold{background:#fff0bd;color:#bf8105}.promise-icon.green{background:#e8f0d5;color:#698042}.brand-promises .promise-icon .icon{color:inherit;stroke-width:1.65;width:35px;height:35px;transform:rotate(5deg)}.brand-promises>div:nth-child(2) .promise-icon{transform:rotate(5deg)}.brand-promises>div:nth-child(2) .icon{transform:rotate(-5deg)}.brand-promises>div>span{font-weight:700}.hero-combined{width:100%;height:100%;object-fit:cover;border-radius:180px 180px 26px 26px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;opacity:0}.form-summary>div{display:flex;justify-content:space-between;gap:15px;font-size:max(16px,14px);margin-bottom:8px}.form-summary b{white-space:nowrap}.brand-hero-images{height:620px}.hero-layout{min-height:620px}
@media(max-width:700px){.brand-hero-images{height:470px}.hero-layout{min-height:0}.hero-combined{border-radius:120px 120px 24px 24px}.promise-icon{width:53px;height:53px;border-radius:17px}.brand-promises .promise-icon .icon{width:29px;height:29px}}
@media(prefers-reduced-motion:reduce){.consult-pulse{animation:none}}
.with-photo .product-image .real-product img{position:static;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;background:#f3f1ec}
.starter .real-starter{align-self:center;min-height:0;height:auto;aspect-ratio:4/3;width:100%;max-width:none;margin:0;border-radius:22px;overflow:hidden}.starter .real-starter img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center}
.frozen-photo-gallery{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:22px}.frozen-photo-gallery figure{margin:0}.frozen-photo-gallery img{width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:22px;background:#f5eee5}.frozen-photo-gallery figcaption{padding:12px 0;font-size:max(16px,17px)}@media(max-width:650px){.frozen-photo-gallery{grid-template-columns:1fr}}
.with-photo .product-image .real-product img[src$="udder-strips-wide.png"],.with-photo .product-image .real-product img[src$="liver-cubes.png"]{object-fit:cover;object-position:center}

/* Cart bundle description */
.cart-item-info .cart-bundle-description{margin:10px 0 14px;color:#617580;font-size:16px;line-height:1.6;text-wrap:pretty;overflow-wrap:break-word}

/* Keep gallery controls easy to tap on touch screens. */
@media(max-width:600px){.product-photo-arrow{width:44px;height:44px}}

dialog:has(.global-search){width:min(680px,calc(100% - 28px));padding:clamp(22px,4vw,34px);border-radius:24px}
.global-search{display:grid;gap:14px;min-width:0}
.global-search-eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;color:#8a7552}
.global-search h2{margin:0;padding-right:30px;font-size:clamp(26px,5vw,34px);line-height:1.15}
.global-search-field{position:relative;display:flex;align-items:center;min-width:0}
.global-search-field>.icon{position:absolute;left:17px;width:22px;height:22px;color:#758078;pointer-events:none}
.global-search-field input{width:100%;min-width:0;height:58px;padding:0 18px 0 50px;border:1px solid #ded9cc;border-radius:16px;background:#fffdf8;color:var(--ink);font:inherit;outline:none;transition:border-color .15s,box-shadow .15s}
.global-search-field input:focus{border-color:#d49a24;box-shadow:0 0 0 3px #f1c75a33}
.global-search-status{margin:0;color:var(--muted);font-size:14px;line-height:1.45}
.global-search-results{display:grid;gap:8px;max-height:min(48vh,430px);overflow-y:auto;overscroll-behavior:contain}
.global-search-option{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:64px;padding:12px 15px;border:1px solid #ebe5d9;border-radius:14px;background:#fff;color:var(--ink);text-align:left;cursor:pointer;transition:background-color .14s,border-color .14s,transform .14s}
.global-search-option:hover,.global-search-option:focus-visible{border-color:#e5b43d;background:#fff9e9;outline:none}
.global-search-option:active{transform:scale(.99)}
.global-search-option-copy{display:grid;gap:3px;min-width:0}
.global-search-option-copy strong{font-size:15px;line-height:1.3}
.global-search-option-copy small{color:var(--muted);font-size:13px;line-height:1.3}
.global-search-option-price{display:flex;align-items:center;gap:9px;flex:none;font-weight:800;white-space:nowrap}
@media(max-width:600px){dialog:has(.global-search){padding:24px 18px;border-radius:22px}.global-search{gap:12px}.global-search-option{align-items:flex-start;gap:8px;padding:12px}.global-search-option-price{font-size:14px}.global-search-option-price>span{display:none}}


/* Source stylesheet: showcase.css?v=20261104-treat-catalog-cleanup-v1 */
.showcase{background:#fcfaf6;color:#101b18;width:100%;overflow:hidden}.showcase-stage{position:relative;max-width:1800px;margin:auto;aspect-ratio:1249/620}.showcase-slide{width:100%;height:100%;animation:showcaseEnter .45s ease}.showcase-slide[hidden]{display:none!important}.reference-art{display:block;width:100%;height:auto}.ref-slide{position:relative}.responsive-copy,.responsive-benefits{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.reference-actions{position:absolute;left:6.72%;top:58.1%;width:34%;height:8.65%;display:flex;gap:4.5%}.reference-actions .showcase-cta{opacity:0;height:100%;width:59%;padding:0;min-height:0}.reference-actions .secondary{width:38%}.reference-actions .showcase-cta:focus-visible{opacity:1;outline:3px solid #244834;outline-offset:3px}.showcase-cta{background:#ffbd20;color:#172824;display:inline-flex;align-items:center;justify-content:center;gap:16px;text-decoration:none;border-radius:40px;min-height:52px;padding:15px 24px;font-size:max(16px,16px);font-weight:800;border:1px solid transparent;cursor:pointer}.showcase-cta.secondary{background:#fffaf2;border-color:#9b9e95}.ref-2 .reference-actions{top:50.8%;left:7.3%;width:33.5%;height:8%}.ref-2 .reference-actions .showcase-cta{width:53%}.ref-2 .reference-actions .secondary{width:47%}.bundle-hotspot{position:absolute;left:69%;top:6%;width:27%;height:25%;background:transparent;border-radius:20px}.bundle-hotspot:focus-visible{outline:4px solid #244834}.delivery-ribbon{margin:0;padding:22px;text-align:center;font-size:max(16px,18px);font-weight:700;color:#344b32;background:#eee8d8}.showcase-arrow{position:absolute;z-index:5;top:46%;width:46px;height:58px;background:#fffdf7ed;color:#243d31;border:1px solid #dacdaf;border-radius:16px;font-size:max(16px,42px);line-height:1;box-shadow:0 4px 20px #44341416;cursor:pointer}.showcase-arrow:hover{background:#ffcb47}.showcase-arrow.previous{left:12px}.showcase-arrow.next{right:12px}.showcase-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px}.showcase-pagination button{width:32px;height:30px;background:none;display:grid;place-items:center}.showcase-pagination button span{width:8px;height:8px;border-radius:10px;background:#c8c2b6}.showcase-pagination button[aria-pressed=true] span{width:26px;background:#d5900c}.showcase-status{font-size:max(16px,14px);color:#676c60;margin-left:12px}.doctor-slide{display:grid;grid-template-columns:1.12fr 1fr;gap:5%;padding:4.5% 7%;background:linear-gradient(115deg,#fffdf7 35%,#ffedbd 100%)}.doctor-copy{align-self:center}.showcase-eyebrow{font-size:max(16px,13px);font-weight:800;letter-spacing:2px;color:#8c7448}.doctor-copy h2{font-size:max(16px,clamp(30px,3.5vw,58px));line-height:1.12;letter-spacing:-1.5px;margin:22px 0}.doctor-copy h2 em{color:#aa6b05;font-style:normal}.doctor-copy>p:not(.showcase-eyebrow){font-size:max(16px,clamp(16px,1.4vw,22px));line-height:1.6;color:#546057}.doctor-actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.doctor-benefits{padding:0;list-style:none;display:flex;gap:20px;font-size:max(16px,14px)}.doctor-benefits li{flex:1}.doctor-benefits svg{display:block;width:30px;height:30px;color:#b78613;margin-bottom:9px}.doctor-visual{position:relative;min-width:0}.doctor-portrait{position:absolute;inset:0 0 8%;border-radius:48% 48% 30px 30px;overflow:hidden;background:#f78e10}.doctor-portrait img{width:100%;height:auto;display:block;max-width:none}.doctor-caption{position:absolute;bottom:0;left:9%;right:9%;padding:18px 24px;background:#fffdf4;border-radius:20px;box-shadow:0 12px 30px #71501816;display:flex;align-items:center;gap:20px}.doctor-caption strong{font-size:max(16px,30px)}.doctor-caption span{font-size:max(16px,14px);line-height:1.5}.assortment.wrap{width:calc(100% - 64px);max-width:1720px;padding:54px 0 64px}.showcase-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin-top:28px}.category-tile{padding:0;border:1px solid #e9e2d6;border-radius:24px;background:#f8f4ed;text-align:left;overflow:hidden;display:flex;flex-direction:column;min-width:0;color:#173137;transition:box-shadow .2s,transform .2s}.category-tile:hover{transform:translateY(-4px);box-shadow:0 12px 28px #47341c12}.category-picture{width:100%;aspect-ratio:4/5;overflow:hidden}.category-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%;padding:0}.category-copy{padding:22px;flex:1;display:flex;flex-direction:column}.category-copy h3{font-size:max(16px,clamp(18px,1.5vw,24px));line-height:1.25;min-height:3.75em;margin:0 0 12px;font-weight:800}.category-copy p{font-size:max(16px,16px);line-height:1.55;color:#647066;margin:0 0 24px}.category-copy>span{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-size:max(16px,15px);font-weight:800}.showcase :focus-visible,.category-tile:focus-visible{outline:3px solid #9b6804;outline-offset:3px}@keyframes showcaseEnter{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}@media(max-width:1050px){.showcase-stage{aspect-ratio:auto;min-height:520px}.ref-slide{min-height:520px}.reference-actions{top:calc(100vw * .2884);height:calc(100vw * .043)}.ref-2 .reference-actions{top:calc(100vw * .252);height:calc(100vw * .04)}.doctor-slide{min-height:520px}.doctor-copy h2{font-size:max(16px,34px)}.doctor-portrait{bottom:18%}.doctor-actions{gap:8px}.doctor-actions .showcase-cta{font-size:max(16px,14px);padding:12px 18px}.showcase-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.category-copy h3{min-height:0}.showcase-arrow{width:36px;height:48px;font-size:max(16px,32px)}.showcase-arrow.previous{left:5px}.showcase-arrow.next{right:5px}}@media(max-width:900px){.showcase-stage{min-height:0;aspect-ratio:auto}.ref-slide{min-height:0;display:flex;flex-direction:column}.ref-slide .reference-art{width:100%;height:310px;object-fit:cover;object-position:right top;order:0}.ref-1 .reference-art{object-fit:none;object-position:right top;width:100%;height:auto;aspect-ratio:1; /* replaced by responsive background below */ }.ref-1 .reference-art{object-fit:cover;object-position:right;width:100%;height:330px;aspect-ratio:auto}.responsive-copy{position:static;clip-path:none;width:auto;height:auto;overflow:visible;padding:26px 26px 0;order:1}.responsive-copy h1,.responsive-copy h2{font-size:max(16px,32px);line-height:1.13;letter-spacing:-.8px;margin:14px 0}.responsive-copy>p:last-child{font-size:max(16px,17px);line-height:1.55;color:#546057}.reference-actions,.ref-2 .reference-actions{position:static;width:auto;height:auto;display:flex;flex-wrap:wrap;margin:12px 26px;order:2;gap:10px}.reference-actions .showcase-cta,.ref-2 .reference-actions .showcase-cta{opacity:1;width:100%;min-height:50px;font-size:max(16px,15px);padding:13px}.responsive-benefits{position:static;clip-path:none;width:auto;height:auto;overflow:visible;display:grid;grid-template-columns:1fr 1fr;gap:18px;list-style:none;padding:16px 26px;margin:0;order:3;font-size:max(16px,14px)}.responsive-benefits li{display:flex;align-items:center;gap:10px}.responsive-benefits svg{width:26px;height:26px;flex:none;color:#b9810d}.bundle-hotspot{display:none}.delivery-ribbon{order:4;font-size:max(16px,15px);padding:16px}.showcase-arrow{top:140px;width:42px;height:50px}.doctor-slide{display:flex;flex-direction:column-reverse;padding:22px 26px;min-height:0;gap:24px}.doctor-visual{height:370px;margin:0 15px}.doctor-portrait{inset:0 0 35px}.doctor-caption{left:0;right:0;padding:14px 20px}.doctor-copy h2{font-size:max(16px,32px)}.doctor-copy>p:not(.showcase-eyebrow){font-size:max(16px,17px)}.doctor-actions .showcase-cta{width:100%;font-size:max(16px,15px)}.doctor-benefits{gap:12px;font-size:max(16px,13px)}.assortment.wrap{width:calc(100% - 32px);padding:32px 0}.showcase-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-copy{padding:16px}.category-copy h3{font-size:max(16px,18px);overflow-wrap:anywhere}.category-copy p{font-size:max(16px,14px)}.category-tile:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.category-tile:last-child .category-picture{aspect-ratio:1}.category-tile:last-child .category-copy h3{min-height:0}.showcase-eyebrow{font-size:max(16px,12px);letter-spacing:1.1px}}@media(prefers-reduced-motion:reduce){.showcase-slide{animation:none}.category-tile{transition:none}}
.reference-visual{width:100%;overflow:hidden}.ref-2{display:flex;flex-direction:column}.ref-2 .delivery-ribbon{flex:1;display:grid;place-items:center}.ref-2 .reference-visual{flex:none}
.product-image .photo-button,.product-image .real-product{width:100%;height:100%!important;display:block}.with-photo .product-image .real-product img{position:static!important;width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important;padding:0}
@media(max-width:900px){.reference-visual{height:auto;aspect-ratio:600/620;order:0}.ref-1 .reference-art{width:208.17%;max-width:none;height:auto;object-fit:initial;margin-left:-108.17%}.ref-2 .reference-visual{aspect-ratio:799/483}.ref-2 .reference-art{width:160.08%;max-width:none;height:auto;object-fit:initial;margin-left:-60.08%}.ref-2 .delivery-ribbon{display:block;flex:none}.showcase-arrow{top:150px}.category-picture{aspect-ratio:4/5}}
@media(max-width:900px){.ref-1 .reference-visual{aspect-ratio:575/620}.ref-1 .reference-art{width:217.22%;margin-left:-117.22%}}
@media(max-width:430px){.showcase-categories{grid-template-columns:1fr}.category-tile:last-child{grid-column:auto;display:flex}.category-picture,.category-tile:last-child .category-picture{aspect-ratio:1}.category-copy h3{font-size:max(16px,22px);overflow-wrap:normal}.category-copy p{font-size:max(16px,16px)}.category-copy{padding:22px}}

/* Second carousel screen follows the supplied natural-treats reference. */
.ref-2{position:relative;isolation:isolate;overflow:hidden;background:#fffaf2;color:#133632}
.ref-2 .hero-layout{position:relative;display:block;height:84%;min-height:0}
.ref-2 .hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;box-sizing:border-box;width:54%;height:100%;padding:3.4% 0 0 6.3%}
.ref-2 .hero-copy .hero-eyebrow{display:flex;align-items:center;gap:.7cqw;margin:0 0 1.2cqw;color:#153c37;font-size:max(16px,.98cqw);line-height:1.25;font-weight:700;letter-spacing:.16em;white-space:nowrap}
.ref-2 .hero-eyebrow>span{display:inline-grid;place-items:center;color:#3c8a31}
.ref-2 .hero-eyebrow .hero-feature-icon{width:2cqw;height:2cqw;stroke-width:2}
.ref-2 .hero-copy h1{max-width:100%;margin:0 0 1.15cqw;color:#103a36;font-size:max(16px,3.9cqw);font-weight:850;line-height:1.02;letter-spacing:-.045em}
.ref-2 .hero-copy h1 em{color:#d99400;font-style:normal}
.ref-2 .hero-heading-heart{color:#ed4a21;font-weight:500}
.ref-2 .hero-lead{margin:0;color:#173d3b;font-size:max(16px,1.35cqw);font-weight:450;line-height:1.32}
.ref-2 .hero-lead span{display:block}
.ref-2 .hero-copy .reference-actions{position:static;inset:auto;display:flex;align-items:center;gap:1.05cqw;width:auto;height:auto;margin:1.55cqw 0 0;padding:0}
.ref-2 .hero-copy .reference-actions .showcase-cta{display:inline-flex;align-items:center;opacity:1;width:auto;height:auto;min-height:4.1cqw;padding:.8cqw 1.55cqw;border-radius:999px;font-size:max(16px,1.1cqw);white-space:nowrap}
.ref-2 .hero-copy .reference-actions .showcase-cta:first-child{min-width:18.7cqw;justify-content:space-between;background:#f44718;color:#fff}
.ref-2 .hero-copy .reference-actions .reference-bundle{box-sizing:border-box;width:28cqw;min-width:28cqw;min-height:4.8cqw;padding:.65cqw 1.5cqw;background:#ffca16;color:#111;font-size:max(16px,1.15cqw)}
.ref-2 .hero-copy .reference-actions .reference-bundle .hero-action-main{gap:1.15cqw}
.ref-2 .hero-copy .reference-actions .reference-bundle .hero-action-main>.icon{width:2.8cqw;height:2.8cqw;color:#16120b}
.ref-2 .hero-copy .reference-actions .reference-bundle .hero-action-main>span{gap:.2cqw}
.ref-2 .hero-copy .reference-actions .reference-bundle .hero-action-main strong{font-size:max(16px,1.25cqw);line-height:1.12}
.ref-2 .hero-copy .reference-actions .reference-bundle .hero-action-main small{font-size:max(16px,.9cqw);line-height:1.18;font-weight:500}
.ref-2 .hero-copy .reference-actions .reference-bundle .hero-action-arrow{font-size:max(16px,1.8cqw);color:#111}
.ref-2 .hero-heading-heart{position:relative;display:inline-block;font-size:max(16px,1.12em);line-height:.8;vertical-align:-.04em}
.ref-2 .hero-heading-heart::before{content:"";position:absolute;left:-.65em;top:-.45em;width:.55em;height:.5em;background:linear-gradient(#ffb718,#ffb718) 100% 75%/100% 2px no-repeat,linear-gradient(#ffb718,#ffb718) 55% 15%/2px 90% no-repeat;transform:rotate(-28deg);pointer-events:none}
.ref-2 .hero-copy .responsive-benefits li{align-items:center}
.ref-2 .hero-copy .responsive-benefits li>span{width:100%;text-align:left}
.ref-2 .hero-action-main{display:flex;align-items:center;gap:.65cqw}
.ref-2 .hero-action-main>.icon{width:1.8cqw;height:1.8cqw;flex:none;color:currentColor}
.ref-2 .hero-action-main>span{display:flex;flex-direction:column;gap:.1cqw}
.ref-2 .hero-action-main strong{font-size:max(16px,1.06cqw);line-height:1.15}
.ref-2 .hero-action-arrow{font-size:max(16px,1.45cqw);line-height:1}
.ref-2 .hero-copy .reference-actions .secondary{min-width:16.8cqw;justify-content:center;background:#fff;border:1px solid #c7ae8b;color:#173a37}
.ref-2 .hero-copy .responsive-benefits{position:relative;inset:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:.9cqw;width:100%;height:auto;overflow:visible;clip-path:none;list-style:none;margin:1.6cqw 0 0;padding:0;color:#193936;font-size:max(16px,.95cqw);line-height:1.3}
.ref-2 .hero-copy .responsive-benefits li{display:flex;flex-direction:column;align-items:flex-start;gap:.4cqw;min-width:0;max-width:none}
.ref-2 .hero-copy .responsive-benefits .hero-feature-icon{box-sizing:border-box;width:3.7cqw;height:3.7cqw;padding:.8cqw;border-radius:50%;background:#d9ecc9;color:#28752e;stroke-width:2}
.ref-2 .hero-copy .responsive-benefits li:nth-child(even) .hero-feature-icon{background:#ffedb8;color:#d78b00}
.ref-2 .hero-visual{position:absolute;z-index:0;inset:0 0 0 auto;width:69%;height:100%;overflow:hidden;background:#f5ead7}
.ref-2 .hero-visual::before{content:"";position:absolute;z-index:1;inset:0 auto 0 0;width:51%;background:linear-gradient(90deg,#fffaf2 0%,rgba(255,250,242,.97) 17%,rgba(255,250,242,.78) 44%,rgba(255,250,242,.15) 83%,transparent 100%);pointer-events:none}
.ref-2 .hero-visual .reference-art{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 48%;mix-blend-mode:normal;filter:saturate(1.08) sepia(.075) brightness(1.015)}
.ref-2 .hero-delivery{position:absolute;z-index:2;top:3.5%;right:3.2%;box-sizing:border-box;width:23.5cqw;min-height:6.3cqw;padding:1cqw 1.2cqw 1cqw 6.1cqw;background:#ffca25;color:#111;border-radius:1.3cqw;transform:rotate(-2deg);box-shadow:0 .4cqw 1.4cqw #67400018}
.ref-2 .hero-delivery__truck{position:absolute;left:1.25cqw;top:50%;width:3.2cqw;transform:translateY(-50%)}
.ref-2 .hero-delivery__truck svg{display:block;width:100%;height:auto}
.ref-2 .hero-delivery strong{display:block;font-size:max(16px,1.35cqw);line-height:1.04;font-weight:900}
.ref-2 .hero-delivery small{display:block;margin-top:.35cqw;font-size:max(16px,.8cqw);line-height:1.2;font-weight:600}
.ref-2 .hero-proof{position:relative;z-index:2;box-sizing:border-box;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;height:16%;padding:0 4.5%;border-top:1px solid #e7e0d5;background:#fff;color:#173536}
.ref-2 .hero-proof>div{display:flex;align-items:center;gap:1cqw;min-width:0;height:62%;padding:0 1.7cqw;border-right:1px solid #dedbd3}
.ref-2 .hero-proof>div:first-child{padding-left:0}
.ref-2 .hero-proof>div:last-child{border:0;padding-right:0}
.ref-2 .hero-proof>div>span{display:grid;place-items:center;flex:0 0 3.7cqw;width:3.7cqw;height:3.7cqw;border-radius:50%;background:#dceecd;color:#28752e}
.ref-2 .hero-proof>div:nth-child(even)>span{background:#ffe9c4;color:#f04a22}
.ref-2 .hero-proof .icon{width:2.3cqw;height:2.3cqw;stroke-width:1.8}
.ref-2 .hero-proof p{margin:0;font-size:max(16px,.95cqw);line-height:1.3;font-weight:550}
@media(max-width:900px){
 .ref-2{display:flex;flex-direction:column;height:auto;min-height:0;background:#fffaf2}
 .ref-2 .hero-layout{display:flex;flex-direction:column-reverse;height:auto;min-height:0}
 .ref-2 .hero-visual{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1.3;background:#f5ead7}
 .ref-2 .hero-visual::before{inset:auto 0 0;width:auto;height:38%;background:linear-gradient(0deg,#fffaf2,transparent)}
 .ref-2 .hero-visual .reference-art{width:100%;height:100%;object-fit:cover;object-position:center 45%}
 .ref-2 .hero-delivery{top:4%;right:4%;width:min(66%,280px);min-height:62px;padding:10px 10px 9px 62px;border-radius:13px}
 .ref-2 .hero-delivery__truck{left:13px;width:38px}
 .ref-2 .hero-delivery strong{font-size:max(16px,15px)}
 .ref-2 .hero-delivery small{font-size:max(16px,10px);margin-top:4px}
 .ref-2 .hero-copy{width:auto;height:auto;padding:22px 25px 24px}
 .ref-2 .hero-copy .hero-eyebrow{gap:8px;margin:0 0 13px;font-size:max(16px,11px);letter-spacing:.09em;white-space:normal}
 .ref-2 .hero-eyebrow .hero-feature-icon{width:22px;height:22px}
 .ref-2 .hero-copy h1{font-size:max(16px,clamp(32px,8vw,48px));line-height:1.02;margin-bottom:12px}
 .ref-2 .hero-lead{font-size:max(16px,16px);line-height:1.35}
 .ref-2 .hero-copy .reference-actions{flex-wrap:wrap;gap:10px;margin-top:17px}
 .ref-2 .hero-copy .reference-actions .showcase-cta{min-height:48px;padding:12px 15px;font-size:max(16px,14px);flex:1 1 100%}
 .ref-2 .hero-copy .reference-actions .showcase-cta:first-child{min-width:0}
 .ref-2 .hero-copy .reference-actions .reference-bundle{width:100%;min-width:0;min-height:58px;padding:11px 16px;font-size:max(16px,15px)}
 .ref-2 .hero-copy .reference-actions .reference-bundle .hero-action-main{gap:12px}
 .ref-2 .hero-copy .reference-actions .reference-bundle .hero-action-main>.icon{width:32px;height:32px}
 .ref-2 .hero-copy .reference-actions .reference-bundle .hero-action-main strong{font-size:max(16px,15px)}
 .ref-2 .hero-copy .reference-actions .reference-bundle .hero-action-main small{font-size:max(16px,12px)}
 .ref-2 .hero-copy .reference-actions .reference-bundle .hero-action-arrow{font-size:max(16px,22px)}
 .ref-2 .hero-action-main>.icon{width:24px;height:24px}
 .ref-2 .hero-action-main strong{font-size:max(16px,14px)}
 .ref-2 .hero-action-arrow{font-size:max(16px,21px)}
 .ref-2 .hero-copy .responsive-benefits{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;font-size:max(16px,13px)}
 .ref-2 .hero-copy .responsive-benefits li{flex-direction:row;align-items:center;gap:9px}
 .ref-2 .hero-copy .responsive-benefits .hero-feature-icon{width:34px;height:34px;padding:7px;flex:none}
 .ref-2 .hero-proof{grid-template-columns:1fr 1fr;height:auto;padding:8px 15px}
 .ref-2 .hero-proof>div{gap:10px;height:auto;min-height:62px;padding:8px;border-right:1px solid #dedbd3;border-bottom:1px solid #dedbd3}
 .ref-2 .hero-proof>div:nth-child(even){border-right:0}
 .ref-2 .hero-proof>div:nth-last-child(-n+2){border-bottom:0}
 .ref-2 .hero-proof>div>span{flex-basis:38px;width:38px;height:38px}
 .ref-2 .hero-proof .icon{width:23px;height:23px}
 .ref-2 .hero-proof p{font-size:max(16px,12px)}
}

/* Edge-to-edge category photographs: hide the source sheet's thin white seams. */
.category-tile{border:0}.category-picture{padding:0;background:#f8f4ed}.category-picture img{transform:scale(1.055);transform-origin:center;max-width:none;border:0;border-radius:0}
/* Live, resolution-independent first slide. */
.ref-1{container-type:inline-size;background:#fcfaf6;min-height:0;isolation:isolate}
.ref-1 .reference-visual{position:absolute;right:0;bottom:0;width:51%;height:100%;aspect-ratio:auto;z-index:-1}
.ref-1 .reference-art{width:100%;height:100%;max-width:none;margin:0;object-fit:cover;object-position:center 54%;mix-blend-mode:normal}
.ref-1 .responsive-copy{position:relative;clip-path:none;width:57%;height:auto;overflow:visible;padding:3.4% 0 0 6.7%;color:#080b09}
.ref-1 .showcase-eyebrow{font-size:max(16px,1.12cqw);letter-spacing:.18em;color:#999b95;margin:0 0 1.4cqw;font-weight:700}
.ref-1 .responsive-copy h1{font-size:max(16px,3.76cqw);line-height:1.12;letter-spacing:-.035em;font-weight:850;margin:0 0 2cqw;color:#060907}
.ref-1 .responsive-copy>p:last-child{font-size:max(16px,1.58cqw);line-height:1.28;max-width:40cqw;margin:0;color:#303637}
.ref-1 .reference-actions{position:relative;left:auto;top:auto;width:auto;height:auto;margin:2.5cqw 0 0 6.7%;gap:1.5cqw}
.ref-1 .reference-actions .showcase-cta{opacity:1;width:auto;height:auto;min-height:4.3cqw;padding:1cqw 2.7cqw;font-size:max(16px,1.2cqw);gap:1.3cqw}
.ref-1 .reference-actions .secondary{min-width:12.6cqw;background:transparent;border-color:#66706b}
.ref-1 .responsive-benefits{position:relative;clip-path:none;width:47%;height:auto;overflow:visible;display:grid;grid-template-columns:repeat(4,1fr);gap:2cqw;list-style:none;padding:0;margin:3cqw 0 0 6.7%;font-size:max(16px,1.22cqw);line-height:1.35;color:#303637}
.ref-1 .responsive-benefits li{display:flex;flex-direction:column;gap:1cqw;max-width:9cqw}
.ref-1 .responsive-benefits svg{width:3.5cqw;height:3.5cqw;color:#e4a315;stroke-width:1.7}
@media(min-width:901px){.showcase-stage:has(.ref-1:not([hidden])){aspect-ratio:1249/620;min-height:0}}
@media(max-width:900px){
.ref-1{display:flex;flex-direction:column;container-type:normal}
.ref-1 .reference-visual{position:relative;order:1;width:100%;height:auto;aspect-ratio:1;z-index:0}
.ref-1 .reference-art{height:100%;width:100%;margin:0;object-fit:cover;object-position:center 54%}
.ref-1 .responsive-copy{order:0;width:100%;padding:30px 28px 0}
.ref-1 .showcase-eyebrow{font-size:max(16px,11px);margin-bottom:18px}
.ref-1 .responsive-copy h1{font-size:max(16px,clamp(27px,6.4vw,44px));margin-bottom:20px}
.ref-1 .responsive-copy>p:last-child{font-size:max(16px,16px);max-width:none;line-height:1.5}
.ref-1 .reference-actions{order:2;margin:0 28px;gap:10px}
.ref-1 .reference-actions .showcase-cta{min-height:50px;width:100%;padding:14px 22px;font-size:max(16px,15px);gap:12px}
.ref-1 .responsive-benefits{order:3;width:auto;margin:28px;grid-template-columns:repeat(4,1fr);gap:12px;font-size:max(16px,12px)}
.ref-1 .responsive-benefits li{max-width:none;gap:10px}
.ref-1 .responsive-benefits svg{width:32px;height:32px}
.showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow{top:52%}
}
.ref-1 .responsive-copy h1{max-width:none;width:100%;text-wrap:initial}
.ref-1{background:#fffaf1}
.ref-1 .responsive-copy{padding-top:4.7%;width:51%;padding-left:4.9%}
.ref-1 .showcase-eyebrow{margin-bottom:1.7cqw;color:#969894;font-size:max(16px,1.05cqw);letter-spacing:.19em}
.ref-1 .responsive-copy h1{font-size:max(16px,3.85cqw);line-height:1.08;letter-spacing:-.04em;margin-bottom:1.7cqw}
.ref-1 .responsive-copy>p:last-child{font-size:max(16px,1.5cqw);line-height:1.35;max-width:39cqw}
.ref-1 .reference-actions{margin:2.1cqw 0 0 4.9%;gap:1.3cqw}
.ref-1 .reference-actions .showcase-cta{min-height:4.7cqw;padding:1cqw 2.9cqw;font-size:max(16px,1.28cqw)}
.ref-1 .reference-actions .showcase-cta:first-child{min-width:20.5cqw}
.ref-1 .reference-actions .secondary{min-width:14.8cqw}
.ref-1 .responsive-benefits{width:43%;margin:2.2cqw 0 0 4.9%;gap:2cqw;font-size:max(16px,1.18cqw);line-height:1.42}
.ref-1 .responsive-benefits li{max-width:8.5cqw;gap:.8cqw}
.ref-1 .responsive-benefits svg{box-sizing:border-box;width:4.5cqw;height:4.5cqw;padding:1cqw;border-radius:50%;background:#fff0c7;color:#cc8500;stroke-width:1.8}
.ref-1 .responsive-benefits li:nth-child(1) svg,.ref-1 .responsive-benefits li:nth-child(3) svg{background:#e8f1d2;color:#4c812b}
.ref-1 .reference-visual::before{content:"";position:absolute;z-index:-1;width:46%;height:75%;right:3%;top:2%;background:#ffc844;clip-path:polygon(48% 0,60% 8%,64% 30%,74% 39%,90% 43%,99% 57%,96% 74%,100% 92%,76% 96%,58% 88%,42% 98%,22% 91%,4% 80%,0 62%,12% 45%,26% 38%,25% 18%,34% 8%);opacity:.98}
.ref-1 .reference-visual::after{content:'Для тех,\\a кого мы любим  ♡';white-space:pre;position:absolute;right:3.3%;top:7%;font:italic 600 clamp(17px,1.65vw,28px)/1.5 'Segoe Script','Comic Sans MS',cursive;color:#172220;transform:rotate(-5deg);text-align:center;letter-spacing:.01em}
.ref-1 .reference-visual{overflow:visible}
.ref-1 .reference-art{mix-blend-mode:normal;object-fit:contain;object-position:center bottom}
@media(min-width:901px){.ref-1 .responsive-copy{padding-top:4.7%}.ref-1 .showcase-stage:has(.ref-1:not([hidden])){aspect-ratio:1775/853}.ref-1 .responsive-copy h1{font-size:max(16px,3.85cqw)}}
@media(max-width:900px){
 .ref-1 .reference-visual::before{width:92%;height:91%;right:0;top:4%}
 .ref-1 .reference-visual::after{right:4%;top:3%;font-size:max(16px,17px)}
 .ref-1 .reference-art{object-fit:contain}
 .ref-1 .responsive-copy{padding:26px 24px 0}
 .ref-1 .showcase-eyebrow{font-size:max(16px,11px)}
 .ref-1 .reference-actions{margin:20px 24px 0}
 .ref-1 .reference-actions .showcase-cta{font-size:max(16px,14px);min-height:48px}
 .ref-1 .responsive-benefits{margin:20px 24px 26px;gap:10px;font-size:max(16px,12px)}
 .ref-1 .responsive-benefits svg{width:38px;height:38px;padding:9px}
}
.ref-1 .reference-visual::after{content:'Для тех,\a кого мы любим ♡';white-space:pre;position:absolute;right:6%;top:7%;font:italic 600 clamp(15px,1.55vw,27px)/1.55 'Segoe Script','Comic Sans MS',cursive;color:#172220;transform:rotate(-4deg);text-align:center;letter-spacing:.015em}
@media(max-width:900px){.ref-1 .reference-visual::after{font-size:max(16px,19px);top:5%}}
.ref-1 .responsive-benefits{width:47%;gap:1.5cqw;font-size:max(16px,1.12cqw);margin-top:2.6cqw}
.ref-1 .responsive-benefits li{max-width:10.5cqw;gap:.8cqw}
.ref-1 .responsive-benefits .benefit-symbol{box-sizing:border-box;width:4cqw;height:4cqw;padding:.9cqw;border-radius:50%;background:#e8f0d4;color:#568039;stroke-width:2.25}
.ref-1 .responsive-benefits li:nth-child(2) .benefit-symbol{background:#fff0c7;color:#d18d19}
.ref-1 .responsive-benefits li:nth-child(3) .benefit-symbol{background:#e8f0d4;color:#5f813d}
.ref-1 .responsive-benefits li:nth-child(4) .benefit-symbol{background:#ffedb5;color:#d18d19}
@media(max-width:900px){.ref-1 .responsive-benefits{width:auto;grid-template-columns:repeat(2,1fr);gap:22px;font-size:max(16px,14px);margin:28px}.ref-1 .responsive-benefits li{max-width:none;gap:10px}.ref-1 .responsive-benefits .benefit-symbol{width:44px;height:44px;padding:10px;background:#e8f0d4;stroke-width:2.25}.ref-1 .responsive-benefits li:nth-child(2) .benefit-symbol,.ref-1 .responsive-benefits li:nth-child(4) .benefit-symbol{background:#fff0c7}}
/* Match the requested first-slide composition while keeping the existing icon artwork. */
@media(min-width:1200px){
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.previous{left:-42px!important;right:auto!important}
 .ref-1 .responsive-copy{padding:4.1% 0 0 5.8%}
 .ref-1 .reference-actions,.ref-1 .responsive-benefits{margin-left:5.8%}
 .ref-1 .responsive-copy>p:last-child{max-width:40cqw}
 .ref-1 .responsive-benefits{width:48%}
 .ref-1 .responsive-benefits li{max-width:8.8cqw}
}
/* Keep the founder label clear of Katya's face in the genuine portrait. */
@media(min-width:901px){
 .doctor-note{left:51.5%;top:67%;width:16%;}
}
@media(max-width:900px){
 .doctor-note{left:3%;top:68%;width:30%;}
}
/* Slide two is built from live copy, actions and a separate full-quality photo. */
.showcase-stage:has(.ref-2:not([hidden])){aspect-ratio:1249/620;min-height:0}
.ref-2{position:relative;display:block;container-type:inline-size;background:linear-gradient(110deg,#fffaf0 0%,#fffaf0 49%,#f5e7cf 100%);overflow:hidden}
.ref-2 .reference-visual{position:absolute;right:0;top:0;bottom:0;width:51%;height:100%;overflow:hidden}
.ref-2 .reference-art{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center}
.ref-2 .reference-visual::after{content:"";position:absolute;inset:0 auto 0 0;width:20%;background:linear-gradient(90deg,#fffaf0,transparent);pointer-events:none}
.ref-2 .responsive-copy{position:relative;clip-path:none;width:50%;height:auto;overflow:visible;padding:4.2% 0 0 7.1%;color:#17362a}
.ref-2 .showcase-eyebrow{display:inline-block;background:#edf3d5;border:1px solid #dbe5b9;border-radius:30px;padding:.65cqw 1.2cqw;font-size:max(16px,1cqw);letter-spacing:.02em;color:#46603a;margin:0 0 1.5cqw}
.ref-2 .responsive-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:max(16px,3.35cqw);line-height:1.04;letter-spacing:-.035em;margin:0 0 1.25cqw;color:#17362a;max-width:43cqw}
.ref-2 .responsive-copy>p:last-child{font-size:max(16px,1.3cqw);line-height:1.45;max-width:39cqw;margin:0;color:#536155}
.ref-2 .reference-actions{position:relative;left:auto;top:auto;width:auto;height:auto;margin:2cqw 0 0 7.1%;gap:1cqw}
.ref-2 .reference-actions .showcase-cta{opacity:1;width:auto;height:auto;min-height:4.2cqw;padding:1cqw 1.8cqw;font-size:max(16px,1.15cqw);background:#cf4b17;color:white}
.ref-2 .reference-actions .secondary{background:#fffaf2;color:#294334;border:0;border-bottom:1px solid #c7ae8b;border-radius:0;padding-inline:.5cqw}
.ref-2 .responsive-benefits{position:relative;clip-path:none;width:43%;height:auto;overflow:visible;display:grid;grid-template-columns:1fr 1fr;gap:.9cqw 1.3cqw;list-style:none;padding:0;margin:2cqw 0 0 7.1%;font-size:max(16px,1.03cqw);line-height:1.25;color:#435344}
.ref-2 .responsive-benefits li{display:flex;align-items:center;gap:.7cqw;max-width:none}
.ref-2 .responsive-benefits svg{width:2.5cqw;height:2.5cqw;padding:.45cqw;box-sizing:border-box;border-radius:50%;background:#eff3d7;color:#618444;flex:none}
.ref-2 .delivery-ribbon{position:absolute;left:7.1%;bottom:4.2%;width:37%;display:flex;align-items:center;gap:.9cqw;padding:.9cqw 1.2cqw;border:1px solid #e8d7b9;border-radius:1.1cqw;background:#fffdf6;color:#374e39;font-size:max(16px,1.15cqw);font-weight:750;box-shadow:0 7px 20px #573b1710}
.ref-2 .delivery-ribbon::before{content:"";width:2.4cqw;height:2.4cqw;flex:none;background:#fff0c7;border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a56a08' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v11H3zM14 10h4l3 3v4h-7z'/%3E%3Ccircle cx='7' cy='19' r='2'/%3E%3Ccircle cx='18' cy='19' r='2'/%3E%3C/svg%3E");background-size:1.45cqw;background-repeat:no-repeat;background-position:center}
.ref-2 .bundle-hotspot{display:none}
/* Full-bleed slide 2: let the photograph reach both viewport edges. */
.showcase-stage:has(.ref-2:not([hidden])){width:100vw;max-width:none;left:50%;transform:translateX(-50%);}
.ref-2{background:#fffaf0;}
.ref-2::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#fffaf0 0%,#fffaf0f7 31%,#fffaf0d9 43%,#fffaf09c 51%,transparent 68%);pointer-events:none}
.ref-2 .reference-visual{inset:0;width:100%;height:100%;}
.ref-2 .reference-art{object-fit:cover;object-position:center 48%;}
.ref-2 .reference-visual::after{display:none}
.ref-2 .responsive-copy,.ref-2 .reference-actions,.ref-2 .responsive-benefits,.ref-2 .delivery-ribbon{z-index:2}
.ref-2{background:transparent}
.ref-2::before{background:linear-gradient(90deg,#f5ead7f5 0%,#f5ead7ed 30%,#f5ead7c9 44%,#f5ead780 54%,transparent 70%)}
@media(max-width:900px){
 .showcase-stage:has(.ref-2:not([hidden])){aspect-ratio:auto;left:auto;transform:none;width:100%;}
 .ref-2{display:flex;flex-direction:column;background:#fffaf0;container-type:normal}
 .ref-2::before{display:none}
 .ref-2 .reference-visual{position:relative;order:0;width:100%;height:auto;aspect-ratio:1.15;margin:0}
 .ref-2 .reference-art{width:100%;height:100%;object-fit:cover;object-position:center 45%}
 .ref-2 .reference-visual::after{inset:auto 0 0;width:auto;height:22%;background:linear-gradient(0deg,#fffaf0,transparent)}
 .ref-2 .responsive-copy{order:1;width:auto;padding:22px 25px 0}
 .ref-2 .showcase-eyebrow{font-size:max(16px,11px);padding:7px 12px;margin-bottom:13px}
 .ref-2 .responsive-copy h2{font-size:max(16px,clamp(28px,7vw,40px));line-height:1.05;max-width:none;margin-bottom:13px}
 .ref-2 .responsive-copy>p:last-child{font-size:max(16px,16px);line-height:1.5;max-width:none}
 .ref-2 .reference-actions{order:2;flex-wrap:wrap;margin:17px 25px 0;gap:9px}
 .ref-2 .reference-actions .showcase-cta{font-size:max(16px,14px);min-height:48px;padding:13px 16px;flex:1;white-space:nowrap}
 .ref-2 .reference-actions .secondary{font-size:max(16px,13px);padding-inline:5px}
 .ref-2 .responsive-benefits{order:3;width:auto;margin:19px 25px 0;grid-template-columns:1fr 1fr;gap:12px;font-size:max(16px,13px)}
 .ref-2 .responsive-benefits svg{width:34px;height:34px;padding:7px}
 .ref-2 .delivery-ribbon{position:relative;order:4;left:auto;bottom:auto;width:auto;margin:17px 25px 24px;padding:11px 13px;border-radius:13px;font-size:max(16px,14px);gap:10px}
 .ref-2 .delivery-ribbon::before{width:36px;height:36px;background-size:21px}
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow{top:145px}
}
@media(min-width:901px){
 .ref-2{background:#f5ead7}
 .ref-2::before{display:block;background:linear-gradient(90deg,#f7efdfdb 0%,#f7efdfc7 37%,#f7efdf72 49%,transparent 59%)}
 .ref-2 .reference-visual{inset:0;width:100%;height:100%}
 .ref-2 .reference-art{object-fit:cover;object-position:center}
 .ref-2 .responsive-copy{position:absolute;left:7.9%;top:12.5%;width:44%;padding:0;z-index:2}
 .ref-2 .showcase-eyebrow{font-size:max(16px,clamp(12px,.95cqw,18px));padding:.65cqw 1.2cqw;margin:0 0 1.6cqw}
 .ref-2 .responsive-copy h2{font-family:inherit;font-size:max(16px,clamp(36px,3.15cqw,62px));font-weight:850;line-height:1.02;letter-spacing:-.045em;color:#183a30;max-width:44cqw;margin:0 0 1.2cqw}
 .ref-2 .responsive-copy h2 em{color:#f0a00d;font-style:normal}
 .ref-2 .responsive-copy>p:last-child{font-size:max(16px,clamp(16px,1.18cqw,23px));line-height:1.42;max-width:39cqw;margin:0;color:#51665e}
 .ref-2 .responsive-benefits{position:absolute;left:7.9%;top:57%;width:41%;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2cqw;margin:0;padding:0;font-size:max(16px,clamp(12px,.88cqw,17px));line-height:1.3;z-index:2}
 .ref-2 .responsive-benefits li{align-items:center;gap:.7cqw}
 .ref-2 .responsive-benefits .treat-symbol{box-sizing:border-box;flex:none;width:clamp(40px,3.5cqw,58px);height:clamp(40px,3.5cqw,58px);padding:.48cqw;border-radius:50%;background:#fff1c9;color:#d66a2d}
 .ref-2 .responsive-benefits .treat-symbol-1{background:#e5f0cc;color:#628547}
 .ref-2 .responsive-benefits .treat-symbol-2{background:#fff0bf;color:#cc8614}
 .ref-2 .reference-actions{position:absolute;left:7.9%;top:70%;width:auto;height:auto;margin:0;gap:1cqw;z-index:2}
 .ref-2 .reference-actions .showcase-cta{display:flex;align-items:center;gap:.9cqw;width:auto;min-height:clamp(54px,5.1cqw,74px);padding:.8cqw 1.6cqw;border-radius:50px;background:#ffb915;color:#17362a;font-size:max(16px,clamp(14px,1.02cqw,20px));white-space:nowrap}
 .ref-2 .reference-actions .secondary{background:#fffaf0e8;border:1px solid #fffdf4;border-radius:50px;color:#294334;padding:.5cqw 1.35cqw;box-shadow:0 5px 20px #4a321115}
 .ref-2 .reference-actions .secondary small{display:block;text-align:left;font-size:max(16px,.78em);font-weight:500;color:#728077;margin-top:.2cqw}
 .ref-2 .treat-slogan{position:absolute;z-index:2;right:3.5%;top:2%;max-width:20%;padding:.7cqw 1cqw;border-radius:60% 45% 55% 40%;background:#fffaf0bd;color:#234136;text-align:center;font:italic 600 clamp(13px,1.05cqw,20px)/1.3 'Segoe Script','Comic Sans MS',cursive;transform:rotate(-4deg);backdrop-filter:blur(5px)}
 .ref-2 .delivery-ribbon,.ref-2 .bundle-hotspot{display:none}
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow{top:50%;width:52px;height:52px;border-radius:50%;font-size:max(16px,36px)}
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.previous{left:2.5%}
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.next{right:2.5%}
}

/* One persistent control pair for the entire carousel. */
.showcase-stage{position:relative;width:100%;max-width:1800px;margin-inline:auto;left:auto;right:auto;transform:none;aspect-ratio:1249/620;min-height:0}
.showcase-arrow,
.showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow,
.showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow{
 position:absolute;top:50%;z-index:20;display:grid;place-items:center;
 width:50px;height:50px;padding:0;transform:translateY(-50%);
 border:1px solid #ddcfb3;border-radius:50%;background:#fffdf7;color:#173d2c;
 box-shadow:0 5px 18px #30200f20;font:500 30px/1 Arial,sans-serif;cursor:pointer;
 opacity:1;visibility:visible;transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease
}
.showcase-arrow.previous,.showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.previous,.showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.previous{left:clamp(12px,2.2vw,32px);right:auto}
.showcase-arrow.next,.showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.next,.showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.next{right:clamp(12px,2.2vw,32px);left:auto}
@media(min-width:901px){
 .showcase-arrow.previous,.showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.previous,.showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.previous{left:calc((100% - 100vw)/2 + 44px)}
 .showcase-arrow.next,.showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.next,.showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.next{right:calc((100% - 100vw)/2 + 44px)}
}
.showcase-arrow:hover{background:#ffbd20;box-shadow:0 7px 22px #30200f2b}
.showcase-arrow:active{transform:translateY(-50%) scale(.96)}
.showcase-arrow:focus-visible{outline:3px solid #173d2c;outline-offset:3px}
@media(max-width:900px){
 .showcase-stage,.showcase-stage:has(.ref-2:not([hidden])){width:100%;max-width:none;left:auto;right:auto;transform:none;aspect-ratio:auto;min-height:0}
 .showcase-arrow,.showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow,.showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow{top:170px;width:46px;height:46px;font-size:max(16px,28px)}
 .showcase-arrow.previous,.showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.previous,.showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.previous{left:12px}
 .showcase-arrow.next,.showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.next,.showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.next{right:12px}
}

/* Slide 2: keep the tasting offer and benefits easy to scan. */
@media(min-width:901px){
 .ref-2 .responsive-benefits{top:49%;width:44%;gap:1.15cqw;font-size:max(16px,clamp(15px,1cqw,20px));line-height:1.25}
 .ref-2 .responsive-benefits li{gap:.65cqw}
 .ref-2 .responsive-benefits .treat-symbol{width:clamp(52px,4.2cqw,68px);height:clamp(52px,4.2cqw,68px);padding:clamp(4px,.2cqw,6px);stroke-width:1.55}
 .ref-2 .reference-actions{top:56.5%;gap:1.2cqw}
 .ref-2 .reference-actions .showcase-cta{min-height:clamp(62px,5.3cqw,82px);padding:.9cqw 2.1cqw;font-size:max(16px,clamp(17px,1.15cqw,23px))}
 .ref-2 .trial-offer{position:absolute;z-index:3;top:68%;left:7.9%;right:auto;width:clamp(280px,23cqw,410px);min-height:clamp(122px,11cqw,174px);display:flex;align-items:center;gap:1cqw;padding:1.1cqw 1.25cqw;text-align:left;color:#172a22;background:#fffdf2f2;border:1px solid #fff;border-radius:22px;box-shadow:0 12px 35px #39251424;cursor:pointer;backdrop-filter:blur(7px);transition:transform .2s,box-shadow .2s}
 .ref-2 .trial-offer:hover{transform:translateY(-3px);box-shadow:0 17px 40px #39251432}
 .ref-2 .trial-offer__gift{display:grid;place-items:center;position:absolute;right:-10px;top:-10px;width:clamp(38px,3.5cqw,52px);height:clamp(38px,3.5cqw,52px);border-radius:50%;background:#dc4b18;color:white;font-size:max(16px,clamp(20px,1.7cqw,29px));box-shadow:0 3px 10px #59210f35}
 .ref-2 .trial-offer__copy{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:.8cqw;row-gap:.24cqw;width:100%}
 .ref-2 .trial-offer__copy small{grid-column:1/-1;font-size:max(16px,clamp(12px,.9cqw,17px));font-weight:800;letter-spacing:.04em;color:#263d31}
 .ref-2 .trial-offer__copy strong{grid-row:2/4;font-size:max(16px,clamp(30px,2.7cqw,48px));line-height:1;color:#d94d18;letter-spacing:-.04em}
 .ref-2 .trial-offer__copy>span{grid-column:2;grid-row:2;font-size:max(16px,clamp(12px,.9cqw,17px));color:#536258}
 .ref-2 .trial-offer__copy b{grid-column:2;grid-row:3;justify-self:start;padding:.42em .8em;border-radius:30px;background:#244633;color:white;font-size:max(16px,clamp(12px,.8cqw,15px))}
 .ref-2 .trial-offer__copy i{font-style:normal;margin-left:.4em}
 .ref-2 .treat-slogan{display:none}
}
@media(min-width:901px) and (max-width:1200px){
 .ref-2 .responsive-benefits{top:53%;width:49%}
 .ref-2 .reference-actions{top:64%}
 .ref-2 .trial-offer{width:clamp(240px,24cqw,300px);min-height:clamp(112px,12cqw,140px);top:70%;left:7.9%;right:auto}
}
@media(max-width:900px){
 .ref-2 .trial-offer{position:relative;order:4;top:auto;right:auto;width:auto;min-height:104px;margin:18px 25px 24px;padding:14px 18px;border:1px solid #ead8b8;border-radius:20px;background:#fffdf4;box-shadow:0 8px 24px #39251414}
 .ref-2 .trial-offer__gift{right:-6px;top:-8px;width:36px;height:36px;font-size:max(16px,20px)}
 .ref-2 .trial-offer__copy small{font-size:max(16px,12px)}.ref-2 .trial-offer__copy strong{font-size:max(16px,32px)}.ref-2 .trial-offer__copy>span,.ref-2 .trial-offer__copy b{font-size:max(16px,13px)}
 .ref-2 .reference-actions{margin:17px 25px 0}.ref-2 .responsive-benefits{margin:19px 25px 0}
}

/* Match the reference's wide editorial layout, close pet portrait, and product-set card. */
@media(min-width:901px){
 .showcase-stage:has(.ref-2:not([hidden])){aspect-ratio:8/3;min-height:0}
 .ref-2 .reference-visual{position:absolute;inset:0 0 0 auto;left:auto;width:56%;height:100%;z-index:0}
 .ref-2 .reference-art{width:100%;height:100%;object-fit:cover;object-position:center center}
 .ref-2::before{background:linear-gradient(90deg,#f7efdfed 0%,#f7efdfd9 30%,#f7efdf9c 42%,#f7efdf46 49%,transparent 57%)}
 .ref-2 .responsive-copy{left:5.2%;top:7%;width:43%;}
 .ref-2 .showcase-eyebrow{font-size:max(16px,clamp(12px,1cqw,19px));padding:.55cqw 1cqw;margin:0 0 1cqw}
 .ref-2 .responsive-copy h2{font-size:max(16px,clamp(32px,3cqw,60px));line-height:1.01;max-width:43cqw;margin:0 0 .95cqw;letter-spacing:-.035em}
 .ref-2 .responsive-copy>p:last-child{font-size:max(16px,clamp(15px,1.1cqw,21px));line-height:1.35;max-width:40cqw}
 .ref-2 .responsive-copy>p:last-child{font-size:max(16px,clamp(17px,1.3cqw,25px));line-height:1.4;max-width:42cqw}
 .ref-2 .responsive-benefits{left:5.2%;top:58%;width:43%;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,auto);gap:.7cqw 1.2cqw;font-size:max(16px,clamp(13px,.88cqw,18px));line-height:1.15}
 .ref-2 .responsive-benefits li{display:flex;flex-direction:row;align-items:center;gap:.65cqw;min-width:0}
 .ref-2 .responsive-benefits .treat-symbol{width:clamp(40px,3.2cqw,58px);height:clamp(40px,3.2cqw,58px);padding:.55cqw;stroke-width:1.8;flex:none}
 .ref-2 .responsive-benefits .treat-symbol{padding:11px;filter:none;stroke-width:1.65}
 .ref-2 .responsive-benefits .treat-symbol-0{background:#eaf1dc;color:#668a4c}
 .ref-2 .responsive-benefits .treat-symbol-1{background:#faeade;color:#c66b38}
 .ref-2 .responsive-benefits .treat-symbol-2{background:#eaf1dc;color:#668a4c}
 .ref-2 .responsive-benefits .treat-symbol-3{background:#fff0c8;color:#c28a21}
 .ref-2 .benefit-offer{padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
 .ref-2 .benefit-offer:hover{text-decoration:underline;text-decoration-color:#c28a21;text-underline-offset:3px}
 .ref-2 .benefit-offer:focus-visible{outline:2px solid #b9810d;outline-offset:3px;border-radius:3px}
 .ref-2 .reference-visual{inset:0 0 0 auto;left:auto;width:59%;height:100%;background:#f7efdf}
 .ref-2 .reference-art{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 11%);mask-image:linear-gradient(90deg,transparent 0%,#000 11%);object-position:center center}
 .ref-2::before{background:linear-gradient(90deg,#f7efdf 0%,#f7efdf 38%,rgba(247,239,223,.86) 42%,rgba(247,239,223,.28) 46%,transparent 50%)}
 .ref-2 .trial-offer{width:clamp(280px,17cqw,360px);border-radius:18px}
 .ref-2 .trial-offer__visual{object-fit:cover;object-position:center;background:#f7f0e4}
 .ref-2 .reference-actions{left:5.2%;top:76%;gap:1.15cqw}
 .ref-2 .reference-actions .showcase-cta{min-height:clamp(52px,4.5cqw,76px);padding:.65cqw 1.8cqw;font-size:max(16px,clamp(15px,1.12cqw,22px));gap:.9cqw}
 .ref-2 .reference-actions .secondary{background:#fffaf0ed;color:#294334;border:1px solid #ecdfc9;border-radius:50px;padding:.65cqw 1.2cqw;box-shadow:none}
 .ref-2 .trial-offer{top:7.2%;right:6.1%;left:auto;width:clamp(310px,27cqw,560px);aspect-ratio:2.2/1;min-height:0;padding:.65cqw;display:grid;grid-template-columns:1.04fr .96fr;gap:.35cqw;overflow:visible;border:2px solid #fff;background:#fffdf4;border-radius:1.35cqw;box-shadow:0 8px 25px #402c161e;backdrop-filter:none;cursor:pointer}
 .ref-2 .trial-offer__visual{object-fit:contain;background:#f7f0e4}
 .ref-2 .trial-offer__copy{gap:.2cqw}
 .ref-2 .trial-offer__copy .trial-offer__taste{font-size:max(16px,clamp(10px,.72cqw,14px))}
 .ref-2 .trial-offer__copy b{font-size:max(16px,clamp(9px,.72cqw,14px))}
 .ref-2 .trial-offer__copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.35cqw;padding:.45cqw .55cqw;width:100%;min-width:0}
 .ref-2 .trial-offer__copy small{font-size:max(16px,clamp(14px,1.15cqw,23px));font-weight:800;letter-spacing:0;text-transform:none;color:#141916;white-space:nowrap}
 .ref-2 .trial-offer__copy .trial-offer__taste{font-size:max(16px,clamp(11px,.82cqw,16px));line-height:1.15;color:#656a63;white-space:nowrap}
 .ref-2 .trial-offer__copy strong{font-size:max(16px,clamp(28px,2.45cqw,49px));line-height:1;color:#d64b12;white-space:nowrap}
 .ref-2 .trial-offer__copy strong{order:3}
 .ref-2 .trial-offer__old-price{order:2;color:#899087;font-size:max(16px,clamp(10px,.72cqw,14px));line-height:1;text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:#d64b12;margin-top:.15cqw}
 .ref-2 .trial-offer__copy .trial-offer__taste{order:1}
 .ref-2 .trial-offer__copy small{order:0}
 .ref-2 .trial-offer__copy b{order:4}
 .ref-2 .trial-offer__copy b{justify-self:start;align-self:flex-start;padding:.48em .82em;border-radius:30px;background:#173d2c;color:white;font-size:max(16px,clamp(10px,.82cqw,16px));white-space:nowrap}
 .ref-2 .trial-offer__copy i{font-style:normal;margin-left:.35em}
 .ref-2 .trial-offer__visual{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:cover;object-position:center 57%;border-radius:.9cqw;mix-blend-mode:multiply}
 .ref-2 .trial-offer__gift{display:grid;place-items:center;position:absolute;right:-.7cqw;top:-.7cqw;width:clamp(34px,3.3cqw,54px);height:clamp(34px,3.3cqw,54px);z-index:2;background:#dc4b18;color:white;border:2px solid #fff;border-radius:50%;font-size:0}
 .ref-2 .trial-offer__gift svg{width:55%;height:55%}
 .ref-2 .treat-slogan{display:none}
}
@media(max-width:900px){
 .showcase-stage:has(.ref-2:not([hidden])){aspect-ratio:auto}
 .ref-2 .responsive-copy h2{font-family:inherit;font-size:max(16px,clamp(29px,7.2vw,40px));line-height:1.02;max-width:none}
 .ref-2 .reference-actions .secondary{background:#fffaf2;color:#294334;border:1px solid #d7c9ad;border-radius:40px;box-shadow:none}
 .ref-2 .trial-offer{grid-template-columns:1fr .9fr;aspect-ratio:2.1/1;min-height:0;max-height:160px;padding:8px;gap:5px}
 .ref-2 .trial-offer__copy{padding:6px;gap:3px}
 .ref-2 .trial-offer__copy small{font-size:max(16px,14px)}
 .ref-2 .trial-offer__copy .trial-offer__taste{font-size:max(16px,11px)}
 .ref-2 .trial-offer__copy strong{font-size:max(16px,28px)}
 .ref-2 .trial-offer__old-price{font-size:max(16px,11px)}
 .ref-2 .trial-offer__copy b{font-size:max(16px,11px)}
 .ref-2 .trial-offer__visual{border-radius:12px;object-fit:contain}
}

/* Let the pets photo read as the background on the treats slide. */
@media(min-width:901px){
 .ref-2::before{display:block !important;background:linear-gradient(90deg,rgba(247,239,223,.97) 0%,rgba(247,239,223,.94) 34%,rgba(247,239,223,.86) 49%,rgba(247,239,223,.58) 61%,rgba(247,239,223,.16) 72%,transparent 80%) !important}
 .ref-2 .reference-visual{inset:0 !important;left:0 !important;right:0 !important;width:100% !important;height:100% !important;background:transparent !important}
 .ref-2 .reference-art{width:100%;height:100%;object-fit:cover;object-position:center 46%;-webkit-mask-image:none !important;mask-image:none !important}
 .ref-2 .responsive-copy,.ref-2 .responsive-benefits{text-shadow:0 1px 3px rgba(247,239,223,.86)}
}
@media(max-width:900px){
 .ref-2 .reference-visual::after{display:none !important}
}

/* Slide 2 follows the clean white editorial structure of slide 1. */
.showcase{background:#fff}
.ref-2{background:#fff!important;isolation:isolate}
.ref-2::before{display:none!important}
.showcase-stage:has(.ref-2:not([hidden])){width:100%;max-width:1800px;left:auto;transform:none;aspect-ratio:1249/620;min-height:0}
.ref-2 .reference-visual{position:absolute;z-index:-1;inset:auto 0 0 auto;width:51%;height:100%;background:#fff;overflow:hidden}
.ref-2 .reference-art{width:100%;height:100%;max-width:none;object-fit:contain;object-position:center bottom;mix-blend-mode:multiply;-webkit-mask-image:none!important;mask-image:none!important}
.ref-2 .reference-visual::after{display:none!important}
.ref-2 .responsive-copy{position:relative;clip-path:none;width:57%;height:auto;overflow:visible;padding:3.4% 0 0 6.7%;color:#080b09;z-index:1;text-shadow:none}
.ref-2 .showcase-eyebrow{display:block;background:none;border:0;border-radius:0;padding:0;margin:0 0 1.4cqw;font-size:max(16px,1.12cqw);letter-spacing:.18em;color:#999b95;font-weight:700}
.ref-2 .responsive-copy h2{font-family:inherit;font-size:max(16px,3.55cqw);line-height:1.08;letter-spacing:-.035em;font-weight:850;margin:0 0 1.5cqw;color:#080b09;max-width:49cqw}
.ref-2 .responsive-copy h2 em{color:#f0a00d;font-style:normal}
.ref-2 .responsive-copy>p:last-child{font-size:max(16px,1.48cqw);line-height:1.35;max-width:43cqw;margin:0;color:#46534f}
.ref-2 .reference-actions{position:relative;left:auto;top:auto;width:auto;height:auto;margin:2.35cqw 0 0 6.7%;gap:1.3cqw;z-index:1}
.ref-2 .reference-actions .showcase-cta{opacity:1;width:auto;height:auto;min-height:4.3cqw;padding:1cqw 2.4cqw;font-size:max(16px,1.16cqw);gap:1.1cqw;background:#ffb915;color:#17362a}
.ref-2 .reference-actions .secondary{min-width:14cqw;background:transparent;border:1px solid #78817c;border-radius:50px;color:#20392f;padding:.8cqw 1.5cqw;box-shadow:none}
.ref-2 .responsive-benefits{position:relative;clip-path:none;width:47%;height:auto;overflow:visible;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2cqw;list-style:none;padding:0;margin:2.6cqw 0 0 6.7%;font-size:max(16px,1.03cqw);line-height:1.32;color:#303d38;z-index:1;text-shadow:none}
.ref-2 .responsive-benefits li{display:flex;flex-direction:column;align-items:flex-start;gap:.7cqw;min-width:0;max-width:10cqw}
.ref-2 .responsive-benefits .treat-symbol{box-sizing:border-box;flex:none;width:3.8cqw;height:3.8cqw;padding:.82cqw;border-radius:50%;background:#e8f0d4;color:#5b8541;stroke-width:2}
.ref-2 .responsive-benefits .treat-symbol-1{background:#fff0c7;color:#d46a27}
.ref-2 .responsive-benefits .treat-symbol-2{background:#e8f0d4;color:#5b8541}
.ref-2 .responsive-benefits .treat-symbol-3{background:#ffedb5;color:#c88712}
.ref-2 .benefit-offer{padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.ref-2 .trial-offer{position:absolute;z-index:3;top:4%;right:4.5%;width:clamp(300px,24cqw,440px);aspect-ratio:2.12/1;min-height:0;padding:.45cqw;display:grid;grid-template-columns:1.02fr .98fr;gap:.35cqw;overflow:visible;border:2px solid #fff;background:#fffdf7;border-radius:1.35cqw;box-shadow:0 8px 25px #40321c18;cursor:pointer;transition:transform .2s,box-shadow .2s}
.ref-2 .trial-offer:hover{transform:translateY(-2px);box-shadow:0 12px 28px #40321c24}
.ref-2 .trial-offer:focus-visible{outline:3px solid #244834;outline-offset:4px}
.ref-2 .trial-offer__copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.32cqw;padding:.45cqw .55cqw;min-width:0}
.ref-2 .trial-offer__copy small{font-size:max(16px,clamp(14px,1.05cqw,20px));font-weight:800;line-height:1.05;color:#141916;white-space:nowrap}
.ref-2 .trial-offer__copy .trial-offer__taste{font-size:max(16px,clamp(11px,.78cqw,15px));line-height:1.15;color:#656a63;white-space:nowrap}
.ref-2 .trial-offer__old-price{color:#899087;font-size:max(16px,clamp(10px,.68cqw,13px));line-height:1;text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:#d64b12}
.ref-2 .trial-offer__copy strong{font-size:max(16px,clamp(28px,2.35cqw,44px));line-height:.98;letter-spacing:-.04em;color:#d64b12;white-space:nowrap}
.ref-2 .trial-offer__copy b{display:inline-flex;align-items:center;gap:.45em;padding:.48em .8em;border-radius:30px;background:#173d2c;color:#fff;font-size:max(16px,clamp(10px,.72cqw,14px));white-space:nowrap}
.ref-2 .trial-offer__copy i{font-style:normal}
.ref-2 .trial-offer__visual{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:cover;object-position:center;border-radius:.9cqw;mix-blend-mode:multiply}
.ref-2 .trial-offer__gift{display:grid;place-items:center;position:absolute;right:-.65cqw;top:-.65cqw;width:clamp(34px,3cqw,48px);height:clamp(34px,3cqw,48px);z-index:2;background:#dc4b18;color:#fff;border:2px solid #fff;border-radius:50%}
.ref-2 .trial-offer__gift svg{width:55%;height:55%}
@media(max-width:900px){
 .showcase-stage:has(.ref-2:not([hidden])){width:100%;max-width:none;left:auto;transform:none;aspect-ratio:auto;min-height:0}
 .ref-2{display:flex;flex-direction:column;container-type:normal;background:#fff!important}
 .ref-2 .responsive-copy{position:relative;order:0;width:auto;padding:30px 28px 0}
 .ref-2 .showcase-eyebrow{font-size:max(16px,11px);letter-spacing:1.1px;margin-bottom:16px}
 .ref-2 .responsive-copy h2{font-size:max(16px,clamp(27px,6.4vw,44px));line-height:1.08;max-width:none;margin-bottom:18px}
 .ref-2 .responsive-copy>p:last-child{font-size:max(16px,16px);line-height:1.5;max-width:none}
 .ref-2 .reference-visual{position:relative;inset:auto;order:1;width:100%;height:auto;aspect-ratio:1.12;z-index:0;background:#fff}
 .ref-2 .reference-art{width:100%;height:100%;object-fit:contain;object-position:center}
 .ref-2 .reference-actions{order:2;position:static;flex-wrap:wrap;width:auto;height:auto;margin:0 28px;gap:10px}
 .ref-2 .reference-actions .showcase-cta{min-height:50px;width:auto;flex:1;padding:14px 18px;font-size:max(16px,14px);white-space:nowrap}
 .ref-2 .reference-actions .secondary{min-width:0;border:1px solid #d7c9ad;border-radius:40px;background:#fff;color:#294334}
 .ref-2 .responsive-benefits{order:3;width:auto;margin:26px 28px;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;font-size:max(16px,13px)}
 .ref-2 .responsive-benefits li{max-width:none;flex-direction:row;align-items:center;gap:10px}
 .ref-2 .responsive-benefits .treat-symbol{width:44px;height:44px;padding:10px}
 .ref-2 .trial-offer{position:relative;order:4;top:auto;right:auto;width:calc(100% - 56px);max-width:430px;min-height:130px;margin:0 28px 28px;padding:8px;aspect-ratio:2.1/1;gap:6px;border-radius:18px}
 .ref-2 .trial-offer__copy{gap:4px;padding:7px}
 .ref-2 .trial-offer__copy small{font-size:max(16px,16px)}
 .ref-2 .trial-offer__copy .trial-offer__taste{font-size:max(16px,12px)}
 .ref-2 .trial-offer__old-price{font-size:max(16px,11px)}
 .ref-2 .trial-offer__copy strong{font-size:max(16px,30px)}
 .ref-2 .trial-offer__copy b{font-size:max(16px,11px)}
 .ref-2 .trial-offer__gift{right:-7px;top:-8px;width:36px;height:36px}
 .ref-2 .trial-offer__visual{border-radius:12px}
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow{top:36%;width:42px;height:50px;font-size:max(16px,32px)}
}
@media(min-width:901px){
 .ref-2 .reference-visual{inset:auto 0 0 auto!important;left:auto!important;right:0!important;width:51%!important;height:100%!important;background:#fff!important}
 .ref-2 .reference-art{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important}
 .ref-2 .responsive-copy{position:absolute;left:6.7%;top:3.4%;width:49%;padding:0;z-index:1}
 .ref-2 .responsive-copy h2{font-size:max(16px,3.25cqw);line-height:1.06;margin-bottom:1.2cqw}
 .ref-2 .responsive-copy>p:last-child{font-size:max(16px,1.34cqw);line-height:1.3}
 .ref-2 .reference-actions{position:absolute;left:6.7%;top:59%;width:auto;height:auto;margin:0;gap:1.3cqw;z-index:1}
 .ref-2 .responsive-benefits{position:absolute;left:6.7%;top:72%;width:49%;margin:0;padding:0;gap:1cqw;font-size:max(16px,1cqw)}
 .ref-2 .responsive-benefits li{gap:.55cqw}
 .ref-2 .responsive-benefits .treat-symbol{width:3.5cqw;height:3.5cqw;padding:.72cqw}
 .ref-2 .trial-offer{top:3%;left:51%;right:auto;width:clamp(245px,20cqw,370px)}
}
@media(min-width:901px){.ref-2{background:transparent!important}.ref-2 .reference-visual{position:absolute!important;inset:0!important;left:0!important;right:0!important;width:100%!important;height:100%!important;z-index:0!important;background:transparent!important}.ref-2 .reference-art{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;mix-blend-mode:normal!important}.ref-2 .responsive-copy,.ref-2 .reference-actions,.ref-2 .responsive-benefits,.ref-2 .trial-offer{z-index:1}}

/* Slide two: warm, dark, full-bleed product story with real live copy and offer controls. */
@media(min-width:901px){
 .showcase-stage:has(.ref-2:not([hidden])){width:calc(100% - 56px);max-width:1800px;left:auto;transform:none;aspect-ratio:1249/620;min-height:0}
 .ref-2{background:#1d160f!important;isolation:isolate;color:#fffaf0}
 .ref-2::before{content:"";display:block!important;position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(15,11,8,.94) 0%,rgba(17,12,8,.84) 29%,rgba(24,15,9,.54) 46%,rgba(22,13,8,.12) 69%,rgba(12,8,5,.12) 100%)!important;pointer-events:none}
 .ref-2 .reference-visual{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important}
 .ref-2 .reference-art{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 53%!important;mix-blend-mode:normal!important}
 .ref-2 .responsive-copy{position:absolute;left:4.3%;top:5%;width:39%;padding:0;z-index:2;color:#fffaf3;text-shadow:0 2px 12px #160d08}
 .ref-2 .showcase-eyebrow{display:block;background:none;border:0;border-radius:0;padding:0;margin:0 0 1.6cqw;font-size:max(16px,1.02cqw);letter-spacing:.22em;color:#f7ead4;font-weight:700}
 .ref-2 .responsive-copy h2{font-family:inherit;font-size:max(16px,3.65cqw);line-height:1.02;letter-spacing:-.035em;font-weight:850;margin:0 0 1.2cqw;color:#fffaf3;max-width:39cqw}
 .ref-2 .responsive-copy h2 em{color:#ffc52d;font-style:normal}
 .ref-2 .responsive-copy>p:last-child{font-size:max(16px,1.38cqw);line-height:1.38;max-width:34cqw;margin:0;color:#f5eadc}
 .ref-2 .responsive-benefits{position:absolute;left:4.3%;top:50%;width:43%;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.05cqw;z-index:2;color:#fff8ee;font-size:max(16px,1.03cqw);line-height:1.28;text-shadow:0 2px 8px #160d08}
 .ref-2 .responsive-benefits li{display:flex;flex-direction:column;align-items:flex-start;gap:.55cqw;max-width:none}
 .ref-2 .responsive-benefits .treat-symbol{width:3.4cqw;height:3.4cqw;padding:.6cqw;border-radius:50%;background:#ffffff15;color:#ffd04b;stroke-width:1.9;filter:drop-shadow(0 2px 5px #100b07)}
 .ref-2 .reference-actions{position:absolute;left:4.3%;top:68%;width:auto;height:auto;margin:0;gap:1.2cqw;z-index:2}
 .ref-2 .reference-actions .showcase-cta{opacity:1;width:auto;height:auto;min-height:4.2cqw;padding:.9cqw 2cqw;font-size:max(16px,1.12cqw);gap:.9cqw;background:#ffbd20;color:#17362a}
 .ref-2 .reference-actions .secondary{min-width:17cqw;background:#ffffff12;border:1px solid #fff9;color:#fffaf3;backdrop-filter:blur(5px)}
 .ref-2 .trial-offer{top:5%;left:auto;right:4%;width:clamp(310px,27cqw,500px);z-index:3}
 .ref-2 .treat-proof{position:absolute;z-index:2;left:3%;right:54%;bottom:4.5%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:1.05cqw 1.2cqw;border:1px solid #fff5;border-radius:1.15cqw;background:#17130ed9;box-shadow:0 10px 30px #0003;backdrop-filter:blur(12px);color:#fffaf2}
 .ref-2 .treat-proof>div{display:flex;align-items:center;gap:.65cqw;padding:0 .75cqw;border-right:1px solid #f4e0bd45;min-width:0}
 .ref-2 .treat-proof>div:last-child{border:0}
 .ref-2 .treat-proof svg{flex:none;width:2.1cqw;height:2.1cqw;color:#ffc629}
 .ref-2 .treat-proof p{display:flex;flex-direction:column;gap:.2cqw;margin:0;font-size:max(16px,.82cqw);line-height:1.25}
 .ref-2 .treat-proof strong{font-size:max(16px,.9cqw)}.ref-2 .treat-proof small{font-size:max(16px,.75cqw);color:#e5d9ca}
}
@media(max-width:900px){
 .ref-2{background:#1d160f!important;color:#fffaf0}
 .ref-2 .reference-visual{order:0;aspect-ratio:1.25;background:#1d160f}
 .ref-2 .reference-art{object-fit:cover;object-position:center 52%}
 .ref-2 .responsive-copy{order:1;padding:24px 26px 0;color:#fffaf3;background:#21170f}
 .ref-2 .showcase-eyebrow{display:block;background:none;border:0;padding:0;margin:0 0 14px;color:#f4d9ae;font-size:max(16px,11px);letter-spacing:.14em}
 .ref-2 .responsive-copy h2{font-size:max(16px,clamp(28px,7vw,44px));color:#fffaf3;line-height:1.05}
 .ref-2 .responsive-copy h2 em{color:#ffc52d}
 .ref-2 .responsive-copy>p:last-child{color:#f5eadc}
 .ref-2 .reference-actions{order:2;margin:14px 26px 0;background:#21170f}
 .ref-2 .reference-actions .secondary{background:#ffffff12;color:#fff;border-color:#fff9}
 .ref-2 .responsive-benefits{order:3;margin:20px 26px;background:#21170f;color:#fff8ee}
 .ref-2 .responsive-benefits .treat-symbol{background:#ffffff15;color:#ffd04b}
 .ref-2 .treat-proof{order:4;display:grid;grid-template-columns:1fr;gap:0;padding:8px 20px 18px;background:#21170f;color:#fffaf2}
 .ref-2 .treat-proof>div{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f4e0bd30}
 .ref-2 .treat-proof>div:last-child{border:0}
 .ref-2 .treat-proof svg{flex:none;width:30px;height:30px;color:#ffc629}
 .ref-2 .treat-proof p{display:flex;flex-direction:column;gap:3px;margin:0;font-size:max(16px,13px)}
 .ref-2 .treat-proof small{font-size:max(16px,12px);color:#e5d9ca}
 .ref-2 .trial-offer{order:5;margin:0 26px 26px;background:#fffdf7;color:#172824}
 .ref-2 .trial-offer__copy{color:#172824}
}

/* Slide three: founder story, veterinary credentials and useful supporting notes. */
.doctor-slide{position:relative;isolation:isolate;display:block;overflow:hidden;container-type:inline-size;min-height:0;padding:0;background:linear-gradient(110deg,#fffdf7 0%,#fff8e7 66%,#ffedbd 100%)}
.doctor-copy{position:absolute;z-index:2;left:5.4%;top:7.2%;width:43%;align-self:auto}
.doctor-copy .showcase-eyebrow{font-size:max(16px,1cqw);letter-spacing:.15em;color:#8e6937;margin:0 0 1.6cqw}
.doctor-copy h2{font-size:max(16px,3.7cqw);line-height:1.05;letter-spacing:-.04em;margin:0 0 1.2cqw;color:#15211e}
.doctor-copy h2 em{color:#b87809}
.doctor-copy>p:not(.showcase-eyebrow){font-size:max(16px,1.3cqw);line-height:1.48;max-width:39cqw;margin:0;color:#58615f}
.doctor-actions{gap:.8cqw;margin:1.65cqw 0 1.3cqw}
.doctor-actions .showcase-cta{min-height:3.3cqw;padding:.75cqw 1.5cqw;font-size:max(16px,.95cqw);gap:.55cqw;white-space:nowrap}
.doctor-actions .icon{width:1.3cqw;height:1.3cqw;flex:none}
.doctor-actions .secondary{background:transparent;border-color:#77807b;color:#172824}
.doctor-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3cqw;margin:0;padding:0;list-style:none;color:#15211e}
.doctor-benefits li{display:flex;flex-direction:column;align-items:flex-start;gap:.3cqw;min-width:0;font-size:max(16px,.95cqw);line-height:1.22}
.doctor-benefits .icon{width:2.8cqw;height:2.8cqw;color:#d78908;margin-bottom:.25cqw}
.doctor-benefits strong{font-size:max(16px,1cqw)}
.doctor-benefits span{font-size:max(16px,.82cqw);color:#7b817e;line-height:1.35}
.doctor-visual{position:absolute;z-index:1;inset:0 0 0 38%;min-width:0;overflow:hidden}
.doctor-orange-shape{position:absolute;z-index:0;right:4%;top:8%;width:47%;height:84%;border-radius:52% 48% 14% 14%;background:#f28b17;transform:rotate(5deg)}
.doctor-portrait{position:absolute;z-index:1;inset:0 0 0 0;border-radius:0;overflow:hidden;background:transparent}
.doctor-portrait img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:61% center;display:block}
.doctor-note{position:absolute;z-index:2;top:15%;left:17%;width:17%;margin:0;color:#13201c;font:italic 600 1.35cqw/1.28 'Segoe Script','Comic Sans MS',cursive;transform:rotate(-5deg)}
.doctor-note span{display:block;margin-top:.5cqw;font:500 .83cqw/1.4 Arial,sans-serif}
.doctor-card{position:absolute;z-index:3;display:flex;align-items:center;gap:.9cqw;width:17%;padding:1.3cqw;border:1px solid #fff;background:#fffdf4ed;border-radius:1.25cqw;box-shadow:0 12px 30px #6845151c;color:#17211e}
.doctor-card--top{right:4%;top:16%;transform:rotate(3deg)}
.doctor-card--bottom{right:5%;bottom:19%;transform:rotate(4deg)}
.doctor-card .icon{flex:none;width:2.2cqw;height:2.2cqw;color:#ec8a0c}
.doctor-card strong{font-size:max(16px,.95cqw);line-height:1.38}
.doctor-proof{position:absolute;z-index:4;left:3%;bottom:4%;width:45%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7cqw;padding:1.05cqw 1.25cqw;border:1px solid #fff;background:#fffdf4ed;border-radius:2cqw;box-shadow:0 12px 34px #644a2417;backdrop-filter:blur(10px)}
.doctor-proof>div{display:flex;align-items:flex-start;gap:.7cqw;min-width:0;border-right:1px solid #eadfc9;padding-right:.55cqw}
.doctor-proof>div:last-child{border:0}
.doctor-proof>div>span{display:grid;place-items:center;flex:none;width:2.6cqw;height:2.6cqw;border-radius:50%;background:#fff2d6;color:#d78a0b}
.doctor-proof .icon{width:1.5cqw;height:1.5cqw}
.doctor-proof p{display:flex;flex-direction:column;gap:.22cqw;margin:0;font-size:max(16px,.84cqw);line-height:1.25}
.doctor-proof strong{font-size:max(16px,.92cqw)}.doctor-proof small{font-size:max(16px,.75cqw);color:#7a807c}
@media(max-width:900px){
 .doctor-slide{display:flex;flex-direction:column;gap:0;padding:0;min-height:0;container-type:normal;background:linear-gradient(160deg,#fffdf7,#ffedbd)}
 .doctor-visual{position:relative;inset:auto;order:0;height:430px;width:100%;overflow:hidden}
 .doctor-orange-shape{right:-2%;top:7%;width:70%;height:88%}
 .doctor-portrait img{object-position:60% center}
 .doctor-note{top:8%;left:6%;width:28%;font-size:max(16px,16px)}
 .doctor-note span{font-size:max(16px,11px)}
 .doctor-card{width:34%;padding:12px;gap:8px;border-radius:14px}
 .doctor-card--top{right:3%;top:10%}.doctor-card--bottom{right:3%;bottom:15%}
 .doctor-card .icon{width:24px;height:24px}.doctor-card strong{font-size:max(16px,12px)}
 .doctor-proof{position:relative;left:auto;bottom:auto;order:1;width:auto;margin:-10px 18px 0;padding:14px;border-radius:18px;gap:8px}
 .doctor-proof>div{gap:8px;padding-right:6px}.doctor-proof>div>span{width:32px;height:32px}.doctor-proof .icon{width:18px;height:18px}
 .doctor-proof p{font-size:max(16px,11px)}.doctor-proof strong{font-size:max(16px,11px)}.doctor-proof small{font-size:max(16px,10px)}
 .doctor-copy{position:relative;left:auto;top:auto;order:2;width:auto;padding:26px 26px 32px}
 .doctor-copy .showcase-eyebrow{font-size:max(16px,11px);letter-spacing:.12em;margin-bottom:14px}
 .doctor-copy h2{font-size:max(16px,clamp(30px,7vw,42px));margin-bottom:14px}
 .doctor-copy>p:not(.showcase-eyebrow){font-size:max(16px,16px);line-height:1.5;max-width:none}
 .doctor-actions{flex-direction:column;gap:10px;margin:18px 0}
 .doctor-actions .showcase-cta{min-height:50px;width:100%;padding:14px 18px;font-size:max(16px,14px)}
 .doctor-actions .icon{width:20px;height:20px}
 .doctor-benefits{gap:12px}
 .doctor-benefits li{font-size:max(16px,12px)}.doctor-benefits strong{font-size:max(16px,12px)}.doctor-benefits span{font-size:max(16px,11px)}
 .doctor-benefits .icon{width:30px;height:30px}
}

/* Keep the carousel controls at the outer edge without covering hero copy. */
.showcase-stage .showcase-arrow{top:50%;transform:translateY(-50%)}
.showcase-stage .showcase-arrow.previous{left:6px}
.showcase-stage .showcase-arrow.next{right:6px}
@media(min-width:901px){.doctor-card--bottom{bottom:3%}}
.showcase-stage .showcase-arrow.previous{left:0!important;width:36px;height:46px;font-size:max(16px,32px)}
.showcase-stage .showcase-arrow.next{right:0!important;width:36px;height:46px;font-size:max(16px,32px)}

/* Match the supplied second and third slide references at desktop sizes. */
@media(min-width:901px){
 .ref-2::before{display:none!important}
 .ref-2{background:#fffaf2!important;color:#17211e!important}
 .ref-2 .reference-art{object-position:center center!important}
 .ref-2 .responsive-copy{left:6.6%;top:5.5%;width:42%;color:#101714;text-shadow:none}
 .ref-2 .showcase-eyebrow{color:#a47736;margin-bottom:1.4cqw}
 .ref-2 .responsive-copy h2{font-size:max(16px,3.35cqw);line-height:1.05;max-width:39cqw;color:#101714;margin-bottom:1.3cqw}
 .ref-2 .responsive-copy h2 em{color:#f0a10b}
 .ref-2 .responsive-copy>p:last-child{font-size:max(16px,1.3cqw);line-height:1.42;max-width:40cqw;color:#34433f}
 .ref-2 .reference-actions{left:6.6%;top:57%;gap:1.2cqw}
 .ref-2 .reference-actions .showcase-cta{background:#ffbd20;color:#17362a}
 .ref-2 .reference-actions .secondary{min-width:17cqw;background:#fffaf2d9;border:1px solid #788078;color:#17362a;backdrop-filter:blur(5px)}
 .ref-2 .responsive-benefits{left:6.6%;top:71%;width:45%;color:#263b34;text-shadow:none;gap:1.4cqw}
 .ref-2 .responsive-benefits .treat-symbol{background:#e8f0d4;color:#5b8541;filter:none}
 .ref-2 .responsive-benefits .treat-symbol-1{background:#fff0c7;color:#d46a27}
 .ref-2 .responsive-benefits .treat-symbol-3{background:#ffedb5;color:#c88712}
 .ref-2 .trial-offer{left:51%;right:auto;top:4.5%;width:clamp(220px,20cqw,370px)}
 .ref-2 .treat-proof{display:none}
 .doctor-visual{inset:0!important;width:100%;height:100%}
 .doctor-portrait{inset:0!important;overflow:hidden}
 .doctor-portrait img{object-position:center center!important;clip-path:none!important}
 .doctor-orange-shape{display:none!important}
 .doctor-note{left:51%;top:16%;width:15%;font-size:max(16px,1.2cqw)}
 .doctor-note span{font-size:max(16px,.78cqw)}
 .doctor-card{box-sizing:border-box;width:clamp(210px,15cqw,270px);min-height:clamp(118px,10cqw,170px);padding:1.2cqw;gap:.8cqw;border-radius:1.35cqw}
 .doctor-card--top{right:5%;top:16%;transform:rotate(3deg)}
 .doctor-card--bottom{right:5%;bottom:15%;transform:rotate(4deg)}
 .doctor-card .icon{width:2.1cqw;height:2.1cqw}
 .doctor-card strong{font-size:max(16px,clamp(14px,.98cqw,18px));line-height:1.38;overflow-wrap:anywhere}
 .doctor-proof{left:3.5%;bottom:6%;width:45%;box-sizing:border-box}
}
@media(max-width:900px){
 .ref-2 .reference-art{object-position:center center!important}
 .doctor-visual{overflow:hidden}
 .doctor-card{box-sizing:border-box;width:min(42%,250px);min-height:0}
 .doctor-card strong{font-size:max(16px,12px);line-height:1.35;overflow-wrap:anywhere}
}

/* Mobile: keep every hero full-width, show the whole photo composition, and pin
   the persistent carousel arrows to the outer edges of the visible viewport. */
@media(max-width:900px){
 .showcase{position:relative;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);overflow:hidden}
 .showcase-stage,.showcase-stage:has(.ref-1:not([hidden])),.showcase-stage:has(.ref-2:not([hidden])){
  position:relative;width:100%;max-width:none;margin:0;left:auto;right:auto;transform:none;aspect-ratio:auto;min-height:0;overflow:visible
 }
 .showcase-arrow,.showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow,.showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow{
  position:absolute;top:50%;z-index:30;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;font-size:max(16px,28px)}
 .showcase-arrow.previous,.showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.previous,.showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.previous{left:12px!important;right:auto!important}
 .showcase-arrow.next,.showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.next,.showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.next{right:12px!important;left:auto!important}
 .ref-2 .reference-visual{position:relative;order:0;width:100%;height:auto;aspect-ratio:1.12;margin:0;overflow:hidden}
 .ref-2 .reference-art{display:block;width:100%!important;max-width:100%!important;height:100%!important;margin:0!important;object-fit:cover!important;object-position:70% center!important}
}

/* Third hero: rebuild the founder story as one complete, layered desktop slide. */
@media(min-width:901px){
 .doctor-slide{position:relative;display:block;isolation:isolate;overflow:hidden;aspect-ratio:2/1;min-height:0;padding:0;container-type:inline-size;background:#fffaf2}
 .doctor-slide::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#fffdf9 0%,#fffdf9f5 31%,#fffdf9d9 38%,#fffdf97a 43%,transparent 49%)}
 .doctor-visual{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:hidden}
 .doctor-orange-shape{display:block;z-index:2;right:1.5%;top:8%;width:11%;height:84%;border-radius:48% 32% 18% 20%;background:#f28b17;transform:rotate(5deg);opacity:.96}
 .doctor-portrait{position:absolute;inset:0;border-radius:0;overflow:hidden;background:#f4eadb;clip-path:none}
 .doctor-portrait img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center;clip-path:none!important}
 .doctor-copy{left:5.8%;top:7.2%;width:43%;z-index:2}
 .doctor-copy .showcase-eyebrow{display:flex;align-items:center;gap:.7cqw;width:max-content;max-width:100%;padding:0 0 .65cqw;border-bottom:2px solid #f09a17;color:#26333b;font-size:max(16px,.78cqw);letter-spacing:.14em;margin:0 0 1.35cqw}
 .doctor-eyebrow-paw{display:inline-flex;flex:none;color:#f28a12}
 .doctor-eyebrow-paw .icon{width:1.35cqw;height:1.35cqw;fill:#f28a12}
 .doctor-copy h2{font-size:max(16px,3.65cqw);line-height:1.06;letter-spacing:-.045em;margin:0 0 1.25cqw;color:#111d24}
 .doctor-copy h2 em{color:#c75b0b}
 .doctor-copy>p:not(.showcase-eyebrow){font-size:max(16px,1.25cqw);line-height:1.43;max-width:39cqw;color:#526272;margin:0}
 .doctor-actions{gap:.7cqw;margin:1.55cqw 0 1.25cqw}
 .doctor-actions .showcase-cta{min-height:3.3cqw;padding:.7cqw 1.35cqw;font-size:max(16px,.92cqw);gap:.55cqw}
 .doctor-actions .secondary{background:#fffdf7e8;border-color:#58626a}
 .doctor-benefits{gap:1.2cqw}
 .doctor-benefits li{font-size:max(16px,.86cqw)}
 .doctor-benefits .icon{width:2.85cqw;height:2.85cqw;margin-bottom:.15cqw;color:#ed8705}
 .doctor-benefits strong{font-size:max(16px,.94cqw)}
 .doctor-benefits span{font-size:max(16px,.79cqw);color:#778392}
 .doctor-note{left:51.8%;top:14%;width:14%;font-size:max(16px,1.25cqw)}
 .doctor-note span{font-size:max(16px,.82cqw)}
 .doctor-card{width:15.7%;padding:1.15cqw;gap:.8cqw;border-radius:1.25cqw}
 .doctor-card--top{right:4.5%;top:15%;transform:rotate(3deg)}
 .doctor-card--bottom{right:4.5%;bottom:15%;transform:rotate(4deg)}
 .doctor-card .icon{width:2.2cqw;height:2.2cqw}
 .doctor-card strong{font-size:max(16px,.9cqw);line-height:1.35}
 .doctor-proof{left:3.5%;bottom:9%;width:45%;padding:1cqw 1.1cqw;gap:.6cqw;border-radius:2cqw}
 .doctor-proof>div{align-items:center;gap:.65cqw}
 .doctor-proof>div>span{width:2.7cqw;height:2.7cqw}
 .doctor-proof .icon{width:1.55cqw;height:1.55cqw}
 .doctor-proof p{font-size:max(16px,.82cqw)}
 .doctor-proof strong{font-size:max(16px,.9cqw)}
 .doctor-proof small{font-size:max(16px,.74cqw)}
}

/* Put desktop carousel controls just outside the slide, in the reserved side gutters. */
@media(min-width:901px){
 .showcase-stage{width:calc(100% - 120px)}
 .showcase-stage .showcase-arrow.previous{left:-52px!important}
 .showcase-stage .showcase-arrow.next{right:-52px!important}
}
@media(max-width:900px){
 .showcase-stage .showcase-arrow.previous{left:12px!important}
 .showcase-stage .showcase-arrow.next{right:12px!important}
}

/* Match the third slide's original wide framing and note details. */
@media(min-width:1200px){
 .showcase-stage:has(.doctor-slide:not([hidden])){aspect-ratio:1811/868;min-height:0}
 .doctor-slide{aspect-ratio:1811/868}
}

.doctor-note__bio{display:block;margin-top:.5cqw;font:500 .83cqw/1.4 Arial,sans-serif}
.doctor-note__arrow{display:block;width:4.2cqw;height:2.7cqw;margin:.5cqw 0 0 2.7cqw;transform:rotate(4deg)}
@media(max-width:900px){.doctor-note__bio{font-size:max(16px,11px)}.doctor-note__arrow{width:48px;height:32px;margin:8px 0 0 22px}}

/* Keep the founder slide focused; use a consistent circular control with a crisp chevron. */
.doctor-slide .doctor-proof{display:none!important}
.showcase-stage .showcase-arrow{display:grid;place-items:center;box-sizing:border-box;width:48px;height:48px;padding:0;border-radius:50%;font-size:0;line-height:0;background:#fffdf7;color:#244834;border:1px solid #e4d5bb;box-shadow:0 4px 16px rgba(50,37,17,.14);transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease}
.showcase-stage .showcase-arrow svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.showcase-stage .showcase-arrow:hover{background:#ffbd20;box-shadow:0 6px 18px rgba(50,37,17,.2)}
.showcase-stage .showcase-arrow:active{transform:translateY(-50%) scale(.96)}
.showcase-stage .showcase-arrow:focus-visible{outline:3px solid #173d2c;outline-offset:3px}
@media(max-width:900px){.showcase-stage .showcase-arrow{width:46px;height:46px}}

/* Use Katya's genuine portrait and raise text sizes for comfortable reading. */
@media(min-width:901px){
 .doctor-portrait{inset:4% 7% auto 56%!important;height:84%!important;border-radius:48% 48% 28px 28px;background:#f3e8db;box-shadow:0 18px 54px rgba(55,36,14,.12)}
 .doctor-portrait img{object-fit:cover!important;object-position:36% top!important;mask-image:linear-gradient(90deg,#000 0%,#000 76%,transparent 100%)}
 .doctor-orange-shape{display:block!important;z-index:0!important;right:3%;top:7%;width:42%;height:87%;background:linear-gradient(155deg,#ffc264,#f07816);opacity:.85}
 .doctor-copy .showcase-eyebrow{font-size:max(16px,clamp(12px,.9cqw,17px));margin-bottom:1.5cqw}
 .doctor-copy h2{font-size:max(16px,clamp(40px,3.9cqw,74px));line-height:1.06;margin-bottom:1.4cqw}
 .doctor-copy>p:not(.showcase-eyebrow){font-size:max(16px,clamp(18px,1.48cqw,27px));line-height:1.48;max-width:40cqw}
 .doctor-actions{gap:.85cqw;margin:1.55cqw 0 1.45cqw}
 .doctor-actions .showcase-cta{font-size:max(16px,clamp(15px,1.02cqw,20px));min-height:3.6cqw;padding:.8cqw 1.35cqw}
 .doctor-benefits{gap:1.05cqw}
 .doctor-benefits li{gap:.42cqw}
 .doctor-benefits strong{font-size:max(16px,clamp(15px,1.08cqw,20px));line-height:1.25}
 .doctor-benefits span{font-size:max(16px,clamp(15px,.94cqw,18px));line-height:1.4;color:#596663}
 .doctor-note{left:49%;top:5%;width:14%;padding:.75cqw 1cqw;border:1px solid #fff;border-radius:1cqw;background:#fffdf4ed;box-shadow:0 .4cqw 1.2cqw #4a35141c;font-size:max(16px,clamp(17px,1.5cqw,25px));transform:rotate(-3deg)}
 .doctor-note .doctor-note__name{font-size:max(16px,clamp(18px,1.55cqw,26px))}
 .doctor-note__bio{font-size:max(16px,clamp(14px,1cqw,18px));line-height:1.45}
 .doctor-note__arrow{width:4.5cqw;height:2.8cqw;margin-left:3cqw}
 .doctor-card strong{font-size:max(16px,clamp(16px,1.04cqw,20px));line-height:1.42}
 .doctor-card .doctor-card__medical,.doctor-card .doctor-card__leaf{width:2.65cqw;height:2.65cqw}
 .doctor-treat-copy{font-size:max(16px,clamp(14px,1cqw,18px));line-height:1.45}
 .doctor-treat-copy strong{font-size:max(16px,clamp(16px,1.15cqw,21px));line-height:1.25}
 .doctor-treat-card{bottom:2%;height:17.5%}
 .doctor-treat-card ul{gap:.62cqw;font-size:max(16px,clamp(14px,.92cqw,17px));line-height:1.3}
 .doctor-stats p{font-size:max(16px,clamp(13px,.86cqw,16px));line-height:1.3}
 .doctor-stats strong{font-size:max(16px,clamp(15px,1.02cqw,19px))}
}
@media(max-width:900px){
 .doctor-visual{height:clamp(340px,94vw,420px)}
 .doctor-portrait{inset:3% 8% auto 20%!important;height:clamp(275px,76vw,330px)!important;border-radius:48% 48% 24px 24px;background:#f3e8db}
 .doctor-portrait img{object-fit:cover!important;object-position:36% top!important}
 .doctor-orange-shape{display:block!important;z-index:0!important;right:0;top:7%;width:72%;height:84%;opacity:.72}
 .doctor-note{left:3%;top:7%;width:24%;padding:10px 8px;border-radius:12px;background:#fffdf4ed;box-shadow:0 4px 16px #4a35141c;font-size:max(16px,15px);transform:none}
 .doctor-note .doctor-note__name{font-size:max(16px,17px)}
 .doctor-note__bio{font-size:max(16px,12px);line-height:1.4}
 .doctor-note__arrow{width:36px;height:24px;margin:5px 0 0 12px}
 .doctor-card{width:min(43%,240px);padding:12px 10px}
 .doctor-card strong{font-size:max(16px,13px);line-height:1.4}
 .doctor-copy>p:not(.showcase-eyebrow){font-size:max(16px,18px);line-height:1.55}
 .doctor-copy h2{font-size:max(16px,clamp(32px,8vw,44px))}
 .doctor-actions .showcase-cta{font-size:max(16px,15px)}
 .doctor-benefits strong{font-size:max(16px,14px)}
 .doctor-benefits span{font-size:max(16px,13px);line-height:1.45}
 .doctor-treat-copy{font-size:max(16px,13px);line-height:1.45}
 .doctor-treat-copy strong{font-size:max(16px,15px)}
 .doctor-treat-card ul{font-size:max(16px,12px);line-height:1.35}
 .doctor-stats p{font-size:max(16px,11px);line-height:1.3}
 .doctor-stats strong{font-size:max(16px,13px)}
}

/* Keep founder-slide benefit captions readable where the photo fades beneath them. */
@media(min-width:901px){
 .doctor-benefits{box-sizing:border-box;padding:.55cqw;gap:.45cqw;background:rgba(255,253,248,.94);border:1px solid rgba(255,255,255,.92);border-radius:1.15cqw;box-shadow:0 .35cqw 1.2cqw rgba(38,27,12,.10);backdrop-filter:blur(8px)}
 .doctor-benefits li{min-width:0;padding:.25cqw .45cqw}
 .doctor-benefits strong{display:block;color:#1e2927;font-size:max(16px,.92cqw);line-height:1.3}
 .doctor-benefits span{display:block;color:#53615f;line-height:1.45;font-size:max(16px,.79cqw)}
}

/* Reserve real side gutters for the carousel controls at desktop widths. */
@media(min-width:901px){
 .showcase-stage:has(.ref-1:not([hidden])),
 .showcase-stage:has(.ref-2:not([hidden])),
 .showcase-stage:has(.doctor-slide:not([hidden])){width:calc(100% - 120px)!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.previous{left:-52px!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.next,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.next,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.next{right:-52px!important}
}

/* Avoid a few pixels of horizontal page scroll on narrow screens. */
@media(max-width:900px){
 .showcase{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;left:auto!important;right:auto!important}
}

/* Third slide: editorial founder hero with the exact hierarchy of the supplied reference. */
@media(min-width:901px){
 .showcase-stage:has(.doctor-slide:not([hidden])){aspect-ratio:2/1;min-height:0}
 .doctor-slide{height:100%;aspect-ratio:auto;display:grid;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) 10%!important;background:#fff}
 .doctor-slide::before{display:none}
 .doctor-main{position:relative;min-height:0;overflow:hidden;container-type:inline-size;background:#fffaf3}
 .doctor-main::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#fffdf9 0%,#fffdf9f7 31%,#fffdf9df 39%,#fffdf988 46%,transparent 54%)}
 .doctor-visual{position:absolute;inset:0!important;width:100%;height:100%;z-index:0;overflow:hidden}
 .doctor-portrait{inset:0!important}
 .doctor-portrait img{object-position:center center!important}
 .doctor-copy{left:5.35%;top:7.3%;width:43%;z-index:2}
 .doctor-copy .showcase-eyebrow{gap:.65cqw;margin-bottom:1.45cqw;padding-bottom:.55cqw;border-bottom:2px solid #ff5a12;color:#19232b;font-size:max(16px,.78cqw);letter-spacing:.14em}
 .doctor-eyebrow-paw,.doctor-eyebrow-paw .icon{color:#ff5a12;fill:#ff5a12}
 .doctor-copy h2{font-size:max(16px,3.75cqw);line-height:1.04;letter-spacing:-.045em;margin:0 0 1.1cqw;color:#111c28}
 .doctor-copy h2 em{color:#f45113}
 .doctor-copy>p:not(.showcase-eyebrow){max-width:39cqw;color:#465568;font-size:max(16px,1.25cqw);line-height:1.44}
 .doctor-actions{gap:1.2cqw;margin:1.25cqw 0 1.8cqw}
 .doctor-actions .showcase-cta{min-height:3.5cqw;padding:.7cqw 1.4cqw;background:#ff5314;color:#fff;font-size:max(16px,.95cqw);gap:.7cqw;box-shadow:0 .35cqw .9cqw #ed50152b}
 .doctor-actions .showcase-cta .icon{color:#fff}
 .doctor-actions .showcase-cta.secondary{background:#fffdf9ed;color:#131e2a;border:1px solid #ff5a12;box-shadow:none}
 .doctor-actions .showcase-cta.secondary span{color:#f45113}
 .doctor-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15cqw;padding:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
 .doctor-benefits li{display:grid;grid-template-columns:2.45cqw minmax(0,1fr);grid-template-rows:auto auto;column-gap:.65cqw;align-items:center;padding:0 .8cqw 0 0;border-right:1px solid #d8cbbb}
 .doctor-benefits li:last-child{border-right:0}
 .doctor-benefits .icon{grid-column:1;grid-row:1/3;width:2.2cqw;height:2.2cqw;margin:0;color:#ff5a12}
 .doctor-benefits li:nth-child(2) .icon{color:#ff5a12}
 .doctor-benefits li:nth-child(3) .icon{color:#ff5a12}
 .doctor-benefits li>span{display:contents}
 .doctor-benefits strong{grid-column:2;color:#111c28;font-size:max(16px,.88cqw);line-height:1.2}
 .doctor-benefits small{grid-column:2;color:#536071;font-size:max(16px,.72cqw);line-height:1.35;margin-top:.3cqw}
 .doctor-note{left:53.2%;top:15%;width:15%;font-size:max(16px,1.25cqw);transform:rotate(-4deg)}
 .doctor-note .doctor-note__name{display:flex;align-items:center;gap:.5cqw;font:italic 700 1.3cqw/1.2 'Segoe Script','Comic Sans MS',cursive}
 .doctor-note__name .icon{width:1.4cqw;height:1.4cqw;color:#ff5a12;fill:none}
 .doctor-note__bio{margin-top:.5cqw;color:#15212c;font-size:max(16px,.83cqw)}
 .doctor-note__arrow{width:4cqw;height:2.4cqw;margin:.55cqw 0 0 2.7cqw}
 .doctor-card{box-sizing:border-box;width:16.5%;min-height:17%;padding:1.1cqw;gap:.8cqw;border:1px solid #fff;background:#fffdf4f5;border-radius:1.4cqw;box-shadow:0 .5cqw 1.8cqw #4c2e121c;color:#111c28}
 .doctor-card--top{right:3.5%;top:14%;transform:rotate(4deg)}
 .doctor-card--bottom{right:2.8%;bottom:27%;transform:rotate(-5deg)}
 .doctor-card .doctor-card__medical,.doctor-card .doctor-card__leaf{display:grid;place-items:center;flex:none;width:2.4cqw;height:2.4cqw;color:#ff5a12}
 .doctor-card__medical svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 .doctor-card .doctor-card__leaf{color:#76a72a}
 .doctor-card .doctor-card__leaf .icon{width:100%;height:100%;color:inherit}
 .doctor-card strong{flex:1;font-size:max(16px,.88cqw);line-height:1.35}
 .doctor-card .doctor-card__arrow{display:grid;place-items:center;flex:none;width:1.9cqw;height:1.9cqw;border-radius:.45cqw;background:#ff5314;color:#fff;font:700 1.05cqw/1 Arial,sans-serif}
 .doctor-floating-heart{position:absolute;right:6.8%;bottom:24%;color:#fff}
 .doctor-floating-heart .icon{width:2.3cqw;height:2.3cqw}
 .doctor-treat-card{position:absolute;z-index:3;left:4.5%;bottom:4.5%;width:40%;height:19%;box-sizing:border-box;display:grid;grid-template-columns:22% 1fr 1.18fr;align-items:center;gap:1cqw;padding:.65cqw .9cqw;border:1px solid #fff;background:#fffaf2f2;border-radius:1.8cqw;box-shadow:0 .45cqw 1.6cqw #4d33181a;backdrop-filter:blur(7px)}
 .doctor-treat-card>img{display:block;width:100%;height:100%;max-height:100%;object-fit:cover;mix-blend-mode:multiply;border-radius:1cqw}
 .doctor-treat-copy{display:flex;flex-direction:column;gap:.35cqw;color:#111c28;font-size:max(16px,.83cqw);line-height:1.4}
 .doctor-treat-copy strong{font-size:max(16px,.98cqw);line-height:1.2}
 .doctor-treat-card ul{display:grid;gap:.55cqw;padding:0;margin:0;list-style:none;color:#202b36;font-size:max(16px,.78cqw);line-height:1.2}
 .doctor-treat-card li{position:relative;padding-left:1.5cqw}
 .doctor-treat-card li::before{content:"✓";position:absolute;left:0;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:1.05cqw;height:1.05cqw;border-radius:50%;background:#ff5a12;color:#fff;font-size:max(16px,.7cqw);font-weight:800}
 .doctor-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;padding:0 2.5%;background:#fffdf9;color:#111c28}
 .doctor-stats>div{display:flex;align-items:center;justify-content:center;gap:.9cqw;min-width:0;height:68%;border-right:1px solid #d9cdbf}
 .doctor-stats>div:last-child{border-right:0}
 .doctor-stats>.icon,.doctor-stats>div>.icon{flex:none;width:2.25cqw;height:2.25cqw;color:#ff5a12}
 .doctor-stats>div:nth-child(5)>.icon{color:#76a72a}
 .doctor-stats p{display:flex;flex-direction:column;gap:.18cqw;margin:0;font-size:max(16px,.72cqw);line-height:1.2}
 .doctor-stats strong{font-size:max(16px,.92cqw);line-height:1.15}
 .doctor-stats span{color:#58616c}
}
@media(max-width:900px){
 .showcase-stage:has(.doctor-slide:not([hidden])){aspect-ratio:auto;min-height:0;overflow:hidden}
 .doctor-slide{height:auto;aspect-ratio:auto;display:flex;flex-direction:column;background:#fffdf8}
 .doctor-main{display:flex;flex-direction:column;min-height:0;overflow:visible;background:#fffdf8}
 .doctor-main::before{display:none}
 .doctor-visual{position:relative;inset:auto!important;order:0;width:100%;height:clamp(310px,86vw,430px);overflow:hidden}
 .doctor-portrait img{object-fit:cover!important;object-position:62% center!important}
 .doctor-note{left:5%;top:8%;width:30%;font-size:max(16px,16px)}
 .doctor-note .doctor-note__name{font-size:max(16px,18px)}
 .doctor-note__name .icon{width:18px;height:18px;color:#ff5a12}
 .doctor-note__bio{font-size:max(16px,11px)}
 .doctor-note__arrow{width:42px;height:28px;margin:7px 0 0 20px}
 .doctor-card{width:min(39%,230px);min-height:74px;padding:10px;gap:7px;border-radius:14px}
 .doctor-card--top{right:3%;top:8%;transform:rotate(3deg)}
 .doctor-card--bottom{right:3%;bottom:12%;transform:rotate(-3deg)}
 .doctor-card .doctor-card__medical,.doctor-card .doctor-card__leaf{width:22px;height:22px}
 .doctor-card strong{font-size:max(16px,11px);line-height:1.3}
 .doctor-card .doctor-card__arrow{width:23px;height:23px;border-radius:6px;font-size:max(16px,15px)}
 .doctor-floating-heart{right:8%;bottom:4%}
 .doctor-floating-heart .icon{width:28px;height:28px}
 .doctor-copy{position:relative;left:auto;top:auto;order:1;width:auto;padding:24px 22px 18px;background:#fffdf8}
 .doctor-copy .showcase-eyebrow{font-size:max(16px,10px);letter-spacing:.11em;margin:0 0 14px;padding-bottom:8px}
 .doctor-copy h2{font-size:max(16px,clamp(29px,7.4vw,40px));line-height:1.05;margin:0 0 14px}
 .doctor-copy>p:not(.showcase-eyebrow){font-size:max(16px,16px);line-height:1.5;max-width:none}
 .doctor-actions{display:grid;grid-template-columns:1fr;gap:10px;margin:18px 0}
 .doctor-actions .showcase-cta{min-height:48px;width:100%;padding:12px 16px;font-size:max(16px,14px)}
 .doctor-benefits{grid-template-columns:1fr;gap:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
 .doctor-benefits li{display:grid;grid-template-columns:30px 1fr;column-gap:10px;padding:10px 0;border-right:0;border-bottom:1px solid #eadfce}
 .doctor-benefits li:last-child{border-bottom:0}
 .doctor-benefits .icon{grid-column:1;grid-row:1/3;width:26px;height:26px;margin:0;color:#ff5a12}
 .doctor-benefits li>span{display:contents}
 .doctor-benefits strong{grid-column:2;font-size:max(16px,13px);color:#111c28}
 .doctor-benefits small{grid-column:2;margin-top:3px;font-size:max(16px,12px);color:#58616c}
 .doctor-treat-card{position:relative;left:auto;bottom:auto;order:2;width:auto;height:auto;min-height:0;grid-template-columns:78px 1fr;margin:0 16px 18px;padding:12px;gap:8px;border-radius:18px}
 .doctor-treat-card>img{grid-row:1/3;width:78px;height:78px;object-fit:cover}
 .doctor-treat-copy{font-size:max(16px,12px)}.doctor-treat-copy strong{font-size:max(16px,13px)}
 .doctor-treat-card ul{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:7px;font-size:max(16px,10px)}
 .doctor-treat-card li{padding-left:15px}
 .doctor-treat-card li::before{width:12px;height:12px;font-size:max(16px,9px)}
 .doctor-stats{width:100%;box-sizing:border-box;grid-template-columns:1fr 1fr;gap:0;padding:8px 14px 20px}
 .doctor-stats>div{justify-content:flex-start;gap:10px;height:auto;min-height:58px;padding:8px;border-right:1px solid #e3d9cb;border-bottom:1px solid #e3d9cb}
 .doctor-stats>div:nth-child(2n){border-right:0}
 .doctor-stats>div:last-child{grid-column:1/-1;justify-content:center;border-bottom:0}
 .doctor-stats>div>.icon{width:25px;height:25px}
 .doctor-stats p{font-size:max(16px,10px)}.doctor-stats strong{font-size:max(16px,12px)}
}

/* Readable founder slide, framed around Katya's genuine portrait. */
@media(min-width:901px){
 .doctor-portrait{inset:4% 7% auto 56%!important;height:92%!important;border-radius:48% 48% 28px 28px;background:#f3e8db;box-shadow:0 18px 54px rgba(55,36,14,.12)}
 .doctor-portrait img{object-fit:cover!important;object-position:36% top!important;mask-image:linear-gradient(90deg,#000 0%,#000 76%,transparent 100%)}
 .doctor-orange-shape{display:block!important;right:3%;top:7%;width:42%;height:87%;background:linear-gradient(155deg,#ffc264,#f07816);opacity:.85}
 .doctor-copy .showcase-eyebrow{font-size:max(16px,.88cqw);margin-bottom:1.5cqw}
 .doctor-copy h2{font-size:max(16px,3.9cqw);line-height:1.06;margin-bottom:1.4cqw}
 .doctor-copy>p:not(.showcase-eyebrow){font-size:max(16px,1.48cqw);line-height:1.48;max-width:40cqw}
 .doctor-actions{gap:.85cqw;margin:1.55cqw 0 1.45cqw}
 .doctor-actions .showcase-cta{font-size:max(16px,1.02cqw);min-height:3.6cqw;padding:.8cqw 1.35cqw}
 .doctor-benefits{gap:1.05cqw}
 .doctor-benefits li{gap:.42cqw}
 .doctor-benefits strong{font-size:max(16px,1.08cqw);line-height:1.25}
 .doctor-benefits span{font-size:max(16px,.94cqw);line-height:1.4;color:#596663}
 .doctor-note{left:57%;top:13%;width:20%;padding:.75cqw 1cqw;border:1px solid #fff;border-radius:1cqw;background:#fffdf4ed;box-shadow:0 .4cqw 1.2cqw #4a35141c;font-size:max(16px,1.5cqw);transform:rotate(-3deg)}
 .doctor-note .doctor-note__name{font-size:max(16px,1.55cqw)}
 .doctor-note__bio{font-size:max(16px,1cqw);line-height:1.45}
 .doctor-note__arrow{width:4.5cqw;height:2.8cqw;margin-left:3cqw}
 .doctor-card strong{font-size:max(16px,1.04cqw);line-height:1.42}
 .doctor-card .doctor-card__medical,.doctor-card .doctor-card__leaf{width:2.65cqw;height:2.65cqw}
 .doctor-treat-copy{font-size:max(16px,1cqw);line-height:1.45}
 .doctor-treat-copy strong{font-size:max(16px,1.15cqw);line-height:1.25}
 .doctor-treat-card ul{gap:.62cqw;font-size:max(16px,.92cqw);line-height:1.3}
 .doctor-stats p{font-size:max(16px,.86cqw);line-height:1.3}
 .doctor-stats strong{font-size:max(16px,1.02cqw)}
}
@media(max-width:900px){
 .doctor-visual{height:clamp(340px,94vw,420px)}
 .doctor-portrait{inset:3% 8% auto 20%!important;height:clamp(275px,76vw,330px)!important;border-radius:48% 48% 24px 24px;background:#f3e8db}
 .doctor-portrait img{object-fit:cover!important;object-position:36% top!important}
 .doctor-orange-shape{display:block!important;right:0;top:7%;width:72%;height:84%;opacity:.72}
 .doctor-note{left:3%;top:7%;width:24%;padding:10px 8px;border-radius:12px;background:#fffdf4ed;box-shadow:0 4px 16px #4a35141c;font-size:max(16px,15px);transform:none}
 .doctor-note .doctor-note__name{font-size:max(16px,17px)}
 .doctor-note__bio{font-size:max(16px,12px);line-height:1.4}
 .doctor-note__arrow{width:36px;height:24px;margin:5px 0 0 12px}
 .doctor-card{width:min(43%,240px);padding:12px 10px}
 .doctor-card strong{font-size:max(16px,13px);line-height:1.4}
 .doctor-copy>p:not(.showcase-eyebrow){font-size:max(16px,18px);line-height:1.55}
 .doctor-copy h2{font-size:max(16px,clamp(32px,8vw,44px))}
 .doctor-actions .showcase-cta{font-size:max(16px,15px)}
 .doctor-benefits strong{font-size:max(16px,14px)}
 .doctor-benefits span{font-size:max(16px,13px);line-height:1.45}
 .doctor-treat-copy{font-size:max(16px,13px);line-height:1.45}
 .doctor-treat-copy strong{font-size:max(16px,15px)}
 .doctor-treat-card ul{font-size:max(16px,12px);line-height:1.35}
 .doctor-stats p{font-size:max(16px,11px);line-height:1.3}
 .doctor-stats strong{font-size:max(16px,13px)}
}

/* Keep the founder label clear of Katya's face in the genuine portrait. */
@media(min-width:901px){.doctor-note{left:51.5%;top:67%;width:16%}}
@media(max-width:900px){.doctor-note{left:3%;top:68%;width:30%}}

/* Keep supporting copy comfortably readable at normal desktop widths. */
@media(min-width:901px){
 .doctor-copy .showcase-eyebrow{font-size:max(16px,clamp(13px,.96cqw,18px))}
 .doctor-copy h2{font-size:max(16px,clamp(46px,4.2cqw,78px))}
 .doctor-benefits strong{font-size:max(16px,clamp(16px,1.35cqw,24px))}
 .doctor-benefits small{font-size:max(16px,clamp(15px,1.12cqw,20px));line-height:1.4}
 .doctor-note__bio{font-size:max(16px,clamp(14px,1.05cqw,19px))}
 .doctor-card strong{font-size:max(16px,clamp(16px,1.2cqw,22px))}
 .doctor-treat-copy{font-size:max(16px,clamp(15px,1.12cqw,20px))}
 .doctor-treat-copy strong{font-size:max(16px,clamp(18px,1.3cqw,24px))}
 .doctor-treat-card ul{font-size:max(16px,clamp(15px,1.05cqw,19px))}
 .doctor-stats p{font-size:max(16px,clamp(14px,1cqw,18px))}
 .doctor-stats strong{font-size:max(16px,clamp(16px,1.2cqw,22px))}
}

/* Extra room lets the readable copy breathe without colliding with the lower card. */
@media(min-width:901px){
 .showcase-stage:has(.doctor-slide:not([hidden])){aspect-ratio:1.78/1}
 .doctor-card{width:19%}
 .doctor-card strong{font-size:max(16px,clamp(15px,1.05cqw,19px))}
 .doctor-treat-card{bottom:1.5%;height:18%;grid-template-columns:16% 1fr 1.16fr;gap:.8cqw;padding:.5cqw .7cqw}
 .doctor-treat-copy{font-size:max(16px,clamp(14px,1cqw,18px))}
 .doctor-treat-copy strong{font-size:max(16px,clamp(16px,1.15cqw,21px))}
 .doctor-treat-card ul{font-size:max(16px,clamp(14px,.9cqw,17px));gap:.35cqw}
 .doctor-treat-card li{padding-left:1.3cqw}
 .doctor-treat-card li::before{width:1cqw;height:1cqw;font-size:max(16px,.65cqw)}
}
@media(min-width:901px){
 .showcase-stage:has(.doctor-slide:not([hidden])){aspect-ratio:1.65/1}
 .doctor-portrait img{transform:scale(1.24);transform-origin:36% 0}
 .doctor-treat-card{height:21%}
}
@media(min-width:901px){.doctor-treat-card{bottom:0;height:19%}}
@media(min-width:901px){.doctor-treat-card{bottom:0;height:19%}}

/* Third slide: single centered veterinary consultation action. */
@media(min-width:901px){.doctor-actions{justify-content:center}}
@media(max-width:900px){.doctor-actions{justify-items:center}.doctor-actions .showcase-cta{width:min(100%,420px)}}
@media(min-width:901px){.doctor-card--top{right:0;width:17%;top:14%}.doctor-card--top strong{font-size:max(16px,clamp(14px,.95cqw,17px));line-height:1.3}}

/* Keep the shared slide controls aligned to the slide edge on every panel. */
@media(min-width:901px){
 .showcase-stage:has(.ref-1:not([hidden])),
 .showcase-stage:has(.ref-2:not([hidden])),
 .showcase-stage:has(.doctor-slide:not([hidden])){width:min(100%,1800px)!important}
}
.showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.previous,
.showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.previous,
.showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.previous{left:clamp(12px,1.6vw,24px)!important;right:auto!important}
.showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.next,
.showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.next,
.showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.next{right:clamp(12px,1.6vw,24px)!important;left:auto!important}
@media(max-width:900px){
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.previous{left:12px!important;right:auto!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.next,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.next,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.next{right:12px!important;left:auto!important}
}

/* A calm, consistent entrance for each of the three hero panels. */
.showcase-slide:not([hidden]){animation:showcaseSlideIn .34s cubic-bezier(.22,.68,0,1) both}
@keyframes showcaseSlideIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.showcase-slide:not([hidden]){animation:none}}

/* Give every slide one fixed frame; the shared arrows straddle its edges. */
@media(min-width:901px){
 .showcase-stage:has(.ref-1:not([hidden])),
 .showcase-stage:has(.ref-2:not([hidden])),
 .showcase-stage:has(.doctor-slide:not([hidden])){box-sizing:border-box;width:min(calc(100% - 120px),1800px)!important;aspect-ratio:1249/620!important;min-height:0}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.previous{left:-25px!important;right:auto!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.next,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.next,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.next{right:-25px!important;left:auto!important}
}
@media(max-width:900px){
 .showcase-stage:has(.ref-1:not([hidden])),
 .showcase-stage:has(.ref-2:not([hidden])),
 .showcase-stage:has(.doctor-slide:not([hidden])){box-sizing:border-box;width:calc(100% - 56px)!important;max-width:none!important;margin-inline:auto!important;left:auto!important;right:auto!important;transform:none!important;aspect-ratio:auto!important;min-height:0;overflow:visible!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow{top:160px!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.previous{left:-23px!important;right:auto!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.next,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.next,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.next{right:-23px!important;left:auto!important}
}
.showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow,
.showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow,
.showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow{width:50px!important;height:50px!important}
@media(max-width:900px){
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow{width:46px!important;height:46px!important}
}

/* Slide 2: a readable, photographic rebuild of the treats reference. */
.ref-2{position:relative;isolation:isolate;container-type:inline-size;display:block;min-height:0;overflow:hidden;background:#15140e;color:#fff}
.ref-2 .treat-scene{position:absolute;z-index:-2;inset:0;overflow:hidden}
.ref-2 .treat-scene__photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 54%}
.ref-2::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(11,13,9,.96) 0%,rgba(12,13,9,.90) 30%,rgba(13,14,9,.58) 45%,rgba(10,12,8,.12) 70%,rgba(11,13,10,.16) 100%),linear-gradient(0deg,rgba(10,12,8,.68) 0%,transparent 34%,rgba(9,11,8,.10) 100%)}
.ref-2 .treat-copy{position:absolute;z-index:2;left:4.5%;top:7%;width:43%;color:#fff}
.ref-2 .treat-eyebrow{display:flex;align-items:center;gap:.8cqw;margin:0 0 1.25cqw;color:#fff;font-size:max(16px,clamp(12px,1.04cqw,18px));font-weight:700;letter-spacing:.19em;white-space:nowrap}
.ref-2 .treat-eyebrow svg{width:1.45cqw;height:1.45cqw;min-width:17px;min-height:17px;color:#ffca16}
.ref-2 .treat-copy h2{margin:0;color:#fff;font-size:max(16px,clamp(38px,3.55cqw,64px));line-height:1.04;letter-spacing:-.035em;font-weight:900;text-wrap:balance}
.ref-2 .treat-copy h2 em{color:#ffca16;font-style:normal}
.ref-2 .treat-lead{margin:1.15cqw 0 0;color:#f5f0e8;font-size:max(16px,clamp(16px,1.42cqw,24px));line-height:1.4;text-wrap:pretty}
.ref-2 .treat-actions{display:flex;align-items:center;gap:.9cqw;margin-top:1.6cqw}
.ref-2 .treat-actions .showcase-cta{min-height:3.8cqw;padding:.8cqw 1.45cqw;gap:.65cqw;font-size:max(16px,clamp(13px,1.08cqw,19px));white-space:nowrap}
.ref-2 .treat-actions .showcase-cta svg{width:1.45cqw;height:1.45cqw;flex:none}
.ref-2 .treat-actions .showcase-cta:first-child{background:#ffca16;color:#173e2e}
.ref-2 .treat-actions .secondary{color:#fff;background:#17191177;border-color:#fff}
.ref-2 .treat-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1cqw;margin:1.65cqw 0 0;padding:0;list-style:none}
.ref-2 .treat-benefits li{display:flex;flex-direction:column;align-items:flex-start;gap:.55cqw;min-width:0;color:#fff;font-size:max(16px,clamp(12px,.98cqw,17px));font-weight:650;line-height:1.28;text-wrap:pretty}
.ref-2 .treat-benefits svg{width:2.55cqw;height:2.55cqw;min-width:27px;min-height:27px;color:#ffd21a;stroke-width:1.8}
.ref-2 .treat-offer{position:absolute;z-index:2;right:4.5%;top:6%;width:30%;height:26%;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:.7cqw;box-sizing:border-box;padding:1cqw 1.25cqw;border:0;border-radius:1.8cqw;background:#fffdf8;color:#173c2e;text-align:left;box-shadow:0 .8cqw 2.2cqw #090b071e;cursor:pointer}
.ref-2 .treat-offer__copy{display:flex;flex-direction:column;align-items:flex-start;gap:.22cqw;min-width:0}
.ref-2 .treat-offer__copy small{font-size:max(16px,clamp(15px,1.35cqw,24px));font-weight:850;line-height:1.1}
.ref-2 .treat-offer__copy>span{font-size:max(16px,clamp(11px,.86cqw,16px));color:#62675f;line-height:1.3}
.ref-2 .treat-offer__copy del{font-size:max(16px,clamp(10px,.72cqw,13px));color:#85857f}
.ref-2 .treat-offer__copy strong{font-size:max(16px,clamp(27px,2.45cqw,44px));font-weight:900;line-height:1;color:#ef4a19;font-variant-numeric:tabular-nums}
.ref-2 .treat-offer__copy b{display:inline-flex;align-items:center;gap:.55cqw;margin-top:.3cqw;padding:.55cqw .85cqw;border-radius:99px;background:#07553b;color:#fff;font-size:max(16px,clamp(11px,.86cqw,15px));line-height:1.1}
.ref-2 .treat-offer__copy i{font-style:normal}
.ref-2 .treat-offer>img{width:100%;height:100%;max-height:100%;object-fit:cover;object-position:center;border-radius:.9cqw;mix-blend-mode:multiply}
.ref-2 .treat-offer__gift{position:absolute;top:-.9cqw;right:-.7cqw;display:grid;place-items:center;width:3.8cqw;height:3.8cqw;border:2px solid #fff;border-radius:50%;background:#fa4b1d;color:white;font-size:max(16px,2.05cqw);box-shadow:0 .25cqw .8cqw #24140c36}
.ref-2 .treat-delivery{position:absolute;z-index:2;right:4.5%;top:43%;width:29%;min-height:12%;box-sizing:border-box;display:grid;grid-template-columns:23% 1fr;align-items:center;column-gap:.8cqw;padding:1cqw 1.1cqw;color:#14150d;transform:rotate(-2deg)}
.ref-2 .treat-delivery::before{content:"";position:absolute;z-index:-1;inset:0 -3%;background:#ffcd21;clip-path:polygon(2% 13%,13% 4%,25% 8%,42% 2%,55% 8%,72% 2%,88% 8%,100% 14%,96% 83%,82% 94%,65% 88%,51% 98%,33% 91%,18% 97%,3% 88%)}
.ref-2 .treat-delivery__truck{grid-row:1/3;display:grid;place-items:center}
.ref-2 .treat-delivery__truck svg{width:3.3cqw;height:3.3cqw;color:#11150e}
.ref-2 .treat-delivery strong{font-size:max(16px,clamp(15px,1.5cqw,27px));line-height:1.05;font-weight:950}
.ref-2 .treat-delivery small{grid-column:2;margin-top:.25cqw;font-size:max(16px,clamp(10px,.92cqw,16px));font-style:italic;line-height:1.25}
.ref-2 .treat-proof{position:absolute;z-index:2;left:3.7%;bottom:13%;width:44%;min-height:14%;box-sizing:border-box;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;padding:.7cqw 1cqw;border:1px solid #fff3;background:#191910b8;border-radius:2cqw;box-shadow:0 .6cqw 1.6cqw #0809072a;backdrop-filter:blur(10px)}
.ref-2 .treat-proof>div{display:flex;align-items:center;gap:.55cqw;min-width:0;height:100%;padding:0 .65cqw;border-right:1px solid #fff6}
.ref-2 .treat-proof>div:last-child{border:0}
.ref-2 .treat-proof svg{width:2.15cqw;height:2.15cqw;min-width:22px;min-height:22px;color:#ffcd28}
.ref-2 .treat-proof p{display:flex;flex-direction:column;gap:.28cqw;margin:0;color:#fff;font-size:max(16px,clamp(10px,.83cqw,15px));line-height:1.22}
.ref-2 .treat-proof strong{font-weight:800}
.ref-2 .treat-proof small{color:#e3dfd4;font-size:max(16px,.88em);line-height:1.25}
.ref-2 .treat-stats{position:absolute;z-index:2;left:0;right:0;bottom:0;height:10.5%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;padding:0 2%;background:#fffdf8f5;color:#111827;box-sizing:border-box}
.ref-2 .treat-stats>div{display:flex;align-items:center;justify-content:center;gap:.65cqw;min-width:0;height:66%;padding:0 .4cqw;border-right:1px solid #d7cfc3}
.ref-2 .treat-stats>div:last-child{border:0}
.ref-2 .treat-stats svg{width:2.15cqw;height:2.15cqw;min-width:22px;min-height:22px;color:#f25a16}
.ref-2 .treat-stats p{display:flex;flex-direction:column;gap:.18cqw;margin:0;font-size:max(16px,clamp(10px,.8cqw,14px));line-height:1.2}
.ref-2 .treat-stats strong{font-size:max(16px,1.08em);line-height:1.15}
.ref-2 .treat-stats span{color:#5b6068}
.ref-2 :focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(min-width:901px){
 .ref-2 .treat-copy{left:1.2%;width:43%}
 .ref-2 .treat-copy h2{font-size:max(16px,clamp(38px,3.35cqw,62px))}
 .ref-2 .treat-lead{margin-top:.8cqw}
 .ref-2 .treat-benefits{gap:.8cqw;margin-top:.95cqw}
 .ref-2 .treat-benefits li{gap:.35cqw}
 .ref-2 .treat-benefits svg{width:2.1cqw;height:2.1cqw}
 .ref-2 .treat-actions{margin-top:.95cqw}
 .ref-2 .treat-actions .showcase-cta{min-height:3.5cqw}
 .ref-2 .treat-offer{right:2.5%;width:28%}
 .ref-2 .treat-offer__gift{width:3.5cqw;height:3.5cqw}
 .ref-2 .treat-delivery{right:2.5%;top:35%;width:27%}
 .ref-2 .treat-proof{left:1.2%;width:44%}
 .ref-2 .treat-proof{bottom:11.5%;min-height:12%;padding:.45cqw .6cqw}
}
@media(max-width:900px){
 .ref-2{display:flex;flex-direction:column;overflow:hidden;border-radius:0;container-type:normal;padding-bottom:0}
 .ref-2 .treat-scene{position:relative;inset:auto;z-index:0;order:0;width:100%;height:clamp(330px,94vw,430px);flex:none}
 .ref-2 .treat-scene__photo{object-position:61% center}
 .ref-2::before{inset:0 0 auto;height:clamp(330px,94vw,430px);z-index:1;background:linear-gradient(90deg,rgba(10,12,9,.88),rgba(10,12,9,.53) 54%,rgba(10,12,9,.04) 100%),linear-gradient(0deg,rgba(10,12,9,.45),transparent 42%)}
 .ref-2 .treat-copy{display:contents}
 .ref-2 .treat-eyebrow{position:absolute;z-index:2;left:20px;top:24px;width:calc(100% - 82px);margin:0;gap:7px;white-space:normal;font-size:max(16px,11px);letter-spacing:.12em;line-height:1.35}
 .ref-2 .treat-eyebrow svg{width:17px;height:17px;min-width:17px;min-height:17px}
 .ref-2 .treat-copy h2{position:relative;z-index:2;order:1;left:auto;top:auto;width:auto;margin:0;padding:17px 20px 0;background:#16170f;font-size:max(16px,clamp(30px,8.3vw,39px));line-height:1.02;letter-spacing:-.035em;text-wrap:balance}
 .ref-2 .treat-lead{position:relative;order:2;margin:0;padding:16px 22px 0;background:#16170f;color:#f4f0e7;font-size:max(16px,16px);line-height:1.5}
 .ref-2 .treat-actions{order:3;display:grid;grid-template-columns:1fr;gap:10px;margin:18px 20px 4px}
 .ref-2 .treat-actions .showcase-cta{justify-content:center;min-height:50px;padding:12px 16px;font-size:max(16px,15px);gap:10px}
 .ref-2 .treat-actions .showcase-cta svg{width:20px;height:20px}
 .ref-2 .treat-benefits{order:4;grid-template-columns:1fr 1fr;gap:18px 12px;margin:16px 20px 20px}
 .ref-2 .treat-benefits li{gap:8px;font-size:max(16px,13px);line-height:1.3}
 .ref-2 .treat-benefits svg{width:27px;height:27px;min-width:27px;min-height:27px}
 .ref-2 .treat-offer{position:relative;top:auto;right:auto;order:5;width:auto;height:142px;margin:0 16px 16px;padding:12px 14px;grid-template-columns:1fr 1.08fr;gap:10px;border-radius:18px}
 .ref-2 .treat-offer__copy{gap:3px}
 .ref-2 .treat-offer__copy small{font-size:max(16px,18px)}
 .ref-2 .treat-offer__copy>span{font-size:max(16px,12px)}
 .ref-2 .treat-offer__copy del{font-size:max(16px,11px)}
 .ref-2 .treat-offer__copy strong{font-size:max(16px,32px)}
 .ref-2 .treat-offer__copy b{margin-top:3px;padding:7px 11px;font-size:max(16px,12px)}
 .ref-2 .treat-offer>img{border-radius:10px}
 .ref-2 .treat-offer__gift{top:-9px;right:-7px;width:38px;height:38px;font-size:max(16px,21px)}
 .ref-2 .treat-delivery{position:relative;top:auto;right:auto;order:6;width:auto;min-height:90px;margin:0 18px 18px;padding:12px 17px;column-gap:12px;transform:none}
 .ref-2 .treat-delivery__truck svg{width:38px;height:38px}
 .ref-2 .treat-delivery strong{font-size:max(16px,18px)}
 .ref-2 .treat-delivery small{font-size:max(16px,12px)}
 .ref-2 .treat-proof{position:relative;left:auto;bottom:auto;order:7;width:auto;min-height:0;grid-template-columns:1fr 1fr;margin:0 16px 18px;padding:10px 12px;border-radius:18px}
 .ref-2 .treat-proof>div{min-height:56px;gap:8px;padding:6px;border-right:0;border-bottom:1px solid #fff5}
 .ref-2 .treat-proof>div:nth-child(2n){border-left:1px solid #fff5}
 .ref-2 .treat-proof>div:nth-last-child(-n+2){border-bottom:0}
 .ref-2 .treat-proof svg{width:25px;height:25px;min-width:25px;min-height:25px}
 .ref-2 .treat-proof p{gap:3px;font-size:max(16px,11px)}
 .ref-2 .treat-stats{position:relative;order:8;left:auto;right:auto;bottom:auto;height:auto;grid-template-columns:1fr 1fr;padding:8px 12px 18px}
 .ref-2 .treat-stats>div{justify-content:flex-start;min-height:57px;height:auto;gap:8px;padding:7px;border-right:1px solid #d7cfc3;border-bottom:1px solid #d7cfc3}
 .ref-2 .treat-stats>div:nth-child(2n){border-right:0}
 .ref-2 .treat-stats>div:last-child{grid-column:1/-1;justify-content:center;border-bottom:0}
 .ref-2 .treat-stats svg{width:25px;height:25px;min-width:25px;min-height:25px}
 .ref-2 .treat-stats p{font-size:max(16px,11px)}
}
.ref-2 .treat-offer__gift svg{display:block;width:58%;height:58%}
@media(max-width:370px){.ref-2 .treat-copy h2{font-size:max(16px,29px)}.ref-2 .treat-benefits{gap:14px 8px}.ref-2 .treat-proof p{font-size:max(16px,10px)}}
@media(prefers-reduced-motion:reduce){.ref-2 *{scroll-behavior:auto}}

/* Keep navigation in the outer gutters and separate the text from the proof card. */
@media(min-width:901px){
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.previous{left:-60px!important;right:auto!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.next,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.next,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.next{right:-44px!important;left:auto!important}
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.previous{left:-44px!important;right:auto!important}
 .ref-2 .treat-copy{left:3%;top:5.5%;width:43%}
 .ref-2 .treat-copy h2{font-size:max(16px,clamp(38px,3.2cqw,59px));line-height:1.02}
 .ref-2 .treat-lead{margin-top:.65cqw}
 .ref-2 .treat-actions{margin-top:.75cqw}
 .ref-2 .treat-benefits{margin-top:.65cqw;gap:.65cqw}
 .ref-2 .treat-benefits li{gap:.25cqw}
 .ref-2 .treat-benefits svg{width:1.9cqw;height:1.9cqw}
 .ref-2 .treat-proof{left:3%;bottom:10.5%;width:43%;min-height:11%;padding:.4cqw .55cqw}
 .ref-2 .treat-delivery{top:43%}
}
@media(max-width:900px){
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.previous{left:-26px!important;right:auto!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.next,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.next,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.next{right:-26px!important;left:auto!important}
 .ref-2 .treat-delivery{order:6}
 .ref-2 .treat-offer{order:5}
 .ref-2 .treat-benefits{margin-bottom:24px}
 .ref-2 .treat-proof{margin-top:0}
}
@media(min-width:901px){
 .ref-2 .treat-delivery{top:3%;right:1.5%;width:24%}
 .ref-2 .treat-offer{top:51%;right:2.5%;width:26%;height:26%}
}

/* Slide 2 follows the home's warm cream palette; swap the offer and delivery positions. */
.ref-2{background:#f7f0e5;color:#192b22}
.ref-2::before{background:linear-gradient(90deg,rgba(255,250,242,.22) 0%,rgba(255,250,242,.10) 38%,rgba(255,250,242,.02) 62%,transparent 78%),linear-gradient(0deg,rgba(64,42,20,.08) 0%,transparent 36%)}
.ref-2 .treat-eyebrow{color:#6d5739}
.ref-2 .treat-eyebrow svg{color:#d49312}
.ref-2 .treat-copy h2{color:#18271f}
.ref-2 .treat-lead{color:#39483f}
.ref-2 .treat-benefits li{color:#24382d}
.ref-2 .treat-benefits svg{color:#c78417}
.ref-2 .treat-actions .secondary{color:#173e2e;background:#fffaf2e8;border-color:#9e9a8a}
.ref-2 .treat-proof{border-color:#eee2d0;background:#fffdf5e8;box-shadow:0 .6cqw 1.6cqw #563b2014;backdrop-filter:blur(10px)}
.ref-2 .treat-proof svg{color:#c78417}
.ref-2 .treat-proof p{color:#263b30}
.ref-2 .treat-proof small{color:#77756e}
@media(min-width:901px){
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.previous{left:-44px!important;right:auto!important}
}
@media(max-width:900px){
 .ref-2{background:#fbf5eb;color:#192b22}
 .ref-2::before{background:linear-gradient(90deg,rgba(255,249,238,.10),rgba(255,249,238,.02) 64%,transparent),linear-gradient(0deg,rgba(64,42,20,.08),transparent 40%)}
 .ref-2 .treat-copy h2{background:#fbf5eb;color:#18271f}
 .ref-2 .treat-lead{background:#fbf5eb;color:#39483f}
 .ref-2 .treat-delivery{order:5}
 .ref-2 .treat-offer{order:6}
 .ref-2 .treat-benefits li{color:#24382d}
 .ref-2 .treat-proof{background:#fffdf5;border-color:#eee2d0}
 .ref-2 .treat-proof p{color:#263b30}
 .ref-2 .treat-proof small{color:#77756e}
}
/* Arrows stay fixed in balanced outer gutters for all slides. */
@media(min-width:901px){
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.previous{left:-44px!important;right:auto!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.next,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.next,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.next{right:-44px!important;left:auto!important}
}
/* Give the slide copy a calm, readable area while keeping the room visible. */
@media(min-width:901px){
 .ref-2::before{background:linear-gradient(90deg,rgba(255,250,242,.96) 0%,rgba(255,250,242,.90) 31%,rgba(255,250,242,.72) 43%,rgba(255,250,242,.32) 56%,rgba(255,250,242,.06) 68%,transparent 76%),linear-gradient(0deg,rgba(64,42,20,.08),transparent 36%)}
}
/* Legible slide copy and no duplicate proof strip. */
.ref-2 .treat-proof{display:none!important}
@media(min-width:901px){
 .ref-2 .treat-copy{z-index:3;left:3%;top:5%;width:45%;padding:1.4cqw 1.7cqw;box-sizing:border-box;border-radius:22px;background:linear-gradient(90deg,rgba(255,250,242,.98) 0%,rgba(255,250,242,.96) 72%,rgba(255,250,242,.78) 100%);}
 .ref-2 .treat-copy h2,.ref-2 .treat-copy .treat-lead,.ref-2 .treat-copy .treat-benefits{color:#24342b}
 .ref-2::before{z-index:0;background:linear-gradient(90deg,rgba(255,250,242,.22),transparent 68%),linear-gradient(0deg,rgba(64,42,20,.08),transparent 36%)}
}
/* Slide 2: match the supplied warm, bright reference layout. */
.ref-2 .treat-proof{display:none!important}
@media(min-width:901px){
 .ref-2::before{content:"";display:block!important;position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,252,247,.98) 0%,rgba(255,252,247,.96) 31%,rgba(255,252,247,.87) 41%,rgba(255,252,247,.53) 50%,rgba(255,252,247,.12) 61%,transparent 69%),linear-gradient(0deg,rgba(255,250,240,.12),transparent 34%)!important}
 .ref-2 .treat-copy{z-index:3;left:5.8%;top:7%;width:42%;padding:0;margin:0;border-radius:0;background:none;box-shadow:none}
 .ref-2 .treat-eyebrow{margin:0 0 1.2cqw;color:#20362e;font-size:max(16px,clamp(12px,.95cqw,17px));letter-spacing:.14em}
 .ref-2 .treat-eyebrow svg{color:#387528}
 .ref-2 .treat-copy h2{font-size:max(16px,clamp(42px,4.1cqw,76px));line-height:.98;letter-spacing:-.045em;color:#112d2c}
 .ref-2 .treat-copy h2 em{color:#f14e17}
 .ref-2 .treat-copy .treat-title-heart{color:#f14e17;font-size:max(16px,.88em);font-weight:500}
 .ref-2 .treat-lead{margin:.85cqw 0 0;color:#334a49;font-size:max(16px,clamp(16px,1.38cqw,25px));line-height:1.28}
 .ref-2 .treat-benefits{margin:1.55cqw 0 0;gap:1.2cqw}
 .ref-2 .treat-benefits li{gap:.6cqw;color:#142f31;font-size:max(16px,clamp(12px,1cqw,18px));font-weight:700;line-height:1.22}
 .ref-2 .treat-benefits svg{width:2.6cqw;height:2.6cqw;min-width:28px;min-height:28px;color:#28772c}
 .ref-2 .treat-benefits li:nth-child(2) svg{color:#ae741c}
 .ref-2 .treat-benefits li:nth-child(3) svg{color:#ef4e19}
 .ref-2 .treat-actions{margin-top:1.7cqw;gap:1cqw}
 .ref-2 .treat-actions .showcase-cta{min-height:3.9cqw;padding:.85cqw 1.55cqw;font-size:max(16px,clamp(14px,1.15cqw,21px))}
 .ref-2 .treat-actions .showcase-cta:first-child{background:#f24e16;color:white}
 .ref-2 .treat-actions .secondary{color:#183734;background:#fffdf8;border-color:#b9a993}
 .ref-2 .treat-note{position:absolute;z-index:2;left:43%;top:4%;width:10%;margin:0;color:#263b36;font:700 clamp(15px,1.28cqw,23px)/1.12 "Segoe Print","Comic Sans MS",cursive;transform:rotate(-8deg)}
 .ref-2 .treat-note span{position:absolute;right:-2%;top:-1.1em;font-size:max(16px,1.65em);font-weight:400}
 .ref-2 .treat-note svg{display:block;width:3.1cqw;height:3.2cqw;margin:.1cqw 0 0 2.1cqw;overflow:visible}
 .ref-2 .treat-note svg path{stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
 .ref-2 .treat-delivery{top:4%;right:3%;width:24%;min-height:13%;padding:.8cqw 1.1cqw;transform:rotate(-1deg);border-radius:1.1cqw;background:#ffd21e;clip-path:none;box-shadow:0 .45cqw 1.2cqw #6b4c1b1c}
 .ref-2 .treat-delivery strong{font-size:max(16px,clamp(15px,1.55cqw,28px))}
 .ref-2 .treat-offer{top:55%;right:3.5%;width:27%;height:29%;border-radius:1.8cqw}
 .ref-2 .treat-stats{z-index:4;height:14%;grid-template-columns:repeat(5,minmax(0,1fr));padding:0 4%;background:#fffefa;color:#142d31}
 .ref-2 .treat-stats>div{height:62%;gap:.7cqw;padding:0 .7cqw;border-right:1px solid #e5dfd5}
 .ref-2 .treat-stats svg{width:2.35cqw;height:2.35cqw;min-width:25px;min-height:25px;padding:.55cqw;box-sizing:content-box;border-radius:50%;background:#e8f2d0;color:#28772c}
 .ref-2 .treat-stats>div:nth-child(2n) svg{background:#ffe4d6;color:#ef4e19}
 .ref-2 .treat-stats p{font-size:max(16px,clamp(12px,.95cqw,17px));line-height:1.22}
}
@media(max-width:900px){
 .ref-2 .treat-note{display:none}
 .ref-2 .treat-copy h2{background:#fbf5eb!important;color:#173331!important}
 .ref-2 .treat-copy h2 em,.ref-2 .treat-copy h2 .treat-title-heart{color:#f14e17!important}
 .ref-2 .treat-lead{background:#fbf5eb;color:#334a49;padding:2px 20px 0;margin:0}
 .ref-2 .treat-actions .showcase-cta:first-child{background:#f24e16;color:white}
 .ref-2 .treat-actions .secondary{background:#fffdf8;color:#183734;border-color:#b9a993}
 .ref-2 .treat-delivery{background:#ffd21e;color:#152c28;border-radius:16px;clip-path:none;transform:none}
 .ref-2 .treat-stats{background:#fffefa}
 .ref-2 .treat-stats svg{padding:6px;box-sizing:content-box;border-radius:50%;background:#e8f2d0;color:#28772c}
 .ref-2 .treat-stats>div:nth-child(2n) svg{background:#ffe4d6;color:#ef4e19}
}
/* Final responsive color and photo balance for the recreated slide. */
@media(min-width:901px){
 .ref-2::before{background:linear-gradient(90deg,rgba(255,252,247,.98) 0%,rgba(255,252,247,.96) 31%,rgba(255,252,247,.86) 37%,rgba(255,252,247,.58) 41%,rgba(255,252,247,.24) 45%,rgba(255,252,247,.06) 49%,transparent 54%),linear-gradient(0deg,rgba(255,250,240,.1),transparent 34%)!important}
 .ref-2 .treat-copy{width:41%}
}
@media(max-width:900px){
 .ref-2{background:#fbf5eb!important;color:#193632!important}
 .ref-2 .treat-copy h2{background:#fbf5eb!important;color:#173331!important}
 .ref-2 .treat-lead{background:#fbf5eb!important;color:#334a49!important}
 .ref-2 .treat-benefits{background:#fbf5eb;color:#173331}
 .ref-2 .treat-benefits li{color:#173331}
 .ref-2 .treat-benefits svg{color:#28772c}
 .ref-2 .treat-benefits li:nth-child(2) svg{color:#ae741c}
 .ref-2 .treat-benefits li:nth-child(3) svg{color:#ef4e19}
 .ref-2 .treat-actions{background:#fbf5eb}
}

/* Gold headline accents stay readable on the cream slide backgrounds. */
.doctor-copy h2 em,
.ref-2 .treat-copy h2 em{color:#be7d00!important}

/* Remove the promotional bundle card from slide two. */
.ref-2 .treat-offer{display:none!important}

/* Set the shared controls closer to the outer page corners on every slide. */
@media(min-width:901px){
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.previous{left:-64px!important;right:auto!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.previous{left:-42px!important;right:auto!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.next,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.next,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.next{right:-64px!important;left:auto!important}
}
@media(max-width:900px){
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.previous{left:-30px!important;right:auto!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.next,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.next,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.next{right:-30px!important;left:auto!important}
}
/* First-slide visual match: warm paper backdrop, clearer illustration and playful accents. */
.ref-1{background:#fffaf1!important}
.ref-1 .reference-visual{background:#fffaf1!important;overflow:hidden!important}
.ref-1 .reference-art{mix-blend-mode:multiply!important}
.ref-1 .reference-visual::before{content:'♡'!important;position:absolute!important;z-index:2!important;left:-4%!important;right:auto!important;top:5%!important;width:auto!important;height:auto!important;clip-path:none!important;background:none!important;opacity:1!important;color:#ffad18!important;font:700 clamp(38px,4vw,70px)/1 'Segoe UI Symbol',sans-serif!important;transform:rotate(-14deg)!important;text-shadow:clamp(150px,16vw,280px) clamp(400px,43vw,690px) #ffad18,clamp(540px,47vw,820px) clamp(120px,13vw,220px) #ffad18!important;pointer-events:none!important}
.ref-1 .reference-visual::after{z-index:2!important}
@media(max-width:900px){.ref-1 .reference-visual::before{font-size:max(16px,38px)!important;text-shadow:160px 300px #ffad18!important}.ref-1 .reference-art{mix-blend-mode:multiply!important}}
/* Keep the hand-drawn heart clear of the bowl and image edge. */
.ref-1 .reference-visual::before{left:1%!important;top:57%!important;font-size:max(16px,clamp(36px,3.2vw,56px))!important;text-shadow:none!important;transform:rotate(-17deg)!important}
@media(max-width:900px){.ref-1 .reference-visual::before{left:3%!important;top:10%!important;font-size:max(16px,34px)!important;text-shadow:none!important}}
.ref-1 .reference-visual::before{left:8%!important;top:57%!important}
@media(max-width:900px){.ref-1 .reference-visual::before{left:8%!important;top:10%!important}}
/* Final first-slide corrections from the live screenshot. */
.ref-1 .reference-visual::before{content:none!important}
.ref-1::before{content:'♡';position:absolute;left:42.5%;top:55%;z-index:3;color:#ffad18;font:700 clamp(38px,3.1vw,56px)/1 'Segoe UI Symbol',sans-serif;transform:rotate(-18deg);pointer-events:none}
@media(min-width:901px){
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.previous{left:-24px!important;right:auto!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.next{right:12px!important;left:auto!important}
}
@media(max-width:900px){
 .ref-1::before{display:none}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.previous{left:12px!important;right:auto!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.next{right:12px!important;left:auto!important}
}

/* First page refinements from the exact visual reference. */
.ref-1 .hero-doodles{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible;pointer-events:none}
.ref-1 .hero-doodles path{fill:none;stroke:#ffad18;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round}
.ref-1 .hero-doodles .doodle-dash{stroke-width:3.5;stroke-dasharray:12 9;opacity:.85}
.ref-1 .hero-doodles .doodle-arrow{stroke-width:4.5}
.ref-1 .reference-visual::before{content:none!important}
.ref-1 .reference-visual::after{right:3.5%;top:6.5%;font-size:max(16px,clamp(20px,1.7cqw,30px));line-height:1.35}
.ref-1 .reference-actions .play-icon{width:1.55em;height:1.55em;fill:currentColor;stroke:currentColor;stroke-width:2;flex:none}
@media(min-width:901px){
 .ref-1 .responsive-copy{padding:4.4% 0 0 4.8%}
 .ref-1 .responsive-copy h1{font-size:max(16px,3.9cqw);line-height:1.08;letter-spacing:-.035em;margin-bottom:1.7cqw}
 .ref-1 .responsive-copy>p:last-child{font-size:max(16px,1.52cqw);line-height:1.38;max-width:40cqw}
 .ref-1 .reference-actions{margin:2.2cqw 0 0 4.8%;gap:1.35cqw}
 .ref-1 .reference-actions .showcase-cta{min-height:4.7cqw;padding:1cqw 2.9cqw;font-size:max(16px,1.28cqw)}
 .ref-1 .reference-actions .showcase-cta:first-child{min-width:20.5cqw}
 .ref-1 .reference-actions .secondary{min-width:14.8cqw;gap:.55cqw}
 .ref-1 .responsive-benefits{width:43%;gap:2.1cqw;margin:2.2cqw 0 0 4.8%;font-size:max(16px,1.18cqw)}
 .ref-1 .responsive-benefits li{max-width:8.5cqw}
 .ref-1 .responsive-benefits .benefit-symbol{width:4.5cqw;height:4.5cqw;padding:1cqw;border-radius:50%;background:#fff0c7;color:#cc8500;stroke-width:1.8}
 .ref-1 .responsive-benefits li:nth-child(1) .benefit-symbol,.ref-1 .responsive-benefits li:nth-child(3) .benefit-symbol{background:#e8f1d2;color:#4c812b}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.previous{left:12px!important;right:auto!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.next{right:12px!important;left:auto!important}
}
@media(max-width:900px){
 .ref-1 .reference-visual::after{right:5%;top:4%;font-size:max(16px,18px)}
 .ref-1 .hero-doodles{display:none}
 .ref-1 .reference-actions .secondary{gap:8px}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.previous{left:12px!important;right:auto!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.next{right:12px!important;left:auto!important}
}

/* Rebuilt first page: semantic two-column hero, matching the supplied reference. */
@media(min-width:901px){
 .showcase-stage:has(.ref-1:not([hidden])){box-sizing:border-box;width:min(calc(100% - 94px),1800px)!important;max-width:1800px!important;aspect-ratio:1775/853!important;min-height:0!important;overflow:visible!important}
 .ref-1{position:relative;isolation:isolate;display:block;container-type:inline-size;width:100%;height:100%;min-height:0!important;overflow:hidden;background:#fffaf2!important;color:#111!important}
 .ref-1 .hero-layout{position:relative;display:grid;grid-template-columns:46% 54%;width:100%;height:100%;min-height:0}
 .ref-1 .hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:3.4% 1.6% 4% 4.8%}
 .ref-1 .hero-copy .showcase-eyebrow{margin:0 0 1.5cqw;color:#969894;font-size:max(16px,1.12cqw);line-height:1.3;font-weight:700;letter-spacing:.19em}
 .ref-1 .hero-copy h1{max-width:100%;margin:0 0 1.65cqw;color:#080a09;font-size:max(16px,3.82cqw);font-weight:850;line-height:1.08;letter-spacing:-.04em;text-wrap:initial}
 .ref-1 .hero-lead{margin:0;color:#253239;font-size:max(16px,1.48cqw);font-weight:400;line-height:1.4}
 .ref-1 .hero-lead span{display:block}
 .ref-1 .hero-copy .reference-actions{position:static;display:flex;align-items:center;gap:1.3cqw;width:auto;height:auto;margin:2.1cqw 0 0;padding:0}
 .ref-1 .hero-copy .reference-actions .showcase-cta{display:inline-flex;opacity:1;width:auto;height:auto;min-height:4.6cqw;padding:.95cqw 2.8cqw;font-size:max(16px,1.2cqw);white-space:nowrap}
 .ref-1 .hero-copy .reference-actions .showcase-cta:first-child{min-width:20.6cqw;background:#ffb91e;color:#10130f}
 .ref-1 .hero-copy .reference-actions .secondary{min-width:14.8cqw;justify-content:center;gap:.55cqw;background:transparent;border:1px solid #535b58;color:#111}
 .ref-1 .hero-copy .play-icon{width:1.55em;height:1.55em;fill:none;stroke:currentColor;stroke-width:2;flex:none}
 .ref-1 .hero-copy .play-icon path{fill:currentColor;stroke:none}
 .ref-1 .hero-copy .responsive-benefits{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:1.25cqw;width:100%;height:auto;overflow:visible;clip-path:none;list-style:none;margin:2.1cqw 0 0;padding:0;color:#253239;font-size:max(16px,1.08cqw);line-height:1.35}
 .ref-1 .hero-copy .responsive-benefits li{display:flex;flex-direction:column;align-items:flex-start;gap:.55cqw;max-width:none;min-width:0}
 .ref-1 .hero-copy .responsive-benefits .benefit-symbol{box-sizing:border-box;width:4.5cqw;height:4.5cqw;padding:1.05cqw;border-radius:50%;background:#fff0c9;color:#c78108;stroke-width:1.8}
 .ref-1 .hero-copy .responsive-benefits li:nth-child(1) .benefit-symbol,.ref-1 .hero-copy .responsive-benefits li:nth-child(3) .benefit-symbol{background:#e8f1d2;color:#4c812b}
 .ref-1 .hero-visual{position:relative;grid-column:2;grid-row:1;align-self:stretch;width:100%;height:100%;min-width:0;overflow:hidden;background:#fffaf2}
 .ref-1 .hero-visual::before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,#fffaf2 0%,rgba(255,250,242,.72) 8%,rgba(255,250,242,0) 25%);pointer-events:none}
 .ref-1 .hero-visual .reference-art{position:absolute;z-index:0;inset:0;width:100%;height:100%;max-width:none;margin:0;object-fit:contain;object-position:center center;mix-blend-mode:multiply}
 .ref-1 .hero-note{position:absolute;z-index:2;top:7%;right:6%;margin:0;color:#16211e;font:italic 600 1.55cqw/1.25 'Segoe Script','Comic Sans MS',cursive;text-align:center;transform:rotate(-5deg)}
 .ref-1 .hero-doodles{position:absolute;z-index:2;inset:0;width:100%;height:100%;pointer-events:none}
 .ref-1 .hero-doodles path{fill:none;stroke:#ffad18;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
 .ref-1 .hero-doodles .doodle-dash{stroke-width:3.5;stroke-dasharray:12 9;opacity:.85}
 .ref-1 .hero-doodles .doodle-arrow{stroke-width:4.5}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow{top:50%!important;width:50px!important;height:50px!important;border-radius:50%!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.previous{left:-24px!important;right:auto!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.next{right:12px!important;left:auto!important}
}
@media(max-width:900px){
 .showcase-stage:has(.ref-1:not([hidden])){box-sizing:border-box;width:100%!important;max-width:none!important;margin:0!important;aspect-ratio:auto!important;min-height:0!important;overflow:visible!important}
 .ref-1{display:block!important;container-type:normal;min-height:0!important;overflow:hidden;background:#fffaf2!important}
 .ref-1 .hero-layout{display:flex;flex-direction:column;width:100%;height:auto;min-height:0}
 .ref-1 .hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;padding:28px 24px 0}
 .ref-1 .hero-copy .showcase-eyebrow{font-size:max(16px,11px);line-height:1.4;letter-spacing:.14em;margin:0 0 16px}
 .ref-1 .hero-copy h1{font-size:max(16px,clamp(30px,7vw,46px));line-height:1.05;letter-spacing:-.035em;margin:0 0 18px}
 .ref-1 .hero-lead{font-size:max(16px,16px);line-height:1.45}
 .ref-1 .hero-lead span{display:block}
 .ref-1 .hero-copy .reference-actions{position:static;display:flex;flex-wrap:wrap;gap:10px;width:100%;height:auto;margin:20px 0 0}
 .ref-1 .hero-copy .reference-actions .showcase-cta{display:inline-flex;opacity:1;width:auto;height:auto;min-height:48px;padding:12px 18px;font-size:max(16px,14px);flex:1 1 auto}
 .ref-1 .hero-copy .reference-actions .secondary{min-width:120px;gap:8px}
 .ref-1 .hero-copy .responsive-benefits{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;width:100%;height:auto;overflow:visible;clip-path:none;margin:24px 0 0;padding:0;list-style:none;font-size:max(16px,13px);line-height:1.3}
 .ref-1 .hero-copy .responsive-benefits li{display:flex;flex-direction:column;gap:8px;max-width:none}
 .ref-1 .hero-copy .responsive-benefits .benefit-symbol{width:42px;height:42px;padding:9px;border-radius:50%;background:#fff0c9;color:#c78108}
 .ref-1 .hero-copy .responsive-benefits li:nth-child(1) .benefit-symbol,.ref-1 .hero-copy .responsive-benefits li:nth-child(3) .benefit-symbol{background:#e8f1d2;color:#4c812b}
 .ref-1 .hero-visual{position:relative;grid-column:auto;grid-row:auto;width:100%;height:auto;aspect-ratio:1/1;overflow:hidden;background:#fffaf2}
 .ref-1 .hero-visual .reference-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;mix-blend-mode:multiply}
 .ref-1 .hero-note{top:4%;right:5%;font-size:max(16px,18px)}
 .ref-1 .hero-doodles{display:none}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow{top:62%!important;width:46px!important;height:46px!important;border-radius:50%!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.previous{left:12px!important;right:auto!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.next{right:12px!important;left:auto!important}
}
.ref-1::before{content:none!important;display:none!important}

/* Final polish for the first hero and the shared carousel controls. */
@media(min-width:901px){
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.previous{left:-42px!important;right:auto!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow{width:44px!important;height:44px!important;border:1px solid #d6c8ae!important;background:#fffaf0eF!important;color:#203c30!important;box-shadow:0 3px 12px #33251317!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.previous{left:-64px!important;right:auto!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.next,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.next,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.next{right:14px!important;left:auto!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.previous{left:-42px!important;right:auto!important}
 .showcase-arrow svg{width:17px!important;height:17px!important;stroke-width:1.8!important}
 .ref-1 .hero-visual::before{z-index:1;background:linear-gradient(90deg,#fffaf2 0%,rgba(255,250,242,.94) 9%,rgba(255,250,242,.62) 22%,rgba(255,250,242,.18) 34%,transparent 43%)}
 .ref-1 .hero-visual .reference-art{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 100%)}
 .ref-1 .hero-doodles path{stroke-width:4.2}
 .ref-1 .hero-doodles .doodle-arrow{stroke-width:3.8}
}
@media(max-width:900px){
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow{width:44px!important;height:44px!important;border:1px solid #d6c8ae!important;border-radius:50%!important;background:#fffaf0ee!important;color:#203c30!important;box-shadow:0 3px 10px #33251318!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.previous{left:12px!important;right:auto!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.next,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.next,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.next{right:12px!important;left:auto!important}
}

@media(min-width:901px){.showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.previous,.showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.previous{left:-42px!important;right:auto!important}}
@media(min-width:901px){.showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.previous{left:-42px!important;right:auto!important}}
.ref-2 .treat-note{display:none!important}

/* Keep carousel controls equally separated from every slide edge. */
@media(min-width:1200px){
 .showcase-stage:has(.ref-1:not([hidden])),
 .showcase-stage:has(.ref-2:not([hidden])),
 .showcase-stage:has(.doctor-slide:not([hidden])){width:min(calc(100% - 144px),1800px)!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.previous{left:-68px!important;right:auto!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.next,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.next,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.next{right:-68px!important;left:auto!important}
 .ref-1 .hero-copy{padding-left:5.3%}
}
@media(min-width:901px) and (max-width:1199px){
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.previous{left:18px!important;right:auto!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.next,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.next,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.next{right:18px!important;left:auto!important}
}
@media(max-width:900px){
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.previous,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.previous{left:18px!important;right:auto!important}
 .showcase-stage:has(.ref-1:not([hidden])) .showcase-arrow.next,
 .showcase-stage:has(.ref-2:not([hidden])) .showcase-arrow.next,
 .showcase-stage:has(.doctor-slide:not([hidden])) .showcase-arrow.next{right:18px!important;left:auto!important}
 .ref-1 .hero-copy{padding-left:28px}
}

/* Slide three: editorial veterinarian profile matched to the supplied reference. */
@media(min-width:901px){
 .doctor-slide{grid-template-rows:minmax(0,1fr) 10.5%!important;background:#fffdf9!important;color:#111c28}
 .doctor-main{background:#fffaf3;isolation:isolate}
 .doctor-main::before{background:linear-gradient(90deg,#fffdf9 0%,#fffdf9f5 31%,#fffdf9e5 40%,#fffdf9a8 48%,transparent 56%)}
 .doctor-copy{left:5.5%;top:7.3%;width:43.5%}
 .doctor-copy .showcase-eyebrow{width:max-content;max-width:100%;gap:.6cqw;margin-bottom:1.45cqw;padding:0 0 .62cqw;border-bottom:2px solid #ff5a12;color:#1b2833;font-size:max(16px,clamp(13px,.88cqw,17px));letter-spacing:.14em;line-height:1.25}
 .doctor-eyebrow-paw,.doctor-eyebrow-paw .icon{color:#ff5a12;fill:#ff5a12}
 .doctor-copy h2{font-size:max(16px,clamp(44px,4.1cqw,76px));line-height:1.05;letter-spacing:-.045em;margin:0 0 1.25cqw;color:#111c28}
 .doctor-copy h2 em{color:#c98200}
 .doctor-copy>p:not(.showcase-eyebrow){max-width:42cqw;color:#526170;font-size:max(16px,clamp(18px,1.42cqw,26px));line-height:1.52}
 .doctor-actions{justify-content:center;gap:.8cqw;margin:1.65cqw 0 1.45cqw}
 .doctor-actions .showcase-cta{min-height:3.65cqw;padding:.8cqw 1.45cqw;background:#ff4b13;color:#fff;font-size:max(16px,clamp(15px,1cqw,19px));gap:.65cqw;box-shadow:0 .35cqw .9cqw #ed50152b}
 .doctor-actions .showcase-cta .icon{color:#fff;width:1.25cqw;height:1.25cqw}
 .doctor-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15cqw;padding:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
 .doctor-benefits li{display:grid;grid-template-columns:2.6cqw minmax(0,1fr);grid-template-rows:auto auto;column-gap:.7cqw;align-items:center;min-height:8.7cqw;padding:0 .8cqw 0 0;border-right:1px solid #d9cbbb}
 .doctor-benefits li:last-child{border-right:0}
 .doctor-benefits .icon{grid-column:1;grid-row:1/3;width:2.1cqw;height:2.1cqw;margin:0;color:#ff5a12}
 .doctor-benefits li>span{display:contents}
 .doctor-benefits strong{grid-column:2;color:#111c28;font-size:max(16px,clamp(16px,1.2cqw,23px));line-height:1.25}
 .doctor-benefits small{grid-column:2;margin-top:.42cqw;color:#586879;font-size:max(16px,clamp(15px,1.02cqw,19px));line-height:1.4}
 .doctor-visual{inset:0!important;width:100%;height:100%;z-index:0;overflow:hidden}
 .doctor-orange-shape{display:block!important;z-index:0!important;right:2.5%;top:8%;width:41%;height:86%;border-radius:48% 40% 15% 15%;background:linear-gradient(145deg,#ffc268,#f68b2e);opacity:.94;transform:rotate(4deg)}
 .doctor-portrait{inset:4% 7% 4% 56%!important;height:auto!important;border-radius:36% 36% 28px 28px;overflow:hidden;background:#d7d8d9;box-shadow:0 16px 44px rgba(55,36,14,.12);clip-path:none}
 .doctor-portrait img{width:100%;height:100%;object-fit:cover!important;object-position:center 23%!important;mask-image:none!important;clip-path:none!important}
 .doctor-note{left:51.5%;top:67%;width:16.2%;padding:.85cqw 1cqw;border:1px solid #fff;border-radius:1.15cqw;background:#fffdf4f5;box-shadow:0 .45cqw 1.2cqw #4a35141c;font-size:max(16px,clamp(16px,1.35cqw,25px));transform:rotate(-3deg)}
 .doctor-note .doctor-note__name{font-size:max(16px,clamp(18px,1.55cqw,28px))}
 .doctor-note .doctor-note__name .icon{width:1.35cqw;height:1.35cqw;color:#ff5a12}
 .doctor-note__bio{font-size:max(16px,clamp(14px,.95cqw,18px));line-height:1.42}
 .doctor-note__arrow{width:4.4cqw;height:2.8cqw;margin-left:2.6cqw}
 .doctor-card{width:20%;min-height:clamp(112px,9cqw,170px);padding:1.15cqw;gap:.8cqw;border:1px solid #fff;background:#fffdf4ed;border-radius:1.35cqw;box-shadow:0 .5cqw 1.6cqw #4c2e121c;color:#111c28}
 .doctor-card--top{right:2.2%;top:13%;transform:rotate(3deg)}
 .doctor-card--bottom{right:3.4%;bottom:23%;transform:rotate(-5deg)}
 .doctor-card .doctor-card__medical,.doctor-card .doctor-card__leaf{width:2.5cqw;height:2.5cqw}
 .doctor-card strong{font-size:max(16px,clamp(15px,1.02cqw,19px));line-height:1.35}
 .doctor-card .doctor-card__arrow{width:2cqw;height:2cqw;border-radius:.45cqw;background:#ff5314;color:#fff;font-size:max(16px,1.05cqw)}
 .doctor-stats{grid-template-columns:repeat(5,minmax(0,1fr));padding:0 2.5%;background:#fffdf9;color:#111c28}
 .doctor-stats>div{height:66%;gap:.9cqw;border-right:1px solid #d9cdbf}
 .doctor-stats>div:last-child{border-right:0}
 .doctor-stats>div>.icon{width:2.1cqw;height:2.1cqw;color:#ff5a12}
 .doctor-stats>div:nth-child(5)>.icon{color:#76a72a}
 .doctor-stats p{font-size:max(16px,clamp(13px,.9cqw,17px));line-height:1.3}
 .doctor-stats strong{font-size:max(16px,clamp(16px,1.08cqw,21px))}
}
@media(max-width:900px){
 .doctor-slide{background:#fffaf3!important}
 .doctor-main{background:#fffaf3}
 .doctor-visual{height:clamp(340px,96vw,470px);background:#fffaf3}
 .doctor-orange-shape{display:block!important;right:1%;top:9%;width:67%;height:83%;border-radius:44% 40% 16% 16%;background:linear-gradient(145deg,#ffc268,#f68b2e);opacity:.9}
 .doctor-portrait{inset:3% 7% 4% 29%!important;height:auto!important;border-radius:34% 34% 22px 22px;background:#d7d8d9}
 .doctor-portrait img{object-position:center 17%!important;mask-image:none!important}
 .doctor-note{left:3%;top:auto;bottom:7%;width:34%;padding:10px;border:1px solid #fff;border-radius:13px;background:#fffdf4f5;box-shadow:0 4px 16px #4a35141c;font-size:max(16px,15px);transform:rotate(-2deg)}
 .doctor-note .doctor-note__name{font-size:max(16px,18px)}
 .doctor-note__bio{font-size:max(16px,11px);line-height:1.4}
 .doctor-note__arrow{width:42px;height:28px;margin:6px 0 0 14px}
 .doctor-card{width:min(45%,245px);min-height:72px;padding:10px;gap:8px;border-radius:14px}
 .doctor-card--top{right:3%;top:7%;transform:rotate(2deg)}
 .doctor-card--bottom{right:3%;bottom:9%;transform:rotate(-3deg)}
 .doctor-card .doctor-card__medical,.doctor-card .doctor-card__leaf{width:22px;height:22px}
 .doctor-card strong{font-size:max(16px,12px);line-height:1.35}
 .doctor-card .doctor-card__arrow{width:23px;height:23px;border-radius:6px;font-size:max(16px,15px)}
 .doctor-copy{padding:24px 22px 20px;background:#fffaf3}
 .doctor-copy .showcase-eyebrow{font-size:max(16px,11px);letter-spacing:.1em;line-height:1.5;color:#1b2833}
 .doctor-copy h2 em{color:#c98200}
 .doctor-actions .showcase-cta{background:#ff4b13;color:#fff}
 .doctor-benefits strong{font-size:max(16px,14px)}
 .doctor-benefits small{font-size:max(16px,13px);line-height:1.4}
 .doctor-stats{background:#fffdf9}
}

/* Catalog search and category selector based on the supplied storefront reference. */
#catalog.catalog.wrap{width:calc(100% - 72px);max-width:1840px;padding:clamp(44px,4.2vw,78px) 0 64px}
#catalog .catalog-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:30px}
#catalog .catalog-kicker{display:block;margin-bottom:13px;color:#99662b;font-size:max(16px,clamp(13px,.9vw,18px));font-weight:800;letter-spacing:.22em}
#catalog .catalog-heading h2{margin:0;color:#153a36;font-size:max(16px,clamp(38px,4vw,76px));line-height:1.01;letter-spacing:-.045em;font-weight:900}
#catalog .catalog-heading h2 em{font-style:normal;color:#c88312}
#catalog .catalog-heading p{margin:14px 0 0;color:#78828a;font-size:max(16px,clamp(17px,1.5vw,27px));line-height:1.35}
#catalog .catalog-help{flex:0 0 min(24vw,420px);padding-bottom:5px;text-align:center}
#catalog .catalog-help__button{display:flex;align-items:center;gap:14px;width:100%;min-height:76px;padding:12px 20px;border:2px solid #fff;border-radius:45px;background:linear-gradient(100deg,#ffeaa5,#ffd84f);color:#101916;box-shadow:0 9px 22px #8c5c1717;font-family:inherit;font-size:max(16px,clamp(16px,1.15vw,22px));font-weight:800;line-height:1.15;cursor:pointer}
#catalog .catalog-help__paw{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:50%;background:#ffc72f;color:#543d11}
#catalog .catalog-help__paw .icon{width:32px;height:32px;fill:#734c00}
#catalog .catalog-help__arrow{margin-left:auto;font-size:max(16px,30px);font-weight:500}
#catalog .catalog-help small{display:block;margin:10px 0 0;color:#4d5050;font-size:max(16px,15px);line-height:1.4}
#catalog .showcase-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0 0 32px}
#catalog .category-tile{position:relative;height:clamp(110px,6.2vw,132px);min-height:0;padding:0;border:1px solid #ffffffd9;border-radius:19px;box-shadow:0 7px 20px #372c1812;overflow:hidden;color:#fff;background:#302a20;transition:transform .18s,box-shadow .18s}
#catalog .category-tile:hover{transform:translateY(-3px);box-shadow:0 12px 27px #372c1824}
#catalog .category-picture{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;padding:0;background:#e6d6ba}
#catalog .category-picture::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 18%,rgba(23,20,14,.04) 38%,rgba(23,20,14,.76) 100%)}
#catalog .category-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:left center;transform:none;border:0;border-radius:0;padding:0}
#catalog .category-copy{position:absolute;z-index:1;inset:0 0 0 40%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;padding:12px 50px 12px 10px;text-align:left;background:transparent}
#catalog .category-copy h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:0;margin:0;color:#fff;font-size:max(16px,clamp(16px,1.15vw,23px));font-weight:800;line-height:1.16;text-wrap:balance}
#catalog .category-copy p{display:none}
#catalog .category-copy>span{position:absolute;right:11px;bottom:11px;display:grid;place-items:center;width:38px;height:38px;margin:0;border-radius:50%;background:#fff;color:#17251e}
#catalog .category-copy>span .icon{width:21px;height:21px}
#catalog .catalog-control-panel{display:grid;grid-template-columns:minmax(210px,1.28fr) repeat(5,minmax(130px,1fr)) auto auto;align-items:center;gap:12px 10px}
#catalog .catalog-pet-row,#catalog .catalog-controls{display:contents}
#catalog .pet-switch{display:flex;min-width:0;gap:8px;padding:0;border:0;background:transparent}
#catalog .pet-switch button{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;min-width:0;min-height:58px;padding:0 15px;border:1px solid #e5dfd4;border-radius:32px;background:#fffdf9;color:#1a2421;font-size:max(16px,16px);font-weight:700;white-space:nowrap}
#catalog .pet-switch button.active{border-color:#ffd239;background:#ffd23b;box-shadow:0 3px 9px #8a5f1118}
#catalog .pet-switch .icon{width:27px;height:27px;color:#2a2314}
#catalog .favorites-filter,#catalog .filter-reset{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 9px;border:0;background:transparent;color:#18211e;font-size:max(16px,14px);white-space:nowrap;cursor:pointer}
#catalog .favorites-filter .icon,#catalog .filter-reset .icon{width:22px;height:22px}
#catalog .filter-reset{grid-column:8}
#catalog .catalog-controls>label{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;min-height:58px;padding:0 12px;border:1px solid #e7e0d6;border-radius:32px;background:#fffdf9;color:#293b37;font-size:max(16px,clamp(13px,.92vw,17px));font-weight:650;white-space:nowrap}
#catalog .catalog-controls select{min-width:0;max-width:100%;padding:9px 20px 9px 5px;border:0;outline:0;background:transparent;color:#263530;font-family:inherit;font-size:max(16px,16px);font-weight:600;cursor:pointer}
#catalog .catalog-controls select:focus-visible{outline:2px solid #d99b13;border-radius:8px}
#catalog .catalog-controls select:disabled{opacity:.54}
#catalog .search-row{grid-column:1/-1;display:flex;gap:10px;min-width:0;margin:3px 0 0}
#catalog .search-row[hidden]{display:none}
#catalog .search-input-wrap{display:flex;align-items:center;gap:18px;flex:1;min-width:0;height:76px;padding:0 24px;border:1px solid #ede6dd;border-radius:42px;background:#fffdfb;box-shadow:0 3px 9px #49361a0c}
#catalog .search-mark{flex:none;width:35px;height:35px;color:#7b4b16}
#catalog .search-input-wrap input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#1c2a26;font-family:inherit;font-size:max(16px,19px);font-weight:400;line-height:1.3}
#catalog .search-input-wrap input::placeholder{color:#9aa1a8;opacity:1}
#catalog .search-clear{display:grid;place-items:center;flex:none;width:36px;height:36px;border:0;border-radius:50%;background:#f7f4ee;color:#34433e;cursor:pointer}
#catalog .search-clear .icon{width:19px;height:19px}
#catalog .search-submit{display:flex;align-items:center;justify-content:center;gap:24px;flex:none;min-width:225px;height:76px;padding:0 27px;border:2px solid #fff;border-radius:42px;background:#ffcb3e;color:#111a17;font-size:max(16px,21px);font-weight:800;box-shadow:0 4px 12px #855b1514;cursor:pointer}
#catalog .search-submit span{font-size:max(16px,30px);font-weight:500}
#catalog .results-count{margin:20px 2px 16px;color:#40504d;font-size:max(16px,16px);font-weight:700}
@media(max-width:1100px){
 #catalog.catalog.wrap{width:calc(100% - 42px)}
 #catalog .catalog-control-panel{grid-template-columns:minmax(220px,1fr) repeat(3,minmax(140px,1fr));gap:10px}
 #catalog .pet-switch{grid-column:span 2}
 #catalog .filter-reset{grid-column:auto}
 #catalog .catalog-controls>label{min-height:52px}
 #catalog .catalog-controls>label:nth-of-type(4){grid-column:2}
 #catalog .search-row{grid-column:1/-1}
}
@media(max-width:700px){
 #catalog.catalog.wrap{width:calc(100% - 32px);padding:38px 0 48px}
 #catalog .catalog-hero{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:22px}
 #catalog .catalog-kicker{font-size:max(16px,12px);letter-spacing:.18em;margin-bottom:9px}
 #catalog .catalog-heading h2{font-size:max(16px,clamp(34px,9vw,48px))}
 #catalog .catalog-heading p{font-size:max(16px,16px);margin-top:9px}
 #catalog .catalog-help{width:100%;flex:auto;padding:0;text-align:left}
 #catalog .catalog-help__button{min-height:58px;padding:7px 14px;font-size:max(16px,16px)}
 #catalog .catalog-help__paw{width:42px;height:42px}
 #catalog .catalog-help__paw .icon{width:27px;height:27px}
 #catalog .catalog-help__arrow{font-size:max(16px,26px)}
 #catalog .catalog-help small{font-size:max(16px,13px);margin:7px 0 0 4px}
 #catalog .showcase-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:22px}
 #catalog .category-tile{height:112px;border-radius:15px}
 #catalog .category-copy{left:37%;padding:9px 38px 9px 8px}
 #catalog .category-copy h3{font-size:max(16px,15px);line-height:1.15}
 #catalog .category-copy>span{right:7px;bottom:7px;width:28px;height:28px}
 #catalog .category-copy>span .icon{width:17px;height:17px}
 #catalog .catalog-control-panel{grid-template-columns:1fr 1fr;gap:9px}
 #catalog .pet-switch{grid-column:1/-1}
 #catalog .pet-switch button{min-height:50px;font-size:max(16px,14px)}
 #catalog .pet-switch .icon{width:23px;height:23px}
 #catalog .favorites-filter,#catalog .filter-reset{min-height:42px;font-size:max(16px,12px)}
 #catalog .catalog-controls>label{min-height:48px;padding:0 8px;font-size:max(16px,12px);gap:3px}
 #catalog .catalog-controls select{padding-right:14px;font-size:max(16px,12px)}
 #catalog .catalog-controls>label:nth-of-type(4){grid-column:auto}
 #catalog .search-row{grid-column:1/-1;flex-direction:column;gap:8px}
 #catalog .search-input-wrap{height:58px;padding:0 14px;gap:10px}
 #catalog .search-mark{width:26px;height:26px}
 #catalog .search-input-wrap input{font-size:max(16px,15px)}
 #catalog .search-submit{width:100%;height:54px;min-width:0;font-size:max(16px,16px)}
 #catalog .results-count{font-size:max(16px,14px);margin:15px 2px 12px}
}

/* Shared, equal-height product cards based on the supplied catalogue references. */
.products{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:1fr!important;align-items:stretch!important;gap:22px!important}
.products>.product{height:100%!important;min-width:0;min-height:0!important;border-radius:22px!important;display:flex!important;flex-direction:column!important}
.product .product-image{height:auto!important;min-height:0!important;aspect-ratio:1.42!important;margin:10px 10px 0!important;border-radius:17px!important;background:#f4efe5!important}
.product-image .photo-button,.product-image .real-product,.product-image .product-photo{width:100%;height:100%!important;display:block;overflow:hidden}
.product-image .photo-button{padding:0!important;border:0!important;background:transparent!important}
.product .product-image .real-product img,.product .product-image .product-photo img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;padding:0!important;background:#f4efe5!important;transform:none!important}
.product .pbody{flex:1 1 auto!important;height:auto!important;min-height:0!important;padding:17px 19px 16px!important;display:flex!important;flex-direction:column!important}
.product .catalog-tag{display:block;min-height:1.5em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:max(16px,12px)!important;line-height:1.4}
.product .product-name{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height:4.05em!important;min-height:4.05em!important;margin:7px 0 5px!important;font-size:max(16px,21px)!important;line-height:1.35!important;text-wrap:pretty}
.product .product-use{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:3em!important;height:3em!important;margin:0 0 13px!important;font-size:max(16px,14px)!important;line-height:1.5!important}
.product .product-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:auto 0 12px!important;min-height:40px}
.product .price{font-size:max(16px,27px)!important;line-height:1.15;white-space:nowrap}
.product .weight{flex:0 0 auto;font-size:max(16px,13px);padding:8px 12px;border-radius:11px;background:#f5f2eb}
.product .buy{width:100%;min-height:54px!important;display:flex;align-items:center;gap:11px;padding:0 18px!important;border-radius:14px!important;font-size:max(16px,17px)!important}
.product .buy .icon{width:23px;height:23px;flex:0 0 auto}.product .buy-weight{font-size:max(16px,14px)!important;font-weight:700;margin-left:auto;padding-left:13px}
.product .details-link{display:flex;align-items:center;min-height:42px!important;width:100%;margin-top:9px!important;padding:8px 12px!important;border-radius:12px;background:#f7f5ef;color:#2b3635!important;text-align:left;font-size:max(16px,14px);line-height:1.25}
.product .heart{z-index:2;display:grid;place-items:center;width:44px;height:44px;top:17px!important;right:17px!important;background:#fffdf8!important;box-shadow:0 2px 9px #342c1610}
@media(max-width:1000px){.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}}
@media(max-width:560px){.products{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}.product .product-image{aspect-ratio:1.48!important}.product .pbody{padding:16px!important}.product .product-name{font-size:max(16px,20px)!important}}

/* Product pack shots sit on one uninterrupted white surface. */
.product .product-image,
.product .product-image .photo-button,
.product .product-image .real-product,
.product .product-image .product-photo,
.product .product-image .real-product img,
.product .product-image .product-photo img{background-color:#fff!important}

/* Match the reference hero: keep the pet photo crisp where it meets the copy. */
@media(min-width:901px){
 .ref-1 .hero-visual::before{background:linear-gradient(90deg,#fffaf2 0%,rgba(255,250,242,.62) 7%,rgba(255,250,242,0) 22%)}
 .ref-1 .hero-visual .reference-art{-webkit-mask-image:none;mask-image:none}
}

/* First-screen reference match: warm gold headline and a natural full-height pet photo. */
.ref-1 .hero-copy h1 em{color:#d7a23b;font-style:normal}
.ref-1 .hero-visual .reference-art{object-fit:cover;object-position:78% center;mix-blend-mode:normal}
.ref-1 .hero-visual::before{z-index:1;background:linear-gradient(90deg,#fffaf2 0%,rgba(255,250,242,.88) 5%,rgba(255,250,242,.48) 15%,rgba(255,250,242,.08) 29%,transparent 39%)}
@media(max-width:900px){.ref-1 .hero-visual .reference-art{object-fit:cover;object-position:72% center}}

.ref-1 .hero-visual .reference-art{object-position:100% center;filter:saturate(1.1) contrast(1.035)}
.ref-1 .hero-note span{color:#e3a11c}


/* Evenly align the four illustrated benefits beneath the hero actions. */
.ref-1 .hero-copy .responsive-benefits li{align-items:center;text-align:center;justify-content:flex-start}
.ref-1 .hero-copy .responsive-benefits li>span{display:block;max-width:9cqw;min-height:2.7em;text-align:center}
.ref-1 .hero-copy .responsive-benefits .benefit-symbol{padding:.25cqw;border-radius:50%;filter:drop-shadow(0 4px 5px rgba(56,61,33,.09))}
@media(max-width:900px){.ref-1 .hero-copy .responsive-benefits li{align-items:center;text-align:center}.ref-1 .hero-copy .responsive-benefits li>span{max-width:100%;min-height:2.6em}.ref-1 .hero-copy .responsive-benefits .benefit-symbol{padding:3px}}

.ref-2 .hero-copy .responsive-benefits{order:2}
.ref-2 .hero-copy .reference-actions{order:3}
.ref-2 .hero-visual .reference-art{object-position:right center}
@media(max-width:900px){.ref-2 .hero-visual .reference-art{object-position:right center}}

/* Keep the handwritten note in the open space beside the pets; point toward them. */
@media(min-width:901px){
 .ref-1 .hero-note{top:5%!important;left:0!important;right:auto!important;width:40%!important;font-size:clamp(20px,1.3cqw,30px)!important;line-height:1.2!important;text-align:center!important;transform:rotate(-4deg)!important}
 .ref-1 .hero-doodles{display:block!important}
 .ref-1 .hero-doodles .doodle-arrow{d:path("M90 740C55 575 115 455 350 410m0 0-70 8m70-8-25 70")!important;stroke-width:6!important}
}
@media(max-width:900px){.ref-1 .hero-note{top:5%!important;left:0!important;right:auto!important;width:48%!important;font-size:clamp(20px,5vw,27px)!important;text-shadow:0 1px 8px #fff8!important}.ref-1 .hero-doodles{display:block!important}.ref-1 .hero-doodles .doodle-arrow{d:path("M90 740C55 575 115 455 350 410m0 0-70 8m70-8-25 70")!important;stroke-width:6!important}}

.ref-2 .hero-copy .reference-actions .showcase-cta.reference-bundle:first-child{box-sizing:border-box;width:28cqw;min-width:28cqw;min-height:4.8cqw;padding:.65cqw 1.5cqw;flex:0 0 28cqw;background:#ffca16!important;color:#111!important}
.ref-2 .hero-copy .reference-actions .showcase-cta.reference-bundle:first-child .hero-action-main{color:#111}
.ref-2 .hero-copy .reference-actions .showcase-cta.reference-bundle:first-child .hero-action-main>.icon{color:#111}
.ref-2 .hero-copy .reference-actions .showcase-cta.reference-bundle:first-child .hero-action-arrow{color:#111}
.ref-2 .hero-copy .reference-actions .showcase-cta.secondary{box-sizing:border-box;min-width:19cqw;flex:0 0 19cqw;background:#fff;color:#111;border:2px solid #173d3b}
.ref-2 .hero-copy .reference-actions{flex-wrap:nowrap;gap:.8cqw}
.ref-2 .hero-copy .responsive-benefits .hero-feature-icon{color:#132720!important}
.ref-2 .hero-heading-heart::before{left:-.7em;top:-.35em;width:.58em;height:2px;background:#ffb718;box-shadow:-.22em .35em 0 #ffb718;transform:rotate(30deg)}

/* Keep the heart and its rays clear of the heading text. */
.ref-2 .hero-heading-heart{margin-left:.16em}
.ref-2 .hero-heading-heart::before{transform:translateX(.5em) rotate(30deg)}
@media(max-width:900px){.ref-2 .hero-copy .reference-actions .showcase-cta.reference-bundle:first-child{width:100%;min-width:0;min-height:58px;flex:1 1 100%;padding:11px 16px}.ref-2 .hero-copy .reference-actions .showcase-cta.secondary{min-width:0;flex:1 1 100%}.ref-2 .hero-copy .reference-actions{flex-wrap:wrap}}


/* Warm up the second slide and keep its delivery badge clear of the pets. */
.ref-2 .hero-visual{background:#f7d875}
.ref-2 .hero-visual::after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 72% 45%,rgba(255,193,48,.32) 0 28%,rgba(255,211,112,.19) 44%,transparent 67%);mix-blend-mode:soft-light}
.ref-2 .hero-visual .reference-art{filter:saturate(1.18) sepia(.11) brightness(1.025)}
.ref-2 .hero-delivery{top:1.25%;right:2.4%;width:19.5cqw;min-height:3.9cqw;padding:.55cqw .9cqw .55cqw 4.3cqw;border-radius:1cqw;transform:none;box-shadow:0 .3cqw 1cqw #67400020}
.ref-2 .hero-delivery__truck{left:.9cqw;width:2.55cqw}
.ref-2 .hero-delivery strong{font-size:max(16px,1.05cqw);line-height:1.05}
.ref-2 .hero-delivery small{margin-top:.18cqw;font-size:max(16px,.68cqw);line-height:1.15}
@media(max-width:900px){.ref-2 .hero-visual{background:#f7d875}.ref-2 .hero-visual::after{background:radial-gradient(ellipse at 70% 43%,rgba(255,193,48,.3) 0 30%,rgba(255,211,112,.16) 48%,transparent 70%)}.ref-2 .hero-delivery{top:3%;right:3%;width:min(54%,260px);min-height:54px;padding:8px 9px 8px 55px;border-radius:12px}.ref-2 .hero-delivery__truck{left:11px;width:34px}.ref-2 .hero-delivery strong{font-size:max(16px,13px)}.ref-2 .hero-delivery small{font-size:max(16px,9px);margin-top:3px}}

/* Slide 2: remove the benefit row and place the CTAs directly after the lead. */
.ref-2 .hero-copy .responsive-benefits{display:none!important}
.ref-2 .hero-copy .reference-actions{order:2;margin-top:1.55cqw}
@media(max-width:900px){.ref-2 .hero-copy .reference-actions{order:2;margin-top:12px}}

/* Slide 2 lead spans the complete available text column. */
.ref-2 .hero-copy .hero-lead{width:100%;max-width:none}
.ref-2 .hero-copy .hero-lead span{display:inline}


/* Slide 2: neutralize the strong yellow-orange cast in the pet photo. */
.ref-2 .hero-visual::after{background:radial-gradient(ellipse at 72% 45%,rgba(255,193,48,.12) 0 28%,rgba(255,211,112,.07) 44%,transparent 67%)}.ref-2 .hero-visual .reference-art{filter:saturate(1.02) sepia(.025) brightness(1.015)}
@media(max-width:900px){.ref-2 .hero-visual::after{background:radial-gradient(ellipse at 70% 43%,rgba(255,193,48,.11) 0 30%,rgba(255,211,112,.06) 48%,transparent 70%)}}

/* Four matching pet-treat offers sit directly below the second-slide buttons. */
.ref-2 .hero-copy .responsive-benefits.treat-offers{order:3;display:grid!important;position:static;inset:auto;width:100%;height:auto;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:.8cqw;overflow:visible;clip-path:none;list-style:none;margin:1.25cqw 0 0;padding:0;color:#193936;font-size:max(16px,.92cqw);line-height:1.25}
.ref-2 .hero-copy .responsive-benefits.treat-offers li{display:flex;flex-direction:column;align-items:center;gap:.5cqw;min-width:0;max-width:none;text-align:center}
.ref-2 .hero-copy .responsive-benefits.treat-offers .treat-offer-icon{box-sizing:border-box;flex:none;width:3.8cqw;height:3.8cqw;padding:.5cqw;border-radius:50%;background:#e7f1d5;color:#39802d;stroke-width:1.8;filter:drop-shadow(0 3px 5px rgba(56,61,33,.08))}
.ref-2 .hero-copy .responsive-benefits.treat-offers li:nth-child(even) .treat-offer-icon{background:#fff0c6;color:#d58a00}
.ref-2 .hero-copy .responsive-benefits.treat-offers li>span{display:flex;flex-direction:column;align-items:center;width:100%;text-align:center}
.ref-2 .hero-copy .responsive-benefits.treat-offers strong{font-weight:700}
.ref-2 .hero-copy .responsive-benefits.treat-offers small{font-size:max(16px,.92em);line-height:inherit}
@media(max-width:900px){.ref-2 .hero-copy .responsive-benefits.treat-offers{order:3;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;margin:16px 0 0;font-size:max(16px,13px)}.ref-2 .hero-copy .responsive-benefits.treat-offers li{flex-direction:column;align-items:center;gap:7px}.ref-2 .hero-copy .responsive-benefits.treat-offers .treat-offer-icon{width:42px;height:42px;padding:5px}.ref-2 .hero-copy .responsive-benefits.treat-offers li>span{align-items:center;text-align:center}}

/* Reflow the catalog controls so every filter remains legible at laptop widths. */
#catalog .catalog-control-panel{display:flex;flex-direction:column;align-items:stretch;gap:14px}
#catalog .catalog-pet-row{display:flex;align-items:center;gap:12px}
#catalog .pet-switch{display:flex;width:min(470px,52%);flex:none}
#catalog .favorites-filter{min-height:52px;padding:0 16px;border:1px solid #e5dfd4;border-radius:32px;background:#fffdf9;font-size:max(16px,15px)}
#catalog .filter-reset{margin-left:auto;min-height:52px;padding:0 10px;font-size:max(16px,15px)}
#catalog .catalog-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
#catalog .catalog-controls>label{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-width:0;min-height:64px;padding:7px 15px;border-radius:17px;font-size:max(16px,12px);line-height:1.1}
#catalog .catalog-controls select{width:100%;padding:4px 18px 4px 0;font-size:max(16px,15px);line-height:1.25}
#catalog .catalog-controls>label:nth-of-type(4){grid-column:auto}
#catalog .search-row{grid-column:1/-1;margin-top:2px}
@media(max-width:700px){
 #catalog .catalog-control-panel{gap:9px}
 #catalog .catalog-pet-row{display:grid;grid-template-columns:1fr auto;gap:6px}
 #catalog .pet-switch{grid-column:1/-1;width:100%}
 #catalog .favorites-filter{min-height:42px;padding:0 10px;font-size:max(16px,12px)}
 #catalog .filter-reset{margin-left:0;justify-content:flex-end;min-height:42px;font-size:max(16px,12px)}
 #catalog .catalog-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #catalog .catalog-controls>label{min-height:54px;padding:6px 10px;font-size:max(16px,11px)}
 #catalog .catalog-controls select{font-size:max(16px,13px)}
 #catalog .search-row{grid-column:1/-1;margin-top:0}
}
#catalog .catalog-help{flex-basis:clamp(340px,24vw,420px)}
#catalog .catalog-help__button strong{flex:none;white-space:nowrap}
@media(min-width:901px) and (max-width:1399px){.showcase-stage:has(.doctor-slide:not([hidden])){aspect-ratio:auto;min-height:620px}}

/* Compact filter pills matching the latest catalog reference. */
#catalog .catalog-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
#catalog .catalog-controls>label.filter-pill{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;min-width:0;height:70px;min-height:70px;padding:0 24px;border:1px solid #eee9e2;border-radius:40px;background:#fffdfa;box-shadow:0 3px 10px #4a34100a;color:#202b28;font-size:max(16px,clamp(15px,1.2vw,21px));line-height:1.2;white-space:nowrap;overflow:hidden}
#catalog .filter-pill-icon{flex:none;width:32px;height:32px;color:#9d5a16}
#catalog .filter-pill-label{min-width:0;overflow:hidden;text-overflow:ellipsis}
#catalog .filter-pill-chevron{flex:none;width:20px;height:20px;margin-left:auto;stroke:#17241f;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
#catalog .catalog-controls>label.filter-pill select{position:absolute;inset:0;z-index:2;width:100%;height:100%;padding:0;margin:0;border:0;border-radius:inherit;opacity:0;cursor:pointer}
#catalog .catalog-controls>label.filter-pill:focus-within{outline:2px solid #d69a19;outline-offset:2px}
@media(max-width:1050px){#catalog .catalog-controls{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){#catalog .catalog-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#catalog .catalog-controls>label.filter-pill{height:56px;min-height:56px;gap:8px;padding:0 12px;border-radius:30px;font-size:max(16px,13px)}#catalog .filter-pill-icon{width:23px;height:23px}#catalog .filter-pill-chevron{width:17px;height:17px}}
#catalog .search-row>.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Keep the carousel frame and navigation controls aligned across every slide. */
@media(min-width:901px){
 .showcase-stage:has([data-slide]:not([hidden])){box-sizing:border-box;width:min(calc(100% - 144px),1800px)!important;margin-inline:auto!important;aspect-ratio:1249/620!important;min-height:0!important}
 .showcase-stage:has([data-slide]:not([hidden])) .showcase-arrow{top:50%!important;box-sizing:border-box;width:46px!important;height:46px!important;transform:translateY(-50%);border-radius:50%!important}
 .showcase-stage:has([data-slide]:not([hidden])) .showcase-arrow.previous{left:-58px!important;right:auto!important}
 .showcase-stage:has([data-slide]:not([hidden])) .showcase-arrow.next{right:-58px!important;left:auto!important}
}
@media(max-width:900px){
 .showcase-stage:has([data-slide]:not([hidden])) .showcase-arrow{display:none!important}
}
@media(min-width:901px) and (max-width:1100px){
 .doctor-slide{grid-template-rows:minmax(0,1fr) 12%!important}
 .doctor-copy{left:4.5%!important;top:5%!important;width:47%!important}
 .doctor-copy .showcase-eyebrow{font-size:max(16px,11px)!important;letter-spacing:.09em!important;margin-bottom:10px!important;padding-bottom:6px!important}
 .doctor-copy h2{font-size:max(16px,clamp(31px,3.25cqw,37px))!important;line-height:1.04!important;letter-spacing:-.04em!important;margin:0 0 9px!important}
 .doctor-copy>p:not(.showcase-eyebrow){max-width:46cqw!important;font-size:max(16px,15px)!important;line-height:1.35!important;margin:0!important}
 .doctor-actions{margin:11px 0!important}
 .doctor-actions .showcase-cta{min-height:34px!important;padding:7px 13px!important;font-size:max(16px,13px)!important}
 .doctor-benefits{gap:7px!important}
 .doctor-benefits li{grid-template-columns:20px minmax(0,1fr)!important;column-gap:5px!important;min-height:0!important;padding-right:5px!important}
 .doctor-benefits .icon{width:19px!important;height:19px!important}
 .doctor-benefits strong{font-size:max(16px,12px)!important;line-height:1.2!important}
 .doctor-benefits small{font-size:max(16px,11px)!important;line-height:1.25!important;margin-top:4px!important}
 .doctor-portrait{inset:4% 5% 4% 55%!important}
 .doctor-note{left:51%!important;top:auto!important;bottom:14%!important;width:20%!important;padding:8px!important;border-radius:12px!important}
 .doctor-note .doctor-note__name{font-size:max(16px,19px)!important}
 .doctor-note__bio{font-size:max(16px,11px)!important}
 .doctor-note__arrow{width:36px!important;height:23px!important;margin-left:18px!important}
 .doctor-card{width:22%!important;min-height:78px!important;padding:9px!important;gap:7px!important;border-radius:12px!important}
 .doctor-card--top{right:1.8%!important;top:10%!important}
 .doctor-card--bottom{right:2.5%!important;bottom:18%!important}
 .doctor-card .doctor-card__medical,.doctor-card .doctor-card__leaf{width:22px!important;height:22px!important}
 .doctor-card strong{font-size:max(16px,12px)!important;line-height:1.25!important}
 .doctor-card .doctor-card__arrow{width:22px!important;height:22px!important;font-size:max(16px,14px)!important}
 .doctor-stats{gap:0!important}
 .doctor-stats>div{gap:7px!important;padding:0 7px!important}
 .doctor-stats .icon{width:21px!important;height:21px!important}
 .doctor-stats p strong{font-size:max(16px,12px)!important}
 .doctor-stats p span{font-size:max(16px,10px)!important;line-height:1.2!important}
}

/* Keep the three-column benefit copy clear at in-between desktop widths. */
@media(min-width:901px) and (max-width:1399px){
 .doctor-copy{top:5%!important}
 .doctor-copy h2{margin-bottom:.88cqw!important}
 .doctor-actions{margin:.82cqw 0 .8cqw!important}
 .doctor-benefits strong{font-size:max(16px,clamp(14px,1.15cqw,17px))!important;line-height:1.2!important}
 .doctor-benefits small{font-size:max(16px,clamp(13px,.95cqw,15px))!important;line-height:1.28!important;margin-top:.28cqw!important}
}

/* Final slide-three alignment: match the supplied founder-page reference. */
@media(min-width:901px){
 .showcase-stage:has(.doctor-slide:not([hidden])){aspect-ratio:2.08/1!important;min-height:0!important}
 .doctor-slide{grid-template-rows:minmax(0,1fr) 12%!important;background:#fffdf9!important}
 .doctor-copy h2 em{color:#c98200!important}
 .doctor-copy>p:not(.showcase-eyebrow){max-width:41cqw!important}
 .doctor-portrait{inset:4% 7% 4% 56%!important;height:auto!important;border-radius:38% 38% 28px 28px!important;background:#d7d8d9!important}
 .doctor-portrait img{object-position:36% top!important;mask-image:none!important}
 .doctor-orange-shape{right:2.5%!important;top:7%!important;width:42%!important;height:87%!important}
 .doctor-note{left:51.5%!important;top:67%!important;width:16%!important}
 .doctor-card--top{right:2.5%!important;top:12%!important}
 .doctor-card--bottom{right:3.4%!important;bottom:22%!important}
 .doctor-stats{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}

.doctor-actions .showcase-cta{background:#ffbf26;color:#172a2a;box-shadow:0 5px 14px #c9952626}

#catalog .showcase-categories .category-copy{inset:0;display:flex;justify-content:center;align-items:center;padding:10px 52px 10px 12px;text-align:center}
#catalog .showcase-categories .category-copy h3{display:block;width:100%;margin:0;font-size:max(16px,clamp(15px,1.05vw,20px));line-height:1.16;text-align:center;text-wrap:balance;overflow:visible}
#catalog .showcase-categories .category-copy>span{right:11px;top:50%;bottom:auto;transform:translateY(-50%)}
@media(max-width:700px){#catalog .showcase-categories .category-copy{padding:9px 39px 9px 8px}#catalog .showcase-categories .category-copy h3{font-size:max(16px,15px)}#catalog .showcase-categories .category-copy>span{right:7px;width:28px;height:28px}}


/* Catalog structure and full-bleed, equal-height carousel slides. */
@media(min-width:901px){
 .showcase{width:100%;max-width:none;margin:0;border:0;border-radius:0}
 .showcase-stage{box-sizing:border-box;width:100%;max-width:none;margin:0;aspect-ratio:2.08/1;min-height:0;overflow:hidden}
 .showcase-stage>.showcase-slide{position:absolute;inset:0;width:100%;height:100%;min-height:0}
 .showcase-stage>.showcase-slide[hidden]{display:none!important}
 .showcase-stage .showcase-arrow{top:50%!important;width:46px!important;height:46px!important;transform:translateY(-50%);border-radius:50%!important}
 .showcase-stage .showcase-arrow.previous{left:18px!important;right:auto!important}
 .showcase-stage .showcase-arrow.next{right:18px!important;left:auto!important}
 .showcase-stage:has(.doctor-slide:not([hidden])) .doctor-slide{aspect-ratio:auto;min-height:0}
}
@media(min-width:901px) and (max-width:1250px){.showcase-stage{aspect-ratio:1.72/1}.showcase-stage .doctor-main{min-height:0}}
.showcase-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.category-tile{background:#fff;border-radius:20px}
.category-picture{aspect-ratio:2.8/1;display:grid;place-items:center;background:linear-gradient(135deg,#f4f7e9,#fff7dd)}
.category-feed .category-picture,.category-pharmacy .category-picture{background:linear-gradient(135deg,#eef4e4,#fbfff5)}
.category-litter .category-picture,.category-promotions .category-picture{background:linear-gradient(135deg,#fff3d0,#fffaf0)}
.category-care .category-picture{background:linear-gradient(135deg,#f1f4ef,#fff)}
.category-glyph{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:#fff9e8;color:#d98405;font-size:max(16px,44px);font-weight:800;box-shadow:0 8px 18px #1f342010}
.category-pharmacy .category-glyph,.category-feed .category-glyph{color:#4e8d3a;background:#f1f8e8}
.category-copy{padding:18px 20px}
.category-copy h3{min-height:0;margin-bottom:6px}
.category-copy p{margin-bottom:14px}
.catalog-segmenters{margin:18px 0 24px}
.segment-row,.feed-brand-chips{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.segment-row button,.brand-chip{border:1px solid #e4dbca;border-radius:999px;background:#fff;color:#1d302d;padding:11px 18px;font:inherit;font-weight:650;cursor:pointer;min-height:42px}
.segment-row button.active,.brand-chip.active{background:#ffcc3d;border-color:#ffcc3d;color:#182623}
.brand-chip{padding:8px 14px;min-height:36px;background:#fbfaf7;font-size:max(16px,14px)}
.promotion-strip{display:flex;align-items:center;gap:16px;margin:18px 0 24px;padding:15px 22px;border-radius:18px;background:linear-gradient(100deg,#ffcf48,#ffe7a3);color:#172824;text-decoration:none;box-shadow:0 8px 20px #68440b12}
.promotion-strip>span:nth-child(2){display:grid;gap:4px}.promotion-strip strong{font-size:max(16px,18px)}.promotion-strip small{font-size:max(16px,14px)}.promotion-strip>b{margin-left:auto;font-size:max(16px,25px)}.promotion-tag{font-size:max(16px,11px);font-weight:850;letter-spacing:.1em;padding:8px 10px;border-radius:999px;background:#fff9e9}
@media(max-width:900px){
 .showcase-stage{width:100%!important;max-width:none!important;margin:0!important;aspect-ratio:auto!important;min-height:0!important}
 .showcase-stage>.showcase-slide{position:relative;inset:auto;width:100%;height:auto;min-height:0}
 .showcase-stage .ref-1 .reference-art,.showcase-stage .ref-2 .reference-art{width:100%;height:310px;aspect-ratio:auto;object-fit:cover;object-position:center 48%}
 .showcase-stage .showcase-arrow{top:155px!important;width:42px!important;height:42px!important;transform:translateY(-50%);border-radius:50%!important}
 .showcase-stage .showcase-arrow.previous{left:12px!important;right:auto!important}.showcase-stage .showcase-arrow.next{right:12px!important;left:auto!important}
 .showcase-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .category-picture{aspect-ratio:2.4/1}.category-glyph{width:56px;height:56px;font-size:max(16px,34px)}
 .category-copy{padding:13px}.category-copy h3{font-size:max(16px,17px)}.category-copy p{font-size:max(16px,13px)}
 .promotion-strip{padding:13px 15px;gap:11px}.promotion-strip strong{font-size:max(16px,16px)}.promotion-strip small{font-size:max(16px,12px)}
 .segment-row{flex-wrap:nowrap;overflow-x:auto;padding:0 0 6px}.segment-row button{white-space:nowrap;flex:none;padding:10px 14px;font-size:max(16px,14px)}
 .feed-brand-chips{flex-wrap:nowrap;overflow-x:auto;padding:2px 0 8px}.brand-chip{white-space:nowrap;flex:none}
}
@media(max-width:480px){.showcase-categories{grid-template-columns:1fr}.category-tile{display:grid;grid-template-columns:34% 66%;align-items:stretch}.category-picture{height:100%;min-height:108px;aspect-ratio:auto}.category-copy{padding:12px 14px}.category-copy p{margin-bottom:8px}.promotion-tag{font-size:max(16px,10px);padding:7px}.promotion-strip{align-items:flex-start}.promotion-strip>b{font-size:max(16px,22px)}}

/* Override older per-slide sizing rules so the carousel shares one true edge-to-edge frame. */
@media(min-width:901px){
 .showcase-stage:has([data-slide]:not([hidden])){box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;aspect-ratio:2.08/1!important;min-height:0!important;left:auto!important;right:auto!important;transform:none!important;overflow:hidden!important}
 .showcase-stage:has([data-slide]:not([hidden]))>.showcase-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important}
 .showcase-stage:has([data-slide]:not([hidden])) .showcase-arrow.previous{left:18px!important;right:auto!important}
 .showcase-stage:has([data-slide]:not([hidden])) .showcase-arrow.next{right:18px!important;left:auto!important}
}
@media(max-width:900px){
 .showcase-stage:has([data-slide]:not([hidden])){box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;aspect-ratio:auto!important;min-height:0!important;left:auto!important;right:auto!important;transform:none!important;overflow:visible!important}
 .showcase-stage:has([data-slide]:not([hidden]))>.showcase-slide{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important}
 .showcase-stage:has([data-slide]:not([hidden])) .showcase-arrow.previous{left:12px!important;right:auto!important}
 .showcase-stage:has([data-slide]:not([hidden])) .showcase-arrow.next{right:12px!important;left:auto!important}
}

@media(max-width:900px){
 .showcase-stage:has([data-slide]:not([hidden])) .ref-1 .reference-art,
 .showcase-stage:has([data-slide]:not([hidden])) .ref-2 .reference-art{width:100%!important;height:310px!important;min-height:310px!important;max-height:310px!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center 48%!important}
}

@media(max-width:900px){.showcase-stage:has([data-slide]:not([hidden])) .reference-actions{background:transparent!important;box-shadow:none!important}}

/* Keep the two photo slides in the same right-hand frame with the same crop box. */
@media(min-width:901px){
 .ref-1 .hero-layout{grid-template-columns:minmax(0,46fr) minmax(0,54fr)!important;column-gap:25px!important}
 .ref-1 .hero-visual{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:calc(54% - 13.5px)!important;height:100%!important;grid-column:auto!important}
 .ref-2 .hero-layout{height:100%!important;min-height:0!important}
 .ref-2 .hero-visual{right:0!important;width:calc(54% - 13.5px)!important;height:100%!important}
 .ref-2 .hero-visual{background:#f4f4ef!important}
 .ref-2 .hero-visual::after{background:radial-gradient(ellipse at 72% 45%,rgba(225,208,155,.08) 0 28%,rgba(220,220,205,.04) 44%,transparent 67%)!important}
 .ref-2 .hero-visual .reference-art{filter:saturate(.96) sepia(0) brightness(1.015)!important;object-position:right center!important}
}
/* Category photos for treats and dry/wet food. */
#catalog .category-treats .category-picture::after,
#catalog .category-feed .category-picture::after{background:linear-gradient(90deg,transparent 0 36%,rgba(23,20,14,.12) 51%,rgba(23,20,14,.76) 100%);pointer-events:none}
#catalog .category-treats .category-picture>img,#catalog .category-feed .category-picture>img{object-position:left center}
#catalog .category-treats .category-glyph,#catalog .category-feed .category-glyph{display:none}
#catalog .category-glyph{position:absolute;left:20%;top:50%;z-index:1;transform:translate(-50%,-50%)}

/* Place carousel arrows beside the page count below the slides. */
.showcase-pagination{position:relative;z-index:6;gap:10px;min-height:58px;padding:9px 16px 13px}
.showcase-pagination .showcase-arrow{position:static!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;display:grid;width:36px!important;height:36px!important;min-width:36px;padding:0;transform:none!important;border:1px solid #e4ddcd;border-radius:50%!important;background:#fff;color:#26382e;font-size:max(16px,20px);line-height:1;box-shadow:none}
.showcase-pagination .showcase-arrow:hover{background:#ffca3e}
.showcase-pagination .showcase-arrow:active{transform:scale(.96)!important}
.showcase-pagination .showcase-status{margin-left:2px}
@media(max-width:700px){.showcase-pagination{min-height:52px;padding:7px 12px 10px}.showcase-pagination .showcase-arrow{width:34px!important;height:34px!important;min-width:34px}}
# Keep non-photo symbols away from the centered category names.
#catalog .category-glyph{left:13%;width:50px;height:50px;font-size:max(16px,28px)}
@media(max-width:900px){#catalog .category-glyph{width:46px;height:46px;font-size:max(16px,25px)}}
#catalog .category-glyph{left:8%;width:40px;height:40px;font-size:max(16px,23px)}
@media(max-width:900px){#catalog .category-glyph{width:38px;height:38px;font-size:max(16px,21px)}}

/* Give the second-slide benefit icons a little more breathing room, and keep them crisp as vector art. */
.ref-2 .hero-copy .responsive-benefits.treat-offers{margin-top:2cqw}
.ref-2 .hero-copy .responsive-benefits.treat-offers .treat-offer-icon{shape-rendering:geometricPrecision;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){.ref-2 .hero-copy .responsive-benefits.treat-offers{margin-top:20px}}

/* Catalog refresh: photographic hero, five consistent image categories, then search and filters. */
#catalog.catalog.wrap{width:calc(100% - 64px);max-width:1760px;padding:26px 0 60px}
#catalog .catalog-hero{position:relative;display:block;min-height:400px;margin:0 0 22px;padding:32px;overflow:hidden;border-radius:22px;background:#eee5d3 url("assets/catalog-room-background.webp") center/cover no-repeat;isolation:isolate}
#catalog .catalog-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#fffaf3 0%,rgba(255,250,243,.97) 27%,rgba(255,250,243,.77) 39%,rgba(255,250,243,.06) 65%,transparent 100%)}
#catalog .catalog-heading{position:relative;z-index:1;width:min(46%,700px);pointer-events:none}
#catalog .catalog-heading h2{font-size:max(16px,clamp(42px,4.1vw,78px));color:#12372f}
#catalog .catalog-heading h2 em{color:#d4932b}
#catalog .catalog-heading p{max-width:520px;font-size:max(16px,clamp(17px,1.35vw,25px))}
#catalog .catalog-help{position:absolute;z-index:1;left:32px;bottom:26px;width:min(330px,40%);padding:0;text-align:left}
#catalog .catalog-help__button{min-height:60px;padding:8px 16px;font-size:max(16px,18px)}
#catalog .catalog-help__paw{width:42px;height:42px}
#catalog .catalog-help__paw .icon{width:27px;height:27px}
#catalog .catalog-help small{display:none}
#catalog .catalog-hero>.catalog-heading,#catalog .catalog-hero>.catalog-help{pointer-events:auto}
#catalog .catalog-promotions{position:absolute;z-index:2;top:50%;right:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(720px,49%);transform:translateY(-50%)}
#catalog .promotion-card{display:flex;min-width:0;min-height:238px;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:11px;padding:22px;border:1px solid #fff;border-radius:23px;background:#fffdf0e8;backdrop-filter:blur(14px);box-shadow:0 14px 34px #24170720;color:#173c32;text-align:left;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
#catalog .promotion-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px #24170728}
#catalog .promotion-card:focus-visible{outline:3px solid #d4932b;outline-offset:3px}
#catalog .promotion-card--bundle{background:linear-gradient(145deg,#fff9dfed,#ffe79ded)}
#catalog .promotion-card--help{background:#fffdf0e8}
#catalog .promotion-card__eyebrow{display:inline-flex;align-items:center;min-height:27px;padding:5px 9px;border-radius:999px;background:#f2d5aa;color:#925217;font-size:max(16px,11px);font-weight:800;letter-spacing:.07em;line-height:1.2}
#catalog .promotion-card strong{font-size:max(16px,clamp(18px,1.35vw,25px));line-height:1.12}
#catalog .promotion-card__description{color:#687474;font-size:max(16px,14px);line-height:1.4}
#catalog .promotion-card__price{display:flex;width:100%;align-items:center;gap:9px;margin-top:auto;padding-top:5px}
#catalog .promotion-card__price del{color:#82827b;font-size:max(16px,14px)}
#catalog .promotion-card__price b{font-size:max(16px,25px);line-height:1;color:#173c32}
#catalog .promotion-card__price i,.promotion-card__action i{display:grid;width:34px;height:34px;place-items:center;margin-left:auto;border-radius:50%;background:#174638;color:#fff;font-size:max(16px,20px);font-style:normal}
#catalog .promotion-card__action{display:flex;width:100%;align-items:center;margin-top:auto;padding-top:5px;color:#174638;font-size:max(16px,14px);font-weight:750}
#catalog .showcase-categories{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 22px}
#catalog .category-tile{height:clamp(180px,14vw,245px);border-radius:18px}
#catalog .category-picture::after{background:linear-gradient(0deg,rgba(25,21,15,.82) 0%,rgba(25,21,15,.38) 39%,transparent 78%)!important}
#catalog .category-picture img{object-position:center center}
#catalog .category-copy{inset:auto 0 0;min-height:95px;justify-content:flex-end;padding:16px 48px 17px 18px}
#catalog .category-copy h3{font-size:max(16px,clamp(17px,1.2vw,22px))}
#catalog .category-copy p{display:block;margin:7px 0 0;color:#f2ede5;font-size:max(16px,14px);line-height:1.3}
#catalog .category-copy>span{right:12px;bottom:14px;width:42px;height:42px}
#catalog .category-glyph{display:none}
#catalog .catalog-segmenters{margin:14px 0 18px}
#catalog .catalog-control-panel{display:flex;flex-direction:column;align-items:stretch;gap:14px}
#catalog .catalog-pet-row{display:flex;align-items:center;gap:10px;order:0}
#catalog .catalog-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;order:1}
#catalog .catalog-controls .search-row{order:-1;display:flex;flex:1 1 100%;margin:0 0 2px;gap:12px}
#catalog .catalog-controls>label{flex:1 1 150px;min-height:54px;border-radius:18px;background:#fff}
#catalog .pet-switch button{min-width:175px;min-height:56px;background:#fff}
#catalog .favorites-filter{min-height:50px;padding:0 16px;border:1px solid #e7e0d6;border-radius:32px;background:#fff}
#catalog .filter-reset{margin-left:auto;min-height:50px;padding:0 15px}
#catalog .search-input-wrap{background:#fff}
#catalog .search-submit{min-width:190px}
#catalog .catalog-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:25px 0 18px;padding:14px 4px;border-radius:22px;background:#fffaf2}
#catalog .catalog-trust>div{display:flex;align-items:center;gap:16px;padding:6px 20px;border-right:1px solid #e8dfd1}
#catalog .catalog-trust>div:last-child{border-right:0}
#catalog .catalog-trust>div>span{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:50%;background:#faebce;color:#935407}
#catalog .catalog-trust .icon{width:30px;height:30px}
#catalog .catalog-trust p{display:grid;gap:4px;margin:0;font-size:max(16px,15px);line-height:1.3}
#catalog .catalog-trust strong{font-size:max(16px,16px)}
#catalog .catalog-trust small{color:#78828a;font-size:max(16px,14px)}
@media(min-width:701px){
 #catalog .catalog-control-panel{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:10px}
 #catalog .catalog-pet-row,#catalog .catalog-controls{display:contents}
 #catalog .pet-switch{grid-column:1/span 3;grid-row:1}
 #catalog .favorites-filter{grid-column:11/span 2;grid-row:1}
 #catalog .filter-reset{grid-column:11/span 2;grid-row:2}
 #catalog .catalog-controls .search-row{grid-column:4/span 7;grid-row:1;display:flex;min-width:0;margin:0;gap:10px}
 #catalog .catalog-controls>label{grid-column:span 2;grid-row:2;min-width:0}
 #catalog .catalog-controls>label[data-filter-title="Тип лакомства"]{grid-column:1/span 2}
 #catalog .catalog-controls>label[data-filter-title="Форма"]{grid-column:3/span 2}
 #catalog .catalog-controls>label[data-filter-title="Вкус"]{grid-column:5/span 2}
 #catalog .catalog-controls>label[data-filter-title="Бренд"]{grid-column:7/span 2}
 #catalog .catalog-controls>label[data-filter-title="Цена"]{grid-column:7/span 2}
 #catalog:has(.catalog-controls>label[data-filter-title="Бренд"]:not([hidden])) .catalog-controls>label[data-filter-title="Цена"]{grid-column:9/span 2}
 #catalog .catalog-controls .search-input-wrap{min-width:0;height:66px;padding:0 18px}
 #catalog .catalog-controls .search-input-wrap input{font-size:max(16px,17px)}
 #catalog .catalog-controls .search-submit{min-width:150px;height:66px;padding:0 18px}
}
@media(max-width:1100px){#catalog .catalog-hero{min-height:350px}#catalog .catalog-promotions{width:min(620px,51%);right:20px;gap:9px}#catalog .promotion-card{min-height:220px;padding:17px;border-radius:19px}#catalog .promotion-card__description{font-size:max(16px,13px)}#catalog .showcase-categories{grid-template-columns:repeat(3,minmax(0,1fr))}#catalog .catalog-trust{grid-template-columns:repeat(2,minmax(0,1fr))}#catalog .catalog-trust>div:nth-child(2){border-right:0}#catalog .catalog-trust>div:nth-child(-n+2){border-bottom:1px solid #e8dfd1}}
@media(max-width:900px){#catalog .catalog-hero{display:flex;min-height:0;flex-direction:column;gap:16px;padding:26px}#catalog .catalog-heading{width:100%}#catalog .catalog-promotions{position:relative;top:auto;right:auto;left:auto;order:2;width:100%;transform:none}#catalog .catalog-help{position:relative;left:auto;bottom:auto;order:3;width:100%;margin:0}}
@media(max-width:700px){
 #catalog.catalog.wrap{width:calc(100% - 28px);padding:20px 0 42px}
 #catalog .catalog-hero{display:flex;flex-direction:column;justify-content:flex-start;min-height:0;margin-bottom:14px;padding:24px 18px;border-radius:18px;background-position:62% center;gap:16px}
 #catalog .catalog-hero::before{background:linear-gradient(180deg,#fffaf4 0%,rgba(255,250,244,.97) 38%,rgba(255,250,244,.68) 53%,rgba(255,250,244,.04) 79%)}
 #catalog .catalog-heading{width:100%}
 #catalog .catalog-heading h2{font-size:max(16px,clamp(37px,10vw,54px));line-height:1.03}
 #catalog .catalog-heading p{max-width:360px;font-size:max(16px,16px)}
 #catalog .catalog-help{position:relative;left:auto;bottom:auto;order:3;width:100%;margin:0}
 #catalog .catalog-help__button{min-height:54px;font-size:max(16px,16px)}
 #catalog .catalog-promotions{position:relative;top:auto;right:auto;left:auto;order:2;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;transform:none;gap:9px}
 #catalog .promotion-card{min-height:196px;gap:8px;padding:14px;border-radius:16px}
 #catalog .promotion-card__eyebrow{font-size:max(16px,9px);letter-spacing:.045em}
 #catalog .promotion-card strong{font-size:max(16px,18px)}
 #catalog .promotion-card__description{font-size:max(16px,12px)}
 #catalog .promotion-card__price b{font-size:max(16px,21px)}
 #catalog .promotion-card__price i,.promotion-card__action i{width:29px;height:29px}
 #catalog .promotion-card__action{font-size:max(16px,12px)}
 #catalog .showcase-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:18px}
 #catalog .category-tile{height:154px;border-radius:14px}
 #catalog .category-copy{min-height:75px;padding:12px 36px 12px 12px}
 #catalog .category-copy h3{font-size:max(16px,15px)}
 #catalog .category-copy p{font-size:max(16px,11px);margin-top:4px}
 #catalog .category-copy>span{right:7px;bottom:9px;width:27px;height:27px}
 #catalog .catalog-pet-row{display:grid;grid-template-columns:1fr auto;gap:7px}
 #catalog .pet-switch{grid-column:1/-1}
 #catalog .pet-switch button{min-width:0;min-height:48px;padding:0 8px;font-size:max(16px,13px)}
 #catalog .favorites-filter{min-height:40px;font-size:max(16px,12px)}
 #catalog .filter-reset{min-height:40px;font-size:max(16px,12px)}
 #catalog .catalog-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #catalog .catalog-controls .search-row{grid-column:1/-1;flex-direction:row;gap:7px}
 #catalog .search-input-wrap{height:54px;padding:0 10px;gap:8px}
 #catalog .search-mark{width:22px;height:22px}
 #catalog .search-input-wrap input{font-size:max(16px,13px)}
 #catalog .search-clear{width:28px;height:28px}
 #catalog .search-submit{width:auto;min-width:80px;height:54px;padding:0 11px;gap:7px;font-size:max(16px,14px)}
 #catalog .search-submit span{font-size:max(16px,21px)}
 #catalog .catalog-controls>label{min-height:47px;flex-basis:0;padding:0 7px;border-radius:14px;font-size:max(16px,11px)}
 #catalog .catalog-controls select{font-size:max(16px,11px)}
 #catalog .catalog-trust{grid-template-columns:1fr 1fr;margin:18px 0 12px;padding:8px;border-radius:16px}
 #catalog .catalog-trust>div{gap:9px;padding:10px 6px}
 #catalog .catalog-trust>div:nth-child(odd){border-right:1px solid #e8dfd1}
 #catalog .catalog-trust>div:nth-child(even){border-right:0}
 #catalog .catalog-trust>div:nth-child(-n+2){border-bottom:1px solid #e8dfd1}
 #catalog .catalog-trust>div>span{width:38px;height:38px}
 #catalog .catalog-trust .icon{width:22px;height:22px}
 #catalog .catalog-trust p{font-size:max(16px,11px)}
 #catalog .catalog-trust strong{font-size:max(16px,12px)}
 #catalog .catalog-trust small{font-size:max(16px,10px)}
}
@media(max-width:520px){#catalog .catalog-promotions{grid-template-columns:1fr}#catalog .promotion-card{min-height:150px;padding:15px}#catalog .catalog-heading h2{font-size:max(16px,clamp(35px,10vw,48px))}}


/* Shared pixel origin for the first two hero-slide text columns. */
@media(min-width:901px){
 .ref-1 .hero-copy,.ref-2 .hero-copy{box-sizing:border-box;justify-content:flex-start!important;padding:6.2% 1.6% 4% 4.8%}
 .ref-2 .hero-copy{width:46%}
 .ref-1 .hero-copy .showcase-eyebrow,.ref-2 .hero-copy .hero-eyebrow{margin:0 0 1.5cqw;font-size:max(16px,1.12cqw);line-height:1.3;letter-spacing:.19em}
 .ref-1 .hero-copy h1,.ref-2 .hero-copy h1{margin:0 0 1.65cqw;font-size:max(16px,3.82cqw);line-height:1.08;letter-spacing:-.04em}
 .ref-1 .hero-copy .hero-lead,.ref-2 .hero-copy .hero-lead{margin:0;font-size:max(16px,1.48cqw);line-height:1.4}
 .ref-1 .hero-copy .reference-actions,.ref-2 .hero-copy .reference-actions{margin:2.1cqw 0 0;gap:1.3cqw}
 .ref-1 .hero-copy .responsive-benefits,.ref-2 .hero-copy .responsive-benefits{margin-top:2.1cqw}
}
@media(max-width:900px){
 .ref-2 .hero-layout{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important}
 .ref-2 .hero-copy{order:0!important;width:auto!important;height:auto!important;padding:28px 24px 0!important;justify-content:flex-start!important}
 .ref-2 .hero-visual{position:relative!important;inset:auto!important;order:1!important;width:100%!important;height:auto!important;aspect-ratio:1.3!important}
 .ref-2 .hero-copy .hero-eyebrow{margin:0 0 16px;font-size:max(16px,11px);line-height:1.4;letter-spacing:.14em}
 .ref-2 .hero-copy h1{margin:0 0 18px;font-size:max(16px,clamp(30px,7vw,46px));line-height:1.05;letter-spacing:-.035em}
 .ref-2 .hero-copy .hero-lead{font-size:max(16px,16px);line-height:1.45}
 .ref-2 .hero-copy .reference-actions{order:2;margin:20px 0 0;gap:10px;flex-wrap:wrap}
 .ref-2 .hero-copy .reference-actions .showcase-cta{min-height:48px;padding:12px 18px;font-size:max(16px,14px);flex:1 1 100%}
 .ref-2 .hero-copy .responsive-benefits.treat-offers{order:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;margin:24px 0 0;font-size:max(16px,13px)}
 .doctor-copy .doctor-benefits{margin:26px 0 0!important}
}

/* A calm, persistent guide. Its pulse stays behind the paw and never moves page content. */
.care-guide{position:fixed;z-index:35;right:22px;bottom:22px;max-width:calc(100vw - 28px);opacity:1;transition:opacity .18s ease,transform .18s ease}
.care-guide__button{display:flex;align-items:center;gap:12px;min-height:64px;padding:8px 15px 8px 9px;border:1px solid rgba(45,72,49,.12);border-radius:999px;background:rgba(255,253,247,.97);color:#183c31;box-shadow:0 8px 28px rgba(38,49,31,.15),0 2px 6px rgba(38,49,31,.08);text-align:left;backdrop-filter:blur(12px);transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}
.care-guide__button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(38,49,31,.18),0 3px 8px rgba(38,49,31,.08);background:#fff}
.care-guide__button:active{transform:scale(.96)}
.care-guide__button:focus-visible{outline:3px solid #b8790b;outline-offset:4px}
.care-guide__button::after{content:attr(aria-label);position:absolute;right:70px;top:50%;max-width:min(300px,calc(100vw - 100px));padding:10px 13px;border:1px solid rgba(45,72,49,.1);border-radius:14px;background:#fffdf7;color:#183c31;font-size:max(16px,12px);line-height:1.35;box-shadow:0 6px 20px rgba(38,49,31,.12);opacity:0;transform:translate(5px,-50%);pointer-events:none;transition:opacity .16s ease,transform .16s ease}
.care-guide--compact .care-guide__button:hover::after,.care-guide--compact .care-guide__button:focus-visible::after{opacity:1;transform:translate(0,-50%)}
.care-guide__paw{position:relative;display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;background:#f9e8b9;color:#9b5a08}
.care-guide__paw .icon{position:relative;z-index:1;width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8}
.care-guide__paw i{position:absolute;inset:0;border:1px solid rgba(196,133,20,.46);border-radius:50%;animation:careGuidePulse 4s cubic-bezier(.2,0,.2,1) 1s infinite;pointer-events:none}
.care-guide__copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.care-guide__copy strong{font-size:max(16px,14px);line-height:1.2;font-weight:800;white-space:nowrap}
.care-guide__copy small{max-width:220px;color:#68766b;font-size:max(16px,12px);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.care-guide__spark{display:grid;place-items:center;width:28px;height:28px;margin-left:2px;border-radius:50%;background:#fff4d3;color:#c18309;font-size:max(16px,17px)}
.care-guide--compact .care-guide__button{width:60px;height:60px;min-height:60px;padding:7px;justify-content:center;gap:0}
.care-guide--compact .care-guide__paw{width:44px;height:44px}
.care-guide--compact .care-guide__copy,.care-guide--compact .care-guide__spark{display:none}
.care-guide--offer-covered{visibility:hidden;pointer-events:none}
body:has(dialog[open]) .care-guide,body:has(.toast.visible) .care-guide{opacity:0;pointer-events:none;transform:translateY(5px)}
@keyframes careGuidePulse{0%,66%,100%{opacity:0;transform:scale(.78)}24%{opacity:.58;transform:scale(1.16)}42%{opacity:0;transform:scale(1.42)}}
@media(max-width:700px){
 .care-guide{right:12px;bottom:calc(78px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}
 .care-guide__button{min-height:58px;gap:9px;padding:7px 12px 7px 7px}
 .care-guide__paw{width:42px;height:42px}
 .care-guide__paw .icon{width:24px;height:24px}
 .care-guide--compact .care-guide__button{width:56px;height:56px;min-height:56px}
 .care-guide--compact .care-guide__paw{width:42px;height:42px}
 .care-guide__copy strong{font-size:max(16px,13px)}
 .care-guide__copy small{max-width:min(55vw,210px);font-size:max(16px,12px)}
 .care-guide__spark{width:25px;height:25px}
}
@media(prefers-reduced-motion:reduce){.care-guide__paw i{animation:none}.care-guide__button,.care-guide{transition:none}}

/* Match slide two's text origin to slide one while keeping its own art composition. */
@media(min-width:901px){.ref-2 .hero-copy{transform:translate(-2.6cqw,-3.6cqw)}body:has(.doctor-slide:not([hidden])) .doctor-stats{box-sizing:border-box;padding:0 8% 0 2.5%!important}}
@media(max-width:900px){.ref-2 .hero-copy{transform:none}}
@media(max-width:900px){#about.doctor-slide{scroll-margin-top:78px}}

/* About slide: concise copy and aligned icon/text groups at every breakpoint. */
@media(min-width:901px){
 #about .doctor-copy{left:5.5%!important;top:6.2%!important;width:46%!important}
 #about .doctor-copy .showcase-eyebrow{max-width:100%;font-size:max(16px,clamp(12px,.84cqw,15px))!important;letter-spacing:.11em!important;line-height:1.35!important;margin:0 0 1.15cqw!important;padding-bottom:.48cqw!important;text-wrap:pretty}
 #about .doctor-copy h2{font-size:max(16px,clamp(40px,3.85cqw,70px))!important;line-height:1.04!important;letter-spacing:-.045em!important;margin:0 0 1.05cqw!important;text-wrap:balance}
 #about .doctor-copy>p:not(.showcase-eyebrow){max-width:43cqw!important;font-size:max(16px,clamp(17px,1.28cqw,23px))!important;line-height:1.45!important;margin:0!important;text-wrap:pretty}
 #about .doctor-benefits{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1cqw!important;margin:1.55cqw 0 0!important}
 #about .doctor-benefits li{grid-template-columns:minmax(24px,2.15cqw) minmax(0,1fr)!important;column-gap:.55cqw!important;min-height:7.2cqw!important;padding:0 .6cqw 0 0!important;align-items:start!important}
 #about .doctor-benefits .icon{width:1.9cqw!important;height:1.9cqw!important;align-self:center!important}
 #about .doctor-benefits strong{font-size:max(16px,clamp(13px,1.02cqw,18px))!important;line-height:1.25!important;text-wrap:balance}
 #about .doctor-benefits small{margin-top:.35cqw!important;font-size:max(16px,clamp(12px,.88cqw,16px))!important;line-height:1.35!important;text-wrap:pretty}
 #about .doctor-card{align-items:center!important;gap:.65cqw!important}
 #about .doctor-card strong{font-size:max(16px,clamp(14px,.95cqw,18px))!important;line-height:1.32!important;text-wrap:pretty}
}
@media(max-width:900px){
 #about .doctor-copy{padding:24px 24px 26px!important}
 #about .doctor-copy .showcase-eyebrow{font-size:max(16px,11px)!important;line-height:1.45!important;letter-spacing:.1em!important;margin:0 0 13px!important;text-wrap:balance}
 #about .doctor-copy h2{font-size:max(16px,clamp(30px,6.5vw,42px))!important;line-height:1.07!important;letter-spacing:-.04em!important;margin:0 0 13px!important;text-wrap:balance}
 #about .doctor-copy>p:not(.showcase-eyebrow){font-size:max(16px,16px)!important;line-height:1.48!important;margin:0!important;text-wrap:pretty}
 #about .doctor-benefits{margin:20px 0 0!important}
 #about .doctor-benefits li{align-items:start!important}
 #about .doctor-benefits .icon{align-self:start!important}
 #about .doctor-card{align-items:center!important}
}
@media(max-width:560px){
 #about .doctor-copy{padding:22px 20px 24px!important}
 #about .doctor-benefits{grid-template-columns:1fr!important;gap:0!important}
 #about .doctor-benefits li{grid-template-columns:30px minmax(0,1fr)!important;grid-template-rows:auto auto!important;min-height:0!important;column-gap:10px!important;padding:12px 0!important;border-right:0!important;border-bottom:1px solid #e7ddce}
 #about .doctor-benefits li:last-child{border-bottom:0}
 #about .doctor-benefits .icon{grid-column:1!important;grid-row:1/3!important;width:24px!important;height:24px!important;margin:1px 0 0!important}
 #about .doctor-benefits li>span{display:contents!important}
 #about .doctor-benefits strong{grid-column:2!important;font-size:max(16px,14px)!important;line-height:1.3!important}
 #about .doctor-benefits small{grid-column:2!important;margin-top:3px!important;font-size:max(16px,13px)!important;line-height:1.4!important}
 #about .doctor-card{width:min(48%,245px)!important;gap:7px!important}
 #about .doctor-card strong{font-size:max(16px,11px)!important}
}

/* About benefits: keep each icon, heading and explanation together as one card. */
@media(min-width:901px){
 #about .doctor-benefits{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:12px!important;margin:clamp(20px,2.1cqw,34px) 0 0!important}
 #about .doctor-benefits li{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:48px auto!important;align-content:start!important;justify-items:start!important;gap:13px!important;box-sizing:border-box!important;min-height:clamp(142px,13.4cqw,190px)!important;padding:16px 15px!important;border:1px solid #eee4d5!important;border-radius:18px!important;background:linear-gradient(145deg,#fff 0%,#fffaf1 100%)!important;box-shadow:0 8px 20px rgba(63,48,25,.06)!important}
 #about .doctor-benefits .icon{grid-column:1!important;grid-row:1!important;align-self:start!important;box-sizing:border-box!important;width:48px!important;height:48px!important;margin:0!important;padding:12px!important;border-radius:50%!important;background:#fff0d2!important;color:#ec5a1d!important}
 #about .doctor-benefits li>span{display:flex!important;flex-direction:column!important;gap:0!important;min-width:0!important}
 #about .doctor-benefits strong{grid-column:auto!important;display:block!important;color:#162c29!important;font-size:max(16px,clamp(14px,1.12cqw,18px))!important;line-height:1.25!important;text-wrap:balance}
 #about .doctor-benefits small{grid-column:auto!important;display:block!important;margin-top:6px!important;color:#596a69!important;font-size:max(16px,clamp(13px,.94cqw,16px))!important;line-height:1.4!important;text-wrap:pretty}
}
@media(max-width:900px){
 #about .doctor-benefits{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;margin:20px 0 0!important}
 #about .doctor-benefits li{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;grid-template-rows:auto!important;align-items:center!important;column-gap:13px!important;box-sizing:border-box!important;min-height:0!important;padding:13px 14px!important;border:1px solid #eee4d5!important;border-radius:15px!important;background:#fffdf9!important;box-shadow:0 5px 14px rgba(63,48,25,.045)!important}
 #about .doctor-benefits .icon{grid-column:1!important;grid-row:1!important;align-self:center!important;box-sizing:border-box!important;width:44px!important;height:44px!important;margin:0!important;padding:11px!important;border-radius:50%!important;background:#fff0d2!important;color:#ec5a1d!important}
 #about .doctor-benefits li>span{display:flex!important;flex-direction:column!important;min-width:0!important}
 #about .doctor-benefits strong{grid-column:auto!important;font-size:max(16px,15px)!important;line-height:1.3!important}
 #about .doctor-benefits small{grid-column:auto!important;margin-top:4px!important;font-size:max(16px,14px)!important;line-height:1.4!important}
}
@media(min-width:901px) and (max-width:1250px){
 #about .doctor-benefits{grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
 #about .doctor-benefits li{grid-template-columns:44px minmax(0,1fr)!important;grid-template-rows:auto!important;align-items:center!important;column-gap:13px!important;min-height:0!important;padding:11px 14px!important}
 #about .doctor-benefits .icon{width:44px!important;height:44px!important;padding:11px!important}
}

/* Campaign hub below the catalogue: published offers and clearly marked drafts. */
.promotions-section{position:relative;margin-top:clamp(44px,7vw,96px);margin-bottom:clamp(52px,8vw,108px);padding:clamp(24px,4.2vw,58px);overflow:hidden;border:1px solid #eee5d6;border-radius:32px;background:radial-gradient(ellipse at 92% 0%,rgba(255,215,111,.34),transparent 34%),linear-gradient(135deg,#fffdf8 0%,#fbf4e6 100%);scroll-margin-top:112px}
.promotions-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin:0 0 28px}.promotions-heading>div{max-width:660px}.promotions-heading .section-number{display:inline-block;margin-bottom:12px;color:#a85b13;font-size:max(16px,11px);font-weight:800;letter-spacing:.2em}
.promotions-heading h2{margin:0;color:#153b31;font-size:max(16px,clamp(32px,4.1vw,58px));line-height:1.01;letter-spacing:-.045em;text-wrap:balance}.promotions-heading h2 em{color:#d78a19;font-style:normal}.promotions-heading p{max-width:590px;margin:14px 0 0;color:#68716b;font-size:max(16px,15px);line-height:1.65;text-wrap:pretty}
.promotions-heading__link{display:inline-flex;align-items:center;gap:12px;min-height:46px;padding:0 18px;border:1px solid #ded4c1;border-radius:999px;color:#173a30;font-size:max(16px,14px);font-weight:750;text-decoration:none;white-space:nowrap;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.promotions-heading__link:hover{transform:translateY(-2px);border-color:#f0bb33;background:#ffcf43}
.promotions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.promotions-card{position:relative;display:flex;min-width:0;min-height:294px;flex-direction:column;overflow:hidden;border:1px solid #e9dfcd;border-radius:24px;background:#fffefa;color:#15382e;text-decoration:none;box-shadow:0 10px 32px rgba(59,45,22,.055);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.promotions-card.is-active:hover{transform:translateY(-4px);border-color:#e9bc51;box-shadow:0 18px 40px rgba(59,45,22,.12)}
.promotions-card__art{position:relative;display:grid;height:112px;place-items:center;overflow:hidden;background:linear-gradient(115deg,#ffdf78,#f5b328 58%,#e89a22)}.promotions-card__art:before,.promotions-card__art:after{position:absolute;content:"";border:1px solid rgba(255,255,255,.47);border-radius:50%}.promotions-card__art:before{width:190px;height:190px;transform:translate(76px,10px)}.promotions-card__art:after{width:126px;height:126px;transform:translate(-138px,-31px)}
.promotions-card__art>span{position:relative;z-index:1;display:grid;width:68px;height:68px;place-items:center;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(255,255,255,.46);color:#17503c;font-size:max(16px,36px);line-height:1}.promotions-card__art>i{position:absolute;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.72)}.promotions-card__art>i:nth-of-type(1){top:23px;left:27%;width:5px;height:5px}.promotions-card__art>i:nth-of-type(2){right:24%;bottom:19px;width:10px;height:10px}
.promotions-card--treats .promotions-card__art{background:linear-gradient(120deg,#f2d7b1,#f2ab62 56%,#c77243)}.promotions-card--treats .promotions-card__art>span{color:#8d492b}.promotions-card--partner .promotions-card__art{background:linear-gradient(120deg,#dce9c9,#a9c982 54%,#5d9566)}.promotions-card--partner .promotions-card__art>span{color:#356847}.promotions-card.is-draft{background:rgba(255,254,250,.74);box-shadow:none}.promotions-card.is-draft .promotions-card__art{filter:saturate(.78)}
.promotions-card__body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:21px 22px 20px}.promotions-card__label{margin-bottom:10px;color:#a05c19;font-size:max(16px,10px);font-weight:850;letter-spacing:.12em;line-height:1.3}.promotions-card__body>strong{max-width:360px;font-size:max(16px,clamp(20px,2vw,25px));line-height:1.15;letter-spacing:-.025em;text-wrap:balance}.promotions-card__description{margin-top:10px;color:#68716b;font-size:max(16px,14px);line-height:1.55;text-wrap:pretty}
.promotions-card__price{display:flex;align-items:baseline;gap:11px;margin-top:12px;color:#15382e}.promotions-card__price del{color:#92958f;font-size:max(16px,14px)}.promotions-card__price b{font-size:max(16px,25px);font-variant-numeric:tabular-nums}.promotions-card__cta{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:auto;padding-top:19px;color:#193c31;font-size:max(16px,13px);font-weight:800}.promotions-card__cta i{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:50%;background:#ffca38;color:#18392f;font-size:max(16px,20px);font-style:normal;transition:transform .18s ease}.promotions-card:hover .promotions-card__cta i{transform:translateX(3px)}
.promotions-card__draft-note{position:absolute;top:13px;right:13px;padding:6px 9px;border:1px solid rgba(42,76,57,.15);border-radius:999px;background:rgba(255,255,255,.84);color:#54715d;font-size:max(16px,10px);font-weight:750;letter-spacing:.05em}.promotions-footnote{margin:17px 0 0;color:#85877f;font-size:max(16px,12px);line-height:1.5}
@media(max-width:900px){.promotions-section{padding:28px;border-radius:26px}.promotions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.promotions-card:first-child{grid-row:span 2}.promotions-card:first-child .promotions-card__art{height:150px}.promotions-card:first-child .promotions-card__body{padding:22px}.promotions-heading{align-items:flex-start}}
@media(max-width:620px){.promotions-section{margin-top:42px;margin-bottom:54px;padding:21px 16px;border-radius:22px;scroll-margin-top:82px}.promotions-heading{display:block;margin-bottom:20px}.promotions-heading .section-number{margin-bottom:9px;font-size:max(16px,9px)}.promotions-heading h2{font-size:max(16px,clamp(31px,9.6vw,43px))}.promotions-heading p{margin-top:10px;font-size:max(16px,14px)}.promotions-heading__link{margin-top:15px}.promotions-grid{grid-template-columns:1fr;gap:11px}.promotions-card,.promotions-card:first-child{display:grid;grid-template-columns:94px minmax(0,1fr);min-height:0;grid-row:auto;border-radius:18px}.promotions-card__art,.promotions-card:first-child .promotions-card__art{height:auto;min-height:100%;grid-row:1}.promotions-card__art>span{width:54px;height:54px;font-size:max(16px,29px)}.promotions-card__body,.promotions-card:first-child .promotions-card__body{padding:16px 15px}.promotions-card__body>strong{font-size:max(16px,19px)}.promotions-card__description{margin-top:7px;font-size:max(16px,13px)}.promotions-card__label{max-width:calc(100% - 56px);margin-bottom:7px;font-size:max(16px,8px)}.promotions-card__price{margin-top:8px}.promotions-card__price b{font-size:max(16px,21px)}.promotions-card__cta{padding-top:12px;font-size:max(16px,12px)}.promotions-card__cta i{width:30px;height:30px;flex-basis:30px}.promotions-card__draft-note{top:12px;right:10px;padding:5px 7px;font-size:max(16px,8px)}.promotions-footnote{font-size:max(16px,11px)}}
@media(prefers-reduced-motion:reduce){.promotions-card,.promotions-card__cta i,.promotions-heading__link{transition:none}}

/* First-visit promotion: match the supplied wide photo-and-offer composition. */
.promotions-section{width:calc(100% - 36px);max-width:1840px;margin:clamp(36px,5vw,68px) auto;padding:0;overflow:visible;border:0;border-radius:34px;background:transparent;box-shadow:none}
.promotions-grid{display:block}
.first-visit-offer{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);min-height:clamp(560px,44vw,820px);overflow:hidden;border-radius:36px;background:#fbf4e5;box-shadow:0 18px 44px rgba(52,41,24,.09)}
.first-visit-offer__photo{min-width:0;min-height:100%;overflow:hidden;border-radius:36px;background:#dbc5a5}
.first-visit-offer__photo img{display:block;width:100%;height:100%;min-height:100%;object-fit:cover;object-position:left center}
.first-visit-offer__details{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(28px,3.2vw,62px) clamp(24px,2.6vw,48px)}
.first-visit-offer__eyebrow{display:flex;align-items:center;gap:18px;margin:0 0 clamp(24px,3.5vw,64px);color:#88745d;font-size:max(16px,clamp(11px,.9vw,17px));font-weight:700;letter-spacing:.17em;line-height:1.3}
.first-visit-offer__eyebrow::after{width:min(180px,22%);height:1px;background:#cdb798;content:""}
.first-visit-offer__details h2{margin:0;color:#171914;font-size:max(16px,clamp(29px,2.7vw,52px));font-weight:850;letter-spacing:-.045em;line-height:1.13;text-wrap:balance}
.first-visit-offer__details h2 em{color:#596447;font-style:normal}
.first-visit-offer__features{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1vw,18px);margin:clamp(35px,4vw,72px) 0 clamp(38px,4vw,76px);padding:0;list-style:none}
.first-visit-offer__features li{display:flex;min-width:0;flex-direction:column;align-items:center;gap:9px;color:#1b1a16;text-align:center}
.first-visit-offer__features svg{width:clamp(27px,2.6vw,44px);height:clamp(27px,2.6vw,44px);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}
.first-visit-offer__features span{font-size:max(16px,clamp(10px,.84vw,16px));font-weight:520;line-height:1.3;text-wrap:balance}
.first-visit-offer__price{display:flex;align-items:center;justify-content:space-between;gap:clamp(8px,1vw,18px);margin-bottom:clamp(20px,2vw,38px);white-space:nowrap}
.first-visit-offer__price del{color:#96938c;font-size:max(16px,clamp(17px,1.95vw,36px));font-weight:650;text-decoration-thickness:2px}
.first-visit-offer__price strong{color:#171914;font-size:max(16px,clamp(36px,3.45vw,64px));font-weight:850;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums}
.first-visit-offer__price span{padding:clamp(8px,.8vw,14px) clamp(10px,1.15vw,21px);border-radius:999px;background:#d7e5c6;color:#263522;font-size:max(16px,clamp(11px,.95vw,17px));font-weight:800}
.first-visit-offer__cta{display:flex;min-height:clamp(64px,5.7vw,104px);align-items:center;justify-content:center;gap:clamp(12px,1.4vw,26px);padding:12px 18px;border-radius:999px;background:#ffbd28;color:#10130e;font-size:max(16px,clamp(17px,1.65vw,31px));font-weight:850;line-height:1.2;text-align:center;text-decoration:none;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.first-visit-offer__cta:hover{transform:translateY(-2px);background:#ffc943;box-shadow:0 10px 24px rgba(156,105,9,.17)}
.first-visit-offer__cta:focus-visible{outline:3px solid #1d4035;outline-offset:4px}
.first-visit-offer__cta svg{width:clamp(29px,2.7vw,48px);height:clamp(29px,2.7vw,48px);flex:none;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4}
.first-visit-offer__note{margin:10px 0 0;color:#817766;font-size:max(16px,11px);line-height:1.4;text-align:center}
.promotions-grid>.promotions-card{margin-top:18px}
@media(max-width:1050px){.promotions-section{width:calc(100% - 32px)}.first-visit-offer{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);min-height:600px}.first-visit-offer__details{padding:30px 26px}.first-visit-offer__eyebrow{margin-bottom:30px}.first-visit-offer__features{margin:42px 0}.first-visit-offer__price{flex-wrap:wrap;justify-content:flex-start}.first-visit-offer__price strong{font-size:max(16px,clamp(40px,5vw,56px))}}
@media(max-width:700px){.promotions-section{width:calc(100% - 24px);margin:34px auto 48px;border-radius:24px}.first-visit-offer{grid-template-columns:1fr;min-height:0;border-radius:24px}.first-visit-offer__photo{height:auto;aspect-ratio:1.22;border-radius:24px 24px 0 0}.first-visit-offer__details{padding:25px 20px 22px}.first-visit-offer__eyebrow{gap:12px;margin-bottom:18px;font-size:max(16px,11px)}.first-visit-offer__eyebrow::after{flex:1}.first-visit-offer__details h2{font-size:max(16px,clamp(31px,8vw,43px))}.first-visit-offer__features{gap:8px;margin:27px 0 28px}.first-visit-offer__features li{gap:7px}.first-visit-offer__features svg{width:30px;height:30px}.first-visit-offer__features span{font-size:max(16px,10px)}.first-visit-offer__price{justify-content:space-between;gap:8px;margin-bottom:18px}.first-visit-offer__price del{font-size:max(16px,17px)}.first-visit-offer__price strong{font-size:max(16px,clamp(38px,10vw,49px))}.first-visit-offer__price span{padding:8px 10px;font-size:max(16px,11px)}.first-visit-offer__cta{min-height:62px;gap:10px;padding:12px;font-size:max(16px,clamp(15px,4.1vw,19px))}.first-visit-offer__cta svg{width:30px;height:30px}.first-visit-offer__note{font-size:max(16px,10px)}}
@media(max-width:360px){.first-visit-offer__details{padding-right:15px;padding-left:15px}.first-visit-offer__features{gap:4px}.first-visit-offer__features span{font-size:max(16px,9px)}.first-visit-offer__price{flex-wrap:wrap;justify-content:flex-start;column-gap:11px}.first-visit-offer__price strong{font-size:max(16px,42px)}.first-visit-offer__price span{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.first-visit-offer__cta{transition:none}}

/* Category cards: show only supplied subtitles and preserve long exact names. */
#catalog .showcase-categories{grid-template-columns:repeat(5,minmax(0,1fr));}
#catalog .showcase-categories .category-copy{inset:0 0 0 37%;padding:10px 43px 10px 8px;align-items:flex-start;text-align:left;}
#catalog .showcase-categories .category-copy h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:max(16px,clamp(13px,.95vw,17px));line-height:1.12;text-align:left;overflow-wrap:anywhere;}
#catalog .showcase-categories .category-copy p{display:block;margin:5px 0 0;color:rgba(255,255,255,.86);font-size:max(16px,clamp(10px,.72vw,12px));line-height:1.2;text-align:left;text-wrap:balance;}
#catalog .showcase-categories .category-picture::after{background:linear-gradient(90deg,rgba(23,20,14,.03) 0%,rgba(23,20,14,.2) 37%,rgba(23,20,14,.78) 100%);}

/* Focus motion on the copy, and give the founder slide a useful next-step path. */
.showcase-slide{animation:showcaseEnter .3s ease-out both}
.showcase-slide:not([hidden]) .hero-copy,
.showcase-slide:not([hidden]) .doctor-copy{animation:showcaseCopyFade .24s ease-out both}
@keyframes showcaseCopyFade{from{opacity:0}to{opacity:1}}
@media(min-width:901px){
 .ref-1 .hero-copy,.ref-2 .hero-copy{translate:clamp(14px,1.2cqw,24px) 0}
 .doctor-journey{margin-top:clamp(17px,1.7cqw,29px);max-width:100%;color:#18382f}
 .doctor-journey h3{margin:0 0 .7cqw;color:#8b5a17;font-size:max(16px,clamp(11px,.72cqw,14px));font-weight:800;letter-spacing:.13em;text-transform:uppercase}
 .doctor-journey ol{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65cqw;margin:0;padding:0;list-style:none}
 .doctor-journey ol::before{content:"";position:absolute;top:.68cqw;left:1.25cqw;right:1.25cqw;height:1px;background:#ddcaa6}
 .doctor-journey li{position:relative;display:flex;align-items:flex-start;gap:.55cqw;min-width:0}
 .doctor-journey li>span{z-index:1;display:grid;place-items:center;flex:none;width:1.4cqw;height:1.4cqw;min-width:20px;min-height:20px;border:1px solid #e5bd67;border-radius:50%;background:#fffaf0;color:#9a6411;font-size:max(16px,clamp(9px,.58cqw,11px));font-weight:800}
 .doctor-journey li>div{display:flex;flex-direction:column;gap:.2cqw;min-width:0;padding-top:.08cqw}
 .doctor-journey li strong{color:#213a34;font-size:max(16px,clamp(11px,.72cqw,14px));line-height:1.25;text-wrap:balance}
 .doctor-journey li small{color:#66706c;font-size:max(16px,clamp(10px,.62cqw,12px));line-height:1.3;text-wrap:pretty}
}
@media(max-width:900px){
 .ref-1 .hero-copy,.ref-2 .hero-copy{translate:none}
 .doctor-journey{margin:19px 0 0;padding-top:16px;border-top:1px solid #e8ddca}
 .doctor-journey h3{margin:0 0 10px;color:#8b5a17;font-size:max(16px,11px);font-weight:800;letter-spacing:.12em;text-transform:uppercase}
 .doctor-journey ol{display:grid;gap:0;margin:0;padding:0;list-style:none}
 .doctor-journey li{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;min-height:49px;padding-bottom:9px}
 .doctor-journey li:not(:last-child)::after{content:"";position:absolute;left:13px;top:25px;bottom:0;width:1px;background:#ddcaa6}
 .doctor-journey li>span{z-index:1;display:grid;place-items:center;width:27px;height:27px;border:1px solid #e5bd67;border-radius:50%;background:#fffaf0;color:#9a6411;font-size:max(16px,10px);font-weight:800}
 .doctor-journey li>div{display:flex;flex-direction:column;gap:2px;min-width:0;padding:2px 0 0}
 .doctor-journey li strong{color:#213a34;font-size:max(16px,14px);line-height:1.25}
 .doctor-journey li small{color:#66706c;font-size:max(16px,13px);line-height:1.35}
}
/* One gentle cue when the guide first becomes relevant; never a perpetual pulse. */
.care-guide__paw i{opacity:0;transform:scale(.85);animation:none}
.care-guide--cue .care-guide__paw i{animation:careGuideCue .68s ease-out both}
@keyframes careGuideCue{0%{opacity:0;transform:scale(.85)}35%{opacity:.55}100%{opacity:0;transform:scale(1.55)}}
@media(prefers-reduced-motion:reduce){.care-guide__paw i{animation:none!important}.care-guide__button,.care-guide,.showcase-slide,.showcase-slide:not([hidden]) .hero-copy,.showcase-slide:not([hidden]) .doctor-copy{transition:none;animation:none!important}}
#catalog .category-beds-scratching .category-picture img,#catalog .category-accessories-toys .category-picture img,#catalog .category-meat .category-picture img{object-position:center center;}
@media(max-width:700px){
 #catalog .showcase-categories{grid-template-columns:repeat(2,minmax(0,1fr));}
 #catalog .showcase-categories .category-copy{inset:0;padding:10px 36px 10px 9px;justify-content:center;}
 #catalog .showcase-categories .category-copy h3{font-size:max(16px,13px);line-height:1.12;-webkit-line-clamp:4;}
 #catalog .showcase-categories .category-copy p{margin-top:4px;font-size:max(16px,10px);line-height:1.15;}
 #catalog .showcase-categories .category-copy>span{width:28px;height:28px;right:6px;}
}

@media(max-width:480px){
 #catalog .showcase-categories{grid-template-columns:1fr;}
 #catalog .showcase-categories .category-tile{height:116px;}
 #catalog .showcase-categories .category-copy{inset:0 0 0 34%;padding:10px 44px 10px 12px;}
 #catalog .showcase-categories .category-copy h3{font-size:max(16px,15px);-webkit-line-clamp:3;}
 #catalog .showcase-categories .category-copy p{font-size:max(16px,11px);}
 #catalog .showcase-categories .category-copy>span{width:32px;height:32px;right:7px;}
}


/* Catalog categories: editorial two-feature + four-by-two photo grid. */
#catalog.catalog.wrap{width:calc(100% - 64px);max-width:1760px;padding:44px 0 64px}
#catalog .catalog-hero{position:relative;display:block;min-height:0;margin:0 0 24px;padding:0;overflow:visible;border-radius:0;background:none;isolation:auto;text-align:center}
#catalog .catalog-hero::before{display:none}
#catalog .catalog-heading{position:relative;width:100%;margin:0 auto;pointer-events:auto}
#catalog .catalog-kicker{display:inline-flex;align-items:center;gap:20px;margin:0 0 12px;color:#a66b22;font-size:max(16px,clamp(13px,.95vw,17px));font-weight:650;letter-spacing:.19em}
#catalog .catalog-kicker::before,#catalog .catalog-kicker::after{width:42px;height:1px;background:#c99b63;content:""}
#catalog .catalog-heading h2{margin:0;color:#202319;font-size:max(16px,clamp(34px,3vw,52px));line-height:1.08;letter-spacing:-.035em;font-weight:850;text-wrap:balance}
#catalog .catalog-heading h2 em{color:inherit}
#catalog .catalog-heading p{margin:8px 0 0;color:#756b64;font-size:max(16px,clamp(17px,1.55vw,23px));line-height:1.35}
#catalog .catalog-help{position:absolute;z-index:2;top:8px;right:0;width:auto;padding:0;text-align:right}
#catalog .catalog-help__button{gap:10px;min-height:46px;padding:7px 15px;border:1px solid #eee4d2;border-radius:999px;background:#fffdf8;color:#23382e;box-shadow:0 6px 18px rgba(61,46,20,.08);font-size:max(16px,14px)}
#catalog .catalog-help__paw{width:32px;height:32px}
#catalog .catalog-help__arrow{font-size:max(16px,20px)}
#catalog .catalog-help small{display:none}
#catalog .showcase-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
#catalog .showcase-categories .category-tile{position:relative;display:flex;min-width:0;height:auto;min-height:0;flex-direction:column;overflow:hidden;padding:0;border:1px solid #ece7de;border-radius:20px;background:#fffefa;color:#25271d;text-align:left;box-shadow:0 8px 22px rgba(42,35,24,.055);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
#catalog .showcase-categories .category-tile:hover{transform:translateY(-3px);border-color:#ddd4c1;box-shadow:0 14px 28px rgba(42,35,24,.11)}
#catalog .showcase-categories .category-tile:focus-visible{outline:3px solid #d99720;outline-offset:4px}
#catalog .showcase-categories .category-tile:nth-child(-n+2){grid-column:span 2}
#catalog .showcase-categories .category-picture{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:2.15;flex:none;overflow:hidden;background:#eee8db}
#catalog .showcase-categories .category-tile:nth-child(-n+2) .category-picture{aspect-ratio:3.35}
#catalog .showcase-categories .category-picture::after{display:none}
#catalog .showcase-categories .category-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .35s ease}
#catalog .showcase-categories .category-tile:hover .category-picture img{transform:scale(1.025)}
#catalog .showcase-categories .category-copy{position:relative;inset:auto;display:flex;flex-direction:row!important;min-height:72px;flex:1;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;background:#fffefa;color:#25271d;text-align:left}
#catalog .showcase-categories .category-tile:nth-child(-n+2) .category-copy{min-height:82px;padding:14px 22px}
#catalog .showcase-categories .category-copy__text{position:static!important;inset:auto!important;display:block!important;min-width:0;flex:1;margin:0!important;padding:0!important;overflow:visible}
#catalog .showcase-categories .category-copy__text{width:auto!important;height:auto!important;text-align:left!important}
#catalog .showcase-categories .category-copy h3{display:block;margin:0;color:#25271d;font-size:max(16px,clamp(16px,1.32vw,22px));font-weight:780;line-height:1.18;letter-spacing:-.018em;text-align:left;overflow-wrap:normal;text-wrap:balance}
#catalog .showcase-categories .category-tile:nth-child(-n+2) .category-copy h3{font-size:max(16px,clamp(19px,1.55vw,24px))}
#catalog .showcase-categories .category-copy p{display:block;margin:5px 0 0;color:#756b64;font-size:max(16px,clamp(13px,.98vw,16px));line-height:1.25;text-align:left;text-wrap:pretty}
#catalog .showcase-categories .category-arrow{position:relative!important;inset:auto!important;right:auto!important;bottom:auto!important;display:grid!important;width:44px;height:44px;flex:0 0 44px;place-items:center;margin:0!important;padding:0!important;border-radius:50%;background:#e9e8d5;color:#25271d;transition:background-color .18s ease,transform .18s ease}
#catalog .showcase-categories .category-arrow .icon{width:21px;height:21px}
#catalog .showcase-categories .category-tile:hover .category-arrow{transform:translateX(2px);background:#e0dfc8}
#catalog .catalog-promotions{position:relative;top:auto;right:auto;left:auto;display:grid;width:100%;margin:26px 0 22px;transform:none}
#catalog .catalog-segmenters{margin-top:0}
@media(max-width:1050px){
 #catalog.catalog.wrap{width:calc(100% - 40px)}
 #catalog .showcase-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 #catalog .showcase-categories .category-tile:nth-child(-n+2){grid-column:span 1}
 #catalog .showcase-categories .category-picture,#catalog .showcase-categories .category-tile:nth-child(-n+2) .category-picture{aspect-ratio:2.15}
 #catalog .showcase-categories .category-copy,#catalog .showcase-categories .category-tile:nth-child(-n+2) .category-copy{min-height:72px;padding:12px 14px}
 #catalog .showcase-categories .category-copy h3,#catalog .showcase-categories .category-tile:nth-child(-n+2) .category-copy h3{font-size:max(16px,clamp(16px,2vw,21px))}
 #catalog .catalog-help{top:0}
}
@media(max-width:700px){
 #catalog.catalog.wrap{width:calc(100% - 28px);padding:36px 0 46px}
 #catalog .catalog-hero{margin-bottom:20px;padding-top:40px}
 #catalog .catalog-heading h2{font-size:max(16px,clamp(32px,8vw,44px))}
 #catalog .catalog-heading p{font-size:max(16px,16px)}
 #catalog .catalog-kicker{font-size:max(16px,12px)}
 #catalog .catalog-help{top:-1px;right:0}
 #catalog .catalog-help__button{min-height:44px;padding:5px 12px;font-size:max(16px,13px)}
 #catalog .showcase-categories{gap:11px}
 #catalog .showcase-categories .category-copy,#catalog .showcase-categories .category-tile:nth-child(-n+2) .category-copy{gap:8px;min-height:72px;padding:11px 12px}
 #catalog .showcase-categories .category-copy h3,#catalog .showcase-categories .category-tile:nth-child(-n+2) .category-copy h3{font-size:max(16px,clamp(15px,3.8vw,19px))}
 #catalog .showcase-categories .category-copy p{font-size:max(16px,13px)}
 #catalog .showcase-categories .category-arrow{width:42px;height:42px;flex-basis:42px}
 #catalog .catalog-promotions{grid-template-columns:1fr;margin:20px 0}
}
@media(max-width:480px){
 #catalog.catalog.wrap{width:calc(100% - 24px)}
 #catalog .showcase-categories{grid-template-columns:1fr;gap:12px}
 #catalog .showcase-categories .category-tile:nth-child(-n+2){grid-column:auto}
 #catalog .showcase-categories .category-picture,#catalog .showcase-categories .category-tile:nth-child(-n+2) .category-picture{aspect-ratio:2.05}
 #catalog .showcase-categories .category-copy,#catalog .showcase-categories .category-tile:nth-child(-n+2) .category-copy{min-height:70px;padding:11px 13px}
 #catalog .showcase-categories .category-copy h3,#catalog .showcase-categories .category-tile:nth-child(-n+2) .category-copy h3{font-size:max(16px,18px)}
 #catalog .catalog-heading h2{font-size:max(16px,clamp(31px,9vw,39px))}
 #catalog .catalog-help{left:50%;right:auto;transform:translateX(-50%)}
 #catalog .catalog-help__button{min-height:44px}
}
@media(prefers-reduced-motion:reduce){#catalog .showcase-categories .category-tile,#catalog .showcase-categories .category-picture img,#catalog .showcase-categories .category-arrow{transition:none}}

/* Category cards open a focused catalog view with an explicit way back. */
#catalog .showcase-categories[hidden],
#catalog .catalog-selection[hidden]{display:none!important}
#catalog .catalog-selection{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:10px 0 18px;padding:18px 22px;border:1px solid #ece7de;border-radius:18px;background:#fffefa;scroll-margin-top:140px}
#catalog .catalog-selection__eyebrow{color:#8e9186;font-size:max(16px,11px);font-weight:800;letter-spacing:.12em}
#catalog .catalog-selection h2{margin:4px 0 0;color:#172a2a;font-size:max(16px,clamp(22px,2.2vw,32px));line-height:1.15}
#catalog .catalog-selection p{margin:5px 0 0;color:#756b64;font-size:max(16px,15px)}
#catalog .catalog-selection__back{flex:none;min-height:44px;padding:9px 16px;border:1px solid #d9d3c6;border-radius:24px;background:#fff;color:#26382e;font:inherit;font-weight:700;cursor:pointer}
#catalog .catalog-selection__back:hover{background:#fff5d6;border-color:#e6bd52}
#catalog.is-empty-category .catalog-control-panel,
#catalog.is-empty-category .catalog-trust,
#catalog.is-empty-category .catalog-segmenters,
#catalog.is-empty-category .results-count{display:none!important}
#catalog.is-empty-category .catalog-empty{margin-top:0}
@media(max-width:600px){#catalog .catalog-selection{align-items:flex-start;flex-direction:column;padding:16px}#catalog .catalog-selection__back{width:100%}}

/* The reference catalog has a clean centered title; its help action remains below in the promo cards. */
#catalog .catalog-help{display:none!important}
#catalog .catalog-heading,#catalog .catalog-heading p{text-align:center}
#catalog .catalog-heading p{max-width:none!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
#catalog .showcase-categories .category-copy p{width:auto!important;margin-left:0!important;margin-right:0!important;text-align:left!important}
#catalog .showcase-categories .category-feed .category-picture img{object-position:left center}
@media(max-width:700px){#catalog .catalog-hero{padding-top:0}}

/* Keep every catalog caption on one predictable two-column grid. */
#catalog .showcase-categories .category-copy,
#catalog .showcase-categories .category-tile:nth-child(-n+2) .category-copy{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 44px;
  align-items:center!important;
  justify-content:stretch!important;
  column-gap:18px!important;
  min-height:88px;
  padding:14px 20px!important;
  text-align:left!important;
}
#catalog .showcase-categories .category-tile:nth-child(-n+2) .category-copy{min-height:92px}
#catalog .showcase-categories .category-copy__text{
  position:static!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}
#catalog .showcase-categories .category-copy__text h3,
#catalog .showcase-categories .category-copy__text p{
  display:block!important;
  position:static!important;
  inset:auto!important;
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
  align-self:stretch!important;
}
#catalog .showcase-categories .category-copy__text h3{line-height:1.18!important;overflow-wrap:anywhere}
#catalog .showcase-categories .category-copy__text p{margin-top:5px!important;line-height:1.25!important}
#catalog .showcase-categories .category-arrow{
  position:static!important;
  inset:auto!important;
  display:grid!important;
  grid-column:2;
  grid-row:1;
  align-self:center!important;
  justify-self:end!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
@media(max-width:1050px){
  #catalog .showcase-categories .category-copy,
  #catalog .showcase-categories .category-tile:nth-child(-n+2) .category-copy{min-height:88px;padding:13px 15px!important;column-gap:12px!important}
}
@media(max-width:700px){
  #catalog .showcase-categories .category-copy,
  #catalog .showcase-categories .category-tile:nth-child(-n+2) .category-copy{grid-template-columns:minmax(0,1fr) 40px;min-height:82px;padding:11px 12px!important;column-gap:10px!important}
  #catalog .showcase-categories .category-arrow{width:40px!important;height:40px!important;min-width:40px!important}
}
@media(max-width:480px){
  #catalog .showcase-categories .category-copy,
  #catalog .showcase-categories .category-tile:nth-child(-n+2) .category-copy{grid-template-columns:minmax(0,1fr) 42px;min-height:82px;padding:12px 13px!important;column-gap:10px!important}
  #catalog .showcase-categories .category-arrow{width:42px!important;height:42px!important;min-width:42px!important}
}

/* About slide: replace the generic slogan and make Katya -> batch check read top to bottom. */
@media(min-width:901px){
 #about .doctor-note{left:52%!important;top:4%!important;bottom:auto!important;width:min(18%,380px)!important;padding:clamp(12px,.65cqw,16px) clamp(14px,.8cqw,18px)!important;font-size:max(16px,clamp(16px,1.1cqw,20px))!important;transform:rotate(-2deg)!important}
 #about .doctor-note__name{margin:0!important;font-size:max(16px,clamp(18px,1.25cqw,23px))!important}
 #about .doctor-note__bio{margin-top:5px!important;font-size:max(16px,clamp(13px,.86cqw,16px))!important}
 #about .doctor-note__arrow{display:block;width:58px;height:38px;margin:6px 0 0 28px;transform:none!important}
 #about .doctor-card--top{display:none!important}
 #about .doctor-card--bottom{left:52.5%!important;right:auto!important;top:29%!important;bottom:auto!important;width:min(24%,390px)!important;min-height:0!important;transform:none!important}
}
@media(max-width:900px){
 #about .doctor-note{left:4%!important;top:4%!important;bottom:auto!important;width:min(42%,250px)!important;transform:none!important}
 #about .doctor-note__name{margin:0!important}
 #about .doctor-note__bio{margin-top:5px!important}
 #about .doctor-note__arrow{display:block;width:40px;height:28px;margin:6px 0 0 20px;transform:none!important}
 #about .doctor-card--top{display:none!important}
 #about .doctor-card--bottom{left:4%!important;right:auto!important;top:44%!important;bottom:auto!important;width:min(68%,290px)!important;min-height:0!important;transform:none!important}
}
@media(min-width:901px) and (max-width:1250px){
 .showcase-stage:has(.doctor-slide:not([hidden])){aspect-ratio:auto!important;min-height:720px!important}
 #about .doctor-card--bottom{top:29%!important;width:min(19%,205px)!important;padding:10px!important;gap:7px!important}
 #about .doctor-card--bottom strong{font-size:max(16px,12px)!important;line-height:1.25!important}
 #about .doctor-card--bottom .doctor-card__leaf{width:22px!important;height:22px!important;flex:none!important}
}

/* About: make the product path one connected, tactile process rather than two duplicated rows. */
#about .doctor-journey{
 position:relative;isolation:isolate;box-sizing:border-box;max-width:100%;margin:clamp(18px,1.6cqw,27px) 0 0;padding:clamp(13px,1.1cqw,18px);overflow:hidden;
 border:1px solid rgba(255,255,255,.28);border-radius:30px;
 background:radial-gradient(circle at 94% -8%,rgba(196,222,165,.34),transparent 34%),linear-gradient(132deg,#163d33 0%,#214d3e 58%,#284d3b 100%);
 box-shadow:0 18px 42px rgba(28,58,44,.16)
}
#about .doctor-journey::after{content:"";position:absolute;z-index:-1;right:-48px;bottom:-72px;width:190px;height:190px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 20px rgba(255,255,255,.025),0 0 0 42px rgba(255,255,255,.02);pointer-events:none}
#about .doctor-journey h3{display:flex;align-items:center;gap:10px;margin:0 0 13px;color:#fff8e9;font-size:max(16px,clamp(11px,.75cqw,14px));font-weight:800;letter-spacing:.13em;text-transform:uppercase}
#about .doctor-journey h3::before{content:"";width:22px;height:2px;border-radius:9px;background:#ffc148;box-shadow:0 0 12px rgba(255,193,72,.45)}
#about .doctor-journey ol{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,.7cqw,12px);margin:0;padding:0;list-style:none}
#about .doctor-journey li{position:relative;display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;min-width:0;min-height:clamp(178px,15.4cqw,214px);padding:clamp(12px,1cqw,17px);border:1px solid rgba(255,255,255,.76);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(250,246,232,.97));box-shadow:0 7px 18px rgba(7,30,21,.11);color:#19382f;transition-property:transform,box-shadow,border-color;transition-duration:180ms;transition-timing-function:cubic-bezier(.2,0,0,1)}
#about .doctor-journey li:hover{transform:translateY(-3px);border-color:#f4ca75;box-shadow:0 13px 25px rgba(7,30,21,.16)}
#about .doctor-journey__top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:clamp(12px,1cqw,17px)}
#about .doctor-journey__number{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid rgba(199,132,23,.3);border-radius:50%;background:linear-gradient(145deg,#fff4d2,#ffcf69);box-shadow:0 4px 10px rgba(173,117,24,.12);color:#754b0e;font-size:max(16px,12px);font-weight:850;font-variant-numeric:tabular-nums}
#about .doctor-journey__icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid rgba(89,125,70,.13);border-radius:50%;background:#edf3df;color:#568342}
#about .doctor-journey__icon .icon{width:20px;height:20px;stroke-width:1.8}
#about .doctor-journey__content{display:flex;flex-direction:column;gap:6px;min-width:0}
#about .doctor-journey__content strong{color:#183a31;font-size:max(16px,clamp(14px,1.03cqw,18px));font-weight:800;line-height:1.25;text-wrap:balance}
#about .doctor-journey__content small{color:#5e6c66;font-size:max(16px,clamp(12px,.83cqw,15px));line-height:1.4;text-wrap:pretty}
#about .doctor-journey__proof{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:11px}
#about .doctor-journey__proof span{display:inline-flex;align-items:center;min-height:25px;padding:4px 9px;border:1px solid #e5ecd9;border-radius:999px;background:#f1f5e9;color:#405f39;font-size:max(16px,clamp(10px,.7cqw,12px));font-weight:700;line-height:1.2}
#about:not([hidden]) .doctor-journey li{animation:doctorPathEnter 420ms cubic-bezier(.2,0,0,1) both}
#about:not([hidden]) .doctor-journey li:nth-child(2){animation-delay:80ms}
#about:not([hidden]) .doctor-journey li:nth-child(3){animation-delay:160ms}
@keyframes doctorPathEnter{from{opacity:.75;transform:translateY(8px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(min-width:901px) and (max-width:1150px){
 #about .doctor-journey ol{grid-template-columns:minmax(0,1fr);gap:8px}
 #about .doctor-journey li{display:grid;grid-template-columns:78px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;min-height:0;padding:11px 13px;column-gap:12px}
 #about .doctor-journey__top{grid-column:1;grid-row:1 / span 2;justify-content:flex-start;gap:7px;margin:0}
 #about .doctor-journey__number,#about .doctor-journey__icon{width:34px;height:34px}
 #about .doctor-journey__content{grid-column:2;grid-row:1;gap:2px}
 #about .doctor-journey__content strong{font-size:max(16px,15px)}
 #about .doctor-journey__content small{font-size:max(16px,13px)}
 #about .doctor-journey__proof{grid-column:2;grid-row:2;margin:0;padding-top:5px}
 #about .doctor-journey__proof span{min-height:21px;padding:3px 8px;font-size:max(16px,11px)}
}
@media(max-width:900px){
 #about .doctor-journey{margin:22px 0 0;padding:15px;border-radius:25px}
 #about .doctor-journey h3{margin-bottom:12px;font-size:max(16px,12px)}
 #about .doctor-journey ol{grid-template-columns:minmax(0,1fr);gap:9px}
 #about .doctor-journey li{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;min-height:0;padding:12px 13px;column-gap:11px;border-radius:16px}
 #about .doctor-journey__top{grid-column:1;grid-row:1 / span 2;justify-content:flex-start;gap:6px;margin:0}
 #about .doctor-journey__number,#about .doctor-journey__icon{width:34px;height:34px}
 #about .doctor-journey__content{grid-column:2;grid-row:1;gap:2px}
 #about .doctor-journey__content strong{font-size:max(16px,15px)}
 #about .doctor-journey__content small{font-size:max(16px,13px)}
 #about .doctor-journey__proof{grid-column:2;grid-row:2;margin:0;padding-top:5px}
 #about .doctor-journey__proof span{min-height:21px;padding:3px 8px;font-size:max(16px,11px)}
}
@media(prefers-reduced-motion:reduce){#about .doctor-journey li{transition:none!important;animation:none!important}}
/* Final desktop fit: keep Katya's proof card below the face and let the full path breathe. */
@media(min-width:1151px){
 #about .doctor-card--bottom{top:55%!important}
 .showcase-stage:has(.doctor-slide:not([hidden])){aspect-ratio:auto!important;min-height:690px!important}
}
@media(min-width:901px) and (max-width:1150px){
 #about .doctor-card--bottom{top:55%!important}
}
/* Keep every process card fully above the slide controls and proof strip. */
@media(min-width:1151px){
 .showcase-stage:has(.doctor-slide:not([hidden])){min-height:850px!important}
 #about.doctor-slide{min-height:850px!important}
}
@media(min-width:901px) and (max-width:1150px){
 .showcase-stage:has(.doctor-slide:not([hidden])){min-height:920px!important}
 #about.doctor-slide{min-height:920px!important}
}
/* Compact the card body slightly and leave a clear lower margin before proof badges. */
#about .doctor-journey li{min-height:clamp(160px,13.6cqw,190px)}
@media(min-width:1151px){
 .showcase-stage:has(.doctor-slide:not([hidden])){min-height:900px!important}
 #about.doctor-slide{min-height:900px!important}
}
@media(min-width:901px) and (max-width:1150px){
 .showcase-stage:has(.doctor-slide:not([hidden])){min-height:960px!important}
 #about.doctor-slide{min-height:960px!important}
}

/* Product journey: watercolor reference layout with responsive live text. */
#about .doctor-journey{
 position:relative;isolation:isolate;box-sizing:border-box;width:100%;max-width:100%;aspect-ratio:3/1;height:auto;min-height:0;margin:clamp(18px,1.45cqw,27px) 0 0;padding:0;overflow:hidden;border:0;border-radius:0;background:#fbf8ee url("assets/product-journey-watercolor.webp") center/100% 100% no-repeat;box-shadow:none;color:#183d32
}
#about .doctor-journey::after{content:none}
#about .doctor-journey h3{position:absolute;z-index:2;top:8.5%;left:5%;display:flex;align-items:center;gap:clamp(8px,.6cqw,12px);margin:0;color:#173d32;font-size:max(16px,clamp(11px,.72cqw,14px));font-weight:800;letter-spacing:.2em;line-height:1.2;text-transform:uppercase}
#about .doctor-journey h3::before{content:"";width:clamp(24px,3.2cqw,58px);height:2px;background:#f3a14c}
#about .doctor-journey ol{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none}
#about .doctor-journey li{position:relative;display:block;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#183d32;transition:opacity 180ms ease}
#about .doctor-journey li:hover{transform:none;border:0;box-shadow:none}
#about .doctor-journey__top{position:absolute;top:21.5%;left:50%;display:flex;align-items:center;justify-content:center;width:auto;margin:0;transform:translateX(-50%)}
#about .doctor-journey__number{display:grid;place-items:center;flex:none;width:clamp(34px,1.95cqw,44px);height:clamp(34px,1.95cqw,44px);border:0;border-radius:50%;background:linear-gradient(145deg,#ffac58,#ef7d22);box-shadow:0 4px 9px rgba(178,94,32,.14);color:#fff;font-size:max(16px,clamp(17px,1.05cqw,22px));font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
#about .doctor-journey__icon{display:none}
#about .doctor-journey__content{position:absolute;top:67%;left:4%;display:flex;flex-direction:column;gap:3px;width:92%;min-width:0;text-align:left}
#about .doctor-journey__content strong{color:#173d32;font-size:max(16px,clamp(15px,1.12cqw,20px));font-weight:800;line-height:1.22;letter-spacing:-.025em;text-wrap:balance}
#about .doctor-journey__content small{color:#58564d;font-size:max(16px,clamp(13px,.93cqw,17px));line-height:1.35;text-wrap:pretty}
#about:not([hidden]) .doctor-journey li{animation:doctorPathEnter 420ms ease both}
#about:not([hidden]) .doctor-journey li:nth-child(2){animation-delay:80ms}
#about:not([hidden]) .doctor-journey li:nth-child(3){animation-delay:160ms}
@media(min-width:901px){
 #about .doctor-card--bottom{left:3%!important;right:auto!important;top:auto!important;bottom:4%!important;width:min(39%,360px)!important;min-height:0!important;transform:none!important}
}
@media(min-width:901px) and (max-width:1250px){
 #about .doctor-card--bottom{left:2%!important;right:auto!important;top:auto!important;bottom:4%!important;width:min(43%,255px)!important;padding:10px!important;gap:7px!important}
 #about .doctor-card--bottom strong{font-size:max(16px,12px)!important;line-height:1.25!important}
 #about .doctor-card--bottom .doctor-card__leaf{width:22px!important;height:22px!important;flex:none!important}
}
@media(max-width:900px){
 #about .doctor-journey{aspect-ratio:auto;height:auto;min-height:0;margin:22px 0 0;padding:22px 18px 20px;overflow:visible;border:1px solid #eadfc9;border-radius:22px;background:linear-gradient(145deg,#fffdf7,#f7f1df);box-shadow:0 8px 22px rgba(80,65,39,.07)}
 #about .doctor-journey h3{position:relative;top:auto;left:auto;margin:0 0 17px;font-size:max(16px,12px);letter-spacing:.17em}
 #about .doctor-journey h3::before{width:24px}
 #about .doctor-journey ol{position:relative;inset:auto;grid-template-columns:minmax(0,1fr);gap:12px}
 #about .doctor-journey li{min-height:72px;border-bottom:1px solid rgba(193,166,119,.35)}
 #about .doctor-journey li:last-child{border-bottom:0}
 #about .doctor-journey__top{top:50%;left:0;display:flex;flex-direction:column;gap:4px;transform:translateY(-50%)}
 #about .doctor-journey__number{width:27px;height:27px;font-size:max(16px,12px)}
 #about .doctor-journey__icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid #dce5c9;border-radius:50%;background:#eef2df;color:#557a45}
 #about .doctor-journey__icon .icon{width:17px;height:17px;stroke-width:1.7}
 #about .doctor-journey__content{top:50%;left:72px;width:calc(100% - 72px);gap:3px;transform:translateY(-50%);text-align:left}
 #about .doctor-journey__content strong{font-size:max(16px,15px);line-height:1.24}
 #about .doctor-journey__content small{font-size:max(16px,13px);line-height:1.35}
 #about .doctor-card--bottom{left:4%!important;right:auto!important;top:auto!important;bottom:4%!important;width:min(78%,290px)!important;min-height:0!important;transform:none!important}
}
@media(prefers-reduced-motion:reduce){#about .doctor-journey li{transition:none!important;animation:none!important}}
#about .doctor-journey::before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0%,transparent 51%,rgba(251,248,238,.48) 62%,rgba(251,248,238,.92) 75%,rgba(251,248,238,.97) 100%)}
#about .doctor-journey li{z-index:1}
#about .doctor-journey h3{z-index:2}
/* Place the batch-check note on the lower portrait, matching the marked direction. */
@media(min-width:1251px){
 #about .doctor-card--bottom{left:55%!important;right:auto!important;top:auto!important;bottom:4%!important;width:min(21%,390px)!important;z-index:5!important}
}
@media(min-width:901px) and (max-width:1250px){
 #about .doctor-card--bottom{left:53%!important;right:auto!important;top:auto!important;bottom:4%!important;width:min(23%,275px)!important;z-index:5!important}
}
@media(max-width:900px){
 #about .doctor-card--bottom{left:25%!important;right:auto!important;top:auto!important;bottom:4%!important;width:min(70%,290px)!important;z-index:5!important}
}

/* Third slide: editorial composition from the user's latest reference. */
@media(min-width:901px){
 .showcase-stage:has(.doctor-slide:not([hidden])){aspect-ratio:2048/740!important;min-height:0!important}
 .doctor-slide{height:100%!important;aspect-ratio:auto!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr) 15%!important;overflow:hidden!important;background:#fffaf2!important}
 .doctor-main{position:relative!important;min-height:0!important;overflow:hidden!important;container-type:inline-size!important;background:#fffaf2!important}
 .doctor-main::before{display:none!important}
 .doctor-visual{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important;overflow:hidden!important}
 .doctor-visual::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#fffdf8 0%,#fffdf8 34%,rgba(255,253,248,.94) 43%,rgba(255,253,248,.52) 53%,transparent 67%)}
 .doctor-orange-shape{display:block!important;z-index:0!important;right:2.6%!important;top:6%!important;width:42%!important;height:88%!important;border-radius:40% 34% 16% 22%!important;background:linear-gradient(145deg,#ffd69f,#f58c27)!important;opacity:.94!important;transform:rotate(4deg)!important}
 .doctor-portrait{inset:5% 6.4% 5% 56%!important;height:auto!important;z-index:1!important;border-radius:35% 35% 4% 4%!important;overflow:hidden!important;background:#f4eadb!important;clip-path:none!important;box-shadow:0 12px 36px rgba(73,49,22,.09)!important}
 .doctor-portrait img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:42% 18%!important;mask-image:none!important;clip-path:none!important}
 .doctor-copy{left:6.4%!important;top:5.2%!important;width:43%!important;z-index:2!important}
 .doctor-copy .showcase-eyebrow{display:flex;align-items:center;gap:.7cqw;width:max-content;max-width:100%;margin:0 0 1.2cqw!important;padding:0 0 .55cqw!important;border-bottom:2px solid #ff5a12!important;color:#19232b!important;font-size:max(16px,.78cqw)!important;letter-spacing:.12em!important}
 .doctor-eyebrow-paw,.doctor-eyebrow-paw .icon{color:#ff5a12!important;fill:#ff5a12!important}
 .doctor-copy h2{max-width:100%!important;margin:0 0 .65cqw!important;color:#123b35!important;font-size:max(16px,3.6cqw)!important;line-height:1.02!important;letter-spacing:-.045em!important}
 .doctor-copy h2 em{color:#d17b0a!important}
 .doctor-copy>p:not(.showcase-eyebrow){max-width:43cqw!important;margin:0!important;color:#526272!important;font-size:max(16px,1.12cqw)!important;line-height:1.35!important}
 .doctor-journey{position:absolute!important;left:6.3%!important;bottom:4.4%!important;z-index:3!important;box-sizing:border-box!important;width:49%!important;height:39%!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:#fbf8ee url("assets/product-journey-watercolor.webp") center/100% 100% no-repeat!important;box-shadow:none!important;color:#153b34!important}
 .doctor-journey h3{position:absolute!important;top:auto!important;left:0!important;bottom:calc(100% + .25cqw)!important;margin:0!important;font-size:max(16px,.8cqw)!important;letter-spacing:.14em!important;color:#a46e1a!important}
 .doctor-journey h3::before{display:none!important}
 .doctor-journey ol{position:absolute!important;inset:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1.2cqw!important;margin:0!important;padding:0!important;list-style:none!important}
 .doctor-journey ol::before{display:none!important}
 .doctor-journey li{position:relative!important;z-index:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;text-align:center!important;transition:none!important}
 .doctor-journey__top{position:absolute!important;top:4%!important;left:50%!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.15cqw!important;transform:translateX(-50%)!important}
 .doctor-journey__number{display:grid!important;place-items:center!important;width:2.6cqw!important;height:2.6cqw!important;border:0!important;border-radius:50%!important;background:linear-gradient(145deg,#ffad52,#ed791e)!important;color:#fff!important;font-size:max(16px,1.25cqw)!important;font-weight:700!important;box-shadow:0 3px 8px rgba(168,83,13,.16)!important}
 .doctor-journey__icon{display:none!important}
 .doctor-journey__content{position:absolute!important;right:0!important;bottom:7%!important;left:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.22cqw!important;width:auto!important;margin:0!important;padding:0 .3cqw!important;transform:none!important;text-align:center!important}
 .doctor-journey__content strong{font-size:max(16px,1.04cqw)!important;line-height:1.2!important;color:#153b34!important;text-wrap:balance!important}
 .doctor-journey__content small{font-size:max(16px,.8cqw)!important;line-height:1.28!important;color:#65716e!important;text-wrap:balance!important}
 .doctor-stats{height:100%!important;min-height:0!important;padding:0 4.3%!important;background:#fffdf9!important}
 .doctor-stats>div{justify-content:flex-start!important;gap:.8cqw!important;height:55%!important;padding:0 1.1cqw!important}
 .doctor-stats>div:first-child{padding-left:0!important}
 .doctor-stats>.icon,.doctor-stats>div>.icon{width:2.45cqw!important;height:2.45cqw!important;color:#ff5a12!important}
 .doctor-stats>div:nth-child(5)>.icon{color:#76a72a!important}
 .doctor-stats p{font-size:max(16px,.82cqw)!important;line-height:1.25!important}
 .doctor-stats strong{font-size:max(16px,1.02cqw)!important}
 .doctor-stats span{color:#58616c!important}
 .doctor-note{left:54%!important;top:9%!important;width:16%!important;box-sizing:border-box!important;padding:.8cqw 1cqw!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:1.25cqw!important;background:rgba(255,253,248,.95)!important;box-shadow:0 .45cqw 1.3cqw rgba(67,43,15,.13)!important;font-size:max(16px,1.25cqw)!important;transform:rotate(-3deg)!important}
 .doctor-note .doctor-note__name{font-size:max(16px,1.38cqw)!important}
 .doctor-note__bio{font-size:max(16px,.82cqw)!important;line-height:1.35!important}
 .doctor-note__arrow{width:4.1cqw!important;height:2.5cqw!important;margin:.35cqw 0 0 2.5cqw!important}
 .doctor-card--bottom{display:none!important}
 .doctor-treat-card{display:none!important}
}
@media(max-width:900px){
 .doctor-slide{background:#fffaf2!important}
 .doctor-main{display:flex!important;flex-direction:column!important;overflow:visible!important;background:#fffaf2!important}
 .doctor-main::before{display:none!important}
 .doctor-visual{position:relative!important;inset:auto!important;order:0!important;width:100%!important;height:clamp(310px,86vw,430px)!important;overflow:hidden!important}
 .doctor-visual::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(255,250,242,.92),transparent 52%)}
 .doctor-portrait{inset:4% 5% 4% 37%!important;height:auto!important;border-radius:36% 36% 18px 18px!important;z-index:1!important;background:#f4eadb!important;box-shadow:0 12px 30px rgba(73,49,22,.09)!important}
 .doctor-portrait img{object-position:42% 18%!important;mask-image:none!important}
 .doctor-orange-shape{right:0!important;top:8%!important;width:62%!important;height:84%!important;z-index:0!important}
 .doctor-note{left:4%!important;top:8%!important;width:36%!important;z-index:3!important}
 .doctor-card--bottom{display:none!important}
 .doctor-copy{position:relative!important;left:auto!important;top:auto!important;order:1!important;width:auto!important;padding:24px 22px 12px!important;background:#fffaf2!important}
 .doctor-copy h2{font-size:max(16px,clamp(30px,7vw,42px))!important}
 .doctor-copy>p:not(.showcase-eyebrow){font-size:max(16px,16px)!important}
 .doctor-journey{position:relative!important;left:auto!important;bottom:auto!important;order:2!important;width:auto!important;height:auto!important;margin:4px 22px 28px!important;padding:20px 16px!important;border:1px solid #eadfc9!important;border-radius:18px!important;background:#fffdf8!important;box-shadow:0 6px 18px rgba(80,65,39,.06)!important}
 .doctor-journey h3{position:static!important;margin:0 0 14px!important;font-size:max(16px,12px)!important;letter-spacing:.14em!important}
 .doctor-journey ol{position:relative!important;inset:auto!important;grid-template-columns:1fr!important;gap:10px!important}
 .doctor-journey ol::before{display:none!important}
 .doctor-journey li{display:grid!important;grid-template-columns:42px 1fr!important;align-items:center!important;min-height:56px!important;border-bottom:1px solid #eadfc9!important;text-align:left!important}
 .doctor-journey__top{position:static!important;display:grid!important;grid-template-columns:1fr!important;place-items:center!important;transform:none!important}
 .doctor-journey__number{width:30px!important;height:30px!important;font-size:max(16px,13px)!important}
 .doctor-journey__content{position:static!important;align-items:flex-start!important;margin:0!important;text-align:left!important}
 .doctor-journey__content strong{font-size:max(16px,15px)!important}
 .doctor-journey__content small{font-size:max(16px,13px)!important}
 .doctor-stats{grid-template-columns:1fr 1fr!important}
}
@media(min-width:901px){
 #about.doctor-slide{min-height:0!important}
 .showcase-stage:has(#about.doctor-slide:not([hidden])){min-height:0!important}
 #about .doctor-copy{width:47%!important}
 #about .doctor-copy>p:not(.showcase-eyebrow){max-width:46cqw!important;line-height:1.28!important}
 #about .doctor-journey{bottom:1.5%!important}
 #about .doctor-note{width:14.5%!important;padding:.65cqw .85cqw!important}
}
@media(min-width:901px){
 #about .doctor-copy{left:6.3%!important;width:53%!important}
 #about .doctor-copy>p:not(.showcase-eyebrow){max-width:49cqw!important}
}
@media(min-width:901px){
 #about .doctor-copy h2{margin-bottom:0!important}
 #about .doctor-copy>p:not(.showcase-eyebrow){line-height:1.2!important}
 #about .doctor-journey{bottom:0!important}
}
@media(min-width:901px) and (max-width:1450px){
 #about .doctor-copy>p:not(.showcase-eyebrow){font-size:max(16px,1.18cqw)!important;line-height:1.3!important;max-width:49cqw!important}
 #about .doctor-journey{bottom:-1%!important}
}
/* Keep the introduction clear of the illustrated product path on compact desktop widths. */
@media(min-width:901px) and (max-width:1450px){
 #about .doctor-copy>p:not(.showcase-eyebrow){font-size:max(16px,1.05cqw)!important;line-height:1.3!important;max-width:53cqw!important}
}
/* Final single desktop layout for the product journey: reference proportions,
   readable captions over the watercolor, and one vertical anchor per element. */
@media(min-width:901px){
 #about .doctor-journey{left:6.3%!important;bottom:-2.5%!important;width:49.2%!important;height:auto!important;aspect-ratio:4.34/1!important;background-size:100% 100%!important;overflow:visible!important}
 #about .doctor-journey::before{content:""!important;display:block!important;position:absolute!important;z-index:0!important;inset:0!important;pointer-events:none!important;background:linear-gradient(180deg,transparent 0%,transparent 64%,rgba(251,248,238,.18) 70%,rgba(251,248,238,.72) 80%,rgba(251,248,238,.96) 88%,rgba(251,248,238,.99) 100%)!important}
 #about .doctor-journey li{position:relative!important;z-index:1!important}
 #about .doctor-journey__top{top:4%!important}
 #about .doctor-journey__content{top:auto!important;right:0!important;bottom:12%!important;left:0!important;height:auto!important;padding:0 .4cqw!important}
}
@media(min-width:901px) and (max-width:1450px){
 #about .doctor-journey{bottom:1%!important}
}
/* Reference alignment: move badges toward the upper-left of each watercolor
   circle, keep captions optically centered below, and match the portrait card. */
@media(min-width:901px){
 #about .doctor-copy>p:not(.showcase-eyebrow){max-width:42.1cqw!important}
 #about .doctor-stats>div{transform:translateX(3.8cqw)!important}
 #about .doctor-journey__top{left:calc(50% - 2.3cqw)!important}
 #about .doctor-journey__content{transform:translateX(-1cqw)!important}
 #about .doctor-portrait{inset:6.3% 5.5% 1% 56.2%!important}
 #about .doctor-note{left:53.1%!important;top:12.4%!important;width:14.5%!important}
 #about .doctor-main::before{content:""!important;display:block!important;position:absolute!important;left:auto!important;top:-8%!important;right:-1%!important;bottom:auto!important;z-index:4!important;width:16%!important;height:43%!important;pointer-events:none!important;background:url("assets/about-olive-branch.webp") center/contain no-repeat!important;transform:rotate(38deg)!important;opacity:.92!important}
 #about .doctor-main::after{content:""!important;display:block!important;position:absolute!important;right:-2%!important;bottom:-5%!important;z-index:4!important;width:15%!important;height:37%!important;pointer-events:none!important;background:url("assets/about-olive-branch.webp") center/contain no-repeat!important;transform:rotate(168deg)!important;opacity:.78!important}
}
@media(min-width:901px) and (max-width:1450px){
 #about .doctor-journey__top{left:calc(50% - 2.3cqw)!important}
 #about .doctor-portrait{inset:6.3% 5.5% 1% 56.2%!important}
 #about .doctor-note{left:53.1%!important;top:12.4%!important;width:14.5%!important}
}

/* Product journey: compact numbered steps on the slide's plain white surface. */
@media(min-width:901px){
 #about .doctor-journey{left:6.3%!important;bottom:1%!important;width:49.2%!important;height:25%!important;aspect-ratio:auto!important;padding:0!important;overflow:visible!important;background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
 #about .doctor-journey::before,#about .doctor-journey::after{display:none!important;content:none!important}
 #about .doctor-journey h3{top:0!important;bottom:auto!important;left:0!important;margin:0!important;line-height:1.2!important}
 #about .doctor-journey ol{inset:0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1.2cqw!important}
 #about .doctor-journey li{background:transparent!important}
 #about .doctor-journey__top{top:15%!important;left:50%!important;transform:translateX(-50%)!important}
 #about .doctor-journey__content{top:calc(15% + max(2.6cqw,34px) + .55cqw)!important;right:0!important;bottom:auto!important;left:0!important;height:auto!important;gap:.22cqw!important;padding:0 .4cqw!important;transform:none!important}
}
@media(max-width:900px){
 #about .doctor-journey{background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
 #about .doctor-journey::before,#about .doctor-journey::after{display:none!important;content:none!important}
 #about .doctor-journey ol{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
 #about .doctor-journey li{display:flex!important;flex-direction:column!important;align-items:center!important;gap:7px!important;min-height:0!important;padding:0 0 12px!important;border:0!important;background:transparent!important;text-align:center!important}
 #about .doctor-journey__top{position:static!important;display:flex!important;transform:none!important;margin:0!important}
 #about .doctor-journey__content{position:static!important;align-items:center!important;width:100%!important;transform:none!important;text-align:center!important}
}@media(max-width:900px){
 #about .doctor-journey__icon,#about .doctor-journey li::after{display:none!important;content:none!important}
}
@media(min-width:901px) and (max-width:1150px){
 #about .doctor-journey{min-height:72px!important}
}

/* Keep the final category-arrow glyph geometrically centered in its circle. */
#catalog .showcase-categories .category-arrow{
 grid-template-columns:minmax(0,1fr)!important;
 justify-content:center!important;
 justify-items:center!important;
 align-content:center!important
}

/* At compact desktop widths, keep catalog controls inside the page grid. */
@media(min-width:701px) and (max-width:1100px){
 #catalog .filter-reset{grid-column:1/-1!important;grid-row:3!important;justify-self:end!important;width:max-content;max-width:100%;margin:0!important}
}

/* The reference-scale values above become too small on notebook-sized screens. */
@media(min-width:901px) and (max-width:1250px){
 #about .doctor-copy>p:not(.showcase-eyebrow){font-size:max(16px,clamp(15px,1.18cqw,17px))!important;line-height:1.3!important}
 #about .doctor-journey{bottom:5%!important}
 #about .doctor-journey__content{top:calc(15% + max(2.6cqw,34px) - .45cqw)!important}
 #about .doctor-journey__number{width:clamp(28px,2.6cqw,34px)!important;height:clamp(28px,2.6cqw,34px)!important;font-size:max(16px,clamp(14px,1.25cqw,16px))!important}
 #about .doctor-journey__content strong{font-size:max(16px,clamp(13px,1.04cqw,16px))!important;line-height:1.2!important}
 #about .doctor-journey__content small{font-size:max(16px,clamp(11px,.8cqw,13px))!important;line-height:1.28!important}
 #about .doctor-stats>div{height:100%!important}
 #about .doctor-stats>div>.icon{width:clamp(22px,2.45cqw,28px)!important;height:clamp(22px,2.45cqw,28px)!important}
 #about .doctor-stats p{font-size:max(16px,clamp(11px,.82cqw,13px))!important;line-height:1.25!important}
 #about .doctor-stats strong{font-size:max(16px,clamp(12px,1.02cqw,15px))!important;line-height:1.2!important}
}

/* Lift the three process steps slightly and align them closer to the left edge. */
@media(min-width:971px){
 #about .doctor-journey{left:4.5%!important;bottom:7.5%!important}
}

/* Add a small breathing gap below the About heading. */
#about .doctor-copy>p:not(.showcase-eyebrow){margin-top:5px!important}
@media(min-width:971px){
 #about .doctor-copy>p:not(.showcase-eyebrow){margin-top:clamp(24px,calc(3.4vw - 15px),50px)!important;max-width:53cqw!important;text-align:left!important}
}
@media(min-width:971px) and (max-width:1149px){
 #about .doctor-copy>p:not(.showcase-eyebrow){margin-top:clamp(8px,calc(7vw - 62px),16px)!important;font-size:max(16px,14px)!important;line-height:1.25!important}
}
@media(min-width:1068px) and (max-width:1149px){
 #about .doctor-copy>p:not(.showcase-eyebrow){margin-top:clamp(22px,calc(4.9vw - 30px),26px)!important}
}
/* Keep the About paragraph inside its text column on notebook and desktop widths. */
@media(min-width:971px){
 #about .doctor-copy>p:not(.showcase-eyebrow){width:100%!important;max-width:42cqw!important}
}
@media(min-width:971px) and (max-width:999px){
 #about .doctor-journey{bottom:5.5%!important}
}

@media(max-width:360px){
 .brand-file{width:112px!important;height:56px!important;min-width:112px!important}
 .brand-file img{width:200px!important;height:200px!important;left:-42px!important;top:-70px!important}
 .nav{gap:6px!important}
 .nav-actions{gap:2px!important}
 .nav-actions>.icon-button{width:30px!important;height:30px!important}
 .cart-button{padding:6px!important}
 .account-link{min-width:0!important;min-height:30px!important;padding-right:5px!important;padding-left:5px!important;font-size:max(16px,10px)!important}
 .mobile-menu{width:30px!important;height:30px!important}
}
@media(max-width:340px){
 .brand-file{width:104px!important;min-width:104px!important}
 .brand-file img{width:186px!important;height:186px!important;left:-39px!important;top:-65px!important}
 #catalog .catalog-pet-row{grid-template-columns:minmax(0,1fr)!important}
 #catalog .catalog-pet-row .pet-switch{grid-column:1!important;width:100%!important;min-width:0!important}
 #catalog .catalog-pet-row .favorites-filter,#catalog .catalog-pet-row .filter-reset{grid-column:1!important;justify-self:stretch!important;width:100%!important}
}

/* Tablet-width About slide: stack content before the portrait and process steps. */
@media(min-width:901px) and (max-width:970px){
 .showcase-stage:has(.doctor-slide:not([hidden])){aspect-ratio:auto!important;height:auto!important;min-height:0!important;overflow:visible!important}
 .showcase-stage:has(.doctor-slide:not([hidden]))>.doctor-slide{position:relative!important;inset:auto!important;display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important;grid-template-columns:1fr!important;grid-template-rows:auto!important}
 .doctor-main{position:relative!important;display:flex!important;flex:0 0 auto!important;flex-direction:column!important;height:auto!important;min-height:0!important;overflow:visible!important}
 .doctor-main::before,.doctor-main::after{display:none!important;content:none!important}
 .doctor-copy{position:relative!important;inset:auto!important;order:0!important;width:auto!important;padding:26px 5% 12px!important}
 .doctor-copy .showcase-eyebrow{font-size:max(16px,12px)!important;margin-bottom:12px!important}
 .doctor-copy h2{font-size:max(16px,clamp(36px,4.4vw,44px))!important;line-height:1.04!important;margin:0 0 10px!important}
 .doctor-copy>p:not(.showcase-eyebrow){max-width:760px!important;font-size:max(16px,16px)!important;line-height:1.45!important}
 .doctor-visual{position:relative!important;inset:auto!important;order:1!important;flex:0 0 clamp(320px,39vw,380px)!important;width:100%!important;height:clamp(320px,39vw,380px)!important;min-height:clamp(320px,39vw,380px)!important;overflow:hidden!important}
 .doctor-orange-shape{right:7%!important;top:7%!important;width:53%!important;height:86%!important}
 .doctor-portrait{inset:4% 8% 4% 42%!important;height:auto!important;border-radius:30% 30% 20px 20px!important}
 .doctor-portrait img{object-position:42% 18%!important}
 .doctor-note{left:6%!important;top:9%!important;width:min(33%,280px)!important;padding:16px 18px!important;font-size:max(16px,14px)!important}
 .doctor-note .doctor-note__name{font-size:max(16px,21px)!important}
 .doctor-note__bio{font-size:max(16px,13px)!important}
 .doctor-note__arrow{width:48px!important;height:32px!important}
 .doctor-card--bottom,.doctor-treat-card{display:none!important}
 .doctor-journey{position:relative!important;inset:auto!important;order:2!important;width:auto!important;height:auto!important;aspect-ratio:auto!important;margin:14px 5% 22px!important;padding:14px 0!important;overflow:visible!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
 .doctor-journey::before,.doctor-journey::after{display:none!important;content:none!important}
 .doctor-journey h3{position:static!important;margin:0 0 14px!important;font-size:max(16px,12px)!important;letter-spacing:.14em!important}
 .doctor-journey ol{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:0!important;padding:0!important}
 .doctor-journey li{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;min-width:0!important;min-height:0!important;padding:0 6px!important;text-align:center!important}
 .doctor-journey__top{position:static!important;display:flex!important;transform:none!important;margin:0!important}
 .doctor-journey__number{width:32px!important;height:32px!important;font-size:max(16px,15px)!important}
 .doctor-journey__content{position:static!important;display:flex!important;align-items:center!important;width:100%!important;margin:0!important;padding:0!important;transform:none!important;text-align:center!important}
 .doctor-journey__content strong{font-size:max(16px,14px)!important;line-height:1.25!important}
 .doctor-journey__content small{font-size:max(16px,12px)!important;line-height:1.35!important}
 .doctor-stats{position:relative!important;order:3!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;width:100%!important;height:auto!important;min-height:0!important;padding:14px 3%!important}
 .doctor-stats>div{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;height:auto!important;min-width:0!important;padding:6px 8px!important;transform:none!important}
 .doctor-stats>div>.icon{width:24px!important;height:24px!important;flex:0 0 24px!important}
 .doctor-stats p{font-size:max(16px,11px)!important;line-height:1.25!important}
 .doctor-stats strong{font-size:max(16px,12px)!important;line-height:1.2!important}
 .doctor-stats span{font-size:max(16px,10px)!important;line-height:1.2!important}
}

@media(max-width:900px){.showcase,.showcase-stage:has([data-slide]:not([hidden])){overflow-anchor:none!important}}
/* Laptop/tablet catalog controls: put the pet switch, search and filters on separate rows. */
@media (min-width:701px) and (max-width:1100px){
 #catalog .catalog-control-panel{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:10px!important}
 #catalog .catalog-pet-row,#catalog .catalog-controls{display:contents!important}
 #catalog .pet-switch{grid-column:1/-1!important;grid-row:1!important;display:flex!important;width:100%;min-width:0;gap:8px}
 #catalog .pet-switch button{flex:1 1 0;min-width:0!important;padding-inline:12px}
 #catalog .favorites-filter{grid-column:1!important;grid-row:2!important;justify-self:stretch;min-width:0;white-space:normal}
 #catalog .filter-reset{grid-column:2!important;grid-row:2!important;justify-self:stretch!important;width:auto!important;max-width:none!important;margin:0!important;white-space:normal}
 #catalog .catalog-controls .search-row{grid-column:1/-1!important;grid-row:3!important;display:flex;min-width:0;gap:10px;margin:0!important}
 #catalog .catalog-controls .search-input-wrap{flex:1 1 auto;min-width:0}
 #catalog .catalog-controls .search-submit{flex:0 0 auto;min-width:150px}
 #catalog .catalog-controls>label{grid-column:auto!important;grid-row:auto!important;min-width:0;min-height:52px}
 #catalog .catalog-controls>label[data-filter-title="Тип лакомства"]{grid-column:1!important;grid-row:4!important}
 #catalog .catalog-controls>label[data-filter-title="Форма"]{grid-column:2!important;grid-row:4!important}
 #catalog .catalog-controls>label[data-filter-title="Вкус"]{grid-column:1!important;grid-row:5!important}
 #catalog .catalog-controls>label[data-filter-title="Бренд"]{grid-column:2!important;grid-row:5!important}
 #catalog .catalog-controls>label[data-filter-title="Цена"]{grid-column:1/-1!important;grid-row:6!important}
 #catalog .catalog-controls>label[data-filter-title="Цена"] select{max-width:100%}
}
/* Keep the two pet buttons clear of the search row on laptop and desktop widths. */
@media (min-width:1101px){
 #catalog .pet-switch{grid-column:1/span 5!important;grid-row:1!important;width:min(430px,100%);max-width:430px;justify-self:start;min-width:0}
 #catalog .pet-switch button{min-width:0;flex:1 1 0}
 #catalog .catalog-controls .search-row{grid-column:6/span 5!important;grid-row:1!important;min-width:0}
}
@media (min-width:701px) and (max-width:1100px){
 #catalog .pet-switch{width:min(430px,100%);max-width:430px;justify-self:start}
}

/* Three reference-matched promotional bundles. */
.promotions-section.promotions-section--bundles{width:calc(100% - 40px);max-width:1840px;margin:clamp(30px,4vw,62px) auto clamp(46px,6vw,86px);padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;scroll-margin-top:92px}
.promotion-bundles{display:grid;gap:14px}
.promotion-bundle{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);min-width:0;aspect-ratio:2.03/1;overflow:hidden;border-radius:clamp(22px,2.2vw,38px);background:#fff8eb;box-shadow:0 12px 32px rgba(65,43,21,.09)}
.promotion-bundle__copy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(22px,2.8vw,48px) clamp(22px,2.7vw,50px);background:linear-gradient(115deg,#fffaf1 0%,#fff6e6 100%)}
.promotion-bundle__badge{display:inline-flex;align-items:center;align-self:flex-start;gap:12px;max-width:100%;min-height:38px;padding:3px 17px 3px 3px;border-radius:999px;background:#e7e9cc;color:#17241b;font-size:max(16px,clamp(11px,.86vw,15px));font-weight:700;letter-spacing:.025em;line-height:1.2}
.promotion-bundle__badge i{display:grid;width:34px;height:34px;flex:none;place-items:center;border-radius:50%;background:linear-gradient(140deg,#8fa44f,#718b3a);color:#122016;font-size:max(16px,14px);font-style:normal;font-weight:850;box-shadow:0 2px 7px rgba(52,72,24,.15)}
.promotion-bundle:nth-child(3) .promotion-bundle__badge{background:#f8e5bd}.promotion-bundle:nth-child(3) .promotion-bundle__badge i{background:linear-gradient(140deg,#ffbe54,#f49322)}
.promotion-bundle__copy h2{margin:13px 0 8px;color:#0d1d1d;font-size:max(16px,clamp(29px,3vw,56px));font-weight:850;letter-spacing:-.045em;line-height:1.02;text-wrap:balance}
.promotion-bundle__description{max-width:31em;margin:0;color:#293736;font-size:max(16px,clamp(15px,1.22vw,21px));line-height:1.38}
.promotion-bundle__features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 5px;margin:clamp(15px,1.8vw,28px) 0 clamp(14px,1.7vw,25px);padding:0;list-style:none}
.promotion-bundle:nth-child(n+2) .promotion-bundle__features{grid-template-columns:repeat(5,minmax(0,1fr))}
.promotion-bundle__features li{display:flex;min-width:0;flex-direction:column;align-items:center;gap:5px;color:#111b18;text-align:center}
.promotion-bundle__features li>span{display:grid;width:clamp(36px,3.5vw,52px);height:clamp(36px,3.5vw,52px);place-items:center;border-radius:50%;background:#f6e8cc}
.promotion-bundle__features svg{width:57%;height:57%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
.promotion-bundle__features small{max-width:100%;font-size:max(16px,clamp(10px,.84vw,14px));line-height:1.22;text-wrap:balance}
.promotion-bundle__price{display:flex;min-width:0;align-items:center;gap:clamp(9px,1.2vw,20px);margin-top:auto;margin-bottom:10px;white-space:nowrap}
.promotion-bundle__price del{color:#99958c;font-size:max(16px,clamp(15px,1.45vw,24px));font-weight:650;text-decoration-thickness:2px}
.promotion-bundle__price strong{color:#101717;font-size:max(16px,clamp(33px,3.3vw,58px));font-weight:850;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums}
.promotion-bundle__price>span{padding:8px 13px;border-radius:999px;background:#cddcac;color:#26391f;font-size:max(16px,clamp(11px,.95vw,16px));font-weight:800;line-height:1.15}
.promotion-bundle__cta{display:flex;min-height:clamp(54px,4.5vw,74px);align-items:center;justify-content:center;gap:12px;padding:11px 16px;border-radius:999px;background:linear-gradient(105deg,#ffbd27,#ffb51d);color:#11140e;font-size:max(16px,clamp(15px,1.4vw,23px));font-weight:850;line-height:1.18;text-align:center;text-decoration:none;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.promotion-bundle__cta:hover{transform:translateY(-2px);filter:saturate(1.07);box-shadow:0 9px 22px rgba(175,116,8,.2)}
.promotion-bundle__cta:focus-visible{outline:3px solid #174236;outline-offset:3px}
.promotion-bundle__cta svg{width:27px;height:27px;flex:none;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4}
.promotion-bundle__note{margin-top:6px;color:#796f60;font-size:max(16px,11px);line-height:1.25;text-align:center}
.promotion-bundle__image{min-width:0;min-height:0;overflow:hidden;background:#a47a54}
.promotion-bundle__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:850px){.promotions-section.promotions-section--bundles{width:calc(100% - 28px)}.promotion-bundle{grid-template-columns:minmax(0,1fr);aspect-ratio:auto}.promotion-bundle__copy{order:0;padding:clamp(22px,5vw,36px)}.promotion-bundle__image{order:1;aspect-ratio:1.14/1}.promotion-bundle__copy h2{font-size:max(16px,clamp(32px,6.2vw,48px))}.promotion-bundle__description{font-size:max(16px,16px)}.promotion-bundle__features{margin:20px 0}.promotion-bundle__features li>span{width:44px;height:44px}.promotion-bundle__features small{font-size:max(16px,12px)}.promotion-bundle__price strong{font-size:max(16px,clamp(38px,8vw,52px))}}
@media(max-width:480px){.promotions-section.promotions-section--bundles{width:calc(100% - 20px);margin:24px auto 40px}.promotion-bundles{gap:12px}.promotion-bundle{border-radius:22px}.promotion-bundle__copy{padding:20px 17px 18px}.promotion-bundle__badge{min-height:34px;gap:9px;padding-right:12px;font-size:max(16px,10px)}.promotion-bundle__badge i{width:30px;height:30px;font-size:max(16px,13px)}.promotion-bundle__copy h2{margin:12px 0 7px;font-size:max(16px,clamp(29px,8.4vw,38px))}.promotion-bundle__description{font-size:max(16px,15px);line-height:1.4}.promotion-bundle__features{gap:12px 4px;margin:18px 0}.promotion-bundle:nth-child(n+2) .promotion-bundle__features{grid-template-columns:repeat(3,minmax(0,1fr))}.promotion-bundle__features li>span{width:40px;height:40px}.promotion-bundle__features small{font-size:max(16px,11px)}.promotion-bundle__price{flex-wrap:wrap;gap:8px 11px;margin-bottom:10px}.promotion-bundle__price del{font-size:max(16px,16px)}.promotion-bundle__price strong{font-size:max(16px,42px)}.promotion-bundle__price>span{padding:7px 10px;font-size:max(16px,11px)}.promotion-bundle__cta{min-height:58px;gap:8px;padding:10px 12px;font-size:max(16px,clamp(14px,4vw,17px))}.promotion-bundle__cta svg{width:23px;height:23px}.promotion-bundle__note{font-size:max(16px,10px)}.promotion-bundle__image{aspect-ratio:1.05/1}}
@media(max-width:350px){.promotion-bundle__copy{padding-inline:14px}.promotion-bundle__price strong{font-size:max(16px,38px)}.promotion-bundle__features small{font-size:max(16px,10px)}.promotion-bundle__cta{font-size:max(16px,13px)}}
@media(prefers-reduced-motion:reduce){.promotion-bundle__cta{transition:none}}
@media(min-width:1540px){.promotion-bundles{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.promotion-bundle{grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);aspect-ratio:1.02/1;border-radius:26px}.promotion-bundle__copy{padding:24px 20px 20px}.promotion-bundle__badge{gap:8px;min-height:34px;padding-right:11px;font-size:max(16px,10px);letter-spacing:0}.promotion-bundle__badge i{width:30px;height:30px;font-size:max(16px,12px)}.promotion-bundle__copy h2{margin:13px 0 8px;font-size:max(16px,clamp(28px,2.1vw,39px));line-height:1.04}.promotion-bundle__description{font-size:max(16px,14px);line-height:1.36}.promotion-bundle__features{gap:8px 2px;margin:18px 0 14px}.promotion-bundle:nth-child(n+2) .promotion-bundle__features{grid-template-columns:repeat(3,minmax(0,1fr))}.promotion-bundle__features li>span{width:38px;height:38px}.promotion-bundle__features small{font-size:max(16px,10px);line-height:1.18}.promotion-bundle__price{flex-wrap:wrap;gap:5px 9px;margin-bottom:12px}.promotion-bundle__price del{font-size:max(16px,15px)}.promotion-bundle__price strong{font-size:max(16px,clamp(31px,2.5vw,44px))}.promotion-bundle__price>span{padding:6px 9px;font-size:max(16px,10px)}.promotion-bundle__cta{width:60px;height:60px;min-height:60px;align-self:flex-end;justify-content:center;padding:0;border-radius:50%;font-size:0}.promotion-bundle__cta>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.promotion-bundle__cta svg{width:29px;height:29px}.promotion-bundle__image img{object-position:center}}
@media(max-width:1539px){}
@media(min-width:1540px){.promotion-bundle:first-child .promotion-bundle__features{grid-template-columns:repeat(3,minmax(0,1fr))}.promotion-bundle:nth-child(2) .promotion-bundle__features{grid-template-columns:repeat(5,minmax(0,1fr))}.promotion-bundle:nth-child(3) .promotion-bundle__features{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* High-resolution product photography: keep photo left and offer copy right on desktop. */
.promotion-bundle{grid-template-areas:"image copy";grid-template-columns:minmax(0,58%) minmax(0,42%);aspect-ratio:2.35/1}
.promotion-bundle__image{grid-area:image}
.promotion-bundle__copy{grid-area:copy}
.promotion-bundle__image img{object-fit:cover;object-position:center}
@media(max-width:850px){.promotion-bundle{grid-template-areas:"image" "copy";aspect-ratio:auto}.promotion-bundle__image{aspect-ratio:1.24/1;order:0}.promotion-bundle__copy{order:1}.promotion-bundle__image img{object-position:center}}
@media(min-width:1540px){.promotion-bundles{grid-template-columns:minmax(0,1fr);gap:16px}.promotion-bundle{grid-template-areas:"image copy";grid-template-columns:minmax(0,58%) minmax(0,42%);aspect-ratio:2.35/1;border-radius:clamp(22px,2.2vw,38px)}.promotion-bundle__copy{padding:clamp(24px,2.8vw,48px)}.promotion-bundle__copy h2{font-size:max(16px,clamp(34px,3vw,56px))}.promotion-bundle__description{font-size:max(16px,clamp(16px,1.22vw,21px))}.promotion-bundle__features{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 5px;margin:clamp(15px,1.8vw,28px) 0 clamp(14px,1.7vw,25px)}.promotion-bundle:nth-child(n+2) .promotion-bundle__features{grid-template-columns:repeat(5,minmax(0,1fr))}.promotion-bundle__features li>span{width:clamp(40px,3.5vw,52px);height:clamp(40px,3.5vw,52px)}.promotion-bundle__features small{font-size:max(16px,clamp(11px,.84vw,14px))}.promotion-bundle__price{flex-wrap:nowrap;gap:clamp(9px,1.2vw,20px);margin-bottom:10px}.promotion-bundle__price del{font-size:max(16px,clamp(15px,1.45vw,24px))}.promotion-bundle__price strong{font-size:max(16px,clamp(38px,3.3vw,58px))}.promotion-bundle__price>span{padding:8px 13px;font-size:max(16px,clamp(11px,.95vw,16px))}.promotion-bundle__cta{width:auto;height:auto;min-height:clamp(54px,4.5vw,74px);align-self:stretch;padding:11px 16px;border-radius:999px;font-size:max(16px,clamp(15px,1.4vw,23px))}.promotion-bundle__cta>span{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal}.promotion-bundle__cta svg{width:27px;height:27px}.promotion-bundle__image img{object-fit:cover}}
body.is-viewing-promotions .care-guide{opacity:0;visibility:hidden;pointer-events:none}

@media(max-width:1200px){.promotion-bundle{grid-template-areas:"image" "copy";grid-template-columns:minmax(0,1fr);aspect-ratio:auto}.promotion-bundle__image{aspect-ratio:1.5/1;order:0}.promotion-bundle__copy{order:1}}
/* Keep offer actions inside mid-size desktop cards. */
@media (min-width:851px) and (max-width:1399px){
  .promotion-bundle{aspect-ratio:auto;min-height:620px;grid-template-columns:minmax(0,58%) minmax(0,42%)}
  .promotion-bundle__copy{padding:26px 28px}
  .promotion-bundle__copy h2{font-size:max(16px,clamp(34px,3.15vw,45px));line-height:1.02}
  .promotion-bundle__features{gap:7px 3px;margin:14px 0 12px}
  .promotion-bundle__features li>span{width:42px;height:42px}
  .promotion-bundle__features small{font-size:max(16px,11px);line-height:1.18}
  .promotion-bundle__price strong{font-size:max(16px,clamp(34px,3vw,46px))}
  .promotion-bundle__price>span{padding:7px 9px;font-size:max(16px,11px)}
  .promotion-bundle__cta{min-height:58px;font-size:max(16px,clamp(15px,1.3vw,18px))}
}
@media(max-width:900px){.promotion-bundle{grid-template-areas:"image" "copy";grid-template-columns:minmax(0,1fr);aspect-ratio:auto}.promotion-bundle__image{aspect-ratio:1.24/1;order:0}.promotion-bundle__copy{order:1}}
/* Match the reference card proportions while keeping price and CTA visible. */
@media (min-width:980px) and (max-width:1399px){
  .promotion-bundle{aspect-ratio:2.1/1;min-height:0;grid-template-areas:"image copy";grid-template-columns:minmax(0,58%) minmax(0,42%)}
  .promotion-bundle__copy{padding:22px 26px}
  .promotion-bundle__copy h2{font-size:max(16px,clamp(32px,3.1vw,42px));line-height:1.02}
  .promotion-bundle__features{gap:6px 3px;margin:12px 0 10px}
  .promotion-bundle__features li>span{width:40px;height:40px}
  .promotion-bundle__features small{font-size:max(16px,10px);line-height:1.17}
  .promotion-bundle__price strong{font-size:max(16px,clamp(32px,3vw,42px))}
  .promotion-bundle__price>span{padding:6px 9px;font-size:max(16px,10px)}
  .promotion-bundle__cta{min-height:54px;font-size:max(16px,clamp(14px,1.25vw,17px))}
}

.promotions-section.promotions-section--bundles{scroll-margin-top:92px}
/* Keep every purchase button directly under its price and inside the offer card. */
.promotion-bundle__copy{justify-content:flex-start}
.promotion-bundle__price{margin-top:14px;margin-bottom:10px}
.promotion-bundle__cta{flex:none}
@media(max-width:900px){.promotion-bundle__price{margin-top:14px}}
/* Final responsive and CTA guardrails: preserve photo-first composition and full purchase buttons. */
.promotion-bundle__cta{width:100%;height:auto;min-height:54px;align-self:stretch;justify-content:center;padding:11px 16px;border-radius:999px;font-size:max(16px,clamp(15px,1.4vw,23px))}
.promotion-bundle__cta>span{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal}
@media(min-width:1540px){.promotion-bundle__cta{width:100%;height:auto;min-height:clamp(54px,4.5vw,74px);align-self:stretch;padding:11px 16px;border-radius:999px;font-size:max(16px,clamp(15px,1.4vw,23px))}.promotion-bundle__cta>span{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal}}
@media(min-width:851px) and (max-width:979px){.promotion-bundle{grid-template-areas:"image" "copy";grid-template-columns:minmax(0,1fr);aspect-ratio:auto;min-height:0}.promotion-bundle__image{aspect-ratio:1.35/1;order:0}.promotion-bundle__copy{order:1}}
/* Keep the reference's one-offer-per-row layout on large screens too. */
@media(min-width:1400px){.promotion-bundles{grid-template-columns:minmax(0,1fr);gap:16px}.promotion-bundle{grid-template-areas:"image copy";grid-template-columns:minmax(0,58%) minmax(0,42%);aspect-ratio:auto;min-height:560px}.promotion-bundle__image{grid-area:image;background:#f7eddb}.promotion-bundle__image img{object-fit:contain}.promotion-bundle__copy{grid-area:copy}.promotion-bundle:first-child .promotion-bundle__features,.promotion-bundle:nth-child(3) .promotion-bundle__features{grid-template-columns:repeat(4,minmax(0,1fr))}.promotion-bundle:nth-child(2) .promotion-bundle__features{grid-template-columns:repeat(5,minmax(0,1fr))}.promotion-bundle__cta{width:100%;height:auto;min-height:64px;align-self:stretch;font-size:max(16px,clamp(18px,1.2vw,23px))}.promotion-bundle__cta>span{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal}}

/* Let the desktop offers span the page even when the site-builder wraps the page in a narrow content container. */
@media(min-width:901px){body[data-site-builder-ready="true"] .promotions-section.promotions-section--bundles{position:static;left:auto;transform:none;width:min(calc(100% - 40px),1840px)!important;max-width:none!important;margin-left:auto;margin-right:auto}}

/* Match the reference promotion cards: warm first badge, full-bleed photos and offer callouts over each product scene. */
.promotion-bundle:first-child .promotion-bundle__badge{background:#f8e5bd;color:#684517}
.promotion-bundle:first-child .promotion-bundle__badge i{background:linear-gradient(140deg,#ffc64f,#f5a21a);color:#18170f}
.promotion-bundle__image img{object-fit:cover;object-position:center}
@media(min-width:1400px){.promotion-bundle{aspect-ratio:2.1/1;min-height:0}}
@media(min-width:980px){.promotion-bundle{grid-template-columns:minmax(0,59%) minmax(0,41%)}.promotion-bundle__image{height:100%;aspect-ratio:auto;align-self:stretch}.promotion-bundle__price{margin-top:auto}}
@media(min-width:980px) and (max-width:1399px){.promotion-bundle{aspect-ratio:auto;min-height:0}}

/* Compact second bundle on tablet and mobile: content determines card height. */
@media(max-width:979px){
 .promotions-section.promotions-section--bundles{width:calc(100% - 24px);max-width:none;margin:24px auto 44px}
 .promotion-bundle{min-height:0;grid-template-areas:"image" "copy";grid-template-columns:minmax(0,1fr);aspect-ratio:auto}
 .promotion-bundle__image{grid-area:image;order:0;width:100%;aspect-ratio:1.42/1;align-self:auto}
 .promotion-bundle__image img{width:100%;height:100%;object-fit:cover;object-position:center}
 .promotion-bundle__copy{grid-area:copy;order:1;min-height:0;justify-content:flex-start;padding:clamp(20px,4vw,32px)}
 .promotion-bundle__copy h2{margin:10px 0 6px;font-size:max(16px,clamp(30px,5.2vw,44px));line-height:1.04}
 .promotion-bundle__description{max-width:42em;font-size:max(16px,clamp(15px,2.1vw,18px));line-height:1.42}
 .promotion-bundle__features{gap:10px 6px;margin:16px 0 18px}
 .promotion-bundle:nth-child(2) .promotion-bundle__features{grid-template-columns:repeat(5,minmax(0,1fr))}
 .promotion-bundle__features li{gap:6px}
 .promotion-bundle__features li>span{width:42px;height:42px}
 .promotion-bundle__features small{font-size:max(16px,clamp(10px,1.55vw,13px));line-height:1.23}
 .promotion-bundle__price{margin-top:0;margin-bottom:12px;flex-wrap:wrap;gap:6px 12px}
 .promotion-bundle__price strong{font-size:max(16px,clamp(38px,7vw,52px))}
 .promotion-bundle__cta{width:100%;min-height:58px}
}
@media(max-width:520px){
 .promotions-section.promotions-section--bundles{width:calc(100% - 18px);margin:18px auto 34px}
 .promotion-bundles{gap:12px}
 .promotion-bundle{border-radius:20px}
 .promotion-bundle__image{aspect-ratio:1.08/1}
 .promotion-bundle__copy{padding:19px 16px 17px}
 .promotion-bundle__badge{min-height:32px;gap:8px;padding-right:11px;font-size:max(16px,9px)}
 .promotion-bundle__badge i{width:28px;height:28px;font-size:max(16px,12px)}
 .promotion-bundle__copy h2{font-size:max(16px,clamp(28px,8vw,36px))}
 .promotion-bundle__description{font-size:max(16px,14px)}
 .promotion-bundle__features{gap:10px 3px;margin:15px 0 16px}
 .promotion-bundle:nth-child(2) .promotion-bundle__features{grid-template-columns:repeat(3,minmax(0,1fr))}
 .promotion-bundle__features li>span{width:38px;height:38px}
 .promotion-bundle__features small{font-size:max(16px,11px)}
 .promotion-bundle__price{gap:6px 10px}
 .promotion-bundle__price del{font-size:max(16px,15px)}
 .promotion-bundle__price strong{font-size:max(16px,40px)}
 .promotion-bundle__price>span{padding:7px 9px;font-size:max(16px,10px)}
 .promotion-bundle__cta{min-height:54px;font-size:max(16px,clamp(14px,4vw,17px))}
}
@media(max-width:350px){
 .promotion-bundle__copy{padding-inline:12px}
 .promotion-bundle__features small{font-size:max(16px,10px)}
 .promotion-bundle__price{flex-wrap:nowrap;gap:6px}
 .promotion-bundle__price del{font-size:max(16px,12px)}
 .promotion-bundle__price strong{font-size:max(16px,34px)}
 .promotion-bundle__price>span{padding:6px 7px;font-size:max(16px,9px)}
 .promotion-bundle__cta{font-size:max(16px,13px)}
}
/* Clear, purpose-drawn pictograms for the starter set benefits. */
.promotion-bundle:nth-child(2) .promotion-bundle__features li>span{width:50px;height:50px;border:1px solid rgba(42,64,35,.14);background:linear-gradient(145deg,#fff0cf,#f5dfb5);color:#254b36;box-shadow:0 3px 9px rgba(67,61,35,.09)}
.promotion-bundle:nth-child(2) .promotion-bundle__features svg{width:70%;height:70%;stroke-width:2.35}
.promotion-bundle:nth-child(2) .promotion-bundle__features small{font-weight:650;color:#26352d}
@media(max-width:520px){.promotion-bundle:nth-child(2) .promotion-bundle__features li>span{width:46px;height:46px}.promotion-bundle:nth-child(2) .promotion-bundle__features svg{width:72%;height:72%}}
@media(max-width:350px){.promotion-bundle:nth-child(2) .promotion-bundle__features li>span{width:42px;height:42px}}
/* Use realistic product miniatures for the five starter-set benefits. */
.promotion-bundle:nth-child(2) .promotion-bundle__features li>span{width:clamp(68px,12.8vw,102px);height:clamp(68px,12.8vw,102px);border:0;background-color:transparent;background-image:url("assets/brand/promotion-starter-icons-v1.webp");background-repeat:no-repeat;background-size:500% auto;background-position-y:47%;box-shadow:none}
.promotion-bundle:nth-child(2) .promotion-bundle__features li:nth-child(1)>span{background-position-x:0%}
.promotion-bundle:nth-child(2) .promotion-bundle__features li:nth-child(2)>span{background-position-x:25%}
.promotion-bundle:nth-child(2) .promotion-bundle__features li:nth-child(3)>span{background-position-x:50%}
.promotion-bundle:nth-child(2) .promotion-bundle__features li:nth-child(4)>span{background-position-x:75%}
.promotion-bundle:nth-child(2) .promotion-bundle__features li:nth-child(5)>span{background-position-x:100%}
.promotion-bundle:nth-child(2) .promotion-bundle__features li>span svg{display:none}
@media(max-width:520px){.promotion-bundle:nth-child(2) .promotion-bundle__features li>span{width:68px;height:68px}}
/* Tighten the second offer on wide screens so price follows the benefits. */
@media(min-width:1400px){
 .promotion-bundle:nth-child(2){aspect-ratio:2.62/1;min-height:0}
 .promotion-bundle:nth-child(2) .promotion-bundle__copy{justify-content:flex-start;padding:clamp(22px,1.7vw,32px)}
 .promotion-bundle:nth-child(2) .promotion-bundle__copy h2{margin:9px 0 6px;font-size:max(16px,clamp(32px,2.7vw,50px));line-height:1.01}
 .promotion-bundle:nth-child(2) .promotion-bundle__description{font-size:max(16px,clamp(16px,1vw,19px));line-height:1.3}
 .promotion-bundle:nth-child(2) .promotion-bundle__features{gap:6px 4px;margin:11px 0 8px}
 .promotion-bundle:nth-child(2) .promotion-bundle__features li>span{width:clamp(64px,4.7vw,86px);height:clamp(64px,4.7vw,86px)}
 .promotion-bundle:nth-child(2) .promotion-bundle__features small{font-size:max(16px,clamp(11px,.72vw,13px));line-height:1.2}
 .promotion-bundle:nth-child(2) .promotion-bundle__price{margin:4px 0 8px;gap:clamp(8px,.8vw,14px)}
 .promotion-bundle:nth-child(2) .promotion-bundle__price del{font-size:max(16px,clamp(15px,1.2vw,20px))}
 .promotion-bundle:nth-child(2) .promotion-bundle__price strong{font-size:max(16px,clamp(36px,2.8vw,50px))}
 .promotion-bundle:nth-child(2) .promotion-bundle__price>span{padding:7px 11px;font-size:max(16px,clamp(11px,.8vw,14px))}
 .promotion-bundle:nth-child(2) .promotion-bundle__cta{min-height:58px;font-size:max(16px,clamp(16px,1.1vw,20px))}
 .promotion-bundle:nth-child(2) .promotion-bundle__image{position:relative;isolation:isolate;background:#725238}
 .promotion-bundle:nth-child(2) .promotion-bundle__image::before{position:absolute;z-index:0;inset:-14px;content:"";background:url("assets/brand/promotion-offer-reference-02.webp") center/cover no-repeat;filter:blur(12px);opacity:.75}
 .promotion-bundle:nth-child(2) .promotion-bundle__image img{position:relative;z-index:1;object-fit:contain}
}
@media(min-width:980px) and (max-width:1399px){.promotion-bundle:nth-child(2) .promotion-bundle__features{margin:10px 0 3px}.promotion-bundle:nth-child(2) .promotion-bundle__features li>span{width:clamp(54px,5.8vw,64px);height:clamp(54px,5.8vw,64px)}.promotion-bundle:nth-child(2) .promotion-bundle__price{margin:4px 0 6px}}
/* A small, consistent breathing gap between the benefits and the price. */
@media(max-width:979px){.promotion-bundle:nth-child(2) .promotion-bundle__features{margin-bottom:44px}}
@media(min-width:980px) and (max-width:1399px){.promotion-bundle:nth-child(2) .promotion-bundle__features{margin-bottom:13px}.promotion-bundle:nth-child(2) .promotion-bundle__price{margin-top:14px}}
@media(min-width:1400px){.promotion-bundle:nth-child(2) .promotion-bundle__features{margin-bottom:19px}.promotion-bundle:nth-child(2) .promotion-bundle__price{margin-top:13px}}
/* Set the starter-set price and CTA near the bottom of the wide card. */
@media(min-width:1400px){.promotion-bundle:nth-child(2) .promotion-bundle__price,.promotion-bundle:nth-child(2) .promotion-bundle__cta{top:130px}}
/* Enlarge the starter-set product illustrations while keeping five columns intact. */
@media(min-width:1400px){.promotion-bundle:nth-child(2) .promotion-bundle__features li>span{width:clamp(96px,6.1vw,116px);height:clamp(96px,6.1vw,116px)}}
@media(min-width:980px) and (max-width:1399px){.promotion-bundle:nth-child(2) .promotion-bundle__features li>span{width:clamp(66px,6.8vw,84px);height:clamp(66px,6.8vw,84px)}}
@media(max-width:979px){.promotion-bundle:nth-child(2) .promotion-bundle__features li>span{width:clamp(64px,18vw,82px);height:clamp(64px,18vw,82px)}}
/* Lower the starter-set price and button together by about 2 cm. */
.promotion-bundle:nth-child(2) .promotion-bundle__price,
.promotion-bundle:nth-child(2) .promotion-bundle__cta{position:relative;top:40px}
/* Lower the second offer's benefit row toward the card bottom without moving its price. */
.promotion-bundle:nth-child(2) .promotion-bundle__features{position:relative;top:clamp(32px,4.3vw,64px)}
/* On wide layouts, use a seamless outpainted photo; retain the original crop on phones. */
@media(min-width:980px){
 .promotion-bundle:nth-child(2) .promotion-bundle__image{background:#725238 url("assets/brand/promotion-offer-reference-02-wide.webp") center/100% 100% no-repeat}
 .promotion-bundle:nth-child(2) .promotion-bundle__image img{display:none}
 .promotion-bundle:nth-child(2) .promotion-bundle__image::before{display:none}
}
@media(max-width:850px){.promotion-bundle:first-child .promotion-bundle__image{aspect-ratio:1397/1126}}
/* Match the first-order offer reference: larger illustrated benefits and a tighter, balanced copy panel. */
@media(min-width:851px){
 .promotion-bundle:first-child .promotion-bundle__badge{min-height:44px;gap:12px;padding-right:18px;font-size:max(16px,clamp(12px,.9vw,16px))}
 .promotion-bundle:first-child .promotion-bundle__badge i{width:40px;height:40px;font-size:max(16px,16px)}
 .promotion-bundle:first-child .promotion-bundle__copy h2{margin:16px 0 10px;font-size:max(16px,clamp(42px,3.4vw,64px));line-height:1.02}
 .promotion-bundle:first-child .promotion-bundle__description{font-size:max(16px,clamp(18px,1.25vw,23px));line-height:1.38}
 .promotion-bundle:first-child .promotion-bundle__features{gap:8px 6px;margin:23px 0 16px}
 .promotion-bundle:first-child .promotion-bundle__features li{gap:8px}
 .promotion-bundle:first-child .promotion-bundle__features li>span{width:clamp(82px,5.8vw,112px);height:clamp(82px,5.8vw,112px);border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:contain;box-shadow:none}
 .promotion-bundle:first-child .promotion-bundle__features li:nth-child(1)>span{background-image:url("assets/brand/promotion-first-benefit-01.jpg")}
 .promotion-bundle:first-child .promotion-bundle__features li:nth-child(2)>span{background-image:url("assets/brand/promotion-first-benefit-02.jpg")}
 .promotion-bundle:first-child .promotion-bundle__features li:nth-child(3)>span{background-image:url("assets/brand/promotion-first-benefit-03.jpg")}
 .promotion-bundle:first-child .promotion-bundle__features li:nth-child(4)>span{background-image:url("assets/brand/promotion-first-benefit-04.jpg")}
 .promotion-bundle:first-child .promotion-bundle__features li>span svg{display:none}
 .promotion-bundle:first-child .promotion-bundle__features small{font-size:max(16px,clamp(12px,.95vw,17px));line-height:1.2}
 .promotion-bundle:first-child .promotion-bundle__price strong{font-size:max(16px,clamp(42px,3.8vw,68px))}
 .promotion-bundle:first-child .promotion-bundle__cta{min-height:clamp(62px,4.5vw,78px);font-size:max(16px,clamp(16px,1.4vw,23px))}
}
@media(max-width:850px){
 .promotion-bundle:first-child .promotion-bundle__features{gap:8px 5px;margin:18px 0 16px}
 .promotion-bundle:first-child .promotion-bundle__features li>span{width:clamp(54px,15vw,76px);height:clamp(54px,15vw,76px);border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:contain;box-shadow:none}
 .promotion-bundle:first-child .promotion-bundle__features li:nth-child(1)>span{background-image:url("assets/brand/promotion-first-benefit-01.jpg")}
 .promotion-bundle:first-child .promotion-bundle__features li:nth-child(2)>span{background-image:url("assets/brand/promotion-first-benefit-02.jpg")}
 .promotion-bundle:first-child .promotion-bundle__features li:nth-child(3)>span{background-image:url("assets/brand/promotion-first-benefit-03.jpg")}
 .promotion-bundle:first-child .promotion-bundle__features li:nth-child(4)>span{background-image:url("assets/brand/promotion-first-benefit-04.jpg")}
 .promotion-bundle:first-child .promotion-bundle__features li>span svg{display:none}
 .promotion-bundle:first-child .promotion-bundle__features small{font-size:max(16px,clamp(10px,2.8vw,14px));line-height:1.2}
}
/* Match the supplied first-order offer artwork while keeping its price close to the benefits. */
@media(min-width:1400px){
 .promotion-bundle:first-child{aspect-ratio:2.25/1;min-height:0}
 .promotion-bundle:first-child .promotion-bundle__copy{padding:clamp(30px,2.2vw,42px)}
 .promotion-bundle:first-child .promotion-bundle__features li>span{width:clamp(90px,7.4vw,144px);height:clamp(90px,7.4vw,144px)}
 .promotion-bundle:first-child .promotion-bundle__image{background:#725238 url("assets/brand/promotion-offer-reference-01-wide.webp") center/cover no-repeat}
 .promotion-bundle:first-child .promotion-bundle__image img{display:none}
 .promotion-bundle:first-child .promotion-bundle__image::before{display:none}
}
@media(min-width:1400px){.promotion-bundle:nth-child(2) .promotion-bundle__price,.promotion-bundle:nth-child(2) .promotion-bundle__cta{top:130px}}

@media(min-width:980px){.promotion-bundle:first-child .promotion-bundle__image{background:#725238 url('assets/brand/promotion-five-tastes-photo-v2-wide.webp?v=20261006-6') center/cover no-repeat}.promotion-bundle:first-child .promotion-bundle__image img{display:none}.promotion-bundle:first-child .promotion-bundle__image::before{display:none}}

/* Match the supplied monthly-ration offer design with illustrated benefit tiles. */
.promotion-bundle:nth-child(3) .promotion-bundle__copy{position:relative}
.promotion-bundle:nth-child(3) .promotion-bundle__desktop-break{display:none}
.promotion-bundle:nth-child(3) .promotion-bundle__callout{display:none}
.promotion-bundle:nth-child(3) .promotion-bundle__feature-copy{display:flex;flex-direction:column;gap:6px;width:100%;text-align:center}
.promotion-bundle:nth-child(3) .promotion-bundle__feature-copy strong{color:#14221f;font-size:max(16px,clamp(13px,1.2vw,18px));font-weight:800;line-height:1.15}
.promotion-bundle:nth-child(3) .promotion-bundle__feature-copy small{color:#66635f;font-size:max(16px,clamp(12px,1vw,16px));line-height:1.3}
.promotion-bundle:nth-child(3) .promotion-bundle__price>span{display:inline-flex;align-items:center;gap:10px}
.promotion-bundle:nth-child(3) .promotion-bundle__price>span svg{width:22px;height:22px;flex:none;fill:currentColor}
.promotion-bundle:nth-child(3) .promotion-bundle__feature-copy small{display:none!important}
@media(min-width:1400px){
 .promotion-bundle:nth-child(3){min-height:980px;aspect-ratio:auto;grid-template-columns:minmax(0,1.439fr) minmax(0,1fr)}
 .promotion-bundle:nth-child(3) .promotion-bundle__copy{justify-content:flex-start;padding:clamp(30px,2.6vw,48px)}
 .promotion-bundle:nth-child(3) .promotion-bundle__badge{min-height:52px;gap:12px;padding:3px 21px 3px 4px;font-size:max(16px,clamp(13px,.95vw,17px))}
 .promotion-bundle:nth-child(3) .promotion-bundle__badge i{width:46px;height:46px;font-size:max(16px,20px)}
 .promotion-bundle:nth-child(3) .promotion-bundle__callout{position:absolute;top:clamp(32px,2.8vw,48px);right:clamp(28px,3.4vw,62px);display:flex;align-items:center;gap:10px;color:#315a21}
 .promotion-bundle:nth-child(3) .promotion-bundle__callout svg{width:38px;height:38px;flex:none;fill:currentColor}
 .promotion-bundle:nth-child(3) .promotion-bundle__callout span{font-family:"Comic Sans MS",cursive;font-size:max(16px,clamp(16px,1.45vw,24px));font-style:italic;line-height:1.08;transform:rotate(-6deg)}
 .promotion-bundle:nth-child(3) .promotion-bundle__desktop-break{display:inline}
 .promotion-bundle:nth-child(3) .promotion-bundle__copy h2{position:relative;margin:30px 0 20px;font-size:max(16px,clamp(50px,4vw,72px));line-height:1.02;letter-spacing:-.052em}
 .promotion-bundle:nth-child(3) .promotion-bundle__title-accent{position:relative;white-space:nowrap}
 .promotion-bundle:nth-child(3) .promotion-bundle__title-accent::after{position:absolute;right:-2%;bottom:-7px;left:-2%;height:8px;border-radius:50%;background:#bdcf91;content:"";transform:rotate(-1deg)}
 .promotion-bundle:nth-child(3) .promotion-bundle__description{max-width:36em;font-size:max(16px,clamp(18px,1.55vw,25px));line-height:1.32}
 .promotion-bundle:nth-child(3) .promotion-bundle__features{gap:14px 12px;margin:28px 0 24px}
 .promotion-bundle:nth-child(3) .promotion-bundle__features li{align-items:stretch;gap:10px;text-align:left}
 .promotion-bundle:nth-child(3) .promotion-bundle__features li>span{width:100%;height:auto;aspect-ratio:252/221;border:0;border-radius:24px;background-color:transparent;background-image:url("assets/brand/promotion-month-benefits-reference.webp");background-repeat:no-repeat;background-size:460.4% 618.5%;box-shadow:none}
 .promotion-bundle:nth-child(3) .promotion-bundle__features li:nth-child(1)>span{background-position:5% 53%}
 .promotion-bundle:nth-child(3) .promotion-bundle__features li:nth-child(2)>span{background-position:35% 53%}
 .promotion-bundle:nth-child(3) .promotion-bundle__features li:nth-child(3)>span{background-position:66% 53%}
 .promotion-bundle:nth-child(3) .promotion-bundle__features li:nth-child(4)>span{background-position:96% 53%}
 .promotion-bundle:nth-child(3) .promotion-bundle__features li>span svg{display:none}
 .promotion-bundle:nth-child(3) .promotion-bundle__feature-copy{text-align:left}
 .promotion-bundle:nth-child(3) .promotion-bundle__feature-copy strong{font-size:max(16px,clamp(15px,1.22vw,21px));line-height:1.16}
 .promotion-bundle:nth-child(3) .promotion-bundle__feature-copy small{font-size:max(16px,clamp(13px,1.08vw,18px));line-height:1.3}
 .promotion-bundle:nth-child(3) .promotion-bundle__price{gap:clamp(10px,1.1vw,18px);margin-top:auto;margin-bottom:16px}
 .promotion-bundle:nth-child(3) .promotion-bundle__price del{position:relative;font-size:max(16px,clamp(20px,1.65vw,28px));text-decoration:none}
 .promotion-bundle:nth-child(3) .promotion-bundle__price del::after{position:absolute;top:52%;right:-5%;left:-5%;height:4px;border-radius:9px;background:#ec5570;content:"";transform:rotate(-8deg)}
 .promotion-bundle:nth-child(3) .promotion-bundle__price strong{font-size:max(16px,clamp(54px,4vw,74px))}
 .promotion-bundle:nth-child(3) .promotion-bundle__price>span{gap:9px;padding:10px 14px;font-size:max(16px,clamp(15px,1.15vw,20px))}
 .promotion-bundle:nth-child(3) .promotion-bundle__price>span svg{width:24px;height:24px}
 .promotion-bundle:nth-child(3) .promotion-bundle__cta{min-height:clamp(68px,6vw,92px);font-size:max(16px,clamp(21px,2.15vw,34px))}
 .promotion-bundle:nth-child(3) .promotion-bundle__cta svg{width:36px;height:36px}
}
@media(max-width:1399px){.promotion-bundle:nth-child(3) .promotion-bundle__feature-copy small,.promotion-bundle:nth-child(3) .promotion-bundle__callout{display:none}}
@media(max-width:979px){.promotion-bundle:nth-child(3) .promotion-bundle__feature-copy{gap:0}.promotion-bundle:nth-child(3) .promotion-bundle__feature-copy strong{font-size:inherit;font-weight:650;line-height:inherit}}
@media(min-width:1400px){
 .promotion-bundle:nth-child(2) .promotion-bundle__price,
 .promotion-bundle:nth-child(2) .promotion-bundle__cta{top:50px}
 .promotion-bundle:nth-child(2) .promotion-bundle__price del{font-size:max(16px,clamp(18px,1.35vw,23px))}
 .promotion-bundle:nth-child(2) .promotion-bundle__price strong{font-size:max(16px,clamp(54px,3.2vw,60px))}
 .promotion-bundle:nth-child(2) .promotion-bundle__price>span{padding:8px 13px;font-size:max(16px,clamp(14px,.9vw,16px))}
 .promotion-bundle:nth-child(2) .promotion-bundle__cta{min-height:72px;font-size:max(16px,clamp(20px,1.3vw,24px))}
}
/* Move the full starter-set benefits row upward into the gap below its description. */
.promotion-bundle:nth-child(2) .promotion-bundle__features{top:0}

@media(min-width:980px){.promotion-bundle:nth-child(3) .promotion-bundle__image{background:#725238 url('assets/brand/promotion-month-ration-photo-v6-wide.webp') center/cover no-repeat}.promotion-bundle:nth-child(3) .promotion-bundle__image img{display:none}.promotion-bundle:nth-child(3) .promotion-bundle__image::before{display:none}}

/* Match the carousel controls to the supplied warm, spacious reference. */
.showcase-pagination{position:relative;z-index:6;display:flex;align-items:center;justify-content:center;gap:clamp(10px,3.3vw,68px);min-height:clamp(112px,13.2vw,270px);padding:clamp(24px,3.4vw,70px) 16px;background:linear-gradient(180deg,#fffefa 0%,#fff 52%,#fffefa 100%);border-top:1px solid #fbf4e7;border-bottom:1px solid #fbf4e7}
.showcase-pagination .showcase-arrow{position:static!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;display:grid;width:clamp(52px,7.4vw,150px)!important;height:clamp(52px,7.4vw,150px)!important;min-width:clamp(52px,7.4vw,150px);padding:0;transform:none!important;border:2px solid #f6d6a6!important;border-radius:50%!important;background:#fff!important;color:#171c1c;font-size:0;line-height:1;box-shadow:0 8px 28px #c9923c35;cursor:pointer}
.showcase-pagination .showcase-arrow svg{width:clamp(24px,3.5vw,68px);height:clamp(24px,3.5vw,68px);fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.showcase-pagination .showcase-arrow:hover{background:#fffaf0!important;border-color:#ffbf26!important;box-shadow:0 10px 30px #c9923c45}
.showcase-pagination .showcase-arrow:active{transform:scale(.96)!important}
.showcase-pagination>button[data-page]{width:clamp(24px,6.5vw,134px);height:clamp(36px,4.4vw,90px);padding:0;border:0;background:transparent;display:grid;place-items:center;cursor:pointer}
.showcase-pagination>button[data-page] span{display:block;width:clamp(15px,2vw,40px);height:clamp(15px,2vw,40px);border-radius:99px;background:#cec8ba;transition:width .2s,background-color .2s}
.showcase-pagination>button[data-page][aria-pressed=true] span{width:100%;background:linear-gradient(100deg,#ffc21c,#ed9e08)}
.showcase-pagination .showcase-status{margin:0;font-size:max(16px,clamp(18px,2.9vw,58px));line-height:1;color:#373b3d;font-weight:400;white-space:nowrap}
@media(max-width:700px){.showcase-pagination{gap:clamp(8px,2vw,18px);min-height:96px;padding:18px 12px}.showcase-pagination .showcase-arrow{width:48px!important;height:48px!important;min-width:48px}.showcase-pagination .showcase-arrow svg{width:25px;height:25px}.showcase-pagination>button[data-page]{width:clamp(25px,9vw,48px);height:42px}.showcase-pagination>button[data-page] span{width:13px;height:13px}.showcase-pagination>button[data-page][aria-pressed=true] span{width:100%}.showcase-pagination .showcase-status{font-size:max(16px,21px)}}

/* Center the first hero slide's kicker, headline and supporting copy. */
.ref-1 .hero-copy .showcase-eyebrow,
.ref-1 .hero-copy h1,
.ref-1 .hero-copy .hero-lead{width:100%;max-width:100%;text-align:center!important}

/* Compact carousel controls while retaining comfortable touch targets. */
.showcase-pagination{gap:clamp(8px,1.2vw,22px);min-height:clamp(82px,6vw,118px);padding:clamp(14px,1.4vw,24px) 12px}
.showcase-pagination .showcase-arrow{width:clamp(44px,3.2vw,52px)!important;height:clamp(44px,3.2vw,52px)!important;min-width:clamp(44px,3.2vw,52px)}
.showcase-pagination .showcase-arrow svg{width:clamp(22px,1.65vw,28px);height:clamp(22px,1.65vw,28px)}
.showcase-pagination>button[data-page]{width:clamp(34px,2.4vw,42px);height:42px}
.showcase-pagination>button[data-page] span{width:clamp(9px,.7vw,14px);height:clamp(9px,.7vw,14px)}
.showcase-pagination>button[data-page][aria-pressed=true] span{width:clamp(26px,2vw,36px)}
.showcase-pagination .showcase-status{font-size:max(16px,clamp(18px,1.5vw,26px))}
@media(max-width:700px){.showcase-pagination{gap:clamp(5px,1.5vw,10px);min-height:82px;padding:14px 8px}.showcase-pagination .showcase-arrow{width:44px!important;height:44px!important;min-width:44px}.showcase-pagination .showcase-arrow svg{width:22px;height:22px}.showcase-pagination>button[data-page]{width:36px;height:42px}.showcase-pagination>button[data-page] span{width:10px;height:10px}.showcase-pagination>button[data-page][aria-pressed=true] span{width:28px}.showcase-pagination .showcase-status{font-size:max(16px,18px)}}

/* Expand the catalog to match the wide, edge-to-edge category layout. */
@media(min-width:1400px){
 #catalog.catalog.wrap{width:calc(100% - 96px)!important;max-width:2400px!important}
 #catalog .showcase-categories{gap:18px!important}
}

/* Tighten the About slide rhythm and keep supporting copy comfortably readable. */
@media(min-width:901px){
 #about .doctor-copy>p:not(.showcase-eyebrow){margin-top:clamp(16px,1.45cqw,26px)!important;max-width:43cqw!important;font-size:max(16px,clamp(17px,1.3cqw,22px))!important;line-height:1.42!important}
 #about .doctor-copy .showcase-eyebrow{font-size:max(16px,clamp(12px,.88cqw,15px))!important}
 #about .doctor-journey{bottom:18%!important;height:41%!important}
 #about .doctor-journey__number{font-size:max(16px,clamp(16px,1.35cqw,21px))!important}
 #about .doctor-journey__content strong{font-size:max(16px,clamp(16px,1.18cqw,20px))!important;line-height:1.24!important}
 #about .doctor-journey__content small{font-size:max(16px,clamp(14px,.98cqw,17px))!important;line-height:1.38!important}
 #about .doctor-journey h3{font-size:max(16px,clamp(12px,.88cqw,15px))!important}
}

/* Center the first slide's action pair and each benefit icon with its caption. */
@media(min-width:901px){
 .ref-1 .hero-copy .reference-actions{position:static!important;align-self:stretch!important;justify-content:center!important;width:100%!important;height:auto!important;margin:2.2cqw 0 0!important}
 .ref-1 .hero-copy .responsive-benefits{position:static!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;justify-items:center!important;align-items:start!important;width:100%!important;height:auto!important;max-width:100%!important;margin:2.2cqw 0 0!important;padding:0!important;overflow:visible!important;clip-path:none!important}
 .ref-1 .hero-copy .responsive-benefits li{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;max-width:none!important;text-align:center!important}
 .ref-1 .hero-copy .responsive-benefits .benefit-symbol{align-self:center!important;margin-inline:auto!important}
}
@media(max-width:900px){
 .ref-1 .hero-copy .reference-actions{justify-content:center!important;margin-inline:0!important}
 .ref-1 .hero-copy .responsive-benefits{justify-items:center!important}
 .ref-1 .hero-copy .responsive-benefits li{align-items:center!important;text-align:center!important}
 .ref-1 .hero-copy .responsive-benefits .benefit-symbol{align-self:center!important}
}

/* Center the four primary catalog filters as one balanced row. */
#catalog .catalog-controls>label.filter-pill[hidden]{display:none!important}
@media(min-width:1101px){
 #catalog .catalog-control-panel{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;align-items:center!important;column-gap:12px!important;row-gap:12px!important}
 #catalog .catalog-pet-row{display:contents!important}
 #catalog .pet-switch{grid-column:1/span 4!important;grid-row:1!important;justify-self:start!important;width:min(420px,100%)!important;max-width:420px!important}
 #catalog .favorites-filter{grid-column:5/span 2!important;grid-row:1!important;justify-self:start!important}
 #catalog .filter-reset{grid-column:11/span 2!important;grid-row:1!important;justify-self:end!important;margin:0!important}
 #catalog .catalog-controls{display:grid!important;grid-column:3/span 8!important;grid-row:2!important;width:100%!important;max-width:none!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:center!important;gap:12px!important}
 #catalog .catalog-controls .search-row{grid-column:1/-1!important;grid-row:1!important;min-width:0!important;margin:0 0 2px!important}
 #catalog .catalog-controls>label[data-filter-title="Тип лакомства"]{grid-column:1!important;grid-row:2!important}
 #catalog .catalog-controls>label[data-filter-title="Форма"]{grid-column:2!important;grid-row:2!important}
 #catalog .catalog-controls>label[data-filter-title="Вкус"]{grid-column:3!important;grid-row:2!important}
 #catalog .catalog-controls>label[data-filter-title="Цена"]{grid-column:4!important;grid-row:2!important}
 #catalog .catalog-controls>label[data-filter-title="Бренд"]{grid-column:2/span 2!important;grid-row:3!important;justify-self:center!important;width:100%!important}
}
@media(min-width:701px) and (max-width:1100px){
 #catalog .catalog-controls>label.filter-pill{min-height:64px!important;height:64px!important;padding:0 16px!important;font-size:max(16px,16px)!important}
 #catalog .catalog-controls>label[data-filter-title="Тип лакомства"]{grid-column:1!important;grid-row:4!important}
 #catalog .catalog-controls>label[data-filter-title="Форма"]{grid-column:2!important;grid-row:4!important}
 #catalog .catalog-controls>label[data-filter-title="Вкус"]{grid-column:1!important;grid-row:5!important}
 #catalog .catalog-controls>label[data-filter-title="Цена"]{grid-column:2!important;grid-row:5!important}
 #catalog .catalog-controls>label[data-filter-title="Бренд"]{grid-column:1/-1!important;grid-row:6!important;justify-self:center!important;width:min(60%,360px)!important}
}
@media(max-width:700px){
 #catalog .catalog-controls>label.filter-pill{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;min-height:56px!important;height:56px!important;padding:0 11px!important;border-radius:30px!important;font-size:max(16px,14px)!important;line-height:1.2!important;text-align:left!important}
 #catalog .filter-pill-icon{width:23px!important;height:23px!important}
 #catalog .filter-pill-label{min-width:0!important;text-align:left!important}
 #catalog .filter-pill-chevron{width:17px!important;height:17px!important;margin-left:auto!important}
 #catalog .catalog-controls>label[data-filter-title="Тип лакомства"]{grid-column:1!important;grid-row:4!important}
 #catalog .catalog-controls>label[data-filter-title="Форма"]{grid-column:2!important;grid-row:4!important}
 #catalog .catalog-controls>label[data-filter-title="Вкус"]{grid-column:1!important;grid-row:5!important}
 #catalog .catalog-controls>label[data-filter-title="Цена"]{grid-column:2!important;grid-row:5!important}
 #catalog .catalog-controls>label[data-filter-title="Бренд"]{grid-column:1/-1!important;grid-row:6!important;width:min(72%,360px)!important;justify-self:center!important}
}

/* Keep slide 2's main hero and proof strip inside the shared stage height. */
@media(min-width:901px){
 .ref-2 .hero-layout{height:84%!important;min-height:0!important}
 .ref-2 .hero-proof{height:16%!important}
}

/* Slide 2 is composed from live markup and the user's untouched product photo. */
.showcase-stage:has(.ref-2:not([hidden])){width:100%!important;max-width:1800px!important;aspect-ratio:1899/828!important;min-height:0!important;container-type:inline-size}
.showcase-stage:has(.ref-2:not([hidden]))>.ref-2{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important}
.ref-2{position:relative!important;isolation:isolate;overflow:hidden!important;background:#fffaf2!important;color:#123b36}
.ref-2::before,.ref-2::after{content:none!important;display:none!important}
.ref-2 .hero-layout{position:relative!important;display:block!important;width:100%!important;height:100%!important;min-height:0!important}
.ref-2 .hero-copy{position:relative!important;z-index:2!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;width:55%!important;height:100%!important;padding:4.2cqw 0 2.2cqw 5.2cqw!important;transform:none!important;translate:none!important;text-align:left!important}
.ref-2 .hero-copy .hero-eyebrow{display:flex;align-items:center;gap:.8cqw;margin:0 0 1.1cqw;color:#398b3a;font-size:max(16px,1.12cqw);line-height:1.35;letter-spacing:.12em;font-weight:600}
.ref-2 .hero-eyebrow .treat-symbol{flex:none;width:2.2cqw;height:2.2cqw;stroke-width:1.8}
.ref-2 .hero-copy h1{position:relative;margin:0 0 1.15cqw;color:#123b36;font-size:max(16px,4.05cqw);line-height:.99;letter-spacing:-.045em;font-weight:850}
.ref-2 .hero-copy h1 em{color:#e49b00;font-style:normal}
.ref-2 .hero-lead{width:90%;max-width:46cqw;margin:0;color:#63706d;font-size:max(16px,1.46cqw);line-height:1.42;font-weight:400}
.ref-2 .hero-copy .reference-actions{position:static!important;display:flex!important;align-items:stretch!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:.9cqw!important;width:100%!important;height:auto!important;margin:1.7cqw 0 0!important;order:2}
.ref-2 .hero-copy .reference-actions .showcase-cta{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.7cqw!important;min-height:4.6cqw!important;padding:.6cqw 1.35cqw!important;border-radius:999px!important;font-size:max(16px,1.13cqw)!important;line-height:1.15!important;font-weight:750!important;text-decoration:none!important;opacity:1!important;flex:none!important}
.ref-2 .hero-copy .reference-actions .reference-bundle{width:27cqw!important;min-width:27cqw!important;background:#ffc515!important;color:#111!important;border:1px solid #ffc515!important}
.ref-2 .reference-bundle>.icon{flex:none;width:2.5cqw;height:2.5cqw}
.ref-2 .hero-action-main{display:flex;flex-direction:column;gap:.18cqw;min-width:0;text-align:left;white-space:nowrap}
.ref-2 .hero-action-main strong{font-size:max(16px,1.22cqw);line-height:1.15}
.ref-2 .hero-action-main small{font-size:max(16px,.82cqw);font-weight:450;line-height:1.2}
.ref-2 .hero-action-arrow{font-size:max(16px,1.8cqw);line-height:1}
.ref-2 .hero-copy .reference-actions .showcase-cta.secondary{width:18cqw;min-width:18cqw;background:#fffdf8!important;color:#123b36!important;border:1.5px solid #173d3b!important}
.ref-2 .hero-copy .responsive-benefits.treat-offers{position:static!important;inset:auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:start!important;gap:.7cqw!important;width:50cqw!important;height:auto!important;overflow:visible!important;clip-path:none!important;list-style:none!important;margin:1.6cqw 0 0!important;padding:0!important;color:#193936!important;font-size:max(16px,.94cqw)!important;line-height:1.25!important;order:3}
.ref-2 .hero-copy .responsive-benefits.treat-offers li{display:flex!important;flex-direction:column!important;align-items:center!important;gap:.45cqw!important;min-width:0!important;max-width:none!important;text-align:center!important}
.ref-2 .hero-copy .responsive-benefits.treat-offers .treat-offer-icon{box-sizing:border-box!important;flex:none!important;width:3.9cqw!important;height:3.9cqw!important;padding:.5cqw!important;border-radius:50%!important;background:#e7f1d5!important;color:#39802d!important;stroke-width:1.8;filter:drop-shadow(0 3px 5px rgba(56,61,33,.08))}
.ref-2 .hero-copy .responsive-benefits.treat-offers li:nth-child(even) .treat-offer-icon{background:#fff0c6!important;color:#d58a00!important}
.ref-2 .hero-copy .responsive-benefits.treat-offers li>span{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;min-height:2.55em;text-align:center!important}
.ref-2 .hero-copy .responsive-benefits.treat-offers strong{font-weight:700}
.ref-2 .hero-copy .responsive-benefits.treat-offers small{font-size:max(16px,.94em);line-height:inherit}
.ref-2 .hero-visual{position:absolute!important;z-index:0!important;inset:0 0 0 auto!important;width:57%!important;height:100%!important;overflow:hidden!important;background:#493321!important}
.ref-2 .hero-visual::before{content:""!important;display:block!important;position:absolute!important;z-index:1!important;inset:0!important;background:linear-gradient(90deg,#fffaf2 0%,rgba(255,250,242,.94) 5%,rgba(255,250,242,.68) 15%,rgba(255,250,242,.18) 31%,transparent 45%)!important;pointer-events:none}
.ref-2 .hero-visual .reference-art{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center 60%!important;filter:none!important;mix-blend-mode:normal!important;-webkit-mask-image:none!important;mask-image:none!important}
.ref-2 .hero-delivery{position:absolute!important;z-index:2!important;top:3.2cqw!important;right:2.6cqw!important;display:flex!important;align-items:center!important;gap:.9cqw!important;box-sizing:border-box!important;width:22cqw!important;min-height:5.2cqw!important;padding:.65cqw 1cqw!important;border:0!important;border-radius:1.25cqw!important;background:#ffc515!important;color:#111!important;box-shadow:0 .3cqw 1cqw #67400020!important}
.ref-2 .hero-delivery__truck{position:static!important;flex:none!important;width:3.15cqw!important;height:2.7cqw!important;color:#111}
.ref-2 .hero-delivery>span{display:flex;flex-direction:column;gap:.24cqw}
.ref-2 .hero-delivery strong{font-size:max(16px,1.2cqw)!important;line-height:1.08!important;font-weight:800}
.ref-2 .hero-delivery small{font-size:max(16px,.8cqw)!important;line-height:1.2!important}
.ref-2 .hero-heading-heart::before{left:-.7em;top:-.35em;width:.58em;height:2px;background:#ffb718;box-shadow:-.22em .35em 0 #ffb718;transform:rotate(30deg)}
@media(max-width:900px){
 .showcase-stage:has(.ref-2:not([hidden])){width:100%!important;max-width:none!important;aspect-ratio:auto!important;min-height:0!important}
 .showcase-stage:has(.ref-2:not([hidden]))>.ref-2{position:relative!important;inset:auto!important;width:100%!important;height:auto!important}
 .ref-2 .hero-layout{display:flex!important;flex-direction:column-reverse!important;height:auto!important;min-height:0!important}
 .ref-2 .hero-visual{position:relative!important;inset:auto!important;order:0!important;width:100%!important;height:auto!important;aspect-ratio:1.35!important}
 .ref-2 .hero-visual::before{background:linear-gradient(0deg,#fffaf2 0%,rgba(255,250,242,.4) 12%,transparent 38%)!important}
 .ref-2 .hero-visual .reference-art{object-position:center 64%!important}
 .ref-2 .hero-copy{order:1!important;width:100%!important;height:auto!important;padding:24px clamp(20px,5vw,44px) 28px!important;transform:none!important;translate:none!important}
 .ref-2 .hero-copy .hero-eyebrow{gap:9px;margin:0 0 14px;font-size:max(16px,clamp(10px,2.7vw,13px));letter-spacing:.09em}
 .ref-2 .hero-eyebrow .treat-symbol{width:24px;height:24px}
 .ref-2 .hero-copy h1{font-size:max(16px,clamp(36px,8.6vw,58px));line-height:1.02;margin:0 0 14px}
 .ref-2 .hero-lead{width:100%;max-width:none;font-size:max(16px,16px);line-height:1.48}
 .ref-2 .hero-copy .reference-actions{flex-wrap:wrap!important;gap:10px!important;margin:20px 0 0!important}
 .ref-2 .hero-copy .reference-actions .showcase-cta{width:100%!important;min-width:0!important;min-height:58px!important;padding:10px 16px!important;font-size:max(16px,15px)!important;flex:1 1 100%!important}
 .ref-2 .hero-copy .reference-actions .reference-bundle{min-height:68px!important}
 .ref-2 .reference-bundle>.icon{width:34px;height:34px}
 .ref-2 .hero-action-main{white-space:normal}
 .ref-2 .hero-action-main strong{font-size:max(16px,16px)}
 .ref-2 .hero-action-main small{font-size:max(16px,12px)}
 .ref-2 .hero-action-arrow{font-size:max(16px,24px)}
 .ref-2 .hero-copy .responsive-benefits.treat-offers{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 14px!important;margin:24px 0 0!important;font-size:max(16px,13px)!important}
 .ref-2 .hero-copy .responsive-benefits.treat-offers .treat-offer-icon{width:46px!important;height:46px!important;padding:5px!important}
 .ref-2 .hero-copy .responsive-benefits.treat-offers li>span{min-height:0}
 .ref-2 .hero-delivery{top:12px!important;right:12px!important;width:min(62%,300px)!important;min-height:55px!important;padding:8px 10px!important;gap:10px!important;border-radius:12px!important}
 .ref-2 .hero-delivery__truck{width:34px!important;height:30px!important}
 .ref-2 .hero-delivery strong{font-size:max(16px,13px)!important}
 .ref-2 .hero-delivery small{font-size:max(16px,10px)!important}
}

/* Keep the catalog controls aligned: pet switch on the left, favorites at the far right, search directly below. */
@media(min-width:1101px){
 #catalog .catalog-control-panel{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}
 #catalog .catalog-pet-row{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-width:0!important}
 #catalog .pet-switch{flex:0 1 420px!important;margin-right:auto!important}
 #catalog .favorites-filter{margin-left:auto!important;white-space:nowrap!important}
 #catalog .filter-reset{margin-left:0!important;white-space:nowrap!important}
 #catalog .catalog-controls{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:row!important;gap:12px!important;width:100%!important;max-width:none!important;margin:0!important}
 #catalog .catalog-controls .search-row{grid-column:1/-1!important;grid-row:1!important;width:100%!important;min-width:0!important;margin:0 0 2px!important}
 #catalog .catalog-controls>label[data-filter-title="Тип лакомства"]{grid-column:1!important;grid-row:2!important}
 #catalog .catalog-controls>label[data-filter-title="Форма"]{grid-column:2!important;grid-row:2!important}
 #catalog .catalog-controls>label[data-filter-title="Вкус"]{grid-column:3!important;grid-row:2!important}
 #catalog .catalog-controls>label[data-filter-title="Цена"]{grid-column:4!important;grid-row:2!important}
 #catalog .catalog-controls>label[data-filter-title="Бренд"]{grid-column:2/span 2!important;grid-row:3!important;justify-self:center!important;width:100%!important}
}
@media(max-width:700px){
 #catalog .catalog-pet-row{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important}
 #catalog .pet-switch{flex:1 0 100%!important}
 #catalog .favorites-filter{margin-left:0!important}
 #catalog .catalog-controls .search-row{order:-1!important}
}
/* Final mobile corrections for the live second-slide composition. */
@media(max-width:900px){
 .ref-2 .hero-layout{flex-direction:column!important}
 .showcase-stage:has(.ref-2:not([hidden])) .ref-2 .hero-visual .reference-art{width:100%!important;height:100%!important;min-height:100%!important;max-height:100%!important;object-fit:cover!important;object-position:center 64%!important}
 .ref-2 .hero-copy .responsive-benefits.treat-offers{background:transparent!important}
}
.ref-2 .hero-visual .reference-art{transform:scale(1.08);transform-origin:center 60%}
@media(max-width:900px){.ref-2 .hero-visual .reference-art{transform:scale(1.12)}}
/* Preserve clear room for all four proof points beside the photograph. */
@media(min-width:901px){
 .ref-2 .hero-visual{width:50%!important}
 .ref-2 .hero-copy .responsive-benefits.treat-offers{width:44cqw!important}
}

/* Keep the photographic slides full and centered on wide screens, then give
   Katya's story the same left-copy / right-photo composition as slide two. */
@media(min-width:901px){
 .showcase-stage:has(.ref-2:not([hidden])),
 .showcase-stage:has(.doctor-slide:not([hidden])){
  position:relative!important;box-sizing:border-box!important;
  width:min(calc(100% - clamp(56px,5vw,120px)),2400px)!important;max-width:2400px!important;
  margin-inline:auto!important;left:auto!important;right:auto!important;transform:none!important;
  aspect-ratio:2.96/1!important;min-height:clamp(420px,32vw,700px)!important
 }
 .showcase-stage:has(.ref-2:not([hidden])){aspect-ratio:1899/828!important}
 .showcase-stage:has(.doctor-slide:not([hidden]))>.doctor-slide{
  position:absolute!important;inset:0!important;display:block!important;
  width:100%!important;height:100%!important;min-height:0!important;padding:0!important
 }
 #about .doctor-main{
  position:relative!important;display:grid!important;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)!important;
  grid-template-rows:auto minmax(0,1fr)!important;column-gap:3%!important;row-gap:1.1cqw!important;
  box-sizing:border-box!important;width:100%!important;height:100%!important;min-height:0!important;
  padding:3.6cqw 4cqw 2.4cqw!important;overflow:hidden!important
 }
 #about .doctor-main::before,#about .doctor-main::after{display:none!important;content:none!important}
 #about .doctor-copy{
  position:relative!important;grid-column:1!important;grid-row:1!important;align-self:start!important;
  inset:auto!important;width:auto!important;margin:0!important;padding:0!important;transform:none!important
 }
 #about .doctor-copy .showcase-eyebrow{
  display:flex!important;align-items:center!important;gap:.7cqw!important;
  margin:0 0 1.1cqw!important;padding:0 0 .65cqw!important;
  border-bottom:1px solid #ee8a42!important;color:#183c34!important;
  font-size:max(16px,clamp(12px,.86cqw,18px))!important;line-height:1.3!important;letter-spacing:.12em!important
 }
 #about .doctor-eyebrow-paw{display:grid;place-items:center;flex:none;color:#f36b20}
 #about .doctor-eyebrow-paw .icon{width:1.7cqw;height:1.7cqw;min-width:20px;min-height:20px}
 #about .doctor-copy h2{
  margin:0 0 1.05cqw!important;color:#123b36!important;
  font-size:max(16px,clamp(40px,3.55cqw,82px))!important;line-height:1.01!important;
  letter-spacing:-.045em!important;text-wrap:balance!important
 }
 #about .doctor-copy h2 em{color:#e69500!important}
 #about .doctor-copy>p:not(.showcase-eyebrow){
  width:100%!important;max-width:47cqw!important;margin:0!important;
  color:#63706d!important;font-size:max(16px,clamp(16px,1.18cqw,24px))!important;line-height:1.4!important
 }
 #about .doctor-journey{
  position:relative!important;grid-column:1!important;grid-row:2!important;align-self:start!important;
  inset:auto!important;width:auto!important;height:auto!important;max-width:none!important;aspect-ratio:auto!important;
  margin:.5cqw 0 0!important;padding:0!important;overflow:visible!important;
  border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#18382f!important
 }
 #about .doctor-journey::after{display:none!important;content:none!important}
 #about .doctor-journey ol{
  position:relative!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:.7cqw!important;margin:0!important;padding:0!important;list-style:none!important
 }
 #about .doctor-journey ol::before{
  content:""!important;position:absolute!important;z-index:0!important;top:clamp(22px,1.95cqw,46px)!important;
  left:12%!important;right:12%!important;height:2px!important;
  background:repeating-linear-gradient(90deg,#e5bd83 0 4px,transparent 4px 9px)!important
 }
 #about .doctor-journey li{
  position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:flex-start!important;gap:.45cqw!important;min-width:0!important;min-height:0!important;
  padding:0 .25cqw!important;border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;color:#173e34!important;text-align:center!important;transform:none!important
 }
 #about .doctor-journey li:hover{border:0!important;box-shadow:none!important;transform:none!important}
 #about .doctor-journey__top{
  position:relative!important;z-index:1!important;display:block!important;
  width:clamp(48px,4.1cqw,98px)!important;height:clamp(48px,4.1cqw,98px)!important;margin:0 auto .7cqw!important;transform:none!important
 }
 #about .doctor-journey__icon{
  position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;
  width:clamp(48px,4.1cqw,98px)!important;height:clamp(48px,4.1cqw,98px)!important;
  border:0!important;border-radius:50%!important;background:#fff0cf!important;color:#b96a10!important
 }
 #about .doctor-journey__number{position:absolute!important;left:auto!important;right:-.8cqw!important;top:50%!important;bottom:auto!important;margin:0!important;transform:translateY(-50%)!important}
 #about .doctor-journey__icon .icon{position:relative!important;z-index:2!important;display:block!important;width:55%!important;height:55%!important;color:#b96a10!important;stroke:#b96a10!important;stroke-width:1.8!important;fill:none!important;opacity:1!important;visibility:visible!important}
 #about .doctor-journey__icon .icon *{stroke:#b96a10!important;fill:none!important;visibility:visible!important}
 #about .doctor-journey__number{
  position:relative!important;display:grid!important;place-items:center!important;flex:none!important;
  width:clamp(26px,2.15cqw,50px)!important;height:clamp(26px,2.15cqw,50px)!important;
  border:0!important;border-radius:50%!important;background:#f7a64d!important;color:#fff!important;
  box-shadow:0 3px 8px #9f5a252b!important;font-size:max(16px,clamp(12px,1.05cqw,21px))!important;font-weight:800!important
 }
 #about .doctor-journey__content{
  position:static!important;top:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;
  gap:.28cqw!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;transform:none!important;text-align:center!important
 }
 #about .doctor-journey__content strong{color:#173e34!important;font-size:max(16px,clamp(15px,1.12cqw,23px))!important;line-height:1.2!important;text-wrap:balance!important}
 #about .doctor-journey__content small{color:#65716d!important;font-size:max(16px,clamp(13px,.93cqw,19px))!important;line-height:1.32!important;text-wrap:pretty!important}
 #about .doctor-visual{
  position:relative!important;grid-column:2!important;grid-row:1/span 2!important;align-self:stretch!important;
  inset:auto!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;overflow:visible!important
 }
 #about .doctor-orange-shape{
  position:absolute!important;z-index:0!important;right:0!important;top:3%!important;width:94%!important;height:91%!important;
  border-radius:48% 46% 12% 13%!important;background:linear-gradient(145deg,#ffc16a,#f59031)!important;transform:rotate(3deg)!important
 }
 #about .doctor-portrait{
  position:absolute!important;inset:5% 4% 5% 1%!important;width:auto!important;height:auto!important;
  border-radius:43% 39% 22px 22px!important;overflow:hidden!important;background:#f5e7d7!important
 }
 #about .doctor-portrait img{
  display:block!important;width:100%!important;height:100%!important;max-width:none!important;
  object-fit:cover!important;object-position:55% 4%!important;transform:none!important
 }
 #about .doctor-note{
  position:absolute!important;z-index:3!important;left:1%!important;top:12%!important;right:auto!important;bottom:auto!important;
  box-sizing:border-box!important;width:clamp(190px,15cqw,360px)!important;margin:0!important;padding:1.1cqw 1.25cqw!important;
  border:1px solid #f1e8d9!important;border-radius:1.2cqw!important;background:#fffdf7!important;
  box-shadow:0 12px 28px #68451524!important;color:#173e34!important;font-size:max(16px,clamp(17px,1.25cqw,27px))!important;
  line-height:1.2!important;transform:rotate(-3deg)!important
 }
 #about .doctor-note__name{display:flex!important;align-items:center!important;gap:.35em!important;margin:0!important;font:italic 600 1em/1.2 'Segoe Script','Comic Sans MS',cursive!important}
 #about .doctor-note__name .icon{width:1.1em!important;height:1.1em!important;color:#f15a2b!important}
 #about .doctor-note__bio{display:block!important;margin:.65cqw 0 0!important;font:500 clamp(12px,.85cqw,18px)/1.35 Arial,sans-serif!important;color:#465650!important}
 #about .doctor-note__arrow{display:block!important;width:clamp(34px,3.2cqw,76px)!important;height:auto!important;margin:.4cqw 0 0 auto!important;color:#173e34!important}
}
@media(min-width:901px) and (max-width:1200px){
 /* Preserve the complete veterinarian journey row on landscape tablets. */
 .showcase-stage:has(.doctor-slide:not([hidden])){height:560px!important;min-height:560px!important;aspect-ratio:auto!important}
 .showcase-stage:has(.doctor-slide:not([hidden]))>.doctor-slide{height:560px!important;min-height:560px!important}
}
@media(min-width:901px) and (max-width:1200px){
 .showcase-stage:has(.ref-2:not([hidden])),.showcase-stage:has(.doctor-slide:not([hidden])){aspect-ratio:2.55/1!important}
 #about .doctor-main{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;padding:4.5cqw 3.4cqw 3cqw!important}
 #about .doctor-copy h2{font-size:max(16px,clamp(36px,3.8cqw,48px))!important}
 #about .doctor-journey__icon{width:clamp(42px,4.2cqw,52px)!important;height:clamp(42px,4.2cqw,52px)!important}
 #about .doctor-note{width:clamp(170px,18cqw,225px)!important}
}
@media(max-width:900px){
 .showcase-stage:has(.ref-2:not([hidden])),.showcase-stage:has(.doctor-slide:not([hidden])){
  width:100%!important;max-width:none!important;margin:0!important;left:auto!important;right:auto!important;transform:none!important;aspect-ratio:auto!important
 }
 .showcase-stage:has(.doctor-slide:not([hidden]))>.doctor-slide{
  position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;overflow:visible!important
 }
 #about .doctor-main{display:flex!important;flex-direction:column!important;gap:0!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;overflow:visible!important}
 #about .doctor-copy{position:relative!important;order:0!important;inset:auto!important;width:auto!important;margin:0!important;padding:24px 22px 0!important}
 #about .doctor-copy .showcase-eyebrow{gap:8px!important;margin:0 0 13px!important;padding:0 0 9px!important;font-size:max(16px,clamp(10px,2.8vw,13px))!important;letter-spacing:.09em!important}
 #about .doctor-eyebrow-paw .icon{width:22px;height:22px;min-width:22px;min-height:22px}
 #about .doctor-copy h2{margin:0 0 13px!important;font-size:max(16px,clamp(34px,8.1vw,48px))!important;line-height:1.02!important}
 #about .doctor-copy>p:not(.showcase-eyebrow){max-width:none!important;margin:0!important;font-size:max(16px,16px)!important;line-height:1.45!important}
 #about .doctor-visual{position:relative!important;order:1!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1.35!important;margin:18px 0 0!important;overflow:hidden!important}
 #about .doctor-orange-shape{right:2%!important;top:3%!important;width:82%!important;height:92%!important}
 #about .doctor-portrait{inset:4% 5% 5% 9%!important;border-radius:45% 40% 18px 18px!important}
 #about .doctor-portrait img{object-position:55% 22%!important}
 #about .doctor-note{left:4%!important;top:10%!important;bottom:auto!important;width:min(48%,230px)!important;padding:12px 14px!important;border-radius:14px!important;font-size:max(16px,17px)!important}
 #about .doctor-note__bio{margin-top:6px!important;font-size:max(16px,12px)!important}
 #about .doctor-note__arrow{width:38px!important;margin-top:5px!important}
 #about .doctor-journey{position:relative!important;order:2!important;inset:auto!important;width:auto!important;height:auto!important;margin:22px 22px 28px!important;padding:0!important;overflow:visible!important;border:0!important;background:none!important;box-shadow:none!important}
 #about .doctor-journey ol{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:0!important;padding:0!important}
 #about .doctor-journey ol::before{display:none!important;content:none!important}
 #about .doctor-journey li{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;grid-template-rows:auto!important;align-items:center!important;justify-items:stretch!important;gap:12px!important;min-height:72px!important;padding:10px 0!important;border:0!important;border-bottom:1px solid #eadfcf!important;border-radius:0!important;background:none!important;box-shadow:none!important;text-align:left!important}
 #about .doctor-journey li:last-child{border-bottom:0!important}
 #about .doctor-journey__top{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;width:58px!important;margin:0!important}
 #about .doctor-journey__icon{width:42px!important;height:42px!important;border:0!important;background:#fff0cf!important;color:#b96a10!important}
 #about .doctor-journey__number{width:21px!important;height:21px!important;font-size:max(16px,10px)!important}
 #about .doctor-journey__content{align-items:flex-start!important;gap:3px!important;text-align:left!important}
 #about .doctor-journey__content strong{font-size:max(16px,15px)!important;line-height:1.25!important}
 #about .doctor-journey__content small{font-size:max(16px,13px)!important;line-height:1.35!important}
}

/* Keep the numbered process badges beside the icons instead of over them. */
@media(min-width:901px){
 #about .doctor-journey__top{position:relative!important;display:block!important;width:clamp(48px,4.1cqw,98px)!important;height:clamp(48px,4.1cqw,98px)!important;margin:0 auto .7cqw!important}
 #about .doctor-journey__icon{position:absolute!important;inset:0!important;width:clamp(48px,4.1cqw,98px)!important;height:clamp(48px,4.1cqw,98px)!important}
 #about .doctor-journey__number{position:absolute!important;left:auto!important;right:-.8cqw!important;top:50%!important;bottom:auto!important;margin:0!important;transform:translateY(-50%)!important}
}
@media(max-width:900px){
 #about .doctor-journey__top{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;width:58px!important;height:auto!important;margin:0!important}
 #about .doctor-journey__icon{position:relative!important;inset:auto!important;width:42px!important;height:42px!important}
 #about .doctor-journey__number{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:0!important;transform:none!important}
}

/* Keep the second hero slide tall enough to show its complete benefits row at every desktop width. */
@media(min-width:901px){
 .showcase-stage:has(.ref-2:not([hidden])){aspect-ratio:1899/828!important}
}

/* Match the reference process row: compact number badges and clear dotted connectors. */
@media(min-width:901px){
 #about .doctor-journey ol::before{display:none!important;content:none!important}
 #about .doctor-journey li:not(:last-child)::after{content:""!important;display:block!important;position:absolute!important;z-index:0!important;top:clamp(22px,1.95cqw,46px)!important;left:calc(50% + clamp(58px,4.8cqw,116px))!important;width:calc(100% - clamp(82px,6.8cqw,165px))!important;height:2px!important;background:repeating-linear-gradient(90deg,#d9b27c 0 4px,transparent 4px 9px)!important}
 #about .doctor-journey__number{right:clamp(-48px,-1.8cqw,-26px)!important}
}
@media(max-width:900px){
 #about .doctor-journey li::after{display:none!important;content:none!important}
}

/* Clear legacy absolute offsets so the icon row stays centered over each label. */
@media(min-width:901px){
 #about .doctor-journey__top{top:auto!important;right:auto!important;bottom:auto!important;left:auto!important}
}
@media(max-width:900px){
 #about .doctor-journey__top{top:auto!important;right:auto!important;bottom:auto!important;left:auto!important}
}

@media(min-width:901px){
 #about .doctor-journey__number{right:calc(clamp(-48px,-1.8cqw,-26px) - 12px)!important}
}

/* Keep the floating guide from covering the mobile purchase actions. */
@media(max-width:900px){
 .care-guide__button{width:56px!important;height:56px!important;min-height:56px!important;padding:7px!important;justify-content:center!important;gap:0!important}
 .care-guide__copy,.care-guide__spark{display:none!important}
 .care-guide--hero{display:none!important}
}

/* Remove the unwanted curved divider along the left edge of slide 2's photo. */
.ref-2 .hero-visual,
.ref-2 .hero-visual .reference-art{
 border-radius:0!important;
 clip-path:none!important;
}
.showcase-stage:has(.ref-2:not([hidden])),
.showcase-stage:has(.ref-2:not([hidden]))>.ref-2{
 border-radius:0!important;
}

/* Center the second slide's copy block while keeping its photo and proof points in place. */
.ref-2 .hero-copy{align-items:center!important;text-align:center!important}
.ref-2 .hero-copy .hero-eyebrow{justify-content:center!important;width:100%!important;text-align:center!important}
.ref-2 .hero-copy h1,.ref-2 .hero-lead{text-align:center!important}
.ref-2 .hero-copy .reference-actions{justify-content:center!important}
.ref-2 .hero-action-main{text-align:center!important}

/* Shift every part of slide two's copy group left without clipping its long text and buttons. */
@media(min-width:901px){
 .ref-2 .hero-copy{translate:clamp(-3cm,-8vw,-1cm) 0!important}
}
@media(max-width:900px){
 .ref-2 .hero-copy{translate:none!important}
}

/* Fill slide three with its supplied background; remove the old rotated branch pseudo-elements. */
#about .doctor-main{isolation:isolate!important;background:#fffaf3 url("assets/doctor-slide-background.webp") center/100% 100% no-repeat!important}
#about .doctor-main::before,#about .doctor-main::after{display:none!important;content:none!important}
.doctor-heading-heart{display:inline-block;margin-left:.1em;color:#f45113;font-size:max(16px,.8em);font-weight:500;line-height:.8;vertical-align:-.02em}
@media(max-width:900px){#about .doctor-main{background-size:cover!important;background-position:center bottom!important}}

/* Keep slide two's heart and rays 6 cm left of their original position on desktop. */
@media(min-width:901px){.ref-2 .hero-heading-heart{translate:4cm 0!important}}
@media(max-width:900px){.ref-2 .hero-heading-heart{translate:none!important}}

/* Lower only the copy inside the primary bundle button on slide two. */
@media(min-width:901px){.ref-2 .reference-bundle .hero-action-main{translate:0 8px!important}}

/* Let slide two and its photo reach both viewport edges with no frame. */
.showcase-stage:has(.ref-2:not([hidden])){box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.showcase-stage:has(.ref-2:not([hidden]))>.ref-2,.ref-2 .hero-visual,.ref-2 .hero-visual .reference-art{border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important}

/* Raise the complete first-slide content block by 2 cm on desktop and tablet. */
@media(min-width:901px){.ref-1 .hero-copy{translate:clamp(14px,1.2cqw,24px) calc(-2cm + 50px)!important}}

/* Bring the first-slide controls closer to its benefits by trimming unused stage space. */
@media(min-width:1400px){.showcase-stage:has(.ref-1:not([hidden])){aspect-ratio:2.36/1!important}}

/* Lower only the dark headline inside the first bundle action on slide two. */
.ref-2 .reference-bundle .hero-action-main > strong{translate:0 19px!important}

/* Preserve a readable gap beneath the lowered headline on compact screens. */
@media(max-width:900px){.ref-2 .reference-bundle .hero-action-main > small{translate:0 11px!important}}
@media(min-width:901px) and (max-width:1550px){.ref-2 .reference-bundle .hero-action-main > strong{translate:0 9px!important}}

/* Center both text lines across the space between the paw and arrow in the starter-kit button. */
.ref-2 .reference-bundle .hero-action-main{flex:1 1 0!important;min-width:0!important;text-align:center!important;align-items:center!important}

/* Show the complete brand mark in the footer instead of the oversized header crop. */
footer .footer-logo{width:220px!important;height:110px!important;min-width:220px!important;overflow:visible!important;mix-blend-mode:normal!important;background:transparent!important}
footer .footer-logo img{position:static!important;display:block!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center!important}
@media(max-width:700px){footer .footer-logo{width:150px!important;height:70px!important;min-width:150px!important}}

/* Match the supplied second-slide reference while keeping all text and actions live. */
@media(min-width:901px){
 .showcase-stage:has(.ref-2:not([hidden])){aspect-ratio:1875/839!important;max-width:none!important;min-height:0!important}
 .ref-2{background:#fffaf2 url("assets/doctor-slide-background.webp") center/100% 100% no-repeat!important}
 .ref-2 .hero-copy{width:55%!important;padding:4.1cqw 0 2.2cqw 5.2cqw!important;align-items:flex-start!important;text-align:left!important;transform:none!important;translate:none!important}
 .ref-2 .hero-copy .hero-eyebrow{justify-content:flex-start!important;width:auto!important;margin:0 0 1.1cqw!important;font-size:max(16px,1.12cqw)!important;letter-spacing:.1em!important}
 .ref-2 .hero-copy h1{font-size:max(16px,4.4cqw)!important;line-height:.99!important;margin:0 0 1.1cqw!important;text-align:left!important;translate:3.3cqw 0!important}
 .ref-2 .hero-copy .hero-lead{width:46cqw!important;max-width:46cqw!important;margin:0 0 0 -2.2cqw!important;text-align:center!important;font-size:max(16px,1.46cqw)!important;line-height:1.38!important}
 .ref-2 .hero-copy .reference-actions{width:auto!important;margin:1.65cqw 0 0 -2.2cqw!important;gap:.9cqw!important;justify-content:flex-start!important}
 .ref-2 .hero-copy .reference-actions .showcase-cta{min-height:5.15cqw!important;padding:.55cqw 1.2cqw!important}
 .ref-2 .hero-copy .reference-actions .reference-bundle{width:27.7cqw!important;min-width:27.7cqw!important}
 .ref-2 .hero-copy .reference-actions .showcase-cta.secondary{width:18.2cqw!important;min-width:18.2cqw!important}
 .ref-2 .reference-bundle .hero-action-main > strong{font-size:max(16px,1.18cqw)!important;translate:0 0!important}
 .ref-2 .reference-bundle .hero-action-main > small{font-size:max(16px,.83cqw)!important;translate:0 0!important}
 .ref-2 .hero-copy .responsive-benefits.treat-offers{width:48cqw!important;margin:1.55cqw 0 0 -1.1cqw!important}
 .ref-2 .hero-visual{width:50%!important;background:transparent!important}
 .ref-2 .hero-visual .reference-art{position:absolute!important;top:0!important;right:0!important;width:88%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center 58%!important;transform:none!important;filter:brightness(1.08) saturate(1.04)!important}
 .ref-2 .hero-visual::before{background:linear-gradient(90deg,#fffaf2 0%,rgba(255,250,242,.78) 9%,rgba(255,250,242,.28) 27%,transparent 46%)!important}
 .ref-2 .hero-delivery{display:flex!important;top:3.2cqw!important;right:3.2cqw!important;width:24.5cqw!important;min-height:6.1cqw!important}
 .ref-2 .hero-heading-heart{position:absolute!important;left:8.55em!important;top:1.1em!important;display:inline-block!important;translate:none!important;font-size:max(16px,.72em)!important;line-height:.8!important;color:#f45124!important;z-index:2}
 .ref-2 .hero-heading-heart::before{left:.35em!important;top:-.34em!important;width:.53em!important;height:2px!important;background:#ffb718!important;box-shadow:.18em .34em 0 #ffb718!important;transform:rotate(-28deg)!important}
}

@media(max-width:900px){
 .ref-2 .reference-bundle .hero-action-main > strong,
 .ref-2 .reference-bundle .hero-action-main > small{translate:0 0!important}
}

/* Blend the authentic product photo into the warm full-slide backdrop. */
.ref-2 .hero-delivery-arrow{display:none}
@media(min-width:901px){
 .ref-2 .hero-visual::before{display:none!important}
 .ref-2 .hero-visual .reference-art{width:100%!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 10%,rgba(0,0,0,.72) 24%,#000 34%)!important;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 10%,rgba(0,0,0,.72) 24%,#000 34%)!important}
 .ref-2 .hero-delivery-arrow{display:block;position:absolute;z-index:1;left:35.5%;top:7.5%;width:6cqw;height:8.2cqw;color:#fff;overflow:visible;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
 .ref-2 .hero-heading-heart{translate:1.5cm 1cm!important}
}

/* Keep the carousel frame identical to slide one on desktop and tablet widths. */
@media(min-width:901px){
 .showcase-stage:has(.ref-2:not([hidden])),
 .showcase-stage:has(.doctor-slide:not([hidden])){
  box-sizing:border-box!important;
  width:min(calc(100% - 94px),1800px)!important;
  max-width:1800px!important;
  margin-inline:auto!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1775/853!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
 }
 .showcase-stage:has(.doctor-slide:not([hidden]))>.doctor-slide{
  box-sizing:border-box!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
 }
}
@media(min-width:1400px){
 .showcase-stage:has(.ref-2:not([hidden])),
 .showcase-stage:has(.doctor-slide:not([hidden])){aspect-ratio:2.36/1!important}
}
/* Three compact benefits cards below the veterinarian's process steps. */
@media(min-width:901px){
 #about .doctor-main{grid-template-rows:auto auto auto!important;align-content:start!important;row-gap:.7cqw!important}
 #about .doctor-journey{grid-row:2!important;margin:.1cqw 0 0!important}
 #about .doctor-benefit-cards{grid-column:1!important;grid-row:3!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.65cqw!important;width:100%!important;margin:.2cqw 0 0!important}
 #about .doctor-benefit-card{display:flex!important;align-items:flex-start!important;gap:.55cqw!important;min-width:0!important;min-height:clamp(60px,5.2cqw,108px)!important;box-sizing:border-box!important;padding:.58cqw .7cqw!important;border:1px solid #f2eadf!important;border-radius:1cqw!important;background:#fffefa!important;box-shadow:0 6px 18px #503a1710!important;color:#183c34!important;text-align:left!important}
 #about .doctor-benefit-card__icon{display:block!important;flex:0 0 clamp(23px,2.6cqw,50px)!important;width:clamp(23px,2.6cqw,50px)!important;height:clamp(23px,2.6cqw,50px)!important;stroke:currentColor!important;stroke-width:2.4!important;stroke-linecap:round!important;stroke-linejoin:round!important;fill:none!important}
 #about .doctor-benefit-card__icon--leaf,#about .doctor-benefit-card__icon--shield{color:#34661e!important;fill:#34661e!important}
 #about .doctor-benefit-card__icon--leaf path:nth-child(2),#about .doctor-benefit-card__icon--leaf path:nth-child(3),#about .doctor-benefit-card__icon--shield path:nth-child(2){fill:none!important;stroke:#fff!important;stroke-width:2!important}
 #about .doctor-benefit-card__icon--coins{color:#f36b20!important}
 #about .doctor-benefit-card>div{min-width:0!important}
 #about .doctor-benefit-card strong{display:block!important;margin:0 0 .28cqw!important;color:#153e35!important;font-size:max(16px,clamp(12px,.88cqw,19px))!important;line-height:1.2!important;font-weight:800!important;text-wrap:balance!important}
 #about .doctor-benefit-card p{margin:0!important;color:#526660!important;font-size:max(16px,clamp(11px,.76cqw,17px))!important;line-height:1.3!important;text-wrap:pretty!important}
}
@media(max-width:900px){
 #about .doctor-benefit-cards{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:0 22px 26px!important}
 #about .doctor-benefit-card{display:flex!important;align-items:center!important;gap:14px!important;min-height:74px!important;padding:14px 16px!important;border:1px solid #f0e8db!important;border-radius:16px!important;background:#fffefa!important;box-shadow:0 5px 16px #503a1710!important;color:#183c34!important}
 #about .doctor-benefit-card__icon{display:block!important;flex:0 0 34px!important;width:34px!important;height:34px!important;stroke:currentColor!important;stroke-width:2.4!important;stroke-linecap:round!important;stroke-linejoin:round!important;fill:none!important}
 #about .doctor-benefit-card__icon--leaf,#about .doctor-benefit-card__icon--shield{fill:#34661e!important;color:#34661e!important}
 #about .doctor-benefit-card__icon--leaf path:nth-child(2),#about .doctor-benefit-card__icon--leaf path:nth-child(3),#about .doctor-benefit-card__icon--shield path:nth-child(2){fill:none!important;stroke:#fff!important}
 #about .doctor-benefit-card__icon--coins{color:#f36b20!important}
 #about .doctor-benefit-card>div{min-width:0!important}
 #about .doctor-benefit-card strong{display:block!important;margin:0 0 3px!important;color:#153e35!important;font-size:max(16px,15px)!important;line-height:1.25!important;font-weight:800!important}
 #about .doctor-benefit-card p{margin:0!important;color:#526660!important;font-size:max(16px,13px)!important;line-height:1.35!important}
}

/* Match slides 2 and 3 to slide one's measured frame at each desktop breakpoint. */
@media(min-width:901px){
 #about .doctor-visual{position:absolute!important;z-index:0!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;grid-column:auto!important;grid-row:auto!important;width:47%!important;height:100%!important;min-height:100%!important;overflow:visible!important}
 #about .doctor-orange-shape{top:0!important;right:0!important;width:100%!important;height:100%!important;border-radius:0!important;transform:none!important}
 #about .doctor-portrait{inset:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
 #about .doctor-benefit-cards{margin-top:1.05cqw!important}
 #about .doctor-benefit-card{min-height:clamp(74px,6.4cqw,132px)!important;padding:.78cqw .82cqw!important}
 #about .doctor-benefit-card__icon{flex-basis:clamp(36px,4cqw,72px)!important;width:clamp(36px,4cqw,72px)!important;height:clamp(36px,4cqw,72px)!important}
}

/* Match slides 2 and 3 to slide one's measured frame at each desktop breakpoint. */
@media (min-width:901px) and (max-width:1399px){
 .showcase-stage:has(.ref-2:not([hidden])),
 .showcase-stage:has(.doctor-slide:not([hidden])){
  box-sizing:border-box!important;width:min(calc(100% - 94px),1800px)!important;max-width:1800px!important;
  margin-inline:auto!important;left:auto!important;right:auto!important;transform:none!important;
  height:auto!important;min-height:0!important;aspect-ratio:1775/853!important;overflow:visible!important
 }
 .showcase-stage:has(.doctor-slide:not([hidden]))>.doctor-slide{box-sizing:border-box!important;width:100%!important;height:100%!important;min-height:0!important}
}
@media (min-width:1400px){
 .showcase-stage:has(.ref-2:not([hidden])),
 .showcase-stage:has(.doctor-slide:not([hidden])){
  box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;
  left:auto!important;right:auto!important;transform:none!important;
  height:auto!important;min-height:0!important;aspect-ratio:2.36/1!important;overflow:visible!important
 }
 .showcase-stage:has(.doctor-slide:not([hidden]))>.doctor-slide{box-sizing:border-box!important;width:100%!important;height:100%!important;min-height:0!important}
}

/* Slide 2: use the supplied warm plank-and-table scene; aim the annotation at the product bags. */
.ref-2{background:#f8eee0 url("assets/brand/slide2-scene-20261009.webp") center/cover no-repeat!important}
@media(min-width:901px){.ref-2 .hero-delivery-arrow{left:43%!important;top:14%!important;width:22%!important;height:22%!important;color:#fff!important;filter:drop-shadow(0 1px 2px rgba(35,24,13,.42))!important}}
@keyframes showcaseFlowIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.showcase-slide:not([hidden]){animation:showcaseFlowIn .55s cubic-bezier(.22,.61,.36,1)}
.showcase-pagination button:disabled{cursor:default;opacity:.28}
.showcase-pagination button:disabled[aria-pressed="true"]{opacity:1}
@media(prefers-reduced-motion:reduce){.showcase-slide:not([hidden]){animation:none}}
/* Hide the decorative curved arrow on the first hero slide only. */
#hero-feedback .ref-1 .hero-doodles{display:none!important}

/* Refreshed product-only photographs remain fully visible. */
#products .product.with-photo .product-image .product-photo.product-refresh>.product-photo-fill,
#modal .product-photo.product-refresh>.product-photo-fill{display:none!important}
#products .product.with-photo .product-image .product-photo.product-refresh>.product-photo-pack,
#modal .product-photo.product-refresh>.product-photo-pack{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;background:#f5f0e8!important;transform:none!important;scale:1!important}

/* One photo frame for every meat and treat product, at every viewport width. */
#products .product.with-photo:has(.product-refresh) .product-image{aspect-ratio:3/2!important;height:auto!important;min-height:0!important}
#products .product.with-photo:has(.product-refresh) .photo-button{aspect-ratio:3/2!important;height:100%!important;width:100%!important}
#modal .detail-photo.product-refresh{aspect-ratio:3/2!important;height:auto!important;min-height:0!important;background:#f5f0e8!important}

/* Real food photos use a shared uncropped frame in cards and product details. */
#products .product.with-photo .product-image:has(.food-product-photo){height:auto!important;min-height:0!important;aspect-ratio:3/2!important;background:#f4efe6!important}
#products .product.with-photo .product-image:has(.food-product-photo) .photo-button,
#products .product.with-photo .food-product-photo{width:100%!important;height:100%!important;aspect-ratio:3/2!important;background:#f4efe6!important}
#products .food-product-photo>.product-photo-fill,
#modal .food-product-photo>.product-photo-fill{display:none!important}
#products .food-product-photo>.product-photo-pack,
#modal .food-product-photo>.product-photo-pack{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important;padding:0!important;background:#f4efe6!important;transform:none!important;scale:1!important;filter:brightness(1.035) contrast(1.015)!important}
#modal .food-product-photo.detail-photo{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:3/2!important;background:#f4efe6!important}
.food-source-gallery{margin:22px 0 26px;min-width:0}
.food-source-gallery h3{display:flex;align-items:center;gap:9px;margin:0 0 12px;font-size:18px;text-wrap:balance}
.food-gallery-count{display:inline-grid;place-items:center;min-width:25px;height:25px;padding:0 6px;border-radius:999px;background:#f4efe6;color:#68685d;font-size:12px;font-variant-numeric:tabular-nums}
.food-gallery-stage{min-width:0}
.food-gallery-stage .detail-photo{margin:0}
.food-gallery-thumbs{display:flex;gap:10px;overflow-x:auto;margin-top:12px;padding:2px 2px 8px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:thin}
.food-gallery-thumb{flex:0 0 94px;width:94px;height:72px;padding:0;overflow:hidden;border:1px solid #e8e1d5;border-radius:11px;background:#f4efe6;cursor:pointer;scroll-snap-align:start;transition:border-color 140ms ease,box-shadow 140ms ease}
.food-gallery-thumb img{display:block;width:100%;height:100%;object-fit:contain;background:#f4efe6;outline:1px solid rgb(0 0 0 / .08);outline-offset:-1px}

/* Keep all non-meat, non-house-treat catalogue products uncropped on one calm backdrop. */
#products .product.with-photo:not(.partner-treat-product):not(:has(.food-product-photo)) .product-image{aspect-ratio:3/2!important;background:#f4efe6!important}
#products .product.with-photo:not(.partner-treat-product):not(:has(.food-product-photo)) .product-image .product-photo{background:#f4efe6!important}
#products .product.with-photo:not(.partner-treat-product):not(:has(.food-product-photo)) .product-image .product-photo>.product-photo-fill{display:none!important}
#products .product.with-photo:not(.partner-treat-product):not(:has(.food-product-photo)) .product-image .product-photo>.product-photo-pack{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;padding:0!important;background:#f4efe6!important;transform:none!important;scale:1!important}
#products .product.with-photo:not(.partner-treat-product):not(:has(.food-product-photo)) .product-image .real-product:not(.product-photo) img{object-fit:contain!important;object-position:center!important;background:#f4efe6!important}
.food-gallery-thumb:hover,.food-gallery-thumb:focus-visible{border-color:#bd8c36;box-shadow:0 0 0 2px rgb(189 140 54 / .18);outline:none}
.food-gallery-thumb.is-active{border:2px solid #e6b12d}
.food-gallery-thumb:active{scale:.96}
.food-gallery-empty{margin:10px 0 0;color:#777568;font-size:13px;line-height:1.45}

/* Keep all category tiles aligned on narrow tablets too. */
@media(min-width:431px) and (max-width:900px){.showcase-categories .category-tile{grid-column:auto!important;display:flex!important}.showcase-categories .category-tile .category-picture{aspect-ratio:2.15/1!important;height:auto!important}}
/* Mobile hero: keep the full 16:9 pet photograph visible and use its open left side for the note. */
@media(max-width:900px){
 #hero-feedback .showcase-stage:has([data-slide]:not([hidden])) .ref-1 .hero-visual{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/9!important;overflow:hidden!important;border-radius:14px!important;background:#fffaf2!important}
 #hero-feedback .showcase-stage:has([data-slide]:not([hidden])) .ref-1 .hero-visual .reference-art{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;max-width:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;transform:none!important}
 #hero-feedback .ref-1 .hero-note{top:5%!important;right:auto!important;bottom:auto!important;left:4%!important;box-sizing:border-box!important;width:auto!important;max-width:min(210px,52%)!important;margin:0!important;padding:9px 13px!important;border:1px solid rgba(218,198,164,.55)!important;border-radius:14px!important;background:rgba(255,250,242,.9)!important;box-shadow:0 4px 14px rgba(48,35,20,.09)!important;color:#16211e!important;font-size:clamp(13px,3.5vw,16px)!important;font-style:normal!important;line-height:1.25!important;text-align:center!important;text-wrap:balance!important;white-space:normal!important;text-shadow:none!important;overflow:visible!important;transform:none!important;backdrop-filter:blur(4px)}
}
@media(max-width:560px){.food-source-gallery{margin:18px 0 22px}.food-gallery-thumb{flex-basis:78px;width:78px;height:64px}.food-source-gallery h3{font-size:17px}}

/* One full, uncropped product image at a time; original thumbnails open at full size. */
.food-gallery-stage{position:relative;overflow:hidden;border:1px solid #eee7dc;border-radius:16px;background:#f4efe6}
.product-photo-stage{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:#f4efe6}
.product-photo-open{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
.product-photo-open img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#f4efe6}
.product-photo-arrow{position:absolute;z-index:2;top:50%;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgb(231 222 207 / .9);border-radius:50%;background:rgb(255 253 248 / .94);box-shadow:0 3px 12px rgb(45 34 17 / .12);color:#72572c;font:400 30px/1 Arial,sans-serif;cursor:pointer;transform:translateY(-50%);transition:background-color 140ms ease,box-shadow 140ms ease}
.product-photo-arrow:hover,.product-photo-arrow:focus-visible{background:#fff;box-shadow:0 0 0 3px rgb(224 174 48 / .22);outline:none}
.product-photo-arrow.prev{left:12px}.product-photo-arrow.next{right:12px}
.product-photo-position{position:absolute;right:12px;bottom:12px;padding:5px 9px;border:1px solid rgb(255 255 255 / .7);border-radius:999px;background:rgb(255 253 248 / .9);color:#53605a;font-size:13px;font-variant-numeric:tabular-nums}
.product-photo-lightbox{position:fixed;inset:0;width:min(1040px,calc(100vw - 28px));height:min(900px,calc(100dvh - 28px));max-width:none;max-height:none;margin:auto;padding:32px;border:1px solid #e8e0d2;border-radius:22px;background:#fffdf8;color:#172a2a;box-shadow:0 24px 90px rgb(26 22 15 / .28)}
.product-photo-lightbox[open]{display:grid;place-items:center}
.product-photo-lightbox::backdrop{background:rgb(22 25 22 / .78);backdrop-filter:blur(3px)}
.lightbox-content{width:100%;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;gap:12px}
.product-photo-stage.is-lightbox{height:min(76dvh,720px);aspect-ratio:auto;background:transparent}
.product-photo-stage.is-lightbox .product-photo-open img{background:transparent}
.lightbox-caption{margin:0;text-align:center;font-size:15px;line-height:1.4}
.lightbox-close{position:absolute;z-index:5;top:10px;right:12px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #e8e0d2;border-radius:50%;background:#fffdf8;color:#172a2a;font:400 28px/1 Arial,sans-serif;cursor:pointer}
@media(max-width:600px){.product-photo-arrow{width:38px;height:38px}.product-photo-arrow.prev{left:8px}.product-photo-arrow.next{right:8px}.product-photo-lightbox{width:calc(100vw - 16px);height:calc(100dvh - 16px);padding:28px 10px 12px;border-radius:16px}.product-photo-stage.is-lightbox{height:74dvh}.lightbox-caption{font-size:14px}}
@media(prefers-reduced-motion:reduce){.product-photo-arrow{transition:none}.food-gallery-thumb{transition:none}}


/* Source stylesheet: guide.css?v=20261104-treat-catalog-cleanup-v1 */
.care-guide.guide-pilot {
  position: fixed;
  z-index: 35;
  right: clamp(14px, 2.2vw, 28px);
  bottom: calc(18px + env(safe-area-inset-bottom));
  width: min(324px, calc(100vw - 28px));
  max-width: none;
  opacity: 1;
  transform: translateY(0);
  transition: opacity .22s ease, transform .22s ease;
}
.care-guide.guide-pilot .guide-pilot__main {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 78px;
  padding: 11px 14px 11px 11px;
  border: 1px solid rgba(37, 67, 52, .12);
  border-radius: 20px;
  background: rgba(255, 253, 247, .97);
  color: #183b30;
  box-shadow: 0 12px 34px rgba(28, 48, 34, .14), 0 2px 7px rgba(28, 48, 34, .07);
  text-align: left;
  backdrop-filter: blur(14px);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.care-guide.guide-pilot .guide-pilot__main:hover {
  transform: translateY(-3px);
  border-color: rgba(37, 67, 52, .23);
  box-shadow: 0 16px 38px rgba(28, 48, 34, .18), 0 3px 9px rgba(28, 48, 34, .08);
}
.care-guide.guide-pilot .guide-pilot__main:active { transform: scale(.975); }
.care-guide.guide-pilot .guide-pilot__main:focus-visible,
.care-guide.guide-pilot .guide-pilot__dismiss:focus-visible,
.care-guide.guide-pilot .guide-pilot__restore:focus-visible { outline: 3px solid #bd8117; outline-offset: 4px; }
.care-guide.guide-pilot .guide-pilot__emblem {
  position: relative;
  display: grid;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 15px;
  background: linear-gradient(145deg, #fff2c7, #f8dfa0);
  color: #925b06;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}
.care-guide.guide-pilot .guide-pilot__emblem svg { width: 27px; height: 27px; stroke: currentColor; stroke-width: 1.5; stroke-linejoin: round; fill: rgba(255,255,255,.15); }
.care-guide.guide-pilot .guide-pilot__emblem svg circle { stroke: rgba(157,103,13,.28); stroke-width: 1; stroke-dasharray: 1 4; }
.care-guide.guide-pilot .guide-pilot__emblem i {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 7px;
  height: 7px;
  border: 1px solid #fffdf7;
  border-radius: 50%;
  background: #76a25a;
  box-shadow: 0 0 0 0 rgba(118,162,90,.35);
  animation: guideBeacon 3.8s ease-out infinite;
}
.care-guide.guide-pilot .guide-pilot__content { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: 5px; }
.care-guide.guide-pilot .guide-pilot__eyebrow { display: flex; align-items: center; gap: 6px; color: #9a6811; font-size: 8px; line-height: 1; font-weight: 800; letter-spacing: .11em; }
.care-guide.guide-pilot .guide-pilot__eyebrow i { width: 5px; height: 5px; border-radius: 50%; background: #c48a17; }
.care-guide.guide-pilot .guide-pilot__message { overflow: hidden; color: #20392e; font-size: 13px; line-height: 1.25; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.care-guide.guide-pilot .guide-pilot__route { display: flex; align-items: center; gap: 4px; width: 100%; max-width: 120px; height: 5px; }
.care-guide.guide-pilot .guide-pilot__route i { display: block; flex: 1; height: 3px; border-radius: 5px; background: #e9e4d7; transition: background-color .3s ease, transform .3s ease; }
.care-guide.guide-pilot .guide-pilot__route i.is-complete { background: #a8bd8e; }
.care-guide.guide-pilot .guide-pilot__route i.is-current { background: #e6a91f; transform: scaleY(1.55); }
.care-guide.guide-pilot .guide-pilot__arrow { display: grid; flex: 0 0 30px; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: #203f32; color: #fff8e9; font-size: 16px; transition: transform .2s ease, background-color .2s ease; }
.care-guide.guide-pilot .guide-pilot__main:hover .guide-pilot__arrow { transform: rotate(45deg); background: #315c43; }
.care-guide.guide-pilot .guide-pilot__dismiss,
.care-guide.guide-pilot .guide-pilot__restore {
  position: absolute;
  top: -8px;
  right: -8px;
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid rgba(37,67,52,.12);
  border-radius: 50%;
  background: #fffdf7;
  color: #526458;
  box-shadow: 0 3px 12px rgba(28,48,34,.14);
  font-size: 18px;
  line-height: 1;
  opacity: 0;
  transition: opacity .16s ease, transform .16s ease, background-color .16s ease;
}
.care-guide.guide-pilot:hover .guide-pilot__dismiss,
.care-guide.guide-pilot:focus-within .guide-pilot__dismiss,
.care-guide.guide-pilot--minimized .guide-pilot__restore { opacity: 1; }
.care-guide.guide-pilot .guide-pilot__dismiss:hover,
.care-guide.guide-pilot .guide-pilot__restore:hover { background: #fff4d8; transform: scale(1.06); }
.care-guide.guide-pilot .guide-pilot__restore { width: 50px; height: 50px; top: auto; right: 0; bottom: 0; opacity: 1; font-size: 21px; color: #9a6811; }
.care-guide.guide-pilot--minimized { width: 50px; height: 50px; }
.care-guide.guide-pilot [hidden] { display: none !important; }
body:has(dialog[open]) .care-guide.guide-pilot,
body:has(.toast.visible) .care-guide.guide-pilot { opacity: 0; pointer-events: none; transform: translateY(7px); }
@keyframes guideBeacon { 0%, 62%, 100% { box-shadow: 0 0 0 0 rgba(118,162,90,0); } 72% { box-shadow: 0 0 0 5px rgba(118,162,90,.22); } }
@media (max-width: 720px) {
  .care-guide.guide-pilot { right: 12px; bottom: calc(78px + env(safe-area-inset-bottom)); width: min(290px, calc(100vw - 24px)); }
  .care-guide.guide-pilot .guide-pilot__main { min-height: 68px; gap: 9px; padding: 8px 11px 8px 8px; border-radius: 17px; }
  .care-guide.guide-pilot .guide-pilot__emblem { flex-basis: 42px; width: 42px; height: 42px; border-radius: 13px; }
  .care-guide.guide-pilot .guide-pilot__emblem svg { width: 24px; height: 24px; }
  .care-guide.guide-pilot .guide-pilot__message { font-size: 12px; }
  .care-guide.guide-pilot .guide-pilot__arrow { flex-basis: 27px; width: 27px; height: 27px; }
  .care-guide.guide-pilot .guide-pilot__dismiss { opacity: 1; }
  .care-guide.guide-pilot--minimized { width: 48px; height: 48px; }
  .care-guide.guide-pilot .guide-pilot__restore { width: 48px; height: 48px; }
}
@media (prefers-reduced-motion: reduce) {
  .care-guide.guide-pilot,
  .care-guide.guide-pilot .guide-pilot__main,
  .care-guide.guide-pilot .guide-pilot__arrow,
  .care-guide.guide-pilot .guide-pilot__route i,
  .care-guide.guide-pilot .guide-pilot__dismiss,
  .care-guide.guide-pilot .guide-pilot__restore { transition: none; }
  .care-guide.guide-pilot .guide-pilot__emblem i { animation: none; }
}
/* The care guide stays available on mobile without covering the About copy. */
@media (max-width: 720px) {
  body:has(#about:not([hidden])) .care-guide.guide-pilot { width: 50px; height: 50px; }
  body:has(#about:not([hidden])) .care-guide.guide-pilot .guide-pilot__main { width: 50px; height: 50px; min-height: 50px; padding: 5px; gap: 0; justify-content: center; border-radius: 50%; }
  body:has(#about:not([hidden])) .care-guide.guide-pilot .guide-pilot__content,
  body:has(#about:not([hidden])) .care-guide.guide-pilot .guide-pilot__arrow { display: none; }
  body:has(#about:not([hidden])) .care-guide.guide-pilot .guide-pilot__emblem { flex: 0 0 38px; width: 38px; height: 38px; border-radius: 50%; }
  body:has(#about:not([hidden])) .care-guide.guide-pilot .guide-pilot__emblem svg { width: 22px; height: 22px; }
  body:has(#about:not([hidden])) .care-guide.guide-pilot .guide-pilot__dismiss { top: -5px; right: -5px; width: 20px; height: 20px; }
}
@media(max-width:720px){body:has(#about:not([hidden])) .care-guide.guide-pilot{display:none!important}}
@media(max-width:720px){.care-guide.guide-pilot{display:none!important}}


/* Source stylesheet: reputation.css?v=20261104-treat-catalog-cleanup-v1 */
.reputation-section {
  background: #fffdf8;
  color: #172824;
  padding: clamp(46px, 6vw, 88px) 24px clamp(54px, 6.5vw, 96px);
  border-top: 1px solid #eee7da;
}

.reputation-inner {
  width: min(1120px, 100%);
  margin-inline: auto;
}

.reputation-heading {
  max-width: 660px;
  margin: 0 auto clamp(26px, 3.2vw, 42px);
  text-align: center;
}

.reputation-kicker {
  display: inline-block;
  margin-bottom: 10px;
  color: #a46b08;
  font-size:max(16px,12px);
  font-weight: 800;
  letter-spacing: .16em;
}

.reputation-heading h2 {
  margin: 0;
  color: #173a32;
  font-size:max(16px,clamp(30px, 4vw, 48px));
  line-height: 1.08;
  letter-spacing: -.035em;
  text-wrap: balance;
}

.reputation-heading p {
  margin: 14px 0 0;
  color: #66736e;
  font-size:max(16px,clamp(15px, 1.5vw, 18px));
  line-height: 1.5;
  text-wrap: pretty;
}

.reputation-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.reputation-card {
  min-width: 0;
  padding: clamp(20px, 2.5vw, 30px);
  border: 1px solid #eae2d5;
  border-radius: 22px;
  background: linear-gradient(145deg, #fff 10%, #faf6ed 100%);
  box-shadow: 0 10px 30px rgb(70 50 18 / 6%);
}

.reputation-card__top {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
}

.reputation-pin {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 50%;
  background: #fff0ce;
  color: #b66c00;
}

.reputation-pin svg {
  width: 23px;
  height: 23px;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.reputation-card h3 {
  margin: 0;
  color: #173a32;
  font-size:max(16px,clamp(16px, 1.8vw, 20px));
  line-height: 1.25;
  text-wrap: balance;
}

.reputation-card__top p {
  margin: 5px 0 0;
  color: #77817b;
  font-size:max(16px,13px);
  line-height: 1.35;
}

.reputation-rating {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  column-gap: 5px;
  color: #9d690c;
  white-space: nowrap;
}

.reputation-rating > span {
  font-size:max(16px,19px);
  line-height: 1;
}

.reputation-rating strong {
  font-size:max(16px,19px);
  font-variant-numeric: tabular-nums;
}

.reputation-rating small {
  grid-column: 1 / -1;
  margin-top: 3px;
  color: #727a72;
  font-size:max(16px,10px);
  line-height: 1.15;
  text-align: right;
}

.reputation-count {
  margin: 18px 0 16px 60px;
  color: #69756e;
  font-size:max(16px,13px);
}

.reputation-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.reputation-link {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 13px;
  border-radius: 12px;
  color: #173a32;
  font-size:max(16px,13px);
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
  transition: background-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.reputation-link--map {
  background: #ffd13c;
}

.reputation-link--review {
  background: #f1eee6;
}

.reputation-link > span:last-child {
  flex: none;
  font-size:max(16px,17px);
}

.reputation-link:hover {
  transform: translateY(-1px);
  box-shadow: 0 5px 14px rgb(39 46 31 / 10%);
}

.reputation-link--map:hover {
  background: #ffc321;
}

.reputation-link--review:hover {
  background: #e8e1d2;
}

.reputation-link:focus-visible {
  outline: 3px solid #245a42;
  outline-offset: 3px;
}

.reputation-source-note {
  margin: 16px 0 0;
  color: #82877e;
  font-size:max(16px,12px);
  line-height: 1.4;
  text-align: center;
}

@media (max-width: 680px) {
  .reputation-section {
    padding: 42px 18px 50px;
  }

  .reputation-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .reputation-card {
    padding: 19px;
    border-radius: 18px;
  }

  .reputation-card__top {
    grid-template-columns: 40px minmax(0, 1fr) auto;
    gap: 10px;
  }

  .reputation-pin {
    width: 40px;
    height: 40px;
  }

  .reputation-count {
    margin: 14px 0 13px 50px;
  }

  .reputation-actions {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .reputation-link {
    min-height: 46px;
    font-size:max(16px,14px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .reputation-link {
    transition: none;
  }

  .reputation-link:hover {
    transform: none;
  }
}


/* Source stylesheet: site-builder-runtime.css?v=20261104-treat-catalog-cleanup-v1 */
body[data-site-builder-ready="true"] .wrap{max-width:var(--site-builder-width,1240px)!important}
body[data-site-builder-ready="true"] main#top>section:not(.showcase){margin-block-end:var(--site-builder-gap,72px)}
body[data-site-builder-ready="true"] #catalog .showcase-categories .category-tile,body[data-site-builder-ready="true"] .catalog-promotions .promotion-card,body[data-site-builder-ready="true"] .product,body[data-site-builder-ready="true"] .why-grid article,body[data-site-builder-ready="true"] .delivery-cards article,body[data-site-builder-ready="true"] .review-card{border-radius:var(--site-builder-radius,20px)!important;overflow:hidden}
.site-subcategories{margin:18px 0 8px;padding:16px 18px;border:1px solid #e9dfce;border-radius:16px;background:#fffdf8}.site-subcategories[hidden]{display:none}.site-subcategories>strong{display:block;margin-bottom:10px;color:#18382f}.site-subcategories__list{display:flex;flex-wrap:wrap;gap:8px}.site-subcategories__list button{border:1px solid #d8dfca;border-radius:99px;background:#f6f7ed;color:#18382f;padding:9px 14px;font:inherit;font-size:max(16px,14px);cursor:pointer}.site-subcategories__list button:hover,.site-subcategories__list button:focus-visible{background:#ffcb42;border-color:#e0ad24;outline:none}.showcase-categories .category-tile[hidden]{display:none!important}


/* Source stylesheet: header-reference.css?v=20261104-treat-catalog-cleanup-v1 */
/* Storefront header matched to the supplied reference. */
header{position:sticky;top:0;z-index:20;background:#fffdf8f7;border:0;border-radius:0 0 40px 40px;box-shadow:0 12px 34px rgba(91,68,34,.08);backdrop-filter:blur(16px)}
.nav{width:calc(100% - 128px);max-width:1920px!important;height:160px;gap:clamp(20px,1.4vw,28px);justify-content:initial}
.brand-file{flex:0 0 238px;width:238px;height:104px;min-width:0;overflow:hidden;mix-blend-mode:multiply}
.brand-file img{position:absolute;width:415px;height:415px;max-width:none;left:-86px;top:-154px;object-fit:initial}
.brand-desc{display:flex;align-items:center;gap:20px;flex:0 0 250px;min-height:58px;padding:0 0 0 28px;border-left:1px solid #dddcd4;color:#283338;font-size:max(16px,17px);font-weight:650;line-height:1.35;white-space:nowrap}
.brand-paw{width:38px;height:38px;flex:none;fill:#ffb900;stroke:#9c7317;stroke-width:1.3}
.nav nav{display:flex;align-items:center;justify-content:center;flex:0 0 500px;min-width:500px;margin:0;gap:12px;font-size:max(16px,18px);font-weight:750;white-space:nowrap}
.nav nav a{min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 8px;border-radius:30px;flex:none;transition:background-color .18s,color .18s}
.nav nav a:hover,.nav nav a.nav-active{color:#1c292a;background:#fff1cf}
.nav-chevron{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nav-actions{display:flex;align-items:center;flex:none;gap:18px}
.nav-actions .icon{width:28px;height:28px}
.search-button{width:224px;height:68px;padding:0 21px;display:flex;grid-auto-flow:column;grid-template-columns:none;justify-content:flex-start;gap:16px;border:1px solid #e7e3da;border-radius:36px;background:#fffdf8;color:#26353a;box-shadow:none;font-size:max(16px,17px);font-weight:500;white-space:nowrap}
.search-button .icon{width:30px;height:30px;flex:none}
.search-button span{color:#9ba3a5}
.search-button:hover{background:#fff9ed;border-color:#d9d0bd}
.cart-button{width:72px;height:72px;min-width:72px;position:relative;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#f4f1eb;color:#1e2e32}
.cart-button .icon{width:33px;height:33px}
.cart-button span{position:absolute;top:-2px;right:-1px;display:grid;place-items:center;width:28px;height:28px;min-width:28px;margin:0;border-radius:50%;background:#ffb900;color:#27302c;font-size:max(16px,14px);font-weight:800}
.cart-button b{display:none}
.account-link{height:68px;min-width:142px;padding:0 21px;gap:13px;border:1px solid #e2ded4;border-radius:36px;background:#fffdf8;font-size:max(16px,18px);font-weight:700;color:#26353a}
.account-link .icon{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.account-link:hover{background:#fff8e9;border-color:#ddd0b4}
.header-cta{height:74px;min-width:202px;justify-content:center;gap:18px;padding:0 24px;border-radius:38px;font-size:max(16px,20px);font-weight:850;box-shadow:0 8px 17px rgba(255,183,0,.2)}
.header-cta .icon{width:30px;height:30px}
.mobile-menu{display:none}
#mobile-nav{display:none}
@media(max-width:1800px){.brand-desc{display:none}.search-button{width:52px;height:52px;min-width:52px;padding:0;justify-content:center;border-radius:50%}.search-button span{display:none}.cart-button{width:58px;height:58px;min-width:58px}.account-link{height:58px;min-width:108px;padding:0 13px;font-size:max(16px,15px)}.header-cta{height:58px;min-width:145px;padding:0 15px;font-size:max(16px,15px)}.nav{width:calc(100% - 80px);height:132px;gap:20px}.brand-file{flex-basis:205px;width:205px;height:92px}.brand-file img{width:358px;height:358px;left:-74px;top:-134px}.brand-desc{flex-basis:225px;gap:15px;padding-left:20px;font-size:max(16px,15px)}.brand-paw{width:32px;height:32px}.nav nav{gap:10px;font-size:max(16px,16px)}.nav nav a{padding:0 13px}.nav-actions{gap:12px}.search-button{width:190px;height:60px;padding:0 16px;gap:12px;font-size:max(16px,15px)}.cart-button{width:60px;height:60px;min-width:60px}.cart-button .icon{width:29px;height:29px}.account-link{height:60px;min-width:120px;padding:0 15px;gap:9px;font-size:max(16px,16px)}.header-cta{height:62px;min-width:165px;font-size:max(16px,17px)}.nav-actions .icon{width:25px;height:25px}}
@media(max-width:1200px){.nav{width:calc(100% - 56px);height:104px;gap:22px}.brand-file{flex-basis:190px;width:190px;height:84px}.brand-file img{width:332px;height:332px;left:-69px;top:-124px}.brand-desc{display:none}.nav nav{gap:9px;font-size:max(16px,15px)}.nav nav a{padding:0 12px}.nav-actions{gap:10px}.search-button{width:52px;height:52px;min-width:52px;padding:0;justify-content:center;border-radius:50%}.search-button span{display:none}.cart-button{width:52px;height:52px;min-width:52px}.cart-button .icon{width:26px;height:26px}.cart-button span{width:23px;height:23px;min-width:23px;font-size:max(16px,12px)}.account-link{height:52px;min-width:104px;padding:0 12px;font-size:max(16px,14px)}.account-link .icon{width:24px;height:24px}.header-cta{height:54px;min-width:142px;padding:0 16px;font-size:max(16px,15px)}.header-cta .icon{width:23px;height:23px}}
@media(max-width:850px){header{border-radius:0 0 26px 26px}.nav{width:calc(100% - 36px);height:82px;gap:10px}.brand-file{flex-basis:150px;width:150px;height:70px}.brand-file img{width:260px;height:260px;left:-54px;top:-95px}.nav nav{display:none}.nav-actions{margin-left:auto;gap:8px}.search-button{width:40px;height:40px;min-width:40px;border:0;background:transparent;box-shadow:none}.search-button .icon{width:24px;height:24px}.cart-button{width:42px;height:42px;min-width:42px;background:#f4f1eb}.cart-button .icon{width:24px;height:24px}.cart-button span{top:-2px;right:-2px;width:20px;height:20px;min-width:20px;font-size:max(16px,10px)}.account-link{height:42px;min-width:0;padding:0 12px;gap:7px;font-size:max(16px,13px)}.account-link .icon{width:21px;height:21px}.header-cta{height:42px;min-width:0;padding:0 15px;font-size:max(16px,13px)}.header-cta .icon{width:20px;height:20px}.mobile-menu{display:grid;width:42px;height:42px;background:#fff;border:1px solid #ece7dd;box-shadow:none}.mobile-menu .icon{width:22px;height:22px}#mobile-nav:not([hidden]){display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 18px}#mobile-nav a{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:24px;background:#fff3d7;font-size:max(16px,14px);font-weight:700}}
@media(max-width:600px){.nav{height:72px}.header-cta{display:none}}
@media(max-width:380px){.brand-file{flex-basis:128px;width:128px;height:62px}.brand-file img{width:225px;height:225px;left:-47px;top:-82px}.nav-actions{gap:4px}.account-link{padding:0 8px}.mobile-menu{width:38px;height:38px}}/* Override the builder's global content width for this full-width header. */
body[data-site-builder-ready="true"] .nav{max-width:1920px!important}
@media(max-width:1800px){.search-button{width:52px!important;height:52px;min-width:52px;padding:0;justify-content:center;border-radius:50%}.search-button span{display:none}}
@media(max-width:440px){.nav{gap:8px!important}.brand-file{flex-basis:130px;width:130px;height:62px}.brand-file img{width:225px;height:225px;left:-47px;top:-82px}.nav-actions{gap:4px}.search-button{width:32px!important;height:32px;min-width:32px;padding:0}.search-button .icon{width:22px;height:22px}.account-link{width:38px;height:38px;min-width:38px;padding:0;justify-content:center}.account-link span{display:none}.account-link .icon{width:22px;height:22px}.mobile-menu{width:38px;height:38px}}
/* The supplied master logo is square; scale it into the horizontal logo window. */
.brand-file{position:relative;overflow:hidden}
.brand-file img{border-radius:0;object-fit:initial}
/* Keep the desktop navigation inside landscape tablets before switching to the compact header. */
@media(min-width:851px) and (max-width:1100px){
 .nav{width:calc(100% - 32px)!important;gap:8px!important}
 .brand-file{flex:0 0 190px!important;width:190px!important}
 .nav nav{flex:1 1 auto!important;min-width:0!important;gap:0!important;font-size:max(16px,13px)!important}
 .nav nav a{min-height:44px!important;padding:0 5px!important}
 .nav-actions{gap:6px!important}
 .search-button{width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;justify-content:center!important}
 .search-button span{display:none!important}
 .cart-button{width:46px!important;height:46px!important;min-width:46px!important}
 .account-link{height:46px!important;min-width:82px!important;padding:0 8px!important;gap:6px!important;font-size:max(16px,12px)!important}
 .header-cta{height:46px!important;min-width:114px!important;padding:0 9px!important;gap:6px!important;font-size:max(16px,13px)!important}
}
/* Give the full supplied logo artwork enough vertical room; the old crop clipped the lettering baseline. */
.brand-file{height:114px}
@media(max-width:1800px){.brand-file{height:102px}}
@media(max-width:1200px){.brand-file{height:94px}}
@media(max-width:850px){.brand-file{height:78px}}
@media(max-width:600px){.brand-file{height:74px}}
@media(max-width:380px){.brand-file{height:74px}}

/* Match the supplied full storefront header while keeping each control live. */
header{position:sticky;isolation:isolate;overflow:visible;background:linear-gradient(100deg,#fffdf7 0%,#fffaf0 52%,#fff6e4 100%);border:0;border-radius:0 0 28px 28px;box-shadow:0 8px 24px rgba(81,63,35,.09)}
.nav{position:relative;z-index:1;width:calc(100% - 40px)!important;max-width:1980px!important;height:122px;gap:clamp(10px,1vw,20px);justify-content:initial}
.brand-file{flex:0 0 215px;width:215px;height:94px;mix-blend-mode:multiply}
.brand-file img{width:375px;height:375px;left:-77px;top:-139px}
.brand-desc{flex:0 0 205px;gap:12px;min-height:48px;padding-left:16px;font-size:max(16px,13px)}
.brand-paw{width:30px;height:30px}
.nav nav{flex:1 1 auto;min-width:390px;gap:4px;font-size:max(16px,15px)}
.nav nav a{min-height:48px;padding:0 10px}
.nav-actions{gap:12px}
.search-button{width:210px;height:60px;padding:0 16px;gap:12px;font-size:max(16px,14px)}
.search-button .icon{width:25px;height:25px}
.cart-button{width:62px;height:62px;min-width:62px}
.cart-button .icon{width:29px;height:29px}
.cart-button span{width:24px;height:24px;min-width:24px;font-size:max(16px,12px)}
.header-cta{height:64px;min-width:180px;padding:0 19px;font-size:max(16px,18px)}
.header-cta .icon{width:25px;height:25px}
.header-promo{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:15px;flex:0 1 378px;min-width:310px;height:92px;padding:9px 24px 9px 14px;border:1px solid #f1d59e;border-radius:24px;background:linear-gradient(105deg,#ffedbe 0%,#fff4da 60%,#fff0c9 100%);box-shadow:0 7px 16px rgba(200,143,43,.13);color:#182b29;white-space:nowrap}
.header-promo:before,.header-promo:after{content:"";position:absolute;z-index:-1;width:62px;height:100px;top:-16px;background:radial-gradient(ellipse at 50% 20%,#698d3b 0 16%,transparent 18%),radial-gradient(ellipse at 21% 49%,#88a952 0 14%,transparent 16%),radial-gradient(ellipse at 79% 61%,#6f923f 0 14%,transparent 16%);opacity:.72}
.header-promo:before{left:-35px;transform:rotate(-28deg)}.header-promo:after{right:-36px;transform:scaleX(-1) rotate(-28deg)}
.promo-gift{flex:0 0 72px;height:72px;display:grid;place-items:center;border-radius:20px;background:radial-gradient(circle,#fff9e9 0 48%,transparent 50%)}
.promo-gift svg{width:66px;height:66px;filter:drop-shadow(0 4px 3px #b7783325)}
.promo-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.promo-copy b{font-size:max(16px,16px);font-weight:850;letter-spacing:-.2px}
.promo-copy>span{font-size:max(16px,12px);line-height:1.35;color:#59625c}
.promo-spark{position:absolute;left:19px;top:7px;color:#f7a313;font-size:max(16px,19px)}.promo-paw{position:absolute;right:15px;bottom:10px;color:#f3a20b;font-size:max(16px,21px)}
.header-foliage{position:absolute;z-index:0;top:0;width:76px;height:100%;overflow:hidden;pointer-events:none;opacity:.92}
.header-foliage svg{position:absolute;width:84px;height:84px;top:18px}
.header-foliage-left{left:0}.header-foliage-left svg{left:-22px}
.header-foliage-right{right:0;transform:scaleX(-1)}.header-foliage-right svg{right:-22px}
@media(max-width:1800px){.nav{height:108px;gap:12px}.brand-desc{display:none}.nav nav{min-width:360px;font-size:max(16px,14px)}.nav nav a{padding:0 8px}.nav-actions{gap:9px}.header-promo{flex-basis:320px;min-width:280px;height:82px;padding:8px 19px 8px 10px;gap:9px}.promo-gift{flex-basis:62px;height:62px}.promo-gift svg{width:58px;height:58px}.promo-copy b{font-size:max(16px,14px)}.promo-copy>span{font-size:max(16px,11px)}.header-cta{min-width:145px;height:58px;font-size:max(16px,16px)}.search-button{width:52px!important;height:52px;min-width:52px;padding:0;justify-content:center;border-radius:50%}.search-button span{display:none}}
@media(max-width:1550px){.header-promo{display:none}.nav{width:calc(100% - 48px)!important}.brand-file{flex-basis:190px;width:190px}.brand-file img{width:332px;height:332px;left:-69px;top:-124px}.nav nav{min-width:0}.nav-actions{gap:8px}}
@media(max-width:1100px){.nav{height:92px;width:calc(100% - 32px)!important;gap:8px}.brand-file{flex:0 0 180px;width:180px}.nav nav{min-width:0;font-size:max(16px,12px);gap:0}.nav nav a{padding:0 5px;min-height:42px}.search-button{width:42px!important;height:42px;min-width:42px}.cart-button{width:46px;height:46px;min-width:46px}.cart-button span{width:21px;height:21px;min-width:21px}.header-cta{min-width:114px;height:46px;padding:0 9px;font-size:max(16px,13px)}.header-cta .icon{width:19px;height:19px}}
@media(max-width:850px){header{border-radius:0 0 20px 20px}.header-foliage{width:30px;opacity:.45}.header-foliage svg{width:48px;height:48px;top:16px}.header-foliage-left svg{left:-24px}.header-foliage-right svg{right:-24px}.nav{width:calc(100% - 32px)!important;height:78px;gap:8px}.brand-file{flex:0 0 150px;width:150px;height:66px}.brand-file img{width:260px;height:260px;left:-54px;top:-95px}.nav nav{display:none}.nav-actions{margin-left:auto;gap:7px}.search-button{width:40px!important;height:40px;min-width:40px}.cart-button{width:42px;height:42px;min-width:42px}.header-cta{display:inline-flex;height:42px;min-width:0;padding:0 12px;font-size:max(16px,12px);gap:5px}.header-cta .icon{width:17px;height:17px}.mobile-menu{display:grid;width:40px;height:40px}.header-promo{display:none}#mobile-nav:not([hidden]){position:relative;z-index:1}}
@media(max-width:600px){.nav{height:72px}.header-cta{display:none}}
@media(max-width:380px){.brand-file{flex-basis:126px;width:126px}.nav-actions{gap:4px}.mobile-menu{width:36px;height:36px}.search-button{width:34px!important;height:34px;min-width:34px}}

/* Clean up the storefront header: warm seamless canvas, uncropped brand mark. */
header{background:#fff8ec!important}
header .brand-file{overflow:hidden;mix-blend-mode:normal;background:transparent}
header .brand-file img{mix-blend-mode:multiply}
header .header-foliage{display:none!important}
.header-promo:before,.header-promo:after{display:none!important}
.promo-paw{position:absolute;right:15px;bottom:10px;width:23px;height:23px;color:#f3a20b;font-size:0;fill:#f3a20b}
@media(min-width:1551px){header .brand-file img{width:345px;height:345px;left:-75px;top:-129px}}
@media(max-width:1550px){header .brand-file img{width:300px;height:300px;left:-66px;top:-111px}}
@media(max-width:850px){header .brand-file img{width:250px;height:250px;left:-55px;top:-93px}}
@media(max-width:440px){header .brand-file img{width:220px;height:220px;left:-48px;top:-81px}}

/* Final header repair: keep the complete logo on the warm header canvas. */
header{background:#fff8ec!important}
header .brand-file{flex:0 0 220px!important;width:220px!important;height:100px!important;overflow:visible!important;background:transparent!important;mix-blend-mode:normal!important}
header .brand-file img{position:static!important;display:block;width:100%!important;height:100%!important;max-width:100%;object-fit:contain!important;mix-blend-mode:normal!important;border-radius:0!important}
header .header-foliage{display:none!important}
header .header-promo:before,header .header-promo:after{display:none!important}
@media(max-width:1550px){header .brand-file{flex-basis:200px!important;width:200px!important;height:92px!important}}
@media(max-width:1200px){header .brand-file{flex-basis:180px!important;width:180px!important;height:84px!important}}
@media(max-width:850px){header .brand-file{flex-basis:155px!important;width:155px!important;height:72px!important}}
@media(max-width:440px){header .brand-file{flex-basis:136px!important;width:136px!important;height:64px!important}}
@media(max-width:380px){header .brand-file{flex-basis:124px!important;width:124px!important;height:58px!important}}


/* Source stylesheet: october-update.css?v=20261104-treat-catalog-cleanup-v1 */
/* Feedback from the supplied circles. Final rules extend the existing CSS. */
:root{font-synthesis:none}body{-webkit-font-smoothing:antialiased}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.price,.cart-heading-count,#cart-total,.total{font-variant-numeric:tabular-nums}
header nav a{font-size:max(16px,1rem)!important;line-height:1.4!important}.account-link{font-size:max(16px,.875rem);color:inherit;text-decoration:none;padding:10px 6px;min-height:40px;display:flex;align-items:center}
html{scroll-padding-top:130px}section[id]{scroll-margin-top:130px}.catalog-selection{scroll-margin-top:130px!important}
.catalog-controls .filter-pill{position:relative;min-height:44px}.catalog-controls .filter-pill select{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;z-index:3!important;cursor:pointer;pointer-events:auto!important}.filter-pill:focus-within{outline:2px solid #285841;outline-offset:3px}[hidden]{display:none!important}
.showcase-stage{height:auto!important;min-height:0!important}.showcase-slide .hero-layout{min-height:580px!important;height:auto!important}.showcase-slide .hero-copy{padding-top:36px!important;padding-bottom:36px!important}.hero-visual{min-height:580px!important}.hero-visual .reference-art{object-fit:contain!important;object-position:center!important;height:100%!important;max-height:650px!important}.hero-delivery{display:flex!important;align-items:center!important;gap:12px!important}.hero-delivery__truck{flex:0 0 44px!important}
.showcase-pagination{min-height:68px!important}.doctor-main{min-height:620px!important;height:auto!important}.doctor-copy p{font-size:max(16px,1rem)!important;line-height:1.55!important}.doctor-journey small,.doctor-benefit-card p{font-size:max(16px,.875rem)!important;line-height:1.4!important}.doctor-benefit-card strong{font-size:max(16px,.9375rem)!important}
.product .product-image{height:260px!important;overflow:hidden!important;background:#fff}.product .product-photo,.product .photo-button{height:100%!important;width:100%!important}.product-photo img,.feed-product .product-photo img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;max-height:100%!important;padding:14px!important}.product-name{font-size:max(16px,1rem)!important;line-height:1.4!important}.product-use,.catalog-tag,.weight,.details-link{font-size:max(16px,.875rem)!important;line-height:1.4!important}.product .pbody{min-width:0}.product .buy{min-height:44px!important}
#modal{max-height:calc(100dvh - 40px)!important;overflow:auto!important;max-width:720px!important;width:calc(100% - 32px)!important}#modal-body{font-size:max(16px,1rem)!important;line-height:1.5!important;padding:38px 28px 28px!important}.close{display:grid!important;place-items:center!important;min-width:44px!important;min-height:44px!important;line-height:1!important;padding:0!important;font-size:max(16px,28px)!important;top:8px!important;right:8px!important;z-index:5!important}.cart-row h3{font-size:max(16px,1rem)!important}.cart-row small,.cart-delivery,.fineprint{font-size:max(16px,.875rem)!important;line-height:1.5!important}.detail-photo{height:320px!important}.quantity button{min-width:40px;min-height:40px}
.closing>span{font-size:max(16px,1.0625rem)!important;line-height:1.5!important}.shop-section,.stores,.store-locations{position:relative!important;top:auto!important}.promotion-card,.offer-card,.promo-offer{height:auto!important;min-height:0!important}.promotion-card .button,.offer-card .button,.promo-offer .button{white-space:normal!important;min-height:48px!important}
.care-guide{bottom:90px!important;right:20px!important}.care-guide__message{font-size:max(16px,.9375rem)!important;line-height:1.4!important}.care-guide__button{min-width:48px;min-height:48px}.objections,.reviews{margin-top:48px!important;margin-bottom:48px!important}
.allergy-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.allergy-options label{display:flex;align-items:center;gap:10px;border:1px solid #d9ddce;border-radius:12px;padding:12px;min-height:44px}.allergy-options input{accent-color:#315d40;width:20px;height:20px}.special-order{display:flex;gap:20px;justify-content:space-between;align-items:center;background:#f4f6ec;border-radius:18px;padding:24px;margin:32px 0}.special-order p{margin:8px 0 0}.coupon-box{background:#f4f6ec;border-radius:14px;padding:16px;display:flex;gap:12px;flex-wrap:wrap}.coupon-box label{flex:1;min-width:180px}.coupon-box p{width:100%;margin:0;font-size:max(16px,.875rem)}.coupon-box input{text-transform:uppercase}button:active,.button:active{scale:.96}button,.button{transition-property:background-color,color,opacity,scale;transition-duration:150ms}.form-field small{font-size:max(16px,.875rem)}.subscription-note{background:#f4f6ec;padding:20px;border-radius:16px;margin:24px 0}
@media(max-width:900px){header nav a{font-size:max(16px,1rem)!important}.account-link{font-size:max(16px,.8125rem)}.showcase-slide .hero-layout{min-height:0!important}.hero-visual{min-height:280px!important}.hero-visual .reference-art{max-height:360px!important}.doctor-main{min-height:0!important}.product .product-image{height:220px!important}html{scroll-padding-top:100px}section[id]{scroll-margin-top:100px}.catalog-selection{scroll-margin-top:100px!important}.special-order{flex-direction:column;align-items:stretch}.care-guide{bottom:100px!important;right:12px!important}#modal-body{padding:42px 18px 20px!important}.allergy-options{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){button,.button{transition:none;scale:1!important}}

/* Product photos keep their full frame in catalog cards and product details. */
.product.with-photo .product-image .product-photo.real-product{display:block!important;width:100%!important;height:100%!important;overflow:hidden!important;background:#eeece8!important}
.product.with-photo .product-image .product-photo.real-product img,.product.with-photo:hover .product-image .product-photo.real-product img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;padding:0!important;background:transparent!important;transform:none!important;scale:1!important}
.detail-photo{display:block!important;width:100%!important;height:auto!important;max-width:none!important;aspect-ratio:4/3!important;overflow:hidden!important;background:#eeece8!important;border-radius:16px!important;margin:18px 0 20px!important}
.detail-photo img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;padding:0!important;background:transparent!important;transform:none!important}

/* Content determines offer height; preserve all price and action rows. */
.promotion-bundle{aspect-ratio:auto!important;height:auto!important;min-height:0!important}
.promotion-bundle .promotion-bundle__copy{height:auto!important;min-height:0!important;padding-bottom:28px!important}
.promotion-bundle .promotion-bundle__price,.promotion-bundle .promotion-bundle__cta,.promotion-bundle .promotion-bundle__features{position:relative!important;top:auto!important;bottom:auto!important;transform:none!important;flex-shrink:0!important}
.promotion-bundle .promotion-bundle__cta{white-space:normal!important;min-height:56px!important}
#about-locations{position:relative!important;top:auto!important;z-index:0!important;scroll-margin-top:130px}
.catalog-trust>div>span{display:grid!important;place-items:center!important}
.product.with-photo .product-image .product-photo.real-product img,.product.with-photo:hover .product-image .product-photo.real-product img{object-fit:contain!important;transform:none!important;scale:1!important;padding:14px!important;max-width:100%!important}

@media(min-width:901px){.showcase-stage{aspect-ratio:auto!important;height:760px!important}.showcase-slide{height:100%!important}.showcase-slide .hero-layout{height:100%!important;min-height:0!important}}
@media(min-width:901px){.showcase .showcase-stage:has(.showcase-slide:not([hidden])){aspect-ratio:auto!important;height:760px!important;min-height:760px!important}.showcase .showcase-stage>.showcase-slide:not([hidden]){height:760px!important;min-height:760px!important}}

/* Keep copy, actions and offers in normal flow at every desktop width. */
@media(min-width:901px){
 #hero-feedback{--hero-height:clamp(820px,42vw,1080px);width:100%!important}
 #hero-feedback .showcase-stage{width:100%!important;max-width:none!important;margin:0!important;left:auto!important;transform:none!important;aspect-ratio:auto!important;height:var(--hero-height)!important;min-height:var(--hero-height)!important}
 #hero-feedback .showcase-stage>.showcase-slide:not([hidden]){height:var(--hero-height)!important;min-height:var(--hero-height)!important;overflow:hidden!important}
 #hero-feedback .hero-layout{position:relative!important;display:grid!important;grid-template-columns:53% 47%!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important}
 #hero-feedback .hero-copy{position:relative!important;inset:auto!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;box-sizing:border-box!important;padding:48px clamp(32px,4vw,100px)!important;gap:24px!important;transform:none!important;translate:none!important;text-align:center!important;z-index:2!important}
 #hero-feedback .hero-copy h1{position:relative!important;inset:auto!important;translate:none!important;transform:none!important;font-size:max(16px,clamp(40px,3.8vw,90px))!important;line-height:1.08!important;letter-spacing:-.035em!important;margin:0!important;width:100%!important;max-width:none!important;text-align:center!important}
 #hero-feedback .hero-copy .hero-lead{position:relative!important;inset:auto!important;translate:none!important;width:100%!important;max-width:none!important;margin:0!important;font-size:max(16px,clamp(20px,1.4vw,32px))!important;line-height:1.5!important;text-align:center!important}
 #hero-feedback .hero-copy .showcase-eyebrow,#hero-feedback .hero-copy .hero-eyebrow{position:relative!important;inset:auto!important;margin:0!important;width:100%!important;font-size:max(16px,clamp(14px,.9vw,22px))!important;line-height:1.5!important;letter-spacing:.1em!important;justify-content:center!important}
 #hero-feedback .hero-copy .reference-actions{position:relative!important;inset:auto!important;translate:none!important;transform:none!important;width:100%!important;height:auto!important;margin:0!important;display:flex!important;gap:16px!important;flex-wrap:wrap!important}
 #hero-feedback .hero-copy .reference-actions .showcase-cta{width:auto!important;min-width:0!important;min-height:clamp(80px,4.5vw,108px)!important;height:auto!important;padding:20px 24px!important;font-size:max(16px,clamp(20px,1.2vw,28px))!important;flex:0 1 auto!important;white-space:normal!important;flex:0 1 auto!important;translate:none!important;box-sizing:border-box!important}
 #hero-feedback .ref-1 .reference-actions .showcase-cta{padding-left:54px!important;padding-right:54px!important;border-radius:9999px!important}
 #hero-feedback .ref-1 .hero-copy .reference-actions{gap:24px!important}
 #hero-feedback .ref-1 .reference-actions .showcase-cta.secondary{padding-left:36px!important;padding-right:36px!important}
 #hero-feedback .reference-bundle .hero-action-main>strong{font-size:max(16px,clamp(20px,1.2vw,28px))!important;translate:none!important}
 #hero-feedback .reference-bundle .hero-action-main>small{font-size:max(16px,clamp(14px,.8vw,19px))!important;translate:none!important}
 #hero-feedback .hero-copy .responsive-benefits{position:relative!important;inset:auto!important;clip-path:none!important;translate:none!important;transform:none!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;width:100%!important;height:auto!important;margin:8px 0 0!important;padding:0!important;overflow:visible!important;list-style:none!important}
 #hero-feedback .hero-copy .responsive-benefits li{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important;width:auto!important;height:auto!important;min-width:0!important;font-size:max(16px,clamp(17px,1vw,24px))!important;line-height:1.4!important;text-align:center!important;transform:none!important}
 #hero-feedback .responsive-benefits li>svg{display:block!important;flex:none!important;width:clamp(72px,4vw,96px)!important;height:clamp(72px,4vw,96px)!important;max-width:none!important;margin:0!important}
 #hero-feedback .responsive-benefits strong,#hero-feedback .responsive-benefits small{display:block!important;font-size:inherit!important;line-height:1.4!important}
 #hero-feedback .hero-visual{position:relative!important;inset:auto!important;grid-column:2!important;grid-row:1!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important}
 #hero-feedback .hero-visual .reference-art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;max-width:none!important;object-fit:cover!important;object-position:center!important;transform:none!important;margin:0!important;padding:0!important}
 #hero-feedback .ref-1 .hero-visual .reference-art{object-position:65% center!important}
 #hero-feedback .hero-note{top:32px!important;right:32px!important}
 #hero-feedback .hero-delivery{top:28px!important;right:28px!important;width:auto!important;min-height:80px!important;padding:18px 22px!important}
 #hero-feedback .hero-delivery strong{font-size:max(16px,clamp(18px,1.2vw,28px))!important;line-height:1.1!important}
 #hero-feedback .hero-delivery small{font-size:max(16px,14px)!important}
 #hero-feedback .hero-heading-heart{position:relative!important;inset:auto!important;translate:none!important;font-size:max(16px,.7em)!important;margin-left:12px!important}
 #hero-feedback #about .doctor-main{position:relative!important;display:grid!important;grid-template-columns:53% 47%!important;grid-template-rows:auto auto auto!important;align-content:center!important;row-gap:32px!important;width:100%!important;height:100%!important;min-height:0!important;padding:48px 0!important;box-sizing:border-box!important}
 #hero-feedback #about .doctor-copy,#hero-feedback #about .doctor-journey,#hero-feedback #about .doctor-benefit-cards{position:relative!important;inset:auto!important;grid-column:1!important;width:auto!important;height:auto!important;margin:0 clamp(32px,4vw,100px)!important;padding:0!important;transform:none!important;translate:none!important;z-index:2!important}
 #hero-feedback #about .doctor-copy{grid-row:1!important}
 #hero-feedback #about .doctor-copy h2{font-size:max(16px,clamp(40px,3.1vw,72px))!important;line-height:1.12!important;margin:20px 0!important}
 #hero-feedback #about .doctor-copy>p:not(.showcase-eyebrow){font-size:max(16px,clamp(17px,1vw,23px))!important;line-height:1.5!important;width:100%!important;max-width:none!important;margin:0!important}
 #hero-feedback #about .doctor-copy .showcase-eyebrow{font-size:max(16px,clamp(14px,.9vw,22px))!important;line-height:1.5!important;margin:0!important}
 #hero-feedback #about .doctor-journey{grid-row:2!important}
 #hero-feedback #about .doctor-journey ol{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;height:auto!important;margin:0!important;padding:0!important}
 #hero-feedback #about .doctor-journey li{position:relative!important;display:flex!important;flex-direction:column!important;gap:14px!important;height:auto!important;min-height:0!important}
 #hero-feedback #about .doctor-journey__top,#hero-feedback #about .doctor-journey__content{position:relative!important;inset:auto!important;translate:none!important;transform:none!important;height:auto!important;margin:0!important}
 #hero-feedback #about .doctor-journey__content strong{font-size:max(16px,17px)!important;line-height:1.3!important}
 #hero-feedback #about .doctor-benefit-cards{grid-row:3!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
 #hero-feedback #about .doctor-benefit-card{height:auto!important;min-height:112px!important;padding:16px!important;gap:12px!important}
 #hero-feedback #about .doctor-benefit-card__icon{width:36px!important;height:36px!important;flex-basis:36px!important}
 #hero-feedback #about .doctor-visual{position:absolute!important;inset:0 0 0 auto!important;width:47%!important;height:100%!important;min-height:0!important;grid-column:auto!important;grid-row:auto!important}
 #hero-feedback #about .doctor-portrait{inset:0!important}
 #hero-feedback #about .doctor-portrait img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 20%!important}
 #hero-feedback #about .doctor-note{top:60px!important;left:28px!important;right:auto!important;bottom:auto!important}
}

@media(min-width:901px){
 #hero-feedback .hero-layout{gap:0!important}
 #hero-feedback .hero-visual{margin:0!important;translate:none!important;transform:none!important}
 #hero-feedback .ref-1 .hero-visual .reference-art{object-position:right center!important}
 #hero-feedback .hero-copy .reference-actions,#hero-feedback .hero-copy .responsive-benefits{max-width:none!important;align-self:stretch!important;justify-content:center!important}
 #hero-feedback .hero-copy .showcase-eyebrow{text-align:center!important;align-self:stretch!important}
 #hero-feedback #about .doctor-journey__top{display:flex!important;align-items:center!important;gap:12px!important;min-height:76px!important;flex:none!important}
 #hero-feedback #about .doctor-journey__icon,#hero-feedback #about .doctor-journey__number{position:static!important;inset:auto!important;transform:none!important;translate:none!important;margin:0!important;flex:none!important}
 #hero-feedback #about .doctor-journey__icon{width:70px!important;height:70px!important}
 #hero-feedback #about .doctor-journey__number{width:40px!important;height:40px!important;display:grid!important;place-items:center!important}
 #hero-feedback #about .doctor-journey__content{display:block!important;align-self:stretch!important;text-align:center!important}
 #hero-feedback #about .doctor-journey__content strong,#hero-feedback #about .doctor-journey__content small{position:static!important;display:block!important;translate:none!important;transform:none!important;margin:0!important}
 #hero-feedback #about .doctor-journey__content small{margin-top:6px!important}
 #hero-feedback #about .doctor-journey ol::before,#hero-feedback #about .doctor-journey li::before,#hero-feedback #about .doctor-journey li::after,#hero-feedback #about .doctor-journey__top::before,#hero-feedback #about .doctor-journey__top::after{content:none!important;display:none!important}
}


/* Reference-matched second-slide benefits banner and detail fixes. */
@media(min-width:901px){
 #hero-feedback .showcase-stage:has(.ref-2:not([hidden])){--hero-height:clamp(1120px,72vw,1720px)!important}
 #hero-feedback .ref-2 .hero-layout{grid-template-rows:minmax(0,1fr) 33.34vw!important}
 #hero-feedback .ref-2 .hero-copy{grid-column:1!important;grid-row:1!important}
 #hero-feedback .ref-2 .hero-visual{grid-column:2!important;grid-row:1!important}
 #hero-feedback .ref-2 .treat-offers{position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;grid-column:1/-1!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:end!important;gap:16px!important;box-sizing:border-box!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0 clamp(30px,6vw,140px) 16px!important;overflow:hidden!important;list-style:none!important;background:#fffaf2 url("assets/brand/benefits-banner-20261009.webp") center center/100% 100% no-repeat!important;color:#173d38!important}
 #hero-feedback .ref-2 .treat-offers li{display:flex!important;align-items:center!important;justify-content:flex-end!important;min-width:0!important;max-width:none!important;height:100%!important;text-align:center!important}
 #hero-feedback .ref-2 .treat-offers li>span{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:0!important;padding-top:57%!important;text-align:center!important;text-wrap:balance!important}
 #hero-feedback .ref-2 .treat-offers strong{font-size:max(16px,clamp(23px,1.8vw,38px))!important;line-height:1.2!important;font-weight:750!important;color:#173d38!important}
 #hero-feedback .ref-2 .treat-offers small{font-size:max(16px,clamp(20px,1.6vw,34px))!important;line-height:1.3!important;font-weight:450!important;color:#52615e!important}
 #hero-feedback .ref-2 .hero-delivery-arrow{left:12%!important;top:9%!important;width:6cqw!important;height:8.2cqw!important}
}
#hero-feedback .ref-2 .reference-bundle .bundle-paw-icon{display:block!important;flex:none!important;width:clamp(40px,3.3vw,64px)!important;height:clamp(40px,3.3vw,64px)!important;color:#111!important}
#hero-feedback .ref-2 .reference-bundle .hero-action-main{gap:4px!important;translate:none!important;text-align:center!important}
#hero-feedback .ref-2 .reference-bundle .hero-action-main>strong,#hero-feedback .ref-2 .reference-bundle .hero-action-main>small{margin:0!important;translate:none!important;transform:none!important}
@media(max-width:1200px){
 #hero-feedback .ref-2 .hero-layout{display:flex!important;flex-direction:column!important;gap:0!important;height:auto!important;min-height:0!important}
 #hero-feedback .ref-2 .hero-copy{order:1!important;width:100%!important;height:auto!important;padding:28px clamp(20px,5vw,48px)!important}
 #hero-feedback .ref-2 .hero-visual{position:relative!important;inset:auto!important;order:0!important;width:100%!important;height:auto!important;aspect-ratio:1.35!important;min-height:0!important}
 #hero-feedback .ref-2 .hero-visual .reference-art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
 #hero-feedback .ref-2 .treat-offers{order:2!important}
 #hero-feedback .ref-2 .treat-offers{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 12px!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:20px clamp(16px,5vw,32px) 34px!important;background:#fffaf2!important}
 #hero-feedback .ref-2 .treat-offers li{position:relative!important;display:flex!important;align-items:flex-start!important;justify-content:flex-end!important;min-height:clamp(160px,19vw,220px)!important;padding-top:86px!important;background-image:url("assets/brand/benefits-banner-20261009.webp")!important;background-repeat:no-repeat!important;background-size:500% auto!important;border-radius:14px!important}
 #hero-feedback .ref-2 .treat-offers li:nth-child(1){background-position:12% 0!important}
 #hero-feedback .ref-2 .treat-offers li:nth-child(2){background-position:35% 0!important}
 #hero-feedback .ref-2 .treat-offers li:nth-child(3){background-position:62% 0!important}
 #hero-feedback .ref-2 .treat-offers li:nth-child(4){background-position:90% 0!important}
 #hero-feedback .ref-2 .treat-offers li>span{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;min-height:0!important;padding:6px 4px 10px!important;background:rgba(255,250,242,.94)!important;text-align:center!important}
 #hero-feedback .ref-2 .treat-offers strong{font-size:max(16px,clamp(15px,2vw,20px))!important;line-height:1.25!important;color:#173d38!important}
 #hero-feedback .ref-2 .treat-offers small{font-size:max(16px,clamp(14px,1.7vw,18px))!important;line-height:1.3!important;color:#52615e!important}
 #hero-feedback .ref-2 .hero-delivery-arrow{left:8%!important;top:12%!important}
 #hero-feedback .ref-2 .reference-bundle .bundle-paw-icon{width:34px!important;height:34px!important}
 #hero-feedback .ref-2 .reference-bundle .hero-action-main{gap:3px!important}
}
@media(max-width:1200px){
 #hero-feedback .ref-2 .treat-offers li{position:relative!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-end!important;min-height:190px!important;padding:132px 0 0!important;overflow:hidden!important;background:#fffaf2!important;border-radius:14px!important}
 #hero-feedback .ref-2 .treat-offers li::before{content:""!important;position:absolute!important;top:0!important;left:0!important;display:block!important;width:100%!important;height:128px!important;background-image:url("assets/brand/benefits-banner-20261009.webp")!important;background-repeat:no-repeat!important;background-size:500% auto!important}
 #hero-feedback .ref-2 .treat-offers li:nth-child(1)::before{background-position:12% 0!important}
 #hero-feedback .ref-2 .treat-offers li:nth-child(2)::before{background-position:35% 0!important}
 #hero-feedback .ref-2 .treat-offers li:nth-child(3)::before{background-position:62% 0!important}
 #hero-feedback .ref-2 .treat-offers li:nth-child(4)::before{background-position:90% 0!important}
 #hero-feedback .ref-2 .treat-offers li>span{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:0!important;margin:0!important;padding:8px 4px 12px!important;background:#fffaf2!important;text-align:center!important}
}

/* Keep second-slide benefits below the actions inside the left slide column. */
@media(min-width:1201px){
 #hero-feedback .showcase-stage:has(.ref-2:not([hidden])){--hero-height:clamp(880px,48vw,1024px)!important}
 #hero-feedback .ref-2 .hero-layout{grid-template-rows:minmax(0,1fr)!important}
 #hero-feedback .ref-2 .hero-copy{grid-column:1!important;grid-row:1!important;gap:clamp(12px,1vw,18px)!important;padding-top:clamp(28px,3vw,56px)!important;padding-bottom:clamp(28px,3vw,56px)!important}
 #hero-feedback .ref-2 .hero-visual{grid-column:2!important;grid-row:1!important}
 #hero-feedback .ref-2 .hero-copy .treat-offers{position:relative!important;inset:auto!important;grid-column:auto!important;grid-row:auto!important;order:5!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:start!important;gap:clamp(8px,1vw,18px)!important;width:100%!important;height:auto!important;min-height:0!important;margin:2px 0 0!important;padding:0!important;overflow:visible!important;list-style:none!important;background:transparent!important;color:#173d38!important}
 #hero-feedback .ref-2 .hero-copy .treat-offers li{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;min-width:0!important;height:auto!important;text-align:center!important;background:none!important}
 #hero-feedback .ref-2 .hero-copy .treat-offers li::before{content:""!important;display:block!important;flex:none!important;width:clamp(48px,4vw,68px)!important;height:clamp(48px,4vw,68px)!important;border-radius:50%!important;background-image:url("assets/brand/benefits-banner-20261009.webp")!important;background-repeat:no-repeat!important;background-size:500% auto!important;box-shadow:0 3px 12px rgba(64,48,20,.12)!important}
 #hero-feedback .ref-2 .hero-copy .treat-offers li:nth-child(1)::before{background-position:12% 0!important}
 #hero-feedback .ref-2 .hero-copy .treat-offers li:nth-child(2)::before{background-position:35% 0!important}
 #hero-feedback .ref-2 .hero-copy .treat-offers li:nth-child(3)::before{background-position:62% 0!important}
 #hero-feedback .ref-2 .hero-copy .treat-offers li:nth-child(4)::before{background-position:90% 0!important}
 #hero-feedback .ref-2 .hero-copy .treat-offers li>span{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-height:0!important;padding:0!important;text-align:center!important;text-wrap:balance!important}
 #hero-feedback .ref-2 .hero-copy .treat-offers strong{font-size:max(16px,clamp(14px,.9vw,18px))!important;line-height:1.25!important;color:#173d38!important}
 #hero-feedback .ref-2 .hero-copy .treat-offers small{font-size:max(16px,clamp(13px,.8vw,16px))!important;line-height:1.3!important;color:#52615e!important}
 #hero-feedback .ref-2 .hero-delivery-arrow{left:44%!important;top:14%!important;width:9cqw!important;height:12cqw!important;color:#fff!important;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))!important}
}
/* Use isolated SVG pictograms instead of crops from the decorative banner. */
#hero-feedback .ref-2 .hero-copy .treat-offers li::before{content:none!important;display:none!important;background:none!important}
#hero-feedback .ref-2 .hero-copy .treat-offers .treat-offer-icon{display:block!important;box-sizing:border-box!important;flex:none!important;width:clamp(48px,4vw,64px)!important;height:clamp(48px,4vw,64px)!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:none!important;stroke-width:1.8!important}
#hero-feedback .ref-2 .hero-copy .treat-offers li{gap:10px!important;background:transparent!important;border:0!important;box-shadow:none!important}
#hero-feedback .ref-2 .hero-copy .treat-offers li>span{gap:4px!important}
#hero-feedback .ref-2 .hero-copy .treat-offers strong{font-size:max(16px,clamp(15px,1vw,18px))!important;font-weight:750!important;line-height:1.3!important;color:#153a34!important;text-shadow:0 1px 2px #fffaf2,0 0 6px #fffaf2,0 0 10px #fffaf2!important}
#hero-feedback .ref-2 .hero-copy .treat-offers small{display:block!important;margin-top:2px!important;font-size:max(16px,clamp(14px,.86vw,16px))!important;font-weight:600!important;line-height:1.4!important;color:#293d37!important;text-shadow:0 1px 2px #fffaf2,0 0 6px #fffaf2,0 0 10px #fffaf2!important}
@media(max-width:1200px){
 #hero-feedback .ref-2 .hero-copy .treat-offers{order:2!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 14px!important;width:100%!important;height:auto!important;min-height:0!important;margin:18px 0 0!important;padding:0!important;background:transparent!important}
 #hero-feedback .ref-2 .hero-copy .treat-offers li{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;min-height:0!important;padding:0!important;overflow:visible!important;text-align:center!important;background:transparent!important;border:0!important;box-shadow:none!important}
 #hero-feedback .ref-2 .hero-copy .treat-offers .treat-offer-icon{width:48px!important;height:48px!important}
 #hero-feedback .ref-2 .hero-copy .treat-offers strong{font-size:max(16px,clamp(15px,2vw,18px))!important}
 #hero-feedback .ref-2 .hero-copy .treat-offers small{font-size:max(16px,clamp(14px,1.8vw,16px))!important}
}
/* Replace the tabletop band on slide two while keeping its left foliage. */
@media(min-width:1201px){
 #hero-feedback .ref-2::after{content:""!important;display:block!important;position:absolute!important;z-index:1!important;left:24%!important;right:47%!important;bottom:0!important;height:10%!important;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,#fff 22%,#fff 100%)!important;pointer-events:none!important}
}
/* A single continuous warm surface on slide two; the product photo remains on the right. */
#hero-feedback .ref-2{background:#fffaf2!important;background-image:none!important}
#hero-feedback .ref-2::before,#hero-feedback .ref-2::after{content:none!important;display:none!important;background:none!important}

/* Replace slide two's plain backdrop with the supplied continuous tabletop scene. */
#hero-feedback .ref-2{background-color:#f8eee0!important;background-image:url("assets/brand/slide2-scene-20261009.webp")!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}
@media(min-width:901px){#hero-feedback .ref-2 .hero-visual .reference-art{-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 10%,rgba(0,0,0,.72) 24%,#000 34%)!important;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 10%,rgba(0,0,0,.72) 24%,#000 34%)!important}}
/* Keep the carousel still: no automatic switching and no fade-in/out motion. */
#hero-feedback .showcase-slide,#hero-feedback .showcase-slide:not([hidden]) .hero-copy,#hero-feedback .showcase-slide:not([hidden]) .doctor-copy{animation:none!important;transition:none!important}

/* Slide two reproduces the supplied complete reference as one stable, uncut canvas. */
#hero-feedback:has(.ref-2:not([hidden])){position:relative!important;left:50%!important;right:auto!important;width:100vw!important;max-width:none!important;margin-left:-50vw!important;margin-right:0!important;transform:none!important}
#hero-feedback:has(.ref-2:not([hidden])) .showcase-stage{position:relative!important;left:50%!important;width:100vw!important;max-width:none!important;height:auto!important;min-height:0!important;aspect-ratio:1/1!important;margin-left:-50vw!important;margin-right:0!important;overflow:visible!important}
#hero-feedback .ref-2{width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;aspect-ratio:1/1!important;background:transparent!important;overflow:hidden!important;animation:none!important;transition:none!important}
#hero-feedback .ref2-exact-art{position:relative!important;width:100%!important;height:100%!important;aspect-ratio:1/1!important;overflow:hidden!important}
#hero-feedback .ref2-exact-art>img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;object-fit:contain!important;object-position:center!important}
#hero-feedback .ref2-hotspot{position:absolute!important;z-index:2!important;display:block!important;min-width:44px!important;min-height:44px!important;border:0!important;border-radius:999px!important;background:transparent!important;opacity:1!important}
#hero-feedback .ref2-hotspot:focus-visible{outline:3px solid #153a34!important;outline-offset:3px!important}
#hero-feedback .ref2-hotspot-bundle{left:11%!important;top:51.6%!important;width:48.3%!important;height:9.7%!important}
#hero-feedback .ref2-hotspot-catalog{left:60.2%!important;top:51.6%!important;width:29.8%!important;height:9.7%!important}
#hero-feedback:has(.ref-2:not([hidden])) .showcase-arrow{display:none!important}
body:has(#hero-feedback .ref-2:not([hidden])) .care-guide{display:none!important}
#hero-feedback .ref-2 *,#hero-feedback .ref-2{animation:none!important;transition:none!important}
#hero-feedback .showcase-slide{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}
#hero-feedback .showcase-slide[hidden]{display:none!important}
@media(max-width:900px){#hero-feedback:has(.ref-2:not([hidden])) .showcase-stage{width:100vw!important;max-width:none!important;height:auto!important;min-height:0!important;aspect-ratio:1/1!important;margin:0!important}#hero-feedback .ref-2{width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:1/1!important}#hero-feedback .ref2-exact-art{width:100%!important;height:100%!important;aspect-ratio:1/1!important}#hero-feedback .ref2-hotspot-bundle{left:11%!important;top:51.6%!important;width:48.3%!important;height:9.7%!important}#hero-feedback .ref2-hotspot-catalog{left:60.2%!important;top:51.6%!important;width:29.8%!important;height:9.7%!important}}


/* Final viewport breakout must override fixed desktop stage sizing. */
@media(min-width:901px){#hero-feedback:has(.ref-2:not([hidden])) .showcase-stage{height:auto!important;min-height:0!important;aspect-ratio:1/1!important}}

/* Keep the product photo and delivery offer on the right; replace only the left panel. */
#hero-feedback:has(.ref-2:not([hidden])){left:auto!important;width:100%!important;max-width:none!important;margin:0!important}
#hero-feedback:has(.ref-2:not([hidden])) .showcase-stage{position:relative!important;left:auto!important;width:100%!important;max-width:1800px!important;height:clamp(700px,46vw,860px)!important;min-height:0!important;aspect-ratio:auto!important;margin:0 auto!important;overflow:hidden!important}
#hero-feedback .ref-2{position:relative!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;aspect-ratio:auto!important;overflow:hidden!important;background:#fffaf2!important}
#hero-feedback .ref2-split-layout{position:relative!important;display:grid!important;grid-template-columns:53% 47%!important;gap:0!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important}
#hero-feedback .ref2-left-panel{position:relative!important;grid-column:1!important;grid-row:1!important;width:100%!important;height:100%!important;min-width:0!important;overflow:hidden!important;background:#fffaf2!important}
#hero-feedback .ref2-left-panel>img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;object-fit:cover!important;object-position:center 50%!important}
#hero-feedback .ref2-right-panel{position:relative!important;grid-column:2!important;grid-row:1!important;inset:auto!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;overflow:hidden!important;border-radius:0!important;background:#392b20!important}
#hero-feedback .ref2-right-panel>.reference-art{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;object-fit:cover!important;object-position:center!important;-webkit-mask-image:none!important;mask-image:none!important}
#hero-feedback .ref2-right-panel .hero-delivery{position:absolute!important;z-index:2!important;top:3.2cqw!important;right:3.2cqw!important;display:flex!important;align-items:center!important;gap:.9cqw!important;width:24.5cqw!important;min-height:6.1cqw!important;padding:.65cqw 1cqw!important;border:0!important;border-radius:1.25cqw!important;background:#ffc515!important;color:#111!important;box-shadow:0 .3cqw 1cqw #67400020!important}
#hero-feedback .ref2-right-panel .hero-delivery__truck{display:block!important;flex:none!important;width:3.15cqw!important;height:auto!important;color:#111!important}
#hero-feedback .ref2-right-panel .hero-delivery__truck svg{display:block!important;width:100%!important;height:auto!important}
#hero-feedback .ref2-right-panel .hero-delivery strong{display:block!important;font-size:max(16px,1.2cqw)!important;line-height:1.08!important;font-weight:800!important}
#hero-feedback .ref2-right-panel .hero-delivery small{display:block!important;margin-top:.24cqw!important;font-size:max(16px,.8cqw)!important;line-height:1.2!important}
#hero-feedback .ref2-right-panel .hero-delivery-arrow{display:block!important;position:absolute!important;z-index:2!important;left:30%!important;top:24%!important;width:14%!important;height:24%!important;color:#fff!important;overflow:visible!important;pointer-events:none!important;filter:drop-shadow(0 1px 2px rgba(35,24,13,.42))!important}
#hero-feedback .ref2-hotspot-bundle{left:11%!important;top:56.5%!important;width:48.3%!important;height:11%!important}
#hero-feedback .ref2-hotspot-catalog{left:60.2%!important;top:56.7%!important;width:29.8%!important;height:11%!important}
#hero-feedback:has(.ref-2:not([hidden])) .showcase-arrow{display:none!important}
body:has(#hero-feedback .ref-2:not([hidden])) .care-guide{display:none!important}
#hero-feedback .ref-2,#hero-feedback .ref-2 *{animation:none!important;transition:none!important}
@media(max-width:900px){
 #hero-feedback:has(.ref-2:not([hidden])) .showcase-stage{height:auto!important;min-height:0!important;aspect-ratio:auto!important}
 #hero-feedback .ref2-split-layout{display:flex!important;flex-direction:column!important;height:auto!important}
 #hero-feedback .ref2-left-panel{height:auto!important;aspect-ratio:1/1!important;flex:none!important}
 #hero-feedback .ref2-left-panel>img{position:absolute!important;inset:0!important}
 #hero-feedback .ref2-right-panel{height:auto!important;aspect-ratio:799/620!important;flex:none!important}
 #hero-feedback .ref2-right-panel .hero-delivery{top:3%!important;right:3%!important;width:min(62%,300px)!important;min-height:55px!important;padding:8px 10px!important;gap:10px!important;border-radius:12px!important}
 #hero-feedback .ref2-right-panel .hero-delivery__truck{width:34px!important;height:30px!important}
 #hero-feedback .ref2-right-panel .hero-delivery strong{font-size:max(16px,13px)!important}
 #hero-feedback .ref2-right-panel .hero-delivery small{font-size:max(16px,10px)!important;margin-top:3px!important}
 #hero-feedback .ref2-right-panel .hero-delivery-arrow{left:30%!important;top:24%!important;width:14%!important;height:24%!important}
 #hero-feedback .ref2-hotspot-bundle{top:56.5%!important;height:11%!important}
 #hero-feedback .ref2-hotspot-catalog{top:56.7%!important;height:11%!important}
}

/* Slide 2 left half is composed from live text, links and SVGs; the supplied
   screenshot is a visual guide only. Keep the product photo/right offer intact. */
#hero-feedback .ref2-left-panel{container-type:inline-size!important;background-color:#f7eddf!important;background-image:url("assets/brand/slide2-scene-20261009.webp")!important;background-repeat:no-repeat!important;background-position:left center!important;background-size:auto 100%!important}
#hero-feedback .ref2-left-panel>img{display:none!important}
#hero-feedback .ref2-left-copy{position:absolute!important;inset:0!important;color:#143c36!important;font-family:inherit!important;text-align:center!important}
#hero-feedback .ref2-eyebrow{position:absolute!important;top:5.6%!important;left:4%!important;right:4%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:1.35cqw!important;margin:0!important;color:#378c3d!important;font-size:max(16px,clamp(13px,1.8cqw,18px))!important;font-weight:600!important;line-height:1.35!important;letter-spacing:.115em!important;white-space:nowrap!important}
#hero-feedback .ref2-eyebrow svg{display:block!important;flex:none!important;width:3.5cqw!important;height:3.5cqw!important;max-width:34px!important;max-height:34px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
#hero-feedback .ref2-title{position:absolute!important;top:12.2%!important;left:3%!important;right:3%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.015em!important;width:94%!important;max-width:none!important;margin:0 auto!important;color:#123c36!important;font-size:max(16px,clamp(42px,8.1cqw,78px))!important;font-weight:850!important;line-height:1.01!important;letter-spacing:-.045em!important;text-align:center!important;text-wrap:balance!important}
#hero-feedback .ref2-title>span{display:block!important}
#hero-feedback .ref2-title-accent{color:#e59a00!important}
#hero-feedback .ref2-title-last{display:flex!important;align-items:center!important;justify-content:center!important;gap:1.1cqw!important;white-space:nowrap!important}
#hero-feedback .ref2-title-last svg{display:block!important;flex:none!important;width:5cqw!important;height:5cqw!important;max-width:48px!important;max-height:48px!important;overflow:visible!important;fill:none!important;stroke:#ef4d2d!important;stroke-width:3.2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
#hero-feedback .ref2-title-last .ref2-heart-ray{stroke:#f5aa00!important;stroke-width:2!important}
#hero-feedback .ref2-lead{position:absolute!important;top:44.8%!important;left:5%!important;width:90%!important;margin:0!important;color:#586761!important;font-size:max(16px,clamp(17px,2.45cqw,25px))!important;font-weight:400!important;line-height:1.55!important;text-align:center!important;text-wrap:balance!important}
#hero-feedback .ref2-lead span{display:block!important}
#hero-feedback .ref2-actions{position:absolute!important;top:56.7%!important;left:5.5%!important;display:flex!important;align-items:stretch!important;justify-content:center!important;gap:1.35%!important;width:89%!important;height:11%!important;max-height:98px!important}
#hero-feedback .ref2-primary,#hero-feedback .ref2-secondary{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:44px!important;height:100%!important;border-radius:999px!important;text-decoration:none!important;color:#10120f!important;font-weight:700!important;line-height:1.18!important}
#hero-feedback .ref2-primary{flex:1.48 1 0!important;gap:2.1cqw!important;padding:1.3cqw 2.25cqw!important;background:#ffc515!important;box-shadow:0 .55cqw 1.35cqw rgba(118,76,0,.15)!important}
#hero-feedback .ref2-primary>svg{display:block!important;flex:none!important;width:4.8cqw!important;height:4.8cqw!important;max-width:48px!important;max-height:48px!important;fill:none!important;stroke:#111!important;stroke-width:2.45!important;stroke-linecap:round!important;stroke-linejoin:round!important}
#hero-feedback .ref2-primary>span{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:flex-start!important;min-width:0!important;gap:.3cqw!important;text-align:left!important}
#hero-feedback .ref2-primary strong{display:block!important;font-size:max(16px,clamp(15px,2.4cqw,24px))!important;font-weight:800!important;white-space:nowrap!important}
#hero-feedback .ref2-primary small{display:block!important;font-size:max(16px,clamp(10px,1.55cqw,16px))!important;font-weight:500!important;white-space:nowrap!important}
#hero-feedback .ref2-primary i,#hero-feedback .ref2-secondary i{display:block!important;flex:none!important;font-style:normal!important;font-size:max(16px,3.5cqw)!important;font-weight:400!important;line-height:1!important}
#hero-feedback .ref2-secondary{flex:.96 1 0!important;gap:1.8cqw!important;padding:1.2cqw 1.9cqw!important;border:1px solid #667b72!important;background:rgba(255,253,249,.92)!important;color:#153d37!important}
#hero-feedback .ref2-secondary strong{font-size:max(16px,clamp(15px,2.35cqw,23px))!important;font-weight:750!important;white-space:nowrap!important}
#hero-feedback .ref2-secondary i{font-size:max(16px,3.2cqw)!important}
#hero-feedback .ref2-primary:focus-visible,#hero-feedback .ref2-secondary:focus-visible{outline:3px solid #153d37!important;outline-offset:4px!important}
#hero-feedback .ref2-offers{position:absolute!important;top:75.2%!important;left:4%!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:start!important;gap:1%!important;width:92%!important;margin:0!important;padding:0!important;list-style:none!important;color:#123d37!important}
#hero-feedback .ref2-offers li{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:.45cqw!important;min-width:0!important;margin:0!important;padding:0!important;text-align:center!important}
#hero-feedback .ref2-offers svg{display:block!important;flex:none!important;width:4.7cqw!important;height:4.7cqw!important;max-width:46px!important;max-height:46px!important;fill:none!important;stroke-width:2.4!important;stroke-linecap:round!important;stroke-linejoin:round!important}
#hero-feedback .ref2-offer-leaf{fill:#a7d56f!important;stroke:#397a37!important}
#hero-feedback .ref2-offer-leaf path:last-child{fill:none!important;stroke:#397a37!important;stroke-width:2!important}
#hero-feedback .ref2-offer-meat{stroke:#914631!important;fill:#e98666!important}
#hero-feedback .ref2-offer-meat path:nth-child(2){fill:#f6b89d!important;stroke:#fff0e5!important;stroke-width:1.8!important}
#hero-feedback .ref2-offer-meat path:last-child{fill:none!important;stroke:#fff7ee!important;stroke-width:1.7!important}
#hero-feedback .ref2-offer-shield{fill:#e8f2d9!important;stroke:#43843a!important}
#hero-feedback .ref2-offer-shield path:last-child{fill:none!important;stroke-width:3.3!important}
#hero-feedback .ref2-offer-paw{fill:#ffc94a!important;stroke:#a66a05!important}
#hero-feedback .ref2-offers strong{display:block!important;color:#143d37!important;font-size:max(16px,clamp(12px,1.65cqw,17px))!important;font-weight:780!important;line-height:1.24!important;text-wrap:balance!important}
#hero-feedback .ref2-offers small{display:block!important;color:#435952!important;font-size:max(16px,clamp(11px,1.5cqw,15px))!important;font-weight:450!important;line-height:1.3!important;text-wrap:balance!important}
/* Final alignment pass against the requested composition. */
#hero-feedback .ref2-left-panel{background-image:linear-gradient(rgba(255,250,242,.12),rgba(255,250,242,.12)),url("assets/brand/slide2-scene-20261009.webp")!important}
#hero-feedback .ref2-eyebrow{top:11%!important}
#hero-feedback .ref2-title{top:19%!important;font-size:max(16px,clamp(42px,7.7cqw,76px))!important}
#hero-feedback .ref2-title-last{width:max-content!important;max-width:100%!important;flex-direction:row!important;flex-wrap:nowrap!important;white-space:nowrap!important}
#hero-feedback .ref2-title-last svg{position:static!important;align-self:center!important}
#hero-feedback .ref2-title-last{position:static!important}
#hero-feedback .ref2-title-last svg{position:absolute!important;top:84%!important;right:13%!important;transform:translateY(-50%)!important}
#hero-feedback .ref2-lead{top:46.5%!important}
#hero-feedback .ref2-actions{left:10.5%!important;width:79%!important}
#hero-feedback .ref2-offers{top:68%!important}
#hero-feedback .ref2-offers svg{width:5.4cqw!important;height:5.4cqw!important;max-width:52px!important;max-height:52px!important}
#hero-feedback .ref2-offers strong,#hero-feedback .ref2-offers small{text-shadow:0 1px 4px rgba(255,250,242,.85)!important}
@media(max-width:900px){
 #hero-feedback .ref2-left-panel{background-size:auto 100%!important}
 #hero-feedback .ref2-eyebrow{top:5%!important;font-size:max(16px,clamp(10px,2.5cqw,16px))!important;letter-spacing:.075em!important;gap:1cqw!important}
 #hero-feedback .ref2-eyebrow svg{width:5.2cqw!important;height:5.2cqw!important}
 #hero-feedback .ref2-title{top:12%!important;font-size:max(16px,clamp(32px,8.1cqw,58px))!important}
 #hero-feedback .ref2-title-last svg{width:5.4cqw!important;height:5.4cqw!important}
 #hero-feedback .ref2-lead{top:44%!important;font-size:max(16px,clamp(14px,2.55cqw,19px))!important;line-height:1.42!important}
 #hero-feedback .ref2-actions{top:56%!important;left:4%!important;width:92%!important;height:11%!important;gap:1%!important}
 #hero-feedback .ref2-primary{gap:1.2cqw!important;padding:1cqw 1.5cqw!important}
 #hero-feedback .ref2-primary>svg{width:6.5cqw!important;height:6.5cqw!important}
 #hero-feedback .ref2-primary strong,#hero-feedback .ref2-secondary strong{font-size:max(16px,clamp(11px,2.2cqw,16px))!important}
 #hero-feedback .ref2-primary small{font-size:max(16px,clamp(9px,1.55cqw,12px))!important}
 #hero-feedback .ref2-primary i,#hero-feedback .ref2-secondary i{font-size:max(16px,4.8cqw)!important}
 #hero-feedback .ref2-secondary{gap:1cqw!important;padding:1cqw!important}
 #hero-feedback .ref2-offers{top:72%!important;left:2%!important;width:96%!important;gap:.4%!important}
 #hero-feedback .ref2-offers li{gap:1cqw!important}
 #hero-feedback .ref2-offers svg{width:7.5cqw!important;height:7.5cqw!important}
 #hero-feedback .ref2-offers strong{font-size:max(16px,clamp(9px,1.9cqw,13px))!important;line-height:1.15!important}
 #hero-feedback .ref2-offers small{font-size:max(16px,clamp(9px,1.75cqw,12px))!important;line-height:1.18!important}
}

/* Match slide 2 background and outer canvas to slide 1. */
#hero-feedback .ref-2{background-color:#f7eee2!important;background-image:url("assets/brand/slide2-scene-user-20261009.webp")!important;background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important}
#hero-feedback .ref2-left-panel{background:transparent!important;background-image:none!important}
@media(min-width:901px){
 #hero-feedback:has(.ref-2:not([hidden])) .showcase-stage{position:relative!important;left:50%!important;transform:none!important;width:100vw!important;max-width:none!important;height:auto!important;min-height:0!important;aspect-ratio:2048/817!important;margin:0 0 0 -50vw!important}
 #hero-feedback .ref-2{height:100%!important;min-height:0!important}
}

/* Reveal the supplied scene through the right product cutout and point the arrow at the pack. */
#hero-feedback .ref2-right-panel{background:transparent!important}
#hero-feedback .ref2-right-panel>.reference-art{object-fit:cover!important;-webkit-mask-image:none!important;mask-image:none!important}
#hero-feedback .ref2-right-panel .hero-delivery-arrow{left:30%!important;top:21%!important;width:22%!important;height:20%!important;overflow:visible!important;color:#fff!important;filter:drop-shadow(0 1px 3px rgba(28,19,12,.62))!important}
#hero-feedback .ref2-right-panel .hero-delivery-arrow path{stroke-width:5!important}

/* Let every pack use the full photo frame without cropping labels or package edges. */

/* Keep slide changes instant and refine the arrow, food image, and copy contrast. */
#hero-feedback .showcase-slide:not([hidden]){animation:none!important;opacity:1!important;transform:none!important}
#hero-feedback .ref2-right-panel .hero-delivery-arrow{left:29.2%!important;top:22.2%!important;width:22%!important;height:20%!important;filter:drop-shadow(0 1px 3px rgba(28,19,12,.62))!important}
#hero-feedback .ref2-right-panel .hero-delivery-arrow path{stroke-width:4.6!important;stroke-linecap:round!important;stroke-linejoin:round!important}
#hero-feedback .ref2-lead{color:#46574e!important;text-shadow:0 1px 2px rgba(255,250,242,.52)!important}
#hero-feedback .ref2-right-panel>.reference-art{filter:brightness(1.035) contrast(1.015) saturate(1.02) drop-shadow(0 3px 7px rgba(43,29,16,.14))!important}

body .product.with-photo .product-image .product-photo.real-product img,body .product.with-photo:hover .product-image .product-photo.real-product img,body .feed-product .product-photo.real-product img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;padding:0!important;object-fit:contain!important;object-position:center!important;transform:none!important;scale:1!important}

/* Rebuild slide two as one scene, with live copy and a compact hand-drawn arrow. */
#hero-feedback .ref-2{
 background:#f8eee0 url("assets/brand/slide2-scene-user-20261009.webp") center/cover no-repeat!important;
}
#hero-feedback .ref2-split-layout{grid-template-columns:53% 47%!important}
#hero-feedback .ref2-left-panel{z-index:3!important;background:transparent!important;background-image:none!important}
#hero-feedback .ref2-left-copy{z-index:4!important}
#hero-feedback .ref2-right-panel{z-index:2!important;overflow:visible!important;background:transparent!important}
#hero-feedback .ref-2{background:#f8eee0 url("assets/brand/slide2-scene-user-20261009.webp") center/100% 100% no-repeat!important}
#hero-feedback .ref2-right-panel>.reference-art{
 left:47%!important;right:auto!important;top:-36.8%!important;bottom:auto!important;width:55%!important;height:148.5%!important;
 object-fit:fill!important;object-position:center center!important;max-width:none!important;max-height:none!important;
 filter:brightness(1.015) contrast(1.01) saturate(1.01)!important;pointer-events:none!important;
}
#hero-feedback .ref2-right-panel{position:absolute!important;inset:0!important;grid-column:1 / -1!important;grid-row:1!important;justify-self:stretch!important;align-self:stretch!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important;pointer-events:none!important}
#hero-feedback .ref2-right-panel .hero-delivery{top:4%!important;right:5.5%!important;width:22.5cqw!important;min-height:6.25cqw!important;padding:.72cqw 1cqw!important;gap:.8cqw!important;border-radius:1.25cqw!important}
#hero-feedback .ref2-right-panel .hero-delivery__truck{width:3.9cqw!important;height:3.2cqw!important;flex:none!important}
#hero-feedback .ref2-right-panel .hero-delivery strong{font-size:max(16px,1.32cqw)!important;line-height:1.06!important}
#hero-feedback .ref2-right-panel .hero-delivery small{margin-top:.28cqw!important;font-size:max(16px,.82cqw)!important}
#hero-feedback .ref2-right-panel .hero-delivery-arrow{
 left:68.4%!important;top:9.5%!important;width:5%!important;height:14.5%!important;
 color:#fff!important;filter:drop-shadow(0 1px 2px rgba(35,24,13,.5))!important;
}
#hero-feedback .ref2-right-panel .hero-delivery-arrow path{stroke-width:4.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
#hero-feedback .ref2-eyebrow{top:4.5%!important}
#hero-feedback .ref2-title{top:8.7%!important;font-size:max(16px,clamp(42px,7.7cqw,76px))!important}
#hero-feedback .ref2-lead{top:32.5%!important;color:#40564e!important;text-shadow:0 1px 2px rgba(255,250,242,.55)!important}
#hero-feedback .ref2-actions{top:41.5%!important;left:5.5%!important;width:89%!important;height:8.2%!important;max-height:98px!important}
#hero-feedback .ref2-offers{top:50%!important;left:4%!important;width:92%!important}
#hero-feedback .ref2-offers li{position:relative!important;gap:.45cqw!important}
#hero-feedback .ref2-offers li:not(:last-child)::after{content:""!important;position:absolute!important;top:6.7cqw!important;right:-.55cqw!important;width:1px!important;height:8cqw!important;background:rgba(201,139,92,.55)!important}
#hero-feedback .ref2-offers svg{width:6.6cqw!important;height:6.6cqw!important;max-width:76px!important;max-height:76px!important;filter:drop-shadow(0 2px 2px rgba(67,44,21,.12))!important}
#hero-feedback .ref2-offers strong,#hero-feedback .ref2-offers small{text-shadow:0 1px 3px rgba(255,250,242,.8)!important}
#hero-feedback .ref2-lead{font-size:max(16px,clamp(17px,1.9cqw,25px))!important;line-height:1.5!important}
#hero-feedback .ref2-actions{left:8.4%!important}
#hero-feedback .ref2-primary strong,#hero-feedback .ref2-secondary strong{font-size:max(16px,clamp(15px,2cqw,22px))!important}
#hero-feedback .ref2-primary small{font-size:max(16px,clamp(10px,1.25cqw,15px))!important}
#hero-feedback .ref2-primary i,#hero-feedback .ref2-secondary i{font-size:max(16px,2.8cqw)!important}
#hero-feedback .ref2-offers .ref2-offer-image{display:block!important;flex:none!important;width:12cqw!important;height:10cqw!important;max-width:116px!important;max-height:96px!important;object-fit:contain!important;filter:drop-shadow(0 3px 4px rgba(67,44,21,.16))!important}
#hero-feedback .ref2-right-panel .ref2-note{position:absolute!important;z-index:2!important;top:13%!important;left:51%!important;width:19%!important;margin:0!important;color:#142f28!important;font-family:"Segoe Print","Comic Sans MS",cursive!important;font-size:max(16px,1.7cqw)!important;font-style:italic!important;font-weight:600!important;line-height:1.18!important;letter-spacing:.01em!important;transform:rotate(-7deg)!important;text-shadow:0 1px 2px rgba(255,248,233,.42)!important}
#hero-feedback .ref2-right-panel .ref2-note span{position:absolute!important;top:0!important;right:8%!important;color:#f4a900!important;font-size:max(16px,1.5em)!important;line-height:1!important}
#hero-feedback .ref2-right-panel .ref2-note-arrow{position:absolute!important;z-index:2!important;left:55%!important;top:24.5%!important;width:6%!important;height:10%!important;overflow:visible!important;color:#f1a900!important;filter:drop-shadow(0 1px 1px rgba(255,248,233,.55))!important;pointer-events:none!important}
#hero-feedback .ref2-right-panel .ref2-note-arrow path{stroke-width:4.5!important}
@media(max-width:900px){
 #hero-feedback .ref-2{background:url("assets/brand/slide2-scene-user-20261009.webp") center/cover no-repeat!important}
 #hero-feedback .ref2-left-panel{background:transparent!important;background-image:none!important}
 #hero-feedback .ref2-right-panel{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:799/620!important;overflow:hidden!important;pointer-events:auto!important}
 #hero-feedback .ref2-right-panel>.reference-art{left:7%!important;top:-28%!important;bottom:auto!important;width:92%!important;height:156%!important;object-fit:fill!important;object-position:center center!important}
 #hero-feedback .ref2-right-panel .hero-delivery{right:3%!important}
 #hero-feedback .ref2-right-panel .hero-delivery-arrow{left:30%!important;top:24%!important;width:14%!important;height:24%!important}
 #hero-feedback .ref2-right-panel .ref2-note,#hero-feedback .ref2-right-panel .ref2-note-arrow{display:none!important}
 #hero-feedback .ref2-right-panel .ref2-note,#hero-feedback .ref2-right-panel .ref2-note-arrow{display:none!important}
 #hero-feedback .ref2-right-panel .hero-delivery{top:3%!important;right:3%!important;width:min(62%,300px)!important;min-height:55px!important;padding:8px 10px!important;gap:10px!important;border-radius:12px!important}
 #hero-feedback .ref2-right-panel .hero-delivery strong{font-size:max(16px,13px)!important}
 #hero-feedback .ref2-right-panel .hero-delivery small{margin-top:3px!important;font-size:max(16px,10px)!important}
 #hero-feedback .ref2-right-panel .hero-delivery-arrow{left:calc(18% - 2cm)!important;top:12%!important;width:12%!important;height:16%!important}
 #hero-feedback .ref2-eyebrow{top:5%!important}
 #hero-feedback .ref2-title{top:12%!important}
 #hero-feedback .ref2-lead{top:44%!important}
 #hero-feedback .ref2-actions{top:56%!important;left:4%!important;width:92%!important;height:11%!important}
 #hero-feedback .ref2-offers{top:72%!important;left:2%!important;width:96%!important}
 #hero-feedback .ref2-offers li:not(:last-child)::after{display:none!important}
 #hero-feedback .ref2-offers .ref2-offer-image{width:14cqw!important;height:12cqw!important;max-width:80px!important;max-height:72px!important}
}
@media(min-width:901px){
 #hero-feedback:has(.ref-2:not([hidden])) .showcase-stage{aspect-ratio:2022/778!important}
 #hero-feedback .ref2-eyebrow{top:3%!important;left:7%!important;right:1%!important;font-size:max(16px,clamp(13px,1.6cqw,16px))!important;letter-spacing:.09em!important;gap:.85cqw!important}
 #hero-feedback .ref2-lead{top:35.2%!important;left:10.5%!important;width:90%!important}
 #hero-feedback .ref2-actions{top:42.2%!important;left:11.5%!important;width:89%!important}
 #hero-feedback .ref2-offers{top:53.5%!important;left:9%!important;width:90%!important}
 #hero-feedback .ref2-offer-image{height:8.8cqw!important;max-height:84px!important;object-fit:fill!important;margin-bottom:1.2cqw!important}
 #hero-feedback .ref2-offers li{gap:1.2cqw!important}
 #hero-feedback .ref2-offers .ref2-offer-leaf{width:14.5cqw!important;max-width:160px!important}
 #hero-feedback .ref2-offers .ref2-offer-meat{width:15.5cqw!important;max-width:165px!important}
 #hero-feedback .ref2-offers .ref2-offer-shield{width:9.8cqw!important;max-width:110px!important}
 #hero-feedback .ref2-offers .ref2-offer-paw{width:13.5cqw!important;max-width:145px!important}
 #hero-feedback .ref2-right-panel>.reference-art{top:-35.8%!important;height:152%!important}
 #hero-feedback .ref2-right-panel .hero-delivery-arrow{top:12.5%!important}
 #hero-feedback .ref2-right-panel .ref2-note{left:52%!important;transform:rotate(-7deg) scale(.78,1.12)!important;transform-origin:left center!important}
 #hero-feedback .ref2-right-panel .ref2-note span{left:62%!important;right:auto!important}
}
@media(min-width:901px){
 #hero-feedback:has(.ref-2:not([hidden])) .showcase-stage{aspect-ratio:2022/778!important}
 #hero-feedback .ref-2,#hero-feedback .ref-2 *{animation:none!important;transition:none!important}
 #hero-feedback .ref2-eyebrow{top:3%!important;left:5%!important;right:3%!important;font-size:max(16px,clamp(13px,1.6cqw,16px))!important;letter-spacing:.075em!important;gap:.85cqw!important}
 #hero-feedback .ref2-lead{top:32.5%!important;left:10.5%!important;width:90%!important}
 #hero-feedback .ref2-actions{top:42.2%!important;left:11.5%!important;width:89%!important}
 #hero-feedback .ref2-offers{top:49%!important;left:9%!important;width:90%!important}
 #hero-feedback .ref2-offers li{gap:.7cqw!important}
 #hero-feedback .ref2-offers .ref2-offer-image{height:8.3cqw!important;max-height:78px!important;margin:0!important;object-fit:fill!important;transform:translateY(.7cqw)!important}
 #hero-feedback .ref2-offers .ref2-offer-leaf{width:14.5cqw!important;max-width:160px!important}
 #hero-feedback .ref2-offers .ref2-offer-meat{width:15.5cqw!important;max-width:165px!important}
 #hero-feedback .ref2-offers .ref2-offer-shield{width:9.8cqw!important;max-width:110px!important}
 #hero-feedback .ref2-offers .ref2-offer-paw{width:13.5cqw!important;max-width:145px!important}
 #hero-feedback .ref2-title{top:8%!important;font-size:max(16px,clamp(42px,8.7cqw,86px))!important;line-height:.9!important;transform:translateX(3cqw)!important}
 #hero-feedback .ref2-title>span:first-child{transform:translateX(0)!important}
 #hero-feedback .ref2-title-accent{transform:translateX(-4.7cqw)!important}
 #hero-feedback .ref2-title-last{transform:translateX(2.2cqw)!important}
 #hero-feedback .ref2-title-last svg{transform:translateX(-6cqw) translateY(-50%)!important}
 #hero-feedback .ref2-right-panel>.reference-art{top:-36.6%!important;height:148.5%!important}
 #hero-feedback .ref2-right-panel .hero-delivery-arrow{top:9.5%!important}
 #hero-feedback .ref2-right-panel .ref2-note{left:52%!important;transform:rotate(-7deg) scale(.78,1.12)!important;transform-origin:left center!important}
 #hero-feedback .ref2-right-panel .ref2-note span{left:62%!important;right:auto!important}
}
@media(min-width:901px){
 #hero-feedback .ref2-lead{top:33.3%!important}
 #hero-feedback .ref2-offers{top:50.5%!important}
 #hero-feedback .ref2-offers li{gap:0!important}
 #hero-feedback .ref2-offers .ref2-offer-image{height:11cqw!important;max-height:106px!important;transform:translateY(1cqw)!important}
 #hero-feedback .ref2-offers .ref2-offer-leaf{width:16cqw!important;max-width:175px!important}
 #hero-feedback .ref2-offers .ref2-offer-meat{width:15.5cqw!important;max-width:170px!important}
 #hero-feedback .ref2-offers .ref2-offer-shield{width:12.8cqw!important;max-width:135px!important;transform:translateY(1cqw) scaleY(1.08)!important}
 #hero-feedback .ref2-offers .ref2-offer-paw{width:15cqw!important;max-width:165px!important}
 #hero-feedback .ref2-offers li:not(:last-child)::after{top:6.9cqw!important;height:9.7cqw!important}
 #hero-feedback .ref2-title-last svg{transform:translateX(2cqw) translateY(-50%)!important}
 #hero-feedback .ref2-right-panel .ref2-note{top:16.6%!important}
 #hero-feedback .ref2-right-panel .ref2-note-arrow{top:22.7%!important}
 #hero-feedback .ref2-right-panel .hero-delivery-arrow{top:7.7%!important;width:4.5%!important;height:13cqw!important}
}
@media(min-width:901px){
 #hero-feedback .ref2-title-last svg{top:-5.2cqw!important;right:13%!important}
 #hero-feedback .ref2-right-panel>.reference-art{top:-36.2%!important}
 #hero-feedback .ref2-right-panel .ref2-note{top:15.5%!important}
 #hero-feedback .ref2-right-panel .hero-delivery-arrow{left:69.1%!important;top:3.9%!important;height:13.7cqw!important}
}
/* First-slide reference: copy and benefits only. */
#hero-feedback .ref-1 .first-reference-benefits img{display:block;width:100%;height:clamp(84px,7vw,150px);object-fit:contain;margin:0;flex:none}
#hero-feedback .ref-1 .first-reference-benefits li{gap:0!important}
#hero-feedback .ref-1 .first-reference-benefits li:not(:last-child)::after{content:'';position:absolute;right:-10px;top:20%;height:70%;width:1px;background:#d9d7d3}
#hero-feedback .ref-1 .first-reference-benefits strong{font-weight:850!important;color:#222a29}
#hero-feedback .ref-1 .first-reference-benefits small{color:#687680;font-weight:600}
#hero-feedback .ref-1 .hero-copy .showcase-eyebrow{display:flex!important;align-items:center;gap:12px;color:#78858c!important;letter-spacing:.2em!important;font-size:max(16px,clamp(10px,.8vw,16px))!important}
#hero-feedback .ref-1 .showcase-eyebrow::before,#hero-feedback .ref-1 .showcase-eyebrow::after{content:'';width:8%;height:1px;background:#8c989e;flex:none}
#hero-feedback .ref-1 .reference-actions .showcase-cta:first-child>span:last-child{display:grid;place-items:center;border-radius:50%;background:#eaa50d40;width:1.9em;height:1.9em}
@media(min-width:901px){
#hero-feedback .ref-1 .hero-copy{padding:32px 2vw!important;gap:18px!important}
#hero-feedback .ref-1 .hero-copy h1{font-size:max(16px,clamp(40px,4.4vw,96px))!important;line-height:.98!important;letter-spacing:-.04em!important}
#hero-feedback .ref-1 .hero-copy .hero-lead{font-size:max(16px,clamp(18px,1.5vw,30px))!important;line-height:1.25!important;color:#697880!important;font-weight:600}
#hero-feedback .ref-1 .hero-copy .reference-actions{gap:14px!important}
#hero-feedback .ref-1 .reference-actions .showcase-cta{min-height:clamp(56px,4.5vw,90px)!important;padding:10px 28px!important;font-size:max(16px,clamp(16px,1.15vw,25px))!important;gap:16px!important}
#hero-feedback .ref-1 .hero-copy .first-reference-benefits{margin:0!important;gap:20px!important}
#hero-feedback .ref-1 .hero-copy .first-reference-benefits li{font-size:max(16px,clamp(15px,1.1vw,24px))!important;line-height:1.15!important}
#hero-feedback .ref-1 .first-reference-benefits strong,#hero-feedback .ref-1 .first-reference-benefits small{line-height:1.15!important}
}
#hero-feedback .ref-1 .first-reference-benefits strong,#hero-feedback .ref-1 .first-reference-benefits small{display:block!important}
@media(min-width:901px){#hero-feedback .ref-1 .hero-copy h1{font-size:max(16px,clamp(32px,3.3vw,76px))!important;line-height:1.08!important}#hero-feedback .ref-1 .hero-copy h1::first-line{font-size:max(16px,1.4em)}}
/* Second slide rebuilt as live elements from the approved offer reference. */
#hero-feedback .ref-2{background:#f4e5cf url('assets/brand/second-offer-background-v1.webp') center/100% 100% no-repeat!important;position:relative!important;color:#092723!important;isolation:isolate;container-type:inline-size}
#hero-feedback .ref-2::before,#hero-feedback .ref-2::after{display:none!important}
#hero-feedback .ref-2 .s2-copy{position:absolute;left:10.7%;top:5.4%;width:38%;height:47%;text-align:left}
#hero-feedback .s2-eyebrow{display:flex;align-items:center;gap:.65cqw;margin:0;color:#658f3c;font-size:max(16px,.91cqw);white-space:nowrap;font-weight:500;line-height:1.4}
#hero-feedback .s2-eyebrow svg{width:1.7cqw;height:1.7cqw;fill:#658f3c;stroke:#f3eddf;stroke-width:1}
#hero-feedback .s2-eyebrow span{display:flex;align-items:center;gap:.4cqw}
#hero-feedback .s2-eyebrow span::before,#hero-feedback .s2-eyebrow span::after{content:'';width:1.6cqw;height:1px;background:#759746}
#hero-feedback .s2-heading{position:absolute;top:12%;left:0;width:100%;margin:0;font-size:max(16px,4.4cqw);line-height:.89;letter-spacing:-.045em;font-weight:850;text-wrap:nowrap;color:#002823}
#hero-feedback .s2-heading em{display:inline-block;font-style:normal;color:#ffb800;margin:.11em 0}
#hero-feedback .s2-heading em{color:#e94b35!important}
#hero-feedback .s2-heart{position:absolute;left:77%;top:34%;width:5cqw;height:4.6cqw;transform:rotate(8deg)}
#hero-feedback .s2-lead{position:absolute;left:0;bottom:0;width:100%;margin:0;font-size:max(16px,1.34cqw);line-height:1.22;font-weight:600;letter-spacing:-.02em;color:#616d65;text-wrap:nowrap}
#hero-feedback .s2-actions{position:absolute;left:10.7%;top:55.9%;width:49.5%;height:11.3%;display:grid;grid-template-columns:61% 37%;gap:2.6%;align-items:stretch}
#hero-feedback .s2-actions a{display:flex;align-items:center;justify-content:space-between;gap:1.2cqw;border-radius:9999px;text-decoration:none;color:#09231f;box-sizing:border-box;padding:1cqw 1.8cqw;min-width:0}
#hero-feedback .s2-primary{background:linear-gradient(110deg,#ffbd00,#ffb600);border:1px solid #eea400}
#hero-feedback .s2-secondary{background:linear-gradient(130deg,#fff,#fafcfd);border:1px solid #607572}
#hero-feedback .s2-actions strong{display:block;font-size:max(16px,1.25cqw);line-height:1.15;letter-spacing:-.04em;white-space:nowrap}
#hero-feedback .s2-actions small{display:block;font-size:max(16px,.92cqw);margin-top:.25cqw;white-space:nowrap}
#hero-feedback .s2-actions svg{width:1.65cqw;height:1.65cqw;flex:none}
#hero-feedback .s2-actions .s2-gift{width:2.5cqw;height:2.5cqw}
#hero-feedback .s2-delivery{position:absolute;left:72.8%;top:5.4%;width:22.9%;height:16.1%;border-radius:1.5cqw;background:linear-gradient(110deg,#ffce29,#ffdc56);display:flex;gap:1.25cqw;align-items:center;padding:1.45cqw;box-sizing:border-box}
#hero-feedback .s2-delivery svg{width:4.4cqw;height:3cqw;flex:none}
#hero-feedback .s2-delivery strong{font-size:max(16px,1.3cqw);line-height:1.08;display:block;letter-spacing:-.03em}
#hero-feedback .s2-delivery small{font-size:max(16px,.88cqw);display:block;margin-top:.4cqw;white-space:nowrap}
#hero-feedback .s2-promos{position:absolute;left:49.3%;top:28.8%;width:46.6%;height:25.3%;display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:.7cqw}
#hero-feedback .s2-promo{position:relative;border-radius:1.2cqw;padding:1.4cqw;color:#0a2320;text-decoration:none;box-shadow:0 .25cqw .4cqw #59351126;box-sizing:border-box}
#hero-feedback .s2-promo-green{background:linear-gradient(110deg,#edf7e4,#e7f5de);--arrow:#8bba6b}
#hero-feedback .s2-promo-pink{background:linear-gradient(110deg,#fff0eb,#ffe9e4);--arrow:#f98075}
#hero-feedback .s2-promo-blue{background:linear-gradient(110deg,#e8f5ff,#e1f2ff);--arrow:#62adee}
#hero-feedback .s2-promo strong{display:block;font-size:max(16px,1.36cqw);line-height:1.22;letter-spacing:-.055em}
#hero-feedback .s2-promo p{position:absolute;left:1.4cqw;bottom:1.7cqw;margin:0;font-size:max(16px,.88cqw);line-height:1.3;letter-spacing:-.04em;color:#3c514b;text-wrap:nowrap}
#hero-feedback .s2-card-arrow{position:absolute;right:.85cqw;bottom:.9cqw;width:2.1cqw;height:2.1cqw;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#fff9,var(--arrow));box-shadow:inset 0 0 .15cqw var(--arrow)}
#hero-feedback .s2-card-arrow svg{width:1.25cqw;height:1.25cqw}
#hero-feedback .s2-benefits{position:absolute;left:7.3%;top:70.7%;width:85.5%;height:21.3%;display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:1.3cqw 1.1cqw;box-sizing:border-box;border-radius:1.65cqw;background:linear-gradient(120deg,#fff9ed,#fbf3e6);box-shadow:0 .1cqw 1.5cqw #6b412021}
#hero-feedback .s2-benefits li{position:relative;display:flex;align-items:center;gap:.5cqw;min-width:0;padding:0 .6cqw}
#hero-feedback .s2-benefits li+li::before{content:'';position:absolute;left:0;top:7%;height:85%;width:1px;background:#cfb28f}
#hero-feedback .s2-benefits img{width:7.25cqw;height:7cqw;object-fit:contain;flex:none}
#hero-feedback .s2-benefits strong{display:block;font-size:max(16px,1.08cqw);line-height:1.12;letter-spacing:-.035em}
#hero-feedback .s2-benefits small{display:block;margin-top:.5cqw;font-size:max(16px,.94cqw);line-height:1.3;letter-spacing:-.025em;color:#55665f}
#hero-feedback .s2-actions a:active,#hero-feedback .s2-promo:active{scale:.96}
#hero-feedback .s2-actions a:focus-visible,#hero-feedback .s2-promo:focus-visible{outline:3px solid #164b3b;outline-offset:4px}
@media(min-width:901px){
#hero-feedback .showcase-stage,#hero-feedback .showcase-stage:has(.ref-2:not([hidden])),#hero-feedback:has(.ref-2:not([hidden])) .showcase-stage,#hero-feedback:has(.doctor-slide:not([hidden])) .showcase-stage{--hero-height:clamp(820px,42vw,1080px)!important;height:var(--hero-height)!important;min-height:var(--hero-height)!important;aspect-ratio:auto!important}
#hero-feedback .showcase-stage>.showcase-slide:not([hidden]){height:var(--hero-height)!important;min-height:var(--hero-height)!important;aspect-ratio:auto!important}
}
@media(max-width:900px){
#hero-feedback .showcase-stage,#hero-feedback .showcase-stage:has(.ref-2:not([hidden])){height:1080px!important;min-height:1080px!important;aspect-ratio:auto!important}
#hero-feedback .showcase-stage>.showcase-slide:not([hidden]){height:1080px!important;min-height:1080px!important;overflow:auto!important}
#hero-feedback .ref-2{background-size:auto 100%!important;background-position:30% center!important}
#hero-feedback .ref-2 .s2-copy{left:6%;top:4%;width:88%;height:29%}
#hero-feedback .s2-eyebrow{font-size:max(16px,2.15cqw);gap:1cqw}#hero-feedback .s2-eyebrow svg{width:4cqw;height:4cqw}
#hero-feedback .s2-heading{font-size:max(16px,9.8cqw);top:15%;line-height:1.02}#hero-feedback .s2-heart{width:10cqw;height:10cqw;top:38%;left:77%}
#hero-feedback .s2-lead{font-size:max(16px,3.8cqw);white-space:normal;text-wrap:pretty}#hero-feedback .s2-lead br{display:none}
#hero-feedback .s2-actions{left:6%;top:34%;width:88%;height:12%;grid-template-columns:1fr;gap:8px}#hero-feedback .s2-actions a{padding:3cqw 5cqw}#hero-feedback .s2-actions strong{font-size:max(16px,4cqw)}#hero-feedback .s2-actions small{font-size:max(16px,2.9cqw)}#hero-feedback .s2-actions svg{width:5cqw;height:5cqw}#hero-feedback .s2-actions .s2-gift{width:7cqw;height:7cqw}
#hero-feedback .s2-delivery{left:6%;top:48%;width:88%;height:8%;padding:3cqw;gap:4cqw;border-radius:5cqw}#hero-feedback .s2-delivery svg{width:15cqw;height:10cqw}#hero-feedback .s2-delivery strong{font-size:max(16px,4.6cqw)}#hero-feedback .s2-delivery small{font-size:max(16px,3cqw)}
#hero-feedback .s2-promos{left:6%;top:58%;width:88%;height:17%;gap:1.5cqw}#hero-feedback .s2-promo{padding:2.1cqw;border-radius:4cqw}#hero-feedback .s2-promo strong{font-size:max(16px,3.4cqw)}#hero-feedback .s2-promo p{left:2.1cqw;bottom:11cqw;font-size:max(16px,2.7cqw);text-wrap:pretty}#hero-feedback .s2-promo p br{display:none}#hero-feedback .s2-card-arrow{width:44px;height:44px;right:2cqw;bottom:2cqw}#hero-feedback .s2-card-arrow svg{width:6cqw;height:6cqw}
#hero-feedback .s2-benefits{left:6%;top:77%;width:88%;height:21%;grid-template-columns:1fr 1fr;padding:2cqw;border-radius:5cqw}#hero-feedback .s2-benefits li{gap:1cqw}#hero-feedback .s2-benefits img{width:16cqw;height:16cqw}#hero-feedback .s2-benefits strong{font-size:max(16px,3cqw)}#hero-feedback .s2-benefits small{font-size:max(16px,2.65cqw)}#hero-feedback .s2-benefits li+li::before{display:none}
}
/* Remove the previous second-slide-only viewport expansion. */
#hero-feedback:has(.ref-2:not([hidden])){left:auto!important;right:auto!important;width:100%!important;margin:0!important;transform:none!important}
#hero-feedback:has(.ref-2:not([hidden])) .showcase-stage{left:auto!important;width:100%!important;max-width:none!important;margin:0!important;transform:none!important}
#hero-feedback .s2-heading{max-width:none!important;width:100%!important;font-size:max(16px,4.55cqw);font-weight:1000;letter-spacing:-.035em;line-height:.92}
#hero-feedback .s2-primary{justify-content:flex-start!important}
#hero-feedback .s2-primary>svg:last-child{margin-left:auto}
@media(max-width:900px){#hero-feedback .s2-heading{font-size:max(16px,9.8cqw)}}
#hero-feedback .s2-heading{transform:scaleX(1.075);transform-origin:left center}
#hero-feedback .s2-benefits li:last-child img{width:10.25cqw}
@media(max-width:900px){#hero-feedback .s2-heading{transform:none}#hero-feedback .s2-benefits li:last-child img{width:16cqw}}

/* Third slide: centered heading and sculpted, transparent icons. */
#hero-feedback #about .doctor-copy h2{text-align:center!important;width:100%!important;text-wrap:balance}
#hero-feedback #about .doctor-journey__icon{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
#hero-feedback #about .doctor-journey__icon img{display:block;width:100%;height:100%;object-fit:contain}
#hero-feedback #about img.doctor-benefit-card__icon{width:48px!important;height:48px!important;flex:0 0 48px!important;object-fit:contain;background:transparent;border:0;box-shadow:none}

/* Catalog and carousel responsive refinements. */
body .product.with-photo.treat-product .product-image{height:auto!important;aspect-ratio:4/3!important}
body .product.with-photo.treat-product .product-image .product-photo.real-product img,body .product.with-photo.treat-product:hover .product-image .product-photo.real-product img{object-fit:cover!important;object-position:center!important;padding:0!important;position:static!important;width:100%!important;height:100%!important}
#hero-feedback .showcase-arrow{display:none!important}
#hero-feedback .s2-benefits li>div,#hero-feedback #about .doctor-benefit-card>div{min-width:0;overflow-wrap:anywhere}
#hero-feedback .s2-benefits img{max-width:45%}
#hero-feedback #about .doctor-benefit-card{min-width:0!important}
@media(min-width:901px) and (max-width:1500px){#hero-feedback #about .doctor-benefit-card{flex-direction:column!important;align-items:flex-start!important}#hero-feedback #about .doctor-main{row-gap:24px!important}}
@media(max-width:900px){
 #hero-feedback .showcase-stage,#hero-feedback .showcase-stage:has(.ref-2:not([hidden])),#hero-feedback:has(.doctor-slide:not([hidden])) .showcase-stage{height:var(--small-slide-height,1600px)!important;min-height:0!important}
 #hero-feedback .showcase-stage>.showcase-slide:not([hidden]){height:var(--small-slide-height,1600px)!important;min-height:0!important;overflow:hidden!important;box-sizing:border-box!important}
 #hero-feedback.measure-slides .showcase-stage>.showcase-slide:not([hidden]){height:auto!important;min-height:0!important;position:absolute!important;visibility:hidden!important;width:100%!important;overflow:visible!important}
 #hero-feedback .ref-2{display:flex;flex-direction:column;gap:20px;padding:28px 6%!important;background-size:cover!important}
 #hero-feedback .ref-2[hidden]{display:none!important}
 #hero-feedback .ref-2 .s2-copy,#hero-feedback .s2-actions,#hero-feedback .s2-delivery,#hero-feedback .s2-promos,#hero-feedback .s2-benefits{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;flex:none!important}
 #hero-feedback .s2-eyebrow{font-size:max(16px,clamp(12px,1.8vw,15px));white-space:normal;line-height:1.4}
 #hero-feedback .s2-eyebrow span::before,#hero-feedback .s2-eyebrow span::after{display:none}
 #hero-feedback .s2-heading{position:relative!important;inset:auto!important;margin:22px 0!important;font-size:max(16px,clamp(34px,7.8vw,64px))!important;line-height:1.03!important;text-wrap:balance!important;transform:none!important}
 #hero-feedback .s2-heart{width:40px;height:40px;left:77%;top:31%}
 #hero-feedback .s2-lead{position:static!important;font-size:max(16px,18px)!important;line-height:1.4!important;text-wrap:pretty!important}
 #hero-feedback .s2-actions{display:flex!important;flex-direction:column!important;gap:12px!important}
 #hero-feedback .s2-actions a{min-height:70px;padding:16px 20px!important;gap:12px}
 #hero-feedback .s2-actions strong{font-size:max(16px,clamp(16px,2.8vw,22px))!important;white-space:normal}
 #hero-feedback .s2-actions small{font-size:max(16px,14px)!important;white-space:normal}
 #hero-feedback .s2-actions .s2-gift{width:32px;height:32px}
 #hero-feedback .s2-delivery{padding:20px!important;border-radius:24px!important;gap:20px!important}
 #hero-feedback .s2-delivery strong{font-size:max(16px,22px)!important}#hero-feedback .s2-delivery small{font-size:max(16px,14px)!important;white-space:normal}
 #hero-feedback .s2-delivery svg{width:56px;height:44px}
 #hero-feedback .s2-promos{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important}
 #hero-feedback .s2-promo{padding:20px 16px 66px!important;min-height:210px;border-radius:20px}
 #hero-feedback .s2-promo strong{font-size:max(16px,22px)!important;overflow-wrap:anywhere}
 #hero-feedback .s2-promo p{position:static!important;margin-top:16px!important;font-size:max(16px,16px)!important;text-wrap:pretty;overflow-wrap:anywhere}
 #hero-feedback .s2-card-arrow{width:44px;height:44px;right:16px;bottom:16px}
 #hero-feedback .s2-benefits{padding:20px!important;gap:18px;border-radius:24px;grid-template-columns:1fr 1fr}
 #hero-feedback .s2-benefits img,#hero-feedback .s2-benefits li:last-child img{width:74px;height:74px;max-width:35%}
 #hero-feedback .s2-benefits strong{font-size:max(16px,17px)!important}#hero-feedback .s2-benefits small{font-size:max(16px,15px)!important}
 #hero-feedback .ref-1 .hero-layout{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important}
 #hero-feedback .ref-1 .hero-copy{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;padding:28px 6%!important;box-sizing:border-box!important;gap:20px!important;display:flex!important;flex-direction:column!important}
 #hero-feedback .ref-1 .hero-copy h1{position:static!important;font-size:max(16px,clamp(34px,6vw,52px))!important;line-height:1.1!important;margin:0!important;transform:none!important}
 #hero-feedback .ref-1 .hero-lead{position:static!important;font-size:max(16px,18px)!important;line-height:1.4!important;max-width:none!important}
 #hero-feedback .ref-1 .showcase-eyebrow{position:static!important;white-space:normal!important;font-size:max(16px,12px)!important;justify-content:center!important}
 #hero-feedback .ref-1 .reference-actions{position:static!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:16px!important;width:100%!important;height:auto!important}
 #hero-feedback .ref-1 .showcase-cta{height:auto!important;min-height:60px!important;font-size:max(16px,18px)!important;padding:16px 24px!important;border-radius:9999px!important;width:auto!important}
 #hero-feedback .ref-1 .first-reference-benefits{position:static!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;gap:12px!important}
 #hero-feedback .ref-1 .first-reference-benefits li{position:relative!important;inset:auto!important;transform:none!important;min-width:0!important;font-size:max(16px,15px)!important;line-height:1.25!important}
 #hero-feedback .ref-1 .first-reference-benefits img{height:86px!important}
 #hero-feedback .ref-1 .hero-visual{position:relative!important;inset:auto!important;width:100%!important;height:420px!important;min-height:0!important;flex:none!important}
 #hero-feedback #about .doctor-main{display:flex!important;flex-direction:column!important;gap:24px!important;padding:28px 6% 0!important;height:auto!important;min-height:0!important}
 #hero-feedback #about .doctor-copy,#hero-feedback #about .doctor-journey,#hero-feedback #about .doctor-benefit-cards{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;transform:none!important}
 #hero-feedback #about .doctor-copy h2{font-size:max(16px,clamp(30px,5vw,48px))!important;line-height:1.13!important;margin:20px 0!important}
 #hero-feedback #about .doctor-copy>p:not(.showcase-eyebrow){font-size:max(16px,17px)!important;line-height:1.5!important}
 #hero-feedback #about .showcase-eyebrow{font-size:max(16px,12px)!important;white-space:normal!important}
 #hero-feedback #about .doctor-journey ol{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;height:auto!important;padding:0!important;margin:0!important}
 #hero-feedback #about .doctor-journey li{display:flex!important;flex-direction:column!important;gap:10px!important;position:relative!important;min-width:0!important;height:auto!important}
 #hero-feedback #about .doctor-journey__top,#hero-feedback #about .doctor-journey__content{position:static!important;transform:none!important;inset:auto!important;height:auto!important;text-align:center!important}
 #hero-feedback #about .doctor-journey__top{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}
 #hero-feedback #about .doctor-journey__icon{position:static!important;width:60px!important;height:60px!important;transform:none!important}
 #hero-feedback #about .doctor-journey__number{position:static!important;transform:none!important;width:28px!important;height:28px!important;font-size:max(16px,12px)!important;flex:none!important}
 #hero-feedback #about .doctor-journey__content strong{font-size:max(16px,16px)!important;overflow-wrap:anywhere}
 #hero-feedback #about .doctor-journey__content small{font-size:max(16px,14px)!important;line-height:1.35!important}
 #hero-feedback #about .doctor-journey li::after{display:none!important}
 #hero-feedback #about .doctor-benefit-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
 #hero-feedback #about .doctor-benefit-card{padding:16px!important;min-height:0!important;height:auto!important;display:flex!important;flex-direction:column!important;gap:12px!important}
 #hero-feedback #about .doctor-benefit-card strong{font-size:max(16px,16px)!important}#hero-feedback #about .doctor-benefit-card p{font-size:max(16px,14px)!important}
 #hero-feedback #about .doctor-visual{position:relative!important;inset:auto!important;width:calc(100% + 13.64%)!important;margin:0 -6.82%!important;height:460px!important;min-height:0!important;overflow:hidden!important}
 #hero-feedback #about .doctor-portrait{inset:0!important}#hero-feedback #about .doctor-portrait img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 20%!important}
 #hero-feedback #about .doctor-note{top:20px!important;left:16px!important;right:auto!important;font-size:max(16px,16px)!important;max-width:45%!important}
}
@media(max-width:600px){
 #hero-feedback .s2-promos{grid-template-columns:1fr!important}#hero-feedback .s2-promo{min-height:150px!important}
 #hero-feedback .s2-benefits{grid-template-columns:1fr!important}
 #hero-feedback .ref-1 .first-reference-benefits{grid-template-columns:1fr 1fr!important}
 #hero-feedback #about .doctor-benefit-cards{grid-template-columns:1fr!important}#hero-feedback #about .doctor-benefit-card{flex-direction:row!important}
 #hero-feedback #about .doctor-journey__top{flex-direction:column!important}
}

@media(max-width:900px){#hero-feedback #about .doctor-copy{order:0!important}#hero-feedback #about .doctor-journey{order:1!important;display:block!important}#hero-feedback #about .doctor-benefit-cards{order:2!important}#hero-feedback #about .doctor-visual{order:3!important}#hero-feedback #about .doctor-note{top:auto!important;bottom:20px!important}}

@media(max-width:900px){#hero-feedback #about .doctor-journey__icon{display:block!important}#hero-feedback #about .doctor-journey__icon img{display:block!important}}
@media(max-width:600px){#hero-feedback #about .doctor-journey ol{grid-template-columns:1fr!important;gap:18px!important}#hero-feedback #about .doctor-journey li{flex-direction:row!important;align-items:center!important}#hero-feedback #about .doctor-journey__top{flex-direction:row!important;width:100px!important;flex:none!important}#hero-feedback #about .doctor-journey__content{flex:1!important;min-width:0!important;text-align:left!important}#hero-feedback #about .doctor-journey__content strong{overflow-wrap:normal!important}}

/* Larger first-slide actions, keeping rounded ends and room for both labels. */
#hero-feedback .ref-1 .reference-actions .showcase-cta{min-height:clamp(72px,5.6vw,112px)!important;padding:16px 34px!important;font-size:max(16px,clamp(18px,1.35vw,28px))!important;border-radius:9999px!important}
#hero-feedback .ref-1 .hero-copy .reference-actions{gap:20px!important}
@media(max-width:900px){#hero-feedback .ref-1 .reference-actions .showcase-cta{min-height:74px!important;padding:18px 28px!important;font-size:max(16px,20px)!important;max-width:100%!important}}
/* Center and enlarge Katya's shorter introduction. */
#hero-feedback #about .doctor-copy .showcase-eyebrow{display:flex!important;justify-content:center!important;align-items:center!important;gap:12px!important;width:100%!important;text-align:center!important;font-size:max(16px,clamp(18px,1.2vw,27px))!important;line-height:1.35!important;letter-spacing:.055em!important;font-weight:800!important;color:#123e35!important;white-space:normal!important;text-wrap:balance!important}
#hero-feedback #about .doctor-eyebrow-paw{display:inline-flex;flex:none;color:#f35a2a;width:32px!important;height:32px!important}
#hero-feedback #about .doctor-eyebrow-paw svg{width:100%!important;height:100%!important}
@media(max-width:600px){#hero-feedback #about .doctor-copy .showcase-eyebrow{font-size:max(16px,16px)!important;gap:9px!important;letter-spacing:.035em!important}#hero-feedback #about .doctor-eyebrow-paw{width:27px!important;height:27px!important}}/* Second slide: October 11 four-offer reference. Live copy and SVG controls. */
#hero-feedback .ref-2.s2-refresh{display:block!important;padding:0!important;background:#f3e8d5 url('assets/brand/refresh2-background.webp') center/100% 100% no-repeat!important;color:#0b2117!important;container-type:inline-size}
#hero-feedback .s2r-copy{position:absolute;left:8.4%;top:6.7%;width:40.5%;text-align:left}
#hero-feedback .s2r-eyebrow{display:inline-flex;align-items:center;gap:.4cqw;background:#e8edd8cc;border-radius:999px;padding:.38cqw .8cqw;margin:0 0 .8cqw;color:#4e6035;font-size:max(16px,.82cqw);font-weight:800;white-space:nowrap}
#hero-feedback .s2r-eyebrow svg{width:1.1cqw;height:1.1cqw;stroke-width:2;fill:#6c864b}
#hero-feedback .s2r-heading{margin:0;font-size:max(16px,3.85cqw);line-height:.93;letter-spacing:-.035em;font-weight:900;color:#102519;text-wrap:nowrap}
#hero-feedback .s2r-heading em{font-style:normal;color:#eda932;font-size:max(16px,.92em);line-height:.94}
#hero-feedback .s2r-heart{position:absolute;right:2%;top:21%;width:5.4cqw;height:5.4cqw}
#hero-feedback .s2r-lead{margin:1.05cqw 0 0;font-size:max(16px,1.34cqw);line-height:1.27;font-weight:500;color:#596059;letter-spacing:-.025em}
#hero-feedback .s2r-actions{position:absolute;left:7.45%;top:60%;width:42.85%;height:13.8%;display:grid;grid-template-columns:58.5% 39.5%;gap:2%}
#hero-feedback .s2r-button{display:flex;align-items:center;gap:1.2cqw;padding:.65cqw .9cqw;border:2px solid #ffffff80;border-radius:999px;text-decoration:none;color:#11180d;box-shadow:0 5px 13px #8d60121a;min-width:0;transition:transform .15s ease,box-shadow .15s ease}
#hero-feedback .s2r-button:active{transform:scale(.96)}
#hero-feedback .s2r-button:focus-visible,#hero-feedback .s2r-card:focus-visible{outline:3px solid #163b2c;outline-offset:4px}
#hero-feedback .s2r-primary{background:linear-gradient(110deg,#ffc546,#ffb929)}
#hero-feedback .s2r-secondary{background:#fffaf2ed;border-color:#eee3d4;gap:.9cqw;padding:.65cqw .7cqw}
#hero-feedback .s2r-button strong{display:block;font-size:max(16px,1.36cqw);font-weight:850;line-height:1.2;letter-spacing:-.035em;white-space:nowrap}
#hero-feedback .s2r-secondary strong{font-size:max(16px,1.2cqw)}
#hero-feedback .s2r-button small{display:block;font-size:max(16px,.99cqw);line-height:1.2;margin-top:.2cqw;color:#30382b}
#hero-feedback .s2r-button-icon{display:grid;place-items:center;flex:none;width:4.4cqw;height:4.4cqw;border-radius:50%;background:#ffe3b8a6;border:2px solid #fff7d8}
#hero-feedback .s2r-secondary .s2r-button-icon{width:3.9cqw;height:3.9cqw;border:none}
#hero-feedback .s2r-button-icon svg{width:2.7cqw;height:2.7cqw}
#hero-feedback .s2r-arrow{margin-left:auto;display:grid;place-items:center;width:3cqw;height:3cqw;border-radius:50%;background:#ffdc72;border:1px solid #fff0bc;flex:none}
#hero-feedback .s2r-arrow svg{width:2cqw;height:2cqw}
#hero-feedback .s2r-offers{position:absolute;left:51.5%;right:2.1%;top:6.7%;height:68.3%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1.13fr 1fr;gap:.5cqw}
#hero-feedback .s2r-card{position:relative;overflow:hidden;min-width:0;border:2px solid #fff9;border-radius:1.3cqw;padding:1.45cqw;text-decoration:none;color:#101a13;box-shadow:0 3px 7px #59381710;text-align:left}
#hero-feedback .s2r-sets{background:linear-gradient(120deg,#ffe096,#ffcf69)}
#hero-feedback .s2r-meat{background:linear-gradient(120deg,#f2f6e8,#e6edd4)}
#hero-feedback .s2r-flavors{background:linear-gradient(120deg,#fff0ed,#f8ddda)}
#hero-feedback .s2r-delivery{background:linear-gradient(120deg,#e9f0f7,#dce8f3)}
#hero-feedback .s2r-tag{position:relative;z-index:2;display:inline-block;border-radius:999px;padding:.45cqw .8cqw;background:#ffedc5;color:#ac5a0d;font-size:max(16px,.8cqw);font-weight:800;line-height:1.3}
#hero-feedback .s2r-meat .s2r-tag{background:#d8e5c2;color:#486134}
#hero-feedback .s2r-flavors .s2r-tag{background:#facdc6;color:#b83729}
#hero-feedback .s2r-delivery .s2r-tag{background:#bcdcf1;color:#287aa8}
#hero-feedback .s2r-card h2{position:relative;z-index:2;margin:1cqw 0 .65cqw;font-size:max(16px,1.42cqw);line-height:1.12;font-weight:850;letter-spacing:-.04em;color:#101612}
#hero-feedback .s2r-card p{position:relative;z-index:2;margin:0;font-size:max(16px,.91cqw);line-height:1.28;color:#41433a;letter-spacing:-.025em}
#hero-feedback .s2r-card img{position:absolute;z-index:1;right:-1%;bottom:0;width:54%;height:83%;object-fit:contain;object-position:right bottom;filter:saturate(.91) contrast(.95)}
#hero-feedback .s2r-meat img{width:56%;height:80%}
#hero-feedback .s2r-flavors img{width:54%;height:94%}
#hero-feedback .s2r-delivery img{right:1%;top:14%;width:36%;height:52%}
#hero-feedback .s2r-benefits{position:absolute;left:4.4%;right:2.7%;top:79.2%;height:16%;padding:1.2cqw 1.3cqw;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;background:#fffaf2ef;border:1px solid #fffc;border-radius:1.3cqw;box-shadow:0 3px 12px #5f3e1912}
#hero-feedback .s2r-benefits li{display:flex;align-items:center;gap:1.8cqw;padding:0 1.1cqw;min-width:0;position:relative}
#hero-feedback .s2r-benefits li+li:before{content:'';position:absolute;left:0;top:15%;height:70%;width:1px;background:#d9bb9266}
#hero-feedback .s2r-benefit-icon{display:grid;place-items:center;width:4.2cqw;height:4.2cqw;flex:none;background:radial-gradient(circle,#fff0d3,#ffe1b8);border-radius:50%;color:#21160b}
#hero-feedback .s2r-benefit-icon svg{width:2.55cqw;height:2.55cqw}
#hero-feedback .s2r-benefits strong{display:block;font-size:max(16px,1.02cqw);line-height:1.2;font-weight:850;letter-spacing:-.035em;color:#0c1410}
#hero-feedback .s2r-benefits small{display:block;margin-top:.5cqw;font-size:max(16px,.95cqw);line-height:1.2;color:#515750;letter-spacing:-.03em}
@media(max-width:900px){
#hero-feedback .ref-2.s2-refresh{padding:28px 5% 32px!important;background-size:auto 100%!important;background-position:35% center!important}
#hero-feedback .s2r-copy,#hero-feedback .s2r-actions,#hero-feedback .s2r-offers,#hero-feedback .s2r-benefits{position:relative;inset:auto;width:100%;height:auto}
#hero-feedback .s2r-eyebrow{font-size:max(16px,clamp(9px,1.7vw,13px));gap:6px;padding:7px 10px;white-space:normal;margin-bottom:16px}
#hero-feedback .s2r-eyebrow svg{width:18px;height:18px;flex:none}
#hero-feedback .s2r-heading{font-size:max(16px,clamp(31px,6.7vw,60px));line-height:1;letter-spacing:-.04em}
#hero-feedback .s2r-heart{width:60px;height:60px;right:1%;top:14%}
#hero-feedback .s2r-lead{font-size:max(16px,clamp(16px,2.6vw,22px));line-height:1.3;margin:18px 0 0}
#hero-feedback .s2r-lead br{display:none}
#hero-feedback .s2r-actions{margin:22px 0;gap:10px;grid-template-columns:1.2fr 1fr}
#hero-feedback .s2r-button{gap:10px;padding:12px;border-width:1px;min-height:85px}
#hero-feedback .s2r-button strong,#hero-feedback .s2r-secondary strong{font-size:max(16px,clamp(15px,2.6vw,21px));white-space:normal}
#hero-feedback .s2r-button small{font-size:max(16px,clamp(12px,1.7vw,16px))}
#hero-feedback .s2r-button-icon,#hero-feedback .s2r-secondary .s2r-button-icon{width:44px;height:44px;border-width:1px}
#hero-feedback .s2r-button-icon svg{width:29px;height:29px}
#hero-feedback .s2r-arrow{display:none}
#hero-feedback .s2r-offers{grid-template-rows:repeat(2,minmax(210px,auto));gap:10px}
#hero-feedback .s2r-card{padding:16px;border-radius:18px}
#hero-feedback .s2r-tag{font-size:max(16px,11px);padding:6px 9px}
#hero-feedback .s2r-card h2{font-size:max(16px,clamp(18px,2.8vw,25px));margin:14px 0 10px}
#hero-feedback .s2r-card p{font-size:max(16px,clamp(13px,1.9vw,17px));max-width:75%}
#hero-feedback .s2r-card img{opacity:.95;width:50%;height:75%}
#hero-feedback .s2r-delivery img{width:32%;height:42%;top:21%}
#hero-feedback .s2r-benefits{margin-top:20px;padding:18px 8px;grid-template-columns:1fr 1fr;gap:22px 12px;border-radius:20px}
#hero-feedback .s2r-benefits li{gap:12px;padding:0 7px}
#hero-feedback .s2r-benefits li+li:before{display:none}
#hero-feedback .s2r-benefit-icon{width:48px;height:48px}
#hero-feedback .s2r-benefit-icon svg{width:30px;height:30px}
#hero-feedback .s2r-benefits strong{font-size:max(16px,15px)}
#hero-feedback .s2r-benefits small{font-size:max(16px,13px);margin-top:5px}
}
@media(max-width:520px){#hero-feedback .s2r-actions{grid-template-columns:1fr}#hero-feedback .s2r-button{padding:12px 20px;gap:16px}#hero-feedback .s2r-button strong,#hero-feedback .s2r-secondary strong{font-size:max(16px,21px)}#hero-feedback .s2r-button small{font-size:max(16px,15px)}#hero-feedback .s2r-arrow{display:grid;width:40px;height:40px}#hero-feedback .s2r-arrow svg{width:28px;height:28px}#hero-feedback .s2r-offers{grid-template-columns:1fr;grid-template-rows:repeat(4,235px)}#hero-feedback .s2r-card h2{font-size:max(16px,25px)}#hero-feedback .s2r-card p{font-size:max(16px,16px);max-width:70%}#hero-feedback .s2r-card img{width:50%;height:85%}#hero-feedback .s2r-delivery img{width:32%;height:52%;top:16%}#hero-feedback .s2r-heart{width:48px;height:48px;right:-1%;top:17%}#hero-feedback .s2r-benefits{grid-template-columns:1fr;gap:20px}#hero-feedback .s2r-benefits li{padding:0 14px}#hero-feedback .s2r-benefits strong{font-size:max(16px,17px)}#hero-feedback .s2r-benefits small{font-size:max(16px,15px)}}
@media(min-width:901px){#hero-feedback .s2r-heading{font-size:max(16px,4.2cqw);line-height:.86}#hero-feedback .s2r-heading em{font-size:max(16px,.95em);line-height:.86}#hero-feedback .s2r-lead{margin-top:.95cqw}}
@media(max-width:520px){#hero-feedback .s2r-card h2{font-size:max(16px,22px)}#hero-feedback .s2r-card p{font-size:max(16px,15px);max-width:64%}#hero-feedback .s2r-card img{width:44%;height:70%}#hero-feedback .s2r-delivery img{width:29%;height:46%;top:17%}}
#hero-feedback .ref-2.s2-refresh[hidden]{display:none!important}
#hero-feedback .s2r-heading{width:100%;max-width:none}
@media(max-width:380px){#hero-feedback .s2r-heading{font-size:max(16px,7.9vw)}}
@media(min-width:901px){#hero-feedback .s2r-flavors img{width:50%;right:-2%}#hero-feedback .s2r-sets img{width:58%;height:90%}}
@media(min-width:521px) and (max-width:900px){#hero-feedback .s2r-flavors img{width:43%;height:76%}#hero-feedback .s2r-flavors p{max-width:65%;font-size:max(16px,14px)}}
/* Third slide reference: portrait pixels are preserved from the supplied photograph. */
#hero-feedback #about.third-refresh{position:relative!important;display:block!important;padding:0!important;overflow:hidden!important;container-type:inline-size;background:#f5e8d3 url('assets/brand/third-refresh-background.webp') center/100% 100% no-repeat!important;isolation:isolate;color:#12332b}
#hero-feedback #about.third-refresh[hidden]{display:none!important}
#hero-feedback #about.third-refresh::before,#hero-feedback #about.third-refresh::after{display:none!important;content:none!important}
#hero-feedback .t3-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:fill!important;clip-path:polygon(68% 0,100% 0,100% 100%,58% 100%,58% 30%,68% 30%);z-index:1;pointer-events:none}
#hero-feedback .t3-eyebrow{position:absolute;left:7.4%;top:11.5%;width:37%;display:flex;align-items:center;gap:1cqw;margin:0;font-size:max(16px,.79cqw);line-height:1.3;font-weight:700;letter-spacing:.05em;color:#65716f;white-space:nowrap;z-index:2}
#hero-feedback .t3-eyebrow svg{width:1.25cqw;height:1.25cqw;flex:none;color:#cdb580}
#hero-feedback .t3-eyebrow b{color:#d7a564;padding:0 .2cqw}
#hero-feedback .t3-rule{width:4.6cqw;height:1px;background:linear-gradient(90deg,#dab16a22,#cb8b2e);flex:none}
#hero-feedback .t3-rule:last-child{background:linear-gradient(90deg,#cb8b2e,#dab16a22)}
#hero-feedback .t3-copy{position:absolute;left:7.4%;top:18.4%;width:43%;z-index:2;text-align:left}
#hero-feedback .t3-copy h2{margin:0!important;font-size:max(16px,4.15cqw)!important;line-height:.95!important;letter-spacing:-.035em!important;font-weight:900!important;text-align:left!important;max-width:none!important;white-space:nowrap;color:#0b3028}
#hero-feedback .t3-copy h2 em{font-style:normal;color:#d68f25!important}
#hero-feedback .t3-title-heart{display:inline-block;vertical-align:middle;width:2.8cqw;height:2.8cqw;color:#c88728;transform:rotate(12deg)}
#hero-feedback .t3-title-heart svg{width:100%;height:100%}
#hero-feedback .t3-copy>p{margin:1.15cqw 0 0!important;font-size:max(16px,1.14cqw)!important;line-height:1.22!important;font-weight:600!important;letter-spacing:-.018em;color:#657170;text-wrap:nowrap}
#hero-feedback .t3-journey{position:absolute;left:5.1%;top:53.1%;width:47.6%;height:20.6%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;z-index:2}
#hero-feedback .t3-journey li{display:flex;align-items:center;flex-direction:column;text-align:center;position:relative;min-width:0}
#hero-feedback .t3-journey li+li:before{content:'';position:absolute;left:0;top:18%;height:72%;width:1px;background:linear-gradient(#eab86700,#eab86799,#eab86700)}
#hero-feedback .t3-journey img{width:6.8cqw;height:5.1cqw;object-fit:contain;margin:0 0 .2cqw;flex:none}
#hero-feedback .t3-journey strong{font-size:max(16px,1.04cqw);line-height:1.2;font-weight:850;letter-spacing:-.02em;color:#13302a}
#hero-feedback .t3-journey small{font-size:max(16px,.99cqw);line-height:1.2;color:#687575;margin-top:.1cqw}
#hero-feedback .t3-benefits{position:absolute;left:4.35%;top:77.2%;width:49.6%;height:12.2%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65cqw;z-index:2}
#hero-feedback .t3-benefits article{display:flex;align-items:center;gap:.7cqw;min-width:0;padding:.7cqw;background:#fffaf6ed;border:1px solid #fff9;border-radius:1.25cqw;box-shadow:0 2px 6px #78532d08}
#hero-feedback .t3-benefits img,#hero-feedback .t3-benefit-symbol{width:3.65cqw;height:3.65cqw;object-fit:contain;flex:none}
#hero-feedback .t3-benefit-symbol{display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#fff2d6,#ffe4b8);color:#cf8521}
#hero-feedback .t3-benefit-symbol svg{width:2.6cqw;height:2.6cqw;filter:drop-shadow(0 1px 1px #7f561b20)}
#hero-feedback .t3-benefits strong{display:block;font-size:max(16px,.8cqw);line-height:1.2;letter-spacing:-.025em;font-weight:850;color:#122d26;white-space:nowrap}
#hero-feedback .t3-benefits p{margin:.3cqw 0 0;font-size:max(16px,.78cqw);line-height:1.35;letter-spacing:-.025em;color:#677371}
#hero-feedback .t3-note{position:absolute;left:54.7%;top:9.6%;width:12%;z-index:3;color:#69703a;transform:rotate(-9deg)}
#hero-feedback .t3-note-name{font-family:Caveat,cursive;font-size:max(16px,2.2cqw);line-height:1.1;white-space:nowrap;font-weight:600}
#hero-feedback .t3-note-name span{color:#cc8c31}
#hero-feedback .t3-note p{margin:.55cqw 0 0;font-size:max(16px,1.02cqw);line-height:1.35;color:#6a7673;font-weight:600}
#hero-feedback .t3-note>svg{display:block;width:4cqw;height:2cqw;margin:.2cqw 0 0 auto}
@media(max-width:900px){
#hero-feedback #about.third-refresh{padding:28px 5% 0!important;background-size:auto 100%!important;background-position:left bottom!important}
#hero-feedback .t3-eyebrow,#hero-feedback .t3-copy,#hero-feedback .t3-journey,#hero-feedback .t3-benefits,#hero-feedback .t3-note{position:relative;inset:auto;width:100%;height:auto}
#hero-feedback .t3-eyebrow{justify-content:center;gap:8px;font-size:max(16px,10px);white-space:normal;text-align:center;letter-spacing:.02em;margin-bottom:20px}
#hero-feedback .t3-rule{width:22px}
#hero-feedback .t3-eyebrow svg{width:19px;height:19px}
#hero-feedback .t3-copy h2{font-size:max(16px,clamp(26px,5.8vw,52px))!important;line-height:1.05!important;text-align:center!important;letter-spacing:-.035em!important}
#hero-feedback .t3-title-heart{width:30px;height:30px}
#hero-feedback .t3-copy>p{font-size:max(16px,clamp(16px,2.5vw,21px))!important;line-height:1.35!important;margin-top:20px!important;text-wrap:pretty}
#hero-feedback .t3-copy>p br{display:none}
#hero-feedback .t3-journey{margin:24px 0;gap:12px}
#hero-feedback .t3-journey img{width:95px;height:80px;margin-bottom:8px}
#hero-feedback .t3-journey strong{font-size:max(16px,16px)}
#hero-feedback .t3-journey small{font-size:max(16px,14px);margin-top:5px}
#hero-feedback .t3-benefits{gap:10px;margin-bottom:24px}
#hero-feedback .t3-benefits article{padding:14px 10px;gap:10px;flex-direction:column;text-align:center;border-radius:18px}
#hero-feedback .t3-benefits img,#hero-feedback .t3-benefit-symbol{width:54px;height:54px}
#hero-feedback .t3-benefit-symbol svg{width:38px;height:38px}
#hero-feedback .t3-benefits strong{font-size:max(16px,15px);white-space:normal}
#hero-feedback .t3-benefits p{font-size:max(16px,14px);margin-top:7px}
#hero-feedback .t3-note{position:absolute;left:6%;top:auto;bottom:340px;width:32%;transform:rotate(-6deg)}
#hero-feedback .t3-note-name{font-size:max(16px,30px)}
#hero-feedback .t3-note p{font-size:max(16px,14px)}
#hero-feedback .t3-note>svg{width:55px;height:30px}
#hero-feedback .t3-photo{position:relative!important;inset:auto!important;display:block!important;width:calc(100% + 11.12%)!important;height:500px!important;margin:0 -5.56%!important;object-fit:cover!important;object-position:right!important;clip-path:inset(0 0 0 0);z-index:1}
}
@media(max-width:600px){#hero-feedback .t3-journey{gap:7px}#hero-feedback .t3-journey img{width:75px;height:65px}#hero-feedback .t3-journey strong{font-size:max(16px,14px)}#hero-feedback .t3-journey small{font-size:max(16px,12px)}#hero-feedback .t3-benefits{grid-template-columns:1fr}#hero-feedback .t3-benefits article{flex-direction:row;text-align:left;padding:14px 18px}#hero-feedback .t3-photo{height:440px!important;object-position:right!important}#hero-feedback .t3-note{bottom:290px;width:38%}#hero-feedback .t3-note-name{font-size:max(16px,26px)}#hero-feedback .t3-note p{font-size:max(16px,12px)}#hero-feedback .t3-copy h2{font-size:max(16px,5.7vw)!important}#hero-feedback .t3-title-heart{width:23px;height:23px}}
#hero-feedback .t3-photo{clip-path:none;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1908 824' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='soft' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeGaussianBlur stdDeviation='18'/%3E%3C/filter%3E%3C/defs%3E%3Cpath fill='white' filter='url(%23soft)' d='M1297 -100H2100V950H1107V247H1297Z'/%3E%3C/svg%3E");mask-size:100% 100%;mask-repeat:no-repeat}
@media(max-width:900px){#hero-feedback .t3-photo{mask-image:linear-gradient(90deg,transparent,black 15%);clip-path:inset(0 0 0 8%)}}
@media(min-width:901px){#hero-feedback .t3-copy h2 em{font-size:max(16px,1.06em)}}
@media(max-width:900px){#hero-feedback #about.third-refresh{display:flex!important;flex-direction:column!important;background-image:linear-gradient(#fff8eeeb 0%,#fff8eee3 72%,#fff8ee00 90%),url('assets/brand/third-refresh-background.webp')!important}#hero-feedback #about.third-refresh[hidden]{display:none!important}#hero-feedback .t3-eyebrow{order:0}#hero-feedback .t3-copy{order:1}#hero-feedback .t3-journey{order:2;flex:none}#hero-feedback .t3-benefits{order:3;flex:none}#hero-feedback .t3-photo{order:4;flex:none;margin-top:auto!important}#hero-feedback .t3-note{z-index:3}#hero-feedback .t3-copy>p br::after{content:' '}}
@media(max-width:900px){#hero-feedback .t3-photo{margin-top:0!important}#hero-feedback .t3-note{display:none}#hero-feedback .t3-journey li{min-height:140px}}
@media(min-width:901px){#hero-feedback .t3-photo{left:auto!important;right:0!important;width:calc(var(--hero-height) * 2.315534)!important;object-fit:fill!important}}
@media(min-width:901px){#hero-feedback .t3-photo{width:100%!important;height:auto!important;min-height:0!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;aspect-ratio:1908/824!important}}
@media(min-width:901px) and (max-width:1600px){#hero-feedback .t3-photo{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1908 824' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='soft' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeGaussianBlur stdDeviation='18'/%3E%3C/filter%3E%3C/defs%3E%3Cpath fill='white' filter='url(%23soft)' d='M1297 35H2100V950H1107V247H1297Z'/%3E%3C/svg%3E")}}
@media(min-width:901px) and (max-width:1600px){#hero-feedback .t3-photo{width:125%!important;left:auto!important;right:-10%!important}}

/* Fill feed photo tiles with a softened copy while preserving the complete source package. */
.product-photo.feed-product-photo{position:relative!important;isolation:isolate!important;background:#efede9!important;overflow:hidden!important}
.product-photo.feed-product-photo>.product-photo-fill{position:absolute!important;inset:-12px!important;width:calc(100% + 24px)!important;height:calc(100% + 24px)!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;padding:0!important;filter:blur(15px) saturate(.72)!important;opacity:.34!important;transform:scale(1.04)!important;scale:1!important;z-index:-1!important}
.product-photo.feed-product-photo>.product-photo-pack{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;padding:8px!important;background:transparent!important;transform:none!important;scale:1!important;z-index:1!important}
.detail-photo.feed-product-photo{position:relative!important;isolation:isolate!important;min-height:260px!important;height:320px!important;aspect-ratio:4/3!important}
@media(max-width:600px){.product-photo.feed-product-photo>.product-photo-fill{filter:blur(12px) saturate(.68)!important;opacity:.3!important}.product-photo.feed-product-photo>.product-photo-pack{padding:7px!important}}
body .product.with-photo .product-image .product-photo.feed-product-photo>img.product-photo-fill{position:absolute!important;inset:-12px!important;z-index:0!important}
body .product.with-photo .product-image .product-photo.feed-product-photo>img.product-photo-pack{position:absolute!important;inset:0!important;z-index:1!important}
.detail-photo.feed-product-photo>img.product-photo-fill{position:absolute!important;inset:-12px!important;z-index:0!important}
.detail-photo.feed-product-photo>img.product-photo-pack{position:absolute!important;inset:0!important;z-index:1!important}
/* Full photo scene; source packaging remains complete and undistorted. */
body .product.with-photo .product-image .feed-product-photo>img.product-photo-fill,
.detail-photo.feed-product-photo>img.product-photo-fill{inset:0!important;width:100%!important;height:100%!important;filter:none!important;opacity:1!important;transform:none!important;object-fit:cover!important}
body .product.with-photo .product-image .feed-product-photo>img.product-photo-pack,
.detail-photo.feed-product-photo>img.product-photo-pack{inset:5% 18%!important;width:64%!important;height:90%!important;padding:0!important;object-fit:contain!important;filter:drop-shadow(0 8px 8px rgba(35,24,12,.18))!important}
.product-photo.feed-product-photo{outline:1px solid rgba(0,0,0,.1);outline-offset:-1px}
#products .product .product-image .product-photo.feed-product-photo>img.product-photo-fill{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;padding:0!important;background:transparent!important;object-fit:cover!important;filter:none!important;opacity:1!important;transform:none!important;scale:1!important}
#products .product .product-image .product-photo.feed-product-photo>img.product-photo-pack{position:absolute!important;inset:5% 18%!important;width:64%!important;height:90%!important;max-width:none!important;max-height:none!important;padding:0!important;background:transparent!important;object-fit:contain!important;object-position:center!important;transform:none!important;scale:1!important}
/* Promotions rebuilt from the supplied full-width composition. */
#promotions{max-width:1600px!important;width:calc(100% - 48px)!important;margin:50px auto 20px!important;padding:0!important}
#promotions .promotion-bundles{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}
#promotions .promotion-bundle{position:relative!important;display:block!important;aspect-ratio:auto!important;min-height:0!important;height:auto!important;border-radius:32px!important;overflow:hidden!important;background:#fbf5e8!important;isolation:isolate}
#promotions .promotion-bundle__image{position:absolute!important;inset:0 0 0 40%!important;width:60%!important;height:100%!important;aspect-ratio:auto!important;background-size:cover!important;background-position:center!important;mask-image:linear-gradient(to right,transparent,#000 13%)!important}
#promotions .promotion-bundle__image::before{display:none!important}
#promotions .promotion-bundle__image img{width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important;transform:none!important}
#promotions .promotion-bundle__copy{position:relative!important;width:46%!important;padding:32px 20px 28px 42px!important;display:flex!important;flex-direction:column!important;background:none!important;z-index:2!important;height:auto!important}
#promotions .promotion-bundle__badge{align-self:flex-start!important;min-height:30px!important;padding:6px 14px!important;font-size:max(16px,13px)!important;gap:8px!important;background:#f4e6cb!important;color:#17231c!important;border-radius:999px!important}
#promotions .promotion-bundle__badge i{width:18px!important;height:18px!important;font-size:max(16px,10px)!important}
#promotions .promotion-bundle__copy h2{font-size:max(16px,clamp(36px,3.7vw,60px))!important;line-height:1.02!important;letter-spacing:-.04em!important;margin:20px 0 16px!important;color:#082c2b!important;text-wrap:balance}
#promotions .promotion-bundle:first-child h2 em{font-style:normal;color:#ff7826}
#promotions .promotion-bundle__description{font-size:max(16px,clamp(16px,1.5vw,24px))!important;line-height:1.4!important;margin:0!important;color:#566161!important;max-width:100%!important}
#promotions .promotion-bundle__features{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:24px 0 18px!important;top:auto!important}
#promotions .promotion-bundle__features li{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;min-width:0!important}
#promotions .promotion-bundle__features li>span{width:clamp(50px,5.6vw,84px)!important;height:clamp(50px,5.6vw,84px)!important;aspect-ratio:1!important;border-radius:50%!important;background-size:contain!important;background-position:center!important}
#promotions .promotion-bundle__features small,#promotions .promotion-bundle__features strong{font-size:max(16px,clamp(12px,1.05vw,16px))!important;font-weight:500!important;line-height:1.25!important;text-align:center!important;color:inherit!important}
#promotions .promotion-bundle__price{display:flex!important;align-items:center!important;gap:20px!important;margin:4px 0 16px!important;top:auto!important;flex-wrap:wrap!important}
#promotions .promotion-bundle__price strong{font-size:max(16px,clamp(38px,3.6vw,58px))!important;color:#101513!important}
#promotions .promotion-bundle__price del{font-size:max(16px,20px)!important}
#promotions .promotion-bundle__price>span{font-size:max(16px,14px)!important;padding:8px 16px!important}
#promotions .promotion-bundle__price>span svg{display:none!important}
#promotions .promotion-bundle__cta{position:relative!important;top:auto!important;align-self:stretch!important;width:100%!important;min-height:58px!important;height:auto!important;border-radius:999px!important;font-size:max(16px,clamp(16px,1.45vw,23px))!important;padding:14px 18px!important;gap:12px!important;background:linear-gradient(110deg,#ffc43b,#ffb829)!important;color:#111a12!important}
#promotions .promotion-bundle__cta>span{position:static!important;width:auto!important;height:auto!important;clip-path:none!important;overflow:visible!important}
#promotions .promotion-bundle:nth-child(2){background:#242719!important}
#promotions .promotion-bundle:nth-child(2) .promotion-bundle__image{inset:0 0 0 32%!important;width:68%!important;background-image:url('assets/brand/promotion-offer-reference-02-wide.webp')!important;mask-image:linear-gradient(to right,transparent,#000 24%)!important}
#promotions .promotion-bundle:nth-child(2) h2,#promotions .promotion-bundle:nth-child(2) .promotion-bundle__description,#promotions .promotion-bundle:nth-child(2) .promotion-bundle__features,#promotions .promotion-bundle:nth-child(2) .promotion-bundle__price strong{color:#fffaf0!important}
#promotions .promotion-bundle:nth-child(2) .promotion-bundle__badge{background:#506731!important;color:#fff!important}
#promotions .promotion-bundle:nth-child(2) .promotion-bundle__features li>span{background:#344320!important;width:54px!important;height:54px!important;border:1px solid #76854e!important}
#promotions .promotion-bundle:nth-child(2) .promotion-bundle__features svg{display:block!important;stroke:#fff!important;width:30px!important;height:30px!important}
#promotions .promotion-bundle:nth-child(3) .promotion-bundle__image{bottom:100px!important;height:calc(100% - 100px)!important}
#promotions .promotion-bundle:nth-child(3) .promotion-bundle__copy{padding-bottom:36px!important}
#promotions .promotion-bundle:nth-child(3) .promotion-bundle__price,#promotions .promotion-bundle:nth-child(3) .promotion-bundle__cta{position:absolute!important;left:57%!important;width:39%!important;z-index:3!important}
#promotions .promotion-bundle:nth-child(3) .promotion-bundle__price{bottom:82px!important;margin:0!important;top:auto!important;gap:15px!important}
#promotions .promotion-bundle:nth-child(3) .promotion-bundle__price strong{font-size:max(16px,42px)!important}
#promotions .promotion-bundle:nth-child(3) .promotion-bundle__cta{bottom:24px!important;top:auto!important;min-height:52px!important;font-size:max(16px,20px)!important}
#promotions .promotion-bundle__callout{position:static!important;align-self:flex-end!important;transform:none!important;font-size:max(16px,15px)!important;margin-bottom:6px!important}
@media(max-width:800px){
 #promotions{width:calc(100% - 24px)!important;margin-top:26px!important}
 #promotions .promotion-bundle{border-radius:24px!important;display:flex!important;flex-direction:column!important}
 #promotions .promotion-bundle__copy{width:100%!important;padding:24px!important;order:0!important}
 #promotions .promotion-bundle__image,#promotions .promotion-bundle:nth-child(2) .promotion-bundle__image,#promotions .promotion-bundle:nth-child(3) .promotion-bundle__image{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:1.4!important;mask-image:none!important;order:1!important;background-size:contain!important;background-repeat:no-repeat!important}
 #promotions .promotion-bundle__copy h2{font-size:max(16px,clamp(30px,6vw,44px))!important}
 #promotions .promotion-bundle__description{font-size:max(16px,17px)!important}
 #promotions .promotion-bundle__features li>span{width:58px!important;height:58px!important}
 #promotions .promotion-bundle__features small,#promotions .promotion-bundle__features strong{font-size:max(16px,12px)!important}
 #promotions .promotion-bundle:nth-child(3) .promotion-bundle__price,#promotions .promotion-bundle:nth-child(3) .promotion-bundle__cta{position:relative!important;inset:auto!important;width:100%!important}
 #promotions .promotion-bundle:nth-child(3) .promotion-bundle__price{margin:8px 0 16px!important}
}
@media(prefers-reduced-motion:no-preference){#promotions .promotion-bundle__cta:active{scale:.96}}
@media(min-width:801px){#promotions .promotion-bundle:nth-child(3) .promotion-bundle__copy{position:static!important}#promotions .promotion-bundle:nth-child(3) .promotion-bundle__price,#promotions .promotion-bundle:nth-child(3) .promotion-bundle__cta{left:57%!important}}
#promotions .promotion-bundle:nth-child(2) .promotion-bundle__image,#promotions .promotion-bundle:nth-child(3) .promotion-bundle__image{background-size:contain!important;background-repeat:no-repeat!important;background-color:transparent!important}
#promotions .promotion-bundle:nth-child(3) .promotion-bundle__features li>span{background-size:460.4% 618.5%!important;background-position-y:53%!important}
#promotions .promotion-bundle:nth-child(3) .promotion-bundle__features li:nth-child(1)>span{background-position-x:5%!important}
#promotions .promotion-bundle:nth-child(3) .promotion-bundle__features li:nth-child(2)>span{background-position-x:35%!important}
#promotions .promotion-bundle:nth-child(3) .promotion-bundle__features li:nth-child(3)>span{background-position-x:66%!important}
#promotions .promotion-bundle:nth-child(3) .promotion-bundle__features li:nth-child(4)>span{background-position-x:96%!important}
#promotions .promotion-bundle__title-accent::after{display:none!important}
.why-section{max-width:1600px!important;width:calc(100% - 48px)!important;display:grid!important;grid-template-columns:220px 1fr!important;gap:28px!important;margin:20px auto 50px!important;padding:0!important}
.why-section .heading-row{display:block!important;margin:0!important;align-self:center!important}
.why-section .heading-row h2{font-size:max(16px,30px)!important;line-height:1.16!important}
.why-section .hand-note{display:none!important}
.why-section .why-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0!important}
.why-section .why-grid article{border:1px solid #e4dac9!important;border-radius:18px!important;padding:20px!important;background:#fffaf1!important}
.why-section .why-grid h3{font-size:max(16px,17px)!important;margin:12px 0 8px!important}
.why-section .why-grid p{font-size:max(16px,16px)!important;line-height:1.35!important;margin:0!important}
@media(max-width:800px){.why-section{width:calc(100% - 24px)!important;grid-template-columns:1fr!important}.why-section .why-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.why-section .why-grid article{padding:16px!important}.why-section .why-grid p{font-size:max(16px,14px)!important}}
#promotions .promotion-bundle__badge i svg{width:16px!important;height:16px!important}
@media(min-width:801px){#promotions .promotion-bundle:first-child::after{content:'5 вкусов\A в одном наборе\A выгоднее!';white-space:pre;position:absolute;right:18px;bottom:18px;background:#f0dec1;padding:16px 22px;color:#374031;transform:rotate(-9deg);font-size:max(16px,18px);font-style:italic;line-height:1.4;z-index:4;box-shadow:0 5px 16px #38230920}}

@media(min-width:801px){#promotions .promotion-bundle:nth-child(3) .promotion-bundle__image{bottom:145px!important;height:calc(100% - 145px)!important}}
body main .why-section.wrap{max-width:1600px!important;width:calc(100% - 48px)!important}
#promotions .promotion-bundle__badge i svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:800px){body main .why-section.wrap{width:calc(100% - 24px)!important}}
#promotions .promotion-bundle:nth-child(2) .promotion-bundle__features small,#promotions .promotion-bundle:nth-child(2) .promotion-bundle__features strong{color:#fffaf0!important}
/* Keep promotion copy inside its own panel at every breakpoint. */
#promotions .promotion-bundle__copy{box-sizing:border-box!important;min-width:0!important;overflow-wrap:break-word!important}
#promotions .promotion-bundle__copy h2,#promotions .promotion-bundle__description,#promotions .promotion-bundle__features,#promotions .promotion-bundle__price{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;left:auto!important;right:auto!important;transform:none!important}
#promotions .promotion-bundle__title-accent{white-space:normal!important}
#promotions .promotion-bundle__features{padding:0!important;list-style:none!important}
#promotions .promotion-bundle__features li,#promotions .promotion-bundle__features small,#promotions .promotion-bundle__feature-copy{width:100%!important;max-width:100%!important;white-space:normal!important;box-sizing:border-box!important}
#promotions .promotion-bundle__cta{box-sizing:border-box!important;max-width:100%!important;left:auto!important;right:auto!important;transform:none!important;white-space:normal!important}
@media(min-width:801px){
 #promotions .promotion-bundle__copy{width:46%!important;padding:32px clamp(24px,2.4vw,42px)!important}
 #promotions .promotion-bundle:nth-child(n) .promotion-bundle__image{inset:0 0 0 46%!important;width:54%!important;height:100%!important;mask-image:none!important;background-size:cover!important;background-repeat:no-repeat!important}
 #promotions .promotion-bundle:nth-child(3) .promotion-bundle__image{bottom:130px!important;height:calc(100% - 130px)!important}
 #promotions .promotion-bundle:nth-child(3) .promotion-bundle__price,#promotions .promotion-bundle:nth-child(3) .promotion-bundle__cta{left:48%!important;right:2%!important;width:50%!important;max-width:50%!important}
 #promotions .promotion-bundle:nth-child(3) .promotion-bundle__price{bottom:82px!important}
 #promotions .promotion-bundle:nth-child(3) .promotion-bundle__cta{bottom:22px!important}
 #promotions .promotion-bundle__copy h2{font-size:max(16px,clamp(32px,3.3vw,54px))!important}
 #promotions .promotion-bundle__description{font-size:max(16px,clamp(16px,1.35vw,22px))!important}
}
@media(max-width:800px){
 #promotions .promotion-bundle:nth-child(n) .promotion-bundle__image{background-size:cover!important;aspect-ratio:1.4!important}
 #promotions .promotion-bundle:nth-child(3) .promotion-bundle__price,#promotions .promotion-bundle:nth-child(3) .promotion-bundle__cta{left:auto!important;right:auto!important;width:100%!important;max-width:100%!important}
 #promotions .promotion-bundle__copy{padding:24px!important}
}
@media(max-width:480px){
 #promotions .promotion-bundle__features{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 12px!important}
 #promotions .promotion-bundle__cta{font-size:max(16px,16px)!important;padding:14px!important}
 #promotions .promotion-bundle__price{gap:10px!important}
}

#promotions{container-type:inline-size}
@media(min-width:980px){
 #promotions .promotion-bundle:nth-child(3){min-height:calc(54cqw / 1.23 + 180px)!important}
 #promotions .promotion-bundle:nth-child(3) .promotion-bundle__image{height:calc(100% - 180px)!important;bottom:180px!important}
 #promotions .promotion-bundle:nth-child(3) .promotion-bundle__price{bottom:88px!important}
}
@media(max-width:979px){
 #promotions .promotion-bundle{display:flex!important;flex-direction:column!important;border-radius:24px!important}
 #promotions .promotion-bundle:nth-child(n) .promotion-bundle__copy{position:relative!important;width:100%!important;padding:24px!important;order:0!important}
 #promotions .promotion-bundle:nth-child(n) .promotion-bundle__image{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:1.23!important;order:1!important;mask-image:none!important;background-size:cover!important}
 #promotions .promotion-bundle:nth-child(3) .promotion-bundle__price,#promotions .promotion-bundle:nth-child(3) .promotion-bundle__cta{position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important}
 #promotions .promotion-bundle:nth-child(3) .promotion-bundle__price{margin:8px 0 16px!important}
 #promotions .promotion-bundle:first-child::after{display:none!important}
}
/* Monthly offer: purchase controls follow benefits in the copy column. */
#promotions .promotion-bundle:nth-child(3) .promotion-bundle__copy{position:relative!important}
#promotions .promotion-bundle:nth-child(3) .promotion-bundle__price,#promotions .promotion-bundle:nth-child(3) .promotion-bundle__cta{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:100%!important}
#promotions .promotion-bundle:nth-child(3) .promotion-bundle__price{margin:8px 0 16px!important}
@media(min-width:980px){
 #promotions .promotion-bundle:nth-child(3){min-height:calc(54cqw / 1.23)!important}
 #promotions .promotion-bundle:nth-child(3) .promotion-bundle__image{inset:0 0 0 46%!important;bottom:0!important;height:100%!important}
}


/* Source stylesheet: responsive-site.css?v=20261104-treat-catalog-cleanup-v1 */
/* Shared responsive repairs: preserve content, reserve space for every control. */
header .account-icon{display:none}
header .account-link{flex-shrink:0}
.footer-bottom.footer-utilities{flex-wrap:wrap;gap:14px;justify-content:flex-start}
.footer-bottom.footer-utilities>*{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.vet-actions{flex-wrap:wrap}
.vet-actions>.button{flex:1 1 140px;min-width:0;white-space:normal;text-align:center;justify-content:center}
.vet-launch .consult-pulse{min-width:0;max-width:100%;white-space:normal;justify-content:center;text-align:center;gap:12px}
.quiz-results span{min-width:0;overflow-wrap:anywhere}
@media(max-width:1100px){
 header .nav nav{display:none!important}
 header .mobile-menu{display:grid!important}
 header .nav{gap:12px!important}
 header .nav-actions{flex:none;gap:8px!important;min-width:0}
}
@media(max-width:600px){
 header .nav{width:calc(100% - 24px)!important;gap:8px!important;justify-content:space-between}
 header .brand-file{flex:0 0 110px!important;width:110px!important;min-width:0!important;height:60px!important}
 header .brand-file img{width:100%!important;height:100%!important;object-fit:contain!important}
 header .nav-actions{gap:4px!important;margin-left:0!important}
 header .nav-actions .search-button,header .nav-actions .cart-button,header .nav-actions .mobile-menu,header .nav-actions .account-link{flex:0 0 44px!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;display:grid!important;place-items:center;border-radius:50%!important}
 header .nav-actions .search-button span{display:none!important}
 header .nav-actions .header-cta,header .account-link>span{display:none!important}
 header .account-icon{display:block;width:23px!important;height:23px!important}
 header .cart-button .icon,header .search-button .icon,header .mobile-menu .icon{width:23px!important;height:23px!important}
 header #mobile-nav{padding:8px 12px 16px!important}
 header #mobile-nav a{min-height:44px!important}
}
@media(max-width:360px){
 header .nav{gap:6px!important}
 header .brand-file{flex-basis:84px!important;width:84px!important}
 header .nav-actions{gap:3px!important}
}
@media(max-width:900px){
 #hero-feedback .s2r-button>span:not(.s2r-button-icon):not(.s2r-arrow),#hero-feedback .s2r-benefits li>span:last-child{min-width:0}
 #hero-feedback .s2r-button-icon,#hero-feedback .s2r-benefit-icon{flex-shrink:0}
 #hero-feedback .t3-copy>p{white-space:normal;overflow-wrap:break-word}
 #hero-feedback .t3-copy>p br{display:initial!important}
 #hero-feedback .ref-1 .hero-copy h1{font-size:max(16px,clamp(20px,6.1vw,42px))!important;line-height:1.12!important;width:90%!important;max-width:90%!important}
 #hero-feedback .ref-1 .hero-copy h1 em{font-size:max(16px,1em)!important}
 #hero-feedback .ref-1 .reference-actions{margin-top:26px!important;gap:16px!important}
 #hero-feedback .ref-1 .play-icon{fill:none!important;stroke:currentColor!important;stroke-width:1.7}
 #hero-feedback .ref-1 .play-icon path{fill:currentColor!important;stroke:none!important}
 #hero-feedback .s2r-heart{position:static;display:block;margin:10px 0 0 auto;width:42px;height:42px}
}
@media(max-width:520px){
 #hero-feedback .s2r-offers{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto;align-items:stretch}
 #hero-feedback .s2r-card{display:flex;flex-direction:column;gap:0;padding:14px 12px;min-width:0}
 #hero-feedback .s2r-card h2{font-size:max(16px,18px);line-height:1.15;margin:12px 0 8px;max-width:100%;overflow-wrap:break-word}
 #hero-feedback .s2r-card p{font-size:max(16px,13px);line-height:1.3;max-width:100%;margin:0 0 12px}
 #hero-feedback .s2r-tag{font-size:max(16px,9px);max-width:100%;white-space:normal;align-self:flex-start}
 #hero-feedback .s2r-card img{position:relative;inset:auto!important;width:100%!important;height:105px!important;object-fit:contain;margin-top:auto;flex:none}
 #hero-feedback .s2r-actions{margin-top:14px}
 #hero-feedback .s2r-button{padding:12px 16px;gap:10px}
 #hero-feedback .s2r-button strong,#hero-feedback .s2r-secondary strong{font-size:max(16px,19px)}
 #hero-feedback .s2r-button small{font-size:max(16px,14px)}
 #hero-feedback .s2r-arrow{width:32px;height:32px;flex:none}
 #hero-feedback .s2r-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;padding:18px 12px}
 #hero-feedback .s2r-benefits li{flex-direction:column;align-items:flex-start;padding:0;gap:9px}
 #hero-feedback .s2r-benefits strong{font-size:max(16px,15px)}
 #hero-feedback .s2r-benefits small{font-size:max(16px,13px)}
}
.promotion-bundle__feature-copy{min-width:0;overflow-wrap:anywhere}
.reputation-card__top>div{min-width:0}
.reputation-card__top h3{overflow-wrap:anywhere}
#hero-feedback .ref-1 .first-reference-benefits strong{overflow-wrap:anywhere}
@media(max-width:420px){#catalog .pet-switch{flex-wrap:wrap}#catalog .pet-switch button{flex:1 1 110px;white-space:normal;min-height:44px}}
#hero-feedback .t3-eyebrow{min-width:0;flex-wrap:wrap;justify-content:center;text-align:center;gap:8px}
@media(max-width:1100px){header .cart-button b{display:none!important}header .cart-button{min-width:44px!important;min-height:44px!important}}
#hero-feedback .ref-1 .first-reference-benefits li>span{min-width:0;max-width:100%!important;width:100%}
#hero-feedback .ref-1 .first-reference-benefits small{overflow-wrap:anywhere}
@media(max-width:1100px){header .cart-button #count{right:0!important}}
/* Second-slide layout: match the supplied 1728 × 820 composition. */
@media(min-width:901px){
 #hero-feedback .s2r-copy{left:4.8%;top:12.4%;width:40.4%}
 #hero-feedback .s2r-eyebrow{font-size:max(16px,.85cqw);margin-bottom:1.8cqw;padding:.42cqw .85cqw}
 #hero-feedback .s2r-heading{font-size:max(16px,4.35cqw);line-height:.94;letter-spacing:-.045em}
 #hero-feedback .s2r-heading em{color:#f07818!important;font-size:max(16px,.92em);line-height:.96}
 #hero-feedback .s2r-heart{right:1%;top:37%;width:5cqw;height:5cqw}
 #hero-feedback .s2r-lead{margin-top:1.25cqw;font-size:max(16px,1.38cqw);line-height:1.32}
 #hero-feedback .s2r-actions{left:4.8%;top:76.3%;width:41.6%;height:13.7%;grid-template-columns:1.15fr .85fr;gap:1.3%}
 #hero-feedback .s2r-primary{animation:s2r-button-breathe 2.8s ease-in-out infinite;transform-origin:center}
 #hero-feedback .s2r-button strong{font-size:max(16px,1.3cqw)}
 #hero-feedback .s2r-button small{font-size:max(16px,.94cqw)}
 #hero-feedback .s2r-offers{left:46.8%;right:2.1%;top:19.4%;height:69.8%;gap:.65cqw}
 #hero-feedback .s2r-benefits{display:none!important}
 #hero-feedback .s2r-sets h2,#hero-feedback .s2r-sets p{max-width:54%;overflow-wrap:normal}
 #hero-feedback .s2r-sets img{right:0;width:48%!important;height:86%!important;object-position:right bottom}
 #hero-feedback .s2r-meat h2,#hero-feedback .s2r-meat p,#hero-feedback .s2r-flavors h2,#hero-feedback .s2r-flavors p,#hero-feedback .s2r-delivery h2,#hero-feedback .s2r-delivery p{max-width:58%}
}
@keyframes s2r-button-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){#hero-feedback .s2r-primary{animation:none!important}}
@media(max-width:900px){
 #hero-feedback .s2r-benefits{display:none!important}
 #hero-feedback .s2r-sets h2,#hero-feedback .s2r-sets p{max-width:56%}
 #hero-feedback .s2r-sets img{right:0!important;width:44%!important;height:72%!important}
}
/* Second-slide composition tuned to the supplied reference at 1728 × 820. */
@media(min-width:901px){
 #hero-feedback .s2r-copy{left:5.1%;top:12.4%;width:42%}
 #hero-feedback .s2r-eyebrow{margin-bottom:3.7cqw}
 #hero-feedback .s2r-heading{font-size:max(16px,4.7cqw)}
 #hero-feedback .s2r-offers{left:49.1%;right:2.1%;top:19.4%;height:69.8%;gap:.65cqw}
 #hero-feedback .s2r-sets h2,#hero-feedback .s2r-sets p{max-width:54%;overflow-wrap:normal}
 #hero-feedback .s2r-sets img{right:0;width:48%!important;height:86%!important;object-position:right bottom;transform:translateY(-20px) scale(1.08);transform-origin:right bottom}
 #hero-feedback .s2r-primary{animation:s2r-button-breathe 2.8s ease-in-out infinite!important;transform-origin:center}
}

/* Keep the set title and description clear of its photo on narrow screens. */
@media(max-width:520px){
 #hero-feedback .s2r-sets h2,#hero-feedback .s2r-sets p{position:relative;z-index:1;width:100%;max-width:100%!important;overflow-wrap:break-word}
 #hero-feedback .s2r-sets img{position:relative!important;inset:auto!important;display:block;width:100%!important;height:112px!important;max-height:112px;object-fit:contain;object-position:center bottom;margin:auto 0 0;transform:none!important}
}
@media(max-width:520px){
 #hero-feedback .s2r-card.s2r-sets{display:flex;flex-direction:column}
 #hero-feedback .s2r-sets h2,#hero-feedback .s2r-sets p{max-width:100%!important;width:100%;overflow-wrap:normal}
 #hero-feedback .s2r-sets img{position:relative!important;inset:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:100%!important;height:105px!important;max-width:100%;object-fit:contain;margin-top:auto;transform:none!important}
}
/* Keep the second-slide subtitle legible over both the plaster wall and tabletop. */
#hero-feedback .s2r-lead{color:#173d38!important;font-weight:500;text-shadow:0 1px 1px rgba(255,250,242,.62)}

/* Left copy only: handwritten caption from the supplied second-slide reference. */
#hero-feedback .s2r-heading .s2r-handwritten{position:relative;isolation:isolate;display:block;font-family:Caveat,"Segoe Print",cursive!important;font-weight:500!important;font-style:normal!important;letter-spacing:0!important;color:#99501e!important;text-align:center;line-height:.98!important;padding:.25em .16em .2em;margin:.16em 0 0;transform:rotate(-2deg)}
#hero-feedback .s2r-handwritten span{display:block;position:relative;z-index:1;white-space:nowrap}
#hero-feedback .s2r-handwritten::before,#hero-feedback .s2r-handwritten::after{content:"";position:absolute;z-index:-1;left:0;right:0;height:49%;background:#ffe3a8;opacity:.78;clip-path:polygon(2% 9%,91% 0,97% 7%,94% 16%,100% 24%,97% 38%,100% 48%,96% 64%,99% 78%,94% 87%,98% 95%,6% 100%,2% 91%,4% 76%,0 65%,3% 49%,0 35%,5% 26%,1% 17%)}
#hero-feedback .s2r-handwritten::before{top:0;transform:rotate(.5deg)}
#hero-feedback .s2r-handwritten::after{bottom:0;left:3%;right:-1%;transform:rotate(-.5deg)}
#hero-feedback .s2r-lead{display:block!important;color:#53605b!important;text-wrap:pretty;font-weight:400}
@media(min-width:901px){
 #hero-feedback .s2r-copy{top:8.4%}
 #hero-feedback .s2r-eyebrow{margin-bottom:2.4cqw}
 #hero-feedback .s2r-heading{font-size:max(16px,4.7cqw);line-height:1!important}
 #hero-feedback .s2r-heading .s2r-handwritten{font-size:max(16px,3.75cqw)!important;line-height:.98!important}
 #hero-feedback .s2r-lead{margin:1.15cqw 0 0!important;font-size:max(16px,1.38cqw);line-height:1.32}
 #hero-feedback .s2r-heart{top:29%;right:-1%;width:5.7cqw;height:5.7cqw}
}
@media(max-width:900px){#hero-feedback .s2r-heading .s2r-handwritten{font-size:max(16px,clamp(29px,5.9vw,52px))!important}#hero-feedback .s2r-lead{margin:18px 0 0!important}#hero-feedback .s2r-heart{top:25%}}
@media(max-width:520px){#hero-feedback .s2r-heading .s2r-handwritten{font-size:max(16px,7.4vw)!important}#hero-feedback .s2r-lead{font-size:max(16px,17px)!important;line-height:1.4!important}}
@media(min-width:901px){#hero-feedback .s2r-heading .s2r-handwritten{font-size:max(16px,4.4cqw)!important;padding:.08em .1em .12em}}
/* Second slide: one left edge and a quiet surface behind all copy. */
#hero-feedback .s2r-copy{isolation:isolate;text-align:left!important;box-sizing:border-box}
#hero-feedback .s2r-copy::before{content:"";position:absolute;inset:-22px -18px -20px -18px;background:rgba(255,249,238,.94);border-radius:24px;box-shadow:0 0 30px 16px rgba(255,249,238,.7);z-index:-1;pointer-events:none}
#hero-feedback .s2r-eyebrow,#hero-feedback .s2r-heading,#hero-feedback .s2r-lead{margin-left:0!important;text-align:left!important}
#hero-feedback .s2r-heading .s2r-handwritten{text-align:left!important;transform:none!important;padding:.12em 0!important;margin:.16em 0 0!important;color:#88451f!important}
#hero-feedback .s2r-handwritten::before,#hero-feedback .s2r-handwritten::after{left:-.08em!important;right:0!important;transform:none!important;opacity:.85!important}
#hero-feedback .s2r-lead{color:#263d35!important;font-weight:500!important;text-shadow:none!important;line-height:1.4!important}
#hero-feedback .s2r-button{text-align:left!important}
@media(min-width:901px){
 #hero-feedback .s2r-copy{left:5.1%!important;top:8.4%!important;width:42%!important}
 #hero-feedback .s2r-actions{left:5.1%!important;width:42%!important}
 #hero-feedback .s2r-heading{font-size:max(16px,4.4cqw)!important;line-height:1!important}
 #hero-feedback .s2r-heading .s2r-handwritten{font-size:max(16px,3.65cqw)!important;line-height:1.04!important}
 #hero-feedback .s2r-eyebrow{margin-bottom:2.2cqw!important}
 #hero-feedback .s2r-lead{font-size:max(16px,1.35cqw)!important;margin-top:1.1cqw!important}
}
@media(max-width:900px){#hero-feedback .s2r-copy::before{inset:-14px -12px;background:rgba(255,249,238,.97);box-shadow:0 0 18px 8px rgba(255,249,238,.7)}#hero-feedback .s2r-lead br{display:none}}
@media(min-width:901px){#hero-feedback .s2r-actions{top:calc(8.4% + 29cqw)!important}}
/* Center second-slide copy over the original scene. */
#hero-feedback .s2r-copy::before{display:none!important}
#hero-feedback .s2r-copy{background:none!important;box-shadow:none!important;text-align:center!important}
#hero-feedback .s2r-eyebrow{width:fit-content!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;justify-content:center!important;text-align:center!important}
#hero-feedback .s2r-heading,#hero-feedback .s2r-heading .s2r-handwritten,#hero-feedback .s2r-lead{text-align:center!important}
#hero-feedback .s2r-lead{color:#173b30!important}
/* Bring second-slide actions closer after removing the description. */
@media(min-width:901px){#hero-feedback .s2r-actions{top:calc(8.4% + 24.5cqw)!important}}
@media(max-width:900px){#hero-feedback .s2r-actions{margin-top:12px!important}}
/* Warm orange-red highlight for the set selection action. */
#hero-feedback .s2r-primary{background:linear-gradient(110deg,#ffc046 0%,#ffad32 52%,#ff8546 100%)!important;box-shadow:0 8px 24px rgba(231,91,43,.22),0 0 18px rgba(255,130,65,.16),inset 0 1px 0 rgba(255,255,255,.45)!important}
#hero-feedback .s2r-primary:hover{box-shadow:0 10px 28px rgba(231,91,43,.29),0 0 22px rgba(255,130,65,.21),inset 0 1px 0 rgba(255,255,255,.45)!important}
#hero-feedback .s2r-secondary{padding-left:1.4cqw!important}
#hero-feedback .s2r-secondary .s2r-arrow{display:grid!important;margin-left:auto!important;background:#ffe8c9;border-color:transparent;order:2}
@media(max-width:900px){#hero-feedback .s2r-secondary{padding-left:20px!important}}
/* Compact, centered copy in the treats action. */
#hero-feedback .s2r-secondary{width:94%!important;height:90%!important;min-height:0!important;align-self:center;justify-self:center;padding:.65cqw!important;gap:.45cqw!important}
#hero-feedback .s2r-secondary>span:not(.s2r-arrow){flex:1;min-width:0;text-align:center!important}
#hero-feedback .s2r-secondary strong{font-size:max(16px,1.1cqw)!important;white-space:normal!important;text-align:center!important}
#hero-feedback .s2r-secondary small{font-size:max(16px,.85cqw)!important;text-align:center!important}
#hero-feedback .s2r-secondary .s2r-arrow{margin-left:0!important}
@media(max-width:900px){#hero-feedback .s2r-secondary{height:auto!important;min-height:76px!important;padding:10px 14px!important;gap:8px!important}#hero-feedback .s2r-secondary strong{font-size:max(16px,18px)!important}#hero-feedback .s2r-secondary small{font-size:max(16px,13px)!important}}

#hero-feedback .ref-2.s2-refresh{background-image:url('assets/brand/second-slide-no-table.webp')!important}
/* Display the supplied portrait intact, without masking, filters or cropping. */
#hero-feedback #about .t3-photo{position:absolute!important;inset:0 0 0 auto!important;width:40%!important;height:100%!important;min-height:0!important;margin:0!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;clip-path:none!important;mask-image:none!important;filter:none!important;opacity:1!important;transform:none!important}
@media(max-width:900px){#hero-feedback #about .t3-photo{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:1!important;object-fit:contain!important;margin:20px 0 0!important}}
/* Readable text must reflow instead of being squeezed into fixed boxes. */
body{font-size:16px;line-height:1.5}
button,input,select,textarea{font-size:16px}
p{overflow-wrap:break-word}
#hero-feedback .t3-eyebrow{white-space:normal!important;line-height:1.35!important}
#hero-feedback .t3-copy>p{font-size:clamp(16px,1.2vw,22px)!important;line-height:1.45!important}
#hero-feedback .t3-copy>p br{display:none}
#hero-feedback .t3-journey strong,#hero-feedback .t3-journey small,#hero-feedback .t3-benefits strong,#hero-feedback .t3-benefits p{font-size:16px!important;line-height:1.35!important}
#hero-feedback .t3-note p{font-size:16px!important;line-height:1.35!important}
#hero-feedback .s2r-tag{white-space:normal!important;height:auto!important;line-height:1.35!important}
#hero-feedback .s2r-actions a{height:auto!important;min-height:88px!important}
#hero-feedback .s2r-actions small{line-height:1.3!important}
#catalog .catalog-trust strong,#catalog .catalog-trust small{line-height:1.35!important}
#catalog .catalog-tag,#catalog .product-weight,#catalog .buy-weight{font-size:16px!important}
#promotions .promotion-bundle__badge{height:auto!important;white-space:normal!important}
#promotions .promotion-bundle__features li{min-width:0}
#promotions .promotion-bundle__features small,#promotions .promotion-bundle__features strong{overflow-wrap:normal!important;word-break:normal!important}
#promotions .promotion-bundle__cta{height:auto!important;white-space:normal!important;line-height:1.3!important}
@media(min-width:901px) and (max-width:1400px){
 #hero-feedback #about{min-height:780px!important;height:auto!important}
 #hero-feedback .t3-copy{max-width:54%!important}
 #hero-feedback .t3-copy h2{font-size:clamp(34px,4vw,55px)!important}
 #hero-feedback .t3-journey{top:49%!important}
 #hero-feedback .t3-benefits{bottom:4%!important}
 #hero-feedback .t3-benefits article{padding:14px!important;gap:9px!important}
 #hero-feedback .t3-benefits img,#hero-feedback .t3-benefit-symbol{width:42px!important;height:42px!important;flex:none}
}
@media(max-width:900px){
 #hero-feedback .t3-copy>p{font-size:18px!important}
 #hero-feedback .t3-copy h2{font-size:clamp(28px,6vw,44px)!important}
 #hero-feedback .t3-journey{grid-template-columns:1fr!important;gap:20px!important;margin:24px 0!important}
 #hero-feedback .t3-journey li{min-height:0!important;padding:0!important;border:0!important}
 #hero-feedback .t3-journey strong{font-size:18px!important}
 #hero-feedback .t3-benefits{grid-template-columns:1fr!important}
 #hero-feedback .s2r-actions{gap:12px!important}
 #hero-feedback .s2r-actions a{padding:16px!important}
 #hero-feedback .s2r-eyebrow{white-space:normal!important;line-height:1.35!important}
 #promotions .promotion-bundle__features{row-gap:20px!important}
 #promotions .promotion-bundle__cta{min-height:60px!important}
}
#hero-feedback #about .t3-copy>p{white-space:normal!important;width:100%!important;max-width:100%!important}
#hero-feedback #about .t3-benefits article>div{min-width:0!important}
#hero-feedback #about .t3-benefits p,#hero-feedback #about .t3-benefits strong{white-space:normal!important;display:block!important}
#hero-feedback #about .t3-benefits p br{display:none}
@media(min-width:901px) and (max-width:1400px){#hero-feedback #about .t3-benefits article{flex-direction:column!important;text-align:center!important;min-height:154px!important}#hero-feedback #about .t3-benefits{bottom:2%!important}}
#hero-feedback #about .t3-photo{object-position:center bottom!important}
small{font-size:max(16px,.875em)}
@media(max-width:420px){.mobile-purchase{left:0!important;right:0!important;width:100%!important;box-sizing:border-box!important}.mobile-purchase .button{min-width:0!important;white-space:normal!important}}
@media(max-width:420px){#hero-feedback .s2r-offers{grid-template-columns:minmax(0,1fr)!important}}


/* Source stylesheet: responsive-catalog.css?v=20261104-treat-catalog-cleanup-v1 */
/* Responsive catalogue and purchase surfaces. Loaded after the shared theme. */
#catalog .catalog-controls > *, #catalog .feed-filter > *, #catalog .treat-filter > *, #catalog .product .pbody > * {min-width:0;max-width:100%}
#catalog .catalog-controls {grid-template-columns:repeat(4,minmax(0,1fr))}
#catalog .catalog-controls select,#catalog .search-row input {max-width:100%;min-width:0}
#catalog .product .product-bottom {flex-wrap:wrap}
#catalog .product .price {white-space:normal;overflow-wrap:anywhere}
#catalog .product .buy {height:auto!important;padding:12px 16px!important;line-height:1.3!important;flex-wrap:wrap}
#catalog .product .buy-weight {white-space:normal}
#catalog .product .catalog-tag {white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
#catalog .product .details-link {overflow-wrap:anywhere}
#catalog .treat-chips button,#catalog .feed-pet-options button {min-height:44px}
#modal {padding:0!important;max-height:calc(100dvh - 24px)!important;overscroll-behavior:contain}
#modal #modal-body {padding:56px 28px 28px!important;min-width:0;overflow-wrap:anywhere}
#modal #modal-body > * {max-width:100%;min-width:0}
#modal .cart-item-info {min-width:0}
#modal .cart-item-end {flex-shrink:0}
#modal .cart-row h3 {overflow-wrap:anywhere}
#modal .quantity {font-variant-numeric:tabular-nums;flex-wrap:nowrap}
#modal .quantity button,#modal .remove {min-width:44px;min-height:44px}
#modal .total {gap:16px;flex-wrap:wrap;font-variant-numeric:tabular-nums}
#modal .specs > div {gap:14px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
#modal .specs dd {min-width:0;overflow-wrap:anywhere}
#modal .detail-purchase {flex-wrap:wrap}
#modal .detail-purchase strong {font-size:max(16px,clamp(21px,4vw,29px));overflow-wrap:anywhere}
#modal .detail-purchase .button {max-width:100%;white-space:normal;gap:12px}
#modal .form-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
#modal .form-field {min-width:0}
#modal .form-field input,#modal .form-field textarea,#modal .form-field select {min-width:0;max-width:100%;font-size:max(16px,16px)}
#modal .consent input {flex:none}
#modal .form-summary > div {display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 14px;margin-bottom:6px}
#modal .form-summary b {font-variant-numeric:tabular-nums}
#modal .button.full {white-space:normal;text-align:center;gap:12px}
@media(max-width:1000px){#catalog .catalog-controls {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#catalog .catalog-controls:has(>label[hidden]) {grid-template-columns:minmax(0,1fr)}#catalog .feed-total {white-space:normal}}
@media(max-width:600px){
 #modal #modal-body {padding:54px 18px 22px!important}
 #modal .cart-row {display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px}
 #modal .cart-photo {width:58px;height:58px}
 #modal .cart-item-end {grid-column:2;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}
 #modal .form-grid {grid-template-columns:minmax(0,1fr)}
 #modal .form-wide {grid-column:1}
 #modal .detail-purchase {align-items:stretch;flex-direction:column;gap:14px}
 #modal .detail-purchase .button {width:100%;justify-content:center}
 #modal .detail-photo {width:100%!important;max-width:100%;height:auto!important;aspect-ratio:4/3!important}
 #modal .detail-photo img {object-fit:contain!important;height:100%!important;width:100%!important}
 #catalog .quiz-banner {align-items:flex-start}
 #catalog .quiz-banner > div:not(.quiz-icon) {min-width:0;flex:1}
 #catalog .quiz-banner .button {white-space:normal;min-height:44px;gap:10px}
}
@media(max-width:420px){
 #catalog .catalog-controls {grid-template-columns:minmax(0,1fr)}
 #catalog .catalog-controls .search-row {grid-column:1}
 #catalog .product .buy {font-size:max(16px,16px)!important;gap:8px}
 #catalog .product .buy-weight {padding-left:8px;font-size:max(16px,13px)!important}
 #catalog .feed-pet-options {grid-template-columns:minmax(0,1fr)}
 #catalog .catalog-price-note {padding:12px;overflow-wrap:anywhere}
 #catalog .catalog-price-note a {white-space:normal}
 #modal .specs > div {grid-template-columns:minmax(0,1fr);gap:3px}
}

/* Use all available width when the shape filter is hidden for the selected category. */
@media(min-width:1001px){
 #catalog .catalog-controls:has(>label[data-filter-title="Форма"][hidden]){grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
 #catalog .catalog-controls:has(>label[data-filter-title="Форма"][hidden])>label[data-filter-title="Тип лакомства"]{grid-column:1!important}
 #catalog .catalog-controls:has(>label[data-filter-title="Форма"][hidden])>label[data-filter-title="Вкус"]{grid-column:2!important}
 #catalog .catalog-controls:has(>label[data-filter-title="Форма"][hidden])>label[data-filter-title="Цена"]{grid-column:3!important}
 #catalog .catalog-controls:has(>label[data-filter-title="Форма"][hidden])>label.filter-pill:not([hidden]){min-height:72px!important;height:72px!important;padding:0 22px!important;border-radius:36px!important;font-size:max(16px,18px)!important;font-weight:750!important;box-shadow:0 5px 16px rgb(74 50 14 / 9%)!important}
}


/* Source stylesheet: /site-motion.css?v=20261104-treat-catalog-cleanup-v1 */
:root{--motion-fast:150ms;--motion-panel:200ms;--motion-ease:cubic-bezier(.2,0,0,1)}
html{scroll-behavior:smooth}
:where(a,button,input,select,textarea,summary,[role="button"]){transition:color var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease),opacity var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)!important}
:where(.product,.product-card,.s2r-card,.review-card,.reputation-card){transition:box-shadow 180ms var(--motion-ease),border-color 180ms var(--motion-ease),transform 180ms var(--motion-ease)!important}
:where(.product-image img,.real-product img){transition:transform 200ms var(--motion-ease),opacity 150ms var(--motion-ease)!important}
dialog{opacity:0;transform:translateY(8px);transition:opacity 180ms var(--motion-ease),transform 180ms var(--motion-ease),display 180ms allow-discrete,overlay 180ms allow-discrete}
dialog[open]{opacity:1;transform:translateY(0)}
dialog::backdrop{background-color:transparent;transition:background-color 180ms var(--motion-ease),display 180ms allow-discrete,overlay 180ms allow-discrete}
dialog[open]::backdrop{background-color:rgba(20,32,25,.45)}
#mobile-nav:not([hidden]){animation:site-panel-in 180ms var(--motion-ease)}
.showcase-slide:not([hidden]){animation-duration:220ms!important;animation-timing-function:var(--motion-ease)!important}
details[open]>:not(summary){animation:site-panel-in 160ms var(--motion-ease)}
@keyframes site-panel-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@starting-style{dialog[open]{opacity:0;transform:translateY(8px)}dialog[open]::backdrop{background-color:transparent}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{transition:none!important;animation:none!important}}


/* Source stylesheet: promotions-reference.css?v=20261104-treat-catalog-cleanup-v1 */
/* Shared offer geometry; keep the existing product photographs intact. */
body main #promotions.promotions-section.wrap{max-width:none!important;width:100%!important;margin:0!important;padding:clamp(20px,2.8vw,58px)!important;background:url('assets/brand/refresh2-background.webp') center/cover!important;border-radius:0!important;container-type:inline-size}
#promotions .promotion-bundles{gap:24px!important}
#promotions .promotion-bundle:nth-child(n){display:grid!important;grid-template-columns:46% 54%!important;min-height:0!important;background:transparent!important;border-radius:24px!important;overflow:hidden!important;align-items:stretch}
#promotions .promotion-bundle:nth-child(n)::after{display:none!important}
#promotions .promotion-bundle:nth-child(n) .promotion-bundle__copy{grid-column:1;grid-row:1;position:relative!important;width:100%!important;padding:28px!important;background:#fffaf0!important;border-radius:24px!important;display:flex!important;flex-direction:column!important;gap:0!important}
#promotions .promotion-bundle:nth-child(2) .promotion-bundle__copy{background:#122714!important}
#promotions .promotion-bundle:nth-child(n) .promotion-bundle__image{grid-column:2;grid-row:1;position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-height:520px;aspect-ratio:auto!important;mask-image:none!important;align-self:stretch}
#promotions .promotion-bundle__callout{display:none!important}
#promotions .promotion-bundle:nth-child(n) h2{font-size:max(16px,clamp(30px,3vw,48px))!important;line-height:1.04!important;letter-spacing:-.04em!important;margin:18px 0 12px!important;text-align:left!important;text-wrap:pretty}
#promotions .promotion-bundle:first-child h2 em,#promotions .promotion-bundle__title-accent{color:#f25524!important}
#promotions .promotion-bundle:nth-child(2) h2 em{color:#ffbc2b!important}
#promotions .promotion-bundle:nth-child(n) .promotion-bundle__description{font-size:max(16px,clamp(15px,1.3vw,20px))!important;line-height:1.4!important;margin:0 0 22px!important;text-align:left!important}
#promotions .promotion-bundle:nth-child(n) .promotion-bundle__features{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:0 0 24px!important}
#promotions .promotion-bundle:nth-child(n) .promotion-bundle__features li{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important}
#promotions .promotion-bundle:nth-child(n) .promotion-bundle__features li>span{width:58px!important;height:58px!important;background:#fff0d3!important;border:1px solid #f3dfb8!important;border-radius:50%!important;display:grid!important;place-items:center!important}
#promotions .promotion-bundle:nth-child(n) .promotion-bundle__features svg{display:block!important;width:32px!important;height:32px!important;fill:none!important;stroke:#254a28!important;stroke-width:2!important;stroke-linecap:round;stroke-linejoin:round}
#promotions .promotion-bundle:nth-child(2) .promotion-bundle__features li>span{background:#1e371d!important;border-color:#537343!important}
#promotions .promotion-bundle:nth-child(2) .promotion-bundle__features svg{stroke:#f5edb5!important}
#promotions .promotion-bundle:nth-child(n) .promotion-bundle__features small,#promotions .promotion-bundle:nth-child(n) .promotion-bundle__features strong{font-size:max(16px,13px)!important;font-weight:500!important;line-height:1.3!important;text-align:center!important}
#promotions .promotion-bundle:nth-child(n) .promotion-bundle__price{position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;margin:auto 0 14px!important;gap:12px!important;flex-wrap:wrap!important}
#promotions .promotion-bundle:nth-child(n) .promotion-bundle__price strong{font-size:max(16px,40px)!important;line-height:1.1!important}
#promotions .promotion-bundle:nth-child(n) .promotion-bundle__price del{font-size:max(16px,19px)!important}
#promotions .promotion-bundle:nth-child(n) .promotion-bundle__price>span{background:#d4e4b8!important;color:#182c18!important;font-size:max(16px,13px)!important;padding:8px 14px!important;border-radius:999px!important}
#promotions .promotion-bundle:nth-child(n) .promotion-bundle__cta{position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;height:60px!important;min-height:60px!important;padding:12px 20px!important;font-size:max(16px,19px)!important;border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;background:linear-gradient(110deg,#ffda36,#ffb327 65%,#ff862c)!important;box-shadow:0 5px 16px #e59b2026!important}
#promotions .promotion-bundle__cta svg{width:28px!important;height:28px!important;flex:none}
#promotions .promotion-bundle:nth-child(n) .promotion-bundle__copy h2{font-size:max(16px,clamp(30px,3vw,48px))!important;line-height:1.04!important;font-weight:850!important}
#promotions .promotion-bundle__desktop-break{display:inline!important}
@media(min-width:980px){
 #promotions .promotion-bundles{gap:1.4cqw!important}
 #promotions .promotion-bundle:nth-child(n){grid-template-columns:46% 54%!important;overflow:visible!important;border-radius:0!important}
 #promotions .promotion-bundle:nth-child(n) .promotion-bundle__copy{padding:2cqw!important;border-radius:2cqw!important}
 #promotions .promotion-bundle:nth-child(n) .promotion-bundle__image{min-height:47cqw!important;border-radius:0!important}
 #promotions .promotion-bundle:nth-child(n) .promotion-bundle__copy h2{font-size:max(16px,3.95cqw)!important;margin:1.4cqw 0 1cqw!important}
 #promotions .promotion-bundle:nth-child(n) .promotion-bundle__description{font-size:max(16px,1.5cqw)!important;margin-bottom:2cqw!important}
 #promotions .promotion-bundle:nth-child(n) .promotion-bundle__badge{font-size:max(16px,1.1cqw)!important;min-height:2.7cqw!important;padding:.5cqw 1cqw!important;font-weight:500!important}
 #promotions .promotion-bundle:nth-child(n) .promotion-bundle__features{gap:1.1cqw!important;margin-bottom:2cqw!important}
 #promotions .promotion-bundle:nth-child(n) .promotion-bundle__features li>span{width:5.6cqw!important;height:5.6cqw!important}
 #promotions .promotion-bundle:nth-child(n) .promotion-bundle__features svg{width:3.5cqw!important;height:3.5cqw!important}
 #promotions .promotion-bundle:nth-child(n) .promotion-bundle__features small,#promotions .promotion-bundle:nth-child(n) .promotion-bundle__features strong{font-size:max(16px,1.22cqw)!important}
 #promotions .promotion-bundle:nth-child(n) .promotion-bundle__price strong{font-size:max(16px,3.7cqw)!important}
 #promotions .promotion-bundle:nth-child(n) .promotion-bundle__price del{font-size:max(16px,1.85cqw)!important}
 #promotions .promotion-bundle:nth-child(n) .promotion-bundle__price>span{font-size:max(16px,1.22cqw)!important;padding:.75cqw 1.35cqw!important}
 #promotions .promotion-bundle:nth-child(n) .promotion-bundle__cta{height:5.8cqw!important;min-height:5.8cqw!important;font-size:max(16px,1.9cqw)!important;gap:1.4cqw!important}
 #promotions .promotion-bundle__cta svg{width:2.8cqw!important;height:2.8cqw!important}
 #promotions .promotion-bundle:first-child .promotion-bundle__assurances{font-size:max(16px,1.1cqw)!important;margin-top:1.4cqw!important}
}
#promotions .promotion-bundle:first-child .promotion-bundle__features li:nth-child(2) svg{fill:#ffa51c!important;stroke:#f29708!important}
#promotions .promotion-bundle:first-child .promotion-bundle__features li:nth-child(3) svg{fill:#ff4f22!important;stroke:#ff4f22!important}
#promotions .promotion-bundle:nth-child(3) .promotion-bundle__features li:nth-child(3) svg{fill:#ffa51c!important;stroke:#f29708!important}
#promotions .promotion-bundle__assurances>span{display:flex;align-items:center;gap:8px}
#promotions .promotion-bundle__assurances svg{width:28px;height:28px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#promotions .promotion-bundle__assurances{display:none}
#promotions .promotion-bundle:first-child .promotion-bundle__assurances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;font-size:max(16px,12px);line-height:1.3;color:#193528}
@media(max-width:1100px){body #promotions{padding:24px!important}#promotions .promotion-bundle:nth-child(n) .promotion-bundle__copy{padding:22px!important}#promotions .promotion-bundle:nth-child(n) .promotion-bundle__cta{font-size:max(16px,16px)!important}#promotions .promotion-bundle:nth-child(n) .promotion-bundle__features{gap:6px!important}}
@media(max-width:979px){body #promotions{width:calc(100% - 24px)!important;padding:16px!important}#promotions .promotion-bundle:nth-child(n){display:flex!important;flex-direction:column!important}#promotions .promotion-bundle:nth-child(n) .promotion-bundle__image{height:auto!important;min-height:0!important;aspect-ratio:1.23!important}#promotions .promotion-bundle:nth-child(n) .promotion-bundle__copy{border-radius:24px 24px 0 0!important}#promotions .promotion-bundle:nth-child(n) h2{font-size:max(16px,36px)!important}#promotions .promotion-bundle:nth-child(n) .promotion-bundle__price{margin:0 0 14px!important}}
@media(max-width:480px){#promotions .promotion-bundle:nth-child(n) .promotion-bundle__features{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}#promotions .promotion-bundle:nth-child(n) h2{font-size:max(16px,30px)!important}#promotions .promotion-bundle:nth-child(n) .promotion-bundle__price strong{font-size:max(16px,34px)!important}#promotions .promotion-bundle:nth-child(n) .promotion-bundle__cta{padding:12px!important;font-size:max(16px,15px)!important;gap:8px!important}}
/* Three-dimensional benefits and uncropped original offer photographs. */
#promotions .promotion-bundle:nth-child(n){grid-template-columns:minmax(0,46fr) minmax(0,54fr)!important;gap:2cqw!important}
#promotions .promotion-bundle:nth-child(n) .promotion-bundle__copy{min-width:0;grid-area:auto!important;order:0}
#promotions .promotion-bundle:nth-child(n) .promotion-bundle__image{min-width:0;grid-area:auto!important;order:1;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}
#promotions .promotion-bundle:nth-child(n) .promotion-bundle__features li>span{background-color:transparent!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;border:0!important;border-radius:50%!important;overflow:hidden}
#promotions .promotion-bundle:nth-child(n) .promotion-bundle__features li>span svg{display:none!important}
#promotions .promotion-bundle:first-child .promotion-bundle__features li:nth-child(1)>span{background-image:url('assets/brand/promotion-first-benefit-01.jpg')!important}
#promotions .promotion-bundle:first-child .promotion-bundle__features li:nth-child(2)>span{background-image:url('assets/brand/promotion-first-benefit-02.jpg')!important}
#promotions .promotion-bundle:first-child .promotion-bundle__features li:nth-child(3)>span{background-image:url('assets/brand/promotion-first-benefit-03.jpg')!important}
#promotions .promotion-bundle:first-child .promotion-bundle__features li:nth-child(4)>span,#promotions .promotion-bundle:nth-child(2) .promotion-bundle__features li:nth-child(4)>span{background-image:url('assets/brand/promotion-first-benefit-04.jpg')!important}
#promotions .promotion-bundle:nth-child(2) .promotion-bundle__features li:nth-child(1)>span{background-image:url('assets/brand/promotion-starter-icons-v1.webp')!important;background-size:500% 166.67%!important;background-position:0% 50%!important}
#promotions .promotion-bundle:nth-child(2) .promotion-bundle__features li:nth-child(2)>span{background-image:url('assets/account/account-heart-v1.webp')!important}
#promotions .promotion-bundle:nth-child(2) .promotion-bundle__features li:nth-child(3)>span{background-image:url('assets/brand/benefit-shield-web-20261010.webp')!important}
#promotions .promotion-bundle:nth-child(3) .promotion-bundle__features li>span{background-image:url('assets/brand/promotion-month-benefits-reference.webp')!important;background-size:460.4% 618.5%!important;background-position-y:53%!important;border-radius:0!important}
#promotions .promotion-bundle:nth-child(3) .promotion-bundle__features li:nth-child(1)>span{background-position-x:5%!important}
#promotions .promotion-bundle:nth-child(3) .promotion-bundle__features li:nth-child(2)>span{background-position-x:35%!important}
#promotions .promotion-bundle:nth-child(3) .promotion-bundle__features li:nth-child(3)>span{background-position-x:66%!important}
#promotions .promotion-bundle:nth-child(3) .promotion-bundle__features li:nth-child(4)>span{background-position-x:96%!important}
@media(max-width:979px){#promotions .promotion-bundle:nth-child(n){gap:12px!important}#promotions .promotion-bundle:nth-child(n) .promotion-bundle__copy{border-radius:24px!important}}

#promotions .promotion-bundle:nth-child(n) .promotion-bundle__image{background-color:transparent!important}

/* Prevent long starter-set labels from escaping their own benefit column at any width. */
#promotions .promotion-bundle:nth-child(2) .promotion-bundle__features li{box-sizing:border-box!important;min-width:0!important;max-width:100%!important}
#promotions .promotion-bundle:nth-child(2) .promotion-bundle__features li>small{display:block!important;box-sizing:border-box!important;flex:0 1 100%!important;width:100%!important;min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;text-align:center!important}

/* Use two roomy benefit columns on tablet and compact desktop widths. */
@media (min-width:980px) and (max-width:1200px){
 #promotions .promotion-bundle:nth-child(2) .promotion-bundle__features{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:18px!important;row-gap:18px!important}
 #promotions .promotion-bundle:nth-child(2) .promotion-bundle__features li{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important;width:100%!important;overflow:hidden!important}
 #promotions .promotion-bundle:nth-child(2) .promotion-bundle__features li>small{font-size:clamp(16px,2.2vw,24px)!important;line-height:1.2!important;overflow-wrap:anywhere!important}
}

/* Keep feature labels inside each icon column on narrow screens. */
@media(max-width:979px){
 #promotions .promotion-bundle:nth-child(n) .promotion-bundle__features{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;column-gap:12px!important;row-gap:18px!important}
 #promotions .promotion-bundle:nth-child(n) .promotion-bundle__features li{box-sizing:border-box!important;min-width:0!important;width:100%!important;overflow:hidden!important}
 #promotions .promotion-bundle:nth-child(n) .promotion-bundle__features li>span{flex:none!important}
 #promotions .promotion-bundle:nth-child(n) .promotion-bundle__features li>small,#promotions .promotion-bundle:nth-child(n) .promotion-bundle__feature-copy{display:block!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;text-align:center!important;line-height:1.25!important}
 #promotions .promotion-bundle:nth-child(2) .promotion-bundle__features{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
 #promotions .promotion-bundle:nth-child(2) .promotion-bundle__features li{display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;grid-template-rows:minmax(56px,auto)!important;align-items:center!important;justify-items:stretch!important;gap:12px!important;text-align:left!important;overflow:visible!important}
 #promotions .promotion-bundle:nth-child(2) .promotion-bundle__features li>span{grid-column:1!important;grid-row:1!important;width:56px!important;height:56px!important}
 #promotions .promotion-bundle:nth-child(2) .promotion-bundle__features li>small,#promotions .promotion-bundle:nth-child(2) .promotion-bundle__feature-copy{grid-column:2!important;grid-row:1!important;justify-self:stretch!important;text-align:left!important;min-width:0!important;max-width:none!important;overflow-wrap:anywhere!important}
}

/* Keep the starter-bundle icon square: a flex row was compressing it vertically. */
#promotions .promotion-bundle:nth-child(2) .promotion-bundle__features li>span{flex:none!important;aspect-ratio:1/1!important;align-self:center!important}


/* Source stylesheet: pet-quiz.css?v=20261104-treat-catalog-cleanup-v1 */
.treat-age-options{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.treat-age-options[hidden]{display:none}.treat-age-options button{min-height:44px;padding:10px 18px;border:1px solid #d9ddce;border-radius:24px;background:#fff8e9;color:#16372e;font:inherit;font-size:16px;transition:background-color 150ms,color 150ms}.treat-age-options button.active{background:#254d31;color:#fff}.treat-age-options button:focus-visible,.allergy-options label:focus-within{outline:3px solid #e39b22;outline-offset:3px}.allergy-options label{font-size:16px;min-height:48px;cursor:pointer}.allergy-options input{flex:0 0 20px;width:20px;height:20px;accent-color:#355b2a}.allergy-options label:has(input:checked){background:#eef3df;border-color:#557b38}.t3-quiz-button{margin-top:18px;min-height:48px;font-size:16px!important}.quiz-results>div{gap:12px}.quiz-results>div>span{min-width:0}.quiz-results b,.quiz-results small{display:block;font-size:16px;line-height:1.4}.quiz-results .buy{flex:0 0 48px;min-height:48px;width:48px}@media(max-width:420px){.allergy-options{grid-template-columns:1fr}.t3-quiz-button{width:100%}}

@media(min-width:901px){#hero-feedback #about .t3-quiz-button{position:absolute;left:5%;top:70%;margin:0;z-index:3;max-width:48%}}@media(max-width:900px){#hero-feedback #about .t3-quiz-button{order:2;align-self:flex-start;margin:0 0 20px}}

#hero-feedback #about .t3-shop-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;z-index:3}#hero-feedback #about .t3-shop-actions .button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;padding:16px 24px;border-radius:36px;font-size:20px!important;line-height:1.2;font-weight:800;text-decoration:none;box-shadow:0 6px 18px #c67d2426}#hero-feedback #about .t3-shop-primary{background:linear-gradient(110deg,#ffcf24,#ff9528);color:#102f25}#hero-feedback #about .t3-shop-secondary{background:#fff2cf;border:2px solid #d49a3b;color:#102f25}#hero-feedback #about .t3-shop-actions .icon{flex:0 0 28px;width:28px;height:28px}@media(min-width:901px){#hero-feedback #about .t3-shop-actions{position:absolute;left:5%;top:69%;width:48%}}@media(max-width:900px){#hero-feedback #about .t3-shop-actions{order:2;width:100%;margin:4px 0 24px;grid-template-columns:1fr}#hero-feedback #about .t3-shop-actions .button{min-height:68px;font-size:20px!important}}

@media(min-width:901px){#hero-feedback #about .t3-shop-actions{top:75%;align-items:stretch}#hero-feedback #about .t3-benefits{top:86%;height:12%}#hero-feedback #about .t3-shop-actions .button{min-height:clamp(64px,3.5cqw,88px);padding-block:14px}}


/* Source stylesheet: hero-layout-adjustments.css?v=20261104-treat-catalog-cleanup-v1 */
#hero-feedback #about .t3-shop-actions{display:none!important}
#hero-feedback #about .t3-benefits{top:75%!important;bottom:auto!important;height:12%!important}
#hero-feedback .ref-1 .first-reference-benefits li:not(:last-child)::after,
#hero-feedback #about .t3-journey li+li::before{top:50%!important;transform:translateY(-50%)!important}


/* Source stylesheet: feed-sizes.css?v=20261104-treat-catalog-cleanup-v1 */
.feed-size-control{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:14px 0;font-size:16px;color:#274139}.feed-size-control>span{font-weight:600}.feed-size-control select{min-width:120px;max-width:100%;min-height:44px;padding:9px 34px 9px 12px;border:1px solid #d9ddce;border-radius:12px;background:#fff9ed;color:#173b30;font:inherit;font-size:16px;cursor:pointer}.feed-size-control select:focus-visible{outline:3px solid #edb83f;outline-offset:2px}.product-bottom .price{font-variant-numeric:tabular-nums}
/* Only the 26 newly confirmed AWARD source photos use this display treatment. */
.product-photo[data-award-original="true"]{isolation:isolate;position:relative;overflow:hidden;background:transparent}
#products .product .product-image .product-photo[data-award-original="true"]>.product-photo-pack,.detail-photo[data-award-original="true"]>.product-photo-pack{mix-blend-mode:multiply!important;background:transparent!important;filter:none!important}
.detail-photo[data-award-original="true"]{height:340px;max-height:50vh;width:100%}
.detail-photo[data-award-original="true"]>.product-photo-fill{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;padding:0!important;filter:none!important}
.detail-photo[data-award-original="true"]>.product-photo-pack{position:absolute!important;inset:5% 18%!important;width:64%!important;height:90%!important;object-fit:contain!important;padding:0!important}

@media(max-width:600px){.catalog-trust{grid-template-columns:repeat(2,minmax(0,1fr))!important}.catalog-trust>div,.catalog-trust p{min-width:0}.catalog-trust small,.catalog-trust strong{overflow-wrap:anywhere}}

.product-photo[data-award-original=true]{isolation:isolate;background:#ead8bd}.product-photo[data-award-original=true] img.product-photo-fill,#modal .product-photo[data-award-original=true] img.product-photo-fill{inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}.product-photo[data-award-original=true] img.product-photo-pack,#modal .product-photo[data-award-original=true] img.product-photo-pack{inset:auto!important;left:6%!important;bottom:4%!important;width:88%!important;height:92%!important;object-fit:contain!important;object-position:center bottom!important;mix-blend-mode:multiply}

/* Supplier furniture: full-bleed scene and complete original product. */
#products .product-photo.furniture-scene,#modal .product-photo.furniture-scene{position:relative;isolation:isolate;overflow:hidden;background:#f5ebdc}
#products .furniture-scene .furniture-scene-background,#modal .furniture-scene .furniture-scene-background{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;padding:0!important;filter:none!important}
#products .furniture-scene .furniture-scene-product,#modal .furniture-scene .furniture-scene-product{position:absolute!important;inset:3% 4%!important;width:92%!important;height:94%!important;object-fit:contain!important;object-position:center bottom!important;padding:0!important;mix-blend-mode:multiply;filter:none!important}

#products .product-photo.furniture-generated,#modal .product-photo.furniture-generated{position:relative;overflow:hidden;background:#f5ebdc}
#products .product-photo.furniture-generated>img,#modal .product-photo.furniture-generated>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;filter:none!important;mix-blend-mode:normal!important}

#products .product-image:has(.furniture-generated){height:auto!important;aspect-ratio:1/1!important}
#products .product-image .product-photo.furniture-generated{height:100%!important;width:100%!important}
#modal .product-photo.furniture-generated.detail-photo{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1/1!important}

/* Keep each catalogue item complete; only the decorative scene fills by crop. */
#products .product.with-photo .product-image .product-photo>.product-photo-pack,
#modal .product-photo>.product-photo-pack{object-fit:contain!important;object-position:center!important}
#products .product.with-photo .product-image .product-photo>.product-photo-fill,
#modal .product-photo>.product-photo-fill{object-fit:cover!important}

/* Cat's Choice packs: square frames show the complete bag at a readable size. */
#products .product.cat-choice-product .product-image{height:auto!important;aspect-ratio:1/1}
#products .product.cat-choice-product .product-image .photo-button,#products .product.cat-choice-product .product-image .real-product,#products .product.cat-choice-product .product-image .product-photo{height:100%!important}

/* Founder slide: wrap benefit labels and keep visible spacing between them. */
#hero-feedback .t3-benefits{gap:.9cqw}
#hero-feedback .t3-benefits article{gap:.55cqw;padding:.7cqw .8cqw}
#hero-feedback .t3-benefits article>div{min-width:0}
#hero-feedback .t3-benefits strong{font-size:clamp(11px,.8cqw,15px);line-height:1.25;letter-spacing:0;white-space:normal;text-wrap:balance}
#hero-feedback .t3-benefits p{font-size:clamp(10px,.68cqw,13px);line-height:1.35;letter-spacing:0;text-wrap:pretty}


/* Source stylesheet: catalog-polish.css?v=20261104-treat-catalog-cleanup-v1 */
/* Catalog prices, category return control, and stable slide 2 CTA text. */
#catalog .catalog-selection__back{
  min-height:52px;
  padding:12px 22px;
  border:1px solid #dfb13b;
  border-radius:28px;
  background:linear-gradient(180deg,#fff9e8,#fff0c2);
  box-shadow:0 2px 7px rgb(115 79 17 / 12%);
  color:#183b30;
  font-size:max(16px,17px);
  font-weight:800;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease;
}
#catalog .catalog-selection__back:hover{
  background:#ffe7a0;
  border-color:#cb9414;
  box-shadow:0 4px 12px rgb(115 79 17 / 18%);
}
#catalog .catalog-selection__back:focus-visible{outline:3px solid #183b30;outline-offset:3px}
@media(max-width:600px){#catalog .catalog-selection__back{min-height:52px}}


/* Source stylesheet: header-layout-polish.css?v=20261104-treat-catalog-cleanup-v1 */
/* Keep the brand, tagline, navigation, and actions evenly spaced on wide screens. */
@media(min-width:1801px){
  header .nav{
    width:calc(100% - clamp(24px,3vw,64px))!important;
    gap:clamp(8px,.8vw,16px)!important;
    justify-content:space-between!important;
  }
  header .brand-file{
    flex:0 0 clamp(180px,11.5vw,220px)!important;
    width:clamp(180px,11.5vw,220px)!important;
  }
  header .brand-desc{
    display:flex!important;
    flex:0 1 clamp(250px,15vw,290px)!important;
    min-width:0;
    gap:clamp(8px,.8vw,14px);
    padding-left:clamp(10px,1vw,18px);
    font-size:max(16px,16px);
    white-space:normal;
  }
  header .brand-paw{width:32px;height:32px;flex:none}
  header .nav nav{
    flex:1 1 390px!important;
    min-width:320px!important;
    justify-content:space-around!important;
    gap:4px!important;
    font-size:max(16px,16px)!important;
  }
  header .nav nav a{padding-inline:clamp(4px,.45vw,9px)}
  header .nav nav .nav-chevron{display:none!important}
  header .nav-actions{gap:clamp(6px,.55vw,11px)!important}
  header .search-button{
    flex:0 0 clamp(190px,10vw,220px);
    width:clamp(190px,10vw,220px);
    min-width:190px;
    height:48px;
    padding-inline:16px;
    gap:10px;
    box-sizing:border-box;
    display:flex;
    justify-content:flex-start;
    overflow:hidden;
    border-radius:16px;
  }
  header .search-button .icon{flex:0 0 24px}
  header .search-button span{display:block;flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  header .cart-button{flex:0 0 58px;width:58px;min-width:58px;height:58px}
  header .account-link{flex:0 0 112px;min-width:112px;height:58px;padding-inline:13px}
  header .header-cta{flex:0 0 150px;min-width:150px;height:60px}
  header .header-promo{
    flex:0 1 clamp(300px,18vw,340px);
    min-width:270px;
    height:78px;
    padding:8px 14px 8px 10px;
    gap:8px;
  }
  header .promo-gift{flex:0 0 58px;height:58px}
  header .promo-gift svg{width:54px;height:54px}
  header .promo-copy b{font-size:max(16px,14px)}
  header .promo-copy>span{font-size:max(16px,12px)}
}
@media(max-width:1800px){header .nav nav .nav-chevron{display:none!important}}
header .nav nav .nav-chevron{display:none!important}

/* Keep the gift badge copy and paw mark in separate, stable columns. */
@media(min-width:1551px){
  header .header-promo{
    flex:0 1 clamp(320px,19vw,360px);
    min-width:300px;
    gap:10px;
    padding:8px 12px 8px 10px;
  }
  header .promo-gift{flex:0 0 56px;height:56px}
  header .promo-gift svg{width:52px;height:52px}
  header .promo-copy{flex:1 1 auto;min-width:0;gap:3px}
  header .promo-copy b{font-size:14px;line-height:1.15;white-space:nowrap}
  header .promo-copy>span{font-size:12px;line-height:1.25;white-space:normal}
  header .promo-paw{position:static;flex:0 0 19px;width:19px;height:19px;margin:0 0 3px;align-self:flex-end}
}


/* Source stylesheet: hero-responsive-repair.css?v=20261104-treat-catalog-cleanup-v1 */
/* Responsive hero repair: use natural height and keep all copy and imagery in flow. */
@media (max-width: 1450px) {
  #hero-feedback .showcase-stage,
  #hero-feedback .showcase-stage:has(.ref-2:not([hidden])),
  #hero-feedback .showcase-stage:has(.doctor-slide:not([hidden])) {
    box-sizing: border-box !important; width: 100% !important; max-width: none !important;
    height: auto !important; min-height: 0 !important; aspect-ratio: auto !important;
    overflow: visible !important; margin: 0 !important; transform: none !important;
  }
  #hero-feedback .showcase-stage > .showcase-slide:not([hidden]) {
    box-sizing: border-box !important; position: relative !important; inset: auto !important;
    display: flex !important; flex-direction: column !important; width: 100% !important;
    height: auto !important; min-height: 0 !important; max-height: none !important;
    overflow: visible !important; aspect-ratio: auto !important;
  }
  #hero-feedback .showcase-stage > .showcase-slide[hidden] { display: none !important; }

  /* Slide 1: copy first, then the complete image. */
  #hero-feedback .ref-1 .hero-layout { display:flex!important; flex-direction:column!important; width:100%!important; height:auto!important; min-height:0!important; gap:0!important; }
  #hero-feedback .ref-1 .hero-copy { position:relative!important; inset:auto!important; width:100%!important; height:auto!important; min-width:0!important; padding:clamp(24px,4vw,52px) clamp(20px,6vw,88px) 24px!important; gap:16px!important; }
  #hero-feedback .ref-1 .hero-copy .showcase-eyebrow,#hero-feedback .ref-1 .hero-copy h1,#hero-feedback .ref-1 .hero-lead { position:static!important; width:100%!important; max-width:820px!important; white-space:normal!important; overflow-wrap:anywhere!important; text-align:left!important; }
  #hero-feedback .ref-1 .hero-copy h1 { font-size:clamp(32px,4.2vw,58px)!important; line-height:1.08!important; margin:0!important; text-wrap:balance; }
  #hero-feedback .ref-1 .hero-lead { font-size:clamp(16px,1.45vw,20px)!important; line-height:1.5!important; }
  #hero-feedback .ref-1 .hero-copy .reference-actions { position:static!important; display:flex!important; flex-wrap:wrap!important; width:100%!important; height:auto!important; margin:4px 0 0!important; justify-content:flex-start!important; }
  #hero-feedback .ref-1 .reference-actions .showcase-cta { flex:0 1 auto!important; width:auto!important; max-width:100%!important; min-height:52px!important; height:auto!important; padding:14px 22px!important; white-space:normal!important; line-height:1.25!important; font-size:16px!important; }
  #hero-feedback .ref-1 .first-reference-benefits { position:static!important; display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; width:100%!important; height:auto!important; margin:0!important; padding:0!important; gap:12px!important; overflow:visible!important; }
  #hero-feedback .ref-1 .first-reference-benefits li { min-width:0!important; max-width:none!important; }
  #hero-feedback .ref-1 .hero-visual { position:relative!important; inset:auto!important; width:100%!important; height:auto!important; min-height:0!important; aspect-ratio:16/9!important; overflow:hidden!important; }
  #hero-feedback .ref-1 .hero-visual .reference-art { position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; max-width:none!important; max-height:none!important; object-fit:contain!important; object-position:center!important; -webkit-mask-image:none!important; mask-image:none!important; transform:none!important; }
  #hero-feedback .ref-1 .hero-note { top:5%!important; left:4%!important; right:auto!important; width:auto!important; max-width:46%!important; }

  /* Slide 2: product cards and photos expand in normal document flow. */
  #hero-feedback .ref-2.s2-refresh { box-sizing:border-box!important; padding:clamp(24px,4vw,52px) clamp(20px,6vw,88px)!important; gap:18px!important; background-size:cover!important; background-position:center!important; }
  #hero-feedback .s2r-copy,#hero-feedback .s2r-actions,#hero-feedback .s2r-offers,#hero-feedback .s2r-benefits { position:relative!important; inset:auto!important; width:100%!important; height:auto!important; max-width:none!important; transform:none!important; }
  #hero-feedback .s2r-copy { padding:0!important; }
  #hero-feedback .s2r-heading { font-size:clamp(32px,4.6vw,60px)!important; line-height:1.04!important; overflow-wrap:anywhere!important; }
  #hero-feedback .s2r-heading .s2r-handwritten,#hero-feedback .s2r-heading .s2r-handwritten span { font-size:.76em!important; white-space:normal!important; }
  #hero-feedback .s2r-heart { position:absolute!important; left:auto!important; right:0!important; top:8%!important; width:clamp(40px,5vw,62px)!important; height:auto!important; }
  #hero-feedback .s2r-actions { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; margin:0!important; }
  #hero-feedback .s2r-button { min-width:0!important; min-height:68px!important; height:auto!important; padding:14px 16px!important; }
  #hero-feedback .s2r-button strong,#hero-feedback .s2r-button small { white-space:normal!important; overflow-wrap:anywhere!important; }
  #hero-feedback .s2r-offers { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-template-rows:none!important; gap:12px!important; }
  #hero-feedback .s2r-card { position:relative!important; display:flex!important; flex-direction:column!important; min-width:0!important; min-height:0!important; height:auto!important; padding:16px!important; overflow:hidden!important; }
  #hero-feedback .s2r-card h2,#hero-feedback .s2r-card p { position:relative!important; inset:auto!important; width:100%!important; max-width:none!important; overflow-wrap:anywhere!important; }
  #hero-feedback .s2r-card img,#hero-feedback .s2r-delivery img { position:relative!important; inset:auto!important; display:block!important; width:100%!important; height:clamp(100px,13vw,170px)!important; max-width:none!important; max-height:none!important; margin:auto 0 0!important; object-fit:contain!important; object-position:center!important; transform:none!important; }
  #hero-feedback .s2r-benefits { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:16px!important; padding:16px!important; }
  #hero-feedback .s2r-benefits li { min-width:0!important; padding:0!important; }

  /* Slide 3: remove fixed overlays and crop masks, keep portrait visible. */
  #hero-feedback #about.third-refresh { box-sizing:border-box!important; display:flex!important; flex-direction:column!important; align-items:stretch!important; height:auto!important; min-height:0!important; padding:clamp(24px,4vw,52px) clamp(20px,6vw,88px) 0!important; overflow:visible!important; container-type:normal!important; background-size:cover!important; background-position:center top!important; }
  #hero-feedback .t3-eyebrow,#hero-feedback .t3-copy,#hero-feedback .t3-journey,#hero-feedback .t3-shop-actions,#hero-feedback .t3-benefits { position:relative!important; inset:auto!important; width:100%!important; height:auto!important; max-width:none!important; margin:0!important; }
  #hero-feedback .t3-eyebrow { order:0!important; justify-content:flex-start!important; flex-wrap:wrap!important; white-space:normal!important; font-size:13px!important; line-height:1.4!important; gap:8px!important; }
  #hero-feedback .t3-rule { width:clamp(16px,3vw,42px)!important; }
  #hero-feedback .t3-copy { order:1!important; padding:12px 0 0!important; }
  #hero-feedback .t3-copy h2 { width:100%!important; max-width:100%!important; white-space:normal!important; overflow-wrap:anywhere!important; font-size:clamp(32px,4.4vw,56px)!important; line-height:1.06!important; text-wrap:balance!important; }
  #hero-feedback .t3-title-heart { width:26px!important; height:26px!important; }
  #hero-feedback .t3-copy>p { width:100%!important; max-width:760px!important; white-space:normal!important; overflow-wrap:anywhere!important; margin:14px 0 0!important; font-size:clamp(16px,1.4vw,19px)!important; line-height:1.5!important; font-weight:400!important; text-wrap:pretty!important; }
  #hero-feedback .t3-copy>p br { display:none!important; }
  #hero-feedback .t3-journey { order:2!important; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:12px!important; padding:20px 0!important; }
  #hero-feedback .t3-journey li { min-width:0!important; min-height:0!important; padding:0 8px!important; }
  #hero-feedback .t3-journey img { width:clamp(54px,6vw,82px)!important; height:clamp(48px,5vw,68px)!important; }
  #hero-feedback .t3-journey strong,#hero-feedback .t3-journey small { max-width:100%!important; white-space:normal!important; overflow-wrap:anywhere!important; font-size:15px!important; line-height:1.35!important; }
  #hero-feedback #about .t3-shop-actions { order:3!important; position:relative!important; inset:auto!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; margin:0!important; }
  #hero-feedback #about .t3-shop-actions .button { box-sizing:border-box!important; min-width:0!important; max-width:100%!important; min-height:48px!important; height:auto!important; padding:12px 16px!important; white-space:normal!important; overflow-wrap:anywhere!important; }
  #hero-feedback .t3-benefits { order:4!important; display:grid!important; grid-template-columns:1fr!important; gap:10px!important; margin:0 0 16px!important; }
  #hero-feedback .t3-benefits article { min-width:0!important; min-height:0!important; padding:12px 14px!important; gap:12px!important; flex-direction:row!important; text-align:left!important; }
  #hero-feedback .t3-benefits img,#hero-feedback .t3-benefit-symbol { width:42px!important; height:42px!important; flex:0 0 42px!important; }
  #hero-feedback .t3-benefit-symbol svg { width:30px!important; height:30px!important; }
  #hero-feedback .t3-benefits article>div { min-width:0!important; }
  #hero-feedback .t3-benefits strong,#hero-feedback .t3-benefits p { display:block!important; white-space:normal!important; overflow-wrap:anywhere!important; font-size:15px!important; line-height:1.35!important; }
  #hero-feedback .t3-note { display:none!important; }
  #hero-feedback #about .t3-photo { order:5!important; position:relative!important; inset:auto!important; display:block!important; width:calc(100% + 12vw)!important; height:auto!important; min-height:0!important; max-height:none!important; aspect-ratio:auto!important; margin:0 -6vw!important; object-fit:contain!important; object-position:center bottom!important; clip-path:none!important; -webkit-mask-image:none!important; mask-image:none!important; transform:none!important; }
}

/* Laptop layout for the founder slide: keep the portrait beside the story. */
@media (min-width: 901px) and (max-width: 1450px) {
  #hero-feedback #about.third-refresh {
    display:grid!important; grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)!important;
    grid-template-rows:max-content max-content max-content max-content max-content!important;
    grid-template-areas:"eyebrow photo" "copy photo" "journey photo" "actions photo" "benefits photo";
    align-items:start!important; align-content:start!important; gap:10px clamp(20px,3vw,44px)!important;
    height:auto!important; min-height:0!important; padding:clamp(28px,4vw,52px) clamp(32px,6vw,84px)!important;
  }
  #hero-feedback #about .t3-eyebrow { grid-area:eyebrow!important; padding:0!important; }
  #hero-feedback #about .t3-copy { grid-area:copy!important; padding:0!important; height:auto!important; align-self:start!important; }
  #hero-feedback #about .t3-copy h2 { font-size:clamp(36px,4vw,54px)!important; }
  #hero-feedback #about .t3-copy>p { font-size:clamp(15px,1.25vw,18px)!important; line-height:1.45!important; }
  #hero-feedback #about .t3-journey { grid-area:journey!important; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px!important; padding:12px 0!important; height:auto!important; align-self:start!important; }
  #hero-feedback #about .t3-journey li { min-width:0!important; padding:0 4px!important; }
  #hero-feedback #about .t3-journey img { width:clamp(44px,4.6vw,66px)!important; height:clamp(44px,4.6vw,66px)!important; }
  #hero-feedback #about .t3-journey strong,#hero-feedback #about .t3-journey small { font-size:clamp(12px,1.05vw,15px)!important; }
  #hero-feedback #about .t3-shop-actions { grid-area:actions!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  #hero-feedback #about .t3-shop-actions .button { min-height:58px!important; padding:12px 16px!important; font-size:clamp(14px,1.2vw,17px)!important; }
  #hero-feedback #about .t3-benefits { grid-area:benefits!important; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px!important; height:auto!important; min-height:0!important; align-self:start!important; margin:0!important; }
  #hero-feedback #about .t3-benefits article { min-width:0!important; min-height:0!important; padding:10px!important; flex-direction:column!important; align-items:center!important; justify-content:flex-start!important; gap:6px!important; text-align:center!important; }
  #hero-feedback #about .t3-benefits img,#hero-feedback #about .t3-benefit-symbol { width:32px!important; height:32px!important; flex-basis:32px!important; }
  #hero-feedback #about .t3-benefit-symbol svg { width:28px!important; height:28px!important; }
  #hero-feedback #about .t3-benefits strong,#hero-feedback #about .t3-benefits p { font-size:clamp(11px,.95vw,13px)!important; line-height:1.3!important; }
  #hero-feedback #about .t3-photo { grid-area:photo!important; align-self:center!important; justify-self:center!important; position:relative!important; inset:auto!important; display:block!important; width:100%!important; height:auto!important; max-width:620px!important; max-height:none!important; margin:0!important; object-fit:contain!important; object-position:center!important; }
}

@media (max-width: 600px) {
  #hero-feedback .ref-1 .hero-copy { padding-inline:20px!important; }
  #hero-feedback .ref-1 .first-reference-benefits { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  #hero-feedback .ref-1 .first-reference-benefits img { width:50px!important; height:50px!important; }
  #hero-feedback .ref-1 .hero-visual { aspect-ratio:4/3!important; }
  #hero-feedback .ref-1 .hero-note { max-width:54%!important; font-size:14px!important; }
  #hero-feedback .ref-2.s2-refresh { padding-inline:20px!important; }
  #hero-feedback .s2r-actions,#hero-feedback .s2r-offers { grid-template-columns:minmax(0,1fr)!important; }
  #hero-feedback .s2r-card img,#hero-feedback .s2r-delivery img { height:120px!important; }
  #hero-feedback .s2r-benefits { grid-template-columns:minmax(0,1fr)!important; }
  #hero-feedback #about .t3-shop-actions { grid-template-columns:minmax(0,1fr)!important; }
  #hero-feedback #about.third-refresh { padding-inline:20px!important; }
  #hero-feedback .t3-journey { grid-template-columns:minmax(0,1fr)!important; gap:8px!important; }
  #hero-feedback .t3-journey li { display:grid!important; grid-template-columns:64px minmax(0,1fr)!important; grid-template-rows:auto auto!important; align-items:center!important; justify-items:start!important; column-gap:12px!important; text-align:left!important; padding:10px 0!important; border-bottom:1px solid rgba(179,146,99,.22)!important; }
  #hero-feedback .t3-journey li::before { display:none!important; }
  #hero-feedback .t3-journey img { grid-column:1!important; grid-row:1/span 2!important; width:58px!important; height:52px!important; margin:0!important; }
  #hero-feedback .t3-journey strong,#hero-feedback .t3-journey small { grid-column:2!important; text-align:left!important; }
  #hero-feedback .t3-journey strong { align-self:end!important; }
  #hero-feedback .t3-journey small { align-self:start!important; }
  #hero-feedback #about .t3-photo { width:calc(100% + 40px)!important; margin-inline:-20px!important; aspect-ratio:auto!important; object-fit:contain!important; }
}
/* Food photos use their own source aspect ratio; fit the complete original without cropping or tonal filters. */
#products .product.with-photo.treat-product .product-image,
#products .product.with-photo.meat-product .product-image {
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: var(--product-photo-ratio, 3 / 2) !important;
  overflow: hidden !important;
  background: #f4efe6 !important;
}
#products .product.with-photo.treat-product .product-image .photo-button,
#products .product.with-photo.meat-product .product-image .photo-button,
#products .product.with-photo.treat-product .product-image .food-product-photo,
#products .product.with-photo.meat-product .product-image .food-product-photo {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  background: #f4efe6 !important;
}
#products .product.with-photo.treat-product .product-image .food-product-photo > .product-photo-fill,
#products .product.with-photo.meat-product .product-image .food-product-photo > .product-photo-fill {
  display: none !important;
}
#products .product.with-photo.treat-product .product-image .food-product-photo > .product-photo-pack,
#products .product.with-photo.meat-product .product-image .food-product-photo > .product-photo-pack {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 0 !important;
  margin: 0 !important;
  transform: none !important;
  scale: 1 !important;
  filter: none !important;
  background: transparent !important;
}
.product-photo-open { cursor: zoom-in !important; }
.food-gallery-thumb img { object-fit: contain !important; }

