/* =====================================================================
   AURI.sk – Tipy na darčeky (vianočný darčekový sprievodca)  v4.0
   Súbor: /user/documents/auri-darceky-lp.css
   Platí IBA pre kategóriu Tipy na darčeky (body.id-927) a pre obsah .agl
   z jej Popisu kategórie. Iné kategórie, homepage ani podkategórie neovplyvní.
   Rozloženie sa zapne iba tam, kde je obsah .agl (:has) – na 2., 3. …
   strane výpisu, kde Shoptet popis nevypisuje, ostane natívny vzhľad.
   v4.0 – jeden hero: text + TIP AURI vľavo, fotka s krabičkou vpravo
          (samostatný stĺpec, bez prelínania), ikonky aj pri cenách,
          viac voľne rozhádzaných vianočných motívov v bielom priestore.
   v4.1 – bez ľavého panela s filtrami (stránka na celú šírku, 4 produkty
          v rade), texty v hero vycentrované, ikonka nad TIP AURI,
          vianočné motívy aj nad hero.
   Odstránenie: zmaž <link> na tento súbor v HTML kóde (Záhlavie).
   ===================================================================== */

body.id-927 .category-top,
body.id-927 .agl{
  --agl-gold:#AE8D3F;
  --agl-gold-line:#DCCBA3;
  --agl-pink:#EE719E;
  --agl-pink-soft:#FDEFF4;
  --agl-pink-line:#F2BCD0;
  --agl-cream:#FAF6EF;
  --agl-line:#E6DCCB;
  --agl-muted:#000000a6;
  --agl-deco-opacity:.55;            /* intenzita vianočných motívov (0 = skryté, 1 = plná) */
  --agl-hero-pos:57% 50%;            /* výrez fotky s krabičkou na počítači (krabička je v 57 % šírky) */
  --agl-hero-pos-m:57% 52%;          /* výrez na mobile */
  --agl-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%3Cg transform='rotate(0 12.0 12.0)'%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/g%3E%3C/svg%3E");
  --agl-tree-a:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 56' fill='none' stroke='%23AE8D3F' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='rotate(-9 24.0 28.0)'%3E%3Cpath d='M24 11 13 27h6L9 42h30L29 27h6z'/%3E%3Cpath d='M24 42v8M24 2v5M21.5 4.5h5'/%3E%3Cpath d='M19 34l3-2M27 31l3 2M21 22l2-1.5'/%3E%3C/g%3E%3C/svg%3E");
  --agl-tree-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 56' fill='none' stroke='%23AE8D3F' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='rotate(7 24.0 28.0)'%3E%3Cpath d='M24 11 13 27h6L9 42h30L29 27h6z'/%3E%3Cpath d='M24 42v8M24 2v5M21.5 4.5h5'/%3E%3Cpath d='M19 34l3-2M27 31l3 2M21 22l2-1.5'/%3E%3C/g%3E%3C/svg%3E");
  --agl-flake-a:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23AE8D3F' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='rotate(12 24.0 24.0)'%3E%3Cpath d='M24 5v38M20 9l4 4 4-4M20 39l4-4 4 4'/%3E%3Cg transform='rotate(60 24 24)'%3E%3Cpath d='M24 5v38M20 9l4 4 4-4M20 39l4-4 4 4'/%3E%3C/g%3E%3Cg transform='rotate(120 24 24)'%3E%3Cpath d='M24 5v38M20 9l4 4 4-4M20 39l4-4 4 4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --agl-flake-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23AE8D3F' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='rotate(-20 24.0 24.0)'%3E%3Cpath d='M24 5v38M20 9l4 4 4-4M20 39l4-4 4 4'/%3E%3Cg transform='rotate(60 24 24)'%3E%3Cpath d='M24 5v38M20 9l4 4 4-4M20 39l4-4 4 4'/%3E%3C/g%3E%3Cg transform='rotate(120 24 24)'%3E%3Cpath d='M24 5v38M20 9l4 4 4-4M20 39l4-4 4 4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --agl-star-a:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23AE8D3F' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='rotate(15 16.0 16.0)'%3E%3Cpath d='M16 3Q16 16 29 16Q16 16 16 29Q16 16 3 16Q16 16 16 3Z'/%3E%3C/g%3E%3C/svg%3E");
  --agl-star-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23AE8D3F' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='rotate(-8 16.0 16.0)'%3E%3Cpath d='M16 3Q16 16 29 16Q16 16 16 29Q16 16 3 16Q16 16 16 3Z'/%3E%3C/g%3E%3C/svg%3E");
}
body.id-927 .agl *,
body.id-927 .agl *::before,
body.id-927 .agl *::after{box-sizing:border-box}

