/*========================================================================

	         Handcrafted with love by all the good people of
      ___ _____ _   _ ___ ___ ___    _____   ___  _   _   ___  ___ ___
    / __|_   _| | | |   \_ _/ _ \  / __\ \ / / \| | /_\ | _ \/ __| __|
    \__ \ | | | |_| | |) | | (_) | \__ \\ V /| .` |/ _ \|  _/\__ \ _|
    |___/ |_|  \___/|___/___\___/  |___/ |_| |_|\_/_/ \_\_|  |___/___|

                         www.studiosynapse.cz
 
/*========================================================================


/* ============================================== */
/* -----  00a. VARIABLES  ------------------------------ */
/* ---------------------------------------------- */
:root {
	/* --- Fonts --- */
	--font-primary:"Poppins", Arial, Helvetica, sans-serif;
	--font-secondary:"Aniuk", Arial, Helvetica, sans-serif;

	/* --- Colors - Primitives --- */
	--color-hneda-dark:#492300;
	--color-hneda-dark-rgb:73 75 0;
	--color-hneda-medium:#894002;
	--color-hneda-medium-rgb:137 64 2;
	--color-hneda-light:#d8b898;
	--color-hneda-light-rgb:216 184 152;
	--color-hneda-darker:#2f1e0e;
	--color-svetla:#f8f1e7;
	--color-svetla-light:#f9f4ed;
	--color-svetla-lighter:#fbf7f2;
	--color-svetla-ultralight:#fefcfb;
	--color-red-lighter:#ff6440;
	--color-red:#f83312;
	--color-red-rgb:248 51 18;
	--color-red-darker:#d1080d;
	--color-yellow:#f0a300;
	--color-orange:#ff7500;
	--color-orange-rgb:255 117 0;
	--color-green-lighter:#6d9d19;
	--color-green:#14822c;
	--color-green-darker:#3d5b09;
	--color-blue:#0075b1;
	--color-white:#fff;
	--color-black:#000;

	/* --- Colors - Primitives (PREPARED, not yet wired everywhere) --- */
	--color-hneda-link:#ab7646;		/* odkazy/bordery v article-mainpart, .moreinfo b, tagy, newsletter */
	--color-text-basic:#65574a;		/* zakladni text article/blog, aktivity, gdpr/cookie */
	--color-bio-green:var(--color-green-lighter);		/* .bio / .skin-bio varianty */

	/* --- Colors - Semantic --- */
	--color-text-primary:var(--color-hneda-dark);
	--color-text-accent-dark:var(--color-hneda-darker);
	--color-text-accent-light:var(--color-hneda-medium);
	--color-text-accent-ultralight:var(--color-hneda-light);
	--color-text-accent-hyper:var(--color-red);
	--color-text-inverse:var(--color-white);
	--color-text-inverse-muted:var(--color-svetla-ultralight);
	--color-accent-main:var(--color-red);
	--color-accent-main-darker:var(--color-red-darker);
	--color-accent-main-lighter:var(--color-red-lighter);
	
	/* --- Alpha - Primitives --- */
	--alpha-0: 0;
	--alpha-2: 0.02;
	--alpha-8: 0.08;
	--alpha-20: 0.2;
	--alpha-40: 0.4;
	--alpha-50: 0.5;
	--alpha-64: 0.64;
	--alpha-80: 0.8;
	--alpha-100: 1;

	/* --- Typography --- */
	--text-xs:0.625rem;	/* 10px */
	--text-s:0.75rem;	/* 12px */
	--text-sm:0.875rem;	/* 14px */
	--text-m:1rem;		/* 16px — base */
	--text-mml:1.0625rem;/* 17px */
	--text-ml:1.125rem;	/* 18px */
	--text-mll:1.25rem;	/* 20px */
	--text-l:1.3725rem;	/* 22px */
	--text-xl:1.5rem;	/* 24px */
	--text-2xl:1.625rem;/* 26px */
	--text-3xl:1.875rem;/* 30px */
	--text-4xl:2.25rem;	/* 36px */
	--text-5xl:3rem;	/* 48px */
	--text-6xl:3.75rem;	/* 60px */
	--text-7xl:4.5rem;	/* 72px */
	/* --- line height --- */
	--line-height-headline-ultramegagigatight:0.9;
	--line-height-headline-ultramegatight:1;
	--line-height-headline-ultratight:1.05556;
	--line-height-headline-tighter:1.13333;
	--line-height-headline-tight:1.16667;
	--line-height-headline-main:1.2;
	--line-height-headline-loose:1.33333;
	--line-height-basic:1.25;
	--line-height-text-tight:1.5;
	--line-height-text-main:1.625;
	--line-height-text-loose:1.857;

	/* --- Sizes --- */
	--button-padding-basic:.9em 1.15em .9em 1.5em;
	--box-radius-l:32px 96px 32px 32px;
	--box-radius-s:16px 24px 16px 16px;

	/* --- Shadows & Effects --- */
	--shadow-hidden:0px 0px 0px 0px rgb(var(--color-hneda-medium-rgb) / var(--alpha-0));
	--shadow-level-1:
		2px 20px 40px 2px rgb(var(--color-hneda-light-rgb) / var(--alpha-50)),
		2px 16px 14px -7px rgb(var(--color-orange-rgb) / var(--alpha-8));
	--shadow-level-1-harder:
		2px 20px 40px -2px rgb(var(--color-hneda-light-rgb) / var(--alpha-64)),
		2px 16px 14px -15px rgb(var(--color-orange-rgb) / var(--alpha-20));
	--shadow-level-2:
		6px 34px 64px 2px rgb(var(--color-hneda-light-rgb) / var(--alpha-50)),
		4px 8px 40px 5px rgb(var(--color-orange-rgb) / var(--alpha-20));
	--shadow-card-recipe-1:
		10px 40px 50px -12px rgb(var(--color-hneda-light-rgb) / var(--alpha-50)),
		4px 10px 26px -12px rgb(var(--color-orange-rgb) / var(--alpha-20));
	--text-shadow-hard:
		3px 10px 35px rgb(var(--color-orange-rgb) / var(--alpha-20)),
		8px 30px 50px rgb(var(--color-hneda-medium-rgb) / var(--alpha-100)),
		-4px -16px 50px rgb(var(--color-hneda-medium-rgb) / var(--alpha-100));
	--text-shadow-ultrahard:
		3px 10px 35px rgb(var(--color-orange-rgb) / var(--alpha-20)),
		-3px -10px 100px rgb(var(--color-orange-rgb) / var(--alpha-80)),
		8px 30px 50px rgb(var(--color-hneda-medium-rgb) / var(--alpha-100)),
		-4px -16px 50px rgb(var(--color-hneda-medium-rgb) / var(--alpha-100)),
		8px 30px 100px rgb(var(--color-hneda-medium-rgb) / var(--alpha-80));
	--text-shadow-lightglow:
		2px 8px 64px #fff, 2px 4px 24px #fff;
	--filter-shadow-basic-level-1:
		 drop-shadow(25px 40px 40px rgba(137,64,2,0.4));
	--filter-shadow-product-level-1:
		 drop-shadow(3px 8px 24px rgb(var(--color-orange-rgb) / var(--alpha-20)))
		 drop-shadow(20px 64px 56px rgb(var(--color-hneda-light-rgb) / var(--alpha-64)));

	/* --- Easings & Animations --- */
	--easing-1-bouncy:cubic-bezier(.62,2.08,.29,.74);
	--easing-2-easeout-ultrasmooth:cubic-bezier(.03,.98,.52,.99);
	--easing-3-easeout-smooth:cubic-bezier(.1,.75,.58,.99);
	/* --- transitions --- */
	--transition-basic:all .35s ease-out, transform .5s var(--easing-1-bouncy), background-color .1s ease-out, z-index 0s;
	--transition-basic-hover:all .15s var(--easing-3-easeout-smooth), transform .375s var(--easing-1-bouncy), box-shadow .3s ease-out, z-index 0s;
}


/* ============================================== */
/* -----  00b. COMMON SETTINGS  ------------------------------ */
/* ---------------------------------------------- */
* { margin:0; padding:0; box-sizing:border-box;}
html { font-size:100%; scroll-behavior:smooth; scroll-padding-top:128px;}
body { font-size:var(--text-base); line-height:var(--line-height-basic); font-family:var(--font-primary); background-color:var(--color-white); color:var(--color-text-primary); overflow-x:hidden;}
table { border:none; border-collapse:collapse; border-spacing:0;}
textarea,
input { border:none; border-radius:8px;}
strong,
b { font-weight:inherit;}
li { list-style-type:none;}
img { display:block;}
i,
em { font-style:normal;}
h1, h2, h3, h4, h5, h6 { text-align:left; line-height:var(--line-height-headline-tighter); color:var(--color-hneda-medium); font-family:var(--font-secondary); font-weight:500;}
h1 { font-weight:700;}

/* -----  Variables  ------------------------------ */
:root {
	--items-scale:1;
	--items-rotation:0deg;
	--offset-left:0px;
	--offset-top:0px;
}

/* -----  Special Skins  ------------------------------ */
/* -----  Velikonoce  ------------------------------ */
body.tag-velikonoce #theSkin,
body.tag-velka-noc #theSkin { position:relative; background:url(../images/bcg-jaro-01.png) -50% -100px repeat; background-size:auto; background-attachment:fixed;}
body.tag-velikonoce #theSkin:after,
body.tag-velka-noc #theSkin:after { content:""; display:block; position:absolute; z-index:5; left:0px; bottom:0px; width:100%; height:97px; background:url(../images/banner-mask-01.webp) 5% 100% repeat-x; overflow:hidden;}
/* -----  Leto  ------------------------------ */
body.tag-leto #theSkin,
body.tag-leto-sk #theSkin { position:relative; background:url(../images/bcg-leto-01.png) -50% -100px repeat; background-size:auto; background-attachment:fixed;}
body.tag-leto #theSkin:after,
body.tag-leto-sk #theSkin:after { content:""; display:block; position:absolute; z-index:5; left:0px; bottom:0px; width:100%; height:97px; background:url(../images/banner-mask-01.webp) 5% 100% repeat-x; overflow:hidden;}
/* -----  Leto  ------------------------------ */
body.skin-bio #theSkin { position:relative; background:url(../images/bcg-bio-02.png) 0px 0px repeat-x; padding-bottom:180px;}
body.skin-bio #theSkin:before { content:""; display:block; position:absolute; z-index:0; left:0px; top:0px; width:100%; height:120px; background:url(../images/bcg-bio-04.png) 50% -15px repeat-x; overflow:hidden; opacity:0.15;}
body.skin-bio #theSkin:after { content:""; display:block; position:absolute; z-index:0; left:0px; bottom:0px; width:100%; height:236px; background:url(../images/bcg-bio-04.jpg) 0% 100% repeat-x; overflow:hidden;}


/* ============================================== */
/* -----  00c. BUTTONS, LINKS, ICONS etc.  ------------------------------ */
/* ---------------------------------------------- */
/* -----  Focus & Selection  ------------------------------ */
*:focus { outline:0; background:none;}
*:focus-visible { outline:2px solid var(--color-hneda-light); outline-offset:2px;}
::selection { background:var(--color-text-accent-dark); color:var(--color-white);}

