/* =====================================================================
   AURI.sk – Elektronická darčeková poukážka  v1.1
   v1.1 – viac miesta pod boxom doručenia, carousel „Na čo odporúčame
          poukážku využiť?“ na konci stránky (dynamicky z Tipov na darčeky)
   Súbor: /user/documents/auri-poukazka.css
   Platí IBA pre detail produktu Darčeková poukážka:
     body.type-detail.id-774  (produkt ID 1080, URL /darcekova-poukazka/)
   Iné produkty, kategórie, košík ani objednávku neovplyvní.

   VÝNIMKA OBOMA SMERMI:
   Pri budúcich SPOLOČNÝCH úpravách produktových detailov vždy použi
     body.type-detail:not(.id-774) …
   aby sa poukážky netýkali.

   Odstránenie: zmaž <link> na tento súbor v HTML kóde (Záhlavie).
   ===================================================================== */

body.type-detail.id-774{
  --dp-gold:#AE8D3F;
  --dp-gold-line:#DCCBA3;
  --dp-cream:#F8F3E8;
  --dp-line:#E6DCCB;
  --dp-pink:#EE719E;
  --dp-muted:#000000a6;
  /* line-art ikony v zlatohnedej (stroke #AE8D3F) */
  --dp-ico-mail:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AE8D3F' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5.5' width='18' height='13' rx='1.5'/%3E%3Cpath d='M3.6 6.6 12 13l8.4-6.4'/%3E%3C/svg%3E");
  --dp-ico-tag:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AE8D3F' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 12.2V4.5a1 1 0 0 1 1-1h7.7l8.3 8.3a1 1 0 0 1 0 1.4l-7.1 7.1a1 1 0 0 1-1.4 0z'/%3E%3Ccircle cx='8' cy='8' r='1.4'/%3E%3C/svg%3E");
  --dp-ico-gift:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AE8D3F' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='8' width='17' height='4' rx='.6'/%3E%3Cpath d='M5 12v8.5h14V12M12 8v12.5'/%3E%3Cpath d='M12 8C10.8 5.2 7.4 4.6 7 6.8 6.7 8.4 9.6 8 12 8zM12 8c1.2-2.8 4.6-3.4 5-1.2.3 1.6-2.6 1.2-5 1.2z'/%3E%3C/svg%3E");
  --dp-ico-clock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AE8D3F' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E");
  --dp-ico-gem:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AE8D3F' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 4.5h11l3.5 5-9 10.5L3 9.5z'/%3E%3Cpath d='M3 9.5h18M9.5 4.5 12 9.5l2.5-5M8.5 9.5 12 20l3.5-10.5'/%3E%3C/svg%3E");
  --dp-ico-code:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AE8D3F' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 7.5a1 1 0 0 1 1-1h15a1 1 0 0 1 1 1V10a2 2 0 0 0 0 4v2.5a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1V14a2 2 0 0 0 0-4z'/%3E%3Cpath d='M14.5 7v1.5M14.5 11.25v1.5M14.5 15.5V17'/%3E%3C/svg%3E");
}

/* ---------- 1. Skryť nerelevantné prvky (iba na tejto stránke) ---------- */
/* globálne benefity fyzických šperkov (Benefit bannery) */
body.type-detail.id-774 .benefit-banners-full-width{display:none!important}
/* štítok „–3 %“ – pri poukážke nemá zmysel (cenu treba opraviť aj v administrácii) */
body.type-detail.id-774 .p-detail .flag-discount,
body.type-detail.id-774 .p-price-wrapper .price-save{display:none!important}
/* náhľady galérie – obrázok mení výber hodnoty */
body.type-detail.id-774 .p-image-wrapper .p-thumbnails-wrapper{display:none!important}
/* kód produktu DP30/DP50/DP100 */
body.type-detail.id-774 .detail-parameter-product-code{display:none!important}
/* jediná záložka „Popis“ a nadpis „Podrobný popis“ */
body.type-detail.id-774 .p-detail-tabs-wrapper .shp-tabs-row{display:none!important}
body.type-detail.id-774 #description .basic-description > h4{display:none!important}

