body{color:#1d1d1f;margin:0;-webkit-font-smoothing:antialiased}.shop-page,body{background-color:#F5F5F7}.shop-page{min-height:100vh;padding:5rem 1rem}@media (min-width:768px){.shop-page{padding:5rem 2rem}}.shop-container{max-width:72rem;margin:0 auto}.shop-header{margin-bottom:4rem;text-align:center}@media (min-width:768px){.shop-header{margin-bottom:6rem;text-align:left}}.shop-title{font-size:2.25rem;font-weight:600;letter-spacing:-.025em;color:#1d1d1f;margin-bottom:1rem}@media (min-width:768px){.shop-title{font-size:3.75rem}}.shop-subtitle{font-size:1.25rem;font-weight:500;color:#86868b;max-width:42rem;line-height:1.5}@media (min-width:768px){.shop-subtitle{font-size:1.5rem}}.hidden-mobile{display:none}@media (min-width:768px){.hidden-mobile{display:block}}.shop-grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}@media (min-width:768px){.shop-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.shop-grid{grid-template-columns:repeat(3,1fr)}}.shop-card{position:relative;display:block;overflow:hidden;border-radius:30px;background-color:white;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:all .5s ease;aspect-ratio:1/1;text-decoration:none}.shop-card:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.card-image-wrapper{position:absolute;inset:0;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.shop-card:hover .card-image{transform:scale(1.05)}.card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.6) 0,rgba(0,0,0,.1) 50%,transparent);opacity:.6;transition:opacity .3s ease}.shop-card:hover .card-overlay{opacity:.7}.card-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;color:white}@media (min-width:768px){.card-content{padding:2rem}}.card-header{display:flex;justify-content:space-between;align-items:flex-start}.card-badge{font-size:.75rem;font-weight:600;letter-spacing:.1em;color:#e5e7eb;text-transform:uppercase;background-color:rgba(0,0,0,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.25rem .75rem;border-radius:9999px}.card-icon-wrapper{opacity:0;transform:translateX(1rem);transition:all .3s ease;background-color:rgba(255,255,255,.2);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:9999px;padding:.5rem;display:flex;align-items:center;justify-content:center}.shop-card:hover .card-icon-wrapper{opacity:1;transform:translateX(0)}.card-text{transform:translateY(.5rem);transition:transform .5s ease-out}.shop-card:hover .card-text{transform:translateY(0)}.card-title{font-size:1.5rem;font-weight:700;margin-bottom:.25rem;line-height:1.2}@media (min-width:768px){.card-title{font-size:1.5rem}}.card-subtitle{font-size:.875rem;color:#e5e7eb;font-weight:500;opacity:.9}@media (min-width:768px){.card-subtitle{font-size:1rem}}.shop-footer{margin-top:5rem;text-align:center}.shop-all-link{display:inline-flex;align-items:center;gap:.5rem;color:#0066CC;font-size:1.125rem;font-weight:500;text-decoration:none;transition:color .3s ease}.shop-all-link:hover{text-decoration:underline}.fade-up{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.fade-up.visible{opacity:1;transform:translateY(0)}.shop-banner-section{margin-bottom:3rem}.shop-banner-carousel{position:relative;width:100%;border-radius:20px;overflow:hidden;aspect-ratio:3/1}.shop-banner-track{display:flex;width:100%;height:100%;transition:transform .5s ease-in-out}.shop-banner-slide{position:relative;flex:0 0 100%;width:100%;height:100%;display:block;overflow:hidden}.shop-banner-blur-bg{position:absolute;inset:-20px;background-size:cover;background-position:50%;filter:blur(20px);opacity:.6;z-index:0}.shop-banner-image{position:relative;width:100%;height:100%;object-fit:cover;z-index:1}.shop-banner-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:rgba(255,255,255,.9);border:none;border-radius:50%;cursor:pointer;font-size:16px;color:#1d1d1f;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;opacity:0}.shop-banner-carousel:hover .shop-banner-nav{opacity:1}.shop-banner-nav:hover{background:white;box-shadow:0 4px 12px rgba(0,0,0,.15)}.shop-banner-nav.prev{left:16px}.shop-banner-nav.next{right:16px}.shop-banner-indicators{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}.shop-banner-indicator{width:8px;height:8px;border-radius:50%;border:none;background:rgba(255,255,255,.5);cursor:pointer;transition:all .3s ease}.shop-banner-indicator.active{background:white;width:24px;border-radius:4px}.shop-banner-indicator:hover{background:rgba(255,255,255,.8)}@media (max-width:768px){.shop-banner-carousel{aspect-ratio:2/1;border-radius:16px}.shop-banner-nav{width:32px;height:32px;font-size:14px}.shop-banner-nav.prev{left:8px}.shop-banner-nav.next{right:8px}.shop-banner-indicators{bottom:12px}.shop-banner-indicator{width:6px;height:6px}.shop-banner-indicator.active{width:18px}}