:root { --color-blue: #1B468A; --color-muted-maroon: #7D4C4D; --color-pale-blue: #DFE5F6; --color-text: #262522; --color-light: #fff; }
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-weight: 500; font-family: 'Work Sans', sans-serif; }
img { display: block; max-width: 100%; }
a { text-decoration: none; }
.innerbanner-image,
.page_breadcrumb,
.order-page-btn_holder,
.home_top_supplies{max-width: 1200px; margin: 0 auto; float: none; clear: both;}
.home_top_supplies{display: flex; flex-wrap: wrap; padding-top: 0;}
.offer-wraper {max-width: 1200px; width: 100%; margin: 0 auto; }
.offer-heading { display: flex; gap: 10px; margin-bottom: 30px; font-weight: 600; align-items: center; justify-content: center; }
.offer-section-title { font-size: 26px; line-height: 100%; color: var(--color-blue); text-align: center; }
.iconic-pattern img { width: 30px; }
.offer-section-title{width: auto;}
.pattern-left, .pattern-right{flex: 1;}
.pattern-left{display: flex; justify-content: flex-end;}
.pattern-right img { transform: scaleX(-1); }
.main_title{float: none; clear: both;}
.staticpage_container p{line-height: normal; padding-bottom: 0;}
.smart-pet-care-section div, .offer-tabs-top-pattern, .offer-tabs-bottom-pattern, .shop-by-cate-section div, .offer-new-cate-section div, .offer-tabs-section div:not(.offer-tab-content-inner > .owl-stage-outer > .owl-stage div){float: none; clear: both;}
.home_top_supplies .home_slider_one .owl-nav{transform: translateY(-50%); margin: 0;}
/* section 1 */
.smart-pet-care-section { padding:35px 0; float: none; clear: both; }
.offer-smart-pet-care-inner { display: flex; gap: 40px; padding-top: 20px; align-items: center; }
.smart-pet-care-box { width: calc((100% - 138px) / 4); }
.smart-pet-care-box-inner { display: flex; gap: 10px; align-items: center; padding: 10px; padding-right: 0px; border-radius: 15px; height: 110px; position: relative; background: #FEE2D1; justify-content: space-between; }
.smart-pet-care-box:nth-child(2) .smart-pet-care-box-inner { background: #F9F5C9; }
.smart-pet-care-box:nth-child(3) .smart-pet-care-box-inner { background: #E1F3FE; }
.smart-pet-care-box:nth-child(4) .smart-pet-care-box-inner { background: #FEF0C9; }
.smart-pet-care-image { position: absolute; z-index: 1; right: -20px; transition: all .3s ease-in; width: auto; float: none; clear: both;}
.smart-pet-care-image img { transition: all .3s ease-in; }
.smart-pet-care-box-inner:hover .smart-pet-care-image img { transform: translateY(-6px); }
.smart-pet-care-box-inner::before,
.smart-pet-care-box-inner::after { content: ""; position: absolute; width: 0; height: 0; right: 0; }
.smart-pet-care-box-inner::before { border-left: 260px solid transparent; border-right: 0px solid transparent; border-top: 15px solid #fff; top: 0; }
.smart-pet-care-box-inner::after { border-left: 260px solid transparent; border-right: 0px solid transparent; border-bottom: 15px solid #fff; bottom: 0; }
.smart-pet-care-title { font-size: 15px; font-weight: 600; line-height: 100%; text-align: left; color: var(--color-text); z-index: 1; }
.smart-pet-care-desc { font-size: 12px; line-height: 100%; color: var(--color-text); z-index: 1; text-align: left; font-weight: 500; margin-top: 5px; }
.offer-bands-banner { padding-top: 35px; }
/*  */
.offer-tabs-top-pattern { transform: translateY(1px); }
.offer-tabs-bottom-pattern { margin-top: -1px; }
.offer-tabs-bottom-pattern { transform: scaleY(-1); }
.offer-tabs-section { padding: 35px 0; background: #F5F0E9; }
.offer-tab-btns { display: flex; gap: 10px; width: 80%; margin: 0 auto; align-items: center; justify-content: center; padding-bottom: 40px; }
.offer-tab-btn { padding: 14px 22px; border-radius: 50px; text-align: center; font-size: 20px; font-weight: 600; line-height: normal; cursor: pointer; width: calc((100% - 30px) / 4); transition: all 0.3s ease-in; border: 1px solid var(--color-muted-maroon); }
.offer-tab-btn.active { background: #F2E4D2; box-shadow: 0px 8px 8px 0px #7D4C4D40; }
.offer-tab-btn:hover:not(.active) { box-shadow: 0px 0px 8px 0px #7D4C4D40; color: var(--color-muted-maroon); background: var(--color-light); }
.offer-tab-content { opacity: 0; visibility: hidden; height: 0; }
.offer-tab-content.active { opacity: 1; visibility: visible; height: auto; }
.offer-tab-content-inner { position: relative; display: block; }
.offer-card { /* width: 280px; */ }
.offer-tab-content-inner .owl-stage-outer { padding-block: 10px 15px; }
.offer-tab-content-inner .owl-next,
.offer-tab-content-inner .owl-prev { margin: 0 !important; position: absolute !important; top: 50% !important; transform: translateY(-50%); width: unset !important; height: unset !important; text-indent: -9999px !important; background: none !important; }
.owl-nav { display: flex; justify-content: space-between; position: absolute; top: 50%; width: 100%; }
.prev-arrow,
.next-arrow { font-size: 24px; cursor: pointer; display: block; background: var(--color-light); box-shadow: 0 0 6px #00000030; color: var(--color-text); border-radius: 50%; }
.my-nav-btn { margin: 0 !important; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; outline: 1px solid var(--color-muted-maroon); transition: all .3s ease-in; }
.offer-tab-content-inner .owl-prev.disabled,
.offer-tab-content-inner .owl-next.disabled { visibility: hidden; display: none; }
.my-nav-btn:hover { background: #F5F0E9; }
.my-nav-btn svg { width: 28px; height: 28px; color: var(--color-text); transition: all .3s ease; margin: 0;}
.my-nav-btn:hover svg { color: var(--color-muted-maroon); }
.offer-tab-content-inner .owl-next { right: -5px !important; }
.offer-tab-content-inner .owl-prev { left: -5px !important; }
.offer-card-inner { overflow: hidden; z-index: 1; position: relative; border-radius: 18px; background: var(--color-light); border: 1px solid var(--color-muted-maroon); transition: all .3s ease; }
.offer-card-inner:hover { box-shadow: 0px 0px 13px #00000030; }
.offer-card-content { padding: 10px 5px 28px; text-align: center; position: relative; color: var(--color-light); border-radius: 0 0 94px 94px; background: var(--color-muted-maroon); transition: all .3s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
.offer-card-inner:hover .offer-card-content { box-shadow: 0px 6px 9px 1px rgba(125, 76, 77, 0.2); }
.offer-header { display: flex; height: 60px; justify-content: center; align-items: center; }
.offer-card-content .title { font-size: 18px; line-height: 22px; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; }
.offer-card-content .card-price { font-size: 35px; line-height: 100%; font-weight: 600; padding-bottom: 18px; }
.offer-btn { font-size: 15px; width: fit-content; margin: 0 auto; line-height: 100%; padding: 8px 24px; border-radius: 50px; transition: all .3s ease-in; box-shadow: 0px 6.29px 6.29px 0px #00000080; border: 1px solid var(--color-light); float: none; clear: both;}
.offer-btn:hover { color: var(--color-muted-maroon); background: #F5F0E9 !important; }
.offer-card-inner:hover .offer-btn { color: var(--color-muted-maroon); background: var(--color-light); }
.offer-card-img-holder { position: relative; text-align: center; padding: 10px 10px 15px; }
.offer-card-img-holder img { width: 200px; mix-blend-mode: darken; margin: 0 auto; }
/*  */
.new-cates-inner { padding-block: 35px 60px; display: flex; gap: 20px; flex-wrap: wrap; }
.new-cates-inner a { width: calc((100% - 60px) / 4); transition: all .3s ease-out; }
.new-cates-inner a:hover { transform: translateY(-10px); }
/*  */
.shop-by-cate-section { position: relative; padding-bottom: 40px; margin-bottom: 20px; float: none; clear: both; }
.shop-cate-bg-custom { position: absolute; bottom: 0; left: 0; right: -70px; margin: 0 auto; width: auto;}
.shop-by-cate-section .offer-wraper { padding: 20px 30px 56px; background: url(shop-by-cate-bg-pattern.png), #F1F3F9; background-repeat: repeat; background-position: center; background-size: auto; border-radius: 25px; }
.shop-cate-inner { gap: 30px; display: flex; align-items: center; }
.shop-cate-inner-col { position: relative; width: calc((100% - 30px) / 2); }
.shop-cate-title { font-size: 24px; line-height: normal; font-weight: 600; position: relative; text-align: center; color: var(--color-blue); }
.shop-cate-title::before { content: ''; width: 46%; top: 0; bottom: 0; margin: auto 0; height: 1px; position: absolute; background: var(--color-blue); }
.shop-cate-left .shop-cate-title::before { right: -15px; }
.shop-cate-right .shop-cate-title::before { left: -15px; }
.shop-cate-items { display: flex; gap: 10px; align-items: center; padding: 13px 0 52px; position: relative; }
.shop-cate-left .shop-cate-items::before,
.shop-cate-left::before { content: ''; position: absolute; right: -15px; top: 13px; height: 50px; width: 1px; background: var(--color-blue); }
.shop-cate-left::before { content: none; }
.shop-cate-items a { width: calc((100% - 20px) / 3); }
.shop-cate-item { display: flex; gap: 12px; padding: 7px 10px; border-radius: 50px; align-items: center; justify-content: space-between; background: var(--color-pale-blue); transition: all .3s ease-out; }
.shop-cate-item:hover { box-shadow: 0px 0px 0px 1px var(--color-blue); }
.shop-cate-item .title { font-size: 14px; font-weight: 500; line-height: 100%; text-align: center; color: var(--color-blue); width: calc(100% - 48px); }
.shop-cate-icon { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; }
.shop-cate-icon img { width: 32px; }
.shop-cate-icon::before { content: ''; top: 0; bottom: 0; right: 0; left: 0; z-index: -1; width: 100%; height: 100%; margin: auto; border-radius: 50px; position: absolute; transform: scale(0); background: var(--color-light); transition: all .3s ease; }
.shop-cate-item:hover .shop-cate-icon::before { transform: scale(1.2); }
.shop-cate-iconic-items { display: flex; gap: 25px; width: 70%; text-align: center; align-items: center; justify-content: flex-start; }
.shop-cate-right .shop-cate-iconic-items { justify-content: flex-end; margin-inline: auto 0; }
.shop-cate-icon-holder { position: relative; }
.shop-cate-icon-holder img {width: 106px; margin: 0 auto; transition: all .3s ease-out; }
.shop-cate-iconic-item:hover .shop-cate-icon-holder img { transform: translateY(-10px); }
.shop-cate-iconic-items a { width: calc((100% - 50px) / 3); }
.shop-cate-iconic-title { font-size: 12px; margin-top: 10px; font-weight: 600; line-height: normal; color: var(--color-blue); }


@media (max-width: 1199px) {
 .offer-wraper { padding: 0 15px; }
.offer-heading { gap: 5px; margin-bottom: 24px; }
.offer-section-title { font-size: 22px; }
.iconic-pattern img { width: 25px; }
.smart-pet-care-image img { height: 100px; }
.smart-pet-care-content { width: calc(100% - 40px); }
.smart-pet-care-box-inner::before,
.smart-pet-care-box-inner::after { border-left-width: 190px; }
/*  */
.offer-card-content { border-radius: 0 0 74px 74px; }
/*  */
.shop-cate-bg-custom { width: 40%; }
.new-cates-inner { gap: 15px; padding: 25px 0 50px; }
.new-cates-inner a { width: calc((100% - 45px) / 4); }
.shop-cate-item .title { text-align: left; }
 }

@media (max-width: 1024px) { 
.inner-split-banner{padding:0 15px;}
.offer-tab-btns{width: 85%;}
.offer-tab-btn{padding: 14px 0; font-size:18px;}
}

@media (max-width: 991px) {
 .offer-smart-pet-care-inner { padding-top: 0; }
.offer-smart-pet-care-inner { gap: 30px; }
.smart-pet-care-box { width: calc((100% - 104px) / 4); }
.smart-pet-care-content { width: calc(100% - 45px); }
.smart-pet-care-image { right: -15px; }
.smart-pet-care-image img { height: 90px; }
.smart-pet-care-box-inner { height: 100px; }
.smart-pet-care-title { font-size: 14px; }
.smart-pet-care-box-inner::before,
.smart-pet-care-box-inner::after { border-left-width: 144px; }
/*  */
.offer-tab-btns { width: 100%; padding-bottom: 30px; }
.offer-tab-btn { padding: 10px; font-size: 16px; }
.offer-tab-content-inner { gap: 15px; }
.offer-card-content { border-radius: 0 0 50px 50px; }
.offer-card-content .title { font-size: 16px; line-height: 20px; -webkit-line-clamp: 3; }
.offer-card-content .card-price { padding-bottom: 0; padding-top: 10px; font-size: 20px; }
.offer-btn { display: none; }
/*  */
.shop-cate-bg-custom { width: 42%; }
.shop-by-cate-section { padding-bottom: 30px; }
.shop-by-cate-section .offer-wraper { padding: 20px 10px 40px; }
.shop-cate-inner { gap: 24px; }
.shop-cate-inner-col { width: calc((100% - 24px) / 2); }
.shop-cate-left .shop-cate-items::before { right: -12px; height: 42px; }
.shop-cate-items { gap: 6px; padding-bottom: 30px; }
.shop-cate-items a { width: calc((100% - 12px) / 3); }
.shop-cate-item { gap: 8px; padding: 5px 10px 5px 15px; }
.shop-cate-icon { width: 32px; height: 32px; }
.shop-cate-item .title { font-size: 12px; text-align: left; width: calc(100% - 40px); }
.shop-cate-iconic-items { gap: 15px; }
.shop-cate-iconic-items a { width: calc((100% - 30px) / 3); }
.shop-cate-icon img { width: 28px; }
 }
@media (max-width: 767px) {
 .offer-bands-banner { padding-top: 20px; }
.offer-heading { margin-bottom: 15px; }
.offer-section-title { font-size: 18px; }
.iconic-pattern img { width: 20px; }
.smart-pet-care-section .iconic-pattern img { transform: translateY(-8px); }
.smart-pet-care-section .pattern-right img{transform: translateY(-8px) scaleX(-1);}
.offer-smart-pet-care-inner { flex-wrap: wrap; gap: 20px 40px; }
.offer-section-title-mobile { display: block; font-size: 14px; font-weight: 500; color: var(--color-text); }
/*  */
.smart-pet-care-section { padding: 20px 0; }
.smart-pet-care-box { width: calc((100% - 53px) / 2); }
.smart-pet-care-image img { width: auto; height: 100px; }
.smart-pet-care-image { right: -15px; }
.smart-pet-care-content { width: calc(100% - 50px); }
.smart-pet-care-box-inner::before,
.smart-pet-care-box-inner::after { border-left-width: 165px; }
/*  */
.offer-tabs-section { padding-bottom: 25px; }
.offer-tab-content-inner { flex-wrap: wrap; gap: 15px 10px; }
/* .offer-card { width: calc((100% - 10px) / 2); }
*/
.offer-card-content { padding-bottom: 24px; border-radius: 0 0 50px 50px; }
.offer-card-content .title { font-size: 14px; line-height: 16px; -webkit-line-clamp: 3; }
.offer-card-content .card-price { padding-bottom: 0; padding-top: 10px; font-size: 20px; }
.offer-btn { display: none; }
/*  */
.new-cates-inner { gap: 16px 10px; padding: 20px 0 40px; }
.new-cates-inner a { width: calc((100% - 10px) / 2); }
/*  */
.shop-cate-bg-custom { display: none; }
.shop-by-cate-section .offer-wraper { padding: 20px 10px 26px; }
.shop-cate-inner { gap: 10px; }
.shop-cate-left .shop-cate-items::before { content: none; }
.shop-cate-left::before { content: ''; top: 0; right: -6px; width: 1px; height: 100%; }
.shop-cate-inner-col { width: calc((100% - 10px) / 2); }
.shop-cate-items { flex-direction: column; }
.shop-cate-title { font-size: 18px; padding-bottom: 6px; }
.shop-cate-title::before { top: 100%; bottom: 0px; width: 64%; height: 2px; }
.shop-cate-title::before { left: 0 !important; right: 0 !important; margin: 0 auto; }
.shop-cate-items { padding-top: 20px; }
.shop-cate-items a { width: 85%; }
.shop-cate-iconic-items { width: 94%; }
.shop-cate-iconic-items { gap: 10px; }
.shop-cate-iconic-items a { width: calc((100% - 20px) / 3); }
 }
@media (max-width: 767px) and (min-width: 481px) {
 .smart-pet-care-box-inner::before,
     .smart-pet-care-box-inner::after { border-left-width: 230px; }
 }
@media (max-width: 576px) {
 .offer-tab-btns { flex-wrap: wrap; padding-bottom: 20px; }
.offer-tab-btn { width: calc((100% - 10px) / 2); }
 }
@media (max-width: 480px) {
 .smart-pet-care-title { font-size: 13px; }
.smart-pet-care-content { width: calc(100% - 40px); }
.smart-pet-care-desc { font-size: 11px; }
.smart-pet-care-image img { height: 90px; }
.smart-pet-care-box-inner::before,
.smart-pet-care-box-inner::after { border-left-width: 155px; }
 }
@media (max-width: 399px) {
.smart-pet-care-box-inner { height: 100px; }
.smart-pet-care-box-inner::before,
.smart-pet-care-box-inner::after { border-left-width: 140px; }
.smart-pet-care-desc { font-size: 10px; }
.smart-pet-care-content { width: calc(100% - 45px); }
.offer-tab-btn{font-size: 14px;}
}
@media (max-width: 359px) {
.smart-pet-care-title { font-size: 12px; }
.smart-pet-care-box-inner::before,
.smart-pet-care-box-inner::after { border-left-width: 100px; }
.shop-cate-items a { width: 96%; }
.shop-cate-iconic-title { font-size: 10px; }
 }