/* -----  Links and Buttons resets & initials  ------------------------------ */
input[type="button"],
input[type="submit"] { -webkit-appearance:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; cursor:pointer;}
button { font-family:var(--font-primary); text-decoration:none; color:var(--color-coolgray-gigadark); font-weight:normal; cursor:pointer; -webkit-tap-highlight-color:transparent; border:0; background:none;}
a {	text-decoration:none; color:var(--color-hneda-dark); cursor:pointer; -moz-transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
a:hover { text-decoration:none; color:var(--color-hneda-medium); -moz-transition:all 0.1s ease-out; -webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out;}
a:active { color:var(--color-black);}
.bio a { color:var(--color-green-darker);}
.bio a:hover { color:var(--color-hneda-medium);}

/* -----  Buttons  ------------------------------ */
button { border:none; cursor:pointer; -moz-transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
button:hover { -moz-transition:all 0.1s ease-out; -webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out;}
.button { display:inline-flex; position:relative; justify-content:center; align-items:center; z-index:10; font-size:var(--text-mml); font-weight:500; color:var(--color-hneda-dark); padding:var(--button-padding-basic); background:var(--color-svetla-lighter); border-radius:50px;
	white-space:nowrap; transform:scale(1); box-shadow:var(--shadow-level-1); transition:var(--transition-basic);}
.button b { font-weight:500;}
.button b:after { content:"\e856"; display:inline-block; position:relative; top:-2px; left:0px; vertical-align:middle; font-size:1em; line-height:.85em; padding:0 0 0 .75em; font-weight:400 !important; font-family:'icons', Arial;}
.button.noicon b:after { display:none;}
.button.arrow-down b:after { content:"\e837";}
.button.translucent { background:rgba(249,244,237,0.75);}
.button.tiny { font-size:0.8125em; padding:0.75em 1.25em 0.8em 1.5em;}
.button.huge { font-size:1.25em;}
.button.prime { color:var(--color-white); background:var(--color-accent-main); box-shadow:var(--shadow-level-1-harder);}
.button.prime b { font-weight:700;}
.bio .button.prime { color:var(--color-white); background:#6d9d19;}
/* .button.shadow { box-shadow:4px 8px 10px -5px rgba(137,64,2,0.5);}
.button.huge.shadow { box-shadow:10px 35px 56px -10px rgba(137,64,2,0.75);} */
.button.heart { -moz-box-shadow:5px 15px 50px -10px rgba(137,64,2,0.2); -webkit-box-shadow:5px 15px 50px -10px rgba(137,64,2,0.2); box-shadow:5px 15px 50px -10px rgba(137,64,2,0.2);}
.button.heart b:after { content:""; display:inline-block; position:relative; top:0px; left:0px; width:20px; height:18px; padding:0; margin-left:13px; background:url(../images/icon-heart-dark-01.svg) 50% 0% no-repeat; background-size:100% auto;}
.button:hover { z-index:11; background:var(--color-svetla-ultralight); color:var(--color-hneda-darker); transform:scale(1.1);
	box-shadow:var(--shadow-level-2); transition:var(--transition-basic-hover);}
.button:hover b:after { transform:translateX(2px) rotate(-10deg); transition:var(--transition-basic-hover);}
.bio .button:hover { -moz-box-shadow:5px 15px 40px -10px rgba(64,119,49,0.25); -webkit-box-shadow:5px 15px 40px -10px rgba(64,119,49,0.25); box-shadow:5px 15px 40px -10px rgba(64,119,49,0.25);}
.button.prime:hover { color:var(--color-white); background:var(--color-accent-main-darker);}
/* .button.huge.shadow:hover { box-shadow:20px 55px 72px -10px rgba(137,64,2,0.5);} */
.button.prime.jaro03 { background:#26ca84;}
.button.prime.leto04 { background:#e42534;}
/* -----  circle  ------------------------------ */
.button.circle { display:inline-block; width:56px; height:56px; overflow:hidden; text-align:center; padding:0;}
.button.circle b { display:none;}
.button.circle:before { content:"\e856"; display:block; position:relative; width:56px; text-align:center; top:0px; left:1px; font-size:1em; line-height:53px; font-family:'icons', Arial;}
.button.circle.arrow-left:before { content:"\e83a"; left:-1px;}
/* -----  special  ------------------------------ */
#specialButton { display:block; position:fixed; z-index:1100; bottom:0px; right:0px; background:rgba(255,255,255,0.97); padding:20px 20px 20px 24px; 
	-moz-border-radius:40px 0px 0px 0px; -webkit-border-radius:40px 0px 0px 0px; border-radius:40px 0px 0px 0px;
	-moz-box-shadow:5px 10px 46px -5px rgba(137,64,2,0.75); -webkit-box-shadow:5px 10px 46px -5px rgba(137,64,2,0.75); box-shadow:5px 10px 46px -5px rgba(137,64,2,0.75);
	transform:translate(0,150px); opacity:0; -moz-transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out; transition:all 0.35s ease-out;}
.nottop #specialButton { transform:translate(0,0); opacity:1;}
/* -----  soutez  ------------------------------ */
#soutezButton { display:block; position:fixed; z-index:1100; top:0px; right:0px; width:224px; text-align:center;
	transform:translate(0px,0px); opacity:0; -moz-transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out; transition:all 0.35s ease-out;}
#soutezButton.smaller { width:188px;}
.isloaded #soutezButton { transform:translate(-24px,80px); opacity:1;}
.isloaded.scrolled #soutezButton { transform:translate(202px,0px); opacity:0;}
#soutezButton img { width:100%; height:auto; margin-bottom:-44px;}
#soutezButton img.shadow { filter:drop-shadow(4px 20px 12px rgba(137,64,2,0.15)); }
#soutezButton .button { margin-top:-18px;}

/* -----  Questions  ------------------------------ */
.question { display:inline-flex; align-items:center; justify-content:flex-start; position:relative; z-index:1; background:var(--color-svetla-light); color:var(--color-text-primary); margin:8px; border:1px solid rgb(var(--color-hneda-medium-rgb) / var(--alpha-20)); border-radius:16px 40px 40px 16px;
	transform:scale(1); transition:var(--transition-basic);}
.question span { display:flex; flex-direction:column; position:absolute; justify-content:center; align-items:center; height:100%; aspect-ratio:1 / 1; background:var(--color-svetla-ultralight); color:var(--color-text-accent-ultralight); border:1px dotted rgb(var(--color-hneda-medium-rgb) / var(--alpha-20)); border-radius:16px 4px 4px 16px; overflow:hidden;}
.question span::before { content:"?"; display:block; font-weight:500; font-size:var(--text-4xl); padding-left:0.2rem;}
.question span img { display:block; position:absolute; height:100%; aspect-ratio:1 / 1; object-position:center; object-fit:cover; transform:scale(1.35); transition:transform .25s ease-out;}
.question h2 { color:inherit; font-size:var(--text-3xl); font-weight:500; line-height:var(--line-height-headline-tighter); padding:.75em 1em .75em 3.6125em;}
.question h2 strong { font-weight:700;}
.question:hover { z-index:2; transform:scale(1.02); color:var(--color-text-accent-dark); background-color:var(--color-svetla-ultralight); box-shadow:var(--shadow-level-1); border:1px dotted rgb(var(--color-hneda-medium-rgb) / var(--alpha-40));
	transition:var(--transition-basic-hover);}
.question:hover span { background-color:var(--color-svetla-lighter);}
.question:hover span img { transform:scale(1.15); transition:transform .75s var(--easing-1-bouncy);}
/* -----  answer  ------------------------------ */
.answer { position:relative; margin-right:1.75em; font-weight:700; color:var(--color-text-primary); border-bottom:1px solid var(--color-text-accent-hyper);}
.answer::after { content:"?"; position:absolute; /*top:.05em;*/ margin-left:.3em; font-size:.75em; font-weight:500; font-family:var(--font-primary); display:inline-flex; flex-direction:column; align-items:center; justify-content:center; width:18px; aspect-ratio:1 / 1; overflow:hidden; background:var(--color-svetla-light); border-radius:50%; border:1px dotted rgb(var(--color-hneda-medium-rgb) / var(--alpha-50));
	transform:scale(1); transition:var(--transition-basic);} 
.answer:hover { color:var(--color-text-accent-dark); border-bottom:1px dotted var(--color-text-accent-hyper);}
.answer:hover::after { background:var(--color-svetla-ultralight); color:var(--color-text-accent-hyper); border:1px solid rgb(var(--color-hneda-medium-rgb) / var(--alpha-20));
	transform:scale(1.2); transition:var(--transition-basic-hover);} 
.slide h1 .answer { color:var(--color-text-inverse); border-bottom:2px dotted var(--color-text-accent-dark); margin-right:0;}
.slide h1 .answer::after { display:none; /*top:.2em;*/ margin-left:.2em; font-size:.675em; width:1.375em; color:var(--color-text-primary); background-color:rgb(var(--color-hneda-medium-rgb) / var(--alpha-20)); border:2px dotted rgb(var(--color-hneda-medium-rgb) / var(--alpha-50));} 
.slide h1 .answer:hover { border-bottom:2px solid var(--color-text-accent-dark);}
.slide h1 .answer:hover::after { color:var(--color-text-primary); background-color:rgb(var(--color-hneda-light-rgb) / var(--alpha-80)); border:2px solid rgb(var(--color-hneda-medium-rgb) / var(--alpha-64)); transform:scale(1.05);} 
.tabula-speciale .answer::after { /*top:.01em;*/ width:20px;} 


/* ============================================== */
/* -----  01. HEADER, MENU & ADDON STUFF ------------------------------ */
/* ---------------------------------------------- */
#header { text-align:center; padding:20px 0 0px; position:relative; z-index:2;}
#headerLogo { width:104px; height:auto; margin:2px auto 0px;} 
#headerLogo2 { width:104px; height:auto; margin:2px auto 0px;} 
#headerLogo3 { width:104px; height:auto; margin:2px auto 0px;} 
#headerLogo4 { width:104px; height:auto; margin:2px auto 0px;} 
#header .logo-babicka.white { display:none;}
#header .logo-babicka.green { display:none;}
#header .logo-babicka.red { display:none;}
/* -----  Velikonoce  ------------------------------ */
body.tag-velikonoce #header .logo-babicka.dark,
body.tag-velka-noc #header .logo-babicka.dark { display:none;}
body.tag-velikonoce #header .logo-babicka.green,
body.tag-velka-noc #header .logo-babicka.green { display:block;}
/* -----  Leto  ------------------------------ */
body.tag-leto #header .logo-babicka.dark,
body.tag-leto-sk #header .logo-babicka.dark { display:none;}
body.tag-leto #header .logo-babicka.red,
body.tag-leto-sk #header .logo-babicka.red { display:block;}

/* -----  main menu  ------------------------------ */
.main-menu { display:flex; align-items:center; justify-content:center; text-align:center; padding:28px 16px 12px; transition:all 0.5s ease-out;}
.main-menu li { display:flex; font-size:var(--text-m); margin:0 1em; font-weight:700;}
.main-menu li a { display:flex; position:relative; align-items:center; justify-content:center; color:var(--color-text-primary); padding:0.05em 0; border-bottom:2px solid rgb(var(--color-red-rgb) / var(--alpha-0));}
.main-menu li.menu-item-5319 a:before,
.main-menu li.menu-item-6146 a:before { content:""; display:block; position:absolute; left:-2px; width:28px; height:28px; border-radius:50%; background:url(../images/icon-bio-01.svg) 58% 48% no-repeat; background-size:65% auto; background-color:#d4e8a6; opacity:0.5;}
.main-menu li.menu-item-7383 a,
.main-menu li.menu-item-7423 a { margin-left:32px;}
.main-menu li.menu-item-7383 a:before,
.main-menu li.menu-item-7423 a:before { content:""; display:block; position:absolute; left:-36px; margin-top:-2px; width:32px; height:32px; border-radius:50%; background:var(--color-svetla-light) url(../images/logo-2025-symbol-aktivity-01.svg) 50% 100% / auto 84% no-repeat; opacity:0.95;}
.main-menu li a:hover { color:var(--color-text-accent-dark); border-color:var(--color-accent-main);}
.main-menu li.menu-item-23 a,
.main-menu li.menu-item-2072 a,
.main-menu li#menu-item-x a { color:var(--color-text-accent-ultralight);}
.main-menu li.current-menu-item,
.main-menu li.current-category-ancestor,
.main-menu li.current-page-ancestor,
.main-menu li.current-post-ancestor { font-size:var(--text-mml); font-weight:700;}
.main-menu li.current-menu-item a,
.main-menu li.current-category-ancestor a,
.main-menu li.current-page-ancestor a,
.main-menu li.current-post-ancestor a { color:var(--color-text-accent-light);}
.main-menu li.current-menu-item a::after,
.main-menu li.current-category-ancestor a::after,
.main-menu li.current-page-ancestor a::after,
.main-menu li.current-post-ancestor a::after { content:""; display:block; position:absolute; bottom:-3px; width:100%; height:4px; background:url(../images/icon-divider-01.svg) 50% 100% / 110% 4px no-repeat;}

/* -----  top social & lang stuff  ------------------------------ */
#theTopSocials { display:block; position:fixed; z-index:1100; top:0px; right:0px; transform:translate(-20px, 20px); -moz-transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out; transition:all 0.35s ease-out;}
.scrolled #theTopSocials { transform:translate(-14px, 14px);}
#theTopLangs { display:block; position:fixed; z-index:1100; top:0px; left:0px; transform:translate(18px, 14px) scale(1,1); -moz-transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out; transition:all 0.35s ease-out;}
.scrolled #theTopLangs { transform:translate(10px, 7px) scale(0.9,0.9);}

/* -----  menu switch  ------------------------------ */
#theMenuSwitch { display:none;}

/* -----  addon  ------------------------------ */
#addon { position:fixed; z-index:-10; width:auto; top:24px; left:50%; opacity:0; background:rgba(255,255,255,.75); backdrop-filter:blur(6px); transform:translate(-50%,-15px); border-radius:36px; box-shadow:var(--shadow-hidden); transition:all 0.75s var(--easing-3-easeout-smooth); }
#addonLogo { display:none;} 
.scrolled #addon { z-index:1000; opacity:1; transform:translate(-50%,0px); box-shadow:var(--shadow-level-2); transition:all 0.75s var(--easing-3-easeout-smooth);}
.scrolled #addon:hover { background:rgba(255,255,255,.9);}
.gogo-popup #addon { opacity:0;}

/* -----  addon menu  ------------------------------ */
.addon-menu { display:flex; align-items:center; justify-content:center; text-align:center; height:52px; padding:0 16px; transition:all 0.5s ease-out;}
.addon-menu li { display:flex; font-size:var(--text-sm); margin:0 1em; font-weight:700;}
.addon-menu li a { display:flex; position:relative; align-items:center; justify-content:center; color:var(--color-text-primary); white-space:nowrap; padding:0.05em 0; border-bottom:1px solid rgb(var(--color-red-rgb) / var(--alpha-0));}
/* .addon-menu li.menu-item-5319 a:before { content:""; display:inline-block; position:relative; top:7px; left:-2px; margin:-8px 2px 0 0; width:26px; height:26px; border-radius:50%; background:url(../images/icon-bio-01.svg) 58% 48% no-repeat; background-size:65% auto; background-color:#d4e8a6; opacity:0.5;}
.addon-menu li.menu-item-6146 a:before { content:""; display:inline-block; position:relative; top:7px; left:-2px; margin:-8px 2px 0 0; width:26px; height:26px; border-radius:50%; background:url(../images/icon-bio-01.svg) 58% 48% no-repeat; background-size:65% auto; background-color:#d4e8a6; opacity:0.5;} */
.addon-menu li.menu-item-7383 a,
.addon-menu li.menu-item-7423 a { margin-left:28px;}
.addon-menu li.menu-item-7383 a:before,
.addon-menu li.menu-item-7423 a:before { content:""; display:block; position:absolute; left:-32px; margin-top:-2px; width:28px; height:28px; border-radius:50%; background:var(--color-svetla-light) url(../images/logo-2025-symbol-aktivity-01.svg) 50% 100% / auto 84% no-repeat; opacity:0.95;}
.addon-menu li a:hover { color:var(--color-text-accent-dark); border-color:var(--color-accent-main);}
.addon-menu li.menu-item-23 a,
.addon-menu li.menu-item-2072 a,
.addon-menu li#menu-item-x a { color:var(--color-text-accent-ultralight);}
.addon-menu li.current-menu-item a,
.addon-menu li.current-post-ancestor a { color:var(--color-text-accent-light);}
.addon-menu li.current-menu-item a::after,
.addon-menu li.current-category-ancestor a::after,
.addon-menu li.current-page-ancestor a::after,
.addon-menu li.current-post-ancestor a::after { content:""; display:block; position:absolute; bottom:-3px; width:100%; height:4px; background:url(../images/icon-divider-01.svg) 50% 100% / 110% 4px no-repeat;}

/* -----  encyklopedie menu  ------------------------------ */
.encyklopedie-menu { display:block; margin:1em 0; -moz-transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
.encyklopedie-menu li { display:block; list-style-type:none; font-size:1.0625em; margin:0 3px 0 0; font-family:var(--font-primary); font-weight:700;}
.encyklopedie-menu li a { display:block; padding:0.75em 0; color:var(--color-hneda-dark); text-align:right;}
.encyklopedie-menu li a:hover { color:var(--color-hneda-medium);}
.encyklopedie-menu li.current-menu-item, 
.encyklopedie-menu li.current-post-ancestor { font-size:1.25em; font-family:var(--font-primary); font-weight:400;}
.encyklopedie-menu li.current-menu-item a,
.encyklopedie-menu li.current-post-ancestor a { color:var(--color-hneda-medium);}
/* -----  blog menu  ------------------------------ */
.blog-menu { display:block; margin:1em 0; -moz-transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
.blog-menu li { display:block; list-style-type:none; font-size:1.0625em; margin:0 3px 0 0; font-family:var(--font-primary); font-weight:700;}
.blog-menu li a { display:block; padding:0.75em 0; color:var(--color-hneda-dark); text-align:left;}
.blog-menu li a:hover { color:var(--color-hneda-medium);}
.blog-menu li.current-menu-item, 
.blog-menu li.current-post-ancestor { font-size:1.25em; font-family:var(--font-primary); font-weight:400;}
.blog-menu li.current-menu-item a,
.blog-menu li.current-post-ancestor a { color:var(--color-hneda-medium);}

/* -----  article menu  ------------------------------ */
.article-menu { display:block; margin:1em 0; -moz-transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
.article-menu span { display:block; text-align:right; font-size:1.875em; line-height:1.13333em; color:var(--color-hneda-medium); font-family:var(--font-secondary); font-weight:500;}
.article-menu li { display:block; list-style-type:none; font-size:0.875em; margin:0 2px 0 0; font-family:var(--font-primary); font-weight:700;}
.article-menu li a { display:block; padding:0.75em 0; color:var(--color-hneda-dark); text-align:right;}
.article-menu li a:hover { color:var(--color-hneda-medium);}
.article-menu li.current-menu-item, 
.article-menu li.current-post-ancestor { font-size:1em; font-family:var(--font-primary); font-weight:400;}
.article-menu li.current-menu-item a,
.article-menu li.current-post-ancestor a { color:var(--color-hneda-medium);}
.slide.blog .article-menu span { text-align:left;}
.slide.blog .article-menu li { margin:0 0 0 2px;}
.slide.blog .article-menu li a { text-align:left;}


/* ============================================== */
/* -----  02. SLIDES & Layout  ------------------------------ */
/* ---------------------------------------------- */
#theStuff { width:100vw; overflow:hidden; overflow:clip; filter:none; transition:all 0.2s ease-out;}
.gogo-search #theStuff { filter:blur(5px);}
.gogo-popup #theStuff { filter:blur(5px);}

/* -----  common basics  ------------------------------ */
.part { position:relative; width:auto;}
.slide { position:relative; width:auto; margin:50px auto 72px;}
.slide.first { margin-top:30px;}
.slide.first-up { margin-top:0px;}
.slide.catalogue-mouky.first { margin-bottom:0px;}
.slide.aktivity-menu { margin-top:-72px;}
.slide.aktivity-texty { margin-top:-24px;}
.slide .buttons { text-align:center; margin:2em 0;}

/* -----  banner  ------------------------------ */
.slide.carousel { width:100%; height:80vh; overflow:hidden;}
.slide.carousel.first { margin:-5px 0 0 0;}
.slide.megacover { width:100%; height:80vh; overflow:hidden;}
.slide.megacover.first { margin:-5px 0 0 0;}
.slide.megavideo { width:100%; overflow:hidden;}
.slide.megavideo.first { margin:-5px 0 0 0;}

/* -----  specials  ------------------------------ */
.slide.article-recipe .slide-inside { margin:0 auto; width:95%; max-width:1240px;}
.slide-inside:after { content:" "; visibility:hidden; display:block; height:0; clear:both;}


/* ============================================== */
/* -----  03. TEXT STYLING  ------------------------------ */
/* ---------------------------------------------- */

/* -----  common basics  ------------------------------ */
.slide h1 { text-align:center; font-size:var(--text-4xl); margin:1.5em 5% 0.25em; /*font-weight:400;*/}
.slide h1 a { color:var(--color-text-accent-light);}
.slide h1.bigger { font-size:var(--text-5xl); margin:0.5em 5% 0.5em; /*font-weight:400;*/}
.slide.love-intro h1.bigger { margin:0.375em 5% 0.375em;}
.slide h1.bigger small { font-size:0.5em; line-height:1em;}
.slide.love-intro h1.bigger small { font-size:0.75em; display:block; margin-bottom:.75em;}
.slide h1.bigger small.tinyblock { display:block; font-size:0.5em; line-height:1.125em;}
.slide h1 em { color:var(--color-hneda-light);}
.slide h1 strong { color:var(--color-accent-main);}
.slide.bio h1 strong { color:#6d9d19;}
.slide .intro h2 { text-align:center; font-size:var(--text-5xl); margin:.5em 5% 0.25em; font-weight:700;}
.slide .intro h2.smaller { font-size:var(--text-4xl);}
.slide .intro h2.smaller small { font-size:0.6667em; line-height:1em;}
.slide .intro h2.smaller .button.tiny { font-size:0.425em; padding:0.15em .75em 0.1em 1em; margin:0 0 0 1em; vertical-align:middle;}
.slide.bio .intro h2 strong { color:#6d9d19;}
.slide .intro p { text-align:center; font-size:var(--text-m); line-height:var(--line-height-text-main); margin:0em auto 1em; width:90%; max-width:600px;}
.slide.bio .intro p { font-size:var(--text-ml); line-height:var(--line-height-text-main); width:90%; max-width:780px;}
.slide.love-intro p { font-size:var(--text-ml); line-height:var(--line-height-text-main); width:85%; max-width:640px; text-align:center; margin:1.25em auto 1.5em;}
.slide.love-intro p strong { font-size:1.125em; color:var(--color-hneda-dark); font-family:var(--font-primary); font-weight:700;}
.slide ul li { list-style-type:none;}

/* -----  links ------------------------------ */
/* .article-mainpart p a { color:#ab7646; border-bottom:1px solid #ab7646;}
.article-mainpart table a { color:#ab7646; border-bottom:1px solid #ab7646;}
.article-mainpart li a { color:#ab7646; border-bottom:1px solid #ab7646;}
.article-mainpart p a:hover { color:var(--color-hneda-dark); border-bottom:1px dotted var(--color-hneda-dark);}
.article-mainpart table a:hover { color:var(--color-hneda-dark); border-bottom:1px dotted var(--color-hneda-dark);}
.article-mainpart li a:hover { color:var(--color-hneda-dark); border-bottom:1px dotted var(--color-hneda-dark);} */

/* -----  tables ------------------------------ */
.article-mainpart table { width:100%; max-width:720px; font-size:0.875em; line-height:1.857em; margin:2em auto 4em; border-collapse:collapse;}
.article-mainpart table th { font-weight:normal; color:var(--color-hneda-dark); font-size:0.75em; padding:1em 0.1em 1em; border-bottom:1px dashed #ab7646; font-family:var(--font-primary); font-weight:700;}
.article-mainpart table td { text-align:center; padding:1em 0.1em 1em; border-bottom:1px dotted var(--color-hneda-light); background:var(--color-svetla-lighter);}
.article-mainpart table tr:nth-child(odd) td { background:var(--color-white);}
.article-mainpart table tr:hover td { background:var(--color-svetla); color:var(--color-hneda-dark);}

/* -----  slide Intro ------------------------------ */
.slide.intro .texts.title { text-align:center;}


/* ============================================== */
/* -----  04. CATALOGUES, LISTS & GALLERIES  ------------------------------ */
/* ---------------------------------------------- */

/* -----  love  ------------------------------ */
.love { display:block; position:absolute; z-index:3; top:0px; left:0px; color:var(--color-svetla-ultralight); font-size:var(--text-s); text-align:center; font-family:var(--font-secondary); font-weight:500;
	margin:11px 0 0 10px; width:52px; height:42px; background:url(../images/icon-heart-red-01.svg) 50% 0% no-repeat; background-size:100% auto;}
.love b { display:inline-block; padding:0.7em 0 0; opacity:.65;}
.love.hidden b { display:none;}
.love.small { font-size:var(--text-xs); margin:11px 0 0 12px; width:38px; height:32px;}
.love.small b { padding:0.4em 0 0;}
.love.large { font-size:var(--text-sm); margin:11px 0 0 10px; width:60px; height:50px;}
.love.large b { padding:0.8em 0 0;}

/* -----  Recipes  ------------------------------ */
.catalogue-recipes {}
.catalogue-recipes .catalogue-grid { text-align:center;}
.catalogue-recipes.first .catalogue-grid { max-width:1400px; margin:0 auto;}
.recipe-item { display:inline-block; position:relative; z-index:1; width:275px; margin:22px 22px 32px; background:var(--color-svetla); overflow:hidden; text-align:left; vertical-align:top;
	border-radius:16px 64px 16px 16px; box-shadow:var(--shadow-card-recipe-1); transform:scale(1); transition:all 0.35s ease-out, transform .45s var(--easing-1-bouncy);}
.recipe-item .image-part { display:block; position:relative; width:100%; aspect-ratio:1 / 1; border-radius:8px; overflow:hidden;}
.recipe-item .image-part .recipe-image { width:100%; aspect-ratio:1 / 1; border-radius:4px; transform:scale(1); transition:transform .25s ease-out;}
.recipe-item .title-part { position:relative; padding:1px 23px 1px 20px; min-height:135px; text-align:center;}
.recipe-item .title-part .moreinfo { display:block; font-size:var(--text-sm); color:var(--color-text-accent-ultralight); margin:1em 0 0.25em; font-family:var(--font-secondary);}
.recipe-item .title-part .moreinfo b { color:var(--color-text-accent-light); margin:0 .5em 0 0.5em; font-weight:700;}
.recipe-item .title-part h2 { display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:72px; font-size:var(--text-l); font-weight:700; margin:.25em 0 1em; color:var(--color-text-primary); text-align:center;}
.recipe-item .title-part h3 { display:block; position:absolute; right:0px; bottom:0px; font-size:0.75em; margin:0; padding:7px 15px 8px 13px; background:var(--color-svetla-ultralight); font-family:var(--font-primary); border:1px dotted rgb(var(--color-hneda-medium-rgb) / var(--alpha-40)); font-weight:700; border-radius:10px 5px 10px 5px;}
.recipe-item .title-part .linked { display:block; position:absolute; top:-82px; right:0px;}
.recipe-item .title-part .linked:before { content:""; display:block; position:absolute; width:100%; height:66px; bottom:-1px; right:0px; background:var(--color-svetla); border-radius:45px 0px 0px 0px; transition:all 0.35s ease-out,}
.recipe-item .title-part .linked img { display:block; float:left; position:relative; z-index:2; width:48px; height:auto; margin:0 12px 8px 15px; filter:drop-shadow(2px 5px 8px rgba(137,64,2,0.25));}
.recipe-item .title-part .linked img:nth-of-type(2),
.recipe-item .title-part .linked img:nth-of-type(3),
.recipe-item .title-part .linked img:nth-of-type(4),
.recipe-item .title-part .linked img:nth-of-type(5) { display:none; margin-left:3px;}
.recipe-item:hover { background:var(--color-svetla-ultralight); transform:scale(1.075); z-index:2; box-shadow:var(--shadow-level-2); transition:all 0.35s ease-out, transform .4s var(--easing-1-bouncy);}
.recipe-item:hover .linked:before { background:var(--color-svetla-ultralight);}
.recipe-item:hover .image-part .recipe-image {transform:scale(1.05); transition:transform .75s var(--easing-1-bouncy);}
.recipe-item:hover .image-part .love { color:var(--color-white)}
.recipe-item:hover .title-part h2 { color:var(--color-text-accent-dark);}
/* -----  recipe video  ------------------------------ */
.recipe-item.video .love { /*display:none;*/}
.recipe-item.video .image-part:after { content:" "; display:none; position:absolute; left:105px; bottom:113px; width:66px; height:50px; background:url(../images/icon-youtube-01.svg) 50% 50% no-repeat; background-size:100% auto;}
/* -----  recipe bio  ------------------------------ */
.recipe-item.bio { background:#f4f7e9;}
.recipe-item.bio .image-part .linked:before { background:#f4f7e9;}
.recipe-item.bio .image-part .linked img { -webkit-filter:drop-shadow(2px 5px 8px rgba(64,119,49,0.4)); filter:drop-shadow(2px 5px 8px rgba(64,119,49,0.4));}
.recipe-item.bio .title-part h3 { display:block; position:absolute; width:36px; height:36px; padding:0; bottom:6px; right:6px; background:none; background-image:radial-gradient(#cadf9c,#eff4e0); opacity:1; border-radius:50%;}
.recipe-item.bio .title-part h3:after { content:""; display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background:url(../images/icon-bio-01.svg) 58% 48% no-repeat; background-size:65% auto; opacity:0.5;}
.recipe-item.bio .title-part h3 i { display:none;}
/* -----  recipe hlavni katalog  ------------------------------ */
.catalogue-recipes.main .catalogue-headline { max-width:1300px; margin:0 auto 10px;}
.catalogue-recipes.main .catalogue-headline h1 { display:inline-block; margin:0 0 0.15em 40px; vertical-align:middle;}
.catalogue-recipes.main .catalogue-grid { max-width:1300px; margin:0 auto;}
/* -----  tag katalog  ------------------------------ */
.catalogue-recipes.main.supertag .catalogue-headline h1 { display:block; margin:0 auto 0.15em; vertical-align:middle;}
.catalogue-recipes.main.supertag .catalogue-headline h1 strong { font-size:1.125em; color:var(--color-hneda-dark); margin-left:0.125em;}
.catalogue-recipes.main.supertag .catalogue-headline h2 { font-size:1.875em; text-align:center;}
/* -----  recipe ytshort  ------------------------------ */
.recipe-item.ytshort { width:440px; margin:22px 30px 0;}
.recipe-item.ytshort:hover { -moz-transition:all 0.1s ease-out; -webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out;}
.recipe-item.ytshort .image-part { display:block; position:relative; float:left; width:262px;}
.recipe-item.ytshort .image-part .recipe-image { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.recipe-item.ytshort .title-part { float:left; padding:1px 20px 1px 26px; min-height:135px; width:132px;}
.recipe-item.ytshort .title-part h2 { font-size:2.25em; margin:1em 0 0.5em;}
.recipe-item.ytshort .buttons-part { position:absolute; bottom:0px; right:0px; width:158px; text-align:left; padding-bottom:16px;}
.recipe-item.ytshort .buttons-part .button { width:132px; padding:0.8em 0; text-align:center; background:var(--color-white); margin:8px 0;}
.recipe-item.ytshort .buttons-part .button.prime { background:var(--color-accent-main); -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important;}
.recipe-item.ytshort .buttons-part .button.prime:hover { -moz-box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25) !important; -webkit-box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25) !important; box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25) !important;}
.recipe-item.ytshort.video .image-part:after { left:100px; bottom:170px;}

/* -----  Mouky  ------------------------------ */
.slide.catalogue-mouky { margin-top:128px;}
.slide.catalogue-mouky.first { margin-top:30px;}
.catalogue-mouky .catalogue-grid { text-align:center;}
.catalogue-mouky.bio .catalogue-grid { padding-top:32px;}
.mouka-item { display:inline-block; position:relative; z-index:1; width:312px; margin:22px 44px; vertical-align:top; text-align:center;
	transform:translate(0,0) scale(1,1); -moz-transition:all 0.35s ease-out; -webkit-transition:all 0.15s ease-out; transition:all 0.15s ease-out;}
.mouka-item.novinka:before { content:""; display:block; position:absolute; z-index:5; top:-22px; left:5px; width:182px; height:132px; background:url(../images/icon-novinka-dark-red-heart-01.svg) 50% 0 no-repeat; background-size:100% auto;
	transform:translate(0,0) scale(1,1); -moz-transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
.mouka-item.limitka:before { content:""; display:block; position:absolute; z-index:5; top:-22px; left:5px; width:182px; height:132px; background:url(../images/icon-limitka-dark-red-heart-01.svg) 50% 0 no-repeat; background-size:100% auto;
	transform:translate(0,0) scale(1,1); -moz-transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
.lang-sk .mouka-item.limitka:before { background-image:url(../images/icon-limitka-dark-red-heart-sk-01.svg);}
.mouka-item .image-part:before { content:""; display:block; position:absolute; top:0px; left:0px; width:100%; height:312px; background:var(--color-svetla-light);	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
	transform:translate(0,0) scale(1,1); -moz-transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out; transition:all 0.35s ease-out;}
.bio .mouka-item .image-part:before { background:none; background-image:radial-gradient(#cadf9c,#eff4e0,#f7f9ed); opacity:1;}
.bio .mouka-item .image-part:after { content:""; display:block; position:absolute; top:0px; left:0px; width:100%; height:312px; background:url(../images/bcg-bio-01-v3.png) 0px 0px no-repeat; background-size:100% auto; opacity:0.2; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
	transform:translate(0,0) scale(1,1); -moz-transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out; transition:all 0.35s ease-out;}
.mouka-item .image-part > img { display:block; position:relative; z-index:2; width:55.7%; height:auto; margin:56px auto 0.5em;
	-webkit-filter:drop-shadow(4px 12px 20px rgba(137,64,2,0.35)); filter:drop-shadow(4px 12px 20px rgba(137,64,2,0.35));}
.bio .mouka-item .image-part > img { -webkit-filter:drop-shadow(4px 12px 20px rgba(64,119,49,0.45)); filter:drop-shadow(4px 12px 20px rgba(64,119,49,0.45));}
.mouka-item .image-part .image-stamp { display:block; position:absolute; z-index:2; width:112px; height:112px; top:-8px; right:-8px;}
.mouka-item .image-part .image-stamp:nth-of-type(2) { top:72px; right:-24px;}
.mouka-item .image-part .image-stamp:nth-of-type(3) { top:160px; right:-20px;}
.mouka-item .image-part .image-stamp img { display:block; width:100%; height:auto; margin:0;}
.mouka-item .title-part { padding:1px 0 1px 0;}
.mouka-item .title-part h2 { font-size:1.875em; margin:.6em 0 0.15em; color:var(--color-hneda-dark); text-align:center;}
.mouka-item .title-part h2 b,
.mouka-item .title-part h2 i { display:none;}
.mouka-item .title-part h3 b,
.mouka-item .title-part h3 i { display:none;}
.mouka-item:hover { transform:translate(0,0) scale(1.05,1.05); z-index:2;}
.mouka-item:hover .image-part:before { background:rgba(255,255,255,0); transform:translate(0,0) scale(1.2,1.2);}
.bio .mouka-item:hover .image-part:before { background:none; background-image:radial-gradient(#cadf9c,#eff4e0,#f7f9ed); opacity:0;}
.bio .mouka-item:hover .image-part:after { opacity:0.15;}
.mouka-item:hover .image-part img { -webkit-filter:drop-shadow(8px 20px 30px rgba(137,64,2,0.3)); filter:drop-shadow(8px 20px 30px rgba(137,64,2,0.3));}
.bio .mouka-item:hover .image-part img { -webkit-filter:drop-shadow(8px 20px 30px rgba(64,119,49,0.3)); filter:drop-shadow(8px 20px 30px rgba(64,119,49,0.3));}
.mouka-item:hover .title-part h2 { color:var(--color-hneda-medium);}
/* -----  mouky midi  ------------------------------ */
.midi-mouky .mouka-item.novinka:before { top:-10px; left:0px; width:144px; height:110px;}
.midi-mouky .mouka-item.limitka:before { top:-10px; left:0px; width:144px; height:110px;}
.midi-mouky .mouka-item { width:210px; margin:18px 22px;}
.midi-mouky .mouka-item .image-part:before { height:210px;}
.midi-mouky .mouka-item .image-part img { margin:40px auto 0.75em;}
.midi-mouky .mouka-item .image-part .image-stamp { width:88px; height:88px; top:-4px; right:-16px;}
.midi-mouky .mouka-item .image-part .image-stamp:nth-of-type(2) { top:56px; right:-24px;}
.midi-mouky .mouka-item .image-part .image-stamp:nth-of-type(3) { top:120px; right:-22px;}
.midi-mouky .mouka-item .image-part .image-stamp img { margin:0;}
.midi-mouky .mouka-item .title-part h2 { font-size:var(--text-m); margin:.75em 0 1em; text-transform:uppercase; font-weight:700;}
.midi-mouky .mouka-item .title-part h2 small { display:block; font-size:0.875em; line-height:1.25; color:var(--color-hneda-medium); text-transform:none; font-weight:500;}
/* -----  mouky pidipidi  ------------------------------ */
.pidipidi-mouky .mouka-item.novinka:before { top:-6px; left:0px; width:70px; height:60px;}
.pidipidi-mouky .mouka-item.limitka:before { top:-6px; left:0px; width:70px; height:60px;}
.pidipidi-mouky .mouka-item { width:96px; margin:6px 4px;}
.pidipidi-mouky .mouka-item .image-part:before { height:96px;}
.pidipidi-mouky .mouka-item .image-part img { margin:16px auto 0.5em;}
.pidipidi-mouky .mouka-item .title-part h2 { font-size:0.875em; margin:.25em 0 0.15em;}
.pidipidi-mouky .mouka-item .title-part h3 { font-size:0.875em; margin:.25em 0 0.15em; text-align:center; color:var(--color-hneda-dark);}
.pidipidi-mouky .mouka-item:hover .title-part h3 { color:var(--color-hneda-medium);}
.pidipidi-mouky .shop-item { display:inline-block; width:200px; vertical-align:top; margin:2.5em 0 1.5em;}
.pidipidi-mouky .shop-item img { max-width:104px; height:auto; margin:0 auto;}
.pidipidi-mouky > h2 { font-size:2.25em; text-align:center; color:var(--color-hneda-dark); margin:1.35em 0 0;}
.pidipidi-mouky.topmargin > h2 { margin:2em 0 0;}
/* -----  mouky shop  ------------------------------ */
.pidipidi-mouky.shops > h2 { margin:1em 0 0;}
.catalogue-container { display:flex; flex-wrap:wrap; justify-content:center;}
.shop-container { display:block; position:relative; z-index:1; width:44%; min-width:320px; max-width:640px; margin:32px 16px 2px; background:var(--color-svetla-lighter); text-align:center;
	border-radius:10px 60px 10px 10px; box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25);	transform:translate(0,0) scale(1); transition:all 0.35s ease-out;}
.shop-container:hover { background:var(--color-white); transform:translate(0,0) scale(1.02); z-index:2; box-shadow:8px 20px 60px -15px rgba(137,64,2,0.25);}
.shop-container .shop-logo { display:inline-block; width:200px; vertical-align:top; margin:.5em 0 -0.5em;}
.shop-container .shop-logo img { max-width:120px; height:auto; margin:0 auto;}
.shop-container .shop-items { padding:0 4%;}
.pidipidi-mouky .shop-container .mouka-item { width:80px; margin:0px 0px;}
.pidipidi-mouky .shop-container .mouka-item .image-part:before { height:80px; background-color:var(--color-white);}
.pidipidi-mouky .shop-container .mouka-item .image-part > img { -webkit-filter:drop-shadow(4px 12px 10px rgba(137,64,2,0.2)); filter:drop-shadow(4px 12px 10px rgba(137,64,2,0.2));}
.shop-container .shop-button { padding:1.35em 4% 2.25em;}
/* -----  mouky pidi  ------------------------------ */
.pidi-mouky .mouka-item.novinka:before { top:-6px; left:0px; width:80px; height:60px;}
.pidi-mouky .mouka-item.limitka:before { top:-6px; left:0px; width:80px; height:60px;}
.pidi-mouky .mouka-item { display:block; float:left; width:48%; /*height:45%; /*height:8vw;*/ margin:10px 2% 0 0;}
.pidi-mouky .mouka-item .image-part:before { height:9vw; max-height:120px;}
.pidi-mouky .mouka-item .image-part img { margin:1.25em auto 0.5em;}
.pidi-mouky .mouka-item .image-part .image-stamp { width:48px; height:48px; top:-12px; right:-8px;}
.pidi-mouky .mouka-item .title-part h2 { font-size:1.125em; margin:.35em 0 0.15em;}
/* -----  mouky extra  ------------------------------ */
.cat-item { display:inline-block; position:relative; z-index:1; width:312px; margin:0px 30px 60px; vertical-align:top; text-align:center; }
.cat-item .mouka-item { margin:0;}
.cat-item h2 { font-size:var(--text-mll); text-transform:uppercase; font-weight:700; margin:1.125em 0 0.1em; text-align:center;}
.cat-item h2 b,
.cat-item h2 i { display:none;}
.cat-item h2 small { display:block; font-size:0.75em; line-height:1; color:var(--color-hneda-medium); text-transform:none; font-weight:500;}
.cat-item p { font-size:var(--text-sm); line-height:var(--line-height-text-main); margin:0.8em auto 1.15em; width:90%;}
.catalogue-mouky .cat-item p strong { font-family:var(--font-primary); font-weight:700;}
/* -----  Mouky katalog NewDesign  ------------------------------ */
.catalogue-mouky .catalogue-grid-new { text-align:left; width:97%; max-width:1360px; margin:0 auto; /*border:1px dotted red;*/}
.catalogue-grid-new .catalogue-segment { display:block; position:relative; z-index:1; width:auto; margin-top:-10px; padding:12px 0 12px; background-color:var(--color-white); border:2px dotted #efe5dd; border-radius:24px 56px 24px 24px; transition:border 0.75s ease-out;}
.catalogue-grid-new .catalogue-segment:first-of-type { margin-top:36px;}
.catalogue-grid-new .catalogue-segment:hover { z-index:2; border:2px dotted #d0b39a; transition:border 0.5s ease-out;}
.catalogue-grid-new .catalogue-segment .category { display:block; float:left; max-width:160px; max-height:160px; margin:72px 48px 0 48px; object-position:center; object-fit:contain; filter:drop-shadow(4px 12px 32px rgba(137,64,2,0.40));}
.catalogue-mouky .catalogue-grid-new.big { text-align:center; width:97%; max-width:1480px;}
.catalogue-grid-new.big .catalogue-segment { display:block; position:relative; z-index:1; width:auto; margin-top:-10px; padding:12px 0 12px; background-color:var(--color-white); border:2px dotted #efe5dd; border-radius:24px 56px 24px 24px; transition:border 0.75s ease-out;}
.catalogue-grid-new.big .catalogue-segment:first-of-type { margin-top:36px;}
.catalogue-grid-new.big .catalogue-segment:hover { z-index:2; border:2px dotted #d0b39a; transition:border 0.5s ease-out;}
.catalogue-grid-new.big .catalogue-segment .category { display:block; position:relative; z-index:3; float:none; max-width:152px; max-height:152px; margin:16px auto -32px; object-position:center; object-fit:contain; filter:drop-shadow(4px 12px 32px rgba(137,64,2,0.40));}
.catalogue-grid-new.big .cat-item { width:18vw; max-width:300px; min-width:240px; margin:0px 24px 48px;}
.catalogue-grid-new.big .cat-item .mouka-item { width:100%; margin:22px 0 0;}
.catalogue-grid-new.big .cat-item .mouka-item .image-part:before { width:100%; height:18vw; max-height:300px; min-height:240px;}

/* -----  Encyklopedie  ------------------------------ */
.catalogue-encyklopedie { max-width:1200px;}
.catalogue-encyklopedie .side-column { float:right; width:27%; margin-right:40px;}
.catalogue-encyklopedie .catalogue-headline { display:block;}
.catalogue-encyklopedie .catalogue-headline h1 { display:block; margin:0 0 0.15em; text-align:right;}
.catalogue-encyklopedie .catalogue-grid h1.mega { font-size:5.25em; line-height:1em; margin:0 0 0 50px; color:var(--color-hneda-dark); text-align:left;}
.catalogue-encyklopedie .catalogue-menu { display:block;}
.catalogue-encyklopedie .catalogue-grid { display:block; width:68%; margin:0; text-align:center;}
.article-item { display:inline-block; position:relative; z-index:1; width:725px; height:170px; min-height:170px; margin:22px 22px; background:var(--color-svetla-lighter); overflow:hidden; text-align:left; vertical-align:top;
	-moz-border-radius:10px 60px 10px 10px; -webkit-border-radius:10px 60px 10px 10px; border-radius:10px 60px 10px 10px;
	-moz-box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25); -webkit-box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25); box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25);
	transform:translate(0,0) scale(1,1); -moz-transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out; transition:all 0.35s ease-out;}
.article-item .image-part { display:inline-block; float:left; position:relative; width:170px; height:100%; background-position:50% 50%; background-size:cover; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.article-item .image-part .article-image { display:none;}
.article-item .title-part { position:relative; padding:1px 50px 1px 200px; min-height:168px;}
.article-item .title-part .moreinfo { display:block; position:absolute; bottom:0px; font-size:0.75em; color:var(--color-hneda-light); margin:0 0 1.5em;}
.article-item .title-part .moreinfo b { color:#ab7646; margin:0 2em 0 0.15em; font-family:var(--font-primary); font-weight:700;}
.article-item .title-part h2 { font-size:1.875em; margin:0.75em 0 0.35em; color:var(--color-hneda-dark);}
.article-item .title-part p { font-size:.75em; line-height:1.6667em; margin:0.25em 0 0.5em; color:#65574a;}
.article-item:hover { background:var(--color-white); transform:translate(0,0) scale(1.05,1.05); z-index:2;
	-moz-box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25); -webkit-box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25); box-shadow:8px 20px 60px -15px rgba(137,64,2,0.25);}
.article-item:hover .title-part h2 { color:var(--color-hneda-medium);}

/* -----  Blog  ------------------------------ */
.catalogue-blog { max-width:1200px;}
.catalogue-blog .side-column { float:left; width:27%; margin-left:40px;}
.catalogue-blog .catalogue-headline { display:block;}
.catalogue-blog .catalogue-headline h1 { display:block; margin:0 0 0.15em; text-align:left;}
.catalogue-blog .catalogue-grid h1.mega { font-size:5.25em; line-height:1em; margin:0 120px 0em 0; color:var(--color-hneda-dark); text-align:right;}
.catalogue-blog .catalogue-menu { display:block;}
.catalogue-blog .catalogue-grid { display:block; width:68%; margin:0 0 0 auto; text-align:center;}
.blog-item { display:inline-block; position:relative; z-index:1; width:640px; height:248px; min-height:248px; margin:22px 22px; background:var(--color-svetla-lighter); overflow:hidden; text-align:left; vertical-align:top;
	-moz-border-radius:10px 60px 10px 10px; -webkit-border-radius:10px 60px 10px 10px; border-radius:10px 60px 10px 10px;
	-moz-box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25); -webkit-box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25); box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25);
	transform:translate(0,0) scale(1,1); -moz-transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out; transition:all 0.35s ease-out;}
.blog-item .image-part { display:inline-block; float:right; position:relative; width:320px; height:100%; background-position:50% 50%; background-size:cover; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.blog-item .image-part .blog-image { display:none;}
.blog-item .title-part { position:relative; padding:1px 348px 1px 30px; min-height:246px;}
.blog-item .title-part .moreinfo { display:block; position:absolute; bottom:0px; font-size:0.75em; color:var(--color-hneda-light); margin:0 0 1.75em;}
.blog-item .title-part .moreinfo b { color:#ab7646; margin:0 2em 0 0.15em; font-family:var(--font-primary); font-weight:700;}
.blog-item .title-part h2 { font-size:var(--text-2xl); margin:1.25em 0 0.35em; color:var(--color-hneda-dark); font-weight:700;}
.blog-item .title-part p { display:none; font-size:.75em; line-height:1.6667em; margin:0.25em 0 0.5em; color:#65574a;}
.blog-item:hover { background:var(--color-white); transform:translate(0,0) scale(1.05,1.05); z-index:2;
	-moz-box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25); -webkit-box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25); box-shadow:8px 20px 60px -15px rgba(137,64,2,0.25);}
.blog-item:hover .title-part h2 { color:var(--color-hneda-medium);}

/* -----  Questions  ------------------------------ */
.catalogue-questions { max-width:1200px;}
.catalogue-questions.withdivider { border-top:2px dotted #d0b39a; margin-top:64px; padding-top:40px; border-bottom:2px dotted #d0b39a; margin-bottom:96px; padding-bottom:24px;}
.catalogue-questions .catalogue-grid { width:98%; max-width:880px; margin:48px auto 96px;}


/* -----  Stripe Video  ------------------------------ */
.stripe-youtube { display:block; position:relative; z-index:1; width:100%; padding:80px 0 120px; background-color:#f1e5d6; background-image:linear-gradient(100deg, var(--color-svetla), #e1c9af); overflow:hidden;}
.stripe-youtube:before { content:""; display:block; position:absolute; z-index:5; left:0px; top:0px; width:100%; height:97px; background:url(../images/banner-mask-02.webp) 5% 0% repeat-x; overflow:hidden;}
.stripe-youtube:after { content:""; display:block; position:absolute; z-index:5; left:0px; bottom:0px; width:100%; height:97px; background:url(../images/banner-mask-01.webp) 70% 0% repeat-x; overflow:hidden;}
.stripe-youtube .content { width:92vw; max-width:968px; margin:0 auto 4em;}
.stripe-youtube .intro { float:left; width:280px; text-align:left;}
.stripe-youtube .intro h1 { text-align:left; margin:1em 0 0.5em;}
.stripe-youtube .stripe-video { float:right; position:relative; width:648px; margin:40px 0 0;}
.stripe-youtube .stripe-video:nth-of-type(odd) { float:left;}
.stripe-youtube .stripe-video .videoplayer { width:100%; max-width:648px; height:52.66666vw; height:365px; overflow:hidden;
	-moz-border-radius:20px 60px 14px 14px; -webkit-border-radius:20px 60px 14px 14px; border-radius:20px 60px 14px 14px;
	-moz-box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25); -webkit-box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25); box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25);}
.stripe-youtube .stripe-video.center { float:none; margin:40px auto 0; width:100vw; max-width:800px;}
.stripe-youtube .stripe-video.center .videoplayer { width:100vw; max-width:800px; height:52.66666vw; height:451px;}
.stripe-youtube .stripe-headline h1 { margin-top:0.5em;}
.stripe-youtube .stripe-headline h1 strong { margin-right:0.25em;}

/* -----  Cover Video  ------------------------------ */
.stripe-video-cover { display:block; position:relative; z-index:1; width:100%; background-color:#f1e5d6; background-image:linear-gradient(100deg, var(--color-svetla), #e1c9af); overflow:hidden;}
.stripe-video-cover:before { content:""; display:block; position:absolute; pointer-events:none; z-index:5; left:0px; top:-1px; width:100%; height:80px; background:url(../images/banner-mask-02.webp) 5% 0% repeat-x; background-size:auto 100%; overflow:hidden;}
.stripe-video-cover:after { content:""; display:block; position:absolute; pointer-events:none; z-index:5; left:0px; bottom:-1px; width:100%; height:80px; background:url(../images/banner-mask-01.webp) 70% 0% repeat-x; background-size:auto 100%; overflow:hidden;}
.stripe-video-cover .content { padding:1px 0;}
.cover-video { position:relative; clear:both; aspect-ratio:16 / 9; overflow:hidden;}
.cover-video .videoplayer { object-fit:cover; object-position:center; min-width:100%; height:100%;}

/* -----  FancyStripe (self-moving marquee, JS-driven centre-scaling)  ------------------------------ */
.fancystripe-mouky { width:auto; /*overflow:hidden;*/ background:url(../images/logo-2026-heart-01.svg) 50% 100% no-repeat; background-size:auto 60%;}
.fancystripe-mouky .fancystripe-grid { display:flex; flex-wrap:nowrap; white-space:normal; position:relative; left:0; width:max-content; padding:24px 0 96px;
	align-items:flex-end; cursor:grab; will-change:transform; touch-action:pan-y; -webkit-user-select:none; user-select:none;}
.fancystripe-mouky .fancystripe-grid.is-grabbing { cursor:grabbing;}
.fancystripe-mouky .fancy-item { flex:0 0 auto; display:block; position:relative; z-index:1; width:200px; margin:0 64px; text-align:center;
	transform-origin:center center; transition:none; will-change:transform; -webkit-user-drag:none;}
.fancy-item.novinka:before { content:""; display:block; position:absolute; z-index:5; top:-26px; left:-10px; width:144px; height:118px; background:url(../images/icon-novinka-dark-red-heart-01.svg) 50% 0 no-repeat; background-size:100% auto;}
.fancy-item.limitka:before { content:""; display:block; position:absolute; z-index:5; top:-26px; left:-10px; width:144px; height:118px; background:url(../images/icon-limitka-dark-red-heart-01.svg) 50% 0 no-repeat; background-size:100% auto;}
.lang-sk .fancy-item.limitka:before { background-image:url(../images/icon-limitka-dark-red-heart-sk-01.svg);}
.fancy-item h2 { display:none;}
.fancy-item img { display:block; position:relative; z-index:2; width:100%; height:auto; margin:0 auto; pointer-events:none; -webkit-user-drag:none;
	filter:/*drop-shadow(4px 14px 25px rgba(137,64,2,0.4))*/ var(--filter-shadow-product-level-1);}
@media (prefers-reduced-motion: reduce) {
	.fancystripe-mouky .fancystripe-grid { cursor:default;}
}

/* -----  Instagram  ------------------------------ */
.gallery-instagram { max-width:1600px; position:relative; }
.gallery-instagram .gallery-grid { display:grid; position:relative; width:100%; grid-template-columns:repeat(5, 1fr); gap:10px; margin:40px auto 40px;}
.gallery-instagram .photo-item { display:block; position:relative; z-index:1; aspect-ratio: 1 / 1.333; overflow:hidden; border-radius:40px; transform:scale(1); transition:all 0.15s ease-out, transform .45s var(--easing-1-bouncy);}
.photo-item img { display:block; width:100%; height:100%; object-position:center; object-fit:cover;}
.gallery-instagram .photo-item:hover { transform:scale(1.075); z-index:2;}


/* ============================================== */
/* -----  05. DETAILS & ARTICLES  ------------------------------ */
/* ---------------------------------------------- */

/* -----  Recipe  ------------------------------ */
.article-recipe { text-align:left;}
.article-recipe .article-title {}
.article-recipe .article-title h1 { display:inline-block; font-size:3.75em; color:var(--color-hneda-dark); text-align:left; margin:0 18px 0 10px; vertical-align:middle;}
.article-recipe .article-title h1 span { display:block; position:relative; float:left; margin:8px 12px 0 -12px; width:56px; height:56px; background:none; background-image:radial-gradient(#cadf9c,#eff4e0,#f7f9ed); opacity:1; border-radius:50%;}
.article-recipe .article-title h1 span:after { content:""; display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background:url(../images/icon-bio-01.svg) 58% 48% no-repeat; background-size:65% auto; opacity:0.5;}
.article-recipe .article-title .tag { vertical-align:middle; margin:10px 1px 0 1px;}
.article-recipe .article-info {}
.article-recipe .article-info .moreinfo { display:block; font-size:1em; color:var(--color-hneda-light); /*margin:0.75em 0 1.35em 10px;*/ margin:1.5em 0 2em 10px;}
.article-recipe .article-info .moreinfo b { color:#ab7646; margin:0 2em 0 0.15em; font-family:var(--font-primary); font-weight:700;}
.article-recipe .article-image { float:left; position:relative; width:33%;}
.article-recipe .article-image .the-image { position:relative; width:100%; height:auto; -moz-border-radius:20px 60px 14px 14px; -webkit-border-radius:20px 60px 14px 14px; border-radius:20px 60px 14px 14px;
	-moz-box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25); -webkit-box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25); box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25);
	transform:translate(0,0) scale(1,1); -moz-transition:all 0.15s ease-out; -webkit-transition:all 0.15s ease-out; transition:all 0.15s ease-out;}
.article-recipe .article-image .the-image:hover { transform:translate(0,0) scale(1.025,1.025); z-index:1;
	-moz-box-shadow:8px 20px 60px -15px rgba(137,64,2,0.25); -webkit-box-shadow:8px 20px 60px -15px rgba(137,64,2,0.25); box-shadow:8px 20px 60px -15px rgba(137,64,2,0.25);}
.article-recipe .article-image .image-gallery { display:block; position:relative; margin:7px -4px 0 -3px;}
.article-recipe .article-image .image-gallery .gallery-image { display:block; position:relative; float:left; width:calc(33.3% - 7px); height:auto; margin:0 4px 7px 3px;
	-moz-border-radius:14px 40px 10px 10px; -webkit-border-radius:14px 40px 10px 10px; border-radius:14px 40px 10px 10px;
	-moz-box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25); -webkit-box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25); box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25);
	transform:translate(0,0) scale(1,1); -moz-transition:all 0.15s ease-out; -webkit-transition:all 0.15s ease-out; transition:all 0.15s ease-out;}
.article-recipe .article-image .image-gallery .gallery-image:hover { transform:translate(0,0) scale(1.075,1.075); z-index:2;
	-moz-box-shadow:8px 20px 60px -15px rgba(137,64,2,0.25); -webkit-box-shadow:8px 20px 60px -15px rgba(137,64,2,0.25); box-shadow:8px 20px 60px -15px rgba(137,64,2,0.25);}
.article-recipe .article-image .buttons { margin:0;}
.article-recipe .article-image .buttons .button { position:relative; top:-12px;}
.article-recipe .article-aside { float:right; position:relative; width:20%; margin:-52px 2% 0 0;}
.article-recipe .article-aside .pidi-mouky { margin:0px 0 0;}
.article-recipe .article-aside h2 { font-size:2.25em; margin:0 0 0.6em;}
.article-recipe .article-aside h3 { font-size:1.5em; margin:1em 0 0.5em;}
.article-recipe .article-aside p { font-size:0.875em; line-height:1.857em; margin:1em 0;}
.article-recipe .article-aside p strong { color:var(--color-hneda-dark); font-size:1.025em; font-family:var(--font-primary); font-weight:700;}
.article-recipe .article-aside ul { font-size:0.875em; line-height:1.857em; margin:1em 0;}
.article-recipe .article-aside ul li { display:block; line-height:1.5em; margin:0.8em 0;}
.article-recipe .article-aside ul li strong { color:var(--color-hneda-dark); font-size:1.025em; font-family:var(--font-primary); font-weight:700;}
.article-recipe .article-mainpart { float:left; position:relative; width:34%; margin:-52px 2% 0 4.5%;}
.article-recipe .article-mainpart h2 { font-size:2.25em; margin:0 0 0.55em;}
.article-recipe .article-mainpart h3 { font-size:1.5em; margin:1em 0 0.5em;}
.article-recipe .article-mainpart p { font-size:0.875em; line-height:1.857em; margin:1em 0;}
.article-recipe .article-mainpart p strong { color:var(--color-hneda-dark); font-size:1.025em; font-family:var(--font-primary); font-weight:700;}
.article-recipe .article-mainpart blockquote { margin:1.75em -15px; background:var(--color-svetla-lighter); padding:8px 30px 12px; font-family:var(--font-primary); font-weight:700; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.article-recipe .article-mainpart blockquote p { /*font-size:0.8125em;*/ line-height:1.75em;}
.article-recipe .article-mainpart blockquote strong { font-size:1.7143em; line-height:1.13333em; color:var(--color-hneda-medium);  font-family:var(--font-secondary); font-weight:500;}

/* -----  Recipe Video  ------------------------------ */
.article-recipe.video .article-video .videoplayer { width:100%; max-width:1120px; height:52.66666vw; max-height:630px; margin:0 auto; overflow:hidden;
	-moz-border-radius:20px 60px 14px 14px; -webkit-border-radius:20px 60px 14px 14px; border-radius:20px 60px 14px 14px;
	-moz-box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25); -webkit-box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25); box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25);}
.article-recipe.video .article-section { display:block; width:80%; max-width:820px; margin:50px auto 0;}
.article-recipe.video .article-aside { float:right; position:relative; width:28%; margin:0;}
.article-recipe.video .pidi-mouky .mouka-item .image-part:before { max-height:110px;}
.article-recipe.video .article-mainpart { float:left; position:relative; width:63%; margin:0;}

/* -----  Recipe NewWave ------------------------------ */
.article-recipe-header { text-align:center;}
.article-recipe-header h1 { max-width:1024px; margin:0 auto; padding:0 5% 40px; color:var(--color-text-primary); font-size:var(--text-6xl); line-height:var(--line-height-headline-ultratight);}
.article-recipe-header .recipe-info h1 { font-size:var(--text-5xl); padding-bottom:0;}
.recipe-bigbox { display:flex; flex-direction:row-reverse; align-items:stretch; width:90%; max-width:1440px; height:75vh; max-height:720px; margin:0 auto; border:2px dotted var(--color-hneda-light); border-radius:80px 80px 80px 80px; background-color:var(--color-svetla-lighter); overflow:hidden; transition:all .5s var(--easing-3-easeout-smooth);}
.article-recipe-header .recipe-image,
.recipe-info { display:flex; position:relative; flex:0 0 50%; min-width:0; flex-direction:column;}
.recipe-image { }
.article-recipe-header .recipe-image .the-image { position:absolute; width:100%; height:100%; object-position:center; object-fit:cover; border-radius:16px;}
.article-recipe-header .recipe-image .love { margin:40px 0 0 48px; transform:scale(1.25);}
.article-recipe-header .recipe-image .buttons { position:absolute; bottom:0; width:100%;}
/* -----  video recept - play ikona pres fotku ------------------------------ */
.is-video .recipe-image:after { content:" "; display:block; position:absolute; z-index:10; left:50%; top:50%; width:92px; height:70px; margin:-35px 0 0 -46px; background:url(../images/icon-youtube-01.svg) 50% 50% no-repeat; background-size:100% auto; pointer-events:none;
	transform:scale(1); transition:transform .25s ease-out;}
.is-video .recipe-image:hover:after { transform:scale(1.1); transition:transform .75s var(--easing-1-bouncy);}
.recipe-info { display:flex; align-items:center; justify-content:space-around;}
.recipe-info .recipetags .tag { font-size:.875em; margin:6px 2px; background:var(--color-svetla-ultralight); border:1px dotted rgb(var(--color-hneda-medium-rgb) / var(--alpha-40));}
.recipe-info .moreinfo { padding:0 5%; font-size:var(--text-ml); line-height:var(--line-height-text-tight); color:var(--color-text-accent-ultralight); font-family:var(--font-secondary);}
.recipe-info .moreinfo b { color:var(--color-text-accent-light); margin:0 .5em 0 0.5em; font-weight:700; white-space:nowrap;}
.recipe-info .introtext { width:75%; max-width:540px; margin:0 auto; font-size:var(--text-mll); line-height:var(--line-height-text-tight); font-family:var(--font-secondary); font-weight:700;}
.recipe-info .recipetags { padding:0 5%;}
.article-recipe-ingredients,
.article-recipe-instructions { text-align:center; width:90%; max-width:640px; margin:0 auto 72px;}
.article-recipe-ingredients h2,
.article-recipe-instructions h2 { text-align:center; margin:1em auto; font-size:var(--text-4xl); font-weight:700;}
.article-recipe-ingredients ul, .article-recipe-ingredients ol, 
.article-recipe-instructions ul, .article-recipe-instructions ol { margin:1em 0;}
/* -----  ingredients ------------------------------ */
.article-recipe-ingredients h2 em { display:block; font-weight:500; font-size:.555556em;}
.article-recipe-ingredients h3 { text-align:center; margin:2em auto 1em; font-size:var(--text-xl); font-weight:700;}
.article-recipe-ingredients li { margin:.75em 0;}
.article-recipe-ingredients li strong { font-weight:700; font-family:var(--font-secondary); font-size:1.25em; color:var(--color-text-accent-dark);}
.article-recipe-ingredients a { border-bottom:1px dotted var(--color-text-accent-hyper);}
.article-recipe-ingredients a:hover { border-bottom:1px solid var(--color-text-accent-hyper);}
/* -----  instructions ------------------------------ */
.article-recipe-instructions h2 em { display:block; font-weight:500; font-size:.555556em;}
.article-recipe-instructions h3 { text-align:center; margin:2em auto 1em; font-size:var(--text-xl); font-weight:700;}
.article-recipe-instructions { counter-reset:item;}
.article-recipe-instructions li { margin:1em auto 2em; counter-increment:item; line-height:var(--line-height-text-main);}
.article-recipe-instructions li strong { font-weight:700; font-family:var(--font-secondary); font-size:1.25em; color:var(--color-text-accent-dark);}
.article-recipe-instructions ol li::before { content:counter(item); position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; font-size:var(--text-xl); line-height:1; box-sizing:border-box;
	font-family:var(--font-secondary); font-weight:500; width:40px; aspect-ratio:1/1; padding-bottom:0.25em; margin:1.5em auto .75em; border-radius:50%; background:var(--color-text-primary); color:var(--color-white); overflow:hidden;}
.article-recipe-instructions > p { margin:1em auto 2em; counter-increment:item; line-height:var(--line-height-text-main);}
.article-recipe-instructions > p strong { font-weight:700; font-family:var(--font-secondary); font-size:1.25em; color:var(--color-text-accent-dark);}
.article-recipe-instructions > p::before { content:counter(item); position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; font-size:var(--text-xl); line-height:1; box-sizing:border-box;
	font-family:var(--font-secondary); font-weight:500; width:40px; aspect-ratio:1/1; padding-bottom:0.25em; margin:1.5em auto .75em; border-radius:50%; background:var(--color-text-primary); color:var(--color-white); overflow:hidden;}
.article-recipe-instructions blockquote { margin:4em -32px; background:var(--color-svetla-light); padding:24px 56px 24px; text-align:center; font-family:var(--font-secondary); font-weight:700; border-radius:24px;}
.article-recipe-instructions blockquote h2 { font-size:var(--text-2xl); color:var(--color-hneda-dark); margin:0.75em auto 1em; text-align:center; font-weight:700;}
.article-recipe-instructions blockquote h3 { font-size:var(--text-xl); text-align:center;}
.article-recipe-instructions blockquote p { margin:1em auto; font-size:var(--text-ml); line-height:var(--line-height-text-tight);}
.article-recipe-instructions blockquote ul { font-size:var(--text-ml); line-height:var(--line-height-text-main); margin:.5em auto 1.5em; font-weight:700; font-family:var(--font-secondary)}
.article-recipe-instructions blockquote ul li { list-style-type:none; font-size:var(--text-ml); line-height:var(--line-height-text-main); font-weight:700;}
.article-recipe-instructions blockquote strong { font-size:1.25em; line-height:1.13333em; color:var(--color-text-accent-light); font-weight:500;}
.article-recipe-instructions blockquote em { font-size:1.45em; line-height:1em; font-family:var(--font-secondary); font-weight:500;}


/* -----  Mouka  ------------------------------ */
.article-mouka { max-width:1280px; min-height:650px; margin-bottom:0px;}
/* .article-mouka:before { content:""; display:block; position:absolute; z-index:-1; width:600px; height:584px; background:var(--color-svetla-lighter); left:calc(50% - 300px); top:50px;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;} */
.article-mouka:before { content:""; display:block; position:absolute; z-index:-1; width:600px; height:584px; background:url(../images/logo-2026-heart-01.svg) 50% 100% no-repeat; background-size:contain; left:calc(50% - 300px); top:72px;}
.article-mouka.bio:before { background-image:url(../images/logo-2024-heart-bio-01.svg);}
.article-mouka .article-title { display:block; position:absolute; width:420px; margin:0 auto; left:calc(50% - 210px); /*430px;*/}
.article-mouka .article-title .mouka-image { display:block; width:280px; margin:0 auto; -webkit-filter:drop-shadow(25px 40px 40px rgba(137,64,2,0.4)); filter:drop-shadow(25px 40px 40px rgba(137,64,2,0.4));
	transform:translate(0,-40px) scale(0.6,0.6); opacity:0; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.article-mouka.bio .article-title .mouka-image { -webkit-filter:drop-shadow(25px 40px 40px rgba(64,119,49,0.4)); filter:drop-shadow(25px 40px 40px rgba(64,119,49,0.4));}
.active .article-mouka .article-title .mouka-image { transform:translate(0,0) scale(1,1); opacity:1;}
.article-mouka .article-title .special-limited { position:absolute; z-index:100; top:-50px; left:10px; width:40vw; max-width:200px;}
.article-mouka .article-title .image-stamp { display:block; position:absolute; z-index:0; width:160px; height:160px; top:-32px; right:-52px;}
.article-mouka .article-title .image-stamp:nth-of-type(2) { top:72px; right:-64px;}
.article-mouka .article-title .image-stamp:nth-of-type(3) { top:178px; right:-60px;}
.article-mouka .article-title .image-stamp img { display:block; width:100%; height:auto;}
.article-mouka .article-title h1 { display:block; font-size:var(--text-3xl); color:var(--color-hneda-dark); text-align:center; margin:0.75em auto 0.5em; text-transform:uppercase; font-weight:700;}
.article-mouka.bio .article-title h1 { color:var(--color-green-darker);}
.article-mouka .article-title h1 b { display:block; font-size:0.875em; line-height:1.25em; text-transform:none; font-weight:500;}
.article-mouka .article-title h1 i { display:block; font-size:0.875em; line-height:1em; text-transform:none; font-weight:500;}
.article-mouka .article-title h1 small { display:block; font-size:0.6667em; line-height:1.5; color:var(--color-hneda-medium); text-transform:none; font-weight:500;}
.article-mouka .article-info { display:block; float:left; width:384px; text-align:center; margin:80px 0 0 20px;}
.article-mouka .article-info p { width:80%; margin:0 auto .5em; color:var(--color-hneda-medium); font-size:var(--text-xl); line-height:var(--line-height-headline-main); font-family:var(--font-secondary); font-weight:500;}
.article-mouka .article-info p strong { color:var(--color-accent-main);}
.article-mouka .article-info p a { color:inherit; border-bottom:1px solid var(--color-text-accent-hyper);}
.article-mouka .article-info p a:hover { color:var(--color-text-accent-dark) !important; border-bottom:1px dotted var(--color-text-accent-hyper);}
.article-mouka.bio .article-info p strong { color:#6d9d19;}
.article-mouka .article-info .buttons { margin:0;}
.article-mouka .article-info .button { margin:0.5em 5px;}
.article-mouka .article-info .button.tiny { margin:0.75em 5px 0.5em; font-size:0.75em;} 
.article-mouka .article-aside { display:block; float:right; width:384px; text-align:center; margin:0 40px 0;}
.article-mouka .article-aside .block { display:inline-block; vertical-align:top; width:75%; margin:10px 5px;}
.article-mouka .article-aside .block.small { width:40%;}
.article-mouka .article-aside .block .icon { width:72px; height:auto; margin:0 auto 5px;}
.article-mouka .article-aside .block p { color:var(--color-hneda-dark); font-size:var(--text-ml); line-height:var(--line-height-headline-main); font-family:var(--font-secondary); font-weight:500;}
.article-mouka-more { max-width:1000px; margin-top:0px;}
.article-mouka-more .article-mainpart {}
.article-mouka-more .article-mainpart .content { display:block; float:right; width:38%; margin:1.5em 10%;}
.article-mouka-more .article-mainpart p { font-size:var(--text-m); line-height:var(--line-height-text-main); margin:1em auto 1em; }
.article-mouka-more .article-mainpart p strong { font-size:1.0125em; font-weight:700;}
.article-mouka-more .article-mainpart blockquote { margin:1.75em -32px; background:var(--color-svetla-light); padding:12px 32px 16px; text-align:center; font-family:var(--font-secondary); font-weight:700; border-radius:24px;}
.article-mouka-more .article-mainpart blockquote h2 { font-size:var(--text-2xl); color:var(--color-hneda-dark); margin:0.75em auto 1em; text-align:center; font-weight:700;}
.article-mouka-more .article-mainpart blockquote h3 { font-size:var(--text-xl); text-align:center;}
.article-mouka-more .article-mainpart blockquote p { font-size:var(--text-ml); line-height:var(--line-height-text-tight);}
.article-mouka-more .article-mainpart blockquote ul { font-size:var(--text-ml); line-height:var(--line-height-text-main); margin:.5em auto 1.5em; font-weight:700; font-family:var(--font-secondary)}
.article-mouka-more .article-mainpart blockquote ul li { list-style-type:none; font-size:var(--text-ml); line-height:var(--line-height-text-main); font-weight:700;}
.article-mouka-more .article-mainpart blockquote strong { font-size:1.25em; line-height:1.13333em; color:var(--color-text-accent-light); font-weight:500;}
.article-mouka-more .article-mainpart blockquote em { font-size:1.45em; line-height:1em; font-family:var(--font-secondary); font-weight:500;}
.article-mouka-more .article-mainpart .image { display:block; float:left; width:40%; margin:-150px 0 0;}
.article-mouka-more .article-mainpart .image .pngshadow { position:relative; width:100%; height:auto; -webkit-filter:drop-shadow(4px 12px 20px rgba(137,64,2,0.35)); filter:drop-shadow(4px 12px 20px rgba(137,64,2,0.25));}
.article-mouka-recenze { margin-top:-40px; margin-bottom:160px; text-align:center; clear:both;}
.article-mouka-recenze .recenze-items { max-width:1240px; margin:20px auto 30px;}
.article-mouka-recenze .recenze-items .block { display:inline-block; width:320px; max-width:80vw; padding:1em; vertical-align:top; margin:16px 12px; background:var(--color-svetla-lighter); -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.article-mouka-recenze .recenze-items .block .stars { display:block; position:relative; width:100px; height:20px; margin:0.75em auto; background:url(../images/icon-star-01.svg) 0% 50% repeat-x; background-size:20px 20px;}
.article-mouka-recenze .recenze-items .block .stars span { display:block; position:absolute; width:100px; height:20px; background:url(../images/icon-star-full-01.svg) 0% 50% repeat-x; background-size:20px 20px;}
.article-mouka-recenze .recenze-items .block p { font-size:0.875em; line-height:var(--line-height-text-tight); width:94%; margin:1em auto 1.5em; }
.article-mouka-recenze .recenze-items .block p em { font-family:var(--font-secondary); font-weight:500; font-size:1.1em; font-style:italic;}
.article-mouka-hodnoty { margin-top:-40px; text-align:center; clear:both;}
.article-mouka-hodnoty .hodnoty-table { max-width:1240px; margin:30px auto 30px; background:var(--color-svetla-light); border-radius:24px;}
.skin-bio .article-mouka-hodnoty .hodnoty-table { background:#f4f7e9;}
.article-mouka-hodnoty .hodnoty-table .block { display:inline-block; vertical-align:middle; width:11%; margin:20px 2% 23px;}
.article-mouka-hodnoty .hodnoty-table .block h3 { font-size:var(--text-l); text-align:center; color:var(--color-hneda-dark); font-weight:700;}
.article-mouka-hodnoty .hodnoty-table .block h4 { font-size:1.125em; text-align:center; color:var(--color-hneda-dark); margin-top:0.25em;}
.article-mouka-hodnoty .hodnoty-table .block p { margin:0.25em 0; color:var(--color-hneda-medium); font-size:var(--text-mll); font-weight:700; font-family:var(--font-secondary);}
.skin-bio .article-mouka-hodnoty .hodnoty-table .block p { color:#6d9d19;}
/* -----  Mouka NewDesign ------------------------------ */
.article-mouka.newdesign .article-title .mouka-image { width:290px;}
.article-mouka.newdesign .article-aside .category { display:block; float:left; max-width:144px; max-height:144px; margin-left:56px; margin-top:16px; object-position:center; object-fit:contain; filter:drop-shadow(4px 12px 32px rgba(137,64,2,0.40));}
.article-mouka.newdesign .article-aside .mainicon { display:block; position:relative; left:32px; margin-top:48px; max-width:96px; max-height:96px; margin-bottom:0; object-position:center; object-fit:contain;}
.article-mouka.newdesign .article-aside .block { display:block; position:relative; width:56%; margin:32px auto; padding-bottom:14px; padding-left:0; clear:both;}
.article-mouka.newdesign .article-aside .block:nth-of-type(odd) { left:48px;}
.article-mouka.newdesign .article-aside .block::after { content:""; display:block; position:absolute; bottom:0; width:100%; height:4px; background:url(../images/icon-divider-01.svg) 50% 50% / 60% auto no-repeat;}
.article-mouka.newdesign .article-aside .block p { color:var(--color-hneda-medium); font-size:var(--text-ml); line-height:var(--line-height-headline-tighter); font-family:var(--font-secondary); font-weight:700;}
.article-mouka.newdesign .article-aside .block .icon { margin-top:-8px;}
.article-mouka-more.newdesign { max-width:1200px;}
.article-mouka-more.newdesign .article-mainpart .content { width:34%; margin:1.5em 14% 1.5em 6%;}
.article-mouka-more.newdesign .article-mainpart .image { width:41%; margin:-120px 0 0;}
.article-mouka-hodnoty.newdesign .hodnoty-table { display:flex; flex-wrap:wrap; align-items:stretch; line-height:1;}
.article-mouka-hodnoty.newdesign .hodnoty-table .block { display:flex; flex-direction:column; justify-content:center; width:auto; /*min-width:25%;*/ min-height:112px; margin:0; flex:1; padding:24px; border-radius:8px;}
.article-mouka-hodnoty.newdesign .hodnoty-table .block:nth-of-type(even) { background-color:var(--color-svetla-ultralight);}
/* .article-mouka-hodnoty.newdesign .hodnoty-table .block:first-of-type { padding-left:48px;}
.article-mouka-hodnoty.newdesign .hodnoty-table .block:last-of-type { padding-right:48px;} */

/* -----  Encyklopedie  ------------------------------ */
.article-encyklopedie { max-width:1200px;}
.article-encyklopedie .side-column { float:right; width:20%; margin-right:40px;}
.article-encyklopedie.superwide .side-column { display:none;}	
.article-encyklopedie .side-column .article-image { margin:40px 0 0 -20px;}
.article-encyklopedie .side-column .the-image { width:29vw; max-width:500px; height:auto; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%}
.article-encyklopedie .article-column { display:block; width:75%; max-width:940px; padding:1px 0 0;}
.article-encyklopedie.superwide .article-column { width:98%; max-width:1150px; margin:0 auto;}
.article-encyklopedie .article-column.go-center { margin:0 auto;}
.article-encyklopedie.blog .side-column { float:left; width:20%; margin-left:40px;}
.article-encyklopedie.blog .side-column .article-image { margin:40px 0 0 -13vw;}
.article-encyklopedie.blog .article-column { display:block; width:75%; max-width:940px; padding:1px 0 0; margin:0 0 0 auto;}
.article-encyklopedie .article-title h1 { max-width:540px; font-size:4.5em; color:var(--color-hneda-dark); margin:0.35em auto 0.7em; /*text-align:left;*/}
.article-encyklopedie .article-title p { max-width:780px; font-size:var(--text-xl); line-height:var(--line-height-headline-loose); color:var(--color-text-accent-light); margin:1.15em auto 1.5em; text-align:center; font-family:var(--font-secondary); font-weight:500;}
.article-encyklopedie .article-title p strong { color:var(--color-text-accent-hyper);}
.article-encyklopedie .article-title p em { color:var(--color-text-primary);}
.article-encyklopedie .article-mainpart h2 { max-width:540px; font-size:2.5em; color:var(--color-hneda-dark); margin:1em auto 0.55em;}
.article-encyklopedie .article-mainpart h2 strong { color:var(--color-accent-main);}
.article-encyklopedie .article-mainpart h2 em { color:var(--color-hneda-light);}
.article-encyklopedie .article-mainpart h3 { max-width:540px; font-size:1.75em; margin:1.25em auto 0.55em;}
.article-encyklopedie .article-mainpart p { max-width:540px; font-size:0.875em; line-height:1.857em; margin:1.5em auto 1.5em; }
.article-encyklopedie .article-mainpart p em { font-family:var(--font-secondary); font-weight:400; font-size:1.2em; font-style:italic;}
.article-encyklopedie .article-mainpart ul { max-width:540px; font-size:0.875em; line-height:1.857em; margin:1.5em auto 1.5em; }
.article-encyklopedie .article-mainpart ul li { list-style-type:disc; font-size:1em; line-height:1.857em; margin:0.5em 0 0.5em 1.5em;}
.article-encyklopedie .article-mainpart p strong { color:var(--color-hneda-dark); font-size:1.025em; font-family:var(--font-primary); font-weight:700;}
.article-encyklopedie .article-mainpart p img { width:100%; height:auto; margin:3em auto; -moz-border-radius:12px 30px 10px 10px; -webkit-border-radius:12px 30px 10px 10px; border-radius:12px 30px 10px 10px;}
.article-encyklopedie .article-mainpart p img.alignnone { width:calc(100% + 160px); height:auto; margin:3em -80px; -moz-border-radius:12px 30px 10px 10px; -webkit-border-radius:12px 30px 10px 10px; border-radius:12px 30px 10px 10px;}
.article-encyklopedie .article-mainpart p > iframe { width:calc(100% + 160px); height:calc((540px + 160px) * 0.562); margin:1em -80px; -moz-border-radius:12px 30px 10px 10px; -webkit-border-radius:12px 30px 10px 10px; border-radius:12px 30px 10px 10px;}
.article-encyklopedie.youtube-shorts .article-mainpart p > iframe { width:100%; max-width:420px; height:auto; margin:1em auto; aspect-ratio:9/16;}
.article-encyklopedie .article-mainpart ul li strong { color:var(--color-hneda-dark); font-size:1.025em; font-family:var(--font-primary); font-weight:700;}
.article-encyklopedie .article-mainpart blockquote { max-width:720px; margin:2.5em auto; background:var(--color-svetla-lighter); padding:1em 0px 1.25em; text-align:center; font-family:var(--font-primary); font-weight:700; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
.article-encyklopedie .article-mainpart blockquote p { max-width:620px; font-size:0.9375em; line-height:1.66667em;}
.article-encyklopedie .article-mainpart blockquote strong { font-size:1.7143em; line-height:1.13333em; color:var(--color-hneda-medium);  font-family:var(--font-secondary); font-weight:500;}
.article-encyklopedie .go-center .article-title h1 { font-size:3.75em; margin:0em auto 0.7em;}
.article-encyklopedie .image-gallery { display:block; position:relative; margin:4em auto;}
.article-encyklopedie .image-gallery .gallery-image { display:block; position:relative; float:left; width:auto; height:220px; margin:0 5px 7px 4px;
	-moz-border-radius:14px 40px 10px 10px; -webkit-border-radius:14px 40px 10px 10px; border-radius:14px 40px 10px 10px;
	-moz-box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25); -webkit-box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25); box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25);
	transform:translate(0,0) scale(1,1); -moz-transition:all 0.15s ease-out; -webkit-transition:all 0.15s ease-out; transition:all 0.15s ease-out;}
.article-encyklopedie .image-gallery .gallery-image:hover { transform:translate(0,0) scale(1.075,1.075); z-index:2;
	-moz-box-shadow:8px 20px 60px -15px rgba(137,64,2,0.25); -webkit-box-shadow:8px 20px 60px -15px rgba(137,64,2,0.25); box-shadow:8px 20px 60px -15px rgba(137,64,2,0.25);}

/* -----  Article Question  ------------------------------ */
.article-question { max-width:1200px; width:88vw; border-top:2px dotted #d0b39a; margin-top:48px; padding-top:64px; margin-bottom:40px; padding-bottom:40px;}
.article-question .article-title h1 { max-width:780px; font-size:var(--text-6xl); color:var(--color-text-primary); margin:0.35em auto 0.5em; /*font-weight:500;*/}
.article-question .article-title p { max-width:780px; font-size:var(--text-xl); line-height:var(--line-height-headline-loose); color:var(--color-text-accent-light); margin:1.15em auto 1.5em; text-align:center; font-family:var(--font-secondary); font-weight:500;}
.article-question .article-title p strong { color:var(--color-text-accent-hyper);}
.article-question .article-title p em { color:var(--color-text-primary);}
.article-question .article-mainpart h2 { max-width:560px; font-size:var(--text-3xl); color:var(--color-text-accent-light); margin:1.75em auto 1.125em;}
.article-question .article-mainpart h2 strong { color:var(--color-text-accent-hyper);}
.article-question .article-mainpart h2 em { color:var(--color-text-accent-ultralight);}
.article-question .article-mainpart h3 { max-width:560px; font-size:1.75em; margin:1.25em auto 0.55em;}
.article-question .article-mainpart p { max-width:560px; font-size:var(--text-m); line-height:var(--line-height-text-main); margin:1.25em auto 1.25em; }
.article-question .article-mainpart ul { max-width:560px; font-size:var(--text-m); line-height:var(--line-height-text-main); margin:1.5em auto 1.5em; }
.article-question .article-mainpart ul li { list-style-type:disc; line-height:var(--line-height-text-main); margin:0.5em 0 0.5em 1.75em; padding-left:.5em;}
.article-question .article-mainpart li strong,
.article-question .article-mainpart p strong { font-size:1.0125em; font-weight:700;}
.article-question .article-mainpart blockquote { margin:2.25em auto 2.5em; background:var(--color-svetla-light); padding:12px 32px 16px; max-width:640px; text-align:center; font-family:var(--font-secondary); font-weight:700; border-radius:24px;}
.article-question .article-mainpart blockquote p { font-size:var(--text-ml); line-height:var(--line-height-text-tight);}
.article-question .article-mainpart blockquote strong { font-size:1.25em; line-height:1.13333em; color:var(--color-text-accent-light); font-weight:500;}

/* -----  Article Speciale  ------------------------------ */
.article-speciale { }
.article-speciale .article-perex { text-align:center; width:90vw; margin:0 auto; }
.article-speciale .article-perex p { max-width:560px; font-size:var(--text-m); line-height:var(--line-height-text-main); margin:1.25em auto 1.25em; }
.article-speciale .article-perex p.bigger { max-width:660px; font-size:var(--text-xl); line-height:var(--line-height-headline-loose); color:var(--color-text-accent-light); font-weight:500; margin:1.15em auto 1.5em; font-family:var(--font-secondary);}
.article-speciale .article-perex p strong { font-weight:700; color:var(--color-text-primary);}
.article-speciale .article-perex p a { border-bottom:1px solid var(--color-text-accent-hyper);}
.article-speciale .article-perex p a:hover { color:var(--color-text-accent-dark) !important; border-bottom:1px dotted var(--color-text-accent-hyper);}

/* -----  Table Speciale  ------------------------------ */
.tabula-speciale { padding:1px 0;}
.tabula-speciale table { width:100%; max-width:1120px; text-align:center; margin:80px auto; font-size:var(--text-ml); font-family:var(--font-secondary); color:var(--color-text-accent-light);}
.tabula-speciale table strong { font-weight:800;}
.tabula-speciale table em { font-weight:400;}
.tabula-speciale td { padding:1.675rem 2.25rem;}
.tabula-speciale th { padding:0rem 1rem 3rem;}
.tabula-speciale th,
.tabula-speciale td { text-align:center;}
.tabula-speciale tbody td { background-color:var(--color-svetla-ultralight);}
.tabula-speciale tbody tr:nth-of-type(odd) td { background-color:var(--color-svetla-light);}
.tabula-speciale tbody tr:hover td { box-shadow:inset 0 0 0 9999px rgb(var(--color-hneda-medium-rgb) / var(--alpha-2)); }
.tabula-speciale thead th img { width:35%; height:auto; margin:0 auto; filter:var(--filter-shadow-product-level-1); transition:transform .5s var(--easing-3-easeout-smooth);}
.tabula-speciale thead th img:hover { transform:translateX(-1px) scale(1.05) rotate(-1deg); transition:transform .5s var(--easing-1-bouncy) 0.05s;}
.tabula-speciale thead th:nth-of-type(odd) img:hover { transform:translateX(1px) scale(1.05) rotate(2deg);}
.tabula-speciale tbody tr:first-of-type td:first-of-type { border-radius:24px 0 0 0;}
.tabula-speciale tbody tr:first-of-type td:last-of-type { border-radius:0 24px 0 0;}
.tabula-speciale tbody tr:last-of-type td:first-of-type { border-radius:0 0 0 24px;}
.tabula-speciale tbody tr:last-of-type td:last-of-type { border-radius:0 0 24px 0;}
.tabula-speciale .title { text-align:left; color:var(--color-text-primary); font-weight:500;}
.tabula-speciale .title.finale { font-size:var(--text-mll);}
.tabula-speciale .finale strong { color:var(--color-text-accent-hyper); font-size:var(--text-mll);}
.tabula-speciale .title.finale strong { color:var(--color-text-accent-dark);}

/* -----  LeftRight Hero  ------------------------------ */
.leftrighthero { width:auto; margin:64px 0 64px 8vw; padding:112px 0; border:2px dotted rgb(var(--color-hneda-light-rgb) / var(--alpha-40)); border-radius:80px 0 0 80px; background-color:var(--color-svetla-lighter); transition:all .5s var(--easing-3-easeout-smooth);}
.leftrighthero:nth-of-type(odd) { margin:64px 8vw 64px 0; border-radius:0 80px 80px 0;}
.leftrighthero .big-stripe { display:flex; position:relative; flex-direction:row-reverse; align-items:center; align-content:center; justify-content:center; gap:104px; width:90%; max-width:1000px; margin:0 auto;}
.leftrighthero:nth-of-type(even) .big-stripe { flex-direction:row;}
.leftrighthero .images { display:flex; position:relative; flex-direction:row; align-items:center; width:30%;}
.leftrighthero .images img { height:80%; width:100%; filter:var(--filter-shadow-product-level-1); transition:transform .5s var(--easing-3-easeout-smooth);}
.leftrighthero .texts { position:relative; flex-direction:column; align-items:center; text-align:left; width:70%; max-width:528px;}
.leftrighthero .texts h2 { font-size:var(--text-4xl); color:var(--color-text-primary); margin:0.5em 0; font-weight:bold;}
.leftrighthero .texts p { font-size:var(--text-m); line-height:var(--line-height-text-main); margin:0.75em 0 1.25em;}
.leftrighthero .texts p strong { font-weight:700;}
.leftrighthero:hover { border-color:var(--color-hneda-light); background-color:var(--color-white);}
.leftrighthero:hover .images img { transform:translateX(-8px) scale(1.05) rotate(-1deg); transition:transform .75s var(--easing-1-bouncy) 0.05s;}
.leftrighthero:nth-of-type(odd):hover .images img { transform:translateX(8px) scale(1.05) rotate(1.5deg); transition:transform .75s var(--easing-1-bouncy) 0.05s;}
.leftrighthero .catalogue-grid { text-align:center; margin:64px auto -16px;}

/* -----  Aktivity  ------------------------------ */
.aktivity { 
	--color-01:var(--color-hneda-medium);
	--color-02:var(--color-red);
	--color-03:var(--color-yellow);
	--color-04:var(--color-green);
	--color-05:var(--color-blue);
	--text-color-white:var(--color-white);
	--text-color-light:var(--color-hneda-light);
	--text-color-ultralite:var(--color-svetla-light);
	--text-color-basic:var(--color-text-basic);
	--text-color-lighter:var(--color-hneda-medium);
	--text-color-darker:var(--color-hneda-dark);
}
.aktivity { color:var(--text-color-basic);}
/* -----  intro  ------------------------------ */
.aktivity.aktivity-intro { isolation:isolate;}
.intro-container { display:flex; flex-direction:column; justify-content:center; align-items:center; width:98%; max-width:675px; aspect-ratio:5 / 4; margin:0 auto; background:url(../images/logo-2026-heart-01.svg) center / contain no-repeat;}
.intro-content { text-align:center; width:56%;}
.intro-content h1 { font-size:var(--text-6xl); margin:-.5em 0 0; font-weight:700;}
.intro-content h1 strong { color:var(--color-04);}
.intro-content p { font-size:var(--text-ml); line-height:var(--line-height-text-main); margin:.75em 0 1.5em;}
.intro-content p strong { color:var(--text-color-darker); font-family:var(--font-primary); font-weight:700;}
.intro-eyecandy {
	--items-scale:0.8;
	--offset-left:0px;
	--offset-top:0px;
}
.intro-eyecandy { position:absolute; display:flex; justify-content:center; align-items:center; top:0px; width:100%; height:100%; z-index:6; pointer-events:none;}
.intro-eyecandy .eyecandy-image { position:absolute; opacity:0;}
.isloaded .intro-eyecandy .eyecandy-image { opacity:1;}
.intro-eyecandy .eyecandy-image.multiply { mix-blend-mode:multiply;}
/* -----  menu  ------------------------------ */
.aktivity.aktivity-menu .menu-content { display:flex; flex-wrap:wrap; justify-content:center; gap:24px 40px; width:98vw; max-width:1200px; margin:0 auto; background:url(../images/logo-2025-symbol-aktivity-01.svg) 50% 40% / 130px auto no-repeat;}
.aktivity.aktivity-menu.withdivider .menu-content { border-top:2px dotted #d0b39a; padding-top:40px;}
.aktivity.aktivity-menu .menu-content .one-item { display:block; position:relative; width:530px; padding:2em 0; text-align:center;}
.aktivity.aktivity-menu h2 { font-size:var(--text-3xl); margin:.75em 10% .75em; line-height:var(--line-height-headline-main); font-weight:700; text-align:center; color:var(--text-color-darker);}
.aktivity.aktivity-menu .one-item span { display:flex; flex-direction:column; justify-content:center; margin:0 auto; padding-bottom:.2em; width:128px; aspect-ratio:1 / 1; font-size:var(--text-6xl); font-family:var(--font-secondary); font-weight:400; color:rgb(255 255 255 / .5); background:var(--color-01); border-radius:50%; transform:scale(1); transition:transform .35s var(--easing-1-bouncy); overflow:hidden;}
.aktivity.aktivity-menu .one-item span.color-02 { background:var(--color-02);}
.aktivity.aktivity-menu .one-item span.color-03 { background:var(--color-03);}
.aktivity.aktivity-menu .one-item span.color-04 { background:var(--color-04);}
.aktivity.aktivity-menu .one-item span.color-05 { background:var(--color-05);}
.aktivity.aktivity-menu .one-item:hover h2 { color:var(--text-color-lighter);}
.aktivity.aktivity-menu .one-item:hover span { color:var(--color-white); transform:scale(1.1);}
/* -----  detail  ------------------------------ */
.aktivity-detail { display:flex; flex-wrap:wrap; width:100vw; max-width:1400px; margin:0 auto;}
.aktivity-detail .detail-headline { display:flex; position:relative; top:-104px; left:-128px; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; width:720px; height:720px; text-align:center; background-color:var(--color-03); border-radius:50%;}
.detail-headline span { font-size:9.375rem; line-height:1; margin:-.5em 0 0; color:var(--text-color-ultralite); opacity:0.45; font-family:var(--font-secondary); font-weight:400;}
.detail-headline h1 { font-size:var(--text-6xl); line-height:var(--line-height-headline-ultramegatight); margin:.15em 15% .5em; color:var(--text-color-white); font-weight:500;}
.detail-headline.color-01 { background-color:var(--color-01);}
.detail-headline.color-02 { background-color:var(--color-02);}
.detail-headline.color-04 { background-color:var(--color-04);}
.detail-headline.color-05 { background-color:var(--color-05);}
.aktivity-detail .detail-text { display:flex; position:absolute; right:0; margin:64px 24px 0 0; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; width:716px; height:580px; text-align:center; background:url(../images/logo-2026-heart-01.svg) center / contain no-repeat;}
.aktivity-detail .detail-text::before { content:""; display:block; position:absolute; right:180px; top:-24px; width:72px; height:100px; background:url(../images/logo-2025-symbol-aktivity-01.svg) center / contain no-repeat;}
.aktivity-detail .detail-text p { width:56%; font-size:var(--text-ml); line-height:var(--line-height-text-main); margin:.75em auto 4em;}
.aktivity-detail .detail-text p strong { color:var(--text-color-darker); font-family:var(--font-primary); font-weight:700;}
.aktivity-detail .eyecandy-image { position:absolute; opacity:0;}
.isloaded .aktivity-detail .eyecandy-image { opacity:1;}
/* -----  mapa  ------------------------------ */
.aktivity-mapa h1.bigger { margin:-1em 5% 0.25em;}
.aktivity-mapa .mapa-content { display:block; position:relative; z-index:1; width:100%; background-color:#f1e5d6; background-image:linear-gradient(100deg, var(--color-svetla), #e1c9af);}
.aktivity-mapa .mapa-content:before { content:""; display:block; position:absolute; pointer-events:none; z-index:1; left:0px; top:-1px; width:100%; height:80px; background:url(../images/banner-mask-02.webp) 5% 0% repeat-x; background-size:auto 100%; overflow:hidden;}
.aktivity-mapa .mapa-content:after { content:""; display:block; position:absolute; pointer-events:none; z-index:1; left:0px; bottom:-1px; width:100%; height:80px; background:url(../images/banner-mask-01.webp) 70% 0% repeat-x; background-size:auto 100%; overflow:hidden;}
.aktivity-mapa .mapa-content { padding:1px 0;} 
.aktivity-mapa .mapa-content .mapa-mapa { display:block; position:relative; width:100%;} 
.aktivity-mapa .mapa-content .mapa-mapa .mapa-the-mapa { display:block; position:relative; width:100%; aspect-ratio:24 / 15; overflow:hidden;} 
.aktivity-mapa .mapa-content .mapa-mapa .mapa-the-mapa img { display:block; position:relative; width:100%; aspect-ratio:24 / 15; object-fit:cover; object-position:50% 50%; transform:scale(1.15);} 
.aktivity-mapa .mapa-content .mapa-mapa .mapa-pinpoints { display:block; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%;} 
.aktivity-mapa .mapa-content .mapa-mapa button.pinpoint { display:block; position:absolute; z-index:0; left:calc(var(--position-left) - 34px); top:calc(var(--position-top) - 78px); width:64px; height:78px; background:url(../images/pinpoint-aktivity-2025-01-vcelar.png) center / contain no-repeat;
	filter:drop-shadow(4px 6px 12px rgba(137, 64, 2, 0.64)); transition:all 0.35s ease-out, z-index 0s linear; transform-origin:center bottom; transform:scale(calc(0.95 / var(--map-scale, 1))); will-change:transform; backface-visibility:hidden; -webkit-backface-visibility:hidden;}
.aktivity-mapa .mapa-content .mapa-mapa button.pinpoint.farmar { background-image:url(../images/pinpoint-aktivity-2025-01-farmar.png);}
.aktivity-mapa .mapa-content .mapa-mapa button.pinpoint span { display:none;}
.aktivity-mapa .mapa-content .mapa-mapa button.pinpoint:hover { transform:scale(calc(1.1 / var(--map-scale, 1))); filter:brightness(110%) contrast(120%) drop-shadow(2px 2px 4px rgba(137, 64, 2, 0.8)); transition:all 0.1s ease-out, filter 0.5s ease-out, z-index 0s linear;}
.aktivity-mapa .mapa-content .mapa-mapa button.pinpoint.active { z-index:11; transform:scale(calc(1.125 / var(--map-scale, 1))); filter:brightness(120%) contrast(110%) drop-shadow(2px 2px 4px rgba(137, 64, 2, 0.2));}
.aktivity-mapa .mapa-detail-card { display:flex; flex-direction:column; justify-content:center; position:absolute; z-index:100; box-sizing:border-box; width:98vw; max-width:600px; height:34vw; max-height:208px; padding-left:min(39.2vw, 240px); background-color:rgba(255,255,255,0.95); border-radius:32px 24px 24px 32px; box-shadow:5px 10px 46px -5px rgba(137,64,2,0.5); overflow:hidden;
	z-index:-100; opacity:0; transform:translateY(50px); transition:opacity 0.25s ease-out, transform 0.15s ease-out, z-index 0.15s linear 0.5s;} 
.aktivity-mapa .mapa-detail-card.active { z-index:10; opacity:1; transform:translateY(0px); transition:opacity 0.15s ease-out, transform 0.25s ease-out, z-index 0s linear;}
.aktivity-mapa .mapa-detail-card.active.switching { opacity:0;}
.aktivity-mapa .mapa-content .mapa-mapa .mapa-detail-card img { display:block; position:absolute; left:0; height:100%; aspect-ratio:1 / 1; object-fit:cover; border-radius:32px 8px 8px 32px;}
.aktivity-mapa .mapa-detail-card h2 { font-size:var(--text-3xl); line-height:1; color:var(--text-color-darker); padding-right:2rem; font-weight:700;}
.aktivity-mapa .mapa-detail-card h3 { font-size:var(--text-l); line-height:1.2; margin:0.15em 0 0.35em; color:var(--text-color-lighter); padding-right:2rem;}
.aktivity-mapa .mapa-detail-card button.close { display:block; position:absolute; right:8px; top:10px; background:none; color:var(--color-hneda-dark); font-size:1em;}
.aktivity-mapa .mapa-detail-card button.close b { display:none;}
.aktivity-mapa .mapa-detail-card button.close:before { content:"\e809"; display:block; position:relative; font-size:1em; font-family:'icons', Arial;}
.aktivity-mapa .mapa-detail-card button.close:hover { color:var(--color-accent-main); }
.aktivity-mapa .mapa-thumbnails { display:grid; position:relative; margin-top:-24px; z-index:1; grid-template-columns:repeat(auto-fill, minmax(13vw, 1fr)); gap:6px; width:auto; padding:6px;}
.aktivity-mapa .mapa-thumbnails button { display:block; position:relative; z-index:1; width:100%; padding:0; background:transparent; border-radius:18%; transform:scale(1); filter:drop-shadow(2px 2px 16px rgba(137, 64, 2, 0)); transition:all 0.35s ease-out, filter 0.5s ease-out, z-index 0s linear; overflow:hidden;}
.aktivity-mapa .mapa-thumbnails button img { display:block; width:100%; height:auto; aspect-ratio:1 / 1; object-fit:cover; object-position:center; border-radius:18%;}
.aktivity-mapa .mapa-thumbnails button div { display:flex; flex-direction:column; justify-content:center; align-items:center; position:absolute; top:0; width:100%; height:auto; padding:.5em .75em; gap:2px; aspect-ratio:1 / 1; border-radius:18%; text-align:center; background-color:rgba(255,255,255,0.9);
	transform:translateY(0px) scale(1.2); opacity:0; transition:all 0.25s ease-in-out;}
.aktivity-mapa .mapa-thumbnails button h2 { text-align:center; font-size:var(--text-ml); color:var(--text-color-darker); font-weight:700;}
.aktivity-mapa .mapa-thumbnails button h3 { text-align:center; font-size:var(--text-sm); color:var(--text-color-lighter);}
.aktivity-mapa .mapa-thumbnails button:hover { z-index:2; transform:scale(1.1); filter:drop-shadow(4px 6px 12px rgba(137, 64, 2, 0.64)); transition:all 0.1s ease-out, filter 0.5s ease-out, z-index 0s linear;}
.aktivity-mapa .mapa-thumbnails button.active div { transform:translateY(0px) scale(1); opacity:1; transition:all 0.15s ease-out;}
/* -----  mapa zoom/pan  ---------------------- */
.aktivity-mapa .mapa-content .mapa-mapa .mapa-viewport { display:block; position:relative; width:100%; aspect-ratio:24 / 15; overflow:hidden; touch-action:none; cursor:grab; outline:none; user-select:none; -webkit-user-select:none; --map-scale:1;}
.aktivity-mapa .mapa-content .mapa-mapa .mapa-viewport img { -webkit-user-drag:none; user-drag:none; pointer-events:none;}
.aktivity-mapa .mapa-content .mapa-mapa .mapa-viewport:focus-visible { box-shadow:inset 0 0 0 3px rgba(137, 64, 2, 0.5);}
.aktivity-mapa .mapa-content .mapa-mapa .mapa-viewport.panning { cursor:grabbing;}
.aktivity-mapa .mapa-content .mapa-mapa .mapa-viewport.zoomed { cursor:grab;}
.aktivity-mapa .mapa-content .mapa-mapa .mapa-transform { display:block; position:absolute; top:0; left:0; width:100%; height:100%; transform-origin:0 0; transform:translate(0px,0px) scale(1); will-change:transform;}
.aktivity-mapa .mapa-content .mapa-mapa .mapa-transform.animate { transition:transform 0.25s ease-out;}
.aktivity-mapa .mapa-content .mapa-mapa .mapa-controls { display:flex; flex-direction:column; justify-content:center; position:absolute; right:0px; top:0; height:100%; z-index:5; gap:16px; transform:translate(-24px,0); pointer-events:none;}
.aktivity-mapa .mapa-content .mapa-mapa .mapa-controls button { display:flex; align-items:center; justify-content:center; width:64px; aspect-ratio:1 / 1; padding:0; border:none; border-radius:50%; background-color:rgba(255,255,255,0.92); color:var(--color-hneda-dark); font-size:2rem; line-height:1; cursor:pointer; box-shadow:5px 15px 30px rgba(137,64,2,0.25); transition:background-color 0.15s ease-out, transform 0.1s ease-out, box-shadow 0.15s ease-out; pointer-events:all;}
.aktivity-mapa .mapa-content .mapa-mapa .mapa-controls button b { display:block; font-weight:normal; font-family:inherit; pointer-events:none;}
.aktivity-mapa .mapa-content .mapa-mapa .mapa-controls button:hover { background-color:var(--color-white); transform:scale(1.08); box-shadow:0 4px 12px rgba(137,64,2,0.4);}
.aktivity-mapa .mapa-content .mapa-mapa .mapa-controls button:active { transform:scale(0.96);}
.aktivity-mapa .mapa-content .mapa-mapa .mapa-controls button:focus-visible { outline:2px solid var(--color-hneda-dark); outline-offset:2px;}
.aktivity-mapa .mapa-content .mapa-mapa .mapa-controls button:disabled { opacity:0.4; cursor:not-allowed; transform:none; box-shadow:0 2px 8px rgba(137,64,2,0.15);}
.aktivity-mapa .mapa-content .mapa-mapa .mapa-controls .zoom-reset b { font-size:1.25rem;}
@media (prefers-reduced-motion: reduce) {
    .aktivity-mapa .mapa-content .mapa-mapa .mapa-transform.animate { transition:none;}
    .aktivity-mapa .mapa-content .mapa-mapa .mapa-controls button { transition:none;}
}
/* -----  texty  ------------------------------ */
.aktivity.aktivity-texty .texty-content { display:flex; flex-wrap:wrap; justify-content:center; gap:0 10%; width:98vw; max-width:1200px; margin:0 auto 128px;}
.aktivity.aktivity-texty .texty-content .one-item { display:block; position:relative; width:460px; padding:1.25em 0; text-align:center;}
.aktivity.aktivity-texty .texty-content .one-item.wider { width:720px;}
.aktivity-texty h2 { font-size:3rem; margin:.25em 10% .5em; line-height:1; text-align:center; color:var(--text-color-light);}
.aktivity-texty h2 strong { font-size:1em; color:var(--color-01);}
.aktivity-texty h2 em { display:block; font-size:.75em;}
.aktivity-texty p { font-size:1rem; line-height:1.625; margin:.75em auto 1em;}
.aktivity-texty .texty-content p strong { font-size:1.025em; color:var(--text-color-darker); font-family:var(--font-primary); font-weight:700;}
.aktivity-texty .texty-content img.eyecandy-image { position:relative;}
.aktivity-texty .texty-content img.center { margin:1em auto;}
.aktivity-texty .color-02 { color:var(--color-02);}
.aktivity-texty .color-03 { color:var(--color-03);}
.aktivity-texty .color-04 { color:var(--color-04);}
.aktivity-texty .color-05 { color:var(--color-05);}
 

/* ============================================== */
/* -----  06. BANNERS & COVERS ------------------------------ */
/* ---------------------------------------------- */

/* -----  magic carousel  ------------------------------ */
.magic-carousel { display:block; position:relative; z-index:1; width:100%; height:80vh; overflow:hidden;}
.magic-carousel:before { content:""; display:block; position:absolute; pointer-events:none; z-index:5; left:0px; top:-1px; width:100%; height:97px; background:url(../images/banner-mask-02.webp) 5% 0% repeat-x; background-size:auto 100%; overflow:hidden;}
.magic-carousel:after { content:""; display:block; position:absolute; pointer-events:none; z-index:5; left:0px; bottom:-1px; width:100%; height:97px; background:url(../images/banner-mask-01.webp) 70% 0% repeat-x; background-size:auto 100%; overflow:hidden;}
.magic-carousel-slide { display:block; position:absolute; z-index:-10; opacity:0; width:100%; height:80vh; overflow:hidden; transform:translate(0px,0px);}
.magic-carousel-slide.active { z-index:3; opacity:1; -moz-transition:transform 0.5s ease-out; -webkit-transition:transform 0.5s ease-out; transition:transform 0.5s ease-out;}
.magic-carousel-slide.next { z-index:1; opacity:1;}
.magic-carousel-slide.prev { z-index:2; opacity:1; width:50%;}
.magic-carousel-slide.active.peekright { transform:translate(-145px,0px);}
.magic-carousel-slide.active.peekleft { transform:translate(145px,0px);}
.magic-carousel-slide.active.flyleft { z-index:4; transform:translate(-100vw,0px);}
.magic-carousel-slide.active.flyright { z-index:4; transform:translate(100vw,0px);}
.megaimagebcg { display:block; position:absolute; width:100vw; height:100%; overflow:hidden;}
.megaimagebcg .imgcontainer { display:block; position:absolute; width:100%; height:100%; background-size:cover; background-position:50% 50%;
	transform:scale(1,1); -moz-transition:transform 0.5s ease-in-out; -webkit-transition:transform 0.5s ease-in-out; transition:transform 0.5s ease-in-out;}
.active .magic-carousel-slide.active .megaimagebcg .imgcontainer { transform:scale(1.1,1.1); -moz-transition:transform 10s ease-in-out; -webkit-transition:transform 10s ease-in-out; transition:transform 10s ease-in-out;}
.megaimagebcg .imgcontainer img { display:none;}
.megaimagebcg .imgcontainer.mobileonly { display:none;}

.magic-carousel-container { position:absolute; display:table; width:100vw; height:100%;
	opacity:0; transform:translate(0px,-45px); -moz-transition:all 0.65s ease-in-out; -webkit-transition:all 0.65s ease-in-out; transition:all 0.65s ease-in-out;}
.active .magic-carousel-slide.active .magic-carousel-container { opacity:1; transform:translate(0px,0px);}
.magic-carousel-container .inside { position:relative; display:table-cell; width:100%; max-width:1000px; vertical-align:middle; margin:0 auto; text-align:center;}
.magic-carousel-container .inside .box { width:70%; max-width:1000px; margin:0 auto; padding-bottom:50px; text-align:center;}
.magic-carousel-container h1 { color:var(--color-text-inverse-muted); font-size:var(--text-7xl); line-height:var(--line-height-headline-ultratight); font-weight:700; margin:0 0 0.35em;	text-shadow:var(--text-shadow-ultrahard);}

.magic-carousel-controls { display:block; z-index:10; position:absolute; width:100%; margin-top:-80vh;}
.magic-carousel-controls .next { display:block; position:absolute; top:0px; right:0px; width:100px; height:80vh; text-align:left; cursor:pointer;}
.magic-carousel-controls .next button { margin-top:calc(40vh - 28px);}
.magic-carousel-controls .previous { display:block; position:absolute; top:0px; left:0px; width:100px; height:80vh; text-align:right; cursor:pointer;}
.magic-carousel-controls .previous button { margin-top:calc(40vh - 28px);}
.magic-carousel-controls .dots { display:block; z-index:10; position:absolute; width:100%; left:0px; top:80vh; text-align:center;}
.magic-carousel-controls .dots .dot { display:inline-block; position:relative; top:-100px; width:56px; height:8px; margin:0 4px; padding:0; font-size:0px; line-height:0px; background:rgba(249,244,237,0.5); -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
.magic-carousel-controls .dots .dot.active { background:rgba(249,244,237,1);}
.magic-carousel-controls .dots .dot b { display:none;}
.magic-carousel-controls .dots .dot i { display:block; position:absolute; top:0px; width:0px; height:8px; background:var(--color-accent-main); opacity:0; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
.magic-carousel-controls .dots .dot.active i { opacity:1; /*width:30px;*/}

/* -----  magic cover  ------------------------------ */
.magic-cover { display:block; position:relative; z-index:1; width:100%; height:80vh; overflow:hidden;}
.magic-cover:before { content:""; display:block; position:absolute; z-index:5; left:0px; top:0px; width:100%; height:97px; background:url(../images/banner-mask-02.webp) 5% 0% repeat-x; overflow:hidden;}
.magic-cover:after { content:""; display:block; position:absolute; z-index:5; left:0px; bottom:0px; width:100%; height:97px; background:url(../images/banner-mask-01.webp) 70% 0% repeat-x; overflow:hidden;}
.magic-cover-slide { display:block; position:absolute; z-index:-10; opacity:0; width:100%; height:80vh; overflow:hidden; transform:translate(0px,0px);}
.magic-cover-slide.active { z-index:3; opacity:1; -moz-transition:transform 0.5s ease-out; -webkit-transition:transform 0.5s ease-out; transition:transform 0.5s ease-out;}
.magic-cover .megaimagebcg { display:block; position:absolute; width:100vw; height:100%; overflow:hidden;}
.magic-cover .megaimagebcg .imgcontainer { display:block; position:absolute; width:100%; height:100%; background-size:cover; background-position:50% 50%;
	transform:scale(1,1); transition:transform 10s ease-in-out;}
.magic-cover-container { position:absolute; display:table; width:100vw; height:100%;
	opacity:0; transform:translate(0px,-45px); -moz-transition:all 0.65s ease-in-out; -webkit-transition:all 0.65s ease-in-out; transition:all 0.65s ease-in-out;}
.active .magic-cover-slide.active .magic-cover-container { opacity:1; transform:translate(0px,0px);}
.magic-cover-container .inside { position:relative; display:table-cell; width:100%; max-width:1000px; vertical-align:middle; margin:0 auto; text-align:center;}
.magic-cover-container .inside .box { width:70%; max-width:1000px; margin:0 auto; padding-bottom:50px; text-align:center;}
.magic-cover-container h1 { color:var(--color-white); font-size:6em; line-height:1em; margin:0.75em 0 0.25em; text-shadow:8px 10px 45px rgba(0,0,0,0.75);}

/* -----  ultra magic cover  ------------------------------ */
.ultramagic-cover {
	--items-scale:0.9;
	--offset-left:0px;
	--offset-top:0px;
	--color-main:var(--color-text-inverse-muted);
	--color-accent:var(--color-red);
}
.ultramagic-cover .letni-soutez-2026 {
	--color-main:#fefcfb;
	--color-accent:#f5e2a2;
}
.ultramagic-cover { display:block; position:relative; z-index:1; width:100%; height:84vh; min-height:42vw; /*overflow:hidden;*/}
.ultramagic-cover.tighter { height:72vh; min-height:32vw; --items-scale:1;}
.ultramagic-cover:before { content:""; display:block; position:absolute; z-index:5; left:0px; top:-1px; width:100%; height:97px; background:url(../images/banner-mask-02.webp) 5% 0% repeat-x; background-size:auto 100%; overflow:hidden;}
.ultramagic-cover:after { content:""; display:block; position:absolute; z-index:5; left:0px; bottom:-1px; width:100%; height:97px; background:url(../images/banner-mask-01.webp) 70% 0% repeat-x; background-size:auto 100%; overflow:hidden;}
.ultramagic-cover-slide { display:block; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; /*transition:opacity 0.25s ease-out;*/}
.ultramagic-cover-slide.active { opacity:1;}
.ultramagic-cover-bcg { display:block; position:relative; width:100%; height:100%;}
.ultramagic-cover-bcg img { display:block; position:relative; width:100%; height:100%; object-position:50% 50%; object-fit:cover;}
.ultramagic-cover-container { position:absolute; top:0px; width:100%; height:100%; z-index:5; display:flex; justify-content:center; align-items:center; transform:scale(var(--items-scale));}
.ultramagic-cover-container.column { flex-direction:column; z-index:6;}
.ultramagic-cover-container.column .button.fixed { position:absolute; bottom:24px;}
.ultramagic-cover-container img { opacity:0; transition:all 0.5s ease-in-out;}
.ultramagic-cover-container h1 { width:90%; max-width:720px; color:var(--color-main); font-size:var(--text-7xl); line-height:var(--line-height-headline-ultramegatight); font-weight:700; margin:0 auto 0.35em; text-shadow:var(--text-shadow-hard);}
.ultramagic-cover-container h1 strong { color:var(--color-accent);}
.ultramagic-cover-container h1 small { display:block; font-size:.333em; margin-top:.75em;}
.ultramagic-cover-container.vanocni-soutez-2026 { flex-direction:column; padding:0 0 4vh 0; transform:none; overflow:hidden;}
.ultramagic-cover-container.vanocni-soutez-2026.flexdown { justify-content:flex-end;}
.ultramagic-cover-container.column.vanocni-soutez-2026 { overflow:visible;}
.ultramagic-cover-container.vanocni-soutez-2026 h1 { position:relative; z-index:10; width:100%; margin-bottom:.75em; color:var(--color-text-accent-ultralight); font-size:var(--text-6xl); line-height:var(--line-height-headline-ultramegagigatight); text-shadow:var(--text-shadow-lightglow);}
.ultramagic-cover-container.vanocni-soutez-2026 h1 strong { font-size:1.2667em; color:var(--color-text-accent-light);}
.ultramagic-cover-container.vanocni-soutez-2026 h1 em { font-weight:500; color:var(--color-text-accent-light);}
.isloaded .ultramagic-cover-container img { opacity:0;}
.isloaded .active .ultramagic-cover-slide.active .ultramagic-cover-container img { opacity:1; animation:fadeInRotateBlurScale 1s ease-in-out backwards; transform:scale(1);}
.isloaded .active .ultramagic-cover-slide.active .ultramagic-cover-container img:hover { transform:scale(1.01);}
/* Reveal hero as soon as its background image is ready (cover-ready), independent of full-page .isloaded */
.cover-ready .ultramagic-cover-slide.active .ultramagic-cover-container img { opacity:1; animation:fadeInRotateBlurScale 1s ease-in-out backwards; transform:scale(1);}
.ultramagic-cover-container img#ultramagicObject2 { animation-delay:0.15s;}
.ultramagic-cover-container img#ultramagicObject3 { animation-delay:0.3s;}
.ultramagic-cover-container img.add-shadow { filter:var(--filter-shadow-basic-level-1);}
/* Pozicovany prvek coveru: hodnoty inline jako promenne (--left, --top, --max-w...), mobilni varianta --m-* v responsive.css. Bez transform - ten patri animaci coveru. */
.cover-pos { position:var(--pos, absolute); left:var(--left, auto); right:var(--right, auto); top:var(--top, auto); bottom:var(--bottom, auto); width:var(--w, auto); min-width:var(--min-w, 0); max-width:var(--max-w, none); z-index:var(--z, auto);}
.ultramagic-cover-button { position:absolute; width:100%; bottom:22%; display:flex; justify-content:center; opacity:0; transition:opacity 0.65s ease-out;}
.ultramagic-cover-button.vanocni-soutez-2026 { bottom:20%;}
.ultramagic-cover-slide.active .ultramagic-cover-button { opacity:1;}
.ultramagic-cover-eyecandy { position:absolute; top:0px; width:100%; height:100%; z-index:6; pointer-events:none;}
.ultramagic-cover-eyecandy .eyecandy-image { position:absolute; opacity:0;}
.ultramagic-cover-eyecandy .eyecandy-image.add-shadow { filter:var(--filter-shadow-basic-level-1);}
.isloaded .ultramagic-cover-eyecandy .eyecandy-image { opacity:1;}
.cover-ready .ultramagic-cover-eyecandy .eyecandy-image { opacity:1;}
.ultramagic-cover-eyecandy .eyecandy-image.top-left { top:calc(0px + var(--offset-top)); left:calc(0px + var(--offset-left));}
.ultramagic-cover-eyecandy .eyecandy-image.top-right { top:calc(0px + var(--offset-top)); right:calc(0px - var(--offset-left));}
.ultramagic-cover-eyecandy .eyecandy-image.bottom-left { bottom:calc(0px - var(--offset-top)); left:calc(0px + var(--offset-left));}
.ultramagic-cover-eyecandy .eyecandy-image.bottom-right { bottom:calc(0px - var(--offset-top)); right:calc(0px - var(--offset-left));}
.ultramagic-cover-controls { display:block; z-index:10; position:absolute; width:100%;}
.ultramagic-cover-controls .next { display:block; position:absolute; top:0px; right:0px; width:100px; height:84vh; min-height:42vw; text-align:left; cursor:pointer;}
.ultramagic-cover-controls .next button { margin-top:calc(max(42vh, 21vw) - 28px);}
.ultramagic-cover-controls .previous { display:block; position:absolute; top:0px; left:0px; width:100px; height:84vh; min-height:42vw; text-align:right; cursor:pointer;}
.ultramagic-cover-controls .previous button { margin-top:calc(max(42vh, 21vw) - 28px);}

/* -----  magic video  ------------------------------ */
.magic-video { display:block; position:relative; z-index:1; width:100%; overflow:hidden;}
.magic-video:before { content:""; display:block; position:absolute; z-index:5; left:0px; top:0px; width:100%; height:97px; background:url(../images/banner-mask-02.webp) 5% 0% repeat-x; overflow:hidden;}
.magic-video:after { content:""; display:block; position:absolute; z-index:5; left:0px; bottom:0px; width:100%; height:97px; background:url(../images/banner-mask-01.webp) 70% 0% repeat-x; overflow:hidden;}
.magic-video-slide { position:relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height:0;}
.magic-video-slide iframe { position:absolute; top:0; left:0; width:100%; height:100%;}

/* -----  video  ------------------------------ */
.one-video { position:relative; width:100%; max-width:98vw; margin:32px auto 24px;}
.one-video video { position:relative; width:100%; height:auto; aspect-ratio:16 / 9; object-position:center; object-fit:cover; border-radius:var(--box-radius-l); box-shadow:5px 15px 30px rgba(137,64,2,0.25);}

/* -----  big image  ------------------------------ */
.one-bigimage {
	--color-main:#fefcfb;
	--color-accent:#f5e2a2;
}
.one-bigimage { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; width:94vw; max-width:1024px; margin:32px auto 120px; }
.one-bigimage .bigimage-content { display:block; position:relative; width:100%; aspect-ratio:1.773 / 1; overflow:hidden; border-radius:var(--box-radius-l); box-shadow:var(--shadow-level-2);}
.one-bigimage img.bigimage-cover { position:absolute; z-index:1; width:100%; height:100%; object-position:50%; object-fit:cover; transform:scale(1); transition:transform 2s var(--easing-3-easeout-smooth);}
.one-bigimage img.bigimage-corner { position:absolute; z-index:2; right:0; bottom:0; width:38%; height:auto; transform:scale(1) rotate(0deg); transition:transform .5s var(--easing-3-easeout-smooth);}
.one-bigimage h2 { position:absolute; z-index:3; left:0; bottom:0; width:42%; margin:0 0 .75em .75em; font-size:var(--text-7xl); color:var(--color-main); font-weight:700; line-height:var(--line-height-headline-ultramegatight); text-shadow:var(--text-shadow-hard); transform:scale(1); transform-origin:left bottom; transition:transform .5s var(--easing-3-easeout-smooth);}
.one-bigimage.center h2 { position:absolute; display:flex; align-items:center; justify-content:center; width:100%; height:100%; margin:0 auto; padding:0 10%; text-align:center; }
.one-bigimage h2 strong { color:var(--color-accent);}
.one-bigimage h2 small { display:block; font-size:.333em; margin-top:.75em;}
.one-bigimage .bigimage-buttons { display:flex; flex-wrap:wrap; justify-content:center; align-items:center;	gap:1em 1em; text-align:center;}
.one-bigimage .bigimage-buttons > .button {	flex:0 0 auto;}
.one-bigimage .bigimage-buttons > a:last-child { flex: 0 0 100%; /*text-align:center;*/}
.one-bigimage .bigimage-buttons small { font-size:var(--text-sm); border-bottom:1px dotted var(--color-text-accent-light);}
.one-bigimage .bigimage-buttons small:hover { border-bottom:1px solid var(--color-text-accent-ultralight);}
.one-bigimage .button { position:relative; margin-top:-1em;}
.one-bigimage:hover img.bigimage-cover { transform:scale(1.1); transition:transform 10s var(--easing-3-easeout-smooth);}
.one-bigimage:hover img.bigimage-corner { transform:scale(1.1) rotate(-3deg); transition:transform .65s var(--easing-1-bouncy) .15s;}
/* .one-bigimage:hover h2 { transform:scale(1.1); transition:transform .45s var(--easing-1-bouncy) .05s;} */


/* ============================================== */
/* -----  07. SPECIAL   ------------------------------ */
/* ---------------------------------------------- */

/* -----  Babi Soutez  ------------------------------ */
.page-id-3639 #theSkin,
.page-id-3646 #theSkin { position:relative; background:url(../images/bcg-babisoutez-01.jpg) 50% 100px no-repeat;}
/*#theSkin:after { content:""; display:block; position:absolute; z-index:5; left:0px; bottom:0px; width:100%; height:97px; background:url(../images/banner-mask-01.webp) 5% 100% repeat-x; overflow:hidden;}*/

.article-babisoutez { max-width:1100px; margin-bottom:0px;}
.slide.first.article-babisoutez { margin-top:0;}
.article-babisoutez .article-info { display:block; float:left; max-width:560px; text-align:center; margin:-10px 10px 0;}
.article-babisoutez .article-info .title-image { width:90%; max-width:490px; height:auto; margin:3em auto 1.5em;}
.article-babisoutez .article-info p { font-size:1.125em; line-height:1.5em; margin:0.85em 2%; color:var(--color-hneda-dark); font-family:var(--font-secondary); font-weight:400;}
.article-babisoutez .article-info p strong{ font-family:var(--font-secondary); font-weight:700;}
.article-babisoutez .article-info .buttons { margin:1.5em 0 0;}
.article-babisoutez .article-info .buttons .button { margin:5px 2px 5px;}



/* ============================================== */
/* -----  08. FORMS, FILTERS & SEARCHES  ------------------------------ */
/* ---------------------------------------------- */

/* -----  form common  ------------------------------ */
input,
textarea { border-bottom:2px solid var(--color-hneda-dark); color:var(--color-hneda-dark); padding:0.5em 1em; font-family:var(--font-primary); font-weight:700; background:none !important;}
input:focus,
textarea:focus { border-bottom:2px solid var(--color-accent-main); color:var(--color-hneda-medium);}
::-webkit-input-placeholder { color:var(--color-hneda-dark); opacity:1;}
::-moz-placeholder { color:var(--color-hneda-dark); opacity:1;}
:-ms-input-placeholder { color:var(--color-hneda-dark); opacity:1;}
:-moz-placeholder { color:var(--color-hneda-dark); opacity:1;}
:focus::-webkit-input-placeholder { opacity:0.5;}
:focus::-moz-placeholder { opacity:0.5;}
:focus:-ms-input-placeholder { opacity:0.5;}
:focus:-moz-placeholder { opacity:0.5;}
.form-grid { display:flex; flex-direction:column; align-items:center;}

/* -----  Recepty Search  ------------------------------ */
.catalogue-search { display:inline-block; vertical-align:middle; margin:0 25px;}
.catalogue-search span { display:block; position:relative;}
.catalogue-search label { display:none;}
.catalogue-search span:before { content:"\e894"; display:inline-block; position:absolute; top:7px; left:5px; color:var(--color-hneda-dark); font-family:'icons', Arial;}
.catalogue-search input { width:114px; padding-left:2em;}
/* -----  Web Search  ------------------------------ */
.search-overlay { display:block; position:fixed; z-index:-100; top:0px; left:0px; background:var(--color-black); opacity:0; width:100vw; height:100vh;
	-moz-transition:opacity 0.25s ease-out, opacity 0.15s ease-out; -webkit-transition:opacity 0.25s ease-out, opacity 0.15s ease-out; transition:opacity 0.25s ease-out, opacity 0.15s ease-out;}
.gogo-search .search-overlay { z-index:1300; opacity:0.1;}
.search-box { display:block; position:fixed; z-index:1350; top:0px; left:16px; width:calc(100% - 32px); padding:20px 0 24px; background:rgba(255,255,255,0.98); overflow:hidden; text-align:center;
	transform:translate(0px,-150px); -moz-border-radius:0 0 16px 16px; -webkit-border-radius:0 0 16px 16px; border-radius:0 0 16px 16px;
	-moz-box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25); -webkit-box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25); box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25);
	-moz-transition:all 0.25s ease-out, opacity 0.15s ease-out; -webkit-transition:all 0.25s ease-out, opacity 0.15s ease-out; transition:all 0.25s ease-out, opacity 0.15s ease-out;}
.gogo-search .search-box { transform:translate(0px,0px);}
.search-box	input[type=text] { padding-left:45px; padding-right:35px; width:300px;}
a.icon { color:var(--color-hneda-dark);}
a.icon b { display:none;}
a.icon:before { content:"\e894"; display:inline-block; position:absolute; margin:7px 0 0 5px; font-family:'icons', Arial;}
a.icon.search:before { content:"\e894"; font-size:1.125em; margin:7px 0 0 5px;}
a.icon.close:before { content:"\e809"; font-size:0.875em; margin:8px 0 0 -16px;}
a.icon:hover { color:var(--color-hneda-medium);}
a.icon.close:hover { color:var(--color-accent-main);}

/* -----  Newsletter  ------------------------------ */
.newsletter { padding:1px 0; text-align:center; margin:100px auto; background:url(../images/logo-2024-heart-01.svg) -5% 50% no-repeat; background-size:auto 100%;}
.newsletter h1.bigger { margin:0.5em 5% 0; text-align:center; position:relative; z-index:3;}
.newsletter h1.bigger strong { color:var(--color-accent-main);}
.newsletter h1.bigger em { color:var(--color-hneda-dark);}
.newsletter h2 { font-size:var(--text-xl); font-weight:500; margin:0.25em 5% 0.5em; text-align:center; color:var(--color-text-accent-ultralight);}
.newsletter h2 strong { color:var(--color-accent-main);}
.newsletter h2 em { color:var(--color-text-primary);}
.newsletter p { font-size:1em; line-height:1.75em; margin:1em 7% 1.75em; text-align:center;}
.newsletter p strong { color:var(--color-hneda-dark); font-size:1.025em; font-family:var(--font-primary); font-weight:700;}
.newsletter input[type=text] { width:420px; text-align:center; font-size:1.125em; padding:0.75em 0 1em; margin:0.5em 0 0.5em;}
.newsletter textarea { width:420px; text-align:center; font-size:1.125em; padding:0.75em 0 1em; margin:0.5em 0 0.5em;}
.newsletter .buttons { margin:1.5em 0;}
.newsletter .buttons small { display:block; font-size:0.75em; margin-top:1.25em;}
.newsletter .buttons small a { color:#ab7646; border-bottom:1px solid #ab7646;}
.newsletter .buttons small a:hover { color:var(--color-hneda-dark); border-bottom:1px dotted var(--color-hneda-dark);}
.newsletter .catalogue-grid { margin-top:-24px; padding:0 24px;}
.newsletter .cat-item { width:248px; margin:0px 12px 32px;}
.newsletter .cat-item .mouka-item { width:248px;}
.newsletter .mouka-item .image-part img { margin-bottom:1.75em;}
.newsletter .mouka-item .image-part:before { height:248px;}
.newsletter .bio .mouka-item .image-part:after { height:248px;}
.newsletter .mouka-item.novinka:before,
.newsletter .mouka-item.limitka:before { display:none; /*top:-10px; left:2px; width:162px; height:110px;*/}
.newsletter .popup-visual { display:block; margin:-0.5em 0 -1.5em; position:relative;}
.newsletter .popup-visual img { margin:0 auto; width:auto; max-width:90%; height:auto;}
/* -----  Newsletter PopUp  ------------------------------ */
.popup-overlay { display:block; position:fixed; z-index:-100; top:0px; left:0px; background:var(--color-black); opacity:0; width:100vw; height:100vh;
	-moz-transition:opacity 0.15s ease-out; -webkit-transition:opacity 0.15s ease-out; transition:opacity 0.15s ease-out;}
.gogo-popup .popup-overlay { z-index:1300; opacity:0.1;}
#theNewsletterBox.newsletter { display:block; position:fixed; z-index:-100; left:50%; top:0px; margin:0; margin-left:-310px; width:95%; max-width:620px; background:var(--color-white); 
	 background:rgba(255,255,255,0.95); padding:18px 0 24px; transform:translate(0px,0px); opacity:0; -moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px;
	-moz-box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25); -webkit-box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25); box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25);
	-moz-transition:transform 0.25s ease-out, opacity 0.15s ease-out; -webkit-transition:transform 0.25s ease-out, opacity 0.15s ease-out; transition:transform 0.25s ease-out, opacity 0.15s ease-out;}
#theNewsletterBox.newsletter.mouky { width:auto; min-width:528px; max-width:880px;}
#theNewsletterBox.newsletter .icon { position:absolute; right:18px; top:12px;}
.gogo-popup #theNewsletterBox { transform:translate(0px,0px); opacity:1; z-index:1350;}
	
/* -----  Select  ------------------------------ */
.catalogue-filters { display:inline-block; vertical-align:middle; margin:0 25px 0 0;}
.filter-select { display:inline-block; position:relative; z-index:300; font-size:0.875em; color:var(--color-hneda-dark); padding:0.95em 1.15em 1em 1.45em; margin:0 2px; background:var(--color-svetla-light); font-family:var(--font-primary); font-weight:700;
	-moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px;
	-moz-box-shadow:0px 0px 0px 0px rgba(137,64,2,0); -webkit-box-shadow:0px 0px 0px 0px rgba(137,64,2,0); box-shadow:0px 0px 0px 0px rgba(137,64,2,0);
	transform:scale(1,1); -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.filter-select span:after { content:"\e824"; display:inline-block; position:relative; top:-2px; left:0px; vertical-align:middle; font-size:0.625em; line-height:.85em; padding:0 0 0 1.5em; font-family:'icons', Arial;}
.filter-select span i { color:#ab7646; font-size:0.85714em; margin-right:2px;}
.filter-select span b b { display:none;}
.filter-select span b i { display:none;}
.filter-select:hover { background:var(--color-white); color:var(--color-hneda-medium); transform:scale(1.05,1.05);
	-moz-box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25); -webkit-box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25); box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25);}
.filter-select:hover span i { color:var(--color-hneda-light);}
.filter-select.active { background:var(--color-white); color:var(--color-hneda-medium); transform:scale(1,1);
	-moz-border-radius:24px 24px 0 0; -webkit-border-radius:24px 24px 0 0; border-radius:24px 24px 0 0;
	-moz-box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25); -webkit-box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25); box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25);}
.filter-select.active span:after { content:"\e82d"; color:var(--color-hneda-dark);}
.filter-select.isset { background:var(--color-accent-main); color:var(--color-white);}
.filter-select.isset span i { color:var(--color-white);}
/* -----  dropdown  ------------------------------ */
.filter-dropdown { display:inline-block; position:absolute; z-index:-10; opacity:0; width:220px; background:var(--color-white); padding:14px 0; margin:42px 0 0 2px; overflow:hidden;
	-moz-border-radius:0 16px 16px 16px; -webkit-border-radius:0 16px 16px 16px; border-radius:0 16px 16px 16px;
	transform:translate(0px,-100px) scale(1,0); -moz-transition:all 0.25s ease-out, opacity 0.15s ease-out; -webkit-transition:all 0.25s ease-out, opacity 0.15s ease-out; transition:all 0.25s ease-out, opacity 0.15s ease-out;
	-moz-box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25); -webkit-box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25); box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25);}
.filter-dropdown#selectDropdown2 { width:250px;}
.filter-dropdown.active { z-index:350; opacity:1; transform:translate(0px,0px) scale(1,1);}
.filter-dropdown li { display:block; width:100%;}
.filter-dropdown li button { display:block; width:100%; background:var(--color-white); margin:0; padding:0.55em 1.30em 0.55em 1.30em; font-size:1em; color:var(--color-hneda-dark); text-align:left; font-family:var(--font-primary); font-weight:700;
	-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.filter-dropdown li button img { display:inline-block; position:relative; height:32px; width:auto; margin:-0.5em 10px -0.6em -1px;
	-webkit-filter:drop-shadow(2px 5px 8px rgba(137,64,2,0.25)); filter:drop-shadow(2px 5px 8px rgba(137,64,2,0.25));}
.filter-dropdown li button b { display:none;}
.filter-dropdown li button i { display:none;}
.filter-dropdown li button:hover { color:var(--color-hneda-medium); background:var(--color-svetla-lighter);}
/* -----  Switch  ------------------------------ */
.filter-switch { display:inline-block; position:relative; z-index:300; font-size:0.875em; color:var(--color-hneda-dark); padding:0.95em 1.15em 1em 1.45em; margin:0 2px; background:var(--color-svetla-light); font-family:var(--font-primary); font-weight:700;
	-moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px;
	-moz-box-shadow:0px 0px 0px 0px rgba(137,64,2,0); -webkit-box-shadow:0px 0px 0px 0px rgba(137,64,2,0); box-shadow:0px 0px 0px 0px rgba(137,64,2,0);
	transform:scale(1,1); -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.filter-switch span:after { content:"\e85c"; display:inline-block; position:relative; top:-1px; left:0px; vertical-align:middle; font-size:1.4em; line-height:.85em; padding:0 0 0 .5em; font-family:'icons', Arial;}
.filter-switch:hover { background:var(--color-white); color:var(--color-hneda-medium); transform:scale(1.05,1.05);
	-moz-box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25); -webkit-box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25); box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25);}
.filter-switch.isset { background:var(--color-accent-main); color:var(--color-white);}
.filter-switch.isset span:after { content:"\e85d";}

/* -----  Tags  ------------------------------ */
body .tag { display:inline-block; position:relative; z-index:300; font-size:0.75em; color:#ab7646; padding:0.5em 1em 0.5em 1em; margin:5px 1px; background:var(--color-svetla-lighter); font-family:var(--font-primary); font-weight:700;
	-moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px;
	-moz-box-shadow:0px 0px 0px 0px rgba(137,64,2,0); -webkit-box-shadow:0px 0px 0px 0px rgba(137,64,2,0); box-shadow:0px 0px 0px 0px rgba(137,64,2,0);
	transform:scale(1,1); -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
body .tag:hover { background:var(--color-svetla-light); color:var(--color-hneda-dark); transform:scale(1.05,1.05);
	-moz-box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25); -webkit-box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25); box-shadow:2px 10px 20px -5px rgba(137,64,2,0.2);}
.tagcloud a { display:inline-block; vertical-align:middle; position:relative; z-index:300; font-size:0.75em; color:#ab7646; padding:0.5em 1em 0.5em 1em; margin:5px 1px; background:var(--color-svetla-lighter); font-family:var(--font-primary); font-weight:700;
	-moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px;
	-moz-box-shadow:0px 0px 0px 0px rgba(137,64,2,0); -webkit-box-shadow:0px 0px 0px 0px rgba(137,64,2,0); box-shadow:0px 0px 0px 0px rgba(137,64,2,0);
	transform:scale(1,1);}
.tagcloud.full a { margin:2px 1px;}
.tagcloud a:hover { background:var(--color-svetla-light); color:var(--color-hneda-dark); transform:scale(1.05,1.05);
	-moz-box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25); -webkit-box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25); box-shadow:2px 10px 20px -5px rgba(137,64,2,0.2);}
/*.catalogue-recipes.main .tagcloud { display:block; text-align:center; margin:5px 25px 5px;}*/
.catalogue-recipes.main .tagcloud { display:block; float:right; text-align:left; width:275px; margin:30px 22px 5px;}
.catalogue-recipes.main .tagcloud.full { display:block; float:none; text-align:center; width:auto; margin:5px auto 5px;}

/* -----  Social Icons  ------------------------------ */
.socialicon { display:inline-block; position:relative; z-index:300; width:78px; font-size:1.125em; color:var(--color-hneda-dark); text-align:center; font-family:var(--font-secondary); font-weight:500;}
.socialicon b { display:inline-block; padding-top:0.5em;}
.socialicon:before { content:""; display:block; position:relative; width:78px; height:78px; background:url(../images/social-fb.png) 50% 50% no-repeat; background-size:102% 102%;
	-moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px;
	-moz-box-shadow:0px 0px 0px 0px rgba(137,64,2,0); -webkit-box-shadow:0px 0px 0px 0px rgba(137,64,2,0); box-shadow:0px 0px 0px 0px rgba(137,64,2,0);
	transform:scale(1,1); -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.socialicon.instagram:before { background-image:url(../images/social-insta.png);}
.socialicon.youtube:before { background-image:url(../images/social-yt.png);}
.socialicon:hover { color:var(--color-hneda-medium); -moz-transition:all 0.1s ease-out; -webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out;}
.socialicon:hover:before { transform:scale(1.05,1.05); -moz-box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25); -webkit-box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25); box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25); -moz-transition:all 0.1s ease-out; -webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out;}
#theTopSocials .socialicon { width:32px; margin:0 2px;}
#theTopSocials .socialicon:before { width:32px; height:32px;}
#theTopSocials .socialicon b { display:none;}
.scrolled #theTopSocials .socialicon { width:28px;}
.scrolled #theTopSocials .socialicon:before { width:28px; height:28px;}

/* -----  Language Icons  ------------------------------ */
.langicon { display:inline-block; position:relative; z-index:300; width:40px; height:40px; background:var(--color-svetla); margin:0 1px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.langicon b { display:none;}
.langicon:before { content:""; display:block; position:relative; width:32px; height:32px; top:2px; left:2px; background:url(../images/flag-cz.png) 50% 50% no-repeat; background-size:102% 102%;
	border:2px solid var(--color-white); -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
	-moz-box-shadow:0px 0px 0px 0px rgba(137,64,2,0); -webkit-box-shadow:0px 0px 0px 0px rgba(137,64,2,0); box-shadow:0px 0px 0px 0px rgba(137,64,2,0);
	transform:scale(1,1); -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.langicon.slovak:before { background-image:url(../images/flag-sk.png);}
.langicon.active { background:var(--color-hneda-light);}
.langicon:hover:before { transform:scale(1.1,1.1); -moz-box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25); -webkit-box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25); box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25); -moz-transition:all 0.1s ease-out; -webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out;}

