/*
Theme Name: Redelis Lux
Author: Eli
Version: 1.0
Text Domain: redelis-lux
*/

:root{
  --cream:#F4EFE6;
  --emerald:#0F3B2E;
  --emerald-deep:#09241c;
  --emerald-mid:#0c2f25;
  --emerald-grad:
    radial-gradient(900px 220px at 15% 0%, rgba(225,184,90,.16) 0%, rgba(0,0,0,0) 55%),
    linear-gradient(160deg, var(--emerald) 0%, var(--emerald-mid) 45%, var(--emerald-deep) 100%);

  --gold:#C6A85E;
  --gold-bright:#E1B85A;
  --gold-hot:#D8B25A;

  --text-dark:#1A1A1A;

  --gold-18: rgba(198,168,94,.18);
  --gold-28: rgba(198,168,94,.28);
  --gold-35: rgba(198,168,94,.35);
  --gold-55: rgba(198,168,94,.55);

  --ink-08: rgba(0,0,0,.08);
  --ink-12: rgba(0,0,0,.12);
  --ink-35: rgba(0,0,0,.35);

  --shadow-soft: 0 14px 38px rgba(0,0,0,.07);
  --shadow-hover: 0 24px 60px rgba(0,0,0,.12);

  --ease: cubic-bezier(.2,.8,.2,1);
  --t-fast: .18s;
  --t: .24s;
}

*,
*::before,
*::after{ box-sizing: border-box; }

html, body{ height:100%; }

body{
  background-color: var(--cream);
  color: var(--text-dark);
  font-family: "Outfit", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  margin: 0;
  line-height: 1.65;
}

/* jemná textura */
body::before{
  content:"";
  position: fixed;
  inset: 0;
  background-image: url('assets/texture.png');
  background-repeat: repeat;
  opacity: .035;
  pointer-events: none;
  z-index: -1;
}

html.redelis-lock,
html.redelis-lock body{ overflow: hidden; }

/* ===== PRELOADER (CREAM + LOGO REVEAL, CINEMATIC) ===== */
#redelis-preloader{
  position: fixed;
  inset: 0;
  background: radial-gradient(900px 500px at 50% 38%,
    rgba(255,255,255,.78) 0%,
    rgba(244,239,230,1) 55%,
    rgba(244,239,230,1) 100%
  );
  z-index: 10000;
  display: grid;
  place-items: center;
  opacity: 1;
  visibility: visible;
  transition: opacity .55s var(--ease), visibility .55s var(--ease);
}

/* poslední “film detail”: blur + fade před zmizením */
#redelis-preloader.is-exiting .redelis-preloader-logo img{
  filter:
    drop-shadow(0 24px 70px rgba(225,184,90,.18))
    drop-shadow(0 10px 30px rgba(255,255,255,.14))
    blur(6px);
  transform: translateY(2px) scale(.995);
  opacity: .92;
  transition: filter .55s var(--ease), transform .55s var(--ease), opacity .55s var(--ease);
}

#redelis-preloader.is-hidden{
  opacity: 0;
  visibility: hidden;
}

.redelis-preloader-stage{
  text-align: center;
  padding: 24px;
}

.redelis-preloader-logo{
  position: relative;
  width: 360px;
  height: 360px;
  margin: 0 auto 18px;
  display: grid;
  place-items: center;
  isolation: isolate;
}

/* halo za logem */
.redelis-preloader-logo::before{
  content:"";
  position:absolute;
  inset: -18%;
  border-radius: 999px;
  background:
    radial-gradient(closest-side, rgba(255,255,255,.36), rgba(255,255,255,0) 62%),
    radial-gradient(closest-side, rgba(225,184,90,.20), rgba(0,0,0,0) 72%);
  filter: blur(10px);
  opacity: 0;
  transform: scale(.96);
  animation: redelisHaloIn 1.4s var(--ease) .25s forwards;
  z-index: 0;
}

@keyframes redelisHaloIn{
  to { opacity: .9; transform: scale(1); }
}

/* shimmer přes logo (2 průjezdy) */
.redelis-preloader-logo::after{
  content:"";
  position:absolute;
  inset: -10%;
  border-radius: 28px;
  background: linear-gradient(
    115deg,
    rgba(0,0,0,0) 0%,
    rgba(255,255,255,.0) 35%,
    rgba(255,255,255,.22) 45%,
    rgba(225,184,90,.28) 50%,
    rgba(255,255,255,.18) 55%,
    rgba(0,0,0,0) 70%
  );
  transform: translateX(-120%);
  opacity: 0;
  mix-blend-mode: screen;
  animation: redelisShimmer 2.8s ease-in-out .65s 2;
  z-index: 2;
  pointer-events:none;
}

