.shop-page{min-height:100vh;background:#f7f9fc}.shop-hero{background:linear-gradient(135deg,#1a365d,#2c5282);padding:80px 0 60px;position:relative;overflow:hidden}.shop-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,#a8e6cf1a 0,#0000 50%);pointer-events:none}.shop-hero .container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;text-align:center}.shop-hero__title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:#fff;margin-bottom:16px}.shop-hero__subtitle{font-size:1.125rem;color:#ffffffd9;margin-bottom:24px}.shop-hero__cart{display:inline-flex;align-items:center;gap:8px;background:#a8e6cf;color:#1a365d;padding:12px 24px;border-radius:50px;font-weight:600;text-decoration:none;transition:all .3s ease;position:relative}.shop-hero__cart:hover{background:#88d4ab;transform:translateY(-2px)}.shop-hero__cart-badge{position:absolute;top:-8px;right:-8px;background:#e53e3e;color:#fff;font-size:.75rem;font-weight:700;min-width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center}.shop-main{padding:60px 0}.shop-main .container{max-width:1200px;margin:0 auto;padding:0 24px}.shop-filters{justify-content:space-between;gap:16px;margin-bottom:24px;padding:16px 24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.shop-filters,.shop-filters__categories{display:flex;align-items:center;flex-wrap:wrap}.shop-filters__categories{gap:8px}.shop-filters__btn,.shop-filters__categories>span,.shop-filters__categories>svg{color:#4a5568;font-weight:500}.shop-filters__btn{padding:8px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:.875rem;cursor:pointer;transition:all .2s ease}.shop-filters__btn:hover{border-color:#1a365d;color:#1a365d}.shop-filters__btn.active{background:#1a365d;border-color:#1a365d;color:#fff}.shop-filters__sort{display:flex;align-items:center;gap:8px;position:relative}.shop-filters__sort label{color:#4a5568;font-weight:500}.shop-filters__select{-webkit-appearance:none;appearance:none;padding:8px 36px 8px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:.875rem;cursor:pointer}.shop-filters__select-icon{position:absolute;right:12px;pointer-events:none;color:#4a5568}.shop-results{color:#718096;font-size:.875rem;margin-bottom:24px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:60px}.shop-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000f;transition:all .3s ease;position:relative;display:flex;flex-direction:column}.shop-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.shop-card__badge{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#f6e05e,#ecc94b);color:#744210;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:4px;z-index:2}.shop-card__image{display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(180deg,#f7f9fc,#fff)}.shop-card__img{width:100px;height:100px;object-fit:contain;transition:transform .3s ease}.shop-card:hover .shop-card__img{transform:scale(1.1)}.shop-card__content{padding:20px;display:flex;flex-direction:column;flex-grow:1}.shop-card__title{font-size:1rem;font-weight:600;color:#1a365d;text-decoration:none;margin-bottom:8px;line-height:1.4;display:block}.shop-card__title:hover{color:#2c5282}.shop-card__price{font-size:1.5rem;font-weight:700;color:#1a365d;margin-bottom:8px;display:flex;align-items:baseline;gap:8px}.shop-card__tax{font-size:.75rem;font-weight:400;color:#718096}.shop-card__desc{font-size:.875rem;color:#4a5568;line-height:1.5;margin-bottom:16px;flex-grow:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shop-card__actions{margin-top:auto}.shop-card__btn{width:100%;padding:12px 20px;background:linear-gradient(135deg,#1a365d,#2c5282);color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.shop-card__btn:hover:not(:disabled){background:linear-gradient(135deg,#2c5282,#3182ce);transform:translateY(-1px)}.shop-card__btn.added{background:linear-gradient(135deg,#38a169,#48bb78)}.shop-card__btn:disabled{cursor:default}.shop-categories{padding-top:40px;border-top:1px solid #e2e8f0}.shop-categories__title{font-size:1.5rem;font-weight:700;color:#1a365d;margin-bottom:24px;text-align:center}.shop-categories__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.shop-categories__card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;text-decoration:none;transition:all .3s ease;cursor:pointer;text-align:left;font-family:inherit;width:100%}.shop-categories__card:hover{border-color:#1a365d;box-shadow:0 4px 16px #1a365d1a}.shop-categories__card--active{border-color:#1a365d;background:#f0f4ff;box-shadow:0 0 0 1px #1a365d}.shop-categories__card h3{font-size:1.125rem;font-weight:600;color:#1a365d;margin-bottom:8px}.shop-categories__card p{font-size:.875rem;color:#718096;margin-bottom:12px}.shop-categories__link{font-size:.875rem;font-weight:600;color:#2c5282}@media (max-width:768px){.shop-hero{padding:60px 0 40px}.shop-filters{flex-direction:column;align-items:stretch}.shop-filters__categories{justify-content:flex-start;overflow-x:auto;padding-bottom:8px}.shop-filters__sort{justify-content:space-between}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.shop-categories__grid{grid-template-columns:1fr}}@media (max-width:480px){.shop-grid{grid-template-columns:1fr}.shop-filters__btn{padding:6px 12px;font-size:.813rem}}