@media(max-width:1023px){
.carousel{grid-auto-columns:calc(33.333% - 14px)}
.prod-grid{grid-template-columns:repeat(3,1fr)}
.cat-grid{grid-template-columns:repeat(4,1fr);row-gap:28px}
.foot-grid{grid-template-columns:repeat(3,1fr);row-gap:32px}
.pdp{grid-template-columns:1fr 1fr;gap:32px}
}
@media(max-width:767px){
body{padding-bottom:60px;padding-top:60px}
.page-width{padding:0 24px}
.section{padding:40px 0}
.header-inner{height:60px;padding:0 16px;grid-template-columns:1fr auto 1fr;align-items:center}
.header-left{justify-content:flex-start}
.header-center{text-align:center}
.header-right{justify-content:flex-end;gap:14px}
.site-header .logo img,.logo img{width:160px;height:15px}
.hero{position:relative;display:grid;grid-template-columns:1fr;min-height:280px;gap:0;align-items:end;overflow:hidden}
.hero-media{position:absolute;inset:0}
.hero-media img,.hero-media .ph{width:100%;height:100%;min-height:280px;object-fit:cover;object-position:center top}
.hero-img-d{display:none}
.hero-media .hero-img-d:only-child{display:block}
.hero-img-m{display:block}
.hero-content{position:relative;z-index:1;padding:32px 20px 36px;text-align:left;max-width:80%}
.hero-content h1{font-size:22px;text-align:left}
.hero-content p{text-align:left}
.hero-content .btn{margin-left:0}
.hero-banner .page-width{padding:0}
.benefits{padding:14px 0}.benefits-grid{grid-template-columns:repeat(4,1fr);padding:0 12px;gap:6px}.benefit{font-size:9px;letter-spacing:1px;gap:6px}.benefit-icon svg,.benefit svg{width:20px;height:20px}
.cat-grid{display:flex;overflow-x:auto;gap:16px;padding:0 24px 8px;scrollbar-width:none}
.cat-grid::-webkit-scrollbar{display:none}
.cat-item{min-width:92px}
.cat-grid--text .cat-item{min-width:112px}
.cat-grid--text .cat-circle{font-size:11px;letter-spacing:1.5px}
.carousel{grid-auto-columns:calc(50% - 8px);gap:12px;overflow-y:hidden;overscroll-behavior-x:contain;align-items:start}
.carousel-wrap{padding:0 16px}
.car-btn{display:none}
.prod-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px 16px 8px}
.coll-head{padding:20px 16px 4px}
.pdp{grid-template-columns:1fr;gap:24px;padding:16px 16px 32px}
.pdp-gallery{max-width:none}
.pdp-gallery .main{max-height:440px}
.pdp-info h1{font-size:22px}
.pdp-thumbs{grid-template-columns:repeat(4,48px)}
.foot-grid{grid-template-columns:1fr;text-align:center;padding:0 24px}
.rev-row{grid-template-columns:1fr}
.review-form{padding:18px}
.reviews{padding:32px 16px 40px}
.foot-grid h4{text-align:center}
.foot-brand .logo{font-size:20px}
.bottom-nav{display:block}
.ann-track{animation-duration:45s}
.cat-grid-wrap{position:relative}
.cat-dots{display:flex;justify-content:center;gap:6px;padding:10px 0 2px}
.cat-dot{width:6px;height:6px;border-radius:50%;border:none;padding:0;background:#DED6CF;cursor:pointer;transition:background 0.25s,transform 0.25s;flex-shrink:0}
.cat-dot--active{background:#8F7967;transform:scale(1.35)}
}
@media(min-width:1440px){
.page-width,.header-inner,.carousel-wrap,.prod-grid,.coll-head,.pdp,.foot-grid,.benefits-grid{max-width:1280px}
}

@media(max-width:767px){
.h-acc,.h-cart{display:none!important}
}

@media(max-width:767px){
.p-utils{padding:6px 10px 0}
}

@media(max-width:767px){
.foot-brand{display:flex;flex-direction:column;align-items:center;text-align:center}
.foot-brand .logo{justify-content:center;margin:0 auto}
.foot-grid>div{display:flex;flex-direction:column;align-items:center}
.foot-grid a{display:flex;justify-content:center;align-items:center;margin-left:auto;margin-right:auto}
}

@media(max-width:767px){
.page-body{font-size:13.5px;line-height:1.8}
.page-body h2{font-size:15px;margin:26px 0 10px}
.page-body h3{font-size:13px;margin:22px 0 8px}
.page-body table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.page-body th,.page-body td{padding:8px 10px;min-width:120px}
}