@keyframes redelisShimmer{
  0%   { transform: translateX(-120%); opacity: 0; }
  12%  { opacity: .85; }
  45%  { opacity: .95; }
  70%  { opacity: .6; }
  100% { transform: translateX(120%); opacity: 0; }
}

.redelis-preloader-logo img{
  width: 320px;
  height: 320px;
  display: block;
  opacity: 0;
  transform: translateY(10px) scale(.985);
  filter:
    drop-shadow(0 24px 70px rgba(225,184,90,.22))
    drop-shadow(0 10px 30px rgba(255,255,255,.16));
  animation: redelisLogoIn 1.2s var(--ease) .20s forwards;
  z-index: 1;
}

@keyframes redelisLogoIn{
  to{ opacity: 1; transform: translateY(0) scale(1); }
}

/* 5 krycích “dílů” */
.redelis-slice{
  position: absolute;
  inset: 0;
  background:
    radial-gradient(900px 500px at 50% 38%,
      rgba(255,255,255,.55) 0%,
      rgba(244,239,230,1) 55%,
      rgba(244,239,230,1) 100%
    );
  box-shadow: inset 0 0 0 1px rgba(225,184,90,.05);
  will-change: transform, opacity;
  transform: translateY(0);
  opacity: 1;
  animation: redelisSliceOut 2.4s var(--ease) forwards;
  z-index: 3;
}

.redelis-slice.s1{ clip-path: polygon(0 0, 20% 0, 20% 100%, 0 100%);  animation-delay: 1.12s; }
.redelis-slice.s2{ clip-path: polygon(20% 0, 40% 0, 40% 100%, 20% 100%); animation-delay: 1.40s; }
.redelis-slice.s3{ clip-path: polygon(40% 0, 60% 0, 60% 100%, 40% 100%); animation-delay: 1.80s; }
.redelis-slice.s4{ clip-path: polygon(60% 0, 80% 0, 80% 100%, 60% 100%); animation-delay: 2.20s; }
.redelis-slice.s5{ clip-path: polygon(80% 0, 100% 0, 100% 100%, 80% 100%); animation-delay: 2.60s; }

@keyframes redelisSliceOut{
  0%   { transform: translateY(0); opacity: 1; }
  70%  { opacity: 1; }
  100% { transform: translateY(115%); opacity: 0; }
}

/* jemný kouř */
.redelis-smoke{
  position: absolute;
  inset: -26px;
  pointer-events: none;
  opacity: 0;
  animation: redelisSmokeIn 1.1s var(--ease) .22s forwards;
  z-index: 0;
}

@keyframes redelisSmokeIn{
  to{ opacity: .45; }
}

.redelis-smoke::before,
.redelis-smoke::after{
  content:"";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(160px 120px at 35% 35%, rgba(255,255,255,.18), rgba(0,0,0,0) 62%),
    radial-gradient(190px 140px at 60% 55%, rgba(225,184,90,.14), rgba(0,0,0,0) 65%),
    radial-gradient(140px 110px at 48% 70%, rgba(255,255,255,.10), rgba(0,0,0,0) 62%);
  filter: blur(10px);
  transform: translateY(8px);
  animation: redelisSmokeDrift 6s ease-in-out infinite;
  opacity: .85;
}

.redelis-smoke::after{
  filter: blur(14px);
  opacity: .55;
  animation-duration: 7.2s;
  animation-direction: reverse;
}

@keyframes redelisSmokeDrift{
  0%   { transform: translateY(10px) translateX(-6px) scale(1); opacity: .55; }
  50%  { transform: translateY(-6px) translateX(8px) scale(1.02); opacity: .80; }
  100% { transform: translateY(10px) translateX(-6px) scale(1); opacity: .55; }
}

.redelis-preloader-sub{
  color: rgba(26,26,26,.60);
  letter-spacing: 2px;
  font-size: 12px;
  text-transform: uppercase;
}
/* ===== HEADER (FIXED - vždy nahoře) ===== */
.redelis-header{
  padding: 14px 18px;
  border-bottom: 1px solid var(--gold-28);
  background: rgba(244,239,230,.92);
  backdrop-filter: blur(10px);

  position: fixed;
  top: 0;
  left: 0;
  right: 0;

  z-index: 1000;
}