/* ---------- 2. Vizuál poukážky ---------- */
body.type-detail.id-774 .p-main-image img{border-radius:12px}

/* ---------- 3. Nadpis, malý nadpis, krátky popis ---------- */
body.type-detail.id-774 .dp-eyebrow{
  margin:0 0 10px;font-size:13px;line-height:1.4;font-weight:700;
  letter-spacing:2.5px;text-transform:uppercase;color:var(--dp-gold);font-style:normal;
}
body.type-detail.id-774 .p-detail-inner-header h1,
body.type-detail.id-774 .p-detail-inner-header-mobile .h1{
  font-size:34px;line-height:1.2;letter-spacing:.2px;margin:0;
}
body.type-detail.id-774 .p-short-description{margin:16px 0 0;color:#000}
body.type-detail.id-774 .p-short-description .dp-lead{
  margin:0;font-size:17px;line-height:1.7;letter-spacing:.2px;color:#000;
}

/* ---------- 4. Výber hodnoty – natívne varianty Shoptetu ako tlačidlá ---------- */
body.type-detail.id-774 .p-variants-block{margin:26px 0 6px}
body.type-detail.id-774 #simple-variants-name{
  display:block;margin:0 0 10px;font-size:13px;font-weight:700;
  letter-spacing:1.5px;text-transform:uppercase;color:#000;
}
body.type-detail.id-774 #simple-variants{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;
}
body.type-detail.id-774 #simple-variants::before,
body.type-detail.id-774 #simple-variants::after{display:none!important;content:none!important}
body.type-detail.id-774 #simple-variants > span{display:none!important}
body.type-detail.id-774 #simple-variants label.advanced-parameter{
  position:relative;display:flex!important;align-items:center;justify-content:center;
  float:none!important;width:auto!important;height:auto!important;min-height:60px;
  margin:0!important;padding:10px 6px!important;
  background:#fff!important;border:1px solid var(--dp-line)!important;border-radius:8px!important;
  box-shadow:none;cursor:pointer;text-align:center;
  transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;
}
body.type-detail.id-774 #simple-variants label.advanced-parameter:hover{border-color:var(--dp-gold-line)!important}
/* obrázkový swatch skryť – text hodnoty namiesto neho */
body.type-detail.id-774 #simple-variants .advanced-parameter-inner{display:none!important}
/* záloha bez JS: zobrazí „Hodnota: 30 €“ */
body.type-detail.id-774 #simple-variants .parameter-value{
  display:block!important;font-size:15px;font-weight:700;line-height:1.3;color:#000;
}
/* s JS: veľké „30 €“, pôvodný text ostane pre čítačky obrazovky */
body.type-detail.id-774 #simple-variants label[data-dp-val] .parameter-value{
  position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;
  padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;
}
body.type-detail.id-774 #simple-variants label[data-dp-val]::before{
  content:attr(data-dp-val);font-size:22px;font-weight:700;line-height:1;letter-spacing:.3px;color:#000;
}
/* vybraná hodnota – dve samostatné pravidlá (staršie prehliadače bez :has) */
body.type-detail.id-774 #simple-variants label.advanced-parameter.is-active{
  border-color:var(--dp-gold)!important;background:var(--dp-cream)!important;box-shadow:inset 0 0 0 1px var(--dp-gold);
}
body.type-detail.id-774 #simple-variants label.advanced-parameter:has(input:checked){
  border-color:var(--dp-gold)!important;background:var(--dp-cream)!important;box-shadow:inset 0 0 0 1px var(--dp-gold);
}
body.type-detail.id-774 #simple-variants label.advanced-parameter.is-active::after{
  content:"";position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:50%;background:var(--dp-gold);
}
/* obrys iba pri ovládaní klávesnicou */
body.type-detail.id-774 #simple-variants label.advanced-parameter:has(input:focus-visible){
  outline:2px solid var(--dp-gold);outline-offset:2px;
}

