.product-page{max-width:1320px;margin:0 auto}.product-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(var(--space-7),5vw,3.5rem);align-items:start;padding:clamp(var(--space-6),4vw,var(--space-10)) clamp(var(--space-4),3vw,var(--space-8))}.product-gallery{--gallery-ring:color-mix(in srgb,var(--color-accent-2) 18%,var(--color-border));background:color-mix(in srgb,var(--color-surface) 92%,var(--color-accent-2-light));border-radius:clamp(14px,2vw,20px);display:flex;align-items:center;justify-content:center;position:sticky;top:var(--space-4);border:1px solid var(--gallery-ring);box-shadow:0 1px 0 color-mix(in srgb,var(--color-bg) 65%,transparent),0 28px 48px color-mix(in srgb,var(--color-primary) 9%,transparent),0 8px 20px color-mix(in srgb,var(--color-accent-2) 8%,transparent)}.product-gallery__image{width:100%;border-radius:clamp(10px,1.5vw,14px)}@media (prefers-reduced-motion:no-preference){.product-gallery__image{transition:transform .28s cubic-bezier(.22,1,.36,1)}}.product-skeleton__image{height:400px}.product-skeleton__title{width:60%;height:2rem;margin-bottom:1rem}.product-skeleton__price{width:30%;height:1.5rem;margin-bottom:2rem}.product-skeleton__cta{width:100%;height:3rem;margin-bottom:1rem}.product-skeleton__variant{height:100px}.product-info{display:flex;flex-direction:column;gap:clamp(var(--space-4),2.5vw,var(--space-6))}.product-info__intro{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-4);margin-bottom:var(--space-2);border-bottom:3px solid var(--color-primary);align-items:flex-start}.product-info__title{font-size:clamp(1.65rem,4.2vw + .85rem,2.85rem);font-weight:700;letter-spacing:-.03em;line-height:1.12;color:var(--color-primary);margin:0;max-width:22ch;text-align:right}[dir=ltr] .product-info__title{text-align:left}.product-info__price{font-size:clamp(1.35rem,2.4vw + .8rem,2.1rem);font-weight:700;color:var(--color-accent-2);letter-spacing:-.02em}.variants-card{position:relative;background:var(--color-bg);border-radius:14px;padding:clamp(var(--space-1),2vw,var(--space-1)) var(--space-1) var(--space-1);border:2px solid color-mix(in srgb,var(--color-accent-2) 22%,var(--color-border));box-shadow:0 1px 0 color-mix(in srgb,var(--color-bg) 72%,transparent),0 18px 36px color-mix(in srgb,var(--color-primary) 7%,transparent)}.variants-card__label{position:absolute;top:-.65rem;background:var(--color-primary);color:var(--color-bg);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-sm);z-index:1}[dir=rtl] .variants-card__label{right:var(--space-4);left:auto}[dir=ltr] .variants-card__label{left:var(--space-4);right:auto}.variants-card__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);max-height:340px;overflow-y:auto;padding:clamp(var(--space-2),2vw,var(--space-3)) var(--space-4) var(--space-4)}.variants-card__grid::-webkit-scrollbar{width:4px}.variants-card__grid::-webkit-scrollbar-track{background:var(--color-border);border-radius:4px}.variants-card__grid::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-accent-2) 45%,var(--color-border));border-radius:4px}.variant-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg);border:2px solid var(--color-border);border-radius:10px;cursor:pointer;position:relative;transition:border-color .13s cubic-bezier(.25,0,0,1),box-shadow .13s cubic-bezier(.25,0,0,1),background .13s cubic-bezier(.25,0,0,1),transform .13s cubic-bezier(.25,0,0,1)}.variant-item:hover{border-color:color-mix(in srgb,var(--color-accent-2) 55%,var(--color-border));box-shadow:0 8px 20px color-mix(in srgb,var(--color-accent-2) 12%,transparent)}.variant-item.active{border-color:var(--color-accent-2);background:var(--color-accent-2);box-shadow:0 8px 24px color-mix(in srgb,var(--color-accent-2) 30%,transparent),0 2px 4px color-mix(in srgb,var(--color-accent-2) 18%,transparent)}.variant-item.active:after{content:"";position:absolute;top:var(--space-2);width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--color-bg) 85%,transparent)}[dir=rtl] .variant-item.active:after{right:var(--space-2)}[dir=ltr] .variant-item.active:after{left:var(--space-2)}.variant-item.active:hover{border-color:var(--color-accent-2-hover);background:var(--color-accent-2-hover);box-shadow:0 10px 28px color-mix(in srgb,var(--color-accent-2) 36%,transparent),0 2px 4px color-mix(in srgb,var(--color-accent-2) 22%,transparent)}.variant-item.out-of-stock{opacity:.5;cursor:not-allowed;border-color:var(--color-border)}.variant-item.out-of-stock:hover{border-color:var(--color-border);box-shadow:none}.variant-item.out-of-stock .variant-item__thumbnail{filter:grayscale(100%)}.variant-item__thumbnail{width:80px;height:80px;object-fit:contain;border-radius:6px;transition:transform .13s cubic-bezier(.25,0,0,1)}.variant-item.active .variant-item__thumbnail{background:color-mix(in srgb,var(--color-bg) 14%,transparent);border-radius:6px;padding:var(--space-1);transform:scale(1.05)}.variant-item__name{font-size:var(--text-sm);font-weight:700;color:var(--color-text);text-align:center;line-height:1.3}.variant-item.active .variant-item__name{color:var(--color-bg)}.product-purchase{display:flex;align-items:center;gap:var(--space-3);justify-content:space-between}.quantity-control{display:flex;align-items:center;gap:var(--space-2)}.quantity-control__btn{width:38px;height:38px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:50%;font-size:1.25rem;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);display:flex;align-items:center;justify-content:center;padding-bottom:4px}.quantity-control__btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent-2-light) 88%,var(--color-bg));border-color:color-mix(in srgb,var(--color-accent-2) 28%,var(--color-border))}.quantity-control__btn:disabled{opacity:.5;cursor:not-allowed}.quantity-control__value{min-width:44px;text-align:center;font-weight:600;font-size:var(--text-lg);background:var(--color-bg)}.product-purchase__buy{flex:1 1;min-height:3.25rem;padding:var(--space-3) var(--space-6);background:var(--color-accent-2);color:var(--color-bg);border:none;border-radius:var(--radius-md);font-size:var(--text-lg);font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:0 1px 0 color-mix(in srgb,var(--color-bg) 22%,transparent),0 10px 24px color-mix(in srgb,var(--color-accent-2) 28%,transparent);transition:background var(--transition-fast),box-shadow .22s cubic-bezier(.22,1,.36,1),transform var(--transition-fast)}.product-purchase__buy:hover:not(:disabled){background:var(--color-accent-2-hover);box-shadow:0 1px 0 color-mix(in srgb,var(--color-bg) 18%,transparent),0 14px 30px color-mix(in srgb,var(--color-accent-2-hover) 32%,transparent)}@media (prefers-reduced-motion:no-preference){.product-purchase__buy:hover:not(:disabled){transform:translateY(-1px)}.product-purchase__buy:active:not(:disabled){transform:translateY(0)}}.product-purchase__buy:disabled{opacity:.5;cursor:not-allowed}.product-details-accordion{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4)}.accordion-item{border-radius:12px;overflow:hidden;background:var(--color-bg);border:1px solid color-mix(in srgb,var(--color-accent-2) 12%,var(--color-border));transition:box-shadow .28s cubic-bezier(.22,1,.36,1);box-shadow:0 8px 20px color-mix(in srgb,var(--color-primary) 6%,transparent)}.accordion-item:hover{box-shadow:0 12px 28px color-mix(in srgb,var(--color-primary) 9%,transparent)}.accordion-item__header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px;background:color-mix(in srgb,var(--color-light) 85%,var(--color-accent-2-light));border:none;cursor:pointer;font-size:var(--text-base);font-weight:700;color:var(--color-text);text-align:right;transition:background-color .22s cubic-bezier(.22,1,.36,1)}.accordion-item__header:hover{background-color:color-mix(in srgb,var(--color-light) 72%,var(--color-accent-2-light))}[dir=ltr] .accordion-item__header{text-align:left}.accordion-item__title{flex:1 1}.accordion-item__chevron{transition:transform var(--transition-fast);color:var(--color-muted)}.accordion-item.open .accordion-item__chevron{transform:rotate(180deg)}.accordion-item__content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease;background:var(--color-light)}.accordion-item.open .accordion-item__content{grid-template-rows:1fr}.accordion-item__inner{overflow:hidden;color:var(--color-muted);line-height:1.7}.accordion-item__inner p{margin:0 0 var(--space-2) 0;padding-inline:15px}.accordion-item__inner p:first-child{padding-top:15px}.accordion-item__inner p:last-child{margin-bottom:0;padding-bottom:15px}@media (max-width:1024px){.product-page{padding:clamp(var(--space-4),3vw,var(--space-6)) clamp(var(--space-3),2vw,var(--space-5))}.product-layout{grid-template-columns:1fr;gap:var(--space-6)}.product-gallery{position:static}}@media (max-width:768px){.product-layout{grid-template-columns:1fr}.product-info__intro{padding-bottom:var(--space-3)}.product-info__title{max-width:none}.product-info__price{font-size:clamp(1.2rem,4.5vw + .6rem,1.65rem)}.variants-card{padding:var(--space-3)}.variants-card__grid{grid-template-columns:repeat(2,1fr);max-height:320px}.variant-item__thumbnail{width:64px;height:64px}.product-purchase__buy{width:100%}}@media (max-width:480px){.product-page{padding:var(--space-3) var(--space-2)}.product-layout{gap:var(--space-4)}}