/* odsazení obsahu pod fixní header */
.wp-site-blocks{
  padding-top: 92px; /* když bude logo větší, uprav na 96–104 */
}

@media (max-width: 782px){
  .wp-site-blocks{ padding-top: 84px; }
}

.redelis-header-inner{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap: 12px;
}

.redelis-brand{
  display:flex;
  align-items:center;
  min-width:0;
}

.redelis-logo{
  display:flex;
  align-items:center;
  gap: 12px;
  text-decoration:none;
  line-height: 1;
  min-width: 0;
}

.redelis-logo img{
  height: 62px; /* desktop */
  width: auto;
  display:block;
  transition: filter .25s ease, transform .25s ease;
}
.redelis-logo:hover img{
  filter: drop-shadow(0 0 10px rgba(225,184,90,.35));
  transform: translateY(-1px);
}

/* (pokud bys někdy vrátila wordmark) */
.redelis-word{
  font-family:"Libre Baskerville", ui-serif, Georgia, serif;
  font-weight: 700;
  letter-spacing: .4px;
  color: var(--emerald);
  font-size: 19px;
  transform: translateY(1px);
  white-space: nowrap;
}

.redelis-header-actions{ display:flex; align-items:center; gap:12px; }

.redelis-lang{
  display:flex; align-items:center; gap:10px;
  font-size:12px; letter-spacing:1px;
  text-transform:uppercase;
}
.redelis-lang a{
  color: var(--emerald);
  text-decoration:none;
  opacity:.8;
  padding: 6px 10px;
  border-radius: 12px;
  border: 1px solid transparent;
  transition: opacity var(--t-fast) var(--ease), background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);
}
.redelis-lang a:hover{ opacity:1; background: rgba(255,255,255,.55); border-color: var(--gold-35); }
.redelis-lang a.is-active{ opacity:1; background: rgba(255,255,255,.72); border-color: var(--gold-55); }
.redelis-lang span{ opacity:.35; }

.redelis-burger{
  width:54px; height:54px;
  border-radius:16px;
  border:1px solid rgba(15,59,46,.22);
  background: rgba(255,255,255,.78);
  box-shadow: 0 14px 34px var(--ink-08);
  display:flex !important;
  flex-direction:column;
  justify-content:center;
  gap:7px;
  padding:0 14px;
  cursor:pointer;
  transition: transform var(--t-fast) var(--ease), background var(--t-fast) var(--ease),
              border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);
}
.redelis-burger span{
  display:block;
  height: 2.6px;
  border-radius:2px;
  background: rgba(15,59,46,.95);
}
.redelis-burger:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.92);
  border-color: var(--gold-55);
  box-shadow: 0 20px 50px var(--ink-12);
}

/* Header mobile */
@media (max-width: 782px){
  .redelis-logo img{ height: 52px; }
  .redelis-lang{ display:none; }
}
@media (max-width: 420px){
  .redelis-logo img{ height: 46px; }
}

/* ===== OFFCANVAS MENU ===== */
.redelis-backdrop{
  position:fixed; inset:0;
  background: rgba(0,0,0,.45);
  opacity:0;
  pointer-events:none;
  transition: opacity var(--t-fast) var(--ease);
  z-index:9998;
}
.redelis-backdrop.open{ opacity:1; pointer-events:auto; }

.redelis-panel{
  position:fixed;
  top:0;
  right:-380px;
  width:min(360px, 88vw);
  height:100vh;
  height:100dvh;
  background:
    radial-gradient(900px 550px at 30% 10%, rgba(198,168,94,.16) 0%, rgba(0,0,0,0) 45%),
    linear-gradient(160deg, var(--emerald) 0%, var(--emerald-mid) 45%, var(--emerald-deep) 100%);
  border-left: 1px solid var(--gold-35);
  box-shadow: -22px 0 70px var(--ink-35);
  transition: right .22s var(--ease);
  z-index:9999;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.redelis-panel.open{ right:0; }

.redelis-panel-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding: 18px 18px 12px;
  border-bottom: 1px solid rgba(198,168,94,.22);
}
.redelis-panel-title{
  font-family:"Libre Baskerville", ui-serif, Georgia, serif;
  font-weight:800;
  color: var(--cream);
  letter-spacing:1px;
  font-size:20px;
  position:relative;
  padding-bottom:10px;
}
.redelis-panel-title::after{
  content:"";
  position:absolute;
  left:0; bottom:2px;
  width:62px; height:2px;
  background: linear-gradient(90deg, var(--gold-bright), rgba(255,255,255,.2));
  border-radius:2px;
}
.redelis-close{
  width:44px; height:44px;
  border-radius:14px;
  border:1px solid var(--gold-35);
  background: rgba(255,255,255,.10);
  color: var(--cream);
  cursor:pointer;
  transition: transform var(--t-fast) var(--ease), background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);
}
.redelis-close:hover{ transform: translateY(-1px); background: rgba(255,255,255,.16); border-color: var(--gold-55); }