/* ---------- 5. Cena a košík (natívne prvky, iba vzhľad) ---------- */
body.type-detail.id-774 .p-price-wrapper{margin:18px 0 4px}
body.type-detail.id-774 .p-price-wrapper .price-final{font-size:34px;line-height:1.2;color:#000}
body.type-detail.id-774 .p-to-cart-block{margin-top:12px}
body.type-detail.id-774 .p-to-cart-block .add-to-cart{display:flex;align-items:stretch;gap:10px}
body.type-detail.id-774 .p-to-cart-block .add-to-cart-button{flex:1 1 auto;min-height:52px;font-size:16px;letter-spacing:.5px}

/* ---------- 6. Elektronické doručenie do 24 hodín ---------- */
body.type-detail.id-774 .dp-delivery{
  display:flex;align-items:flex-start;gap:14px;margin:20px 0 44px;padding:16px 18px;
  background:var(--dp-cream);border:1px solid var(--dp-line);border-radius:8px;text-align:left;
}
body.type-detail.id-774 .dp-delivery::before{
  content:"";flex:0 0 30px;height:30px;margin-top:1px;background:var(--dp-ico-mail) center/contain no-repeat;
}
body.type-detail.id-774 .dp-delivery p{margin:0;font-size:15px;line-height:1.5;color:#000}
body.type-detail.id-774 .dp-delivery strong{display:block;font-size:16px;margin:0 0 2px}

/* ---------- 7. Podrobný popis – Ako to funguje, benefity, informácie ---------- */
body.type-detail.id-774 .dp-page{
  max-width:1080px;margin:0 auto;padding:8px 0 16px;color:#000;font-size:16px;line-height:1.7;letter-spacing:.2px;
}
body.type-detail.id-774 .dp-page *,
body.type-detail.id-774 .dp-page *::before,
body.type-detail.id-774 .dp-page *::after{box-sizing:border-box}
body.type-detail.id-774 .dp-page em,
body.type-detail.id-774 .dp-page i{font-style:normal}
body.type-detail.id-774 .dp-page section{margin:0 0 64px}
body.type-detail.id-774 .dp-page section:last-child{margin-bottom:0}
body.type-detail.id-774 .dp-page h2{
  margin:0 0 32px;padding:0;font-size:15px;line-height:1.4;font-weight:700;
  letter-spacing:2.5px;text-transform:uppercase;text-align:center;color:var(--dp-gold);
}
body.type-detail.id-774 .dp-page h2::after{
  content:"";display:block;width:48px;height:1px;margin:14px auto 0;background:var(--dp-gold-line);
}
body.type-detail.id-774 .dp-page h3{margin:0 0 6px;padding:0;font-size:20px;line-height:1.3;font-weight:700;color:#000}
body.type-detail.id-774 .dp-page p{margin:0}
body.type-detail.id-774 .dp-page a{color:var(--dp-gold);text-decoration:underline;text-underline-offset:3px}
body.type-detail.id-774 .dp-page a:hover,
body.type-detail.id-774 .dp-page a:focus-visible{color:var(--dp-pink)}
body.type-detail.id-774 .dp-page ol,
body.type-detail.id-774 .dp-page ul{margin:0;padding:0;list-style:none}
body.type-detail.id-774 .dp-page li{list-style:none;margin:0;padding:0}
body.type-detail.id-774 .dp-page li::marker{content:none}

/* 7a. Ako to funguje */
body.type-detail.id-774 .dp-steps__list{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;counter-reset:dpstep;
}
body.type-detail.id-774 .dp-step{
  --dp-ico:var(--dp-ico-tag);position:relative;counter-increment:dpstep;
  padding:32px 26px 28px!important;text-align:center;background:#fff;border:1px solid var(--dp-line);border-radius:12px;
}
body.type-detail.id-774 .dp-step--email{--dp-ico:var(--dp-ico-mail)}
body.type-detail.id-774 .dp-step--darcek{--dp-ico:var(--dp-ico-gift)}
body.type-detail.id-774 .dp-step::before{
  content:"";display:block;width:64px;height:64px;margin:0 auto 18px;
  border:1px solid var(--dp-gold-line);border-radius:50%;background:var(--dp-cream) var(--dp-ico) center/30px no-repeat;
}
body.type-detail.id-774 .dp-step h3::before{content:counter(dpstep) ". ";color:var(--dp-gold)}
body.type-detail.id-774 .dp-step p{font-size:15px;line-height:1.65;color:var(--dp-muted)}

/* 7b. Benefity elektronickej poukážky */
body.type-detail.id-774 .dp-benefits__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.type-detail.id-774 .dp-benefit{
  --dp-ico:var(--dp-ico-clock);padding:26px 18px 24px!important;text-align:center;background:var(--dp-cream);border-radius:12px;
}
body.type-detail.id-774 .dp-benefit--vyber{--dp-ico:var(--dp-ico-gem)}
body.type-detail.id-774 .dp-benefit--hodnota{--dp-ico:var(--dp-ico-tag)}
body.type-detail.id-774 .dp-benefit--kod{--dp-ico:var(--dp-ico-code)}
body.type-detail.id-774 .dp-benefit::before{
  content:"";display:block;width:36px;height:36px;margin:0 auto 12px;background:var(--dp-ico) center/contain no-repeat;
}
body.type-detail.id-774 .dp-benefit strong{display:block;margin:0 0 4px;font-size:16px;line-height:1.35}
body.type-detail.id-774 .dp-benefit p{font-size:14px;line-height:1.55;color:var(--dp-muted)}

/* 7c. Dôležité informácie */
body.type-detail.id-774 .dp-info{
  max-width:760px;margin-left:auto!important;margin-right:auto!important;
  padding:34px 40px;border:1px solid var(--dp-line);border-radius:12px;background:#fff;
}
body.type-detail.id-774 .dp-info li{position:relative;padding-left:22px!important;margin:0 0 10px!important}
body.type-detail.id-774 .dp-info li::before{
  content:"";position:absolute;left:4px;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--dp-gold);
}
body.type-detail.id-774 .dp-info .dp-contact{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--dp-line);font-size:15px;color:var(--dp-muted)}

/* 7d. Na čo odporúčame poukážku využiť? (carousel – plní ho auri-poukazka.js) */
body.type-detail.id-774 .dp-tips:not(.is-ready){display:none!important}
body.type-detail.id-774 .dp-tips__lead{max-width:560px;margin:-18px auto 28px!important;text-align:center;font-size:15px;line-height:1.6;color:var(--dp-muted)}
body.type-detail.id-774 .dp-tips__track{
  display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * 18px) / 4);gap:18px;
  overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;
  padding:4px 2px 14px;scrollbar-width:thin;scrollbar-color:var(--dp-gold-line) transparent;
}
body.type-detail.id-774 .dp-page a.dp-card{
  scroll-snap-align:start;display:flex;flex-direction:column;gap:6px;min-width:0;
  padding:12px 12px 16px;background:#fff;border:1px solid var(--dp-line);border-radius:12px;
  color:#000;text-decoration:none;transition:border-color .2s ease;
}
body.type-detail.id-774 .dp-page a.dp-card:hover,
body.type-detail.id-774 .dp-page a.dp-card:focus-visible{border-color:var(--dp-gold);color:#000}
body.type-detail.id-774 .dp-card__img{display:block;aspect-ratio:4 / 3;border-radius:8px;overflow:hidden;background:#fff}
body.type-detail.id-774 .dp-card__img img{display:block;width:100%;height:100%;object-fit:contain}
body.type-detail.id-774 .dp-card__badge{
  align-self:flex-start;margin-top:4px;padding:3px 10px;border:1px solid var(--dp-gold-line);border-radius:999px;
  background:var(--dp-cream);font-size:11px;line-height:1.5;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--dp-gold);
}
body.type-detail.id-774 .dp-card__name{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font-size:15px;line-height:1.4;font-weight:700;
}
body.type-detail.id-774 .dp-card__price{margin-top:auto;padding-top:2px;font-size:16px;font-weight:700}
body.type-detail.id-774 .dp-tips__bar{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;flex-wrap:wrap}
body.type-detail.id-774 .dp-tips__nav{
  width:42px;height:42px;border:1px solid var(--dp-gold-line);border-radius:50%;background:#fff;color:var(--dp-gold);
  font-size:20px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;
}
body.type-detail.id-774 .dp-tips__nav:hover{border-color:var(--dp-gold)}
body.type-detail.id-774 .dp-tips__nav:focus-visible{outline:2px solid var(--dp-gold);outline-offset:2px}
body.type-detail.id-774 .dp-tips__more{margin:0 0 0 12px!important;font-size:15px}

/* ---------- 8. Mobil ---------- */
@media (max-width:767px){
  /* poradie: obrázok → malý nadpis + nadpis → popis → výber → cena → košík */
  body.type-detail.id-774 .p-image-wrapper{display:flex;flex-direction:column}
  body.type-detail.id-774 .p-image-wrapper > .p-image{order:1}
  body.type-detail.id-774 .p-image-wrapper > .row{order:2}
  body.type-detail.id-774 .p-image-wrapper > .p-detail-inner-header-mobile{order:3;margin:22px 0 0;text-align:center}
  body.type-detail.id-774 .p-detail-inner-header-mobile .h1{font-size:26px}
  body.type-detail.id-774 .p-short-description{margin-top:10px;text-align:center}
  body.type-detail.id-774 .p-short-description .dp-lead{font-size:16px;line-height:1.65}
  body.type-detail.id-774 .p-variants-block{margin-top:22px}
  body.type-detail.id-774 #simple-variants{gap:8px}
  body.type-detail.id-774 #simple-variants label.advanced-parameter{min-height:56px}
  body.type-detail.id-774 #simple-variants label[data-dp-val]::before{font-size:20px}
  body.type-detail.id-774 .p-price-wrapper{text-align:center}
  body.type-detail.id-774 .p-price-wrapper .price-final{font-size:30px}
  body.type-detail.id-774 .p-price-wrapper .price-additional{display:block;text-align:center}

  body.type-detail.id-774 .dp-page section{margin-bottom:44px}
  body.type-detail.id-774 .dp-page h2{margin-bottom:24px}
  /* kroky pod sebou – kompaktná vertikálna os */
  body.type-detail.id-774 .dp-steps__list{grid-template-columns:1fr;gap:0}
  body.type-detail.id-774 .dp-step{
    display:grid;grid-template-columns:52px 1fr;column-gap:16px;
    padding:0 0 22px!important;text-align:left;border:0;border-radius:0;background:none;
  }
  body.type-detail.id-774 .dp-step::before{grid-column:1;grid-row:1 / span 2;width:52px;height:52px;margin:0;background-size:24px}
  body.type-detail.id-774 .dp-step h3{grid-column:2;margin:4px 0 2px;font-size:18px}
  body.type-detail.id-774 .dp-step p{grid-column:2}
  body.type-detail.id-774 .dp-step:not(:last-child)::after{
    content:"";position:absolute;left:26px;top:58px;bottom:6px;width:1px;background:var(--dp-gold-line);
  }
  body.type-detail.id-774 .dp-benefits__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body.type-detail.id-774 .dp-benefit{padding:20px 12px 18px!important}
  body.type-detail.id-774 .dp-benefit strong{font-size:15px}
  body.type-detail.id-774 .dp-benefit p{font-size:13px}
  body.type-detail.id-774 .dp-info{padding:24px 20px}
  body.type-detail.id-774 .dp-delivery{margin-bottom:32px}
  body.type-detail.id-774 .dp-tips__track{grid-auto-columns:64%;gap:12px}
  body.type-detail.id-774 .dp-tips__nav{display:none}
  body.type-detail.id-774 .dp-tips__more{margin:0!important}
}