/* Extend the original X9 main.css/media.css; retain original typography, palette and card classes. */
.x9-collection-section .product-top h1{font-size:40px;line-height:50px;font-weight:600;color:#333}
@media(max-width:1200px){.x9-collection-section .product-top h1{font-size:30px;line-height:1.2}}
@media(max-width:768px){.x9-collection-section .product-top h1{font-size:22px}}
.x9-department-strip{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;padding:28px 0}
.x9-department-strip a,.x9-collection-nav a{border:1px solid #98af5c;border-radius:30px;padding:12px 24px;color:#004f32;text-decoration:none}
.x9-department-strip a:hover,.x9-collection-nav a[aria-current],.x9-collection-nav a:hover{background:#98af5c;color:#fff}
.x9-collection-section .product-top p{margin:16px 0 0;font-size:18px;line-height:1.6}
.x9-collection-section .product-title h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;min-height:2.8em}
.x9-collection-section .product-item>a>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.x9-collection-section .proudct-price{font-size:18px;line-height:1.5}
.x9-home-essentials{margin:36px auto 64px;padding:40px;border-radius:25px;background:#fffbef;display:flex;gap:24px;justify-content:space-between;align-items:center;box-sizing:border-box}
.x9-home-essentials h2{font-size:32px;color:#004f32;margin-bottom:12px}.x9-home-essentials p{line-height:1.7}
.x9-collection-page{padding-bottom:70px}
.x9-collection-nav{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0}.x9-collection-nav a{padding:10px 18px;font-size:14px}
.x9-collection-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0}
.x9-collection-toolbar select,.x9-collection-toolbar button{padding:10px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#333;font:inherit}
.x9-parent-products.x9-product-list{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:0;padding:0}
.x9-parent-products .x9-product-item{min-width:0;width:auto;display:flex;flex-direction:column;gap:14px;margin:0;padding-bottom:20px}
.x9-parent-products .product-card__thumb{overflow:hidden;border-radius:25px}
.x9-parent-products img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.x9-parent-products .product-card__title{flex:1;font-size:17px;line-height:1.5}
.quick-add{display:inline-block;background:#98af5c;color:#fff;border:0;border-radius:30px;padding:13px 24px;text-align:center;cursor:pointer;font:inherit;font-size:14px;line-height:1.4;text-decoration:none}
.quick-add:hover{background:#004f32;color:#fff}.x9-add-to-cart[aria-disabled=true]{opacity:.55;cursor:wait}
.x9-stock-note{color:#777;font-size:14px}.x9-collection-empty{text-align:center;padding:60px 10px}.x9-collection-empty h2{font-size:28px;line-height:1.4}.x9-collection-empty p{margin:20px 0}.x9-collection-empty>a{margin:12px}
.x9-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-top:45px}.x9-pagination .page-numbers{border-radius:50%;padding:12px}.x9-pagination .current{background:#98af5c;color:#fff}
.x9-reorder-list{display:grid;gap:24px;margin:30px 0}.x9-reorder-item{display:flex;gap:24px;align-items:center;padding:20px;background:#f8f8f8;border-radius:25px}.x9-reorder-item>img{width:130px;height:130px;object-fit:contain;border-radius:15px}.x9-reorder-item h3{font-size:18px;line-height:1.5}.x9-reorder-item p{margin:12px 0}.x9-reorder-item button{display:block;margin-top:16px}
.x9-cart-error{line-height:1.7;padding:24px 0}.x9-cart-error a{text-decoration:underline;color:#004f32}.x9-cart-error button{margin-top:16px}
.product-inner-type .type-item{cursor:pointer}
.x9-local-review-note{position:fixed;left:10px;bottom:8px;z-index:99999;background:#fff;border:1px solid #ddd;color:#555;padding:6px 10px;font-size:11px;border-radius:7px;pointer-events:none}
.x9-pet-category-photo{width:102px;height:102px;box-sizing:border-box;padding:6px;object-fit:contain;border-radius:50%;background:#edf1e7}
@media(max-width:1200px){.x9-parent-products.x9-product-list{grid-template-columns:repeat(3,minmax(0,1fr))}.x9-department-strip{gap:12px}.x9-department-strip a{padding:10px 16px}}
@media(max-width:768px){.x9-parent-products.x9-product-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}.x9-parent-products .product-card__title{font-size:14px}.x9-parent-products .quick-add{padding:11px 8px;font-size:12px}.x9-collection-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.x9-collection-toolbar select{max-width:180px}.x9-department-strip{justify-content:flex-start;padding:20px 0}.x9-department-strip a{font-size:13px}.x9-collection-section .product-top p{font-size:14px}.x9-collection-section .proudct-price{font-size:14px}.x9-home-essentials{padding:24px;display:block}.x9-home-essentials h2{font-size:25px}.x9-home-essentials .quick-add{margin-top:20px}.x9-reorder-item{gap:16px;padding:16px}.x9-reorder-item>img{width:80px;height:80px}.x9-reorder-item h3{font-size:15px}}

@media(min-width:993px){header .header_right{gap:14px}header .nav ul{gap:2px}header .nav ul li{padding:0 4px}header .nav ul li a.underline-anim{white-space:nowrap;font-size:clamp(14px,1.2vw,20px);padding:10px 8px}}
.x9-collection-section .product-top .product-more-btn{display:flex;flex-shrink:0;margin-left:24px}.x9-collection-section .product-top>div{max-width:75%}.product-inner-type button.type-item{font-family:inherit;font-size:inherit;background:transparent;color:inherit}.product-inner-type button.type-item.active{background:#98af5c;color:#fff}@media(max-width:768px){.x9-collection-section .product-top>div{max-width:100%}.x9-collection-section .product-top .product-more-btn{margin-left:0}}

@media(max-width:768px){.woocommerce-checkout .page-box,.woocommerce-checkout .checkout-box,.woocommerce-checkout .x9-checkout-main{box-sizing:border-box;padding-left:16px;padding-right:16px}}

/* Department navigation reuses the original menu and collection pills. */
.x9-collection-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:24px 0 0;font-size:13px;line-height:1.7;color:#73776d}
.x9-collection-breadcrumb a{color:#004f32;text-decoration:underline;text-underline-offset:3px}
.x9-collection-breadcrumb+.x9-collection-nav{margin-top:18px}
header .menubtn{border:0;background:transparent;padding:0;color:inherit;cursor:pointer}
header .nav .x9-nav-toggle{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:28px;height:36px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}
header .nav .x9-nav-toggle span{display:block;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s}
header .nav .x9-nav-toggle[aria-expanded=true] span{transform:rotate(225deg)}
header .nav .current-department>a.underline-anim{text-decoration:underline;text-underline-offset:6px}
header .nav a:focus-visible,header button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
header.x9-nav-ready .nav ul li:not(.open) .nav-submenu{opacity:0;visibility:hidden}
header .nav ul li.open .nav-submenu{opacity:1;visibility:visible}
@media(min-width:993px){header .nav ul li.has-submenu>a.underline-anim{padding-right:2px}header .nav ul li .nav-submenu .nav-submenu-col{min-width:150px}header .nav ul li .nav-submenu .nav-shop-all a{font-size:16px}}
@media(min-width:993px){header .nav ul li #x9-menu-pet-care .nav-submenu-col{width:calc(16.666667% - 17px);min-width:0;max-width:150px}}
@media(max-width:992px){
header .nav{box-sizing:border-box;left:-360px;width:min(86vw,360px);padding:20px 22px;overflow-y:auto;visibility:hidden}
header.action .nav{left:0;visibility:visible}
header .nav ul{padding-top:20px;padding-bottom:70px}
header .nav ul li{height:auto;line-height:1.5;width:100%;padding:0;position:relative}
header .nav ul li>a.underline-anim{display:block;box-sizing:border-box;min-height:48px;padding:14px 0;font-size:16px;white-space:normal}
header .nav ul li.has-submenu>a.underline-anim{padding-right:44px}
header .nav ul li.has-submenu>a.underline-anim::before{display:none}
header .nav .x9-nav-toggle{position:absolute;top:3px;right:0;width:44px;height:44px;color:#fff}
header .nav ul li .nav-submenu{display:none;padding:0;transition:none;width:100%}
header .nav ul li.open .nav-submenu{display:block}
header .nav ul li .nav-submenu .nav-submenu-col{margin:0;min-width:0;line-height:1.5}
header .nav ul li .nav-submenu .nav-submenu-col .nav-submenu-col-title{padding:0}
header .nav ul li .nav-submenu .nav-submenu-col-title a{display:block;padding:12px 14px;font-size:14px;line-height:1.5}
header .nav ul li .nav-submenu .nav-shop-all{display:block;background:transparent;text-align:left;border-radius:0;padding:0;margin:0 0 12px}
header .nav ul li .nav-submenu .nav-shop-all a{display:block;padding:12px 14px;font-size:12px;line-height:1.5;color:#d2dfad;text-decoration:underline;text-underline-offset:3px}
}
@media(max-width:576px){.x9-collection-nav{gap:8px;margin:18px 0 24px}.x9-collection-nav a{font-size:12px;padding:9px 12px}}

/* The native button owns the full pill, including its padding and click target. */
.product-inner-cart{padding:0;background:transparent;cursor:default}
.product-inner-cart .add-to-cart{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:50px;padding:10px 20px;border:0;border-radius:inherit;background:#8fb15a;color:#fff;font:inherit;line-height:1.2;text-align:center;cursor:pointer;appearance:none;-webkit-appearance:none}
.product-inner-cart .add-to-cart:hover:not(:disabled):not([aria-disabled=true]){background:#004f32}
.product-inner-cart .add-to-cart:focus-visible{outline:2px solid #004f32;outline-offset:3px}
.product-inner-cart .add-to-cart[aria-disabled=true]{cursor:wait}
.product-inner-cart .add-to-cart:disabled{opacity:.5;cursor:not-allowed}

/* Woo's accessibility text must remain off-screen when its catalog CSS is dequeued. */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.x9-collection-section .product-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.x9-collection-section .product-item{width:auto;min-width:0;overflow:hidden;background:#f8f8f8;border-radius:25px}
.x9-collection-section .product-item>a{display:flex;flex-direction:column;height:100%}
.x9-collection-section .product-title{position:static;transform:none;width:auto;padding:20px 20px 10px}
.x9-collection-section .product-title h3{font-size:18px;line-height:1.5;margin:0}
.x9-collection-section .product-title h4{font-size:14px;font-weight:400;line-height:1.5;margin-top:10px}
.x9-collection-section .product-info{position:static;transform:none;width:auto;margin-top:auto;padding:0 20px 22px;display:flex;flex-direction:column;gap:14px;align-items:stretch}
.x9-collection-section .proudct-buy{margin:0}
@media(max-width:1200px){.x9-collection-section .product-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:576px){.x9-collection-section .product-list{gap:14px}.x9-collection-section .product-title{padding:14px 12px 8px}.x9-collection-section .product-title h3{font-size:14px}.x9-collection-section .product-title h4{font-size:12px}.x9-collection-section .product-info{padding:0 12px 16px}.x9-collection-section .proudct-buy{font-size:12px;padding:8px}}

/* News thumbnails share a bounded frame; preserve square packs and wide banners. */
.news-list{align-items:stretch}
.news-list .news-item{display:flex;flex-direction:column;min-width:0;margin-bottom:40px}
.news-list .news-item>div{flex:1 0 auto;min-width:0}
.news-list .news-item .news-img{box-sizing:border-box;height:260px;padding:12px;overflow:hidden;justify-content:center}
.news-list .news-item .news-img>a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0}
.news-list .news-item .news-img img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.news-list .news-item .news-date{margin-top:14px;line-height:1.5}
.news-list .news-item h3{padding:6px 0 0;line-height:1.35;overflow-wrap:break-word}
.news-list .news-item a.read-more{align-self:flex-start;margin-top:12px;line-height:1.5}
.news-list+.pagination{display:flex;flex-wrap:wrap;align-items:center;margin-top:4px}
.news-list+.pagination .page-numbers{box-sizing:border-box;display:inline-block;min-width:40px;margin:0 8px 8px 0;padding:9px 13px;border:1px solid #8fb15a;border-radius:4px;line-height:1.3;text-align:center}
.news-list+.pagination .page-numbers.current,.news-list+.pagination a:hover{background:#8fb15a;color:#fff}
.news-list+.pagination a:focus{outline:2px solid #004f32;outline-offset:2px}
@media(max-width:768px){.news-list .news-item{margin-bottom:32px}.news-list .news-item .news-img{height:260px;padding:12px}}

/* Preserve the existing CSS sizing while intrinsic dimensions reserve space. */
header .logo img,.header_user img,.header_cart img,.comment-section img,.service-item img{width:auto}.category img,.category-more img,.product-more-btn img,.help-faq img,.help-join img,.blog-left img,.sale-modal-content .sale-left img,.sale-modal-content .sale-dis img,.sale-modal-content .sale-btn img{height:auto}
header .logo{flex-shrink:0}
header .x9-brand-lockup{position:relative;display:block;width:118px;height:94px;color:#fff;text-align:center;text-decoration:none}
header .x9-brand-lockup img{display:block;width:90px;height:90px;margin:0 auto;object-fit:contain}
header .x9-brand-slogan{position:absolute;left:0;right:0;bottom:5px;font-size:12px;font-weight:400;line-height:16px;letter-spacing:.01em;white-space:nowrap}
@media(max-width:992px){header .x9-brand-lockup{height:84px}header .x9-brand-lockup img{width:80px;height:80px}header .x9-brand-slogan{bottom:2px;font-size:11px}}
@media(max-width:768px){header .x9-brand-lockup{height:74px}header .x9-brand-lockup img{width:70px;height:70px}}
@media(max-width:576px){header .x9-brand-lockup{width:110px;height:49px}header .x9-brand-lockup img{position:relative;top:-5px;width:50px;height:50px}header .x9-brand-slogan{bottom:1px;font-size:10.5px;line-height:14px}}

/* Preserve the reviewed H2 size when promoting the policy title. */
.page-box h1.x9-promoted-page-heading{font-size:30px}

.x9-mobile-currency[hidden]{display:none}
@media(max-width:992px){
 .x9-mobile-currency{padding:16px 0;border-bottom:1px solid #d9e2c2}
 .x9-mobile-currency-label{display:block;margin-bottom:10px;color:#fff;font-size:14px;font-weight:600}
 .x9-mobile-currency .woo-multi-currency.wmc-sidebar{position:static!important;inset:auto!important;width:100%;transform:none!important;transition:none;z-index:auto}
 .x9-mobile-currency .woo-multi-currency.wmc-sidebar.style-1 .wmc-list-currencies{display:flex;flex-wrap:wrap;gap:8px;width:100%}
 .x9-mobile-currency .woo-multi-currency.wmc-sidebar.style-1 .wmc-list-currencies .wmc-title,
 .x9-mobile-currency .woo-multi-currency.wmc-sidebar.style-1 .wmc-list-currencies .wmc-sidebar-open{display:none!important}
 .x9-mobile-currency .woo-multi-currency.wmc-sidebar.style-1 .wmc-list-currencies .wmc-currency{display:flex!important;flex:1 1 110px;flex-direction:column;justify-content:center;box-sizing:border-box;min-width:0;width:auto;min-height:76px;margin:0;padding:10px;border:1px solid #e1e8ce;border-radius:6px;background:#fff!important;color:#274524;font:inherit;text-transform:none;letter-spacing:normal;transition:none}
 .x9-mobile-currency .woo-multi-currency.wmc-sidebar.style-1 .wmc-list-currencies .wmc-currency.wmc-active{background:#e2eccf!important;border-color:#35561d}
 .x9-mobile-currency .woo-multi-currency.wmc-sidebar.style-1 .wmc-list-currencies .wmc-currency span,
 .x9-mobile-currency .woo-multi-currency.wmc-sidebar.style-1 .wmc-list-currencies .wmc-currency a{display:block;position:static;float:none;box-sizing:border-box;width:auto;max-width:100%;line-height:1.4;text-align:left;white-space:normal;overflow-wrap:anywhere;color:inherit!important}
 .x9-mobile-currency .woo-multi-currency.wmc-sidebar.style-1 .wmc-list-currencies .wmc-currency .wmc-currency-symbol{font-size:15px;font-weight:700}
 .x9-mobile-currency .woo-multi-currency.wmc-sidebar.style-1 .wmc-list-currencies .wmc-currency a,
 .x9-mobile-currency .woo-multi-currency.wmc-sidebar.style-1 .wmc-list-currencies .wmc-currency .wmc-active-title{font-size:12px;margin-top:4px}
 .x9-mobile-currency .woo-multi-currency.wmc-sidebar.style-1 .wmc-list-currencies .wmc-currency a:focus-visible{outline:2px solid #274524;outline-offset:3px}
}

/* Category banners keep copy separate from proportionate, uncropped images. */
.x9-collection-page .product-cat-banner{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;box-sizing:border-box;padding:24px 5%;text-align:left}
.x9-collection-page .product-cat-banner-left{display:flex;align-items:center;justify-content:center;flex:1 1 50%;min-width:0;max-width:750px;height:320px;height:clamp(200px,24vw,320px)}
.x9-collection-page .product-cat-banner-left img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;margin:0 auto}
.x9-collection-page .product-cat-banner-right{position:static;flex:1 1 50%;width:auto;height:auto;min-width:0;max-width:750px;padding:0}
.x9-collection-page .product-cat-banner-right-box{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0;padding:24px 48px 24px 0}
.x9-collection-page .product-cat-banner-txt{width:100%;max-width:600px;min-width:0;overflow-wrap:break-word}
@media(max-width:767px){
.x9-collection-page .product-cat-banner{flex-direction:column-reverse;padding:24px 5%}
.x9-collection-page .product-cat-banner-left,.x9-collection-page .product-cat-banner-right{flex:none;width:100%;max-width:none}
.x9-collection-page .product-cat-banner-left{height:180px;margin-top:16px}
.x9-collection-page .product-cat-banner-right-box{padding:0}
.x9-collection-page .product-cat-banner-right-box p{font-size:14px;line-height:1.5}
}