/* Distinct, readable function icons on the existing warm brand canvas. */
.aurapaw-site .icon svg{stroke-width:1.85}
#header .functions{gap:9px;flex-shrink:0}
#header .functions>.icon-button{width:40px;height:40px;min-width:40px;padding:8px;border:1px solid var(--ap-icon-edge,#bedbd2);border-radius:13px;background:var(--ap-icon-wash,#e4f4ec);align-items:center;justify-content:center;transition:background-color .18s,box-shadow .18s,transform .18s}
#header .functions>.icon-button>.icon{width:23px;height:23px;color:var(--ap-icon-ink,#196f56)!important;flex-shrink:0}
#header .functions>.icon-button .icon svg{stroke-width:2.05}
#header #searchButton{--ap-icon-ink:#16756b;--ap-icon-wash:#e0f4ec;--ap-icon-edge:#a9d9c9}
#header #accountButton{--ap-icon-ink:#355fba;--ap-icon-wash:#e8efff;--ap-icon-edge:#b9cbf0}
#header #favouritesButton{--ap-icon-ink:#b33e67;--ap-icon-wash:#fce7ee;--ap-icon-edge:#edb6c8}
#header #bagButton{--ap-icon-ink:#9c5b17;--ap-icon-wash:#fff0d4;--ap-icon-edge:#eac582}
#header #menuButton{--ap-icon-ink:#176b62;--ap-icon-wash:#e0f2ec;--ap-icon-edge:#add8cb}
#header #localeButton{min-height:37px;padding:7px 9px;border:1px solid #c3d8ba;border-radius:11px;background:#edf6e7;font-weight:650;white-space:nowrap}
#header .functions>.icon-button:hover{box-shadow:0 3px 10px #4c64551c;transform:translateY(-1px)}
#header .functions>.icon-button:focus-visible,#header #localeButton:focus-visible{outline:2px solid #157764;outline-offset:3px}
#header .bag-count{background:#a65d20;color:#fff!important;border:2px solid #fffdf7;font-size:10px;min-width:19px;min-height:19px;line-height:15px;top:-5px;right:-5px}
.product-category-bar a{--ap-category-ink:#137963;--ap-category-wash:#ddf2e8;--ap-category-edge:#b2d8c4;gap:7px;font-weight:650}
.product-category-bar a[href*="category=dry"]{--ap-category-ink:#99601a;--ap-category-wash:#ffedca;--ap-category-edge:#e8cb98}
.product-category-bar a[href*="category=wet"]{--ap-category-ink:#b24a39;--ap-category-wash:#ffe4da;--ap-category-edge:#edb6a7}
.product-category-bar a[href*="category=freeze"]{--ap-category-ink:#3c6d37;--ap-category-wash:#e5f3d9;--ap-category-edge:#bdd5a9}
.product-category-bar a[href*="category=treats"]{--ap-category-ink:#af3f68;--ap-category-wash:#fbe2ec;--ap-category-edge:#e5adc0}
.product-category-bar a[href*="category=supplements"]{--ap-category-ink:#6d4fa4;--ap-category-wash:#eee5ff;--ap-category-edge:#cfb8ee}
.product-category-bar a[href*="category=dog"]{--ap-category-ink:#397196;--ap-category-wash:#e1f1fb;--ap-category-edge:#b3d1e6}
.product-category-bar a[href*="category=kitten"]{--ap-category-ink:#a75029;--ap-category-wash:#ffeadc;--ap-category-edge:#e8bda1}
.product-category-bar a[href*="category=senior"]{--ap-category-ink:#6c568e;--ap-category-wash:#eee6f6;--ap-category-edge:#cdbde0}
.product-category-bar{gap:clamp(14px,1.7vw,24px);padding-block:7px}
.product-category-bar a>.icon{box-sizing:border-box;width:33px;height:33px;flex-shrink:0;padding:6px;border:1px solid var(--ap-category-edge);border-radius:11px;background:var(--ap-category-wash);color:var(--ap-category-ink)!important}
.product-category-bar a>.icon svg{stroke-width:2}
.product-category-bar a:hover>.icon,.product-category-bar a:focus-visible>.icon{box-shadow:0 0 0 3px #b2d8c43d}
.shop-category-picture .icon{color:var(--ap-category-ink,#187b66)!important;width:46px;height:46px}
.shop-category-picture .icon svg{stroke-width:1.95}
.shop-category-picture.category-freeze{--ap-category-ink:#417637;background:#e4f2d9}
.shop-category-picture.category-supplements{--ap-category-ink:#7750ae;background:#eee4ff}
.shop-category-picture.category-senior{--ap-category-ink:#ae426d;background:#f9e1ed}
.shop-category-tile.selected .shop-category-picture{border-color:#25806a;box-shadow:0 0 0 3px #d9eee3}
.shop-rail-arrow{color:#19755e;background:#e5f5eb;border:1px solid #aed5bf;border-radius:50%;font-weight:700}
.row-utilities>.row-favourite{color:#b13e65;background:#fff2f6;border-color:#e6b6c4}
.row-utilities>a{color:#3264a4;background:#edf4ff;border-color:#bdd1e9}
.row-utilities .icon svg{stroke-width:2}
.row-utilities>.row-favourite.is-saved .icon svg{fill:#f3b2c8;stroke:#a12b55}
.hero-values>a>.icon,.reference-care .care-item>.icon{box-sizing:border-box;padding:7px;border:1px solid #c0dac2;border-radius:13px;background:#eaf5e4;color:#44773e!important;flex-shrink:0}
.hero-values>a>.icon{width:40px;height:40px}
.hero-values>a:nth-child(2)>.icon{color:#a16b22!important;background:#fff0cf;border-color:#e7cb98}
.hero-values>a:nth-child(3)>.icon{color:#b4466c!important;background:#fce7ee;border-color:#e6bbc9}
.reference-care .care-item>.icon{width:43px;height:43px}
.reference-care .care-item:nth-child(1)>.icon{color:#246a91!important;background:#e5f2fb;border-color:#bfd6e8}
.reference-care .care-item:nth-child(3)>.icon{color:#7752a7!important;background:#eee6fa;border-color:#d2c0e8}
.reference-care .care-item:nth-child(4)>.icon{color:#b4466c!important;background:#fce7ee;border-color:#e6bbc9}
@media(max-width:1100px){#header .functions{gap:6px}#header .functions>.icon-button{width:36px;height:36px;min-width:36px;padding:7px}#header .functions>.icon-button>.icon{width:21px;height:21px}}
@media(max-width:700px){
 #header{gap:8px}
 #header .functions{gap:4px}
 #header .functions>.icon-button{width:34px;height:34px;min-width:34px;padding:6px;border-radius:11px}
 #header .functions>.icon-button>.icon{width:21px;height:21px}
 #header #localeButton{min-height:32px;padding:5px 6px;font-size:10px;border-radius:9px}
 #header .wordmark.brand-lockup{width:min(var(--brand-lockup-mobile-width,156px),calc(100% - 196px));flex-shrink:0}
 .product-category-bar{gap:18px;padding-block:5px}
 .product-category-bar a>.icon{width:31px;height:31px;padding:5px;border-radius:10px}
 .shop-category-picture .icon{width:37px;height:37px}
 .hero-values>a>.icon{width:36px;height:36px;padding:6px}
 .reference-care .care-item>.icon{width:37px;height:37px;padding:6px}
}
@media(max-width:360px){
 #header{gap:6px}
 #header .functions{gap:3px}
 #header .functions>.icon-button{width:30px;height:32px;min-width:30px;padding:5px}
 #header #localeButton{padding-inline:4px}
 #header .wordmark.brand-lockup{width:min(var(--brand-lockup-mobile-width,156px),calc(100% - 170px))}
}
@media(prefers-reduced-motion:reduce){#header .functions>.icon-button{transition:none}#header .functions>.icon-button:hover{transform:none}}