.product{padding:calc(var(--header-height) + var(--spacing-12)) var(--spacing-6) var(--spacing-16);max-width:var(--container-xl);margin:0 auto}.product__header{text-align:center;margin-bottom:var(--spacing-12)}.product__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--spacing-4)}.product__subtitle{font-size:var(--font-size-md);color:var(--color-text-secondary);max-width:560px;margin:0 auto;line-height:var(--line-height-relaxed)}.product__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-6)}.product__card{position:relative;display:flex;flex-direction:column;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg-card);text-decoration:none;transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.product__card:hover{transform:translateY(-4px);border-color:var(--game-color, var(--color-accent-primary));box-shadow:0 8px 32px color-mix(in srgb,var(--game-color, var(--color-accent-primary)) 20%,transparent)}.product__card-image-wrap{position:relative;aspect-ratio:16 / 9;overflow:hidden}.product__card-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product__card:hover .product__card-image{transform:scale(1.05)}.product__card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 60%)}.product__card-body{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-5)}.product__card-genre{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--game-color, var(--color-accent-primary))}.product__card-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.product__card-cta{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-1);transition:color var(--transition-fast)}.product__card:hover .product__card-cta{color:var(--game-color, var(--color-accent-primary))}.product-detail{display:flex;flex-direction:column;gap:var(--spacing-12)}.product-detail__back{margin-bottom:var(--spacing-2)}.product-detail__back-link{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.product-detail__back-link:hover{color:var(--color-accent-primary)}.product-detail__content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12);align-items:center}@media(max-width:768px){.product-detail__content{grid-template-columns:1fr}}.product-detail__image-wrap{border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.product-detail__image{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.product-detail__info{display:flex;flex-direction:column;gap:var(--spacing-4)}.product-detail__genre{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-accent-primary)}.product-detail__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.product-detail__description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.product-detail__cta-row{display:flex;gap:var(--spacing-3);flex-wrap:wrap;margin-top:var(--spacing-2)}.product-detail__cta-primary{display:inline-flex;align-items:center;padding:var(--spacing-3) var(--spacing-6);background:var(--color-accent-primary);color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);text-decoration:none;transition:background var(--transition-fast),transform var(--transition-fast)}.product-detail__cta-primary:hover{background:var(--color-accent-primary-hover);transform:translateY(-1px)}.product-detail__cta-secondary{display:inline-flex;align-items:center;padding:var(--spacing-3) var(--spacing-6);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);border:1px solid var(--color-border);text-decoration:none;transition:border-color var(--transition-fast),color var(--transition-fast)}.product-detail__cta-secondary:hover{border-color:var(--color-text-tertiary);color:var(--color-text-primary)}.pricing{display:flex;flex-direction:column;gap:var(--spacing-10);padding-top:var(--spacing-4)}.pricing__header{text-align:center}.pricing__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--spacing-3)}.pricing__subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.pricing__header .pricing__promo{margin-top:var(--spacing-4)}.pricing__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-5)}@media(max-width:1024px){.pricing__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.pricing__grid{grid-template-columns:1fr}}.pricing__card{position:relative;display:flex;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-6);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.pricing__card:hover{border-color:var(--color-border-focus);box-shadow:0 0 0 1px var(--color-border-focus),var(--shadow-md);transform:translateY(-2px)}.pricing__card--popular{border-color:var(--color-accent-primary);background:linear-gradient(160deg,var(--color-accent-primary-light),var(--color-bg-card) 60%)}.pricing__card--popular:hover{border-color:var(--color-accent-primary-hover);box-shadow:0 0 0 1px var(--color-accent-primary),0 8px 32px #5f8bff26}.pricing__card--in-cart{border-color:var(--color-success);background:linear-gradient(160deg,var(--color-success-light),var(--color-bg-card) 60%)}.pricing__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-accent-primary);color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);white-space:nowrap}.pricing__card-header{display:flex;flex-direction:column;gap:var(--spacing-2)}.pricing__duration{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-text-secondary)}.pricing__price-row{display:flex;align-items:flex-start;flex-wrap:wrap;gap:var(--spacing-1);margin-top:var(--spacing-2)}.pricing__base-amount{width:100%;font-size:var(--font-size-sm);color:var(--color-text-tertiary);text-decoration:line-through;text-decoration-thickness:1px}.pricing__currency{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);padding-top:4px}.pricing__amount{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);line-height:1;letter-spacing:var(--letter-spacing-tight)}.pricing__per{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.pricing__features{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-3);flex:1}.pricing__feature{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pricing__feature-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;border-radius:var(--radius-full);background:var(--color-success-light);color:var(--color-success);font-size:10px;font-weight:var(--font-weight-bold)}.pricing__cta{width:100%;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;border:1px solid var(--color-accent-primary);background:transparent;color:var(--color-accent-primary);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.pricing__cta:hover{background:var(--color-accent-primary);color:var(--color-text-inverse);transform:translateY(-1px)}.pricing__cta--remove{border-color:var(--color-success);color:var(--color-success);background:var(--color-success-light)}.pricing__cta--remove:hover{background:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}.pricing__card--popular .pricing__cta{background:var(--color-accent-primary);color:var(--color-text-inverse)}.pricing__card--popular .pricing__cta:hover{background:var(--color-accent-primary-hover)}