/* Menu nav layout */
.redelis-panel-nav{
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

/* WordPress navigation: v offcanvasu ji chceme normálně zobrazit a stylovat */
.redelis-panel .wp-block-navigation{
  width:100% !important;
  margin: 0 !important;
}
.redelis-panel .wp-block-navigation__responsive-container{
  display:block !important;
  position: static !important;
  background: transparent !important;
  padding: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}
.redelis-panel .wp-block-navigation__container{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 !important;
}
.redelis-panel .wp-block-navigation-item{
  width:100% !important;
  margin:0 !important;
}

/* schováme jen WP “vnitřní” hamburger/close tlačítka, ať se neduplikují */
.redelis-panel .wp-block-navigation__responsive-container-open,
.redelis-panel .wp-block-navigation__responsive-container-close{
  display:none !important;
}

/* ====== Zmenšení tlačítek v offcanvas menu (PC + mobil) ====== */
.redelis-panel-nav a,
.redelis-panel .wp-block-navigation a,
.redelis-panel .wp-block-navigation-item__content{
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;

  font-family:"Libre Baskerville", ui-serif, Georgia, serif;
  font-size:16px;
  letter-spacing:.55px;

  padding: 14px 14px;
  border-radius:16px;

  color: #F4EFE6 !important;
  text-decoration:none;

  background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(0,0,0,.18) 100%);
  border: 1px solid rgba(225,184,90,.38);
  transition: transform var(--t) var(--ease), background var(--t) var(--ease), border-color var(--t) var(--ease), box-shadow var(--t) var(--ease);
}

.redelis-panel-nav a:hover,
.redelis-panel .wp-block-navigation a:hover,
.redelis-panel .wp-block-navigation-item__content:hover{
  background: linear-gradient(180deg, rgba(225,184,90,.22) 0%, rgba(0,0,0,.14) 100%);
  border-color: rgba(225,184,90,.80);
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(0,0,0,.22);
}

/* ještě menší na telefonu */
@media (max-width: 782px){
  .redelis-panel-nav{ padding:14px; gap:8px; }

  .redelis-panel-nav a,
  .redelis-panel .wp-block-navigation a,
  .redelis-panel .wp-block-navigation-item__content{
    font-size:15px;
    padding: 12px 12px;
    border-radius:14px;
  }
}

/* Social */
.redelis-panel-social{
  padding: 2px 18px 10px;
  display:flex;
  justify-content:center;
  gap:12px;
}
.redelis-social{
  width:46px; height:46px;
  border-radius:16px;
  display:grid;
  place-items:center;
  color: var(--cream);
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(225,184,90,.35);
  transition: transform var(--t) var(--ease), background var(--t) var(--ease), border-color var(--t) var(--ease), box-shadow var(--t) var(--ease);
}
.redelis-social:hover{
  transform: translateY(-2px);
  background: rgba(225,184,90,.18);
  border-color: rgba(225,184,90,.85);
  box-shadow: 0 16px 40px rgba(0,0,0,.22);
}