/* -----  Pagination  ------------------------------ */
.pagination { margin:25px auto 100px; text-align:center;}
.pagination a { display:inline-block; position:relative; z-index:300; vertical-align:middle; font-size:0.875em; color:var(--color-hneda-dark); padding:1.15em 1.2em 1.2em 1.2em; min-width:20px; margin:0 2px; text-align:center; background:var(--color-svetla-light); font-family:var(--font-primary); font-weight:700;
	-moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px;
	-moz-box-shadow:0px 0px 0px 0px rgba(137,64,2,0); -webkit-box-shadow:0px 0px 0px 0px rgba(137,64,2,0); box-shadow:0px 0px 0px 0px rgba(137,64,2,0);}
.pagination a:hover { background:var(--color-white); color:var(--color-hneda-medium); transform:scale(1.05,1.05);
	-moz-box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25); -webkit-box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25); box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25);}
.pagination a.next { font-size:1.142857em; color:var(--color-white); padding:1.15em 1.45em 1.2em 2em; background:var(--color-accent-main); margin-left:8px;}
.pagination a.next:after { content:"\e856"; display:inline-block; position:relative; top:-2px; left:0px; vertical-align:middle; font-size:1em; line-height:.85em; padding:0 0 0 1em; font-family:'icons', Arial;}
.pagination a.prev { padding:1.15em 2em 1.2em 1.45em;}
.pagination a.prev:before { content:"\e83a"; display:inline-block; position:relative; top:-2px; left:0px; vertical-align:middle; font-size:1em; line-height:.85em; padding:0 1em 0 0; font-family:'icons', Arial;}
.pagination .current { display:inline-block; vertical-align:middle; font-size:1.125em; color:var(--color-hneda-medium); margin:0 12px;}
.pagination .dots { display:inline-block; vertical-align:middle; font-size:1.125em; color:var(--color-hneda-medium); margin:0 4px;}


