/* Jednotný dizajn podstránok podľa nového úvodu (koncept), od 25. 10. aj obchod, košík a pokladňa. Farby, písmo, tlačidlá a tvary fotiek sú tie isté ako na úvode, aby web pôsobil ako jeden celok. */ /* vrstva jednotny je v base.css deklarovaná prvá, takže jej !important má prednosť pred legacy aj polish */ @layer jednotny{ #page-shell.kc-unified{ --paper:#F7F4EC;--cream:#EFEADD;--olive:#2F3424;--gold:#C9A55C; --lav:#73729C;--lav-2:#A7A5CF;--lav-3:#E9E9F2;--mist:#E4E6D6; --ink:#2A2F21;--muted:#6B705F; --serif:'Fraunces',Georgia,serif;--sans:'Figtree','Helvetica Neue',sans-serif; --drop:28px 28px 28px 0; } #page-shell.kc-unified .legacy-main{background:url(/img/organic-lines.svg) center top/max(1600px,100vw) auto repeat-y,var(--paper)!important;color:var(--ink)} /* nadpisy: tenký Fraunces, bez verzálok, olivová, zvýraznenie kurzívou v levanduli */ #page-shell.kc-unified .legacy-main h1,#page-shell.kc-unified .legacy-main h2,#page-shell.kc-unified .legacy-main h3{text-transform:none!important;font-family:var(--serif)!important;font-weight:300!important} #page-shell.kc-unified .legacy-main :is(h1,h2,h3):not(.reset-hero *,[class*="--dark"] *,[class*="--olive"]:not(.lan-hero) *){color:var(--olive)!important} #page-shell.kc-unified .legacy-main h1{font-size:clamp(48px,6.2vw,104px)!important;line-height:.95!important;letter-spacing:-.035em!important} #page-shell.kc-unified .legacy-main h2{letter-spacing:-.025em!important;line-height:1.02!important} #page-shell.kc-unified .legacy-main h1 em,#page-shell.kc-unified .legacy-main h2 em{font-style:italic;color:var(--lav)!important} #page-shell.kc-unified .legacy-main :is(.eyebrow,.legal-eyebrow):not(.reset-hero *){font:italic 400 clamp(20px,1.8vw,26px)/1.1 var(--serif)!important;letter-spacing:0!important;text-transform:none!important;color:var(--lav)!important} #page-shell.kc-unified .legacy-main .eyebrow::first-letter{text-transform:uppercase} #page-shell.kc-unified .legacy-main .lead,#page-shell.kc-unified .legacy-main .zs-lead{font:400 17px/1.7 var(--sans)!important;color:var(--muted)!important} /* úvod podstránky: papier ako na úvode, fotka ostáva obdĺžnik bez oblúkov (Lucky 25. 10.) */ #page-shell.kc-unified .lan-hero,#page-shell.kc-unified .lan-hero--sage,#page-shell.kc-unified .lan-hero--olive,#page-shell.kc-unified .lan-hero--lavender,#page-shell.kc-unified .lan-hero--cream{background:url(/img/organic-lines.svg) center top/max(1600px,100vw) auto repeat-y,var(--paper)!important} /* pásy pod úvodom: striedanie papier, krém, levanduľa ako na úvode */ #page-shell.kc-unified [class*="--cream"]:not(.lan-hero){background:var(--cream)!important} #page-shell.kc-unified [class*="--sage"]:not(.lan-hero){background:var(--mist)!important} #page-shell.kc-unified [class*="--lavender"]:not(.lan-hero){background:var(--lav-3)!important} /* tlačidlá: olivová pilulka, pri prechode levanduľa (ako kc-pill) */ #page-shell.kc-unified .legacy-main .button,#page-shell.kc-unified .legacy-main a.button,#page-shell.kc-unified .legacy-main button.button{border-radius:999px!important;background:var(--olive)!important;border:1px solid var(--olive)!important;color:var(--paper)!important;font:500 14px/1 var(--sans)!important;letter-spacing:.04em!important;text-transform:none!important;transition:background .4s,border-color .4s,gap .4s} #page-shell.kc-unified .legacy-main .button:hover{background:var(--lav)!important;border-color:var(--lav)!important} #page-shell.kc-unified .legacy-main .button.outline,#page-shell.kc-unified .legacy-main .button.secondary,#page-shell.kc-unified .legacy-main .button.ghost{background:transparent!important;color:var(--olive)!important;border-color:rgba(47,52,36,.35)!important} #page-shell.kc-unified .legacy-main .button.outline:hover,#page-shell.kc-unified .legacy-main .button.secondary:hover,#page-shell.kc-unified .legacy-main .button.ghost:hover{background:var(--olive)!important;color:var(--paper)!important;border-color:var(--olive)!important} #page-shell.kc-unified .legacy-main .button.light{background:var(--paper)!important;color:var(--olive)!important;border-color:var(--paper)!important} /* karty a panely: podpisový tvar kvapky */ #page-shell.kc-unified .legacy-main .card,#page-shell.kc-unified .legacy-main .panel,#page-shell.kc-unified .legacy-main .lan-card,#page-shell.kc-unified .legacy-main .contact-card{border-radius:var(--drop)!important} #page-shell.kc-unified .legacy-main input:not([type=checkbox]):not([type=radio]),#page-shell.kc-unified .legacy-main select,#page-shell.kc-unified .legacy-main textarea{border-radius:14px!important;border-color:rgba(47,52,36,.18)!important;background:#fff!important} @media(max-width:760px){ #page-shell.kc-unified .legacy-main h1{font-size:clamp(44px,12vw,64px)!important} } /* obchod, košík a pokladňa v rovnakom dizajne ako úvod (Lucky 25. 10.), len vzhľad, logika nákupu a platby ostáva */ #page-shell.kc-unified.kc-shop .legacy-main .section.shop-page,#page-shell.kc-unified.kc-shop .legacy-main .section:has(>.page-intro){background:var(--paper)!important;color:var(--ink)!important} #page-shell.kc-unified.kc-shop .legacy-main .section:not(.lan-page)>.page-intro{background:var(--paper)!important;padding-bottom:clamp(24px,3vw,48px)!important;margin-bottom:clamp(20px,2.5vw,40px)!important;border-bottom:1px solid rgba(47,52,36,.12)!important} #page-shell.kc-unified.kc-shop .shop-page .order-summary{background:var(--cream)!important;border:1px solid rgba(47,52,36,.1)!important;border-radius:var(--drop)!important;color:var(--ink)!important} #page-shell.kc-unified.kc-shop .shop-page .order-summary h2{color:var(--olive)!important;font:300 30px/1.1 var(--serif)!important} #page-shell.kc-unified.kc-shop .shop-page .order-summary .summary-row{border-color:rgba(47,52,36,.14)!important} #page-shell.kc-unified.kc-shop .shop-page :is(.button:not(.outline):not(.secondary):not(.ghost):not(.light),.order-summary .button,button[type=submit].button){background:var(--olive)!important;border-color:var(--olive)!important;color:var(--paper)!important} #page-shell.kc-unified.kc-shop .shop-page :is(.button:not(.outline):not(.secondary):not(.ghost):not(.light),.order-summary .button,button[type=submit].button):hover{background:var(--lav)!important;border-color:var(--lav)!important} #page-shell.kc-unified.kc-shop .shop-page .button.outline{color:var(--olive)!important;border-color:rgba(47,52,36,.35)!important;background:transparent!important} #page-shell.kc-unified.kc-shop .shop-page .checkout-steps li{color:var(--muted)!important} #page-shell.kc-unified.kc-shop .shop-page .checkout-steps li.current{color:var(--olive)!important;border-color:var(--olive)!important} #page-shell.kc-unified.kc-shop .shop-page :is(.cart-line,.empty-state,fieldset,.coupon-form,#redeem-voucher-form,.shop-cart form){border-color:rgba(47,52,36,.14)!important} #page-shell.kc-unified.kc-shop .shop-page :is(.empty-state,.cart-line){background:#fff!important} #page-shell.kc-unified.kc-shop .shop-page legend{font:300 30px/1.1 var(--serif)!important;color:var(--olive)!important} #page-shell.kc-unified.kc-shop .shop-page input[type=checkbox],#page-shell.kc-unified.kc-shop .shop-page input[type=radio]{accent-color:var(--olive)!important} #page-shell.kc-unified.kc-shop .shop-cart .cart-codes>form{background:var(--cream)!important} #page-shell.kc-unified.kc-shop .shop-cart :is(.cart-line>img,.quantity,.remove-line){background:var(--cream)!important} #page-shell.kc-unified.kc-shop .shop-cart .remove-line:hover{background:var(--olive)!important;color:var(--paper)!important} #page-shell.kc-unified.kc-shop .shop-cart .cart-codes input{border-color:rgba(47,52,36,.18)!important} #page-shell.kc-unified.kc-shop .shop-page a:not(.button){color:var(--olive)} /* bez oblúkov na fotkách podstránok (Lucky 25. 10.) */ #page-shell.kc-unified .legal-figure,#page-shell.kc-unified .legal-figure img,#page-shell.kc-unified .legal-hero{border-radius:0!important} /* ===== Košík a pokladňa: skutočný redizajn podľa úvodu (Lucky 25. 10.) ===== Editoriálne riadky namiesto bielych krabíc, súhrn ako olivová karta RESET 40+, odporúčania ako karty z úvodu. Len vzhľad, logika košíka a platby sa nemení. */ #page-shell.kc-unified{--drop-s:22px 22px 22px 0} #page-shell.kc-unified.kc-shop .shop-page>.page-intro{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;column-gap:clamp(32px,6vw,120px);border-bottom:0!important;padding-top:clamp(40px,6vw,96px)!important;padding-bottom:clamp(40px,5vw,80px)!important;margin-bottom:0!important} #page-shell.kc-unified.kc-shop .shop-page>.page-intro .eyebrow{grid-column:1/-1;font:italic 400 clamp(20px,1.8vw,26px)/1 var(--serif)!important;color:var(--lav)!important;letter-spacing:0!important;text-transform:lowercase!important;margin:0 0 clamp(14px,1.6vw,24px)!important} #page-shell.kc-unified.kc-shop .shop-page>.page-intro h1{font:300 clamp(58px,8.4vw,132px)/.92 var(--serif)!important;letter-spacing:-.045em!important;color:var(--ink)!important;margin:0!important} #page-shell.kc-unified.kc-shop .shop-page>.page-intro .lead{font:300 clamp(17px,1.3vw,20px)/1.55 var(--sans)!important;color:var(--muted)!important;max-width:34ch;margin:0 0 .6em!important;padding-left:20px;border-left:1px solid var(--gold)} #page-shell.kc-unified.kc-shop .shop-cart .cart-guest-note{font:400 14px/1.5 var(--sans)!important;color:var(--muted)!important;margin:0 0 clamp(20px,2.4vw,32px)!important} /* položky */ #page-shell.kc-unified.kc-shop .shop-cart .cart-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,420px)!important;gap:clamp(32px,5vw,96px)!important;align-items:start!important} #page-shell.kc-unified.kc-shop .shop-cart .cart-layout>div{counter-reset:cl} #page-shell.kc-unified.kc-shop .shop-cart .cart-line{counter-increment:cl;position:relative;display:grid!important;grid-template-columns:clamp(110px,11vw,160px) minmax(0,1fr) auto!important;gap:clamp(18px,2.4vw,40px)!important;align-items:start!important;background:transparent!important;border:0!important;border-top:1px solid rgba(47,52,36,.16)!important;border-radius:0!important;box-shadow:none!important;padding:clamp(24px,2.6vw,36px) 0!important;margin:0!important} #page-shell.kc-unified.kc-shop .shop-cart .cart-line:last-of-type{border-bottom:1px solid rgba(47,52,36,.16)!important} #page-shell.kc-unified.kc-shop .shop-cart .cart-line>img{width:100%!important;height:auto!important;aspect-ratio:4/5;object-fit:cover;border-radius:var(--drop-s)!important;background:var(--cream)!important;transition:transform .6s cubic-bezier(.2,.7,.2,1)} #page-shell.kc-unified.kc-shop .shop-cart .cart-line:hover>img{transform:scale(1.03)} #page-shell.kc-unified.kc-shop .shop-cart .cart-line h2{font:300 clamp(26px,2.6vw,42px)/1.04 var(--serif)!important;letter-spacing:-.025em!important;margin:0!important} #page-shell.kc-unified.kc-shop .shop-cart .cart-line h2::before{content:counter(cl,decimal-leading-zero);display:block;font:500 11px/1 var(--sans);letter-spacing:.32em;color:var(--gold);margin-bottom:clamp(12px,1.4vw,20px)} #page-shell.kc-unified.kc-shop .shop-cart .cart-line h2 a{color:var(--ink)!important;text-decoration:none!important;background:linear-gradient(var(--lav),var(--lav)) 0 100%/0 1px no-repeat;transition:background-size .5s} #page-shell.kc-unified.kc-shop .shop-cart .cart-line h2 a:hover{background-size:100% 1px} #page-shell.kc-unified.kc-shop .shop-cart .cart-line p{font:400 15px/1.5 var(--sans)!important;color:var(--muted)!important;margin:12px 0 0!important} #page-shell.kc-unified.kc-shop .shop-cart .quantity{display:inline-flex!important;align-items:center;gap:4px;margin-top:clamp(18px,2vw,28px)!important;background:transparent!important;border:1px solid rgba(47,52,36,.22)!important;border-radius:999px!important;padding:4px!important;box-shadow:none!important} #page-shell.kc-unified.kc-shop .shop-cart .quantity button{width:38px!important;height:38px!important;border-radius:50%!important;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--olive)!important;font:300 20px/1 var(--sans)!important} #page-shell.kc-unified.kc-shop .shop-cart .quantity button:hover:not(:disabled){background:var(--olive)!important;color:var(--paper)!important} #page-shell.kc-unified.kc-shop .shop-cart .quantity span{min-width:28px;text-align:center;font:300 22px/1 var(--serif)!important;color:var(--ink)!important} #page-shell.kc-unified.kc-shop .shop-cart .remove-line{width:44px!important;height:44px!important;border-radius:50%!important;background:transparent!important;border:1px solid rgba(47,52,36,.2)!important;box-shadow:none!important;color:var(--olive)!important;transition:background .3s,color .3s,transform .3s} #page-shell.kc-unified.kc-shop .shop-cart .remove-line:hover{background:var(--olive)!important;color:var(--paper)!important;transform:rotate(90deg)} /* kupón a poukaz: jeden pokojný pás v hmle */ #page-shell.kc-unified.kc-shop .shop-cart .cart-codes{display:grid!important;grid-template-columns:1fr 1fr!important;gap:clamp(24px,3vw,48px)!important;margin-top:clamp(28px,3vw,44px)!important;background:var(--mist)!important;border-radius:var(--drop)!important;padding:clamp(24px,2.8vw,40px)!important} #page-shell.kc-unified.kc-shop .shop-cart .cart-codes>form{background:transparent!important;border:0!important;padding:0!important;margin:0!important;box-shadow:none!important;display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px} #page-shell.kc-unified.kc-shop .shop-cart .cart-codes .coupon-input{display:flex!important;flex-wrap:wrap;align-items:flex-end;gap:14px;width:100%} #page-shell.kc-unified.kc-shop .shop-cart .cart-codes label{flex:1 1 100%;display:flex!important;flex-direction:column;gap:10px;font:500 11px/1.3 var(--sans)!important;letter-spacing:.24em!important;text-transform:uppercase!important;color:var(--muted)!important} #page-shell.kc-unified.kc-shop .shop-cart .cart-codes input{background:transparent!important;border:0!important;border-bottom:1px solid rgba(47,52,36,.35)!important;border-radius:0!important;padding:8px 0!important;font:300 22px/1.2 var(--serif)!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink)!important;box-shadow:none!important;min-height:0!important} #page-shell.kc-unified.kc-shop .shop-cart .cart-codes input:focus{outline:0!important;border-bottom-color:var(--lav)!important} #page-shell.kc-unified.kc-shop .shop-cart .cart-codes .button{background:transparent!important;color:var(--olive)!important;border:1px solid rgba(47,52,36,.4)!important;border-radius:999px!important;padding:12px 22px!important;font:500 13px/1 var(--sans)!important;min-height:0!important} #page-shell.kc-unified.kc-shop .shop-cart .cart-codes .button:hover{background:var(--olive)!important;color:var(--paper)!important} #page-shell.kc-unified.kc-shop .shop-cart .cart-codes .form-status{flex-basis:100%;margin:0!important} /* súhrn: olivová karta ako RESET 40+ na úvode */ #page-shell.kc-unified.kc-shop .shop-page aside.order-summary,#page-shell.kc-unified.kc-shop .shop-page .checkout-grid>.order-summary{position:sticky!important;top:110px;background:var(--olive)!important;color:var(--paper)!important;border:0!important;border-radius:var(--drop)!important;padding:clamp(28px,3vw,44px)!important;box-shadow:0 40px 80px -40px rgba(47,52,36,.55)!important;overflow:hidden} #page-shell.kc-unified.kc-shop .shop-page .order-summary::before{content:"";position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(167,165,207,.28),transparent 70%);pointer-events:none} #page-shell.kc-unified.kc-shop .shop-page .order-summary h2{font:300 clamp(34px,3vw,48px)/1 var(--serif)!important;letter-spacing:-.03em!important;color:var(--paper)!important;margin:0 0 clamp(18px,2vw,28px)!important} #page-shell.kc-unified.kc-shop .shop-page .order-summary .summary-row{border-color:rgba(247,244,236,.16)!important;color:rgba(247,244,236,.72)!important;font:400 14px/1.4 var(--sans)!important} #page-shell.kc-unified.kc-shop .shop-page .order-summary .summary-row strong{color:var(--paper)!important;font-weight:400!important} #page-shell.kc-unified.kc-shop .shop-page .order-summary .summary-row strong small{color:rgba(247,244,236,.6)!important} #page-shell.kc-unified.kc-shop .shop-page .order-summary .summary-row:last-of-type{border-bottom:0!important;padding-top:20px!important;align-items:baseline} #page-shell.kc-unified.kc-shop .shop-page .order-summary .summary-row:last-of-type :is(span,strong){font:300 clamp(28px,2.4vw,38px)/1 var(--serif)!important;letter-spacing:-.02em;color:var(--paper)!important} #page-shell.kc-unified.kc-shop .shop-page .order-summary .summary-row:last-of-type span{font-style:italic!important;color:var(--lav-2)!important} #page-shell.kc-unified.kc-shop .shop-page .order-summary .fine-print{color:rgba(247,244,236,.6)!important} #page-shell.kc-unified.kc-shop .shop-page aside.order-summary a.button:not(.outline):not(.secondary):not(.ghost):not(.light){width:100%;justify-content:center;margin-top:clamp(20px,2vw,28px)!important;background:var(--paper)!important;color:var(--olive)!important;border:1px solid var(--paper)!important;border-radius:999px!important} #page-shell.kc-unified.kc-shop .shop-page aside.order-summary a.button:not(.outline):not(.secondary):not(.ghost):not(.light):hover{background:var(--lav)!important;border-color:var(--lav)!important;color:var(--paper)!important} /* odporúčania: karty ako produkty na úvode */ #page-shell.kc-unified.kc-shop .shop-cart .cart-upsell{margin-top:clamp(72px,9vw,140px)!important;padding:0!important;background:transparent!important;border:0!important} #page-shell.kc-unified.kc-shop .shop-cart .cart-upsell h2{font:300 clamp(40px,5.4vw,84px)/.95 var(--serif)!important;letter-spacing:-.04em!important;color:var(--ink)!important;margin:0 0 clamp(28px,3.4vw,52px)!important} #page-shell.kc-unified.kc-shop .shop-cart .cart-upsell h2 em{font-style:italic;color:var(--lav)} #page-shell.kc-unified.kc-shop .shop-cart .cart-upsell-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(18px,2.4vw,36px)!important} #page-shell.kc-unified.kc-shop .shop-cart .cart-upsell-item{display:flex!important;flex-direction:column!important;gap:18px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important} #page-shell.kc-unified.kc-shop .shop-cart .cart-upsell-item>a{display:block;overflow:hidden;border-radius:var(--drop);background:var(--cream)} #page-shell.kc-unified.kc-shop .shop-cart .cart-upsell-item img{width:100%!important;height:auto!important;aspect-ratio:4/5;object-fit:cover;border-radius:0!important;transition:transform .9s cubic-bezier(.2,.7,.2,1)} #page-shell.kc-unified.kc-shop .shop-cart .cart-upsell-item:hover img{transform:scale(1.05)} #page-shell.kc-unified.kc-shop .shop-cart .cart-upsell-item h3{font:300 clamp(22px,1.9vw,30px)/1.1 var(--serif)!important;letter-spacing:-.02em!important;margin:0!important} #page-shell.kc-unified.kc-shop .shop-cart .cart-upsell-item h3 a{color:var(--ink)!important;text-decoration:none!important} #page-shell.kc-unified.kc-shop .shop-cart .cart-upsell-item p{font:400 15px var(--sans)!important;color:var(--muted)!important;margin:8px 0 16px!important} #page-shell.kc-unified.kc-shop .shop-cart .cart-upsell-btn{display:inline-flex!important;align-items:center;gap:10px;background:transparent!important;color:var(--olive)!important;border:1px solid rgba(47,52,36,.4)!important;border-radius:999px!important;padding:11px 22px!important;font:500 13px/1 var(--sans)!important;text-decoration:none!important;cursor:pointer} #page-shell.kc-unified.kc-shop .shop-cart .cart-upsell-btn::after{content:"→"} #page-shell.kc-unified.kc-shop .shop-cart .cart-upsell-btn:hover{background:var(--olive)!important;color:var(--paper)!important} /* prázdny košík */ #page-shell.kc-unified.kc-shop .shop-cart .empty-state{background:var(--mist)!important;border:0!important;border-radius:var(--drop)!important;padding:clamp(40px,6vw,96px)!important;text-align:left!important} #page-shell.kc-unified.kc-shop .shop-cart .empty-state h2{font:300 clamp(36px,4.6vw,68px)/1 var(--serif)!important;letter-spacing:-.035em!important;color:var(--ink)!important} #page-shell.kc-unified.kc-shop .shop-cart .empty-state .eyebrow{font:italic 400 22px/1 var(--serif)!important;color:var(--lav)!important;letter-spacing:0!important;text-transform:lowercase!important} /* pokladňa: kroky, sekcie, voľby */ #page-shell.kc-unified.kc-shop .shop-checkout .checkout-steps{display:flex!important;gap:clamp(16px,3vw,48px)!important;border:0!important;border-bottom:1px solid rgba(47,52,36,.14)!important;padding:0 0 18px!important;margin:0 0 clamp(28px,3vw,44px)!important;list-style:none} #page-shell.kc-unified.kc-shop .shop-checkout .checkout-steps li{font:300 clamp(17px,1.5vw,22px)/1.2 var(--serif)!important;color:rgba(47,52,36,.42)!important;border:0!important;padding:0!important;position:relative} #page-shell.kc-unified.kc-shop .shop-checkout .checkout-steps li.current{color:var(--ink)!important;font-style:italic!important} #page-shell.kc-unified.kc-shop .shop-checkout .checkout-steps li.current::after{content:"";position:absolute;left:0;right:0;bottom:-19px;height:2px;background:var(--lav)} #page-shell.kc-unified.kc-shop .shop-checkout .checkout-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,420px)!important;gap:clamp(32px,5vw,96px)!important;align-items:start!important} #page-shell.kc-unified.kc-shop .shop-checkout fieldset{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:0!important} #page-shell.kc-unified.kc-shop .shop-checkout legend{font:300 clamp(36px,4vw,60px)/1 var(--serif)!important;letter-spacing:-.035em!important;color:var(--ink)!important;padding:0!important;margin:0 0 clamp(22px,2.4vw,36px)!important;background:transparent!important} #page-shell.kc-unified.kc-shop .shop-checkout label{font:500 11px/1.3 var(--sans)!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:var(--muted)!important} #page-shell.kc-unified.kc-shop .shop-checkout :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:transparent!important;border:0!important;border-bottom:1px solid rgba(47,52,36,.32)!important;border-radius:0!important;box-shadow:none!important;padding:10px 0!important;font:300 21px/1.3 var(--serif)!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink)!important} #page-shell.kc-unified.kc-shop .shop-checkout :is(input,select,textarea):focus{outline:0!important;border-bottom-color:var(--lav)!important} #page-shell.kc-unified.kc-shop .shop-checkout :is(.radio-label,.payment-options label,#delivery-options label){display:flex!important;align-items:center;gap:14px;font:400 16px/1.4 var(--sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink)!important;background:#fff!important;border:1px solid rgba(47,52,36,.14)!important;border-radius:var(--drop-s)!important;padding:18px 22px!important;margin:0 0 10px!important;cursor:pointer;transition:background .3s,border-color .3s} #page-shell.kc-unified.kc-shop .shop-checkout :is(.radio-label,.payment-options label,#delivery-options label):has(input:checked){background:var(--mist)!important;border-color:var(--olive)!important} #page-shell.kc-unified.kc-shop .shop-checkout label:has(input[type=checkbox]){display:flex!important;align-items:flex-start;gap:12px;font:400 14px/1.5 var(--sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink)!important} #page-shell.kc-unified.kc-shop .shop-checkout .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(20px,2.4vw,32px)} #page-shell.kc-unified.kc-shop .shop-checkout .button{border-radius:999px!important} #page-shell.kc-unified.kc-shop .shop-checkout .button:not(.outline){background:var(--olive)!important;border-color:var(--olive)!important;color:var(--paper)!important} #page-shell.kc-unified.kc-shop .shop-checkout .button:not(.outline):hover:not(:disabled){background:var(--lav)!important;border-color:var(--lav)!important} #page-shell.kc-unified.kc-shop .shop-checkout .button:disabled{opacity:.42!important;cursor:not-allowed} /* patička: newsletter písmom úvodu */ #page-shell.kc-unified .site-footer .sf-news>p:first-child{font-family:var(--serif)!important;font-weight:300!important;letter-spacing:-.035em!important} @media (max-width:900px){ #page-shell.kc-unified.kc-shop .shop-page>.page-intro{grid-template-columns:1fr} #page-shell.kc-unified.kc-shop .shop-page>.page-intro .lead{margin-top:20px!important} #page-shell.kc-unified.kc-shop .shop-cart .cart-layout,#page-shell.kc-unified.kc-shop .shop-checkout .checkout-grid{grid-template-columns:1fr!important} #page-shell.kc-unified.kc-shop .shop-page aside.order-summary,#page-shell.kc-unified.kc-shop .shop-page .checkout-grid>.order-summary{position:relative!important;top:auto} #page-shell.kc-unified.kc-shop .shop-cart .cart-codes{grid-template-columns:1fr!important} #page-shell.kc-unified.kc-shop .shop-cart .cart-upsell-grid{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:72%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px} #page-shell.kc-unified.kc-shop .shop-cart .cart-upsell-item{scroll-snap-align:start} } @media (max-width:560px){ #page-shell.kc-unified.kc-shop .shop-cart .cart-line{grid-template-columns:96px minmax(0,1fr) auto!important;gap:16px!important} #page-shell.kc-unified.kc-shop .shop-checkout .checkout-steps{gap:14px!important} #page-shell.kc-unified.kc-shop .shop-checkout .checkout-steps li{font-size:15px!important} } /* ===== Podstránky (konzultácie, supervízia, stacionár, Zdravý svet, e-shop úvod): redizajn podľa úvodu (Lucky 25. 10.) ===== Hero ako na úvode: veľký nadpis cez celú šírku, fotka pod ním ako široký pás. Ponuky ako farebné karty z úvodu, kapitoly v rytme pásov papier, olivová, hmla a levanduľa, výzva ako tmavý pás poukazu. */ #page-shell.kc-unified .legacy-main .lan-hero:not(.voucher-split){display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto;min-height:0!important;background:var(--paper)!important;padding:0 0 clamp(56px,7vw,120px)!important;margin-bottom:0!important} #page-shell.kc-unified .legacy-main .lan-hero:not(.voucher-split) .lan-hero__text{order:0!important;display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);column-gap:clamp(32px,6vw,120px);row-gap:22px;align-items:end;padding:clamp(72px,9vw,150px) clamp(24px,5vw,96px) clamp(40px,5vw,80px)!important;max-width:1560px;margin:0 auto;width:100%;box-sizing:border-box} #page-shell.kc-unified .legacy-main .lan-hero:not(.voucher-split) .page-intro{display:contents!important} #page-shell.kc-unified .legacy-main .lan-hero:not(.voucher-split) .page-intro .eyebrow{grid-column:1/-1;font:italic 400 clamp(20px,1.8vw,26px)/1 var(--serif)!important;color:var(--lav)!important;margin:0!important} #page-shell.kc-unified .legacy-main .lan-hero:not(.voucher-split) .page-intro h1{grid-column:1;grid-row:2/span 2;align-self:end;font:300 clamp(58px,8.6vw,148px)/.92 var(--serif)!important;letter-spacing:-.045em!important;text-transform:none!important;color:var(--ink)!important;margin:0!important;text-wrap:balance} #page-shell.kc-unified .legacy-main .lan-hero:not(.voucher-split) :is(.page-intro .lead,.zs-lead){grid-column:2;grid-row:2;font:300 clamp(17px,1.3vw,20px)/1.55 var(--sans)!important;color:var(--muted)!important;max-width:36ch!important;margin:0!important;padding-left:20px;border-left:1px solid var(--gold)} #page-shell.kc-unified .legacy-main .lan-hero:not(.voucher-split) .lan-hero__text>:not(.page-intro){grid-column:2;justify-self:start;margin:0!important} #page-shell.kc-unified .legacy-main .lan-hero:not(.voucher-split) .lan-hero__photo{order:1!important;width:calc(100% - 2*clamp(16px,5vw,96px));max-width:1560px;margin:0 auto!important;height:clamp(320px,62svh,720px);min-height:0!important;border-radius:var(--drop)!important;overflow:hidden;animation:kcReveal 1.4s cubic-bezier(.2,.7,.2,1) both} #page-shell.kc-unified .legacy-main .lan-hero:not(.voucher-split) .lan-hero__photo>img{animation:kcZoom 2.4s cubic-bezier(.2,.7,.2,1) both} @keyframes kcReveal{from{clip-path:inset(18% 8% 0 8% round 28px)}to{clip-path:inset(0 0 0 0 round 0)}} @keyframes kcZoom{from{transform:scale(1.12)}to{transform:scale(1)}} /* ponuky konzultácií: karty ako Obchod / RESET 40+ / Konzultácie na úvode */ #page-shell.kc-unified .legacy-main .consult-page{background:var(--cream)!important;padding-bottom:clamp(56px,7vw,120px)!important} #page-shell.kc-unified .legacy-main .consult-page>.lan-hero{margin-bottom:clamp(40px,5vw,80px)!important} #page-shell.kc-unified .legacy-main .lan-row{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important;gap:clamp(24px,4vw,72px)!important;align-items:center!important;width:calc(100% - 2*clamp(16px,5vw,96px))!important;max-width:1320px!important;margin:0 auto clamp(24px,3vw,44px)!important;padding:clamp(28px,3.6vw,56px)!important;border-radius:32px!important;min-height:0!important;box-shadow:0 30px 60px -40px rgba(47,52,36,.35)!important;overflow:hidden;position:relative;animation:kcRise linear both;animation-timeline:view();animation-range:entry 0% entry 45%} @keyframes kcRise{from{transform:translateY(60px)}to{opacity:1;transform:none}} #page-shell.kc-unified .legacy-main .lan-row:nth-of-type(4n+1){background:var(--lav-3)!important} #page-shell.kc-unified .legacy-main .lan-row:nth-of-type(4n+2){background:var(--olive)!important} #page-shell.kc-unified .legacy-main .lan-row:nth-of-type(4n+3){background:var(--mist)!important} #page-shell.kc-unified .legacy-main .lan-row>*{background:transparent!important} #page-shell.kc-unified .legacy-main .lan-row .lan-row__text{order:0!important;padding:0!important;display:flex;flex-direction:column;align-items:flex-start;-webkit-backdrop-filter:none!important;backdrop-filter:none!important} #page-shell.kc-unified .legacy-main .lan-row .lan-row__photo{order:1!important;display:block;aspect-ratio:4/5;max-height:560px;width:100%;justify-self:end;border-radius:var(--drop)!important;overflow:hidden;min-height:0!important} #page-shell.kc-unified .legacy-main .lan-row .lan-row__photo img{width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)} #page-shell.kc-unified .legacy-main .lan-row:hover .lan-row__photo img{transform:scale(1.05)} #page-shell.kc-unified .legacy-main .lan-row .lan-row__index{font:500 11px/1 var(--sans)!important;letter-spacing:.32em!important;color:var(--gold)!important;font-style:normal!important;margin:0 0 clamp(18px,2vw,28px)!important} #page-shell.kc-unified .legacy-main .lan-row h2{font:300 clamp(40px,5vw,80px)/.95 var(--serif)!important;letter-spacing:-.04em!important;color:var(--ink)!important;margin:0 0 clamp(16px,1.8vw,24px)!important;text-wrap:balance} #page-shell.kc-unified .legacy-main .lan-row .lan-row__price{font:300 clamp(24px,2vw,32px)/1 var(--serif)!important;font-style:italic!important;color:var(--lav)!important;margin:0 0 14px!important} #page-shell.kc-unified .legacy-main .lan-row .lan-row__desc{font:400 15px/1.6 var(--sans)!important;color:var(--muted)!important;max-width:40ch;margin:0 0 clamp(22px,2.4vw,32px)!important} #page-shell.kc-unified .legacy-main .lan-row .lan-row__actions{display:flex;flex-wrap:wrap;gap:10px} #page-shell.kc-unified .legacy-main .lan-row .lan-row__actions .button{border-radius:999px!important} #page-shell.kc-unified .legacy-main .lan-row:nth-of-type(4n+2) :is(h2,.lan-row__desc){color:var(--paper)!important} #page-shell.kc-unified .legacy-main .lan-row:nth-of-type(4n+2) .lan-row__desc{color:rgba(247,244,236,.72)!important} #page-shell.kc-unified .legacy-main .lan-row:nth-of-type(4n+2) .lan-row__price{color:var(--lav-2)!important} #page-shell.kc-unified .legacy-main .lan-row:nth-of-type(4n+2) .lan-row__actions .button:not(.outline){background:var(--paper)!important;color:var(--olive)!important;border-color:var(--paper)!important} #page-shell.kc-unified .legacy-main .lan-row:nth-of-type(4n+2) .lan-row__actions .button.outline{background:transparent!important;color:var(--paper)!important;border-color:rgba(247,244,236,.5)!important} #page-shell.kc-unified .legacy-main .lan-row.lan-row--sky{display:grid!important;grid-template-columns:minmax(0,1fr)!important;min-height:clamp(420px,56svh,620px)!important;align-content:end;background:#0b0d1c!important} #page-shell.kc-unified .legacy-main .lan-row.lan-row--sky .lan-row__photo{display:none!important} #page-shell.kc-unified .legacy-main .lan-row.lan-row--sky .lan-row__sky{border-radius:32px} #page-shell.kc-unified .legacy-main .lan-row.lan-row--sky .lan-row__text{background:transparent!important;max-width:620px} #page-shell.kc-unified .legacy-main .lan-row.lan-row--sky h2{color:#f4f1fb!important} #page-shell.kc-unified .legacy-main .lan-row.lan-row--sky .lan-row__desc{color:rgba(244,241,251,.8)!important} #page-shell.kc-unified .legacy-main .lan-row.lan-row--sky .lan-row__price{color:#cfcbe8!important} /* kapitoly: rytmus pásov ako na úvode */ #page-shell.kc-unified .legacy-main .lan-chap{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)!important;gap:clamp(32px,6vw,120px)!important;padding:clamp(72px,9vw,150px) max(clamp(24px,5vw,96px),calc((100% - 1400px)/2))!important;margin:0!important;border:0!important} #page-shell.kc-unified .legacy-main .lan-chap:nth-of-type(4n+1){background:url(/img/organic-lines.svg) center top/max(1600px,100vw) auto repeat-y,var(--paper)!important} #page-shell.kc-unified .legacy-main .lan-chap:nth-of-type(4n+2){background:url(/img/organic-lines.svg) center top/max(1600px,100vw) auto repeat-y,var(--olive)!important} #page-shell.kc-unified .legacy-main .lan-chap:nth-of-type(4n+3){background:url(/img/organic-lines.svg) center top/max(1600px,100vw) auto repeat-y,var(--mist)!important} #page-shell.kc-unified .legacy-main .lan-chap:nth-of-type(4n){background:url(/img/organic-lines.svg) center top/max(1600px,100vw) auto repeat-y,var(--lav-3)!important} #page-shell.kc-unified .legacy-main .lan-facts{background:url(/img/organic-lines.svg) center top/max(1600px,100vw) auto repeat-y,var(--cream)!important} #page-shell.kc-unified .legacy-main .lan-chap__head{position:sticky;top:110px;align-self:start} #page-shell.kc-unified .legacy-main .lan-chap__no{display:block;font:500 11px/1 var(--sans)!important;letter-spacing:.32em!important;color:var(--gold)!important;font-style:normal!important;margin:0 0 clamp(18px,2vw,28px)!important} #page-shell.kc-unified .legacy-main .lan-chap__head h2{font:300 clamp(40px,4.8vw,78px)/.98 var(--serif)!important;letter-spacing:-.04em!important;color:var(--ink)!important;margin:0!important;text-wrap:balance} #page-shell.kc-unified .legacy-main .lan-chap__body{font:400 clamp(16px,1.2vw,18px)/1.75 var(--sans)!important;color:var(--ink)!important;max-width:62ch} #page-shell.kc-unified .legacy-main .lan-chap__body>p:first-child,#page-shell.kc-unified .legacy-main .lan-chap__body>p.source-text:first-of-type{font:300 clamp(22px,1.9vw,30px)/1.4 var(--serif)!important;letter-spacing:-.01em;color:var(--ink)!important} #page-shell.kc-unified .legacy-main .lan-chap__body ul{list-style:none!important;margin:0!important;padding:0!important;columns:auto!important} #page-shell.kc-unified .legacy-main .lan-chap__body li{border:0!important;padding:0!important;margin:0!important} #page-shell.kc-unified .legacy-main .lan-chap__body li:not(:has(ul)){counter-increment:kci;display:grid!important;grid-template-columns:56px 1fr;gap:12px;align-items:baseline;padding:18px 0!important;border-top:1px solid rgba(47,52,36,.16)!important;font:300 clamp(19px,1.6vw,24px)/1.35 var(--serif)!important;color:var(--ink)!important} #page-shell.kc-unified .legacy-main .lan-chap__body li:not(:has(ul))::before{content:counter(kci,decimal-leading-zero)!important;font:500 11px/1 var(--sans);letter-spacing:.24em;color:var(--gold);background:none!important;width:auto!important;height:auto!important;position:static!important;border:0!important} #page-shell.kc-unified .legacy-main .lan-chap__body .source-structure{counter-reset:kci} #page-shell.kc-unified .legacy-main .lan-chap:nth-of-type(4n+2) :is(h2,.lan-chap__body,.lan-chap__body p,.lan-chap__body li){color:var(--paper)!important} #page-shell.kc-unified .legacy-main .lan-chap:nth-of-type(4n+2) .lan-chap__body li{border-top-color:rgba(247,244,236,.18)!important} #page-shell.kc-unified .legacy-main .lan-chap:nth-of-type(4n+2) .lan-chap__head h2{color:var(--paper)!important} /* samostatná veta: veľké vyznanie ako „Zdravý svet nie je ideál“ */ #page-shell.kc-unified .legacy-main .lan-chap.lan-chap--lone{display:block!important;width:100cqw!important;max-width:none!important;margin-inline:calc(50% - 50cqw)!important;box-sizing:border-box!important;background:url(/img/organic-lines.svg) center top/max(1600px,100vw) auto repeat-y,linear-gradient(180deg,var(--mist,#E4E6D6) 0%,var(--lav-3,#E9E9F2) 100%)!important;padding:clamp(80px,11vw,160px) max(clamp(24px,5vw,96px),calc((100cqw - 1400px)/2))!important} #page-shell.kc-unified .legacy-main .lan-chap--lone .lan-chap__head{display:none!important} #page-shell.kc-unified .legacy-main .lan-chap--lone .lan-chap__body{max-width:none!important;margin:0!important} #page-shell.kc-unified .legacy-main .lan-chap.lan-chap--lone .lan-chap__body>p,#page-shell.kc-unified .legacy-main .lan-chap.lan-chap--lone .lan-chap__body>p.source-text:first-of-type{font:300 clamp(40px,6.4vw,104px)/1.02 var(--serif)!important;letter-spacing:-.045em!important;text-align:left!important;color:var(--ink)!important;margin:0!important;text-wrap:balance!important;background:linear-gradient(90deg,var(--ink) 0%,var(--ink) 40%,var(--lav) 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important} /* galéria: dve fotky posunuté ako na úvode */ #page-shell.kc-unified .legacy-main .lan-gallery{display:grid!important;grid-template-columns:1.3fr 1fr!important;gap:clamp(16px,2.4vw,40px)!important;align-items:start;padding:0 max(clamp(16px,5vw,96px),calc((100% - 1400px)/2)) clamp(72px,9vw,150px)!important;background:var(--paper)!important} #page-shell.kc-unified .legacy-main .lan-gallery figure{margin:0!important;border-radius:var(--drop)!important;overflow:hidden;aspect-ratio:4/5} #page-shell.kc-unified .legacy-main .lan-gallery figure:nth-child(even){margin-top:clamp(60px,10vw,180px)!important;aspect-ratio:3/4} #page-shell.kc-unified .legacy-main .lan-gallery img{width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important} /* výzva: tmavý pás ako darčekový poukaz na úvode */ #page-shell.kc-unified .legacy-main .lan-cta{background:radial-gradient(ellipse at 75% 40%,#4a4f36 0%,#2a2e20 45%,#1a1d14 100%)!important;color:var(--paper)!important;text-align:left!important;padding:clamp(80px,10vw,170px) max(clamp(24px,5vw,96px),calc((100% - 1400px)/2))!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px 48px;margin:0!important;border-radius:0!important} #page-shell.kc-unified .legacy-main .lan-cta .eyebrow{grid-column:1/-1;font:italic 400 clamp(20px,1.8vw,26px)/1 var(--serif)!important;color:var(--lav-2)!important;letter-spacing:0!important;text-transform:lowercase!important;margin:0!important} #page-shell.kc-unified .legacy-main .lan-cta h2{font:300 clamp(56px,8vw,140px)/.92 var(--serif)!important;letter-spacing:-.045em!important;color:var(--paper)!important;-webkit-text-fill-color:var(--paper)!important;background:none!important;margin:0!important} #page-shell.kc-unified .legacy-main .lan-cta .button{background:var(--paper)!important;color:var(--olive)!important;border-color:var(--paper)!important;border-radius:999px!important} #page-shell.kc-unified .legacy-main .lan-cta .button:hover{background:var(--lav)!important;border-color:var(--lav)!important;color:var(--paper)!important} @media (max-width:900px){ #page-shell.kc-unified .legacy-main .lan-hero:not(.voucher-split) .lan-hero__text{grid-template-columns:1fr;padding-top:clamp(96px,22vw,140px)!important} #page-shell.kc-unified .legacy-main .lan-hero:not(.voucher-split) .page-intro h1{grid-row:auto} #page-shell.kc-unified .legacy-main .lan-hero:not(.voucher-split) :is(.page-intro .lead,.zs-lead),#page-shell.kc-unified .legacy-main .lan-hero:not(.voucher-split) .lan-hero__text>:not(.page-intro){grid-column:1;grid-row:auto} #page-shell.kc-unified .legacy-main .lan-hero:not(.voucher-split) .lan-hero__photo{height:min(110vw,62svh);order:1!important} #page-shell.kc-unified .legacy-main .lan-row{grid-template-columns:1fr!important;border-radius:26px!important} #page-shell.kc-unified .legacy-main .lan-row .lan-row__photo{order:-1!important;aspect-ratio:5/4;justify-self:stretch} #page-shell.kc-unified .legacy-main .lan-chap{grid-template-columns:1fr!important} #page-shell.kc-unified .legacy-main .lan-chap__head{position:static} #page-shell.kc-unified .legacy-main .lan-cta{grid-template-columns:1fr} #page-shell.kc-unified .legacy-main .lan-cta .button{justify-self:start} } @media (prefers-reduced-motion:reduce){#page-shell.kc-unified .legacy-main :is(.lan-row,.lan-hero__photo,.lan-hero__photo>img){animation:none!important}} /* Světlé plochy: motiv pod sklem (DESIGN.md §6, krytí motivu max 30 %) */ #page-shell.kc-unified .legacy-main :is(.kc-motif,.pd-page){position:relative;isolation:isolate;background:var(--paper)!important} #page-shell.kc-unified .legacy-main :is(.kc-motif,.pd-page)::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:none;opacity:0} #page-shell.kc-unified .legacy-main :is(.kc-glass,.pd-page .pd-info){background:rgba(255,255,255,.55)!important;-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1);border:1px solid rgba(255,255,255,.7)!important;border-radius:var(--drop)!important;box-shadow:0 24px 60px -30px rgba(47,52,36,.25);padding:clamp(24px,3vw,48px)!important} #page-shell.kc-unified .legacy-main .pd-page{padding:clamp(28px,4vw,64px) max(clamp(16px,5vw,96px),calc((100% - 1400px)/2)) clamp(64px,8vw,120px)!important;color:var(--ink)} #page-shell.kc-unified .legacy-main .pd-page :is(.pd-main-image,.pd-main-image img){border-radius:var(--drop)!important} #page-shell.kc-unified .legacy-main .pd-page h1{font:300 clamp(40px,4.6vw,76px)/1 var(--serif)!important;letter-spacing:-.035em!important;color:var(--olive)!important;text-transform:none!important} #page-shell.kc-unified .legacy-main .pd-page .pd-eyebrow{font:italic 400 22px/1 var(--serif)!important;color:var(--lav)!important;letter-spacing:0!important;text-transform:none!important} #page-shell.kc-unified .legacy-main .pd-page .pd-price{font:300 clamp(30px,2.6vw,42px)/1 var(--serif)!important;color:var(--ink)!important} #page-shell.kc-unified .legacy-main .pd-page :is(.pd-about,.pd-related){margin-top:clamp(48px,6vw,96px)} #page-shell.kc-unified .legacy-main .pd-page .pd-about{background:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.7);border-radius:var(--drop);padding:clamp(24px,3.5vw,56px)} #page-shell.kc-unified .legacy-main .pd-page .pd-about h2,#page-shell.kc-unified .legacy-main .pd-page .pd-related h2{font:300 clamp(34px,3.6vw,56px)/1 var(--serif)!important;color:var(--olive)!important;text-transform:none!important} #page-shell.kc-unified .legacy-main .pd-page :is(.pd-buy,.button.pd-buy){background:var(--olive)!important;color:var(--paper)!important;border:0!important;border-radius:999px!important;min-height:56px;padding:0 30px!important;display:inline-flex;align-items:center;gap:10px} #page-shell.kc-unified .legacy-main .pd-page :is(.pd-buy,.button.pd-buy):hover{background:var(--lav)!important} #page-shell.kc-unified .legacy-main .pd-page :is(.pd-stepper,.pd-quantity){background:rgba(255,255,255,.7)!important;border:1px solid rgba(47,52,36,.18)!important;border-radius:999px!important} /* Darčekový poukaz ako produkt */ #page-shell.kc-unified .legacy-main .pd-voucher-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,4vw,72px);align-items:center;margin-top:clamp(20px,3vw,40px)} #page-shell.kc-unified .legacy-main .pd-voucher-stage{position:relative;display:grid;place-items:center;min-height:clamp(320px,40vw,620px);border-radius:var(--drop);background:radial-gradient(ellipse at 70% 35%,#4a4f36 0%,#2a2e20 50%,#1a1d14 100%);padding:clamp(20px,4vw,64px);overflow:hidden} #page-shell.kc-unified .legacy-main .pd-voucher-stage::after{content:"";position:absolute;width:70%;aspect-ratio:1;border:1px solid rgba(201,165,92,.25);border-radius:50%;right:-18%;top:-22%} #page-shell.kc-unified .legacy-main .pd-gv{width:100%;max-width:640px;position:relative;z-index:1} #page-shell.kc-unified .legacy-main .pd-voucher-values{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0} #page-shell.kc-unified .legacy-main .pd-voucher-values a{display:inline-flex;align-items:center;min-height:46px;padding:0 22px;border-radius:999px;border:1px solid rgba(47,52,36,.25);color:var(--olive)!important;text-decoration:none;font-weight:500;background:rgba(255,255,255,.6)} #page-shell.kc-unified .legacy-main .pd-voucher-values a[aria-current]{background:var(--lav)!important;border-color:var(--lav);color:var(--paper)!important} #page-shell.kc-unified .legacy-main .pd-voucher-facts,#page-shell.kc-unified .legacy-main .pd-consult-steps{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 24px} #page-shell.kc-unified .legacy-main :is(.pd-voucher-facts,.pd-consult-steps) li{display:grid;gap:4px;padding-top:14px;border-top:1px solid rgba(47,52,36,.14)} #page-shell.kc-unified .legacy-main :is(.pd-voucher-facts,.pd-consult-steps) b{font:400 19px/1.2 var(--serif);color:var(--olive)} #page-shell.kc-unified .legacy-main :is(.pd-voucher-facts,.pd-consult-steps) span{font-size:14px;color:var(--muted)} #page-shell.kc-unified .legacy-main .pd-consult-steps{grid-template-columns:repeat(3,1fr);counter-reset:k;margin:24px 0 28px} #page-shell.kc-unified .legacy-main .pd-consult-steps li::before{counter-increment:k;content:"0" counter(k);font:italic 400 18px/1 var(--serif);color:var(--lav)} @media (max-width:900px){ #page-shell.kc-unified .legacy-main .pd-voucher-layout{grid-template-columns:1fr} #page-shell.kc-unified .legacy-main .pd-voucher-stage{min-height:0} #page-shell.kc-unified .legacy-main .pd-voucher-facts,#page-shell.kc-unified .legacy-main .pd-consult-steps{grid-template-columns:1fr} #page-shell.kc-unified .legacy-main :is(.kc-motif,.pd-page)::before{background-size:110vw auto,90vw auto} } /* ===== Master šablóna detailu produktu (25. 10.): médiá vľavo, nákupný panel vpravo ===== */ #page-shell.kc-unified .legacy-main .pdm .shop-shortcuts{margin:0 0 18px!important} #page-shell.kc-unified .legacy-main .pdm .pd-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font:400 13px/1.4 var(--sans);color:var(--muted);margin:0 0 clamp(20px,2.4vw,36px)} #page-shell.kc-unified .legacy-main .pdm .pd-breadcrumbs a{color:var(--muted);text-decoration:none} #page-shell.kc-unified .legacy-main .pdm .pd-breadcrumbs a:hover{color:var(--lav)} #page-shell.kc-unified .legacy-main .pdm .pd-breadcrumbs [aria-current]{color:var(--olive)} #page-shell.kc-unified .legacy-main .pdm-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,3.6vw,64px);align-items:start} #page-shell.kc-unified .legacy-main .pdm-media{position:sticky;top:96px;display:grid;gap:12px} #page-shell.kc-unified .legacy-main .pdm .pd-main-image{position:relative;margin:0!important;aspect-ratio:1/1;max-height:min(78svh,760px);width:100%;overflow:hidden;background:rgba(255,255,255,.5);border:1px solid rgba(47,52,36,.1)} #page-shell.kc-unified .legacy-main .pdm .pd-main-image img{width:100%!important;height:100%!important;object-fit:cover!important;display:block;max-height:none!important} #page-shell.kc-unified .legacy-main .pdm .pd-gallery-actions{position:absolute;right:14px;bottom:14px;display:flex;gap:8px} #page-shell.kc-unified .legacy-main .pdm .pd-gallery-actions button{width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--olive);cursor:pointer} #page-shell.kc-unified .legacy-main .pdm .pd-thumbnails{display:flex;gap:10px;overflow-x:auto} #page-shell.kc-unified .legacy-main .pdm .pd-thumbnails[hidden]{display:none} #page-shell.kc-unified .legacy-main .pdm .pd-thumbnails button{flex:0 0 72px;height:72px;padding:0;border:1px solid rgba(47,52,36,.14);border-radius:14px;overflow:hidden;background:none;cursor:pointer} #page-shell.kc-unified .legacy-main .pdm .pd-thumbnails button[aria-current="true"]{border-color:var(--lav);box-shadow:0 0 0 2px rgba(115,114,156,.25)} #page-shell.kc-unified .legacy-main .pdm .pd-thumbnails img{width:100%;height:100%;object-fit:cover} #page-shell.kc-unified .legacy-main .pdm-panel{display:flex;flex-direction:column;gap:18px;min-width:0} #page-shell.kc-unified .legacy-main .pdm-panel>*{margin:0!important} #page-shell.kc-unified .legacy-main .pdm .pdm-panel h1{font:300 clamp(36px,3.6vw,60px)/1.02 var(--serif)!important;overflow-wrap:anywhere} #page-shell.kc-unified .legacy-main .pdm-price-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;padding-bottom:16px;border-bottom:1px solid rgba(47,52,36,.12)} #page-shell.kc-unified .legacy-main .pdm-price-row>*{margin:0!important} #page-shell.kc-unified .legacy-main .pdm .pd-availability{display:inline-flex;align-items:center;gap:8px;font:500 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--olive)} #page-shell.kc-unified .legacy-main .pdm .status-dot{width:8px;height:8px;border-radius:50%;background:#6E8B4E;box-shadow:0 0 0 4px rgba(110,139,78,.15)} #page-shell.kc-unified .legacy-main .pdm-perex{font:400 16px/1.65 var(--sans);color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} #page-shell.kc-unified .legacy-main .pdm-perex[hidden]{display:none} #page-shell.kc-unified .legacy-main .pdm-badge{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:16px;background:rgba(115,114,156,.1);border:1px solid rgba(115,114,156,.22);font:500 14px/1.4 var(--sans);color:var(--lav)} #page-shell.kc-unified .legacy-main .pdm-icon{flex:0 0 22px;width:22px;height:22px;color:var(--lav)} #page-shell.kc-unified .legacy-main .pdm .pd-purchase{display:grid;gap:14px;margin:0!important} #page-shell.kc-unified .legacy-main .pdm-buy-row{display:flex;gap:12px;align-items:stretch} #page-shell.kc-unified .legacy-main .pdm-buy-row .pd-stepper{display:flex!important;align-items:center!important;gap:0!important} #page-shell.kc-unified .legacy-main .pdm-buy-row .pd-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important;border:0!important} #page-shell.kc-unified .legacy-main .pdm-buy-row #pd-qty{height:44px!important;min-height:0!important;margin:0!important;padding:0!important;line-height:44px!important;text-align:center!important;align-self:center!important;-moz-appearance:textfield} #page-shell.kc-unified .legacy-main .pdm-buy-row #pd-qty::-webkit-inner-spin-button,#page-shell.kc-unified .legacy-main .pdm-buy-row #pd-qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0} #page-shell.kc-unified .legacy-main .pdm-buy-row .pd-buy{flex:1;justify-content:center;min-height:56px} #page-shell.kc-unified .legacy-main .pdm .pd-stepper{display:inline-flex;align-items:center;border-radius:999px!important;min-height:56px;padding:0 6px} #page-shell.kc-unified .legacy-main .pdm .pd-stepper button{width:40px;height:40px;border:0;background:none;font-size:20px;color:var(--olive);cursor:pointer;border-radius:999px} #page-shell.kc-unified .legacy-main .pdm .pd-stepper button:hover{background:rgba(115,114,156,.12)} #page-shell.kc-unified .legacy-main .pdm .pd-stepper input{width:38px;border:0;background:none;text-align:center;font:500 16px var(--sans);color:var(--ink);-moz-appearance:textfield} #page-shell.kc-unified .legacy-main .pdm .pd-stepper input::-webkit-inner-spin-button{-webkit-appearance:none} #page-shell.kc-unified .legacy-main .pdm .pd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} #page-shell.kc-unified .legacy-main .pdm-cta{justify-content:center;min-height:56px;width:100%} #page-shell.kc-unified .legacy-main .pdm .form-status:empty{display:none} /* varianty: rolovacia ponuka, tmavý text, 1px linka, vlastná šípka */ #page-shell.kc-unified .legacy-main .pdm-selects{display:grid;gap:12px} #page-shell.kc-unified .legacy-main .pdm-select{display:grid;gap:8px;font:500 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)} #page-shell.kc-unified .legacy-main .pdm-select select{appearance:none;-webkit-appearance:none;width:100%;min-height:54px;padding:0 48px 0 20px;border-radius:999px;border:1px solid rgba(47,52,36,.22);background:rgba(255,255,255,.75) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F3424' stroke-width='1.4'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 18px center/18px no-repeat;font:400 16px/1 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink);cursor:pointer;transition:border-color .2s,box-shadow .2s} #page-shell.kc-unified .legacy-main .pdm-select select:hover{border-color:var(--lav)} #page-shell.kc-unified .legacy-main .pdm-select select:focus-visible{outline:none;border-color:var(--lav);box-shadow:0 0 0 4px rgba(115,114,156,.18)} #page-shell.kc-unified .legacy-main .pdm-select option:disabled{color:#A7A9A0} /* kľúčové vlastnosti s ikonami */ #page-shell.kc-unified .legacy-main .pdm-features{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 20px} #page-shell.kc-unified .legacy-main .pdm-features li{display:flex;gap:12px;align-items:flex-start;padding-top:14px;border-top:1px solid rgba(47,52,36,.12)} #page-shell.kc-unified .legacy-main .pdm-features li[hidden]{display:none} #page-shell.kc-unified .legacy-main .pdm-features span{display:grid;gap:3px;min-width:0} #page-shell.kc-unified .legacy-main .pdm-features b{font:400 17px/1.25 var(--serif);color:var(--olive)} #page-shell.kc-unified .legacy-main .pdm-features small{font:400 13px/1.4 var(--sans);color:var(--muted)} #page-shell.kc-unified .legacy-main .pdm-note{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:18px;background:rgba(47,52,36,.05);border:1px solid rgba(47,52,36,.1)} #page-shell.kc-unified .legacy-main .pdm-note p{margin:0;font:400 14px/1.55 var(--sans);color:var(--ink)} #page-shell.kc-unified .legacy-main .pdm-note a,#page-shell.kc-unified .legacy-main .pdm-accordions a{color:var(--lav);text-underline-offset:3px} #page-shell.kc-unified .legacy-main .pdm-preview{display:grid;gap:10px;padding:16px 18px;border-radius:18px;border:1px solid rgba(115,114,156,.22);background:rgba(255,255,255,.5)} #page-shell.kc-unified .legacy-main .pdm-preview p{display:flex;align-items:center;gap:10px;margin:0;font:400 17px/1.2 var(--serif);color:var(--olive)} #page-shell.kc-unified .legacy-main .pdm-preview audio{width:100%} /* akordeóny */ #page-shell.kc-unified .legacy-main .pdm-accordions{border-top:1px solid rgba(47,52,36,.14)} #page-shell.kc-unified .legacy-main .pdm-accordions details{border-bottom:1px solid rgba(47,52,36,.14)} #page-shell.kc-unified .legacy-main .pdm-accordions summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;cursor:pointer;list-style:none;font:400 19px/1.25 var(--serif)!important;color:var(--olive)} #page-shell.kc-unified .legacy-main .pdm-accordions summary::-webkit-details-marker{display:none} #page-shell.kc-unified .legacy-main .pdm-accordions summary:hover{color:var(--lav)} #page-shell.kc-unified .legacy-main .pdm-plus{position:relative;flex:0 0 14px;height:14px} #page-shell.kc-unified .legacy-main .pdm-plus::before,#page-shell.kc-unified .legacy-main .pdm-plus::after{content:"";position:absolute;left:0;top:50%;width:14px;height:1px;background:currentColor;transition:transform .25s} #page-shell.kc-unified .legacy-main .pdm-plus::after{transform:rotate(90deg)} #page-shell.kc-unified .legacy-main details[open]>summary .pdm-plus::after{transform:rotate(0)} #page-shell.kc-unified .legacy-main .pdm-accordion-body{padding:0 0 22px;font:400 15px/1.7 var(--sans);color:var(--ink)} #page-shell.kc-unified .legacy-main .pdm-accordion-body :is(p,ul,ol){margin:0 0 12px} #page-shell.kc-unified .legacy-main .pdm-accordion-body h3{font:400 18px/1.3 var(--serif)!important;margin:18px 0 8px} #page-shell.kc-unified .legacy-main .pdm-list{padding-left:18px;display:grid;gap:8px} #page-shell.kc-unified .legacy-main .pdm-list li[hidden]{display:none} #page-shell.kc-unified .legacy-main .pdm-spec{margin:0;display:grid} #page-shell.kc-unified .legacy-main .pdm-spec div{display:grid;grid-template-columns:minmax(120px,40%) 1fr;gap:16px;padding:10px 0;border-bottom:1px solid rgba(47,52,36,.08)} #page-shell.kc-unified .legacy-main .pdm-spec div:last-child{border-bottom:0} #page-shell.kc-unified .legacy-main .pdm-spec dt{color:var(--muted);font-size:14px} #page-shell.kc-unified .legacy-main .pdm-spec dd{margin:0;color:var(--ink)} #page-shell.kc-unified .legacy-main .pdm-contents{list-style:none;padding:0;margin:0;display:grid;gap:2px} #page-shell.kc-unified .legacy-main .pdm-contents li{display:flex;gap:14px;align-items:baseline;padding:10px 0;border-bottom:1px solid rgba(47,52,36,.08)} #page-shell.kc-unified .legacy-main .pdm-contents li>b{flex:0 0 32px;font:400 15px/1 var(--serif);color:var(--lav)} #page-shell.kc-unified .legacy-main .pdm-contents li>span{flex:1;display:grid;gap:2px} #page-shell.kc-unified .legacy-main .pdm-contents small{color:var(--muted);font-size:13px} #page-shell.kc-unified .legacy-main .pdm-contents .pdm-icon{flex-basis:18px;width:18px;height:18px;align-self:center} #page-shell.kc-unified .legacy-main .pdm-more{color:var(--muted);font-size:14px;margin-top:10px!important} /* poukaz v master šablóne */ #page-shell.kc-unified .legacy-main .pdm--voucher .pdm-voucher-stage{position:relative;display:grid;place-items:center;aspect-ratio:1/1;max-height:min(78svh,760px);padding:clamp(20px,3vw,48px);border-radius:var(--drop);background:radial-gradient(120% 90% at 30% 20%,rgba(201,165,92,.16),transparent 60%),rgba(255,255,255,.4);border:1px solid rgba(47,52,36,.1);overflow:hidden} /* podobné produkty */ #page-shell.kc-unified .legacy-main .pdm-related{margin-top:clamp(56px,7vw,110px)} #page-shell.kc-unified .legacy-main .pdm-related-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(47,52,36,.12)} #page-shell.kc-unified .legacy-main .pdm-related-head h2{font:300 clamp(32px,3.4vw,52px)/1 var(--serif)!important;margin:0} #page-shell.kc-unified .legacy-main .pdm-link{display:inline-flex;align-items:center;gap:8px;color:var(--olive);text-decoration:none;font:500 14px/1 var(--sans)} #page-shell.kc-unified .legacy-main .pdm-link .arrow{width:14px;height:14px} #page-shell.kc-unified .legacy-main .pdm-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,28px)} #page-shell.kc-unified .legacy-main .pdm-related-card{display:grid;gap:6px;text-decoration:none;color:var(--ink)} #page-shell.kc-unified .legacy-main .pdm-related-img{display:block;aspect-ratio:1/1;overflow:hidden;border-radius:var(--drop);background:rgba(255,255,255,.5);border:1px solid rgba(47,52,36,.08);margin-bottom:8px} #page-shell.kc-unified .legacy-main .pdm-related-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s} #page-shell.kc-unified .legacy-main .pdm-related-card:hover img{transform:scale(1.04)} #page-shell.kc-unified .legacy-main .pdm-related-card small{font:italic 400 15px/1 var(--serif);color:var(--lav)} #page-shell.kc-unified .legacy-main .pdm-related-card b{font:400 18px/1.25 var(--serif);color:var(--olive)} #page-shell.kc-unified .legacy-main .pdm-related-card em{font:400 14px/1 var(--sans);font-style:normal;color:var(--muted)} /* ===== Košík: 2/3 položky, 1/3 lepiaci súhrn ===== */ #page-shell.kc-unified .legacy-main .ck-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:clamp(20px,3vw,48px);align-items:start;margin-top:clamp(20px,3vw,40px)} #page-shell.kc-unified .legacy-main .ck-lines{display:grid;gap:14px;min-width:0} #page-shell.kc-unified .legacy-main .ck-lines-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(47,52,36,.12);font:500 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)} #page-shell.kc-unified .legacy-main .ck-line{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:20px;align-items:start;padding:18px;border-radius:24px;background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.75);box-shadow:0 18px 40px -30px rgba(47,52,36,.3)} #page-shell.kc-unified .legacy-main .ck-line-img{display:block;width:120px;height:120px;border-radius:18px;overflow:hidden;background:var(--cream)} #page-shell.kc-unified .legacy-main .ck-line-img img{width:100%;height:100%;object-fit:cover} #page-shell.kc-unified .legacy-main .ck-line-main{display:grid;gap:6px;min-width:0} #page-shell.kc-unified .legacy-main .ck-line-cat{margin:0;font:italic 400 15px/1 var(--serif);color:var(--lav)} #page-shell.kc-unified .legacy-main .ck-line h2{margin:0;font:400 21px/1.2 var(--serif)!important;letter-spacing:-.01em!important} #page-shell.kc-unified .legacy-main .ck-line h2 a{color:var(--olive);text-decoration:none} #page-shell.kc-unified .legacy-main .ck-line-type{display:flex;align-items:center;gap:8px;margin:0;font:400 13px/1.4 var(--sans);color:var(--muted)} #page-shell.kc-unified .legacy-main .ck-line-type.is-digital{color:var(--lav)} #page-shell.kc-unified .legacy-main .ck-icon{flex:0 0 18px;width:18px;height:18px} #page-shell.kc-unified .legacy-main .ck-line-controls{display:flex;align-items:center;gap:18px;margin-top:8px} #page-shell.kc-unified .legacy-main .ck-stepper{display:inline-flex;align-items:center;gap:4px;padding:3px;border-radius:999px;border:1px solid rgba(47,52,36,.18);background:rgba(255,255,255,.7)} #page-shell.kc-unified .legacy-main .ck-stepper button{width:34px;height:34px;border:0;border-radius:999px;background:none;font-size:18px;color:var(--olive);cursor:pointer} #page-shell.kc-unified .legacy-main .ck-stepper button:hover:not(:disabled){background:rgba(115,114,156,.12)} #page-shell.kc-unified .legacy-main .ck-stepper button:disabled{opacity:.35;cursor:default} #page-shell.kc-unified .legacy-main .ck-stepper span{min-width:24px;text-align:center;font:500 15px var(--sans)} #page-shell.kc-unified .legacy-main .ck-fixed{font:500 13px/1 var(--sans);color:var(--muted);padding:10px 14px;border-radius:999px;border:1px solid rgba(47,52,36,.12)} #page-shell.kc-unified .legacy-main :is(.ck-remove,.ck-text){border:0;background:none;padding:0;font:400 13px/1 var(--sans);color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer} #page-shell.kc-unified .legacy-main :is(.ck-remove,.ck-text):hover{color:var(--lav)} #page-shell.kc-unified .legacy-main .ck-line-price{display:grid;justify-items:end;gap:6px;text-align:right;white-space:nowrap} #page-shell.kc-unified .legacy-main .ck-line-price small{font:400 13px/1 var(--sans);color:var(--muted)} #page-shell.kc-unified .legacy-main .ck-line-price b{font:400 22px/1 var(--serif);color:var(--ink)} #page-shell.kc-unified .legacy-main .ck-summary{position:sticky;top:96px;display:grid;gap:18px;padding:clamp(22px,2.4vw,34px)!important} #page-shell.kc-unified .legacy-main .ck-summary>*{margin:0!important} #page-shell.kc-unified .legacy-main .ck-summary h2{font:300 30px/1 var(--serif)!important} #page-shell.kc-unified .legacy-main .ck-free{display:grid;gap:10px;padding:14px 16px;border-radius:16px;background:rgba(115,114,156,.08);border:1px solid rgba(115,114,156,.2)} #page-shell.kc-unified .legacy-main .ck-free p{display:flex;gap:10px;align-items:center;margin:0;font:400 14px/1.4 var(--sans);color:var(--ink)} #page-shell.kc-unified .legacy-main .ck-free .ck-icon{color:var(--lav)} #page-shell.kc-unified .legacy-main .ck-progress{height:6px;border-radius:999px;background:rgba(47,52,36,.1);overflow:hidden} #page-shell.kc-unified .legacy-main .ck-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--lav-2),var(--lav));transition:width .5s} #page-shell.kc-unified .legacy-main .ck-code{display:grid;gap:8px} #page-shell.kc-unified .legacy-main .ck-code label{font:500 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)} #page-shell.kc-unified .legacy-main .ck-code-row{display:flex;gap:8px} #page-shell.kc-unified .legacy-main .ck-code-row input{flex:1;min-width:0;min-height:46px;padding:0 16px;border-radius:999px;border:1px solid rgba(47,52,36,.2);background:rgba(255,255,255,.75);font:400 15px var(--sans);color:var(--ink)} #page-shell.kc-unified .legacy-main .ck-code-row input:focus-visible{outline:none;border-color:var(--lav);box-shadow:0 0 0 4px rgba(115,114,156,.18)} #page-shell.kc-unified .legacy-main .ck-apply{min-height:46px!important;padding:0 22px!important;border-radius:999px!important;border:1px solid var(--olive)!important;background:var(--olive)!important;color:var(--paper)!important;font:500 14px var(--sans)!important;cursor:pointer;flex:none!important;transition:background .3s ease} #page-shell.kc-unified .legacy-main .ck-apply:hover{background:var(--lav)!important;border-color:var(--lav)!important;color:#fff!important} #page-shell.kc-unified .legacy-main .ck-code .form-status:empty{display:none} #page-shell.kc-unified .legacy-main .ck-voucher summary{cursor:pointer;font:400 14px/1.3 var(--sans);color:var(--lav);list-style:none} #page-shell.kc-unified .legacy-main .ck-voucher summary::-webkit-details-marker{display:none} #page-shell.kc-unified .legacy-main .ck-voucher[open] summary{margin-bottom:10px} #page-shell.kc-unified .legacy-main .ck-rows{display:grid;gap:0;margin:0;border-top:1px solid rgba(47,52,36,.12)} #page-shell.kc-unified .legacy-main .ck-rows div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid rgba(47,52,36,.08);font:400 15px/1.3 var(--sans)} #page-shell.kc-unified .legacy-main .ck-rows dt{color:var(--muted)} #page-shell.kc-unified .legacy-main .ck-rows dd{margin:0;color:var(--ink);text-align:right} #page-shell.kc-unified .legacy-main .ck-rows .ck-total{border-bottom:0;padding-top:16px;align-items:baseline} #page-shell.kc-unified .legacy-main .ck-total dt{font:500 16px var(--sans);color:var(--ink)} #page-shell.kc-unified .legacy-main .ck-total dt small{display:block;font-size:12px;color:var(--muted);font-weight:400} #page-shell.kc-unified .legacy-main .ck-total dd{font:400 32px/1 var(--serif);color:var(--olive)} #page-shell.kc-unified .legacy-main .ck-cta{justify-content:center;min-height:58px;width:100%;font-size:16px!important} #page-shell.kc-unified .legacy-main .ck-trust{list-style:none;padding:16px 0 0;display:grid;gap:10px;border-top:1px solid rgba(47,52,36,.1)} #page-shell.kc-unified .legacy-main .ck-trust li{display:flex;gap:10px;align-items:center;font:400 13px/1.3 var(--sans);color:var(--muted)} #page-shell.kc-unified .legacy-main .ck-trust .ck-icon{color:var(--olive)} #page-shell.kc-unified .legacy-main .ck-empty{display:grid;justify-items:center;text-align:center;gap:14px;max-width:620px;margin:clamp(24px,4vw,56px) auto 0;padding:clamp(36px,5vw,72px)!important} #page-shell.kc-unified .legacy-main .ck-empty>.ck-icon{width:56px;height:56px;flex-basis:56px;color:var(--lav);stroke-width:1} #page-shell.kc-unified .legacy-main .ck-empty-kick{margin:0;font:italic 400 22px/1 var(--serif);color:var(--lav)} #page-shell.kc-unified .legacy-main .ck-empty h2{margin:0;font:300 clamp(30px,3.4vw,46px)/1.05 var(--serif)!important} #page-shell.kc-unified .legacy-main .ck-empty p{margin:0;color:var(--muted);font:400 16px/1.6 var(--sans)} #page-shell.kc-unified .legacy-main .ck-empty .button{margin-top:10px} @media (max-width:1100px){ #page-shell.kc-unified .legacy-main .pdm-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:900px){ #page-shell.kc-unified .legacy-main .pdm-grid{grid-template-columns:1fr} #page-shell.kc-unified .legacy-main .pdm-media{position:static} #page-shell.kc-unified .legacy-main .pdm .pd-main-image,#page-shell.kc-unified .legacy-main .pdm--voucher .pdm-voucher-stage{max-height:none} #page-shell.kc-unified .legacy-main .pdm--voucher .pdm-voucher-stage{aspect-ratio:auto} #page-shell.kc-unified .legacy-main .ck-layout{grid-template-columns:1fr} #page-shell.kc-unified .legacy-main .ck-summary{position:static} } @media (max-width:560px){ #page-shell.kc-unified .legacy-main .pdm-features{grid-template-columns:1fr} #page-shell.kc-unified .legacy-main .pdm-buy-row{flex-wrap:wrap} #page-shell.kc-unified .legacy-main .pdm-buy-row .pd-buy{flex-basis:100%} #page-shell.kc-unified .legacy-main .ck-line{grid-template-columns:84px minmax(0,1fr);gap:14px;padding:14px} #page-shell.kc-unified .legacy-main .ck-line-img{width:84px;height:84px;border-radius:14px} #page-shell.kc-unified .legacy-main .ck-line-price{grid-column:2;justify-items:start;text-align:left;grid-auto-flow:column;align-items:baseline;justify-content:start;gap:12px} #page-shell.kc-unified .legacy-main .ck-line h2{font-size:18px!important} } #page-shell.kc-unified .legacy-main .shop-grid--v3 .shop-card h3{font:400 17px/1.3 var(--serif)!important;letter-spacing:-.005em!important} #page-shell.kc-unified .legacy-main .shop-grid--v3 .shop-card h3 a{color:#26271f!important} #page-shell.kc-unified .legacy-main .shop-toolbar .shop-sort select{appearance:none!important;-webkit-appearance:none!important;padding-right:36px!important;background-color:#fffdf8!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235f5d52' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px!important;border:1px solid #cfc6b6!important;border-radius:10px!important;box-shadow:none!important} @media (max-width:760px){#page-shell.kc-unified .legacy-main .shop-grid--v3 .shop-card h3{font-size:15px!important}} /* Detail poukazu 25. 10.: teplá slonovina, rám náhľadu s mäkkým tieňom, prémiová rolovacia ponuka, status badge */ #page-shell.kc-unified .legacy-main .pdm--voucher{background:radial-gradient(70% 50% at 18% 12%,rgba(201,165,92,.12),transparent 70%),radial-gradient(60% 45% at 92% 70%,rgba(185,183,221,.16),transparent 70%),#F7F1E3!important;padding-bottom:clamp(40px,5vw,72px)!important} #page-shell.kc-unified .legacy-main .pdm--voucher .pdm-voucher-stage{aspect-ratio:auto;max-height:none;padding:0;background:none;border:0;overflow:visible} #page-shell.kc-unified .legacy-main .pdm-voucher-frame{position:relative;width:100%;padding:clamp(22px,3.4vw,56px);border-radius:28px;background:linear-gradient(160deg,#FFFDF8 0%,#F9F3E6 100%);border:1px solid rgba(201,165,92,.32);box-shadow:0 30px 60px -28px rgba(70,58,30,.32),0 10px 24px -14px rgba(70,58,30,.18),inset 0 0 0 8px rgba(255,253,248,.7),inset 0 0 0 9px rgba(201,165,92,.18)} #page-shell.kc-unified .legacy-main .pdm-voucher-frame .gv{margin:0 auto} #page-shell.kc-unified .legacy-main .pdm--voucher .pdm-panel{background:rgba(255,253,248,.62)!important} #page-shell.kc-unified .legacy-main .pdm-status{display:grid;gap:8px;margin:18px 0 6px} #page-shell.kc-unified .legacy-main .pdm-status .pdm-badge{margin:0;width:fit-content;max-width:100%;background:rgba(201,165,92,.12);border-color:rgba(201,165,92,.38);color:#4A4122;font-weight:500} #page-shell.kc-unified .legacy-main .pdm-status .pdm-icon{color:#A9842F} #page-shell.kc-unified .legacy-main .pdm-status-sub{margin:0!important;font:400 14.5px/1.55 var(--sans);color:var(--muted)} #page-shell.kc-unified .legacy-main .pdm-voucher-buy{display:grid;gap:16px;margin-top:22px} #page-shell.kc-unified .legacy-main .pdm-voucher-buy .pd-purchase{margin:0} #page-shell.kc-unified .legacy-main .pdm-select--voucher select{appearance:none!important;-webkit-appearance:none!important;min-height:60px!important;padding:0 52px 0 24px!important;font:400 19px/1 var(--serif)!important;color:var(--ink)!important;border:1px solid rgba(201,165,92,.5)!important;border-radius:999px!important;background:#FFFDF8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A9842F' stroke-width='1.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 22px center/18px no-repeat!important;box-shadow:0 10px 24px -16px rgba(70,58,30,.4)!important;cursor:pointer} #page-shell.kc-unified .legacy-main .pdm-select--voucher select:hover{border-color:#C9A55C!important} #page-shell.kc-unified .legacy-main .pdm-select--voucher select:focus-visible{outline:none;border-color:#C9A55C!important;box-shadow:0 0 0 4px rgba(201,165,92,.22)!important} #page-shell.kc-unified .legacy-main .pdm--voucher::before{background:none!important;-webkit-mask-image:radial-gradient(55% 45% at 82% 22%,#000 35%,transparent 78%);mask-image:radial-gradient(55% 45% at 82% 22%,#000 35%,transparent 78%)} #page-shell.kc-unified .legacy-main .pdm--voucher .pdm-media{position:sticky;top:110px;align-self:start} #page-shell.kc-unified .legacy-main .pdm--voucher .pdm-related{margin-top:clamp(48px,6vw,88px);margin-bottom:0} #page-shell.kc-unified .legacy-main .pdm--voucher .pdm-related-img{aspect-ratio:4/5;background:#FFFDF8;border:1px solid rgba(201,165,92,.2)} @media (max-width:760px){#page-shell.kc-unified .legacy-main .pdm-voucher-frame{padding:16px;border-radius:22px}#page-shell.kc-unified .legacy-main .pdm-select--voucher select{font-size:17px!important}#page-shell.kc-unified .legacy-main .pdm--voucher .pdm-media{position:static}} /* Košík 25. 10.: centrovaný kontajner, 63/37 grid, odporúčania pod položkami, elegantný súhrn */ #page-shell.kc-unified.kc-shop .legacy-main .shop-cart>:is(.page-intro,.cart-guest-note,.qr-status,#cart-view,.shop-shortcuts){max-width:1200px!important;margin-inline:auto!important;padding-inline:24px!important;box-sizing:border-box} #page-shell.kc-unified.kc-shop .legacy-main .shop-cart>.page-intro{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:8px 28px;padding-top:clamp(28px,4vw,56px)!important;padding-bottom:clamp(14px,2vw,24px)!important;margin-bottom:12px!important;border-bottom:1px solid rgba(201,165,92,.28)!important} #page-shell.kc-unified.kc-shop .legacy-main .shop-cart>.page-intro .eyebrow{flex:1 0 100%;font:italic 400 18px/1 var(--serif)!important} #page-shell.kc-unified.kc-shop .legacy-main .shop-cart>.page-intro h1{font:400 clamp(40px,4.4vw,60px)/1 var(--serif)!important;letter-spacing:-.02em!important} #page-shell.kc-unified.kc-shop .legacy-main .shop-cart>.page-intro p:not(.eyebrow){margin:0!important;padding:0!important;border:0!important;font:400 15px/1.5 var(--sans)!important;color:var(--muted)!important} #page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-layout{grid-template-columns:minmax(0,63fr) minmax(340px,37fr)!important;gap:clamp(24px,3vw,40px)!important;margin-top:20px!important} #page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-line{grid-template-columns:136px minmax(0,1fr) auto!important;gap:22px!important;padding:18px 22px 18px 18px!important;background:rgba(255,253,248,.78)!important;border:1px solid rgba(201,165,92,.22)!important} #page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-line-img{width:136px!important;height:170px!important;border-radius:16px!important;padding:6px;background:#FFFDF8!important;border:1px solid rgba(201,165,92,.3);box-shadow:0 10px 22px -16px rgba(70,58,30,.4)} #page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-line-img img{border-radius:11px} #page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-line-main{gap:8px!important;align-content:center} #page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-line-cat{font:500 11px/1 var(--sans)!important;letter-spacing:.12em;text-transform:uppercase;color:#A9842F!important} #page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-line h2{font:400 23px/1.2 var(--serif)!important} #page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-line-price{align-self:center} #page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-line-price b{font:600 22px/1 var(--sans)!important;color:var(--ink)!important} #page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-remove{display:inline-flex;align-items:center;gap:6px;text-decoration:none!important;color:var(--muted)!important;transition:color .2s} #page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-remove .ck-icon{flex-basis:16px;width:16px;height:16px} #page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-remove:hover{color:#9B3D3D!important} #page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-remove:hover span{text-decoration:underline;text-underline-offset:3px} #page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-summary{background:#FBF8F1!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid rgba(47,52,36,.12)!important;border-radius:24px!important;box-shadow:0 24px 48px -32px rgba(47,52,36,.35)!important;top:100px!important} #page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-summary h2{font:400 28px/1 var(--serif)!important} #page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-cta{display:flex!important;width:100%!important;justify-content:space-between!important;align-items:center} #page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-lines .cart-upsell{margin-top:clamp(28px,3vw,44px)!important} #page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-lines .cart-upsell h2{font:400 clamp(26px,2.4vw,34px)/1.1 var(--serif)!important;letter-spacing:-.01em!important;margin:0 0 16px!important} #page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-lines .cart-upsell-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important} #page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-lines .cart-upsell-item{gap:10px!important} #page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-lines .cart-upsell-item h3{font:400 17px/1.25 var(--serif)!important} #page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-lines .cart-upsell-item img{aspect-ratio:4/5} @media (max-width:900px){#page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-layout{grid-template-columns:1fr!important}#page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-summary{position:static!important}} @media (max-width:640px){#page-shell.kc-unified.kc-shop .legacy-main .shop-cart>:is(.page-intro,.cart-guest-note,.qr-status,#cart-view,.shop-shortcuts){padding-inline:16px!important}#page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-line{grid-template-columns:92px minmax(0,1fr)!important;gap:14px!important;padding:14px!important}#page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-line-img{width:92px!important;height:115px!important;padding:4px}#page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-line-price{grid-column:2;justify-items:start;text-align:left}#page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-lines .cart-upsell-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-lines .cart-upsell-item:nth-child(3){display:none!important}} #page-shell.kc-unified.kc-shop .legacy-main .shop-cart{padding-inline:0!important} #page-shell.kc-unified.kc-shop .legacy-main .shop-cart>:is(.page-intro,.cart-guest-note,.qr-status,#cart-view,.shop-shortcuts){width:100%!important} /* Pätička: Logá troch značiek – väčšie a viac pri sebe na desktope */ html body .site-footer .sf-brands { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: clamp(32px, 4.5vw, 64px) !important; max-width: 980px !important; margin: 0 auto !important; padding: clamp(24px, 3vw, 40px) 0 !important; } html body .site-footer .sf-brands > a, html body .site-footer .sf-brands .sf-brand-link { display: flex !important; justify-content: center !important; align-items: center !important; flex: 0 1 auto !important; } html body .site-footer .sf-brands img, html body .site-footer .sf-brands .sf-brand-img { width: clamp(230px, 19vw, 290px) !important; max-width: 290px !important; height: auto !important; object-fit: contain !important; filter: none !important; transition: transform 0.25s ease, opacity 0.25s ease !important; } html body .site-footer .sf-brands a:hover img { transform: translateY(-2px) scale(1.03) !important; opacity: 0.95 !important; } @media (max-width: 767.98px) { html body .site-footer .sf-brands { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 16px !important; max-width: 100% !important; } html body .site-footer .sf-brands img, html body .site-footer .sf-brands .sf-brand-img { width: 100% !important; max-width: 140px !important; } } /* Košík a pokladňa: jasné kontaktné polia, viditeľný kupón a svetlý súhrn. */ @layer shopv2{ html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-checkout .checkout-coupon-panel{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr)!important;align-items:center!important;gap:24px!important;margin:0 auto clamp(24px,3vw,40px)!important;padding:clamp(18px,2.4vw,30px)!important;max-width:1320px!important;background:linear-gradient(120deg,#E4E6D6,#F4F0E8)!important;border:1px solid rgba(47,52,36,.2)!important;border-radius:22px!important;box-shadow:0 18px 42px -34px rgba(47,52,36,.4)!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .checkout-coupon-panel[hidden]{display:none!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .checkout-coupon-copy .eyebrow{margin:0 0 8px!important;color:#596044!important;font:500 11px/1.2 var(--sans)!important;letter-spacing:.14em!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .checkout-coupon-copy h2{margin:0 0 6px!important;color:#2A2F21!important;font:400 clamp(22px,2vw,30px)/1.1 var(--serif)!important;letter-spacing:-.02em!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .checkout-coupon-copy>p:last-child{margin:0!important;color:#626657!important;font:400 14px/1.45 var(--sans)!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .checkout-coupon-label{display:block!important;margin:0 0 7px!important;color:#555A4D!important;font:500 12px/1.3 var(--sans)!important;letter-spacing:.035em!important;text-transform:none!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .checkout-coupon{position:relative!important;z-index:2!important;display:grid!important;gap:8px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;pointer-events:auto!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .checkout-coupon-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .checkout-coupon input#checkout-coupon{position:relative!important;z-index:3!important;display:block!important;width:100%!important;min-width:0!important;min-height:54px!important;margin:0!important;padding:0 18px!important;border:1px solid rgba(47,52,36,.24)!important;border-radius:14px!important;background:#fff!important;color:#25291f!important;font:500 16px/1.2 var(--sans)!important;letter-spacing:.02em!important;text-transform:none!important;pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;touch-action:manipulation!important;cursor:text!important;box-shadow:inset 0 1px 2px rgba(47,52,36,.05)!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .checkout-coupon input#checkout-coupon::placeholder{color:#76796e!important;opacity:1!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .checkout-coupon input#checkout-coupon:focus{outline:3px solid rgba(47,52,36,.2)!important;outline-offset:1px!important;border-color:#596044!important;box-shadow:none!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .checkout-coupon-apply{position:relative!important;z-index:3!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:54px!important;padding:0 22px!important;border:1px solid #2F3424!important;border-radius:14px!important;background:#2F3424!important;color:#fff!important;font:600 14px/1 var(--sans)!important;letter-spacing:0!important;text-transform:none!important;cursor:pointer!important;pointer-events:auto!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .checkout-coupon-apply:hover{background:#454B35!important;border-color:#454B35!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .checkout-coupon-apply:disabled{opacity:.65!important;cursor:wait!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .checkout-coupon-remove{justify-self:start!important;padding:4px 0!important;border:0!important;background:transparent!important;color:#454B35!important;font:500 13px/1.3 var(--sans)!important;text-decoration:underline!important;text-underline-offset:3px!important;cursor:pointer!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .checkout-coupon .form-status{margin:0!important;color:#45483e!important;font:500 13px/1.4 var(--sans)!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .checkout-coupon .form-status:empty{display:none!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-checkout .checkout-grid>#checkout-summary{position:sticky!important;top:104px!important;z-index:1!important;display:grid!important;gap:0!important;overflow:visible!important;padding:clamp(22px,2.6vw,34px)!important;border:1px solid rgba(47,52,36,.14)!important;border-radius:24px!important;background:#FBF8F1!important;color:#2A2F21!important;box-shadow:0 22px 50px -38px rgba(47,52,36,.42)!important;pointer-events:auto!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-checkout .checkout-grid>#checkout-summary::before{display:none!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-checkout .checkout-grid>#checkout-summary h2{margin:0 0 18px!important;color:#2A2F21!important;font:400 clamp(28px,2.6vw,36px)/1.05 var(--serif)!important;letter-spacing:-.025em!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-checkout .checkout-grid>#checkout-summary .summary-row{display:flex!important;justify-content:space-between!important;gap:16px!important;margin:0!important;padding:13px 0!important;border-bottom:1px solid rgba(47,52,36,.12)!important;color:#5F6356!important;font:400 14px/1.45 var(--sans)!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-checkout .checkout-grid>#checkout-summary .summary-row strong{color:#2A2F21!important;font-weight:600!important;text-align:right!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-checkout .checkout-grid>#checkout-summary .summary-row:last-of-type{padding-top:18px!important;border-bottom:0!important;align-items:baseline!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-checkout .checkout-grid>#checkout-summary .summary-row:last-of-type :is(span,strong){color:#2A2F21!important;font:400 clamp(25px,2.2vw,34px)/1.1 var(--serif)!important;letter-spacing:-.02em!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-checkout .checkout-grid>#checkout-summary .fine-print{margin:8px 0 0!important;color:#66695E!important;font:400 12px/1.5 var(--sans)!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-checkout #checkout-form fieldset label:not(.check):not(.radio-label){display:grid!important;gap:8px!important;margin:0 0 18px!important;color:#555A4D!important;font:500 12px/1.3 var(--sans)!important;letter-spacing:.035em!important;text-transform:none!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-checkout #checkout-form :is(input:not([type=checkbox]):not([type=radio]),select,textarea){position:relative!important;z-index:1!important;width:100%!important;min-width:0!important;min-height:52px!important;padding:12px 15px!important;border:1px solid rgba(47,52,36,.2)!important;border-radius:13px!important;background:#fff!important;color:#25291f!important;font:400 16px/1.3 var(--sans)!important;letter-spacing:0!important;text-transform:none!important;pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;box-shadow:inset 0 1px 2px rgba(47,52,36,.04)!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-checkout #checkout-form :is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus{outline:3px solid rgba(115,114,156,.2)!important;outline-offset:1px!important;border-color:#73729C!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-checkout #checkout-form .form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-checkout #checkout-form label.check{letter-spacing:0!important;text-transform:none!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-cart .cart-help{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px 18px!important;margin:0 auto 20px!important;padding:13px 18px!important;max-width:1320px!important;border-left:2px solid #73729C!important;border-radius:0 12px 12px 0!important;background:rgba(233,233,242,.6)!important;color:#555A4D!important;font:400 13px/1.4 var(--sans)!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-cart .cart-help>span{margin-right:auto!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-cart .cart-help a{color:#53527E!important;font-weight:600!important;text-decoration:underline!important;text-underline-offset:3px!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-summary{position:sticky!important;top:104px!important;background:#FBF8F1!important;border-color:rgba(47,52,36,.14)!important;border-radius:24px!important;box-shadow:0 22px 50px -38px rgba(47,52,36,.42)!important;color:#2A2F21!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-summary .ck-apply{background:#2F3424!important;border-color:#2F3424!important;color:#fff!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-summary .ck-apply:hover{background:#454B35!important;border-color:#454B35!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-summary .ck-code-row input{position:relative!important;z-index:1!important;background:#fff!important;color:#25291f!important;pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;cursor:text!important} /* Súhrny objednávky: olivová karta s kontrastným textom, ako voucher. */ html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-checkout .checkout-grid>#checkout-summary{background:#2F3424!important;border-color:rgba(247,244,236,.16)!important;color:#F7F4EC!important;box-shadow:0 28px 58px -38px rgba(47,52,36,.62)!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-checkout .checkout-grid>#checkout-summary h2{color:#F7F4EC!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-checkout .checkout-grid>#checkout-summary .summary-row{border-color:rgba(247,244,236,.17)!important;color:rgba(247,244,236,.76)!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-checkout .checkout-grid>#checkout-summary .summary-row strong{color:#F7F4EC!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-checkout .checkout-grid>#checkout-summary .summary-row:last-of-type :is(span,strong){color:#F7F4EC!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-checkout .checkout-grid>#checkout-summary .summary-row:last-of-type span{color:#D8C58E!important;font-style:italic!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-checkout .checkout-grid>#checkout-summary .fine-print{color:rgba(247,244,236,.66)!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-summary{background:#2F3424!important;border-color:rgba(247,244,236,.16)!important;color:#F7F4EC!important;box-shadow:0 28px 58px -38px rgba(47,52,36,.62)!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-summary h2{color:#F7F4EC!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-summary :is(.ck-free,.ck-voucher){background:rgba(247,244,236,.07)!important;border-color:rgba(247,244,236,.18)!important;color:#F7F4EC!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-summary :is(.ck-free p,.ck-code label,.ck-voucher summary){color:rgba(247,244,236,.86)!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-summary .ck-rows{border-color:rgba(247,244,236,.2)!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-summary .ck-rows div{border-color:rgba(247,244,236,.15)!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-summary .ck-rows :is(dt,dd){color:rgba(247,244,236,.78)!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-summary .ck-rows .ck-total :is(dt,dd){color:#F7F4EC!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-summary .ck-rows .ck-total dt small{color:rgba(247,244,236,.65)!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-summary .ck-trust{border-color:rgba(247,244,236,.18)!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-summary .ck-trust li{color:rgba(247,244,236,.76)!important} html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-cart .ck-summary .ck-cta{background:#F7F4EC!important;border-color:#F7F4EC!important;color:#2F3424!important} @media(max-width:900px){html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-checkout .checkout-coupon-panel{grid-template-columns:1fr!important}html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-checkout .checkout-grid>#checkout-summary{position:relative!important;top:auto!important}} @media(max-width:560px){html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-checkout .checkout-coupon-panel{gap:16px!important;padding:18px!important}html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .checkout-coupon-row{grid-template-columns:minmax(0,1fr)!important}html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .checkout-coupon-apply{width:100%!important}html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-checkout #checkout-form .form-grid{grid-template-columns:1fr!important}html body #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-cart .cart-help{align-items:flex-start!important;flex-direction:column!important;gap:7px!important}} } /* Patička 25. 10. – centrální symetrie: pečetě, pod nimi platby, pod nimi právní řádek */ html body .site-footer .sf-pay{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:12px!important;padding:24px 0 6px!important;margin:8px auto 0!important;width:100%!important} html body .site-footer .sf-pay__badge{border-radius:10px!important;background:rgba(239,229,199,.94)!important;border:1px solid rgba(201,165,92,.28)!important;box-shadow:0 1px 6px rgba(0,0,0,.08)!important} html body .site-footer .sf-bottom :is(a,span,p){color:rgba(255,255,255,.5)!important} html body .site-footer .sf-bottom a:hover{color:rgba(255,255,255,.85)!important} /* Účet 25. 10.: bez lišty, kontajner 1152, mriežka 65/35, kompaktné karty */ body.customer-page, body.customer-page #page-shell, body.customer-page .legacy-main, body.customer-page .customer-center, body.customer-page .center-layout { margin-left: 0 !important; padding-left: 0 !important; --rail-pad: 0px !important; --rail-neg: 0px !important; } body.customer-page #ana-rail { display: none !important; width: 0 !important; visibility: hidden !important; pointer-events: none !important; } body.customer-page #lh-top, body.customer-page .legacy-shell > .dc-chrome:first-child { display: none !important; } @media (min-width: 1000px) { body.customer-page .center-sidebar { top: 0 !important; left: 0 !important; margin-left: 0 !important; min-height: 100dvh !important; max-height: 100dvh !important; } } body.customer-page .ana-menu-tab { display: flex !important; position: fixed !important; right: 0 !important; z-index: 60 !important; } html body .customer-center .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important} html body .customer-center{--acc-lav:#8E86B8;--acc-gold:#C9A355;--acc-line:color-mix(in srgb,var(--center-ink) 12%,transparent);--acc-card:rgba(255,255,255,.72);--acc-tint:color-mix(in srgb,var(--acc-lav) 9%,#FBF9F3)} html body .customer-center .center-content{padding:32px 24px 80px!important;max-width:none!important} html body .customer-center .center-content>*{max-width:1152px!important;margin-inline:auto!important} html body .customer-center .center-heading{margin-bottom:24px!important} html body .customer-center .center-heading h1{font-size:clamp(30px,3.2vw,44px)!important;margin:6px 0 0!important} html body .customer-center [data-account-panel]>.lead{margin:0 0 20px!important;color:var(--center-muted)!important} .acc-grid{display:grid!important;grid-template-columns:minmax(0,65fr) minmax(0,35fr)!important;gap:24px!important;align-items:start!important} .acc-main,.acc-side{display:grid!important;gap:20px!important;min-width:0!important} .acc-side{position:sticky!important;top:96px!important} @media(max-width:999.98px){.acc-grid{grid-template-columns:minmax(0,1fr)!important}.acc-side{position:static!important}} html body .customer-center .acc-card{background:var(--acc-card)!important;border:1px solid var(--acc-line)!important;border-radius:20px!important;padding:22px 24px!important;box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 14px 34px -26px rgba(40,30,70,.35)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;color:var(--center-ink)!important;min-width:0!important} html body .customer-center .acc-card--tint{background:var(--acc-tint)!important} html body .customer-center .acc-card h2{font-size:24px!important;line-height:1.2!important;margin:4px 0 10px!important} html body .customer-center .acc-card h3{font-size:19px!important;line-height:1.25!important;margin:4px 0 6px!important} html body .customer-center .acc-card p{margin:0 0 10px!important;color:var(--center-muted)!important} html body .customer-center .acc-card .eyebrow{margin:0 0 6px!important;font-size:11px!important;letter-spacing:.14em!important;color:var(--acc-lav)!important} html body .customer-center .acc-card .button{min-height:42px!important;padding:10px 18px!important;font-size:14px!important} .acc-list{margin:4px 0 8px!important;padding:0!important;list-style:none!important;display:grid!important;gap:8px!important} .acc-list li{position:relative!important;padding-left:18px!important;color:var(--center-muted)!important;font-size:15px!important;line-height:1.45!important} .acc-list li::before{content:""!important;position:absolute!important;left:0!important;top:.6em!important;width:6px!important;height:6px!important;border-radius:50%!important;background:linear-gradient(135deg,var(--acc-lav),var(--acc-gold))!important} .acc-list b{color:var(--center-ink)!important;font-weight:600!important;margin-right:4px!important} /* Prehľad */ .acc-tiles{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important} @media(max-width:640px){.acc-tiles{grid-template-columns:minmax(0,1fr)!important}} html body .customer-center .acc-tile{display:flex!important;flex-direction:column!important;gap:6px!important} html body .customer-center .acc-tile>.button{margin-top:auto!important;align-self:flex-start!important} .acc-empty-line{font-style:italic!important} html body .customer-center .acc-progress{background:linear-gradient(135deg,color-mix(in srgb,var(--acc-lav) 22%,#fff) 0%,#FBF9F3 60%,color-mix(in srgb,var(--acc-gold) 18%,#fff) 100%)!important} html body .customer-center .acc-progress h2{font-size:28px!important} .acc-bar{height:10px!important;border-radius:99px!important;background:color-mix(in srgb,var(--center-ink) 9%,transparent)!important;overflow:hidden!important;margin:6px 0 18px!important} .acc-bar span{display:block!important;height:100%!important;width:0;border-radius:inherit!important;background:linear-gradient(90deg,var(--acc-lav),var(--acc-gold))!important;transition:width .8s ease!important} html body .customer-center .acc-quick{display:grid!important;gap:2px!important} html body .customer-center .acc-quick a{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:11px 0!important;border-bottom:1px solid var(--acc-line)!important;color:var(--center-ink)!important;text-decoration:none!important;font-size:15px!important} html body .customer-center .acc-quick a:last-child{border-bottom:0!important} html body .customer-center .acc-quick a:hover{color:var(--acc-lav)!important} html body .customer-center .acc-support{display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;gap:14px!important;align-items:center!important} .acc-support img{width:56px!important;height:56px!important;border-radius:50%!important;object-fit:cover!important;object-position:50% 20%!important} .acc-support h3,.acc-support p{margin:0!important} .acc-support__actions{grid-column:1/-1!important;display:flex!important;flex-wrap:wrap!important;gap:10px 18px!important;align-items:center!important} /* Badge */ .acc-badge{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:4px 11px!important;border-radius:99px!important;font-size:12px!important;font-weight:600!important;letter-spacing:.02em!important;background:color-mix(in srgb,var(--acc-lav) 16%,#fff)!important;color:#4B4573!important;white-space:nowrap!important;align-self:flex-start!important} .acc-badge::before{content:""!important;width:6px!important;height:6px!important;border-radius:50%!important;background:currentColor!important} .acc-badge--shipped{background:#F4EBD3!important;color:#7A5B17!important} .acc-badge--delivered{background:#E3EEDF!important;color:#2F5A2A!important} .acc-badge--canceled{background:#F3E1E1!important;color:#8A2E2E!important} /* Objednávky */ #center-orders{display:grid!important;gap:16px!important} .acc-order header,.acc-order footer{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:12px!important;flex-wrap:wrap!important} .acc-order header small{color:var(--center-muted)!important} .acc-thumbs{list-style:none!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;margin:14px 0!important;padding:0!important} .acc-thumbs li{position:relative!important;width:56px!important;height:56px!important;border-radius:12px!important;overflow:hidden!important;background:var(--acc-tint)!important;border:1px solid var(--acc-line)!important;display:grid!important;place-items:center!important;font-weight:600!important;color:var(--acc-lav)!important} .acc-thumbs img{width:100%!important;height:100%!important;object-fit:cover!important} .acc-thumbs b{position:absolute!important;right:3px!important;bottom:3px!important;font-size:10px!important;background:#fff!important;border-radius:6px!important;padding:0 4px!important} .acc-thumbs li.acc-thumbs__text{width:auto!important;height:auto!important;flex:1 1 180px!important;border:0!important;background:none!important;display:block!important;font-weight:400!important;color:var(--center-muted)!important;font-size:14px!important;overflow:visible!important} .acc-order footer{align-items:center!important;border-top:1px solid var(--acc-line)!important;padding:14px 0 0!important;background:transparent!important;color:inherit!important} .acc-order footer strong{font-size:20px!important} .acc-order__actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important} .acc-order__detail table{width:100%!important;border-collapse:collapse!important;margin-top:14px!important;font-size:14px!important} .acc-order__detail td{padding:8px 0!important;border-bottom:1px solid var(--acc-line)!important} .acc-order__detail td:last-child{text-align:right!important} .acc-order__total td{font-weight:600!important;border-bottom:0!important} .acc-track{font-size:14px!important} html body .customer-center .acc-empty{display:grid!important;grid-template-columns:minmax(0,220px) minmax(0,1fr)!important;gap:22px!important;align-items:center!important} .acc-empty>img{width:100%!important;aspect-ratio:4/3!important;object-fit:cover!important;border-radius:14px!important} @media(max-width:640px){html body .customer-center .acc-empty{grid-template-columns:minmax(0,1fr)!important}} .acc-favs [data-center-reorder]{display:grid!important;gap:10px!important} html body .customer-center .acc-favs .center-reorder{display:grid!important;grid-template-columns:48px minmax(0,1fr) 36px!important;gap:12px!important;align-items:center!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important} html body .customer-center .acc-favs .center-reorder img{width:48px!important;height:60px!important;object-fit:cover!important;border-radius:10px!important} html body .customer-center .acc-favs .center-reorder h3{font-size:15px!important;margin:0!important;line-height:1.3!important} html body .customer-center .acc-favs .center-reorder p{margin:0!important;font-size:13px!important} .acc-add{width:36px!important;height:36px!important;border-radius:50%!important;border:1px solid var(--acc-line)!important;background:#fff!important;color:var(--center-ink)!important;font-size:20px!important;line-height:1!important;cursor:pointer!important} .acc-add:hover{background:var(--acc-lav)!important;color:#fff!important;border-color:var(--acc-lav)!important} /* Konzultácie */ #center-bookings:empty{display:none!important} .acc-booking{display:grid!important;grid-template-columns:56px minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;padding:12px 0!important;border-bottom:1px solid var(--acc-line)!important} .acc-booking:last-child{border-bottom:0!important} .acc-booking.is-past{opacity:.6!important} .acc-booking h3{font-size:16px!important;margin:0!important}.acc-booking p{margin:0!important;font-size:14px!important} html body .customer-center .acc-book{display:grid!important;grid-template-columns:minmax(0,42%) minmax(0,1fr)!important;padding:0!important;overflow:hidden!important} .acc-book>img{width:100%!important;height:100%!important;min-height:260px!important;object-fit:cover!important} .acc-book__body{padding:24px!important} .acc-book__form{display:grid!important;gap:12px!important;margin:12px 0!important} .acc-book__form label,.acc-pair label{display:grid!important;gap:6px!important;font-size:13px!important;color:var(--center-muted)!important} html body .customer-center .acc-book select,html body .customer-center .acc-pair input,html body .customer-center .acc-form2 input,html body .customer-center .acc-form3 input,html body .customer-center .chat-toolbar select{min-height:46px!important;border-radius:12px!important;border:1px solid var(--acc-line)!important;background:#fff!important;padding:0 14px!important;font:inherit!important;color:var(--center-ink)!important;width:100%!important} @media(max-width:640px){html body .customer-center .acc-book{grid-template-columns:minmax(0,1fr)!important}.acc-book>img{min-height:180px!important;max-height:220px!important}} .acc-faq details{border-bottom:1px solid var(--acc-line)!important;padding:10px 0!important} .acc-faq details:last-child{border-bottom:0!important} .acc-faq summary{cursor:pointer!important;font-weight:500!important;color:var(--center-ink)!important;list-style:none!important;display:flex!important;justify-content:space-between!important;gap:10px!important} .acc-faq summary::after{content:"+"!important;color:var(--acc-lav)!important} .acc-faq details[open] summary::after{content:"–"!important} .acc-faq details p{margin:8px 0 0!important;font-size:14px!important} /* Chat */ html body .customer-center .acc-chat{border-radius:22px!important;overflow:hidden!important;border:1px solid var(--acc-line)!important;background:#FBF7EE!important} html body .customer-center .acc-chat .center-chat-header{display:flex!important;gap:14px!important;align-items:center!important;padding:16px 20px!important;background:#fff!important;border-bottom:1px solid var(--acc-line)!important;margin:0!important} html body .customer-center .acc-chat .center-chat-header img{width:52px!important;height:52px!important;border-radius:50%!important;object-fit:cover!important;object-position:50% 20%!important} html body .customer-center .acc-chat .center-chat-header h2{font-size:20px!important;margin:0!important} html body .customer-center .acc-chat .center-chat-header p{margin:0!important;font-size:13px!important;color:var(--center-muted)!important;display:flex!important;align-items:center!important;gap:6px!important} .acc-dot{width:8px!important;height:8px!important;border-radius:50%!important;background:#7FAE6E!important;box-shadow:0 0 0 3px rgba(127,174,110,.2)!important} html body .customer-center .account-chat{padding:16px 20px 20px!important;margin:0!important;background:none!important;border:0!important;max-width:none!important} .chat-toolbar{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;gap:12px!important;flex-wrap:wrap!important;margin-bottom:12px!important} html body .customer-center .chat-conversation-label{display:grid!important;gap:4px!important;font-size:12px!important;color:var(--center-muted)!important;flex:1 1 220px!important;max-width:340px!important} html body .customer-center #chat-new{background:none!important;border:0!important;color:var(--acc-lav)!important;font-weight:600!important;cursor:pointer!important;padding:8px 0!important} html body .customer-center #chat-messages{display:flex!important;flex-direction:column!important;gap:10px!important;min-height:220px!important;max-height:440px!important;overflow:auto!important;padding:8px 2px 14px!important;border:0!important;background:none!important} html body .customer-center .chat-message{max-width:78%!important;padding:10px 14px!important;border-radius:18px 18px 18px 6px!important;background:#fff!important;border:1px solid var(--acc-line)!important;align-self:flex-start!important;margin:0!important} html body .customer-center .chat-message[data-author=customer],html body .customer-center .chat-message:not([data-author=lucia]){align-self:flex-end!important;border-radius:18px 18px 6px 18px!important;background:color-mix(in srgb,var(--acc-lav) 18%,#fff)!important} html body .customer-center .chat-message strong{display:block!important;font-size:11px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--acc-lav)!important} html body .customer-center .chat-message p{margin:2px 0 0!important;color:var(--center-ink)!important} html body .customer-center #chat-messages:empty::before{content:"Napíšte Lucii prvú správu. Odpoveď nájdete tu."!important;margin:auto!important;color:var(--center-muted)!important;font-size:14px!important;text-align:center!important} html body .customer-center #chat-form{margin:0!important;display:block!important} .chat-bar{display:flex!important;gap:8px!important;align-items:flex-end!important;background:#fff!important;border:1px solid var(--acc-line)!important;border-radius:26px!important;padding:6px 6px 6px 18px!important} html body .customer-center .chat-bar textarea{flex:1!important;border:0!important;background:none!important;resize:none!important;min-height:44px!important;max-height:160px!important;padding:11px 0!important;font:inherit!important;color:var(--center-ink)!important;outline:none!important;box-shadow:none!important} .chat-send{flex:none!important;width:44px!important;height:44px!important;border-radius:50%!important;border:0!important;background:var(--acc-lav)!important;color:#fff!important;display:grid!important;place-items:center!important;cursor:pointer!important} .chat-send:disabled{opacity:.45!important;cursor:default!important} html body .customer-center #chat-counter{margin:6px 18px 0!important;font-size:12px!important;text-align:right!important} html body .customer-center #chat-availability:empty,html body .customer-center #chat-availability[hidden]{display:none!important} /* Poukazy */ #center-vouchers{display:grid!important;gap:16px!important} .acc-voucher{position:relative!important;overflow:hidden!important;border-radius:22px!important;padding:22px 24px!important;color:#F6F0E2!important;background:radial-gradient(120% 140% at 100% 0%,rgba(201,163,85,.38),transparent 55%),linear-gradient(135deg,#55547F,#2E2C4D)!important;box-shadow:0 22px 40px -28px rgba(30,20,60,.7)!important;display:grid!important;gap:14px!important} .acc-voucher::after{content:""!important;position:absolute!important;right:-60px!important;bottom:-60px!important;width:200px!important;height:200px!important;border-radius:50%!important;border:1px solid rgba(201,163,85,.35)!important} .acc-voucher--depleted,.acc-voucher--expired,.acc-voucher--void{filter:grayscale(.7)!important;opacity:.75!important} .acc-voucher__top{display:flex!important;justify-content:space-between!important;gap:10px!important;font-size:11px!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:rgba(246,240,226,.75)!important} .acc-voucher__value small,.acc-voucher__code small{display:block!important;font-size:11px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:rgba(246,240,226,.6)!important} .acc-voucher__value strong{font:500 clamp(30px,4vw,40px)/1.1 var(--font-display,Georgia,serif)!important;color:#fff!important} .acc-voucher__value span{margin-left:8px!important;color:rgba(246,240,226,.7)!important} .acc-voucher__code{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px 12px!important;padding:10px 14px!important;border:1px dashed rgba(201,163,85,.7)!important;border-radius:12px!important;background:rgba(255,255,255,.06)!important} .acc-voucher__code small{flex-basis:100%!important} .acc-voucher__code code{font-size:18px!important;letter-spacing:.12em!important;color:#fff!important;font-family:ui-monospace,Menlo,monospace!important} .acc-copy{margin-left:auto!important;background:none!important;border:1px solid rgba(246,240,226,.4)!important;color:#F6F0E2!important;border-radius:99px!important;padding:4px 12px!important;font-size:12px!important;cursor:pointer!important} .acc-voucher__meta{margin:0!important;font-size:13px!important;color:rgba(246,240,226,.75)!important} .acc-voucher__actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;position:relative!important;z-index:1!important} html body .customer-center .acc-voucher .button{background:#C9A355!important;border-color:#C9A355!important;color:#231F35!important} html body .customer-center .acc-voucher .button.outline{background:transparent!important;color:#F6F0E2!important;border-color:rgba(246,240,226,.5)!important} .acc-voucher--ghost{min-height:150px!important;align-content:space-between!important} .acc-pair form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:end!important} .acc-pair input{text-transform:uppercase!important;letter-spacing:.08em!important} .acc-pair .form-status{grid-column:1/-1!important;margin:0!important} @media(max-width:640px){.acc-pair form{grid-template-columns:minmax(0,1fr)!important}} /* Profil */ .acc-themes{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px 18px!important;padding:14px 18px!important;border:1px solid var(--acc-line)!important;border-radius:16px!important;background:var(--acc-card)!important} html body .customer-center .acc-themes h2{font-size:15px!important;margin:0!important;font-weight:600!important} html body .customer-center .acc-themes .center-swatches{display:flex!important;flex-wrap:wrap!important;gap:8px!important} html body .customer-center .acc-themes .center-swatch{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:6px 12px 6px 6px!important;border-radius:99px!important;border:1px solid var(--acc-line)!important;background:#fff!important;font-size:13px!important;min-height:0!important;width:auto!important;height:auto!important;color:var(--center-ink)!important} html body .customer-center .acc-themes .center-swatch span{width:20px!important;height:20px!important;border-radius:50%!important;background:var(--swatch)!important;box-shadow:inset -6px -6px 0 -3px var(--swatch-accent)!important} html body .customer-center .acc-themes .center-swatch[aria-pressed=true]{border-color:var(--acc-lav)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--acc-lav) 30%,transparent)!important} #center-profile{display:grid!important;gap:20px!important} .acc-form2,.acc-form3{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 16px!important} .acc-form3{grid-template-columns:repeat(3,minmax(0,1fr))!important} .acc-form2 label,.acc-form3 label{display:grid!important;gap:6px!important;font-size:13px!important;color:var(--center-muted)!important} @media(max-width:640px){.acc-form2,.acc-form3{grid-template-columns:minmax(0,1fr)!important}} html body .customer-center #center-profile fieldset.acc-card{display:grid!important;gap:8px!important;margin:0!important} html body .customer-center #center-profile legend{float:left!important;width:100%!important;font-size:19px!important;margin-bottom:6px!important;color:var(--center-ink)!important} .acc-save{display:flex!important;align-items:center!important;gap:16px!important;flex-wrap:wrap!important} .acc-save .form-status{margin:0!important} /* RESET + Zrkadielko */ html body .customer-center .reset-zone.acc-card{padding:24px 28px!important} .reset-section-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin-bottom:18px!important} .reset-section-heading h2{margin:0!important;font-size:22px!important;font-weight:600!important} html body .customer-center .reset-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;border:1px solid var(--acc-line,#e6e2dc)!important;border-radius:14px!important;overflow:hidden!important} html body .customer-center .reset-table th{padding:12px 16px!important;font-size:11px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:var(--center-muted,#7a7672)!important;background:color-mix(in srgb,var(--acc-lav,#b9a3d6) 6%,#fff)!important;border-bottom:1px solid var(--acc-line,#e6e2dc)!important} html body .customer-center .reset-table td{padding:14px 16px!important;font-size:14px!important;border-bottom:1px solid var(--acc-line,#e6e2dc)!important;vertical-align:middle!important} html body .customer-center .reset-table tbody tr:last-child td{border-bottom:0!important} html body .customer-center .reset-table tbody tr:hover{background:color-mix(in srgb,var(--acc-lav,#b9a3d6) 4%,#fff)!important} /* Zarovnanie stĺpcov tabuľky */ html body .customer-center .reset-th-date,html body .customer-center .reset-td-date{text-align:left!important;min-width:110px!important;font-weight:500!important} html body .customer-center .reset-th-week,html body .customer-center .reset-td-week{text-align:center!important;min-width:90px!important;color:var(--center-muted,#7a7672)!important} html body .customer-center .reset-th-metric,html body .customer-center .reset-td-metric{text-align:center!important;min-width:95px!important} html body .customer-center .reset-metric-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:4px 10px!important;border-radius:99px!important;background:color-mix(in srgb,var(--acc-lav,#b9a3d6) 12%,#fff)!important;border:1px solid var(--acc-line,#e6e2dc)!important;font-weight:600!important;font-size:13px!important;color:var(--center-ink,#252422)!important} html body .customer-center .reset-th-actions{text-align:right!important} html body .customer-center .reset-row-actions{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;text-align:right!important} html body .customer-center .reset-row-actions .button{padding:6px 14px!important;min-height:34px!important;font-size:13px!important;border-radius:8px!important} /* Hviezdičky na stupnici hodnotenia - 2x2 grid */ html body .customer-center .reset-metrics-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;margin:20px 0 24px!important} html body .customer-center .reset-metric{background:color-mix(in srgb,var(--acc-lav,#8e74b3) 4%,#fff)!important;border:1px solid var(--acc-line,#e6e2dc)!important;border-radius:14px!important;padding:16px 18px 14px!important;margin:0!important;box-shadow:0 1px 3px rgba(0,0,0,.03)!important} html body .customer-center .reset-metric legend{display:flex!important;justify-content:space-between!important;align-items:baseline!important;width:100%!important;font-weight:600!important;color:var(--center-ink)!important;padding:0!important;margin-bottom:12px!important} .reset-metric__title{font-size:16px!important;font-weight:600!important} .reset-metric__state{font-weight:600!important;font-size:13px!important;color:var(--acc-lav,#8e74b3)!important} html body .customer-center .reset-scale--stars{display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:2px!important;width:100%!important;padding:4px 0!important;justify-items:center!important} html body .customer-center .reset-scale--stars .reset-star{display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:1px solid transparent!important;border-radius:6px!important;padding:4px 0!important;width:100%!important;min-width:0!important;min-height:44px!important;cursor:pointer!important;color:#d1ccbf!important;transition:transform .15s,color .15s,background-color .15s!important} html body .customer-center .reset-scale--stars .reset-star svg{width:22px!important;height:22px!important;fill:currentColor!important;transition:transform .15s!important} html body .customer-center .reset-scale--stars .reset-star .reset-star__num{font-size:11px!important;font-weight:500!important;color:var(--center-muted,#8c887e)!important;margin-top:2px!important} html body .customer-center .reset-scale--stars .reset-star:hover,html body .customer-center .reset-scale--stars .reset-star.is-hover{transform:translateY(-2px) scale(1.08)!important;color:#f5a623!important;background:color-mix(in srgb,#f5a623 8%,transparent)!important} html body .customer-center .reset-scale--stars .reset-star.is-active,html body .customer-center .reset-scale--stars .reset-star[aria-pressed=true]{color:#e69500!important} html body .customer-center .reset-scale--stars .reset-star.is-active .reset-star__num,html body .customer-center .reset-scale--stars .reset-star[aria-pressed=true] .reset-star__num{color:var(--center-ink,#252422)!important;font-weight:700!important} .reset-metric__legend{display:flex!important;justify-content:space-between!important;width:100%!important;margin:10px 0 0!important;padding:0 2px!important;font-size:11px!important;letter-spacing:.02em!important;color:var(--center-muted,#726d63)!important} @media (max-width:820px){html body .customer-center .reset-metrics-grid{grid-template-columns:1fr!important;gap:14px!important}} /* Zrkadielko — aplikácia */ html body .customer-center .reset-app-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:20px!important;flex-wrap:wrap!important;margin-bottom:24px!important;padding-bottom:20px!important;border-bottom:1px solid var(--acc-line,#e6e2dc)!important} html body .customer-center .reset-app-header__copy{flex:1 1 320px!important} html body .customer-center .reset-app-header__copy h2{font-size:clamp(24px,2.6vw,32px)!important;margin:6px 0 8px!important;color:var(--center-ink,#252422)!important} html body .customer-center .reset-app-lead{color:var(--center-muted,#726d63)!important;font-size:15px!important;line-height:1.5!important;margin:0!important} html body .customer-center .reset-app-header__actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important} html body .customer-center .button.is-demo-active{background:#f5a623!important;color:#fff!important;border-color:#f5a623!important} html body .customer-center .reset-demo-banner{background:color-mix(in srgb,#f5a623 14%,#fff)!important;border:1px dashed #f5a623!important;border-radius:12px!important;padding:12px 18px!important;margin-bottom:20px!important;color:#7a4e00!important;font-size:14px!important} html body .customer-center .reset-demo-banner p{margin:0!important} html body .customer-center .reset-compass{background:color-mix(in srgb,var(--acc-lav,#8e74b3) 6%,#fff)!important;border:1px solid var(--acc-line,#e6e2dc)!important;border-radius:16px!important;padding:20px 24px!important;margin-bottom:24px!important} html body .customer-center .reset-compass-head .reset-compass-eyebrow{text-align:right!important;display:block!important;width:100%!important} html body .customer-center .reset-compass-head h3{font-size:20px!important;margin:4px 0 6px!important;color:var(--center-ink,#252422)!important} html body .customer-center .reset-compass-quote{font-style:italic!important;color:var(--acc-lav,#8e74b3)!important;margin:0 0 16px!important;font-size:15px!important} html body .customer-center .reset-week-chips{display:flex!important;gap:6px!important;overflow-x:auto!important;padding-bottom:8px!important;margin-bottom:16px!important;scrollbar-width:thin!important} html body .customer-center .reset-week-chip{padding:6px 12px!important;border-radius:20px!important;background:#fff!important;border:1px solid var(--acc-line,#e6e2dc)!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important;white-space:nowrap!important;color:var(--center-ink,#252422)!important;transition:all .15s!important} html body .customer-center .reset-week-chip:hover{background:color-mix(in srgb,var(--acc-lav,#8e74b3) 15%,#fff)!important;border-color:var(--acc-lav,#8e74b3)!important} html body .customer-center .reset-week-chip.is-active{background:var(--acc-lav,#8e74b3)!important;color:#fff!important;border-color:var(--acc-lav,#8e74b3)!important} html body .customer-center .reset-compass-questions{border-top:1px solid var(--acc-line,#e6e2dc)!important;padding-top:14px!important} html body .customer-center .reset-compass-questions__title{font-size:13px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:var(--center-muted,#726d63)!important;margin-bottom:8px!important} html body .customer-center .reset-compass-list{list-style:none!important;padding:0!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:6px!important} html body .customer-center .reset-compass-list li{display:flex!important;align-items:baseline!important;gap:8px!important;font-size:14px!important;line-height:1.45!important;color:var(--center-ink,#252422)!important} html body .customer-center .reset-compass-bullet{color:var(--acc-lav,#8e74b3)!important;font-size:12px!important} html body .customer-center .reset-stats-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;gap:12px!important;margin-bottom:24px!important} html body .customer-center .reset-stat-card{background:#fff!important;border:1px solid var(--acc-line,#e6e2dc)!important;border-radius:14px!important;padding:14px 16px!important;display:flex!important;flex-direction:column!important;gap:4px!important} html body .customer-center .reset-stat-card__num{font-size:22px!important;font-weight:700!important;color:var(--center-ink,#252422)!important} html body .customer-center .reset-stat-card__lbl{font-size:12px!important;color:var(--center-muted,#726d63)!important} html body .customer-center .reset-form-prompt-helper{background:color-mix(in srgb,var(--acc-lav,#8e74b3) 7%,#fff)!important;border-left:3px solid var(--acc-lav,#8e74b3)!important;border-radius:6px!important;padding:12px 16px!important;margin:14px 0!important} html body .customer-center .reset-form-prompt-helper__quote{font-style:italic!important;font-size:13px!important;color:var(--acc-lav,#8e74b3)!important;margin:0 0 6px!important} html body .customer-center .reset-form-prompt-helper__label{font-weight:600!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.04em!important;margin:0 0 6px!important} html body .customer-center .reset-form-prompt-helper ul{margin:0!important;padding-left:18px!important;font-size:13px!important;color:var(--center-ink,#252422)!important;line-height:1.4!important} html body .customer-center .reset-form-note{margin-top:14px!important} html body .customer-center .reset-form-note textarea{width:100%!important;border:1px solid var(--acc-line,#e6e2dc)!important;border-radius:12px!important;padding:10px 14px!important;font-family:inherit!important;font-size:14px!important;margin-top:6px!important;background:color-mix(in srgb,var(--acc-lav,#8e74b3) 3%,#faf8f5)!important;color:var(--center-ink)!important} html body .customer-center .reset-field input,html body .customer-center .reset-field select{background:color-mix(in srgb,var(--acc-lav,#8e74b3) 3%,#faf8f5)!important;border:1px solid var(--acc-line,#e6e2dc)!important;border-radius:10px!important;padding:8px 12px!important;font-size:14px!important;color:var(--center-ink)!important} #page-shell#page-shell.kc-unified .legacy-main .lg-card input:-webkit-autofill, #page-shell#page-shell.kc-unified .legacy-main .lg-card input:-webkit-autofill:hover, #page-shell#page-shell.kc-unified .legacy-main .lg-card input:-webkit-autofill:focus{ -webkit-text-fill-color:#1E261D!important;color:#1E261D!important;caret-color:#1E261D!important; box-shadow:0 0 0 1000px #F7F4EC inset!important;-webkit-box-shadow:0 0 0 1000px #F7F4EC inset!important; } html body .customer-center .reset-history-section{margin-top:24px!important} html body .customer-center .reset-history-head{display:flex!important;justify-content:space-between!important;align-items:baseline!important;margin-bottom:12px!important} html body .customer-center .reset-history-head h3{font-size:18px!important;margin:0!important} html body .customer-center .reset-history-count{font-size:13px!important;color:var(--center-muted,#726d63)!important} html body .customer-center .reset-row-note-preview{display:block!important;font-size:11px!important;font-weight:normal!important;color:var(--center-muted,#726d63)!important;margin-top:2px!important} /* Knižnica: plagát namiesto autoplay */ .library-poster{position:relative!important;display:grid!important;place-items:center!important;align-content:center!important;gap:8px!important;width:100%!important;aspect-ratio:16/9!important;border:0!important;border-radius:18px!important;cursor:pointer!important;color:#fff!important;background:radial-gradient(90% 120% at 80% 0%,rgba(201,163,85,.45),transparent 60%),linear-gradient(135deg,#6E6A9C,#2E2C4D)!important;text-align:center!important;padding:20px!important} .library-poster__play{width:72px!important;height:72px!important;border-radius:50%!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.5)!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;position:relative!important;transition:transform .2s!important} .library-poster__play::after{content:""!important;position:absolute!important;left:29px!important;top:22px!important;border-left:20px solid #fff!important;border-top:14px solid transparent!important;border-bottom:14px solid transparent!important} .library-poster:hover .library-poster__play{transform:scale(1.06)!important} .library-poster__label{font-size:12px!important;letter-spacing:.16em!important;text-transform:uppercase!important;opacity:.8!important} .library-poster__title{font:500 clamp(18px,2.2vw,26px)/1.25 var(--font-display,Georgia,serif)!important;max-width:80%!important} html body .customer-center .center-heading{text-align:left!important} html body .customer-center .center-heading h1{line-height:1.05!important;letter-spacing:-.03em!important} html body .customer-center .acc-favs [data-center-reorder]{grid-template-columns:minmax(0,1fr)!important;gap:12px!important} html body .customer-center .acc-favs .center-reorder{grid-template-columns:48px minmax(0,1fr) 36px!important;padding:0!important;gap:12px!important} html body .customer-center .acc-favs .center-reorder img{width:48px!important;height:60px!important} html body .customer-center .acc-empty>img{max-height:190px!important;aspect-ratio:4/3!important;height:auto!important} @media(min-width:1000px){html body .customer-center .reset-weeks{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 10px!important;align-items:start!important}} html body .customer-center fieldset.acc-card{display:grid!important;gap:12px!important;align-content:start!important} html body .customer-center fieldset.acc-card .radio-label{margin:0!important;min-height:0!important;padding:0!important;display:flex!important;align-items:center!important;gap:10px!important} html body .customer-center .center-heading h1{font-size:clamp(36px,4.2vw,64px)!important} html body .customer-center .center-heading{margin-bottom:24px!important} @media(min-width:1000px){html body .customer-center .library-player-section{position:sticky!important;top:24px!important;align-self:start!important}} /* Detail produktu 25. 10.: nákupný blok hore, podrobnosti v akordeónoch cez celú šírku (2 stĺpce + široký spodný) */ #page-shell.kc-unified .legacy-main .pdm-grid{align-items:center!important} #page-shell.kc-unified .legacy-main .pdm-media{position:static!important} #page-shell.kc-unified .legacy-main .pdm-details{margin-top:clamp(36px,4.5vw,64px)!important;display:grid;gap:20px} #page-shell.kc-unified .legacy-main .pdm-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start} #page-shell.kc-unified .legacy-main .pdm-details .pdm-accordions{display:grid;gap:12px;border:0!important} #page-shell.kc-unified .legacy-main .pdm-details .pdm-accordions details{border:1px solid color-mix(in srgb,var(--gold,#b89b5e) 45%,transparent)!important;border-radius:16px;background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:0 clamp(18px,2vw,28px)} #page-shell.kc-unified .legacy-main .pdm-details .pdm-accordions summary{padding:20px 0!important} #page-shell.kc-unified .legacy-main .pdm-details .pdm-accordion-body{padding:0 0 22px;line-height:1.65} #page-shell.kc-unified .legacy-main .pdm-details .pdm-accordions details[open] summary{border-bottom:1px solid color-mix(in srgb,var(--gold,#b89b5e) 25%,transparent);margin-bottom:16px} @media (max-width:900px){#page-shell.kc-unified .legacy-main .pdm-details-grid{grid-template-columns:1fr}#page-shell.kc-unified .legacy-main .pdm-grid{align-items:start!important}} #page-shell.kc-unified .legacy-main .pdm-grid{align-items:stretch!important} #page-shell.kc-unified .legacy-main .pdm .pdm-media,#page-shell.kc-unified .legacy-main .pdm--voucher .pdm-media{position:static!important;align-self:stretch!important;display:flex!important;flex-direction:column;justify-content:center;gap:12px} @media (max-width:900px){#page-shell.kc-unified .legacy-main .pdm .pdm-media{justify-content:flex-start}} /* Design DNA 25. 10.: organické linky (zlato + levanduľa) pevne pod obsahom, karty v popredí z mliečneho skla */ #page-shell.kc-unified .legacy-main :is(.kc-motif,.pd-page,.shop-page,.customer-center){background:url(/img/organic-lines.svg) center top/max(1600px,100vw) auto repeat-y,var(--paper,#fdfbf7)!important} #page-shell.kc-unified .legacy-main :is(.pdm-panel,.pdm-details .pdm-accordions details,.acc-card,.shop-grid--v3 .shop-card,.pdm-related-card)background:rgba(253,251,247,.85)!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;border:1px solid rgba(197,168,128,.18)!important #page-shell.kc-unified .legacy-main .shop-card[hidden]{display:none!important} /* Fotky v katalógu celé: rovnaký box 4:5, produkt vycentrovaný bez orezu */ #page-shell.kc-unified .legacy-main .shop-grid--v3 .shop-card__image,#page-shell.kc-unified .legacy-main .pdm-related-img{aspect-ratio:4/5!important;display:flex!important;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,#fffdf8 0,#f4efe4 75%)!important} #page-shell.kc-unified .legacy-main .shop-grid--v3 .shop-card__image img,#page-shell.kc-unified .legacy-main .pdm-related-img img{width:100%!important;height:100%!important;object-fit:contain!important;padding:16px;box-sizing:border-box} #page-shell.kc-unified .legacy-main .shop-grid--v3 .shop-card{height:100%} #page-shell.kc-unified .legacy-main .shop-more{display:flex;justify-content:center;margin-top:clamp(28px,3vw,44px)} #page-shell.kc-unified .legacy-main .shop-products{padding-bottom:96px!important} /* Dlhý popis v detaile: 380 px s prechodom do pozadia */ #page-shell.kc-unified .legacy-main .pdm-clamp__inner{position:relative;overflow:hidden;transition:max-height .6s cubic-bezier(.2,.7,.2,1)} #page-shell.kc-unified .legacy-main .pdm-clamp.is-clamped .pdm-clamp__inner{max-height:380px} #page-shell.kc-unified .legacy-main .pdm-clamp.is-clamped .pdm-clamp__inner::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(rgba(253,251,247,0),rgba(253,251,247,.96) 85%);pointer-events:none} #page-shell.kc-unified .legacy-main .pdm-clamp__more{display:inline-flex;gap:8px;align-items:center;margin:14px 0 4px;padding:0;border:0;background:none;font:500 13px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--lav);cursor:pointer} #page-shell.kc-unified .legacy-main .pdm-clamp__more[hidden]{display:none} /* Odstup od plávajúcej navigácie a pred pätičkou */ #page-shell.kc-unified .legacy-main .pd-page.pdm{padding-top:clamp(96px,8vw,112px)!important;padding-bottom:96px!important;position:relative;z-index:0} @media (max-width:900px){#page-shell.kc-unified .legacy-main .pd-page.pdm{padding-top:88px!important}} #page-shell.kc-unified .legacy-main .pdm-related-card{padding:12px 12px 16px;border-radius:18px} #page-shell.kc-unified .legacy-main .pdm-related-img{border-radius:12px!important;overflow:hidden} } /* Obchod má !important vo vrstve shopv2 (tokens.css ju radí pred jednotny), preto design DNA obchodu žije tu */ @layer shopv2{ #page-shell.kc-unified .legacy-main .shop-page{background:url(/img/organic-lines.svg) center top/max(1600px,100vw) auto repeat-y,var(--paper,#fdfbf7)!important} #page-shell.kc-unified .legacy-main .shop-grid--v3 .shop-card{background:rgba(253,251,247,.85)!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;border:1px solid rgba(197,168,128,.18)!important} #page-shell.kc-unified .legacy-main .shop-grid--v3 .shop-card[hidden]{display:none!important} #page-shell.kc-unified .legacy-main .shop-grid--v3 .shop-card__image{aspect-ratio:4/5!important;display:flex!important;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,#fffdf8 0,#f4efe4 75%)!important} #page-shell.kc-unified .legacy-main .shop-grid--v3 .shop-card__image img{width:100%!important;height:100%!important;object-fit:contain!important;padding:16px!important;box-sizing:border-box} #page-shell.kc-unified .legacy-main .shop-grid--v3 .shop-card:hover .shop-card__image img{transform:scale(1.03)!important} /* Nákupný riadok: variant, množstvo a tlačidlo v jednej rovine, výška 44 px. */ #page-shell.kc-unified .legacy-main .pdm-buy-row{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:nowrap!important} #page-shell.kc-unified .legacy-main .pdm-buy-row .pdm-selects{display:flex!important;gap:8px!important;flex:0 1 auto;min-width:0;margin:0!important} #page-shell.kc-unified .legacy-main .pdm-buy-row .pdm-select{display:block!important;margin:0!important;min-width:0} #page-shell.kc-unified .legacy-main :is(.pdm-buy-row .pdm-select,.pdm-voucher-buy .pdm-select) select{height:44px!important;min-height:44px!important;max-width:200px;padding:0 38px 0 18px!important;border:1px solid rgba(30,38,29,.16)!important;border-radius:999px!important;background:rgba(255,255,255,.75) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B08D57' stroke-width='1.6'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 14px center/14px no-repeat!important;font:400 14px/1 var(--sans)!important;letter-spacing:0!important;color:#1E261D!important;box-shadow:none!important} #page-shell.kc-unified .legacy-main :is(.pdm-buy-row .pdm-select,.pdm-voucher-buy .pdm-select) select:is(:hover,:focus-visible){border-color:rgba(176,141,87,.6)!important;outline:none} #page-shell.kc-unified .legacy-main .pdm-buy-row .pd-stepper{flex:none!important;width:auto!important;height:44px!important;min-height:44px!important;padding:0 4px!important;gap:0!important;border:1px solid rgba(30,38,29,.16)!important;border-radius:999px!important;background:rgba(255,255,255,.75)!important;box-shadow:none!important} #page-shell.kc-unified .legacy-main .pdm-buy-row .pd-stepper button{width:32px!important;height:32px!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;font-size:16px!important;color:#1E261D!important} #page-shell.kc-unified .legacy-main .pdm-buy-row .pd-stepper button:hover{background:rgba(176,141,87,.12)!important;color:#B08D57!important} #page-shell.kc-unified .legacy-main .pdm-buy-row #pd-qty{width:30px!important;height:32px!important;line-height:32px!important;font:500 14px var(--sans)!important} #page-shell.kc-unified .legacy-main .pdm-buy-row .pd-buy{flex:1 1 auto!important;height:44px!important;min-height:44px!important;padding:0 22px!important;gap:10px!important;font-size:14px!important;white-space:nowrap;justify-content:center!important;align-items:center!important} #page-shell.kc-unified .legacy-main .pdm-buy-row .pd-buy svg{width:16px;height:16px} #page-shell.kc-unified .legacy-main .pdm-buy-row .pd-buy:disabled{opacity:.45;cursor:not-allowed} #page-shell.kc-unified .legacy-main .pdm-voucher-buy{display:flex!important;align-items:center!important;gap:12px!important} #page-shell.kc-unified .legacy-main .pdm-voucher-buy .pdm-select{display:block!important;margin:0!important;flex:0 1 auto} #page-shell.kc-unified .legacy-main .pdm-voucher-buy .pdm-select>span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important} #page-shell.kc-unified .legacy-main .pdm-voucher-buy .pd-purchase{flex:1 1 auto;min-width:0} #page-shell.kc-unified .legacy-main .pdm .pd-availability:has(.is-out),#page-shell.kc-unified .legacy-main .pdm .pd-availability.is-out{color:#9A4B3C} #page-shell.kc-unified .legacy-main .pdm .pd-availability.is-out .status-dot{background:#B5654F;box-shadow:0 0 0 4px rgba(181,101,79,.15)} @media(max-width:560px){ #page-shell.kc-unified .legacy-main .pdm-buy-row{flex-wrap:wrap!important} #page-shell.kc-unified .legacy-main .pdm-buy-row .pdm-selects{flex:1 1 100%} #page-shell.kc-unified .legacy-main .pdm-buy-row .pdm-selects .pdm-select{flex:1 1 0} #page-shell.kc-unified .legacy-main .pdm-buy-row .pdm-select select{max-width:none;width:100%} #page-shell.kc-unified .legacy-main .pdm-buy-row .pd-buy{flex:1 1 0!important;flex-basis:0!important;padding:0 16px!important} #page-shell.kc-unified .legacy-main .pdm-voucher-buy{flex-wrap:wrap!important} #page-shell.kc-unified .legacy-main .pdm-voucher-buy .pdm-select{flex:1 1 100%} #page-shell.kc-unified .legacy-main .pdm-voucher-buy .pdm-select select{max-width:none;width:100%} } /* Hlavná fotka produktu: štvorec so zaoblením 24 px, fotka vypĺňa celý rám bez deformácie. */ #page-shell.kc-unified .legacy-main .pdm .pd-main-image{aspect-ratio:1/1!important;max-height:none!important;width:100%;border-radius:24px!important;overflow:hidden!important;background:#FDFBF7!important;box-shadow:0 24px 50px -36px rgba(30,38,29,.45)!important} #page-shell.kc-unified .legacy-main .pdm .pd-main-image::after{display:none!important} #page-shell.kc-unified .legacy-main .pdm .pd-main-image>img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:0!important;max-height:none!important} #page-shell.kc-unified .legacy-main .pdm:not(.pdm--physical) .pd-main-image>img{object-fit:contain!important;padding:12px} /* Nákupný riadok: select presne 44px, na mobile stepper a tlačidlo v jednom riadku. */ #page-shell.kc-unified .legacy-main .pdm-buy-row .pdm-selects{display:flex;gap:12px;align-items:center;margin:0!important} #page-shell.kc-unified .legacy-main .pdm-buy-row .pdm-select{display:block!important;height:44px;line-height:0;margin:0!important;position:relative} #page-shell.kc-unified .legacy-main .pdm-buy-row .pdm-select>span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important} #page-shell.kc-unified .legacy-main .pdm-buy-row .pdm-select select{margin:0!important;line-height:normal} @media (max-width:560px){#page-shell.kc-unified .legacy-main .pdm-buy-row .pd-buy{min-width:0!important;flex:1 1 0!important}} /* Konzultácie, rezervácia a kontakt (25. 10.): krémový podklad s aurou, obsah len v sklenených kartách, žiadne pásy. */ #page-shell.kc-unified .legacy-main :is(.cv2,.contact-glass){--g-card:rgba(253,251,247,.85);--g-line:rgba(201,165,92,.2);--g-gold:#B39A6A;--g-ink:#2A2F21;--g-green:#1E261D;background:transparent!important;color:var(--g-ink);max-width:1240px;margin:0 auto;padding:clamp(28px,4vw,56px) clamp(16px,4vw,48px) clamp(96px,8vw,112px)!important} #page-shell.kc-unified .legacy-main :is(.cv2,.contact-glass) :is(.cv2-card,.contact-card){background:var(--g-card)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--g-line)!important;border-radius:24px!important;padding:clamp(22px,3vw,32px)!important;box-shadow:0 18px 50px -30px rgba(42,47,33,.25);color:var(--g-ink)} #page-shell.kc-unified .legacy-main .cv2 .eyebrow,#page-shell.kc-unified .legacy-main .contact-glass .eyebrow{color:var(--g-gold)!important;letter-spacing:.14em} #page-shell.kc-unified .legacy-main .cv2 h1{font-size:clamp(34px,4.2vw,56px)!important;line-height:1.05;margin:10px 0 14px!important;color:var(--g-ink)!important} #page-shell.kc-unified .legacy-main .cv2 h2{font-size:clamp(22px,2.2vw,28px)!important;line-height:1.2;margin:6px 0 16px!important;color:var(--g-ink)!important} #page-shell.kc-unified .legacy-main .cv2 .lead{font-size:17px;line-height:1.6;color:#4a5040} #page-shell.kc-unified .legacy-main .cv2-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start} #page-shell.kc-unified .legacy-main .cv2-intro__photo{margin:0 0 22px;border-radius:18px;overflow:hidden;aspect-ratio:16/10} #page-shell.kc-unified .legacy-main .cv2-intro__photo img{width:100%;height:100%;object-fit:cover;display:block} #page-shell.kc-unified .legacy-main .cv2-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px} #page-shell.kc-unified .legacy-main .cv2-meta span{border:1px solid var(--g-line);background:rgba(255,255,255,.6);border-radius:999px;padding:7px 14px;font-size:13px;color:var(--g-ink)} #page-shell.kc-unified .legacy-main .cv2-meta span:last-child{border-color:rgba(179,154,106,.55);font-weight:500} #page-shell.kc-unified .legacy-main .cv2-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px} #page-shell.kc-unified .legacy-main .cv2-ticks{list-style:none;padding:0;margin:0;display:grid;gap:12px} #page-shell.kc-unified .legacy-main .cv2-ticks li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5} #page-shell.kc-unified .legacy-main .cv2-ticks svg{flex:none;color:var(--g-gold);margin-top:2px} #page-shell.kc-unified .legacy-main .cv2-steps{list-style:none;padding:0;margin:0;display:grid;gap:16px} #page-shell.kc-unified .legacy-main .cv2-steps li{display:flex;gap:14px} #page-shell.kc-unified .legacy-main .cv2-steps__no{flex:none;width:32px;height:32px;border-radius:50%;border:1px solid var(--g-gold);color:var(--g-gold);display:grid;place-items:center;font-size:14px} #page-shell.kc-unified .legacy-main .cv2-steps h3{font-size:16px!important;margin:4px 0 4px!important} #page-shell.kc-unified .legacy-main .cv2-steps p{font-size:14px;line-height:1.5;color:#5a604f;margin:0} #page-shell.kc-unified .legacy-main .cv2-faq details{border-top:1px solid var(--g-line);padding:12px 0} #page-shell.kc-unified .legacy-main .cv2-faq summary{font-size:15px;min-height:28px} #page-shell.kc-unified .legacy-main .cv2-faq details p{font-size:14px;line-height:1.55;color:#5a604f;margin:8px 0 0} #page-shell.kc-unified .legacy-main .cv2-faq .text-link{display:inline-block;margin-top:14px;font-size:13px;color:var(--g-gold)} #page-shell.kc-unified .legacy-main .cv2-story{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px} #page-shell.kc-unified .legacy-main .cv2-chap--wide,#page-shell.kc-unified .legacy-main .cv2-chap--photo{grid-column:1/-1} #page-shell.kc-unified .legacy-main .cv2-chap--photo{display:grid!important;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:32px;align-items:start} #page-shell.kc-unified .legacy-main .cv2-chap__photo{margin:0;border-radius:18px;overflow:hidden;aspect-ratio:4/5} #page-shell.kc-unified .legacy-main .cv2-chap__photo img{width:100%;height:100%;object-fit:cover;display:block} #page-shell.kc-unified .legacy-main .cv2-chap .lan-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:14px} #page-shell.kc-unified .legacy-main .cv2-chap .lan-card{background:rgba(255,255,255,.55)!important;border:1px solid var(--g-line)!important;border-radius:16px!important;padding:18px!important} #page-shell.kc-unified .legacy-main .cv2-chap p,#page-shell.kc-unified .legacy-main .cv2-chap li{font-size:15px;line-height:1.6} #page-shell.kc-unified .legacy-main .cv2-intro--list{margin-bottom:24px} #page-shell.kc-unified .legacy-main .cv2-intro--list .page-intro{margin:0!important;padding:0!important;max-width:760px} #page-shell.kc-unified .legacy-main .cv2-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} #page-shell.kc-unified .legacy-main .cv2-offer{display:flex;flex-direction:column} #page-shell.kc-unified .legacy-main .cv2-offer__photo{display:block;border-radius:18px;overflow:hidden;aspect-ratio:16/9;margin-bottom:18px} #page-shell.kc-unified .legacy-main .cv2-offer__photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s} #page-shell.kc-unified .legacy-main .cv2-offer:hover .cv2-offer__photo img{transform:scale(1.03)} #page-shell.kc-unified .legacy-main .cv2-offer__desc{font-size:15px;line-height:1.6;color:#5a604f;margin:14px 0 0} #page-shell.kc-unified .legacy-main .cv2-offer__actions{margin-top:auto;padding-top:20px} /* Kalendár */ #page-shell.kc-unified .legacy-main #booking-view{container-type:inline-size} #page-shell.kc-unified .legacy-main .bk-types{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px} #page-shell.kc-unified .legacy-main .bk-types button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:1px solid var(--g-line);background:rgba(255,255,255,.6);border-radius:16px;padding:10px 16px;min-height:44px;color:var(--g-ink);cursor:pointer} #page-shell.kc-unified .legacy-main .bk-types button small{font-size:12px;color:#6b705f} #page-shell.kc-unified .legacy-main .bk-types button[aria-selected=true]{background:var(--g-green);border-color:var(--g-green);color:#F4EFE2} #page-shell.kc-unified .legacy-main .bk-types button[aria-selected=true] small{color:#d8c08a} #page-shell.kc-unified .legacy-main .bk-body{display:grid;gap:22px} @container (min-width:640px){#page-shell.kc-unified .legacy-main .bk-body{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}} #page-shell.kc-unified .legacy-main .bk-cal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px} #page-shell.kc-unified .legacy-main .bk-cal__head h3{font-size:18px!important;margin:0!important} #page-shell.kc-unified .legacy-main .bk-nav{width:44px;height:44px;border-radius:50%;border:1px solid var(--g-line);background:rgba(255,255,255,.6);font-size:22px;line-height:1;color:var(--g-ink);cursor:pointer} #page-shell.kc-unified .legacy-main .bk-nav:disabled{opacity:.35;cursor:default} #page-shell.kc-unified .legacy-main :is(.bk-week,.bk-grid){display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center} #page-shell.kc-unified .legacy-main .bk-week span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8a8f7e;padding:6px 0} #page-shell.kc-unified .legacy-main .bk-day{position:relative;aspect-ratio:1;display:grid;place-items:center;border-radius:14px;font-size:15px;color:#b0b3a6;border:1px solid transparent;background:none;min-height:40px} #page-shell.kc-unified .legacy-main .bk-day--past{color:#cfd1c6} #page-shell.kc-unified .legacy-main .bk-day--today{border-color:var(--g-line)} #page-shell.kc-unified .legacy-main .bk-day--free{color:var(--g-ink);font-weight:500;background:rgba(255,255,255,.7);border-color:rgba(179,154,106,.35);cursor:pointer;transition:background .2s,border-color .2s} #page-shell.kc-unified .legacy-main .bk-day--free i{position:absolute;bottom:6px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--g-gold)} #page-shell.kc-unified .legacy-main .bk-day--free:hover{border-color:var(--g-gold)} #page-shell.kc-unified .legacy-main .bk-day--free.is-on{background:var(--g-green);border-color:var(--g-green);color:#F4EFE2} #page-shell.kc-unified .legacy-main .bk-day--free.is-on i{background:#d8c08a} #page-shell.kc-unified .legacy-main .bk-day--pad{visibility:hidden} #page-shell.kc-unified .legacy-main .bk-legend{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b705f;margin:12px 0 0} #page-shell.kc-unified .legacy-main .bk-legend i{width:6px;height:6px;border-radius:50%;background:var(--g-gold)} #page-shell.kc-unified .legacy-main .bk-side{display:grid;gap:16px} #page-shell.kc-unified .legacy-main .bk-step,#page-shell.kc-unified .legacy-main .bk-summary{background:rgba(255,255,255,.62);border:1px solid var(--g-line);border-radius:18px;padding:20px} #page-shell.kc-unified .legacy-main .bk-step__no{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--g-gold);margin:0 0 6px} #page-shell.kc-unified .legacy-main :is(.bk-step,.bk-summary) h3{font-size:18px!important;margin:0 0 12px!important} #page-shell.kc-unified .legacy-main .bk-step--hint p{font-size:14px;color:#5a604f;margin:0 0 12px} #page-shell.kc-unified .legacy-main .bk-times{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px} #page-shell.kc-unified .legacy-main .bk-time{min-height:44px;padding:0 8px;width:100%;text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;border:1px solid rgba(179,154,106,.45);background:#FDFBF7;color:var(--g-ink);font-size:15px;cursor:pointer;transition:background .2s,color .2s} #page-shell.kc-unified .legacy-main .bk-alert{scroll-margin:120px;outline:none} #page-shell.kc-unified .legacy-main .bk-time:hover{border-color:var(--g-gold)} #page-shell.kc-unified .legacy-main .bk-time.is-on{background:var(--g-green);border-color:var(--g-green);color:#F4EFE2} #page-shell.kc-unified .legacy-main .bk-summary{border-color:rgba(179,154,106,.45)} #page-shell.kc-unified .legacy-main .bk-summary__type{font-size:14px;color:#5a604f;margin:0 0 12px} #page-shell.kc-unified .legacy-main .bk-summary__price{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--g-line);padding-top:12px;margin:0 0 16px} #page-shell.kc-unified .legacy-main .bk-summary__price strong{font-size:22px;font-weight:500} #page-shell.kc-unified .legacy-main .bk-go{width:100%;justify-content:center} #page-shell.kc-unified .legacy-main .bk-summary .fine-print{font-size:12px;color:#6b705f;margin:10px 0 0} #page-shell.kc-unified .legacy-main .cv2 .button:not(.outline),#page-shell.kc-unified .legacy-main .contact-glass .button:not(.outline){background:var(--g-green)!important;border-color:var(--g-green)!important;color:#F4EFE2!important} #page-shell.kc-unified .legacy-main .cv2 .button:not(.outline) svg,#page-shell.kc-unified .legacy-main .contact-glass .button:not(.outline) svg{color:#d8c08a} /* Kontakt */ #page-shell.kc-unified .legacy-main .contact-glass .page-intro{margin-bottom:28px} #page-shell.kc-unified .legacy-main .contact-glass .contact-grid{display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:24px!important;align-items:start;background:transparent!important;padding:0!important} #page-shell.kc-unified .legacy-main .contact-glass .contact-card--info{background:var(--g-card)!important;color:var(--g-ink)!important} #page-shell.kc-unified .legacy-main .contact-photo{margin:0 0 22px;border-radius:18px;overflow:hidden;border:1px solid var(--g-line);padding:6px;background:#FDFBF7} #page-shell.kc-unified .legacy-main .contact-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:13px} #page-shell.kc-unified .legacy-main .contact-glass h2{font-size:clamp(24px,2.4vw,30px)!important;margin:6px 0 18px!important;color:var(--g-ink)!important} #page-shell.kc-unified .legacy-main .contact-list{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:14px} #page-shell.kc-unified .legacy-main .contact-list li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.5} #page-shell.kc-unified .legacy-main .contact-list a{color:var(--g-ink);text-decoration:none;border-bottom:1px solid var(--g-line)} #page-shell.kc-unified .legacy-main .contact-ico{flex:none;color:var(--g-gold);margin-top:1px} #page-shell.kc-unified .legacy-main .contact-list .contact-fine{font-size:12px;color:#7a7f6e;padding-left:32px} #page-shell.kc-unified .legacy-main .contact-glass .text-link{color:var(--g-gold)} #page-shell.kc-unified .legacy-main .contact-glass #contact-form{background:var(--g-card)!important;margin:0!important} #page-shell.kc-unified .legacy-main .contact-form2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px} #page-shell.kc-unified .legacy-main .contact-glass #contact-form label{font-size:13px;color:#4a5040;margin-bottom:16px} #page-shell.kc-unified .legacy-main .contact-glass #contact-form :is(input:not([type=checkbox]),select,textarea){border-radius:16px!important;border:1px solid rgba(179,154,106,.3)!important;background:#FBF8F1!important;min-height:48px;padding:12px 16px!important;transition:border-color .2s,box-shadow .2s} #page-shell.kc-unified .legacy-main .contact-glass #contact-form :is(input,select){border-radius:999px!important} #page-shell.kc-unified .legacy-main .contact-glass #contact-form :is(input,select,textarea):focus{outline:none;border-color:#C9A355!important;box-shadow:0 0 0 3px rgba(201,163,85,.15)} #page-shell.kc-unified .legacy-main .contact-consent{display:flex!important;align-items:flex-start;gap:12px;font-size:14px!important;line-height:1.5;margin:4px 0 20px!important} #page-shell.kc-unified .legacy-main .contact-consent input{margin-top:2px!important;width:18px;height:18px;accent-color:var(--g-green)} #page-shell.kc-unified .legacy-main .contact-consent a{text-decoration:underline} #page-shell.kc-unified .legacy-main .contact-trap{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden} #page-shell.kc-unified .legacy-main .contact-glass .contact-send{width:100%;justify-content:center;min-height:52px} #page-shell.kc-unified .legacy-main .contact-glass .contact-watermark{display:none!important} /* Potvrdenie prihlásenia: len krátky stav, hneď presmerovanie */ #page-shell.kc-unified .legacy-main .auth-confirm{min-height:50svh;display:grid;place-items:center;background:transparent!important} #page-shell.kc-unified .legacy-main .auth-confirm__card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 40px;border-radius:24px;background:rgba(253,251,247,.85);border:1px solid rgba(201,165,92,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;max-width:420px} #page-shell.kc-unified .legacy-main .auth-confirm__spin{width:28px;height:28px;border-radius:50%;border:2px solid rgba(179,154,106,.25);border-top-color:#B39A6A;animation:authspin .9s linear infinite} #page-shell.kc-unified .legacy-main .auth-confirm[data-state=error] .auth-confirm__spin{display:none} @keyframes authspin{to{transform:rotate(360deg)}} @media (prefers-reduced-motion:reduce){#page-shell.kc-unified .legacy-main .auth-confirm__spin{animation:none}} @media (max-width:980px){#page-shell.kc-unified .legacy-main .cv2-hero,#page-shell.kc-unified .legacy-main .cv2-info,#page-shell.kc-unified .legacy-main .cv2-story,#page-shell.kc-unified .legacy-main .contact-glass .contact-grid{grid-template-columns:minmax(0,1fr)!important}#page-shell.kc-unified .legacy-main .cv2-chap--photo{grid-template-columns:minmax(0,1fr)}} @media (max-width:640px){#page-shell.kc-unified .legacy-main .cv2-offers,#page-shell.kc-unified .legacy-main .contact-form2{grid-template-columns:minmax(0,1fr)}#page-shell.kc-unified .legacy-main .bk-day{border-radius:10px;font-size:14px}#page-shell.kc-unified .legacy-main .cv2-chap__photo{aspect-ratio:4/3}} @media (max-width:980px) and (min-width:641px){#page-shell.kc-unified .legacy-main .cv2-offers{grid-template-columns:1fr 1fr}} #page-shell.kc-unified .legacy-main .cv2-chap ul{margin:10px 0 0!important;padding-left:20px!important}#page-shell.kc-unified .legacy-main .cv2-chap li{margin:0 0 6px!important}#page-shell.kc-unified .legacy-main .cv2-chap li>p{margin:0!important}#page-shell.kc-unified .legacy-main .cv2-chap .source-structure>:last-child,#page-shell.kc-unified .legacy-main .cv2-chap>:last-child,#page-shell.kc-unified .legacy-main .cv2-chap .lan-card>:last-child{margin-bottom:0!important}#page-shell.kc-unified .legacy-main .cv2-chap{padding-bottom:32px!important}#page-shell.kc-unified .legacy-main .cv2-chap .lan-card{padding-bottom:16px!important} #page-shell#page-shell.kc-unified.kc-shop .legacy-main .shop-cart>.shop-shortcuts{width:auto!important;max-width:none!important;padding:5px!important;margin:0!important} /* Olivová kapitola: všetok text svetlý, aby bol čitateľný. */ #page-shell#page-shell.kc-unified .legacy-main .lan-chap:nth-of-type(4n+2) :is(h2,h3,h4,p,li,span,strong,a,dt,dd,small){color:#EFE5C7!important} #page-shell#page-shell.kc-unified .legacy-main .lan-chap:nth-of-type(4n+2) .lan-chap__no{color:var(--gold)!important} /* Ďakovná stránka: sklenená karta na kréme s aurou línií, pečať v matnom zlate. */ #page-shell#page-shell.kc-unified .legacy-main .ty-page{display:grid;place-items:center;min-height:calc(100svh - 120px);padding:clamp(48px,8vw,104px) 16px clamp(96px,10vw,128px)!important;background:transparent!important} #page-shell#page-shell.kc-unified .legacy-main .ty-card{position:relative;width:min(640px,100%);padding:clamp(28px,5vw,56px)!important;border-radius:28px!important;background:rgba(253,251,247,.82)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(176,141,87,.28)!important;box-shadow:0 30px 80px -40px rgba(30,38,29,.35)!important;text-align:center} #page-shell#page-shell.kc-unified .legacy-main .ty-mark{display:block;margin:0 auto 18px;width:88px;height:88px;filter:drop-shadow(0 0 18px rgba(201,163,85,.35))} #page-shell#page-shell.kc-unified .legacy-main .ty-card .eyebrow{color:#9C7B45!important;letter-spacing:.18em} #page-shell#page-shell.kc-unified .legacy-main .ty-card h1{margin:6px 0 10px!important;font-family:Fraunces,Georgia,serif!important;font-weight:300!important;font-size:clamp(44px,7vw,72px)!important;line-height:1!important;color:#1E261D!important} #page-shell#page-shell.kc-unified .legacy-main .ty-card h1:focus{outline:none} #page-shell#page-shell.kc-unified .legacy-main .ty-card .lead{color:#3A4234!important;margin:0 auto 8px!important;max-width:44ch} #page-shell#page-shell.kc-unified .legacy-main .ty-number{display:inline-block;margin:10px 0 4px!important;padding:6px 16px;border:1px solid rgba(176,141,87,.4);border-radius:999px;font:500 13px Figtree,sans-serif;letter-spacing:.06em;color:#283020!important} #page-shell#page-shell.kc-unified .legacy-main .ty-lines{list-style:none;margin:26px 0 0!important;padding:0!important;text-align:left;border-top:1px solid rgba(176,141,87,.22)} #page-shell#page-shell.kc-unified .legacy-main .ty-lines li{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;padding:14px 0!important;margin:0!important;border-bottom:1px solid rgba(176,141,87,.22)} #page-shell#page-shell.kc-unified .legacy-main .ty-lines img{width:56px;height:56px;object-fit:cover;border-radius:14px;background:#F5F2E8} #page-shell#page-shell.kc-unified .legacy-main .ty-lines span{display:grid;gap:2px;color:#1E261D!important;font-size:15px} #page-shell#page-shell.kc-unified .legacy-main .ty-lines small{color:#6B6F5E!important;font-size:12px} #page-shell#page-shell.kc-unified .legacy-main .ty-lines strong{color:#1E261D!important;font-weight:500} #page-shell#page-shell.kc-unified .legacy-main .ty-total{margin:14px 0 0!important;display:grid;gap:6px;text-align:left} #page-shell#page-shell.kc-unified .legacy-main .ty-total div{display:flex;justify-content:space-between;color:#3A4234!important} #page-shell#page-shell.kc-unified .legacy-main .ty-total div:last-child{padding-top:8px;font-family:Fraunces,Georgia,serif;font-size:24px;color:#1E261D!important} #page-shell#page-shell.kc-unified .legacy-main .ty-total dd{margin:0} #page-shell#page-shell.kc-unified .legacy-main .ty-next{margin:24px 0 0!important;padding:18px 20px!important;border-radius:18px;background:rgba(40,48,32,.05);text-align:left} #page-shell#page-shell.kc-unified .legacy-main .ty-next ul{margin:8px 0 0!important;padding-left:18px!important;display:grid;gap:6px;color:#283020!important;font-size:14px} #page-shell#page-shell.kc-unified .legacy-main .ty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:28px 0 14px!important} #page-shell#page-shell.kc-unified .legacy-main .ty-actions .button{min-height:48px} #page-shell#page-shell.kc-unified .legacy-main .ty-actions .button:not(.outline){background:#283020!important;border-color:#283020!important;color:#EFE5C7!important} #page-shell#page-shell.kc-unified .legacy-main .ty-actions .button:not(.outline) svg{color:#C9A355!important} @media(max-width:480px){#page-shell#page-shell.kc-unified .legacy-main .ty-actions .button{width:100%;justify-content:center}} #page-shell#page-shell.kc-unified .legacy-main .ty-card h1:focus-visible{outline:none!important;box-shadow:none!important} @media(max-width:760px){#page-shell#page-shell.kc-unified .legacy-main .ty-page{padding-top:92px!important;min-height:0}} #page-shell#page-shell.kc-unified .legacy-main .lg-page{position:relative;isolation:isolate;overflow:hidden;padding:clamp(56px,9vh,112px) 16px clamp(96px,12vh,128px)!important;background:#F5F2E8!important;min-height:calc(100svh - 80px);display:grid;align-items:center} #page-shell#page-shell.kc-unified .legacy-main .lg-card{padding:clamp(28px,4vw,48px)!important;border-radius:24px;background:rgba(253,251,247,.85)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(201,163,85,.24)!important;box-shadow:0 30px 80px -44px rgba(30,38,29,.4)} #page-shell#page-shell.kc-unified .legacy-main .lg-card .page-intro{margin:0 0 24px!important;padding:0!important;border:0!important;display:block!important} #page-shell#page-shell.kc-unified .legacy-main .lg-card .page-intro .eyebrow{color:#9C7B45!important;margin:0 0 6px!important} #page-shell#page-shell.kc-unified .legacy-main .lg-card .page-intro h1{font-family:Fraunces,Georgia,serif!important;font-weight:300!important;font-size:clamp(40px,5vw,60px)!important;line-height:1.02!important;color:#1E261D!important;margin:0 0 10px!important} #page-shell#page-shell.kc-unified .legacy-main .lg-card .page-intro .lead{color:#3A4234!important;font-size:16px!important;margin:0!important;max-width:none!important;border:0!important;padding:0!important} #page-shell#page-shell.kc-unified .legacy-main .lg-card .auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:0 0 22px;border:1px solid rgba(201,163,85,.3);border-radius:999px;background:rgba(245,242,232,.7)} #page-shell#page-shell.kc-unified .legacy-main .lg-card .auth-tabs button{min-height:40px;border:0;border-radius:999px;background:transparent;color:#5E6352;font:500 14px Figtree,sans-serif;cursor:pointer;transition:background .25s,color .25s} #page-shell#page-shell.kc-unified .legacy-main .lg-card .auth-tabs button[aria-selected=true]{background:linear-gradient(180deg,#F6EDD6,#EADBB6);color:#1E261D;box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 4px 12px -6px rgba(156,123,69,.5)} #page-shell#page-shell.kc-unified .legacy-main .lg-card .auth-panel{display:grid;gap:14px} #page-shell#page-shell.kc-unified .legacy-main .lg-card .auth-panel[hidden]{display:none} #page-shell#page-shell.kc-unified .legacy-main .lg-card .auth-panel>label:not(.lg-check),#page-shell#page-shell.kc-unified .legacy-main .lg-two label{display:grid;gap:6px;margin:0!important;color:#283020!important;font:500 13px Figtree,sans-serif} #page-shell#page-shell.kc-unified .legacy-main .lg-two{display:grid;grid-template-columns:1fr 1fr;gap:12px} #page-shell#page-shell.kc-unified .legacy-main .lg-card input:not([type=checkbox]){height:48px;padding:0 20px!important;border-radius:999px!important;border:1px solid rgba(176,141,87,.32)!important;background:#FAF8F2!important;color:#1E261D!important;font:400 15px Figtree,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s} #page-shell#page-shell.kc-unified .legacy-main .lg-card input:not([type=checkbox]):focus{border-color:#B08D57!important;box-shadow:0 0 0 3px rgba(201,163,85,.18)!important} #page-shell#page-shell.kc-unified .legacy-main .lg-check{display:flex;align-items:flex-start;gap:10px;margin:0!important;font-size:13px;line-height:1.45;color:#3A4234!important} #page-shell#page-shell.kc-unified .legacy-main .lg-check input{width:18px;height:18px;flex:0 0 18px;margin:1px 0 0;accent-color:#283020} #page-shell#page-shell.kc-unified .legacy-main .lg-card a:not(.button){color:#283020!important;text-decoration-color:rgba(176,141,87,.6)!important} #page-shell#page-shell.kc-unified .legacy-main .lg-card .lg-cta{width:100%;height:48px;min-height:48px;justify-content:center;border-radius:999px!important;background:#283020!important;border-color:#283020!important;color:#EFE5C7!important;font-weight:500} #page-shell#page-shell.kc-unified .legacy-main .lg-card .lg-cta svg{color:#C9A355!important} #page-shell#page-shell.kc-unified .legacy-main .lg-card .lg-cta:hover{background:#1E261D!important} #page-shell#page-shell.kc-unified .legacy-main .lg-note{margin:0!important;font-size:13px;color:#6B6F5E!important} #page-shell#page-shell.kc-unified .legacy-main .lg-card .form-status:empty{display:none} #page-shell#page-shell.kc-unified .legacy-main .lg-account{display:inline-flex;margin-top:22px} @media(max-width:480px){#page-shell#page-shell.kc-unified .legacy-main .lg-two{grid-template-columns:1fr}} #page-shell#page-shell.kc-unified .legacy-main .lg-card .auth-tabs button{color:#5E6352!important} #page-shell#page-shell.kc-unified .legacy-main .lg-card .auth-tabs button[aria-selected=true]{color:#1E261D!important} #page-shell#page-shell.kc-unified .legacy-main .lg-card .button.lg-cta{width:100%!important;max-width:none!important;display:inline-flex!important} #page-shell#page-shell.kc-unified .legacy-main .lg-check input[type=checkbox]{-webkit-appearance:none;appearance:none;width:18px!important;height:18px!important;border:1px solid rgba(176,141,87,.6);border-radius:6px;background:rgba(255,255,255,.8);display:grid;place-items:center;cursor:pointer} #page-shell#page-shell.kc-unified .legacy-main .lg-check input[type=checkbox]:checked{background:#283020;border-color:#283020} #page-shell#page-shell.kc-unified .legacy-main .lg-check input[type=checkbox]:checked::after{content:"";width:9px;height:5px;border:solid #C9A355;border-width:0 0 1.6px 1.6px;transform:translateY(-1px) rotate(-45deg)} #page-shell#page-shell.kc-unified .legacy-main .lg-check input[type=checkbox]:focus-visible{outline:2px solid #B08D57;outline-offset:2px} #page-shell#page-shell.kc-unified .legacy-main .lg-check a{text-decoration:underline!important} /* DNA úvodu 1:1 (Lucky 26. 10.): krém #EFEADD, oblúková fotka 3:4 (999/999/28/0), panely 48/48/48/0, zlatá pečať namiesto starého loga. */ #page-shell#page-shell.kc-unified .legacy-main .lg-page{position:relative;padding:clamp(56px,9vh,112px) clamp(16px,4vw,56px) clamp(96px,12vh,140px)!important;background:#EFEADD!important;min-height:0} #page-shell#page-shell.kc-unified .legacy-main .lg-wrap{width:min(1280px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);gap:clamp(32px,5vw,88px);align-items:center} #page-shell#page-shell.kc-unified .legacy-main .lg-visual{position:relative;margin:0;display:grid;justify-items:start} #page-shell#page-shell.kc-unified .legacy-main .lg-arch{display:block;width:min(100%,560px);aspect-ratio:3/4;border-radius:999px 999px 28px 0;overflow:hidden;box-shadow:0 50px 100px -50px rgba(47,52,36,.6);background:#E4E6D6} #page-shell#page-shell.kc-unified .legacy-main .lg-arch img{width:100%;height:100%;object-fit:cover;object-position:center 25%;transform:scale(1.04)} #page-shell#page-shell.kc-unified .legacy-main .lg-seal{position:absolute;right:clamp(0px,4vw,48px);bottom:clamp(64px,10vw,120px);display:grid;place-items:center;width:clamp(116px,12vw,164px);aspect-ratio:1;border-radius:50%;background:#2F3424;box-shadow:0 30px 60px -30px rgba(47,52,36,.55),inset 0 0 0 1px rgba(197,168,128,.5)} #page-shell#page-shell.kc-unified .legacy-main .lg-seal img{width:62%!important;height:auto!important;animation:lgSpin 60s linear infinite} @keyframes lgSpin{to{transform:rotate(360deg)}} @media(prefers-reduced-motion:reduce){#page-shell#page-shell.kc-unified .legacy-main .lg-seal img{animation:none}} #page-shell#page-shell.kc-unified .legacy-main .lg-brand{margin:22px 0 0!important;display:grid;gap:8px;font:400 20px/1 Figtree,sans-serif;letter-spacing:.42em;color:#2F3424!important} #page-shell#page-shell.kc-unified .legacy-main .lg-brand small{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:#7A5F2E} #page-shell#page-shell.kc-unified .legacy-main .lg-card{padding:clamp(28px,4vw,56px)!important;border-radius:48px 48px 48px 0!important;background:#F7F4EC!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:0!important;box-shadow:0 50px 100px -50px rgba(47,52,36,.45)!important} #page-shell#page-shell.kc-unified .legacy-main .lg-card .page-intro .eyebrow{display:none!important} #page-shell#page-shell.kc-unified .legacy-main .lg-card .page-intro h1{color:#2F3424!important;letter-spacing:-.03em!important} @media(max-width:900px){#page-shell#page-shell.kc-unified .legacy-main .lg-wrap{grid-template-columns:1fr}#page-shell#page-shell.kc-unified .legacy-main .lg-visual{justify-items:center}#page-shell#page-shell.kc-unified .legacy-main .lg-arch{width:min(100%,340px)}#page-shell#page-shell.kc-unified .legacy-main .lg-seal{right:4%;bottom:56px;width:104px}#page-shell#page-shell.kc-unified .legacy-main .lg-brand{justify-self:center;text-align:center;padding-left:.42em}#page-shell#page-shell.kc-unified .legacy-main .lg-card{border-radius:32px 32px 32px 0!important}} #page-shell#page-shell.kc-unified .legacy-main .cs{position:relative;background:#EFEADD!important;padding:clamp(120px,12vw,180px) clamp(16px,6vw,96px) clamp(96px,10vw,160px)!important;overflow:visible!important} #page-shell#page-shell.kc-unified .legacy-main .cs-head{max-width:1280px;margin:0 auto 56px} #page-shell#page-shell.kc-unified .legacy-main .cs-h{margin:0 0 18px!important;font:300 clamp(48px,7vw,112px)/.95 Fraunces,Georgia,serif!important;letter-spacing:-.035em!important;color:#2F3424!important} #page-shell#page-shell.kc-unified .legacy-main .cs-h em{font-style:italic;color:#73729C} #page-shell#page-shell.kc-unified .legacy-main .cs-t{margin:0!important;max-width:60ch;font:400 17px/1.6 Figtree,sans-serif!important;color:#585C4C!important} #page-shell#page-shell.kc-unified .legacy-main .cs-stack{max-width:1280px;margin:0 auto} #page-shell#page-shell.kc-unified .legacy-main .cs-panel{position:sticky;top:calc(90px + var(--i) * 26px);display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);gap:clamp(24px,4vw,64px);align-items:center;min-height:min(72vh,640px);margin-bottom:12vh;padding:clamp(28px,4vw,64px);border-radius:48px 48px 48px 0;overflow:hidden;box-shadow:0 -20px 60px -30px rgba(47,52,36,.35)} #page-shell#page-shell.kc-unified .legacy-main .cs-panel:last-child{margin-bottom:0} #page-shell#page-shell.kc-unified .legacy-main .cs-panel--1{background:#E9E9F2;color:#2F3424} #page-shell#page-shell.kc-unified .legacy-main .cs-panel--2{background:#2F3424;color:#F7F4EC} #page-shell#page-shell.kc-unified .legacy-main .cs-panel--3{background:#E4E6D6;color:#2F3424} #page-shell#page-shell.kc-unified .legacy-main .cs-panel--4{background:radial-gradient(120% 120% at 100% 0%,#d8c08a 0%,#A7A5CF 45%,#73729C 100%);color:#F7F4EC} #page-shell#page-shell.kc-unified .legacy-main .cs-copy{display:flex;flex-direction:column;gap:22px;min-width:0} #page-shell#page-shell.kc-unified .legacy-main .cs-n{font:400 13px/1 Figtree,sans-serif;letter-spacing:.3em;color:#7A5D25} #page-shell#page-shell.kc-unified .legacy-main .cs-panel--4 .cs-n{color:#F7F4EC}#page-shell#page-shell.kc-unified .legacy-main .cs-panel--2 .cs-n{color:#C9A55C} #page-shell#page-shell.kc-unified .legacy-main .cs-name{margin:0!important;font:300 clamp(44px,5.4vw,88px)/.92 Fraunces,Georgia,serif!important;letter-spacing:-.035em!important;color:inherit!important;text-wrap:balance} #page-shell#page-shell.kc-unified .legacy-main .cs-name a{color:inherit!important;text-decoration:none!important} #page-shell#page-shell.kc-unified .legacy-main .cs-name em{font-style:italic;color:#73729C} #page-shell#page-shell.kc-unified .legacy-main .cs-panel--2 .cs-name em{color:#A7A5CF} #page-shell#page-shell.kc-unified .legacy-main .cs-panel--4 .cs-name em{color:#2F3424} #page-shell#page-shell.kc-unified .legacy-main .cs-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;margin:0!important;font:500 14px/1.5 Figtree,sans-serif;color:inherit!important} #page-shell#page-shell.kc-unified .legacy-main .cs-meta span{border:0!important;background:none!important;padding:0!important;color:inherit!important} #page-shell#page-shell.kc-unified .legacy-main .cs-meta span+span::before{content:"·";margin:0 12px;color:#C9A55C;font-weight:600} #page-shell#page-shell.kc-unified .legacy-main .cs-d{margin:0!important;max-width:40ch;font:400 17px/1.6 Figtree,sans-serif!important;color:inherit!important;opacity:.8} #page-shell#page-shell.kc-unified .legacy-main .cs-go{align-self:flex-start;display:inline-flex;gap:14px;padding:15px 24px;border-radius:999px;border:1px solid currentColor;font:500 14px/1 Figtree,sans-serif;color:inherit!important;text-decoration:none!important;transition:gap .4s,background .4s,color .4s,border-color .4s} #page-shell#page-shell.kc-unified .legacy-main .cs-go i{font-style:normal} #page-shell#page-shell.kc-unified .legacy-main .cs-panel--1 .cs-go:hover,#page-shell#page-shell.kc-unified .legacy-main .cs-panel--3 .cs-go:hover{gap:22px;background:#2F3424;color:#F7F4EC!important;border-color:#2F3424} #page-shell#page-shell.kc-unified .legacy-main .cs-panel--2 .cs-go:hover,#page-shell#page-shell.kc-unified .legacy-main .cs-panel--4 .cs-go:hover{gap:22px;background:#F7F4EC;color:#2F3424!important;border-color:#F7F4EC} #page-shell#page-shell.kc-unified .legacy-main .cs-go:focus-visible{outline:2px solid #C9A55C;outline-offset:3px} #page-shell#page-shell.kc-unified .legacy-main .cs-panel figure{margin:0;justify-self:end;width:min(100%,400px);aspect-ratio:3/4;border-radius:999px 999px 28px 0;overflow:hidden} #page-shell#page-shell.kc-unified .legacy-main .cs-panel--3 figure{border-radius:28px 999px 999px 999px} #page-shell#page-shell.kc-unified .legacy-main .cs-panel figure img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)} #page-shell#page-shell.kc-unified .legacy-main .cs-panel:hover figure img{transform:scale(1.05)} @media(max-width:900px){#page-shell#page-shell.kc-unified .legacy-main .cs-panel{grid-template-columns:1fr;top:calc(70px + var(--i) * 16px);min-height:0;margin-bottom:8vh;padding:28px 24px 32px;border-radius:32px 32px 32px 0;gap:24px}#page-shell#page-shell.kc-unified .legacy-main .cs-panel figure{justify-self:start;width:min(100%,320px)}#page-shell#page-shell.kc-unified .legacy-main .cs-name{font-size:clamp(40px,11vw,56px)!important}} /* Impeccable 26. 10.: kontrast min. 4.5:1 a funkčný text min. 11 px. */ #page-shell#page-shell.kc-unified .legacy-main .cs-panel--4{background:linear-gradient(90deg,rgba(47,52,36,.58) 0%,rgba(47,52,36,.3) 55%,rgba(47,52,36,0) 75%),radial-gradient(120% 120% at 100% 0%,#d8c08a 0%,#A7A5CF 45%,#73729C 100%)} #page-shell#page-shell.kc-unified .legacy-main .cs-panel--4 :is(.cs-d,.cs-meta,.cs-n){color:#F7F4EC!important;opacity:1!important} #page-shell#page-shell.kc-unified .legacy-main :is(.cs-d,.cs-t,.lg-card p){text-wrap:pretty} #page-shell#page-shell.kc-unified .legacy-main .lg-card input::placeholder{color:#686868} .site-footer span[style*="font-size:9px"],.site-footer span[style*="font-size:8px"],#dc-top-menu span[style*="font-size:8px"],#dc-top-menu span[style*="font-size:7px"]{font-size:11px!important;letter-spacing:.16em!important} .site-footer .sf-links span[style*="font-size:10px"],.site-footer .sf-links>div>span{font-size:11px!important} .site-footer .sf-news input::placeholder{color:rgba(239,229,199,.72)!important} .site-footer .sf-bottom :is(a,span){color:rgba(255,255,255,.72)!important;opacity:1!important} /* --- Cookies lišta a panel nastavení --- */ .cookie-banner[hidden], .cookie-settings[hidden]{ display: none !important; } .cookie-banner { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 9999 !important; max-height: 40vh !important; max-height: 40svh !important; overflow-y: auto !important; background: rgba(23, 51, 47, 0.96) !important; -webkit-backdrop-filter: blur(20px) saturate(140%) !important; backdrop-filter: blur(20px) saturate(140%) !important; color: #F7F4EC !important; border-top: 1px solid rgba(201, 163, 85, 0.35) !important; box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.28) !important; font-family: Figtree, -apple-system, sans-serif !important; animation: cookie-banner-in 0.35s cubic-bezier(0.2, 0.8, 0.2, 1) both !important; } body.lh-chrome-in .cookie-banner { left: var(--rail-pad, 0px) !important; } .cookie-banner-inner { max-width: 1400px !important; margin: 0 auto !important; padding: 16px clamp(18px, 3.5vw, 44px) !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 24px !important; box-sizing: border-box !important; } .cookie-banner-text { margin: 0 !important; flex: 1 1 0% !important; min-width: 0 !important; font-family: Figtree, -apple-system, sans-serif !important; font-size: 13.5px !important; line-height: 1.55 !important; color: #F7F4EC !important; text-wrap: pretty !important; } .cookie-banner-actions { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-end !important; gap: 10px !important; flex-shrink: 0 !important; } .cookie-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 42px !important; padding: 8px 20px !important; border: 1px solid rgba(201, 163, 85, 0.45) !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.08) !important; color: #F7F4EC !important; font-family: Figtree, -apple-system, sans-serif !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: 0.02em !important; text-decoration: none !important; cursor: pointer !important; transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease, color 0.2s ease !important; white-space: nowrap !important; box-sizing: border-box !important; } .cookie-btn:hover { background: rgba(201, 163, 85, 0.25) !important; border-color: #C9A355 !important; color: #FFFFFF !important; transform: translateY(-1px) !important; } .cookie-btn:focus-visible { outline: 2px solid #C9A355 !important; outline-offset: 2px !important; } @media (max-width: 860px) { .cookie-banner-inner { flex-direction: column !important; align-items: stretch !important; gap: 14px !important; padding: 14px 18px !important; } .cookie-banner-actions { justify-content: stretch !important; gap: 8px !important; } .cookie-btn { flex: 1 1 calc(33.333% - 6px) !important; min-width: 0 !important; padding: 8px 10px !important; font-size: 12px !important; min-height: 40px !important; } } @media (max-width: 480px) { .cookie-banner-actions { flex-direction: column !important; } .cookie-btn { width: 100% !important; flex: 1 1 auto !important; } } /* Modal nastavení cookies */ .cookie-settings { position: fixed !important; inset: 0 !important; z-index: 10000 !important; background: rgba(12, 18, 10, 0.65) !important; -webkit-backdrop-filter: blur(8px) !important; backdrop-filter: blur(8px) !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 16px !important; box-sizing: border-box !important; } .cookie-settings-inner { width: min(580px, 100%) !important; max-height: 86vh !important; max-height: 86svh !important; overflow-y: auto !important; background: linear-gradient(180deg, #1A3834 0%, #122926 100%) !important; color: #F7F4EC !important; border: 1px solid rgba(201, 163, 85, 0.35) !important; border-radius: 24px !important; padding: 28px clamp(18px, 3.5vw, 32px) !important; box-shadow: 0 24px 70px rgba(0, 0, 0, 0.5) !important; display: flex !important; flex-direction: column !important; gap: 16px !important; box-sizing: border-box !important; font-family: Figtree, -apple-system, sans-serif !important; } .cookie-settings-inner h2 { margin: 0 !important; font-family: Fraunces, Georgia, serif !important; font-size: clamp(22px, 3vw, 28px) !important; font-weight: 300 !important; color: #F7F4EC !important; } .cookie-categories { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; gap: 12px !important; } .cookie-category { display: grid !important; grid-template-columns: auto 1fr !important; gap: 12px !important; align-items: start !important; padding: 14px 16px !important; background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(201, 163, 85, 0.2) !important; border-radius: 14px !important; cursor: pointer !important; color: #F7F4EC !important; } .cookie-category input { margin: 3px 0 0 !important; width: 18px !important; height: 18px !important; accent-color: #C9A355 !important; } .cookie-category span { display: flex !important; flex-direction: column !important; gap: 4px !important; min-width: 0 !important; } .cookie-category strong { font-weight: 500 !important; font-size: 15px !important; color: #F7F4EC !important; } .cookie-category small { font-size: 12.5px !important; line-height: 1.55 !important; color: #C4C7B6 !important; overflow-wrap: anywhere !important; } .cookie-settings-detail { margin: 0 !important; font-size: 12.5px !important; line-height: 1.6 !important; color: #C4C7B6 !important; } .cookie-settings-detail a { color: #C9A355 !important; text-decoration: underline !important; } .cookie-settings-close { align-self: flex-start !important; min-height: 40px !important; padding: 8px 4px !important; background: transparent !important; border: 0 !important; font-family: inherit !important; font-size: 13px !important; color: #C4C7B6 !important; text-decoration: underline !important; cursor: pointer !important; } #ana-rail .dch0 span,#ana-rail>a span{font-size:11px!important} /* Prehliadka stacionára (26. 10.): rovnaké panely ako konzultácie, na celú šírku. */ #page-shell#page-shell.kc-unified .legacy-main .ds-tour{width:100cqw;max-width:none;margin:0 calc(50% - 50cqw)!important;box-sizing:border-box} #page-shell#page-shell.kc-unified .legacy-main .ds-tour .cs-panel figure picture{display:block;width:100%;height:100%} #page-shell#page-shell.kc-unified .legacy-main .ds-tour .cs-name{font-size:clamp(40px,5vw,76px)!important} /* Mobil (Lucky 26. 10.): hore vľavo len Menu, zvuk ako jazýček v pravom dolnom rohu schovaný do boku. */ @media(max-width:999px){ #lh-top.lh-top{justify-content:flex-start!important;left:0!important;right:auto!important;padding-left:16px!important;padding-right:0!important} #lh-top.lh-top .lh-top__side .lh-top__menu{left:0!important} body>.ana-sound-pop{position:fixed!important;right:0!important;bottom:calc(96px + env(safe-area-inset-bottom));z-index:70!important;margin:0!important;transform:translateX(16px);transition:transform .35s cubic-bezier(.16,1,.3,1)} body>.ana-sound-pop:is(:hover,:focus-within,.is-open){transform:none} body>.ana-sound-pop .ana-sound-pop__btn{width:44px!important;height:44px!important;border-radius:999px 0 0 999px!important;border-right:0!important;padding-right:10px!important;box-shadow:0 10px 26px -12px rgba(47,52,36,.45)!important} .ana-menu-open body>.ana-sound-pop,body.ana-menu-open>.ana-sound-pop{visibility:hidden!important} } } .skip-link:not(:focus){top:-200px!important;transform:translateY(-100%);clip-path:inset(50%);opacity:0} /* Menu v pôvodnom písme, len nadpisy skupín tučné a väčšie (Lucky 26. 10.). Vo vrstve jednotny, inak by prehralo s !important ostatných vrstiev. */ @layer jednotny{ html body :is(#dc-top-menu,#dc-side-menu) div[style*="flex-direction:column;gap:"]>:is(a,span):first-child,html body :is(#dc-top-menu,#dc-side-menu) div[style*="flex-direction:column;gap:"]>:is(a,span):first-child *{font-weight:600!important;font-size:24px!important} html body #dc-side-menu div[style*="flex-direction:column;gap:"]>:is(a,span):first-child,html body #dc-side-menu div[style*="flex-direction:column;gap:"]>:is(a,span):first-child *{font-size:20px!important;font-family:Fraunces,Georgia,serif!important} #page-shell.kc-unified .legacy-main .lan-cta .lan-cta__price{font:300 clamp(28px,2.6vw,40px)/1 var(--serif)!important;color:var(--paper)!important;margin:0!important} #page-shell.kc-unified .legacy-main .lan-cta .button{grid-column:1/-1;justify-self:start} /* Menu: všetky nadpisy stĺpcov rovnaké písmo, výška aj odstup, aby stĺpce sedeli naproti sebe (Lucky 26. 10.). */ html body :is(#dc-top-menu,#dc-side-menu) div[style*="flex-direction:column;gap:"]>:is(a,span):first-child{display:block!important;margin:0 0 6px!important;padding:4px 0!important;line-height:1.15!important} html body #dc-top-menu div[style*="flex-direction:column;gap:"]>:is(a,span):first-child,html body #dc-top-menu div[style*="flex-direction:column;gap:"]>:is(a,span):first-child *{font-family:Fraunces,Georgia,serif!important;white-space:nowrap!important} @media(max-width:600px){html body #dc-top-menu div[style*="flex-direction:column;gap:"]>:is(a,span):first-child,html body #dc-top-menu div[style*="flex-direction:column;gap:"]>:is(a,span):first-child *{font-size:min(24px,4.6vw)!important}} /* Mobil: karty bez backdrop blur, iPhone ho pri scrolle prepočítava každý snímok (sekanie v Môj účet) */ @media(max-width:999px){html body :is(#page-shell,.customer-center) :is(.acc-card,.pdm-panel,.pdm-details .pdm-accordions details,.shop-grid--v3 .shop-card,.pdm-related-card){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}} /* Prihlásenie heslom (26. 10.): druhé tlačidlo pre odkaz z e-mailu, obrysové v rovnakom tvare. */ #page-shell#page-shell.kc-unified .legacy-main .lg-card .button.lg-link{width:100%!important;max-width:none!important;display:inline-flex!important;height:48px;min-height:48px;justify-content:center;border-radius:999px!important;background:transparent!important;border:1px solid rgba(40,48,32,.35)!important;color:#283020!important;font-weight:500} #page-shell#page-shell.kc-unified .legacy-main .lg-card .button.lg-link:hover{background:rgba(40,48,32,.06)!important} .customer-center .acc-password{display:grid;gap:12px} .customer-center .acc-password label{display:grid;gap:6px;font-size:13px} .customer-center .acc-password .form-status:empty{display:none} /* Modálne okno pre prvé prihlásenie (nastavenie hesla) */ .acc-modal-backdrop{position:fixed;inset:0;background:rgba(20,26,19,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:1;transition:opacity .25s ease} .acc-modal-card{background:#F7F4EC!important;border:1px solid rgba(201,163,85,.35)!important;border-radius:28px!important;padding:clamp(28px,4vw,40px)!important;max-width:460px;width:100%;box-shadow:0 30px 80px -20px rgba(0,0,0,.35)!important;position:relative} .acc-modal-close{position:absolute;top:16px;right:20px;background:none;border:none;font-size:24px;color:#7A7672;cursor:pointer;padding:4px 8px;line-height:1} .acc-modal-close:hover{color:#1E261D} .acc-modal-header{margin-bottom:18px} .acc-modal-header .eyebrow{color:#9C7B45!important;font-size:11px!important;font-weight:600!important;letter-spacing:.12em!important;text-transform:uppercase!important;margin:0 0 6px!important} .acc-modal-header h2{font-family:Fraunces,Georgia,serif!important;font-size:26px!important;font-weight:400!important;color:#1E261D!important;margin:0 0 8px!important;line-height:1.2!important} .acc-modal-lead{font-size:14px!important;line-height:1.5!important;color:#5E6352!important;margin:0!important} #modal-password-form{display:grid;gap:14px;margin-top:6px} #modal-password-form label{display:grid;gap:6px;font-size:13px;font-weight:500;color:#283020} #modal-password-form input{height:46px!important;padding:0 16px!important;border-radius:999px!important;border:1px solid rgba(176,141,87,.35)!important;background:#FAF8F2!important;color:#1E261D!important;font:400 15px Figtree,sans-serif!important;outline:none;width:100%!important;box-sizing:border-box} #modal-password-form input:focus{border-color:#B08D57!important;box-shadow:0 0 0 3px rgba(201,163,85,.18)!important} .acc-modal-actions{display:flex;flex-direction:column;gap:8px;margin-top:8px} .acc-modal-actions .button{width:100%!important;height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important} } /* Automatické vyplnění e-mailu z telefonu: světlý text na tmavé ploše nesmí po vložení zmizet. */ html body .site-footer .sf-news input:-webkit-autofill, html body .site-footer .sf-news input:-webkit-autofill:focus{ -webkit-text-fill-color:#EFE5C7!important;caret-color:#EFE5C7; box-shadow:0 0 0 1000px #182218 inset!important; transition:background-color 600000s 0s,color 600000s 0s} .shop-v2 .shop-community input:-webkit-autofill, .shop-v2 .shop-community input:-webkit-autofill:focus{ -webkit-text-fill-color:#fbf7ee!important;caret-color:#fbf7ee; box-shadow:0 0 0 1000px #33352a inset!important; transition:background-color 600000s 0s,color 600000s 0s} /* Tmavý režim telefonu: automaticky vyplněné pole na světlé ploše dostane světlý text. Držíme tmavý text a světlé pozadí. Tmavé plochy (patička, komunita v obchodě) mají vlastní pravidla výše s vyšší specificitou. */ :root{color-scheme:light} html body input:-webkit-autofill, html body input:-webkit-autofill:hover, html body input:-webkit-autofill:focus, html body textarea:-webkit-autofill, html body select:-webkit-autofill{ -webkit-text-fill-color:#26242f;caret-color:#26242f; box-shadow:0 0 0 1000px #fdfcf9 inset; transition:background-color 600000s 0s,color 600000s 0s} /* Přihlášení: točící se pečeť je zlatá, aby byla vidět na tmavém kruhu. */ @layer jednotny{html body .lg-seal img.brand-seal{filter:brightness(0) saturate(100%) invert(72%) sepia(38%) saturate(620%) hue-rotate(2deg) brightness(96%) contrast(90%)!important}} /* Poďakovanie: platba prevodom s QR kódom. */ .ty-bank{margin-top:28px;padding:22px;border:1px solid rgba(176,141,87,.32);border-radius:22px;background:rgba(255,255,255,.72)} .ty-qr{margin:18px 0 0;text-align:center} .ty-qr__code svg{width:min(240px,70vw);height:auto;display:block;margin:0 auto;border-radius:12px} .ty-qr figcaption{font-size:13px;margin-top:10px;color:#686868} .ty-qr-cz{margin-top:16px;text-align:center}.ty-qr-cz summary{cursor:pointer;font-size:13px;color:#686868}.ty-qr-cz .ty-qr__code{margin-top:10px} /* Přihlášení: béžové pozadí se na pravém okraji plynule rozpustí do bílé krémové, bez ostré hrany. */ @layer shopv2{ #page-shell#page-shell.kc-unified .legacy-main .lg-page{background:linear-gradient(90deg,#EFEADD 0,#EFEADD 62%,#F7F4EC 100%)!important} } /* Rozloženie podstránok: obsah je vždy na stred okna, nie nalepený vľavo (konzultácie, účet, prihlásenie, formuláre). */ @layer shopv2{ #page-shell#page-shell.kc-unified .legacy-main>:not(.legal-doc){margin-left:auto!important;margin-right:auto!important} #page-shell#page-shell.kc-unified .legacy-main>.section{width:100%!important;max-width:none!important} } /* Detail konzultácie a kontakt: širší obsah, farby webu (levanduľa), pozadie s líniami ako v obchode. */ @layer shopv2{ #page-shell#page-shell.kc-unified .legacy-main:has(>:is(.cv2,.contact-glass)){background:url(/img/organic-lines.svg) center top/max(1600px,100vw) auto repeat-y,var(--paper,#F7F4EC)!important} #page-shell#page-shell.kc-unified .legacy-main :is(.cv2,.contact-glass){max-width:min(1560px,100% - 32px)!important;--g-gold:var(--lav,#73729C);--g-line:rgba(115,114,156,.22)} @media (min-width:900.02px){ #page-shell#page-shell.kc-unified .legacy-main .cv2-hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:32px!important} } @media (max-width:900px){ #page-shell#page-shell.kc-unified .legacy-main .cv2-hero{grid-template-columns:minmax(0,1fr)!important;gap:20px!important} #page-shell#page-shell.kc-unified .legacy-main .cv2-card{width:100%!important;box-sizing:border-box!important} } #page-shell#page-shell.kc-unified .legacy-main .cv2-info,#page-shell#page-shell.kc-unified .legacy-main .cv2-story{gap:32px!important} #page-shell#page-shell.kc-unified .legacy-main .cv2-story>.cv2-chap{grid-column:1/-1!important} #page-shell#page-shell.kc-unified .legacy-main .cv2-chap p{max-width:82ch} #page-shell#page-shell.kc-unified .legacy-main .cv2-intro__photo{margin:0 0 30px!important} #page-shell#page-shell.kc-unified .legacy-main .cv2 .eyebrow,#page-shell#page-shell.kc-unified .legacy-main .cv2-card>h2+*:is(em,span),#page-shell#page-shell.kc-unified .legacy-main .cv2 :is(h2,h3)>em{color:var(--lav,#73729C)!important} } /* Rezervácia: tlačidlo k platbe je vidieť vždy, kým nie je vybraný termín, je neaktívne. */ @layer shopv2{ #page-shell#page-shell.kc-unified .bk-go--idle{margin-top:14px;opacity:.55;cursor:not-allowed} #page-shell#page-shell.kc-unified .bk-go__hint{margin:8px 0 0;font-size:13px;color:#6b6f60} } /* O Lucii: obrovská rozmazaná pečať v bloku Vízia pryč (zdroj má 420 px, nafúknutá na 900 px). */ @layer shopv2{ html body .ana-bf-off>img.brand-seal{display:none!important} } /* Detail konzultácie: olivová zelená ako na hlavnej stránke, text v dvoch stĺpcoch. */ @layer shopv2{ #page-shell#page-shell.kc-unified .legacy-main :is(.cv2,.contact-glass){--g-ink:var(--olive,#2F3424);--g-green:#1E261D} #page-shell#page-shell.kc-unified .legacy-main .cv2 .button:not(.outline):not(:disabled),#page-shell#page-shell.kc-unified .legacy-main .cv2 .bk-go:not(:disabled){background:var(--olive,#2F3424)!important;border-color:var(--olive,#2F3424)!important;color:#F7F4EC!important} #page-shell#page-shell.kc-unified .legacy-main .cv2 .bk-go--idle{background:var(--olive,#2F3424)!important;color:#F7F4EC!important} #page-shell#page-shell.kc-unified .legacy-main .cv2 .bk-summary .bk-go, #page-shell#page-shell.kc-unified .legacy-main .cv2 .bk-summary .bk-go:not(:disabled), #page-shell#page-shell.kc-unified .legacy-main .cv2 .bk-summary .button.light.bk-go, #page-shell#page-shell.kc-unified .legacy-main .cv2 .bk-summary button[data-bk-reserve] { background: #F7F4EC !important; color: #2F3424 !important; -webkit-text-fill-color: #2F3424 !important; border: 1px solid #F7F4EC !important; border-color: #F7F4EC !important; } #page-shell#page-shell.kc-unified .legacy-main .cv2 .bk-summary .bk-go svg, #page-shell#page-shell.kc-unified .legacy-main .cv2 .bk-summary button[data-bk-reserve] svg { color: #2F3424 !important; stroke: #2F3424 !important; } #page-shell#page-shell.kc-unified .legacy-main .cv2 .bk-summary .bk-go:not(:disabled):hover, #page-shell#page-shell.kc-unified .legacy-main .cv2 .bk-summary button[data-bk-reserve]:not(:disabled):hover { background: #EAE4D3 !important; border-color: #EAE4D3 !important; color: #1E261D !important; } #page-shell#page-shell.kc-unified .legacy-main .cv2 .bk-summary .form-status[hidden], #page-shell#page-shell.kc-unified .legacy-main .cv2 .bk-summary .form-status:empty { display: none !important; } #page-shell#page-shell.kc-unified .legacy-main .cv2 .bk-summary .form-status:not(:empty):not([hidden]) { display: block !important; margin-top: 14px !important; padding: 10px 14px !important; border-radius: 12px !important; font-size: 13px !important; line-height: 1.4 !important; background: rgba(255, 255, 255, 0.12) !important; border: 1px solid rgba(255, 255, 255, 0.22) !important; color: #F7F4EC !important; } #page-shell#page-shell.kc-unified .legacy-main .cv2 .bk-summary .form-status[data-state="ERROR"] { background: rgba(180, 50, 40, 0.22) !important; border-color: rgba(230, 90, 80, 0.4) !important; color: #FFD2CC !important; } #page-shell#page-shell.kc-unified .legacy-main .cv2 .bk-time.is-on,#page-shell#page-shell.kc-unified .legacy-main .cv2 .bk-day.is-on{background:var(--olive,#2F3424)!important;border-color:var(--olive,#2F3424)!important;color:#F7F4EC!important} #page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-meta span:last-child{border-color:var(--olive,#2F3424);color:var(--olive,#2F3424)} #page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-chap:not(:has(h2,h3,ul,ol,.lan-cards))>div{column-count:2;column-gap:56px} #page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-chap:not(:has(h2,h3,ul,ol,.lan-cards)) p{max-width:none} @media (max-width:900px){#page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-chap>div{column-count:1!important}} } /* Detail konzultácie: paleta ako na stránke Denný stacionár (šedomodrá, olivová, svetlá zelená, zlatá, biela). */ @layer shopv2{ #page-shell#page-shell.kc-unified .legacy-main:has(>.cv2){background:url(/img/organic-lines.svg) center top/max(1600px,100vw) auto repeat-y,linear-gradient(180deg,var(--lav-3,#E9E9F2) 0%,var(--paper,#F7F4EC) 46%,#F0E5CB 100%)!important} #page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-card{background:rgba(253,251,247,.92)!important;border-color:rgba(115,114,156,.16)!important} #page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-book{background:var(--lav-3,#E9E9F2)!important} #page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-info>.cv2-card:nth-child(1){background:var(--lav-3,#E9E9F2)!important} #page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-info>.cv2-card:nth-child(2){background:var(--olive,#2F3424)!important;border-color:var(--olive,#2F3424)!important;color:#F7F4EC!important} #page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-info>.cv2-card:nth-child(2) :is(h2,h3,li,p,summary,span,.eyebrow){color:#F7F4EC!important} #page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-info>.cv2-card:nth-child(2) :is(.eyebrow,.cv2-steps__no){color:#D9C28A!important;border-color:#D9C28A!important} #page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-info>.cv2-card:nth-child(2) :is(p,.cv2-steps p){color:rgba(247,244,236,.78)!important} #page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-info>.cv2-card:nth-child(3){background:var(--mist,#E4E6D6)!important} #page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-story>.cv2-card:nth-child(odd){background:rgba(253,251,247,.95)!important} #page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-story>.cv2-card:nth-child(even){background:#F3E9D0!important;border-color:rgba(201,165,92,.35)!important} #page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-chap .lan-card{background:rgba(255,255,255,.7)!important} #page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-steps__no{border-color:#C9A55C;color:#8a6d2e} } /* Rezervácia termínu: kompaktný kalendár a paleta ako na detaile konzultácie (šedomodrá, olivová, zlatá). */ @layer shopv2{ #page-shell#page-shell.kc-unified .legacy-main:has(.bk){background:url(/img/organic-lines.svg) center top/max(1600px,100vw) auto repeat-y,linear-gradient(180deg,var(--lav-3,#E9E9F2) 0%,var(--paper,#F7F4EC) 46%,#F0E5CB 100%)!important} #page-shell#page-shell.kc-unified .legacy-main .bk{max-width:1180px;margin:0 auto} #page-shell#page-shell.kc-unified .legacy-main .bk-types{gap:12px!important} #page-shell#page-shell.kc-unified .legacy-main .bk-types button{background:rgba(253,251,247,.9)!important;border:1px solid rgba(115,114,156,.25)!important;border-radius:999px!important;padding:12px 22px!important} #page-shell#page-shell.kc-unified .legacy-main .bk-types button[aria-selected=true]{background:var(--olive,#2F3424)!important;border-color:var(--olive,#2F3424)!important;color:#F7F4EC!important} #page-shell#page-shell.kc-unified .legacy-main .bk-types button[aria-selected=true] small{color:#D9C28A!important} @media (min-width:900.02px){ #page-shell#page-shell.kc-unified .legacy-main .bk-body{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)!important;gap:28px!important;align-items:start!important} } @media (max-width:900px){ #page-shell#page-shell.kc-unified .legacy-main .bk-body{grid-template-columns:minmax(0,1fr)!important;gap:20px!important} #page-shell#page-shell.kc-unified .legacy-main .bk-cal{max-width:100%!important;width:100%!important} } #page-shell#page-shell.kc-unified .legacy-main .bk-cal{background:var(--lav-3,#E9E9F2)!important;border-radius:28px;padding:clamp(18px,2.4vw,30px);max-width:560px} #page-shell#page-shell.kc-unified .legacy-main .bk-day{aspect-ratio:auto!important;height:48px!important;min-height:0!important;border-radius:12px!important} #page-shell#page-shell.kc-unified .legacy-main .bk-day--free{background:#fff!important;border-color:rgba(201,165,92,.5)!important;color:var(--olive,#2F3424)!important} #page-shell#page-shell.kc-unified .legacy-main .bk-day--free i{background:#C9A55C!important} #page-shell#page-shell.kc-unified .legacy-main .bk-day.is-on,#page-shell#page-shell.kc-unified .legacy-main .bk-day[aria-pressed=true]{background:var(--olive,#2F3424)!important;color:#F7F4EC!important;border-color:var(--olive,#2F3424)!important} #page-shell#page-shell.kc-unified .legacy-main .bk-step{background:var(--mist,#E4E6D6)!important;border:0!important;border-radius:24px!important;padding:clamp(18px,2.2vw,28px)!important} #page-shell#page-shell.kc-unified .legacy-main .bk-time{background:#fff!important;border:1px solid rgba(47,52,36,.18)!important;border-radius:999px!important} #page-shell#page-shell.kc-unified .legacy-main .bk-time.is-on{background:var(--olive,#2F3424)!important;color:#F7F4EC!important;border-color:var(--olive,#2F3424)!important} #page-shell#page-shell.kc-unified .legacy-main .bk-summary{background:var(--olive,#2F3424)!important;color:#F7F4EC!important;border:0!important;border-radius:24px!important;padding:clamp(20px,2.4vw,30px)!important} #page-shell#page-shell.kc-unified .legacy-main .bk-summary :is(h3,p,strong,span){color:#F7F4EC!important} #page-shell#page-shell.kc-unified .legacy-main .bk-summary .bk-step__no{color:#D9C28A!important} #page-shell#page-shell.kc-unified .legacy-main .bk-summary .bk-go{background:#F7F4EC!important;color:var(--olive,#2F3424)!important;border-color:#F7F4EC!important} #page-shell#page-shell.kc-unified .legacy-main .bk-summary .form-status:empty{display:none!important} } @layer shopv2{ html body #page-shell#page-shell.kc-unified .legacy-main .bk-summary button.bk-go[data-bk-reserve]{background:#F7F4EC!important;color:#2F3424!important;-webkit-text-fill-color:#2F3424!important;border:1px solid #F7F4EC!important;width:100%!important;justify-content:space-between!important;padding:0 24px!important;font-weight:600!important;box-shadow:0 10px 26px rgba(0,0,0,.22)!important} html body #page-shell#page-shell.kc-unified .legacy-main .bk-summary button.bk-go[data-bk-reserve] svg{color:#2F3424!important;stroke:#2F3424!important} html body #page-shell#page-shell.kc-unified .legacy-main .bk-summary button.bk-go[data-bk-reserve]:hover{background:#EAE4D3!important;border-color:#EAE4D3!important;color:#1E261D!important} html body #page-shell#page-shell.kc-unified .legacy-main .bk-summary .form-status:empty{display:none!important} @media (min-width:1000px){ html body:not(.customer-page):not(.customer-login) .legacy-shell>.dc-chrome:first-child, html body:not(.customer-page):not(.customer-login) #lh-top{display:none!important} } } /* Pokladňa: firemné údaje, každé pole na vlastnom riadku, dostatok miesta nad tlačidlom. */ @layer shopv2{ #page-shell#page-shell.kc-unified .shop-checkout .company-fields{display:grid;gap:26px;margin:10px 0 34px} #page-shell#page-shell.kc-unified .shop-checkout .company-fields[hidden]{display:none} #page-shell#page-shell.kc-unified .shop-checkout .company-fields>label{display:grid;gap:10px;margin:0} #page-shell#page-shell.kc-unified .shop-checkout label.check{display:flex;align-items:center;gap:12px;margin:22px 0 18px} #page-shell#page-shell.kc-unified .shop-checkout fieldset[data-step="1"]>.button[data-next]{margin-top:30px} } /* Pokladňa: žiadna čiara nad prvou voľbou platby a doručenia. */ @layer shopv2{ html body #page-shell#page-shell.kc-unified .shop-checkout :is(#payment-options,#delivery-options,.payment-options){border-top:0!important;border-bottom:0!important} } /* Detail konzultácie, dolné kapitoly: dva stĺpce (nadpis vľavo, obsah vpravo) a farby od šedomodrej po zlatú ako na hlavnej stránke. */ @layer shopv2{ #page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-story>.cv2-chap:has(h2)>div{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.6fr);column-gap:clamp(32px,5vw,80px);align-items:start} #page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-story>.cv2-chap:has(h2)>div>h2{grid-column:1;grid-row:1/span 30;position:sticky;top:110px;margin:0!important;font-size:clamp(28px,3vw,44px)!important;line-height:1.05} #page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-story>.cv2-chap:has(h2)>div>:not(h2){grid-column:2} #page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-story>.cv2-chap:has(h2) p{max-width:none} #page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-story>.cv2-chap:has(h2) ul{margin:6px 0 14px;padding-left:20px;display:grid;gap:8px} #page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-story>.cv2-chap{padding:clamp(28px,4vw,56px)!important;border:0!important;border-radius:32px!important} #page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-story>.cv2-chap:nth-child(6n+1){background:#E9E9F2!important} #page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-story>.cv2-chap:nth-child(6n+2){background:#DCDDEC!important} #page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-story>.cv2-chap:nth-child(6n+3){background:#E4E6D6!important} #page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-story>.cv2-chap:nth-child(6n+4){background:#2F3424!important;color:#F7F4EC!important} #page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-story>.cv2-chap:nth-child(6n+4) :is(h2,h3,p,li,span,strong){color:#F7F4EC!important} #page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-story>.cv2-chap:nth-child(6n+5){background:#F3E9D0!important} #page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-story>.cv2-chap:nth-child(6n+6){background:#E8D5A6!important} @media (max-width:900px){#page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-story>.cv2-chap:has(h2)>div{grid-template-columns:1fr}#page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-story>.cv2-chap:has(h2)>div>h2,#page-shell#page-shell.kc-unified .legacy-main .cv2 .cv2-story>.cv2-chap:has(h2)>div>:not(h2){grid-column:1;grid-row:auto;position:static}} } /* Mobil: tlačidlo Menu zostáva v pravom hornom rohu na každej stránke. */ @media(max-width:999px){ #lh-top.lh-top{left:0!important;right:0!important;justify-content:flex-end!important;padding-left:0!important;padding-right:16px!important} #lh-top.lh-top .lh-top__side .lh-top__menu{left:auto!important;right:0!important} } @layer jednotny{ /* Mená a popisky tmavého panelu nepreberajú farbu nadpisov svetlého obsahu. */ #page-shell.kc-unified .customer-center .center-sidebar>#center-name{color:#FBF9F3!important;font:500 25px/1.3 Fraunces,Georgia,serif!important;letter-spacing:-.02em!important;overflow-wrap:anywhere;margin:12px 28px 0!important;padding:0 0 24px!important} #page-shell.kc-unified .customer-center .center-sidebar>.eyebrow,#page-shell.kc-unified .customer-center .center-sidebar .center-theme p{color:#EDE9F5!important} @media(max-width:999.98px){#page-shell.kc-unified .customer-center .center-sidebar>#center-name{margin:8px 20px 0!important;padding-bottom:12px!important;font-size:22px!important}} } /* Zákaznícky účet: hlavička lh-top je skrytá, Menu je dostupné cez pravé bočné ouško */ body.customer-page #lh-top, body.customer-page .legacy-shell > .dc-chrome:first-child { display: none !important; } /* Oprava mobilného zobrazenia konzultácií (.cv2-hero): zabránenie zvislému stláčaniu stĺpcov */ @media (max-width: 900px) { #page-shell.kc-unified .legacy-main .cv2-hero { grid-template-columns: minmax(0, 1fr)!important; gap: 20px!important; } #page-shell.kc-unified .legacy-main .cv2-card { width: 100%!important; box-sizing: border-box!important; } } /* Mobilné ouško menu pod Novinkami (Novinky v 1/3 displeja, Menu hneď pod nimi); odchádza pri scrollu nadol (Smart Hide). */ .ana-menu-tab{ position: fixed!important; top: var(--ana-menu-tab-top, calc(33.33vh + 58px))!important; right: 0!important; left: auto!important; bottom: auto!important; z-index: 60!important; writing-mode: vertical-rl!important; transform: none!important; background: var(--site-accent-deep, #62527F)!important; color: #fff!important; padding: 12px 7px!important; border: 0!important; border-radius: 14px 0 0 14px!important; font-family: Figtree, sans-serif!important; font-size: 10.5px!important; letter-spacing: .14em!important; text-transform: uppercase!important; font-weight: 500!important; box-shadow: -2px 4px 14px rgba(98, 82, 127, .35)!important; cursor: pointer!important; display: none!important; transition: transform .35s cubic-bezier(.2,.8,.2,1), opacity .3s ease!important; } /* Plávajúce ouško zvuku (Desktop vpravo, Mobil vľavo dole) */ .ana-sound-tab{ position: fixed!important; z-index: 85!important; transform: none!important; background: #5a7356!important; color: #fff!important; border: 0!important; font-family: Figtree, sans-serif!important; letter-spacing: .12em!important; text-transform: uppercase!important; font-weight: 600!important; cursor: pointer!important; display: flex!important; align-items: center!important; justify-content: center!important; gap: 5px!important; transition: transform .35s cubic-bezier(.2,.8,.2,1), opacity .3s ease, background-color .3s ease!important; } .ana-sound-tab.is-playing{ background: var(--nv-gold, #c9a55c)!important; color: #2F3424!important; } .ana-sound-tab .ana-sound-tab__note{ font-size: 13px!important; line-height: 1!important; } .ana-sound-tab.is-playing .ana-sound-tab__note{ animation: anaSoundPulse 1.4s ease-in-out infinite!important; } @keyframes anaSoundPulse{ 0%,100%{transform:scale(1)} 50%{transform:scale(1.25);color:#fff} } /* Mobil (< 1000px): jemné úzke ouško zvuku vľavo v spodnej tretine (neprekáža v obsahu) */ @media (max-width: 999.98px) { .ana-sound-tab { left: 0 !important; right: auto !important; top: auto !important; bottom: clamp(96px, 16vh, 150px) !important; border-radius: 0 12px 12px 0 !important; padding: 11px 5.5px !important; writing-mode: vertical-rl !important; transform: rotate(180deg) !important; font-size: 10px !important; letter-spacing: .12em !important; box-shadow: 2px 4px 12px rgba(40, 48, 32, .28) !important; opacity: 0.92 !important; } .ana-sound-tab.is-playing { box-shadow: 2px 4px 14px rgba(201, 165, 92, .4) !important; opacity: 1 !important; } .ana-sound-tab:hover { transform: rotate(180deg) translateX(-2px) !important; opacity: 1 !important; } html.tab-smart-hide .ana-sound-tab { transform: rotate(180deg) translateX(55%) !important; opacity: 0.65 !important; } html.ana-menu-open .ana-sound-tab { transform: rotate(180deg) translateX(120%) !important; opacity: 0 !important; pointer-events: none !important; } .ana-sound-pop { display: none !important; } } /* Desktop (>= 1000px): ouško zvuku vpravo v doku pod Menu */ @media (min-width: 1000px) { .ana-sound-tab { top: var(--ana-sound-tab-top, calc(var(--ana-menu-tab-top, 27vh) + 60px)) !important; right: 0 !important; left: auto !important; bottom: auto !important; writing-mode: vertical-rl !important; border-radius: 14px 0 0 14px !important; padding: 12px 7px !important; font-size: 10.5px !important; box-shadow: -2px 4px 14px rgba(90, 115, 86, .35) !important; } .ana-sound-tab.is-playing { box-shadow: -2px 4px 16px rgba(201, 165, 92, .45) !important; } .ana-sound-tab:hover { transform: translateX(-3px) !important; } html.tab-smart-hide .ana-sound-tab { transform: translateX(115%) !important; pointer-events: none !important; } html.ana-menu-open .ana-sound-tab { transform: translateX(115%) !important; opacity: 0 !important; pointer-events: none !important; } } @media (max-width: 999.98px) { /* Skryť natívne ľavé menu a rail na mobile */ html body #ana-rail, html body .hero-rail, html body .left-rail, html body .rail-menu, html body .lh-top__menu, html body .lh-top, html body #lh-top, html body .legacy-shell>.dc-chrome:first-child>header, html body .legacy-shell>.dc-chrome:first-child>header :is(.dch0,.dch1), html body dc-narrow:has(.dch0), html body .dch0 { display: none!important; } :root, html, body { --rail-pad: 0px!important; --rail-neg: 0px!important; } .legacy-shell { padding-left: 0!important; } .legacy-main>:not(.legal-doc) { margin-left: 0!important; border-left: 0!important; } /* Zobraziť modré ouško Menu na pravom boku pod Novinkami. */ .ana-menu-tab { display: flex!important; align-items: center!important; justify-content: center!important; } /* Nadpis odkazu (Obchod) a textové nadpisy majú rovnaký riadok aj odstup. */ @layer jednotny { @media (max-width: 999.98px) { html body #dc-top-menu div:has(>.menu-section)>div>:first-child { box-sizing: border-box!important; display: block!important; height: 44px!important; min-height: 44px!important; margin: 0 0 10px!important; padding: 0!important; line-height: 28px!important; } html body #dc-top-menu div:has(>.menu-section)>div>:first-child>span { vertical-align: top!important; } } } html.tab-smart-hide .ana-menu-tab { transform: translateX(115%)!important; pointer-events: none!important; } html.ana-menu-open .ana-menu-tab, .ana-menu-tab[aria-expanded="true"] { transform: translateX(115%)!important; opacity: 0!important; pointer-events: none!important; } html.ana-menu-open .nv-tab, html.ana-menu-open .nv-dock { visibility: hidden!important; pointer-events: none!important; } /* Menu vyskočí zospodu ako bottom sheet */ #dc-top-menu { box-sizing: border-box!important; top: auto!important; bottom: 0!important; left: 0!important; right: 0!important; width: 100%!important; max-width: 100%!important; max-height: min(88dvh, 720px)!important; border-radius: 32px 32px 0 0!important; border: 1px solid rgba(167, 165, 207, .4)!important; border-bottom: 0!important; box-shadow: 0 -16px 60px rgba(40, 48, 32, .32)!important; overflow-y: auto!important; overscroll-behavior: contain!important; -webkit-overflow-scrolling: touch!important; padding: 20px 16px max(24px, env(safe-area-inset-bottom))!important; transform: translateY(105%)!important; transition: transform .42s cubic-bezier(.16, 1, .3, 1), opacity .3s ease!important; } html.ana-menu-open #dc-top-menu, #dc-top-menu[aria-hidden="false"] { transform: translateY(0)!important; visibility: visible!important; opacity: 1!important; pointer-events: auto!important; } } /* Mobile menu: show every category on one screen, with aligned two-column rows. */ @layer jednotny { @media (max-width: 999.98px) { html body #dc-top-menu { box-sizing: border-box!important; top: 0!important; bottom: 0!important; left: 0!important; right: 0!important; width: 100%!important; height: 100dvh!important; max-width: 100%!important; max-height: 100dvh!important; display: flex!important; flex-direction: column!important; gap: 12px!important; overflow-y: auto!important; overflow-x: hidden!important; padding: 14px 16px max(16px, env(safe-area-inset-bottom))!important; border-radius: 0!important; } html body #dc-top-menu>div:nth-child(3) { display: flex!important; flex-wrap: nowrap!important; align-items: center!important; justify-content: space-between!important; flex: 0 0 auto!important; min-height: 48px!important; margin: 0!important; padding: 0 0 10px!important; border-bottom: 1px solid rgba(115, 114, 156, .18)!important; } html body #dc-top-menu .menu-brand-mark img { filter: brightness(0) saturate(100%) invert(47%) sepia(14%) saturate(1046%) hue-rotate(204deg) brightness(92%) contrast(88%)!important; opacity: 1!important; } html body #dc-top-menu .menu-brand-mark+div { display: flex!important; } html body #dc-top-menu .menu-brand-mark+div>span:first-child { font-size: 16px!important; letter-spacing: 3px!important; color: #403f62!important; font-weight: 500!important; } html body #dc-top-menu .menu-brand-mark+div>span:last-child { display: none!important; } html body #dc-top-menu [data-menu-account]:not(.menu-quick *), html body #dc-top-menu .menu-register, html body #dc-top-menu a[href="/kosik"]:not(.menu-quick *) { display: none!important; } html body #dc-top-menu .menu-quick { display: flex!important; flex: 0 0 auto!important; flex-direction: column!important; gap: 12px!important; width: 100%!important; margin: 0!important; padding: 0 0 16px!important; border: 0!important; border-bottom: 1px solid rgba(115, 114, 156, .18)!important; } html body #dc-top-menu .menu-quick__links { display: flex!important; flex-wrap: nowrap!important; justify-content: space-between!important; gap: 10px!important; width: 100%!important; } html body #dc-top-menu .menu-quick__links a { display: inline-flex!important; align-items: center!important; justify-content: center!important; flex: 1 1 0!important; min-width: 0!important; height: 44px!important; padding: 0 12px!important; border-radius: 999px!important; background: #fff!important; border: 1px solid #d9d8e8!important; color: #2d2c4a!important; font: 600 14px/1 Figtree, sans-serif!important; text-decoration: none!important; white-space: nowrap!important; } html body #dc-top-menu .menu-quick__links a[data-register-link] { background: #73729c!important; border-color: #73729c!important; color: #fff!important; } html body #dc-top-menu .menu-quick__links a[hidden] { display: none!important; } html body #dc-top-menu .menu-quick__row { display: flex!important; flex-direction: row!important; flex-wrap: nowrap!important; align-items: center!important; justify-content: space-between!important; gap: 12px!important; width: 100%!important; } html body #dc-top-menu .menu-quick__cart { display: inline-flex!important; align-items: center!important; gap: 8px!important; height: 42px!important; min-height: 42px!important; padding: 0 16px!important; border-radius: 999px!important; background: #f0eff7!important; border: 1px solid #d9d8e8!important; color: #403f62!important; font: 600 13.5px/1 Figtree, sans-serif!important; text-decoration: none!important; flex: 0 0 auto!important; } html body #dc-top-menu .menu-quick .menu-lang { display: flex!important; align-items: center!important; gap: 6px!important; flex: 0 0 auto!important; } html body #dc-top-menu .menu-quick .menu-lang [data-i18n-switch] { display: inline-flex!important; align-items: center!important; justify-content: center!important; gap: 4px!important; height: 42px!important; min-height: 42px!important; width: 56px!important; min-width: 56px!important; padding: 0!important; border-radius: 999px!important; background: #fff!important; border: 1px solid #d9d8e8!important; color: #403f62!important; font: 600 12.5px/1 Figtree, sans-serif!important; } html body #dc-top-menu .menu-quick .menu-lang [data-i18n-switch]::before { flex-basis: 16px!important; width: 16px!important; height: 16px!important; } html body #dc-top-menu>div:has(>.menu-section) { display: grid!important; flex: 1 1 auto!important; min-height: 0!important; align-content: start!important; grid-template-columns: repeat(2, minmax(0, 1fr))!important; column-gap: 24px!important; row-gap: 16px!important; overflow: visible!important; } html body #dc-top-menu>div:has(>.menu-section)>div { display: flex!important; flex-direction: column!important; justify-content: flex-start!important; align-self: start!important; min-width: 0!important; min-height: 0!important; gap: 5px!important; padding: 0!important; border: 0!important; border-radius: 0!important; background: transparent!important; box-shadow: none!important; } html body #dc-top-menu>div:has(>.menu-section)>div:nth-child(1) { grid-column: 1!important; grid-row: 1!important; } html body #dc-top-menu>div:has(>.menu-section)>div:nth-child(2) { grid-column: 1!important; grid-row: 2!important; margin-top: 10px!important; } html body #dc-top-menu>div:has(>.menu-section)>div:nth-child(3) { grid-column: 2!important; grid-row: 1 / span 2!important; } html body #dc-top-menu>div:has(>.menu-section)>div:nth-child(4) { display: none!important; } html body #dc-top-menu>div:has(>.menu-section)>div>:first-child { display: block!important; flex: 0 0 auto!important; height: auto!important; min-height: 30px!important; margin: 0 0 8px!important; padding: 0 0 5px!important; overflow: visible!important; border-bottom: 1px solid rgba(115, 114, 156, .14)!important; font: 400 clamp(18px, 4.8vw, 22px)/1.25 Fraunces, Georgia, serif!important; letter-spacing: -.03em!important; color: #2d2c4a!important; white-space: normal!important; } html body #dc-top-menu>div:has(>.menu-section)>div>a:not(:first-child) { display: flex!important; align-items: center!important; flex: 0 0 auto!important; width: 100%!important; height: auto!important; min-height: 36px!important; margin: 0!important; padding: 5px 0!important; overflow: visible!important; border: 0!important; font: 400 15px/1.35 Figtree, sans-serif!important; letter-spacing: 0!important; color: #403f62!important; white-space: normal!important; overflow-wrap: anywhere!important; hyphens: auto!important; } html body #dc-top-menu>div:has(>.menu-section)>div>a :is(span, .roll-a) { white-space: normal!important; line-height: 1.35!important; } html body #dc-top-menu>div:has(>.menu-section) a span[aria-hidden="true"] { display: none!important; } html body #dc-top-menu>div:has(>.menu-section)>div:has(a[href="/kontakt"]):not(:has(a[href^="/eshop"],a[href^="/konzult"],a[href^="/zdravy"])) { display: none!important; } html body #dc-top-menu .menu-quick__row>* { flex: 0 0 auto!important; width: auto!important; margin: 0!important; } html body #dc-top-menu { gap: 16px!important; padding: 16px 18px max(18px, env(safe-area-inset-bottom))!important; } html body #dc-top-menu>div:has(>.menu-section) { flex: 0 0 auto!important; } html body #dc-top-menu .menu-bottom-row { display: flex!important; flex: 0 0 auto!important; justify-content: center!important; align-items: center!important; min-height: 0!important; margin: auto 0 0!important; padding: 12px 0 0!important; border: 0!important; border-top: 1px solid rgba(115, 114, 156, .16)!important; } html body #dc-top-menu .menu-bottom-row .menu-brand-logos { display: grid!important; grid-template-columns: repeat(3, minmax(0, 82px))!important; gap: 18px!important; align-items: center!important; justify-content: center!important; width: 100%!important; } html body #dc-top-menu .menu-bottom-row .menu-brand-logos img { display: block!important; max-height: 44px!important; width: auto!important; max-width: 100%!important; margin: 0 auto!important; object-fit: contain!important; } } @media (max-width: 360px) { html body #dc-top-menu {padding-right: 10px!important;padding-left: 10px!important} html body #dc-top-menu .menu-quick__links a {padding-right: 6px!important;padding-left: 6px!important;font-size: 12px!important} } } /* Účet: zelený panel siaha k hornému okraju; modré Menu sedí nad Novinkami. */ @media (min-width: 1000px) { body.customer-page .center-sidebar { top: 0!important; min-height: 100dvh!important; max-height: 100dvh!important; } } body.customer-page .ana-menu-tab { display: flex!important; align-items: center!important; justify-content: center!important; } /* Samostatná stránka Novinky má vlastné ouško (bez dock skriptu), Menu sedí hneď pod ním. */ @media (max-width: 999.98px) { body:has(#nv) .ana-menu-tab { top: calc(33.33vh + 58px)!important; } } /* Globálna poistka proti horizontálnemu pretekaniu a bielym plochám pri rubber-bandingu */ @media (max-width: 999.98px) { html, body { overflow-x: clip!important; max-width: 100vw!important; position: relative!important; } main, footer, .site-footer, .dc-chrome, .nv { overflow-x: clip!important; max-width: 100vw!important; } } html body .customer-center .acc-booking { grid-template-columns: 80px minmax(0,1fr) auto!important; column-gap: 18px!important; } html body .customer-center .acc-booking.is-past {opacity: 1!important} html body .customer-center .acc-booking :is(h3,p) {color:#2F3424!important} @media (max-width: 640px) { html body .customer-center .acc-booking { grid-template-columns: 64px minmax(0,1fr)!important; gap: 12px!important; } html body .customer-center .acc-booking .center-date>span {min-width:64px!important} html body .customer-center .acc-booking>.acc-badge {grid-column:2} } /* Dashboard zákazníckeho účtu: používa existujúce routy, profil aj rezervácie. */ html body .customer-center .center-heading {text-align:left!important;margin:0 0 22px!important;position:relative} html body .customer-center .center-heading .eyebrow {color:#766B9D!important;font:italic 600 16px/1.3 Fraunces,Georgia,serif!important;letter-spacing:0!important;text-transform:none!important;margin:0 0 5px!important} html body .customer-center .center-heading h1 {font-size:clamp(30px,4vw,48px)!important;line-height:1.08!important;letter-spacing:-.035em!important;margin:0!important;color:var(--center-ink)!important} html body .customer-center .account-heading-subtitle {margin:7px 0 0!important;color:#5E6375!important;font-size:17px!important} html body .customer-center .account-signout {display:inline-flex;align-items:center;justify-self:end;min-height:36px;margin-top:8px;color:#5E6375!important;font-size:13px;text-decoration:underline;text-underline-offset:4px} html body .customer-center .account-back {display:inline-flex;align-items:center;min-height:44px;margin-top:12px;padding:0 14px;border:1px solid var(--acc-line);border-radius:99px;background:#fff;color:var(--center-ink);cursor:pointer} html body .customer-center .account-back[hidden] {display:none!important} html body .customer-center .account-dashboard {display:grid;gap:34px} html body .customer-center .account-dashboard-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;border:0} html body .customer-center .account-dashboard-tile {position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:14px;min-width:0;min-height:106px;padding:16px 18px;border:1px solid rgba(104,88,130,.08);border-radius:22px;background:rgba(255,253,250,.94);box-shadow:0 10px 24px -20px rgba(46,39,57,.4);color:var(--center-ink);text-align:left;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease} html body .customer-center .account-dashboard-tile:hover {transform:translateY(-2px);border-color:color-mix(in srgb,var(--acc-lav) 38%,transparent);box-shadow:0 14px 26px -18px rgba(46,39,57,.42)} html body .customer-center .account-dashboard-tile:focus-visible,html body .customer-center .account-back:focus-visible {outline:3px solid #8E86B8;outline-offset:3px} html body .customer-center .account-dashboard-icon,html body .customer-center .account-world-card-icon {display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:color-mix(in srgb,var(--acc-lav) 12%,#fff);color:#655781} html body .customer-center .account-dashboard-icon svg,html body .customer-center .account-world-card-icon svg {width:34px;height:34px} html body .customer-center .account-dashboard-copy {display:grid;gap:4px;min-width:0} html body .customer-center .account-dashboard-copy strong {font:600 18px/1.2 Figtree,sans-serif;color:#25251F} html body .customer-center .account-dashboard-copy small {font:400 13px/1.35 Figtree,sans-serif;color:#5E6375} html body .customer-center .account-dashboard-arrow {align-self:center;color:#766B9D;font-size:23px;line-height:1} html body .customer-center .account-world {display:grid;gap:14px} html body .customer-center .account-world>.eyebrow {margin:0;color:#766B9D!important;font:italic 600 19px/1.3 Fraunces,Georgia,serif!important;letter-spacing:0!important;text-transform:none!important} html body .customer-center .account-world>h2 {max-width:760px;margin:0;color:var(--center-ink);font:300 clamp(32px,4.2vw,54px)/1.06 Fraunces,Georgia,serif;letter-spacing:-.035em} html body .customer-center .account-world-cards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:4px} html body .customer-center .account-world-card {display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding:20px;border:1px solid rgba(104,88,130,.08);border-radius:22px;background:rgba(255,253,250,.94);box-shadow:0 10px 24px -20px rgba(46,39,57,.4);min-width:0} html body .customer-center .account-world-card-icon {width:44px;height:44px} html body .customer-center .account-world-card-icon svg {width:28px;height:28px} html body .customer-center .account-world-card-copy {min-width:0} html body .customer-center .account-world-card h3 {margin:0 0 6px;color:#665781;font:600 19px/1.2 Figtree,sans-serif} html body .customer-center .account-world-card :is(#center-next-booking,#center-library-summary) {color:#555966;font-size:14px;line-height:1.4} html body .customer-center #center-next-booking .form-status,html body .customer-center #center-library-summary .form-status {margin:0} html body .customer-center .account-world-card #center-next-booking .center-date {align-items:flex-start;gap:10px} html body .customer-center .account-world-card #center-next-booking .center-date>span {min-width:48px;padding:8px;border-radius:12px;background:#E6E5D9;color:#2F3424;font-size:22px} html body .customer-center .account-world-card #center-next-booking .center-date h3 {margin:0;color:#2F3424;font-size:14px;line-height:1.35} html body .customer-center .account-world-card #center-next-booking>p {margin:4px 0 0 58px;font-size:12px;color:#666B5C} html body .customer-center .account-world-card>.button {grid-column:2;justify-self:start;min-height:42px;padding:0 13px!important;border-color:rgba(47,52,36,.3)!important;background:transparent!important;color:#2F3424!important;font-size:13px!important} /* DESKTOP (>= 1000px): Levý tmavě zelený sidebar se VŽDY normálně zobrazuje na přehledu i na všech podstránkách. */ @media (min-width:1000px) { html body .customer-center .center-layout { display: grid!important; grid-template-columns: 280px minmax(0, 1fr)!important; min-height: calc(100dvh - 76px)!important; } html body .customer-center .center-sidebar { display: flex!important; position: sticky!important; top: 76px!important; align-self: start!important; min-height: calc(100dvh - 76px)!important; max-height: calc(100dvh - 76px)!important; overflow-y: auto!important; } html body .customer-center[data-active-panel="prehlad"] .center-content {max-width:none!important;padding-top:42px!important} html body .customer-center[data-active-panel="prehlad"] .account-dashboard-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} } /* MOBIL (< 1000px): Zelený blok se nesmí cpát nahoru nad obsah podstránek; na mobilu je sidebar zcela skrytý. */ @media (max-width:999.98px) { html body .customer-center .center-layout {display:block!important;min-height:0!important} html body .customer-center .center-sidebar {display:none!important} html body .customer-center .center-content {padding:20px 18px 48px!important} html body .customer-center .center-heading {padding:20px 22px!important;margin:0 0 20px!important;border:1px solid rgba(118,107,157,.12);border-radius:26px;background:linear-gradient(115deg,#F2EDF5 0%,#FBF8F2 64%,#EFE8F1 100%);overflow:hidden} html body .customer-center .center-heading::after {content:"";position:absolute;right:28px;top:10px;width:82px;height:120px;border-right:2px solid rgba(118,107,157,.19);border-radius:60% 0 60% 0;transform:rotate(22deg);pointer-events:none} html body .customer-center .center-heading::before {content:"";position:absolute;right:62px;top:35px;width:46px;height:76px;border-left:2px solid rgba(118,107,157,.16);border-radius:0 60% 0 60%;transform:rotate(-24deg);pointer-events:none} html body .customer-center .center-heading :is(.eyebrow,h1,.account-heading-subtitle,.account-back) {position:relative;z-index:1} html body .customer-center .center-heading h1 {max-width:calc(100% - 46px)!important;font-size:clamp(28px,7.6vw,38px)!important} html body .customer-center .center-heading .eyebrow {font-size:18px!important} html body .customer-center .center-heading .account-heading-subtitle {font-size:16px!important} html body .customer-center .account-dashboard {gap:28px} html body .customer-center .account-dashboard-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} html body .customer-center .account-dashboard-tile {grid-template-columns:44px minmax(0,1fr);gap:10px;min-height:96px;padding:13px 12px;border-radius:19px} html body .customer-center .account-dashboard-icon {width:44px;height:44px} html body .customer-center .account-dashboard-icon svg {width:30px;height:30px} html body .customer-center .account-dashboard-copy strong {font-size:16px} html body .customer-center .account-dashboard-copy small {font-size:12px} html body .customer-center .account-dashboard-copy strong {overflow-wrap:normal;word-break:normal} html body .customer-center .account-dashboard-copy small {max-width:100%;overflow-wrap:break-word} html body .customer-center .account-world {gap:10px} html body .customer-center .account-world>h2 {font-size:clamp(32px,8vw,42px)} html body .customer-center .account-world-cards {grid-template-columns:1fr;gap:12px} html body .customer-center .account-world-card {grid-template-columns:40px minmax(0,1fr);gap:10px;padding:17px;border-radius:19px} html body .customer-center .account-world-card-icon {width:40px;height:40px} html body .customer-center .account-world-card-icon svg {width:25px;height:25px} html body .customer-center .account-world-card h3 {font-size:17px} html body .customer-center .account-world-card>.button {grid-column:2} html body .customer-center .account-signout {justify-self:start;min-height:40px;margin-top:3px} } @media (max-width:359px) { html body .customer-center .center-content {padding-inline:12px!important} html body .customer-center .account-dashboard-grid {grid-template-columns:1fr!important} html body .customer-center .account-dashboard-tile {min-height:82px;grid-template-columns:44px minmax(0,1fr)} html body .customer-center .center-heading {padding:18px!important} } @media (prefers-reduced-motion:reduce) { html body .customer-center .account-dashboard-tile {transition:none!important} } /* Konzultácie: mobilné kroky, plnošírkový kalendár a čitateľné rezervácie. */ @layer shopv2 { #page-shell#page-shell.kc-unified .legacy-main .bk, #page-shell#page-shell.kc-unified .legacy-main .bk * {min-width:0;box-sizing:border-box} #page-shell#page-shell.kc-unified .legacy-main .bk-progress {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0 0 20px} #page-shell#page-shell.kc-unified .legacy-main .bk-progress li {position:relative;display:grid;justify-items:center;align-content:start;gap:5px;text-align:center;color:#777b70;min-width:0} #page-shell#page-shell.kc-unified .legacy-main .bk-progress li:not(:last-child)::after {content:"";position:absolute;left:calc(50% + 16px);right:calc(-50% + 16px);top:13px;height:1px;background:rgba(47,52,36,.18)} #page-shell#page-shell.kc-unified .legacy-main .bk-progress li>span {display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(47,52,36,.24);border-radius:50%;background:#fff;font-size:12px;line-height:1;font-variant-numeric:tabular-nums} #page-shell#page-shell.kc-unified .legacy-main .bk-progress li>small {font-size:11px;line-height:1.2;white-space:nowrap} #page-shell#page-shell.kc-unified .legacy-main .bk-progress li.is-current {color:#766B9D;font-weight:600} #page-shell#page-shell.kc-unified .legacy-main .bk-progress li.is-current>span, #page-shell#page-shell.kc-unified .legacy-main .bk-progress li.is-done>span {background:#766B9D;color:#fff;border-color:#766B9D} #page-shell#page-shell.kc-unified .legacy-main .bk-types {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;margin:0 0 22px!important} #page-shell#page-shell.kc-unified .legacy-main .bk-types button {display:grid!important;grid-template-columns:48px minmax(0,1fr) 24px;align-items:center;gap:12px;min-height:88px!important;width:100%;padding:14px 16px!important;text-align:left;border-radius:20px!important;white-space:normal} #page-shell#page-shell.kc-unified .legacy-main .bk-type__icon {display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#F0EDF7;color:#766B9D} #page-shell#page-shell.kc-unified .legacy-main .bk-type__icon svg {width:28px;height:28px} #page-shell#page-shell.kc-unified .legacy-main .bk-type__copy {display:grid;gap:5px;min-width:0} #page-shell#page-shell.kc-unified .legacy-main .bk-types button strong {font-size:16px;line-height:1.3;overflow-wrap:normal;word-break:normal} #page-shell#page-shell.kc-unified .legacy-main .bk-types button small {font-size:13px;line-height:1.35;color:#686d60;overflow-wrap:normal;word-break:normal} #page-shell#page-shell.kc-unified .legacy-main .bk-type__select {display:grid;place-items:center;width:22px;height:22px;border:1px solid rgba(47,52,36,.25);border-radius:50%;font-size:13px;line-height:1} #page-shell#page-shell.kc-unified .legacy-main .bk-types button[aria-pressed=true] {background:#EAE7F2!important;border-color:#B9B2D1!important;color:#2F3424!important} #page-shell#page-shell.kc-unified .legacy-main .bk-types button[aria-pressed=true] small {color:#5E5A70!important} #page-shell#page-shell.kc-unified .legacy-main .bk-types button[aria-pressed=true] .bk-type__select {background:#766B9D;color:#fff;border-color:#766B9D} #page-shell#page-shell.kc-unified .legacy-main .bk-body {min-width:0} #page-shell#page-shell.kc-unified .legacy-main .bk-body>* {min-width:0;width:100%} #page-shell#page-shell.kc-unified .legacy-main .bk-cal {width:100%;max-width:none!important;min-width:0} #page-shell#page-shell.kc-unified .legacy-main .bk-week, #page-shell#page-shell.kc-unified .legacy-main .bk-grid {width:100%;min-width:0;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:clamp(2px,1vw,8px)!important} #page-shell#page-shell.kc-unified .legacy-main .bk-week span {min-width:0;text-align:center;letter-spacing:.04em} #page-shell#page-shell.kc-unified .legacy-main .bk-day {min-width:0;width:100%;height:clamp(36px,5vw,48px)!important;min-height:36px!important;padding:0!important;font-size:clamp(12px,1.3vw,16px);border-radius:11px!important;font-variant-numeric:tabular-nums} #page-shell#page-shell.kc-unified .legacy-main .bk-day:disabled {opacity:1;cursor:default} #page-shell#page-shell.kc-unified .legacy-main .bk-day--past:disabled {color:#c4c5bc!important} #page-shell#page-shell.kc-unified .legacy-main .bk-side {min-width:0;width:100%} #page-shell#page-shell.kc-unified .legacy-main .bk-step, #page-shell#page-shell.kc-unified .legacy-main .bk-summary {min-width:0;overflow-wrap:break-word} #page-shell#page-shell.kc-unified .legacy-main .bk-times {grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr))!important} #page-shell#page-shell.kc-unified .legacy-main .bk-time {min-height:48px!important} #page-shell#page-shell.kc-unified .legacy-main .bk-go {min-height:48px} html body .customer-center .acc-booking {grid-template-columns:72px minmax(0,1fr)!important;gap:16px!important;align-items:start!important} html body .customer-center .acc-booking__body {display:grid;justify-items:start;gap:7px;min-width:0} html body .customer-center .acc-booking__body .acc-badge {grid-row:1;max-width:100%;white-space:normal} html body .customer-center .acc-booking__body .acc-badge--shipped {background:#E6EFDF!important;color:#536D49!important} html body .customer-center .acc-booking__body h3 {min-width:0;max-width:100%;line-height:1.35!important;overflow-wrap:break-word;word-break:normal} html body .customer-center .acc-booking__body p {min-width:0;overflow-wrap:break-word;line-height:1.45} @container (max-width:639px) { #page-shell#page-shell.kc-unified .legacy-main .bk-body {grid-template-columns:minmax(0,1fr)!important;gap:16px!important} #page-shell#page-shell.kc-unified .legacy-main .bk-types {grid-template-columns:minmax(0,1fr)!important} } @media(max-width:760px) { #page-shell#page-shell.kc-unified .legacy-main .bk-body {grid-template-columns:minmax(0,1fr)!important;gap:16px!important} #page-shell#page-shell.kc-unified .legacy-main .bk-types {grid-template-columns:minmax(0,1fr)!important} #page-shell#page-shell.kc-unified .legacy-main .bk-cal {padding:clamp(14px,4vw,20px)!important;border-radius:22px!important} #page-shell#page-shell.kc-unified .legacy-main .bk-cal__head h3 {font-size:17px!important;text-align:center} #page-shell#page-shell.kc-unified .legacy-main .bk-week span {font-size:10px;letter-spacing:0} #page-shell#page-shell.kc-unified .legacy-main .bk-day {height:40px!important;min-height:40px!important;border-radius:9px!important} #page-shell#page-shell.kc-unified .legacy-main .bk-step, #page-shell#page-shell.kc-unified .legacy-main .bk-summary {padding:18px!important;border-radius:20px!important} #page-shell#page-shell.kc-unified .legacy-main .bk-times {grid-template-columns:minmax(0,1fr)!important} } @media(max-width:359px) { #page-shell#page-shell.kc-unified .legacy-main .bk-progress {gap:2px} #page-shell#page-shell.kc-unified .legacy-main .bk-progress li>small {font-size:10px} #page-shell#page-shell.kc-unified .legacy-main .bk-cal {padding:12px!important} #page-shell#page-shell.kc-unified .legacy-main .bk-week, #page-shell#page-shell.kc-unified .legacy-main .bk-grid {gap:2px!important} #page-shell#page-shell.kc-unified .legacy-main .bk-day {height:36px!important;min-height:36px!important} html body .customer-center .acc-booking {grid-template-columns:56px minmax(0,1fr)!important;gap:10px!important} } @media(prefers-reduced-motion:reduce) { #page-shell#page-shell.kc-unified .legacy-main .bk-types button, #page-shell#page-shell.kc-unified .legacy-main .bk-time, #page-shell#page-shell.kc-unified .legacy-main .bk-day {transition:none!important;scroll-behavior:auto!important} } } /* Zrkadielko — plávajúce červené ouško a bočný panel (drawer) */ #zrkadielko-dock-tab { position: fixed!important; top: var(--ana-zrkadielko-tab-top, 210px)!important; right: 0!important; left: auto!important; bottom: auto!important; z-index: 60!important; writing-mode: vertical-rl!important; transform: none!important; background: #ba2837!important; color: #fff!important; padding: 18px 10px!important; border: 0!important; border-radius: 18px 0 0 18px!important; font-family: Figtree, sans-serif!important; font-size: 11.5px!important; letter-spacing: .16em!important; text-transform: uppercase!important; font-weight: 600!important; box-shadow: -4px 6px 20px rgba(186, 40, 55, .38)!important; cursor: pointer!important; display: flex!important; align-items: center!important; justify-content: center!important; gap: 6px!important; transition: transform .25s ease, background .2s ease, box-shadow .25s ease!important; } #zrkadielko-dock-tab:hover, #zrkadielko-dock-tab:focus-visible { background: #9e1f2c!important; transform: translateX(-4px)!important; box-shadow: -6px 8px 24px rgba(186, 40, 55, .48)!important; outline: none!important; } #zrkadielko-dock-tab .zrkadielko-tab__icon { font-size: 14px; writing-mode: horizontal-tb; line-height: 1; } #zrkadielko-drawer-backdrop { position: fixed; inset: 0; background: rgba(25, 23, 20, 0.52); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); z-index: 1250; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; } #zrkadielko-drawer-backdrop.is-open { opacity: 1; pointer-events: auto; } #zrkadielko-drawer { position: fixed; top: 76px; right: 0; bottom: 24px; width: min(430px, calc(100vw - 20px)); background: linear-gradient(160deg, #dfe6f0c4 0%, #e8e9eeb0 42%, #efe2c0b0 78%, #dcc07cc4 100%) !important; backdrop-filter: blur(22px) saturate(1.2) !important; -webkit-backdrop-filter: blur(22px) saturate(1.2) !important; border: 1px solid #ffffffa6 !important; border-right: 0 !important; border-radius: 40px 0 0 40px !important; box-shadow: -18px 20px 60px #73729c30 !important; z-index: 1260; display: flex; flex-direction: column; transform: translateX(110%); transition: transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1); overflow: hidden; } #zrkadielko-drawer.is-open { transform: translateX(0); } @media (max-width: 760px) { #zrkadielko-drawer { top: 12vh !important; bottom: 0 !important; left: 0 !important; right: 0 !important; width: auto !important; border-radius: 36px 36px 0 0 !important; border-right: 1px solid #ffffffa6 !important; } } .zrkadielko-drawer-header { position: relative !important; display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 12px !important; padding: 24px 24px 14px !important; background: transparent !important; border-bottom: 1px solid rgba(255, 255, 255, 0.45) !important; } .zrkadielko-drawer-header .zrkadielko-badge { display: inline-block; background: #BA2837; color: #fff; font-size: 9px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; padding: 2px 7px; border-radius: 99px; margin-bottom: 2px; } .zrkadielko-drawer-header h2 { font-family: Fraunces, Georgia, serif !important; font-style: italic !important; font-weight: 400 !important; font-size: 26px !important; color: #2F3424 !important; margin: 0 !important; line-height: 1.1 !important; } .zrkadielko-drawer-header p { font-size: 12px !important; color: #555149 !important; margin: 2px 0 0 !important; } .zrkadielko-drawer-close { width: 32px; height: 32px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.6); color: #4A463F; font-size: 16px; line-height: 30px; text-align: center; cursor: pointer; padding: 0; transition: background 0.15s, color 0.15s, transform 0.15s; } .zrkadielko-drawer-close:hover { background: #fff; color: #ba2837; transform: scale(1.05); } .zrkadielko-drawer-content { flex: 1; background: transparent !important; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #a7a5cf transparent; -webkit-overflow-scrolling: touch; padding: 16px 20px 24px !important; } /* Jemná mini lišta pre dátum a týždeň namiesto obrovských piluliek */ .zd-meta-compact { display: inline-flex !important; align-items: center !important; gap: 8px !important; margin-bottom: 12px !important; background: rgba(255, 255, 255, 0.5) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; border: 1px solid rgba(255, 255, 255, 0.75) !important; border-radius: 99px !important; padding: 3px 12px !important; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important; width: auto !important; max-width: 100% !important; } .zd-meta-date, .zd-meta-week { display: inline-flex !important; align-items: center !important; background: transparent !important; border: none !important; padding: 0 !important; margin: 0 !important; } .zd-meta-ico { font-size: 11px !important; opacity: 0.75 !important; margin-right: 4px !important; } .zd-meta-dot { color: rgba(74, 70, 63, 0.35) !important; font-weight: 700 !important; font-size: 12px !important; user-select: none !important; } .zd-meta-compact input[type="date"], .zd-meta-compact select { all: unset !important; box-sizing: border-box !important; background: transparent !important; border: none !important; outline: none !important; box-shadow: none !important; font-family: inherit !important; font-size: 11.5px !important; font-weight: 600 !important; color: #2F3424 !important; padding: 0 !important; margin: 0 !important; height: auto !important; line-height: normal !important; cursor: pointer !important; -webkit-appearance: none !important; appearance: none !important; } .zd-meta-compact select { padding-right: 12px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath fill='%23555149' d='M0 1l4 4 4-4z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right center !important; } /* Citát a otázky týždňa */ .zd-quote-card { background: rgba(255, 255, 255, 0.45); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.65); border-left: 3px solid #BA2837; border-radius: 0 12px 12px 0; padding: 8px 12px; margin-bottom: 12px; } .zd-quote-text { font-family: Fraunces, Georgia, serif; font-style: italic; font-size: 13px; color: #2F3424; margin: 0; line-height: 1.35; } .zd-prompt-details { margin-top: 4px; font-size: 11px; color: #6A665E; } .zd-prompt-details summary { cursor: pointer; user-select: none; } .zd-prompt-details ul { margin: 4px 0 2px 14px; padding: 0; color: #3A362E; } .zd-prompt-details li { margin-bottom: 2px; line-height: 1.3; } /* Skupina metrík v priehľadných kartách ako Novinky */ .zd-metrics-group { display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px; } .zd-metric-row { background: rgba(255, 255, 255, 0.65); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.85); border-radius: 12px; padding: 8px 12px; } .zd-metric-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 6px; } .zd-metric-title { font-size: 11.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #2F3424; } .zd-metric-state { font-size: 11px; font-weight: 600; color: #BA2837; } /* Stupnica 1-10 — čistý 1 riadok */ .zd-scale-track { display: flex; justify-content: space-between; gap: 3px; width: 100%; } .zd-scale-btn { flex: 1; height: 26px; min-width: 0; padding: 0; border: 1px solid rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.65); color: #4A463F; border-radius: 6px; font-family: inherit; font-size: 11.5px; font-weight: 600; cursor: pointer; transition: all .15s ease; display: flex; align-items: center; justify-content: center; } .zd-scale-btn:hover { background: #fff; border-color: #BA2837; color: #BA2837; transform: translateY(-1px); } .zd-scale-btn.is-active, .zd-scale-btn[aria-pressed=true] { background: #BA2837 !important; border-color: #BA2837 !important; color: #fff !important; box-shadow: 0 2px 6px rgba(186, 40, 55, .35) !important; transform: translateY(-1px); } /* Zápisky */ .zd-note-wrap label { display: block; font-size: 11.5px; font-weight: 600; color: #4A463F; margin-bottom: 4px; } .zd-note-wrap textarea { width: 100%; box-sizing: border-box; background: rgba(255, 255, 255, 0.7) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: 1px solid rgba(255, 255, 255, 0.85) !important; border-radius: 12px !important; padding: 8px 10px !important; font-family: inherit; font-size: 12.5px !important; color: #252422 !important; resize: vertical; min-height: 64px; line-height: 1.4; outline: none; transition: border-color .15s ease, box-shadow .15s ease, background .15s ease; } .zd-note-wrap textarea:focus { background: rgba(255, 255, 255, 0.95) !important; border-color: #BA2837 !important; box-shadow: 0 0 0 3px rgba(186, 40, 55, .15) !important; } /* Akcie */ .zd-actions { margin-top: 10px; } .zd-submit-btn { width: 100%; background: #BA2837; color: #fff; border: none; border-radius: 20px; padding: 10px 16px; font-family: inherit; font-size: 12.5px; font-weight: 600; letter-spacing: .03em; cursor: pointer; box-shadow: 0 4px 14px rgba(186, 40, 55, .28); transition: background .2s, transform .15s; } .zd-submit-btn:hover { background: #A0202E; transform: translateY(-1px); } .zd-status { margin: 6px 0 0; font-size: 11.5px; text-align: center; } .zd-status.is-ok { color: #2D6A28; font-weight: 600; } .zd-status.is-err { color: #BA2837; font-weight: 600; } .zrkadielko-drawer .zrkadielko-entries-list { margin-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.45); padding-top: 14px; } .zrkadielko-drawer .zrkadielko-entry-card { background: rgba(255, 255, 255, 0.65); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.85); border-radius: 12px; padding: 10px 12px; margin-bottom: 8px; } .zrkadielko-drawer .zrkadielko-entry-header { display: flex; justify-content: space-between; align-items: center; font-size: 11.5px; font-weight: 600; color: #555149; margin-bottom: 5px; } .zrkadielko-drawer .zrkadielko-entry-metrics { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 5px; } .zrkadielko-drawer .zrkadielko-entry-note { font-size: 12px; color: #2F3424; line-height: 1.35; background: rgba(255, 255, 255, 0.55); padding: 6px 8px; border-radius: 6px; margin: 4px 0 0; } /* Rezervácia konzultácie: Step 4 karta, svetlé tlačidlo k platbe a stav správy */ html body #page-shell .legacy-main .bk-summary button.bk-go[data-bk-reserve], html body #page-shell .legacy-main .bk-summary .button.light.bk-go, html body #page-shell .legacy-main .bk-summary .button.bk-go { background: #F7F4EC !important; color: #2F3424 !important; -webkit-text-fill-color: #2F3424 !important; border: 1px solid #F7F4EC !important; width: 100% !important; justify-content: space-between !important; padding: 0 24px !important; font-weight: 600 !important; box-shadow: 0 10px 26px rgba(0, 0, 0, 0.22) !important; } html body #page-shell .legacy-main .bk-summary button.bk-go[data-bk-reserve] svg, html body #page-shell .legacy-main .bk-summary .button.light.bk-go svg, html body #page-shell .legacy-main .bk-summary .button.bk-go svg { color: #2F3424 !important; stroke: #2F3424 !important; } html body #page-shell .legacy-main .bk-summary button.bk-go[data-bk-reserve]:hover, html body #page-shell .legacy-main .bk-summary .button.light.bk-go:hover, html body #page-shell .legacy-main .bk-summary .button.bk-go:hover { background: #EAE4D3 !important; border-color: #EAE4D3 !important; color: #1E261D !important; } html body #page-shell .legacy-main .bk-summary .form-status[hidden], html body #page-shell .legacy-main .bk-summary .form-status:empty { display: none !important; } html body #page-shell .legacy-main .bk-summary .form-status:not(:empty):not([hidden]) { display: block !important; margin-top: 14px !important; padding: 10px 14px !important; border-radius: 12px !important; font-size: 13px !important; line-height: 1.4 !important; background: rgba(255, 255, 255, 0.12) !important; border: 1px solid rgba(255, 255, 255, 0.22) !important; color: #F7F4EC !important; } html body #page-shell .legacy-main .bk-summary .form-status[data-state="ERROR"] { background: rgba(180, 50, 40, 0.22) !important; border-color: rgba(230, 90, 80, 0.4) !important; color: #FFD2CC !important; }