.cart-item{display:grid;grid-template-columns:100px 1fr 100px;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.cart-item__qty,.cart-item__qty .quantity{display:flex;align-items:center}.cart-item__qty .quantity input{appearance:textfield;height:30px;width:30px;text-align:center;border-top:1px solid var(--grey-500);border-bottom:1px solid var(--grey-500)}.cart-item__qty .quantity .qty-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--grey-500);height:30px;width:30px}.cart-item__image{position:relative}.cart-item__image .cart-remove-item{--size: 30px;position:absolute;top:-5px;left:-5px;width:var(--size);height:var(--size);border-radius:50%;scale:1;transition:scale .35s var(--ease-1)}.cart-item__image .cart-remove-item svg .circle{fill:var(--alert)}.cart-item__image .cart-remove-item svg .cross{fill:var(--white)}.cart-item__image .cart-remove-item:hover,.cart-item__image .cart-remove-item:focus{scale:1.1}.off-canvas-cart{padding-left:var(--spacing-5);padding-right:var(--spacing-5);padding-top:var(--spacing-3);padding-bottom:var(--spacing-8);background-color:var(--white);position:fixed;top:0;bottom:0;right:0;width:100%;z-index:var(--layer-important);transform:translate(100%);transition:transform .24s var(--ease-out-1);overflow-x:hidden;overflow-y:auto}.off-canvas-cart .off-canvas-cart__inner{isolation:isolate;position:relative;display:flex;flex-direction:column;height:100%;width:100%;margin-bottom:0}.off-canvas-cart .off-canvas-cart__inner .update-overlay{position:absolute;inset:0;z-index:var(--layer-50);background-color:#ffffff80}.off-canvas-cart.off-canvas-cart--open{transform:translate(0)}@media screen and (min-width: 768px){.off-canvas-cart{max-width:500px}}.cart-empty{text-align:center}.cart-header{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;border-bottom:1px solid var(--grey-300);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2)}.cart-header h5{margin:0;text-align:center}.cart-header .off-canvas-cart__close{font-size:var(--fs-lion);color:var(--grey-500);display:flex}.cart-header .off-canvas-cart__close svg{fill:var(--grey-500);width:30px;height:30px}.cart-actions{display:flex;justify-content:space-between;align-items:center;margin-top:auto;border-top:1px solid var(--grey-300);padding-top:var(--spacing-2)}.cart-actions p{font-size:var(--fs-mouse);margin:0}.cart-actions p span{font-size:var(--fs-cat);font-weight:700}.cart-actions .button{margin:0}.product-card{container-type:inline-size;container-name:product-card;margin-bottom:var(--spacing-6)}.product-card .product-card__container{display:flex;flex-direction:column;gap:var(--spacing-4);height:100%}.product-card .product-card__container .product-card__information{display:flex;flex-direction:column;height:100%}.product-card .product-card__container .product-card__actions{margin-top:auto;display:flex;gap:var(--spacing-3)}.product-card .product-card__container .product-name{font-size:var(--fs-dog)}.product-card .product-card__container .button{margin-top:0;width:100%}.product-card .product-card__container .button.button--add-to-cart{max-width:60px}.product-card .product-card__container .button.button--add-to-cart svg{fill:var(--white)}.product-card .product-card__container .button.button--add-to-cart:hover svg,.product-card .product-card__container .button.button--add-to-cart:focus svg{fill:var(--brand-1)}@container product-card (width >= 600px){.product-card .product-card__container{display:grid;grid-template-columns:200px 1fr}.product-card .product-card__container .product-name{font-size:var(--fs-wolf)}.product-card .product-card__container .button{width:auto}}.search-form{container-type:inline-size;position:relative;z-index:var(--layer-important)}.search-form__input-wrap{--size: 40px;display:inline-flex;align-items:center;position:relative;width:100%;box-shadow:0 0 15px #00000080;border-radius:.5rem;overflow:hidden}@media screen and (min-width: 1024px){.search-form__input-wrap{box-shadow:none}}.search-form__input-wrap input[type=search]{height:var(--size);width:100%;border-radius:.5rem 0 0 .5rem;padding:var(--spacing-1) calc(var(--size) + var(--spacing-1)) var(--spacing-1) var(--spacing-3);font-weight:400;background-color:var(--white)}.search-form__input-wrap input[type=search]::placeholder{color:var(--grey-400)}@media screen and (min-width: 1024px){.search-form__input-wrap input[type=search]{border:2px solid var(--black)}}.search-form__input-wrap .search__button{border-radius:0 .5rem .5rem 0;background-color:var(--brand-1);box-shadow:none;padding:8px;height:var(--size);width:var(--size);display:flex;align-items:center;cursor:pointer;justify-content:center}@media screen and (min-width: 1024px){.search-form__input-wrap .search__button{border:2px solid var(--black);margin-left:-2px}}.search-form__input-wrap .search__button svg{--icon-size: 15px;fill:var(--black);width:var(--icon-size);height:var(--icon-size)}.search-overlay{display:none;position:fixed}.search-overlay.search-overlay--open{padding-top:100px;display:block;inset:0;background-color:oklab(from var(--white) l a b);z-index:var(--layer-4)}.search-overlay .search-results{background-color:var(--white);display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-8);overflow:auto;scrollbar-width:thin;max-height:calc(100vh - 100px)}.cart-button{--size: 40px;display:flex;align-items:center;justify-content:center;width:var(--size);height:var(--size);position:relative;cursor:pointer}.cart-button .cart-total{--size: 20px;display:flex;align-items:center;justify-content:center;width:var(--size);height:var(--size);background-color:var(--grey-700);color:var(--white);border-radius:50%;font-size:10px;line-height:10px;text-align:center;position:absolute;top:calc(var(--size) / 2 * -1);right:calc(var(--size) / 2 * -1)}ul.menu{display:flex;justify-content:flex-end;align-items:center;list-style:none;margin:0}ul.menu ul{position:absolute;float:left;box-shadow:var(--shadow-1);top:100%;left:-999em;z-index:var(--layer-important);background-color:var(--white);list-style:none;padding-bottom:var(--spacing-4)}ul.menu ul li{margin-left:var(--spacing-3);margin-right:var(--spacing-3);padding:0}ul.menu ul ul{top:0;left:-999em}ul.menu ul li:hover>ul,ul.menu ul li.focus>ul{display:block;left:auto}ul.menu ul a{text-align:left}ul.menu li:hover>ul,ul.menu li.focus>ul{left:auto}ul.menu li{position:relative;margin:0}ul.menu li.menu-item--has-children{display:flex;align-items:center;position:relative}ul.menu li.menu-item--has-children .dropdown-arrow svg{width:12px;fill:var(--black)}ul.menu a{display:block;text-decoration:none;color:var(--black);font-family:var(--font-heading);font-size:var(--fs-cat);font-weight:600;padding:var(--spacing-3) var(--spacing-5);text-transform:uppercase}ul.menu a:active,ul.menu a:visited{color:var(--black)}ul.menu a:hover,ul.menu a:focus{text-decoration:underline}ul.sub-menu a,ul.sub-menu a:active,ul.sub-menu a:visited{color:var(--black)}.off-canvas-button{--size: 75px;--shadow-strength: 25%;--shadow-color: 220 40% 2%;position:fixed;z-index:var(--layer-important);bottom:var(--spacing-2);right:var(--spacing-2);background-color:var(--brand-1);color:var(--white);width:var(--size);height:var(--size);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;box-shadow:var(--shadow-3);filter:drop-shadow(0 25px 25px hsl(var(--shadow-color)/calc(var(--shadow-strength) + .15%)))}.off-canvas-button svg{width:30px;fill:var(--white)}.off-canvas-button h5{font-size:var(--fs-mouse);margin:0}.off-canvas{padding-left:var(--spacing-5);padding-right:var(--spacing-5);padding-top:var(--spacing-3);padding-bottom:var(--spacing-8);background-color:var(--black);position:fixed;top:0;bottom:0;right:0;width:100%;z-index:var(--layer-important);transform:translate(100%);transition:transform .24s var(--ease-out-1);overflow-x:hidden;overflow-y:auto}.off-canvas .off-canvas__inner{display:flex;justify-content:flex-end;width:100%;margin-bottom:var(--spacing-4)}.off-canvas .off-canvas__inner .off-canvas__close{font-size:var(--fs-lion);color:var(--white)}.off-canvas.off-canvas--open{transform:translate(0)}.off-canvas__close svg{height:40px;fill:var(--white)}ul.offcanvas-menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}ul.offcanvas-menu li{width:100%;margin-bottom:var(--spacing-5)}ul.offcanvas-menu li.menu-item--has-children{position:relative}ul.offcanvas-menu a,ul.offcanvas-menu a:active,ul.offcanvas-menu a:visited{color:var(--white);font-size:var(--fs-dog);text-decoration:none}ul.offcanvas-menu ul{list-style-type:none;padding-left:var(--spacing-2);padding-right:var(--spacing-2)}ul.offcanvas-menu li.menu-item--has-children>ul{display:none}ul.offcanvas-menu li.menu-item--open>ul{display:block;margin-top:var(--spacing-5);margin-bottom:var(--spacing-5)}ul.offcanvas-menu .dropdown-arrow{margin-left:var(--spacing-5)}ul.offcanvas-menu .dropdown-arrow svg{position:relative;top:1px;width:16px;fill:var(--white)}