/** Shopify CDN: Minification failed

Line 1872:0 Unexpected "}"

**/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap');

:root{--ink:#17342f;--muted:#657570;--cream:#fbf7ef;--card:#fff;--line:#e6e1d8;--sage:#dcebe1;--mint:#2f8f79;--mint-dark:#216b5b;--coral:#ee876c;--gold:#f1c66a;--shadow:0 18px 55px rgba(26,53,47,.10);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:16px;line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.page-width{width:min(calc(100% - 40px),var(--page-width,1320px));margin:0 auto}.section{padding:88px 0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:var(--mint)}h1,h2,h3,h4{font-family:'Plus Jakarta Sans',sans-serif;line-height:1.08;margin:0 0 16px;letter-spacing:-.035em}h1{font-size:clamp(42px,6vw,76px)}h2{font-size:clamp(30px,4vw,48px)}h3{font-size:21px}.rte p:last-child{margin-bottom:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;background:var(--mint);color:#fff;padding:15px 24px;font-weight:800;cursor:pointer;min-height:52px;transition:.2s ease}.button:hover{background:var(--mint-dark);transform:translateY(-1px)}.button--secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.button--full{width:100%}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.skip-link{position:absolute;left:10px;top:-100px;background:#fff;padding:10px;z-index:100}.skip-link:focus{top:10px}

/* announcement + header */
.announcement-bar{background:var(--ink);color:#fff;text-align:center;padding:9px 15px;font-size:13px;font-weight:700}.header-wrapper{position:sticky;top:0;z-index:40;background:rgba(251,247,239,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(23,52,47,.08)}.header{min-height:78px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}.header__logo{display:flex;align-items:center;gap:11px;font-family:'Plus Jakarta Sans';font-weight:800;font-size:21px}.header__logo-mark{width:40px;height:40px;border-radius:14px;background:var(--mint);color:#fff;display:grid;place-items:center}.header__logo small{display:block;color:var(--muted);font:600 10px 'DM Sans';letter-spacing:.08em;text-transform:uppercase;margin-top:-2px}.header__nav{display:flex;justify-content:center;gap:26px;list-style:none;padding:0;margin:0}.header__nav a{font-size:14px;font-weight:700;color:#36504a}.header__nav a:hover{color:var(--mint)}.header__icons{display:flex;align-items:center;gap:9px}.header__icon{width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:50%;display:grid;place-items:center}.header__cart-button{position:relative}.header__cart-count{position:absolute;right:-3px;top:-5px;min-width:18px;height:18px;border-radius:50%;background:var(--coral);color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;border:2px solid var(--cream)}.mobile-menu-toggle{display:none;border:0;background:transparent;font-size:26px}.mobile-nav{display:none}

/* hero */
.hero{padding:28px 0 70px}.hero__inner{min-height:650px;border-radius:34px;overflow:hidden;position:relative;background:#cfe2d7 url('https://images.unsplash.com/photo-1552053831-71594a27632d?auto=format&fit=crop&w=1800&q=85') center/cover}.hero__inner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,47,41,.78) 0%,rgba(17,47,41,.43) 43%,rgba(17,47,41,.05) 78%)}.hero__content{position:relative;z-index:2;max-width:610px;padding:90px 7%;color:#fff}.hero__heading{font-size:clamp(58px,6.2vw,92px);line-height:.93;letter-spacing:-.055em;margin:18px 0 28px;max-width:650px}
.hero__heading-line{display:block;color:#fff}
.hero__heading-accent{display:block;position:relative;width:max-content;max-width:100%;color:#c9ffcf}
.hero__heading-accent:after{content:"";position:absolute;left:1%;right:8%;bottom:-9px;height:7px;border-radius:999px;background:#c9ffcf;transform:rotate(-1deg)}
.hero__heart{position:absolute;right:-54px;top:-8px;font-size:.58em;line-height:1;color:#c9ffcf;font-family:Arial,sans-serif;font-weight:400;transform:rotate(-8deg)}
.hero__content .eyebrow{color:#f6d58a}.hero__content p{font-size:19px;max-width:530px;color:rgba(255,255,255,.9);margin:0 0 30px}.hero__actions{display:flex;gap:12px;flex-wrap:wrap}.hero__actions .button--secondary{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.45);color:#fff;backdrop-filter:blur(8px)}.hero__badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}.hero__badge{padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);font-size:12px;font-weight:700}

/* category tiles */
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-heading p{max-width:540px;color:var(--muted);margin:0}.text-link{font-weight:800;color:var(--mint);white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.category-card{min-height:235px;border-radius:22px;overflow:hidden;position:relative;background:#dfe9e1}.category-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.category-card:hover img{transform:scale(1.06)}.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 38%,rgba(17,47,41,.72))}.category-card__label{position:absolute;z-index:2;bottom:17px;left:17px;right:10px;color:#fff;font-family:'Plus Jakarta Sans';font-size:16px;font-weight:800}

/* product cards */
.product-grid{display:grid;grid-template-columns:repeat(var(--products-per-row,4),1fr);gap:20px}.product-card{min-width:0;position:relative}.product-card__media{aspect-ratio:1/1.05;border-radius:22px;overflow:hidden;background:#edf1eb;position:relative}.product-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.product-card:hover .product-card__media img{transform:scale(1.035)}.product-card__badge{position:absolute;left:12px;top:12px;background:#fff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;box-shadow:0 5px 18px rgba(0,0,0,.08)}.product-card__badge--sale{background:#fff1e8;color:#b8583c}.product-card__info{padding:14px 4px 5px}.product-card__vendor{text-transform:uppercase;letter-spacing:.11em;font-size:10px;font-weight:800;color:var(--muted);margin-bottom:5px}.product-card__title{font-size:17px;margin:0 0 8px}.product-card__price{font-weight:800}.product-card__price--compare{text-decoration:line-through;color:#9a9a93;font-weight:500;margin-right:7px}.product-card__price--sale{color:#c65d45}/* Product card actions stay hidden until the card is hovered and never cover title/price. */
.product-card__quick-add,.product-card__options{
position:absolute;left:14px;right:14px;bottom:14px;min-height:46px;border:0;border-radius:999px;background:#fff;color:var(--ink);font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.12);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease,background .18s ease,color .18s ease;display:flex;align-items:center;justify-content:center;gap:10px;z-index:3}
@media (hover:hover) and (pointer:fine){
.product-card:hover .product-card__quick-add,.product-card:hover .product-card__options{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.product-card__quick-add:hover,.product-card__options:hover{background:var(--mint);color:#fff}
}
@media (hover:none), (pointer:coarse){.product-card__quick-add,.product-card__options{display:none}}
.product-card__placeholder{width:100%;height:100%;display:grid;place-items:center;color:#7ba493;font-size:50px;background:radial-gradient(circle at 50% 30%,#fff 0 12%,transparent 13%),linear-gradient(145deg,#e5efe8,#d7e6df)}

/* editorial / trust */
.editorial{display:grid;grid-template-columns:1fr 1fr;border-radius:30px;overflow:hidden;background:#dce9df}.editorial__media{min-height:480px;background:url('https://images.unsplash.com/photo-1583337130417-3346a1be7dee?auto=format&fit=crop&w=1200&q=85') center/cover}.editorial__content{padding:70px;display:flex;flex-direction:column;justify-content:center}.editorial__content p{color:#4f655f;font-size:17px;max-width:500px}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.trust-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}.trust-card__icon{font-size:26px;margin-bottom:12px}.trust-card h3{font-size:17px;margin-bottom:7px}.trust-card p{color:var(--muted);font-size:14px;margin:0}

/* newsletter/footer */
.newsletter{padding:60px 20px;background:var(--ink);color:#fff;border-radius:30px;text-align:center}.newsletter p{color:rgba(255,255,255,.72);max-width:550px;margin:0 auto 25px}.newsletter form{display:flex;max-width:520px;margin:auto;background:#fff;border-radius:999px;padding:5px}.newsletter input{flex:1;border:0;background:transparent;padding:0 16px;outline:0}.newsletter button{border:0;background:var(--coral);color:#fff;border-radius:999px;padding:13px 20px;font-weight:800}.footer{background:#17342f;color:#fff;padding:70px 0 30px;margin-top:60px}.footer__grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px}.footer h3{font-size:14px}.footer p,.footer a{color:rgba(255,255,255,.65);font-size:14px}.footer a{display:block;margin:8px 0}.footer__bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:50px;padding-top:20px;color:rgba(255,255,255,.5);font-size:12px}

/* product */
.product-page{padding:34px 0 100px}.product-page__breadcrumbs{display:flex;gap:9px;color:var(--muted);font-size:13px;margin-bottom:25px}.product-page__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);gap:58px;align-items:start}.product-page__gallery{position:sticky;top:105px}.product-page__main-image{border-radius:28px;overflow:hidden;background:#eef2ec;aspect-ratio:1/1}.product-page__img{width:100%;height:100%;object-fit:cover}.product-page__thumbs{display:flex;gap:10px;margin-top:12px;overflow:auto}.product-page__thumb{width:78px;height:78px;padding:0;border:2px solid transparent;border-radius:13px;overflow:hidden;background:#fff;flex:0 0 auto;cursor:pointer}.product-page__thumb--active{border-color:var(--mint)}.product-page__thumb img{width:100%;height:100%;object-fit:cover}.product-page__trust-strip{display:flex;justify-content:space-between;gap:10px;margin-top:14px;color:#536963;font-size:12px}.product-page__trust-strip div{display:flex;gap:7px;align-items:center}.product-page__buybox{background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow)}.product-page__vendor{color:var(--mint);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.product-page__title{font-size:clamp(34px,4vw,52px)}.product-page__price{font-size:25px;font-weight:800;margin:20px 0}.product-page__price--sale{color:#c65d45}.product-page__price--compare{font-size:17px;text-decoration:line-through;color:#999;margin-left:8px}.product-page__price--save{font-size:12px;background:#fff0e9;color:#a64d38;border-radius:999px;padding:7px 10px;margin-left:8px}.product-page__short-description{color:var(--muted);margin-bottom:24px}.product-form__option{margin-bottom:17px}.product-form__option label,.product-form__qty label{display:block;font-size:13px;font-weight:800;margin-bottom:7px}.product-form__select{width:100%;height:50px;border:1px solid var(--line);border-radius:13px;background:#fff;padding:0 13px}.product-form__purchase-row{margin:18px 0}.quantity-control{display:flex;align-items:center;width:150px;height:50px;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff}.quantity-control button{width:44px;height:100%;border:0;background:#fff;cursor:pointer;font-size:20px}.quantity-control input{width:62px;text-align:center;border:0;outline:0;font-weight:700}.product-form__submit{width:100%;height:58px;font-size:16px}.product-form__payment{margin-top:10px}.product-form__status{min-height:20px;color:#c65d45;font-size:13px;margin-top:8px}.product-page__shipping{display:grid;gap:12px;border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.product-page__shipping>div{display:flex;gap:12px}.shipping-icon{font-size:22px}.product-page__shipping strong,.product-page__shipping span{display:block}.product-page__shipping span{font-size:12px;color:var(--muted)}.product-page__details{margin-top:45px;max-width:900px}.product-page__details details{border-top:1px solid var(--line);padding:20px 0}.product-page__details summary{cursor:pointer;list-style:none;font-weight:800;display:flex;justify-content:space-between}.product-page__description{color:#52645f;padding-top:15px}.product-sticky-buy{position:fixed;left:50%;bottom:18px;transform:translate(-50%,20px);width:min(700px,calc(100% - 24px));background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:0 18px 60px rgba(0,0,0,.18);z-index:50;opacity:0;pointer-events:none;transition:.2s}.product-sticky-buy.is-visible{opacity:1;transform:translate(-50%,0);pointer-events:auto}.product-sticky-buy__info strong,.product-sticky-buy__info span{display:block}.product-sticky-buy__info span{font-weight:800;color:var(--mint)}

/* cart */
.cart-drawer{position:fixed;inset:0;z-index:80;visibility:hidden}.cart-drawer[aria-hidden="false"]{visibility:visible}.cart-drawer__overlay{position:absolute;inset:0;background:rgba(13,29,25,.45);opacity:0;transition:.25s}.cart-drawer[aria-hidden="false"] .cart-drawer__overlay{opacity:1}.cart-drawer__panel{position:absolute;right:0;top:0;height:100%;width:min(470px,100%);background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:.3s}.cart-drawer[aria-hidden="false"] .cart-drawer__panel{transform:none}.cart-drawer__header{padding:25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:start}.cart-drawer__eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--mint);font-weight:800}.cart-drawer__header h2{font-size:27px;margin:3px 0 0}.cart-drawer__close{border:0;background:#f2f1ec;width:38px;height:38px;border-radius:50%;font-size:25px;cursor:pointer}.cart-drawer__body{flex:1;overflow:auto;padding:20px}.cart-drawer__item{display:grid;grid-template-columns:88px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.cart-drawer__item-image{width:88px;height:88px;border-radius:14px;overflow:hidden;background:#eef2ec}.cart-drawer__item-image img{width:100%;height:100%;object-fit:cover}.cart-drawer__item-title{font-weight:800;display:block;margin-bottom:4px}.cart-drawer__item-variant{font-size:12px;color:var(--muted);display:block;margin-bottom:5px}.cart-drawer__item-info strong{display:block}.cart-drawer__item-actions{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.quantity-control--small{height:36px;width:112px}.quantity-control--small button{width:34px}.quantity-control--small span{width:44px;text-align:center}.cart-drawer__remove{border:0;background:none;text-decoration:underline;color:var(--muted);font-size:12px;cursor:pointer}.cart-drawer__footer{padding:20px 25px;border-top:1px solid var(--line)}.cart-drawer__subtotal{display:flex;justify-content:space-between;font-size:17px}.cart-drawer__footer>p{font-size:12px;color:var(--muted)}.cart-drawer__view-cart{display:block;text-align:center;margin-top:12px;font-size:13px;font-weight:800}.cart-drawer__empty{text-align:center;padding:50px 20px}.cart-drawer__empty-icon{font-size:50px}.cart-drawer__empty p{color:var(--muted)}

@media(max-width:1100px){.category-grid{grid-template-columns:repeat(3,1fr)}.header__nav{gap:16px}.product-page__grid{grid-template-columns:1fr 1fr;gap:30px}.trust-grid{grid-template-columns:repeat(2,1fr)}}
.hero__heading{font-size:clamp(42px,12vw,66px);line-height:.95;letter-spacing:-.05em;margin:12px 0 22px}
.hero__heading-accent:after{height:5px;bottom:-7px}
.hero__heart{right:-34px;top:-4px}
@media(max-width:749px){.page-width{width:min(calc(100% - 28px),var(--page-width,1320px))}.section{padding:62px 0}.header{min-height:66px;grid-template-columns:auto 1fr auto;gap:12px}.mobile-menu-toggle{display:block}.header__nav{display:none}.header__icons .header__icon--account{display:none}.header__logo{justify-self:start}.header__logo-mark{width:36px;height:36px}.header__icons{justify-self:end}.header__icon{width:38px;height:38px}.mobile-nav{position:fixed;inset:0;background:var(--cream);z-index:70;padding:85px 28px 30px;display:flex;flex-direction:column;gap:18px;transform:translateX(-100%);transition:.25s}.mobile-nav.is-open{transform:none}.mobile-nav a,.mobile-nav button{font-size:22px;font-family:'Plus Jakarta Sans';font-weight:800;border:0;background:none;text-align:left}.mobile-nav__close{position:absolute;right:22px;top:20px;font-size:28px}.hero{padding-top:15px}.hero__inner{min-height:620px;background-position:58% center;border-radius:25px}.hero__content{padding:65px 28px}.hero__content p{font-size:17px}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category-card{min-height:210px}.section-heading{align-items:start;flex-direction:column;gap:8px}.product-grid{grid-template-columns:repeat(2,1fr);gap:14px}.product-card__quick-add,.product-card__options{position:static;opacity:1;transform:none;width:100%;margin-top:10px;min-height:40px;padding:0 14px;font-size:13px;gap:6px;white-space:nowrap;box-shadow:none;background:#fff;border:1px solid var(--line);backdrop-filter:none}.product-card__title{font-size:14px}.editorial{grid-template-columns:1fr}.editorial__media{min-height:360px}.editorial__content{padding:38px 28px}.trust-grid{grid-template-columns:1fr 1fr}.footer__grid{grid-template-columns:1fr 1fr;gap:30px}.product-page{padding-top:20px}.product-page__grid{grid-template-columns:1fr;gap:20px}.product-page__gallery{position:static}.product-page__main-image{border-radius:20px}.product-page__buybox{padding:24px;border-radius:22px}.product-page__title{font-size:36px}.product-page__trust-strip{display:grid;grid-template-columns:1fr}.product-sticky-buy{bottom:10px}.newsletter form{border-radius:18px;display:grid;gap:7px;background:transparent;padding:0}.newsletter input{height:50px;background:#fff;border-radius:14px}.newsletter button{height:50px}.cart-drawer__panel{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* v4 polish: consistent cards, forms, pages and contact experience */
:root{--cream:#f7f3ea;--paper:#fffdf9;--ink:#163b35;--ink-soft:#31524c;--mint:#238b72;--mint-dark:#176957;--coral:#e8785f;--line:#e5dfd4;--shadow-soft:0 12px 36px rgba(22,59,53,.08);--shadow-strong:0 22px 70px rgba(22,59,53,.14)}
body{background:var(--cream)}
.header-wrapper{background:rgba(247,243,234,.9);border-bottom:1px solid rgba(22,59,53,.09)}
.header__logo-mark{box-shadow:0 7px 18px rgba(35,139,114,.22)}
.header__icon{box-shadow:0 3px 12px rgba(22,59,53,.05)}

/* Give generic pages the same visual language as the storefront. */
.page-section{padding-top:70px;padding-bottom:100px}.page-section__inner{background:var(--paper);border:1px solid var(--line);border-radius:30px;padding:60px;box-shadow:var(--shadow-soft)}.page-section__title{font-size:clamp(38px,5vw,64px);max-width:850px}.page-section__content{max-width:850px;color:#536963;font-size:17px}.page-section__content img{border-radius:22px}.page-section__empty{text-align:center;padding:60px 20px;color:var(--muted)}.page-section__empty-icon{font-size:48px;margin-bottom:10px}

/* Contact: designed as a real support destination, not a raw HTML form. */
.contact-section{padding:72px 0 110px}.contact-shell{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);background:var(--paper);border:1px solid var(--line);border-radius:32px;overflow:hidden;box-shadow:var(--shadow-strong)}.contact-visual{min-height:720px;position:relative;background:#dcebe1 url('https://images.unsplash.com/photo-1583337130417-3346a1be7dee?auto=format&fit=crop&w=1200&q=88') center/cover}.contact-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,52,44,.04),rgba(12,52,44,.7))}.contact-visual__content{position:absolute;z-index:1;left:44px;right:44px;bottom:42px;color:#fff}.contact-visual__content .eyebrow{color:#f7d98c}.contact-visual__content h2{font-size:clamp(30px,4vw,48px);max-width:480px}.contact-visual__content p{max-width:460px;color:rgba(255,255,255,.86);margin:0}.contact-panel{padding:56px}.contact-panel__eyebrow{color:var(--mint);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.contact-panel h1{font-size:clamp(40px,4vw,58px);margin:6px 0 12px}.contact-panel__intro{color:var(--muted);font-size:16px;max-width:600px;margin:0 0 28px}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;padding:0;margin:0 0 30px}.contact-details li{display:flex;gap:12px;align-items:flex-start;padding:15px;background:#f6f2ea;border:1px solid var(--line);border-radius:16px;min-height:74px}.contact-details__icon{width:34px;height:34px;border-radius:11px;background:#e0f0e9;display:grid;place-items:center;flex:0 0 auto;font-size:16px}.contact-details strong,.contact-details a,.contact-details span{display:block}.contact-details strong{font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}.contact-details a,.contact-details span{font-size:13px;color:#526762}.contact-form{border-top:1px solid var(--line);padding-top:28px}.contact-form__success{display:flex;gap:12px;align-items:center;background:#e5f4ed;border:1px solid #cbe8db;border-radius:16px;padding:14px 16px;margin-bottom:20px}.contact-form__success span{font-size:23px}.contact-form__success p{margin:0;font-weight:700}.contact-form .errors{background:#fff0eb;border:1px solid #f0c7ba;border-radius:14px;padding:12px 16px;margin-bottom:18px}.contact-form .errors ul{margin:0;padding-left:18px}.contact-form .form-row{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.contact-form .form-row label{font-size:13px;font-weight:800;color:var(--ink)}.contact-form .optional{font-weight:500;color:var(--muted)}.contact-form .form-row input,.contact-form .form-row textarea,.contact-form .form-row select{width:100%;border:1px solid #d8d1c5;background:#fff;border-radius:13px;padding:14px 15px;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s}.contact-form .form-row input{min-height:52px}.contact-form .form-row textarea{min-height:150px;resize:vertical}.contact-form .form-row input:focus,.contact-form .form-row textarea:focus{border-color:var(--mint);box-shadow:0 0 0 4px rgba(35,139,114,.11)}.contact-form .button{min-width:190px}.contact-form__fields-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-note{display:flex;gap:10px;align-items:center;margin-top:18px;color:var(--muted);font-size:12px}.contact-note span{font-size:18px}

/* Search / cart / collection utility pages */
.search-page,.collection-page{padding:60px 0 100px}.utility-panel{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:45px;box-shadow:var(--shadow-soft)}.search-form{display:flex;gap:10px;max-width:760px;margin:25px 0 35px}.search-form input{flex:1;min-height:54px;border:1px solid var(--line);border-radius:14px;padding:0 16px;background:#fff}.search-form button{min-height:54px}.collection-header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.collection-header p{color:var(--muted);max-width:600px}.collection-toolbar{display:flex;justify-content:space-between;align-items:center;margin:20px 0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}

/* Better fallback when a product has no media yet. */
.product-card__placeholder{background:linear-gradient(145deg,#f0e9db,#dfeee7);position:relative;overflow:hidden}.product-card__placeholder:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.55);top:18%;left:18%}.product-card__placeholder:after{content:"🐶  🐱";position:absolute;inset:0;display:grid;place-items:center;font-size:46px;filter:saturate(.75)}

/* More intentional product card interaction. */
.product-card__media{box-shadow:inset 0 0 0 1px rgba(22,59,53,.05)}.product-card__quick-add,.product-card__options{backdrop-filter:blur(8px)}.product-card__quick-add:hover,.product-card__options:hover{background:var(--mint);color:#fff}.product-card__info{min-height:95px}

/* Make all important controls comfortably tappable. */
button,a,.button,input,select,textarea{touch-action:manipulation}.header__icon,.mobile-menu-toggle,.cart-drawer__close,.quantity-control button{min-width:44px;min-height:44px}

@media(max-width:900px){.contact-shell{grid-template-columns:1fr}.contact-visual{min-height:430px}.contact-panel{padding:38px 30px}.contact-details{grid-template-columns:1fr 1fr}.page-section__inner{padding:40px 30px}}
@media(max-width:749px){.contact-section{padding:30px 0 70px}.contact-visual{min-height:370px}.contact-visual__content{left:25px;right:25px;bottom:28px}.contact-panel{padding:30px 22px}.contact-panel h1{font-size:40px}.contact-details{grid-template-columns:1fr}.contact-form__fields-2{grid-template-columns:1fr;gap:0}.page-section{padding:30px 0 70px}.page-section__inner{padding:30px 22px;border-radius:22px}.utility-panel{padding:30px 20px;border-radius:22px}.search-form{flex-direction:column}.collection-header{align-items:start;flex-direction:column;gap:10px}}


/* =========================================================
   Paws & Co. Premium Motion System
   Motion is intentionally subtle, compositor-friendly, and
   disabled for users who prefer reduced motion.
   ========================================================= */
html{scroll-behavior:smooth}
body.motion-enabled{overflow-x:hidden}
body.motion-enabled .hero__inner{isolation:isolate;--hero-x:0;--hero-y:0}
body.motion-enabled .hero__content{transform:translate3d(calc(var(--hero-x) * 2px),calc(var(--hero-y) * 2px),0);transition:transform .25s ease-out}
body.motion-enabled .hero__inner::before{content:"";position:absolute;z-index:1;inset:auto -8% -34% auto;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.20),rgba(255,255,255,0) 68%);filter:blur(3px);animation:pawsFloat 8s ease-in-out infinite;pointer-events:none}
body.motion-enabled .hero__content>*{opacity:0;transform:translate3d(0,28px,0);animation:heroRise .75s cubic-bezier(.22,1,.36,1) forwards}
body.motion-enabled .hero__content .eyebrow{animation-delay:.08s}
body.motion-enabled .hero__content h1{animation-delay:.16s}
body.motion-enabled .hero__content p{animation-delay:.24s}
body.motion-enabled .hero__content .hero__actions{animation-delay:.32s}
body.motion-enabled .hero__content .hero__badges{animation-delay:.42s}

.motion-reveal{opacity:0;transform:translate3d(0,38px,0);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}
.motion-reveal.is-visible{opacity:1;transform:none}
.motion-reveal--scale{transform:translate3d(0,24px,0) scale(.97)}
.motion-reveal--scale.is-visible{transform:none}
.motion-stagger>*{opacity:0;transform:translate3d(0,24px,0);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}
.motion-stagger.is-visible>*{opacity:1;transform:none}
.motion-stagger.is-visible>*:nth-child(1){transition-delay:.03s}.motion-stagger.is-visible>*:nth-child(2){transition-delay:.08s}.motion-stagger.is-visible>*:nth-child(3){transition-delay:.13s}.motion-stagger.is-visible>*:nth-child(4){transition-delay:.18s}.motion-stagger.is-visible>*:nth-child(5){transition-delay:.23s}.motion-stagger.is-visible>*:nth-child(6){transition-delay:.28s}

body.motion-enabled .section-heading h2{overflow:hidden}
body.motion-enabled .category-card,body.motion-enabled .product-card,body.motion-enabled .trust-card{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1)}
body.motion-enabled .category-card:hover{transform:translate3d(0,-7px,0);box-shadow:0 20px 42px rgba(23,52,47,.14)}
body.motion-enabled .product-card:hover{transform:translate3d(0,-6px,0)}
body.motion-enabled .product-card:hover .product-card__media{box-shadow:0 18px 42px rgba(23,52,47,.12)}
body.motion-enabled .trust-card:hover{transform:translate3d(0,-5px,0);box-shadow:0 16px 35px rgba(23,52,47,.09)}
body.motion-enabled .product-card__media img{transition:transform .8s cubic-bezier(.22,1,.36,1),filter .5s ease}
body.motion-enabled .product-card:hover .product-card__media img{transform:scale(1.055)}
body.motion-enabled .category-card img{transition:transform 1s cubic-bezier(.22,1,.36,1),filter .5s ease}
body.motion-enabled .category-card:hover img{transform:scale(1.08)}
body.motion-enabled .editorial__media{transition:transform 1.1s cubic-bezier(.22,1,.36,1)}
body.motion-enabled .editorial:hover .editorial__media{transform:scale(1.025)}
body.motion-enabled .button{position:relative;overflow:hidden;isolation:isolate;transition:transform .3s cubic-bezier(.22,1,.36,1),background-color .25s ease,box-shadow .3s ease}
body.motion-enabled .button::after{content:"";position:absolute;inset:-80% auto -80% -25%;width:22%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:translateX(-500%) rotate(18deg);transition:transform .7s ease;pointer-events:none}
body.motion-enabled .button:hover::after{transform:translateX(750%) rotate(18deg)}
body.motion-enabled .button:hover{box-shadow:0 12px 28px rgba(47,143,121,.20)}

/* A quiet floating accent behind the editorial panel */
body.motion-enabled .editorial{position:relative}
body.motion-enabled .editorial::after{content:"";position:absolute;width:180px;height:180px;right:-70px;top:-70px;border-radius:50%;background:rgba(255,255,255,.42);pointer-events:none;animation:pawsFloat 9s ease-in-out infinite reverse}

/* Product purchase panel enters like a premium product presentation */
body.motion-enabled .product-page__buybox{animation:buyboxIn .8s .12s cubic-bezier(.22,1,.36,1) both}
body.motion-enabled .product-page__main-image{animation:mediaIn .9s cubic-bezier(.22,1,.36,1) both}
body.motion-enabled .product-page__thumbs{animation:thumbsIn .7s .2s cubic-bezier(.22,1,.36,1) both}
body.motion-enabled .product-sticky-buy{transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .35s ease}

/* Cross-document page transitions: intentionally short and never used for checkout. */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.32s}

@keyframes heroRise{to{opacity:1;transform:none}}
@keyframes buyboxIn{from{opacity:0;transform:translate3d(28px,0,0)}to{opacity:1;transform:none}}
@keyframes mediaIn{from{opacity:0;transform:translate3d(0,18px,0) scale(.985)}to{opacity:1;transform:none}}
@keyframes thumbsIn{from{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:none}}
@keyframes pawsFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-20px,-18px,0) scale(1.06)}}

@media (max-width: 749px){
  body.motion-enabled .hero__content>*{transform:translate3d(0,20px,0)}
  .motion-reveal{transform:translate3d(0,24px,0)}
  .motion-stagger>*{transform:translate3d(0,16px,0)}
  body.motion-enabled .product-page__buybox{animation-name:mediaIn}
  body.motion-enabled .hero__inner::before{width:220px;height:220px}
}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .motion-reveal,.motion-stagger>*{opacity:1!important;transform:none!important}
}

/* =========================================================
   PetIT immersive brand system
   Inspired by interactive 3D Shopify experiences, but built
   as original CSS/SVG motion so the theme stays lightweight.
   ========================================================= */
.announcement-bar{height:34px;display:flex;align-items:center;justify-content:center;gap:11px;letter-spacing:.04em}.announcement-bar__dot{opacity:.45}.announcement-bar__paw{font-size:11px;opacity:.8}
.header-wrapper{background:rgba(251,247,239,.78);border-bottom:1px solid rgba(23,52,47,.09)}
.header{min-height:104px;grid-template-columns:1fr auto 1fr;gap:28px;position:relative}.header__nav{display:flex;align-items:center;gap:24px}.header__nav--left{justify-content:flex-start}.header__nav--right{justify-content:flex-end;padding-right:112px}.header__nav a{position:relative;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#3c5751;transition:color .25s ease}.header__nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--mint);transition:right .35s cubic-bezier(.22,1,.36,1)}.header__nav a:hover{color:var(--mint)}.header__nav a:hover::after{right:0}
.header__icons{position:absolute;right:0;top:50%;transform:translateY(-50%);gap:8px}.header__icon{width:42px;height:42px;font-size:11px;letter-spacing:.04em;font-weight:800;transition:transform .35s cubic-bezier(.22,1,.36,1),background-color .25s ease}.header__icon:hover{transform:translateY(-2px) scale(1.04);background:#f2ede3}.header__cart-button{width:58px;border-radius:999px}
.petit-logo{width:164px;height:92px;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;perspective:800px;transform-style:preserve-3d;z-index:5}.petit-logo__halo{position:absolute;width:78px;height:78px;border-radius:50%;background:radial-gradient(circle,rgba(47,143,121,.22),rgba(47,143,121,0) 70%);filter:blur(3px);animation:petitHalo 5s ease-in-out infinite;z-index:-1}.petit-logo__mark{width:47px;height:47px;border-radius:15px;background:linear-gradient(145deg,#2f8f79,#1d5f52);box-shadow:0 14px 30px rgba(23,52,47,.2),inset 0 1px rgba(255,255,255,.35);display:grid;place-items:center;transform:translateZ(18px) rotateX(0deg) rotateY(0deg);transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s ease}.petit-logo__mark svg{width:27px;height:27px;fill:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.14))}.petit-logo__word{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translateZ(36px);font-family:'Plus Jakarta Sans',sans-serif;font-size:27px;line-height:1;font-weight:800;letter-spacing:-.07em;white-space:nowrap;text-shadow:0 7px 18px rgba(23,52,47,.13);pointer-events:none}.petit-logo__word strong{color:var(--ink);font-weight:800}.petit-logo__word em{color:var(--mint);font-style:normal}.petit-logo__tagline{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:.25em;white-space:nowrap;font-weight:800;color:#7a8a84;opacity:.85}.petit-logo.is-spinning .petit-logo__mark{box-shadow:0 20px 42px rgba(47,143,121,.3),inset 0 1px rgba(255,255,255,.4)}
.petit-logo::before,.petit-logo::after{content:"";position:absolute;border:1px solid rgba(47,143,121,.22);border-radius:50%;width:68px;height:68px;transform:rotateX(64deg) rotateZ(18deg);opacity:.65;pointer-events:none}.petit-logo::after{width:84px;height:84px;transform:rotateX(68deg) rotateZ(-22deg);opacity:.28}
@keyframes petitHalo{0%,100%{transform:scale(.88);opacity:.55}50%{transform:scale(1.16);opacity:1}}
@keyframes petitIdle{0%{transform:translateZ(18px) rotateY(-7deg)}50%{transform:translateZ(30px) rotateY(7deg)}100%{transform:translateZ(18px) rotateY(-7deg)}}
body.motion-enabled .petit-logo__mark{animation:petitIdle 5.5s ease-in-out infinite}
body.motion-enabled .petit-logo:hover .petit-logo__mark{animation:petitLogoHover 1.05s cubic-bezier(.22,1,.36,1) both}.petit-logo:hover .petit-logo__word{letter-spacing:-.055em}.petit-logo:hover::before{animation:petitOrbit 1.4s linear infinite}.petit-logo:hover::after{animation:petitOrbit 2s linear infinite reverse}@keyframes petitLogoHover{from{transform:translateZ(18px) rotateY(0)}to{transform:translateZ(42px) rotateY(360deg)}}@keyframes petitOrbit{to{transform:rotateX(64deg) rotateZ(378deg)}}

/* Interactive hero: large floating brand object, inspired by immersive theme showcases. */
.hero__inner{min-height:700px}.hero__inner::before{display:none}.hero__inner::after{z-index:2}.hero__content{max-width:650px}.hero__content h1{max-width:650px}.hero__content .eyebrow{display:inline-flex;padding:8px 12px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.09);backdrop-filter:blur(8px)}
@keyframes heroOrb{0%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}50%{transform:translate3d(-22px,18px,0) rotate(18deg) scale(1.06)}}

/* Section transitions and editorial depth */
body.motion-enabled .section{position:relative}.section::before{content:"";position:absolute;left:50%;top:-1px;width:110px;height:1px;background:linear-gradient(90deg,transparent,rgba(47,143,121,.28),transparent);transform:translateX(-50%)}.section-heading h2{max-width:760px}.section-heading p{font-size:15px}.category-card,.product-card__media,.editorial{will-change:transform}.product-card__media{border:1px solid rgba(23,52,47,.06)}
body.motion-enabled .category-card:hover{transform:translate3d(0,-10px,0) rotateX(1deg)}body.motion-enabled .product-card:hover{transform:translate3d(0,-8px,0)}

@media(max-width:999px){.header__nav--right{padding-right:0}.header__nav{gap:15px}.header__nav a{font-size:10px}.header__icons{position:static;transform:none}.header{grid-template-columns:1fr auto 1fr}.header__icons{justify-content:flex-end}.petit-logo{width:145px}}
@media(max-width:749px){.announcement-bar{height:31px;font-size:10px;gap:7px}.announcement-bar span:nth-child(2),.announcement-bar span:nth-child(4){display:none}.header{min-height:78px;grid-template-columns:44px 1fr 44px;gap:6px}.header__nav{display:none}.mobile-menu-toggle{display:flex;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;flex-direction:column;align-items:center;justify-content:center;gap:4px}.mobile-menu-toggle span{width:15px;height:1.5px;background:var(--ink);display:block}.header__icons{position:static;transform:none}.header__icons .header__icon:first-child{display:none}.header__cart-button{width:42px;font-size:0}.header__cart-button::before{content:"Bag";font-size:10px}.petit-logo{width:140px;height:70px}.petit-logo__mark{width:38px;height:38px;border-radius:12px}.petit-logo__mark svg{width:22px;height:22px}.petit-logo__word{font-size:22px}.petit-logo__tagline{font-size:5.5px;bottom:0}.petit-logo::before,.petit-logo::after{width:56px;height:56px}.hero__inner{min-height:620px}.hero__inner::before{display:none}.hero__content{padding:74px 28px}.hero__content h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){body.motion-enabled .petit-logo__mark,.petit-logo__halo,.petit-logo::before,.petit-logo::after{animation:none!important}.petit-logo__mark{transform:translateZ(18px)!important}}


/* PetIT hero 3D logo: pointer-driven, fully rotatable, and never blocks the rest of the hero. */
.hero__inner::after{pointer-events:none}
.hero__logo-stage{position:absolute;z-index:4;right:5.5%;top:8%;width:300px;height:300px;display:grid;place-items:center;perspective:1200px;transform:translate3d(calc(var(--hero-x,0) * -4px),calc(var(--hero-y,0) * -4px),0);pointer-events:none;user-select:none;-webkit-user-select:none}
.hero__logo-stage.is-dragging{cursor:grabbing}.hero__logo-3d{cursor:grab;pointer-events:auto;touch-action:none}.hero__logo-stage.is-dragging .hero__logo-3d{cursor:grabbing}
.hero__logo-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.2),rgba(47,143,121,.14) 44%,transparent 70%);filter:blur(8px);pointer-events:none}
.hero__logo-orbit{position:absolute;border:1px solid rgba(255,255,255,.34);border-radius:50%;pointer-events:none;mix-blend-mode:screen}
.hero__logo-orbit--one{width:258px;height:258px;transform:rotateX(67deg) rotateZ(16deg)}
.hero__logo-orbit--two{width:224px;height:224px;transform:rotateY(69deg) rotateZ(-21deg);border-color:rgba(255,255,255,.2)}
.hero__logo-3d{position:relative;width:150px;height:150px;transform-style:preserve-3d;will-change:transform;transition:filter .3s ease;filter:drop-shadow(0 28px 38px rgba(0,0,0,.2));pointer-events:auto;touch-action:none}
.hero__logo-face{position:absolute;inset:0;border-radius:54px;display:grid;place-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d}
.hero__logo-face--front{background:linear-gradient(145deg,#62c3a9 0%,#238b72 42%,#124f44 100%);border:1px solid rgba(255,255,255,.5);box-shadow:inset 12px 12px 30px rgba(255,255,255,.17),inset -18px -20px 36px rgba(5,37,32,.28),0 0 0 1px rgba(18,79,68,.2)}
.hero__logo-face--front::before{content:"";position:absolute;inset:10px;border-radius:46px;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 0 30px rgba(255,255,255,.08)}
.hero__logo-face--back{background:linear-gradient(145deg,#174e45,#0b2f2a);transform:rotateY(180deg) translateZ(1px);border:1px solid rgba(255,255,255,.18);color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-size:34px;font-weight:800;letter-spacing:-.08em}
.hero__logo-paw{position:absolute;width:50px;height:50px;left:27px;top:22px;transform:translateZ(22px) rotate(-11deg);filter:drop-shadow(0 6px 8px rgba(0,0,0,.16))}
.hero__logo-paw svg{width:100%;height:100%;fill:rgba(255,255,255,.94)}
.hero__logo-word{position:absolute;z-index:2;transform:translateZ(34px);font-family:'Plus Jakarta Sans',sans-serif;font-size:31px;line-height:1;font-weight:800;letter-spacing:-.09em;text-shadow:0 8px 16px rgba(0,0,0,.18)}
.hero__logo-word strong{color:#fff}.hero__logo-word em{color:#a7ead4;font-style:normal}
.hero__logo-hint{position:absolute;bottom:-4px;display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.82);font-size:9px;font-weight:800;letter-spacing:.18em;pointer-events:none}.hero__logo-hint i{font-size:15px;font-style:normal;opacity:.9}
.hero__logo-stage:hover .hero__logo-3d{filter:drop-shadow(0 32px 46px rgba(0,0,0,.27))}
.hero__logo-stage.is-dragging .hero__logo-3d{filter:drop-shadow(0 38px 54px rgba(0,0,0,.3))}
@media(max-width:999px){.hero__logo-stage{right:2%;top:7%;width:270px;height:270px}.hero__logo-glow{width:235px;height:235px}.hero__logo-orbit--one{width:230px;height:230px}.hero__logo-orbit--two{width:200px;height:200px}.hero__logo-3d{width:140px;height:140px}.hero__logo-face{border-radius:42px}.hero__logo-paw{width:47px;height:47px;left:25px;top:21px}.hero__logo-word{font-size:29px}.hero__logo-hint{bottom:-2px}}
@media(max-width:749px){.hero__logo-stage{right:0;top:3%;width:210px;height:210px}.hero__logo-glow{width:175px;height:175px}.hero__logo-orbit--one{width:188px;height:188px}.hero__logo-orbit--two{width:158px;height:158px}.hero__logo-3d{width:112px;height:112px}.hero__logo-face{border-radius:32px}.hero__logo-face--back{font-size:23px}.hero__logo-paw{width:36px;height:36px;left:19px;top:16px}.hero__logo-word{font-size:23px}.hero__logo-hint{font-size:6.5px;bottom:-2px}.hero__content{padding-top:270px}}
@media(prefers-reduced-motion:reduce){.hero__logo-stage{transform:none!important}.hero__logo-hint{display:none}.hero__logo-orbit{display:none}}

/* =========================================================
   PetIT Signature Identity v9
   One consistent paw + PetIT wordmark across the storefront.
   ========================================================= */
.petit-brand{display:inline-flex;align-items:center;gap:10px;position:relative;line-height:1;white-space:nowrap;color:#17342f}
.petit-brand--light{color:#fff}
.petit-brand__paw{width:52px;height:52px;display:block;flex:0 0 auto;filter:drop-shadow(0 7px 10px rgba(23,52,47,.16))}
.petit-brand__paw svg{width:100%;height:100%;display:block;overflow:visible}
.petit-brand__paw svg path{fill:none;stroke:currentColor;stroke-width:8;stroke-linecap:round;stroke-linejoin:round}
.petit-brand__name{font-family:'Plus Jakarta Sans',sans-serif;font-size:43px;font-weight:800;letter-spacing:-.085em;display:inline-flex;align-items:baseline;text-shadow:0 7px 20px rgba(23,52,47,.12)}
.petit-brand__name strong{font-weight:800;color:currentColor}.petit-brand__name em{font-style:normal;font-weight:800;color:#46b995}
.petit-brand--light .petit-brand__name em{color:#8ce4c9}
.petit-logo{width:235px;height:96px;overflow:visible}
.petit-logo__graphic{position:relative;z-index:2;display:grid;place-items:center;transform:translateZ(28px);transition:transform .5s cubic-bezier(.22,1,.36,1),filter .5s ease}
.petit-logo__graphic .petit-brand{gap:7px}.petit-logo__graphic .petit-brand__paw{width:46px;height:46px}.petit-logo__graphic .petit-brand__name{font-size:34px}
.petit-logo__halo{width:120px;height:120px;background:radial-gradient(circle,rgba(55,171,141,.20),rgba(55,171,141,0) 70%)}
.petit-logo__tagline{bottom:-2px;font-size:6.5px;letter-spacing:.28em}
.petit-logo::before{width:132px;height:62px;transform:rotateX(68deg) rotateZ(12deg);opacity:.42}.petit-logo::after{width:150px;height:76px;transform:rotateX(70deg) rotateZ(-19deg);opacity:.2}
body.motion-enabled .petit-logo__graphic{animation:petitBrandFloat 5.8s ease-in-out infinite}
body.motion-enabled .petit-logo:hover .petit-logo__graphic{animation:petitBrandSpin 1.05s cubic-bezier(.22,1,.36,1) both;filter:drop-shadow(0 18px 24px rgba(47,143,121,.28))}
@keyframes petitBrandFloat{0%,100%{transform:translate3d(0,0,0) rotateY(-4deg)}50%{transform:translate3d(0,-4px,0) rotateY(4deg)}}
@keyframes petitBrandSpin{from{transform:translateZ(28px) rotateY(0)}to{transform:translateZ(42px) rotateY(360deg)}}
.mobile-nav__brand{display:flex;justify-content:flex-start;margin-bottom:12px}.mobile-nav__brand .petit-brand__paw{width:48px;height:48px}.mobile-nav__brand .petit-brand__name{font-size:36px}
.footer__brand{display:flex;align-items:center;gap:12px}.footer__brand .petit-brand__paw{width:48px;height:48px}.footer__brand .petit-brand__name{font-size:34px}.footer__brand small{display:block;color:rgba(255,255,255,.55);font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-left:-4px}

/* Hero orb: smaller, higher, and visually connected to the signature logo. */
.hero__logo-stage{right:3.8%;top:3%;width:255px;height:255px}
.hero__logo-glow{width:220px;height:220px}
.hero__logo-orbit--one{width:222px;height:222px}
.hero__logo-orbit--two{width:190px;height:190px}
.hero__logo-3d{width:156px;height:112px}
.hero__logo-face{border-radius:34px}
.hero__logo-face--front{background:linear-gradient(145deg,rgba(69,190,157,.96),rgba(24,103,85,.98));box-shadow:inset 12px 12px 28px rgba(255,255,255,.16),inset -18px -20px 34px rgba(5,37,32,.28),0 24px 42px rgba(0,0,0,.23);display:grid;place-items:center}
.hero__logo-face--front::before{inset:8px;border-radius:28px}
.hero__logo-brand{display:block;transform:translateZ(30px);position:relative;z-index:2}
.hero__logo-brand .petit-brand{gap:7px}.hero__logo-brand .petit-brand__paw{width:43px;height:43px}.hero__logo-brand .petit-brand__name{font-size:31px;text-shadow:0 7px 15px rgba(0,0,0,.22)}
.hero__logo-face--back .hero__logo-brand{transform:rotateY(180deg) translateZ(30px)}
.hero__logo-hint{bottom:-16px;font-size:8px;letter-spacing:.16em}
.hero__logo-stage:hover .hero__logo-glow{opacity:1}
.hero__logo-stage:hover .hero__logo-orbit--one{animation:petitOrbit 1.7s linear infinite}.hero__logo-stage:hover .hero__logo-orbit--two{animation:petitOrbit 2.4s linear infinite reverse}
.hero__content{padding-top:82px}.hero__content h1{font-size:clamp(50px,5.2vw,74px);letter-spacing:-.06em;color:#fff;text-shadow:0 12px 35px rgba(0,0,0,.18)}
.hero__content p{max-width:560px}.hero__actions .button:first-child{box-shadow:0 12px 30px rgba(55,171,141,.24)}


@media(max-width:999px){.petit-logo{width:190px}.petit-logo__graphic .petit-brand__paw{width:40px;height:40px}.petit-logo__graphic .petit-brand__name{font-size:30px}.hero__logo-stage{right:2%;top:2%;width:225px;height:225px}.hero__logo-3d{width:144px;height:104px}.hero__logo-brand .petit-brand__paw{width:38px;height:38px}.hero__logo-brand .petit-brand__name{font-size:28px}}
@media(max-width:749px){.announcement-bar{white-space:nowrap;overflow:hidden}.announcement-bar .announcement-bar__dot{display:inline}.announcement-bar span:nth-child(5){display:none}.petit-logo{width:154px;height:72px}.petit-logo__graphic .petit-brand__paw{width:32px;height:32px}.petit-logo__graphic .petit-brand__name{font-size:24px}.petit-logo__tagline{font-size:5px}.petit-logo::before,.petit-logo::after{width:70px;height:42px}.hero__logo-stage{right:0;top:1%;width:188px;height:188px}.hero__logo-glow{width:160px;height:160px}.hero__logo-orbit--one{width:168px;height:168px}.hero__logo-orbit--two{width:144px;height:144px}.hero__logo-3d{width:122px;height:88px}.hero__logo-face{border-radius:27px}.hero__logo-brand .petit-brand__paw{width:32px;height:32px}.hero__logo-brand .petit-brand__name{font-size:23px}.hero__logo-hint{display:none}.hero__content{padding-top:220px}.footer__brand .petit-brand__name{font-size:28px}}
@media(prefers-reduced-motion:reduce){body.motion-enabled .petit-logo__graphic{animation:none!important}.hero__logo-orbit{animation:none!important}}

/* =========================================================
   PetIT SIGNATURE HOMEPAGE — reference-matched composition
   Full-width cinematic hero, centered signature logo, glass orb.
   ========================================================= */
@media (min-width:1000px){
  .header-wrapper{background:rgba(251,247,239,.94)}
  .header{width:100%;max-width:none;padding-left:10.3%;padding-right:10.3%;min-height:120px;grid-template-columns:1fr auto 1fr;gap:30px}
  .header__nav--right{padding-right:96px}
  .petit-logo{width:300px;height:112px;margin-top:2px}
  .petit-logo__graphic .petit-brand{gap:11px}
  .petit-logo__graphic .petit-brand__paw{width:70px;height:70px}
  .petit-logo__graphic .petit-brand__name{font-size:56px;letter-spacing:-.09em}
  .petit-logo__tagline{bottom:4px;font-size:8px;letter-spacing:.3em}
  .petit-logo__halo{width:120px;height:120px}
  .petit-logo::before{width:125px;height:64px;transform:rotateX(67deg) rotateZ(10deg);opacity:.55}
  .petit-logo::after{width:155px;height:78px;transform:rotateX(69deg) rotateZ(-12deg);opacity:.24}

  .hero{padding:18px 0 0}
  .hero .page-width{width:calc(100vw - 36px);max-width:none;margin:0 18px}
  .hero__inner{min-height:600px;border-radius:31px;background-position:center center}
  .hero__content{max-width:620px;padding:58px 0 50px 11.4%}
  .hero__content .eyebrow{padding:9px 15px;font-size:11px;letter-spacing:.13em}
  .hero__content h1{font-size:clamp(58px,5.2vw,84px);line-height:.97;max-width:620px;margin:16px 0 20px;letter-spacing:-.065em}
  .hero__content p{font-size:18px;line-height:1.45;max-width:560px;margin-bottom:27px}
  .hero__actions{gap:14px}
  .hero__actions .button{min-height:58px;padding:0 28px;border-radius:999px;font-size:14px}
  .hero__actions .button:first-child{background:linear-gradient(135deg,#70efc5,#32b895);border:1px solid rgba(255,255,255,.32);color:#073f35;box-shadow:0 14px 35px rgba(55,171,141,.25)}
  .hero__actions .button--secondary{background:rgba(13,35,31,.22);border-color:rgba(255,255,255,.55);color:#fff}
  .hero__badges{gap:25px;margin-top:28px;flex-wrap:nowrap}
  .hero__badge{padding:0;background:none;border:0;border-radius:0;font-size:12px;color:rgba(255,255,255,.92);display:flex;align-items:center;gap:9px;white-space:nowrap}
  .hero__badge::before{content:'✧';width:30px;height:30px;border:1px solid rgba(255,255,255,.38);border-radius:50%;display:grid;place-items:center;font-size:14px}
  .hero__badge:nth-child(1)::before{content:'♧'}
  .hero__badge:nth-child(2)::before{content:'▣'}
  .hero__badge:nth-child(3)::before{content:'✓'}

  .hero__logo-stage{right:11.5%;top:12%;width:360px;height:360px;transform:none}
  .hero__logo-glow{width:320px;height:320px;background:radial-gradient(circle,rgba(105,239,201,.24),rgba(47,143,121,.14) 38%,transparent 70%);filter:blur(4px)}
  .hero__logo-orbit--one{width:315px;height:315px;transform:rotateX(68deg) rotateZ(14deg);border-color:rgba(255,255,255,.4)}
  .hero__logo-orbit--two{width:275px;height:275px;transform:rotateY(70deg) rotateZ(-18deg);border-color:rgba(143,245,217,.28)}
  .hero__logo-3d{width:205px;height:205px}
  .hero__logo-face{border-radius:50%;overflow:hidden}
  .hero__logo-face--front{background:radial-gradient(circle at 32% 25%,rgba(151,255,224,.9),rgba(27,119,98,.96) 46%,rgba(7,54,46,.98) 100%);border:1px solid rgba(211,255,244,.58);box-shadow:inset 18px 18px 48px rgba(255,255,255,.16),inset -22px -26px 55px rgba(2,30,26,.34),0 25px 65px rgba(0,0,0,.3)}
  .hero__logo-face--front::after{content:'';position:absolute;inset:11px;border-radius:50%;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 0 35px rgba(255,255,255,.09);pointer-events:none}
  .hero__logo-brand{position:relative;z-index:3;transform:translateZ(32px);display:flex;align-items:center;justify-content:center}
  .hero__logo-brand .petit-brand{gap:10px}
  .hero__logo-brand .petit-brand__paw{width:58px;height:58px}
  .hero__logo-brand .petit-brand__name{font-size:39px;letter-spacing:-.09em;text-shadow:0 7px 18px rgba(0,0,0,.28)}
  .hero__logo-brand .petit-brand__name em{color:#a8f5dc}
  .hero__logo-hint{bottom:-20px;font-size:8px}
}

@media (max-width:999px){
  .hero .page-width{width:calc(100% - 28px);max-width:none}
  .hero{padding-top:14px}
  .hero__inner{min-height:640px}
}

@media (max-width:749px){
  .header{min-height:88px}
  .petit-logo{height:82px;width:170px}
  .petit-logo__graphic .petit-brand__paw{width:39px;height:39px}
  .petit-logo__graphic .petit-brand__name{font-size:27px}
  .petit-logo__tagline{font-size:5.5px}
  .hero .page-width{width:calc(100% - 20px);margin:0 10px}
  .hero__inner{min-height:690px;height:auto;border-radius:24px;background-position:61% center}
  .hero__content{padding:270px 24px 48px}
  .hero__content h1{font-size:48px;line-height:.98}
  .hero__content p{font-size:16px}
  .hero__actions .button{min-height:52px;padding:0 21px}
  .hero__badges{gap:14px}
  .hero__badge{font-size:10px}
  .hero__logo-stage{right:0;top:3%;width:220px;height:220px}
  .hero__logo-glow{width:190px;height:190px}
  .hero__logo-orbit--one{width:185px;height:185px}
  .hero__logo-orbit--two{width:160px;height:160px}
  .hero__logo-3d{width:120px;height:120px}
  .hero__logo-face{border-radius:50%}
  .hero__logo-brand .petit-brand__paw{width:34px;height:34px}
  .hero__logo-brand .petit-brand__name{font-size:24px}
}

/* =========================================================
   PetIT v11 — exact reference composition polish
   ========================================================= */
@media (min-width:1000px){
  .announcement-bar{height:39px;padding:0 7.5%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#0d3a32;color:#fff;font-size:13px;font-weight:800;letter-spacing:.01em}
  .announcement-bar__item{display:flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap}
  .announcement-bar__item:first-child{justify-content:flex-start}
  .announcement-bar__item:last-child{justify-content:flex-end}
  .announcement-bar__icon{display:inline-grid;place-items:center;width:22px;height:22px;color:#a9e7d4;font-size:13px}
  .announcement-bar__divider{opacity:.35}
  .header-wrapper{background:#fbf7ef;border-bottom:1px solid rgba(23,52,47,.12);backdrop-filter:none}
  .header{min-height:120px;padding-left:10.3%;padding-right:10.3%}
  .petit-logo{height:116px;width:300px}
  .petit-logo__graphic .petit-brand__paw{width:74px;height:59px}
  .petit-logo__graphic .petit-brand__name{font-size:56px}
  .petit-logo__tagline{bottom:2px;font-size:8px}

  .hero{padding:18px 0 0}
  .hero .page-width{width:calc(100vw - 36px);max-width:none;margin:0 18px}
  .hero__inner{min-height:600px;border-radius:31px;background-position:center 48%;}
  .hero__inner:after{background:linear-gradient(90deg,rgba(7,39,34,.60) 0%,rgba(7,39,34,.25) 43%,rgba(7,39,34,.02) 72%,rgba(7,39,34,.08) 100%);}
  .hero__content{max-width:680px;padding:58px 0 50px 11.4%;}
  body.motion-enabled .hero__content>*{opacity:1;animation:none;transform:none}
  .hero__content .eyebrow{color:#b9d6b0;background:rgba(20,52,44,.24);border-color:rgba(205,239,224,.28);}
  .hero__content h1{font-size:clamp(58px,4.35vw,78px);line-height:.98;max-width:600px;margin:16px 0 20px;letter-spacing:-.065em;color:#fff;text-shadow:0 10px 30px rgba(0,0,0,.28)}
  .hero__content p{font-size:18px;line-height:1.42;max-width:540px;color:rgba(255,255,255,.92);margin-bottom:27px}
  .hero__actions .button{min-height:58px;padding:0 28px;font-size:14px}
  .hero__actions .button:first-child{background:linear-gradient(135deg,#72efc7,#36bb98);color:#073f35}
  .hero__actions .button--secondary{background:rgba(7,35,31,.18);color:#fff;border-color:rgba(255,255,255,.6)}
  .hero__badges{gap:27px;margin-top:28px;flex-wrap:nowrap}
  .hero__badge{padding:0;background:none;border:0;color:rgba(255,255,255,.95);font-size:12px;display:flex;align-items:center;gap:9px;white-space:nowrap}
  .hero__badge::before{content:'✦';width:30px;height:30px;border:1px solid rgba(255,255,255,.42);border-radius:50%;display:grid;place-items:center;font-size:13px;background:rgba(7,39,34,.15)}
  .hero__badge:nth-child(1)::before{content:'♧'} .hero__badge:nth-child(2)::before{content:'▣'} .hero__badge:nth-child(3)::before{content:'✓'}

  .hero__logo-stage{right:10.5%;top:12%;width:350px;height:350px}
  .hero__logo-glow{width:315px;height:315px}
  .hero__logo-orbit--one{width:315px;height:315px}
  .hero__logo-orbit--two{width:275px;height:275px}
  .hero__logo-3d{width:205px;height:205px}
  .hero__logo-brand .petit-brand__paw{width:62px;height:50px}
  .hero__logo-brand .petit-brand__name{font-size:40px}
}

.petit-brand__paw img{display:block;width:100%;height:100%;object-fit:contain}
.petit-brand--light .petit-brand__paw img{filter:brightness(0) invert(1);}
.petit-brand--dark .petit-brand__paw img{filter:none;}

@media(max-width:749px){
  .announcement-bar{height:32px;display:flex;justify-content:center;gap:8px;font-size:9px;overflow:hidden;white-space:nowrap}
  .announcement-bar__divider{display:none}.announcement-bar__item:first-child,.announcement-bar__item:last-child{display:none}
  .header-wrapper{position:relative}
  .header{min-height:86px}
  .petit-logo{height:78px;width:165px}
  .petit-logo__graphic .petit-brand__paw{width:38px;height:31px}
  .petit-logo__graphic .petit-brand__name{font-size:27px}
  .hero__inner{min-height:690px}
  body.motion-enabled .hero__content>*{opacity:1;animation:none;transform:none}
  .hero__content h1{font-size:48px}
}

/* PetIT v12 — bright, clickable hero content */
.hero__inner::after{
  pointer-events:none !important;
  z-index:2;
  background:linear-gradient(90deg,
    rgba(7,39,34,.28) 0%,
    rgba(7,39,34,.12) 42%,
    rgba(7,39,34,.015) 74%,
    rgba(7,39,34,.03) 100%) !important;
}
.hero__content{
  position:relative;
  z-index:5 !important;
  isolation:isolate;
}
.hero__content h1{
  color:#fff !important;
  text-shadow:0 5px 18px rgba(0,0,0,.16) !important;
}
.hero__content p{
  color:rgba(255,255,255,.96) !important;
  text-shadow:0 3px 12px rgba(0,0,0,.10);
}
.hero__content .eyebrow{
  background:rgba(12,48,41,.16) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  color:#d5efc9 !important;
}
.hero__actions,
.hero__badges{position:relative;z-index:6}
.hero__actions .button:first-child{
  filter:none !important;
  opacity:1 !important;
}
.hero__actions .button--secondary{
  background:rgba(12,38,33,.10) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.hero__badge{opacity:1 !important}

/* =========================================================
   PetIT v13 — conversion polish, contact experience & bundle merchandising
   ========================================================= */
.petit-bundle-section{padding-top:20px}
.petit-bundle-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}
.petit-bundle-head h2{font-size:clamp(32px,4vw,52px);max-width:760px;margin:5px 0 8px;letter-spacing:-.045em}
.petit-bundle-head p{margin:0;color:var(--muted);font-size:16px}
.petit-bundle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.petit-bundle-card{position:relative;display:grid;grid-template-columns:58px 1fr 30px;gap:15px;align-items:start;padding:24px;background:linear-gradient(145deg,#fff,#f1f7f2);border:1px solid rgba(35,139,114,.14);border-radius:24px;color:var(--ink);text-decoration:none;box-shadow:0 14px 35px rgba(23,52,47,.06);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease}
.petit-bundle-card:hover{transform:translateY(-6px);box-shadow:0 22px 45px rgba(23,52,47,.12);border-color:rgba(35,139,114,.32)}
.petit-bundle-card__icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#dff3ea;font-size:27px;box-shadow:inset 0 1px rgba(255,255,255,.8)}
.petit-bundle-card__eyebrow{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.13em;color:var(--mint)}
.petit-bundle-card h3{margin:4px 0 5px;font-size:22px;letter-spacing:-.02em}.petit-bundle-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.petit-bundle-card__arrow{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);font-weight:800}
.petit-bundle-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin-top:20px;color:#50655f;font-size:12px;font-weight:700}.petit-bundle-trust span{display:inline-flex;align-items:center;gap:7px}

/* Cart free-shipping progress */
.cart-drawer__shipping{padding:15px 20px 12px;background:linear-gradient(180deg,#f1f8f4,#fff);border-bottom:1px solid var(--line)}
.cart-drawer__shipping-top{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;color:var(--ink)}
.cart-drawer__shipping-top strong{font-size:12px}.cart-drawer__shipping-top span{color:var(--muted);font-weight:800}.cart-drawer__shipping-track{height:7px;border-radius:999px;background:#dfe9e4;overflow:hidden;margin-top:9px}.cart-drawer__shipping-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#39ad8d,#7ae0c0);box-shadow:0 0 12px rgba(55,171,141,.25);transition:width .25s ease}.cart-drawer__bundle-link{display:block;margin-top:9px;color:var(--mint);font-size:12px;font-weight:800;text-decoration:none}.cart-drawer__bundle-link:hover{text-decoration:underline}

/* Rich contact destination */
.contact-section{padding:55px 0 90px}.contact-experience{display:flex;flex-direction:column;gap:18px}
.contact-hero{position:relative;overflow:hidden;min-height:350px;border-radius:34px;padding:58px 62px;background:radial-gradient(circle at 82% 42%,rgba(79,211,171,.34),transparent 27%),linear-gradient(120deg,#123d35,#17342f 52%,#0c2924);color:#fff;box-shadow:var(--shadow-strong)}
.contact-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.1),transparent 26%),linear-gradient(90deg,rgba(7,27,23,.15),transparent 65%);pointer-events:none}
.contact-hero__copy{position:relative;z-index:2;max-width:690px}.contact-hero .eyebrow{color:#9be6cf}.contact-hero h1{font-size:clamp(48px,6vw,76px);line-height:.98;letter-spacing:-.06em;margin:7px 0 18px}.contact-hero p{font-size:18px;line-height:1.6;max-width:630px;color:rgba(255,255,255,.78);margin:0}.contact-hero__trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.contact-hero__trust span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);border-radius:999px;font-size:12px;font-weight:700}.contact-hero__trust b{font-size:15px}
.contact-hero__orb{position:absolute;right:9%;top:50%;width:235px;height:235px;transform:translateY(-50%);display:grid;place-items:center;pointer-events:none}.contact-hero__orb-core{width:125px;height:125px;border-radius:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:linear-gradient(145deg,rgba(85,210,173,.95),rgba(18,103,83,.95));border:1px solid rgba(255,255,255,.28);box-shadow:inset 12px 12px 30px rgba(255,255,255,.18),inset -18px -20px 35px rgba(4,36,30,.25),0 25px 55px rgba(0,0,0,.25);font-size:30px}.contact-hero__orb-core strong{font-size:24px;letter-spacing:-.07em}.contact-hero__orb-ring{position:absolute;border:1px solid rgba(144,241,213,.38);border-radius:50%;transform:rotateX(68deg) rotateZ(15deg)}.contact-hero__orb-ring--one{inset:0}.contact-hero__orb-ring--two{inset:22px;transform:rotateX(70deg) rotateZ(-22deg);opacity:.65}
.contact-main-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:18px}.contact-info-column{display:grid;gap:18px;align-content:start}.contact-card,.contact-form-card{background:var(--paper);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow-soft)}.contact-card{padding:28px}.contact-card--highlight{background:linear-gradient(145deg,#edf7f1,#fff)}.contact-card__eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:var(--mint)}.contact-card h2{font-size:28px;margin:5px 0 18px}.contact-card h3{font-size:24px;margin:5px 0 8px}.contact-card p{color:var(--muted);line-height:1.65;margin:0}.contact-quick-links{display:grid;gap:8px}.contact-quick-links a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:15px;color:var(--ink);text-decoration:none;transition:background .2s,transform .2s}.contact-quick-links a:hover{background:#fff;transform:translateX(3px)}.contact-quick-links>a>span{width:38px;height:38px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:12px}.contact-quick-links strong,.contact-quick-links small{display:block}.contact-quick-links strong{font-size:13px}.contact-quick-links small{font-size:11px;color:var(--muted);margin-top:2px}.contact-promise-list{display:grid;gap:8px;margin-top:18px}.contact-promise-list span{font-size:12px;font-weight:700;color:#45605a}
.contact-form-card{padding:34px}.contact-form-card__top{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:22px}.contact-form-card__top h2{font-size:34px;letter-spacing:-.035em;margin:5px 0 0}.contact-form-card__badge{padding:8px 11px;background:#edf7f2;border:1px solid #d4ebe1;color:#397566;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.contact-mini-details{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px}.contact-mini-details>a,.contact-mini-details>div{display:flex;align-items:center;gap:9px;padding:11px;background:#f7f4ee;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--ink)}.contact-mini-details b{width:30px;height:30px;display:grid;place-items:center;background:#e2f2eb;border-radius:9px;font-size:13px}.contact-mini-details span,.contact-mini-details small{display:block}.contact-mini-details span{font-size:11px;font-weight:800}.contact-mini-details small{font-size:10px;color:var(--muted);font-weight:500;margin-top:2px;overflow-wrap:anywhere}
.contact-form-card .contact-form{border-top:0;padding-top:0}.contact-form-card .contact-form .form-row{margin-bottom:14px}.contact-form-card .contact-form input,.contact-form-card .contact-form textarea,.contact-form-card .contact-form select{background:#fbfaf6;border-radius:14px}.contact-form-card .contact-form select{min-height:52px}.contact-form__submit{min-width:190px}.contact-bottom-banner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 30px;border-radius:24px;background:#e7f2ec;border:1px solid #d3e7dc}.contact-bottom-banner h2{margin:3px 0 0;font-size:26px}.contact-bottom-banner .eyebrow{color:var(--mint)}

@media(max-width:999px){.petit-bundle-grid{grid-template-columns:1fr}.petit-bundle-head{align-items:start;flex-direction:column}.contact-main-grid{grid-template-columns:1fr}.contact-hero__orb{right:4%;opacity:.75}.contact-hero{padding:48px 38px}.contact-mini-details{grid-template-columns:1fr}.contact-hero__copy{max-width:75%}}
@media(max-width:749px){.petit-bundle-head h2{font-size:34px}.petit-bundle-card{grid-template-columns:48px 1fr 28px;padding:18px}.petit-bundle-card__icon{width:48px;height:48px;font-size:22px}.petit-bundle-trust{justify-content:flex-start;gap:8px 16px}.cart-drawer__shipping{padding-left:16px;padding-right:16px}.contact-hero{min-height:470px;padding:34px 25px}.contact-hero__copy{max-width:100%}.contact-hero h1{font-size:48px}.contact-hero p{font-size:15px}.contact-hero__orb{right:-30px;bottom:12px;top:auto;transform:none;width:180px;height:180px;opacity:.5}.contact-hero__orb-core{width:96px;height:96px;border-radius:28px;font-size:22px}.contact-hero__orb-core strong{font-size:19px}.contact-hero__trust{position:relative;z-index:3}.contact-form-card,.contact-card{padding:22px}.contact-form-card__top{flex-direction:column}.contact-bottom-banner{align-items:flex-start;flex-direction:column}.contact-bottom-banner h2{font-size:23px}}

/* v14 cart stability + quick bundle panel */
.cart-drawer__bundle-link{appearance:none;border:0;background:transparent;padding:8px 0;cursor:pointer;text-align:left;font-family:inherit}.cart-drawer__bundle-link[aria-expanded="true"]{color:var(--ink)}
.cart-drawer__bundle-panel{margin:10px 0 14px;padding:12px;border:1px solid #dce9e3;border-radius:16px;background:#f5faf7}.cart-drawer__bundle-panel[hidden]{display:none!important}.cart-drawer__bundle-title{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:9px}.cart-drawer__bundle-title strong{font-size:12px}.cart-drawer__bundle-title span{font-size:10px;color:var(--muted)}.cart-drawer__bundle-products{display:grid;gap:7px}.cart-drawer__bundle-product{display:grid;grid-template-columns:42px 1fr 34px;gap:9px;align-items:center;padding:7px;background:#fff;border:1px solid #e5ece8;border-radius:12px}.cart-drawer__bundle-product>a{width:42px;height:42px;border-radius:9px;overflow:hidden;background:#eef3ef}.cart-drawer__bundle-product img{width:100%;height:100%;object-fit:cover}.cart-drawer__bundle-product strong,.cart-drawer__bundle-product small{display:block}.cart-drawer__bundle-product strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-drawer__bundle-product small{font-size:10px;color:var(--muted);margin-top:2px}.cart-drawer__quick-add{width:34px;height:34px;border:1px solid #c8ded5;border-radius:50%;background:#e9f7f1;color:var(--mint);font-size:20px;font-weight:800;cursor:pointer}.cart-drawer__quick-add:disabled{opacity:.45;cursor:not-allowed}.cart-drawer__quick-add.is-added{background:var(--mint);color:#fff}.cart-drawer__item-actions button:disabled{opacity:.6;cursor:wait}
.cart-drawer__panel,.cart-drawer__overlay,.cart-drawer__panel *{pointer-events:auto}.cart-drawer__overlay{pointer-events:auto}.cart-drawer__panel{isolation:isolate}
#petit-contact{scroll-margin-top:120px}
@media(max-width:749px){.cart-drawer__bundle-title{display:block}.cart-drawer__bundle-title span{display:block;margin-top:2px}.cart-drawer__bundle-panel{margin-bottom:10px}}

/* PetIT v15 stability: cart controls are buttons, never navigation targets. */
.header__cart-button{appearance:none;font:inherit;cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--ink);position:relative;}
.header__cart-button:hover{transform:translateY(-1px);}

/* PetIT v17 — stable navigation fixes */
.header__nav a.is-active{color:var(--ink);font-weight:800}
.header__nav a.is-active::after{right:0}
.header__icons{gap:10px;align-items:center}
.header__icon{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
.header__icon svg{width:19px;height:19px;display:block}
.header__cart-button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:0 16px;color:var(--ink);font-family:inherit;font-weight:800;cursor:pointer;box-shadow:0 8px 22px rgba(20,50,43,.06)}
.header__cart-label{font-size:11px;letter-spacing:.04em}
.header__cart-count{position:absolute;right:-3px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef765b;color:#fff;font-size:10px;line-height:18px;text-align:center;font-weight:900}
.header__cart-count[hidden]{display:none}
/* Remove the old duplicate right-side Search/Shop nav if it exists in cached editor markup. */
.header__nav--right{display:none!important}
@media(max-width:999px){.header__cart-button{padding:0 12px}.header__cart-label{font-size:10px}}
@media(max-width:749px){.header__icons{gap:4px}.header__cart-button{width:44px;padding:0;border-radius:50%;font-size:0}.header__cart-button svg{width:18px;height:18px}.header__cart-label{display:none}.header__cart-count{right:-2px}}


/* PetIT v18 — nav active state comes ONLY from .is-active (set in header.liquid) */
.header__nav a[aria-current="page"]{color:var(--ink);font-weight:800}
.mobile-nav a.is-active{color:var(--mint)}

/* PetIT v20 — Bag button: icon only (bag icon + item count) */
.header__cart-button{width:44px;height:44px;min-width:44px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:0;font-size:0}
.header__cart-button::before{content:none!important}
.header__cart-button svg{width:24px;height:24px;flex:0 0 auto;display:block}
.header__cart-label{display:none}
.header__cart-count{right:-4px;top:-5px;z-index:2}

/* PetIT v20 — contact hero: circular PetIT logo, spins 360 (like the header logo) on hover / tap */
.contact-hero__orb-core{position:relative;width:176px;height:176px;padding:0;border:0;border-radius:50%;display:block;background:none;box-shadow:none;overflow:visible;font-size:inherit;transform-style:preserve-3d;transform:perspective(900px);will-change:transform;touch-action:pan-y;user-select:none;-webkit-user-select:none;pointer-events:auto;cursor:grab;-webkit-tap-highlight-color:transparent}
.contact-hero__orb-face{position:absolute;inset:0;border-radius:50%;overflow:hidden;display:grid;place-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:radial-gradient(circle at 32% 25%,rgba(151,255,224,.9),rgba(27,119,98,.96) 46%,rgba(7,54,46,.98) 100%);border:1px solid rgba(211,255,244,.58);box-shadow:inset 18px 18px 48px rgba(255,255,255,.16),inset -22px -26px 55px rgba(2,30,26,.34),0 25px 65px rgba(0,0,0,.3)}
.contact-hero__orb-face--back{transform:rotateY(180deg)}
.contact-hero__orb-face::after{content:'';position:absolute;inset:9px;border-radius:50%;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 0 35px rgba(255,255,255,.09);pointer-events:none}
.contact-hero__orb-face .petit-brand{position:relative;z-index:2;gap:8px}
.contact-hero__orb-face .petit-brand__paw{width:46px;height:46px}
.contact-hero__orb-face .petit-brand__name{font-size:32px;letter-spacing:-.09em;text-shadow:0 7px 18px rgba(0,0,0,.28)}
.contact-hero__orb-face .petit-brand__name em{color:#a8f5dc}
.contact-hero__orb-core.is-dragging{cursor:grabbing}
.contact-hero__orb-face img{-webkit-user-drag:none;user-select:none}
.contact-hero__orb-hint{position:absolute;left:0;right:0;bottom:2px;text-align:center;color:rgba(255,255,255,.72);font-size:8px;font-weight:800;letter-spacing:.18em;pointer-events:none}
@media(max-width:749px){.contact-hero__orb-hint{display:none}.contact-hero__orb-core{width:118px;height:118px}.contact-hero__orb-face::after{inset:6px}.contact-hero__orb-face .petit-brand{gap:5px}.contact-hero__orb-face .petit-brand__paw{width:30px;height:30px}.contact-hero__orb-face .petit-brand__name{font-size:21px}}

/* PetIT footer information */
.petit-footer-info{padding:90px 0 30px;background:var(--cream)}
.petit-footer-info__intro{max-width:720px;margin-bottom:34px}
.petit-footer-info__intro h2{font-size:clamp(34px,4vw,58px);line-height:.98;margin:10px 0 12px;color:var(--ink)}
.petit-footer-info__intro p{max-width:620px;color:var(--muted);font-size:16px}
.petit-footer-info__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.petit-footer-info__grid article{min-height:210px;padding:28px;border:1px solid var(--line);border-radius:24px;background:#fff;scroll-margin-top:100px}
.petit-footer-info__icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--mint);color:#fff;font-weight:900;margin-bottom:18px}
.petit-footer-info__grid h3{font-size:20px;margin:0 0 10px;color:var(--ink)}
.petit-footer-info__grid p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}
.footer__newsletter-link{display:inline-block!important;margin-top:16px!important;color:#fff!important;text-decoration:underline;text-underline-offset:4px}
.footer__grid{grid-template-columns:1.45fr repeat(4,1fr)}
@media(max-width:900px){.footer__grid{grid-template-columns:1.5fr 1fr 1fr}.petit-footer-info__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:749px){.petit-footer-info{padding:65px 0 20px}.petit-footer-info__grid{grid-template-columns:1fr}.petit-footer-info__grid article{min-height:0}.footer__grid{grid-template-columns:1fr 1fr;gap:28px}.footer__grid>div:first-child{grid-column:1/-1}}


/* PetIT v23 — announcement bar stays compact and centered at browser zoom levels. */
.announcement-bar{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  height:clamp(32px,2.05vw,39px);
  padding:0 clamp(8px,4vw,7.5%);
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
  align-items:center;
  justify-items:center;
  gap:clamp(5px,1vw,14px);
  overflow:hidden;
  white-space:nowrap;
  font-size:clamp(7px,.72vw,13px) !important;
  line-height:1;
  letter-spacing:.01em;
}
.announcement-bar__item{
  min-width:0;
  display:flex !important;
  align-items:center;
  gap:clamp(4px,.65vw,10px);
  white-space:nowrap;
  overflow:hidden;
}
.announcement-bar__item span:last-child{
  overflow:hidden;
  text-overflow:ellipsis;
}
.announcement-bar__item:first-child{justify-content:flex-start !important;justify-self:start}
.announcement-bar__item:nth-of-type(2){justify-content:center}
.announcement-bar__icon{width:clamp(13px,1.15vw,22px);height:clamp(13px,1.15vw,22px);font-size:clamp(7px,.7vw,13px);flex:0 0 auto}
.announcement-bar__divider{display:block !important;opacity:.35;font-size:clamp(9px,.8vw,13px)}
@media(max-width:749px){
  .announcement-bar{
    height:30px;
    padding:0 10px;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
    gap:5px;
    font-size:clamp(7px,2.2vw,10px) !important;
  }
  .announcement-bar__item:first-child,.announcement-bar__item:last-child{display:flex !important}
  .announcement-bar__divider{display:none !important}
}


/* PetIT v24 — zoom-safe announcement bar.
   At reduced CSS viewport widths (including browser zoom), collapse the
   two-sided announcement into one centered message so no text can be
   pushed outside the viewport. */
.announcement-bar{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  position:relative;
  display:flex !important;
  align-items:center;
  justify-content:center !important;
  overflow:hidden !important;
  white-space:nowrap;
  padding:0 16px !important;
  gap:14px;
}
.announcement-bar__item{
  min-width:0 !important;
  max-width:100%;
  flex:0 1 auto;
  overflow:hidden;
  white-space:nowrap;
  justify-content:center !important;
}
.announcement-bar__item span:last-child{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.announcement-bar__item:first-child{
  margin:0 !important;
  justify-content:center !important;
}
.announcement-bar__item:last-child{
  margin:0 !important;
  justify-content:center !important;
}
.announcement-bar__divider{flex:0 0 auto}

/* The desktop two-message layout is preserved at normal sizes. */
@media (min-width:1251px){
  .announcement-bar{
    justify-content:space-between !important;
    padding-left:7.5% !important;
    padding-right:7.5% !important;
  }
  .announcement-bar__item:first-child{
    flex:0 1 38%;
    justify-content:flex-start !important;
  }
  .announcement-bar__item:last-child{
    flex:0 1 38%;
    justify-content:flex-end !important;
  }
  .announcement-bar__divider{
    display:block !important;
  }
}

/* Zoom / narrower viewport: use one centered announcement.
   This is intentional — it prevents clipping at 125%, 150%, 175% and
   200% browser zoom where the CSS viewport becomes much narrower. */
@media (max-width:1250px){
  .announcement-bar{
    height:34px;
    font-size:11px !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }
  .announcement-bar__item:first-child{
    display:flex !important;
    width:auto;
    max-width:100%;
    flex:0 1 auto;
  }
  .announcement-bar__item:last-child,
  .announcement-bar__divider{
    display:none !important;
  }
  .announcement-bar__icon{
    width:16px;
    height:16px;
    flex:0 0 16px;
    font-size:9px;
  }
}

@media (max-width:749px){
  .announcement-bar{
    height:30px;
    font-size:10px !important;
    padding:0 10px !important;
  }
}


/* PetIT v25 — clean announcement bar: no decorative glyphs or separators. */
.announcement-bar__icon,
.announcement-bar__divider{display:none !important;}
.announcement-bar{gap:20px;}
@media (min-width:1251px){
  .announcement-bar{justify-content:space-between !important;}
}
@media (max-width:1250px){
  .announcement-bar{justify-content:center !important;}
  .announcement-bar__item:last-child{display:none !important;}
}


/* PetIT v31 — universal product gallery navigation.
   Every product gets desktop arrows + a mobile swipeable gallery.
   PawDine keeps its own luxury styling below. */
.product-page__main-image[data-product-main-image]{position:relative;overflow:hidden}
.product-gallery-arrow{
  position:absolute;
  top:50%;
  z-index:5;
  width:42px;
  height:42px;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(23,52,47,.12);
  border-radius:50%;
  background:rgba(255,255,255,.92);
  color:var(--ink);
  box-shadow:0 8px 22px rgba(23,52,47,.14);
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
  -webkit-tap-highlight-color:transparent;
}
.product-gallery-arrow--prev{left:14px}
.product-gallery-arrow--next{right:14px}
.product-gallery-arrow:hover{
  background:#fff;
  transform:translateY(-50%) scale(1.05);
  box-shadow:0 10px 26px rgba(23,52,47,.18);
}
.product-gallery-arrow span{font-size:20px;line-height:1;font-weight:700}
.product-gallery-counter{
  position:absolute;
  right:14px;
  bottom:14px;
  z-index:5;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(23,52,47,.72);
  color:#fff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.04em;
  pointer-events:none;
}
.product-page__main-image[data-product-main-image]{
  touch-action:pan-y;
}
@media(max-width:749px){
  .product-gallery-arrow{
    width:36px;
    height:36px;
    opacity:.92;
  }
  .product-gallery-arrow--prev{left:9px}
  .product-gallery-arrow--next{right:9px}
  .product-gallery-arrow span{font-size:18px}
  .product-gallery-counter{right:9px;bottom:9px;font-size:9px}
}

/* PetIT v28 — mobile width fix.
   Cause: grid columns written as 1fr can't shrink below their content, so the row of
   product thumbnails (about 880px wide) stretched the whole page wider than a phone screen,
   and the phone zoomed out to fit it. minmax(0,1fr) lets the column stay screen-width and
   the thumbnails scroll sideways inside their own row instead. */
.product-page{overflow-x:clip}
.product-page__grid>*{min-width:0;max-width:100%}
.product-page__thumbs{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}
.product-page__thumbs::-webkit-scrollbar{display:none}
@media(max-width:1100px){.product-page__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:749px){.product-page__grid{grid-template-columns:minmax(0,1fr)}}

/* Long supplier descriptions (wide images, tables, embedded videos) must never push the page wider */
.product-page__description,.product-page__short-description{max-width:100%;overflow-wrap:anywhere}
.product-page__description :where(div,section,article,p,figure,ul,ol){max-width:100%}
.product-page__description :where(img,video,iframe,canvas,svg){max-width:100%!important;height:auto!important}
.product-page__description table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.product-page__description pre{max-width:100%;overflow-x:auto}

/* PetIT v28 — same protection for the other single-column mobile layouts */
@media(max-width:749px){
  .editorial,.contact-details,.contact-form__fields-2,.petit-footer-info__grid,.product-page__trust-strip{grid-template-columns:minmax(0,1fr)}
  .editorial>*,.contact-details>*,.contact-form__fields-2>*,.petit-footer-info__grid>*,.product-page__trust-strip>*{min-width:0}
}

/* Limited-time sale label (snippets/sale-promo.liquid) */
.sale-promo{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 10px;background:#fff1e8;color:#a64d38;border-radius:999px;font-weight:800;line-height:1.25}
.sale-promo--card{margin:8px 0 0;padding:5px 10px;font-size:11px}
.sale-promo--page{margin:-6px 0 20px;padding:9px 14px;font-size:13px;border-radius:16px}
.sale-promo__ends{font-weight:600;color:#7d5a4f}

#bestsellers{scroll-margin-top:100px}
#petit-newsletter{scroll-margin-top:100px}

/* Pagination (snippets/pagination.liquid) */
#collection-grid{scroll-margin-top:100px}
.pagination{display:flex;flex-direction:column;align-items:center;gap:16px;margin:56px 0 24px}
.pagination__summary{margin:0;font-size:13px;color:var(--muted)}
.pagination__controls{display:flex;align-items:center;justify-content:center;gap:14px}
.pagination__pages{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0}
.pagination__page,.pagination__gap{min-width:44px;height:44px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:800;font-size:15px;color:var(--ink);text-decoration:none;font-variant-numeric:tabular-nums}
.pagination__page{border:1px solid transparent;transition:.2s ease}
a.pagination__page:hover{background:#fff;border-color:var(--line)}
.pagination__page.is-current{background:var(--mint);color:#fff;box-shadow:0 10px 24px rgba(47,143,121,.22)}
.pagination__gap{min-width:24px;color:var(--muted)}
.pagination__step{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink);font-weight:800;font-size:14px;text-decoration:none;transition:.2s ease}
a.pagination__step:hover{border-color:var(--mint);color:var(--mint-dark);transform:translateY(-1px);box-shadow:0 10px 24px rgba(23,52,47,.08)}
.pagination__step.is-disabled{opacity:.4;cursor:not-allowed}
.pagination__page:focus-visible,.pagination__step:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.pagination__compact{display:none;min-width:56px;text-align:center;font-weight:700;font-size:14px;color:var(--muted)}
@media(max-width:640px){.pagination{margin-top:40px}.pagination__pages{display:none}.pagination__compact{display:inline-block}.pagination__step{padding:0 16px}}


/* Grand opening offer: hero pill + banner (sections/opening-sale.liquid) */
.hero__offer{display:inline-flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;margin:0 0 16px;border-radius:999px;background:linear-gradient(135deg,#f8dc8f,#f1a06f);color:#3a1d12;font-size:13px;letter-spacing:.02em;box-shadow:0 12px 30px rgba(238,135,108,.38);transition:transform .2s ease,box-shadow .2s ease}
.hero__offer:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(238,135,108,.5)}
.hero__offer strong{font-weight:900}
.hero__offer-dot{width:9px;height:9px;border-radius:50%;background:#c2412a;box-shadow:0 0 0 0 rgba(194,65,42,.6);animation:offerPulse 1.8s ease-out infinite}
.hero__offer-pct{background:#17342f;color:#f8dc8f;border-radius:999px;padding:5px 12px;font-weight:900;font-size:12px}
@keyframes offerPulse{0%{box-shadow:0 0 0 0 rgba(194,65,42,.55)}70%{box-shadow:0 0 0 9px rgba(194,65,42,0)}100%{box-shadow:0 0 0 0 rgba(194,65,42,0)}}
body.motion-enabled .hero__content .hero__offer{animation-delay:0s}
.opening-sale{padding:22px 0 64px}.opening-sale .page-width{width:calc(100vw - 36px);max-width:none;margin:0 18px}
.opening-sale__card{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:36px;padding:38px 48px;border-radius:32px;background:linear-gradient(120deg,#0d3a32 0%,#216b5b 100%);color:#fff;box-shadow:0 24px 60px rgba(13,58,50,.28)}
.opening-sale__paw{position:absolute;font-size:120px;opacity:.07;pointer-events:none;line-height:1}
.opening-sale__paw--one{right:22%;top:-26px;transform:rotate(18deg)}
.opening-sale__paw--two{left:34%;bottom:-40px;transform:rotate(-14deg);font-size:96px}
.opening-sale__badge{position:relative;z-index:1;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff0b8,#f1c66a 60%,#e9a94a);color:#17342f;display:grid;place-content:center;text-align:center;transform:rotate(-8deg);box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 0 0 5px rgba(255,255,255,.35)}
.opening-sale__badge strong{font-size:42px;line-height:1;font-weight:900;letter-spacing:-.04em}
.opening-sale__badge span{font-size:15px;font-weight:900;letter-spacing:.2em;margin-top:2px}
.opening-sale__copy{position:relative;z-index:1;min-width:0}
.opening-sale__eyebrow{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#f8dc8f;margin-bottom:8px}
.opening-sale__copy h2{margin:0 0 10px;font-size:clamp(28px,3.2vw,42px);line-height:1.05;letter-spacing:-.04em;color:#fff}
.opening-sale__copy p{margin:0;max-width:560px;color:rgba(255,255,255,.82);font-size:17px}
.opening-sale__copy .opening-sale__ends{margin-top:10px;font-weight:800;color:#f8dc8f;font-size:14px}
.opening-sale__cta{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.opening-sale__button{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 30px;border-radius:999px;background:#f8dc8f;color:#17342f;font-weight:900;font-size:15px;box-shadow:0 12px 28px rgba(0,0,0,.25);transition:transform .2s ease,background .2s ease}
.opening-sale__button:hover{transform:translateY(-2px);background:#fff0b8}
.opening-sale__perks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;font-size:13px;font-weight:700;color:rgba(255,255,255,.85)}
@media(max-width:900px){.opening-sale__card{grid-template-columns:1fr;justify-items:center;text-align:center;gap:22px;padding:34px 24px}.opening-sale__badge{width:108px;height:108px}.opening-sale__badge strong{font-size:34px}.opening-sale__copy p{margin-inline:auto}.opening-sale__cta{align-items:center}.opening-sale__perks{align-items:center}}
@media(max-width:749px){.hero__offer{font-size:12px;margin-bottom:12px}.opening-sale{padding-bottom:44px}}
@media(prefers-reduced-motion:reduce){.hero__offer-dot{animation:none}}

/* =========================================================
   PetIT PRODUCT PAGE — conversion-focused reference layout
   Inspired by the supplied mobile product-page reference:
   promo strip, visual product card, review/price hierarchy,
   benefit bullets, prominent add-to-cart and reassurance.
   ========================================================= */
.product-page--reference{padding-top:20px}
.product-reference-promo{display:flex;align-items:center;justify-content:center;gap:24px;margin:0 0 14px;padding:9px 14px;border:1px solid rgba(23,52,47,.08);border-radius:999px;background:#f8f5ee;color:#405750;font-size:11px;font-weight:800;letter-spacing:.01em}
.product-reference-promo span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.product-reference-promo span:first-child{color:var(--ink)}
.product-reference-grid{grid-template-columns:minmax(0,1.02fr) minmax(390px,.88fr);gap:52px;align-items:start}
.product-reference-gallery{position:sticky;top:108px}
.product-reference-image-wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:12px;align-items:center}
.product-reference-image{aspect-ratio:1/1;border-radius:28px;background:#f5f3ee;box-shadow:0 16px 45px rgba(23,52,47,.08);border:1px solid rgba(23,52,47,.06)}
.product-reference-image .product-page__img{object-fit:contain;padding:12px}
.product-reference-badge{position:absolute;left:18px;top:18px;z-index:3;padding:8px 11px;border-radius:999px;background:#2f9b78;color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em;box-shadow:0 7px 18px rgba(33,107,91,.22)}
.product-reference-feature-rail{display:grid;gap:9px}
.product-reference-feature-rail>div{min-height:68px;padding:10px 8px;border-radius:15px;background:#fff;border:1px solid rgba(23,52,47,.08);box-shadow:0 8px 24px rgba(23,52,47,.06);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px}
.product-reference-feature-rail span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#f0eee9;color:var(--mint);font-size:13px;font-weight:900}
.product-reference-feature-rail strong{font-size:9px;line-height:1.15;color:#4d625c}
.product-reference-info{min-width:0}
.product-reference-buybox{padding:18px 0 0;background:transparent;border:0;border-radius:0;box-shadow:none}
.product-reference-buybox .product-page__vendor{margin-bottom:8px;color:#8876c7;font-size:10px;letter-spacing:.14em}
.product-reference-buybox .product-page__title{font-size:clamp(31px,3.5vw,50px);line-height:1.02;letter-spacing:-.045em;margin:0 0 12px;color:var(--ink)}
.product-reference-rating{display:flex;align-items:center;gap:7px;margin:0 0 13px;font-size:12px;color:#6a756f}
.product-reference-stars{letter-spacing:2px;color:#8b73d5;font-size:15px}
.product-reference-rating strong{color:var(--ink)}
.product-reference-price{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:8px 0 17px;font-size:27px}
.product-reference-price .product-page__price--sale{color:var(--ink);font-size:29px}
.product-reference-price .product-page__price--compare{font-size:14px;margin-left:0}
.product-reference-price .product-page__price--save{margin-left:0;padding:6px 9px;background:#e8f2ed;color:#36735f;font-size:10px;font-weight:900;letter-spacing:.02em}
.product-reference-buybox .sale-promo,.product-reference-buybox .sale-promo--page{margin-bottom:16px}
.product-reference-benefits{display:grid;gap:7px;margin:8px 0 20px;padding:13px 0;border-top:1px solid rgba(23,52,47,.08);border-bottom:1px solid rgba(23,52,47,.08)}
.product-reference-benefits div{display:flex;align-items:center;gap:9px;font-size:12px;color:#4e615b}
.product-reference-benefits span:first-child{color:var(--mint);font-weight:900}
.product-reference-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.product-reference-options .product-form__option{margin-bottom:4px}
.product-reference-purchase-row{margin:14px 0 12px}
.product-reference-quantity{height:52px;width:150px;border-radius:14px}
.product-reference-actions{margin-top:0}
.product-reference-add{min-height:58px;height:auto;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,#2f9b78,#216b5b);box-shadow:0 13px 28px rgba(33,107,91,.22);font-size:15px;letter-spacing:.01em}
.product-reference-add:hover{background:linear-gradient(135deg,#278768,#1b5e50);transform:translateY(-1px)}
.product-reference-add-price{font-size:12px;font-weight:800;opacity:.82}
.product-reference-payment-note{text-align:center;margin-top:9px;color:#78847f;font-size:10px}
.product-reference-guarantees{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}
.product-reference-guarantees>div{display:flex;align-items:flex-start;gap:7px;padding:10px 8px;border-radius:13px;background:#faf9f5;border:1px solid rgba(23,52,47,.06)}
.product-reference-guarantees>div>span{font-size:15px;line-height:1.1}
.product-reference-guarantees strong,.product-reference-guarantees small{display:block}
.product-reference-guarantees strong{font-size:10px;color:var(--ink)}
.product-reference-guarantees small{font-size:8px;color:#78847f;margin-top:2px;line-height:1.25}
.product-reference-trust-strip{padding:0 2px;margin-top:13px}
.product-reference-details{max-width:1000px;margin-top:54px}
.product-reference-details details{background:#fff;border:1px solid rgba(23,52,47,.08);border-radius:16px;padding:0 18px;margin-top:10px}
.product-reference-details details:first-child{margin-top:0}
.product-reference-details details+details{border-top:1px solid rgba(23,52,47,.08)}
.product-reference-details summary{padding:18px 0}
.product-reference-sticky{border-radius:17px}

@media(max-width:999px){
  .product-reference-grid{grid-template-columns:1fr;gap:22px}
  .product-reference-gallery{position:static}
  .product-reference-buybox{padding-top:4px}
  .product-reference-image-wrap{grid-template-columns:minmax(0,1fr) 70px}
}
@media(max-width:749px){
  .product-page--reference{padding-top:12px;padding-bottom:85px}
  .product-reference-promo{justify-content:flex-start;gap:14px;overflow:auto;border-radius:13px;padding:9px 11px;scrollbar-width:none}
  .product-reference-promo::-webkit-scrollbar{display:none}
  .product-reference-promo span{font-size:9px}
  .product-page__breadcrumbs{font-size:11px;margin-bottom:12px;white-space:nowrap;overflow:hidden}
  .product-reference-image-wrap{grid-template-columns:1fr;gap:9px}
  .product-reference-image{border-radius:20px;aspect-ratio:1/1.02}
  .product-reference-image .product-page__img{padding:7px}
  .product-reference-badge{left:12px;top:12px;padding:7px 9px;font-size:9px}
  .product-reference-feature-rail{grid-template-columns:repeat(3,1fr);gap:7px}
  .product-reference-feature-rail>div{min-height:54px;padding:7px 4px;border-radius:12px}
  .product-reference-feature-rail span{width:21px;height:21px;font-size:11px}
  .product-reference-feature-rail strong{font-size:8px}
  .product-page__thumbs{margin-top:10px}
  .product-page__thumb{width:62px;height:62px;border-radius:11px}
  .product-reference-trust-strip{display:grid;grid-template-columns:1fr 1fr;font-size:9px;gap:8px}
  .product-reference-buybox .product-page__title{font-size:34px;margin-bottom:10px}
  .product-reference-rating{font-size:10px}
  .product-reference-price{margin:7px 0 14px}
  .product-reference-price .product-page__price--sale{font-size:27px}
  .product-reference-benefits{padding:11px 0;margin-bottom:16px}
  .product-reference-benefits div{font-size:11px}
  .product-reference-options{grid-template-columns:1fr}
  .product-reference-guarantees{grid-template-columns:1fr 1fr 1fr;gap:6px}
  .product-reference-guarantees>div{padding:8px 6px;display:block;text-align:center}
  .product-reference-guarantees>div>span{display:block;margin-bottom:4px}
  .product-reference-guarantees strong{font-size:8px}
  .product-reference-guarantees small{font-size:7px}
  .product-reference-sticky{display:flex}
}

.product-reference-benefits div span:last-child{line-height:1.35}


/* =========================================================
   PetIT CATALOG SORT
   ========================================================= */
.collection-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:0 0 22px;
  padding:12px 14px;
  border:1px solid rgba(23,52,47,.08);
  border-radius:18px;
  background:#faf9f5;
  box-shadow:0 8px 24px rgba(23,52,47,.05);
}
.collection-toolbar__count{
  color:#687871;
  font-size:12px;
  font-weight:700;
}
.collection-sort{
  display:flex;
  align-items:center;
  gap:9px;
}
.collection-sort label{
  color:#52635d;
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
}
.collection-sort select{
  min-width:190px;
  height:42px;
  padding:0 38px 0 13px;
  border:1px solid rgba(23,52,47,.16);
  border-radius:12px;
  background:#fff;
  color:#17342f;
  font:inherit;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  outline:none;
  box-shadow:0 4px 12px rgba(23,52,47,.04);
}
.collection-sort select:hover,
.collection-sort select:focus{
  border-color:#2f9b78;
  box-shadow:0 0 0 3px rgba(47,155,120,.10);
}
@media(max-width:749px){
  .collection-toolbar{
    align-items:stretch;
    flex-direction:column;
    gap:9px;
    margin-bottom:16px;
    padding:11px;
    border-radius:15px;
  }
  .collection-toolbar__count{font-size:10px}
  .collection-sort{justify-content:space-between}
  .collection-sort label{font-size:10px}
  .collection-sort select{
    min-width:0;
    flex:1;
    height:40px;
    font-size:11px;
  }
}


/* =========================================================
   PetIT PRODUCT REVIEWS
   Review summary sits close to Add to cart; full review
   content gets its own spacious section below the product.
   ========================================================= */
.product-reference-review-jump{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:12px 0 2px;
  padding:11px 13px;
  border:1px solid rgba(23,52,47,.08);
  border-radius:13px;
  background:#faf9f5;
  color:#65736e;
  font-size:11px;
}
.product-reference-review-jump a{
  color:var(--ink);
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:2px;
}
.product-reference-review-jump strong{color:var(--ink)}
.product-reference-stars--muted{color:#c8cbc7}
.product-reference-reviews{
  max-width:1000px;
  margin:58px auto 0;
  padding:34px;
  border:1px solid rgba(23,52,47,.08);
  border-radius:24px;
  background:#fff;
  box-shadow:0 12px 35px rgba(23,52,47,.05);
}
.product-reviews__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  padding-bottom:22px;
  border-bottom:1px solid rgba(23,52,47,.08);
}
.product-reviews__eyebrow{
  display:block;
  margin-bottom:5px;
  color:var(--mint);
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.product-reviews__header h2{
  margin:0;
  color:var(--ink);
  font-size:28px;
  letter-spacing:-.035em;
}
.product-reviews__summary{flex:0 0 auto}
.product-reviews__score{
  display:flex;
  align-items:center;
  gap:8px;
  color:#66736e;
  font-size:12px;
}
.product-reviews__score strong{color:var(--ink);font-size:16px}
.product-reviews__app{margin-top:24px}
.product-reviews__empty{
  margin-top:24px;
  padding:34px 24px;
  border:1px dashed rgba(23,52,47,.16);
  border-radius:18px;
  background:#faf9f5;
  text-align:center;
}
.product-reviews__empty-stars{
  margin-bottom:9px;
  color:#c8cbc7;
  letter-spacing:3px;
  font-size:18px;
}
.product-reviews__empty strong{display:block;color:var(--ink);font-size:15px}
.product-reviews__empty p{
  max-width:540px;
  margin:7px auto 0;
  color:#74817c;
  font-size:12px;
  line-height:1.55;
}
@media(max-width:749px){
  .product-reference-review-jump{
    font-size:10px;
    padding:10px;
  }
  .product-reference-reviews{
    margin-top:34px;
    padding:22px 15px;
    border-radius:19px;
  }
  .product-reviews__header{
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
    padding-bottom:17px;
  }
  .product-reviews__header h2{font-size:24px}
  .product-reviews__empty{padding:27px 15px}
}

/* App block (e.g. Judge.me carousel) under Add to cart */
.product-reference-app-under-cart{margin:22px 0 4px}


/* =========================================================
   PetIT 2026 — premium conversion polish
   ========================================================= */
.product-reference-intro{
  margin:0 0 15px;
  max-width:620px;
  color:#53655f;
  font-size:14px;
  line-height:1.6;
}
.product-reference-offer{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  margin:-4px 0 15px;
  padding:10px 12px;
  border:1px solid rgba(47,143,121,.14);
  border-radius:14px;
  background:#eff8f3;
  color:#356b5a;
  font-size:11px;
}
.product-reference-offer strong{color:var(--ink);font-size:11px}
.product-reference-offer span:last-child{color:#6d7c76}
.product-reference-after-cart{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:11px;
  color:#6c7974;
  font-size:10px;
  line-height:1.4;
}
.product-reference-after-cart a{color:var(--ink);font-weight:800}
.product-reference-after-cart strong{color:#d1a63c;letter-spacing:1px}
.product-reference-story{
  margin:68px 0 0;
  padding:46px;
  border-radius:30px;
  background:linear-gradient(135deg,#eef7f1 0%,#f9f6ed 100%);
  border:1px solid rgba(23,52,47,.07);
}
.product-reference-story__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:25px;
  margin-bottom:28px;
}
.product-reference-story__head h2,.product-reference-steps h2{
  margin:0 0 8px;
  font-size:clamp(28px,3.3vw,42px);
}
.product-reference-story__head p,.product-reference-steps__intro p{
  margin:0;
  color:#687771;
}
.product-reference-story__paw{font-size:58px;opacity:.18;line-height:1}
.product-reference-story__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.product-reference-story__grid article{
  position:relative;
  min-height:190px;
  padding:24px;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(23,52,47,.07);
  box-shadow:0 12px 30px rgba(23,52,47,.05);
}
.product-reference-story__grid article>span{
  position:absolute;
  right:17px;
  top:15px;
  color:#a7b5af;
  font-size:10px;
  font-weight:900;
}
.product-reference-story__icon{
  width:40px;
  height:40px;
  margin-bottom:18px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#e9f4ee;
  color:var(--mint);
  font-weight:900;
}
.product-reference-story__grid h3{font-size:17px;margin-bottom:8px}
.product-reference-story__grid p{margin:0;color:#6b7974;font-size:12px;line-height:1.55}
.product-reference-steps{
  margin:58px 0 0;
  padding:10px 0 0;
}
.product-reference-steps__intro{
  max-width:650px;
  margin-bottom:28px;
}
.product-reference-steps__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.product-reference-steps__grid article{
  position:relative;
  min-height:170px;
  padding:28px 24px 24px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
}
.product-reference-steps__grid article>span{
  position:absolute;
  top:18px;
  right:20px;
  color:#a9b6b0;
  font-size:10px;
  font-weight:900;
}
.product-reference-step-icon{
  width:34px;
  height:34px;
  margin-bottom:18px;
  border-radius:10px;
  background:var(--ink);
  color:#fff;
  display:grid;
  place-items:center;
  font-size:12px;
  font-weight:900;
}
.product-reference-steps__grid h3{font-size:16px;margin-bottom:7px}
.product-reference-steps__grid p{margin:0;color:#718079;font-size:11px}
.product-reference-final-cta{
  margin:64px 0 30px;
  padding:38px 42px;
  border-radius:26px;
  background:var(--ink);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  overflow:hidden;
  position:relative;
}
.product-reference-final-cta:after{
  content:"🐾";
  position:absolute;
  right:24%;
  bottom:-32px;
  font-size:120px;
  opacity:.055;
  pointer-events:none;
}
.product-reference-final-cta h2{
  margin:0 0 8px;
  color:#fff;
  font-size:clamp(26px,3vw,38px);
}
.product-reference-final-cta p{margin:0;color:rgba(255,255,255,.68);font-size:13px}
.product-reference-final-cta .eyebrow{color:#f1c66a}
.product-reference-final-cta .button{position:relative;z-index:1;background:#f1c66a;color:var(--ink);white-space:nowrap}
.product-reference-final-cta .button:hover{background:#ffe19a}
#product-reviews .jdgm-star,
#product-reviews .jdgm-star.jdgm--on,
#product-reviews .jdgm-star.jdgm--half{
  color:#d2aa42 !important;
}
#product-reviews .jdgm-rev-widg{
  margin-top:0 !important;
  padding-top:0 !important;
}
#product-reviews .jdgm-rev-widg__header{
  margin-bottom:18px !important;
}
#product-reviews .jdgm-rev-widg__body{
  margin-top:10px !important;
}
#product-reviews .jdgm-rev{
  padding-top:18px !important;
}
.product-reference-reviews .jdgm-rev-widg__summary{
  margin-bottom:8px !important;
}
.product-reference-reviews .jdgm-write-rev-link{
  background:var(--mint) !important;
  border-radius:12px !important;
}
.product-reference-reviews .jdgm-paginate__load-more{
  border-radius:999px !important;
  border-color:var(--mint) !important;
  color:var(--mint) !important;
}
@media(max-width:999px){
  .product-reference-story{padding:34px 28px}
  .product-reference-story__grid,.product-reference-steps__grid{grid-template-columns:1fr}
  .product-reference-story__grid article{min-height:150px}
  .product-reference-final-cta{align-items:flex-start;flex-direction:column;padding:32px 26px}
}
@media(max-width:749px){
  .product-reference-intro{font-size:12px}
  .product-reference-offer{font-size:9px;gap:5px}
  .product-reference-after-cart{flex-direction:column;gap:5px}
  .product-reference-story{margin-top:42px;padding:28px 18px;border-radius:22px}
  .product-reference-story__head{align-items:flex-start;margin-bottom:20px}
  .product-reference-story__paw{font-size:38px}
  .product-reference-story__grid article{padding:20px;min-height:0}
  .product-reference-steps{margin-top:42px}
  .product-reference-steps__grid article{min-height:0;padding:22px 20px}
  .product-reference-final-cta{margin-top:44px;margin-bottom:20px;padding:27px 20px;border-radius:20px}
  .product-reference-final-cta .button{width:100%}
  .product-reference-promo span:nth-child(1){display:none}
}

.product-card__tagline{
  margin:-3px 0 8px;
  color:#73817b;
  font-size:11px;
  line-height:1.35;
  min-height:29px;
}
.product-card__quick-add{
  color:var(--ink);
}
@media(max-width:749px){
  .product-card__tagline{font-size:10px;min-height:28px}
}

.collection-page__intro{
  max-width:650px;
  margin:-5px 0 0;
  color:var(--muted);
  font-size:16px;
}
.collection-page__header .eyebrow{margin-bottom:8px}

.announcement-bar{
  padding:10px 15px;
  font-size:12px;
  letter-spacing:.01em;
}
.announcement-bar span{display:inline-flex;align-items:center;justify-content:center;gap:6px}

.product-related{padding-top:35px}
.product-related .section-heading{margin-bottom:24px}
.product-related .section-heading p{margin:0;color:var(--muted);font-size:14px}
@media(max-width:749px){
  .product-related{padding-top:20px}
}

/* =========================================================
   PetIT v26 — animated offer marquee + clean product details
   ========================================================= */
.announcement-bar{
  height:42px !important;
  padding:0 !important;
  display:block !important;
  position:relative;
  overflow:hidden !important;
  background:linear-gradient(90deg,#083f35 0%,#0d5a49 50%,#083f35 100%) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 2px 12px rgba(7,63,53,.16);
}
.announcement-marquee{
  width:100%;
  height:100%;
  overflow:hidden;
  display:flex;
  align-items:center;
  mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
}
.announcement-marquee__track{
  display:flex;
  align-items:center;
  width:max-content;
  min-width:max-content;
  height:100%;
  gap:22px;
  padding-left:22px;
  animation:petitAnnouncement 24s linear infinite;
  will-change:transform;
}
.announcement-marquee__item{
  display:inline-flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
  font-size:12px;
  line-height:1;
  letter-spacing:.025em;
  color:rgba(255,255,255,.94);
}
.announcement-marquee__item strong{
  color:#aef1d9;
  font-size:11px;
  letter-spacing:.08em;
}
.announcement-marquee__item b{
  color:#fff;
  font-weight:800;
}
.announcement-marquee__item--sale strong{color:#d9f8ed}
.announcement-marquee__item--shipping strong{color:#b9f3de}
.announcement-marquee__spark{
  display:inline-grid;
  place-items:center;
  width:22px;
  height:22px;
  flex:0 0 22px;
  border:1px solid rgba(174,241,217,.38);
  border-radius:50%;
  color:#aef1d9;
  font-size:10px;
  animation:petitSpark 1.8s ease-in-out infinite;
}
@keyframes petitAnnouncement{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@keyframes petitSpark{
  0%,100%{transform:scale(1);opacity:.72}
  50%{transform:scale(1.14);opacity:1}
}

/* Product description: prevent supplier/imported text from becoming one dense block. */
.product-reference-details{max-width:1000px;margin-top:50px}
.product-reference-details details{overflow:hidden}
.product-reference-details summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:58px;
  font-size:15px;
  color:var(--ink);
  cursor:pointer;
}
.product-reference-details summary span{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border:1px solid rgba(23,52,47,.14);
  border-radius:50%;
  font-size:15px;
  line-height:1;
  transition:transform .2s ease,background .2s ease;
}
.product-reference-details details[open] summary span{transform:rotate(45deg);background:#eff8f3}
.product-reference-details .product-page__description{
  padding:4px 0 22px;
  color:#52645f;
  font-size:14px;
  line-height:1.75;
}
.product-reference-details .product-page__description h1,
.product-reference-details .product-page__description h2,
.product-reference-details .product-page__description h3,
.product-reference-details .product-page__description h4{
  color:var(--ink);
  line-height:1.2;
  margin:24px 0 9px;
}
.product-reference-details .product-page__description h1:first-child,
.product-reference-details .product-page__description h2:first-child,
.product-reference-details .product-page__description h3:first-child,
.product-reference-details .product-page__description h4:first-child{margin-top:4px}
.product-reference-details .product-page__description p{margin:0 0 12px}
.product-reference-details .product-page__description ul,
.product-reference-details .product-page__description ol{margin:0 0 15px;padding-left:22px}
.product-reference-details .product-page__description li{margin:5px 0}
.product-reference-details .product-page__description strong{color:var(--ink)}
.product-reference-details .product-page__description br{line-height:1.8}
.product-reference-details .product-page__description table{font-size:13px;border-collapse:collapse}
.product-reference-details .product-page__description td,
.product-reference-details .product-page__description th{padding:9px 11px;border:1px solid rgba(23,52,47,.1)}

/* The title area should never show a raw, stripped HTML description. */
.product-reference-buybox .product-reference-rating + .product-reference-price{margin-top:15px}

@media(max-width:749px){
  .announcement-bar{height:34px !important}
  .announcement-marquee__track{gap:15px;padding-left:15px;animation-duration:19s}
  .announcement-marquee__item{font-size:9px;gap:5px}
  .announcement-marquee__item strong{font-size:8px}
  .announcement-marquee__spark{width:17px;height:17px;flex-basis:17px;font-size:8px}
  .product-reference-details{margin-top:38px}
  .product-reference-details summary{min-height:52px;font-size:14px}
  .product-reference-details .product-page__description{font-size:13px;line-height:1.65;padding-bottom:17px}
}


/* =========================================================
   PetIT v27 — compact alignment + reliable moving offer bar
   ========================================================= */
.announcement-bar{
  height:36px !important;
  padding:0 !important;
  overflow:hidden !important;
  display:block !important;
  background:linear-gradient(90deg,#073f35,#0a5b4a 48%,#073f35) !important;
}
.announcement-marquee{
  width:100%;height:36px;display:flex;align-items:center;overflow:hidden;
  mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
}
.announcement-marquee__track{
  display:flex !important;align-items:center !important;flex-wrap:nowrap !important;
  width:max-content !important;min-width:max-content !important;height:36px !important;
  gap:16px !important;padding:0 16px !important;margin:0 !important;
  transform:translate3d(0,0,0);
  animation:none !important;
  will-change:transform;
}
.announcement-marquee__item{
  flex:0 0 auto !important;display:inline-flex !important;align-items:center !important;
  white-space:nowrap !important;line-height:1 !important;gap:6px !important;
  font-size:11px !important;letter-spacing:.035em !important;
}
.announcement-marquee__item strong{font-size:10px !important;letter-spacing:.075em !important;color:#b9f3df !important}
.announcement-marquee__item b{font-size:11px !important;font-weight:900 !important;color:#fff !important}
.announcement-marquee__spark{width:18px !important;height:18px !important;flex:0 0 18px !important;font-size:9px !important}

/* Slim, aligned desktop header. */
@media(min-width:1000px){
  .header-wrapper{height:74px !important}
  .header{height:74px !important;min-height:74px !important;padding-left:5.5% !important;padding-right:5.5% !important;grid-template-columns:1fr auto 1fr !important;gap:20px !important}
  .header__nav{gap:22px !important;align-items:center !important}
  .header__nav a{font-size:11px !important;line-height:1 !important}
  .header__icons{right:0 !important;top:50% !important;transform:translateY(-50%) !important}
  .petit-logo{width:196px !important;height:68px !important;margin:0 !important;display:flex !important;align-items:center !important;justify-content:center !important}
  .petit-logo__halo,.petit-logo::before,.petit-logo::after,.petit-logo__tagline{display:none !important}
  .petit-logo__graphic .petit-brand{gap:7px !important}
  .petit-logo__graphic .petit-brand__paw{width:42px !important;height:42px !important}
  .petit-logo__graphic .petit-brand__name{font-size:34px !important;letter-spacing:-.08em !important}
}

/* Compact the long product storytelling blocks so the page feels intentional, not stretched. */
.product-reference-story{margin-top:38px !important;padding:30px !important;border-radius:24px !important}
.product-reference-story__head{margin-bottom:18px !important}
.product-reference-story__head h2,.product-reference-steps h2{font-size:clamp(25px,2.7vw,34px) !important;margin-bottom:5px !important}
.product-reference-story__head p,.product-reference-steps__intro p{font-size:12px !important}
.product-reference-story__grid{gap:12px !important}
.product-reference-story__grid article{min-height:145px !important;padding:18px !important;border-radius:16px !important}
.product-reference-story__icon{width:34px !important;height:34px !important;margin-bottom:12px !important}
.product-reference-story__grid h3{font-size:15px !important;line-height:1.25 !important;margin-bottom:5px !important}
.product-reference-story__grid p{font-size:11px !important;line-height:1.45 !important}
.product-reference-steps{margin-top:34px !important}
.product-reference-steps__intro{margin-bottom:17px !important}
.product-reference-steps__grid{gap:12px !important}
.product-reference-steps__grid article{min-height:132px !important;padding:20px !important;border-radius:16px !important}
.product-reference-step-icon{width:30px !important;height:30px !important;margin-bottom:12px !important;border-radius:9px !important}
.product-reference-steps__grid h3{font-size:14px !important;line-height:1.3 !important;margin-bottom:5px !important}
.product-reference-steps__grid p{font-size:10px !important}
.product-reference-reviews{margin-top:38px !important;padding:26px !important;border-radius:20px !important}
.product-reference-details{margin-top:28px !important}
.product-reference-details summary{min-height:52px !important;font-size:14px !important}
.product-reference-details .product-page__description{font-size:13px !important;line-height:1.65 !important}
.product-reference-details .rte > *{display:block;max-width:100%}
.product-reference-details .rte h1,.product-reference-details .rte h2,.product-reference-details .rte h3,.product-reference-details .rte h4{margin:20px 0 8px !important}
.product-reference-details .rte p{margin:0 0 10px !important}
.product-reference-details .rte div{margin:0 0 10px !important}
.product-reference-details .rte span{display:inline !important}
.product-reference-final-cta{margin:42px 0 24px !important;padding:28px 32px !important;border-radius:22px !important}

@media(max-width:749px){
  .announcement-bar,.announcement-marquee,.announcement-marquee__track{height:32px !important}
  .announcement-marquee__track{gap:13px !important;padding:0 13px !important}
  .announcement-marquee__item{font-size:9px !important}
  .announcement-marquee__item strong{font-size:8px !important}
  .announcement-marquee__item b{font-size:9px !important}
  .announcement-marquee__spark{width:16px !important;height:16px !important;flex-basis:16px !important}
  .header{min-height:68px !important;height:68px !important}
  .petit-logo{height:60px !important;width:142px !important}
  .petit-logo__graphic .petit-brand__paw{width:32px !important;height:32px !important}
  .petit-logo__graphic .petit-brand__name{font-size:25px !important}
  .product-reference-story{margin-top:30px !important;padding:22px 16px !important;border-radius:20px !important}
  .product-reference-story__grid article{min-height:0 !important;padding:17px !important}
  .product-reference-steps{margin-top:28px !important}
  .product-reference-reviews{margin-top:30px !important;padding:20px 15px !important}
}

/* =========================================================
   PetIT v28 — seamless marquee: no empty gaps, no visible reset,
   and position persists while navigating between pages.
   ========================================================= */
.announcement-bar{
  height:36px !important;
  padding:0 !important;
  overflow:hidden !important;
  display:block !important;
  background:#073f35 !important;
}
.announcement-marquee{
  width:100%;
  height:36px;
  display:flex;
  align-items:center;
  overflow:hidden;
  position:relative;
}
.announcement-marquee__track{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  min-width:max-content !important;
  height:36px !important;
  gap:24px !important;
  padding:0 !important;
  margin:0 !important;
  transform:translate3d(0,0,0);
  will-change:transform;
}
.announcement-marquee__group{
  display:flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  gap:16px !important;
  width:max-content !important;
  min-width:max-content !important;
  height:36px !important;
  white-space:nowrap !important;
}
.announcement-marquee__item{
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  white-space:nowrap !important;
  line-height:1 !important;
  gap:6px !important;
  font-size:11px !important;
  letter-spacing:.035em !important;
}
.announcement-marquee__item strong{font-size:10px !important;letter-spacing:.075em !important;color:#b9f3df !important}
.announcement-marquee__item b{font-size:11px !important;font-weight:900 !important;color:#fff !important}
.announcement-marquee__spark{
  width:18px !important;
  height:18px !important;
  flex:0 0 18px !important;
  display:inline-grid !important;
  place-items:center !important;
  border:1px solid rgba(255,255,255,.28) !important;
  border-radius:50% !important;
  font-size:9px !important;
  color:#b9f3df !important;
  line-height:1 !important;
}
@media(max-width:749px){
  .announcement-bar,.announcement-marquee,.announcement-marquee__track,.announcement-marquee__group{height:32px !important}
  .announcement-marquee__track{gap:18px !important}
  .announcement-marquee__group{gap:12px !important}
  .announcement-marquee__item{font-size:9px !important;gap:5px !important}
  .announcement-marquee__item strong{font-size:8px !important}
  .announcement-marquee__item b{font-size:9px !important}
  .announcement-marquee__spark{width:15px !important;height:15px !important;flex-basis:15px !important;font-size:7px !important}
}
/* PetIT v27 — reliable marquee + clean product-card hover actions */
.announcement-marquee__track{
  animation:none !important;
  transform:translate3d(0,0,0);
  flex-shrink:0;
}
.announcement-marquee__group{
  display:flex;
  align-items:center;
  gap:22px;
  flex:0 0 auto;
}
.announcement-marquee__track{gap:22px;padding-left:22px}
@media(max-width:749px){
  .announcement-bar{height:34px !important}
  .announcement-marquee__track{gap:15px;padding-left:15px}
  .announcement-marquee__group{gap:15px}
  .announcement-marquee__item{font-size:9px}
  .announcement-marquee__item strong{font-size:8px}
  .announcement-marquee__spark{width:18px;height:18px;flex-basis:18px;font-size:8px}
}

.product-card__visual{position:relative}
.product-card__info-link{display:block;color:inherit;text-decoration:none}
.product-card__form{position:absolute;left:14px;right:14px;bottom:14px;z-index:5;margin:0;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease}
.product-card__quick-add,.product-card__options{position:relative;left:auto;right:auto;bottom:auto;width:100%;z-index:6;pointer-events:auto;color:var(--ink);background:rgba(255,255,255,.97);border:1px solid rgba(23,52,47,.08);box-shadow:0 12px 30px rgba(0,0,0,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:1;transform:none;text-shadow:none;}
.product-card__options{display:flex;text-decoration:none;min-height:46px;padding:0 16px}
.product-card:hover .product-card__form,.product-card:focus-within .product-card__form,.product-card:hover .product-card__options,.product-card:focus-within .product-card__options{opacity:1;transform:none}
.product-card__quick-add:hover,.product-card__options:hover{background:var(--mint) !important;color:#fff !important;border-color:var(--mint) !important}
.product-card__info{min-height:0}
@media(max-width:749px){
  .product-card__form{position:static;opacity:1;transform:none;margin-top:10px;pointer-events:auto}
  .product-card__quick-add,.product-card__options{min-height:40px}
}
@media(prefers-reduced-motion:reduce){
  .product-card__form{transition:none}
}

/* =========================================================
   PetIT v7 — final catalog polish + truly continuous offer bar
   ========================================================= */

/* ---- Offer marquee: CSS does the movement; JS only preserves its phase. ---- */
.announcement-bar{
  height:38px !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#073f35 !important;
  color:#fff !important;
  display:block !important;
}
.announcement-marquee{
  width:100%;
  height:38px;
  overflow:hidden;
  display:flex;
  align-items:center;
  position:relative;
  background:linear-gradient(90deg,#06382f 0%,#075243 50%,#06382f 100%);
}
.announcement-marquee::before,
.announcement-marquee::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:46px;
  z-index:2;
  pointer-events:none;
}
.announcement-marquee::before{left:0;background:linear-gradient(90deg,#073f35,rgba(7,63,53,0))}
.announcement-marquee::after{right:0;background:linear-gradient(270deg,#073f35,rgba(7,63,53,0))}
.announcement-marquee__track{
  display:flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  min-width:max-content !important;
  height:38px !important;
  gap:0 !important;
  padding:0 !important;
  margin:0 !important;
  will-change:transform;
  animation:petitMarqueeV7 24s linear infinite !important;
}
.announcement-marquee__group{
  display:flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  width:max-content !important;
  min-width:max-content !important;
  height:38px !important;
  gap:0 !important;
  padding:0 30px !important;
  margin:0 !important;
  white-space:nowrap !important;
}
.announcement-marquee__item{
  display:inline-flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  gap:7px !important;
  white-space:nowrap !important;
  line-height:1 !important;
  font-size:11px !important;
  letter-spacing:.025em !important;
  color:#fff !important;
}
.announcement-marquee__item strong{font-size:10px !important;letter-spacing:.075em !important;color:#b9f3df !important}
.announcement-marquee__item b{font-size:11px !important;font-weight:900 !important;color:#fff !important}
.announcement-marquee__spark{
  width:18px !important;height:18px !important;flex:0 0 18px !important;
  display:inline-grid !important;place-items:center !important;
  margin:0 28px !important;border:1px solid rgba(255,255,255,.28) !important;
  border-radius:50% !important;color:#b9f3df !important;font-size:9px !important;
}
@keyframes petitMarqueeV7{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-25%,0,0)}
}

/* ---- Header: restore the balanced, roomy PetIT look. ---- */
@media(min-width:1000px){
  .header-wrapper{height:78px !important}
  .header{height:78px !important;min-height:78px !important;width:min(calc(100% - 72px),1320px) !important;padding:0 !important;grid-template-columns:1fr auto 1fr !important;gap:20px !important}
  .header__nav{justify-content:flex-start !important;gap:27px !important;align-items:center !important}
  .header__nav a{font-size:12px !important;letter-spacing:.10em !important;text-transform:uppercase !important;line-height:1 !important;padding:10px 0 !important}
  .header__icons{justify-content:flex-end !important;gap:10px !important}
  .header__icon{width:44px !important;height:44px !important}
  .petit-logo{width:220px !important;height:76px !important;margin:0 !important;display:flex !important;align-items:center !important;justify-content:center !important}
  .petit-logo__halo,.petit-logo::before,.petit-logo::after,.petit-logo__tagline{display:none !important}
  .petit-logo__graphic .petit-brand{gap:9px !important}
  .petit-logo__graphic .petit-brand__paw{width:47px !important;height:47px !important}
  .petit-logo__graphic .petit-brand__name{font-size:38px !important;letter-spacing:-.085em !important}
}

/* ---- Catalog cards: no phantom vertical gap; CTA lives only on hover. ---- */
.product-card__visual{position:relative;line-height:0 !important}
.product-card__media{display:block !important;line-height:0 !important}
.product-card__info-link{display:block !important;margin:0 !important;padding:0 !important}
.product-card__info{padding:12px 4px 6px !important;margin:0 !important;min-height:0 !important}
.product-card__vendor{margin:0 0 5px !important;line-height:1.2 !important}
.product-card__title{margin:0 0 6px !important;line-height:1.12 !important}
.product-card__tagline{margin:0 0 8px !important;line-height:1.35 !important;color:var(--muted) !important;font-size:12px !important}
.product-card__price{line-height:1.2 !important;margin:0 !important}
.product-card__form{position:absolute !important;left:12px !important;right:12px !important;bottom:12px !important;z-index:8 !important;margin:0 !important;padding:0 !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transform:translateY(8px) !important;transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s !important}
.product-card__options{position:absolute !important;left:12px !important;right:12px !important;bottom:12px !important;width:auto !important;z-index:8 !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transform:translateY(8px) !important;transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s !important;min-height:44px !important;border-radius:999px !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:0 18px !important;line-height:1 !important;background:rgba(255,255,255,.96) !important;color:var(--ink) !important;box-shadow:0 12px 28px rgba(23,52,47,.15) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important}
.product-card:hover .product-card__form,
.product-card:focus-within .product-card__form,
.product-card:hover .product-card__options,
.product-card:focus-within .product-card__options{opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:translateY(0) !important;transition-delay:0s !important}
.product-card:hover .product-card__media img{transform:scale(1.04) !important}
.product-card:hover .product-card__media{box-shadow:0 16px 36px rgba(23,52,47,.12),inset 0 0 0 1px rgba(22,59,53,.08) !important}
.product-card__quick-add:hover,.product-card__options:hover{background:var(--mint) !important;color:#fff !important;border-color:var(--mint) !important}

/* A useful, compact trust strip under the catalog toolbar. */
.collection-page__trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:-8px 0 24px}
.collection-page__trust-strip > div{background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:14px;padding:11px 14px;font-size:11px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px}
.collection-page__trust-strip strong{color:var(--mint)}

@media(max-width:749px){
  .announcement-bar,.announcement-marquee,.announcement-marquee__track,.announcement-marquee__group{height:33px !important}
  .announcement-marquee__track{animation-duration:20s !important}
  .announcement-marquee__group{padding:0 18px !important}
  .announcement-marquee__item{font-size:9px !important}
  .announcement-marquee__item strong{font-size:8px !important}
  .announcement-marquee__item b{font-size:9px !important}
  .announcement-marquee__spark{width:15px !important;height:15px !important;flex-basis:15px !important;margin:0 16px !important;font-size:7px !important}
  .header{height:70px !important;min-height:70px !important}
  .petit-logo{height:64px !important;width:155px !important}
  .petit-logo__graphic .petit-brand__paw{width:34px !important;height:34px !important}
  .petit-logo__graphic .petit-brand__name{font-size:26px !important}
  .product-card__info{padding-top:10px !important}
  .collection-page__trust-strip{grid-template-columns:1fr;margin-top:-2px}
  .product-card__form,.product-card__options{display:none !important}
}
}


/* PetIT v8 — JS-driven announcement marquee.
   The movement is calculated from the real width of one repeated group, so it
   loops exactly at the seam and does not depend on CSS percentage transforms. */
.announcement-marquee{
  position:relative !important;
  overflow:hidden !important;
}
.announcement-marquee__track{
  animation:none !important;
  transform:translate3d(0,0,0);
  transition:none !important;
  will-change:transform;
}
.announcement-marquee__group{
  flex:0 0 auto !important;
}

/* Keep the collection header clean — no extra trust strip under the sorter. */
.collection-page__trust-strip{display:none !important;}


/* PetIT v10 — authoritative moving announcement bar. JS controls the transform. */
.announcement-bar{height:36px !important;overflow:hidden !important;}
.announcement-marquee{width:100% !important;height:36px !important;overflow:hidden !important;position:relative !important;}
.announcement-marquee__track{
  display:flex !important;align-items:center !important;flex-wrap:nowrap !important;
  width:max-content !important;min-width:max-content !important;height:36px !important;
  margin:0 !important;padding:0 !important;gap:24px !important;
  animation:none !important;
  transform:translate3d(0,0,0);
  will-change:transform;
  flex-shrink:0 !important;
}
.announcement-marquee__group{display:flex !important;align-items:center !important;gap:16px !important;flex:0 0 auto !important;width:max-content !important;min-width:max-content !important;height:36px !important;white-space:nowrap !important;}
@media(max-width:749px){
  .announcement-bar,.announcement-marquee,.announcement-marquee__track,.announcement-marquee__group{height:32px !important}
  .announcement-marquee__track{gap:18px !important}
  .announcement-marquee__group{gap:12px !important}
}


/* PetIT v11 — seamless fast marquee. One complete group is the loop unit.
   The track contains identical groups with zero inter-group gap, so the end
   of one group is exactly the start of the next. Edge fades hide the handoff. */
.announcement-bar{
  height:36px !important;
  overflow:hidden !important;
  position:relative !important;
  background:#073f35 !important;
  isolation:isolate;
}
.announcement-marquee{
  width:100% !important;
  height:36px !important;
  overflow:hidden !important;
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  background:linear-gradient(90deg,#06382f 0%,#075243 50%,#06382f 100%) !important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3.5%,#000 96.5%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 3.5%,#000 96.5%,transparent 100%);
}
.announcement-marquee::before,
.announcement-marquee::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:72px;
  z-index:5;
  pointer-events:none;
}
.announcement-marquee::before{left:0;background:linear-gradient(90deg,#073f35 0%,rgba(7,63,53,.82) 35%,rgba(7,63,53,0) 100%)}
.announcement-marquee::after{right:0;background:linear-gradient(270deg,#073f35 0%,rgba(7,63,53,.82) 35%,rgba(7,63,53,0) 100%)}
.announcement-marquee__track{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  min-width:max-content !important;
  height:36px !important;
  gap:0 !important;
  margin:0 !important;
  padding:0 !important;
  transform:translate3d(0,0,0) !important;
  animation:petitAnnouncementSeamless 10s linear infinite !important;
  will-change:transform;
  flex-shrink:0 !important;
}
.announcement-marquee__group{
  display:flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  width:max-content !important;
  min-width:max-content !important;
  height:36px !important;
  gap:0 !important;
  padding:0 30px !important;
  margin:0 !important;
  white-space:nowrap !important;
}
.announcement-marquee__item{
  display:inline-flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  gap:7px !important;
  white-space:nowrap !important;
  font-size:11px !important;
  line-height:1 !important;
  letter-spacing:.025em !important;
  color:#fff !important;
}
.announcement-marquee__item strong{font-size:10px !important;letter-spacing:.075em !important;color:#b9f3df !important}
.announcement-marquee__item b{font-size:11px !important;font-weight:900 !important;color:#fff !important}
.announcement-marquee__spark{
  width:18px !important;height:18px !important;flex:0 0 18px !important;
  display:inline-grid !important;place-items:center !important;
  margin:0 28px !important;border:1px solid rgba(255,255,255,.28) !important;
  border-radius:50% !important;color:#b9f3df !important;font-size:9px !important;
}
@keyframes petitAnnouncementSeamless{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-25%,0,0)}
}
@media(max-width:749px){
  .announcement-bar,.announcement-marquee,.announcement-marquee__track,.announcement-marquee__group{height:32px !important}
  .announcement-marquee__track{animation-duration:8s !important}
  .announcement-marquee__group{padding:0 18px !important}
  .announcement-marquee__item{font-size:9px !important}
  .announcement-marquee__item strong{font-size:8px !important}
  .announcement-marquee__item b{font-size:9px !important}
  .announcement-marquee__spark{width:15px !important;height:15px !important;flex-basis:15px !important;margin:0 18px !important;font-size:7px !important}
  .announcement-marquee::before,.announcement-marquee::after{width:42px}
}


/* =========================================================
   PetIT v12 — FINAL announcement marquee + centered header identity
   ========================================================= */
.announcement-bar{
  height:36px !important;
  min-height:36px !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  position:relative !important;
  background:#073f35 !important;
}
.announcement-marquee{
  position:relative !important;
  width:100% !important;
  height:36px !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  white-space:nowrap !important;
  background:#073f35 !important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%) !important;
  mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%) !important;
}
.announcement-marquee::before,
.announcement-marquee::after{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  width:70px !important;
  z-index:20 !important;
  pointer-events:none !important;
}
.announcement-marquee::before{left:0 !important;background:linear-gradient(90deg,#073f35 0%,rgba(7,63,53,.8) 38%,transparent 100%) !important}
.announcement-marquee::after{right:0 !important;background:linear-gradient(270deg,#073f35 0%,rgba(7,63,53,.8) 38%,transparent 100%) !important}
.announcement-marquee__track{
  display:flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  min-width:max-content !important;
  height:36px !important;
  margin:0 !important;
  padding:0 !important;
  gap:0 !important;
  transform:translateX(0) !important;
  animation-name:petitMarqueeV12 !important;
  animation-duration:14s !important;
  animation-timing-function:linear !important;
  animation-iteration-count:infinite !important;
  animation-direction:normal !important;
  animation-fill-mode:none !important;
  animation-play-state:running !important;
  will-change:transform !important;
}
.announcement-marquee__group{
  display:flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  width:max-content !important;
  min-width:max-content !important;
  height:36px !important;
  margin:0 !important;
  padding:0 30px !important;
  gap:0 !important;
  white-space:nowrap !important;
}
.announcement-marquee__item{
  display:inline-flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  gap:7px !important;
  white-space:nowrap !important;
  font-size:11px !important;
  line-height:1 !important;
  color:#fff !important;
}
.announcement-marquee__item strong{font-size:10px !important;letter-spacing:.075em !important;color:#b9f3df !important}
.announcement-marquee__item b{font-size:11px !important;font-weight:900 !important;color:#fff !important}
.announcement-marquee__spark{
  width:18px !important;height:18px !important;flex:0 0 18px !important;
  display:inline-grid !important;place-items:center !important;
  margin:0 28px !important;border:1px solid rgba(255,255,255,.28) !important;
  border-radius:50% !important;color:#b9f3df !important;font-size:9px !important;
}
@keyframes petitMarqueeV12{
  0%{transform:translateX(0)}
  100%{transform:translateX(-16.6666667%)}
}

/* Center the PetIT mark and put the descriptor directly underneath it. */
@media(min-width:1000px){
  .header{grid-template-columns:1fr 300px 1fr !important;position:relative !important}
  .petit-logo{
    width:300px !important;
    height:78px !important;
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 auto !important;
    overflow:visible !important;
  }
  .petit-logo__graphic{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    transform:none !important;
  }
  .petit-logo__halo,.petit-logo::before,.petit-logo::after{display:none !important}
  .petit-logo__graphic .petit-brand{gap:9px !important}
  .petit-logo__graphic .petit-brand__paw{width:47px !important;height:47px !important}
  .petit-logo__graphic .petit-brand__name{font-size:38px !important}
  .petit-logo__tagline{
    display:block !important;
    position:static !important;
    margin-top:3px !important;
    color:#7c918b !important;
    font-size:7px !important;
    line-height:1 !important;
    letter-spacing:.30em !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
  }
}
@media(max-width:999px){
  .petit-logo__tagline{display:block !important;position:static !important;margin-top:2px !important;color:#7c918b !important;font-size:5px !important;line-height:1 !important;letter-spacing:.20em !important;font-weight:800 !important;text-transform:uppercase !important}
}
@media(max-width:749px){
  .announcement-bar,.announcement-marquee,.announcement-marquee__track,.announcement-marquee__group{height:32px !important;min-height:32px !important}
  .announcement-marquee__track{animation-duration:10s !important}
  .announcement-marquee__group{padding:0 18px !important}
  .announcement-marquee__item{font-size:9px !important}
  .announcement-marquee__item strong{font-size:8px !important}
  .announcement-marquee__item b{font-size:9px !important}
  .announcement-marquee__spark{width:15px !important;height:15px !important;flex-basis:15px !important;margin:0 18px !important;font-size:7px !important}
}


/* =========================================================
   PetIT v13 — marquee animation fix + clean centered header logo
   The previous v12 transform declaration used !important, which prevented
   the CSS animation from ever taking control of transform.
   ========================================================= */
.announcement-marquee__track{
  /* Do not set transform here: the keyframes must own it. */
  transform:translateX(0);
  animation:petitMarqueeV13 9s linear infinite !important;
  animation-play-state:running !important;
}
@keyframes petitMarqueeV13{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-16.6666667%,0,0)}
}
.announcement-marquee:hover .announcement-marquee__track{
  animation-play-state:running !important;
}

@media(min-width:1000px){
  .petit-logo{
    width:300px !important;
    height:86px !important;
  }
  .petit-logo__graphic .petit-brand__paw{width:50px !important;height:50px !important}
  .petit-logo__graphic .petit-brand__name{font-size:40px !important}
  .petit-logo__tagline{
    margin-top:5px !important;
    font-size:8px !important;
    letter-spacing:.32em !important;
    color:#6f837d !important;
  }
}
@media(max-width:999px){
  .petit-logo__tagline{font-size:6px !important;letter-spacing:.22em !important;color:#6f837d !important}
}
@media(max-width:749px){
  .announcement-marquee__track{animation-duration:7s !important}
  .petit-logo__tagline{font-size:5.5px !important;letter-spacing:.20em !important}
}


/* =========================================================
   PetIT v14 — scrolling announcement bar + centered tagline
   ========================================================= */
.pi-marquee{
  position:relative;
  overflow:hidden;
  height:38px;
  background:#0a3d33;
  color:#fff;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 36px,#000 calc(100% - 36px),transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 36px,#000 calc(100% - 36px),transparent 100%);
}
.pi-marquee__track{
  display:flex;
  width:max-content;
  height:100%;
  /* !important + class specificity beat the site-wide reduced-motion rule
     (*{animation-duration:.01ms!important}), which was freezing this ticker. */
  animation-name:piMarquee !important;
  animation-duration:var(--pi-duration,30s) !important;
  animation-timing-function:linear !important;
  animation-iteration-count:infinite !important;
  will-change:transform;
}
@media(hover:hover){.pi-marquee:hover .pi-marquee__track{animation-play-state:paused !important}}
.pi-marquee__group{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  min-width:50vw;
  height:100%;
  margin:0;padding:0;
  list-style:none;
}
.pi-marquee__item{
  display:inline-flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
  line-height:1;
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:#fff;
}
.pi-marquee__item strong{font-weight:700;letter-spacing:.11em;color:#8fe3c4}
.pi-marquee__item a{color:inherit;text-decoration:none}
.pi-marquee__item a:hover{text-decoration:underline;text-underline-offset:3px}
.pi-marquee__icon{
  width:15px;height:15px;flex:0 0 15px;
  fill:none;stroke:#8fe3c4;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}
/* Highlighted message: gold text + icon, no boxes */
.pi-marquee__item--hot strong,
.pi-marquee__item--hot .pi-marquee__text,
.pi-marquee__item--hot a{color:#ffd166}
.pi-marquee__item--hot .pi-marquee__icon{stroke:#ffd166}
.pi-marquee__spark{
  flex:0 0 auto;
  width:5px;height:5px;
  margin:0 38px;
  background:rgba(143,227,196,.55);
  transform:rotate(45deg);
}
@keyframes piMarquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(var(--pi-shift,-25%),0,0)}
}
@media(max-width:749px){
  .pi-marquee{height:34px}
  .pi-marquee__item{font-size:10px;gap:6px;letter-spacing:.09em}
  .pi-marquee__icon{width:13px;height:13px;flex-basis:13px}
  .pi-marquee__spark{margin:0 24px}
}

/* ---- Tagline: exactly centered under the PetIT logo ----
   Root cause of the left shift: an old rule set transform:translateX(-50%)
   (for position:absolute) and it kept applying after the tagline became static. */
.header .petit-logo{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}
.header .petit-logo .petit-logo__tagline{
  display:block !important;
  position:static !important;
  inset:auto !important;
  transform:none !important;
  translate:none !important;
  width:100% !important;
  margin:4px 0 0 !important;
  /* letter-spacing leaves trailing space after the last letter; pad the left by the
     same amount so the visible text (not the box) is centered */
  padding:0 0 0 .32em !important;
  text-align:center !important;
  white-space:nowrap !important;
  text-transform:uppercase !important;
  font-size:8px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.32em !important;
  color:#6f837d !important;
  opacity:1 !important;
}
@media(min-width:1000px){
  .header .petit-logo{height:78px !important}
  .header .petit-logo__graphic .petit-brand__paw{width:46px !important;height:46px !important}
  .header .petit-logo__graphic .petit-brand__name{font-size:38px !important}
}
@media(max-width:999px){
  .header .petit-logo .petit-logo__tagline{font-size:6.5px !important;letter-spacing:.2em !important;padding-left:.2em !important}
}
@media(max-width:749px){
  .header .petit-logo .petit-logo__tagline{font-size:6px !important;margin-top:3px !important}
}


/* =========================================================
   PetIT v17 — product cards as real, separated cards
   Problem: on phones the text of one product sat directly above the next
   product's photo, so rows blurred together. Each product is now its own
   white card with a clear edge, tidy text and a one-tap add button.
   ========================================================= */
.product-grid{gap:16px}
.product-card{
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid rgba(23,52,47,.09);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 2px 12px rgba(23,52,47,.06);
}
.product-card .product-card__media{
  border-radius:0 !important;
  aspect-ratio:1/1 !important;
  box-shadow:none !important;
  background:#f3f1ea;
}
.product-card:hover .product-card__media{box-shadow:none !important}
.product-card .product-card__info-link{flex:1 1 auto;display:block}
.product-card .product-card__info{
  padding:14px 16px 16px !important;
  border-top:1px solid rgba(23,52,47,.06);
}
.product-card .product-card__vendor{
  font-size:10px;letter-spacing:.14em;color:#2f8f79;margin:0 0 6px !important;
}
.product-card .product-card__title{
  font-size:16px;line-height:1.3 !important;font-weight:700;margin:0 0 6px !important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  min-height:2.6em;
}
.product-card .product-card__tagline{margin:0 0 10px !important;min-height:0}
.product-card .product-card__price{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;
}
.product-card .product-card__price--sale{order:-1;font-size:19px;font-weight:800;color:#c65d45}
.product-card .product-card__price--compare{margin:0;font-size:13px}
/* Sale badge: small solid coral tag */
.product-card .product-card__badge{
  left:10px;top:10px;padding:5px 9px;font-size:11px;letter-spacing:.02em;line-height:1.2 !important;
  box-shadow:0 3px 10px rgba(0,0,0,.12);
}
.product-card .product-card__badge--sale{background:#d9573f;color:#fff}
.product-card .sale-promo--card{margin:10px 0 0;font-size:10.5px;padding:4px 9px}

@media(max-width:749px){
  .product-grid{gap:12px}
  .product-card{border-radius:16px}
  .product-card .product-card__info{padding:11px 12px 13px !important}
  .product-card .product-card__vendor,
  .product-card .product-card__tagline{display:none !important}
  .product-card .product-card__title{font-size:13.5px;margin-bottom:8px !important}
  .product-card .product-card__price--sale{font-size:17px}
  .product-card .product-card__price--compare{font-size:12px}
  .product-card .product-card__badge{left:8px;top:8px;padding:4px 8px;font-size:10.5px;line-height:1.2 !important}

  /* One-tap round add button on the photo (was hidden on touch screens) */
  .product-card .product-card__form,
  .product-card .product-card__options{
    display:block !important;
    position:absolute !important;
    left:auto !important;right:8px !important;bottom:8px !important;top:auto !important;
    width:auto !important;margin:0 !important;padding:0 !important;
    opacity:1 !important;visibility:visible !important;transform:none !important;pointer-events:auto !important;
    background:none !important;border:0 !important;box-shadow:none !important;line-height:0 !important;
  }
  .product-card .product-card__quick-add,
  .product-card .product-card__options{
    width:38px !important;height:38px !important;min-height:0 !important;padding:0 !important;
    border-radius:50% !important;
    display:grid !important;place-items:center !important;
    font-size:0 !important;line-height:1;
    background:#17342f !important;color:#fff !important;border:0 !important;
    box-shadow:0 4px 12px rgba(23,52,47,.35) !important;
    visibility:visible !important;opacity:1 !important;pointer-events:auto !important;transform:none !important;
  }
  .product-card .product-card__quick-add span,
  .product-card .product-card__options span{display:none !important}
  .product-card .product-card__quick-add::before{content:"+";font-size:24px;font-weight:500;line-height:1;color:#fff}
  .product-card .product-card__quick-add.is-loading::before{content:"…"}
  /* Products with variants: no photo button on phones, just the card link to pick options. */
  .product-card .product-card__options{display:none !important}
}

/* ================================================================
   PetIT PawDine — product-specific luxury presentation
   Applies ONLY to /products/wooden-pet-feeder.
   ================================================================ */
.product-page--paw-dine-luxury{
  --lux-black:#171614;
  --lux-charcoal:#24211d;
  --lux-gold:#c6a15b;
  --lux-gold-light:#e4c985;
  --lux-cream:#f5f0e6;
  --lux-ink:#211e1a;
  --lux-line:rgba(198,161,91,.28);
  background:linear-gradient(180deg,#fbf8f1 0%,#f7f1e6 52%,#eee5d6 100%);
  border-radius:32px;
  padding-top:24px;
  padding-bottom:44px;
  overflow:hidden;
}
.product-page--paw-dine-luxury .product-reference-promo{
  border:1px solid var(--lux-line);
  background:#211e1a;
  color:#f7f0df;
  box-shadow:0 12px 34px rgba(28,23,17,.12);
  letter-spacing:.035em;
}
.product-page--paw-dine-luxury .product-reference-promo span{color:#e9ddc4}
.product-page--paw-dine-luxury .product-reference-promo .luxury-promo-main{color:#fff;letter-spacing:.08em}
.product-page--paw-dine-luxury .product-reference-promo .luxury-promo-main strong{color:var(--lux-gold-light)}
.product-page--paw-dine-luxury .product-page__breadcrumbs{color:#7d725f}
.product-page--paw-dine-luxury .product-page__breadcrumbs a{color:#6f614b}
.product-page--paw-dine-luxury .product-reference-grid{gap:56px}
.product-page--paw-dine-luxury .product-reference-gallery{top:98px}
.product-page--paw-dine-luxury .product-reference-image-wrap{grid-template-columns:minmax(0,1fr) 78px}
.product-page--paw-dine-luxury .product-reference-image{
  aspect-ratio:4/4.7;
  border-radius:28px;
  background:radial-gradient(circle at 50% 42%,#fffdf8 0%,#f1eadf 55%,#e4d9c7 100%);
  border:1px solid rgba(198,161,91,.38);
  box-shadow:0 28px 70px rgba(45,34,21,.18), inset 0 0 0 1px rgba(255,255,255,.8);
}
.product-page--paw-dine-luxury .product-reference-image .product-page__img{padding:28px;mix-blend-mode:multiply}
.product-page--paw-dine-luxury .product-reference-badge{
  left:20px;top:20px;
  border-radius:4px;
  padding:11px 13px;
  background:#201d19;
  color:var(--lux-gold-light);
  border:1px solid rgba(228,201,133,.55);
  box-shadow:0 10px 24px rgba(0,0,0,.18);
  font-size:9px;
  letter-spacing:.14em;
}
.product-page--paw-dine-luxury .product-reference-feature-rail>div{
  min-height:74px;
  border-radius:14px;
  background:#201d19;
  border:1px solid rgba(198,161,91,.28);
  box-shadow:0 10px 24px rgba(45,34,21,.12);
}
.product-page--paw-dine-luxury .product-reference-feature-rail span{background:transparent;color:var(--lux-gold-light);border:1px solid rgba(198,161,91,.4)}
.product-page--paw-dine-luxury .product-reference-feature-rail strong{color:#eee5d6}
.product-page--paw-dine-luxury .product-page__thumbs{gap:10px}
.product-page--paw-dine-luxury .product-page__thumb{border-color:rgba(198,161,91,.22);background:#fffaf0}
.product-page--paw-dine-luxury .product-page__thumb--active{border-color:var(--lux-gold);box-shadow:0 0 0 2px rgba(198,161,91,.16)}
.product-page--paw-dine-luxury .product-reference-trust-strip{color:#675d4e}
.product-page--paw-dine-luxury .product-reference-buybox{padding-top:12px}
.product-page--paw-dine-luxury .product-page__vendor{color:#9b7840!important;letter-spacing:.2em!important}
.product-page--paw-dine-luxury .paw-dine-luxury-kicker{
  display:flex;align-items:center;gap:9px;
  margin:4px 0 13px;
  color:#9b7840;
  font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;
}
.product-page--paw-dine-luxury .paw-dine-luxury-kicker>span:first-child{font-size:15px;color:var(--lux-gold)}
.product-page--paw-dine-luxury .paw-dine-luxury-kicker i{width:34px;height:1px;background:var(--lux-gold);display:block}
.product-page--paw-dine-luxury .paw-dine-luxury-kicker>span:last-child{color:#7b705f;font-size:8px;letter-spacing:.14em}
.product-page--paw-dine-luxury .product-reference-buybox .product-page__title{
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(38px,4vw,62px);
  line-height:.98;
  letter-spacing:-.045em;
  color:var(--lux-black);
  max-width:760px;
}
.product-page--paw-dine-luxury .product-reference-rating{color:#776b5a}
.product-page--paw-dine-luxury .product-reference-stars{color:#b48a3c}
.product-page--paw-dine-luxury .product-reference-price{margin-top:14px}
.product-page--paw-dine-luxury .product-reference-price .product-page__price--sale{font-family:Georgia,'Times New Roman',serif;font-size:34px;color:#201d19}
.product-page--paw-dine-luxury .product-reference-price .product-page__price--compare{color:#918673}
.product-page--paw-dine-luxury .product-reference-price .product-page__price--save{background:#211e1a;color:#e7ca8a;border-radius:2px;letter-spacing:.12em}
.product-page--paw-dine-luxury .product-reference-offer{
  border-radius:4px;
  background:#211e1a;
  color:#f7f0df;
  border:1px solid rgba(198,161,91,.45);
  padding:15px 17px;
  box-shadow:0 10px 24px rgba(31,25,18,.1);
}
.product-page--paw-dine-luxury .product-reference-offer strong{color:#e4c985;letter-spacing:.08em}
.product-page--paw-dine-luxury .product-reference-offer span:last-child{color:#d8cebd}
.product-page--paw-dine-luxury .product-reference-benefits{border-color:rgba(198,161,91,.22);padding:16px 0}
.product-page--paw-dine-luxury .product-reference-benefits div{color:#625848}
.product-page--paw-dine-luxury .product-reference-benefits div>span:first-child{color:#ad843c}
.product-page--paw-dine-luxury .product-reference-add{
  background:linear-gradient(135deg,#2a2824,#11100f);
  border:1px solid rgba(228,201,133,.62);
  color:#f6e7c1;
  border-radius:5px;
  min-height:62px;
  box-shadow:0 15px 32px rgba(25,21,16,.18);
  text-transform:uppercase;
  letter-spacing:.08em;
}
.product-page--paw-dine-luxury .product-reference-add:hover{background:linear-gradient(135deg,#3a342a,#151311);transform:translateY(-1px)}
.product-page--paw-dine-luxury .product-reference-add-price{color:#d9bc78}
.product-page--paw-dine-luxury .product-reference-guarantees{border-color:rgba(198,161,91,.22);background:rgba(255,252,245,.72)}
.product-page--paw-dine-luxury .product-reference-guarantees>div span{color:#9d773b}
.product-page--paw-dine-luxury .product-reference-after-cart a{color:#765e35}
.product-page--paw-dine-luxury .product-reference-story,
.product-page--paw-dine-luxury .product-reference-steps,
.product-page--paw-dine-luxury .product-reference-reviews,
.product-page--paw-dine-luxury .product-reference-details{
  position:relative;
  border-top:1px solid rgba(198,161,91,.22);
}
.product-page--paw-dine-luxury .product-reference-story__head h2,
.product-page--paw-dine-luxury .product-reference-steps h2,
.product-page--paw-dine-luxury .product-reference-reviews h2{
  font-family:Georgia,'Times New Roman',serif;color:#211e1a;letter-spacing:-.03em
}
.product-page--paw-dine-luxury .product-reference-story__paw{color:#b18a49}
.product-page--paw-dine-luxury .product-reference-final-cta{
  margin-top:34px;
  background:linear-gradient(120deg,#181613,#2c271f);
  color:#f5ead4;
  border:1px solid rgba(198,161,91,.55);
  box-shadow:0 22px 55px rgba(36,28,19,.18);
}
.product-page--paw-dine-luxury .product-reference-final-cta h2{font-family:Georgia,'Times New Roman',serif;color:#fff7e7}
.product-page--paw-dine-luxury .product-reference-final-cta p{color:#d7cbb8}
.product-page--paw-dine-luxury .product-reference-final-cta .button{background:#e0bd73;color:#211e1a;border:0;border-radius:3px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}
.product-page--paw-dine-luxury .product-sticky-buy{background:#1b1916;border-color:rgba(198,161,91,.5);color:#f5ead4}
.product-page--paw-dine-luxury .product-sticky-buy__button{background:#d9b86f;color:#1b1916}
@media(max-width:749px){
  .product-page--paw-dine-luxury{border-radius:20px;padding-top:12px}
  .product-page--paw-dine-luxury .product-reference-promo{border-radius:14px;display:grid;gap:7px;text-align:center}
  .product-page--paw-dine-luxury .product-reference-promo span{justify-content:center;white-space:normal}
  .product-page--paw-dine-luxury .product-reference-image-wrap{grid-template-columns:1fr}
  .product-page--paw-dine-luxury .product-reference-feature-rail{grid-template-columns:repeat(3,1fr)}
  .product-page--paw-dine-luxury .product-reference-feature-rail>div{min-height:72px}
  .product-page--paw-dine-luxury .product-reference-buybox .product-page__title{font-size:39px}
  .product-page--paw-dine-luxury .paw-dine-luxury-kicker{flex-wrap:wrap}
}


/* ================================================================
   PetIT PawDine v11 — final luxury page cleanup
   Only active when the PawDine product is open.
   Fixes: faded inherited text, page-wide premium background,
   stable image/feature layout, readable recommendations, icons,
   and a truly aligned € price treatment.
   ================================================================ */
body:has(.product-page--paw-dine-luxury){
  background:
    radial-gradient(circle at 8% 18%,rgba(198,161,91,.15),transparent 28%),
    radial-gradient(circle at 92% 30%,rgba(198,161,91,.10),transparent 25%),
    linear-gradient(135deg,#0a0f0d 0%,#121815 46%,#0b100e 100%) !important;
}
body:has(.product-page--paw-dine-luxury) .header,
body:has(.product-page--paw-dine-luxury) .header-wrapper{color:#17342f}
body:has(.product-page--paw-dine-luxury) .header__icon,
body:has(.product-page--paw-dine-luxury) .header__icon svg{color:#17342f !important;stroke:currentColor !important;opacity:1 !important}
body:has(.product-page--paw-dine-luxury) .header__icon svg *{stroke:currentColor !important;opacity:1 !important}

.product-page--paw-dine-luxury{
  position:relative;
  isolation:isolate;
  width:min(calc(100% - 40px),1320px);
  max-width:1320px;
  margin:0 auto;
  padding:22px 0 72px;
  border-radius:0;
  background:transparent;
  color:#e8e0d0;
  overflow:visible;
}
.product-page--paw-dine-luxury::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  top:0;
  width:100vw;
  height:100%;
  transform:translateX(-50%);
  background:
    radial-gradient(circle at 12% 9%,rgba(201,165,92,.12),transparent 24%),
    radial-gradient(circle at 88% 18%,rgba(201,165,92,.08),transparent 22%),
    linear-gradient(135deg,#0a0f0d 0%,#111713 48%,#0a0f0d 100%);
  border-top:1px solid rgba(198,161,91,.16);
  border-bottom:1px solid rgba(198,161,91,.14);
}
.product-page--paw-dine-luxury .product-page__breadcrumbs,
.product-page--paw-dine-luxury .product-page__breadcrumbs a{color:#bfb5a3 !important}
.product-page--paw-dine-luxury .product-page__breadcrumbs a:hover{color:#e4c985 !important}

/* Stable gallery: the highlights sit beside the image without stretching its card. */
.product-page--paw-dine-luxury .product-reference-grid{grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:52px;align-items:start}
.product-page--paw-dine-luxury .product-reference-gallery{position:relative;top:auto;min-width:0}
.product-page--paw-dine-luxury .product-reference-image-wrap{display:block;position:relative;padding-right:62px;min-width:0}
.product-page--paw-dine-luxury .product-reference-image{
  width:100%;
  aspect-ratio:1/1.02;
  min-height:0;
  border-radius:28px;
  overflow:hidden;
  background:#eee8dc;
  border:1px solid rgba(198,161,91,.62);
  box-shadow:0 28px 75px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.06) inset;
}
.product-page--paw-dine-luxury .product-reference-image .product-page__img{
  width:100%;height:100%;padding:0;object-fit:cover;mix-blend-mode:normal;
}
.product-page--paw-dine-luxury .product-reference-badge{left:18px;top:18px;z-index:5}
.product-page--paw-dine-luxury .product-reference-feature-rail{
  position:absolute;right:0;top:50%;transform:translateY(-50%);
  width:76px;display:grid;gap:9px;z-index:6;
}
.product-page--paw-dine-luxury .product-reference-feature-rail>div{
  min-height:76px;padding:9px 7px;border-radius:16px;background:linear-gradient(180deg,#1a1d19,#0d100e);
  border:1px solid rgba(198,161,91,.5);box-shadow:0 14px 28px rgba(0,0,0,.28);
}
.product-page--paw-dine-luxury .product-reference-feature-rail strong{color:#f3e7ce !important;font-size:8px}
.product-page--paw-dine-luxury .product-reference-feature-rail span{color:#e4c985 !important}
.product-page--paw-dine-luxury .product-page__thumbs{margin-top:12px;gap:10px}
.product-page--paw-dine-luxury .product-page__thumb{background:#171a17;border-color:rgba(198,161,91,.25)}
.product-page--paw-dine-luxury .product-page__thumb--active{border-color:#d5ae61;box-shadow:0 0 0 2px rgba(213,174,97,.18)}
.product-page--paw-dine-luxury .product-reference-trust-strip{color:#bcb19f !important}

/* Premium light buy box with explicit dark text so nothing inherits the dark canvas. */
.product-page--paw-dine-luxury .product-reference-buybox{
  background:linear-gradient(145deg,#fbf7ee 0%,#f5eee1 100%);
  border:1px solid rgba(198,161,91,.55);
  border-radius:30px;
  padding:34px 34px 30px;
  box-shadow:0 28px 70px rgba(0,0,0,.26),0 0 0 1px rgba(255,255,255,.45) inset;
  color:#241f19;
}
.product-page--paw-dine-luxury .product-page__title,
.product-page--paw-dine-luxury .product-reference-buybox label,
.product-page--paw-dine-luxury .product-reference-rating strong,
.product-page--paw-dine-luxury .product-reference-rating a{color:#241f19 !important;opacity:1 !important}
.product-page--paw-dine-luxury .product-page__title{font-size:clamp(40px,4.15vw,62px);line-height:.98}
.product-page--paw-dine-luxury .product-reference-rating{color:#6f6251 !important;opacity:1 !important}
.product-page--paw-dine-luxury .product-reference-stars{color:#c4912f !important}
.product-page--paw-dine-luxury .product-reference-buybox .product-page__short-description{color:#62584a !important;opacity:1 !important}
.product-page--paw-dine-luxury .paw-dine-luxury-kicker{color:#a7792b !important}
.product-page--paw-dine-luxury .paw-dine-luxury-kicker>span:last-child{color:#7a6e5d !important}

/* Price: one aligned baseline; € never becomes its own pill or drifts vertically. */
.product-page--paw-dine-luxury .paw-dine-price-row{display:flex;align-items:baseline;gap:13px;flex-wrap:wrap;margin:16px 0 20px}
.product-page--paw-dine-luxury .paw-dine-price{display:inline-flex !important;align-items:baseline !important;gap:4px !important;white-space:nowrap !important;vertical-align:baseline !important;line-height:1 !important;margin:0 !important;padding:0 !important;background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important}
.product-page--paw-dine-luxury .paw-dine-price__currency{display:inline !important;font-family:Georgia,'Times New Roman',serif !important;font-size:34px !important;line-height:1 !important;font-weight:700 !important;color:#bd8420 !important;vertical-align:baseline !important}
.product-page--paw-dine-luxury .paw-dine-price__amount{display:inline !important;font-family:Georgia,'Times New Roman',serif !important;font-size:42px !important;line-height:1 !important;font-weight:700 !important;color:#bd8420 !important;letter-spacing:-.03em !important;vertical-align:baseline !important}
.product-page--paw-dine-luxury .paw-dine-price--compare .paw-dine-price__currency,
.product-page--paw-dine-luxury .paw-dine-price--compare .paw-dine-price__amount{font-family:'DM Sans',system-ui,sans-serif !important;font-size:15px !important;font-weight:700 !important;color:#8e897f !important;text-decoration:line-through !important;letter-spacing:0 !important}
.product-page--paw-dine-luxury .product-reference-price .product-page__price--save{align-self:center;margin:0 !important;background:#c99531 !important;color:#201b14 !important;border-radius:999px !important;padding:8px 13px !important;font-size:10px !important;font-weight:900 !important;letter-spacing:.08em !important}

/* Make every supporting text block high contrast. */
.product-page--paw-dine-luxury .product-reference-offer strong{color:#e6c879 !important}
.product-page--paw-dine-luxury .product-reference-offer span:last-child{color:#d8cebd !important}
.product-page--paw-dine-luxury .product-reference-benefits div{color:#5f5649 !important;opacity:1 !important}
.product-page--paw-dine-luxury .product-reference-benefits div>span:first-child{color:#b37f24 !important}
.product-page--paw-dine-luxury .product-reference-payment-note{color:#766d60 !important}
.product-page--paw-dine-luxury .product-reference-after-cart,
.product-page--paw-dine-luxury .product-reference-after-cart a{color:#665d50 !important}
.product-page--paw-dine-luxury .product-reference-guarantees{background:#f0eadf !important;color:#40392f !important}
.product-page--paw-dine-luxury .product-reference-guarantees strong{color:#332e28 !important}
.product-page--paw-dine-luxury .product-reference-guarantees small{color:#6f665b !important}
.product-page--paw-dine-luxury .product-reference-options select,
.product-page--paw-dine-luxury .product-reference-quantity{color:#241f19 !important;background:#fffdf8 !important}

/* Story / steps / reviews: intentional luxury cards, not washed-out white-on-white text. */
.product-page--paw-dine-luxury .product-reference-story,
.product-page--paw-dine-luxury .product-reference-steps,
.product-page--paw-dine-luxury .product-reference-details{color:#eee6d7}
.product-page--paw-dine-luxury .product-reference-story__head h2,
.product-page--paw-dine-luxury .product-reference-steps h2{color:#fff8ea !important}
.product-page--paw-dine-luxury .product-reference-story__head p,
.product-page--paw-dine-luxury .product-reference-steps__intro p{color:#b9b0a2 !important}
.product-page--paw-dine-luxury .product-reference-story__grid article,
.product-page--paw-dine-luxury .product-reference-steps__grid article{
  background:linear-gradient(145deg,#171c19,#101512) !important;
  border:1px solid rgba(198,161,91,.25) !important;
  box-shadow:0 18px 38px rgba(0,0,0,.22) !important;
}
.product-page--paw-dine-luxury .product-reference-story__grid h3,
.product-page--paw-dine-luxury .product-reference-steps__grid h3{color:#f4ead7 !important}
.product-page--paw-dine-luxury .product-reference-story__grid p,
.product-page--paw-dine-luxury .product-reference-steps__grid p{color:#b8b0a3 !important}
.product-page--paw-dine-luxury .product-reference-story__grid article>span,
.product-page--paw-dine-luxury .product-reference-steps__grid article>span{color:#8f856f !important}
.product-page--paw-dine-luxury .product-reference-story__icon{background:#d8b66c !important;color:#1a1712 !important}
.product-page--paw-dine-luxury .product-reference-step-icon{background:#17342f !important;color:#fff !important}
.product-page--paw-dine-luxury .product-reference-reviews{
  background:#f8f3e9 !important;border:1px solid rgba(198,161,91,.45) !important;color:#241f19 !important;box-shadow:0 24px 55px rgba(0,0,0,.25) !important
}
.product-page--paw-dine-luxury .product-reviews__header h2,
.product-page--paw-dine-luxury .product-reviews__score strong,
.product-page--paw-dine-luxury .product-reviews__app{color:#241f19 !important}
.product-page--paw-dine-luxury .product-reviews__score{color:#6b6255 !important}
.product-page--paw-dine-luxury .product-reviews__eyebrow{color:#9a742e !important}
.product-page--paw-dine-luxury #product-reviews .jdgm-rev-widg,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev__body,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev__title,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev__author,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev__timestamp{color:#241f19 !important;opacity:1 !important}

/* Recommendations are outside the main section, so explicitly give them their own readable luxury band. */
.product-related--paw-dine-luxury{
  background:linear-gradient(180deg,#f5efe3 0%,#eee5d7 100%) !important;
  border-top:1px solid rgba(198,161,91,.28);
  border-bottom:1px solid rgba(198,161,91,.24);
}
.product-related--paw-dine-luxury .section-heading h2{color:#201d19 !important}
.product-related--paw-dine-luxury .section-heading p{color:#665d51 !important}
.product-related--paw-dine-luxury .section-heading .eyebrow{color:#a7792b !important}
.product-related--paw-dine-luxury .section-heading .text-link{color:#8b6727 !important}
.product-related--paw-dine-luxury .product-card{
  background:#fffdf9 !important;border:1px solid rgba(23,52,47,.10) !important;box-shadow:0 12px 32px rgba(34,28,20,.09) !important;color:#17342f !important;opacity:1 !important
}
.product-related--paw-dine-luxury .product-card__title{color:#17342f !important;opacity:1 !important}
.product-related--paw-dine-luxury .product-card__vendor{color:#2f8f79 !important;opacity:1 !important}
.product-related--paw-dine-luxury .product-card__tagline{color:#687872 !important;opacity:1 !important}
.product-related--paw-dine-luxury .product-card__price--sale{color:#c65d45 !important;opacity:1 !important}
.product-related--paw-dine-luxury .product-card__price--compare{color:#8c8b84 !important;opacity:1 !important}
.product-related--paw-dine-luxury .product-card__info-link{color:#17342f !important;opacity:1 !important}

/* Search + cart remain crisp while opened from this product page. */
body:has(.product-page--paw-dine-luxury) .search-drawer,
body:has(.product-page--paw-dine-luxury) .search-modal,
body:has(.product-page--paw-dine-luxury) .cart-drawer__panel{color:#17342f !important}
body:has(.product-page--paw-dine-luxury) .cart-drawer__panel *{opacity:1 !important}
body:has(.product-page--paw-dine-luxury) .cart-drawer__panel h2,
body:has(.product-page--paw-dine-luxury) .cart-drawer__panel strong,
body:has(.product-page--paw-dine-luxury) .cart-drawer__panel span,
body:has(.product-page--paw-dine-luxury) .cart-drawer__panel p,
body:has(.product-page--paw-dine-luxury) .cart-drawer__panel a{color:#17342f}
body:has(.product-page--paw-dine-luxury) .cart-drawer__empty p{color:#536963 !important}

@media(max-width:999px){
  .product-page--paw-dine-luxury .product-reference-grid{grid-template-columns:1fr;gap:28px}
  .product-page--paw-dine-luxury .product-reference-buybox{padding:28px 24px}
}
@media(max-width:749px){
  .product-page--paw-dine-luxury{width:min(calc(100% - 28px),1320px);padding-bottom:48px}
  .product-page--paw-dine-luxury .product-reference-image-wrap{padding-right:0}
  .product-page--paw-dine-luxury .product-reference-image{aspect-ratio:1/1.02;border-radius:22px}
  .product-page--paw-dine-luxury .product-reference-feature-rail{position:static;transform:none;width:auto;grid-template-columns:repeat(3,1fr);margin-top:9px}
  .product-page--paw-dine-luxury .product-reference-feature-rail>div{min-height:66px}
  .product-page--paw-dine-luxury .product-reference-buybox{padding:22px 18px;border-radius:22px}
  .product-page--paw-dine-luxury .product-page__title{font-size:38px}
  .product-page--paw-dine-luxury .paw-dine-price__currency{font-size:28px !important}
  .product-page--paw-dine-luxury .paw-dine-price__amount{font-size:34px !important}
  .product-related--paw-dine-luxury .product-grid{gap:12px}
}

/* ================================================================
   PAWDINE FINAL POLISH — price alignment + luxury hierarchy
   Product-specific: wooden-pet-feeder only.
   ================================================================ */
.product-page--paw-dine-luxury .paw-dine-luxury-tagline{
  display:flex !important;
  align-items:baseline !important;
  gap:9px !important;
  margin:14px 0 4px !important;
  color:#6d5a42 !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:clamp(15px,1.25vw,18px) !important;
  line-height:1.45 !important;
  font-style:italic !important;
  letter-spacing:.01em !important;
  opacity:1 !important;
}
.product-page--paw-dine-luxury .paw-dine-luxury-tagline__mark{
  color:#c49334 !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:18px !important;
  line-height:1 !important;
  flex:0 0 auto !important;
}

/* Turn the price area into a deliberate luxury focal point. */
.product-page--paw-dine-luxury .paw-dine-price-row{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  flex-wrap:wrap !important;
  min-height:62px !important;
  margin:18px 0 20px !important;
  padding:15px 0 13px !important;
  border-top:1px solid rgba(181,139,54,.22) !important;
  border-bottom:1px solid rgba(181,139,54,.22) !important;
}
.product-page--paw-dine-luxury .paw-dine-price{
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:baseline !important;
  justify-content:flex-start !important;
  gap:5px !important;
  width:auto !important;
  height:auto !important;
  white-space:nowrap !important;
  writing-mode:horizontal-tb !important;
  text-orientation:mixed !important;
  vertical-align:baseline !important;
  line-height:1 !important;
}
.product-page--paw-dine-luxury .paw-dine-price__currency{
  display:inline-block !important;
  position:static !important;
  float:none !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:38px !important;
  line-height:.95 !important;
  font-weight:700 !important;
  color:#b77d18 !important;
  vertical-align:baseline !important;
  transform:none !important;
}
.product-page--paw-dine-luxury .paw-dine-price__amount{
  display:inline-block !important;
  position:static !important;
  float:none !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:48px !important;
  line-height:.95 !important;
  font-weight:700 !important;
  color:#b77d18 !important;
  letter-spacing:-.035em !important;
  vertical-align:baseline !important;
  transform:none !important;
}
.product-page--paw-dine-luxury .paw-dine-price--compare{
  opacity:1 !important;
}
.product-page--paw-dine-luxury .paw-dine-price--compare .paw-dine-price__currency,
.product-page--paw-dine-luxury .paw-dine-price--compare .paw-dine-price__amount{
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:700 !important;
  color:#8a857b !important;
  text-decoration:line-through !important;
  letter-spacing:0 !important;
}
.product-page--paw-dine-luxury .product-reference-price .product-page__price--save{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:center !important;
  margin:0 0 0 2px !important;
  padding:9px 14px !important;
  min-height:34px !important;
  background:linear-gradient(135deg,#d9aa4d,#bb8522) !important;
  color:#17140f !important;
  border:1px solid rgba(255,240,190,.38) !important;
  border-radius:999px !important;
  box-shadow:0 8px 18px rgba(170,118,25,.18) !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
}

/* Make the luxury buybox feel designed rather than simply tinted. */
.product-page--paw-dine-luxury .product-reference-buybox{
  position:relative !important;
  overflow:hidden !important;
}
.product-page--paw-dine-luxury .product-reference-buybox:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 100% 0%,rgba(215,178,99,.15),transparent 32%),
    radial-gradient(circle at 0% 100%,rgba(22,52,47,.05),transparent 35%) !important;
}
.product-page--paw-dine-luxury .product-reference-buybox > *{
  position:relative !important;
  z-index:1 !important;
}
.product-page--paw-dine-luxury .paw-dine-luxury-offer{
  border:1px solid rgba(198,161,91,.55) !important;
  box-shadow:0 14px 28px rgba(42,31,15,.12) !important;
}

/* If an inherited rule ever turns the currency into a vertical element, force the entire money cluster horizontal. */
.product-page--paw-dine-luxury .paw-dine-price,
.product-page--paw-dine-luxury .paw-dine-price *{
  writing-mode:horizontal-tb !important;
  text-orientation:mixed !important;
}

@media(max-width:749px){
  .product-page--paw-dine-luxury .paw-dine-price-row{gap:10px !important;padding:13px 0 12px !important}
  .product-page--paw-dine-luxury .paw-dine-price__currency{font-size:30px !important}
  .product-page--paw-dine-luxury .paw-dine-price__amount{font-size:38px !important}
  .product-page--paw-dine-luxury .paw-dine-luxury-tagline{font-size:14px !important}
}

/* ================================================================
   PAWDINE HERO PAGE — exact luxury landing-page treatment
   Product-specific: wooden-pet-feeder only.
   ================================================================ */
body:has(.product-page--paw-dine-luxury){
  background:#f7f2e9 !important;
}
.product-page--paw-dine-luxury{
  width:min(1320px,calc(100% - 48px)) !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:34px 0 72px !important;
  color:#f7f1e4 !important;
}
.product-page--paw-dine-luxury .product-reference-promo,
.product-page--paw-dine-luxury .product-page__breadcrumbs{
  display:none !important;
}
.product-page--paw-dine-luxury .product-reference-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:0 !important;
  align-items:stretch !important;
  background:#111510 !important;
  border:1px solid #b48a38 !important;
  border-radius:30px !important;
  overflow:hidden !important;
  box-shadow:0 28px 70px rgba(33,27,16,.20) !important;
}
.product-page--paw-dine-luxury .product-reference-gallery{
  min-width:0 !important;
  background:#171815 !important;
  display:flex !important;
  flex-direction:column !important;
}
.product-page--paw-dine-luxury .product-reference-image-wrap{
  padding:0 !important;
  position:relative !important;
  height:100% !important;
  min-height:650px !important;
}
.product-page--paw-dine-luxury .product-reference-image{
  height:100% !important;
  min-height:650px !important;
  aspect-ratio:auto !important;
  border:0 !important;
  border-radius:0 !important;
  background:#eee9df !important;
  overflow:hidden !important;
}

/* PawDine gallery controls — use the product's existing media without changing the luxury layout. */
.product-page--paw-dine-luxury .product-gallery-arrow{
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:8 !important;
  width:46px !important;
  height:46px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  border:1px solid rgba(236,198,112,.72) !important;
  border-radius:50% !important;
  background:rgba(17,21,16,.78) !important;
  color:#f0c45c !important;
  box-shadow:0 8px 24px rgba(0,0,0,.22) !important;
  cursor:pointer !important;
  backdrop-filter:blur(5px) !important;
  -webkit-backdrop-filter:blur(5px) !important;
  transition:transform .2s ease, background .2s ease, border-color .2s ease !important;
}
.product-page--paw-dine-luxury .product-gallery-arrow:hover{
  background:rgba(17,21,16,.95) !important;
  border-color:#efc65f !important;
  transform:translateY(-50%) scale(1.06) !important;
}
.product-page--paw-dine-luxury .product-gallery-arrow span{
  font-size:25px !important;
  line-height:1 !important;
  font-weight:400 !important;
}
.product-page--paw-dine-luxury .product-gallery-arrow--prev{left:18px !important}
.product-page--paw-dine-luxury .product-gallery-arrow--next{right:18px !important}
.product-page--paw-dine-luxury .product-gallery-counter{
  position:absolute !important;
  right:18px !important;
  bottom:18px !important;
  z-index:8 !important;
  padding:7px 10px !important;
  border:1px solid rgba(236,198,112,.5) !important;
  border-radius:999px !important;
  background:rgba(17,21,16,.72) !important;
  color:#f3e6cb !important;
  font:700 10px/1 system-ui,-apple-system,'Segoe UI',sans-serif !important;
  letter-spacing:.08em !important;
  backdrop-filter:blur(5px) !important;
  -webkit-backdrop-filter:blur(5px) !important;
}
.product-page--paw-dine-luxury .product-reference-image .product-page__img{
  width:100% !important;
  height:100% !important;
  min-height:650px !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
}
.product-page--paw-dine-luxury .product-reference-badge{
  top:26px !important;
  left:26px !important;
  right:auto !important;
  bottom:auto !important;
  z-index:5 !important;
  background:#121510 !important;
  color:#e6bd61 !important;
  border:1px solid #d5a93f !important;
  border-radius:5px !important;
  padding:11px 15px !important;
  font-size:10px !important;
  letter-spacing:.13em !important;
  box-shadow:0 10px 24px rgba(0,0,0,.20) !important;
}
.product-page--paw-dine-luxury .product-reference-feature-rail{
  display:none !important;
}
.product-page--paw-dine-luxury .product-page__thumbs{
  display:none !important;
}
.product-page--paw-dine-luxury .product-reference-trust-strip{
  display:none !important;
}
.product-page--paw-dine-luxury .product-reference-info{
  min-width:0 !important;
  background:#111510 !important;
  display:flex !important;
}
.product-page--paw-dine-luxury .product-reference-buybox{
  width:100% !important;
  min-height:650px !important;
  padding:82px 64px 58px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#111510 !important;
  color:#f8f1e4 !important;
  box-shadow:none !important;
}
.product-page--paw-dine-luxury .product-reference-buybox:before{display:none !important}
.product-page--paw-dine-luxury .product-reference-buybox > *{position:relative !important;z-index:1 !important}
.product-page--paw-dine-luxury .product-page__vendor{
  color:#e3ae3d !important;
  font-size:10px !important;
  line-height:1.2 !important;
  letter-spacing:.20em !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  margin:0 0 20px !important;
  opacity:1 !important;
}
.product-page--paw-dine-luxury .paw-dine-luxury-kicker{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  color:#e3ae3d !important;
  font-size:9px !important;
  letter-spacing:.16em !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  margin:0 0 25px !important;
}
.product-page--paw-dine-luxury .paw-dine-luxury-kicker span:first-child{display:none !important}
.product-page--paw-dine-luxury .paw-dine-luxury-kicker i{
  display:block !important;
  width:44px !important;
  height:1px !important;
  background:#b9892e !important;
  margin:0 !important;
}
.product-page--paw-dine-luxury .paw-dine-luxury-kicker span:last-child{color:#bdb3a1 !important}
.product-page--paw-dine-luxury .product-page__title{
  margin:0 !important;
  max-width:520px !important;
  color:#fff8eb !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:clamp(48px,4.8vw,72px) !important;
  line-height:.92 !important;
  letter-spacing:-.045em !important;
  font-weight:700 !important;
  opacity:1 !important;
}
.product-page--paw-dine-luxury .paw-dine-luxury-tagline{
  display:block !important;
  margin:25px 0 0 !important;
  max-width:560px !important;
  color:#f1e4cf !important;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif !important;
  font-size:15px !important;
  font-style:normal !important;
  line-height:1.55 !important;
  letter-spacing:0 !important;
  opacity:1 !important;
}
.product-page--paw-dine-luxury .product-page__rating{
  margin:18px 0 0 !important;
  color:#b8ae9d !important;
  opacity:1 !important;
}
.product-page--paw-dine-luxury .product-reference-rating .product-reference-stars{color:#e3ae3d !important}
.product-page--paw-dine-luxury .product-reference-rating strong,
.product-page--paw-dine-luxury .product-reference-rating a{color:#f2eadc !important}
.product-page--paw-dine-luxury .paw-dine-price-row{
  margin:30px 0 0 !important;
  padding:0 0 27px !important;
  border-top:0 !important;
  border-bottom:1px solid rgba(214,172,76,.32) !important;
  min-height:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  flex-wrap:wrap !important;
}
.product-page--paw-dine-luxury .paw-dine-price{
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:baseline !important;
  gap:3px !important;
  width:auto !important;
  white-space:nowrap !important;
  color:#efbd48 !important;
  line-height:1 !important;
}
.product-page--paw-dine-luxury .paw-dine-price__currency{
  display:inline !important;
  position:static !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  height:auto !important;
  color:#efbd48 !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:34px !important;
  font-weight:700 !important;
  line-height:.9 !important;
  vertical-align:baseline !important;
}
.product-page--paw-dine-luxury .paw-dine-price__amount{
  display:inline !important;
  position:static !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  height:auto !important;
  color:#efbd48 !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:48px !important;
  font-weight:700 !important;
  line-height:.9 !important;
  letter-spacing:-.04em !important;
  vertical-align:baseline !important;
}
.product-page--paw-dine-luxury .paw-dine-price--compare{
  margin-left:5px !important;
  opacity:1 !important;
}
.product-page--paw-dine-luxury .paw-dine-price--compare .paw-dine-price__currency,
.product-page--paw-dine-luxury .paw-dine-price--compare .paw-dine-price__amount{
  color:#9e988d !important;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif !important;
  font-size:16px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-decoration:line-through !important;
}
.product-page--paw-dine-luxury .product-reference-price .product-page__price--save{
  margin-left:auto !important;
  background:#d9a83f !important;
  color:#15130e !important;
  border:0 !important;
  box-shadow:0 9px 20px rgba(215,167,59,.18) !important;
  padding:9px 13px !important;
  border-radius:999px !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
}
.product-page--paw-dine-luxury .paw-dine-luxury-offer{
  margin:19px 0 0 !important;
  padding:0 0 17px !important;
  border:0 !important;
  border-bottom:1px solid rgba(214,172,76,.25) !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#d7cdbb !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  flex-wrap:wrap !important;
}
.product-page--paw-dine-luxury .paw-dine-luxury-offer span:first-child{color:#e3ae3d !important}
.product-page--paw-dine-luxury .paw-dine-luxury-offer strong{color:#e7b94e !important;font-size:11px !important;letter-spacing:.10em !important}
.product-page--paw-dine-luxury .paw-dine-luxury-offer span:last-child{width:100% !important;color:#aaa294 !important;font-size:12px !important}
.product-page--paw-dine-luxury .product-reference-benefits{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  margin:21px 0 24px !important;
}
.product-page--paw-dine-luxury .product-reference-benefits div{
  min-height:82px !important;
  padding:15px 12px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:7px !important;
  border:1px solid rgba(214,172,76,.25) !important;
  border-radius:13px !important;
  background:#151914 !important;
  color:#ddd3c3 !important;
  font-size:10px !important;
  line-height:1.35 !important;
}
.product-page--paw-dine-luxury .product-reference-benefits div>span:first-child{color:#e3ae3d !important;font-size:14px !important}
.product-page--paw-dine-luxury .product-reference-benefits div>span:last-child{color:#ddd3c3 !important;opacity:1 !important}
.product-page--paw-dine-luxury .product-reference-benefits div>span:last-child::first-line{font-weight:800 !important;color:#fff8eb !important}
.product-page--paw-dine-luxury .product-reference-form{margin-top:0 !important}
.product-page--paw-dine-luxury .product-form__options,
.product-page--paw-dine-luxury .product-reference-purchase-row,
.product-page--paw-dine-luxury .product-reference-payment-note,
.product-page--paw-dine-luxury .product-reference-after-cart,
.product-page--paw-dine-luxury .product-reference-guarantees,
.product-page--paw-dine-luxury .product-reference-app-under-cart{display:none !important}
.product-page--paw-dine-luxury .product-reference-actions{margin-top:8px !important}
.product-page--paw-dine-luxury .product-reference-add{
  width:auto !important;
  min-width:185px !important;
  min-height:56px !important;
  padding:0 27px !important;
  border:1px solid #f0c65f !important;
  border-radius:7px !important;
  background:linear-gradient(135deg,#efc45e,#c28a23) !important;
  color:#17140f !important;
  box-shadow:0 14px 28px rgba(196,139,33,.22) !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  text-transform:none !important;
}
.product-page--paw-dine-luxury .product-reference-add:hover{transform:translateY(-1px) !important;filter:brightness(1.04) !important}
.product-page--paw-dine-luxury .product-reference-add-price{margin-left:8px !important}
.product-page--paw-dine-luxury .product-form__status{color:#e8c777 !important}
.product-page--paw-dine-luxury .product-reference-gallery:after{
  content:'LIMITED AVAILABILITY  ·  20% GRAND OPENING OFFER' !important;
  position:absolute !important;
  left:28px !important;
  bottom:22px !important;
  z-index:4 !important;
  color:#e3ae3d !important;
  font-size:8px !important;
  font-weight:800 !important;
  letter-spacing:.16em !important;
  pointer-events:none !important;
}
.product-page--paw-dine-luxury .product-reference-gallery{position:relative !important}

@media(max-width:999px){
  .product-page--paw-dine-luxury{width:min(100% - 28px,760px) !important;padding:24px 0 56px !important}
  .product-page--paw-dine-luxury .product-reference-grid{grid-template-columns:1fr !important;border-radius:24px !important}
  .product-page--paw-dine-luxury .product-reference-image-wrap,
  .product-page--paw-dine-luxury .product-reference-image,
  .product-page--paw-dine-luxury .product-reference-image .product-page__img{min-height:520px !important;height:520px !important}
  .product-page--paw-dine-luxury .product-reference-buybox{min-height:0 !important;padding:46px 34px 42px !important}
}
@media(max-width:749px){
  .product-page--paw-dine-luxury{width:calc(100% - 18px) !important}
  .product-page--paw-dine-luxury .product-reference-image-wrap,
  .product-page--paw-dine-luxury .product-reference-image,
  .product-page--paw-dine-luxury .product-reference-image .product-page__img{min-height:420px !important;height:420px !important}
  .product-page--paw-dine-luxury .product-reference-buybox{padding:34px 22px 32px !important}
  .product-page--paw-dine-luxury .product-page__title{font-size:46px !important}
  .product-page--paw-dine-luxury .product-reference-benefits{grid-template-columns:1fr !important}
  .product-page--paw-dine-luxury .paw-dine-price__amount{font-size:40px !important}
  .product-page--paw-dine-luxury .paw-dine-price__currency{font-size:29px !important}
  .product-page--paw-dine-luxury .product-reference-price .product-page__price--save{margin-left:0 !important}
}


/* ================================================================
   PAWDINE EVERYWHERE — luxury card + homepage feature
   Only the wooden-pet-feeder gets these treatments.
   ================================================================ */
.product-card--paw-dine-luxury{
  background:#10130f !important;
  border:1px solid #a87b21 !important;
  border-radius:22px !important;
  box-shadow:0 16px 38px rgba(28,25,12,.18) !important;
  overflow:hidden !important;
  color:#f8f0df !important;
}
.product-card--paw-dine-luxury .product-card__media{
  position:relative !important;
  aspect-ratio:1/1 !important;
  border:7px solid #10130f !important;
  border-radius:18px 18px 14px 14px !important;
  background:#111 !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
.product-card--paw-dine-luxury .product-card__media img{filter:saturate(.96) contrast(1.02);transition:transform .65s cubic-bezier(.22,1,.36,1),filter .35s ease !important}
.product-card--paw-dine-luxury:hover .product-card__media img{transform:scale(1.045) !important;filter:saturate(1.02) contrast(1.04) !important}
.product-card--paw-dine-luxury .product-card__badge--sale{
  left:auto !important;right:9px !important;top:9px !important;
  background:#f2c14e !important;color:#15140f !important;border:1px solid #c89227 !important;
  border-radius:999px !important;padding:7px 10px !important;font-size:10px !important;font-weight:900 !important;letter-spacing:.09em !important;
  box-shadow:0 5px 18px rgba(0,0,0,.28) !important;
}
.product-card--paw-dine-luxury .paw-dine-card-crown{
  position:absolute;left:10px;top:10px;z-index:4;width:36px;height:36px;border-radius:50%;
  display:grid;place-items:center;background:#10130f;color:#f2c14e;border:1px solid #c89227;
  box-shadow:0 5px 18px rgba(0,0,0,.28);font-size:15px;line-height:1;
}
.product-card--paw-dine-luxury .paw-dine-card-exclusive{
  position:absolute;left:12px;bottom:12px;z-index:4;padding:8px 10px;
  background:rgba(16,19,15,.95);border:1px solid #c89227;color:#f2c14e;
  font-size:9px;font-weight:900;letter-spacing:.1em;line-height:1.2;text-transform:uppercase;
  box-shadow:0 8px 20px rgba(0,0,0,.3);
}
.product-card--paw-dine-luxury .product-card__info{
  background:#10130f !important;border-top:1px solid rgba(200,146,39,.55) !important;padding:15px 16px 18px !important;color:#f8f0df !important;
}
.product-card--paw-dine-luxury .product-card__vendor{color:#e4b94d !important;font-size:9px !important;letter-spacing:.18em !important;font-weight:900 !important}
.product-card--paw-dine-luxury .product-card__title{color:#fff8eb !important;font-family:Georgia,'Times New Roman',serif !important;font-size:18px !important;line-height:1.16 !important;font-weight:700 !important;min-height:0 !important}
.product-card--paw-dine-luxury .product-card__tagline{color:#bdb4a4 !important;font-size:11px !important;margin-bottom:10px !important}
.product-card--paw-dine-luxury .paw-dine-card-price{align-items:baseline !important;gap:9px !important;flex-wrap:nowrap !important}
.product-card--paw-dine-luxury .paw-dine-card-money{display:inline-flex !important;align-items:baseline !important;white-space:nowrap !important;line-height:1 !important}
.product-card--paw-dine-luxury .paw-dine-card-money__currency{font-family:Georgia,'Times New Roman',serif !important;font-size:18px !important;font-weight:800 !important;margin-right:2px !important;vertical-align:baseline !important}
.product-card--paw-dine-luxury .product-card__price--sale{color:#f2c14e !important;font-family:Georgia,'Times New Roman',serif !important;font-size:22px !important;font-weight:800 !important;order:0 !important}
.product-card--paw-dine-luxury .product-card__price--compare{color:#817d72 !important;font-size:13px !important;font-weight:500 !important;margin:0 !important;order:1 !important}
.product-card--paw-dine-luxury .product-card__price--compare .paw-dine-card-money__currency{font-size:12px !important}
.product-card--paw-dine-luxury .sale-promo--card{display:none !important}
.product-card--paw-dine-luxury .product-card__quick-add,.product-card--paw-dine-luxury .product-card__options{background:#e7b84b !important;color:#17150e !important;border-color:#e7b84b !important}

.paw-dine-home-feature{padding:70px 0 78px;background:#f7f1e5}
.paw-dine-home-feature__inner{width:min(1320px,calc(100% - 56px));margin:0 auto;display:grid;grid-template-columns:1.04fr .96fr;min-height:650px;border:1px solid #9a7225;border-radius:28px;overflow:hidden;background:#11140f;box-shadow:0 26px 60px rgba(30,25,13,.14)}
.paw-dine-home-feature__image{position:relative;display:block;overflow:hidden;min-height:650px;background:#111;text-decoration:none}
.paw-dine-home-feature__image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1);filter:saturate(.92) contrast(1.03)}
.paw-dine-home-feature__image:hover img{transform:scale(1.025)}
.paw-dine-home-feature__exclusive{position:absolute;left:28px;top:28px;background:#10130f;color:#f2c14e;border:1px solid #c89227;padding:12px 15px;font-size:10px;font-weight:900;letter-spacing:.1em;line-height:1.35;text-transform:uppercase;box-shadow:0 10px 24px rgba(0,0,0,.22)}
.paw-dine-home-feature__sale{position:absolute;right:26px;top:26px;width:92px;height:92px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#11140f;color:#f2c14e;border:2px solid #d5a83d;font-family:Georgia,'Times New Roman',serif;font-size:18px;font-weight:800;box-shadow:0 10px 24px rgba(0,0,0,.24)}
.paw-dine-home-feature__sale small{font-family:inherit;font-size:7px;letter-spacing:.15em;margin-top:5px}
.paw-dine-home-feature__content{padding:72px 72px 62px;display:flex;flex-direction:column;justify-content:center;color:#fff7e9}
.paw-dine-home-feature__eyebrow{color:#e6b84d;font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;gap:15px}
.paw-dine-home-feature__eyebrow i{display:block;width:48px;height:1px;background:#b78a2d}
.paw-dine-home-feature__content h2{margin:24px 0 20px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(52px,5.2vw,82px);line-height:.94;letter-spacing:-.035em;color:#fff8ec}
.paw-dine-home-feature__content p{max-width:530px;color:#d7cfc0;font-size:15px;line-height:1.7;margin:0 0 30px}
.paw-dine-home-feature__price{display:flex;align-items:baseline;gap:18px;margin-bottom:28px}
.paw-dine-home-feature__price span{font-family:Georgia,'Times New Roman',serif;color:#f0bd43;font-size:38px;font-weight:800;white-space:nowrap}
.paw-dine-home-feature__price span b{font-size:26px;margin-right:2px;vertical-align:baseline}
.paw-dine-home-feature__price s{color:#8e897f;font-size:16px;white-space:nowrap}
.paw-dine-home-feature__points{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(210,165,63,.35);border-radius:14px;overflow:hidden;margin-bottom:24px}
.paw-dine-home-feature__points span{padding:17px 14px;border-right:1px solid rgba(210,165,63,.28);text-align:center}.paw-dine-home-feature__points span:last-child{border-right:0}
.paw-dine-home-feature__points b{display:block;color:#e5b747;font-size:9px;letter-spacing:.12em;margin-bottom:7px}.paw-dine-home-feature__points small{color:#aaa396;font-size:10px}
.paw-dine-home-feature__button{align-self:flex-start;display:inline-flex;align-items:center;gap:20px;background:linear-gradient(135deg,#f0c35a,#bf8820);color:#16140e;text-decoration:none;font-weight:900;padding:16px 24px;border-radius:10px;box-shadow:0 12px 28px rgba(197,144,39,.18);transition:transform .25s ease,filter .25s ease}
.paw-dine-home-feature__button:hover{transform:translateY(-2px);filter:brightness(1.05)}
.paw-dine-home-feature__note{margin-top:17px;color:#8e8779;font-size:8px;letter-spacing:.18em;font-weight:800}
@media(max-width:999px){.paw-dine-home-feature__inner{grid-template-columns:1fr}.paw-dine-home-feature__image{min-height:520px}.paw-dine-home-feature__content{padding:50px 42px}.paw-dine-home-feature__content h2{font-size:58px}}
@media(max-width:749px){.paw-dine-home-feature{padding:38px 0 48px}.paw-dine-home-feature__inner{width:calc(100% - 28px);border-radius:22px}.paw-dine-home-feature__image{min-height:430px}.paw-dine-home-feature__exclusive{left:15px;top:15px;font-size:8px}.paw-dine-home-feature__sale{right:14px;top:14px;width:74px;height:74px;font-size:15px}.paw-dine-home-feature__content{padding:38px 24px 34px}.paw-dine-home-feature__content h2{font-size:45px}.paw-dine-home-feature__content p{font-size:13px}.paw-dine-home-feature__price span{font-size:31px}.paw-dine-home-feature__points{grid-template-columns:1fr}.paw-dine-home-feature__points span{border-right:0;border-bottom:1px solid rgba(210,165,63,.28)}.paw-dine-home-feature__points span:last-child{border-bottom:0}.paw-dine-home-feature__button{width:100%;justify-content:center}}

/* ================================================================
   PAWDINE PRODUCT PAGE — compact luxury refinement
   Product page only. No homepage, catalog, cart, or global header changes.
   ================================================================ */
.product-page--paw-dine-luxury{
  width:min(1260px,calc(100% - 56px)) !important;
  padding:28px 0 58px !important;
}
.product-page--paw-dine-luxury .product-reference-grid{
  grid-template-columns:minmax(0,48.5fr) minmax(0,51.5fr) !important;
  border-radius:26px !important;
  box-shadow:0 24px 58px rgba(33,27,16,.18) !important;
}
.product-page--paw-dine-luxury .product-reference-image-wrap,
.product-page--paw-dine-luxury .product-reference-image,
.product-page--paw-dine-luxury .product-reference-image .product-page__img{
  min-height:620px !important;
  height:620px !important;
}
.product-page--paw-dine-luxury .product-reference-image .product-page__img{
  object-fit:cover !important;
  object-position:center center !important;
}
.product-page--paw-dine-luxury .product-reference-badge{
  top:22px !important;
  left:22px !important;
  padding:9px 13px !important;
  font-size:9px !important;
}
.product-page--paw-dine-luxury .product-reference-buybox{
  min-height:620px !important;
  padding:52px 52px 40px !important;
}
.product-page--paw-dine-luxury .product-page__vendor{
  margin-bottom:14px !important;
  font-size:9px !important;
}
.product-page--paw-dine-luxury .paw-dine-luxury-kicker{
  margin-bottom:18px !important;
  font-size:8px !important;
  gap:10px !important;
}
.product-page--paw-dine-luxury .paw-dine-luxury-kicker i{width:38px !important}
.product-page--paw-dine-luxury .product-page__title{
  max-width:500px !important;
  font-size:clamp(44px,4vw,60px) !important;
  line-height:.94 !important;
}
.product-page--paw-dine-luxury .paw-dine-luxury-tagline{
  margin-top:18px !important;
  max-width:510px !important;
  font-size:13px !important;
  line-height:1.5 !important;
}
.product-page--paw-dine-luxury .product-page__rating{
  margin-top:12px !important;
  font-size:11px !important;
}
.product-page--paw-dine-luxury .paw-dine-price-row{
  margin-top:22px !important;
  padding-bottom:21px !important;
  gap:13px !important;
}
.product-page--paw-dine-luxury .paw-dine-price__currency{
  font-size:30px !important;
}
.product-page--paw-dine-luxury .paw-dine-price__amount{
  font-size:44px !important;
}
.product-page--paw-dine-luxury .paw-dine-price--compare .paw-dine-price__currency,
.product-page--paw-dine-luxury .paw-dine-price--compare .paw-dine-price__amount{
  font-size:14px !important;
}
.product-page--paw-dine-luxury .product-reference-price .product-page__price--save{
  padding:8px 12px !important;
  font-size:9px !important;
}
.product-page--paw-dine-luxury .paw-dine-luxury-offer{
  margin-top:15px !important;
  padding-bottom:13px !important;
  gap:7px !important;
}
.product-page--paw-dine-luxury .paw-dine-luxury-offer strong{font-size:10px !important}
.product-page--paw-dine-luxury .paw-dine-luxury-offer span:last-child{font-size:10px !important}
.product-page--paw-dine-luxury .product-reference-benefits{
  gap:8px !important;
  margin:16px 0 18px !important;
}
.product-page--paw-dine-luxury .product-reference-benefits div{
  min-height:72px !important;
  padding:12px 11px !important;
  border-radius:11px !important;
  gap:5px !important;
  font-size:9px !important;
}
.product-page--paw-dine-luxury .product-reference-benefits div>span:first-child{font-size:12px !important}
.product-page--paw-dine-luxury .product-reference-add{
  min-width:175px !important;
  min-height:52px !important;
  padding:0 23px !important;
  font-size:11px !important;
}
.product-page--paw-dine-luxury .product-reference-gallery:after{
  left:22px !important;
  bottom:18px !important;
  font-size:7px !important;
}

@media(max-width:999px){
  .product-page--paw-dine-luxury{
    width:min(100% - 28px,760px) !important;
    padding:24px 0 52px !important;
  }
  .product-page--paw-dine-luxury .product-reference-image-wrap,
  .product-page--paw-dine-luxury .product-reference-image,
  .product-page--paw-dine-luxury .product-reference-image .product-page__img{
    min-height:500px !important;
    height:500px !important;
  }
  .product-page--paw-dine-luxury .product-reference-buybox{
    min-height:0 !important;
    padding:42px 32px 36px !important;
  }
}
@media(max-width:749px){
  .product-page--paw-dine-luxury{width:calc(100% - 18px) !important}
  .product-page--paw-dine-luxury .product-reference-image-wrap,
  .product-page--paw-dine-luxury .product-reference-image,
  .product-page--paw-dine-luxury .product-reference-image .product-page__img{
    min-height:390px !important;
    height:390px !important;
  }
  .product-page--paw-dine-luxury .product-reference-buybox{padding:32px 22px 30px !important}
  .product-page--paw-dine-luxury .product-page__title{font-size:42px !important}
  .product-page--paw-dine-luxury .product-reference-benefits{grid-template-columns:1fr !important}
  .product-page--paw-dine-luxury .paw-dine-price__amount{font-size:38px !important}
  .product-page--paw-dine-luxury .paw-dine-price__currency{font-size:27px !important}
}


/* ================================================================
   PAWDINE PRODUCT PAGE — final compact luxury polish
   Scoped only to the PawDine product page.
   ================================================================ */
.product-page--paw-dine-luxury .product-reference-grid{
  grid-template-columns:minmax(0,47fr) minmax(0,53fr) !important;
  background:#f3f6ef !important;
  border-color:#c89a3d !important;
  overflow:hidden !important;
}
.product-page--paw-dine-luxury .product-reference-image-wrap,
.product-page--paw-dine-luxury .product-reference-image,
.product-page--paw-dine-luxury .product-reference-image .product-page__img{
  min-height:560px !important;
  height:560px !important;
}
.product-page--paw-dine-luxury .product-reference-image .product-page__img{
  object-fit:cover !important;
}
.product-page--paw-dine-luxury .product-reference-buybox{
  min-height:560px !important;
  padding:42px 44px 34px !important;
  background:#f3f6ef !important;
  color:#1b1b17 !important;
}
.product-page--paw-dine-luxury .product-page__vendor,
.product-page--paw-dine-luxury .paw-dine-luxury-kicker,
.product-page--paw-dine-luxury .product-page__rating,
.product-page--paw-dine-luxury .paw-dine-luxury-tagline,
.product-page--paw-dine-luxury .product-reference-buybox .product-page__title{
  color:#1b1b17 !important;
}
.product-page--paw-dine-luxury .product-page__title{
  max-width:540px !important;
  font-size:clamp(40px,3.45vw,54px) !important;
  line-height:.95 !important;
}
.product-page--paw-dine-luxury .paw-dine-luxury-tagline{
  color:#625f56 !important;
  margin-top:15px !important;
}
.product-page--paw-dine-luxury .product-reference-price{
  border-color:#d8d5cb !important;
}
.product-page--paw-dine-luxury .paw-dine-price--compare .paw-dine-price__currency,
.product-page--paw-dine-luxury .paw-dine-price--compare .paw-dine-price__amount{
  color:#68645b !important;
  text-decoration:line-through !important;
}
.product-page--paw-dine-luxury .paw-dine-luxury-offer{
  border-color:#d8d5cb !important;
}
.product-page--paw-dine-luxury .paw-dine-luxury-offer span:last-child{
  color:#6c685f !important;
}
.product-page--paw-dine-luxury .product-reference-benefits div{
  background:#151914 !important;
  border-color:#5c4b24 !important;
}
.product-page--paw-dine-luxury .product-reference-gallery:after{
  color:#d6a83e !important;
}
@media(max-width:999px){
  .product-page--paw-dine-luxury .product-reference-image-wrap,
  .product-page--paw-dine-luxury .product-reference-image,
  .product-page--paw-dine-luxury .product-reference-image .product-page__img{
    min-height:500px !important;height:500px !important;
  }
  .product-page--paw-dine-luxury .product-reference-buybox{min-height:0 !important;padding:38px 30px 34px !important}
}
@media(max-width:749px){
  .product-page--paw-dine-luxury .product-reference-image-wrap,
  .product-page--paw-dine-luxury .product-reference-image,
  .product-page--paw-dine-luxury .product-reference-image .product-page__img{
    min-height:390px !important;height:390px !important;
  }
  .product-page--paw-dine-luxury .product-reference-buybox{padding:30px 20px 28px !important}
}

/* ================================================================
   PAWDINE PRODUCT PAGE — ONLY the boxes that were #f3f6ef
   are changed to the exact dark reference tone (#1b1d15).
   Nothing else on the product page is recolored here.
   ================================================================ */
.product-page--paw-dine-luxury .product-reference-grid{
  background:#1b1d15 !important;
}
.product-page--paw-dine-luxury .product-reference-buybox{
  background:#1b1d15 !important;
  background-image:none !important;
  color:#f4ead7 !important;
  border-color:rgba(198,161,91,.55) !important;
}
.product-page--paw-dine-luxury .product-reference-details{
  background:#1b1d15 !important;
  color:#f4ead7 !important;
}
.product-page--paw-dine-luxury .product-reference-details details,
.product-page--paw-dine-luxury .product-reference-details details[open],
.product-page--paw-dine-luxury .product-reference-details summary,
.product-page--paw-dine-luxury .product-reference-details summary span,
.product-page--paw-dine-luxury .product-reference-details .product-page__description{
  background:#1b1d15 !important;
  color:#f4ead7 !important;
}
.product-page--paw-dine-luxury .product-reference-details details{
  border-color:rgba(198,161,91,.45) !important;
}
.product-page--paw-dine-luxury .product-reference-details .product-details__content,
.product-page--paw-dine-luxury .product-reference-details p,
.product-page--paw-dine-luxury .product-reference-details li{
  color:#bdb4a6 !important;
}

/* Keep the page itself dark/transparent as it was before the light-box edit. */
.product-page--paw-dine-luxury{
  background:transparent !important;
  background-image:none !important;
}
.product-page--paw-dine-luxury::before{
  background:
    radial-gradient(circle at 12% 9%,rgba(201,165,92,.12),transparent 24%),
    radial-gradient(circle at 88% 18%,rgba(201,165,92,.08),transparent 22%),
    linear-gradient(135deg,#0a0f0d 0%,#111713 48%,#0a0f0d 100%) !important;
}

/* ================================================================
   PawDine FINAL BOX-COLOR PASS
   Product page only. Keep all existing wording/content/layout intact.
   Only the light/cream box surfaces are changed to the same dark
   reference color used by the PawDine hero panel: #1b1d15.
   ================================================================ */
.product-page--paw-dine-luxury .product-reference-buybox,
.product-page--paw-dine-luxury .product-reference-story,
.product-page--paw-dine-luxury .product-reference-reviews,
.product-page--paw-dine-luxury .product-reference-details details,
.product-page--paw-dine-luxury .product-reference-details details[open],
.product-page--paw-dine-luxury .product-reference-details summary,
.product-page--paw-dine-luxury .product-reference-details .product-page__description,
.product-page--paw-dine-luxury .product-reference-guarantees{
  background:#1b1d15 !important;
}

/* Preserve the exact existing content; only restore readable text contrast
   after the box surface changes. */
.product-page--paw-dine-luxury .product-reference-buybox,
.product-page--paw-dine-luxury .product-reference-buybox .product-page__title,
.product-page--paw-dine-luxury .product-reference-buybox .product-page__short-description,
.product-page--paw-dine-luxury .product-reference-buybox .product-reference-rating,
.product-page--paw-dine-luxury .product-reference-buybox .product-reference-rating strong,
.product-page--paw-dine-luxury .product-reference-buybox .product-reference-rating a,
.product-page--paw-dine-luxury .product-reference-buybox label,
.product-page--paw-dine-luxury .product-reference-buybox .product-reference-benefits div,
.product-page--paw-dine-luxury .product-reference-buybox .product-reference-payment-note,
.product-page--paw-dine-luxury .product-reference-buybox .product-reference-after-cart,
.product-page--paw-dine-luxury .product-reference-buybox .product-reference-after-cart a,
.product-page--paw-dine-luxury .product-reference-story__head h2,
.product-page--paw-dine-luxury .product-reference-story__head p,
.product-page--paw-dine-luxury .product-reference-reviews h2,
.product-page--paw-dine-luxury .product-reviews__score,
.product-page--paw-dine-luxury .product-reviews__score strong,
.product-page--paw-dine-luxury .product-reviews__app,
.product-page--paw-dine-luxury .product-reference-details summary,
.product-page--paw-dine-luxury .product-reference-details .product-page__description,
.product-page--paw-dine-luxury .product-reference-guarantees,
.product-page--paw-dine-luxury .product-reference-guarantees strong,
.product-page--paw-dine-luxury .product-reference-guarantees small{
  color:#f4ead7 !important;
  opacity:1 !important;
}

.product-page--paw-dine-luxury .product-reference-buybox .product-reference-price .product-page__price--sale,
.product-page--paw-dine-luxury .product-reference-buybox .paw-dine-price__currency,
.product-page--paw-dine-luxury .product-reference-buybox .paw-dine-price__amount{
  color:#e2b84f !important;
}
.product-page--paw-dine-luxury .product-reference-buybox .product-reference-price .product-page__price--compare,
.product-page--paw-dine-luxury .product-reference-buybox .paw-dine-price--compare .paw-dine-price__currency,
.product-page--paw-dine-luxury .product-reference-buybox .paw-dine-price--compare .paw-dine-price__amount{
  color:#bdb4a6 !important;
}
.product-page--paw-dine-luxury .product-reference-details .product-page__description p,
.product-page--paw-dine-luxury .product-reference-details .product-page__description li{
  color:#bdb4a6 !important;
}
.product-page--paw-dine-luxury .product-reference-details summary span{
  background:#1b1d15 !important;
  color:#f4ead7 !important;
  border-color:rgba(198,161,91,.35) !important;
}
.product-page--paw-dine-luxury .product-reference-reviews{
  border-color:rgba(198,161,91,.45) !important;
  box-shadow:0 24px 55px rgba(0,0,0,.25) !important;
}
.product-page--paw-dine-luxury .product-reference-reviews .product-reviews__eyebrow{
  color:#d2aa42 !important;
}
.product-page--paw-dine-luxury .product-reference-reviews .product-reviews__header{
  border-bottom-color:rgba(198,161,91,.22) !important;
}
.product-page--paw-dine-luxury .product-reference-guarantees{
  border-color:rgba(198,161,91,.28) !important;
}

/* ================================================================
   PAWDINE VISIBILITY PASS — text only
   Product page only. No wording, layout, spacing, images or box
   colors are changed here. This only restores readable contrast
   where the dark box-color pass exposed inherited dark text.
   ================================================================ */
.product-page--paw-dine-luxury .product-reference-buybox .product-page__vendor,
.product-page--paw-dine-luxury .product-reference-buybox .paw-dine-luxury-kicker,
.product-page--paw-dine-luxury .product-reference-buybox .paw-dine-luxury-kicker > span,
.product-page--paw-dine-luxury .product-reference-buybox .product-page__title,
.product-page--paw-dine-luxury .product-reference-buybox .paw-dine-luxury-tagline,
.product-page--paw-dine-luxury .product-reference-buybox .product-page__rating,
.product-page--paw-dine-luxury .product-reference-buybox .product-page__rating strong,
.product-page--paw-dine-luxury .product-reference-buybox .product-page__rating a,
.product-page--paw-dine-luxury .product-reference-buybox .product-reference-offer,
.product-page--paw-dine-luxury .product-reference-buybox .product-reference-payment-note,
.product-page--paw-dine-luxury .product-reference-buybox .product-reference-after-cart,
.product-page--paw-dine-luxury .product-reference-buybox .product-reference-after-cart a,
.product-page--paw-dine-luxury .product-reference-buybox .product-reference-guarantees,
.product-page--paw-dine-luxury .product-reference-buybox .product-reference-guarantees strong,
.product-page--paw-dine-luxury .product-reference-buybox .product-reference-guarantees small,
.product-page--paw-dine-luxury .product-reference-buybox .product-reference-benefits div,
.product-page--paw-dine-luxury .product-reference-buybox .product-reference-benefits div > span:last-child,
.product-page--paw-dine-luxury .product-reference-story__head h2,
.product-page--paw-dine-luxury .product-reference-story__head p,
.product-page--paw-dine-luxury .product-reference-steps__intro h2,
.product-page--paw-dine-luxury .product-reference-steps__intro p,
.product-page--paw-dine-luxury .product-reference-story__grid h3,
.product-page--paw-dine-luxury .product-reference-story__grid p,
.product-page--paw-dine-luxury .product-reference-steps__grid h3,
.product-page--paw-dine-luxury .product-reference-steps__grid p,
.product-page--paw-dine-luxury .product-reference-details summary,
.product-page--paw-dine-luxury .product-reference-details summary span,
.product-page--paw-dine-luxury .product-reference-details .product-page__description,
.product-page--paw-dine-luxury .product-reference-details .product-page__description p,
.product-page--paw-dine-luxury .product-reference-details .product-page__description li,
.product-page--paw-dine-luxury .product-reference-final-cta,
.product-page--paw-dine-luxury .product-reference-final-cta h2,
.product-page--paw-dine-luxury .product-reference-final-cta p,
.product-page--paw-dine-luxury .product-reference-final-cta .product-reviews__eyebrow {
  opacity:1 !important;
  visibility:visible !important;
  -webkit-text-fill-color:#f4ead7 !important;
}

/* Gold/secondary text remains intentionally differentiated. */
.product-page--paw-dine-luxury .product-reference-buybox .product-page__vendor,
.product-page--paw-dine-luxury .product-reference-buybox .paw-dine-luxury-kicker,
.product-page--paw-dine-luxury .product-reference-buybox .paw-dine-luxury-kicker > span:first-child,
.product-page--paw-dine-luxury .product-reference-buybox .product-reference-offer strong,
.product-page--paw-dine-luxury .product-reference-story__head .product-reviews__eyebrow,
.product-page--paw-dine-luxury .product-reference-steps__intro .product-reviews__eyebrow,
.product-page--paw-dine-luxury .product-reference-final-cta .product-reviews__eyebrow {
  color:#e2b84f !important;
  -webkit-text-fill-color:#e2b84f !important;
}
.product-page--paw-dine-luxury .product-reference-buybox .paw-dine-luxury-kicker > span:last-child,
.product-page--paw-dine-luxury .product-reference-buybox .product-reference-rating,
.product-page--paw-dine-luxury .product-reference-buybox .paw-dine-luxury-tagline,
.product-page--paw-dine-luxury .product-reference-buybox .product-reference-payment-note,
.product-page--paw-dine-luxury .product-reference-buybox .product-reference-after-cart,
.product-page--paw-dine-luxury .product-reference-buybox .product-reference-after-cart a,
.product-page--paw-dine-luxury .product-reference-buybox .product-reference-guarantees small,
.product-page--paw-dine-luxury .product-reference-story__head p,
.product-page--paw-dine-luxury .product-reference-steps__intro p,
.product-page--paw-dine-luxury .product-reference-story__grid p,
.product-page--paw-dine-luxury .product-reference-steps__grid p,
.product-page--paw-dine-luxury .product-reference-details .product-page__description p,
.product-page--paw-dine-luxury .product-reference-details .product-page__description li {
  color:#bdb4a6 !important;
  -webkit-text-fill-color:#bdb4a6 !important;
}

/* Review-app text can bring its own dark colors, so force readable text
   inside the existing review box without changing its content. */
.product-page--paw-dine-luxury #product-reviews .jdgm-rev-widg,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev-widg-content,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev__body,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev__title,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev__author,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev__timestamp,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev__content,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev__text,
.product-page--paw-dine-luxury #product-reviews .jdgm-sort-dropdown,
.product-page--paw-dine-luxury #product-reviews .jdgm-write-rev-link,
.product-page--paw-dine-luxury #product-reviews label,
.product-page--paw-dine-luxury #product-reviews button {
  opacity:1 !important;
  visibility:visible !important;
  color:#f4ead7 !important;
  -webkit-text-fill-color:#f4ead7 !important;
}
.product-page--paw-dine-luxury #product-reviews .jdgm-rev__timestamp,
.product-page--paw-dine-luxury #product-reviews .jdgm-sort-dropdown {
  color:#bdb4a6 !important;
  -webkit-text-fill-color:#bdb4a6 !important;
}

/* ================================================================
   PAWDINE REVIEWS — visibility + compact editorial offer banner
   Product-specific: wooden-pet-feeder only.
   ================================================================ */
.product-page--paw-dine-luxury .paw-dine-review-hero{
  display:grid;
  grid-template-columns:minmax(260px, .72fr) minmax(0, 1.28fr);
  min-height:230px;
  margin:0 0 26px;
  overflow:hidden;
  border:1px solid rgba(198,161,91,.32);
  border-radius:22px;
  background:linear-gradient(135deg,#f5efe4 0%,#fbf8f1 58%,#efe6d8 100%);
  box-shadow:0 16px 36px rgba(42,32,20,.10);
}
.product-page--paw-dine-luxury .paw-dine-review-hero__image-wrap{
  position:relative;
  min-height:230px;
  overflow:hidden;
  background:#ded5c7;
}
.product-page--paw-dine-luxury .paw-dine-review-hero__image{
  display:block;
  width:100%;
  height:100%;
  min-height:230px;
  object-fit:cover;
  object-position:center;
}
.product-page--paw-dine-luxury .paw-dine-review-hero__image-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(15,15,12,0) 55%,rgba(15,15,12,.16) 100%);
  pointer-events:none;
}
.product-page--paw-dine-luxury .paw-dine-review-hero__offer{
  position:absolute;
  top:14px;
  right:14px;
  z-index:3;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  min-width:146px;
  padding:11px 13px 10px;
  border:1px solid rgba(241,208,126,.78);
  border-radius:14px;
  background:rgba(22,21,17,.94);
  color:#f7eedc;
  box-shadow:0 10px 24px rgba(0,0,0,.28);
  text-align:center;
  backdrop-filter:blur(6px);
}
.product-page--paw-dine-luxury .paw-dine-review-hero__offer span{
  color:#e7bd59;
  font:900 17px/1 'DM Sans',system-ui,sans-serif;
  letter-spacing:.08em;
}
.product-page--paw-dine-luxury .paw-dine-review-hero__offer strong{
  color:#fff8e9;
  font:800 8px/1.2 'DM Sans',system-ui,sans-serif;
  letter-spacing:.14em;
}
.product-page--paw-dine-luxury .paw-dine-review-hero__offer small{
  color:#cbbd9f;
  font:700 7px/1.2 'DM Sans',system-ui,sans-serif;
  letter-spacing:.11em;
}
.product-page--paw-dine-luxury .paw-dine-review-hero__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:30px 34px;
}
.product-page--paw-dine-luxury .paw-dine-review-hero__eyebrow{
  color:#9a742e !important;
  font:800 9px/1.2 'DM Sans',system-ui,sans-serif;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.product-page--paw-dine-luxury .paw-dine-review-hero__copy h3{
  margin:9px 0 8px;
  color:#241f19 !important;
  font:700 clamp(25px,3vw,38px)/1.03 Georgia,'Times New Roman',serif;
  letter-spacing:-.025em;
}
.product-page--paw-dine-luxury .paw-dine-review-hero__copy p{
  max-width:510px;
  margin:0;
  color:#62584b !important;
  font:400 13px/1.65 'DM Sans',system-ui,sans-serif;
}

/* Judge.me / review-app visibility: keep every meaningful control readable. */
.product-page--paw-dine-luxury #product-reviews .jdgm-widget,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev-widg,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev-widg__header,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev-widg__body{
  color:#241f19 !important;
  opacity:1 !important;
}
.product-page--paw-dine-luxury #product-reviews .jdgm-rev-widg__title,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev-widg__summary-text,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev-widg__summary-stars,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev__title,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev__body,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev__body p,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev__author,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev__timestamp,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev__buyer-badge,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev__reply,
.product-page--paw-dine-luxury #product-reviews .jdgm-sort-dropdown,
.product-page--paw-dine-luxury #product-reviews .jdgm-filter-dropdown,
.product-page--paw-dine-luxury #product-reviews .jdgm-form__label,
.product-page--paw-dine-luxury #product-reviews .jdgm-form__fieldset label,
.product-page--paw-dine-luxury #product-reviews .jdgm-form__fieldset input,
.product-page--paw-dine-luxury #product-reviews .jdgm-form__fieldset textarea,
.product-page--paw-dine-luxury #product-reviews .jdgm-form__fieldset select{
  color:#241f19 !important;
  opacity:1 !important;
}
.product-page--paw-dine-luxury #product-reviews .jdgm-rev__timestamp,
.product-page--paw-dine-luxury #product-reviews .jdgm-form__fieldset label{
  color:#756b5d !important;
}
.product-page--paw-dine-luxury #product-reviews .jdgm-rev-widg__summary-stars .jdgm-star,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev__rating .jdgm-star,
.product-page--paw-dine-luxury #product-reviews .jdgm-star{
  color:#c9942e !important;
  opacity:1 !important;
}
.product-page--paw-dine-luxury #product-reviews .jdgm-write-rev-link,
.product-page--paw-dine-luxury #product-reviews .jdgm-paginate__load-more{
  color:#211c16 !important;
  background:#d8ae54 !important;
  border:1px solid #c99a38 !important;
  opacity:1 !important;
  text-decoration:none !important;
}
.product-page--paw-dine-luxury #product-reviews .jdgm-write-rev-link:hover,
.product-page--paw-dine-luxury #product-reviews .jdgm-paginate__load-more:hover{
  background:#e4c271 !important;
  color:#211c16 !important;
}
.product-page--paw-dine-luxury #product-reviews .jdgm-rev-widg__header,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev,
.product-page--paw-dine-luxury #product-reviews .jdgm-form__fieldset,
.product-page--paw-dine-luxury #product-reviews .jdgm-form__fieldset input,
.product-page--paw-dine-luxury #product-reviews .jdgm-form__fieldset textarea,
.product-page--paw-dine-luxury #product-reviews .jdgm-form__fieldset select{
  border-color:rgba(36,31,25,.16) !important;
}
.product-page--paw-dine-luxury #product-reviews .jdgm-form__fieldset input,
.product-page--paw-dine-luxury #product-reviews .jdgm-form__fieldset textarea,
.product-page--paw-dine-luxury #product-reviews .jdgm-form__fieldset select{
  background:#fffdf8 !important;
}
.product-page--paw-dine-luxury #product-reviews .jdgm-form__fieldset input::placeholder,
.product-page--paw-dine-luxury #product-reviews .jdgm-form__fieldset textarea::placeholder{
  color:#8c8274 !important;
  opacity:1 !important;
}
.product-page--paw-dine-luxury #product-reviews .jdgm-sort-dropdown,
.product-page--paw-dine-luxury #product-reviews .jdgm-filter-dropdown{
  background:#fffdf8 !important;
  color:#241f19 !important;
  border-color:rgba(36,31,25,.22) !important;
}
@media(max-width:749px){
  .product-page--paw-dine-luxury .paw-dine-review-hero{grid-template-columns:1fr;}
  .product-page--paw-dine-luxury .paw-dine-review-hero__image-wrap,
  .product-page--paw-dine-luxury .paw-dine-review-hero__image{min-height:205px;height:205px;}
  .product-page--paw-dine-luxury .paw-dine-review-hero__copy{padding:22px 20px 24px;}
  .product-page--paw-dine-luxury .paw-dine-review-hero__offer{top:12px;right:12px;min-width:132px;}
}


/* ================================================================
   PAWDINE FINAL TARGETED FIX — reviews + main product image
   Product page only. Do not alter copy, layout, or other products.
   ================================================================ */
/* The promotional image/banner inside Customer reviews is removed;
   the actual product hero image remains untouched. */
.product-page--paw-dine-luxury #product-reviews .paw-dine-review-hero{
  display:none !important;
}

/* Judge.me can inject its own dark text after the theme CSS loads.
   Force every review text node/control to a readable luxury-cream tone. */
.product-page--paw-dine-luxury #product-reviews .jdgm-widget,
.product-page--paw-dine-luxury #product-reviews .jdgm-widget *,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev-widg,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev-widg *,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev *{
  opacity:1 !important;
  visibility:visible !important;
  color:#f4ead7 !important;
  -webkit-text-fill-color:#f4ead7 !important;
}
.product-page--paw-dine-luxury #product-reviews .jdgm-rev__timestamp,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev__verified,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev__buyer-badge,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev__author,
.product-page--paw-dine-luxury #product-reviews .jdgm-sort-dropdown,
.product-page--paw-dine-luxury #product-reviews .jdgm-filter-dropdown{
  color:#bdb4a6 !important;
  -webkit-text-fill-color:#bdb4a6 !important;
}
.product-page--paw-dine-luxury #product-reviews .jdgm-star,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev__rating .jdgm-star,
.product-page--paw-dine-luxury #product-reviews .jdgm-rev-widg__summary-stars .jdgm-star{
  color:#d9aa42 !important;
  -webkit-text-fill-color:#d9aa42 !important;
  opacity:1 !important;
}
.product-page--paw-dine-luxury #product-reviews .jdgm-write-rev-link,
.product-page--paw-dine-luxury #product-reviews .jdgm-paginate__load-more{
  background:#d9aa42 !important;
  color:#17140f !important;
  -webkit-text-fill-color:#17140f !important;
  border-color:#d9aa42 !important;
}
.product-page--paw-dine-luxury #product-reviews .jdgm-form__fieldset input,
.product-page--paw-dine-luxury #product-reviews .jdgm-form__fieldset textarea,
.product-page--paw-dine-luxury #product-reviews .jdgm-form__fieldset select,
.product-page--paw-dine-luxury #product-reviews .jdgm-sort-dropdown,
.product-page--paw-dine-luxury #product-reviews .jdgm-filter-dropdown{
  background:#151914 !important;
  color:#f4ead7 !important;
  -webkit-text-fill-color:#f4ead7 !important;
  border-color:rgba(198,161,91,.45) !important;
}
.product-page--paw-dine-luxury #product-reviews .jdgm-form__fieldset input::placeholder,
.product-page--paw-dine-luxury #product-reviews .jdgm-form__fieldset textarea::placeholder{
  color:#8f877b !important;
  -webkit-text-fill-color:#8f877b !important;
  opacity:1 !important;
}

/* Make the main PawDine image actually fill the complete left box.
   The old fixed 560px height left an empty dark strip underneath it. */
.product-page--paw-dine-luxury .product-reference-gallery{
  min-height:0 !important;
  height:100% !important;
  align-self:stretch !important;
}
.product-page--paw-dine-luxury .product-reference-image-wrap{
  min-height:0 !important;
  height:100% !important;
  flex:1 1 auto !important;
}
.product-page--paw-dine-luxury .product-reference-image{
  min-height:0 !important;
  height:100% !important;
}
.product-page--paw-dine-luxury .product-reference-image .product-page__img{
  min-height:0 !important;
  height:100% !important;
  width:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* PawDine detail accordions — make the accordion surfaces fully transparent
   so there is no mismatched color showing between/around the rounded boxes.
   Keep only the clean gold outline. */
.product-page--paw-dine-luxury .product-reference-details{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.product-page--paw-dine-luxury .product-reference-details details,
.product-page--paw-dine-luxury .product-reference-details details + details{
  background:transparent !important;
  border:1px solid rgba(198,161,91,.45) !important;
  margin-top:10px !important;
  padding:0 18px !important;
  box-sizing:border-box !important;
  box-shadow:none !important;
}
.product-page--paw-dine-luxury .product-reference-details details:first-child{
  margin-top:0 !important;
}
.product-page--paw-dine-luxury .product-reference-details summary{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}
.product-page--paw-dine-luxury .product-reference-details .product-page__description{
  background:transparent !important;
}

/* ================================================================
   PAWDINE MOBILE IMAGE FIX — final, product-page only
   The mobile layout must stack the image above the buy box.
   This overrides the desktop 47/53 split that was forcing the image
   into a narrow left column and making it appear missing in Shopify's
   mobile preview. Desktop/tablet styling is untouched.
   ================================================================ */
@media (max-width:749px){
  .product-page--paw-dine-luxury .product-reference-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto !important;
    width:100% !important;
    min-width:0 !important;
    gap:0 !important;
    overflow:hidden !important;
  }

  .product-page--paw-dine-luxury .product-reference-gallery{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    overflow:hidden !important;
  }

  .product-page--paw-dine-luxury .product-reference-image-wrap{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  .product-page--paw-dine-luxury .product-reference-image{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:4 / 3 !important;
    overflow:hidden !important;
    border-radius:0 !important;
  }

  .product-page--paw-dine-luxury .product-reference-image .product-page__img{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  .product-page--paw-dine-luxury .product-reference-feature-rail{
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    margin-top:0 !important;
  }

  .product-page--paw-dine-luxury .product-reference-buybox{
    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    box-sizing:border-box !important;
    padding:30px 20px 34px !important;
    border-radius:0 !important;
  }

  .product-page--paw-dine-luxury .product-gallery-arrow{
    width:40px !important;
    height:40px !important;
  }
  .product-page--paw-dine-luxury .product-gallery-arrow span{
    font-size:21px !important;
  }
  .product-page--paw-dine-luxury .product-gallery-arrow--prev{left:10px !important}
  .product-page--paw-dine-luxury .product-gallery-arrow--next{right:10px !important}
  .product-page--paw-dine-luxury .product-gallery-counter{
    right:10px !important;
    bottom:10px !important;
    font-size:9px !important;
    padding:6px 8px !important;
  }
}


/* PawDine gallery: allow horizontal image swipes on mobile while preserving vertical page scrolling. */
@media (max-width: 749px) {
  .product-page--paw-dine-luxury .product-reference-image {
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none;
  }
  .product-page--paw-dine-luxury .product-reference-image .product-page__img {
    -webkit-user-drag: none;
  }
}

/* =========================================================
   PetIT TRENDING EDIT — bright, modern and intentionally
   different from the PawDine dark luxury treatment.
   Scoped only to .trending-section.
   ========================================================= */
/* =========================================================
   TRENDING COLLECTION — EDITORIAL / HIGH-IMPACT STYLE
   Warm ivory + deep ink + coral/sage accents. Scoped only to
   the Trending collection section and its cards.
   ========================================================= */
.trending-section{
  position:relative;
  padding:88px 0 96px;
  background:#f6f1e8;
  color:#17221e;
  overflow:hidden;
  isolation:isolate;
}
.trending-section:before{
  content:"";
  position:absolute;
  width:620px;height:620px;
  right:-220px;top:-260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(235,112,91,.17),rgba(235,112,91,0) 68%);
  pointer-events:none;
  z-index:-1;
}
.trending-section:after{
  content:"";
  position:absolute;
  width:520px;height:520px;
  left:-250px;bottom:-300px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(129,160,132,.20),rgba(129,160,132,0) 68%);
  pointer-events:none;
  z-index:-1;
}
.trending-section .page-width{position:relative;z-index:1}
.trending-section__top{
  display:flex;align-items:flex-end;justify-content:space-between;gap:40px;
  margin-bottom:28px;
}
.trending-section__intro{max-width:760px}
.trending-section__eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  color:#e05f4f;font-size:10px;font-weight:900;letter-spacing:.20em;
  text-transform:uppercase;margin-bottom:15px;
}
.trending-section__eyebrow span{
  display:grid;place-items:center;width:29px;height:29px;border-radius:50%;
  background:#e56b59;color:#fff;font-size:13px;
  box-shadow:0 8px 20px rgba(224,95,79,.22);
}
.trending-section h2{
  font-size:clamp(48px,6.2vw,82px);line-height:.86;letter-spacing:-.065em;
  margin:0 0 18px;color:#17221e;font-weight:850;
}
.trending-section h2 em{
  font-family:Georgia,'Times New Roman',serif;font-weight:400;
  color:#6e8c73;font-style:italic;letter-spacing:-.045em;
}
.trending-section__intro p{
  max-width:610px;margin:0;color:#66706a;font-size:15px;line-height:1.6;
}
.trending-section__all{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;
  padding:14px 19px;border:1px solid rgba(23,34,30,.15);border-radius:999px;
  font-size:12px;font-weight:900;background:#fffdf8;color:#17221e;
  box-shadow:0 12px 28px rgba(23,34,30,.08);transition:.25s ease;
}
.trending-section__all:hover{
  background:#17221e;color:#fff;border-color:#17221e;transform:translateY(-2px);
}
.trending-section__rule{
  display:flex;align-items:center;gap:12px;margin-bottom:18px;
  color:#849089;font-size:9px;letter-spacing:.18em;
}
.trending-section__rule span{height:1px;background:rgba(23,34,30,.14);flex:1}
.trending-section__rule b{font-weight:900;color:#e05f4f}
.trending-wall{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;align-items:stretch;
}
.trending-card{
  min-width:0;background:#fffdf8;border:1px solid rgba(23,34,30,.14);
  border-radius:24px;overflow:hidden;
  box-shadow:0 18px 42px rgba(23,34,30,.10);
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease;
}
.trending-card:hover{
  transform:translateY(-8px) rotate(-.35deg);
  box-shadow:0 28px 60px rgba(23,34,30,.16);
  border-color:rgba(224,95,79,.42);
}
.trending-card__media{
  display:block;position:relative;aspect-ratio:1/1.02;overflow:hidden;background:#e8e2d8;
}
.trending-card--featured .trending-card__media{aspect-ratio:1/1.02}
.trending-card__media:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.04) 45%,rgba(0,0,0,.18) 100%);
  pointer-events:none;
}
.trending-card__media img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .6s cubic-bezier(.22,1,.36,1),filter .35s ease;
}
.trending-card:hover .trending-card__media img{transform:scale(1.055);filter:saturate(1.04)}
.trending-card__number{
  position:absolute;left:12px;top:12px;width:36px;height:36px;border-radius:50%;
  display:grid;place-items:center;background:rgba(255,253,248,.94);backdrop-filter:blur(10px);
  font-size:10px;font-weight:900;color:#17221e;border:1px solid rgba(23,34,30,.12);z-index:2;
}
.trending-card__tag{
  position:absolute;left:57px;top:16px;padding:8px 11px;border-radius:999px;
  background:#e56b59;color:#fff;font-size:8px;font-weight:900;letter-spacing:.14em;
  box-shadow:0 9px 20px rgba(224,95,79,.28);z-index:2;
}
.trending-card__sale{
  position:absolute;right:12px;top:12px;padding:8px 10px;border-radius:999px;
  background:#7b987e;color:#fffdf8;font-size:9px;font-weight:900;letter-spacing:.05em;
  box-shadow:0 9px 20px rgba(67,91,70,.24);z-index:2;
}
.trending-card__arrow{
  position:absolute;right:13px;bottom:13px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
  background:#fffdf8;color:#17221e;font-size:18px;box-shadow:0 9px 24px rgba(0,0,0,.16);
  transform:translateY(8px);opacity:0;transition:.25s ease;z-index:2;
}
.trending-card:hover .trending-card__arrow{opacity:1;transform:none}
.trending-card__body{
  position:relative;padding:17px 18px 20px;background:#fffdf8;
}
.trending-card__body:before{
  content:"";position:absolute;left:18px;right:18px;top:0;height:2px;
  background:linear-gradient(90deg,#e56b59 0 24%,transparent 24% 100%);
}
.trending-card__meta{
  display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;padding-top:2px;
  color:#e05f4f;font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;
}
.trending-card__meta span:last-child{color:#89948d;letter-spacing:.07em}
.trending-card h3{
  font-size:19px;line-height:1.1;margin:0 0 10px;letter-spacing:-.025em;color:#17221e;font-weight:800;
}
.trending-card--featured h3{font-size:20px}
.trending-card h3 a:hover{color:#e05f4f}
.trending-card__price{
  display:flex;align-items:baseline;gap:9px;font-weight:900;color:#17221e;font-size:18px;
}
.trending-card__price span{color:#e05f4f}
.trending-card__price s{color:#8b918d;font-size:12px;font-weight:700;text-decoration:line-through;text-decoration-thickness:1.5px;text-decoration-color:#8b918d;white-space:nowrap}
.trending-card__grand-opening{
  display:flex;align-items:center;gap:7px;margin-top:13px;padding:9px 10px;
  border:1px solid rgba(224,95,79,.22);border-radius:10px;
  background:linear-gradient(90deg,rgba(224,95,79,.09),rgba(123,152,126,.08));
  color:#d95747;font-size:8px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;
}
.trending-card__grand-opening-icon{font-size:10px;color:#e56b59;line-height:1}
.trending-card__grand-opening small{margin-left:auto;color:#68746d;font-size:7px;font-weight:900;letter-spacing:.12em;white-space:nowrap}
.trending-section__bottom{
  display:flex;align-items:center;justify-content:space-between;gap:25px;
  margin-top:28px;padding:15px 0 0;border-top:1px solid rgba(23,34,30,.13);
}
.trending-section__marquee{
  display:flex;align-items:center;gap:14px;white-space:nowrap;overflow:hidden;
  color:#68746d;font-size:9px;font-weight:900;letter-spacing:.18em;
}
.trending-section__marquee i{font-style:normal;color:#e56b59;font-size:11px}
.trending-section__cta{
  display:inline-flex;align-items:center;gap:10px;white-space:nowrap;color:#17221e;
  font-size:11px;font-weight:900;border-bottom:2px solid #e56b59;padding-bottom:4px;
}
.trending-section__cta span{font-size:17px;color:#e56b59}
.trending-card__placeholder{
  width:100%;height:100%;display:grid;place-items:center;font-size:55px;
  background:linear-gradient(135deg,#ebe4d9,#f8eee9);
}
@media(max-width:1100px){
  .trending-wall{grid-template-columns:repeat(3,minmax(0,1fr))}
  .trending-card--featured{grid-column:auto}
}
@media(max-width:900px){
  .trending-section{padding:76px 0 82px}
  .trending-section__top{align-items:flex-start;flex-direction:column;gap:20px}
  .trending-wall{grid-template-columns:1fr 1fr}
}
@media(max-width:749px){
  .trending-section{padding:62px 0 70px}
  .trending-section__top{margin-bottom:24px}
  .trending-section h2{font-size:52px}
  .trending-section__intro p{font-size:14px}
  .trending-wall{grid-template-columns:1fr 1fr;gap:11px}
  .trending-card{border-radius:18px}
  .trending-card__media,.trending-card--featured .trending-card__media{aspect-ratio:1/1.05}
  .trending-card__body{padding:12px 12px 15px}
  .trending-card__body:before{left:12px;right:12px}
  .trending-card__meta{font-size:7px;letter-spacing:.1em;display:block}
  .trending-card__meta span:last-child{display:none}
  .trending-card h3,.trending-card--featured h3{font-size:15px;margin-bottom:7px}
  .trending-card__price{font-size:14px}.trending-card__price s{font-size:10px}
  .trending-card__grand-opening{margin-top:9px;padding:7px 8px;gap:5px;font-size:6.5px;letter-spacing:.09em}
  .trending-card__grand-opening small{font-size:5.5px}
  .trending-card__tag{left:51px;top:15px;font-size:7px;padding:5px 7px}
  .trending-card__number{left:9px;top:9px;width:31px;height:31px;font-size:9px}
  .trending-card__sale{right:9px;top:9px;font-size:8px;padding:6px 8px}
  .trending-card__arrow{display:none}
  .trending-section__bottom{display:block}
  .trending-section__marquee{margin-bottom:17px;font-size:8px;gap:10px}
  .trending-section__cta{font-size:11px}
}


/* =========================================================
   PETIT TRENDING PRODUCT CARDS
   Only products inside the selected homepage-bestsellers
   collection receive this treatment. PawDine stays luxury.
   ========================================================= */
.product-card--trending{
  position:relative;
  background:#fff;
  border:1px solid #cbd5ff;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(54,72,180,.10);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.product-card--trending:hover{
  transform:translateY(-5px);
  border-color:#4964e8;
  box-shadow:0 20px 42px rgba(54,72,180,.18);
}
.product-card--trending .product-card__visual{position:relative;padding:7px 7px 0;background:#f4f6ff}
.product-card--trending .product-card__media{
  aspect-ratio:1/1.02;
  border-radius:18px;
  background:#eef1ff;
  box-shadow:inset 0 0 0 1px rgba(73,100,232,.13);
}
.product-card--trending .product-card__media img{transition:transform .5s cubic-bezier(.22,1,.36,1)}
.product-card--trending:hover .product-card__media img{transform:scale(1.045)}
.product-card--trending .product-card__info{
  padding:15px 16px 18px;
  background:#fff;
  color:#14204a;
  border-top:1px solid #e4e8ff;
}
.product-card--trending .product-card__vendor--trending{
  color:#4964e8;
  font-size:9px;
  font-weight:900;
  letter-spacing:.18em;
  margin-bottom:6px;
}
.product-card--trending .product-card__title{
  color:#17224a;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:17px;
  line-height:1.16;
  font-weight:800;
  margin-bottom:8px;
}
.product-card--trending .product-card__tagline{
  color:#68728e;
  font-size:11px;
  line-height:1.45;
  margin-bottom:10px;
}
.product-card--trending .product-card__price{
  display:flex;
  align-items:baseline;
  gap:8px;
  flex-wrap:wrap;
}
.product-card--trending .product-card__price--sale,
.product-card--trending .product-card__price:not(:has(.product-card__price--sale)){
  color:#3152d9;
  font-weight:900;
}
.product-card--trending .product-card__price--compare{
  color:#9aa1b7;
  font-size:12px;
  margin:0;
}
.product-card--trending .product-card__quick-add,
.product-card--trending .product-card__options{
  background:#4964e8;
  color:#fff;
  border:1px solid #4964e8;
  box-shadow:0 12px 26px rgba(73,100,232,.25);
}
.product-card--trending .product-card__quick-add:hover,
.product-card--trending .product-card__options:hover{background:#3048b8;color:#fff}
.trending-product-badge{
  position:absolute;
  left:48px;
  top:14px;
  z-index:4;
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  background:#4964e8;
  color:#fff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
  box-shadow:0 8px 18px rgba(73,100,232,.25);
}
.product-card--trending .trending-card__number{
  position:absolute;
  left:14px;
  top:14px;
  z-index:4;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fff;
  color:#4964e8;
  border:1px solid #d9defd;
  font-size:10px;
  font-weight:900;
  box-shadow:0 6px 16px rgba(24,38,100,.12);
}
.product-card--trending .product-card__badge--sale{
  left:auto;
  right:14px;
  top:52px;
  background:#f3b93f;
  color:#18213f;
  border-radius:999px;
  padding:7px 10px;
  font-size:9px;
  letter-spacing:.06em;
  box-shadow:0 7px 18px rgba(243,185,63,.24);
}
.product-card--trending .sale-promo--card{display:none}
@media(max-width:749px){
  .product-card--trending{border-radius:20px}
  .product-card--trending .product-card__visual{padding:5px 5px 0}
  .product-card--trending .product-card__media{border-radius:15px}
  .product-card--trending .product-card__info{padding:12px 13px 15px}
  .product-card--trending .product-card__title{font-size:15px}
  .trending-product-badge{left:43px;top:11px;min-height:27px;padding:0 9px;font-size:8px}
  .product-card--trending .trending-card__number{left:10px;top:10px;width:27px;height:27px;font-size:9px}
  .product-card--trending .product-card__badge--sale{right:10px;top:44px;font-size:8px;padding:6px 8px}
}

/* Trending cards — Grand Opening promo */
.product-card--trending .trending-grand-opening{
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px;padding:9px 10px;border-radius:11px;
  background:linear-gradient(135deg,#eef1ff,#f7f8ff);border:1px solid #d7ddff;color:#3048b8;
  font-size:9px;font-weight:900;letter-spacing:.075em;line-height:1.25;text-transform:uppercase;
}
.product-card--trending .trending-grand-opening__dot{font-size:11px;color:#4964e8;line-height:1}
.product-card--trending .trending-grand-opening__limited{margin-left:auto;color:#7d879f;font-size:7px;letter-spacing:.09em;font-weight:800}
.product-card--trending .product-card__tagline{color:#61708a}
@media(max-width:749px){
  .product-card--trending .trending-grand-opening{margin-top:9px;padding:8px 8px;font-size:8px;gap:5px}
  .product-card--trending .trending-grand-opening__limited{font-size:6px}
}