/* ============================================== */
/* -----  09. FOOTER & STUFF  ------------------------------ */
/* ---------------------------------------------- */
#footer { margin:100px 0 100px;}
#footerLogo { width:596px; height:auto; margin:0 auto 64px;}
#footer .slide-inside { margin:0 auto; padding:1px 0; width:95%; max-width:1200px;}
#footer h1 { text-align:left; margin:0.5em 0 0.33em; font-size:var(--text-xl); /*font-weight:500;*/}
#footer p { margin:0.5em 0; font-size:var(--text-sm); line-height:var(--line-height-text-main); max-width:290px;}
.footer-contacts { display:flex; flex-direction:column; align-items:center; width:320px; text-align:center; margin:0.75em auto;}
.footer-contacts .socialicons { margin:1.25em 0 0;}
.footer-contacts .socialicons .socialicon { margin:0 12px;}
.footer-contacts .buttons { text-align:left; margin:2em 0 0;}
.footer-contacts .buttons .button { margin:0 8px;}
.footer-facebook { display:none; float:left; width:320px; margin-top:0.75em;}
.footer-facebook h1 { margin-bottom:.65em !important;}
/* -----  GoodMills  ------------------------------ */
.footer-goodmills { background:var(--color-black);}
.footer-goodmills .slide-inside { background:var(--color-black); margin:0 auto; padding:70px 0 75px; width:95%; max-width:1200px;}
.footer-goodmills .goodmills-logo { float:left; width:160px; margin-top:-4px;}
.footer-goodmills .goodmills-logo img { width:100%; height:auto;}
.footer-goodmills .footer-menu { float:right; text-align:right;}
.footer-goodmills .footer-menu ul { float:right; text-align:right; font-size:0.875em; padding:1em 0 0;}
.footer-goodmills .footer-menu ul li { list-style-type:none; display:inline-block; color:rgba(255,255,255,0.5);}
.footer-goodmills .footer-menu ul li:before { content:"|"; margin:0 1.1em 0 1em;}
.footer-goodmills .footer-menu ul li:first-of-type:before { display:none;}
.footer-goodmills .footer-menu ul li a { display:inline-block; padding:0 0 0.25em; color:var(--color-white); border-bottom:1px dotted rgba(187,176,0,0);}
.footer-goodmills .footer-menu ul li a:hover { border-bottom:1px solid #bbb000;}

/* -----  GDPR Box  ------------------------------ */
#gdprBox { display:block; position:fixed; z-index:1100; bottom:0; left:50%; width:624px; margin-left:-312px; color:rgba(255,255,255,0.85); background:var(--color-accent-main); padding:18px 0 24px; 
	-moz-border-radius:16px 16px 0px 0px; -webkit-border-radius:16px 16px 0px 0px; border-radius:16px 16px 0px 0px;
	-moz-box-shadow:5px 10px 46px -5px rgba(137,64,2,0.75); -webkit-box-shadow:5px 10px 46px -5px rgba(137,64,2,0.75); box-shadow:5px 10px 46px -5px rgba(137,64,2,0.75);
	transform:translate(0,200px); opacity:0; -moz-transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out; transition:all 0.35s ease-out;}