/* Natívny zoznam podkategórií nahrádzajú naše karty (rovnaké odkazy) – skrytý iba pri našom obsahu */
body.id-927 .category-top:has(.agl) > ul.subcategories{display:none!important}
/* Blok „Najpredávanejšie“ je v tejto kategórii skrytý */
body.id-927 .category-top > .products-top-wrapper{display:none!important}

/* Bez ľavého panela s filtrami – iba v tejto kategórii; obsah na celú šírku */
body.id-927 aside.sidebar-left,
body.id-927 #filters-wrapper{display:none!important}
body.id-927 #content.content{flex:1 1 100%;width:100%;max-width:100%;padding-left:0}
@media (min-width:992px){
  body.id-927 #products.products-block > .product{width:25%;flex:0 0 25%}   /* 4 produkty v rade */
}

/* ---------------------------------------------------------------------
   1. HERO – vľavo text a TIP AURI, vpravo fotografia s krabičkou v samostatnom
   stĺpci (bez prelínania). H1 „Tipy na darčeky“ (Shoptet) je malý zlatý nadpis –
   ostáva jediné a viditeľné.
   --------------------------------------------------------------------- */
body.id-927 .category-top:has(.agl){
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  grid-template-rows:minmax(40px,1fr) auto auto auto auto minmax(40px,1fr);
  margin-top:52px;margin-bottom:0;              /* voľný priestor nad hero pre vianočné motívy */
}
body.id-927 .category-top:has(.agl) > :not(.category-title):not(.category-perex){grid-column:1 / -1}
body.id-927 .category-top:has(.agl)::before{                 /* krémový podklad hero */
  content:"";grid-column:1 / -1;grid-row:1 / 7;
  background:var(--agl-cream);border-radius:12px;
}
body.id-927 .category-top:has(.agl) > .category-perex,
body.id-927 .agl,
body.id-927 .agl-hero{display:contents}

