.sp-categories{background:var(--sp-white)}.sp-categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.sp-category-card{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/3;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;text-decoration:none;transition:all .3s ease}.sp-category-card::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7)0,transparent 60%);z-index:1}.sp-category-card:hover{transform:translateY(-8px);box-shadow:var(--sp-shadow-lg)}.sp-category-image{position:absolute;inset:0;z-index:0}.sp-category-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.sp-category-card:hover .sp-category-image img{transform:scale(1.1)}.sp-category-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--sp-primary-50) 0%,var(--sp-secondary-50) 100%);color:var(--sp-primary)}.sp-category-name{position:relative;z-index:2;font-size:1.5rem;font-weight:700;color:var(--sp-white);margin-bottom:4px}.sp-category-count{position:relative;z-index:2;font-size:.875rem;color:rgba(255,255,255,.8)}.sp-search-overlay{position:fixed;inset:0;background:rgba(255,255,255,.98);z-index:2000;display:none;align-items:center;justify-content:center;padding:24px}.sp-search-overlay.active{display:flex}.sp-search-container{width:100%;max-width:700px;position:relative}.sp-search-close{position:absolute;top:-60px;right:0;width:48px;height:48px;border:0;background:var(--sp-gray-100);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--sp-gray-600);transition:all .2s ease}.sp-search-close:hover{background:var(--sp-gray-200);color:var(--sp-gray-900)}.sp-search-form{display:flex;gap:12px;margin-bottom:32px}.sp-search-form input{flex:1;padding:20px 24px;border:2px solid var(--sp-gray-200);border-radius:12px;font-size:1.125rem;transition:all .2s ease}.sp-search-form input:focus{outline:0;border-color:var(--sp-primary)}.sp-search-suggestions p{font-size:.875rem;color:var(--sp-gray-500);margin-bottom:12px}.sp-search-tags{display:flex;flex-wrap:wrap;gap:8px}.sp-search-tags a{padding:8px 16px;background:var(--sp-gray-100);border-radius:20px;font-size:.875rem;color:var(--sp-gray-700);text-decoration:none;transition:all .2s ease}.sp-search-tags a:hover{background:var(--sp-primary);color:var(--sp-white)}.sp-mobile-menu{position:fixed;top:0;right:-100%;width:100%;max-width:400px;height:100vh;background:var(--sp-white);z-index:2000;transition:right .3s ease;display:flex;flex-direction:column}.sp-mobile-menu.active{right:0}.sp-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--sp-gray-200)}.sp-mobile-close{width:40px;height:40px;border:0;background:var(--sp-gray-100);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--sp-gray-600)}.sp-mobile-nav{list-style:none;padding:24px;margin:0;flex:1;overflow-y:auto}.sp-mobile-nav li{margin-bottom:8px}.sp-mobile-nav a{display:block;padding:16px;font-size:1.125rem;font-weight:500;color:var(--sp-gray-800);border-radius:12px;transition:all .2s ease}.sp-mobile-nav a:hover{background:var(--sp-primary-50);color:var(--sp-primary)}.sp-mobile-footer{padding:24px;border-top:1px solid var(--sp-gray-200)}.sp-mobile-phone{display:flex;align-items:center;gap:12px;padding:16px;background:var(--sp-primary-50);border-radius:12px;color:var(--sp-primary);font-weight:600;text-decoration:none}.sp-mini-cart{position:fixed;inset:0;z-index:2000;visibility:hidden;opacity:0;transition:all .3s ease}.sp-mini-cart.active{visibility:visible;opacity:1}.sp-mini-cart-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5)}.sp-mini-cart-content{position:absolute;top:0;right:-100%;width:100%;max-width:420px;height:100%;background:var(--sp-white);display:flex;flex-direction:column;transition:right .3s ease}.sp-mini-cart.active .sp-mini-cart-content{right:0}.sp-mini-cart-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--sp-gray-200)}.sp-mini-cart-header h3{font-size:1.25rem;margin:0}.sp-mini-cart-close{width:40px;height:40px;border:0;background:var(--sp-gray-100);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--sp-gray-600)}.sp-mini-cart-items{flex:1;overflow-y:auto;padding:24px}.sp-mini-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--sp-gray-100)}.sp-mini-item-image{width:80px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0}.sp-mini-item-image img{width:100%;height:100%;object-fit:cover}.sp-mini-item-details{flex:1}.sp-mini-item-details h4{font-size:.875rem;font-weight:600;margin-bottom:4px;color:var(--sp-gray-900)}.sp-mini-item-qty{font-size:.75rem;color:var(--sp-gray-500);margin-bottom:4px}.sp-mini-item-price{font-size:.875rem;font-weight:600;color:var(--sp-primary)}.sp-mini-item-remove{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--sp-gray-400);text-decoration:none;transition:color .2s ease}.sp-mini-item-remove:hover{color:var(--sp-error)}.sp-mini-cart-footer{padding:24px;border-top:1px solid var(--sp-gray-200);background:var(--sp-gray-50)}.sp-mini-cart-subtotal{display:flex;justify-content:space-between;margin-bottom:16px;font-size:1.125rem;font-weight:600}.sp-mini-cart-subtotal span:last-child{color:var(--sp-primary)}.sp-mini-cart-footer .sp-btn{margin-bottom:12px}.sp-exit-popup{position:fixed;inset:0;z-index:3000;display:none;align-items:center;justify-content:center;padding:24px}.sp-exit-popup.active{display:flex}.sp-exit-popup-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}.sp-exit-popup-content{position:relative;background:var(--sp-white);border-radius:24px;max-width:500px;width:100%;padding:48px;text-align:center;box-shadow:var(--sp-shadow-xl);animation:popupSlideIn .4s ease}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.sp-exit-popup-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:0;background:var(--sp-gray-100);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--sp-gray-600);transition:all .2s ease}.sp-exit-popup-close:hover{background:var(--sp-gray-200)}.sp-exit-popup-badge{display:inline-block;padding:8px 20px;background:linear-gradient(135deg,var(--sp-accent) 0%,var(--sp-accent-dark) 100%);color:var(--sp-gray-900);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:20px;margin-bottom:24px}.sp-exit-popup-body h3{font-size:2rem;margin-bottom:16px}.sp-exit-popup-body p{font-size:1.125rem;color:var(--sp-gray-600);margin-bottom:24px}.sp-exit-popup-form{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.sp-exit-popup-form input{padding:16px 20px;border:2px solid var(--sp-gray-200);border-radius:12px;font-size:1rem;transition:all .2s ease}.sp-exit-popup-form input:focus{outline:0;border-color:var(--sp-primary)}.sp-exit-popup-note{font-size:.75rem;color:var(--sp-gray-500);margin:0}.sp-social-proof{position:fixed;bottom:24px;left:24px;z-index:1500;background:var(--sp-white);border-radius:16px;padding:16px;box-shadow:var(--sp-shadow-lg);max-width:360px;display:none;animation:socialProofSlideIn .4s ease}.sp-social-proof.active{display:block}@keyframes socialProofSlideIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.sp-social-proof-content{display:flex;gap:16px;align-items:center}.sp-social-proof-image{width:60px;height:60px;border-radius:12px;overflow:hidden;flex-shrink:0}.sp-social-proof-image img{width:100%;height:100%;object-fit:cover}.sp-social-proof-text{flex:1}.sp-social-proof-message{font-size:.875rem;color:var(--sp-gray-600);margin-bottom:4px}.sp-social-proof-message strong{color:var(--sp-gray-900)}.sp-social-proof-action{font-size:.875rem;color:var(--sp-gray-700);margin-bottom:4px}.sp-social-proof-action span{color:var(--sp-primary);font-weight:600}.sp-social-proof-time{font-size:.75rem;color:var(--sp-gray-400)}@media (max-width:1024px){.sp-categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sp-categories-grid{grid-template-columns:1fr}.sp-exit-popup-content{padding:32px 24px}.sp-exit-popup-body h3{font-size:1.5rem}.sp-social-proof{left:16px;right:16px;max-width:none;bottom:16px}}