/* Maseia UX2 - premium mobile-first vrstva (inspiracia spa-studio UX). Iba ASCII. */
:root{--mx-ac:#5F7A6E;--mx-acd:#46685c;--mx-ink:#2b3a4a;--mx-navy:#3E4C62;--mx-sand:#faf8f4;--mx-line:#eee7da;--mx-r:16px}

/* ---------- 0. zaklad / ziadny horizontalny overflow ---------- */
html,body{max-width:100%}
body{overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
img,video,iframe{max-width:100%}
.ms-card .pr strong,.ms-card .pr s,.ms-card .save,.ms-card .btn,.price .amount,.price bdi{white-space:nowrap}

/* ---------- 1. mobilna hlavicka ---------- */
@media(max-width:768px){.main-page-wrapper{padding-top:16px!important}}
.msux2-tel{display:none}
@media(max-width:1024px){
 .whb-mobile-right{justify-content:flex-end}
 .msux2-tel{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff!important;margin-right:2px;-webkit-tap-highlight-color:transparent;transition:background .2s}
 .msux2-tel:active{background:rgba(255,255,255,.25)}
 .msux2-tel svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
 .whb-mobile-right .wd-header-divider{display:none}
 .wd-header-mobile-nav>a{min-width:44px;min-height:44px;display:inline-flex!important;align-items:center;justify-content:center}
 .whb-header-bottom .wd-header-search-form-mobile{width:100%;max-width:none;flex:1 1 auto}
 .whb-header-bottom .whb-col-mobile{flex:1 1 auto;width:100%}
 .wd-header-search-form-mobile .searchform input[type=text],.wd-header-search-form-mobile .searchform input[type=search]{height:44px;font-size:16px;border-radius:10px 0 0 10px}
 .wd-header-search-form-mobile .searchform .searchsubmit{height:44px;width:48px;border-radius:0 10px 10px 0}
}

/* ---------- 2. horizontalne chipy (kategorie, filtre) ---------- */
@media(max-width:768px){
 html .ms-cat-sub,html .ms-hero-cats,html .ms-hp-filters{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;margin-left:-15px;margin-right:-15px;padding:2px 15px 4px;scroll-padding:0 15px}
 html .ms-hero-cats{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}
 html .ms-cat-sub::-webkit-scrollbar,html .ms-hero-cats::-webkit-scrollbar,html .ms-hp-filters::-webkit-scrollbar{display:none}
 html .ms-cat-sub a,html .ms-hero-cats a,html .ms-hp-filters button{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;font-size:14.5px;padding:0 16px;border-radius:22px}
}

/* ---------- 3. hero (homepage slider) ---------- */
@media(max-width:600px){
 html .ms-hero--slides{min-height:0;border-radius:18px}
 html .ms-hero .in{padding:64px 16px 24px}
 html .ms-hero .kick{font-size:11px;padding:5px 10px;margin-bottom:12px}
 html .ms-hero h1{font-size:31px;line-height:1.1;margin-bottom:12px}
 html .ms-hero p{font-size:15.5px;line-height:1.5;margin-bottom:18px}
 html .ms-hero .ms-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 html .ms-hero .ms-btn{display:flex;align-items:center;justify-content:center;text-align:center;min-height:50px;padding:8px 6px;font-size:14.5px;line-height:1.2;white-space:nowrap}
 html .ms-hero-cats{margin-top:16px}
 html .ms-hero-dots{top:16px;right:16px;bottom:auto}
 html .ms-hero-dots{gap:0;top:6px;right:6px}
 html .ms-hero-dots button{width:8px;height:8px;padding:10px 6px;box-sizing:content-box;background-clip:content-box}
 html .ms-hero-dots button.is-on{width:22px;background-clip:content-box}
 html .ms-hero--slides::after{background:linear-gradient(180deg,rgba(10,14,12,.25) 0%,rgba(10,14,12,.35) 35%,rgba(10,14,12,.86) 100%)}
}

/* ---------- 4. trust bar - na mobile jeden riadok so swipe ---------- */
@media(max-width:900px){
 body.home .ms-trust{margin-bottom:0}
 html .ms-trust .in{display:flex;grid-template-columns:none;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:14px 15px;-webkit-overflow-scrolling:touch}
 html .ms-trust .in::-webkit-scrollbar{display:none}
 html .ms-trust .it{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap;justify-content:flex-start;background:#fff;border:1px solid var(--mx-line);border-radius:999px;padding:8px 14px 8px 8px;font-size:13px;gap:10px;overflow-wrap:normal}
 html .ms-trust .it b{font-size:14px}
 html .ms-trust .ic{flex:0 0 34px;width:34px;height:34px}
 html footer .ms-trust .it{background:transparent;border-color:rgba(255,255,255,.2)}
}

/* ---------- 5. produktove karty ---------- */
@media(max-width:1024px) and (min-width:601px){html .ms-hp-grid.ms-cat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){
 body.home .ms-hp{padding:0}
 html .ms-card{border-radius:14px;box-shadow:0 4px 20px rgba(30,40,35,.09)}
 html .ms-card .badges{top:10px;left:10px;right:10px;gap:5px}
 html .ms-card .badges span{font-size:11.5px;line-height:1.2;padding:4px 8px;border-radius:6px}
 html .ms-card .badges .b-sale{font-size:13px;padding:4px 8px;box-shadow:none}
 html .ms-card .bd{padding:14px 16px 8px}
 html .ms-card h3{font-size:17px;line-height:1.3;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 html .ms-card .m{font-size:14px}
 html .ms-card .ft{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px 16px}
 html .ms-card .pr strong{font-size:24px}
 html .ms-card .pr s{font-size:14px}
 html .ms-card .btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:0 14px;font-size:14.5px;border-radius:10px}
 /* homepage: mriezky -> swipe karusel (82 % karta, peek dalsej) */
 html .ms-hp-grid.ms-cat-grid{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -15px;padding:4px 15px 20px;scroll-padding:0 15px}
 html .ms-hp-grid.ms-cat-grid::-webkit-scrollbar{display:none}
 html .ms-hp-grid.ms-cat-grid>.ms-card{flex:0 0 82%;min-width:0;scroll-snap-align:start}
 html .ms-hp-more{margin-top:6px}
 html .ms-hp-more button{min-height:48px;width:100%;border-radius:10px}
 html .ms-hp-sec{padding-top:38px}
 html .ms-hp-sec .hd{margin-bottom:14px;gap:8px}
 html .ms-hp-sec h2{font-size:25px}
 html .ms-hp-sec .sub{font-size:15px;line-height:1.5}
 html .ms-hp-sec .all{display:inline-flex;align-items:center;min-height:44px;border-bottom:0;text-decoration:underline;text-underline-offset:4px}
 html .ms-hp-tiles{padding-top:22px}
 html .ms-use b{font-size:16px}
 html .ms-use span{font-size:14.5px}
}
.msux2-dots{display:none}
@media(max-width:600px){
 .msux2-dots{display:flex;justify-content:center;gap:6px;margin:-6px 0 6px}
 .msux2-dots i{width:6px;height:6px;border-radius:3px;background:#d6d0c4;transition:width .3s,background .3s}
 .msux2-dots i.on{width:18px;background:var(--mx-ac)}
}

/* ---------- 6. 7 dovodov (text vlavo + karusel s sipkami) ---------- */
.ms-rs-in{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:44px;align-items:center}
.ms-kick{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mx-acd);margin-bottom:10px}
.ms-rs h2{font-size:34px;line-height:1.12;margin:0 0 14px}
.ms-rs h2 b{color:var(--mx-acd)}
.ms-rs-txt p{color:#555;font-size:16px;line-height:1.65;margin:0 0 22px}
.ms-rs-nav{display:flex;gap:10px;margin-bottom:22px}
.ms-rs-nav button{width:48px;height:48px;border-radius:50%;border:1px solid #d9d3c6;background:#fff;color:var(--mx-ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .2s,border-color .2s,color .2s,opacity .2s}
.ms-rs-nav button:hover{background:var(--mx-ac);border-color:var(--mx-ac);color:#fff}
.ms-rs-nav button[disabled]{opacity:.35;cursor:default;background:#fff;color:var(--mx-ink);border-color:#d9d3c6}
.ms-rs-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ms-rs-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:6px 2px 22px;-webkit-overflow-scrolling:touch;outline:0}
.ms-rs-track::-webkit-scrollbar{display:none}
@media(min-width:901px){.ms-rs-track{-webkit-mask-image:linear-gradient(90deg,#000 86%,rgba(0,0,0,.15) 100%);mask-image:linear-gradient(90deg,#000 86%,rgba(0,0,0,.15) 100%)}.ms-rs-track.at-end{-webkit-mask-image:none;mask-image:none}}
.ms-rs-card{flex:0 0 290px;scroll-snap-align:start;background:var(--mx-sand);border:1px solid var(--mx-line);border-radius:var(--mx-r);padding:26px 24px 28px;position:relative;min-height:262px;display:flex;flex-direction:column}
.ms-rs-card .n{position:absolute;top:20px;right:22px;font-size:15px;font-weight:700;color:#c9c0ae;letter-spacing:.05em}
.ms-rs-card .ic{width:52px;height:52px;border-radius:50%;background:var(--mx-ac);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.ms-rs-card .ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ms-rs-card h3{font-size:19px;line-height:1.25;margin:0 0 10px;color:#222}
.ms-rs-card p{font-size:15px;line-height:1.6;color:#555;margin:0}
.ms-rs-card.dark{background:#1f2a25;border-color:#1f2a25}
.ms-rs-card.dark h3{color:#fff}.ms-rs-card.dark p{color:#c9d2cd}.ms-rs-card.dark .n{color:#55675e}
.ms-rs-card.dark .ic{background:#8fb3a3;color:#1f2a25}
@media(max-width:900px){
 .ms-rs-in{grid-template-columns:1fr;gap:6px}
 .ms-rs h2{font-size:27px}
 .ms-rs-txt p{font-size:15.5px;margin-bottom:6px}
 .ms-rs-nav{display:none}
 .ms-rs-txt .ms-btn{display:none}
 .ms-rs-track{margin:0 -15px;padding:12px 15px 18px;scroll-padding:0 15px;gap:12px}
 .ms-rs-card{flex-basis:78%;min-height:0;padding:22px 20px 24px}
 .ms-rs-cta{display:block}
}
.ms-rs-cta{display:none;margin-top:4px}
.ms-rs-cta .ms-btn{display:flex;align-items:center;justify-content:center;min-height:50px}

/* ---------- 7. lifestyle pas cez celu sirku ---------- */
.ms-band{position:relative;display:flex;align-items:center;min-height:520px;border-radius:18px;overflow:hidden;color:#fff;background:#1d2420;isolation:isolate}
.ms-band picture,.ms-band img{position:absolute;inset:0;width:100%;height:100%}
.ms-band img{object-fit:cover;object-position:50% 55%}
html.msux-js .ms-band img.msux-rv,html.msux-js .ms-band img.msux-in{opacity:1!important;transform:none!important;transition:none!important}
.ms-band::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(12,16,14,.82) 0%,rgba(12,16,14,.55) 45%,rgba(12,16,14,.05) 80%)}
.ms-band .in{position:relative;z-index:1;max-width:560px;padding:56px 56px}
.ms-band .ms-kick{color:#cfe0d8}
.ms-band h2{color:#fff;font-size:38px;line-height:1.1;margin:0 0 14px}
.ms-band p{color:rgba(255,255,255,.9);font-size:17px;line-height:1.6;margin:0 0 24px}
.ms-band .ms-btns{gap:12px}
.ms-band .ms-btn.sec{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.6)}
.ms-band .ms-btn.sec:hover{background:#fff;color:#1d2420}
@media(max-width:600px){
 .ms-band{min-height:500px;align-items:flex-end;border-radius:18px}
 .ms-band img{object-position:62% 50%}
 .ms-band::after{background:linear-gradient(180deg,rgba(12,16,14,.05) 0%,rgba(12,16,14,.45) 40%,rgba(12,16,14,.9) 100%)}
 .ms-band .in{padding:26px 18px 22px}
 .ms-band h2{font-size:27px}
 .ms-band p{font-size:15.5px;margin-bottom:18px}
 .ms-band .ms-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .ms-band .ms-btn{display:flex;align-items:center;justify-content:center;text-align:center;min-height:50px;padding:8px 6px;font-size:14.5px;line-height:1.2;white-space:nowrap}
}

/* ---------- 8. dalsie homepage sekcie na mobile ---------- */
/* stare duplicitne bloky vyhod (nahradene sekciou 7 dovodov); 2fcb0efa malo nepresny text o doprave do Europy */
body.home .ms-why,body.home .elementor-element-2fcb0efa{display:none!important}
@media(max-width:600px){
 html .ms-3d{padding:20px 16px}
 html .ms-3d .ms-btns{display:grid;grid-template-columns:1fr;gap:10px}
 html .ms-3d .ms-btn,html .ms-steps-cta .ms-btn,html .ms-contact .ms-btn{display:flex;align-items:center;justify-content:center;min-height:50px}
 html .ms-steps-cta{display:grid;grid-template-columns:1fr;gap:10px}
 html .ms-steps{display:flex;grid-template-columns:none;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -15px;padding:2px 15px 8px;scroll-padding:0 15px}
 html .ms-steps::-webkit-scrollbar{display:none}
 html .ms-steps .st{flex:0 0 78%;scroll-snap-align:start}
 html .ms-steps p{font-size:15px}
 html .ms-contact{padding:20px 16px}
 html .ms-contact .ch a{min-height:56px}
 html .ms-contact p{font-size:15px}
 html .ms-hp-fyto{grid-template-columns:1fr 1fr;gap:12px}
 html .ms-hp-fyto .why{padding:18px 16px}
 html .ms-hp-fyto .why li{font-size:15px}
 html .ms-hp-fyto .ms-hp-grid h3{font-size:15px}
}

/* ---------- 9. kategorie ---------- */
@media(max-width:600px){
 html .ms-cat h1{font-size:27px}
 html .ms-cat-intro{font-size:15.5px;line-height:1.55}
 html .ms-cat-grid{gap:16px}
 html .ms-cat-seo p,html .ms-cat-seo li{font-size:15.5px}
 html .ms-cat-seo summary{min-height:44px}
 html .ms-pag a,html .ms-pag span{min-width:44px;height:44px}
}

/* ---------- 10. detail produktu ---------- */
@media(max-width:768px){
 .single-product .product_title{font-size:24px!important;line-height:1.2!important;margin-bottom:8px}
 .single-product .summary .price{font-size:22px}
 .single-product .summary .price,.single-product .summary .price *{white-space:nowrap}
 .single-product .woocommerce-product-details__short-description,.single-product .summary p{font-size:15.5px;line-height:1.6}
 .single-product .thumbnails .owl-item img{border-radius:8px}
 .single-product .woocommerce-product-gallery{margin-bottom:16px}
 .single-product .woocommerce-product-gallery__image img{border-radius:14px}
 .single-product .tc-extra-product-options .tc-price-wrap,.single-product .tc-extra-product-options .price{white-space:nowrap}
 .single-product .tm-final-totals,.single-product .tm-epo-totals .price{font-size:22px}
 .single-product form.cart{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
 .single-product form.cart .quantity{display:flex;align-items:stretch;height:52px;margin:0!important}
 .single-product form.cart .quantity input{height:52px;min-width:44px;font-size:16px}
 .single-product form.cart .quantity .minus,.single-product form.cart .quantity .plus{width:44px;height:52px;min-height:52px}
 .single-product .single_add_to_cart_button{flex:1 1 180px;min-height:52px;border-radius:10px!important;background:var(--mx-ac)!important;color:#fff!important;font-size:15px!important;letter-spacing:.3px}
 .single-product .single_add_to_cart_button:active{background:var(--mx-acd)!important}
 .single-product .woocommerce-tabs .wc-tab,.single-product .woocommerce-Tabs-panel{font-size:15.5px}
 .single-product .related-products .owl-stage-outer,.single-product .upsells-products .owl-stage-outer{overflow:hidden}
}

/* ---------- 11. plavajuce tlacidla (WhatsApp, spat hore, sticky CTA) ---------- */
@media(max-width:768px){
 html #msux-top{display:none!important}
 html #msc-wa{width:52px!important;height:52px!important;right:14px!important;bottom:16px!important}
 html.msux-bar #msc-wa{bottom:84px!important}
 html #msux-bar{padding-left:12px;padding-right:12px}
 html #msux-bar a{min-height:50px}
 html.msux-bar body{padding-bottom:80px!important}
 html #ms-dopyt-pill{left:14px!important;bottom:20px!important;padding:12px 16px!important;min-height:44px}
}

/* ---------- 12. cookie banner (CookieYes) - kompaktny bottom sheet ---------- */
@media(max-width:768px){
 html .cky-consent-container{left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important}
 html .cky-consent-container .cky-consent-bar{border-radius:18px 18px 0 0!important;border-width:1px 0 0!important;padding:16px 16px calc(14px + env(safe-area-inset-bottom,0px))!important;box-shadow:0 -10px 30px rgba(0,0,0,.25)!important}
 html .cky-consent-container .cky-title{font-size:16px!important;line-height:1.3!important;margin:0 0 6px!important}
 html .cky-consent-container .cky-notice-des,html .cky-consent-container .cky-notice-des p{font-size:13.5px!important;line-height:1.45!important;margin:0!important}
 html .cky-consent-container .cky-notice-btn-wrapper{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:10px!important;margin-top:12px!important;padding:0!important}
 html .cky-consent-container .cky-notice-btn-wrapper .cky-btn{flex:1 1 0!important;width:auto!important;min-width:0!important;margin:0!important;min-height:46px!important;padding:10px 8px!important;font-size:14.5px!important;font-weight:600!important;line-height:1.2!important;border-radius:10px!important;border-width:2px!important;order:0!important}
 html .cky-consent-container .cky-btn-reject{order:1!important}
 html .cky-consent-container .cky-btn-accept{order:2!important}
 html .cky-consent-container .cky-btn-customize{flex:1 1 100%!important;order:3!important}
}
/* obe volby rovnako viditelne (bez dark patternu) - aj na desktope */
html .cky-consent-container .cky-btn-reject,html .cky-consent-container .cky-btn-accept{border:2px solid #FED367!important;font-weight:600!important}
html .cky-consent-container .cky-btn-reject{background:#fff!important;color:#3E4C62!important;border-color:#fff!important}
html .cky-consent-container .cky-btn-accept{background:#FED367!important;color:#3E4C62!important}

/* ---------- 13. paticka - zbalitelne sekcie na mobile ---------- */
@media(max-width:768px){
 footer .msux2-acc{border-bottom:1px solid rgba(255,255,255,.12)}
 footer .msux2-acc>.elementor-widget-wrap>.elementor-element:not(.msux2-acc-h){display:none}
 footer .msux2-acc.open>.elementor-widget-wrap>.elementor-element:not(.msux2-acc-h){display:block}
 footer .msux2-acc-h{cursor:pointer;margin:0!important}
 footer .msux2-acc-h .elementor-heading-title{display:flex!important;align-items:center;justify-content:space-between;min-height:52px;margin:0!important;-webkit-tap-highlight-color:transparent}
 footer .msux2-acc-h .elementor-heading-title::after{content:"";width:9px;height:9px;border-right:2px solid #FED367;border-bottom:2px solid #FED367;transform:rotate(45deg);margin:-4px 6px 0 0;transition:transform .25s}
 footer .msux2-acc.open .msux2-acc-h .elementor-heading-title::after{transform:rotate(-135deg);margin-top:4px}
 footer .msux2-acc.open>.elementor-widget-wrap{padding-bottom:12px}
 footer .elementor-icon-list-item>a,footer .elementor-icon-list-item>span{min-height:40px;align-items:center}
 footer .elementor-icon-list-text{font-size:15px!important}
}

/* ---------- 14. kontakt ---------- */
@media(max-width:768px){
 .page-id-4439 .entry-content .wd-info-box{align-items:center;background:var(--mx-sand);border:1px solid var(--mx-line);border-radius:14px;padding:14px 16px}
 .page-id-4439 .entry-content .wd-info-box .info-box-icon img{width:40px!important;height:40px!important}
 .page-id-4439 .entry-content .wd-info-box .box-icon-wrapper{margin-right:14px!important;flex:0 0 auto}
 .page-id-4439 .entry-content .wd-info-box .info-box-title{font-size:15px;margin-bottom:2px}
 .page-id-4439 .entry-content .wd-info-box .info-box-inner p{font-size:16px;margin:0}
 .page-id-4439 .elementor-widget-spacer .elementor-spacer-inner{height:10px!important}
 html .page-id-4439 .wpforms-container .wpforms-field input,html .page-id-4439 .wpforms-container .wpforms-field textarea{font-size:16px!important;min-height:48px}
 html .page-id-4439 .wpforms-container .wpforms-submit{min-height:50px!important;width:100%!important;border-radius:10px!important}
 .page-id-4439 .elementor-element-39c0581>.elementor-widget-wrap{padding-left:0!important;padding-right:0!important}
 .page-id-4439 .entry-content p,.page-id-4439 .entry-content li{font-size:15.5px;line-height:1.65}
}
.msux2-ib-link{color:inherit;text-decoration:underline;text-underline-offset:3px}

@media(prefers-reduced-motion:reduce){.ms-rs-track{scroll-behavior:auto}}