.show-gdpr #gdprBox { transform:translate(0,0); opacity:1;}
#gdprBox button.close { display:block; position:absolute; right:3px; top:7px; background:none; color:var(--color-white); opacity:0.85;}
#gdprBox button.close b { display:none;}
#gdprBox button.close:before { content:"\e809"; display:block; position:relative; font-size:0.75em; font-family:'icons', Arial;}
#gdprBox button.close:hover { opacity:1;}
#gdprBox img { display:block; float:left; width:74px; height:auto; margin:2px 20px 0 30px; -webkit-filter:drop-shadow(5px 10px 15px rgba(137,64,2,0.75)); filter:drop-shadow(5px 10px 15px rgba(137,64,2,0.75));}
#gdprBox .button { float:right;}
#gdprBox .button.tiny { font-size:0.75em; padding:0.625em 1.35em 0.625em 1.35em; margin:5px 30px 0 0;}
#gdprBox span { display:block; float:left; width:360px; font-size:0.75em; line-height:1.6667em; margin:3px 0 0;}
#gdprBox span a { color:var(--color-white); border-bottom:1px solid rgba(255,255,255,0); /*font-family:var(--font-primary); font-weight:700; */}
#gdprBox span a:hover { color:var(--color-white); border-bottom:1px dotted rgba(255,255,255,1);}
.gogo-popup #gdprBox { opacity:0;}

