/* Oleum Hispania – vzhľad Shoptetu (Apollo) podľa prezentačného webu zlatozandalusie.com
   Nahráva sa cez ./deploy.sh do /user/documents/upload/oleum/ */

:root{
	--oleum-gold:#daa72f;
	--oleum-gold-hover:#c18f1f;
	--oleum-gold-light:#f0c95f;
	--oleum-on-gold:#211b16;
	--oleum-sage:#829069;
	--oleum-sage-dark:#5f6c4a;   /* biely text 5,6:1 (pôvodná #829069 má len 3,4:1) */   /* text na zlatej: kontrast 7,7:1 (biely má len 2,2:1) */
	--oleum-purple:#762774;
	--oleum-purple-deep:#542052;
	--oleum-cocoa:#3c3434;
	--oleum-ink:#1c261e;
	--oleum-sand:#f6f1e8;
	--oleum-cream:#fbf8f1;
	--oleum-text:#5c5552;
	--oleum-line:rgba(60,52,52,.12);
	--oleum-heading-font:"Marcellus",Georgia,"Times New Roman",serif;
	--oleum-text-font:"Mulish",-apple-system,"Segoe UI",Roboto,sans-serif;
	--template-headings-font:"Marcellus";
}

/* ---------- Typografia ---------- */
/* Apollo natvrdo nastavuje Roboto cez .blank-mode / .external-fonts-loaded */
body,body.blank-mode,.external-fonts-loaded body,
body.blank-mode :is(p,span,a,li,td,th,label,input,button,select,textarea,div,strong,b,small,h5,h6,.btn,.name,.price,.price-final,.price-standard,.price-save,.vote-name,.empty-content){
	font-family:var(--oleum-text-font);
}
body{color:var(--oleum-text);background-color:#fbfaf6!important}
h1,h2,h3,h4,.h1,.h2,.h3,.h4,
.p-detail-inner-header h1,.category-title,.homepage-group-title,.products-block .product .name,
.products-block .p .name,.welcome h1,.welcome-wrapper h1{
	font-family:var(--oleum-heading-font)!important;
	font-weight:400!important;
	letter-spacing:-.01em;
	color:var(--oleum-cocoa);
}
a{color:var(--oleum-purple)}
a:hover{color:var(--oleum-gold-hover)}

/* ---------- Tlačidlá ---------- */
.btn.btn-primary,.btn-cart,.add-to-cart-button,.btn.btn-conversion,.next-step-forward,#continue-order-button{
	background:var(--oleum-gold)!important;
	border-color:var(--oleum-gold)!important;
	color:var(--oleum-on-gold)!important;
	border-radius:0!important;
	font-weight:800;
	letter-spacing:.02em;
}
.btn.btn-primary:hover,.btn-cart:hover,.add-to-cart-button:hover,.btn.btn-conversion:hover,.next-step-forward:hover,#continue-order-button:hover{
	background:var(--oleum-purple)!important;
	border-color:var(--oleum-purple)!important;
	color:#fff!important;
}

/* ---------- Horná lišta ---------- */
.top-navigation-bar{background:var(--oleum-cocoa)!important;border:0!important}
.top-navigation-bar .container{min-height:38px}
.top-navigation-bar .top-navigation-contacts,
.top-navigation-bar .top-navigation-contacts *{background:transparent!important;color:rgba(255,255,255,.75)!important;font-size:12px}
.top-navigation-bar .top-navigation-contacts a::before,.top-navigation-bar .top-navigation-contacts a::after{color:var(--oleum-gold)!important}
.top-navigation-bar .top-navigation-contacts strong{font-weight:700;letter-spacing:.04em}
.top-navigation-bar .top-navigation-bar-menu a{color:rgba(255,255,255,.75)!important;font-size:12px;letter-spacing:.02em}
.top-navigation-bar .top-navigation-bar-menu a:hover{color:var(--oleum-gold-light)!important}
.top-navigation-bar .top-navigation-bar-menu li:before,.top-navigation-bar .top-navigation-bar-menu li:after{color:rgba(255,255,255,.35)!important;background-color:rgba(255,255,255,.35)!important}
.top-navigation-bar .top-navigation-menu-trigger,.top-navigation-bar .top-navigation-menu-trigger span{color:#fff!important}

/* ---------- Hlavička ---------- */
#header{background:var(--oleum-cream)!important;border-bottom:1px solid var(--oleum-line);box-shadow:0 8px 28px rgba(25,39,28,.055)}
#header .header-top{background:transparent!important}
#header .site-name img{height:90px!important;max-height:90px!important;width:auto!important;max-width:none!important}
#header .search .search-input,#header .search input[type=search]{
	background:#fff!important;border:1px solid var(--oleum-line)!important;border-radius:0!important;
	font-family:var(--oleum-text-font);color:var(--oleum-cocoa);
}
/* Lupa vo vnútri poľa; text „Hledat“ Apollo skrýva farbou pozadia, preto transparent */
#header .search .btn{top:1px!important;right:1px!important;height:calc(100% - 2px)!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:transparent!important;font-size:0!important}
#header .search .btn:before{color:var(--oleum-cocoa)!important;transition:color .2s}
#header .search .btn:hover:before{color:var(--oleum-gold)!important}
#header .search .search-input:focus{border-color:var(--oleum-gold)!important;box-shadow:none!important}
#header .navigation-buttons .top-nav-button,#header .navigation-buttons .btn,#header .navigation-buttons a{color:var(--oleum-cocoa)!important;font-weight:600}
#header .navigation-buttons .top-nav-button:hover,#header .navigation-buttons a:hover{color:var(--oleum-purple)!important}
#header .cart-count .cart-price{color:var(--oleum-cocoa)!important}
#header .cart-count i,#header .cart-count .count,#header [data-testid="headerCartCount"]{background:var(--oleum-gold)!important;color:var(--oleum-on-gold)!important}

/* Hlavné menu */
#navigation,#navigation .navigation-in,.menu-helper{background:transparent!important}
#navigation,#header .header-top{border:0!important}
#navigation .menu-level-1>li>a{
	position:relative;color:var(--oleum-cocoa)!important;
	font-family:var(--oleum-text-font);font-size:15px;font-weight:600;letter-spacing:.01em;text-transform:none!important;
}
#navigation .menu-level-1>li>a b{font-weight:600}
#navigation .menu-level-1>li>a:after{
	content:"";position:absolute;left:15px;right:15px;bottom:12px;height:2px;background:var(--oleum-gold);
	transform:scaleX(0);transition:transform .22s ease;
}
#navigation .menu-level-1>li>a:hover,#navigation .menu-level-1>li.exp>a{color:var(--oleum-purple)!important;background:transparent!important}
#navigation .menu-level-1>li>a:hover:after,#navigation .menu-level-1>li.exp>a:after{transform:scaleX(1)}
#navigation .menu-level-2{background:var(--oleum-cream)!important;border-top:2px solid var(--oleum-gold)}
#navigation .menu-level-2 a{color:var(--oleum-cocoa)!important}
#navigation .menu-level-2 a:hover{color:var(--oleum-purple)!important}
.menu-helper>span{color:var(--oleum-cocoa)!important}

/* CTA „← Zpět na hlavní web“ – externý odkaz z Vzhled a obsah → Menu, štýl ako „E-shop ↗“ na WP webe.
   Desktop: oleum.js ho presunie z menu do .oleum-web-cta (vpravo v riadku menu). Mobil: ostáva v menu. */
.oleum-web-cta,
#navigation .menu-level-1>li[class*="menu-item-external"]>a{
	display:flex;align-items:center;justify-content:center;height:46px;padding:0 22px!important;
	background:var(--oleum-gold)!important;border:1px solid var(--oleum-gold);color:var(--oleum-on-gold)!important;
	font:800 13px/1 var(--oleum-text-font);letter-spacing:.015em;text-decoration:none!important;white-space:nowrap;
	transition:background .25s,border-color .25s;
}
.oleum-web-cta:hover,
#navigation .menu-level-1>li[class*="menu-item-external"]>a:hover{background:var(--oleum-purple)!important;border-color:var(--oleum-purple);color:#fff!important}
#navigation .menu-level-1>li[class*="menu-item-external"]>a b{font-weight:800}
#navigation .menu-level-1>li[class*="menu-item-external"]>a:after{display:none}
@media (min-width:768px){
	#header .navigation-wrapper{position:relative}
	.oleum-web-cta{position:absolute;right:20px;bottom:7px;z-index:5}
	/* miesto pre tlačidlo, aby sa naň menu neprekrývalo */
	.has-oleum-web-cta #navigation,.has-oleum-web-cta .menu-helper{margin-right:230px}
	#header .menu-helper.oleum-empty{display:none!important}
}
@media (max-width:767px){
	.oleum-web-cta{display:none}
	#navigation .menu-level-1>li[class*="menu-item-external"]{margin:16px}
}

