@layer theme, base, components, utilities;@layer components{.eshop-tema{--e-krem:#fbf7ef;--e-krem-tmava:#f3ecdd;--e-biela:#ffffff;--e-zelena:#14532d;--e-zelena-tmava:#0f3f22;--e-zelena-svetla:#e3efe4;--e-zelena-stred:#cfe3d2;--e-zelena-text:#d6e8da;--e-zelena-text-tlmeny:#b7cfbc;--e-terakota:#c2410c;--e-terakota-tmava:#9a3412;--e-terakota-svetla:#fbe6da;--e-text:#3b2f25;--e-text-tlmeny:#6b5b4e;--e-ram:#e8dfcf;--e-polomer:16px;--e-polomer-lg:20px;--e-polomer-xl:24px;--e-pill:999px;--e-tien:0 6px 18px rgba(59,47,37,0.08);--e-tien-hover:0 16px 36px rgba(59,47,37,0.14);--e-tien-cta:0 8px 20px rgba(194,65,12,0.28);--e-sirka:1200px;--e-whatsapp:#25d366;--e-whatsapp-tmava:#1fbf5a;--e-whatsapp-text:#0b2e16;font-family:var(--font-eshop),"Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;color:var(--e-text);background:var(--e-krem);overflow-wrap:break-word;-webkit-text-size-adjust:100%}.eshop-tema h1,.eshop-tema h2,.eshop-tema h3,.eshop-tema h4{line-height:1.12;font-weight:800;letter-spacing:-.015em;color:var(--e-text);text-wrap:balance}.e-nadpis-1{font-size:clamp(2rem,4.6vw,3.4rem);font-weight:800;letter-spacing:-.025em}.e-nadpis-2{font-size:clamp(1.55rem,3vw,2.35rem)}.e-nadpis-3{font-size:1.15rem}.e-obal{width:100%;max-width:var(--e-sirka);margin-inline:auto;padding-inline:16px}@media (min-width:768px){.e-obal{padding-inline:24px}}.e-sekcia{padding-block:44px}@media (min-width:900px){.e-sekcia{padding-block:64px}}.e-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--e-terakota)}.e-eyebrow:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--e-terakota)}.e-karta{border-radius:var(--e-polomer-lg)}.e-karta,.e-karta-xl{background:var(--e-biela);box-shadow:var(--e-tien)}.e-karta-xl{border-radius:var(--e-polomer-xl)}.e-karta-hover{transition:transform .18s ease,box-shadow .18s ease}.e-karta-hover:hover{transform:translateY(-3px);box-shadow:var(--e-tien-hover)}.e-tlacidlo{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 22px;border-radius:var(--e-pill);border:2px solid transparent;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.e-tlacidlo:hover{transform:translateY(-1px)}.e-tlacidlo:disabled{opacity:.6;cursor:default;transform:none}.e-tlacidlo svg{width:20px;height:20px;flex:none}.e-tlacidlo-primarne{background:var(--e-terakota);color:#fff;box-shadow:var(--e-tien-cta)}.e-tlacidlo-primarne:hover{background:var(--e-terakota-tmava)}.e-tlacidlo-zelene{background:var(--e-zelena);color:#fff}.e-tlacidlo-zelene:hover{background:var(--e-zelena-tmava)}.e-tlacidlo-sekundarne{background:transparent;color:var(--e-zelena);border-color:var(--e-zelena)}.e-tlacidlo-sekundarne:hover{background:var(--e-zelena-svetla)}.e-tlacidlo-biele{background:#fff;color:var(--e-zelena)}.e-tlacidlo-biele:hover{background:var(--e-krem)}.e-tlacidlo-male{padding:8px 16px}.e-chip,.e-tlacidlo-male{min-height:44px;font-size:.92rem}.e-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--e-pill);border:2px solid transparent;font-weight:800;text-decoration:none;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease}.e-chip-priestor{background:var(--e-zelena-svetla);color:var(--e-zelena)}.e-chip-priestor:hover{background:var(--e-zelena-stred)}.e-chip-material{background:#fff;color:var(--e-text);border-color:var(--e-ram);font-weight:700}.e-chip-material:hover{border-color:var(--e-zelena);color:var(--e-zelena)}.e-chip-aktivny,.e-chip[aria-current=true],.e-chip[aria-pressed=true]{background:var(--e-zelena);color:#fff;border-color:var(--e-zelena)}.e-stitok{display:inline-block;background:var(--e-terakota-svetla);color:var(--e-terakota-tmava);font-weight:800;font-size:.72rem;padding:4px 10px;border-radius:var(--e-pill);text-transform:uppercase;letter-spacing:.06em}.e-stitok-zelena{background:var(--e-zelena-svetla);color:var(--e-zelena)}.e-fajka{width:22px;height:22px;border-radius:50%;background:var(--e-zelena);color:#fff;display:inline-grid;place-items:center;flex:none}.e-fajka svg{width:13px;height:13px}.e-riadok-rolovaci{--e-fade-l:0px;--e-fade-r:44px;display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-width:0;margin-inline:-16px;padding-inline:16px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-left:16px;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--e-fade-l),#000 calc(100% - var(--e-fade-r)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--e-fade-l),#000 calc(100% - var(--e-fade-r)),transparent 100%)}.e-riadok-rolovaci::-webkit-scrollbar{display:none}.e-riadok-rolovaci>*{flex:0 0 auto;scroll-snap-align:start}.e-nav-skupina{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width:767px){.e-nav-skupina{--e-fade-l:0px;--e-fade-r:44px;flex-wrap:nowrap;min-width:0;margin-inline:-16px;padding-inline:16px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-left:16px;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--e-fade-l),#000 calc(100% - var(--e-fade-r)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--e-fade-l),#000 calc(100% - var(--e-fade-r)),transparent 100%)}.e-nav-skupina::-webkit-scrollbar{display:none}.e-nav-skupina>*{flex:0 0 auto;scroll-snap-align:start}}.e-kostra{background:var(--e-krem-tmava);border-radius:var(--e-polomer);animation:e-kostra-pulz 1.6s ease-in-out infinite}@keyframes e-kostra-pulz{0%,to{opacity:1}50%{opacity:.55}}.e-objav{animation:e-objav .4s ease-out both}@keyframes e-objav{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.e-chip,.e-karta-hover,.e-tlacidlo{transition:none}.e-karta-hover:hover,.e-tlacidlo:hover{transform:none}.e-kostra,.e-objav{animation:none}}}.eshop-tema :focus-visible:not(.outline-none):not(.focus\:outline-none){outline:3px solid var(--e-terakota);outline-offset:2px;box-shadow:0 0 0 7px #fff}