.cat-head{padding:72px 0 28px;background:linear-gradient(135deg,#143d31,#1f5a47);color:#fff}.cat-head p{max-width:640px;margin:12px 0 0;color:rgba(255,255,255,.72);font-size:1.05rem}.cat-preview-badge{display:inline-flex;margin-top:18px;padding:9px 14px;border-radius:999px;background:#f5a800;color:#162f28;font-weight:800;font-size:.82rem}.cat-nav-wrap{position:sticky;top:72px;z-index:20;background:#173f33;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 7px 20px rgba(4,20,15,.18)}.cat-nav{display:flex;gap:8px;padding-top:12px;padding-bottom:12px;overflow-x:auto;scrollbar-width:none}.cat-chip{flex:0 0 auto;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;padding:9px 16px;font:700 .88rem Outfit,sans-serif;cursor:pointer}.cat-chip.active,.cat-chip:hover{background:#f5a800;border-color:#f5a800;color:#153c30}.cat-content{padding-top:24px;padding-bottom:80px}.cat-category{scroll-margin-top:140px;padding:28px 0}.cat-category>header{margin-bottom:18px}.cat-category>header h3{color:#fff;font-size:1.55rem;margin:0 0 4px}.cat-category>header p{color:rgba(255,255,255,.58);margin:0}.cat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cat-card{min-width:0;overflow:hidden;background:#fff;border-radius:18px;color:#193b31;box-shadow:0 12px 30px rgba(4,22,16,.2);cursor:pointer;transition:transform .2s,box-shadow .2s}.cat-card:hover,.cat-card:focus{transform:translateY(-3px);box-shadow:0 18px 36px rgba(4,22,16,.28);outline:none}.cat-card--out{opacity:.7}.cat-card__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#f1e8d8}.cat-photo{width:100%;height:100%;object-fit:cover;display:block}.cat-placeholder{position:relative;width:100%;height:100%;display:grid;place-items:center;text-align:center;overflow:hidden;background:linear-gradient(145deg,#f5ead3,#e7d4ad);color:#193f33;padding:20px}.cat-placeholder:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(245,168,0,.38),transparent 35%)}.cat-placeholder img{position:absolute;width:58%;max-height:80%;object-fit:contain;opacity:.1}.cat-placeholder div{position:relative;display:flex;flex-direction:column;gap:3px}.cat-placeholder strong{font-size:1.04rem}.cat-placeholder span{text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.65rem;color:#a96e00}.cat-placeholder--1{background:linear-gradient(145deg,#19483a,#0c3026);color:#fff}.cat-placeholder--1 img{opacity:.16}.cat-placeholder--2{background:linear-gradient(145deg,#f6b720,#dc8900)}.cat-placeholder--2 img{width:46%;opacity:.18}.cat-stock{position:absolute;top:12px;right:12px;padding:6px 10px;border-radius:999px;background:#f5a800;color:#153b30;font-size:.73rem;font-weight:900;box-shadow:0 4px 14px rgba(0,0,0,.2)}.cat-stock--out{background:#a5342c;color:#fff}.cat-card__body{display:flex;flex-direction:column;justify-content:space-between;gap:14px;min-height:154px;padding:16px}.cat-card h4{margin:0;font-size:1.05rem;line-height:1.2}.cat-card p{margin:6px 0 0;font-size:.84rem;color:#667a72;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cat-card__foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.cat-card__foot strong{font-size:1rem}.cat-card__foot button{width:38px;height:38px;border:0;border-radius:12px;background:#f5a800;color:#173e32;font-size:1.5rem;font-weight:900;cursor:pointer}.cat-card__foot button:disabled{width:auto;padding:0 11px;background:#ddd;font-size:.75rem;color:#666}.cat-modal[hidden]{display:none}.cat-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px}.cat-modal__shade{position:absolute;inset:0;background:rgba(3,18,14,.75);backdrop-filter:blur(5px)}.cat-modal__card{position:relative;width:min(920px,100%);max-height:92vh;overflow:auto;border-radius:22px;background:#fff;color:#183a31;box-shadow:0 30px 90px rgba(0,0,0,.45)}.cat-modal__close{position:absolute;z-index:3;right:12px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:1.6rem;cursor:pointer}.cat-modal__card>div{display:grid;grid-template-columns:1fr 1fr}.cat-gallery{position:sticky;top:0;align-self:start;overflow:hidden;background:#eee;min-height:480px}.cat-gallery__track{display:flex;height:100%;min-height:480px;transition:transform .28s ease}.cat-gallery__slide{flex:0 0 100%;min-width:0}.cat-gallery__slide>*{height:100%;min-height:480px}.cat-gallery__arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:1.6rem;cursor:pointer}.cat-gallery__arrow--left{left:12px}.cat-gallery__arrow--right{right:12px}.cat-gallery__dots{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center;gap:7px}.cat-gallery__dots button{width:8px;height:8px;border:0;border-radius:50%;padding:0;background:rgba(255,255,255,.65);cursor:pointer}.cat-gallery__dots button.active{width:23px;border-radius:8px;background:#f5a800}.cat-detail{padding:34px 30px}.cat-detail h3{font-size:1.7rem;line-height:1.13;margin:0}.cat-detail__desc{color:#65766f;line-height:1.45}.cat-detail__price{display:block;margin:14px 0 24px;font-size:1.2rem}.cat-options{border:0;padding:0;margin:22px 0}.cat-options legend{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-weight:800}.cat-options legend small{background:#eef2ef;color:#66766f;padding:4px 7px;border-radius:7px;font-size:.67rem;text-transform:uppercase;letter-spacing:.05em}.cat-options label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 4px;border-bottom:1px solid #e6ece8;cursor:pointer}.cat-options input{accent-color:#e79a00;width:18px;height:18px}.cat-options b{font-size:.76rem;color:#75827d}.cat-notes{display:flex;flex-direction:column;gap:7px;margin:22px 0}.cat-notes span{font-weight:800}.cat-notes small{font-weight:500;color:#788}.cat-notes textarea{resize:vertical;border:1px solid #cad6d0;border-radius:12px;padding:11px;font:inherit}.cat-detail__bottom{display:flex;gap:10px;position:sticky;bottom:-34px;background:#fff;padding:16px 0 4px}.cat-qty{display:flex;align-items:center;border:1px solid #d4ddd8;border-radius:12px;overflow:hidden}.cat-qty button{width:38px;height:44px;border:0;background:#f0f4f2;font-size:1.2rem}.cat-qty output{min-width:28px;text-align:center;font-weight:800}.cat-add{flex:1;border:0;border-radius:12px;background:#f5a800;color:#173e32;font:800 .96rem Outfit,sans-serif;cursor:pointer}.cat-detail__error{color:#a52e29;font-weight:700}.cat-modal-open{overflow:hidden}.cart-item__thumb{width:50px;height:50px;border-radius:9px;object-fit:cover}.cart-item__options{display:block;font-size:.7rem;color:#788b83;line-height:1.3}
@media(max-width:900px){.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cat-modal__card>div{grid-template-columns:1fr}.cat-gallery,.cat-gallery__track,.cat-gallery__slide>*{min-height:330px}.cat-gallery{position:relative}.cat-modal__card{max-width:620px}.cat-detail__bottom{bottom:-34px}}
@media(max-width:600px){.cat-head{padding:58px 0 22px}.cat-nav-wrap{top:64px}.cat-content{padding-top:8px}.cat-category{padding:24px 0}.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cat-card{border-radius:14px}.cat-card__media{aspect-ratio:1}.cat-card__body{padding:12px;min-height:142px}.cat-card h4{font-size:.91rem}.cat-card p{font-size:.75rem}.cat-card__foot{align-items:flex-end}.cat-card__foot strong{font-size:.86rem}.cat-card__foot button{width:34px;height:34px}.cat-modal{padding:0;align-items:end}.cat-modal__card{border-radius:20px 20px 0 0;max-height:94vh}.cat-modal__card>div{display:block}.cat-gallery,.cat-gallery__track,.cat-gallery__slide>*{min-height:260px;height:260px}.cat-detail{padding:24px 18px 30px}.cat-detail h3{font-size:1.4rem}.cat-detail__bottom{bottom:-30px}}