:root{--color-bg: #0f1419;--color-bg-light: #1a2332;--color-primary: #0070cc;--color-primary-gradient: linear-gradient(135deg, #0ea5e9 0%, #0369a1 100%);--color-text: #ffffff;--color-text-secondary: #b0b0b0;--color-border: rgba(255, 255, 255, .1);--radius-sm: 8px;--radius-md: 16px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--shadow-card: 0 4px 12px rgba(0, 0, 0, .3);--shadow-hover: 0 8px 24px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}body{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}button{border:none;background:none;cursor:pointer;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.q-layout{min-height:100vh}.q-page-container{width:100%;max-width:1400px;margin:0 auto;padding-bottom:70px}.q-page{padding:var(--spacing-md)}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-md)}.row{display:flex;flex-direction:row}.column{display:flex;flex-direction:column}.flex{display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.no-wrap{flex-wrap:nowrap}.wrap{flex-wrap:wrap}.col{flex:1}.col-gap-4{gap:var(--spacing-xs)}.col-gap-12{gap:12px}.row-gap-4{row-gap:var(--spacing-xs)}.row-gap-8{row-gap:var(--spacing-sm)}.row-gap-12{row-gap:12px}.q-gutter-y-xs>*+*{margin-top:4px}.full-width{width:100%}.q-mb-md{margin-bottom:12px}.q-mb-lg{margin-bottom:40px}.q-mb-sm{margin-bottom:var(--spacing-sm)}.q-mt-sm{margin-top:var(--spacing-sm)}.q-mt-lg{margin-top:40px}.q-ml-sm{margin-left:var(--spacing-sm)}.q-pa-md{padding:var(--spacing-md)}.q-pa-xs{padding:4px 8px}.q-badge.q-pa-xs{padding:6px 10px}.relative-position{position:relative}.absolute-full{position:absolute;inset:0}.absolute-bottom-right{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm)}.fixed{position:fixed}.h-24{font-size:24px;font-weight:600;margin-top:0;margin-left:0;margin-right:0}.h-18{font-size:18px;font-weight:600;margin-top:0;margin-left:0;margin-right:0}.h-16{font-size:16px;font-weight:600}.h-12{font-size:12px}.q-badge.h-12{font-size:13px;line-height:1.2}.m-14{font-size:14px}.text-caption{font-size:12px;opacity:.9}.text-grey{color:var(--color-text-secondary)}.text-center{text-align:center}.text-cut-line-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-cut-line-2{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.text-body1{font-size:16px;line-height:1.6}.search-input{margin-bottom:var(--spacing-lg)}.search-input__control{width:100%;position:relative}.q-field{background:var(--color-bg-light);border-radius:12px;padding:0;border:2px solid transparent;transition:all .3s ease;box-shadow:0 2px 8px #0003}.q-field:focus-within{border:2px solid transparent;background:linear-gradient(var(--color-bg-light),var(--color-bg-light)) padding-box,var(--color-primary-gradient) border-box;box-shadow:0 4px 16px #dc6b334d}.q-field__inner{width:100%}.q-field__control{width:100%;min-height:52px;border-radius:12px}.q-field__control-container{padding:0 20px}.q-field__native{width:100%;background:transparent;border:none;color:var(--color-text);font-size:16px;padding:14px 0;outline:none;font-weight:400}.q-field__native::placeholder{color:var(--color-text-secondary);opacity:.8;font-weight:400}.bg-primary{background:transparent!important}.triple-slider{margin-bottom:var(--spacing-lg)}.swiper{width:100%;overflow:hidden}.swiper-wrapper{display:flex;align-items:center;scrollbar-width:none;-ms-overflow-style:none}.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;display:block}.triple-slider{overflow:visible;padding:0 0 20px;margin-top:12px}.triple-slider .swiper{overflow:visible}.triple-slider .swiper-wrapper{padding:20px 0 40px}.triple-slider .swiper-slide{width:260px;flex-shrink:0}.triple-slider__slide{cursor:pointer;transition:transform .5s ease,opacity .5s ease;transform:scale(.85);opacity:.5;margin:0 10px}.triple-slider__slide.swiper-slide-active{transform:scale(1.05);opacity:1;z-index:10}.triple-slider__slide:hover{transform:scale(.9);opacity:.8}.triple-slider__slide.swiper-slide-active:hover{transform:scale(1.05);opacity:1}.triple-slider__image-container{border-radius:var(--radius-md);overflow:hidden}.triple-slider__text{display:block;text-align:center;margin-top:12px;font-size:16px;font-weight:500;color:var(--color-text);text-shadow:0 2px 4px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px}.swiper-pagination{margin-top:var(--spacing-md)}.row-slider{margin-bottom:var(--spacing-lg)}.row-slider .swiper{padding:0 16px}.row-slider .swiper-wrapper{align-items:flex-start;scrollbar-width:none;-ms-overflow-style:none}.row-slider .swiper-wrapper::-webkit-scrollbar{display:none}.row-slider .swiper-slide{display:flex;flex-direction:column;gap:8px;background-position:center;background-size:cover;width:168px;margin-right:8px;align-self:flex-start}.card{display:flex;flex-direction:column;justify-content:space-between;gap:8px;height:auto;transition:all .3s ease}.card:hover{transform:translateY(-4px)}.card-timer{padding:4px 8px;border-radius:8px;background:#0006;font-size:11px}.card__genres{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-top:var(--spacing-sm)}.q-img{position:relative;overflow:hidden;background:var(--color-bg-light)}.q-img--menu{border-radius:var(--radius-sm)}.q-img__container{display:flex;align-items:center;justify-content:center}.q-img__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.q-img__image:hover{transform:scale(1.05)}.br-16{border-radius:var(--radius-md)}.br-8{border-radius:var(--radius-sm)}.q-img__image--with-transition{transition:opacity .3s ease,transform .3s ease}.q-img__image--loaded{opacity:1}.q-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.q-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.q-btn:active{transform:translateY(0)}.btn-main{background:var(--color-primary-gradient);color:var(--color-text)}.q-btn--no-uppercase{text-transform:none}.q-btn__content{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.q-focus-helper{display:none}.q-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;font-size:12px;background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bg-gradient{background:var(--color-primary-gradient)!important;color:#fff!important;font-weight:600!important;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;line-height:1}.bg-gradient:empty{min-width:20px;min-height:20px}.q-badge.bg-gradient{background:var(--color-primary-gradient)!important;color:#fff!important;font-weight:700!important;text-shadow:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:#ffffff!important;box-shadow:0 2px 8px #0ea5e966;opacity:1!important}.q-badge.bg-gradient *{color:#fff!important;-webkit-text-fill-color:#ffffff!important}.subscriptions-block{background:transparent;display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.subscriptions-tabs{display:flex;gap:var(--spacing-md)}.subscription-tab{flex:1;padding:12px 20px;background:transparent;border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:14px;font-weight:600;transition:all .3s ease;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.subscription-tab:hover{border-color:#ffffff4d}.subscription-tab.active{background:linear-gradient(var(--color-bg),var(--color-bg)) padding-box,var(--color-primary-gradient) border-box;color:var(--color-text);border:2px solid transparent}.subscriptions-duration{display:flex;gap:var(--spacing-sm)}.duration-tab{flex:1;padding:10px 16px;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:12px;font-weight:500;transition:all .3s ease;cursor:pointer;text-transform:uppercase}.duration-tab:hover{border-color:#ffffff4d}.duration-tab.active{background:transparent;color:var(--color-text);border:2px solid transparent;background:linear-gradient(var(--color-bg),var(--color-bg)) padding-box,var(--color-primary-gradient) border-box}.subscription-content{display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:400px}.subscription-card{background:var(--color-bg-light);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md);transition:all .3s ease;border:2px solid transparent}.subscription-card:hover{transform:translate(4px);box-shadow:var(--shadow-hover);border:2px solid rgba(255,255,255,.1)}.subscription-card-image{width:80px;height:80px;flex-shrink:0}.subscription-card-image img{width:100%;height:100%;object-fit:contain}.subscription-card-info{flex:1;display:flex;flex-direction:column;gap:4px}.subscription-price{font-size:24px;font-weight:700;background:var(--color-primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subscription-card .q-badge{align-self:flex-start;margin-left:0!important}.subscription-card-action{flex-shrink:0}.subscription-card .q-btn{min-width:100px;padding:8px 16px;font-size:13px}.q-card{background:var(--color-bg-light);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.promo-banner{background:linear-gradient(135deg,#0ea5e933,#0369a126);border-radius:var(--radius-md);padding:40px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:2px solid rgba(14,165,233,.4);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #0ea5e940,0 0 40px #0ea5e91a;position:relative;overflow:hidden}.promo-banner:before{content:"";position:absolute;top:-60%;right:-15%;width:300px;height:300px;background:radial-gradient(circle,rgba(14,165,233,.4) 0%,transparent 70%);border-radius:50%;animation:pulse-glow 4s ease-in-out infinite;filter:blur(20px)}.promo-banner:after{content:"";position:absolute;bottom:-40%;left:-10%;width:250px;height:250px;background:radial-gradient(circle,rgba(3,105,161,.3) 0%,transparent 70%);border-radius:50%;animation:pulse-glow-alt 5s ease-in-out infinite;filter:blur(30px)}.promo-banner:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 40px #0ea5e966,0 0 60px #0ea5e933;border-color:#0ea5e999}.promo-banner--gradient{background:var(--color-primary-gradient);border:2px solid rgba(14,165,233,.5);box-shadow:0 8px 32px #0ea5e966,0 0 60px #0ea5e933,inset 0 0 60px #ffffff1a}.promo-banner--gradient:before{background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);animation:pulse-glow 3s ease-in-out infinite;width:400px;height:400px;filter:blur(40px)}.promo-banner--gradient:after{background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);animation:pulse-glow-alt 4s ease-in-out infinite;filter:blur(50px)}.promo-banner--gradient:hover{box-shadow:0 12px 48px #0ea5e980,0 0 80px #0ea5e94d,inset 0 0 80px #ffffff26;border-color:#0ea5e9cc}.promo-banner--gradient h2,.promo-banner--gradient p{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.3),0 0 30px rgba(255,255,255,.2)}.promo-banner-content{flex:1;z-index:1;position:relative}.promo-banner-content h2{margin-bottom:8px;font-size:26px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.promo-banner h2{background:var(--color-primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(14,165,233,.5))}.promo-banner--gradient h2{background:#fff;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px rgba(255,255,255,.8))}.promo-banner-content p{margin:0;font-size:15px;opacity:.9}.promo-banner .q-btn{flex-shrink:0;min-width:150px;z-index:1;position:relative;font-weight:700;padding:14px 28px;box-shadow:0 4px 12px #0ea5e94d;transition:all .3s ease}.promo-banner .q-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e980}@keyframes pulse-glow{0%,to{transform:scale(1) translate(0);opacity:.6}50%{transform:scale(1.3) translate(-10px,-10px);opacity:1}}@keyframes pulse-glow-alt{0%,to{transform:scale(1) translate(0);opacity:.5}50%{transform:scale(1.2) translate(15px,10px);opacity:.8}}@media(max-width:600px){.promo-banner{flex-direction:column;align-items:flex-start;padding:28px}.promo-banner .q-btn{width:100%}.promo-banner-content h2{font-size:22px}}.app-header{position:relative;width:100%;background:#1a1a1afa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(14,165,233,.2);z-index:999;padding:12px 0}.logo-glitch{font-size:20px;font-weight:900;text-align:center;letter-spacing:4px;text-transform:uppercase;background:var(--color-primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:inline-block;margin:0 auto;width:100%;animation:glitch-text 3s infinite}.logo-glitch:before,.logo-glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.logo-glitch:before{animation:glitch-before 2s infinite;clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(-2px)}.logo-glitch:after{animation:glitch-after 2.5s infinite;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);transform:translate(2px)}@keyframes glitch-text{0%,90%,to{transform:translate(0)}91%{transform:translate(-1px)}92%{transform:translate(1px)}93%{transform:translate(-1px)}94%{transform:translate(1px)}95%{transform:translate(0)}}@keyframes glitch-before{0%,90%,to{transform:translate(0);opacity:.7}91%{transform:translate(-3px);opacity:1}92%{transform:translate(3px);opacity:.7}93%{transform:translate(-3px);opacity:1}94%{transform:translate(0);opacity:.7}}@keyframes glitch-after{0%,90%,to{transform:translate(0);opacity:.7}91.5%{transform:translate(3px);opacity:1}92.5%{transform:translate(-3px);opacity:.7}93.5%{transform:translate(3px);opacity:1}94.5%{transform:translate(0);opacity:.7}}.navbar{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-light);border-top:1px solid var(--color-border);display:flex;justify-content:space-around;padding:var(--spacing-sm);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1af2}.app-button{padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:all .2s ease}.app-button:hover{background:#ffffff1a}.app-button.icon{min-width:48px;min-height:48px}.q-icon{display:flex;align-items:center;justify-content:center}.q-icon svg{width:24px;height:24px}.q-notifications__list{z-index:9000;pointer-events:none}.q-notifications__list--top{top:0}.q-notifications__list--bottom{bottom:0}.q-notifications__list--center{top:50%;transform:translateY(-50%)}.flex-center{align-items:center;justify-content:center}.self-stretch{align-self:stretch}.non-selectable{-webkit-user-select:none;user-select:none}.no-outline{outline:none}.inline{display:inline-flex}@media(max-width:768px){.container,.q-page{padding:var(--spacing-sm)}.h-24{font-size:20px}.card{padding:var(--spacing-sm)}}::-webkit-scrollbar{width:10px;background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.q-img__image--loaded{animation:fadeIn .3s ease}.product-page{padding:0 0 80px!important}.product-hero{position:relative;height:500px;overflow:hidden;margin-bottom:var(--spacing-lg)}.product-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(20px);transform:scale(1.1)}.product-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#1a1a1a4d,#1a1a1af2)}.product-hero-content{position:relative;height:100%;display:flex;align-items:flex-end;padding-bottom:var(--spacing-lg)}.product-hero-info{max-width:600px}.product-title{font-size:48px;font-weight:700;margin-bottom:var(--spacing-sm);line-height:1.2}.product-subtitle{font-size:18px;margin-bottom:var(--spacing-md)}.product-meta{display:flex;gap:var(--spacing-sm);align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap}.product-price-section{display:flex;gap:var(--spacing-md);align-items:center}.product-price{font-size:36px;font-weight:700;background:var(--color-primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.product-buy-btn{padding:16px 32px!important;font-size:16px!important}.product-details{max-width:1000px}.product-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1)}.product-section:last-child{border-bottom:none}.product-screenshots{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.screenshot-item{border-radius:var(--radius-sm);overflow:hidden;transition:transform .3s ease}.screenshot-item:hover{transform:scale(1.05)}.screenshot-item img{width:100%;height:200px;object-fit:cover}.product-description{max-width:800px}.product-description p{color:var(--color-text-secondary);line-height:1.8}.product-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-label{font-size:12px;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:16px;font-weight:500}@media(max-width:768px){.product-hero{height:auto!important;min-height:auto;padding:0!important;overflow:visible}.product-hero-content{padding:12px 16px 16px!important;position:relative;height:auto!important;display:flex!important;align-items:flex-start!important}.product-section{margin-top:20px!important}.product-section:first-child{margin-top:12px!important}.q-page-container{padding-bottom:60px!important}.container{padding:12px 16px!important}.product-details{padding-bottom:0!important}.product-hero-info{position:relative;transform:none;max-width:100%;width:100%}.product-title{line-height:1.3;margin-bottom:8px!important}.product-subtitle{font-size:13px;line-height:1.5}.product-meta{margin-bottom:16px!important}.q-badge{font-size:11px!important;padding:4px 8px!important}.product-price{font-size:24px}.product-price-section{flex-direction:column;align-items:flex-start}.product-buy-btn{width:100%}.product-screenshots{grid-template-columns:1fr}.product-details{padding-left:16px;padding-right:16px}.product-section{margin-top:32px!important}.h-24{font-size:20px!important}.h-18{font-size:18px!important}.container{padding-left:16px;padding-right:16px}}.categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:var(--spacing-lg)}.category-card{background:var(--color-bg-light);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:12px;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 8px #0003;border:2px solid transparent;aspect-ratio:1;min-height:140px}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border:2px solid rgba(255,255,255,.1)}.category-icon{width:56px;height:56px;border-radius:12px;background:var(--color-primary-gradient);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #0ea5e94d;flex-shrink:0}.category-name{font-size:15px;font-weight:600;text-align:left;color:#fff;line-height:1.3}.genres-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.genre-chip{padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:20px;font-size:14px;font-weight:500;color:var(--color-text);transition:all .3s ease;cursor:pointer;display:flex;align-items:center;gap:8px}.genre-chip:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.genre-chip:active{background:var(--color-primary-gradient);border-color:transparent}.favorites-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.favorite-item{background:var(--color-bg-light);border-radius:var(--radius-md);padding:16px;display:flex;gap:16px;align-items:center;transition:all .3s ease;position:relative;border:2px solid transparent;cursor:pointer;box-shadow:0 2px 8px #0003}.favorite-item:hover{transform:translate(4px);box-shadow:var(--shadow-hover);border:2px solid rgba(255,255,255,.1)}.favorite-image-container{position:relative;width:100px;height:100px;flex-shrink:0}.favorite-image{width:100%;height:100%;object-fit:cover}.favorite-info{flex:1;display:flex;flex-direction:column;gap:4px;justify-content:center}.favorite-price{display:flex;align-items:center;font-size:18px;font-weight:600;background:var(--color-primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-top:4px}.favorite-remove{position:absolute;bottom:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.favorite-remove:hover{background:#ef444433;border-color:#ef444480;color:#ef4444;transform:scale(1.1)}.cart-items{display:flex;flex-direction:column;gap:12px;margin-bottom:var(--spacing-lg)}.cart-item{background:var(--color-bg-light);border-radius:var(--radius-md);padding:16px;display:flex;gap:16px;align-items:center;position:relative;border:2px solid transparent;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 8px #0003}.cart-item:hover{transform:translate(4px);box-shadow:var(--shadow-hover);border:2px solid rgba(255,255,255,.1)}.cart-item-image-container{position:relative;width:100px;height:100px;flex-shrink:0}.cart-item-image{width:100%;height:100%;object-fit:cover}.cart-item-info{flex:1;display:flex;flex-direction:column;gap:4px;justify-content:center}.cart-item-price{display:flex;align-items:center;font-size:18px;font-weight:600;background:var(--color-primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-top:4px}.cart-item-remove{position:absolute;bottom:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.cart-item-remove:hover{background:#ef444433;border-color:#ef444480;color:#ef4444;transform:scale(1.1)}.cart-total{background:transparent;border-radius:var(--radius-md);padding:0;margin-bottom:var(--spacing-lg)}.cart-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:20px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.cart-total-price{font-size:28px;font-weight:700;background:var(--color-primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.recommended-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.recommended-card{transition:transform .3s ease;cursor:pointer}.recommended-card:hover{transform:translateY(-4px)}.recommended-image{width:100%;aspect-ratio:1;object-fit:cover}.recommended-price{font-size:16px;font-weight:600;background:var(--color-primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.profile-header{display:flex;align-items:center;gap:20px;margin-bottom:var(--spacing-lg);padding:0;background:transparent;border-radius:var(--radius-md)}.profile-avatar{flex-shrink:0;display:flex;align-items:center;justify-content:center}.profile-info{flex:1}.profile-name{font-size:28px;font-weight:700;margin-bottom:4px;background:var(--color-primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.profile-email{font-size:14px}.profile-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:var(--spacing-lg)}.profile-action-btn{background:var(--color-bg-light);border:none;border-radius:var(--radius-md);padding:16px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .3s ease;color:var(--color-text);border:2px solid transparent;box-shadow:0 2px 8px #0003}.profile-action-btn:hover{transform:translate(4px);box-shadow:var(--shadow-hover);border:2px solid rgba(255,255,255,.1)}.profile-action-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0ea5e91a;border-radius:var(--radius-sm);flex-shrink:0;color:#0ea5e9}.profile-action-text{flex:1;text-align:left}.profile-action-arrow{color:var(--color-text-secondary);flex-shrink:0}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:var(--spacing-lg)}.profile-stat-card{background:var(--color-bg-light);border-radius:var(--radius-md);padding:20px;text-align:center;transition:all .3s ease;border:2px solid transparent;box-shadow:0 2px 8px #0003;display:flex;flex-direction:column;align-items:center;gap:8px}.profile-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border:2px solid rgba(255,255,255,.1)}.profile-stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#0ea5e91a;border-radius:12px;margin-bottom:4px}.profile-stat-value{font-size:32px;font-weight:700;color:#fff;margin-bottom:0}.profile-stat-label{font-size:13px;color:var(--color-text-secondary);font-weight:500}.profile-logout-btn{width:100%;padding:16px;background:#ef44441a;border:2px solid rgba(239,68,68,.3);color:#ef4444;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px}.profile-logout-btn:hover{background:#ef444433;border-color:#ef444480;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}@media(max-width:768px){.categories-grid{grid-template-columns:repeat(2,1fr);gap:10px}.recommended-grid{grid-template-columns:1fr}.profile-header{flex-direction:column;text-align:center}.profile-stats{grid-template-columns:1fr}}.icon-btn:hover{background:#ffffff26!important;border-color:#ffffff4d!important;transform:scale(1.05)}.product-page img:hover{transform:scale(1.02)}.icon-btn:active{transform:scale(.98)}a[href="/"]:hover{background:#ffffff14!important;border-color:#fff3!important}