.redelis-panel-cta{
  margin-top:auto;
  padding: 16px 18px 18px;
  border-top: 1px solid rgba(198,168,94,.18);
}
.redelis-cta{
  display:block;
  text-align:center;
  padding: 16px 16px;
  border-radius:18px;
  background: linear-gradient(145deg, var(--gold-bright), #B58D2C);
  color:#241a06;
  font-weight:900;
  letter-spacing:.8px;
  text-decoration:none;
  box-shadow: 0 22px 60px rgba(0,0,0,.22);
  transition: transform var(--t) var(--ease);
}
.redelis-cta:hover{ transform: translateY(-3px); }

/* ===== MENU: zlatý oddělovač ===== */
.redelis-nav-sep{
  height: 1px;
  margin: 6px 8px 10px;
  background: linear-gradient(90deg, rgba(0,0,0,0), rgba(225,184,90,.85), rgba(0,0,0,0));
  border-radius: 999px;
  opacity: .95;
}

/* ===== FRONT PAGE ===== */
.hero-section{
  text-align:center;
  padding: 38px 0 26px;
}
.hero-section h1{
  font-family:"Abril Fatface", ui-serif, Georgia, serif;
  color: var(--emerald);
  margin: 0 0 12px;
  letter-spacing:1px;
}
.hero-section p{
  max-width: 760px;
  margin: 0 auto 28px;
  opacity: .86;
}

.redelis-primary .wp-block-button__link{
  background: var(--emerald);
  color: var(--cream);
  border-radius: 999px;
  padding: 14px 28px;
  text-decoration:none;
  font-weight:800;
  box-shadow: 0 18px 44px rgba(0,0,0,.12);
}

.category-section{
  padding: 18px 0 56px;
}
.category-section h2{
  font-family:"Libre Baskerville", ui-serif, Georgia, serif;
  color: var(--emerald);
  margin: 0 0 22px;
}

.category-card{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(225,184,90,.34);
  border-radius: 26px;
  padding: 44px 36px;
  box-shadow: var(--shadow-soft);
  transition: transform var(--t) var(--ease), box-shadow var(--t) var(--ease), border-color var(--t) var(--ease);
  height:100%;
}
.category-card:hover{
  transform: translateY(-10px);
  box-shadow: var(--shadow-hover);
  border-color: rgba(225,184,90,.62);
}
.category-card h3{
  font-family:"Libre Baskerville", ui-serif, Georgia, serif;
  color: var(--emerald);
  margin: 0 0 12px;
}
.category-card p{ margin:0 0 14px; opacity:.86; }

.category-link{
  font-weight: 900;
  color: var(--gold-bright);
  letter-spacing: .6px;
  text-decoration: none;
  display:inline-block;
  padding-bottom: 6px;
  position: relative;
}
.category-link::after{
  content:"";
  position:absolute;
  left:0; bottom:0;
  height:2px; width:0;
  background: var(--gold-bright);
  transition: width var(--t) var(--ease);
}
.category-card:hover .category-link::after{ width:100%; }

/* “Pojďme…” */
.connect-strip{
  margin-top: 26px;
  padding: 42px 20px;
  display:flex;
  justify-content:center;
}
.connect-strip h2{
  margin:0;
  padding: 22px 26px;
  border-radius: 22px;
  background: var(--emerald-grad);
  border: 1px solid rgba(225,184,90,.35);
  box-shadow: 0 22px 60px rgba(0,0,0,.16);
  color: var(--cream);
  font-family:"Libre Baskerville", ui-serif, Georgia, serif;
  letter-spacing:.4px;
}

/* ===== FOOTER ===== */
.redelis-footer{
  margin-top: 70px;
  padding: 34px 20px;
  border-top: 1px solid rgba(198,168,94,.22);
  background: rgba(255,255,255,.55);
}
.redelis-footer p{ margin: 6px 0; font-size:14px; opacity:.82; }
.redelis-footer a{ text-decoration:none; color: var(--emerald); opacity:.78; }
.redelis-footer a:hover{ opacity:1; }

/* ===== MOBILE SPACING (home) ===== */
@media (max-width: 782px){
  .hero-section{
    padding: 44px 16px 18px !important;
  }
  .hero-section p{
    padding-left: 8px;
    padding-right: 8px;
  }
  .category-section{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .category-card{
    padding: 34px 24px !important;
  }
  .redelis-primary .wp-block-button__link{
    padding: 12px 18px !important;
    font-size: 16px !important;
  }
}
@media (max-width: 420px){
  .hero-section{ padding-left: 12px !important; padding-right: 12px !important; }
  .category-section{ padding-left: 12px !important; padding-right: 12px !important; }
  .category-card{ padding: 30px 20px !important; }
}

/* =========================================================
   REDELIS – INNER PAGES LUX LAYOUT (Patterns / POD / Eruli / Templates)
========================================================= */

body:not(.home) .wp-site-blocks{
  padding-left: 0;
  padding-right: 0;
}

.redelis-shell{
  max-width: 980px;
  margin: 0 auto;
  padding: 46px 22px 90px;
}
@media (max-width: 782px){
  .redelis-shell{ padding: 34px 18px 70px; }
}

.redelis-hero{
  text-align: center;
  padding: 18px 0 10px;
}
.redelis-hero h1{
  font-family: "Abril Fatface", ui-serif, Georgia, serif;
  color: var(--emerald);
  margin: 0 0 10px 0;
  letter-spacing: 1px;
  line-height: 1.05;
}
.redelis-hero .sub{
  max-width: 760px;
  margin: 0 auto 14px;
  opacity: .86;
  font-size: 18px;
}
.redelis-goldline{
  width: min(760px, 92vw);
  height: 2px;
  margin: 14px auto 0;
  background: linear-gradient(90deg, rgba(0,0,0,0), var(--gold-bright), rgba(0,0,0,0));
  border-radius: 2px;
  opacity: .95;
}

.redelis-card{
  position: relative;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(225,184,90,.34);
  border-radius: 22px;
  box-shadow: var(--shadow-soft);
  padding: 22px 22px;
  overflow: hidden;
}
.redelis-card::before{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  background: radial-gradient(620px 220px at 18% 0%, rgba(225,184,90,.12), rgba(0,0,0,0) 60%);
  opacity: .95;
}
.redelis-card > *{ position: relative; }
.redelis-card + .redelis-card{ margin-top: 14px; }
.redelis-card h2{
  font-family: "Libre Baskerville", ui-serif, Georgia, serif;
  color: var(--emerald);
  margin: 0 0 10px 0;
  line-height: 1.2;
  letter-spacing: .2px;
}
.redelis-card p{ margin: 0; opacity: .88; }

.redelis-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
  margin-top: 16px;
}
@media (max-width: 900px){
  .redelis-grid{ grid-template-columns: 1fr; }
}

.redelis-mini{
  position: relative;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(225,184,90,.30);
  border-radius: 20px;
  box-shadow: var(--shadow-soft);
  padding: 18px 18px;
  overflow:hidden;
}
.redelis-mini::before{
  content:"";
  position:absolute;
  inset: 0;
  pointer-events:none;
  background: radial-gradient(540px 200px at 22% 0%, rgba(225,184,90,.12), rgba(0,0,0,0) 62%);
}
.redelis-mini > *{ position: relative; }
.redelis-mini h3{
  font-family: "Libre Baskerville", ui-serif, Georgia, serif;
  color: var(--emerald);
  margin: 0 0 8px 0;
}
.redelis-mini p{ margin:0; opacity:.86; }

.redelis-pills{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  justify-content:center;
  margin: 18px auto 0;
}
.redelis-pill{
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(225,184,90,.30);
  background: rgba(255,255,255,.72);
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
  font-weight: 800;
  letter-spacing: .25px;
  color: rgba(15,59,46,.92);
}

.redelis-emerald-strip{
  margin-top: 18px;
  border-radius: 22px;
  padding: 18px 18px;
  background: var(--emerald-grad);
  border: 1px solid rgba(225,184,90,.32);
  box-shadow: 0 24px 60px rgba(0,0,0,.18);
  color: var(--cream);
}
.redelis-emerald-strip h2,
.redelis-emerald-strip h3{
  margin: 0 0 10px 0;
  color: var(--cream);
  font-family: "Libre Baskerville", ui-serif, Georgia, serif;
}
.redelis-emerald-strip p,
.redelis-emerald-strip li{
  margin: 0;
  color: rgba(244,239,230,.92);
}
.redelis-emerald-strip strong{ color: rgba(244,239,230,.98); }
.redelis-emerald-strip a{
  color: var(--gold-bright);
  font-weight: 900;
  text-decoration: none;
}
.redelis-emerald-strip a:hover{ opacity: .9; }

.redelis-cta-row{
  text-align:center;
  margin-top: 18px;
}
.redelis-cta-row a{
  display:inline-block;
  padding: 16px 28px;
  border-radius: 18px;
  background: linear-gradient(145deg, var(--gold-bright), #B58D2C);
  color: #241a06 !important;
  font-weight: 900;
  text-decoration:none;
  letter-spacing: .8px;
  box-shadow: 0 22px 60px rgba(0,0,0,.18);
  transition: transform var(--t) var(--ease), filter var(--t) var(--ease);
}
.redelis-cta-row a:hover{
  transform: translateY(-3px);
  filter: brightness(1.02);
}
.redelis-cta-row a:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(244,239,230,.35), 0 22px 60px rgba(0,0,0,.18);
}

/* =========================================================
   REDELIS – DETAIL PAGES (menu deep dives)
========================================================= */

.redelis-detail .redelis-accordion{
  margin-top: 10px;
  display: grid;
  gap: 10px;
}

.redelis-acc-item{
  border: 1px solid rgba(225,184,90,.30);
  background: rgba(255,255,255,.78);
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(0,0,0,.05);
  overflow: hidden;
}

.redelis-acc-item summary{
  cursor: pointer;
  padding: 14px 16px;
  font-weight: 900;
  color: rgba(15,59,46,.95);
  list-style: none;
  display:flex;
  justify-content: space-between;
  align-items: center;
}
.redelis-acc-item summary::-webkit-details-marker{ display:none; }
.redelis-acc-item summary::after{
  content: "＋";
  font-weight: 900;
  opacity: .75;
}
.redelis-acc-item[open] summary::after{ content: "—"; }

.redelis-acc-body{
  padding: 0 16px 14px 16px;
  opacity: .92;
}

.redelis-detail .redelis-gallery{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 900px){
  .redelis-detail .redelis-gallery{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.redelis-gallery-item{
  border-radius: 18px;
  border: 1px solid rgba(225,184,90,.30);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 38px rgba(0,0,0,.06);
  aspect-ratio: 1 / 1;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
}
.redelis-gallery-item span{
  font-weight: 900;
  letter-spacing: .4px;
  color: rgba(15,59,46,.80);
  opacity: .75;
}

/* =========================================================
   REDELIS – POD detail: link cards (Etsy / Printify)
========================================================= */

.redelis-note{
  margin: 0 0 16px 0;
  opacity: .88;
  font-size: 16px;
  line-height: 1.7;
}

.redelis-links{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 14px 0 10px;
}
@media (max-width: 782px){
  .redelis-links{ grid-template-columns: 1fr; }
}

.redelis-link-card{
  display:flex;
  align-items:center;
  gap: 12px;
  padding: 14px 14px;
  border-radius: 18px;
  text-decoration:none;
  border: 1px solid rgba(225,184,90,.34);
  background: rgba(255,255,255,.78);
  box-shadow: 0 14px 34px rgba(0,0,0,.06);
  transition: transform var(--t) var(--ease), box-shadow var(--t) var(--ease), border-color var(--t) var(--ease);
  position: relative;
  overflow: hidden;
}
.redelis-link-card::before{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  background: radial-gradient(520px 180px at 18% 0%, rgba(225,184,90,.12), rgba(0,0,0,0) 62%);
  opacity: .95;
}
.redelis-link-card > *{ position: relative; }

.redelis-link-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 22px 56px rgba(0,0,0,.10);
  border-color: rgba(225,184,90,.62);
}

.redelis-link-icon{
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  background: rgba(15,59,46,.08);
  border: 1px solid rgba(15,59,46,.10);
  color: rgba(15,59,46,.92);
}

.redelis-link-text{
  display:flex;
  flex-direction:column;
  min-width: 0;
}

.redelis-link-title{
  font-family:"Libre Baskerville", ui-serif, Georgia, serif;
  font-weight: 900;
  color: var(--emerald);
  letter-spacing: .2px;
  line-height: 1.1;
}

.redelis-link-sub{
  font-size: 13px;
  opacity: .78;
  margin-top: 4px;
  line-height: 1.35;
}

.redelis-link-arrow{
  margin-left:auto;
  font-weight: 900;
  color: rgba(15,59,46,.70);
  opacity: .9;
}

/* jemné odlišení Etsy / Printify */
.redelis-link-card.is-etsy .redelis-link-icon{
  background: rgba(225,184,90,.18);
  border-color: rgba(225,184,90,.32);
  color: rgba(15,59,46,.95);
}

.redelis-link-card.is-printify{
  opacity: .92;
}

/* Pokud Printify zatím není reálný link, ať nevypadá jako "rozbitý" */
.redelis-link-card.is-printify[href="#"]{
  cursor: default;
  filter: saturate(.95);
}
.redelis-link-card.is-printify[href="#"]:hover{
  transform: none;
  box-shadow: 0 14px 34px rgba(0,0,0,.06);
  border-color: rgba(225,184,90,.34);
}