/* -----  GDPR V2 Box  ------------------------------ */
#gdprBoxV2 { display:block; position:fixed; z-index:1250; bottom:0; right:64px; width:280px; color:var(--color-white); background:var(--color-accent-main); padding:16px 0 24px; 
	-moz-border-radius:16px 16px 0px 0px; -webkit-border-radius:16px 16px 0px 0px; border-radius:16px 16px 0px 0px;
	-moz-box-shadow:5px 10px 46px -5px rgba(137,64,2,0.75); -webkit-box-shadow:5px 10px 46px -5px rgba(137,64,2,0.75); box-shadow:5px 10px 46px -5px rgba(137,64,2,0.75);
	transform:translate(0,280px); opacity:0; -moz-transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out; transition:all 0.35s ease-out;}
.show-gdpr-popup #gdprBoxV2 { transform:translate(0,0); opacity:1;}
#gdprBoxV2 img.eyecandy-image { display:block; position:absolute; top:0px; right:24px; width:84px; height:auto; margin-top:-12px; -webkit-filter:drop-shadow(5px 10px 15px rgba(137,64,2,0.75)); filter:drop-shadow(5px 10px 15px rgba(137,64,2,0.75));}
.cookiepopup-content { display:block; padding:0 28px;}
.cookiepopup-content h1 { color:var(--color-white); font-size:1.5em; margin:0.25em 0 0.45em;}
.cookiepopup-content p { font-size:0.85em; line-height:1.5em; margin:0.75em 0; color:rgba(255,255,255,0.9);}
.cookiepopup-content a { color:var(--color-white); border-bottom:1px dotted rgba(255,255,255,0.9);}
.cookiepopup-content a:hover { color:var(--color-white); border-bottom:1px solid rgba(255,255,255,1);}
.cookiepopup-buttons { display:block; padding:12px 18px 4px 10px; text-align:center;}
.cookiepopup-buttons .button.tiny { font-size:0.875em; padding:0.625em 1.35em 0.625em 1.35em; margin:0; font-family:var(--font-primary); font-weight:700;}
.cookiepopup-buttons .button.tiny.link { color:var(--color-white); background:var(--color-accent-main);}
.cookiepopup-buttons .button.tiny.link b { border-bottom:1px dotted rgba(255,255,255,0.9);}
.gogo-popup #gdprBoxV2 { opacity:0;}

