:root{--navy:#0b2c5d;--navy-deep:#071e42;--navy-mid:#163d78;--accent:#e8a020;--accent-soft:#fef3dc;--surface:#f4f6fb;--white:#ffffff;--text-main:#1a2540;--text-muted:#6b7a99;--border:#e2e7f0;--card-shadow:0 2px 12px rgba(11,44,93,0.07);--card-hover:0 18px 48px rgba(11,44,93,0.14);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.shop-page{color:var(--text-main);min-height:60vh;background:var(--surface)}.container{max-width:1400px;margin:0 auto;padding:0 24px}.shop-page .container-fluid{width:100%;max-width:100%;margin:0 auto;padding:0 40px}@media (max-width:768px){.shop-page .container-fluid{padding:0 16px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shop-subcategories-section{padding:64px 0 72px;background:var(--surface)}.section-header{text-align:center;margin-bottom:48px}.section-eyebrow{display:inline-flex;align-items:center;gap:7px;background:rgba(11,44,93,.07);color:var(--navy-mid);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 16px;border-radius:50px;margin-bottom:14px}.section-title{font-size:clamp(26px,3vw,36px);color:var(--navy);font-weight:800!important;margin-bottom:12px!important;letter-spacing:-.025em!important}.section-subtitle{color:var(--text-muted);font-size:16px;max-width:500px;margin:0 auto;line-height:1.65}.subcategories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:24px;gap:24px}.subcategory-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;box-shadow:var(--card-shadow);border:1px solid var(--border);transition:var(--transition);position:relative;opacity:0;animation:fadeInUp .5s ease forwards;animation-delay:calc(var(--card-index, 0) * .07s)}.subcategory-card:hover{transform:translateY(-6px);box-shadow:var(--card-hover);border-color:rgba(11,44,93,.15)}.subcategory-image{width:100%;height:210px;overflow:hidden;background:var(--surface);position:relative}.subcategory-image img{width:100%;height:100%;object-fit:contain;transition:transform .55s ease;display:block}.subcategory-card:hover .subcategory-image img{transform:scale(1.06)}.card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(7,30,66,.28));transition:opacity .3s}.subcategory-card:hover .card-overlay{opacity:.8}.card-index-badge{position:absolute;top:14px;left:14px;background:rgba(7,30,66,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:rgba(255,255,255,.85);font-size:11px;font-weight:700;letter-spacing:.05em;padding:4px 10px;border-radius:50px;border:1px solid rgba(255,255,255,.12);transition:var(--transition)}.subcategory-card:hover .card-index-badge{background:var(--accent);color:var(--navy-deep);border-color:transparent}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#edf0f7,#dce3f0);color:#9aaac7}.subcategory-content{padding:22px 24px 20px}.subcategory-name{font-size:19px;font-weight:700;color:var(--navy);margin-bottom:10px;letter-spacing:-.01em;transition:color .25s}.subcategory-card:hover .subcategory-name{color:var(--navy-mid)}.product-count-badge{display:inline-flex;align-items:center;gap:5px;background:var(--accent-soft);border:1px solid rgba(232,160,32,.28);padding:4px 12px;border-radius:50px;margin-bottom:16px}.count-number{font-size:14px;font-weight:700;color:var(--accent)}.count-text{font-size:12px;color:#b07b10;font-weight:500}.subcategory-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border)}.explore-link{font-size:13px;font-weight:600;color:var(--navy);transition:color .2s}.subcategory-card:hover .explore-link{color:var(--navy-mid)}.arrow-btn{width:32px;height:32px;background:linear-gradient(135deg,#0074c2,#0089e0);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;transition:var(--transition);flex-shrink:0}.subcategory-card:hover .arrow-btn{background:linear-gradient(135deg,#0089e0,#0074c2);transform:translateX(3px)}.shop-category-intro{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:50px!important;position:relative;overflow:hidden}.shop-category-intro:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 30%,rgba(22,61,120,.03) 0,transparent 55%);pointer-events:none}.intro-section{animation:fadeInUp .65s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.1s;opacity:0}.intro-card{display:flex;align-items:flex-start;gap:20px;max-width:1200px;margin:0 auto;background:white!important;border:1px solid rgba(22,61,120,.1);border-left:4px solid var(--navy-mid);border-radius:0 14px 14px 0;padding:22px 28px}.intro-card-icon{color:var(--navy-mid);flex-shrink:0;width:38px;height:38px;background:rgba(22,61,120,.08);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-top:2px}.intro-text{font-size:15.5px;line-height:1.85;color:var(--text-main);margin:0;letter-spacing:.01em}.features-section{padding:0 0 40px!important;background:var(--surface);opacity:0;animation:fadeInUp .65s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.1s}.features-heading-row{display:flex;align-items:center;gap:20px;margin-bottom:36px}.features-heading-line{flex:1 1;height:1px;background:var(--border)}.features-heading-label-wrap{display:flex;align-items:center;gap:9px;background:linear-gradient(135deg,#0074c2,#0089e0);border-radius:50px;padding:9px 22px;box-shadow:0 4px 20px rgba(0,116,194,.2)}.features-heading-icon{width:14px;height:14px;color:var(--accent);flex-shrink:0}.features-heading-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;white-space:nowrap}.features-list{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.feature-row{display:flex;align-items:center;gap:16px;background:var(--white);border:1px solid var(--border);border-radius:10px;padding:13px 20px;cursor:default;position:relative;overflow:hidden;opacity:0;transform:translateX(-16px);animation:featureRowIn .42s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--fi, 0) * 55ms + .15s);transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease}@keyframes featureRowIn{0%{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}.feature-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--navy-mid),var(--accent));border-radius:10px 0 0 10px;transform:scaleY(0);transform-origin:bottom;transition:transform .28s cubic-bezier(.4,0,.2,1)}.feature-row:hover{border-color:rgba(22,61,120,.18);transform:translateX(5px);box-shadow:0 3px 16px rgba(11,44,93,.08)}.feature-row:hover:before{transform:scaleY(1)}.feature-row-icon{width:32px;height:32px;min-width:32px;background:#e8f0fd;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--navy-mid);transition:background .26s,color .26s}.feature-row:hover .feature-row-icon{background:linear-gradient(135deg,#0074c2,#0089e0);color:#fff}.feature-row-text{flex:1 1;font-size:14.5px;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.feature-row:hover .feature-row-text{color:var(--navy)}.feature-row-num{font-size:11px;font-weight:700;color:rgba(11,44,93,.2);letter-spacing:.04em;flex-shrink:0;min-width:28px;text-align:right;transition:color .26s}.feature-row:hover .feature-row-num{color:var(--accent)}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.shimmer{background:linear-gradient(90deg,#e8edf5 25%,#f5f7fc 50%,#e8edf5 75%);background-size:600px 100%;animation:shimmer 1.5s linear infinite;border-radius:6px}.skeleton-card{pointer-events:none;cursor:default;opacity:1!important;animation:none!important;border:1px solid var(--border)}.skeleton-image{width:100%;height:210px;border-radius:0}.skeleton-line{display:block;border-radius:6px}.skeleton-footer{height:36px;width:100%;border-radius:var(--radius-sm);margin-top:18px}.empty-state{padding:80px 20px;display:flex;justify-content:center}.empty-state-content{max-width:380px;text-align:center;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:52px 40px;box-shadow:var(--card-shadow)}.empty-icon-wrap{width:88px;height:88px;background:var(--surface);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#9aaac7}.empty-state h3{font-size:22px;font-weight:700;color:var(--navy);margin-bottom:12px}.empty-state p{color:var(--text-muted);font-size:15px;line-height:1.6;margin-bottom:28px}.shop-error-state{min-height:60vh;display:flex;justify-content:center;align-items:center;background:var(--surface);padding:40px 20px}.error-card{background:var(--white);border-radius:var(--radius-lg);padding:52px 44px;text-align:center;max-width:460px;width:100%;box-shadow:var(--card-hover);border:1px solid var(--border)}.error-icon-wrap{width:80px;height:80px;border-radius:50%;background:#fff0f0;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#d94040}.error-card h2{font-size:24px;font-weight:700;color:var(--navy);margin-bottom:12px}.error-card p{color:var(--text-muted);font-size:15px;margin-bottom:28px;line-height:1.6}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#0074c2,#0089e0);color:#fff;border:none;padding:13px 30px;font-size:15px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.btn-primary:hover{background:linear-gradient(135deg,#0089e0,#0074c2);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px rgba(11,44,93,.2)}@media (max-width:768px){.features-section,.shop-subcategories-section{padding:48px 0 56px}.subcategories-grid{grid-template-columns:1fr;gap:18px}.container{padding:0 16px}.feature-row-text{white-space:normal;overflow:visible;text-overflow:unset}}@media (max-width:480px){.subcategory-content{padding:18px 18px 16px}.subcategory-name{font-size:17px}.section-title{font-size:24px}.features-heading-label-wrap{padding:7px 16px}}.shop-side-block{margin:0 0 16px;padding:16px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--card-shadow)}.shop-side-title{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0 0 12px}.shop-tabs{display:flex;flex-direction:column;gap:8px}.shop-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;border:1px solid var(--border);background:var(--white);color:var(--text-muted);font-size:15px;font-weight:600;padding:11px 18px;border-radius:999px;cursor:pointer;transition:var(--transition);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-tab:hover{border-color:var(--border);color:var(--navy)}.shop-tab--active{background:linear-gradient(135deg,#0074c2,#0089e0);box-shadow:0 6px 18px rgba(0,116,194,.22)}.shop-tab--active,.shop-tab--active:hover{border-color:transparent;color:var(--white)}.shop-tab--active:hover{background:linear-gradient(135deg,#0089e0,#0074c2)}@media (max-width:480px){.shop-tab{font-size:13px;padding:9px 16px}}.shop-layout{display:flex;align-items:flex-start;gap:28px;margin-top:20px}.shop-sidebar{flex:0 0 280px;width:280px;position:-webkit-sticky;position:sticky;top:88px;align-self:flex-start}.shop-main{flex:1 1 auto;min-width:0}.shop-filters{gap:12px;margin:0;padding:16px 18px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--card-shadow)}.shop-filter,.shop-filters{display:flex;flex-direction:column;align-items:stretch}.shop-filter{gap:6px;width:100%}.shop-filter-label{font-size:13px;font-weight:600;color:var(--text-main)}.shop-page .shop-filter-input{box-sizing:border-box;width:100%;height:42px;line-height:normal;margin:0;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 14px;font-size:14px;color:var(--text-main);background:var(--surface);outline:none;transition:var(--transition)}.shop-page .shop-filter-input::placeholder{color:var(--text-muted);opacity:1}.shop-page .shop-filter-input:focus{border-color:var(--navy-mid);background:var(--white);box-shadow:0 0 0 3px rgba(11,44,93,.08)}.shop-page select.shop-filter-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7a99' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.shop-filter-actions{display:flex;gap:8px;width:100%}.shop-filter-apply,.shop-filter-reset{flex:1 1;height:42px;padding:0 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);border:1px solid transparent}.shop-filter-apply{background:linear-gradient(135deg,#0074c2,#0089e0);color:var(--white)}.shop-filter-apply:hover:not(:disabled){background:linear-gradient(135deg,#0089e0,#0074c2)}.shop-filter-apply:disabled{opacity:.6;cursor:default}.shop-filter-reset{background:var(--white);color:var(--text-muted);border-color:var(--border)}.shop-filter-reset:hover{border-color:var(--navy-mid);color:var(--navy)}@media (max-width:900px){.shop-layout{flex-direction:column;gap:18px}.shop-sidebar{position:static;top:auto;flex:none;width:100%;max-height:none;overflow:visible}.shop-tabs{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.shop-tab{flex:0 0 auto}}.shop-subcategories-section.shop-landing{padding-top:32px}.shop-page .shop-landing-header{display:block;width:280px;max-width:100%;text-align:left;margin-bottom:22px;padding:16px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--card-shadow)}.shop-page .shop-landing-eyebrow{font-size:12px;letter-spacing:.1em;color:var(--text-muted)}.product-cat-badge,.shop-page .shop-landing-eyebrow{display:inline-block;font-weight:700;text-transform:uppercase;margin-bottom:10px}.product-cat-badge{font-size:11px;letter-spacing:.08em;color:var(--navy-mid);background:rgba(11,44,93,.07);padding:4px 12px;border-radius:50px}.shop-page .shop-landing-header .section-title{text-align:left;font-size:16px!important;font-weight:600!important;margin-bottom:0!important;padding:0!important}.shop-main .subcategories-grid{grid-template-columns:repeat(3,1fr);gap:26px}@media (max-width:1100px){.shop-main .subcategories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.shop-main .section-header{text-align:center}.shop-main .subcategories-grid{grid-template-columns:1fr}}.shop-main .subcategory-card{display:flex;flex-direction:column;border-radius:var(--radius-md);border:1px solid var(--border)}.shop-main .subcategory-image{height:200px;background:#fff;padding:18px;border-bottom:1px solid var(--border)}.shop-main .subcategory-image img{object-fit:contain}.shop-main .subcategory-content{display:flex;flex-direction:column;flex:1 1;padding:16px 18px 18px}.shop-main .product-cat-badge{align-self:flex-start}.shop-main .subcategory-name{font-size:16px;line-height:1.4;margin-bottom:8px;min-height:44px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shop-main .product-price{font-size:20px;font-weight:700;color:var(--navy);margin-bottom:16px}.shop-main .sk-product-card .subcategory-image{padding:0}.sk-product-card{cursor:default}.shop-main .subcategory-footer{margin-top:auto;border-top:none;background:linear-gradient(135deg,#0074c2,#0089e0);border-radius:var(--radius-sm);padding:11px 16px;transition:var(--transition)}.shop-main .subcategory-footer .explore-link{color:#fff;font-size:14px}.shop-main .subcategory-card:hover .subcategory-footer{background:linear-gradient(135deg,#0089e0,#0074c2)}.shop-main .subcategory-card:hover .subcategory-footer .explore-link{color:#fff}.shop-main .arrow-btn{width:26px;height:26px}.shop-main .arrow-btn,.shop-main .subcategory-card:hover .arrow-btn{background:#ffffff;color:#0074c2}