body.id-927 .category-top:has(.agl) > h1.category-title{
  grid-column:1;grid-row:2;
  margin:0 40px 14px;padding:0;border:0;text-align:center;
  font-size:13px;font-weight:400;line-height:1.4;letter-spacing:.2em;text-transform:uppercase;
  color:var(--agl-gold);
}
body.id-927 .agl-hero-title{
  grid-column:1;grid-row:3;
  margin:0 40px 16px;padding:0;text-align:center;
  font:700 34px/1.18 'PT Serif',serif;font-style:normal;color:#000;text-wrap:balance;
}
body.id-927 .agl-hero-lead{
  grid-column:1;grid-row:4;
  justify-self:center;margin:0 40px;padding:0;max-width:52ch;text-align:center;
  font-family:inherit;font-size:16px;font-weight:400;line-height:1.6;color:var(--agl-muted);
}
/* TIP AURI – súčasť textovej časti, oddelený tenkou zlatou linkou */
body.id-927 .agl-hero-tip{
  grid-column:1;grid-row:5;position:relative;justify-self:center;
  margin:26px 40px 0;padding:22px 0 0;max-width:46ch;text-align:center;
  border-top:1px solid var(--agl-gold-line);
}
body.id-927 .agl-hero-tip::before{                  /* ikonka darčeka nad TIP AURI */
  content:"";display:block;width:28px;height:28px;margin:0 auto 10px;
  background:var(--agl-ico-gift) no-repeat center / contain;
}
body.id-927 .agl-tip-kicker{
  margin:0 0 4px;padding:0;font-size:11px;font-weight:400;line-height:1.4;letter-spacing:.2em;text-transform:uppercase;color:var(--agl-gold);
}
body.id-927 .agl-tip-title{margin:0 0 4px;padding:0;font:700 17px/1.35 'PT Serif',serif;font-style:normal;color:#000}
body.id-927 .agl-tip-text{margin:0;padding:0;font-size:14px;line-height:1.55;color:var(--agl-muted)}
body.id-927 .agl-tip-text span{color:var(--agl-gold)}

/* fotografia: celý pravý stĺpec, celá výška hero */
body.id-927 .agl-hero-media{
  grid-column:2;grid-row:1 / 7;
  position:relative;margin:0;min-height:460px;overflow:hidden;
  border-radius:0 12px 12px 0;background:#EFE6DA;
}
body.id-927 .agl-hero-media img{
  position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;
  object-fit:cover;object-position:var(--agl-hero-pos);
  border:0;border-radius:0;opacity:1;filter:none;
}

/* ---------------------------------------------------------------------
   Spoločné pre sekcie
   --------------------------------------------------------------------- */
body.id-927 .agl-section{grid-column:1 / -1;position:relative;margin:64px 0 0;text-align:left}
body.id-927 .agl-section--budget{margin-top:72px}
body.id-927 .agl-section--all{margin:72px 0 8px}
body.id-927 .agl-kicker{
  margin:0 0 8px;padding:0;
  font-size:12px;font-weight:400;line-height:1.4;letter-spacing:.2em;text-transform:uppercase;
  color:var(--agl-gold);
}
body.id-927 .agl-h2{
  margin:0 0 6px;padding:0;border:0;text-align:left;text-transform:none;
  font:700 28px/1.2 'PT Serif',serif;font-style:normal;color:#000;text-wrap:balance;
}
body.id-927 .agl-h2::before,
body.id-927 .agl-h2::after{content:none;display:none}
body.id-927 .agl-sub{margin:0 0 24px;padding:0;max-width:60ch;font-size:15px;line-height:1.5;color:var(--agl-muted)}
body.id-927 .agl-section--all .agl-h2{margin-bottom:0}

/* ---------------------------------------------------------------------
   VIANOČNÉ MOTÍVY – voľne rozhádzané v bielom priestore nad sekciami
   a vpravo vedľa nadpisov (kde nie je text). Každá vrstva je jeden
   pseudo-element s niekoľkými motívmi – rôzne veľké, pootočené, nezarovnané.
   Neblokujú kliknutia (pointer-events:none) a nepresahujú šírku stránky.
   --------------------------------------------------------------------- */
body.id-927 .agl-section--people::before,
body.id-927 .agl-section--budget::before,
body.id-927 .agl-section--all::before{
  content:"";position:absolute;left:0;right:0;pointer-events:none;
  background-repeat:no-repeat;opacity:var(--agl-deco-opacity);
}
/* nad hero (vo voľnom priestore pod omrvinkovou navigáciou) */
body.id-927 .category-top:has(.agl)::after{
  content:"";position:absolute;left:0;right:0;top:-52px;height:50px;pointer-events:none;
  background-repeat:no-repeat;opacity:var(--agl-deco-opacity);
  background-image:var(--agl-star-a),var(--agl-flake-b),var(--agl-tree-b),var(--agl-star-b),var(--agl-flake-a),var(--agl-star-a),var(--agl-tree-a);
  background-position:9% 20px,24% 4px,46% 10px,58% 30px,74% 8px,88% 26px,calc(100% - 6px) 2px;
  background-size:14px 14px,20px 20px,22px 26px,10px 10px,24px 24px,12px 12px,26px 30px;
}
/* nad „Komu chceš urobiť radosť?“ */
body.id-927 .agl-section--people::before{
  top:-60px;height:156px;
  background-image:var(--agl-tree-a),var(--agl-star-a),var(--agl-flake-b),var(--agl-star-b),var(--agl-star-a),var(--agl-flake-a);
  background-position:calc(100% - 14px) 70px,67% 12px,33% 26px,88% 20px,81% 132px,6% 4px;
  background-size:34px 40px,18px 18px,22px 22px,12px 12px,11px 11px,16px 16px;
}
/* nad rozpočtom */
body.id-927 .agl-section--budget::before{
  top:-68px;height:166px;
  background-image:var(--agl-flake-a),var(--agl-star-b),var(--agl-tree-b),var(--agl-star-a),var(--agl-flake-b),var(--agl-star-b);
  background-position:3% 12px,44% 36px,62% 4px,calc(100% - 18px) 88px,85% 140px,24% 2px;
  background-size:34px 34px,14px 14px,24px 28px,22px 22px,17px 17px,10px 10px;
}
/* nad „Všetky darčeky“ */
body.id-927 .agl-section--all::before{
  top:-70px;height:132px;
  background-image:var(--agl-star-a),var(--agl-flake-a),var(--agl-tree-a),var(--agl-star-b),var(--agl-star-a);
  background-position:11% 20px,57% 10px,calc(100% - 24px) 72px,35% 50px,78% 40px;
  background-size:22px 22px,27px 27px,28px 33px,12px 12px,9px 9px;
}

/* ---------------------------------------------------------------------
   2. PODĽA OSOBY – 3 × 2 krémové karty s ikonkou darčeka
   --------------------------------------------------------------------- */
body.id-927 .agl-card::after,
body.id-927 .agl-price::after{                     /* zlatá šípka */
  content:"";position:absolute;right:20px;top:50%;
  width:8px;height:8px;margin-top:-4px;
  border-top:1.5px solid var(--agl-gold);border-right:1.5px solid var(--agl-gold);
  transform:rotate(45deg);transition:transform .25s ease-out,border-color .25s ease-out;
}
body.id-927 .agl-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.id-927 .agl-card{
  position:relative;display:flex;flex-direction:column;justify-content:center;gap:5px;
  min-height:112px;padding:18px 42px 18px 20px;
  background:var(--agl-cream);border:1px solid transparent;border-radius:8px;
  color:#000;text-decoration:none;
  transition:background-color .25s ease-out,border-color .25s ease-out;
  -webkit-tap-highlight-color:transparent;
}
body.id-927 .agl-card-title,
body.id-927 .agl-price-title{display:flex;align-items:center;gap:9px}
body.id-927 .agl-card-title::before,
body.id-927 .agl-price-title::before{               /* rovnaká ikonka darčeka */
  content:"";flex:0 0 auto;width:22px;height:22px;
  background:var(--agl-ico-gift) no-repeat center / contain;
}
body.id-927 .agl-card-title{font:700 19px/1.25 'PT Serif',serif;color:#000;white-space:nowrap}
body.id-927 .agl-card-text{display:block;padding-left:31px;font-size:14px;line-height:1.4;color:var(--agl-muted)}

/* ---------------------------------------------------------------------
   3. PODĽA ROZPOČTU – jednoduchšie biele karty, rovnocenné, s ikonkou darčeka
   --------------------------------------------------------------------- */
body.id-927 .agl-budget{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.id-927 .agl-price{
  position:relative;display:flex;flex-direction:column;justify-content:center;gap:4px;
  min-height:92px;padding:16px 42px 16px 20px;
  background:#fff;border:1px solid var(--agl-line);border-radius:8px;
  color:#000;text-decoration:none;
  transition:background-color .25s ease-out,border-color .25s ease-out;
  -webkit-tap-highlight-color:transparent;
}
body.id-927 .agl-price-title{font:700 22px/1.2 'PT Serif',serif;color:#000}
body.id-927 .agl-price-text{display:block;padding-left:31px;font-size:14px;line-height:1.4;color:var(--agl-muted)}

/* ---------- Stavy: dotyk, hover, focus ---------- */
body.id-927 .agl-card:active,
body.id-927 .agl-price:active{background:var(--agl-pink-soft);border-color:var(--agl-pink-line)}
@media (hover:hover){
  body.id-927 .agl-card:hover,
  body.id-927 .agl-price:hover{background:var(--agl-pink-soft);border-color:var(--agl-pink-line);color:#000;text-decoration:none}
  body.id-927 .agl-card:hover::after,
  body.id-927 .agl-price:hover::after{transform:translateX(3px) rotate(45deg);border-color:var(--agl-pink)}
}
body.id-927 .agl-card:focus-visible,
body.id-927 .agl-price:focus-visible{outline:2px solid var(--agl-gold);outline-offset:3px}
@media (prefers-reduced-motion:reduce){
  body.id-927 .agl-card,body.id-927 .agl-price,
  body.id-927 .agl-card::after,body.id-927 .agl-price::after{transition:none}
}

/* ---------- TABLET ---------- */
@media (min-width:768px) and (max-width:991px){
  body.id-927 .category-top:has(.agl) > h1.category-title,
  body.id-927 .agl-hero-title,
  body.id-927 .agl-hero-lead,
  body.id-927 .agl-hero-tip{margin-left:28px;margin-right:28px}
  body.id-927 .agl-hero-title{font-size:28px}
  body.id-927 .agl-hero-lead{font-size:15px}
  body.id-927 .agl-card{min-height:100px;padding:18px 40px 18px 18px}
  body.id-927 .agl-card-title{font-size:18px;gap:8px}
  body.id-927 .agl-card-title::before,body.id-927 .agl-price-title::before{width:20px;height:20px}
  body.id-927 .agl-card-text,body.id-927 .agl-price-text{padding-left:28px}
  body.id-927 .agl-card::after,body.id-927 .agl-price::after{right:18px}
  body.id-927 .agl-price{padding:16px 40px 16px 18px}
  body.id-927 .agl-price-title{gap:8px}
}

/* ---------- MOBIL ---------- */
@media (max-width:767px){
  /* hero: fotka hore (štvorcový výrez s dievčatami aj taštičkami), text pod ňou */
  body.id-927 .category-top:has(.agl){
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto auto auto auto;
  }
  body.id-927 .category-top:has(.agl)::before{grid-row:1 / 6}
  body.id-927 .agl-hero-media{grid-column:1;grid-row:1;min-height:0;aspect-ratio:4 / 3;border-radius:12px 12px 0 0}
  body.id-927 .agl-hero-media img{object-position:var(--agl-hero-pos-m)}
  body.id-927 .category-top:has(.agl){margin-top:44px}
  body.id-927 .category-top:has(.agl) > h1.category-title{grid-row:2;margin:20px 16px 8px;font-size:11px}
  body.id-927 .agl-hero-title{grid-row:3;margin:0 16px 10px;font-size:25px}
  body.id-927 .agl-hero-lead{grid-row:4;margin:0 16px;font-size:15px;line-height:1.55}
  body.id-927 .agl-hero-tip{grid-row:5;margin:20px 16px 24px;padding:18px 0 0}
  body.id-927 .agl-hero-tip::before{width:24px;height:24px;margin-bottom:8px}
  body.id-927 .agl-tip-title{font-size:16px}

  body.id-927 .agl-section{margin-top:52px}
  body.id-927 .agl-section--budget{margin-top:56px}
  body.id-927 .agl-section--all{margin:56px 0 4px}
  body.id-927 .agl-kicker{font-size:11px;margin-bottom:6px}
  body.id-927 .agl-h2{font-size:22px}
  body.id-927 .agl-sub{font-size:14px;margin-bottom:16px}

  /* motívy na mobile iba v medzerách medzi sekciami */
  body.id-927 .category-top:has(.agl)::after{
    top:-42px;height:40px;
    background-position:6% 16px,22% 4px,47% 8px,60% 24px,76% 6px,88% 22px,calc(100% - 4px) 2px;
    background-size:11px 11px,16px 16px,18px 22px,8px 8px,18px 18px,9px 9px,20px 24px;
  }
  body.id-927 .agl-section--people::before{
    top:-48px;height:46px;
    background-position:91% 6px,58% 16px,17% 8px,76% 2px,36% 30px,3% 24px;
    background-size:26px 30px,14px 14px,18px 18px,10px 10px,8px 8px,12px 12px;
  }
  body.id-927 .agl-section--budget::before{
    top:-52px;height:50px;
    background-position:4% 10px,47% 26px,66% 4px,90% 16px,25% 30px,80% 36px;
    background-size:26px 26px,11px 11px,20px 24px,16px 16px,12px 12px,8px 8px;
  }
  body.id-927 .agl-section--all::before{
    top:-52px;height:50px;
    background-position:13% 18px,62% 8px,92% 10px,37% 34px,78% 36px;
    background-size:16px 16px,20px 20px,22px 26px,9px 9px,8px 8px;
  }

  body.id-927 .agl-people{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body.id-927 .agl-card{min-height:96px;padding:14px 30px 14px 14px;gap:4px}
  body.id-927 .agl-card-title{display:block;font-size:16.5px;white-space:normal}          /* ikonka nad názvom → názov ostane na 1 riadku */
  body.id-927 .agl-card-title::before{display:block;width:18px;height:18px;margin-bottom:6px}
  body.id-927 .agl-card-text{padding-left:0;font-size:13px;line-height:1.35}
  body.id-927 .agl-card::after,body.id-927 .agl-price::after{right:14px;width:7px;height:7px;margin-top:-3.5px}

  body.id-927 .agl-budget{grid-template-columns:minmax(0,1fr);gap:8px}
  body.id-927 .agl-price{
    flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;
    min-height:58px;padding:13px 40px 13px 14px;
  }
  body.id-927 .agl-price-title{font-size:19px;gap:8px;min-width:104px;flex:0 0 auto}
  body.id-927 .agl-price-title::before{width:20px;height:20px}
  body.id-927 .agl-price-text{padding-left:0}
}
@media (max-width:360px){
  body.id-927 .agl-card{padding:12px 24px 12px 12px}
  body.id-927 .agl-card-title{font-size:15.5px}
  body.id-927 .agl-card-text{font-size:12.5px}
  body.id-927 .agl-price{flex-direction:column;align-items:flex-start;gap:2px}
  body.id-927 .agl-price-text{padding-left:28px}
}