/* Komponent: product-detail — 20-storefront.md § 2.4 */

.product-layout{ display:grid; grid-template-columns:.62fr .38fr; gap:var(--sp-7); padding:var(--sp-5) 0 var(--sp-7); }

/* Galéria */
.pg-main{ aspect-ratio:1/1; border-radius:var(--r-md); overflow:hidden; background:var(--cream); }
.pg-main img{ width:100%; height:100%; object-fit:cover; cursor:zoom-in; }
.pg-thumbs{ display:flex; gap:10px; margin-top:12px; flex-wrap:wrap; }
.pg-thumb{ width:72px; height:72px; border:1px solid var(--line); border-radius:var(--r-sm); overflow:hidden; padding:0; background:var(--cream); }
.pg-thumb img{ width:100%; height:100%; object-fit:cover; }
.pg-thumb.is-active{ border-color:var(--crema); }

/* Info */
.pi-brand{ font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--crema); }
.pi-name{ font-size:clamp(28px, 3.5vw, 40px); margin:6px 0 var(--sp-3); }
.pi-short{ color:var(--muted); margin-bottom:var(--sp-4); }
.pi-price{ margin-bottom:var(--sp-4); }
.pi-price .price-lg{ font-size:34px; }
.pi-price s{ font-size:19px; margin-left:8px; }

.pi-variants{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:var(--sp-4); }
.variant-chip{ display:inline-flex; align-items:center; border:1px solid var(--line-strong); border-radius:var(--r-sm); padding:8px 14px; cursor:pointer; font-size:14px; }
.variant-chip input{ position:absolute; opacity:0; width:0; }
.variant-chip:has(input:checked){ border-color:var(--espresso); background:var(--cream); }
.variant-chip.is-out{ opacity:.45; text-decoration:line-through; cursor:not-allowed; }

.pi-buy{ display:flex; gap:var(--sp-3); align-items:center; margin-bottom:var(--sp-4); flex-wrap:wrap; }
.stepper{ display:inline-flex; align-items:center; border:1px solid var(--line-strong); border-radius:var(--r-sm); }
.stepper button{ width:40px; height:44px; background:transparent; font-size:18px; color:var(--espresso); }
.stepper .step-qty{ width:54px; height:44px; text-align:center; border:none; border-left:1px solid var(--line); border-right:1px solid var(--line); background:transparent; }

.pi-meta{ list-style:none; border-top:1px solid var(--line); padding-top:var(--sp-4); display:flex; flex-direction:column; gap:8px; color:var(--muted); font-size:14px; }

/* Sekcie pod detailom */
.product-section{ padding:var(--sp-6) 0; border-top:1px solid var(--line); }
.product-section h2{ font-size:28px; margin-bottom:var(--sp-4); }
.prose{ max-width:70ch; line-height:1.7; color:var(--text); }

/* Lightbox */
.lightbox{ position:fixed; inset:0; background:color-mix(in srgb, var(--ink) 88%, transparent); display:grid; place-items:center; z-index:120; padding:var(--sp-5); }
.lightbox img{ max-width:90vw; max-height:90vh; border-radius:var(--r-md); }

@media (max-width:820px){ .product-layout{ grid-template-columns:1fr; } }

/* Redizajn 22 — sticky „Pridať do košíka" na mobile (nad spodnou tab-lištou) */
.pd-buy-spacer{ display:none; }
@media (max-width:768px){
  .pi-buy{
    position:fixed; left:0; right:0; z-index:45;
    bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));
    margin:0; flex-wrap:nowrap; align-items:center; gap:var(--sp-3);
    background:var(--surface); border-top:1px solid var(--line);
    padding:11px var(--sp-4);
    box-shadow:0 -12px 30px -20px rgba(46,33,24,.45);
  }
  .pi-buy .pi-add{ flex:1; min-height:48px; }
  .pi-buy .stepper{ flex:none; }
  .pd-buy-spacer{ display:block; height:74px; }   /* rezerva, aby fixná lišta nezakryla obsah */
}