/* ---------- Päta ---------- */
#footer{background:var(--oleum-sand)!important;color:var(--oleum-cocoa);border-top:1px solid var(--oleum-line)}
#footer .oleum-footer{border-bottom:1px solid var(--oleum-line)}
.oleum-footer-grid{display:grid;grid-template-columns:1.45fr .8fr .95fr .8fr;gap:clamp(36px,5vw,82px);padding:84px 0 76px}
.oleum-footer-grid h3{margin:0 0 27px!important;color:var(--oleum-cocoa)!important;font:800 10px/1.4 var(--oleum-text-font)!important;letter-spacing:.18em!important;text-transform:uppercase}
.oleum-footer-brand>span{display:block;margin-bottom:21px;color:#829069;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.oleum-footer-brand img{display:block;width:205px;max-height:112px;margin:0 0 25px;object-fit:contain;object-position:left center}
.oleum-footer-brand p{max-width:330px;margin:0;color:var(--oleum-cocoa);font:400 20px/1.48 var(--oleum-heading-font)}
.oleum-footer-brand small{display:block;margin-top:12px;color:#817a75;font-size:12px}
.oleum-footer-column a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid rgba(60,52,52,.1);color:#706965!important;font-size:13px;line-height:1.35;text-decoration:none!important;transition:color .2s,border-color .2s}
.oleum-footer-column a:first-of-type{padding-top:0}
.oleum-footer-column a i{color:var(--oleum-gold);font-style:normal;font-size:14px;opacity:0;transform:translate(-5px,5px);transition:opacity .2s,transform .2s}
.oleum-footer-column a:hover{color:var(--oleum-cocoa)!important;border-color:var(--oleum-gold)}
.oleum-footer-column a:hover i{opacity:1;transform:none}
.oleum-footer-contact p{margin:0 0 10px;color:#706965;font-size:13px}
.oleum-footer-contact a{color:#706965!important}
.oleum-footer-socials{display:flex;gap:10px;margin-top:18px}
.oleum-footer-socials a{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(60,52,52,.16);border-radius:50%;color:var(--oleum-cocoa)!important;transition:.2s}
.oleum-footer-socials a:hover{border-color:var(--oleum-gold);color:var(--oleum-gold)!important}
.oleum-footer-socials svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* Spodný pruh s copyrightom (Apollo ho kreslí cez .footer-bottom-bg:before) */
#footer .footer-bottom{background:transparent!important;font-size:12px}
#footer .footer-bottom-bg:before,#footer.is-white .footer-bottom-bg:before{background-color:var(--oleum-cocoa)!important}
#footer .footer-bottom *{color:rgba(255,255,255,.66)!important}
#footer .footer-bottom strong{font-weight:400}
#footer .footer-bottom a:hover{color:#fff!important}

/* Uvítací blok na titulke – piesková namiesto tmavej (ak v ňom nie je príbeh .oleum-story) */
.welcome-wrapper .welcome{background-color:var(--oleum-sand)!important;border:1px solid var(--oleum-line)}
.welcome-wrapper .welcome p{color:var(--oleum-text)!important}

@media (max-width:991px){
	.oleum-footer-grid{grid-template-columns:1fr 1fr;gap:38px 25px;padding:56px 0}
	.oleum-footer-brand{grid-column:1/-1}
}
@media (max-width:767px){
	#header{box-shadow:0 7px 22px rgba(25,39,28,.06)}
	#header .site-name img{height:60px!important;max-height:60px!important}
	.oleum-footer-grid{grid-template-columns:1fr;padding:48px 0}
}

/* ---------- Úvodný banner (Bannery → Carousel → textový banner s HTML) ---------- */
.before-carousel .wide-carousel,.before-carousel #carousel,.before-carousel .carousel-inner,.before-carousel .carousel-inner>.item{
	border-radius:0!important;overflow:visible!important;background:transparent!important;box-shadow:none!important;
}
.oleum-hero{
	position:relative;isolation:isolate;display:flex;align-items:center;
	width:100vw;margin-left:calc(50% - 50vw);min-height:min(720px,calc(100vh - 160px));
	overflow:hidden;background:#2a2321 center/cover no-repeat;color:#fff;text-align:left;
}
.oleum-hero .oleum-hero__inner:before,.oleum-hero .oleum-hero__inner:after{display:none!important;content:none!important}
.before-carousel .carousel-indicators,.before-carousel .carousel-control{display:none!important}
.oleum-hero__video,.oleum-hero__veil{position:absolute;inset:0;width:100%;height:100%}
.oleum-hero__video{z-index:-2;object-fit:cover}
.oleum-hero__veil{z-index:-1;background:linear-gradient(90deg,rgba(25,22,21,.84) 0%,rgba(25,22,21,.54) 48%,rgba(25,22,21,.12) 78%),linear-gradient(0deg,rgba(25,22,21,.2),rgba(25,22,21,.05))}
.oleum-hero .oleum-hero__inner{display:grid;grid-template-columns:minmax(0,760px) 1fr;align-items:end;gap:40px;margin-left:auto;margin-right:auto;padding-top:100px;padding-bottom:110px}
.oleum-hero__eyebrow{margin:0 0 20px!important;color:#fff!important;font-size:11px!important;font-weight:700;letter-spacing:.22em;text-transform:uppercase}
.oleum-hero .oleum-hero__title{max-width:760px;margin:0 0 26px!important;color:#fff!important;font:400 clamp(40px,5vw,76px)/1.02 var(--oleum-heading-font)!important;letter-spacing:-.04em!important}
.oleum-hero__lead{max-width:680px;margin:0 0 34px!important;color:rgba(255,255,255,.84)!important;font-size:17px!important;line-height:1.7!important}
.oleum-hero__button{display:inline-flex;align-items:center;gap:22px;min-height:54px;padding:0 26px;background:var(--oleum-gold);border:1px solid var(--oleum-gold);color:var(--oleum-on-gold)!important;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none!important;transition:background .25s,border-color .25s}
.oleum-hero__button span{font-size:18px;font-weight:400;line-height:1}
.oleum-hero__button:hover{background:var(--oleum-purple);border-color:var(--oleum-purple);color:#fff!important}
.oleum-hero__awards{justify-self:end;display:flex;align-items:flex-end;gap:16px}
.oleum-hero__awards img{display:block;height:auto}
.oleum-hero__awards img:first-child{width:160px}
.oleum-hero__awards img:last-child{width:80px}

/* Šírka obsahu hero = šírka .container v Apolle (v karuseli ju Apollo roztiahne na 100 %) */
.oleum-hero .oleum-hero__inner{width:100%!important;padding-left:20px;padding-right:20px}
@media (min-width:768px){.oleum-hero .oleum-hero__inner{width:747px!important}}
@media (min-width:992px){.oleum-hero .oleum-hero__inner{width:972px!important}}
@media (min-width:1200px){.oleum-hero .oleum-hero__inner{width:1178px!important}}
@media (min-width:1440px){.oleum-hero .oleum-hero__inner{width:1418px!important}}

@media (max-width:767px){
	.oleum-hero{min-height:620px;align-items:flex-end}
	.oleum-hero__veil{background:linear-gradient(0deg,rgba(25,22,21,.9),rgba(25,22,21,.25) 80%)}
	.oleum-hero .oleum-hero__inner{grid-template-columns:1fr;padding-top:90px;padding-bottom:48px;gap:28px}
	.oleum-hero__lead{font-size:15px!important}
	.oleum-hero__button{width:100%;justify-content:center}
	.oleum-hero__awards{justify-self:start;order:-1}
	.oleum-hero__awards img:first-child{width:110px}
	.oleum-hero__awards img:last-child{width:56px}
}

/* ---------- USP (Bannery → Konkurenční výhody) ---------- */
.benefitBanner{
	display:grid!important;grid-template-columns:repeat(4,1fr);align-items:stretch!important;gap:0!important;margin:0 0 56px!important;padding:0!important;
	background:#fff!important;border:1px solid var(--oleum-line)!important;border-radius:0!important;box-shadow:none!important;
}
.position--benefitHomepage.benefitBanner{margin-top:-1px!important}
.benefitBanner .benefitBanner__item{
	display:block!important;position:relative;margin:0!important;padding:34px 30px 32px!important;
	background:transparent!important;border:0!important;border-left:1px solid var(--oleum-line)!important;border-radius:0!important;box-shadow:none!important;text-align:left!important;
	width:auto!important;max-width:none!important;flex:none!important;
}
.benefitBanner .benefitBanner__item:first-child{border-left:0!important}
.benefitBanner .benefitBanner__picture{display:none!important}
.benefitBanner .benefitBanner__content{padding:0!important;margin:0!important;text-align:left!important}
.benefitBanner .benefitBanner__title{
	display:block;margin:0 0 8px!important;color:var(--oleum-gold)!important;
	font:400 30px/1.15 var(--oleum-heading-font)!important;letter-spacing:-.01em;text-transform:none!important;
}
.benefitBanner .benefitBanner__data{color:#6f6b68!important;font-size:13px!important;line-height:1.5!important;text-transform:none!important}

@media (max-width:991px){
	.benefitBanner{grid-template-columns:repeat(2,1fr)}
	.benefitBanner .benefitBanner__item:nth-child(3){border-left:0!important}
	.benefitBanner .benefitBanner__item:nth-child(n+3){border-top:1px solid var(--oleum-line)!important}
}
@media (max-width:480px){
	.benefitBanner .benefitBanner__item{padding:26px 18px 24px!important}
	.benefitBanner .benefitBanner__title{font-size:24px!important}
}


/* USP ikonky – zlaté linky v krúžku; priradené podľa pôvodného obrázka bannera (stabilné ID) */
.benefitBanner .benefitBanner__item{display:grid!important;grid-template-columns:56px 1fr;align-items:center;column-gap:18px}
.benefitBanner .benefitBanner__item:before{
	content:"";position:static;grid-column:1;grid-row:1;width:56px;height:56px;border:1px solid rgba(218,167,47,.45);border-radius:50%;
	background:var(--oleum-gold) center/26px 26px no-repeat;background-color:transparent;
}
.benefitBanner .benefitBanner__item:after{
	content:"";grid-column:1;grid-row:1;justify-self:center;width:30px;height:30px;background:var(--oleum-gold);
	-webkit-mask:var(--usp-icon) center/contain no-repeat;mask:var(--usp-icon) center/contain no-repeat;
}
.benefitBanner .benefitBanner__content{grid-column:2;grid-row:1}
.benefitBanner .benefitBanner__item:hover:before{background-color:rgba(218,167,47,.08);border-color:var(--oleum-gold)}
.benefitBanner .benefitBanner__title{color:var(--oleum-cocoa)!important;font-size:21px!important;margin-bottom:5px!important}
/* USP poradie: farma · kvalita · design · dárek (texty v Bannery → Konkurenční výhody) */
.benefitBanner__item:has(img[data-src*="banner_guarantee"],img[src*="banner_guarantee"]){--usp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.5 4.5C10.5 4.5 4.5 9.5 4.5 19.5c9 0 15-5 15-15Z'/%3E%3Cpath d='M4.5 19.5 14 10'/%3E%3Cpath d='M9 15h4.5M11.5 12.5H15'/%3E%3C/svg%3E")}
.benefitBanner__item:has(img[data-src*="banner_gift"],img[src*="banner_gift"]){--usp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='5.5'/%3E%3Cpath d='m12 6.3.9 1.8 2 .3-1.45 1.4.35 2-1.8-.95-1.8.95.35-2L9.1 8.4l2-.3Z'/%3E%3Cpath d='M8.7 13.4 7.3 21l4.7-2.6 4.7 2.6-1.4-7.6'/%3E%3C/svg%3E")}
.benefitBanner__item:has(img[data-src*="banner_house"],img[src*="banner_house"]){--usp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 2.8h4M10.5 2.8v4.4M13.5 2.8v4.4'/%3E%3Cpath d='M10.5 7.2C8.6 8.3 7.5 9.9 7.5 12v8.2c0 .6.4 1 1 1h7c.6 0 1-.4 1-1V12c0-2.1-1.1-3.7-3-4.8'/%3E%3Cpath d='M7.5 13.5h9v4.5h-9z'/%3E%3C/svg%3E")}
.benefitBanner__item:has(img[data-src*="banner_delivery"],img[src*="banner_delivery"]){--usp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='8' width='17' height='4' rx='.5'/%3E%3Cpath d='M5 12v8.5h14V12'/%3E%3Cpath d='M12 8v12.5'/%3E%3Cpath d='M12 8C10.5 4 6.5 4 6.5 6.3S9.5 8 12 8Zm0 0c1.5-4 5.5-4 5.5-1.7S14.5 8 12 8Z'/%3E%3C/svg%3E")}
@media (max-width:480px){
	.benefitBanner .benefitBanner__item{grid-template-columns:46px 1fr;column-gap:14px}
	.benefitBanner .benefitBanner__item:before{width:46px;height:46px}
	.benefitBanner .benefitBanner__item:after{width:22px;height:22px}
	.benefitBanner .benefitBanner__title{font-size:18px!important}
}

/* ---------- Varianty ako tlačidlá (oleum.js → variantPills) ---------- */
#product-detail-form select.oleum-pills-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
#product-detail-form .variant-list td,#product-detail-form .variant-list th{vertical-align:top}
.oleum-pills{display:flex;flex-wrap:wrap;gap:8px}
.oleum-pill{
	min-height:42px;padding:0 16px;border:1px solid var(--oleum-line);border-radius:0;background:#fff;
	color:var(--oleum-cocoa);font:600 13px/1.2 var(--oleum-text-font);cursor:pointer;transition:border-color .2s,background .2s,color .2s;
}
.oleum-pill:hover{border-color:var(--oleum-gold)}
.oleum-pill.is-active{background:var(--oleum-cocoa);border-color:var(--oleum-cocoa);color:#fff}
.oleum-pill:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}

/* ---------- Bez tieňov a zaoblených rohov (celý web) ----------
   :not(#_) pridá špecifickosť ID, aby to prebilo aj !important pravidlá Apolla */
*:not(#_),*:not(#_)::before,*:not(#_)::after{box-shadow:none!important;border-radius:0!important}
/* výnimky – funkčné kruhy */
input[type="radio"]:not(#_),
input[type="radio"]:not(#_)+label::before,input[type="radio"]:not(#_)+label::after,
.loader:not(#_),.ajax-pending .loader-wrapper:not(#_)::before,.ajax-pending-element:not(#_)::before,.swiper-lazy-preloader:not(#_),
.express-checkout__loading-spinner:not(#_),
.navigation-buttons>a[data-target="cart"] i:not(#_),a.btn.cart-count i:not(#_),
.ui-slider-horizontal .ui-slider-handle:not(#_),.ui-slider-horizontal .ui-slider-handle:not(#_)::after,
.swiper-pagination-bullet:not(#_),.swiper-pagination-bullet:not(#_)::after,
.top-navigation-bar-menu li:not(#_)::before,.top-navigation-bar-menu li:not(.cropped):not(#_):last-child::after,
.vote-initials:not(#_),.vote-pic img:not(#_),
.benefitBanner .benefitBanner__item:not(#_)::before,
.oleum-footer-socials a:not(#_){border-radius:50%!important}

/* ---------- Príbeh „Oleum Hispania“ na titulke (Vzhled a obsah → Titulní strana → popis) ---------- */
.welcome-wrapper .welcome:has(.oleum-story){padding:0!important;margin:0!important;background:transparent!important;border:0!important}
.welcome-wrapper .welcome:has(.oleum-story) [data-testid="eshopHeader"]{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.oleum-story:not(#_){
	display:grid;grid-template-columns:1fr 1fr;min-height:680px;
	width:100vw!important;max-width:none!important;margin:0 0 0 calc(50% - 50vw)!important;padding:0!important;
	background:var(--oleum-sage-dark);color:#fff;
}
.oleum-story:not(#_) div{max-width:none;margin:0;padding:0}
.oleum-story__image{min-height:680px;overflow:hidden;background:var(--oleum-sage)}
.oleum-story__image img{display:block;width:100%;height:100%;min-height:680px;object-fit:cover}
.oleum-story:not(#_) .oleum-story__content{position:relative;display:flex;flex-direction:column;justify-content:center;padding:clamp(56px,7vw,120px);overflow:hidden}
.oleum-story__content::after{content:"O";position:absolute;right:-40px;bottom:-135px;color:rgba(255,255,255,.06);font:400 420px/1 var(--oleum-heading-font);pointer-events:none}
.welcome .oleum-story p.oleum-story__eyebrow{position:relative;z-index:1;margin:0 0 20px;color:#fff!important;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}
.oleum-story h2.oleum-story__title{position:relative;z-index:1;max-width:590px;margin:0 0 30px;color:#fff!important;font:400 clamp(38px,4vw,62px)/1.06 var(--oleum-heading-font)!important;letter-spacing:-.04em!important}
.welcome .oleum-story p.oleum-story__text{position:relative;z-index:1;max-width:620px;margin:0;color:#fff!important;font-size:16px;line-height:1.8}
.oleum-story:not(#_) .oleum-story__footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:40px;max-width:620px}
.oleum-story__button{display:inline-flex;align-items:center;gap:22px;min-height:54px;padding:0 26px;background:var(--oleum-gold);border:1px solid var(--oleum-gold);color:var(--oleum-on-gold)!important;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-decoration:none!important;transition:background .25s,border-color .25s,color .25s}
.oleum-story__button span{font-size:18px;font-weight:400;line-height:1}
.oleum-story__button:hover{background:var(--oleum-purple);border-color:var(--oleum-purple);color:#fff!important}
.oleum-story__seal{flex:none;width:140px;height:140px;border:1px solid rgba(255,255,255,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff}
.oleum-story__seal:not(#_){border-radius:50%!important}
.oleum-story__seal span{font-size:9px;letter-spacing:.17em;text-transform:uppercase}
.oleum-story__seal strong{margin-top:8px;font:400 20px/1.05 var(--oleum-heading-font)}

@media (max-width:991px){
	.oleum-story:not(#_){grid-template-columns:1fr;min-height:0}
	.oleum-story__image,.oleum-story__image img{min-height:360px;height:360px}
}
@media (max-width:480px){
	.oleum-story:not(#_) .oleum-story__content{padding:48px 20px}
	.oleum-story__footer{flex-direction:column;align-items:flex-start}
	.oleum-story__button{width:100%;justify-content:center}
	.oleum-story__seal{width:110px;height:110px}
}
/* päta nalepená priamo na blok príbehu (bez medzery a deliacej čiary) */
body:has(.oleum-story) #footer:not(#_){margin-top:0!important;border-top:0!important}

/* ---------- Titulka: „Objevte naše kategorie“ (oleum.js → categoriesBlock) ---------- */
.oleum-cats{margin:0 0 64px}
.oleum-cats .oleum-cats__title{margin:0 0 28px!important;text-align:center;font:400 clamp(28px,3vw,40px)/1.15 var(--oleum-heading-font)!important;color:var(--oleum-cocoa)}
.oleum-cats__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.oleum-cat{display:flex;flex-direction:column;background:#fff;border:1px solid var(--oleum-line);text-decoration:none!important;transition:border-color .2s}
.oleum-cat__image{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--oleum-sand)}
.oleum-cat__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.oleum-cat__label{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:64px;margin-top:auto;padding:12px 14px 12px 16px;border-top:1px solid var(--oleum-line)}
.oleum-cat__title{color:var(--oleum-cocoa);font:400 17px/1.2 var(--oleum-heading-font)}
.oleum-cat__arrow{flex:none;display:grid;place-items:center;width:30px;height:30px;background:var(--oleum-gold);color:var(--oleum-on-gold);font-size:14px;font-weight:700;transition:background .2s,color .2s}
.oleum-cat:hover{border-color:var(--oleum-gold)}
.oleum-cat:hover .oleum-cat__image img{transform:scale(1.05)}
.oleum-cat:hover .oleum-cat__arrow{background:var(--oleum-purple);color:#fff}
@media (max-width:1199px){.oleum-cats__grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:575px){
	.oleum-cats__grid{grid-template-columns:repeat(2,1fr);gap:10px}
	.oleum-cat__label{padding:10px 12px}
	.oleum-cat__title{font-size:15px}
	.oleum-cat__arrow{width:26px;height:26px}
}

/* ---------- Detail produktu: cena, košík, poradenstvo (oleum.js → productDetail) ---------- */
/* zľavový štítok (detail aj karty v kategórii) – fialový hranatý namiesto červenej „hviezdy“ */
.flags-extra .flag-discount::before{background:var(--oleum-purple)!important;background-image:none!important;width:100%!important;height:100%!important;left:0!important;top:0!important;transform:none!important}
.flags-extra .flag-discount{width:auto!important;height:auto!important;padding:8px 12px!important}
.flags-extra .flag-discount .price-save{position:relative;z-index:1;color:#fff!important;font:800 18px/1 var(--oleum-text-font)!important}
.p-image .flags-extra .flag-discount{padding:10px 14px!important}
.p-image .flags-extra .flag-discount .price-save{font-size:22px!important}
.flags-extra .flag-discount .price-save *,.flags-extra .flag-discount sub{font:inherit!important;vertical-align:baseline!important;position:static!important}
.flags-extra .flag-discount .price-standard{display:none!important}
/* prečiarknutá pôvodná cena v kartách produktov */
.products .p .price-standard,.products .p .price-standard *{color:var(--oleum-purple)!important;font-size:14px!important;text-decoration:line-through}
.products .p .price-final.price-action,.products .p .price-final.price-action *{color:var(--oleum-cocoa)!important}

.type-detail .p-info-grid .detail-grid-title{display:none!important}
.type-detail .p-info-grid{display:block!important;margin:0 0 14px!important}
.type-detail .detail-availability-block{display:flex!important;align-items:center;gap:16px;flex-wrap:wrap}
.type-detail .detail-availability-block .availability-value{font-weight:800;text-transform:uppercase;letter-spacing:.02em}

.oleum-buy{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:0 0 20px}
.oleum-buy .p-final-price-wrapper{display:grid!important;grid-template-columns:auto auto;align-items:center;column-gap:8px;row-gap:2px;margin:0!important;min-width:120px}
.oleum-buy .p-final-price-wrapper .price-save{grid-column:1;grid-row:1;display:inline-block!important;padding:3px 6px;background:var(--oleum-purple);color:#fff!important;font:800 12px/1.2 var(--oleum-text-font)!important}
.oleum-buy .p-final-price-wrapper .price-standard{grid-column:2;grid-row:1;color:var(--oleum-purple)!important;font-size:14px!important;text-decoration:line-through}
.oleum-buy .p-final-price-wrapper .price-standard *{font-size:14px!important;color:inherit!important}
.oleum-buy .p-final-price-wrapper .price-final{grid-column:1/-1;grid-row:2;font:800 30px/1.1 var(--oleum-text-font)!important;color:var(--oleum-cocoa)!important}
.oleum-buy .p-final-price-wrapper .price-final *{font:inherit!important;color:inherit!important}
.oleum-buy .add-to-cart{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;gap:12px;margin:0!important;flex:1 1 0;min-width:280px}
.oleum-buy .add-to-cart .quantity{flex:none}
.oleum-buy .add-to-cart .add-to-cart-button{flex:1 1 auto;min-width:0;width:auto!important;min-height:56px;white-space:nowrap}

.oleum-help{margin:8px 0 0;padding:22px 24px;background:#fff;border:1px solid var(--oleum-line)}
.oleum-help__top{display:flex;align-items:center;gap:16px}
.oleum-help__photo{position:relative;flex:none;width:56px;height:56px}
.oleum-help__photo img{display:block;width:56px;height:56px;object-fit:cover}
.oleum-help__photo:not(#_) img,.oleum-help__photo:not(#_)::after{border-radius:50%!important}
.oleum-help__photo::after{content:"";position:absolute;right:-1px;top:-1px;width:14px;height:14px;background:#2f9e5a;border:2px solid #fff}
.oleum-help__lead strong{display:block;margin-bottom:2px;font-weight:800}
.oleum-help .oleum-help__lead{margin:0!important;color:var(--oleum-cocoa)!important;font-size:14px;line-height:1.55}
.oleum-help__lead a{color:var(--oleum-cocoa)!important;font-weight:800;text-decoration:none!important}
.oleum-help__lead a:hover{color:var(--oleum-purple)!important}
.oleum-help__contacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:14px 16px;margin-top:18px}
.oleum-help__contact{position:relative;display:block;padding-left:30px;text-decoration:none!important}
.oleum-help__contact::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;background:var(--oleum-gold);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.oleum-help__contact--phone{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h4l2 5-2.5 1.5a11 11 0 0 0 6 6L16 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2'/%3E%3C/svg%3E")}
.oleum-help__contact--mail{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E")}
.oleum-help__contact strong{display:block;color:var(--oleum-cocoa);font-size:14px;font-weight:800;overflow-wrap:anywhere}
.oleum-help__contact span{display:block;margin-top:2px;color:#817a75;font-size:12px}
.oleum-help__contact:hover strong{color:var(--oleum-purple)}
@media (max-width:575px){
	.oleum-buy .add-to-cart{flex-basis:100%}
	.oleum-help__contacts{grid-template-columns:1fr}
}
.oleum-buy .add-to-cart .quantity{width:128px!important;min-width:0!important;height:56px;box-sizing:border-box;overflow:hidden}
.oleum-buy .add-to-cart .quantity input.amount{height:56px!important;font-size:18px!important}
.oleum-buy .add-to-cart .quantity button{width:36px!important;height:54px!important}
.oleum-buy .add-to-cart .add-to-cart-button{display:flex!important;align-items:center;justify-content:center;gap:12px;padding:0 18px!important;font-size:16px!important}
.oleum-buy .add-to-cart .add-to-cart-button>*{white-space:nowrap}
.oleum-buy .add-to-cart .quantity{border:1px solid rgba(60,52,52,.35)!important;background:#fff}
.oleum-buy .add-to-cart .quantity input.amount{border:0!important;width:100%!important;background:transparent!important}

/* ---------- Jednotná typografia všetkých CTA (vzor: .oleum-hero__button) ---------- */
:is(.oleum-hero__button,.oleum-story__button,.oleum-web-cta,#navigation .menu-level-1>li[class*="menu-item-external"]>a,
.btn.btn-primary,.btn-cart,.add-to-cart-button,.btn.btn-conversion,.next-step-forward,#continue-order-button):not(#_),
:is(.oleum-hero__button,.oleum-story__button,.oleum-web-cta,#navigation .menu-level-1>li[class*="menu-item-external"]>a,
.btn.btn-primary,.btn-cart,.add-to-cart-button,.btn.btn-conversion,.next-step-forward,#continue-order-button):not(#_) :is(span,b,strong){
	font-family:var(--oleum-text-font)!important;font-size:12px!important;font-weight:700!important;
	letter-spacing:.06em!important;text-transform:uppercase!important;
}

/* ---------- Dlhý popis produktu (.oleum-pd) – HTML v popise produktu, zdroj import/descriptions/<kód>.html ---------- */
.oleum-pd{color:var(--oleum-text);font-size:15px;line-height:1.7}
.oleum-pd p{margin:0 0 12px}
.oleum-pd .oleum-pd__h3{margin:0 0 20px!important;font:400 28px/1.2 var(--oleum-heading-font)!important;color:var(--oleum-cocoa)!important}
.oleum-pd .oleum-pd__h3 small{font:600 12px var(--oleum-text-font);color:#817a75;letter-spacing:.04em;text-transform:uppercase;margin-left:8px}
.oleum-pd h4{margin:0 0 8px!important;font:400 20px/1.25 var(--oleum-heading-font)!important;color:var(--oleum-cocoa)!important}
.oleum-pd__section{padding:44px 0;border-top:1px solid var(--oleum-line)}
.oleum-pd__intro{max-width:820px;margin:0 auto;padding:12px 0 36px;text-align:center}
.oleum-pd .oleum-pd__kicker{margin:0 0 12px;color:var(--oleum-gold-hover);font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.oleum-pd .oleum-pd__title{margin:0 0 18px!important;font:400 clamp(30px,3.2vw,44px)/1.1 var(--oleum-heading-font)!important;color:var(--oleum-cocoa)!important;letter-spacing:-.02em}
.oleum-pd .oleum-pd__lead{font-size:17px;line-height:1.75;color:var(--oleum-text)}
.oleum-pd__stats{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 8px;background:var(--oleum-sage-dark);color:#fff}
.oleum-pd__stat{padding:30px 28px;border-left:1px solid rgba(255,255,255,.15)}
.oleum-pd__stat:first-child{border-left:0}
.oleum-pd__stat strong{display:block;margin-bottom:6px;color:var(--oleum-gold-light);font:400 40px/1 var(--oleum-heading-font)}
.oleum-pd__stat span{color:#fff;font-size:13px}
.oleum-pd__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.oleum-pd__card{position:relative;padding:28px 26px;background:#fff;border:1px solid var(--oleum-line)}
.oleum-pd__num{display:block;margin-bottom:16px;color:var(--oleum-gold);font:400 30px/1 var(--oleum-heading-font)}
.oleum-pd__card p{margin:0;font-size:14px}
.oleum-pd__tasting{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:start}
.oleum-pd__notes{display:grid;grid-template-columns:110px 1fr;gap:12px 20px;margin:0 0 20px}
.oleum-pd__notes dt{color:var(--oleum-cocoa);font:400 18px/1.4 var(--oleum-heading-font)}
.oleum-pd__notes dd{margin:0}
.oleum-pd__tags,.oleum-pd__chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.oleum-pd__tags li{padding:6px 12px;background:var(--oleum-sand);color:var(--oleum-cocoa);font-size:13px;font-weight:700}
.oleum-pd__tags li::before,.oleum-pd__chips li::before{display:none!important}
.oleum-pd__chips li{padding:8px 14px;border:1px solid var(--oleum-line);background:#fff;color:var(--oleum-cocoa);font-size:14px}
.oleum-pd__note{margin-top:16px!important;color:#817a75;font-size:14px}
.oleum-pd__profile{padding:28px;background:var(--oleum-sand)}
.oleum-pd .oleum-pd__profile-title{margin:0 0 18px;color:var(--oleum-cocoa);font:400 20px var(--oleum-heading-font)}
.oleum-pd__bar{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:12px;margin-bottom:14px}
.oleum-pd__bar span{color:var(--oleum-cocoa);font-size:14px;font-weight:700}
.oleum-pd__dots{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;font-style:normal}
.oleum-pd__dots b{height:8px;background:rgba(60,52,52,.12)}
.oleum-pd__dots[data-level="1"] b:nth-child(-n+1),.oleum-pd__dots[data-level="2"] b:nth-child(-n+2),.oleum-pd__dots[data-level="3"] b:nth-child(-n+3),
.oleum-pd__dots[data-level="4"] b:nth-child(-n+4),.oleum-pd__dots[data-level="5"] b:nth-child(-n+5){background:var(--oleum-gold)}
.oleum-pd__split{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.oleum-pd__health{position:relative;margin-bottom:12px;padding:20px 22px 18px 24px;background:#fff;border:1px solid var(--oleum-line);border-left:3px solid var(--oleum-sage-dark)}
.oleum-pd__health p{margin:0;font-size:14px}
.oleum-pd__table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--oleum-line);font-size:14px}
.oleum-pd__table th,.oleum-pd__table td{padding:10px 16px;border-bottom:1px solid var(--oleum-line);text-align:left;font-weight:400;color:var(--oleum-cocoa)}
.oleum-pd__table td{text-align:right;font-weight:700}
.oleum-pd__table .oleum-pd__sub th{padding-left:32px;color:#817a75}
.oleum-pd__facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--oleum-line);border-left:1px solid var(--oleum-line)}
.oleum-pd__facts>div{padding:18px 20px;background:#fff;border-right:1px solid var(--oleum-line);border-bottom:1px solid var(--oleum-line)}
.oleum-pd__facts span{display:block;margin-bottom:4px;color:#817a75;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.oleum-pd__facts strong{color:var(--oleum-cocoa);font-size:15px}
@media (max-width:991px){
	.oleum-pd__cards,.oleum-pd__facts{grid-template-columns:1fr 1fr}
	.oleum-pd__tasting,.oleum-pd__split{grid-template-columns:1fr;gap:32px}
}
@media (max-width:575px){
	.oleum-pd__stats,.oleum-pd__cards,.oleum-pd__facts{grid-template-columns:1fr}
	.oleum-pd__stat{border-left:0;border-top:1px solid rgba(255,255,255,.15)}
	.oleum-pd__notes{grid-template-columns:1fr;gap:4px}
	.oleum-pd__notes dd{margin-bottom:10px}
}
.oleum-pd__varieties{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.oleum-pd__variety{padding:22px 20px;background:#fff;border:1px solid var(--oleum-line);border-top:3px solid var(--oleum-gold)}
.oleum-pd__variety h4{margin-bottom:4px!important}
.oleum-pd .oleum-pd__variety-line{margin:0 0 10px;font-size:13px;line-height:1.45;min-height:38px}
.oleum-pd .oleum-pd__variety-ppm{margin:0 0 14px;color:var(--oleum-sage-dark);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.oleum-pd__variety .oleum-pd__bar{grid-template-columns:78px 1fr;gap:8px;margin-bottom:8px}
.oleum-pd__variety .oleum-pd__bar span{font-size:12px}
.oleum-pd__variety .oleum-pd__dots b{height:6px}
.oleum-pd__cards--4{grid-template-columns:repeat(4,1fr)}
.oleum-pd .oleum-pd__zodiac{margin-top:12px;color:var(--oleum-gold-hover);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
@media (max-width:991px){.oleum-pd__cards--4{grid-template-columns:1fr 1fr}}
@media (max-width:575px){.oleum-pd__cards--4{grid-template-columns:1fr}}

/* ---------- Hlavička: Zlato z Andalusie + Oleum Hispania + „E-shop“ (oleum.js → headerBrand) ---------- */
#header .site-name a.oleum-brand{display:flex!important;align-items:center;gap:14px;text-decoration:none!important}
#header .site-name .oleum-brand-badge{display:block;width:74px!important;height:74px!important;max-height:none!important;flex:none}
#header .site-name a.oleum-brand img:not(.oleum-brand-badge){height:74px!important;max-height:74px!important}
.oleum-shop-label{display:flex;flex-direction:column;justify-content:center;align-self:stretch;margin-left:4px;padding-left:16px;border-left:1px solid rgba(60,52,52,.2);
	color:var(--oleum-gold-hover);font:400 24px/1 var(--oleum-heading-font);letter-spacing:.01em;white-space:nowrap}
.oleum-shop-label small{display:block;margin-bottom:5px;color:var(--oleum-cocoa);font:800 9px/1 var(--oleum-text-font);letter-spacing:.2em;text-transform:uppercase}
@media (max-width:1199px){.oleum-shop-label{font-size:20px}}
@media (max-width:767px){
	#header .site-name a.oleum-brand{gap:8px}
	#header .site-name .oleum-brand-badge{width:48px!important;height:48px!important}
	#header .site-name a.oleum-brand img:not(.oleum-brand-badge){height:48px!important;max-height:48px!important}
	.oleum-shop-label{padding-left:10px;font-size:16px}
	.oleum-shop-label small{display:none}
}

/* hero – dve tlačidlá: zlaté + obrysové */
.oleum-hero__actions{display:flex;flex-wrap:wrap;gap:12px}
.oleum-hero .oleum-hero__button--ghost{background:transparent!important;border-color:rgba(255,255,255,.75)!important;color:#fff!important}
.oleum-hero .oleum-hero__button--ghost:hover{background:#fff!important;border-color:#fff!important;color:var(--oleum-cocoa)!important}
@media (max-width:767px){.oleum-hero__actions{display:grid}}

/* päta – logo Zlato z Andalusie + Oleum Hispania */
.oleum-footer-logos{display:flex;align-items:center;gap:18px;margin:0 0 25px}
.oleum-footer-brand .oleum-footer-logos img{width:auto!important;height:96px!important;max-height:none!important;margin:0!important}
.oleum-footer-brand .oleum-footer-logos .oleum-footer-badge{width:96px!important}

/* detail – výber variantov v bielo-zlatom boxe */
.type-detail .detail-parameters-block:has(.variant-list){display:block!important;box-sizing:border-box;width:100%!important;max-width:100%!important;margin:0 0 20px!important;padding:16px 20px!important;background:#fff!important;border:1px solid var(--oleum-gold)!important}
.type-detail .detail-parameters-block:has(.variant-list) table{width:100%;margin:0!important}
.type-detail .detail-parameters-block .variant-list th{padding:12px 16px 12px 0!important;vertical-align:middle!important;color:var(--oleum-cocoa)!important;font:800 11px/1.2 var(--oleum-text-font)!important;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.type-detail .detail-parameters-block .variant-list td{padding:6px 0!important;vertical-align:middle!important}
.type-detail .detail-parameters-block .variant-list+.variant-list th,.type-detail .detail-parameters-block .variant-list+.variant-list td{border-top:1px solid var(--oleum-line)}
.oleum-pill.is-active{background:var(--oleum-gold)!important;border-color:var(--oleum-gold)!important;color:var(--oleum-on-gold)!important}

/* dostupnosť a „Možnosti doručení“ na jednom riadku */
.type-detail .detail-availability-block{align-items:baseline!important}
.type-detail .detail-availability-block>*{margin:0!important;padding:0!important}
.type-detail .detail-availability-block{padding:0!important}
.type-detail .detail-parameters-block .variant-list th{width:1%}

/* ===== Právní stránky (VOP, GDPR) ===== */
.oleum-legal{max-width:none;line-height:1.65}
.oleum-legal h2{margin:2.2em 0 .7em}
.oleum-legal h3{margin:1.6em 0 .5em}
.oleum-legal ul{margin:.4em 0 1em 1.2em}
.oleum-legal li{margin:.25em 0}
.oleum-legal table{width:100%;border-collapse:collapse;margin:1em 0 1.5em;font-size:14px}
.oleum-legal th,.oleum-legal td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid rgba(33,27,22,.15)}
.oleum-legal th{background:#211b16;color:#fff;font-weight:700}
@media (max-width:640px){.oleum-legal table{display:block;overflow-x:auto}}
/* Stránky (VOP, GDPR, …) – bez diskuze */
.type-page .pageArticleDetail ~ h2,.type-page .discussionContainer{display:none!important}

/* ---------- Mobil (< 768 px) ---------- */
/* Pätička: nadpis stĺpca je tlačidlo; na desktope sa správa ako obyčajný nadpis */
.oleum-footer-toggle{all:unset;display:block;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit}
@media (min-width:768px){.oleum-footer-toggle{pointer-events:none}}

@media (max-width:767px){
	/* Hlavička – svetlá ako na desktope, obe logá */
	.top-navigation-bar:not(#_){background:var(--oleum-cream)!important;border-bottom:1px solid var(--oleum-line)!important}
	.top-navigation-bar:not(#_) .container{min-height:60px}
	.top-navigation-bar:not(#_) [data-target="login"],
	.top-navigation-bar:not(#_) [data-target="login"]::before,
	.top-navigation-bar:not(#_) .click-cart a,
	.top-navigation-bar:not(#_) .click-cart a::before,
	.top-navigation-bar:not(#_) .cart-price,
	body:not(.navigation-window-visible) .top-navigation-bar:not(#_) [data-target="navigation"],
	body:not(.navigation-window-visible) .top-navigation-bar:not(#_) [data-target="navigation"]::before,
	body:not(.navigation-window-visible) .top-navigation-bar:not(#_) [data-target="navigation"]::after{color:var(--oleum-cocoa)!important}
	.top-navigation-bar .site-name a.oleum-brand{display:flex!important;align-items:center;gap:7px;text-decoration:none!important}
	.top-navigation-bar .site-name a.oleum-brand img:not(#_){display:block;width:auto!important;height:40px!important;max-height:none!important;max-width:none!important}
	.top-navigation-bar .oleum-shop-label:not(#_){display:none}
	.top-navigation-bar:not(#_) .site-name{margin-right:12px}

	/* Rozbalené menu – nepriehľadné pozadie, inak sú položky na hero neviditeľné */
	#navigation:not(#_),#navigation:not(#_) .navigation-in{background:var(--oleum-cream)!important}
	#navigation:not(#_) .menu-level-1>li>a{color:var(--oleum-cocoa)!important}

	/* USP – pod sebou, ikonka vľavo */
	.benefitBanner:not(#_){grid-template-columns:1fr;margin-bottom:40px!important}
	.benefitBanner:not(#_) .benefitBanner__item{grid-template-columns:44px 1fr;column-gap:16px;padding:18px 20px!important;border-left:0!important;border-top:1px solid var(--oleum-line)!important}
	.benefitBanner:not(#_) .benefitBanner__item:first-child{border-top:0!important}
	.benefitBanner:not(#_) .benefitBanner__item::before{width:44px;height:44px}
	.benefitBanner:not(#_) .benefitBanner__item::after{width:22px;height:22px}
	.benefitBanner:not(#_) .benefitBanner__title{font-size:20px!important;margin-bottom:2px!important}

	/* Pätička – Objevujte a Informace ako rozbaľovacie */
	.oleum-footer-grid:not(#_){gap:0;padding:44px 0 36px}
	.oleum-footer-brand{margin-bottom:28px}
	.oleum-footer-column h3:not(#_){margin:0!important}
	.oleum-footer-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 0;border-top:1px solid var(--oleum-line);cursor:pointer}
	.oleum-footer-toggle::after{content:"+";color:var(--oleum-gold);font:400 22px/1 var(--oleum-text-font);letter-spacing:0}
	.oleum-footer-column.is-open .oleum-footer-toggle::after{content:"\2212"}
	.oleum-footer-links{display:none;padding:0 0 14px}
	.oleum-footer-column.is-open .oleum-footer-links{display:block}
	.oleum-footer-column .oleum-footer-links a:first-of-type{padding-top:10px}
	.oleum-footer-contact{padding-top:22px;border-top:1px solid var(--oleum-line)}
	.oleum-footer-contact h3:not(#_){margin-bottom:12px!important}
}

/* ---------- Hlavička: iba logo Zlato z Andalusie (Oleum logo z adminu skryté, ostáva v pätičke) ---------- */
#header .site-name a.oleum-brand img:not(.oleum-brand-badge):not(#_),
.top-navigation-bar .site-name a.oleum-brand img:not(.oleum-brand-badge):not(#_){display:none!important}

/* ---------- Hero: pečate ako na hlavnom webe (.zda-hero__signature) – SIQEV, TOP 10 EVOOLEUM, ECOTRAMA ---------- */
.oleum-hero__awards.oleum-hero__seals:not(#_){--award-h:124px;justify-self:end;align-self:end;display:flex;align-items:center;gap:14px;margin:0 0 8px 28px}
.oleum-hero__seals .oleum-hero__siqev{display:block;flex:none;width:var(--award-h);height:var(--award-h);overflow:hidden}
.oleum-hero__seals .oleum-hero__siqev img:not(#_){display:block;width:210%;max-width:none;height:100%;object-fit:fill}
.oleum-hero__seals .oleum-hero__award:not(#_){display:block;flex:none;width:auto;max-width:none;height:var(--award-h);object-fit:contain}
.oleum-hero__seals .oleum-hero__award--gold:not(#_){clip-path:circle(47% at 50% 50%)}
.oleum-hero__seals>*{transition:transform .35s ease,filter .35s ease}
.oleum-hero__seals>*:hover{transform:translateY(-6px);filter:drop-shadow(0 10px 16px rgba(0,0,0,.2))}
@media (max-width:1024px){
	.oleum-hero .oleum-hero__inner:not(#_){grid-template-columns:1fr}
	.oleum-hero__awards.oleum-hero__seals:not(#_){--award-h:116px;order:0;justify-self:end;margin:28px 0 0;gap:12px}
}
@media (max-width:767px){
	.oleum-hero__awards.oleum-hero__seals:not(#_){--award-h:100px;gap:10px;margin-top:0}
}
@media (max-width:360px){.oleum-hero__awards.oleum-hero__seals:not(#_){--award-h:88px}}
/* zalomenie nadpisu hero za „e-shopu“ len na desktope */
@media (max-width:767px){.oleum-hero__title br{display:none}}

/* USP – nadpisy a texty všetkých štyroch blokov začínajú v rovnakej výške */
.benefitBanner .benefitBanner__item:not(#_){align-items:start}
.benefitBanner .benefitBanner__content:not(#_){align-self:center}
@media (min-width:768px){
	.benefitBanner .benefitBanner__content:not(#_){align-self:start;padding-top:4px!important}
	.benefitBanner .benefitBanner__title:not(#_){min-height:0;margin-bottom:6px!important}
}
/* nadpis hero na dva riadky (Vítejte v našem e-shopu / s tekutým zlatem z Andalusie) – širší textový stĺpec vedľa pečatí */
@media (min-width:1025px){
	.oleum-hero .oleum-hero__inner:not(#_){grid-template-columns:minmax(0,1fr) auto}
	.oleum-hero .oleum-hero__title:not(#_){max-width:none;font-size:clamp(40px,4.4vw,70px)!important}
}
@media (min-width:992px){
	.benefitBanner .benefitBanner__item:not(#_){grid-template-columns:50px 1fr;column-gap:14px;padding:26px 22px 24px!important}
	.benefitBanner .benefitBanner__item:not(#_)::before{width:50px;height:50px}
	.benefitBanner .benefitBanner__item:not(#_)::after{width:26px;height:26px}
	.benefitBanner .benefitBanner__title:not(#_){font-size:19px!important}
}
/* USP ikonka – vycentrovaná v krúžku (krúžok aj ikonka hore, ikonka posunutá o polovicu rozdielu veľkostí) */
.benefitBanner .benefitBanner__item:not(#_)::before{align-self:start}
.benefitBanner .benefitBanner__item:not(#_)::after{align-self:start;margin-top:13px}
@media (min-width:992px){.benefitBanner .benefitBanner__item:not(#_)::after{margin-top:12px}}
@media (max-width:767px){
	.benefitBanner .benefitBanner__item:not(#_)::before,.benefitBanner .benefitBanner__item:not(#_)::after{align-self:center;margin-top:0}
}
/* Kategórie: blok „Nejprodávanější“ skrytý (málo produktov, nedá sa vybrať konkrétna varianta) */
.category-top .products-top-wrapper:not(#_),.toggle-top-products:not(#_){display:none!important}

/* ---------- Hláška Shoptetu (napr. „Produkt byl přidán do nákupního košíku“) – malé decentné okno vpravo dole namiesto zeleného pruhu ---------- */
.messages:not(#_){top:auto!important;bottom:24px!important;left:auto!important;right:24px!important;width:auto!important;max-width:min(380px,calc(100vw - 32px))}
.messages .msg:not(#_){margin:8px 0 0;padding:14px 18px 14px 16px;background:#fff!important;color:var(--oleum-cocoa)!important;
	border:1px solid var(--oleum-line);border-left:3px solid var(--oleum-gold);box-shadow:none!important;text-align:left;font-size:14px;line-height:1.45}
.messages .msg:not(#_) .container{width:auto!important;max-width:none!important;margin:0!important;padding:0!important}
.messages .msg:not(#_) *{color:inherit!important;font-size:14px}
.messages .msg:not(#_) a{font-weight:700;text-decoration:underline!important;text-underline-offset:2px}
.messages .msg:not(#_) a:hover{color:var(--oleum-purple)!important}
.messages .msg-success:not(#_) span::before{content:"✓";display:inline-block;margin-right:9px;color:var(--oleum-gold-hover,#b8871d);font-weight:700}
.messages .msg-error:not(#_){border-left-color:#b3261e}
.messages .msg-info:not(#_),.messages .msg-warning:not(#_){border-left-color:var(--oleum-purple)}
@media (max-width:767px){.messages:not(#_){left:16px!important;right:16px!important;bottom:16px!important;max-width:none}}

/* Výpis produktov: tlačidlo „Zobrazit detail“ (oleum.js detailButtons) */
.product .p-tools .oleum-detail-btn:not(#_){white-space:nowrap}
/* Apollo v kartách na titulke pridáva kópiu tlačidiel (span.product-btn: Do košíku/Detail) – ostáva len „Zobrazit detail“ */
.product .p>.product-btn:not(#_){display:none!important}
.product .p:has(>.product-btn):not(#_){padding-bottom:24px!important}
/* Výpis produktov: cena vľavo, „Zobrazit detail“ vpravo v jednom riadku (ak sa nezmestí, tlačidlo prejde pod cenu na celú šírku) */
.product .p-bottom [data-micro="offer"]:not(#_){display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px}
.product .p-bottom [data-micro="offer"]:not(#_) .prices{flex:1 1 auto;width:auto!important;min-width:0;margin:0!important}
.product .p-bottom [data-micro="offer"]:not(#_) .p-tools{flex:0 0 auto;width:auto!important;margin:0!important;padding:0!important}
.product .p-tools .oleum-detail-btn:not(#_){padding:0 16px!important;min-height:40px;display:inline-flex;align-items:center;justify-content:center}
@media (max-width:767px){
	.product .p-bottom [data-micro="offer"]:not(#_) .p-tools{flex:1 1 100%}
	.product .p-tools .oleum-detail-btn:not(#_){width:100%}
}
/* zľava: pôvodná cena malá nad novou, aby sa cena s tlačidlom zmestila do jedného riadku */
.product .prices .price-final:has(.price-standard):not(#_){display:flex;flex-direction:column;align-items:flex-start;gap:1px}
.product .prices .price-final .price-standard:not(#_){margin:0!important;font-size:12px;line-height:1.2}
@media (max-width:767px){
	.product .p-tools .oleum-detail-btn:not(#_){white-space:normal!important;padding:8px 10px!important;line-height:1.25;text-align:center;max-width:100%;box-sizing:border-box}
}

/* =====================================================================
   Detail produktu – poradie a pokoj (podľa dokumentu klientky)
   názov → krátky popis → dostupnosť → varianta → cena → množstvo + košík → Detailní specifikace → doprava/kontakt
   ===================================================================== */
.type-detail .p-detail-info:not(#_),                                   /* „Značka: Oleum Hispania“ */
.type-detail .p-short-description-block>p:has(a.chevron-after):not(#_), /* „Detailní informace“ pred nákupom */
.type-detail .shipping-options-block:not(#_),                          /* „Možnosti doručení“ */
.type-detail .oleum-help:not(#_){display:none!important}
[data-variant][hidden],[data-pack][hidden],.oleum-spec[hidden]{display:none!important}

/* krátky popis */
.type-detail .p-short-description:not(#_){margin:0 0 6px;color:var(--oleum-text);font-size:15px;line-height:1.65}
.type-detail .p-short-description:not(#_) p{margin:0 0 8px}
.type-detail .p-short-description:not(#_) .oleum-short__lead{color:var(--oleum-cocoa);font-size:16px;font-weight:600;line-height:1.55}

/* dostupnosť – malý text s farebnou bodkou (farba z nastavenia dostupnosti v Shoptete) */
.type-detail .detail-availability-block .availability-value:not(#_){font-size:13px;font-weight:600;text-transform:none;letter-spacing:.01em}
.type-detail .detail-availability-block .availability-label:not(#_){display:inline-flex;align-items:center;gap:8px;color:var(--oleum-cocoa)!important;font-size:13px;font-weight:600;text-transform:none}
.type-detail .detail-availability-block .availability-label:not(#_)::before{content:"";flex:none;width:8px;height:8px;background:var(--oleum-dot,#3c840f)}
.type-detail .detail-availability-block .availability-label:not(#_)::before{border-radius:50%!important}
.type-detail .detail-availability-block .availability-value:not(#_) [style*="color"]{color:var(--oleum-cocoa)!important}

/* cena menšia a elegantnejšia, pod ňou množstvo + košík */
.oleum-buy:not(#_){flex-direction:column;align-items:stretch;gap:14px;margin:6px 0 18px}
.oleum-buy:not(#_) .p-final-price-wrapper .price-final{font:700 24px/1.15 var(--oleum-text-font)!important}
.oleum-buy:not(#_) .add-to-cart{flex:0 0 auto;min-width:0}
.oleum-buy:not(#_) .add-to-cart .quantity{height:50px}
.oleum-buy:not(#_) .add-to-cart .quantity input.amount{height:50px!important;font-size:16px!important}
.oleum-buy:not(#_) .add-to-cart .quantity button{height:48px!important}
.oleum-buy:not(#_) .add-to-cart .add-to-cart-button{min-height:50px;font-size:12px!important}

/* Detailní specifikace – rozbaľovací blok */
.oleum-spec-box{margin:0 0 18px;border-top:1px solid var(--oleum-line);border-bottom:1px solid var(--oleum-line)}
.oleum-spec-box>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 2px;cursor:pointer;list-style:none;
	color:var(--oleum-cocoa);font:700 12px/1.3 var(--oleum-text-font);letter-spacing:.12em;text-transform:uppercase}
.oleum-spec-box>summary::-webkit-details-marker{display:none}
.oleum-spec-box>summary i{position:relative;flex:none;width:12px;height:12px}
.oleum-spec-box>summary i::before,.oleum-spec-box>summary i::after{content:"";position:absolute;left:0;top:5px;width:12px;height:2px;background:var(--oleum-gold);transition:transform .2s}
.oleum-spec-box>summary i::after{transform:rotate(90deg)}
.oleum-spec-box[open]>summary i::after{transform:rotate(0)}
.oleum-spec-box>summary:hover{color:var(--oleum-purple)}
.oleum-spec-box__body{padding:0 2px 20px}
.oleum-specs .oleum-spec h4{margin:18px 0 10px!important;color:var(--oleum-cocoa)!important;font:700 11px/1.3 var(--oleum-text-font)!important;letter-spacing:.14em;text-transform:uppercase}
.oleum-spec__taste p{margin:0;color:var(--oleum-text);font-size:14px;line-height:1.6}
.oleum-spec__taste h4{margin-top:0!important}
.oleum-spec__list{margin:0;padding:0}
.oleum-spec__list>div{display:grid;grid-template-columns:minmax(120px,36%) 1fr;gap:4px 18px;padding:9px 0;border-bottom:1px solid var(--oleum-line)}
.oleum-spec__list>div:last-child{border-bottom:0}
.oleum-spec__list dt{margin:0;color:#817a75;font-size:12px;font-weight:700;line-height:1.5}
.oleum-spec__list dd{margin:0;color:var(--oleum-cocoa);font-size:14px;line-height:1.5}
.oleum-spec__list dd a{color:var(--oleum-cocoa)!important;text-decoration:underline!important;text-underline-offset:2px}
.oleum-spec__list dd a:hover{color:var(--oleum-purple)!important}
.oleum-spec__nutrition{width:100%;border-collapse:collapse;font-size:14px}
.oleum-spec__nutrition th,.oleum-spec__nutrition td{padding:7px 0;border-bottom:1px solid var(--oleum-line);text-align:left;font-weight:400;color:var(--oleum-cocoa)}
.oleum-spec__nutrition td{text-align:right;white-space:nowrap}
.oleum-spec__nutrition .oleum-spec__sub th{padding-left:14px;color:#817a75}
@media (max-width:575px){.oleum-spec__list>div{grid-template-columns:1fr}}

/* doprava a kontakt pod špecifikáciou */
.oleum-detail-note{margin:0 0 8px;color:var(--oleum-text);font-size:13px;line-height:1.6}
.oleum-detail-note p{margin:0 0 6px}
.oleum-detail-note strong{color:var(--oleum-cocoa);font-weight:700}
.oleum-detail-note a{color:var(--oleum-cocoa)!important;font-weight:600;text-decoration:none!important;border-bottom:1px solid rgba(60,52,52,.25)}
.oleum-detail-note a:hover{color:var(--oleum-purple)!important;border-color:var(--oleum-purple)}

/* dlhý popis – nové bloky */
.oleum-pd .oleum-pd__sub{margin:-8px 0 16px;color:var(--oleum-gold-hover);font:400 20px/1.35 var(--oleum-heading-font)}
.oleum-pd__intro .oleum-pd__lead+.oleum-pd__lead{margin-top:10px}
.oleum-pd__stats--text .oleum-pd__stat strong{margin-bottom:8px;font:700 12px/1.3 var(--oleum-text-font);letter-spacing:.16em;text-transform:uppercase}
.oleum-pd__stats--text .oleum-pd__stat span{display:block;font-size:14px;line-height:1.6}
.oleum-pd__cards--2{grid-template-columns:repeat(2,1fr)}
@media (max-width:767px){.oleum-pd__cards--2{grid-template-columns:1fr}}
.oleum-pd__element{display:flex;flex-direction:column}
.oleum-pd__element h4{margin-bottom:4px!important}
.oleum-pd .oleum-pd__element-sub{min-height:2.8em;margin:0 0 10px;color:var(--oleum-gold-hover);font-weight:700;font-size:13px}
.oleum-pd__element .oleum-pd__zodiac{margin-top:auto!important;padding-top:12px;border-top:1px solid var(--oleum-line);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800}
/* ak by špecifikácia zostala v popise (bez JS), zobrazí sa ako sekcia */
.oleum-pd>.oleum-specs{margin-top:40px}

/* karty vo výpise: krátky popis max. 3 riadky */
.product .p-desc:not(#_){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* výber varianty – ľahší: bez rámika, popis nad tlačidlami */
.type-detail .detail-parameters-block:has(.variant-list):not(#_){padding:0!important;margin:4px 0 6px!important;background:transparent!important;border:0!important}
.type-detail .detail-parameters-block .variant-list:not(#_),.type-detail .detail-parameters-block .variant-list:not(#_) th,.type-detail .detail-parameters-block .variant-list:not(#_) td{display:block;width:auto!important;border:0!important}
.type-detail .detail-parameters-block .variant-list:not(#_) th{padding:0 0 8px!important;color:#817a75!important;font:700 11px/1.2 var(--oleum-text-font)!important;letter-spacing:.14em}
.type-detail .detail-parameters-block .variant-list:not(#_) td{padding:0 0 14px!important}
.type-detail .oleum-pill:not(#_){min-height:40px;padding:0 16px;font-size:13px}
/* drobný text v kartách elementov – tmavšie zlato kvôli kontrastu na bielej */
.oleum-pd .oleum-pd__element-sub:not(#_),.oleum-pd__element .oleum-pd__zodiac:not(#_){color:#7d5c12}
/* cena + množstvo + košík v jednom riadku (na úzkych obrazovkách košík zalomí pod cenu) */
.oleum-buy:not(#_){flex-direction:row;flex-wrap:wrap;align-items:center;gap:14px 20px}
.oleum-buy:not(#_) .p-final-price-wrapper{flex:0 0 auto;min-width:0}
.oleum-buy:not(#_) .add-to-cart{flex:1 1 300px;min-width:0}

/* Pätička – kontakt a údaje provozovatele */
.oleum-footer-seller{margin:0 0 18px;font-style:normal;color:#706965;font-size:13px;line-height:1.7}
.oleum-footer-seller strong{display:block;color:var(--oleum-cocoa);font-weight:800}
.oleum-footer-seller a{color:#706965!important;text-decoration:none!important}
.oleum-footer-seller a:hover{color:var(--oleum-purple)!important}
.oleum-footer .oleum-footer-follow{margin:0 0 4px!important;color:var(--oleum-cocoa)!important;font:800 10px/1.4 var(--oleum-text-font);letter-spacing:.18em;text-transform:uppercase}
.oleum-footer-socials:not(#_){margin-top:10px}
/* Blok o nás – skutočné logo Oleum Hispania v bielom kruhu (ako na hlavnom webe) */
.oleum-story__seal.oleum-story__seal--logo:not(#_){width:180px;height:180px;padding:17px;border:0;background:#fff;box-sizing:border-box}
.oleum-story__seal--logo img:not(#_){display:block;width:100%;height:100%;object-fit:contain}
@media (max-width:767px){.oleum-story__seal.oleum-story__seal--logo:not(#_){width:124px;height:124px;padding:12px}}
/* dlhý popis: pod zeleným pásom bez deliacej čiary (pás už sekcie oddeľuje) */
.oleum-pd__stats+.oleum-pd__section:not(#_){border-top:0}
.oleum-pd__intro--plain:not(#_){padding-top:4px}

/* =====================================================================
   Košík a objednávka – bez zelenej zo šablóny, vo farbách značky
   ===================================================================== */
/* zľavový kupón (bol ružový) a súhrnné boxy (boli zelené) */
.discount-coupon:not(#_){background:#fff!important;border:1px solid var(--oleum-line)!important}
.summary-wrapper:not(#_),.checkout-box-wrapper:not(#_),.order-summary-top:not(#_),.order-summary-bottom:not(#_),#checkoutSidebar .next-step:not(#_){background:var(--oleum-sand)!important;border-color:var(--oleum-line)!important}
.order-summary-bottom:not(#_){border-top:1px solid var(--oleum-line)!important}
/* zvolená doprava / platba: piesková s jemným zlatým rámikom, zlatá fajka */
.shipping-billing-table .radio-wrapper.active:not(#_) label{background:var(--oleum-sand)!important;border-color:var(--oleum-gold)!important}
.shipping-billing-table .radio-wrapper.active:not(#_) label::before{background-color:var(--oleum-gold)!important}
/* ceny a „Zdarma“ tmavé namiesto zelenej */
:is(.summary-wrapper,.order-summary-bottom,.order-summary-top,.order-recapitulation,.shipping-billing-table) :is(strong,span,b,div,.price,.for-free):not(.btn):not(.btn *):not(#_){color:var(--oleum-cocoa)!important}
.shipping-billing-table .radio-wrapper.active:not(#_) label .shipping-billing-name{color:var(--oleum-cocoa)!important}
.payment-shipping-price.for-free:not(#_){color:var(--oleum-cocoa)!important;font-weight:700}
/* rekapitulácia: doprava a platba rovným písmom (nie kurzívou) */
.recapitulation-shipping-billing-info:not(#_),.recapitulation-shipping-billing-info:not(#_) *{font-style:normal!important}
/* rekapitulácia: názov produktu na celú šírku, pod ním počet a cena */
#summary-box .cart-item:not(#_){display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:10px 0;border-bottom:1px solid var(--oleum-line)}
#summary-box .cart-item:not(#_) .cart-item-name{grid-column:1/-1;display:block;width:auto!important}
#summary-box .cart-item:not(#_) .cart-item-amount,#summary-box .cart-item:not(#_) .cart-item-price{display:block;width:auto!important}
#summary-box .cart-item:not(#_) .cart-item-price{text-align:right;font-weight:700}
#summary-box .cart-item:not(#_) .main-link{font-weight:600}
#summary-box .cart-item:not(#_) .main-link-variant{margin-top:2px;color:#817a75!important;font-size:12px}
.discount-coupon:not(#_) :is(strong,span,b,a){color:var(--oleum-purple)!important}
/* Zľavový kupón – zreteľné pole a tlačidlo */
.discount-coupon:not(#_) form{display:flex!important;align-items:stretch;gap:10px;margin-top:14px;flex-wrap:nowrap}
.discount-coupon:not(#_) input#discountCouponCode{flex:1 1 auto;min-width:0;height:48px!important;padding:0 14px!important;background:#fff!important;
	border:1px solid rgba(60,52,52,.45)!important;color:var(--oleum-cocoa)!important;font-size:15px!important}
.discount-coupon:not(#_) input#discountCouponCode::placeholder{color:#8a817c;opacity:1}
.discount-coupon:not(#_) input#discountCouponCode:focus{outline:0;border-color:var(--oleum-gold)!important;box-shadow:0 0 0 3px rgba(218,167,47,.25)!important}
.discount-coupon:not(#_) button.btn{flex:none;height:48px!important;padding:0 20px!important;background:var(--oleum-cocoa)!important;border:1px solid var(--oleum-cocoa)!important;
	color:#fff!important;font:700 12px/1 var(--oleum-text-font)!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.discount-coupon:not(#_) button.btn:hover{background:var(--oleum-purple)!important;border-color:var(--oleum-purple)!important;color:#fff!important}
/* Detailní specifikace ako tabuľka (editor Shoptetu ju nerozbije) */
table.oleum-spec__list{width:100%;margin:0;border-collapse:collapse}
table.oleum-spec__list th,table.oleum-spec__list td{padding:9px 0;border-bottom:1px solid var(--oleum-line);vertical-align:top;text-align:left}
table.oleum-spec__list th{width:36%;padding-right:18px;color:#817a75;font-size:12px;font-weight:700;line-height:1.5}
table.oleum-spec__list td{color:var(--oleum-cocoa);font-size:14px;line-height:1.5}
table.oleum-spec__list td a{color:var(--oleum-cocoa)!important;text-decoration:underline!important;text-underline-offset:2px}
table.oleum-spec__list td a:hover{color:var(--oleum-purple)!important}
.oleum-specs h4:not(#_){margin:18px 0 10px!important;color:var(--oleum-cocoa)!important;font:700 11px/1.3 var(--oleum-text-font)!important;letter-spacing:.14em;text-transform:uppercase}
.oleum-spec__taste h4:not(#_){margin-top:0!important}
tr[hidden]{display:none!important}
@media (max-width:575px){table.oleum-spec__list th,table.oleum-spec__list td{display:block;width:auto;border-bottom:0;padding:0}table.oleum-spec__list th{padding-top:9px}table.oleum-spec__list td{padding-bottom:9px;border-bottom:1px solid var(--oleum-line)}}
/* Horná lišta: Přihlášení a suma košíka rovnakej úrovne (bez verzálok, rovnaká veľkosť a váha) */
#header .navigation-buttons .top-nav-button-login:not(#_),#header .navigation-buttons .top-nav-button-login:not(#_) span,
#header .navigation-buttons .cart-count:not(#_),#header .navigation-buttons .cart-price:not(#_){
	font:600 15px/1.2 var(--oleum-text-font)!important;text-transform:none!important;letter-spacing:0!important;color:var(--oleum-cocoa)!important}
/* horná lišta: „Více“ (pretečené odkazy) prekrývalo telefón – odkazy sú aj v pätičke */
.top-navigation-bar .top-navigation-menu-trigger:not(#_){display:none!important}
.top-navigation-bar .top-navigation-menu:not(#_){min-width:0;overflow:hidden}
/* Košík (1. krok): jemnejšie pole množstva a ovládanie +/− */
.quantity-form .quantity:not(#_){width:96px!important;height:34px!important;font-size:14px!important;border:1px solid var(--oleum-line);background:#fff}
.quantity-form .quantity:not(#_) input.amount{height:32px!important;width:100%!important;padding:0 26px!important;border:0!important;background:transparent!important;
	color:var(--oleum-cocoa)!important;font-size:14px!important;font-weight:600!important;text-align:center}
.quantity-form .quantity:not(#_) button.increase,.quantity-form .quantity:not(#_) button.decrease{width:26px!important;height:32px!important;background:transparent!important}
.quantity-form .quantity:not(#_) button :is(.increase__sign,.decrease__sign){display:none!important}
.quantity-form .quantity:not(#_) button.increase::before,.quantity-form .quantity:not(#_) button.decrease::before{font-size:10px!important;font-weight:400!important;color:#817a75!important}
.quantity-form .quantity:not(#_) button:hover::before{color:var(--oleum-purple)!important}
.discount-coupon:not(#_) form{flex-wrap:wrap}
.discount-coupon:not(#_) input#discountCouponCode{flex:1 1 170px}
/* USP: text vždy zarovnaný vľavo (Apollo centruje flex obsah) */
.benefitBanner .benefitBanner__content:not(#_){justify-content:flex-start!important;align-items:flex-start!important;text-align:left!important}