@import url("https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&family=DM+Sans:wght@400;500;600&display=swap");: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{font-family:DM Sans,sans-serif;color:var(--text-main);min-height:60vh;background:var(--surface)}.container{max-width:1200px;margin:0 auto;padding:0 24px}@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-family:Sora,sans-serif;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:fill;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-family:Sora,sans-serif;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-family:Sora,sans-serif;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);font-family:Sora,sans-serif}.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:var(--navy);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:var(--accent);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:var(--navy);border-radius:50px;padding:9px 22px;box-shadow:0 4px 20px rgba(11,44,93,.2)}.features-heading-icon{width:14px;height:14px;color:var(--accent);flex-shrink:0}.features-heading-label{font-family:Sora,sans-serif;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:var(--navy);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-family:Sora,sans-serif;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-family:Sora,sans-serif;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-family:Sora,sans-serif;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:var(--navy);color:var(--white);border:none;padding:13px 30px;font-size:15px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);font-family:DM Sans,sans-serif}.btn-primary:hover{background:var(--navy-mid);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}}