/* -----  GDPR V2 Settings  ------------------------------ */
#gdprSettings { display:block; position:fixed; z-index:1250; top:0px; right:0px; width:420px; height:100vh; color:#65574a; background:var(--color-svetla-light); padding:0; overflow-y:auto;
	-moz-border-radius:32px 0px 0px 0px; -webkit-border-radius:32px 0px 0px 0px; border-radius:32px 0px 0px 0px;
	-moz-box-shadow:5px 10px 46px -5px rgba(137,64,2,0.75); -webkit-box-shadow:5px 10px 46px -5px rgba(137,64,2,0.75); box-shadow:5px 10px 46px -5px rgba(137,64,2,0.75);
	transform:translate(430px,0px); opacity:0; -moz-transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out; transition:all 0.35s ease-out;}
.show-gdpr-panel #gdprSettings { transform:translate(0,0); opacity:1;}
#gdprSettings img.eyecandy-image { display:block; position:absolute; top:0px; right:56px; width:84px; height:auto; margin-top:22px; -webkit-filter:drop-shadow(5px 10px 15px rgba(137,64,2,0.45)); filter:drop-shadow(5px 10px 15px rgba(137,64,2,0.45));}
#gdprSettings button.close { display:block; position:absolute; right:6px; top:10px; background:none; color:var(--color-hneda-dark); font-size:1em;}
#gdprSettings button.close b { display:none;}
#gdprSettings button.close:before { content:"\e809"; display:block; position:relative; font-size:1.5em; font-family:'icons', Arial;}
#gdprSettings button.close:hover { color:var(--color-accent-main); }
.cookiesetting-content { display:block; padding:20px 36px 8px; color:#65574a; }
.cookiesetting-content h1 { color:var(--color-hneda-dark); font-size:var(--text-2xl); margin:0.25em 0 0.45em;}
.cookiesetting-content p { font-size:1em; line-height:1.5em; margin:0.75em 0;}
.cookiesetting-content a { color:var(--color-accent-main); border-bottom:1px dotted rgba(249,45,34,0.9);}
.cookiesetting-content a:hover { color:var(--color-accent-main); border-bottom:1px solid rgba(249,45,34,1);}
.cookiesetting-choices { display:block; padding:8px 18px 2px; }
.cookiesetting-choices button { display:block; position:relative; text-align:left; width:100%; padding:16px 20px; margin:6px auto 16px; font-size:1em; color:#65574a; background:var(--color-white); background:rgba(255,255,255,0.75);
	-moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px; transform:scale(1,1);}
.cookiesetting-choices button.active { background:rgba(255,255,255,1);}
.cookiesetting-choices button:disabled { cursor:not-allowed; background:rgba(255,255,255,0.75)}
.cookiesetting-choices button:after { content:"\e85c"; display:block; position:absolute; top:0px; right:0px; margin:27px 26px 0 0; font-size:1.875em; color:var(--color-hneda-dark); font-family:'icons', Arial;}
.cookiesetting-choices button.active:after { content:"\e85d"; color:var(--color-accent-main);}
.cookiesetting-choices button:disabled.active:after { content:"\e85d"; color:var(--color-hneda-dark);}
.cookiesetting-choices button b { color:var(--color-hneda-dark); font-family:var(--font-primary); font-weight:700;}
.cookiesetting-choices button b i { color:#65574a; font-family:var(--font-primary); font-weight:400;}
.cookiesetting-choices button small { display:block; margin:3px 0 0;}
.cookiesetting-choices button.active i:before { content:"(povolené)";}
.cookiesetting-choices button:disabled.active i:before { content:"(nelze vypnout)";}
.lang-sk .cookiesetting-choices button:disabled.active i:before { content:"(nemožno vypnúť)";}
.cookiesetting-choices button.inactive i:before { content:"(zakázané)";}
.cookiesetting-choices button:hover { background:rgba(255,255,255,1); transform:scale(1.025,1.025); -moz-box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25); -webkit-box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25); box-shadow:5px 15px 40px -10px rgba(137,64,2,0.25);}
.cookiesetting-choices button:disabled:hover { background:rgba(255,255,255,0.75); transform:scale(1,1); -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
.cookiesetting-buttons { display:block; padding:8px 6px 24px 1px; text-align:center;}
.cookiesetting-buttons button { display:inline-block; vertical-align:middle; font-size:1.125em; padding:1em 1.75em 1em 1.75em; margin:8px}
.cookiesetting-buttons button.lite { font-size:1em; padding:1.2em 1.875em 1.2em 1.875em; font-family:var(--font-primary); font-weight:400; background:rgba(255,255,255,0.75);}


/* ============================================== */
/* -----  10. EYECANDIES & ANIMATIONS  ------------------------------ */
/* ---------------------------------------------- */

/* -----  eyecandy  ------------------------------ */
.eyecandy { display:block; position:absolute; z-index:100; pointer-events:none;}
.eyecandy.just-left { left:0px;}
.eyecandy.just-right { right:0px;}
.eyecandy.top-left { top:0px; left:0px;}
.eyecandy.top-right { top:0px; right:0px;}
.eyecandy.bottom-right { bottom:0px; right:0px;}
.eyecandy .eyecandy-image { display:block; transform:translate(var(--offset-left),var(--offset-left)); transition:transform 0.75s cubic-bezier(0.01, 0.24, 0.26, 1);}
.eyecandy .eyecandy-image.shadow { filter:drop-shadow(4px 12px 20px rgba(137,64,2,0.35)); }
.eyecandy.top-left .eyecandy-image { margin:-240px 0 0 -130px;}
.eyecandy.top-left .eyecandy-image.illu-babovka { margin:-140px 0 0 -130px;}
.eyecandy.just-left .eyecandy-image { margin:-50px 0 0 -30px;}
.eyecandy.top-right .eyecandy-image { margin:-240px -130px 0 0;}
.eyecandy.top-right .eyecandy-image.illu-dort { margin-right:-15px;}
.eyecandy.top-right .eyecandy-image.illu-sladky { margin-right:-65px;}

.parallax { transition:all 0.75s cubic-bezier(0.01, 0.24, 0.26, 1); }

/* -----  animations  ------------------------------ */
@keyframes fadeInRotateBlur {
    0% {
        opacity: 0;
        transform: rotate(0deg);
        filter: blur(10px);
    }
    50% {
        opacity: 0.5;
        transform: rotate(180deg);
        filter: blur(5px);
    }
    100% {
        opacity: 1;
        transform: rotate(360deg);
        filter: blur(0px);
    }
}

@keyframes fadeInRotateBlurScale {
    0% {
        opacity: 0;
        transform: scale(0.5) rotate(-360deg);
     /*   filter: blur(10px); */
    }
    100% {
        opacity: 1;
        transform: scale(1) rotate(360deg);
     /*   filter: blur(0px); */
    }
}


/* ============================================== */
/* -----  11a. SPECIALS - Image Lightbox  ----------------------- */
/* ---------------------------------------------- */
#screenShade { display:block; position:fixed; z-index:2000; left:0px; top:0px; width:100%; height:100%; background:rgba(255,255,255,0.95); overflow:hidden;}
#theDetail { display:block; position:fixed; z-index:2100; left:0px; top:0px; width:100%; height:100%; overflow:hidden; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; pointer-events:none;}
#theDetail .image { width:auto; height:100%; font-size:0px; line-height:0px;}
#theDetail .image a { display:block; width:auto; height:100%; cursor:default; /*background:url(../images/loading.png) 50% 50% no-repeat;*/ background:none;}
#theDetail .image a img { display:block; margin:0 auto; max-height:96vh; max-width:96vw; cursor:pointer;
	-moz-border-radius:20px 60px 14px 14px; -webkit-border-radius:20px 60px 14px 14px; border-radius:20px 60px 14px 14px;
	-moz-box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25); -webkit-box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25); box-shadow:5px 15px 30px -13px rgba(137,64,2,0.25);
	-moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
