:root{--hug-ink:#493548;--hug-plum:#63465f;--hug-sage:#dce6dc;--hug-cream:#fffaf5}
body{background:var(--hug-cream)}
.preview-bar{background:var(--hug-plum)!important;min-height:30px!important;padding:0!important;overflow:hidden;display:block!important;color:#fff5ea!important}
.hug-marquee{overflow:hidden;padding:10px 0;background:#eee5ec;color:var(--hug-ink)}
.hug-track{display:flex;gap:48px;width:max-content;animation:hug-drift 32s linear infinite;align-items:center;font-size:12px;letter-spacing:.09em;white-space:nowrap}
.preview-bar .hug-track{padding:8px 0;font-size:11px}.hug-marquee:hover .hug-track{animation-play-state:paused}
@keyframes hug-drift{to{transform:translateX(-50%)}}
.header-main{min-height:76px!important;padding-top:12px!important;padding-bottom:12px!important;display:flex!important;gap:18px!important}.wordmark{margin-right:auto!important}.search-box{display:none!important}.search-box.hug-search-open{display:flex!important;position:absolute!important;top:100%;left:4%;right:4%;width:92%!important;z-index:90;background:#fff;box-shadow:0 12px 35px #49354822}.site-header{position:relative;z-index:40}.hug-icon{border:0;background:transparent;color:var(--hug-ink);width:42px;height:42px;display:inline-grid;place-items:center;cursor:pointer;font-size:22px;text-decoration:none}.hug-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6}.header-actions{gap:4px!important}.main-nav{justify-content:flex-start!important}.main-nav .nav-extra{margin-left:auto}.hug-menu{margin:0 auto 0 0;height:100dvh;max-height:100dvh;width:min(360px,88vw);max-width:88vw;border:0;padding:26px;background:var(--hug-cream);color:var(--hug-ink)}.hug-menu::backdrop{background:#24192570;backdrop-filter:blur(3px)}.hug-menu nav{display:grid;gap:0;margin-top:30px}.hug-menu nav a{padding:16px 0;border-bottom:1px solid #49354818;font-size:20px;text-decoration:none;color:inherit}.hug-menu .hug-close{float:right}.hug-menu button{cursor:pointer}.hug-menu-title{font:32px Georgia,serif}.hug-mobile-menu{display:none}
body[data-view="home"] .product-rail,body[data-view="home"] #product-grid{grid-auto-columns:calc((100% - 54px)/4)!important;gap:18px!important}
.hug-brands{padding:26px 0;background:#e5eade}.hug-brands .hug-track{gap:65px;font-family:Georgia,serif;font-size:28px;letter-spacing:-1px}.hug-brands a{color:#3c5045;text-decoration:none}.hug-shop-banner{background:linear-gradient(110deg,#e9eee2,#f4e2dc);border-radius:24px;display:grid;grid-template-columns:1.2fr 1fr;overflow:hidden;margin:20px 0 32px;align-items:center}.hug-shop-banner div{padding:35px}.hug-shop-banner h1{font:clamp(32px,4vw,56px)/1.08 Georgia,serif;color:var(--hug-ink);margin:12px 0}.hug-shop-banner img{width:100%;height:280px;object-fit:cover}.hug-recommendations{margin:45px auto}.hug-recommendations h2{font:32px Georgia,serif}.hug-rec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.hug-rec-grid img{width:100%;height:170px;object-fit:contain}.hug-rec-grid a{color:inherit;text-decoration:none;background:white;border-radius:16px;padding:16px}.hug-rec-grid span{display:block;margin-top:12px;font-size:14px}
@media(max-width:760px){.shell{width:calc(100% - 28px)!important}.header-main{min-height:64px!important;padding:6px 0!important;gap:4px!important}.hug-mobile-menu{display:inline-grid}.main-nav{display:none!important}.header-main .wordmark{width:140px!important;min-width:0!important;height:45px!important}.header-actions .market-shortcut{display:none!important}.header-actions .icon-button{width:34px!important}.hug-icon{width:36px}.site-header{margin-bottom:0!important}.hero-carousel{margin-top:6px!important;border-radius:16px!important;height:390px!important}.hero-carousel .hero-slides{height:390px!important;display:block!important}.hero-carousel .banner-slide{position:absolute!important;inset:0!important;height:390px!important;display:block!important}.hero-carousel .banner-copy{width:100%!important;min-height:0!important;height:210px!important;padding:19px 21px!important;justify-content:flex-start!important;background:rgb(var(--hero-rgb))!important}.hero-carousel .banner-copy h1,.hero-carousel .banner-copy h2{font-size:32px!important;line-height:1.05!important;margin:10px 0!important;letter-spacing:-1px!important}.hero-carousel .banner-copy .eyebrow{font-size:8px!important}.hero-carousel .banner-description{display:none!important}.hero-carousel .banner-copy .primary-button{min-height:38px!important;padding:9px 15px!important;font-size:12px!important}.hero-carousel .banner-scene{position:absolute!important;top:210px!important;bottom:0!important;height:180px!important;grid-row:auto!important}.hero-carousel .banner-background{height:100%!important;object-position:65% 44%!important}.hero-carousel .banner-scene:after{background:linear-gradient(180deg,rgb(var(--hero-rgb)),transparent 25%)!important}.hero-carousel .has-packs .banner-products{height:100%!important}.banner-caption{display:none!important}body[data-view="home"] .product-rail,body[data-view="home"] #product-grid{grid-auto-columns:calc((100% - 18px)/4)!important;gap:6px!important}body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .product-visual{height:94px!important}body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .product-open{padding:8px 4px!important}body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .product-title{font-size:11px!important;min-height:46px!important;max-height:46px!important;line-height:1.4!important}body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .product-info{padding:8px 5px!important}body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .product-price{font-size:12px!important}.hug-shop-banner{grid-template-columns:1fr}.hug-shop-banner div{padding:25px}.hug-shop-banner img{height:160px}.hug-rec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px!important;padding:12px 0!important}.seo-header>nav{display:none!important}.hug-brands .hug-track{font-size:23px}.hug-marquee{padding:8px 0}}
@media(prefers-reduced-motion:reduce){.hug-track{animation:none;max-width:100%;overflow:auto}}
.hug-help{position:fixed;right:18px;bottom:18px;z-index:80;border:0;border-radius:30px;padding:14px 20px;background:#493548;color:#fffaf5;box-shadow:0 8px 30px #49354833;cursor:pointer}.hug-support{position:fixed;inset:auto 18px 18px auto;margin:0;width:min(390px,calc(100% - 28px));max-height:85dvh;border:1px solid #e4d9df;border-radius:22px;padding:24px;background:#fffaf5;color:#493548;box-shadow:0 20px 70px #49354833}.hug-support::backdrop{background:#24192545}.hug-support h2{font:32px Georgia,serif;margin:6px 0 12px}.hug-support .hug-close{float:right}.hug-support>p{font-size:12px}.hug-messages{max-height:35dvh;overflow:auto;margin:18px 0}.hug-messages p{padding:12px;background:#eee9e3;border-radius:12px;font-size:14px;line-height:1.5;white-space:pre-wrap}.hug-messages .hug-question{background:#e1e8dd}.hug-support form{display:grid;gap:10px;margin-bottom:18px}.hug-support input{min-width:0;padding:12px;border:1px solid #bbaeba;border-radius:10px;background:white}.hug-support small{font-size:10px;opacity:.7}.hug-support a{color:inherit}@media(max-width:760px){.hug-help{font-size:12px;padding:11px 14px;bottom:12px;right:12px}}
.hero-carousel .hug-campaign-pack{position:absolute;right:12%;bottom:16%;width:32%;height:66%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 12px 14px #0002)}@media(max-width:760px){.hero-carousel .hug-campaign-pack{right:20%;width:60%;height:80%;bottom:6%}}

html{color-scheme:light}.hug-account-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px 0}.hug-account-toolbar button{background:#63465f;color:#fffaf5;border:0;border-radius:12px;padding:12px 20px;cursor:pointer}#hug-account{min-width:0}#hug-account .cl-rootBox{max-width:100%}#hug-account .cl-cardBox{max-width:100%}@media(max-width:760px){.seo-main:has(#hug-account){padding-top:20px!important}#hug-account .cl-card{padding:24px 18px}}
/* Responsive image frames: images must size to their cards, not HTML dimensions. */
.product-card{min-width:0;overflow:hidden}
.product-visual{overflow:hidden;position:relative;min-width:0}
.product-card .product-open{display:flex!important;align-items:center;justify-content:center;width:100%!important;height:100%!important;min-width:0;overflow:hidden;box-sizing:border-box}
.product-card .product-open img{display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;min-width:0!important;object-fit:contain!important;transform:none!important;margin:0!important}
.product-card .product-info{min-width:0}.product-card .product-title{overflow-wrap:anywhere}
.hero-carousel .banner-scene{border-radius:0!important;overflow:hidden}
.hero-carousel .banner-background{transform:none!important;animation:none!important;object-fit:cover!important}
.hero-carousel .banner-scene:after{display:none!important}
.hero-carousel .banner-copy{background:var(--campaign)!important}
.campaign-peach{--campaign:#f5e8df;--campaign-ink:#493548}
.campaign-rose{--campaign:#eee3eb;--campaign-ink:#493548}
.campaign-blue{--campaign:#e0e9f0;--campaign-ink:#344858}
.campaign-violet{--campaign:#e5eadf;--campaign-ink:#3e5146}
.campaign-sunshine{--campaign:#f2e5d9;--campaign-ink:#644837}
@media(max-width:760px){
 .hero-carousel,.hero-carousel .hero-slides,.hero-carousel .banner-slide{height:360px!important}
 .hero-carousel .banner-copy{height:160px!important;padding:18px 20px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important}
 .hero-carousel .banner-copy .eyebrow{font-size:9px!important;line-height:1.4!important;margin:0 0 7px!important}
 .hero-carousel .banner-copy h1,.hero-carousel .banner-copy h2{font-size:29px!important;line-height:1.02!important;margin:0 0 12px!important;letter-spacing:-.8px!important}
 .hero-carousel .banner-copy .primary-button{font-size:11px!important;min-height:32px!important;padding:7px 12px!important;border-radius:30px!important}
 .hero-carousel .banner-scene{top:160px!important;left:0!important;right:0!important;width:100%!important;height:200px!important;bottom:0!important}
 .hero-carousel .banner-background{width:100%!important;height:100%!important;object-position:center 48%!important}
 .hero-carousel .banner-products{inset:0!important;width:100%!important;height:100%!important}
 .hero-carousel .hug-campaign-pack{width:44%!important;height:84%!important;right:28%!important;bottom:8%!important}
 body[data-view="home"] :is(.product-rail,#product-grid) .product-visual{height:100px!important;background:#f3eee9!important}
 body[data-view="home"] :is(.product-rail,#product-grid) .product-open{padding:8px!important}
 .seo-product-grid .product-visual{height:170px!important}
 .seo-product-grid .product-open{padding:16px!important}
 .seo-product-image{height:auto!important;max-height:none!important;aspect-ratio:1;padding:22px!important;overflow:hidden}
 .seo-product-image img{min-height:0!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
 .department-picture{min-width:0;overflow:hidden}.department-picture>img{max-width:100%;transform:none!important}
 .hug-shop-banner img{display:block;height:auto!important;aspect-ratio:16/9;object-fit:cover}
 .home-departments{padding-top:22px!important}.value-strip{padding-block:14px!important}
}
/* One brand palette across desktop and mobile actions. */
:root{--hug-plum:#65458a;--hug-ink:#493455;--hug-cream:#fffaf5;--accent:#65458a}
body .primary-button,body .hero-carousel .primary-button,body .home-all .primary-button,body .pet-hero-links .primary-button,body .hug-account-toolbar button,body .hug-help{background:#65458a!important;color:#fffaf5!important;border-color:#65458a!important}
body .primary-button:hover,body .hug-help:hover{background:#533573!important;color:#fffaf5!important}
body .add-button{color:#65458a!important;border-color:#65458a!important;background:#fffaf5!important}
body .add-button:hover{background:#65458a!important;color:#fffaf5!important}
body .preview-bar{background:#65458a!important;color:#fffaf5!important}