.font-display{letter-spacing:.4px;font-family:Russo One,Rubik,sans-serif}.cat-hero{color:#fff;background:linear-gradient(120deg,#0b3040 0% 45%,#14796e 100%);padding:52px 0 56px;position:relative;overflow:hidden}.cat-hero.has-image{background:#0b3040}.cat-hero.has-image:before{content:"";opacity:.3;background-position:50%;background-size:cover;position:absolute;inset:0}.cat-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff6b0038 0%,#0000 70%);width:340px;height:340px;position:absolute;top:-40px;right:-80px}.cat-hero .container{z-index:1;position:relative}.cat-hero-slant{clip-path:polygon(0 100%,100% 100%,100% 38%);z-index:1;background:#fff;height:34px;position:absolute;bottom:-1px;left:0;right:0}.cat-kicker{text-transform:uppercase;letter-spacing:1.2px;color:#fff;background:#ff6b00;border-radius:6px;align-items:center;gap:7px;margin-bottom:14px;padding:5px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.cat-crumbs{color:#ffffffb3;margin-bottom:14px;font-size:13px}.cat-crumbs a{color:#ffffffd9;text-decoration:none}.cat-crumbs a:hover{color:#fff}.cat-crumbs .sep{opacity:.5;margin:0 6px}.cat-h1{text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px;font-family:Russo One,Rubik,sans-serif;font-size:44px;font-weight:400;line-height:1.05}.cat-desc{color:#ffffffd9;max-width:680px;font-size:14px;line-height:1.6}.cat-count{color:#ffffffb3;margin-top:12px;font-size:13px}@media (width<=560px){.cat-h1{font-size:32px}}.cat-subcats{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;padding:24px 0;display:grid}.subcat-tile{color:#fff;background:#0b3040;border-radius:14px;height:120px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden}.subcat-tile:hover{transform:translateY(-3px);box-shadow:0 12px 28px #07303c2e}.subcat-tile img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.subcat-tile:after{content:"";background:linear-gradient(#0b304000 0%,#0b3040c7 100%);height:58%;position:absolute;bottom:0;left:0;right:0}.subcat-tile .name{z-index:1;text-shadow:0 1px 6px #00000073;font-size:17px;font-weight:800;position:absolute;bottom:14px;left:16px}.subcat-tile .cnt{z-index:1;color:#fff;backdrop-filter:blur(4px);background:#0b30408c;border-radius:12px;padding:4px 9px;font-size:11px;font-weight:700;position:absolute;top:12px;right:14px}.cat-toolbar{border-bottom:1px solid #eef1f3;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;padding:18px 0;display:flex}.cat-toolbar select{cursor:pointer;background:#fff;border:1.5px solid #e2e6ea;border-radius:20px;padding:8px 14px;font-family:inherit;font-size:13px}.cat-products{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;padding-bottom:50px;display:grid}.pcard-link{color:inherit;background:#fff;border:1.5px solid #e2e6ea;border-radius:18px;text-decoration:none;transition:box-shadow .2s,transform .2s,border-color .2s;display:block;overflow:hidden}.pcard-link:hover{border-color:#22c1da;transform:translateY(-3px);box-shadow:0 12px 28px #07303c1f}.pcard-link .img{aspect-ratio:1;background:#f4f6f8;justify-content:center;align-items:center;display:flex}.pcard-link .img img{object-fit:cover;width:100%;height:100%}.pcard-link .body{padding:14px}.pcard-link .title{color:#1c2b36;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:38px;font-size:13.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.pcard-link .avail{color:#27ae60;margin-top:6px;font-size:11px;font-weight:600}.pcard-link .avail.order{color:#e67e22}.pcard-link .price-row{align-items:center;gap:8px;margin-top:6px;display:flex}.pcard-link .price-cur{background:linear-gradient(90deg,#0b3040 0%,#14796e 50%,#1aa8be 100%);-webkit-text-fill-color:transparent;background-clip:text;font-size:17px;font-weight:800}.pcard-link .price-old{color:#8a9bb0;font-size:12px;text-decoration:line-through}.cat-empty{text-align:center;color:#8a9bb0;padding:60px 20px}.catf-bar{background:radial-gradient(150px 150px at 95% -10%,#ff6b004d,#0000 70%),linear-gradient(120deg,#0b3040 0%,#0e3848 55%,#124b50 100%);border:none;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;padding:12px 14px;display:flex;position:relative;box-shadow:0 10px 30px #0b304038}.catf-bar>*{position:relative}.cf-dd.open{z-index:50}.cf-dd{position:relative}.cf-dd-btn{color:#eaf1f5;cursor:pointer;white-space:nowrap;background:#ffffff12;border:1.5px solid #ffffff29;border-radius:10px;align-items:center;gap:7px;padding:9px 13px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.cf-dd-btn:hover{background:#ffffff24;border-color:#ffffff4d}.cf-dd.active .cf-dd-btn{color:#fff;background:#ff6b00;border-color:#ff6b00;box-shadow:0 4px 14px #ff6b0066}.cf-dd-ic{color:#5fd0e0;flex-shrink:0}.cf-dd.active .cf-dd-ic{color:#fff}.cf-dd-val{color:#fff;font-weight:700}.cf-dd-arr{color:#ffffff80;flex-shrink:0;transition:transform .2s}.cf-dd.active .cf-dd-arr{color:#ffffffd9}.cf-dd.open .cf-dd-arr{transform:rotate(180deg)}.cf-dd-panel{z-index:40;background:#fff;border:1.5px solid #e2e6ea;border-radius:12px;min-width:200px;max-width:320px;padding:14px;display:none;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 30px #07303c29}.cf-dd.open .cf-dd-panel{display:block}.catf-group{flex-direction:column;gap:6px;display:flex}.catf-lbl{text-transform:uppercase;letter-spacing:.6px;color:#8a9bb0;font-size:11px;font-weight:800}.catf-sel{cursor:pointer;color:#eaf1f5;background:#ffffff12;border:1.5px solid #ffffff29;border-radius:10px;padding:9px 12px;font-family:inherit;font-size:13px}.catf-sel:focus{border-color:#fff6;outline:none}.catf-sel option{color:#1c2b36}.catf-price{align-items:center;gap:6px;display:flex}.catf-price input{text-align:center;color:#1c2b36;border:1.5px solid #e2e6ea;border-radius:8px;width:80px;padding:8px 10px;font-family:inherit;font-size:13px}.catf-price input:focus{border-color:#ff6b00;outline:none}.catf-price span{color:#8a9bb0}.catf-chips{flex-wrap:wrap;gap:6px;max-height:240px;display:flex;overflow:auto}.catf-chip{cursor:pointer;color:#1c2b36;user-select:none;background:#fff;border:1.5px solid #e2e6ea;border-radius:8px;padding:7px 13px;font-size:13px;font-weight:600;transition:all .15s}.catf-chip:hover{color:#ff6b00;border-color:#ff6b00}.catf-chip.on{color:#fff;background:#ff6b00;border-color:#ff6b00}.catf-colors{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.catf-sw{cursor:pointer;border:2.5px solid #e2e6ea;border-radius:50%;width:26px;height:26px;transition:transform .15s}.catf-sw:hover{transform:scale(1.12)}.catf-sw.on{border-color:#ff6b00;box-shadow:0 0 0 2px #ff6b00}.catf-right{align-items:center;gap:10px;margin-left:auto;display:flex}.catf-reset{color:#eaf1f5;cursor:pointer;white-space:nowrap;background:#ffffff12;border:1.5px solid #ffffff29;border-radius:10px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.catf-reset:hover{background:#ffffff29;border-color:#ffffff4d}.catf-reset svg{color:#ff6b00}@media (width<=700px){.catf-right{width:100%;margin-left:0}}.subcat-nav{flex-wrap:wrap;gap:10px;margin:0 0 18px;display:flex}.subcat-tile2{color:#fff;background:#0b3040;border:2px solid #0000;border-radius:12px;width:182px;height:78px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative;overflow:hidden}.subcat-tile2:hover{transform:translateY(-2px);box-shadow:0 8px 18px #07303c29}.subcat-tile2 img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.subcat-tile2:after{content:"";background:linear-gradient(#0b304000 0%,#0b3040cc 100%);height:70%;position:absolute;bottom:0;left:0;right:0}.subcat-tile2 .nm{z-index:1;text-shadow:0 1px 5px #00000080;font-size:13px;font-weight:700;line-height:1.15;position:absolute;bottom:8px;left:10px;right:10px}.subcat-tile2.active{border-color:#ff6b00;box-shadow:0 0 0 2px #ff6b0040}.subcat-tile2.active:after{background:linear-gradient(#ff6b0026 0%,#0b3040d1 100%)}@media (width<=560px){.subcat-tile2{width:calc(50% - 5px)}}.subcat-tile2 .nm{letter-spacing:.3px;font-family:Russo One,Rubik,sans-serif;font-weight:400}.catf-count{color:#4a6070;margin:2px 0 16px;font-size:14px}.catf-count b{color:#0b3040;font-weight:700}#catGrid{gap:20px}#catGrid .pcard{border:1.5px solid #e9edf1;border-radius:16px;transition:transform .25s cubic-bezier(.2,.7,.3,1),box-shadow .25s,border-color .25s;position:relative}#catGrid .pcard:before{content:"";z-index:5;background:linear-gradient(90deg,#ff6b00,#ff9540);border-radius:16px 0 0;width:0;height:4px;transition:width .3s;position:absolute;top:0;left:0}#catGrid .pcard:hover{border-color:#ff6b00;transform:translateY(-6px);box-shadow:0 20px 40px #0b30402e}#catGrid .pcard:hover:before{width:100%}#catGrid .pcard .pcard-title{font-weight:600}#catGrid .pcard .btn-cart{transition:background .2s,transform .15s}#catGrid .pcard .btn-cart:hover{transform:translateY(-1px)}.catf-id{color:#fff;border-right:1.5px solid #ffffff2e;align-items:center;gap:8px;margin-right:4px;padding-right:14px;display:flex}.catf-id svg{color:#ff6b00;flex-shrink:0}.catf-id span{text-transform:uppercase;font-size:14px}.catf-sort-wrap{align-items:center;display:inline-flex;position:relative}.catf-sort-wrap select{appearance:none;padding:9px 30px 9px 13px}.catf-sort-arr{color:#fff9;pointer-events:none;position:absolute;right:10px}.catf-reset{align-items:center;gap:6px;display:inline-flex}.catf-reset svg{flex-shrink:0}.catf-active{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;display:flex}.catf-active-lbl{text-transform:uppercase;letter-spacing:.6px;color:#8a9bb0;margin-right:2px;font-size:11px;font-weight:800}.catf-ac-chip{color:#e05a00;background:#fff1e6;border:1.5px solid #ffd4b5;border-radius:20px;align-items:center;gap:7px;padding:5px 9px 5px 13px;font-size:12.5px;font-weight:600;display:inline-flex}.catf-ac-chip span{opacity:.65;font-weight:500}.catf-ac-chip b{cursor:pointer;opacity:.7;font-size:16px;line-height:1;transition:opacity .15s}.catf-ac-chip b:hover{opacity:1}.catf-ac-clear{color:#8a9bb0;cursor:pointer;margin-left:4px;font-size:12.5px;font-weight:600;transition:color .15s}.catf-ac-clear:hover{color:#ff6b00}.cat-sec-head{text-transform:uppercase;letter-spacing:.4px;color:#0b3040;margin:0 0 14px;font-family:Russo One,Rubik,sans-serif;font-size:18px}