#theDetail a.detail-navi { display:block; position:fixed; z-index:600; color:var(--color-hneda-dark); text-align:center; background:var(--color-svetla); -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px;
	transform:scale(1,1); -moz-box-shadow:0px 0px 0px 0px rgba(0,0,0,0); -webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0); box-shadow:0px 0px 0px 0px rgba(0,0,0,0); pointer-events:all;}

#theDetail a.detail-navi:before { content:"\e856"; display:block; position:relative; width:56px; text-align:center; top:0px; left:1px; font-size:1em; line-height:53px; font-family:'icons', Arial;}
	
#theDetail a.detail-navi span { display:none;}
#theDetail a.detail-navi:hover { background:var(--color-white); color:var(--color-hneda-medium); transform:scale(1.05,1.05);
	-moz-box-shadow:5px 15px 40px -10px rgba(137,64,2,0.35); -webkit-box-shadow:5px 15px 40px -10px rgba(137,64,2,0.35); box-shadow:5px 15px 40px -10px rgba(137,64,2,0.35);}
#theDetail a#detailClose { width:56px; height:56px; top:25px; right:16px;}
#theDetail a#detailNext { width:56px; height:56px; top:50%; right:16px; margin-top:-32px;}
#theDetail a#detailPrev { width:56px; height:56px; top:50%; left:16px; margin-top:-32px;}
#theDetail a#detailClose:before { content:"\e809"; left:0px; top:2px; font-size:1.125em;}
#theDetail a#detailPrev:before { content:"\e83a"; left:-1px;}


/* ---------------------------------------------- */
/* -----  11b. SPECIALS - Video Lightbox  ----------------------- */
/* ---------------------------------------------- */
#videoShade { display:block; position:fixed; z-index:2000; left:0px; top:0px; width:100%; height:100%; background:rgba(255,255,255,0.75); backdrop-filter:blur(6px); overflow:hidden;}
#theVideoBox { display:block; position:fixed; z-index:2100; left:50%; top:50%; transform:translate(-50%,-50%); background:var(--color-hneda-dark); border-radius:var(--box-radius-l); box-shadow:var(--shadow-level-2); overflow:hidden;}
#theVideoBox .videoplayer { width:100%; height:100%; font-size:0px; line-height:0px;}
#theVideoBox .videoplayer iframe { display:block; width:100%; height:100%; border:none;}
/* formaty videa */
#theVideoBox.video-wide { width:92vw; max-width:calc(92vh * 1.77778); aspect-ratio:16 / 9;}
#theVideoBox.video-portrait,
#theVideoBox.video-youtubeshorts { height:96vh; max-height:calc(96vw * 1.77778); aspect-ratio:9 / 16;}
/* zavirici krizek - fixed sourozenec boxu (uvnitr transformovaneho elementu by fixed nefungoval) */
#videoClose { display:block; position:fixed; z-index:2200; width:56px; height:56px; top:25px; right:16px; color:var(--color-hneda-dark); text-align:center; background:var(--color-svetla); -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px;
	transform:scale(1,1); -moz-box-shadow:0px 0px 0px 0px rgba(0,0,0,0); -webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0); box-shadow:0px 0px 0px 0px rgba(0,0,0,0);}
#videoClose:before { content:"\e809"; display:block; position:relative; width:56px; text-align:center; top:2px; left:0px; font-size:1.125em; line-height:53px; font-family:'icons', Arial;}
#videoClose span { display:none;}
#videoClose:hover { background:var(--color-white); color:var(--color-hneda-medium); transform:scale(1.05,1.05);
	-moz-box-shadow:5px 15px 40px -10px rgba(137,64,2,0.35); -webkit-box-shadow:5px 15px 40px -10px rgba(137,64,2,0.35); box-shadow:5px 15px 40px -10px rgba(137,64,2,0.35);}



/* ============================================== */
/* -----  12a. Special Add Ons   ------------------------------ */
/* ---------------------------------------------- */

/* -----  Specialni funkce  ------------------------------ */
.faded { filter:alpha(opacity=20); opacity:0.20;}
.nosee { display:none !important;}
.nowrap { white-space:nowrap !important;}
.nomargin { margin-top:0 !important; margin-bottom:0 !important;}
.notop { margin-top:0 !important;}
.nopadding { padding-bottom:0;}
.nospacetop { margin-top:-35px;}
.leva { text-align:left !important;}
.prava { text-align:right !important;}
.stred { text-align:center !important;}
.cleaner { display:block !important; clear:both !important; padding:0 !important; margin:0 !important; line-height:0px !important; height:0px !important; font-size:0px !important; border:none !important; visibility:hidden !important; width:100% !important;}
.clearfix:after { content:" "; visibility:hidden; display:block; height:0; clear:both;}