/* Generated from src/css/mimix.css. Edit source, then run node scripts/build.mjs. */
/* Mimix Natur — source CSS for Shoptet Samba. Build output: ../../dist/mimix-shoptet.css */
:root{--mn-ink:#20231B;--mn-night:#191C0A;--mn-forest:#243B18;--mn-olive:#77862F;--mn-gold:#A6912D;--mn-gold-light:#D1A550;--mn-cream:#F4F0E5;--mn-white:#FFFDF8;--mn-serif:"Noto Serif",Georgia,serif;--mn-sans:Manrope,Arial,sans-serif;--mn-radius:18px;--mn-shell:1280px;--mn-asset-hero:url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/hero-desktop-v1.png");--mn-asset-hero-mobile:url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/hero-mobile-v1.png")}
html{scroll-behavior:smooth}body{background:var(--mn-cream);color:var(--mn-ink);font-family:var(--mn-sans);line-height:1.55}body,button,input,select,textarea{font-family:var(--mn-sans)}h1,h2,h3,.site-name,.text-logo{font-family:var(--mn-serif);letter-spacing:-.02em}a{color:var(--mn-forest)}a:hover{color:var(--mn-olive)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--mn-gold-light);outline-offset:3px}.mn-shell{width:min(calc(100% - 48px),var(--mn-shell));margin:auto}.mn-section{padding:88px 0}.mn-eyebrow{margin:0 0 10px;color:var(--mn-olive);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.mn-section__heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.mn-section h2,.mn-theme-spotlight h2,.mn-newsletter h2{margin:0;color:var(--mn-forest);font-size:clamp(2rem,4vw,3.7rem);line-height:1.08}.mn-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border:1px solid var(--mn-forest);border-radius:999px;background:var(--mn-forest);color:var(--mn-white);font-weight:750;text-decoration:none}.mn-button:hover{border-color:var(--mn-night);background:var(--mn-night);color:var(--mn-white)}.mn-button--light{border-color:var(--mn-gold-light);background:var(--mn-white);color:var(--mn-forest)}.mn-text-link{font-weight:800;text-decoration-thickness:2px;text-underline-offset:4px}
/* Native Shoptet shell: no structural changes. */
#header{border-bottom:1px solid rgba(36,59,24,.14);background:var(--mn-white)}#navigation{background:var(--mn-white)}#navigation a{font-family:var(--mn-sans);font-size:.88rem;font-weight:750;letter-spacing:.03em}#navigation a:hover,#navigation .active>a{color:var(--mn-olive)}.search-form .form-control{border-color:rgba(36,59,24,.35);border-radius:999px}.search-form .btn,.btn-primary,.btn-cart,.add-to-cart-button{border-radius:999px;background:var(--mn-forest);color:var(--mn-white)}.search-form .btn:hover,.btn-primary:hover,.btn-cart:hover,.add-to-cart-button:hover{background:var(--mn-night)}
.mn-hero{position:relative;display:grid;align-items:center;min-height:clamp(570px,52vw,760px);overflow:hidden;background:linear-gradient(90deg,rgba(25,28,10,.92) 0%,rgba(25,28,10,.58) 45%,rgba(25,28,10,.1) 72%),var(--mn-asset-hero) center/cover no-repeat;color:var(--mn-white)}.mn-hero__content{position:relative;max-width:630px;padding-block:72px}.mn-hero h1{margin:0;max-width:580px;color:var(--mn-white);font-size:clamp(2.8rem,6vw,5.9rem);line-height:.98}.mn-hero .mn-eyebrow{color:var(--mn-gold-light)}.mn-hero__lead{max-width:480px;margin:24px 0 32px;font-size:clamp(1.05rem,1.6vw,1.28rem)}.mn-benefits{padding:0}.mn-benefits__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(36,59,24,.14)}.mn-benefits article{padding:30px;background:var(--mn-white)}.mn-benefits h2{margin:10px 0 6px;color:var(--mn-forest);font-size:1.2rem}.mn-benefits p{margin:0;font-size:.94rem}.mn-benefits__icon{color:var(--mn-gold);font-size:1.5rem}.mn-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mn-category-card{position:relative;display:flex;align-items:end;aspect-ratio:3/2;overflow:hidden;border-radius:var(--mn-radius);background:linear-gradient(0deg,rgba(25,28,10,.7),rgba(25,28,10,.04)),var(--mn-cream);color:var(--mn-white);text-decoration:none}.mn-category-card::before{position:absolute;inset:0;background:linear-gradient(135deg,rgba(119,134,47,.6),transparent 55%);content:""}.mn-category-card span{position:relative;padding:20px;font-family:var(--mn-serif);font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.12}.mn-category-card:hover{color:var(--mn-white);transform:translateY(-3px)}.mn-theme-spotlight{background:var(--mn-white)}.mn-theme-spotlight__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.mn-theme-spotlight__grid p:not(.mn-eyebrow),.mn-story p:not(.mn-eyebrow){max-width:520px}.mn-theme-spotlight__image{min-height:390px;border-radius:var(--mn-radius);background:linear-gradient(135deg,rgba(36,59,24,.1),rgba(119,134,47,.48))}.mn-story{text-align:center}.mn-story__inner{max-width:760px}.mn-story p:not(.mn-eyebrow){margin-inline:auto}.mn-newsletter{padding:64px 0;background:var(--mn-night);color:var(--mn-white)}.mn-newsletter h2{color:var(--mn-white)}.mn-newsletter .mn-eyebrow{color:var(--mn-gold-light)}#footer{background:var(--mn-night);color:var(--mn-white)}#footer a{color:var(--mn-white)}#footer a:hover{color:var(--mn-gold-light)}
/* Native product/category/detail styling. */
.products .p{border-radius:var(--mn-radius)}.products .p-in{height:100%;border:1px solid rgba(36,59,24,.13);border-radius:var(--mn-radius);background:var(--mn-white);box-shadow:none}.products .p-in:hover{box-shadow:0 12px 30px rgba(25,28,10,.1)}.products .name{font-family:var(--mn-serif);font-size:1.17rem}.price-final{color:var(--mn-forest);font-family:var(--mn-sans);font-weight:800}.breadcrumbs{font-size:.87rem}.p-detail{background:var(--mn-white)}.p-detail h1{color:var(--mn-forest)}.p-final-price-wrapper{color:var(--mn-forest)}.p-detail .add-to-cart-button{min-height:50px;padding-inline:24px}
.in-index .homepage-latest-contribution-full-width{display:none}
/* Dense dark Samba header, adapted from approved Mimix visual direction. */
#header{border-bottom-color:rgba(209,165,80,.55);background:var(--mn-night)}#header .header-top,#header .header-bottom,#header #navigation,#header .navigation-in,#header .menu-helper{background:var(--mn-night)}#header .header-top{border-bottom:1px solid rgba(209,165,80,.32)}#header .site-name img{display:block;width:auto;height:86px;max-width:min(280px,34vw);object-fit:contain}.header-top-wrapper{min-height:108px}.header-bottom-wrapper{min-height:56px}#header #navigation a,#header .navigation-buttons>a,#header .navigation-buttons>button{color:var(--mn-white)}#header #navigation a{font-size:.78rem;font-weight:800;letter-spacing:.045em;text-transform:uppercase}#header #navigation a:hover,#header #navigation .active>a{color:var(--mn-gold-light)}#header .navigation-buttons .icon-search,#header .navigation-buttons .icon-login,#header .navigation-buttons .icon-cart{color:var(--mn-gold-light)}#header .navigation-buttons>a,#header .navigation-buttons>button{min-width:44px;min-height:44px;border-color:rgba(209,165,80,.4);background:transparent}.mn-category-grid{padding:18px;border:1px solid rgba(209,165,80,.55);border-radius:calc(var(--mn-radius) + 4px);background:var(--mn-night)}.mn-category-card{border:1px solid rgba(209,165,80,.46);border-radius:14px;background:linear-gradient(0deg,rgba(25,28,10,.86),rgba(25,28,10,.05)),linear-gradient(135deg,#53621f,#191c0a 72%)}.mn-category-card:nth-child(2n){background:linear-gradient(0deg,rgba(25,28,10,.86),rgba(25,28,10,.05)),linear-gradient(135deg,#6f5124,#191c0a 72%)}.mn-category-card:nth-child(3n){background:linear-gradient(0deg,rgba(25,28,10,.86),rgba(25,28,10,.05)),linear-gradient(135deg,#243b18,#191c0a 72%)}.mn-category-card span{font-size:clamp(1.15rem,1.8vw,1.6rem)}
/* Calm sage canvas; native product surfaces stay light for readable shopping. */
body{background:#dfe7cd}#content-wrapper,.in-index .welcome-wrapper,.in-index .mn-section:not(.mn-theme-spotlight){background:#e7edd8}.in-index .mn-benefits article{background:#f0f3e8}.in-index .mn-theme-spotlight{background:#d7e1c2}.in-index .mn-story{background:#e2e9d0}
/* Desktop Samba header: one compact row, based on the existing navigation only. */
@media (min-width:1024px){#header{position:relative}#header .header-top{border-bottom:1px solid rgba(209,165,80,.4)}#header .header-top-wrapper{display:flex;align-items:center;gap:18px;min-height:118px;padding-inline:12px}#header .navigation-tools{display:none}#header .site-name{z-index:2;flex:0 0 190px;margin:0}#header .site-name img{height:74px;max-width:180px}#header .navigation-buttons{z-index:2;display:flex;flex:0 0 auto;width:auto;margin-left:auto;gap:4px}#header .header-bottom{position:absolute;top:0;bottom:0;left:calc(50% - min(856px,50vw - 20px) + 208px);right:calc(50% - min(856px,50vw - 20px) + 190px);border:0;background:transparent}#header .header-bottom-wrapper{display:flex;align-items:center;min-height:118px;height:118px}#header #navigation,#header #navigation .navigation-in,#header #navigation .menu-level-1{display:flex;align-items:center;width:100%;height:100%}#header #navigation .menu-level-1{justify-content:center}#header #navigation .menu-level-1>li{display:block;flex:1;min-width:0}#header #navigation .menu-level-1>li:nth-child(n+7){display:none}#header #navigation .menu-level-1>li.splitted>a{visibility:visible!important}#header #navigation .menu-level-1>li>a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:82px;padding:6px 10px;border-left:1px solid rgba(209,165,80,.2);font-size:.69rem;line-height:1.15;text-align:center;text-transform:uppercase;white-space:normal}#header #navigation .menu-level-1>li:first-child>a{border-left:0}#header #navigation .menu-level-1>li>a::before{margin-bottom:5px;color:var(--mn-gold-light);font-size:1.25rem;line-height:1;content:"✦"}#header #navigation .menu-level-1>li:nth-child(2)>a::before{content:"◌"}#header #navigation .menu-level-1>li:nth-child(3)>a::before{content:"◇"}#header #navigation .menu-level-1>li:nth-child(4)>a::before{content:"✺"}#header #navigation .menu-level-1>li:nth-child(5)>a::before{content:"◒"}#header #navigation .menu-level-1>li:nth-child(6)>a::before{content:"✤"}#header #navigation .menu-level-1>li>a::after{display:block;margin-top:3px;color:rgba(255,253,248,.7);font-size:.61rem;font-weight:500;letter-spacing:0;text-transform:none;content:"Objevte výběr"}#header #navigation .menu-level-1>li:nth-child(1)>a::after{content:"Dárkové balíčky"}#header #navigation .menu-level-1>li:nth-child(2)>a::after{content:"Čistá chuť"}#header #navigation .menu-level-1>li:nth-child(3)>a::after{content:"Sladké mlsání"}#header #navigation .menu-level-1>li:nth-child(4)>a::after{content:"Pro dobrý začátek"}#header #navigation .menu-level-1>li:nth-child(5)>a::after{content:"Zelený rituál"}#header #navigation .menu-level-1>li:nth-child(6)>a::after{content:"Lehké a křupavé"}}
@media (min-width:1024px) and (max-width:1320px){#header .header-top-wrapper{min-height:96px}#header .site-name{flex-basis:152px}#header .site-name img{height:62px;max-width:145px}#header .header-bottom{left:calc(50% - min(856px,50vw - 20px) + 170px);right:calc(50% - min(856px,50vw - 20px) + 165px)}#header .header-bottom-wrapper,#header #navigation,#header #navigation .navigation-in,#header #navigation .menu-level-1{height:96px;min-height:96px}#header #navigation .menu-level-1>li>a{min-height:70px;padding-inline:6px;font-size:.61rem}#header #navigation .menu-level-1>li>a::after{display:none}}
/* Green hover states replace the inherited conversion-red effect. */
.mn-button:hover,.btn:hover,.btn-primary:hover,.btn-cart:hover,.add-to-cart-button:hover,.search-form .btn:hover{border-color:var(--mn-olive);background:var(--mn-olive);color:var(--mn-white);box-shadow:0 8px 20px rgba(36,59,24,.22)}
/* Move the homepage hero flush with the content area and align its copy to the text-safe left side. */
.in-index .welcome-wrapper{padding-block:0}.mn-hero__content{width:min(calc(100% - 96px),630px);margin-right:0;margin-left:clamp(40px,5vw,88px)}
/* Desktop search remains Shoptet's native form; only its visual placement changes. */
@media (min-width:1024px){#header{isolation:isolate;overflow:hidden}#header::before{position:absolute;z-index:0;inset:-16px;background:linear-gradient(rgba(25,28,10,.82),rgba(25,28,10,.9)),var(--mn-asset-hero) center 38%/cover no-repeat;filter:blur(8px);content:""}#header .header-top,#header #navigation,#header .navigation-in,#header .menu-helper{position:relative;z-index:1;background:transparent}#header .header-bottom{position:absolute;z-index:1;background:transparent}#header .navigation-buttons>a[data-target="search"]{display:none}#header .user-action{position:static}#header .user-action-search{position:absolute;z-index:3;top:36px;right:calc(50% - min(856px,50vw - 20px) + 170px);bottom:auto;left:auto;display:block;width:260px;height:auto;min-height:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none;visibility:visible;opacity:1}#header .search-widget-close{display:none}#header .user-action-search .search-form{display:block;width:100%}#header .user-action-search .search-form-input-group{display:flex;align-items:center}#header .user-action-search .form-control{height:46px;border:1px solid rgba(209,165,80,.72);border-radius:999px 0 0 999px;background:rgba(25,28,10,.56);color:var(--mn-white);box-shadow:none}#header .user-action-search .form-control::placeholder{color:rgba(255,253,248,.76)}#header .user-action-search .search-button{height:46px;padding-inline:15px;border:1px solid var(--mn-gold-light);border-radius:0 999px 999px 0;background:var(--mn-gold-light);color:var(--mn-night);font-weight:800}#header .user-action-search .search-button:hover{border-color:var(--mn-olive);background:var(--mn-olive);color:var(--mn-white)}#header .header-bottom{right:calc(50% - min(856px,50vw - 20px) + 460px)}}
@media (min-width:1024px) and (max-width:1500px){#header #navigation .menu-level-1>li>a::after{display:none}}
@media (min-width:1024px) and (max-width:1320px){#header .user-action-search{top:26px;right:calc(50% - min(856px,50vw - 20px) + 160px);width:220px}#header .user-action-search .form-control,#header .user-action-search .search-button{height:42px}#header .header-bottom{right:calc(50% - min(856px,50vw - 20px) + 400px)}}
/* Category navigation: larger type and consistent outline icons, inspired by the approved reference. */
@media (min-width:1024px){#header .menu-helper{display:none!important}#header #navigation .menu-level-1>li>a{min-height:96px;padding:8px 12px;font-size:.82rem;font-weight:800;line-height:1.15}#header #navigation .menu-level-1>li>a::before{width:28px;height:28px;margin-bottom:7px;background:center/contain no-repeat;content:""}#header #navigation .menu-level-1>li>a::after{margin-top:5px;font-size:.7rem;font-weight:600;line-height:1.2;color:rgba(255,253,248,.8)}#header #navigation .menu-level-1>li:nth-child(1)>a::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23D1A550' stroke-width='1.7'%3E%3Crect x='4' y='8' width='16' height='12' rx='1'/%3E%3Cpath d='M3 8h18M12 8v12M12 8c-4 0-5-5-2-5 2 0 2 3 2 5Zm0 0c4 0 5-5 2-5-2 0-2 3-2 5Z'/%3E%3C/svg%3E")}#header #navigation .menu-level-1>li:nth-child(2)>a::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23D1A550' stroke-width='1.7'%3E%3Cpath d='M12 3c5 2 7 6 7 10a7 7 0 1 1-14 0c0-4 2-8 7-10Z'/%3E%3Cpath d='M8 13c2-1 6-1 8 0'/%3E%3C/svg%3E")}#header #navigation .menu-level-1>li:nth-child(3)>a::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23D1A550' stroke-width='1.7'%3E%3Cpath d='M12 20s-7-4-7-10a4 4 0 0 1 7-2 4 4 0 0 1 7 2c0 6-7 10-7 10Z'/%3E%3C/svg%3E")}#header #navigation .menu-level-1>li:nth-child(4)>a::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23D1A550' stroke-width='1.7'%3E%3Ccircle cx='7' cy='8' r='2'/%3E%3Ccircle cx='16' cy='7' r='2'/%3E%3Ccircle cx='12' cy='15' r='2'/%3E%3Cpath d='M4 20c2-3 5-4 8-4s6 1 8 4'/%3E%3C/svg%3E")}#header #navigation .menu-level-1>li:nth-child(5)>a::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23D1A550' stroke-width='1.7'%3E%3Cpath d='M5 15h14l-2 5H7l-2-5ZM8 12c1-5 7-5 8 0M12 4v5'/%3E%3C/svg%3E")}#header #navigation .menu-level-1>li:nth-child(6)>a::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23D1A550' stroke-width='1.7'%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3Cpath d='M12 5c2 3 2 11 0 14M5 12h14'/%3E%3C/svg%3E")}#header #navigation .menu-level-1>li>a:hover::before{filter:brightness(1.22)}#header #navigation .menu-level-1>li>a:hover::after{color:var(--mn-white)}}
@media (max-width:767px){html{scroll-behavior:auto}.mn-shell{width:min(calc(100% - 32px),var(--mn-shell))}.mn-section{padding:56px 0}.mn-section__heading{display:block}.mn-hero{min-height:650px;align-items:end;background:linear-gradient(0deg,rgba(25,28,10,.96) 0%,rgba(25,28,10,.64) 48%,rgba(25,28,10,.05) 75%),var(--mn-asset-hero-mobile) center/cover no-repeat}.mn-hero__content{padding-block:36px}.mn-hero h1{font-size:clamp(2.5rem,13vw,4.1rem)}.mn-hero__lead{margin:16px 0 24px}.mn-benefits__grid{grid-template-columns:1fr}.mn-benefits article{padding:22px}.mn-category-grid{grid-template-columns:repeat(2,1fr);gap:12px}.mn-category-card span{padding:14px;font-size:1.25rem}.mn-theme-spotlight__grid{grid-template-columns:1fr;gap:26px}.mn-theme-spotlight__image{min-height:260px}#navigation a,.top-nav-button,.btn{min-height:44px}}
/* Preserve Shoptet popups above the hero and neutralize the inherited conversion hover. */
@media (min-width:1024px){#header{z-index:100;overflow:visible}#header::before{inset:0}#header .user-action{position:static;z-index:110}#header .user-action-search{z-index:120}#header .user-action-login,#header .user-action-cart,#header .searchWhisperer{z-index:121}#header #navigation .menu-level-1>li>a{font-size:.92rem}#header #navigation .menu-level-1>li:hover>a,#header #navigation .menu-level-1>li>a:hover,#header #navigation .menu-level-1>li>a:focus-visible{border-color:rgba(209,165,80,.75);background:rgba(119,134,47,.48)!important;color:var(--mn-white);box-shadow:inset 0 0 0 1px rgba(209,165,80,.3)}}
@media (min-width:1024px){#header .user-action-search .search-form-input-group{height:46px;border:1px solid var(--mn-gold-light);border-radius:999px;overflow:hidden}#header .user-action-search .form-control,#header .user-action-search .search-button{height:44px!important;margin:0!important;border:0!important;display:flex;align-items:center;justify-content:center;box-sizing:border-box}#header .user-action-search .search-button{min-width:78px;line-height:1;background:rgba(25,28,10,.56);color:var(--mn-white)}#header .searchWhisperer{width:660px!important}#header .searchWhisperer [class*="price"],#header .searchWhisperer .p-final-price-wrapper{color:var(--mn-forest)!important}}
@media (min-width:1024px){#header .searchWhisperer{width:min(660px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important}#header .searchWhisperer .search-whisperer-listing{overflow-x:auto}#header .user-action-login,#header .user-action-cart{z-index:122;width:min(380px,calc(100vw - 32px));border:1px solid rgba(209,165,80,.4);border-radius:14px;background:var(--mn-white);box-shadow:0 18px 44px rgba(25,28,10,.25)}#header .user-action-login .popup-widget-inner,#header .user-action-cart .popup-widget-inner{padding:24px}#header .user-action-login h2{margin:0 0 18px;color:var(--mn-forest);font-size:1.45rem}#header .user-action-login .form-control{border-color:rgba(36,59,24,.35);border-radius:10px}#header .user-action-login .btn-primary,#header .user-action-cart .btn{border-color:var(--mn-forest);background:var(--mn-forest);color:var(--mn-white)}#header .user-action-login .alternative-links a{color:var(--mn-forest)}}
@media (min-width:1024px){#header .searchWhisperer .quantity input,#header .searchWhisperer .quantity button,#header .searchWhisperer [class*="amount"]{color:var(--mn-forest)!important}#header .searchWhisperer .quantity button:hover{background:#e6edd8!important}#header .user-action-search .search-button:focus,#header .user-action-search .search-button:focus-visible{outline:2px solid var(--mn-gold-light)!important;outline-offset:2px;box-shadow:none!important}}
@media (min-width:1024px){#header .user-action-search .search-button{border-left:0!important;box-shadow:none!important}#header .user-action-search .search-button::before{display:none!important}#header .user-action-search .form-control{border-right:0!important;box-shadow:none!important}}
@media (min-width:1024px){#header .user-action-search input.search-input{border-right:0!important;box-shadow:none!important}#header .user-action-search .search-button{border-left:0!important}#header .cart-count .cart-count-number,#header .cart-count .cart-count-badge{background:var(--mn-gold)!important;color:var(--mn-night)!important}}
@media (min-width:1024px){#header .user-action-search input.search-input:focus{outline:0!important;box-shadow:none!important;border-right:0!important}#header .user-action-search .search-form-input-group:focus-within{border-color:var(--mn-gold-light)}#header .searchWhisperer .search-whisperer-listing,#header .searchWhisperer .search-whisperer-listing>*{background:var(--mn-white)!important}}
@media (min-width:1024px){#header .searchWhisperer__products{background:var(--mn-white)!important}#header .searchWhisperer__products__list{background:var(--mn-white)!important}}
/* Supplied category imagery and a deeper forest canvas. */
body{background:#c1cda2}#content-wrapper,.in-index .welcome-wrapper,.in-index .mn-section:not(.mn-theme-spotlight){background:#c8d4ae}.in-index .mn-theme-spotlight{background:#b8c79a}.in-index .mn-story{background:#c0cca4}.mn-category-card:nth-child(1){background:linear-gradient(0deg,rgba(12,18,7,.82),rgba(12,18,7,.04)),url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/mnx-card-gift.webp") center/cover}.mn-category-card:nth-child(2){background:linear-gradient(0deg,rgba(12,18,7,.82),rgba(12,18,7,.04)),url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/mnx-card-natural.webp") center/cover}.mn-category-card:nth-child(3){background:linear-gradient(0deg,rgba(12,18,7,.82),rgba(12,18,7,.04)),url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/mnx-card-sweet.webp") center/cover}.mn-category-card:nth-child(4){background:linear-gradient(0deg,rgba(12,18,7,.82),rgba(12,18,7,.04)),url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/mnx-card-granola.webp") center/cover}.mn-category-card:nth-child(5){background:linear-gradient(0deg,rgba(12,18,7,.82),rgba(12,18,7,.04)),url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/mnx-card-matcha.webp") center/cover}.mn-category-card:nth-child(6){background:linear-gradient(0deg,rgba(12,18,7,.82),rgba(12,18,7,.04)),url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/mnx-card-lyo.webp") center/cover}
.mn-promo-bar{position:relative;z-index:130;height:30px;background:#244b3b;color:#f8f5eb;font-size:12px;font-weight:500;letter-spacing:0}.mn-promo-bar__inner{display:grid;width:min(100% - 32px,1712px);height:30px;margin-inline:auto;grid-template-columns:repeat(3,minmax(0,1fr))}.mn-promo-bar__item{display:flex;min-width:0;height:30px;align-items:center;justify-content:center;gap:7px;overflow:hidden;color:#f8f5eb;text-align:center;white-space:nowrap}.mn-promo-bar__svg{width:14px;height:14px;flex:0 0 14px;fill:none;stroke:#d8bd79;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.mn-promo-bar__label{overflow:hidden;text-overflow:ellipsis}@media (min-width:1024px){#header::before{inset:-12px;background:linear-gradient(90deg,rgba(12,18,7,.55),rgba(12,18,7,.42)),var(--mn-asset-hero) center 18%/cover no-repeat;filter:blur(10px) saturate(.94);transform:scale(1.04)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.mn-category-card:hover{transform:none}}
@media (min-width:1024px){#header .user-action-search{background-color:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important}#header .user-action-search .searchWhisperer{position:absolute!important;z-index:130;top:calc(100% + 10px)!important;right:auto!important;left:0!important;width:520px;max-width:min(520px,calc(100vw - 40px));margin:0!important;border:1px solid rgba(36,59,24,.15);border-radius:14px;background:var(--mn-white);box-shadow:0 18px 44px rgba(25,28,10,.25);overflow:hidden}#header .user-action-search .searchWhisperer:empty{display:none}#header .user-action-search .searchWhisperer .search-whisperer-listing{max-height:min(480px,70vh);overflow:auto}#header .user-action-search .searchWhisperer h2{color:var(--mn-forest)}#header .user-action-search .searchWhisperer .btn{background:var(--mn-forest);border-color:var(--mn-forest);color:var(--mn-white)}#header .user-action-search .searchWhisperer .btn:hover{background:var(--mn-olive);border-color:var(--mn-olive)}}
@media (min-width:1024px){#header .user-action-search .search-button{border-left:0;background:rgba(25,28,10,.56);color:var(--mn-white)}#header .user-action-search .search-button:hover{background:var(--mn-olive);color:var(--mn-white)}#header .searchWhisperer img{width:64px!important;height:64px!important;max-width:64px!important;object-fit:cover}#header .searchWhisperer .price,#header .searchWhisperer .price-final,#header .searchWhisperer .price-final strong{color:var(--mn-forest)!important}#header .searchWhisperer a:not(.btn){color:var(--mn-ink)}#header .searchWhisperer .btn{background:var(--mn-forest)!important;border-color:var(--mn-forest)!important}}
/* Final header / hero composition: compact, readable and intentionally left-weighted. */
@media (min-width:1024px){#header .header-top-wrapper{min-height:104px}#header .site-name img{height:70px;max-width:176px}#header .header-bottom-wrapper,#header #navigation,#header #navigation .navigation-in,#header #navigation .menu-level-1{height:104px;min-height:104px}#header #navigation .menu-level-1>li>a{min-height:90px;padding:6px 8px;font-size:13px!important;letter-spacing:.01em;text-transform:none}#header #navigation .menu-level-1>li>a::before{width:25px;height:25px;margin-bottom:4px}#header #navigation .menu-level-1>li>a::after{display:block!important;margin-top:3px;font-size:10px;line-height:1.1}#header .user-action-search{top:29px;width:272px}#header .user-action-search .search-form-input-group{height:44px}#header .user-action-search .form-control,#header .user-action-search .search-button{height:42px!important}.mn-hero{min-height:clamp(490px,42vw,635px);background-position:center}.mn-hero__content{max-width:570px;margin-left:clamp(32px,5vw,88px);padding-block:56px}.mn-hero h1{max-width:540px;font-size:clamp(42px,4.6vw,64px);line-height:1.01}.mn-hero__lead{max-width:440px;margin:18px 0 26px;font-size:18px;line-height:1.48}}
@media (min-width:1024px) and (max-width:1320px){#header .header-top-wrapper{min-height:98px}#header .site-name{flex-basis:145px}#header .site-name img{height:61px;max-width:142px}#header .header-bottom-wrapper,#header #navigation,#header #navigation .navigation-in,#header #navigation .menu-level-1{height:98px;min-height:98px}#header .header-bottom{left:calc(50% - min(856px,50vw - 20px) + 160px);right:calc(50% - min(856px,50vw - 20px) + 415px)}#header #navigation .menu-level-1>li>a{min-height:85px;padding-inline:4px;font-size:11px!important}#header #navigation .menu-level-1>li>a::after{font-size:8px}#header .user-action-search{top:27px;right:calc(50% - min(856px,50vw - 20px) + 154px);width:220px}.mn-hero{min-height:500px}}
/* First-screen follow-up: a single four-part trust strip and photography-led categories. */
.mn-benefits{padding:0!important;background:var(--mn-night)}.mn-benefits__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0;border:1px solid rgba(209,165,80,.65);border-radius:14px;background:rgba(6,19,8,.92);overflow:hidden}.mn-benefits article{display:grid;grid-template-columns:48px 1fr;column-gap:14px;align-items:center;min-height:104px;padding:18px 22px;background:transparent;border-inline-start:1px solid rgba(209,165,80,.38);color:var(--mn-white)}.mn-benefits article:first-child{border-inline-start:0}.mn-benefits__icon{grid-row:1 / span 2;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--mn-gold-light);border-radius:50%;color:var(--mn-gold-light)}.mn-benefits__icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.mn-benefits h2{margin:0;color:var(--mn-white);font-family:var(--mn-sans);font-size:15px;font-weight:800;line-height:1.25}.mn-benefits p{margin:2px 0 0;color:rgba(255,253,248,.76);font-size:12px;line-height:1.38}.mn-category-grid{gap:14px;padding:14px;border:1px solid rgba(209,165,80,.62);border-radius:18px;background:#132214}.mn-category-card{aspect-ratio:4 / 3;border-color:rgba(209,165,80,.5);border-radius:12px;transition:transform .2s ease,filter .2s ease}.mn-category-card::before{background:linear-gradient(0deg,rgba(6,14,5,.91),rgba(6,14,5,.03) 62%)}.mn-category-card span{padding:18px;font-size:22px;line-height:1.04;text-shadow:0 2px 18px rgba(0,0,0,.62)}.mn-category-card:hover{filter:brightness(1.07)}@media (min-width:1280px){.mn-category-grid{grid-template-columns:repeat(6,1fr)}.mn-category-card{aspect-ratio:4 / 5}.mn-category-card span{padding:14px;font-size:18px}}@media (max-width:767px){.mn-benefits__grid{grid-template-columns:1fr;border-radius:0}.mn-benefits article{min-height:0;border-top:1px solid rgba(209,165,80,.3);border-inline-start:0}.mn-benefits article:first-child{border-top:0}.mn-category-grid{padding:10px}.mn-category-card{aspect-ratio:1 / 1.1}.mn-category-card span{padding:13px;font-size:17px}}
/* Native product cards: image-led, calm surfaces, unchanged Shoptet buying mechanics. */
.products .p{display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(36,59,24,.2);border-radius:14px;background:var(--mn-white);box-shadow:0 2px 8px rgba(25,28,10,.04);transition:transform .2s ease,box-shadow .2s ease}.products .p:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(25,28,10,.14)}.products .p>.image{display:block;flex:0 0 auto;width:100%!important;box-sizing:border-box;aspect-ratio:1 / .9;padding:12px;background:#e7edd8;overflow:hidden}.products .p>.image img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;border-radius:9px;mix-blend-mode:multiply}.products .p-in{display:flex;flex:1;height:auto;border:0;border-radius:0;background:transparent;box-shadow:none}.products .p-in-in{display:flex;flex:1;flex-direction:column;width:100%;padding:17px 18px 16px}.products .p .name{display:block;min-height:44px;margin:0 0 10px;color:var(--mn-ink);font-family:var(--mn-serif);font-size:18px;line-height:1.24;text-decoration:none}.products .p .name:hover{color:var(--mn-forest)}.products .p .ratings-wrapper{display:flex;align-items:center;min-height:19px;margin-bottom:13px}.products .p .availability span{color:var(--mn-forest)!important;font-size:12px;font-weight:800}.products .p .p-code{display:none}.products .p .p-bottom{margin-top:auto;padding-top:12px;border-top:1px solid rgba(36,59,24,.12)}.products .p .offers,.products .p .prices{display:flex;align-items:center;justify-content:space-between}.products .p .price-final strong{color:var(--mn-forest);font-size:20px;line-height:1.1}.products .p .p-bottom .btn,.products .p .p-bottom .add-to-cart-button{min-height:40px;padding-inline:16px;border-color:var(--mn-forest);background:var(--mn-forest);color:var(--mn-white);font-size:13px;font-weight:800}.products .p .p-bottom .btn:hover,.products .p .p-bottom .add-to-cart-button:hover{border-color:var(--mn-olive);background:var(--mn-olive)}.products .p .extra-flags{top:10px;left:10px}.products .p .flag{border-radius:999px;background:var(--mn-gold);color:var(--mn-night);font-size:11px;font-weight:800}@media (max-width:767px){.products .p>.image{padding:8px}.products .p-in-in{padding:13px}.products .p .name{min-height:0;font-size:16px}.products .p .price-final strong{font-size:18px}}
/* Matcha spotlight: supplied photography replaces the placeholder surface. */
.mn-theme-spotlight{background:#b8c79a!important}.mn-theme-spotlight__grid{gap:0;overflow:hidden;border:1px solid rgba(36,59,24,.22);border-radius:18px;background:var(--mn-white)}.mn-theme-spotlight__grid>div:first-child{padding:clamp(34px,5vw,74px);background:#edf1df}.mn-theme-spotlight__grid h2{max-width:430px;font-size:clamp(32px,3.7vw,54px)}.mn-theme-spotlight__grid p:not(.mn-eyebrow){font-size:17px;line-height:1.6}.mn-theme-spotlight__image{min-height:460px;border-radius:0;background:linear-gradient(90deg,rgba(25,28,10,.12),rgba(25,28,10,.03)),url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/mnx-card-matcha.webp") center/cover no-repeat}@media (max-width:767px){.mn-theme-spotlight__grid>div:first-child{padding:34px 24px}.mn-theme-spotlight__grid h2{font-size:34px}.mn-theme-spotlight__grid p:not(.mn-eyebrow){font-size:16px}.mn-theme-spotlight__image{min-height:310px}}
/* Story and footer: a warm, image-led closing chapter without invented brand claims. */
.mn-story{position:relative;min-height:440px;overflow:hidden;background:#d6e0bd!important;text-align:left}.mn-story::before{position:absolute;inset:0 0 0 52%;background:linear-gradient(90deg,#d6e0bd 0%,rgba(214,224,189,.08) 28%),url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/mnx-card-gift.webp") center/cover no-repeat;content:""}.mn-story__inner{position:relative;z-index:1;box-sizing:border-box;width:min(calc(100% - 48px),var(--mn-shell));max-width:none;margin-inline:auto;padding:100px 52% 92px 0}.mn-story__inner p:not(.mn-eyebrow){margin-inline:0;max-width:470px;font-size:17px;line-height:1.6}.mn-story h2{max-width:520px;font-size:clamp(34px,4vw,58px)}.mn-story .mn-text-link{display:inline-block;margin-top:6px;color:var(--mn-forest);font-size:14px}.mn-story .mn-text-link:hover{color:var(--mn-olive)}#footer{border-top:1px solid rgba(209,165,80,.68);background:linear-gradient(135deg,#101506,#191c0a 58%,#0d1609);color:var(--mn-white)}#footer a{color:rgba(255,253,248,.82)}#footer a:hover{color:var(--mn-gold-light)}#footer h2,#footer h3,#footer h4{color:var(--mn-gold-light)}#footer .copyright{border-top-color:rgba(209,165,80,.25)}@media (max-width:767px){.mn-story{min-height:0;padding-bottom:250px}.mn-story::before{inset:auto 0 0;height:245px;background:linear-gradient(0deg,rgba(25,28,10,.35),rgba(25,28,10,.02)),url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/mnx-card-gift.webp") center/cover no-repeat}.mn-story__inner{width:min(calc(100% - 48px),var(--mn-shell));padding:58px 0 0}.mn-story__inner p:not(.mn-eyebrow){font-size:16px}.mn-story h2{font-size:34px}}
.mn-footer-links{border-bottom:1px solid rgba(209,165,80,.3)}.mn-footer-links__inner{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:32px;width:min(calc(100% - 48px),var(--mn-shell));margin:auto;padding:54px 0 42px}.mn-footer-links__brand{align-self:start;color:var(--mn-gold-light)!important;font-family:var(--mn-serif);font-size:42px;letter-spacing:.08em;line-height:.9;text-decoration:none}.mn-footer-links__brand span{display:block;margin-top:9px;font-family:var(--mn-sans);font-size:10px;font-weight:800;letter-spacing:.46em}.mn-footer-links h2{margin:3px 0 15px;color:var(--mn-gold-light);font-family:var(--mn-sans);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mn-footer-links ul{margin:0;padding:0;list-style:none}.mn-footer-links li{margin:0 0 10px}.mn-footer-links a{font-size:14px;text-decoration:none}@media (max-width:767px){.mn-footer-links__inner{grid-template-columns:1fr 1fr;gap:28px;padding:38px 0}.mn-footer-links__brand{grid-column:1 / -1;font-size:38px}}
html,body{max-width:100%;overflow-x:hidden}.mn-footer-links__brand img{display:block;width:auto;max-width:190px;height:82px;object-fit:contain}.footer-bottom-full-width{padding:0!important;border-top:1px solid rgba(209,165,80,.35);background:#243b18!important}.footer-bottom{box-sizing:border-box;height:38px!important;min-height:38px!important;padding:0 16px!important;background:transparent!important;color:rgba(255,253,248,.82);line-height:1.35}#footer .copyright{font-size:12px;color:rgba(255,253,248,.82)}#footer .copyright strong,#footer .cookies-settings{color:var(--mn-gold-light)}#footer #signature{display:none!important}@media (max-width:767px){.mn-footer-links__brand img{height:72px;max-width:165px}}
/* Ecomail newsletter: custom visual, Ecomail's official POST endpoint and no third-party script. */
.mn-newsletter{padding:0;background:#151b08}.mn-newsletter__inner{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:clamp(32px,6vw,96px);align-items:center;min-height:300px;padding-block:64px}.mn-newsletter__copy{max-width:690px}.mn-newsletter__copy>p:not(.mn-eyebrow){max-width:590px;margin:12px 0 0;color:rgba(255,253,248,.82);font-size:17px}.mn-newsletter__form{width:100%;max-width:470px}.mn-newsletter__fields{display:flex;overflow:hidden;border:1px solid rgba(209,165,80,.78);border-radius:999px;background:rgba(255,253,248,.98)}.mn-newsletter__fields input{min-width:0;flex:1;height:52px;padding:0 20px;border:0!important;outline:0!important;background:transparent;color:var(--mn-ink);font-size:16px;box-shadow:none!important}.mn-newsletter__fields input::placeholder{color:rgba(32,35,27,.62)}.mn-newsletter__fields button{min-width:154px;height:52px;padding:0 20px;border:0;background:var(--mn-gold-light);color:var(--mn-night);font-family:var(--mn-sans);font-size:14px;font-weight:800;cursor:pointer}.mn-newsletter__fields button:hover{background:var(--mn-olive);color:var(--mn-white)}.mn-newsletter__consent{display:flex;gap:9px;align-items:flex-start;margin-top:14px;color:rgba(255,253,248,.75);font-size:12px;line-height:1.45}.mn-newsletter__consent input{width:16px;height:16px;flex:0 0 16px;margin:1px 0 0;accent-color:var(--mn-gold-light)}.mn-newsletter__consent a{color:var(--mn-gold-light);text-decoration-thickness:1px;text-underline-offset:3px}.mn-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:767px){.mn-newsletter__inner{grid-template-columns:1fr;gap:26px;min-height:0;padding-block:48px}.mn-newsletter__copy>p:not(.mn-eyebrow){font-size:16px}.mn-newsletter__form{max-width:none}.mn-newsletter__fields{border-radius:14px}.mn-newsletter__fields input{height:50px;padding-inline:15px}.mn-newsletter__fields button{min-width:132px;height:50px;padding-inline:12px;font-size:13px}}
/* Newsletter refinement: a spacious form card and an explicit custom consent control. */
.mn-newsletter__inner{min-height:350px;padding-block:72px}.mn-newsletter__form{display:grid;gap:16px;max-width:500px;padding:26px;border:1px solid rgba(209,165,80,.42);border-radius:18px;background:rgba(255,253,248,.06)}.mn-newsletter__fields{border-radius:14px}.mn-newsletter__fields button{min-width:158px}.mn-newsletter__consent{position:relative;display:block;min-height:22px;margin:0;padding:1px 0 0 32px;color:rgba(255,253,248,.82);font-size:12px;line-height:1.5;cursor:pointer}.mn-newsletter__consent input{position:absolute!important;top:0!important;left:0!important;width:22px!important;height:22px!important;margin:0!important;padding:0!important;border:0!important;clip:auto!important;clip-path:none!important;opacity:0!important;cursor:pointer}.mn-newsletter__consent span::before{position:absolute;top:0;left:0;box-sizing:border-box;width:22px;height:22px;border:1px solid rgba(209,165,80,.9);border-radius:6px;background:rgba(25,28,10,.72);content:""}.mn-newsletter__consent span::after{position:absolute;top:5px;left:4px;width:12px;height:7px;border-bottom:2px solid var(--mn-night);border-left:2px solid var(--mn-night);content:"";opacity:0;transform:rotate(-45deg)}.mn-newsletter__consent input:checked+span::before{background:var(--mn-gold-light);border-color:var(--mn-gold-light)}.mn-newsletter__consent input:checked+span::after{opacity:1}.mn-newsletter__consent input:focus-visible+span::before{outline:3px solid var(--mn-white);outline-offset:3px}.mn-newsletter__consent:hover span::before{border-color:var(--mn-white)}@media(max-width:767px){.mn-newsletter__inner{padding-block:52px}.mn-newsletter__form{padding:20px;gap:15px}.mn-newsletter__fields{flex-direction:column;border-radius:14px}.mn-newsletter__fields input{width:100%;box-sizing:border-box;border-bottom:1px solid rgba(36,59,24,.15)!important}.mn-newsletter__fields button{width:100%;min-width:0;border-radius:0 0 13px 13px}.mn-newsletter__consent{padding-left:31px}}
.mn-newsletter__inner{grid-template-columns:minmax(0,1fr) minmax(520px,.94fr);gap:clamp(36px,4vw,64px)}.mn-newsletter__form{max-width:560px;padding:28px}.mn-newsletter__consent{font-size:12px;white-space:nowrap}@media(max-width:1100px){.mn-newsletter__inner{grid-template-columns:minmax(0,1fr) minmax(460px,.9fr);gap:32px}.mn-newsletter__form{padding:24px}.mn-newsletter__consent{white-space:normal}}@media(max-width:767px){.mn-newsletter__inner{grid-template-columns:1fr}.mn-newsletter__consent{white-space:normal}}
/* Compact newsletter composition while preserving a prominent editorial label. */
.mn-newsletter__inner{min-height:0;padding-block:42px}.mn-newsletter .mn-eyebrow{margin-bottom:12px;font-size:14px;letter-spacing:.14em}@media(max-width:767px){.mn-newsletter__inner{padding-block:42px}.mn-newsletter .mn-eyebrow{font-size:13px}}
/* Product detail: retain Shoptet's product form and variants; replace only the visual layer. */
.p-detail{overflow:hidden;border:1px solid rgba(36,59,24,.16);border-radius:18px;background:var(--mn-white);box-shadow:0 10px 32px rgba(25,28,10,.06)}.p-detail .p-detail-inner{padding:clamp(28px,4vw,58px);background:var(--mn-white)}.p-detail .p-image-wrapper{padding:14px;border:1px solid rgba(36,59,24,.14);border-radius:16px;background:#e8efda}.p-detail .p-image-wrapper .p-main-image{overflow:hidden;border-radius:10px}.p-detail .p-image-wrapper img{border-radius:10px;mix-blend-mode:multiply}.p-detail .p-detail-inner-header h1,.p-detail .p-detail-inner-header-mobile h1{margin:0;color:var(--mn-forest);font-family:var(--mn-serif);font-size:clamp(32px,3vw,52px);line-height:1.08}.p-detail .p-short-description{margin-top:14px;color:rgba(32,35,27,.8);font-size:16px;line-height:1.55}.p-detail .p-price-wrapper{margin:28px 0 18px}.p-detail .p-price-wrapper .price-final,.p-detail .p-price-wrapper .price-final-holder{color:var(--mn-forest)!important;font-family:var(--mn-sans);font-size:clamp(32px,3vw,48px);font-weight:850;letter-spacing:-.04em;line-height:1}.p-detail .detail-parameters{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:24px;color:rgba(32,35,27,.78);font-size:14px}.p-detail .detail-parameter{margin:0}.p-detail .availability-label{color:var(--mn-forest)!important;font-weight:800}.p-detail .p-to-cart-block .add-to-cart{display:flex;align-items:stretch;gap:12px}.p-detail .quantity{display:inline-flex;min-height:52px;border:1px solid rgba(36,59,24,.35);border-radius:12px;background:var(--mn-white);overflow:hidden}.p-detail .quantity .amount{width:48px!important;padding:0!important;border:0!important;background:transparent!important;color:var(--mn-ink)!important;text-align:center;box-shadow:none!important}.p-detail .quantity .increase,.p-detail .quantity .decrease{display:grid;width:42px;height:50px;padding:0;border:0;background:transparent;color:var(--mn-forest);font-size:22px;font-weight:700;place-items:center}.p-detail .quantity .increase:hover,.p-detail .quantity .decrease:hover{background:#e6edd8}.p-detail #product-detail-form .add-to-cart-button{min-height:52px;flex:1;border:1px solid var(--mn-forest)!important;border-radius:999px!important;background:var(--mn-forest)!important;color:var(--mn-white)!important;font-size:15px;font-weight:800;box-shadow:none!important}.p-detail #product-detail-form .add-to-cart-button:hover{border-color:var(--mn-olive)!important;background:var(--mn-olive)!important}.p-detail .social-buttons-wrapper{margin-top:28px;padding-top:20px;border-top:1px solid rgba(36,59,24,.13)}.p-detail .link-icons{gap:18px}.p-detail .link-icon{color:var(--mn-forest)}.p-detail .link-icon:hover{color:var(--mn-olive)}.p-detail-tabs-wrapper{margin-top:30px;border:1px solid rgba(36,59,24,.14);border-radius:16px;background:var(--mn-white);overflow:hidden}.p-detail-tabs .shp-tab-link{color:var(--mn-forest);font-weight:800}.p-detail-tabs .shp-tab.active .shp-tab-link{background:#e8efda;color:var(--mn-forest)}.p-detail-tabs-wrapper .description-inner{padding:30px}.p-detail-tabs-wrapper h2,.p-detail-tabs-wrapper h3{color:var(--mn-forest);font-family:var(--mn-serif)}@media(max-width:767px){.p-detail{border-radius:0}.p-detail .p-detail-inner{padding:24px 18px}.p-detail .p-image-wrapper{padding:10px}.p-detail .p-to-cart-block .add-to-cart{flex-wrap:wrap}.p-detail #product-detail-form .add-to-cart-button{width:100%;flex-basis:100%}.p-detail .social-buttons-wrapper{margin-top:22px}.p-detail-tabs-wrapper .description-inner{padding:22px 18px}}
/* Category listing: native sorting and cards, visually aligned with the Mimix product detail. */
.category-content-wrapper .category-header{margin:0 0 30px;padding:0 0 24px;border-bottom:1px solid rgba(255,253,248,.42)}.category-content-wrapper .category-title{margin:0;color:var(--mn-forest);font-family:var(--mn-serif);font-size:clamp(34px,4vw,58px);line-height:1.1}.category-content-wrapper .listSorting{margin:0 0 28px;padding:8px;border:1px solid rgba(36,59,24,.15);border-radius:14px;background:var(--mn-white)}.category-content-wrapper .listSorting__controls{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.category-content-wrapper .listSorting__control{min-height:42px;padding:9px 16px;border:0;border-radius:10px;background:transparent;color:var(--mn-forest);font-family:var(--mn-sans);font-size:14px;font-weight:750}.category-content-wrapper .listSorting__control:hover{background:#e8efda;color:var(--mn-forest)}.category-content-wrapper .listSorting__control--current{background:var(--mn-forest)!important;color:var(--mn-white)!important;box-shadow:none}.products-page.products-block{gap:20px}.products-page .p{border-color:rgba(36,59,24,.2);border-radius:16px}.products-page .p>.image{padding:12px;background:#e8efda}.products-page .p-in-in{padding:18px}.products-page .p .name{font-size:20px}.products-page .p-bottom{padding:16px 18px 18px;background:var(--mn-white)}.products-page .p .price-final,.products-page .p .price-final strong{color:var(--mn-forest)!important}.products-page .p .availability span{color:var(--mn-forest)!important}.products-page .p-tools form{display:flex;gap:8px;align-items:stretch}.products-page .p-tools .quantity{display:inline-flex;min-height:40px;border:1px solid rgba(36,59,24,.3);border-radius:10px;overflow:hidden}.products-page .p-tools .quantity .amount{width:34px;padding:0!important;border:0!important;text-align:center;box-shadow:none!important}.products-page .p-tools .quantity button{width:30px;padding:0;border:0;background:transparent;color:var(--mn-forest);font-size:17px;font-weight:800}.products-page .p-tools .quantity button:hover{background:#e8efda}.products-page .p-tools .add-to-cart-button{min-height:40px;flex:1;border-color:var(--mn-forest)!important;border-radius:999px!important;background:var(--mn-forest)!important;color:var(--mn-white)!important;font-size:13px;font-weight:800}.products-page .p-tools .add-to-cart-button:hover{border-color:var(--mn-olive)!important;background:var(--mn-olive)!important}.products-page .p-desc{margin:12px 0 0;color:rgba(32,35,27,.72);font-size:13px}.listingControls{margin-top:28px;color:rgba(32,35,27,.72);font-size:14px}@media(max-width:767px){.category-content-wrapper .category-header{margin-bottom:20px;padding-bottom:18px}.category-content-wrapper .listSorting{margin-bottom:20px;overflow-x:auto}.category-content-wrapper .listSorting__controls{flex-wrap:nowrap;width:max-content}.products-page.products-block{gap:14px}.products-page .p-bottom{padding:13px}.products-page .p-tools form{gap:6px}.products-page .p-tools .quantity{display:none}.products-page .p-tools .add-to-cart-button{min-height:42px}}
/* Product detail composition: gallery-led left panel and a calm purchase panel on the right. */
@media(min-width:768px){.p-detail{border:0;border-radius:0;box-shadow:none}.p-detail .p-detail-inner{gap:0;padding:0;background:transparent}.p-detail .p-image-wrapper{display:flex;flex:1 1 50%;min-width:0;min-height:560px;padding:0;border:0;border-radius:0;background:#17280d}.p-detail .p-image-wrapper .p-image{display:flex;flex:1;width:100%;min-height:560px}.p-detail .p-image-wrapper #wrap,.p-detail .p-image-wrapper .p-main-image{display:block!important;width:100%!important;height:100%!important}.p-detail .p-image-wrapper .mousetrap{height:100%!important}.p-detail .p-image-wrapper img{width:100%!important;height:100%!important;border-radius:0;object-fit:cover;mix-blend-mode:normal}.p-detail .p-data-wrapper{display:flex;flex:1 1 50%;flex-direction:column;min-width:0;margin:0;padding:clamp(40px,5vw,76px) clamp(36px,5vw,78px);background:#f8f5ec}.p-detail .p-detail-inner-header h1{max-width:590px;font-size:clamp(38px,3.2vw,58px);font-weight:500;letter-spacing:-.035em}.p-detail .p-short-description{max-width:590px;margin-top:20px;color:#4d4639;font-size:16px;line-height:1.65}.p-detail .p-price-wrapper{margin:34px 0 20px;padding-top:28px;border-top:1px solid rgba(36,59,24,.18)}.p-detail .detail-parameters{margin-bottom:26px}.p-detail .p-to-cart-block .add-to-cart{gap:14px}.p-detail #product-detail-form .add-to-cart-button{min-height:56px;font-size:16px;letter-spacing:.02em}.p-detail .quantity{min-height:56px}.p-detail .quantity .increase,.p-detail .quantity .decrease{height:54px}.p-detail .social-buttons-wrapper{margin-top:auto}.p-detail-full-width{background:#f8f5ec}.p-detail .benefit-banners-full-width{border-top:1px solid rgba(36,59,24,.14);background:#243b18}.p-detail .benefitBanner__title{color:var(--mn-white)}.p-detail .benefitBanner__data{color:rgba(255,253,248,.76)}.p-detail .benefitBanner__img{filter:sepia(.35) saturate(.7) brightness(1.9)}.p-detail-tabs-wrapper{margin-top:0;border:0;border-radius:0}.p-detail-tabs-wrapper .description-inner{padding:42px clamp(30px,6vw,90px);background:#f8f5ec}}
@media(min-width:768px){.p-detail .p-variants-block{margin-top:28px}.p-detail .variant-label{display:block;margin-bottom:9px;color:var(--mn-forest);font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.p-detail .p-variants-block .form-control{width:100%;min-height:52px;padding:0 16px;border:1px solid rgba(36,59,24,.32);border-radius:10px;background:#fffdf8;color:var(--mn-ink);font-size:15px;box-shadow:none}.p-detail .p-variants-block .form-control:focus{border-color:var(--mn-gold);box-shadow:0 0 0 3px rgba(209,165,80,.22)}.p-detail .standard-price-label,.p-detail .price-standard{color:rgba(32,35,27,.58);font-size:13px}.p-detail .price-standard{text-decoration:line-through}.p-detail .price-save{margin-left:8px;color:var(--mn-forest);font-size:13px;font-weight:800}.p-detail .p-price-wrapper .price-final{display:block;margin-top:6px}}
/* Real Shoptet product flags, arranged as a compact row directly above the title. */
.p-detail .mn-product-flags{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 12px}.p-detail .mn-product-flags .flags-default,.p-detail .mn-product-flags .flags-extra{position:static!important;display:flex!important;flex-wrap:wrap;align-items:center;gap:7px;width:auto!important;height:auto!important;margin:0!important}.p-detail .mn-product-flags .flag{display:inline-flex!important;box-sizing:border-box;width:auto!important;height:auto!important;min-height:0!important;align-items:center;padding:7px 11px!important;border:1px solid rgba(209,165,80,.7)!important;border-radius:999px!important;background:var(--mn-night)!important;color:var(--mn-white)!important;font-size:11px!important;font-weight:800!important;line-height:1.1!important;text-align:left!important;box-shadow:none!important}.p-detail .mn-product-flags .flag-discount .standard-price-label,.p-detail .mn-product-flags .flag-discount .price-standard,.p-detail .mn-product-flags .flag-discount .choose-variant.no-display{display:none!important}.p-detail .mn-product-flags .flag-discount .price-save{display:inline!important;margin:0!important;color:var(--mn-white)!important;font-size:11px!important;font-weight:800!important;line-height:1.1!important}.p-detail .mn-product-flags .flag-discount .price-save .choose-variant{display:inline!important}.p-detail .mn-product-flags .flag-discount .price-save .choose-variant.no-display{display:none!important}.p-detail .social-buttons-wrapper{margin-top:28px!important}
@media(min-width:768px){.p-detail .mn-product-flags{flex-wrap:nowrap}.p-detail .mn-product-flags .flags-default{flex-wrap:nowrap}.p-detail .mn-product-flags .flags-extra{display:none!important}}
@media(max-width:767px){.p-detail .mn-product-flags .flags-extra{display:none!important}}
/* Product-page-only layout: remove the category sidebar and use the freed space for the product. */
@media(min-width:1024px){body.type-detail .sidebar.sidebar-left{display:none}body.type-detail .content-wrapper-in{max-width:none}body.type-detail #content.narrow{max-width:none}body.type-detail .p-detail .p-detail-inner{min-height:0}body.type-detail .p-detail #product-detail-form{display:flex;flex-direction:column}body.type-detail .p-detail .p-price-wrapper{order:1}body.type-detail .p-detail .detail-parameters{order:2}body.type-detail .p-detail .p-to-cart-block{order:3}body.type-detail .p-detail .p-variants-block{order:4;margin-top:30px;padding:20px;border:1px solid rgba(36,59,24,.16);border-radius:14px;background:rgba(255,253,248,.55)}body.type-detail .p-detail .cofidis-buttons-wrapper{order:5}body.type-detail .p-detail .social-buttons-wrapper{margin-top:26px!important}body.type-detail .p-detail-tabs-wrapper{background:#f8f5ec}body.type-detail .shp-tabs-holder{padding-inline:clamp(30px,6vw,90px);background:#f8f5ec}body.type-detail .p-detail-tabs{border-bottom:1px solid rgba(36,59,24,.16)}body.type-detail .p-detail-tabs .shp-tab-link{min-height:58px;padding-inline:20px;font-size:13px;letter-spacing:.04em;text-transform:uppercase}body.type-detail .p-detail-tabs .shp-tab.active .shp-tab-link{background:transparent;border-bottom:2px solid var(--mn-gold);color:var(--mn-forest)}}
/* Keep Shoptet's native gallery mechanics intact; theme only the breadcrumb here. */
@media(min-width:768px){.p-detail .p-image-wrapper{display:block!important;min-height:0!important}.p-detail .p-image-wrapper .p-image{display:block!important;min-height:0!important;height:clamp(520px,42vw,680px)!important}.p-detail .p-image-wrapper .row{display:block!important;width:100%!important;height:auto!important;margin:0!important}.p-detail .p-image-wrapper .p-thumbnails-wrapper{float:none!important;width:100%!important;max-width:none!important;height:126px!important;margin:0!important;padding:12px 20px!important}.p-detail .p-image-wrapper .p-thumbnails{width:100%!important;height:102px!important}.p-detail .p-image-wrapper .p-thumbnails-inner{height:102px!important}}
@media(min-width:1024px){body.type-detail .breadcrumbs{box-sizing:border-box;min-height:50px;margin:0 16px;padding:15px 28px;background:#191c0a;color:rgba(255,253,248,.78);font-size:12px;line-height:20px}body.type-detail .breadcrumbs a{color:var(--mn-gold-light)}body.type-detail .breadcrumbs .navigation-bullet{color:rgba(255,253,248,.4)}}
/* Desktop gallery: preserve the native Shoptet links, but place the real thumbnails beside a restrained main image. */
@media(min-width:1024px){.p-detail .p-image-wrapper{display:grid!important;grid-template-columns:126px minmax(0,1fr);grid-template-rows:560px auto;gap:0;padding:0!important;background:#17280d}.p-detail .p-image-wrapper .p-image{grid-column:2;grid-row:1;display:block!important;width:100%!important;height:560px!important;min-height:0!important}.p-detail .p-image-wrapper>.row{grid-column:1;grid-row:1;display:block!important;width:126px!important;height:560px!important;margin:0!important;padding:14px 12px!important;background:#15220d}.p-detail .p-image-wrapper .p-thumbnails-wrapper{width:102px!important;height:532px!important;margin:0!important;padding:0!important}.p-detail .p-image-wrapper .p-thumbnails{width:102px!important;height:532px!important;margin:0!important;overflow:hidden!important}.p-detail .p-image-wrapper .p-thumbnails-inner{position:static!important;left:auto!important;width:102px!important;height:auto!important}.p-detail .p-image-wrapper .p-thumbnails-inner>div{display:flex!important;flex-direction:column;gap:12px;width:102px!important}.p-detail .p-image-wrapper .p-thumbnail{display:block!important;flex:0 0 102px;width:102px!important;height:102px!important;margin:0!important}.p-detail .p-image-wrapper .p-thumbnail img{width:100%!important;height:100%!important;object-fit:cover}.p-detail .p-image-wrapper .p-thumbnails-prev,.p-detail .p-image-wrapper .p-thumbnails-next{display:none!important}.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery{grid-column:1 / -1;grid-row:2;width:100%;margin:0;border:0;border-radius:0;background:#f8f5ec}.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery>.row{display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;background:transparent}.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .shp-tabs-holder{padding-inline:28px}.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .description-inner{padding:28px}.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .tab-content{background:#f8f5ec}}
@media(min-width:768px){.p-detail .p-detail-inner{background:#f8f5ec}.p-detail .p-image-wrapper{align-self:flex-start}.p-detail .p-image-wrapper .mousetrap{display:none!important}}
/* Refined product composition: mockup-led hierarchy without replacing native Shoptet data or controls. */
@media(min-width:1024px){.p-detail{background:#f8f5ec}.p-detail .p-data-wrapper{padding:clamp(48px,4.8vw,78px) clamp(42px,5vw,82px);background:#f8f5ec}.p-detail .mn-product-flags{gap:8px;margin-bottom:18px}.p-detail .mn-product-flags .flag{padding:7px 13px!important;border-color:rgba(166,145,45,.76)!important;background:#191c0a!important;font-size:10px!important;letter-spacing:.04em;text-transform:uppercase}.p-detail .brand-wrapper{margin:0 0 12px}.p-detail .brand-wrapper a{color:var(--mn-olive);font-size:11px;font-weight:850;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.p-detail .p-detail-inner-header h1{max-width:620px;color:#342817;font-size:clamp(42px,3.25vw,60px);line-height:1.05}.p-detail .p-short-description{max-width:610px;margin-top:22px;padding-bottom:25px;border-bottom:1px solid rgba(75,63,42,.2);color:#4a4135;font-size:15px;line-height:1.7}.p-detail #product-detail-form{max-width:640px}.p-detail .p-price-wrapper{margin:30px 0 20px;padding-top:0;border-top:0}.p-detail .p-price-wrapper .price-final,.p-detail .p-price-wrapper .price-final-holder{color:#342817!important;font-family:var(--mn-serif);font-size:clamp(36px,3vw,52px);font-weight:500;letter-spacing:-.035em}.p-detail .standard-price-label,.p-detail .price-standard{color:#756b5d}.p-detail .price-save{color:var(--mn-forest);font-weight:850}.p-detail .p-variants-block{margin-top:28px!important;padding:20px 22px!important;border-color:rgba(81,65,34,.19)!important;border-radius:12px!important;background:rgba(255,253,248,.48)!important}.p-detail .p-variants-block .form-control{border-color:rgba(81,65,34,.3);border-radius:8px;background:#fffdf8}.p-detail .p-to-cart-block{margin-top:20px}.p-detail #product-detail-form .add-to-cart-button{min-height:58px;border-radius:9px!important;background:linear-gradient(90deg,#243b18,#19300f)!important;box-shadow:0 8px 16px rgba(25,49,15,.14)}.p-detail #product-detail-form .add-to-cart-button:hover{background:linear-gradient(90deg,#77862f,#243b18)!important;transform:translateY(-1px)}.p-detail .quantity{border-color:rgba(81,65,34,.28);border-radius:9px;background:#fffdf8}.p-detail .social-buttons-wrapper{display:flex;gap:8px;margin-top:30px!important;padding-top:22px;border-top-color:rgba(81,65,34,.18)}.p-detail .social-buttons-wrapper .link-icon{display:flex;align-items:center;gap:7px;min-height:34px;padding:0 8px;color:#4a4135;font-size:12px;font-weight:750}.p-detail .benefit-banners-full-width{background:linear-gradient(90deg,#17280d,#243b18)}.p-detail .benefitBanner{padding-top:22px;padding-bottom:22px}.p-detail .benefitBanner__title{color:var(--mn-gold-light);font-size:13px;letter-spacing:.04em;text-transform:uppercase}.p-detail .benefitBanner__data{font-size:12px}.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .shp-tabs-holder{border-bottom:1px solid rgba(81,65,34,.18)}.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .shp-tab-link{min-height:62px;padding-inline:20px;color:#695b45;font-size:12px;font-weight:800;letter-spacing:.06em}.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .shp-tab.active .shp-tab-link{border-bottom:2px solid var(--mn-gold);color:#342817}.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .description-inner{color:#4a4135;font-size:15px;line-height:1.68}.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .description-inner h4{margin-top:0;color:#342817;font-family:var(--mn-serif);font-size:24px}}
@media(min-width:1024px){body.type-detail{background:#f8f5ec}.p-detail .p-image-wrapper{position:relative;isolation:isolate;overflow:hidden}.p-detail .p-image-wrapper::before{position:absolute;z-index:0;inset:-20px;content:"";background:linear-gradient(90deg,rgba(14,32,8,.66),rgba(14,32,8,.14)),var(--mn-gallery-backdrop,none) center/cover no-repeat;filter:blur(15px) saturate(.9) brightness(.72);transform:scale(1.06)}.p-detail .p-image-wrapper>.row,.p-detail .p-image-wrapper .p-image,.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery{position:relative;z-index:1}.p-detail .p-image-wrapper>.row{background:rgba(16,35,9,.72)}.p-detail .p-image-wrapper .p-image{box-shadow:inset 22px 0 28px -26px rgba(7,16,5,.85)}}
/* Full-bleed detail edge and restrained, mockup-like content tabs. */
@media(min-width:1024px){body.type-detail #content.narrow{padding-inline:0!important}body.type-detail .breadcrumbs{margin-inline:0!important}.p-detail .p-image-wrapper .p-main-image{border-radius:0!important}.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .shp-tabs-holder{padding-inline:28px;background:transparent}.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .shp-tabs{display:flex;gap:0;margin:0}.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .shp-tab{margin:0}.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .shp-tab-link{display:flex;align-items:center;min-height:58px;padding:0 22px!important;border:0!important;border-bottom:2px solid transparent!important;background:transparent!important;color:#76684f!important;font-size:12px!important;font-weight:800!important;letter-spacing:.055em;text-transform:uppercase}.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .shp-tab.active .shp-tab-link{border-bottom-color:var(--mn-gold)!important;color:#342817!important}.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .description-inner{padding:26px 28px!important;border-top:0!important}.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .tab-content{border:0!important}}
@media(min-width:1024px){body.type-detail .breadcrumbs{background:#17280d!important}.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery,.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .shp-tabs-holder,.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .tab-content,.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .description-inner{background:#f8f5ec!important}}
@media(min-width:1024px){body.type-detail .breadcrumbs{background:#fffdf8!important;color:#342817!important}.p-detail .breadcrumbs a{color:#243b18!important}.p-detail .breadcrumbs .navigation-bullet{color:rgba(52,40,23,.42)!important}.p-detail .p-detail-inner,.p-detail .p-data-wrapper,.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery,.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery>.row,.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .shp-tabs-row,.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .shp-tabs-holder,.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .tab-content,.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .tab-pane,.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .description-inner,.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .discussion-wrapper,.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .discussionContainer{background:#f4f0e5!important}}
@media(min-width:1024px){body.type-detail .breadcrumbs{background:#22311b!important;color:#fff!important}.p-detail .breadcrumbs a,.p-detail .breadcrumbs .navigation-bullet{color:#fff!important}.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .shp-tabs{gap:8px;padding:12px 0}.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .shp-tab-link,.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .shp-tab.active .shp-tab-link{min-height:40px;padding-inline:18px!important;border:1px solid rgba(36,59,24,.18)!important;border-radius:7px!important;background:#f4f0e5!important;color:#342817!important}.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .shp-tab-link:hover,.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .shp-tab.active .shp-tab-link:hover{background:#e7dfca!important}}
@media(min-width:1024px){.p-detail .p-image-wrapper .mn-detail-tabs-in-gallery .shp-tabs{background:#f4f0e5!important}}
@media(min-width:1024px){.p-detail .p-data-wrapper{padding-top:clamp(24px,2.4vw,38px)}}
/* Category template: image-led header, real Shoptet filters, and calm product browsing. */
body.type-category{background:#f4f0e5}.type-category .breadcrumbs{box-sizing:border-box;background:#22311b;color:rgba(255,253,248,.82)}.type-category .breadcrumbs a{color:var(--mn-gold-light)}.type-category .breadcrumbs .navigation-bullet{color:rgba(255,253,248,.48)}.type-category .mn-category-hero{position:relative;isolation:isolate;min-height:300px;margin:0 0 30px;padding:clamp(42px,5vw,80px) clamp(28px,7vw,118px);overflow:hidden;background:linear-gradient(90deg,rgba(12,29,7,.92),rgba(12,29,7,.35)),#1a3210;color:var(--mn-white)}.type-category .mn-category-hero::before{position:absolute;z-index:-1;inset:0;content:"";background:center/cover no-repeat;opacity:.95}.type-category.in-darkove-balicky .mn-category-hero::before{background-image:url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/mnx-card-gift.webp")}.type-category .mn-category-hero .category-title{max-width:760px;margin:0;color:var(--mn-white);font-family:var(--mn-serif);font-size:clamp(42px,5vw,72px);font-weight:500;line-height:1.04;text-shadow:0 2px 18px rgba(0,0,0,.3)}.type-category .mn-category-hero .products-top-wrapper{display:none!important}.type-category .content-wrapper-in{align-items:flex-start}.type-category .sidebar{box-sizing:border-box;padding-right:24px}.type-category .sidebar-inner{padding:20px;border:1px solid rgba(81,65,34,.17);border-radius:12px;background:rgba(255,253,248,.56);box-shadow:none}.type-category .sidebar .box,.type-category .sidebar .sidebar-box{margin:0 0 18px;padding:0 0 18px;border-bottom:1px solid rgba(81,65,34,.14)}.type-category .sidebar h4,.type-category .sidebar .box-title{color:#342817;font-size:12px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.type-category .sidebar a{color:#4a4135;font-size:14px}.type-category .sidebar a:hover,.type-category .sidebar a.active{color:var(--mn-forest)}.type-category .category-content-wrapper{padding:0}.type-category .category-header{display:flex;align-items:center;justify-content:flex-end;min-height:64px;margin:0 0 18px;padding:12px 0;border-bottom:1px solid rgba(81,65,34,.16);background:transparent}.type-category .category-header select,.type-category .category-header .form-control{min-height:42px;border:1px solid rgba(81,65,34,.26);border-radius:8px;background:#fffdf8;color:#4a4135}.type-category .products.products-page{gap:18px}.type-category .products.products-page .p{border-color:rgba(81,65,34,.18);border-radius:12px;background:#fffdf8;box-shadow:none}.type-category .products.products-page .p:hover{border-color:rgba(166,145,45,.5);box-shadow:0 12px 28px rgba(49,39,21,.12)}.type-category .products.products-page .p>.image{background:#e9eadc}.type-category .products.products-page .p .name{color:#342817;font-size:18px}.type-category .products.products-page .price-final strong{color:#342817;font-family:var(--mn-serif);font-size:22px;font-weight:500}.type-category .products.products-page .availability span{color:var(--mn-forest)!important}.type-category .benefit-banners-full-width{margin-top:36px;background:linear-gradient(90deg,#17280d,#243b18)}@media(min-width:1024px){.type-category .content-wrapper{max-width:none}.type-category .mn-category-hero{margin-inline:0}.type-category .sidebar{width:280px;flex:0 0 280px}.type-category #content.narrow{max-width:none;padding-left:0}.type-category .products.products-page{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:767px){.type-category .mn-category-hero{min-height:220px;margin-bottom:18px;padding:36px 22px}.type-category .mn-category-hero .category-title{font-size:40px}.type-category .sidebar{padding:0 18px}.type-category .sidebar-inner{margin-bottom:18px}.type-category .category-content-wrapper{padding:0 18px}.type-category .products.products-page{gap:12px}}
@media(min-width:1024px){.type-category .products.products-page{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch}.type-category .products.products-page>.product{width:auto!important;min-width:0!important;margin:0!important;flex:none!important}.type-category .products.products-page .p{width:100%!important;min-width:0!important;margin:0!important}}
/* Dense, editorial product browsing for the category template. */
.type-category .mn-category-hero__lead{max-width:610px;margin:14px 0 0;color:rgba(255,253,248,.9);font-size:17px;line-height:1.5}.type-category .mn-category-list-title{margin:0 auto 0 0;color:#342817;font-family:var(--mn-serif);font-size:clamp(28px,2.4vw,40px);font-weight:500;line-height:1}.type-category .products.products-page .p>.image{aspect-ratio:1 / .68;padding:8px}.type-category .products.products-page .p-in-in{padding:13px 14px 14px}.type-category .products.products-page .p .name{min-height:0;margin-bottom:7px;font-size:16px;line-height:1.25}.type-category .products.products-page .ratings-wrapper{min-height:16px;margin-bottom:8px}.type-category .products.products-page .p-bottom{padding-top:9px}.type-category .products.products-page .price-final strong{font-size:21px}.type-category .products.products-page .p-bottom .btn,.type-category .products.products-page .p-bottom .add-to-cart-button{min-height:36px;padding-inline:11px;font-size:12px}@media(max-width:767px){.type-category .mn-category-hero__lead{font-size:15px}.type-category .mn-category-list-title{font-size:27px}}
@media(min-width:1024px){.type-category .breadcrumbs{min-height:50px;padding:15px 28px;font-size:12px;line-height:20px}.type-category .mn-category-hero{min-height:210px;padding-top:42px;padding-bottom:42px}}
@media(min-width:1024px){.type-category .breadcrumbs{color:#fff;font-family:var(--mn-sans);font-size:12px;font-weight:700;letter-spacing:.8px;line-height:20px;text-transform:uppercase}.type-category .breadcrumbs .navigation-bullet{color:rgba(255,253,248,.4)}}
/* Homepage benefits: high-contrast dark band aligned with the Mimix header. */
.in-index .mn-benefits{padding:26px 0 34px!important;background:linear-gradient(180deg,#17280d,#1d3511)!important}.in-index .mn-benefits__grid{border-color:rgba(209,165,80,.68)!important;background:#102208!important;box-shadow:0 12px 28px rgba(10,21,6,.2)}.in-index .mn-benefits article{min-height:98px!important;background:linear-gradient(135deg,rgba(35,61,23,.98),rgba(20,42,13,.98))!important;color:#fffdf8!important}.in-index .mn-benefits article+article{border-inline-start-color:rgba(209,165,80,.35)!important}.in-index .mn-benefits h2{color:#fffdf8!important;font-size:15px!important}.in-index .mn-benefits p{color:rgba(255,253,248,.82)!important;font-size:12px!important}.in-index .mn-benefits__icon{border-color:#d1a550!important;color:#d1a550!important;background:rgba(10,25,6,.26)}@media(max-width:767px){.in-index .mn-benefits{padding:0!important}.in-index .mn-benefits article{min-height:86px!important;background:#1d3511!important}}
/* One consistent breadcrumb treatment wherever Shoptet renders it. */
.breadcrumbs{box-sizing:border-box;min-height:50px;margin:0!important;padding:15px 28px!important;background:#22311b!important;color:#fff!important;font-family:var(--mn-sans)!important;font-size:12px!important;font-weight:700!important;letter-spacing:.8px!important;line-height:20px!important;text-transform:uppercase}.breadcrumbs a{color:var(--mn-gold-light)!important}.breadcrumbs .navigation-bullet{color:rgba(255,253,248,.4)!important}
/* Category controls: filters are available on demand; tiles and list retain the same native cards. */
.mn-category-browser-controls{display:flex;align-items:center;gap:8px;margin-left:14px}.mn-category-control{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border:1px solid rgba(81,65,34,.24);border-radius:8px;background:#fffdf8;color:#4a4135;font-family:var(--mn-sans);font-size:13px;font-weight:750;cursor:pointer}.mn-category-control--filter{padding:0 16px}.mn-category-control--view{width:42px;padding:0;font-size:21px;line-height:1}.mn-category-control:hover,.mn-category-control.is-active{border-color:var(--mn-gold);background:#f4f0e5;color:var(--mn-forest)}.mn-category-filter-backdrop{position:fixed;z-index:1000;inset:0;border:0;background:rgba(13,25,8,.42);cursor:pointer}@media(min-width:1024px){.type-category .content-wrapper-in{display:block}.type-category .sidebar{display:none}.type-category #content.narrow{display:block;width:100%;max-width:none;padding:0}.type-category.mn-category-filters-open .sidebar{position:fixed;z-index:1001;top:74px;left:max(16px,calc((100vw - 1440px) / 2));display:block;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 92px);margin:0;padding:18px;overflow:auto;border:1px solid rgba(209,165,80,.48);border-radius:14px;background:#f4f0e5;box-shadow:0 24px 60px rgba(7,17,5,.36)}.type-category.mn-category-filters-open .sidebar-inner{padding:0;border:0;background:transparent}.type-category.mn-category-list-view .products.products-page{display:block!important}.type-category.mn-category-list-view .products.products-page>.product{width:100%!important;margin:0 0 14px!important}.type-category.mn-category-list-view .products.products-page .p{display:flex!important;flex-direction:row;min-height:188px}.type-category.mn-category-list-view .products.products-page .p>.image{width:220px!important;flex:0 0 220px;aspect-ratio:auto;padding:8px}.type-category.mn-category-list-view .products.products-page .p-in{flex:1;min-width:0}.type-category.mn-category-list-view .products.products-page .p-in-in{padding:20px}.type-category.mn-category-list-view .products.products-page .p .name{font-size:21px}.type-category.mn-category-list-view .products.products-page .p-bottom{max-width:520px}.type-category .category-header{justify-content:flex-start}.type-category .category-header .listSorting{margin-left:auto}}
@media(max-width:767px){.mn-category-browser-controls{margin:12px 0 0}.type-category .category-header{flex-wrap:wrap}.type-category .category-header .listSorting{order:3;width:100%;margin:10px 0 0}.type-category.mn-category-list-view .products.products-page .p{flex-direction:row}.type-category.mn-category-list-view .products.products-page .p>.image{width:120px!important;flex:0 0 120px;aspect-ratio:1 / 1}}
/* Corrective category layout: contained grid, one heading, and a true horizontal list view. */
@media(min-width:1024px){.type-category .mn-category-hero::before{z-index:0}.type-category .mn-category-hero .category-title,.type-category .mn-category-hero__lead{position:relative;z-index:1}.type-category .mn-category-list-title{display:none!important}.type-category .filters-unveil-button,.type-category .filter-section .filters-unveil-button{display:none!important}.type-category #content.narrow{width:min(100% - 48px,1440px)!important;margin:0 auto!important;padding:0!important}.type-category .category-content-wrapper{width:100%;padding:0!important}.type-category .category-header{width:100%;min-height:58px;margin:0 0 20px!important;padding:8px 0!important}.type-category .category-header .listSorting{margin-left:auto}.type-category .products.products-page{width:100%;max-width:none!important;gap:18px!important}.type-category .products.products-page>.product{width:auto!important}.type-category .products.products-page .p{min-height:0!important;height:auto!important}.type-category .products.products-page .p>.image{height:auto!important;max-height:220px!important}.type-category.mn-category-list-view .products.products-page{display:flex!important;flex-direction:column;gap:14px!important}.type-category.mn-category-list-view .products.products-page>.product{width:100%!important}.type-category.mn-category-list-view .products.products-page .p{display:flex!important;flex-direction:row!important;align-items:stretch;min-height:210px!important}.type-category.mn-category-list-view .products.products-page .p>.image{display:block!important;width:230px!important;max-width:230px!important;height:210px!important;max-height:none!important;flex:0 0 230px;aspect-ratio:auto!important}.type-category.mn-category-list-view .products.products-page .p>.image img{object-fit:cover!important}.type-category.mn-category-list-view .products.products-page .p-in{display:flex!important;flex:1;min-width:0}.type-category.mn-category-list-view .products.products-page .p-in-in{display:flex!important;flex:1;flex-direction:column;padding:20px 24px!important}.type-category.mn-category-list-view .products.products-page .p-bottom{max-width:500px;margin-top:auto}.type-category.mn-category-list-view .products.products-page .p .name{font-size:21px!important}}
/* Final category density and native-filter cleanup. */
@media(min-width:1024px){
  .type-category .unveil-button[data-unveil="filters"]{display:none!important}
  .type-category .products.products-page{margin-left:0!important;margin-right:0!important;grid-template-columns:repeat(6,minmax(0,1fr))!important}
}

/* Homepage content blocks use the same real width as the hero, not merely a
   full-bleed background behind a narrower 1280px shell. */
@media(min-width:1024px){
  .in-index .mn-section{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .in-index .mn-section .mn-shell,
  .in-index .mn-category-grid{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
}

/* Final newsletter width override; must follow the legacy homepage shell. */
@media(min-width:1024px){
  .in-index .mn-newsletter .mn-shell{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
}

/* Final mobile-menu placement — kept at EOF to override Samba's later
   fixed/sticky close-control declarations. */
@media(max-width:767px){
  body.navigation-window-visible #header .header-bottom,
  body.navigation-window-visible #header .header-bottom-wrapper,
  body.navigation-window-visible #header #navigation,
  body.navigation-window-visible #header #navigation .navigation-in{
    background:#191c0a!important;
  }
  body.navigation-window-visible #header .header-bottom-wrapper{padding:0 0 24px!important}
  body.navigation-window-visible #header #navigation{
    display:flex!important;
    flex-direction:column!important;
  }
  body.navigation-window-visible #header #navigation .navigation-in{
    order:2!important;
    width:100%!important;
  }
  body.navigation-window-visible #header #navigation .navigation-close{
    position:static!important;
    z-index:auto!important;
    display:grid!important;
    order:1!important;
    align-self:flex-end!important;
    width:52px!important;
    height:52px!important;
    min-height:52px!important;
    margin:0 8px!important;
    padding:0!important;
    background:transparent!important;
    color:#fffdf8!important;
    place-items:center!important;
  }
  body.navigation-window-visible #header #navigation .menu-level-1>li{
    height:56px!important;
    min-height:56px!important;
    border-bottom:1px solid rgba(209,165,80,.24)!important;
  }
  body.navigation-window-visible #header #navigation .menu-level-1>li>a{
    box-sizing:border-box!important;
    height:56px!important;
    min-height:56px!important;
    padding:0 20px!important;
    background:transparent!important;
    color:#d1a550!important;
  }
}

/* Mimix mobile menu: a lightweight visual mirror of Shoptet's first six
   primary links. Its data remains live in the source menu; this only avoids
   Samba's unstable mobile layout for the first item. */
#header .mn-mobile-menu{display:none!important}
@media(max-width:767px){
  #header .mn-mobile-menu{display:none!important}
  body.navigation-window-visible #header #navigation,
  html.mn-navigation-open #header #navigation{display:none!important}
  body.navigation-window-visible #header .mn-mobile-menu,
  html.mn-navigation-open #header .mn-mobile-menu{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#243b18!important;
  }
  body.navigation-window-visible #header .mn-mobile-menu ul,
  html.mn-navigation-open #header .mn-mobile-menu ul{
    display:block!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }
  body.navigation-window-visible #header .mn-mobile-menu li,
  html.mn-navigation-open #header .mn-mobile-menu li{
    display:block!important;
    margin:0!important;
    padding:0!important;
    background:#243b18!important;
    border:0!important;
  }
  body.navigation-window-visible #header .mn-mobile-menu a,
  html.mn-navigation-open #header .mn-mobile-menu a{
    display:flex!important;
    min-height:62px!important;
    margin:0!important;
    padding:19px 24px!important;
    align-items:center!important;
    justify-content:space-between!important;
    color:#d1a550!important;
    border:0!important;
    border-bottom:1px solid rgba(209,165,80,.28)!important;
    background:#243b18!important;
    font-family:var(--mn-sans)!important;
    font-size:16px!important;
    font-weight:750!important;
    line-height:1.25!important;
    text-decoration:none!important;
  }
  body.navigation-window-visible #header .mn-mobile-menu a::after,
  html.mn-navigation-open #header .mn-mobile-menu a::after{
    color:#d1a550!important;
    font:400 25px/1 Arial,sans-serif!important;
    content:'›'!important;
  }
}

/* Mobile menu redesign: a compact storefront header remains visible above a
   calm, Grizly-inspired list sheet. It uses Mimix colours and system markup. */
@media(max-width:767px){
  body.navigation-window-visible #header{position:relative!important;z-index:230!important;overflow:visible!important}
  body.navigation-window-visible #header .header-bottom{
    position:absolute!important;
    top:100%!important;
    right:0!important;
    bottom:auto!important;
    left:0!important;
    height:auto!important;
    max-height:calc(100dvh - 92px)!important;
    overflow-y:auto!important;
    background:#fffdf8!important;
    border-top:1px solid rgba(36,59,24,.14)!important;
    box-shadow:0 20px 36px rgba(25,28,10,.22)!important;
  }
  body.navigation-window-visible #header .header-bottom-wrapper{min-height:0!important;height:auto!important;padding:0!important;background:#fffdf8!important}
  body.navigation-window-visible #header #navigation{padding:0!important;background:#fffdf8!important}
  body.navigation-window-visible #header #navigation .navigation-close{
    position:absolute!important;
    z-index:240!important;
    top:-48px!important;
    right:10px!important;
    display:grid!important;
    width:42px!important;
    height:42px!important;
    place-items:center!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#fffdf8!important;
  }
  body.navigation-window-visible #header #navigation .menu-level-1{margin:0!important;padding:0!important;background:#fffdf8!important}
  body.navigation-window-visible #header #navigation .menu-level-1>li{margin:0!important;border:0!important;background:#fffdf8!important}
  body.navigation-window-visible #header #navigation .menu-level-1>li>a{
    min-height:62px!important;
    margin:0!important;
    padding:18px 22px!important;
    border:0!important;
    border-bottom:1px solid rgba(36,59,24,.12)!important;
    border-radius:0!important;
    background:#fffdf8!important;
    color:#20231b!important;
    font-size:16px!important;
    font-weight:750!important;
  }
  body.navigation-window-visible #header #navigation .menu-level-1>li>a::after{color:#243b18!important;font-size:24px!important}
  body.navigation-window-visible #header #navigation .navigationActions{display:none!important}
}

/* Final mobile category browser. This layer intentionally sits after older
   Samba compatibility rules: sorting must never create a second product rail,
   and filters are shown only by the explicit Mimix control. */
body.type-category .products-top-wrapper{display:none!important}

@media(max-width:767px){
  body.type-category #filters-wrapper{display:none!important;margin:0 0 16px!important}
  body.type-category.mn-category-only-filters-open #filters-wrapper{display:block!important}
  body.type-category.mn-category-only-filters-open #filters-wrapper #filters{display:block!important}
  body.type-category #content .category-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 42px 42px!important;
    gap:10px!important;
    align-items:center!important;
    min-height:42px!important;
    margin:0 0 14px!important;
    padding:0!important;
  }
  body.type-category #content .category-header .listSorting{display:none!important}
  body.type-category #content .mn-category-browser-controls{display:contents!important}
  body.type-category #content .mn-category-control--filter{grid-column:1!important;justify-self:start!important}
  body.type-category #content .mn-category-control--view{width:42px!important;height:42px!important;min-height:42px!important}
  body.type-category #content .products.products-page{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
  body.type-category:not(.mn-category-list-view) #content .products.products-page>.product{width:auto!important;min-width:0!important;margin:0!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    height:338px!important;
    min-height:338px!important;
  }
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .availability,
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .availability span{
    width:100%!important;
    text-align:center!important;
  }
  body.type-category.mn-category-list-view #content .products.products-page{grid-template-columns:1fr!important;gap:12px!important}
  body.type-category.mn-category-list-view #content .products.products-page .p{
    display:grid!important;
    grid-template-columns:128px minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
    height:156px!important;
    min-height:156px!important;
  }
  body.type-category.mn-category-list-view #content .products.products-page .p>.image{
    grid-column:1!important;
    width:128px!important;
    height:156px!important;
    min-height:156px!important;
  }
  body.type-category.mn-category-list-view #content .products.products-page .p-in{grid-column:2!important;min-width:0!important}
  body.type-category.mn-category-list-view #content .products.products-page .p-code,
  body.type-category.mn-category-list-view #content .products.products-page .flags{display:none!important}
  /* The Mimix button is the only filter trigger. The native second trigger
     refreshes the listing independently and used to remove the toolbar. */
  body.type-category #filters-wrapper .filters-unveil-button-wrapper{display:none!important}
}

/* Mobile navigation: a single full-height sheet, with a fixed close control
   outside the link flow. This prevents the native close element from being
   rendered after the last navigation item. */
@media(max-width:767px){
  body.navigation-window-visible #header .header-bottom{
    top:28px!important;
    bottom:0!important;
    left:0!important;
    right:0!important;
    padding:0!important;
    overflow-y:auto!important;
    background:#191c0a!important;
  }
  body.navigation-window-visible #header .header-bottom-wrapper{
    display:block!important;
    min-height:100%!important;
    padding:0 20px 32px!important;
    background:#191c0a!important;
  }
  body.navigation-window-visible #header .navigation-close{
    position:fixed!important;
    z-index:220!important;
    top:42px!important;
    right:18px!important;
    display:flex!important;
    width:42px!important;
    height:42px!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:#191c0a!important;
    color:#fffdf8!important;
  }
  body.navigation-window-visible #header #navigation{padding-top:58px!important;background:transparent!important}
  body.navigation-window-visible #header .menu-level-1{margin:0!important;padding:0!important}
  body.navigation-window-visible #header .menu-level-1>li{margin:0!important;border:0!important;background:transparent!important}
  body.navigation-window-visible #header .menu-level-1>li>a{
    min-height:56px!important;
    margin:0!important;
    padding:17px 12px!important;
    border:0!important;
    border-bottom:1px solid rgba(209,165,80,.22)!important;
    border-radius:0!important;
    background:#191c0a!important;
    color:#d1a550!important;
    font-size:15px!important;
    font-weight:750!important;
  }
}

/* Mobile navigation — final authority.
   Mimix retains its dark header, but the navigation itself is a clean
   readable sheet beneath it. This prevents the native close button from
   entering the list or appearing after the last item. */
@media(max-width:767px){
  body.navigation-window-visible #header{
    position:relative!important;
    z-index:230!important;
    overflow:visible!important;
  }
  body.navigation-window-visible #header .header-bottom{
    position:absolute!important;
    z-index:231!important;
    top:100%!important;
    right:0!important;
    bottom:auto!important;
    left:0!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:calc(100dvh - 92px)!important;
    padding:0!important;
    overflow-y:auto!important;
    background:#fffdf8!important;
    border-top:1px solid rgba(36,59,24,.14)!important;
    box-shadow:0 20px 36px rgba(25,28,10,.24)!important;
  }
  body.navigation-window-visible #header .header-bottom-wrapper{
    display:block!important;
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    background:#fffdf8!important;
  }
  body.navigation-window-visible #header #navigation,
  body.navigation-window-visible #header #navigation .navigation-in{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    background:#fffdf8!important;
  }
  body.navigation-window-visible #header #navigation .menu-level-1{
    display:block!important;
    margin:0!important;
    padding:0!important;
  }
  body.navigation-window-visible #header #navigation .menu-level-1>li{
    display:block!important;
    margin:0!important;
    border:0!important;
    background:#fffdf8!important;
  }
  body.navigation-window-visible #header #navigation .menu-level-1>li>a{
    display:flex!important;
    min-height:62px!important;
    margin:0!important;
    padding:18px 22px!important;
    align-items:center!important;
    border:0!important;
    border-bottom:1px solid rgba(36,59,24,.13)!important;
    border-radius:0!important;
    background:#fffdf8!important;
    color:#20231b!important;
    font-size:16px!important;
    font-weight:750!important;
    line-height:1.25!important;
  }
  body.navigation-window-visible #header #navigation .menu-level-1>li>a::after{
    color:#243b18!important;
    font-size:24px!important;
  }
  body.navigation-window-visible #header #navigation .navigationActions,
  body.navigation-window-visible #header .menu-helper{display:none!important}
  body.navigation-window-visible #header #navigation .navigation-close{
    position:absolute!important;
    z-index:240!important;
    top:-48px!important;
    right:10px!important;
    display:grid!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    place-items:center!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#fffdf8!important;
  }
}

/* Informational promo bar: it deliberately has no interactive state. */
.mn-promo-bar__item,
.mn-promo-bar__item:hover,
.mn-promo-bar__item:focus{
  cursor:default!important;
  color:#f8f5eb!important;
  background:transparent!important;
  text-decoration:none!important;
  pointer-events:none!important;
}

/* Final mobile navigation and category rhythm. Kept at the end intentionally
   so it wins over the historical Samba-specific mobile overrides above. */
@media(max-width:767px){
  /* Simple Mimix navigation: a forest sheet, gold labels, quiet dividers. */
  body.navigation-window-visible #header .header-bottom,
  body.navigation-window-visible #header .header-bottom-wrapper,
  body.navigation-window-visible #header #navigation,
  body.navigation-window-visible #header #navigation .navigation-in{
    background:#191c0a!important;
  }
  body.navigation-window-visible #header .header-bottom-wrapper{padding:58px 22px 30px!important}
  body.navigation-window-visible #header #navigation .menu-level-1>li{
    margin:0!important;
    border-bottom:1px solid rgba(209,165,80,.28)!important;
  }
  body.navigation-window-visible #header #navigation .menu-level-1>li>a{
    min-height:58px!important;
    padding:16px 0!important;
    background:transparent!important;
    color:#d1a550!important;
    font-family:var(--mn-sans)!important;
    font-size:15px!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
  }
  body.navigation-window-visible #header #navigation .menu-level-1>li>a::after{color:#d1a550!important}
  body.navigation-window-visible #header .navigation-close{
    top:44px!important;
    right:14px!important;
    width:44px!important;
    height:44px!important;
    color:#fffdf8!important;
  }

  /* Compact browse controls with clear 44px targets. */
  body.type-category .category-content-wrapper{padding-inline:18px!important}
  body.type-category .category-header{gap:10px!important;margin-bottom:16px!important}
  body.type-category .mn-category-control,
  body.type-category .category-header .listSorting__control{
    min-height:44px!important;
    border-radius:10px!important;
  }
  body.type-category .mn-category-control--filter{
    background:#fffdf8!important;
    color:#243b18!important;
    font-weight:800!important;
  }
  body.type-category .mn-category-control--view{border:1px solid rgba(166,145,45,.7)!important;background:#fffdf8!important;color:#243b18!important}
  body.type-category .mn-category-control--view.is-active{background:#243b18!important;color:#fffdf8!important}
  body.type-category .category-header .listSorting{padding:6px!important;border:0!important;border-radius:14px!important;background:#fffdf8!important}
  body.type-category .category-header .listSorting__control{font-size:12px!important;font-weight:800!important}

  /* Two calm, equal cards; the native buying action stays at the card base. */
  body.type-category:not(.mn-category-list-view) #content .products.products-page{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p{
    min-height:0!important;
    height:auto!important;
    border:0!important;
    border-radius:14px!important;
    background:#fffdf8!important;
    overflow:hidden!important;
    box-shadow:0 5px 16px rgba(25,28,10,.08)!important;
  }
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p>.image{
    width:100%!important;
    height:auto!important;
    aspect-ratio:1 / 1!important;
    padding:0!important;
    background:#17280d!important;
  }
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p>.image img{width:100%!important;height:100%!important;object-fit:cover!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p-in{display:flex!important;min-height:0!important;flex-direction:column!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p-in-in{padding:12px 10px 4px!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .name{
    min-height:36px!important;
    margin:0!important;
    color:#243b18!important;
    font-family:var(--mn-serif)!important;
    font-size:16px!important;
    line-height:1.15!important;
    text-align:center!important;
  }
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p-bottom{display:flex!important;flex:1!important;flex-direction:column!important;padding:4px 10px 12px!important;background:#fffdf8!important;text-align:center!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .prices,
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .price-final,
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .availability{width:100%!important;text-align:center!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .availability{margin:5px 0 8px!important;font-size:11px!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-tools{margin-top:auto!important;padding-top:0!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-tools .btn,
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-tools .add-to-cart-button{min-height:40px!important;border-radius:9px!important;font-size:10px!important}
}

/* Mobile menu and category CTA corrections. */
@media(max-width:767px){
  body.navigation-window-visible #header .header-bottom{
    background:#243b18!important;
  }
  body.navigation-window-visible #header .header-bottom-wrapper{
    position:relative!important;
    padding:62px 0 28px!important;
    background:#243b18!important;
  }
  body.navigation-window-visible #header .navigation-close{
    position:absolute!important;
    top:10px!important;
    right:12px!important;
    z-index:2!important;
    width:40px!important;
    height:40px!important;
    background:transparent!important;
    color:#fffdf8!important;
  }
  body.navigation-window-visible #header #navigation .menu-level-1>li>a{
    min-height:60px!important;
    padding:17px 20px!important;
    background:#243b18!important;
  }

  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-tools{
    display:flex!important;
    width:100%!important;
  }
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-tools>form,
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-tools>a,
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-tools .btn,
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-tools .add-to-cart-button{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    align-items:center!important;
    justify-content:center!important;
  }
}

/* This must follow the historical Samba navigation rules above. */
@media(max-width:767px){
  body.navigation-window-visible #header #navigation,
  html.mn-navigation-open #header #navigation{display:none!important}
  body.navigation-window-visible #header .mn-mobile-menu,
  html.mn-navigation-open #header .mn-mobile-menu{display:block!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#243b18!important}
  body.navigation-window-visible #header .mn-mobile-menu ul,
  html.mn-navigation-open #header .mn-mobile-menu ul{display:block!important;margin:0!important;padding:0!important;list-style:none!important}
  body.navigation-window-visible #header .mn-mobile-menu li,
  html.mn-navigation-open #header .mn-mobile-menu li{display:block!important;margin:0!important;padding:0!important;background:#243b18!important;border:0!important}
  body.navigation-window-visible #header .mn-mobile-menu a,
  html.mn-navigation-open #header .mn-mobile-menu a{display:flex!important;min-height:62px!important;margin:0!important;padding:19px 24px!important;align-items:center!important;justify-content:space-between!important;color:#d1a550!important;border:0!important;border-bottom:1px solid rgba(209,165,80,.28)!important;background:#243b18!important;font-family:var(--mn-sans)!important;font-size:16px!important;font-weight:750!important;line-height:1.25!important;text-decoration:none!important}
  body.navigation-window-visible #header .mn-mobile-menu a::after,
  html.mn-navigation-open #header .mn-mobile-menu a::after{color:#d1a550!important;font:400 25px/1 Arial,sans-serif!important;content:'›'!important}
}

/* Temporary launch countdown placed inside the homepage hero. */
.in-index .mn-launch-countdown{width:max-content;max-width:100%;margin:22px 0 0;padding:13px 16px 14px;border:1px solid rgba(209,165,80,.72);border-radius:12px;background:rgba(17,26,13,.78);box-shadow:0 10px 24px rgba(0,0,0,.2);color:var(--mn-white);backdrop-filter:blur(5px)}.in-index .mn-launch-countdown p{margin:0 0 8px;color:#f3d892;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.in-index .mn-launch-countdown__values{display:flex;align-items:flex-start;gap:9px}.in-index .mn-launch-countdown__values span{display:grid;min-width:42px;text-align:center}.in-index .mn-launch-countdown__values b{font-variant-numeric:tabular-nums;font-size:25px;line-height:1}.in-index .mn-launch-countdown__values small{margin-top:3px;color:rgba(255,253,248,.72);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.in-index .mn-launch-countdown__values i{padding-top:1px;color:var(--mn-gold-light);font-size:21px;font-style:normal}@media(max-width:767px){.in-index .mn-launch-countdown{margin-top:18px;padding:12px}.in-index .mn-launch-countdown__values{gap:5px}.in-index .mn-launch-countdown__values span{min-width:38px}.in-index .mn-launch-countdown__values b{font-size:21px}.in-index .mn-launch-countdown__values i{font-size:18px}}

/* Navigation refresh: desktop remains a calm one-line menu; the tablet range
   uses a dedicated trigger placed before the account actions. */
@media (min-width:1920px){
  #header #navigation .menu-level-1>li>a{
    border:0!important;
    border-radius:9px!important;
    background:#243b18!important;
    box-shadow:none!important;
    color:#d1a550!important;
    transform:none!important;
    transition:background-color .18s ease,color .18s ease,box-shadow .18s ease!important;
  }
  #header #navigation .menu-level-1>li>a:hover,
  #header #navigation .menu-level-1>li>a:focus-visible{
    background:rgba(201,164,91,.11)!important;
    box-shadow:inset 0 -2px 0 #c9a45b!important;
    color:#f3d892!important;
    transform:none!important;
  }
}

@media (min-width:768px) and (max-width:1849px){
  #header .header-top,
  #header .header-top-wrapper{min-height:112px!important;height:112px!important}
  #header .site-name{height:112px!important}
  #header .site-name img{height:74px!important;max-width:188px!important}

  /* The button reserves a fixed action zone on the right for profile + cart. */
  #header .header-top a[data-target="navigation"]{
    right:clamp(188px,13vw,250px)!important;
    width:46px!important;
    height:46px!important;
    border-radius:12px!important;
    background:rgba(25,28,10,.5)!important;
    box-shadow:none!important;
    transition:background-color .18s ease,border-color .18s ease!important;
  }
  #header .header-top a[data-target="navigation"]:hover,
  #header .header-top a[data-target="navigation"]:focus-visible{
    border-color:#c9a45b!important;
    background:rgba(201,164,91,.13)!important;
    transform:translateY(-50%)!important;
  }
  #header .header-top a[data-target="navigation"]::before{
    font-size:25px!important;
    line-height:1!important;
  }
  body.navigation-window-visible #header .header-bottom{
    top:112px!important;
    max-height:calc(100vh - 112px)!important;
    background:#111a0d!important;
  }
  body.navigation-window-visible #header #navigation .menu-level-1>li>a{
    min-height:56px!important;
    padding:16px clamp(28px,7vw,112px)!important;
    color:#e0bc70!important;
    background:#111a0d!important;
    border-bottom:1px solid rgba(201,164,91,.2)!important;
    box-shadow:none!important;
    transform:none!important;
  }
  body.navigation-window-visible #header #navigation .menu-level-1>li>a:hover{
    background:rgba(201,164,91,.09)!important;
    color:#fff0bf!important;
  }
}

/* Last-mile menu corrections: every desktop item gets exactly the same hover,
   while the tablet sheet shows all seven links without a nested scrollbar. */
@media (min-width:1920px){
  #header #navigation .menu-level-1>li:hover>a,
  #header #navigation .menu-level-1>li>a:hover,
  #header #navigation .menu-level-1>li>a:focus-visible{
    border:0!important;
    border-bottom:2px solid #c9a45b!important;
    background:linear-gradient(180deg,rgba(201,164,91,.14),rgba(201,164,91,.035))!important;
    box-shadow:none!important;
    color:#f3d892!important;
    transform:none!important;
  }
  #header #navigation .menu-level-1>li:hover>a b,
  #header #navigation .menu-level-1>li>a:hover b,
  #header #navigation .menu-level-1>li>a:focus-visible b{color:inherit!important}
}
@media (min-width:768px) and (max-width:1919px){
  #header .header-top a[data-target="navigation"]{right:clamp(160px,10.8vw,208px)!important}
  body.navigation-window-visible #header .header-bottom{
    height:auto!important;max-height:none!important;overflow:hidden!important;
  }
  body.navigation-window-visible #header .header-bottom-wrapper,
  body.navigation-window-visible #header #navigation,
  body.navigation-window-visible #header #navigation .navigation-in,
  body.navigation-window-visible #header #navigation .menu-level-1{
    height:auto!important;max-height:none!important;overflow:visible!important;
  }
  body.navigation-window-visible #header #navigation .menu-level-1>li{
    display:block!important;height:auto!important;overflow:visible!important;
  }
  body.navigation-window-visible #header #navigation .menu-level-1>li:nth-child(-n+7){display:block!important}
}
/* Increase the actual desktop header band so logo and account controls fit fully. */
@media (min-width:1024px){
  /* Keep the search result panel within the search control: its right edge
     aligns with the input/button and the panel expands to the left. */
  #header .user-action-search .searchWhisperer{
    right:0!important;
    left:auto!important;
    transform:none!important;
    width:660px!important;
    max-width:calc(100vw - 40px)!important;
  }
  #header .header-top{min-height:154px!important;height:154px!important}
  #header .header-top-wrapper{min-height:154px!important;height:154px!important}
  #header .site-name{height:154px!important}
  #header .site-name img{height:112px!important;max-width:240px!important}
  #header .header-bottom,#header .header-bottom-wrapper,#header #navigation,#header #navigation .navigation-in,#header #navigation .menu-level-1{height:154px!important;min-height:154px!important}
  #header #navigation .menu-level-1>li>a{min-height:132px!important}
  #header .navigation-buttons{height:154px!important}
}
/* Absolute final desktop height override. */
@media (min-width:1024px){
  #header .header-top,#header .header-top-wrapper{min-height:114px!important;height:114px!important}
  #header .site-name{height:114px!important}
  #header .site-name img{height:80px!important}
  #header .header-bottom,#header .header-bottom-wrapper,#header #navigation,#header #navigation .navigation-in,#header #navigation .menu-level-1{height:114px!important;min-height:114px!important}
  #header #navigation .menu-level-1>li>a{min-height:94px!important}
  #header .navigation-buttons{height:114px!important}
  #header #navigation .menu-level-1>li,
  #header #navigation .menu-level-1>li:hover,
  #header #navigation .menu-level-1>li>a,
  #header #navigation .menu-level-1>li:hover>a,
  #header #navigation .menu-level-1>li>a:hover,
  #header #navigation .menu-level-1>li>a:focus,
  #header #navigation .menu-level-1>li>a:focus-visible,
  #header #navigation .menu-level-1>li>a:active{
    background:transparent!important;background-image:none!important;border:0!important;border-color:transparent!important;border-radius:0!important;box-shadow:none!important;outline:0!important;transform:none!important;transition:none!important;filter:none!important;
  }
  #header #navigation .menu-level-1>li>a::after{display:none!important;content:none!important}
  #header #navigation .menu-level-1>li:first-child,
  #header #navigation .menu-level-1>li:first-child:hover,
  #header #navigation .menu-level-1>li:first-child>a,
  #header #navigation .menu-level-1>li:first-child>a:hover,
  #header #navigation .menu-level-1>li:first-child>a:focus{
    position:relative!important;left:0!important;margin-left:0!important;margin-right:0!important;padding-left:5px!important;padding-right:5px!important;transform:none!important;border:0!important;box-shadow:none!important;
  }
  #header #navigation .menu-level-1>li:first-child>a::before,
  #header #navigation .menu-level-1>li:first-child>a:hover::before{transform:none!important;margin-left:0!important;margin-right:0!important}
}
@media (min-width:1024px){
  #header .header-top,#header .header-top-wrapper{min-height:114px!important;height:114px!important}
  #header .site-name{height:114px!important}
  #header .site-name img{height:80px!important}
  #header .header-bottom,#header .header-bottom-wrapper,#header #navigation,#header #navigation .navigation-in,#header #navigation .menu-level-1{height:114px!important;min-height:114px!important}
  #header #navigation .menu-level-1>li>a{min-height:94px!important}
  #header .navigation-buttons{height:114px!important}
}
@media (min-width:1024px){#header .header-bottom{left:30%!important;right:25%!important}}
/* Final spacing refinement requested for desktop header. */
@media (min-width:1024px){
  #header .header-top,#header .header-top-wrapper{min-height:144px!important;height:144px!important}
  #header .site-name{height:144px!important;transform:translateX(-58px)!important}
  #header .site-name img{height:104px!important}
  #header .header-bottom{left:31%!important;right:27%!important;height:144px!important}
  #header .header-bottom-wrapper,#header #navigation,#header #navigation .navigation-in,#header #navigation .menu-level-1{height:144px!important;min-height:144px!important}
  #header #navigation .menu-level-1>li>a{min-height:122px!important;padding-inline:5px!important;font-size:14px!important}
  #header .navigation-buttons{height:144px!important}
}
@media (min-width:1024px){
  #header .header-top,#header .header-top-wrapper{min-height:134px!important;height:134px!important}
  #header .site-name{height:134px!important}
  #header .site-name img{height:96px!important}
  #header .header-bottom,#header .header-bottom-wrapper,#header #navigation,#header #navigation .navigation-in,#header #navigation .menu-level-1{height:134px!important;min-height:134px!important}
  #header #navigation .menu-level-1>li>a{min-height:114px!important}
  #header .navigation-buttons{height:134px!important}
}
/* Final desktop header geometry: reserve logo and account areas, center navigation. */
@media (min-width:1024px){
  #header .header-top-wrapper{
    position:relative!important;display:flex!important;align-items:center!important;
    min-height:132px!important;height:132px!important;padding:0 28px!important;
  }
  #header .site-name{position:relative!important;z-index:5!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;flex:0 0 230px!important;height:132px!important;margin:0!important}
  #header .site-name img{width:auto!important;height:96px!important;max-width:220px!important;margin:0!important}
  #header .header-bottom{position:absolute!important;z-index:3!important;top:0!important;bottom:0!important;left:27%!important;right:26%!important;width:auto!important;height:132px!important;margin:0!important}
  #header .header-bottom-wrapper,#header #navigation,#header #navigation .navigation-in,#header #navigation .menu-level-1{height:132px!important;min-height:132px!important}
  #header #navigation .menu-level-1{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;align-items:stretch!important;justify-content:normal!important;width:100%!important}
  #header #navigation .menu-level-1>li{display:flex!important;min-width:0!important;width:auto!important}
  #header #navigation .menu-level-1>li>a{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:112px!important;padding:10px 8px!important;font-size:15px!important;line-height:1.15!important;white-space:nowrap!important;text-align:center!important}
  #header .navigation-buttons{position:relative!important;z-index:5!important;display:flex!important;align-items:center!important;align-self:center!important;height:132px!important;margin-left:auto!important;gap:12px!important}
  #header .navigation-buttons>a,#header .navigation-buttons>button{align-self:center!important;min-width:48px!important;min-height:48px!important}
}

/* Final desktop header alignment: center the logo, catalog and actions in one row. */
@media (min-width:1024px){
  #header .header-top-wrapper{position:relative;display:flex;align-items:center;min-height:112px!important;height:112px!important;padding-inline:24px!important}
  #header .site-name{display:flex!important;align-items:center!important;height:112px!important;flex:0 0 220px!important;margin:0!important}
  #header .site-name img{display:block!important;height:90px!important;max-width:220px!important;margin:auto 0!important}
  #header .header-bottom{position:absolute!important;top:0!important;bottom:0!important;left:250px!important;right:250px!important;height:112px!important}
  #header .header-bottom-wrapper,#header #navigation,#header #navigation .navigation-in,#header #navigation .menu-level-1{height:112px!important;min-height:112px!important}
  #header #navigation .menu-level-1{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;align-items:stretch!important;justify-content:center!important}
  #header #navigation .menu-level-1>li{display:flex!important;min-width:0!important}
  #header #navigation .menu-level-1>li>a{display:flex!important;flex:1 1 auto!important;align-items:center!important;justify-content:center!important;min-height:100px!important;padding:8px 12px!important;font-size:14px!important;line-height:1.15!important;white-space:nowrap!important;color:var(--mn-gold-light,#D1A550)!important}
  #header #navigation .menu-level-1>li>a::after{display:none!important;content:none!important}
  #header #navigation .menu-level-1>li:hover>a,#header #navigation .menu-level-1>li>a:hover,#header #navigation .menu-level-1>li>a:focus,#header #navigation .menu-level-1>li>a:focus-visible,#header #navigation .menu-level-1>li>a:active{background:transparent!important;border-color:transparent!important;outline:0!important;box-shadow:none!important;color:var(--mn-gold-light,#D1A550)!important}
  #header #navigation .menu-level-1>li>a:hover::before{filter:none!important}
  #header .navigation-buttons{display:flex!important;align-items:center!important;height:112px!important;margin-left:auto!important;gap:8px!important}
  #header .navigation-buttons>a,#header .navigation-buttons>button{align-self:center!important}
  #header .user-action-search{top:128px!important;right:calc(50% - min(856px,50vw - 20px) + 16px)!important}
}

/* Supplied campaign hero artwork: separate desktop, tablet and mobile canvases.
   The v3 artwork preserves the approved copy but has no CTA. */
:root{
  --mn-asset-hero-v3:url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/hero-desktop-v3-no-cta.png");
  --mn-asset-hero-tablet-v3:url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/hero-tablet-v3-no-cta.png");
  --mn-asset-hero-mobile-v3:url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/hero-mobile-v3-no-cta.png");
}
.in-index .mn-hero{
  display:block!important;
  min-height:0!important;
  aspect-ratio:1836 / 850!important;
  background:var(--mn-asset-hero-v3) center / cover no-repeat!important;
}
.in-index .mn-hero__content{display:none!important}
@media (min-width:768px) and (max-width:1023px){
  .in-index .mn-hero{
    aspect-ratio:1472 / 1080!important;
    background-image:var(--mn-asset-hero-tablet-v3)!important;
  }
}
/* Last-pass desktop geometry override. */
@media (min-width:1024px){
  #header .header-top-wrapper{position:relative!important;display:flex!important;align-items:center!important;min-height:132px!important;height:132px!important;padding:0 28px!important}
  #header .site-name{position:relative!important;z-index:5!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;flex:0 0 230px!important;height:132px!important;margin:0!important}
  #header .site-name img{width:auto!important;height:96px!important;max-width:220px!important;margin:0!important}
  #header .header-bottom{position:absolute!important;z-index:3!important;top:0!important;bottom:0!important;left:27%!important;right:26%!important;width:auto!important;height:132px!important;margin:0!important}
  #header .header-bottom-wrapper,#header #navigation,#header #navigation .navigation-in,#header #navigation .menu-level-1{height:132px!important;min-height:132px!important}
  #header #navigation .menu-level-1{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;align-items:stretch!important;justify-content:normal!important;width:100%!important}
  #header #navigation .menu-level-1>li{display:flex!important;min-width:0!important;width:auto!important}
  #header #navigation .menu-level-1>li>a{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:112px!important;padding:10px 8px!important;font-size:15px!important;line-height:1.15!important;white-space:nowrap!important;text-align:center!important}
  #header .navigation-buttons{position:relative!important;z-index:5!important;display:flex!important;align-items:center!important;align-self:center!important;height:132px!important;margin-left:auto!important;gap:12px!important}
  #header .navigation-buttons>a,#header .navigation-buttons>button{align-self:center!important;min-width:48px!important;min-height:48px!important}
}
@media (max-width:767px){
  .in-index .mn-hero{
    aspect-ratio:942 / 1686!important;
    background-image:var(--mn-asset-hero-mobile-v3)!important;
  }
}

/* Absolute final search hover reset. This must remain at EOF: Samba emits
   late search-button hover declarations in several independent components. */
#header .user-action-search .search-button,
#header .user-action-search .search-button::before,
#header .user-action-search .search-button::after{
  animation:none!important;
  transition:none!important;
}
@media(min-width:768px){
  #header .user-action-search .search-button,
  #header .user-action-search .search-button:hover,
  #header .user-action-search .search-button:active,
  #header .user-action-search .search-button:focus:not(:focus-visible){
    background:transparent!important;
    background-image:none!important;
    border-color:transparent!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
  }
}
@media(max-width:767px){
  body.type-detail .p-detail .p-image-wrapper .p-image,
  body.type-detail .p-detail .p-image-wrapper #wrap,
  body.type-detail .p-detail .p-image-wrapper .p-main-image,
  body.type-detail .p-detail .p-image-wrapper .mousetrap{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
  }
  body.type-detail .p-detail .p-image-wrapper img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    object-fit:cover!important;
  }
}
@media(max-width:767px){
  #header .user-action-search .search-button,
  #header .user-action-search .search-button:hover,
  #header .user-action-search .search-button:active,
  #header .user-action-search .search-button:focus:not(:focus-visible){
    background:#243b18!important;
    background-image:none!important;
    border-color:transparent!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
  }
}

/* Homepage trust strip: use the full composition width and a calmer,
   darker surround instead of the former wide pale-green gutter. */
.in-index .mn-benefits{
  padding:18px 8px 24px!important;
  background:#243b18!important;
}
.in-index .mn-benefits .mn-benefits__grid{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
@media(max-width:767px){
  .in-index .mn-benefits{padding:10px 6px 16px!important}
}

/* Favourite categories: brighter photography with a compact Mimix caption
   panel. Keep the real category links and only refine their presentation. */
.in-index .mn-section:has(.mn-category-grid) .mn-section__heading{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  min-height:0!important;
  text-align:center!important;
}
.in-index .mn-section:has(.mn-category-grid) .mn-section__heading .mn-eyebrow{
  display:none!important;
}
.in-index .mn-section:has(.mn-category-grid) .mn-section__heading h2{
  margin:0!important;
  text-align:center!important;
}
.in-index .mn-category-grid{
  padding:14px!important;
  background:#132214!important;
}
.in-index .mn-category-card{
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  border-color:rgba(209,165,80,.62)!important;
  filter:none!important;
}
.in-index .mn-category-card:nth-child(1){background-image:url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/mnx-card-gift.webp")!important}
.in-index .mn-category-card:nth-child(2){background-image:url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/mnx-card-natural.webp")!important}
.in-index .mn-category-card:nth-child(3){background-image:url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/mnx-card-sweet.webp")!important}
.in-index .mn-category-card:nth-child(4){background-image:url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/mnx-card-granola.webp")!important}
.in-index .mn-category-card:nth-child(5){background-image:url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/mnx-card-matcha.webp")!important}
.in-index .mn-category-card:nth-child(6){background-image:url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/mnx-card-lyo.webp")!important}
.in-index .mn-category-card::before{
  background:linear-gradient(0deg,rgba(12,18,7,.88) 0 30%,rgba(12,18,7,.32) 47%,rgba(12,18,7,0) 74%)!important;
}
.in-index .mn-category-card:hover{filter:none!important;transform:translateY(-3px)}
.in-index .mn-category-card span{
  width:100%!important;
  padding:14px 15px 13px!important;
  background:rgba(18,25,13,.78)!important;
  color:#fffdf8!important;
  font-family:var(--mn-sans)!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.12!important;
  letter-spacing:.025em!important;
  text-shadow:none!important;
  text-transform:uppercase!important;
}
.in-index .mn-category-card span::before{
  display:inline-block!important;
  width:22px!important;
  height:22px!important;
  margin:0 9px -6px 0!important;
  background:center/contain no-repeat!important;
  content:""!important;
  filter:brightness(1.15)!important;
}
.in-index .mn-category-card span::after{
  display:block!important;
  margin:5px 0 0 31px!important;
  color:rgba(255,253,248,.78)!important;
  font-size:11px!important;
  font-weight:600!important;
  letter-spacing:0!important;
  line-height:1.2!important;
  text-transform:none!important;
}
.in-index .mn-category-card:nth-child(1) span::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D1A550' stroke-width='1.7'%3E%3Crect x='5' y='8' width='14' height='12' rx='1'/%3E%3Cpath d='M12 8v12M4 11h16M8 8c-2.1 0-3-1.1-3-2.5S6.1 3 8 3c2.5 0 4 3.2 4 5M16 8c2.1 0 3-1.1 3-2.5S17.9 3 16 3c-2.5 0-4 3.2-4 5'/%3E%3C/svg%3E")!important}.in-index .mn-category-card:nth-child(1) span::after{content:'Prémiové balení'!important}
.in-index .mn-category-card:nth-child(2) span::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D1A550' stroke-width='1.7'%3E%3Cpath d='M12 3c-4 3.4-6 7.1-6 10.5a6 6 0 0 0 12 0C18 10.1 16 6.4 12 3Z'/%3E%3Cpath d='M9 14c1.1-1.2 2.2-2.1 3.6-2.9M10 8c1 1.1 1.8 2.2 2.4 3.5'/%3E%3C/svg%3E")!important}.in-index .mn-category-card:nth-child(2) span::after{content:'Přírodní a chutné'!important}
.in-index .mn-category-card:nth-child(3) span::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D1A550' stroke-width='1.7'%3E%3Cpath d='M12 20c4-3.2 6-6.5 6-10a6 6 0 1 0-12 0c0 3.5 2 6.8 6 10Z'/%3E%3Cpath d='M9 10c1.7.2 3.3.9 4.7 2.2M12 7v7'/%3E%3C/svg%3E")!important}.in-index .mn-category-card:nth-child(3) span::after{content:'Sladké variace'!important}
.in-index .mn-category-card:nth-child(4) span::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D1A550' stroke-width='1.7'%3E%3Cpath d='M5 11h14M7 11l1.5 8h7L17 11M9 8a3 3 0 0 1 6 0'/%3E%3C/svg%3E")!important}.in-index .mn-category-card:nth-child(4) span::after{content:'Pro zdravý start'!important}
.in-index .mn-category-card:nth-child(5) span::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D1A550' stroke-width='1.7'%3E%3Cpath d='M12 4v15M6 8h12M8 8c0 5 1.4 8 4 11 2.6-3 4-6 4-11'/%3E%3C/svg%3E")!important}.in-index .mn-category-card:nth-child(5) span::after{content:'Zelená energie'!important}
.in-index .mn-category-card:nth-child(6) span::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D1A550' stroke-width='1.7'%3E%3Ccircle cx='8' cy='10' r='3'/%3E%3Ccircle cx='15.5' cy='8' r='2.5'/%3E%3Cpath d='M6 17c2-2 4-2 6 0M14 15c1.5-1.4 3.2-1.5 4.8-.2'/%3E%3C/svg%3E")!important}.in-index .mn-category-card:nth-child(6) span::after{content:'Lehké a křupavé'!important}
@media(max-width:767px){
  .in-index .mn-category-grid{padding:10px!important}
  .in-index .mn-category-card{aspect-ratio:4 / 5!important}
  .in-index .mn-category-card span{padding:11px!important;font-size:12px!important}
  .in-index .mn-category-card span::before{width:18px!important;height:18px!important;margin-right:6px!important}
  .in-index .mn-category-card span::after{margin:4px 0 0 24px!important;font-size:10px!important}
}

/* Homepage benefit strip — its final desktop and mobile authority lives here. */
.in-index .mn-benefits{
  padding:6px 8px 8px!important;
  background:#243b18!important;
}
.in-index .mn-benefits__grid{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border:1px solid rgba(209,165,80,.55)!important;
  border-radius:13px!important;
  background:rgba(10,22,10,.78)!important;
  box-shadow:inset 0 1px 0 rgba(255,253,248,.04)!important;
}
.in-index .mn-benefits article{
  grid-template-columns:44px 1fr!important;
  column-gap:12px!important;
  min-height:78px!important;
  padding:13px 20px!important;
  background:transparent!important;
  border-inline-start:1px solid rgba(209,165,80,.32)!important;
}
.in-index .mn-benefits__icon{
  width:38px!important;
  height:38px!important;
  border-color:rgba(209,165,80,.8)!important;
  color:#d1a550!important;
}
.in-index .mn-benefits__icon svg{width:19px!important;height:19px!important}
.in-index .mn-benefits h2{
  color:#fffdf8!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
}
.in-index .mn-benefits p{
  margin-top:2px!important;
  color:rgba(255,253,248,.72)!important;
  font-size:11px!important;
  line-height:1.3!important;
}
@media(max-width:767px){
  .in-index .mn-benefits__grid{border-radius:0!important}
  .in-index .mn-benefits article{grid-template-columns:46px 1fr!important;min-height:0!important;padding:15px 20px!important;border-inline-start:0!important}
  .in-index .mn-benefits h2{font-size:14px!important}
  .in-index .mn-benefits p{font-size:12px!important}
}
/* The search magnifier is an icon control, not a changing CTA. */
@media(min-width:768px){
  #header .user-action-search .search-button:hover,
  #header .user-action-search .search-button:active,
  #header .user-action-search .search-button:focus{
    background:rgba(25,28,10,.56)!important;
    border-color:transparent!important;
    color:#fffdf8!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
  }
}
@media(max-width:767px){
  #header .user-action-search .search-button:hover,
  #header .user-action-search .search-button:active,
  #header .user-action-search .search-button:focus{
    background:#243b18!important;
    color:#fffdf8!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
  }
}

/* Final search-icon authority. Older Samba declarations define several
   competing hover states; the magnifier must remain visually inert. */
#header .user-action-search .search-button,
#header .user-action-search .search-button::before{
  animation:none!important;
  transition:none!important;
}
@media(min-width:768px){
  #header .user-action-search .search-button,
  #header .user-action-search .search-button:hover,
  #header .user-action-search .search-button:active{
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
  }
  #header .user-action-search .search-button:focus:not(:focus-visible){
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
}

/* Final mobile search override: this follows Samba's own hover declaration. */
@media(max-width:767px){
  #header .user-action-search .search-button:hover,
  #header .user-action-search .search-button:active,
  #header .user-action-search .search-button:focus{background:#243b18!important;color:#fffdf8!important}
}

/* Mobile search results: use Mimix cards instead of Samba's cool-grey result area. */
@media(max-width:767px){
  #header .user-action-search .searchWhisperer,
  #header .user-action-search .searchWhisperer .search-whisperer-content,
  #header .user-action-search .searchWhisperer .search-whisperer-listing{background:#f4f0e5!important}
  #header .user-action-search .searchWhisperer .search-whisperer-product,
  #header .user-action-search .searchWhisperer .p,
  #header .user-action-search .searchWhisperer li{margin:8px!important;padding:14px!important;border:1px solid rgba(36,59,24,.14)!important;border-radius:12px!important;background:#fffdf8!important;box-shadow:0 4px 12px rgba(25,28,10,.06)!important}
  #header .user-action-search .searchWhisperer .search-whisperer-product + .search-whisperer-product,
  #header .user-action-search .searchWhisperer .p + .p,
  #header .user-action-search .searchWhisperer li + li{margin-top:10px!important}
  #header .user-action-search .searchWhisperer img{width:64px!important;height:64px!important;max-width:64px!important;object-fit:cover!important;border-radius:8px!important}
  #header .user-action-search .searchWhisperer .btn{display:inline-flex!important;min-width:124px!important;min-height:44px!important;align-items:center!important;justify-content:center!important;padding:0 14px!important;white-space:nowrap!important;font-size:13px!important;line-height:1!important}
  #header .user-action-search .searchWhisperer .btn br{display:none!important}
}

/* Search trigger: a single clear magnifier, while the native text remains an accessible label. */
#header .user-action-search .search-button{font-size:0!important}
#header .user-action-search .search-button::before{display:block!important;width:20px!important;height:20px!important;margin:0!important;background:center/contain no-repeat!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23D1A550' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.8' cy='10.8' r='6.5'/%3E%3Cpath d='m16 16 4.2 4.2'/%3E%3C/svg%3E")!important;content:''!important}
@media(min-width:1024px){#header .user-action-search .search-button{min-width:52px!important;padding:0!important}}
@media(max-width:767px){#header .user-action-search .search-button{min-width:60px!important;padding:0!important}}
/* Search is a submit control, not a promotional CTA: keep its forest surface stable on hover. */
#header .user-action-search .search-button:hover,#header .user-action-search .search-button:active{background:#243b18!important;color:#fffdf8!important}

/* Mobile account, cart and search share one compact Mimix popup language. */
@media(max-width:767px){
  #header .user-action-login,
  #header .user-action-cart{position:fixed!important;z-index:10030!important;top:108px!important;right:14px!important;left:14px!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 122px)!important;margin:0!important;overflow:auto!important;border:1px solid rgba(166,145,45,.45)!important;border-radius:18px!important;background:#f4f0e5!important;box-shadow:0 18px 40px rgba(25,28,10,.28)!important}
  #header .user-action-login .popup-widget-inner,
  #header .user-action-cart .popup-widget-inner{min-height:0!important;height:auto!important;padding:22px!important;background:#f4f0e5!important}
  #header .user-action-login h2{margin:0 0 18px!important;color:#243b18!important;font-family:var(--mn-serif)!important;font-size:27px!important;line-height:1.15!important}
  #header .user-action-login label{color:#20231b!important;font-size:14px!important;font-weight:700!important}
  #header .user-action-login .form-control{min-height:48px!important;border:1px solid rgba(36,59,24,.35)!important;border-radius:10px!important;background:#fffdf8!important;color:#20231b!important;box-shadow:none!important}
  #header .user-action-login .btn-primary{min-height:46px!important;margin-top:4px!important;padding:0 20px!important;border:1px solid #243b18!important;border-radius:999px!important;background:#243b18!important;color:#fffdf8!important;font-weight:800!important;box-shadow:none!important}
  #header .user-action-login .btn-primary:hover{background:#77862f!important;border-color:#77862f!important}
  #header .user-action-login .alternative-links a{color:#243b18!important;font-weight:700!important}
  #header .user-action-cart .cart-widget-inner{display:flex!important;min-height:0!important;flex-direction:column!important}
  #header .user-action-cart{height:min(600px,calc(100dvh - 122px))!important}
  #header .user-action-cart .cart-widget-product{padding:0 0 16px!important;border-bottom:1px solid rgba(36,59,24,.16)!important}
  #header .user-action-cart .cart-widget-product + .cart-widget-product{padding-top:16px!important}
  #header .user-action-cart .cart-widget-product a{color:#20231b!important}
  #header .user-action-cart .price{color:#243b18!important;font-weight:800!important}
  #header .user-action-cart .quantity{border:1px solid rgba(36,59,24,.34)!important;border-radius:10px!important;overflow:hidden!important;background:#fffdf8!important}
  #header .user-action-cart .quantity button,#header .user-action-cart .quantity input{background:#fffdf8!important;color:#243b18!important}
  #header .user-action-cart .cart-widget-bottom{position:absolute!important;right:0!important;bottom:0!important;left:0!important;height:auto!important;min-height:0!important;padding:12px!important;background:#f4f0e5!important}
  #header .user-action-cart .cart-widget-button{display:flex!important;width:100%!important;height:50px!important;min-height:50px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0 18px!important;border:0!important;border-radius:10px!important;background:#243b18!important;color:#fffdf8!important;font-weight:800!important}
  #header .user-action-cart .cart-widget-button:hover{background:#77862f!important}
  #header .user-action-search .searchWhisperer{background:#f4f0e5!important}
  #header .user-action-search .searchWhisperer .search-whisperer-listing{background:#f4f0e5!important}
  #header .user-action-search .searchWhisperer [class*="price"],
  #header .user-action-search .searchWhisperer .p-final-price-wrapper{color:#243b18!important;font-weight:800!important}
  #header .user-action-search .searchWhisperer .availability{color:#243b18!important;font-weight:750!important}
  #header .user-action-search .searchWhisperer .btn{min-height:42px!important;border:0!important;border-radius:999px!important;background:#243b18!important;color:#fffdf8!important;font-weight:800!important;box-shadow:none!important}
  #header .user-action-search .searchWhisperer .btn:hover{background:#77862f!important}
  #header .user-action-search .searchWhisperer .quantity{border:1px solid rgba(36,59,24,.34)!important;border-radius:10px!important;overflow:hidden!important;background:#fffdf8!important}
  #header .user-action-search .searchWhisperer .quantity button,
  #header .user-action-search .searchWhisperer .quantity input{background:#fffdf8!important;color:#243b18!important}
}

/* Mobile search opens below the fixed Mimix header, never over it. */
@media(max-width:767px){
  #header .user-action-search{position:fixed!important;z-index:10030!important;top:92px!important;right:0!important;left:0!important;width:100%!important;min-height:0!important;margin:0!important;padding:10px 14px!important;background:#f4f0e5!important;border:0!important;border-bottom:1px solid rgba(36,59,24,.18)!important;box-shadow:0 12px 26px rgba(25,28,10,.18)!important}
  #header .user-action-search .search-form,#header .user-action-search fieldset{margin:0!important;padding:0!important;border:0!important}
  #header .user-action-search .search-form-input-group{display:flex!important;width:100%!important;height:54px!important;align-items:stretch!important;overflow:hidden!important;border:1px solid #a6912d!important;border-radius:14px!important;background:#fffdf8!important}
  #header .user-action-search .search-input{height:52px!important;min-width:0!important;flex:1 1 auto!important;margin:0!important;padding:0 16px!important;border:0!important;border-radius:0!important;background:#fffdf8!important;color:#20231b!important;font-size:16px!important;box-shadow:none!important}
  #header .user-action-search .search-input:focus{outline:0!important;box-shadow:none!important}
  #header .user-action-search .search-button{height:52px!important;min-width:92px!important;margin:0!important;padding:0 18px!important;border:0!important;border-left:1px solid rgba(166,145,45,.55)!important;border-radius:0!important;background:#243b18!important;color:#fffdf8!important;font-size:14px!important;font-weight:800!important;box-shadow:none!important}
  #header .user-action-search .search-button:hover{background:#77862f!important;color:#fffdf8!important}
  #header .user-action-search .searchWhisperer{position:relative!important;top:auto!important;right:auto!important;left:auto!important;width:100%!important;max-width:none!important;margin:10px 0 0!important;border:1px solid rgba(36,59,24,.16)!important;border-radius:12px!important;background:#fffdf8!important;box-shadow:0 12px 26px rgba(25,28,10,.15)!important}
  #header .user-action-search .searchWhisperer:empty{display:none!important}
}

/* The Samba close control is a sibling of .navigation-in, not of the header.
   Keep it in flow above the menu rather than absolutely overlaying a link. */
@media(max-width:767px){
  body.navigation-window-visible #header .header-bottom-wrapper{padding:0 0 24px!important}
  body.navigation-window-visible #header #navigation{
    display:flex!important;
    flex-direction:column!important;
  }
  body.navigation-window-visible #header #navigation .navigation-in{
    order:2!important;
    width:100%!important;
  }
  body.navigation-window-visible #header #navigation .navigation-close{
    position:static!important;
    z-index:auto!important;
    display:grid!important;
    order:1!important;
    align-self:flex-end!important;
    width:52px!important;
    height:52px!important;
    min-height:52px!important;
    margin:0 8px!important;
    padding:0!important;
    background:transparent!important;
    color:#fffdf8!important;
    place-items:center!important;
  }
  body.navigation-window-visible #header #navigation .menu-level-1>li{
    height:56px!important;
    min-height:56px!important;
  }
  body.navigation-window-visible #header #navigation .menu-level-1>li>a{
    box-sizing:border-box!important;
    height:56px!important;
    min-height:56px!important;
    padding:0 20px!important;
  }
}

/* Mobile product browsing: compact two-column cards and a native-gallery
   pagination layer. The original Shoptet thumbnail buttons stay in the DOM
   and remain the source of truth for image switching. */
@media(max-width:767px){
  #header .top-nav-button-login{display:inline-flex!important;align-items:center!important;justify-content:center!important}
  #header .top-nav-button-login .top-nav-button-text{display:none!important}
  #header .top-nav-button-login .icon-login{font-size:22px!important;color:var(--mn-gold-light)!important}

  body.type-category .products.products-page{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  body.type-category .products.products-page .p{display:flex!important;grid-template-columns:none!important;height:auto!important;min-height:0!important;border-radius:12px!important}
  body.type-category .products.products-page .p>.image{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1 / 1!important;padding:0!important;background:#e7edd8!important}
  body.type-category .products.products-page .p>.image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
  body.type-category .products.products-page .p-in{display:flex!important;width:100%!important;min-width:0!important}
  body.type-category .products.products-page .p-in-in{display:flex!important;min-height:176px!important;padding:10px!important}
  body.type-category .products.products-page .p .name{min-height:36px!important;margin:0 0 6px!important;font-size:15px!important;line-height:1.18!important}
  body.type-category .products.products-page .p .availability{margin:3px 0!important;text-align:left!important;font-size:11px!important}
  body.type-category .products.products-page .p .p-bottom{margin-top:auto!important;padding:0!important}
  body.type-category .products.products-page .p .price-final strong{font-size:17px!important}
  body.type-category .products.products-page .p .p-tools{margin-top:7px!important}
  body.type-category .products.products-page .p .p-bottom .btn,
  body.type-category .products.products-page .p .p-bottom .add-to-cart-button{min-height:36px!important;padding:0 7px!important;font-size:10px!important;line-height:1!important}

  body.type-detail .p-detail .p-image-wrapper{background:#e7edd8!important}
  body.type-detail .p-detail .p-image{display:block!important;padding:0 14px!important;background:#e7edd8!important}
  body.type-detail .p-detail .p-image #wrap,
  body.type-detail .p-detail .p-image .p-main-image,
  body.type-detail .p-detail .p-image .p-main-image>img{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important}
  body.type-detail .p-detail .p-image .p-main-image>img{object-fit:contain!important}
  body.type-detail .p-detail .row{display:none!important}
  .mn-gallery-dots{display:flex!important;justify-content:center!important;gap:9px!important;padding:12px 14px 16px!important;background:#e7edd8!important}
  .mn-gallery-dot{display:block!important;width:8px!important;height:8px!important;min-height:8px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(36,59,24,.3)!important;box-shadow:none!important}
  .mn-gallery-dot.is-active{width:20px!important;border-radius:999px!important;background:#243b18!important}
  .mn-gallery-dot:focus-visible{outline:2px solid #d1a550!important;outline-offset:3px!important}
}

/* Mobile correction pass: Samba's popup defaults reserve desktop-sized areas.
   Collapse those reserves and give product browsing a predictable rhythm. */
@media(max-width:767px){
  #header .user-action-search{position:fixed!important;z-index:10030!important;top:92px!important;right:0!important;bottom:auto!important;left:0!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:10px 14px!important;background:#f4f0e5!important;border:0!important;border-bottom:1px solid rgba(36,59,24,.18)!important;box-shadow:0 12px 26px rgba(25,28,10,.18)!important}
  #header .user-action-search .popup-widget-inner,
  #header .user-action-search .search-widget-inner,
  #header .user-action-search form{height:auto!important;min-height:0!important}
  #header .user-action-search .searchWhisperer:empty{display:none!important}
  #header .user-action-search .searchWhisperer{height:auto!important;min-height:0!important;max-height:55vh!important;overflow:auto!important}

  body.navigation-window-visible #header .header-bottom{bottom:auto!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 28px)!important;padding-bottom:24px!important;overflow-y:auto!important}
  body.navigation-window-visible #header .header-bottom-wrapper{height:auto!important;min-height:0!important;padding-bottom:0!important}

  body.type-category .products.products-page{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:12px!important}
  body.type-category .products.products-page>.product{width:auto!important;min-width:0!important;margin:0!important}
  body.type-category .products.products-page .p{height:100%!important;min-height:0!important}
  body.type-category .products.products-page .p-in-in{min-height:150px!important}

  body.type-detail .p-detail .p-image{display:none!important}
  body.type-detail .p-detail .mn-mobile-gallery-image{display:block!important;margin:0!important;padding:0 14px!important;background:#e7edd8!important}
  body.type-detail .p-detail .mn-mobile-gallery-image img{display:block!important;width:100%!important;height:auto!important;max-width:none!important;border:0!important;border-radius:0!important;object-fit:contain!important}
}

/* Desktop detail: use the detail surface to the browser edge and remove the
   legacy Samba product-benefit strip below the product. */
@media(min-width:1024px){
  body.type-detail,
  body.type-detail .overall-wrapper,
  body.type-detail #content-wrapper,
  body.type-detail .content-wrapper-in{background:#f4f0e5!important}
  body.type-detail .full-width.benefit-banners-full-width{display:none!important}
}

/* Mobile recovery: Samba leaves a desktop-width canvas and grid internals in
   place on a few templates. Reset those surfaces only below the breakpoint. */
@media(max-width:767px){
  html,body{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;overflow-x:hidden!important}
  .overall-wrapper,#content-wrapper,.content-wrapper,.content-wrapper-in,#content{width:100%!important;max-width:none!important;min-width:0!important;margin-left:0!important;margin-right:0!important;border-radius:0!important}

  body.navigation-window-visible #header .header-bottom,
  body.navigation-window-visible #header .header-bottom-wrapper,
  body.navigation-window-visible #header #navigation,
  body.navigation-window-visible #header #navigation .navigation-in{box-sizing:border-box!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 28px)!important}
  body.navigation-window-visible #header .header-bottom{position:fixed!important;top:28px!important;right:0!important;bottom:auto!important;left:0!important;padding:18px 18px 24px!important;overflow-y:auto!important}

  html body.type-category:not(.mn-category-list-view) #content .products.products-page{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page>.product{width:auto!important;min-width:0!important;margin:0!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p{display:flex!important;flex-direction:column!important;width:100%!important;height:340px!important;min-height:340px!important;overflow:hidden!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p>.image{display:block!important;width:100%!important;height:154px!important;min-height:154px!important;padding:0!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p>.image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p-in,
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p-in-in,
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p-bottom{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p-in{flex:1 1 auto!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p-in-in{flex:1 1 auto!important;min-height:0!important;padding:9px 10px 0!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p-bottom{flex:0 0 auto!important;margin-top:auto!important;padding:5px 10px 10px!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .name{min-height:34px!important;margin:0!important;font-size:15px!important;line-height:1.12!important;word-break:normal!important;overflow-wrap:normal!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .price-final strong{font-size:17px!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .availability{margin:3px 0!important;font-size:11px!important;line-height:1.1!important;text-align:left!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-tools{margin-top:6px!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-tools .btn,
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-tools .add-to-cart-button{min-height:36px!important;font-size:10px!important}

  body.type-detail .p-detail .mn-mobile-gallery-image{box-sizing:border-box!important;width:100%!important;min-width:0!important}
  body.type-detail .p-detail .mn-mobile-gallery-image img{box-sizing:border-box!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:auto!important}
  #header .user-action-cart .cart-widget-products{height:auto!important;min-height:0!important;max-height:46vh!important;overflow-y:auto!important}
  #header .user-action-cart .cart-widget-inner,#header .user-action-cart .popup-widget-inner{height:auto!important;min-height:0!important}
}

/* Final mobile composition: a full-bleed page canvas, simple navigation rows
   and compact shopping components. */
@media(max-width:767px){
  body>.overall-wrapper{position:relative!important;left:50%!important;width:100vw!important;max-width:100vw!important;margin:0 0 0 -50vw!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  body>.overall-wrapper>.container,#content-wrapper{width:100%!important;max-width:none!important;margin-inline:0!important}

  body.navigation-window-visible #header .header-bottom{background:#f4f0e5!important;color:#20231b!important;padding:54px 20px 22px!important}
  body.navigation-window-visible #header .header-bottom-wrapper,
  body.navigation-window-visible #header #navigation,
  body.navigation-window-visible #header #navigation .navigation-in{background:#f4f0e5!important}
  body.navigation-window-visible #header #navigation .menu-level-1{display:block!important;margin:0!important;padding:0!important}
  body.navigation-window-visible #header #navigation .menu-level-1>li{display:block!important;margin:0!important;border-bottom:1px solid rgba(36,59,24,.16)!important}
  body.navigation-window-visible #header #navigation .menu-level-1>li>a{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:56px!important;margin:0!important;padding:14px 2px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#20231b!important;font-family:var(--mn-sans)!important;font-size:15px!important;font-weight:800!important;line-height:1.2!important;text-transform:none!important;box-shadow:none!important}
  body.navigation-window-visible #header #navigation .menu-level-1>li>a::before{display:none!important}
  body.navigation-window-visible #header #navigation .menu-level-1>li>a::after{display:block!important;margin:0!important;color:#243b18!important;font-family:Arial,sans-serif!important;font-size:24px!important;font-weight:400!important;line-height:1!important;content:'›'!important}
  body.navigation-window-visible #header .navigation-close{top:42px!important;right:16px!important;background:transparent!important;color:#243b18!important}

  body.type-detail .p-detail .mn-mobile-gallery-image{display:flex!important;width:100%!important;margin:0!important;padding:0!important;align-items:stretch!important}
  body.type-detail .p-detail .mn-mobile-gallery-image img{display:block!important;flex:0 0 100%!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:auto!important;max-height:420px!important;object-fit:cover!important}
  body.type-detail .p-detail .mn-gallery-dots{padding-top:10px!important;padding-bottom:14px!important}

  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .extra-flags .flag:nth-child(n+2),
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .flags .flag:nth-child(n+2){display:none!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .extra-flags,
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .flags{top:7px!important;left:7px!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .flag{padding:4px 6px!important;font-size:9px!important;line-height:1!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .price-standard{display:inline!important;margin-right:4px!important;font-size:10px!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .price-save{display:inline!important;font-size:10px!important;white-space:nowrap!important}

  #header .user-action-cart .cart-widget-inner,#header .user-action-cart .popup-widget-inner,#header .user-action-cart .cart-widget-content{display:block!important;height:auto!important;min-height:0!important}
  #header .user-action-cart .cart-widget-products{display:block!important;height:auto!important;min-height:0!important;max-height:44vh!important;margin-bottom:0!important}
  #header .user-action-cart .cart-widget-button{position:static!important;margin-top:18px!important}
}

/* Mimix mobile polish: full-width visual bands, forest navigation and
   a centred product-price rhythm in the category grid. */
@media(max-width:767px){
  html,body{background:#c8d4ae!important}
  .mn-promo-bar,#header,.in-index .mn-hero,.in-index .mn-benefits,.in-index #content-wrapper,body.type-category #content-wrapper,body.type-detail #content-wrapper{position:relative!important;left:50%!important;width:100vw!important;max-width:100vw!important;margin-left:-50vw!important;margin-right:0!important}
  .in-index .mn-hero,.in-index .mn-benefits{border-radius:0!important}

  body.navigation-window-visible #header .header-bottom,
  body.navigation-window-visible #header .header-bottom-wrapper,
  body.navigation-window-visible #header #navigation,
  body.navigation-window-visible #header #navigation .navigation-in{background:#243b18!important}
  body.navigation-window-visible #header .header-bottom{color:#fffdf8!important}
  body.navigation-window-visible #header #navigation .menu-level-1>li{border-bottom-color:rgba(209,165,80,.28)!important}
  body.navigation-window-visible #header #navigation .menu-level-1>li>a{background:#243b18!important;color:#d1a550!important}
  body.navigation-window-visible #header #navigation .menu-level-1>li>a::after{color:#d1a550!important}
  body.navigation-window-visible #header .navigation-close{background:#243b18!important;color:#fffdf8!important}

  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .availability,
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .availability span{width:100%!important;text-align:center!important;align-self:center!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .prices,
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .price-final{width:100%!important;text-align:center!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .price-standard,
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .price-save{display:inline-block!important;text-align:center!important}
}

/* Desktop product detail follows the full breadcrumb canvas. Replace the
   legacy thumbnail rail with the same dot navigation used on mobile. */
@media(min-width:1024px){
  body.type-detail #content-wrapper,
  body.type-detail .content-wrapper-in,
  body.type-detail #content,
  body.type-detail #content.narrow{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
  body.type-detail .p-detail{width:100%!important;max-width:none!important;margin:0!important}
  body.type-detail .p-detail .p-detail-inner{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(500px,1fr)!important;width:100%!important;max-width:none!important}
  body.type-detail .p-detail .p-image-wrapper{display:flex!important;flex-direction:column!important;min-width:0!important;padding:0!important;background:#f4f0e5!important}
  body.type-detail .p-detail .p-image-wrapper>.p-image,
  body.type-detail .p-detail .p-image-wrapper>.row{display:none!important}
  body.type-detail .p-detail .mn-mobile-gallery-image{display:flex!important;align-items:center!important;justify-content:center!important;min-height:560px!important;background:#f4f0e5!important;overflow:hidden!important}
  body.type-detail .p-detail .mn-mobile-gallery-image img{display:block!important;width:100%!important;height:100%!important;max-height:660px!important;object-fit:contain!important}
  body.type-detail .p-detail .mn-gallery-dots{display:flex!important;justify-content:center!important;gap:10px!important;padding:16px!important;background:#f4f0e5!important}
  body.type-detail .p-detail .mn-gallery-dot{display:block!important;width:9px!important;height:9px!important;min-height:9px!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(36,59,24,.28)!important}
  body.type-detail .p-detail .mn-gallery-dot.is-active{width:25px!important;border-radius:999px!important;background:#243b18!important}
  body.type-detail .p-detail .p-data-wrapper{min-width:0!important}
}

/* Repair the desktop detail grid: the page content, not only the breadcrumb,
   owns the full canvas. Keep the gallery and purchase panel as equal columns. */
@media(min-width:1024px){
  body.type-detail .content-wrapper-in{display:flex!important;width:100%!important;max-width:none!important}
  body.type-detail #content,
  body.type-detail #content.narrow{display:block!important;flex:0 0 100%!important;width:100%!important;max-width:none!important}
  body.type-detail .p-detail .p-detail-inner{display:flex!important;width:100%!important;max-width:none!important;min-width:0!important}
  body.type-detail .p-detail .p-image-wrapper,
  body.type-detail .p-detail .p-data-wrapper{flex:0 0 50%!important;width:50%!important;min-width:0!important;box-sizing:border-box!important}
  body.type-detail .p-detail .mn-mobile-gallery-image{position:relative!important;z-index:1!important;width:100%!important;min-width:0!important}
  body.type-detail .p-detail .mn-mobile-gallery-image img{width:100%!important;min-width:0!important;max-width:100%!important}
}

/* Do not translate mobile bands: Samba already owns the viewport root. The
   previous full-bleed calculation shifted the promo row by half a screen. */
@media(max-width:767px){
  body>.overall-wrapper{left:auto!important;width:100%!important;max-width:100%!important;margin:0!important}
  .mn-promo-bar,#header,.in-index .mn-hero,.in-index .mn-benefits,.in-index #content-wrapper,body.type-category #content-wrapper,body.type-detail #content-wrapper{left:auto!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
  .type-category #content>.category-top:not(.mn-category-hero){display:none!important}
}

/* Stabilized mobile base: do not inherit horizontal carousel offsets from
   Samba, and give the optional list switch a deliberate layout. */
@media(max-width:767px){
  .mn-promo-bar{display:block!important;position:relative!important;inset:auto!important;transform:none!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
  .mn-promo-bar__inner{display:flex!important;position:static!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;transform:none!important}
  .mn-promo-bar__item:first-child{margin-left:0!important}

  body.mn-category-list-view .products.products-page{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  body.mn-category-list-view .products.products-page .p{display:grid!important;grid-template-columns:128px minmax(0,1fr)!important;height:154px!important;min-height:154px!important}
  body.mn-category-list-view .products.products-page .p>.image{grid-column:1!important;width:128px!important;height:154px!important;padding:0!important}
  body.mn-category-list-view .products.products-page .p-in{grid-column:2!important;display:flex!important;min-width:0!important}
  body.mn-category-list-view .products.products-page .p-in-in{min-height:0!important;padding:12px!important}
  body.mn-category-list-view .products.products-page .p .name{min-height:0!important;margin:0 0 5px!important;text-align:left!important}
  body.mn-category-list-view .products.products-page .p .availability{margin:3px 0!important;text-align:left!important}
  body.mn-category-list-view .products.products-page .p .p-bottom{margin-top:auto!important;padding:0!important}
  body.mn-category-list-view .products.products-page .p .p-tools{margin-top:6px!important}

  body.type-detail .p-detail .mn-mobile-gallery-image{min-height:300px!important;background:#e7edd8!important}
  body.type-detail .p-detail .mn-mobile-gallery-image img{min-height:300px!important;object-fit:cover!important}
}

/* Desktop detail uses the same 1712px canvas as the category breadcrumb and
   category hero. This is intentionally narrower than the browser viewport. */
@media(min-width:1024px){
  body.type-detail #content-wrapper{width:min(calc(100% - 32px),1712px)!important;max-width:1712px!important;margin-left:auto!important;margin-right:auto!important}
  body.type-detail .breadcrumbs{width:100%!important;max-width:none!important;margin:0!important}
  body.type-detail .content-wrapper-in,
  body.type-detail #content,
  body.type-detail #content.narrow,
  body.type-detail .p-detail{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
  body.type-detail .p-detail-full-width{display:none!important}
}

/* Samba calculates .content.narrow from the former sidebar width even after
   it is hidden. A matching min-width prevents that residual 1440px cap. */
@media(min-width:1024px){
  body.type-detail .content-wrapper-in>#content,
  body.type-detail .content-wrapper-in>#content.narrow,
  body.type-detail .content-wrapper-in>#content>.p-detail{min-width:100%!important}
}

/* Desktop product gallery: retain the mobile dot interaction without making
   a separate full-width strip under the photograph. */
@media(min-width:1024px){
  body.type-detail .p-detail .mn-mobile-gallery-image{position:relative!important}
  body.type-detail .p-detail .mn-mobile-gallery-image .mn-gallery-dots{
    position:absolute!important;
    z-index:3!important;
    bottom:18px!important;
    left:50%!important;
    display:flex!important;
    width:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:8px 12px!important;
    border-radius:999px!important;
    background:rgba(244,240,229,.9)!important;
    box-shadow:0 4px 16px rgba(25,28,10,.16)!important;
    transform:translateX(-50%)!important;
  }
}

/* Mobile foundation — one viewport owner only. Earlier iterations alternated
   between 100vw with a negative offset and an in-flow wrapper, which left
   visible side seams on a number of Samba page templates. */
@media(max-width:767px){
  html,
  body{width:100%!important;max-width:100%!important;margin:0!important;overflow-x:hidden!important;background:#c8d4ae!important}
  body>.overall-wrapper,
  body>.overall-wrapper>.container,
  body>.container,
  #header,
  #content-wrapper,
  .in-index #content-wrapper,
  body.type-category #content-wrapper,
  body.type-detail #content-wrapper{
    position:relative!important;
    right:auto!important;
    left:auto!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    transform:none!important;
  }
  #content-wrapper>.content-wrapper,
  #content-wrapper>.content-wrapper>.content-wrapper-in{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
  }
  .mn-promo-bar{left:auto!important;width:100%!important;max-width:none!important;margin:0!important;transform:none!important}

  /* Off-canvas navigation belongs to the full viewport, but its menu itself
     stays a calm forest-green sheet with the Mimix gold hierarchy. */
  body.navigation-window-visible #header .header-bottom,
  body.navigation-window-visible #header .header-bottom-wrapper,
  body.navigation-window-visible #header #navigation,
  body.navigation-window-visible #header #navigation .navigation-in{
    background:#243b18!important;
  }
  body.navigation-window-visible #header .header-bottom{padding:58px 20px 30px!important}
  body.navigation-window-visible #header #navigation .menu-level-1>li{border-bottom:1px solid rgba(209,165,80,.28)!important}
  body.navigation-window-visible #header #navigation .menu-level-1>li>a{
    min-height:58px!important;
    padding:15px 2px!important;
    color:#d1a550!important;
    font-size:15px!important;
    letter-spacing:.01em!important;
  }
  body.navigation-window-visible #header .navigation-close{top:18px!important;right:16px!important;color:#fffdf8!important}
}

/* Final footer width override: align its navigation grid with the hero. */
@media(min-width:1024px){
  #footer .mn-footer-links__inner{
    width:100%!important;
    max-width:1712px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    grid-template-columns:1.5fr 1fr 1fr!important;
  }
}

/* Footer navigation aligns to the same content canvas as the homepage hero. */
@media(min-width:1024px){
  #footer .mn-footer-links__inner{
    width:100%!important;
    max-width:1712px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    grid-template-columns:1.5fr 1fr 1fr!important;
  }
}

/* Category card refresh: image-led cards with real Shoptet labels, price and
   availability arranged in a compact purchase panel. */
@media(min-width:1024px){
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p{
    height:570px!important;
    min-height:570px!important;
    overflow:hidden!important;
    border:1px solid rgba(36,59,24,.14)!important;
    border-radius:16px!important;
    background:#fffdf8!important;
    box-shadow:0 10px 24px rgba(25,28,10,.08)!important;
    transition:transform .2s ease,box-shadow .2s ease!important;
  }
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p:hover{
    transform:translateY(-4px)!important;
    box-shadow:0 16px 30px rgba(25,28,10,.15)!important;
  }
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p>.image{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:216px!important;
    flex:0 0 216px!important;
    overflow:hidden!important;
    border-radius:0!important;
    background:#243b18!important;
  }
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p>.image img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    transform:none!important;
    transition:transform .35s ease!important;
  }
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p:hover>.image img{transform:scale(1.035)!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .flags{
    position:absolute!important;
    z-index:2!important;
    top:12px!important;
    left:12px!important;
    display:flex!important;
    max-width:calc(100% - 24px)!important;
    flex-wrap:wrap!important;
    gap:6px!important;
  }
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .flags .flag{
    display:inline-flex!important;
    min-height:28px!important;
    align-items:center!important;
    padding:4px 10px!important;
    border:1px solid #d1a550!important;
    border-radius:999px!important;
    background:rgba(25,28,10,.92)!important;
    color:#fffdf8!important;
    font-size:10px!important;
    font-weight:800!important;
    letter-spacing:.04em!important;
    line-height:1!important;
    text-transform:uppercase!important;
  }
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .flags .flag-action{background:#77862f!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .flags .flag-new{background:#243b18!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .flags .flag-tip{background:#a6912d!important;color:#191c0a!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-code,
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-desc{display:none!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-in{min-height:0!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-in-in{padding:18px 18px 6px!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .name{
    display:block!important;
    overflow:hidden!important;
    min-height:52px!important;
    color:#243b18!important;
    font-family:var(--mn-serif)!important;
    font-size:22px!important;
    font-weight:700!important;
    line-height:1.12!important;
  }
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-bottom{padding:8px 18px 18px!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-bottom>[data-micro="offer"]{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:end!important;
    gap:6px 12px!important;
    padding-top:12px!important;
    border-top:1px solid rgba(36,59,24,.14)!important;
  }
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .prices{grid-column:1!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .price-final strong{color:#243b18!important;font-family:var(--mn-serif)!important;font-size:25px!important;line-height:1.05!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .price-standard{display:block!important;margin-top:3px!important;color:#766f62!important;font-size:12px!important;text-decoration:line-through!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .price-save{display:inline-block!important;margin-top:4px!important;padding:3px 7px!important;border-radius:999px!important;background:#bf3d24!important;color:#fffdf8!important;font-size:10px!important;font-weight:800!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .availability{grid-column:2!important;margin:0!important;white-space:nowrap!important;font-size:12px!important;font-weight:800!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-tools{grid-column:1 / -1!important;display:block!important;margin-top:12px!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-tools .btn,
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-tools .add-to-cart-button{display:flex!important;width:100%!important;min-height:44px!important;align-items:center!important;justify-content:center!important;border-radius:9px!important;background:#243b18!important;color:#fffdf8!important;font-size:12px!important;font-weight:800!important;letter-spacing:.03em!important;text-transform:uppercase!important}
}

/* Compact polish for five cards per desktop row. */
@media(min-width:1024px){
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p{
    height:540px!important;
    min-height:540px!important;
  }
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p>.image{
    height:208px!important;
    flex-basis:208px!important;
    padding:0!important;
  }
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .flags{
    flex-wrap:nowrap!important;
    gap:4px!important;
    overflow:hidden!important;
  }
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .flags .flag{
    min-height:24px!important;
    padding:3px 7px!important;
    font-size:8px!important;
    letter-spacing:.02em!important;
    white-space:nowrap!important;
  }
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-in{padding-top:0!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-in-in{padding-top:15px!important;padding-bottom:2px!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .name{min-height:46px!important;font-size:20px!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-bottom{padding-top:5px!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .prices{display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;gap:4px 8px!important;padding:0!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .price-final strong{font-size:23px!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .price-standard{display:inline!important;margin:0!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .price-save{margin:0!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-tools{margin-top:10px!important;padding-top:0!important}
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-tools .btn,
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-tools .add-to-cart-button{height:44px!important;min-height:44px!important;margin:0!important;padding:0 8px!important}
}

/* Five-column category cards stay compact once the main gallery photo has
   been shown in its full 4:3 ratio. */
@media(min-width:1024px){
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p{
    height:480px!important;
    min-height:480px!important;
  }
}

/* Product detail: tighten the native buying flow without changing its form
   controls or variant logic. */
@media(min-width:1024px){
  body.type-detail #product-detail-form{
    gap:16px!important;
    height:auto!important;
  }
  body.type-detail #product-detail-form .p-price-wrapper{
    margin:0!important;
    padding:14px 0 16px!important;
    border-top:1px solid rgba(36,59,24,.16)!important;
    border-bottom:1px solid rgba(36,59,24,.16)!important;
  }
  body.type-detail #product-detail-form .detail-parameters{
    margin:0!important;
    padding:0!important;
  }
  body.type-detail #product-detail-form .p-to-cart-block{margin:0!important}
  body.type-detail #product-detail-form .p-variants-block{
    margin:0!important;
    padding:16px!important;
    border:1px solid rgba(36,59,24,.18)!important;
    border-radius:12px!important;
    background:rgba(255,253,248,.56)!important;
  }
  body.type-detail #product-detail-form .p-variants-block .variant-label{
    margin-bottom:8px!important;
    color:#243b18!important;
    font-size:12px!important;
    font-weight:800!important;
    letter-spacing:.05em!important;
    text-transform:uppercase!important;
  }
  body.type-detail #product-detail-form .p-variants-block .form-control{
    width:100%!important;
    height:50px!important;
    border-color:rgba(36,59,24,.28)!important;
    border-radius:8px!important;
    background:#fffdf8!important;
  }
}

/* Mobile category and product-detail pass. */
@media(max-width:767px){
  body.type-category #content .category-content-wrapper .products.products-page{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  body.type-category #content .category-header{
    min-height:0!important;
    height:auto!important;
    margin-bottom:14px!important;
    padding-bottom:12px!important;
  }
  body.type-category #content .category-header .listSorting{
    width:100%!important;
    overflow-x:auto!important;
  }
  body.type-category #content .mn-category-browser-controls{
    width:100%!important;
    justify-content:space-between!important;
    margin:0!important;
  }
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p{
    height:360px!important;
    min-height:360px!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p>.image{
    width:100%!important;
    height:auto!important;
    aspect-ratio:4 / 3!important;
    padding:0!important;
    overflow:hidden!important;
    background:#243b18!important;
  }
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p>.image img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .flags{
    top:7px!important;
    left:7px!important;
    gap:3px!important;
    max-width:calc(100% - 14px)!important;
    overflow:hidden!important;
  }
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .flags .flag{
    min-height:20px!important;
    padding:3px 6px!important;
    font-size:7px!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-code,
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-desc{display:none!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-in{
    display:flex!important;
    height:calc(100% - (100vw - 44px) / 2 * .75)!important;
    min-height:0!important;
    flex-direction:column!important;
  }
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-in-in{
    padding:10px 10px 2px!important;
  }
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .name{
    display:block!important;
    min-height:36px!important;
    overflow:hidden!important;
    color:#243b18!important;
    font-family:var(--mn-serif)!important;
    font-size:16px!important;
    line-height:1.12!important;
  }
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-bottom{
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    padding:6px 10px 10px!important;
    background:#fffdf8!important;
  }
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-bottom>[data-micro="offer"]{flex:1 1 auto!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .price-final strong{font-size:18px!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .price-standard,
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .price-save{font-size:9px!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .availability{margin-top:3px!important;font-size:10px!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-tools{margin-top:auto!important;padding-top:7px!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-tools .btn,
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-tools .add-to-cart-button{
    min-height:38px!important;
    padding:0 5px!important;
    border-radius:8px!important;
    font-size:10px!important;
  }
  body.type-detail .breadcrumbs{min-height:0!important;padding:10px 16px!important;font-size:11px!important}
  body.type-detail .p-detail .p-detail-inner{padding:0!important}
  body.type-detail .p-detail .p-image-wrapper{padding:0!important;border:0!important;border-radius:0!important}
  body.type-detail .p-detail .p-data-wrapper{padding:28px 18px!important}
  body.type-detail .p-detail .p-detail-inner-header h1{font-size:34px!important}
  body.type-detail #product-detail-form{gap:14px!important}
  body.type-detail #product-detail-form .p-to-cart-block .add-to-cart{gap:8px!important}
  body.type-detail #product-detail-form .add-to-cart-button{min-height:52px!important;border-radius:8px!important}
  body.type-detail #product-detail-form .p-variants-block{padding:14px!important}
}

@media(max-width:767px){
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-in{
    height:auto!important;
    flex:1 1 auto!important;
  }
}

/* Shoptet category thumbnails are supplied in 4:3. Preserve the real product
   image instead of cropping it into a taller cover frame. */
@media(min-width:1024px){
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p>.image{
    height:auto!important;
    aspect-ratio:4 / 3!important;
    flex:0 0 auto!important;
  }
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p>.image img{
    object-fit:cover!important;
  }
}

/* Product thumbnails must retain their original colours on the forest card
   background; inherited multiply blending was darkening them. */
body.type-category #content .products.products-page .p>.image img{
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
}

/* Keep category photography still and square-edged; the card itself carries
   the rounded outer shape. Avoid duplicate separators below the title. */
body.type-category #content .products.products-page .p>.image img{
  border-radius:0!important;
  transform:none!important;
  transition:none!important;
}
body.type-category #content .products.products-page .p:hover>.image img{transform:none!important}
body.type-category #content .products.products-page .p .p-bottom{border-top:0!important}

html:root body.type-category #content .products.products-page .p>.image img,
html:root body.type-category #content .products.products-page .p:hover>.image img{
  transform:none!important;
  transition:none!important;
}

/* Compact price stack for narrow five-column cards: no dividers and no
   competing price/availability columns. */
@media(min-width:1024px){
  html:root body.type-category:not(.mn-category-list-view) #content .products.products-page .p{
    height:410px!important;
    min-height:410px!important;
  }
  html:root body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-in-in{
    padding:10px 12px 0!important;
  }
  html:root body.type-category:not(.mn-category-list-view) #content .products.products-page .p .name{
    min-height:38px!important;
    font-size:18px!important;
    line-height:1.1!important;
  }
  html:root body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-bottom{
    padding:5px 12px 12px!important;
    border-top:0!important;
  }
  html:root body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-bottom>[data-micro="offer"]{
    display:flex!important;
    height:100%!important;
    min-height:0!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:0!important;
    padding:0!important;
    border-top:0!important;
  }
  html:root body.type-category:not(.mn-category-list-view) #content .products.products-page .p .prices{
    display:block!important;
    width:100%!important;
    padding:0!important;
  }
  html:root body.type-category:not(.mn-category-list-view) #content .products.products-page .p .price-final{
    display:block!important;
    margin:0 0 2px!important;
  }
  html:root body.type-category:not(.mn-category-list-view) #content .products.products-page .p .price-final strong{font-size:21px!important}
  html:root body.type-category:not(.mn-category-list-view) #content .products.products-page .p .price-standard{
    display:inline!important;
    margin:0 6px 0 0!important;
    color:#766f62!important;
    font-size:10px!important;
    line-height:1.25!important;
  }
  html:root body.type-category:not(.mn-category-list-view) #content .products.products-page .p .price-save{
    display:inline!important;
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#243b18!important;
    font-size:10px!important;
    font-weight:800!important;
  }
  html:root body.type-category:not(.mn-category-list-view) #content .products.products-page .p .availability{
    display:block!important;
    margin:4px 0 0!important;
    font-size:11px!important;
    line-height:1.2!important;
  }
html:root body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-tools{
    display:block!important;
    width:100%!important;
    grid-row:auto!important;
    align-self:auto!important;
    margin-top:auto!important;
    padding:8px 0 0!important;
  }
}

/* Remove the store-wide default Shoptet benefit strip shown below category
   listings. Product-detail benefit content remains untouched. */
.full-width.benefit-banners-full-width:has(.benefitBanner.position--benefitCategory){
  display:none!important;
}

/* Content pages use the full Mimix layout; the catalogue navigation stays
   available only where it is needed for category filtering. */
@media(min-width:1024px){
  body:not(.type-category) .sidebar.sidebar-left{display:none!important}
  body:not(.type-category) .content-wrapper-in{display:block!important}
  body:not(.type-category) #content.narrow{width:min(calc(100% - 48px),1440px)!important;max-width:none!important;margin:0 auto!important;padding:0!important}
}

/* Content pages already carry their own editorial heading in the page body. */
body.type-page .pageArticleDetail>header{display:none!important}

/* Shoptet can reveal this placeholder again after sorting. The Mimix button
   is the single source of truth for whether the filter panel is visible. */
body.type-category:not(.mn-category-only-filters-open) #filters-wrapper{display:none!important}
body.type-category.mn-category-only-filters-open #filters-wrapper{display:block!important}

/* Mobile: restore hierarchy around the native Samba mobile header and keep
   shopping controls compact without changing the desktop composition. */
@media(max-width:767px){
  #header{position:relative!important;z-index:10!important;overflow:visible!important}
  #header .header-top-wrapper{min-height:58px!important;height:58px!important;padding-inline:16px!important}
  #header .site-name{display:flex!important;align-items:center!important;height:58px!important;margin:0!important}
  #header .site-name img{width:auto!important;height:44px!important;max-width:126px!important;object-fit:contain!important}
  #header .navigation-buttons{display:flex!important;align-items:center!important;gap:4px!important}
  #header .navigation-buttons>a,#header .navigation-buttons>button{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important}
  #header .header-bottom{min-height:0!important}

  body.type-category .mn-category-hero{min-height:196px!important;margin-bottom:16px!important;padding:28px 22px!important}
  body.type-category .mn-category-hero .category-title{font-size:38px!important;line-height:1.04!important}
  body.type-category .category-header{display:grid!important;grid-template-columns:1fr 42px 42px!important;gap:10px!important;min-height:0!important;height:auto!important;margin-bottom:16px!important;padding:0!important}
  body.type-category .mn-category-browser-controls{display:contents!important;margin:0!important}
  body.type-category .mn-category-control--filter{grid-column:1!important;width:max-content!important;padding-inline:16px!important}
  body.type-category .mn-category-control--view{width:42px!important;min-height:42px!important}
  body.type-category .category-header .listSorting{grid-column:1 / -1!important;grid-row:2!important;order:initial!important;width:100%!important;margin:0!important;overflow-x:auto!important}
  body.type-category .products.products-page{grid-template-columns:1fr!important;gap:14px!important}
  body.type-category .products.products-page>.product{width:100%!important;margin:0!important}
  body.type-category .products.products-page .p{display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;min-height:170px!important;border-radius:12px!important;overflow:hidden!important}
  body.type-category .products.products-page .p>.image{grid-column:1!important;width:132px!important;height:170px!important;max-height:none!important;padding:0!important;background:#17280d!important}
  body.type-category .products.products-page .p>.image img{width:100%!important;height:100%!important;object-fit:cover!important}
  body.type-category .products.products-page .p-in{grid-column:2!important;display:flex!important;min-width:0!important}
  body.type-category .products.products-page .p-in-in{display:flex!important;flex:1!important;flex-direction:column!important;padding:14px!important}
  body.type-category .products.products-page .p .name{margin:0 0 7px!important;font-size:18px!important;line-height:1.2!important}
  body.type-category .products.products-page .p-bottom{margin-top:auto!important;padding:0!important;background:transparent!important}
  body.type-category .products.products-page .availability{margin:5px 0!important;text-align:left!important}
  body.type-category .products.products-page .p-bottom .add-to-cart-button{min-height:42px!important;font-size:12px!important}

  body.type-detail .p-detail{border:0!important;border-radius:0!important;background:#f4f0e5!important}
  body.type-detail .p-detail .p-image-wrapper{padding:0!important;border:0!important;border-radius:0!important;background:#e7edd8!important}
  body.type-detail .p-detail .p-detail-inner-header-mobile{padding:20px 18px 12px!important;text-align:center!important}
  body.type-detail .p-detail .p-detail-inner-header-mobile .h1{color:var(--mn-forest)!important;font-family:var(--mn-serif)!important;font-size:38px!important;font-weight:600!important;line-height:1.1!important}
  body.type-detail .p-detail .p-image{height:auto!important;min-height:0!important;padding:0 18px 18px!important;background:#e7edd8!important}
  body.type-detail .p-detail .p-image #wrap{display:block!important;width:100%!important;height:auto!important;max-width:none!important}
  body.type-detail .p-detail .p-image .p-main-image{display:block!important;width:100%!important;height:auto!important;max-width:none!important}
  body.type-detail .p-detail .p-image .p-main-image>img{display:block!important;width:100%!important;min-width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;object-fit:cover!important}
  body.type-detail .p-detail .p-image .mousetrap{display:none!important}
  body.type-detail .p-detail .row{margin:0!important;padding:0 18px 16px!important;background:#e7edd8!important}
  body.type-detail .p-detail .p-thumbnails-wrapper{height:auto!important;margin:0!important;padding:0!important}
  body.type-detail .p-detail .p-thumbnails{height:62px!important;overflow-x:auto!important;overflow-y:hidden!important}
  body.type-detail .p-detail .p-thumbnails-inner>div{display:flex!important;gap:8px!important;width:max-content!important}
  body.type-detail .p-detail .p-thumbnail{width:62px!important;height:62px!important;flex:0 0 62px!important}
  body.type-detail .p-detail .p-thumbnail img{width:100%!important;height:100%!important;object-fit:cover!important}
  body.type-detail .p-detail .p-data-wrapper{padding:24px 18px!important;background:#f4f0e5!important}

  #header .user-action-cart{z-index:130!important;width:calc(100vw - 32px)!important;max-width:none!important;border:1px solid rgba(36,59,24,.22)!important;border-radius:14px!important;background:#fffdf8!important;box-shadow:0 18px 44px rgba(25,28,10,.28)!important}
  #header .user-action-cart .popup-widget-inner{padding:20px!important;background:#fffdf8!important}
  #header .user-action-cart .btn,#header .user-action-cart .btn-primary{border-color:var(--mn-forest)!important;background:var(--mn-forest)!important;color:var(--mn-white)!important}
}

/* Mobile header reset: no reserved strip, no overlap between the promo bar,
   mobile navigation and the cart drawer. */
@media(max-width:767px){
  #header{min-height:58px!important;background:#191c0a!important}
  #header .header-top{height:58px!important;min-height:58px!important;background:#191c0a!important}
  #header .header-top-wrapper{height:58px!important;min-height:58px!important}
  body:not(.navigation-window-visible) #header .header-bottom,
  body:not(.navigation-window-visible) #header .header-bottom-wrapper{height:0!important;min-height:0!important;padding:0!important;overflow:hidden!important;border:0!important}
  body.navigation-window-visible #header .header-bottom{position:fixed!important;z-index:210!important;top:28px!important;right:0!important;bottom:0!important;left:0!important;display:block!important;height:auto!important;min-height:0!important;overflow:auto!important;background:#191c0a!important}
  body.navigation-window-visible #header .header-bottom-wrapper{display:block!important;height:auto!important;min-height:0!important;padding:0 16px 24px!important;background:#191c0a!important}
  body.navigation-window-visible #header #navigation{display:block!important;height:auto!important;min-height:0!important;background:transparent!important}
  body.navigation-window-visible #header .navigation-close{position:sticky!important;top:0!important;z-index:1;display:flex!important;align-items:center!important;justify-content:flex-end!important;height:52px!important;background:#191c0a!important;color:#fffdf8!important}
  body.navigation-window-visible #header .menu-level-1>li>a{min-height:48px!important}
  #header .user-action-cart{position:fixed!important;z-index:220!important;top:92px!important;right:16px!important;left:16px!important;width:auto!important;max-width:none!important;min-height:0!important;max-height:calc(100vh - 108px)!important;overflow:auto!important}
  #header .user-action-cart .popup-widget-inner{min-height:0!important}
}

/* Mobile refinement: remove Samba's reserved sticky-header offset and give
   navigation, listing cards and the mini-cart predictable compact geometry. */
@media(max-width:767px){
  html,body{padding-top:0!important}
  .overall-wrapper,#content-wrapper{padding-top:0!important;margin-top:0!important}
  .mn-promo-bar{position:relative!important;top:auto!important}
  body.navigation-window-visible #header .header-bottom-wrapper{padding-top:58px!important}
  body.navigation-window-visible #header .navigation-close{position:fixed!important;z-index:230!important;top:44px!important;right:18px!important;display:grid!important;width:40px!important;height:40px!important;padding:0!important;place-items:center!important;background:#191c0a!important;color:#fffdf8!important}
  body.navigation-window-visible #header .menu-level-1{padding-bottom:24px!important}

  body.type-category .category-header .listSorting__controls{display:grid!important;width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  body.type-category .category-header .listSorting__control{width:100%!important;min-width:0!important;padding-inline:8px!important;font-size:12px!important;white-space:nowrap!important}
  body.type-category .products.products-page .p{height:238px!important;min-height:238px!important}
  body.type-category .products.products-page .p>.image{height:238px!important}
  body.type-category .products.products-page .p-in-in{justify-content:flex-start!important}
  body.type-category .products.products-page .p-bottom{margin-top:auto!important}
  body.type-category .products.products-page .p-bottom .add-to-cart-button{width:100%!important}

  #header .user-action-cart,#header .user-action-cart.full,#header #cart-widget{height:auto!important;min-height:0!important}
  #header .user-action-cart .cart-widget-inner,#header .user-action-cart .popup-widget-inner{height:auto!important;min-height:0!important}
  #header .user-action-cart .cart-widget-products{max-height:48vh!important;overflow:auto!important}
}

/* Slightly roomier cards with centred availability and a tight purchase
   cluster at the lower edge. */
@media(min-width:1024px){
  html:root body.type-category:not(.mn-category-list-view) #content .products.products-page .p{
    height:430px!important;
    min-height:430px!important;
  }
  html:root body.type-category:not(.mn-category-list-view) #content .products.products-page .p .prices{
    margin-top:auto!important;
  }
  html:root body.type-category:not(.mn-category-list-view) #content .products.products-page .p .availability{
    align-self:stretch!important;
    width:100%!important;
    text-align:center!important;
  }
  html:root body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-tools{
    margin-top:8px!important;
  }
}

@media(min-width:1024px){
  html:root body.type-category:not(.mn-category-list-view) #content .products.products-page .p .ratings-wrapper{
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  html:root body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-tools{
    padding-top:0!important;
  }
}

/* Reserve the last grid row for the purchase action so every CTA sits flush
   with the card's lower edge. */
@media(min-width:1024px){
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-bottom>[data-micro="offer"]{
    flex:1 1 auto!important;
    height:100%!important;
    grid-template-rows:auto 1fr auto!important;
  }
  html body.type-category:not(.mn-category-list-view) #content .products.products-page .p .p-tools{
    grid-row:3!important;
    align-self:end!important;
  }
}

/* Newsletter follows the same canvas as the preceding story and hero. */
@media(min-width:1024px){
  .in-index .mn-newsletter .mn-shell{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
}

/* Full-bleed colour fields for homepage sections, while their actual content
   remains aligned to the same centred canvas as a category page. */
@media(min-width:1024px){
  body.in-index{overflow-x:hidden!important}
  .in-index .mn-theme-spotlight{
    box-shadow:0 0 0 100vmax #b8c79a!important;
    clip-path:inset(0 -100vmax)!important;
  }
  .in-index .mn-story{
    box-shadow:0 0 0 100vmax #d6e0bd!important;
    clip-path:inset(0 -100vmax)!important;
  }
  .in-index .mn-newsletter{
    box-shadow:0 0 0 100vmax #151b08!important;
    clip-path:inset(0 -100vmax)!important;
  }
}

/* Samba keeps a percentage margin on the homepage welcome wrapper.  It would
   recreate the wide side strips even when the page canvas is full width. */
@media(min-width:1024px){
  .in-index .welcome-wrapper > .welcome{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* Keep the homepage on Samba's content canvas just like category pages.
   Only the outer page colour is unified, so no contrasting side strips show. */
@media(min-width:1024px){
  body.in-index{background:#c8d4ae!important}
  .in-index #content-wrapper.container.content-wrapper{
    width:100%!important;
    max-width:1712px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .in-index .welcome-wrapper,
  .in-index .welcome-wrapper > .welcome,
  .in-index #content{width:100%!important;max-width:none!important}
  .in-index .mn-section{width:calc(100% - 96px)!important}
}
/* Homepage uses the same full-width canvas as category and product pages. */
@media(min-width:1024px){
  body.in-index,#content-wrapper.in-index{background:#c8d4ae!important}
  .in-index #content-wrapper,
  .in-index .content-wrapper,
  .in-index #content,
  .in-index .welcome-wrapper{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
  .in-index .mn-section{width:calc(100% - 96px)!important;max-width:none!important;margin-left:48px!important;margin-right:48px!important}
  .in-index .mn-hero{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
}
@media(min-width:1024px){body.type-category #content .category-content-wrapper .products.products-page{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
/* Category list view: a compact, legible row rather than stretched card internals. */
@media(min-width:1024px){
  body.type-category.mn-category-list-view #content .products.products-page .p{min-height:220px!important;height:220px!important}
  body.type-category.mn-category-list-view #content .products.products-page .p>.image{width:220px!important;height:220px!important;flex:0 0 220px!important}
  body.type-category.mn-category-list-view #content .products.products-page .p>.image .flags,
  body.type-category.mn-category-list-view #content .products.products-page .p>.p-code{display:none!important}
  body.type-category.mn-category-list-view #content .products.products-page .p-in{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;min-height:220px!important}
  body.type-category.mn-category-list-view #content .products.products-page .p-in-in{display:flex!important;align-items:flex-start;justify-content:center;padding:28px 30px!important}
  body.type-category.mn-category-list-view #content .products.products-page .p-bottom{display:flex!important;flex-direction:column;align-items:stretch;justify-content:center;gap:12px;max-width:none!important;margin:0!important;padding:24px 28px!important;border-left:1px solid rgba(36,59,24,.14)}
  body.type-category.mn-category-list-view #content .products.products-page .p-bottom .btn,
  body.type-category.mn-category-list-view #content .products.products-page .p-bottom .add-to-cart-button{width:100%!important;white-space:nowrap}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p-bottom .btn,
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p-bottom .add-to-cart-button{width:100%!important;min-width:0!important;padding-inline:6px!important;font-size:10px!important;white-space:nowrap}
}
/* Category toolbar: one baseline, five readable cards, native Shoptet filters on demand. */
@media(min-width:1024px){
  body.type-category #content .category-content-wrapper .products.products-page{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  body.type-category #content .filters-unveil-button-wrapper{display:none!important}
  body.type-category #content .category-header{display:flex!important;align-items:center!important;justify-content:flex-end!important;min-height:58px!important;height:58px!important;margin:0 0 20px!important;padding:8px 0!important}
  body.type-category #content .category-header .listSorting,
  body.type-category #content .category-header .listSorting__controls{display:flex!important;align-items:center!important;height:42px!important;margin:0!important;padding:0!important}
  body.type-category #content .category-header .listSorting{align-self:center!important;margin-left:auto!important}
  body.type-category #content .category-header .listSorting__controls{gap:0!important}
  body.type-category #content .mn-category-browser-controls{align-self:center!important;margin-top:0!important;margin-bottom:0!important}
}
/* Compact desktop navigation: retain menu readability without the unused lower band. */
@media(min-width:1024px){
  #header .header-top-wrapper{min-height:84px!important}
  #header .header-bottom-wrapper,
  #header #navigation,
  #header #navigation .navigation-in,
  #header #navigation .menu-level-1{height:84px!important;min-height:84px!important}
  #header #navigation .menu-level-1>li>a{min-height:76px!important;padding-top:4px!important;padding-bottom:4px!important}
  #header .site-name img{height:62px!important}
  #header .user-action-search{top:20px!important}
}
@media(min-width:1024px){
  #header .header-top-wrapper,
  #header .header-bottom{height:84px!important;min-height:84px!important}
  #header .site-name{height:84px!important;display:flex!important;align-items:center!important}
}
/* Stable category results, equal product cards and Mimix-styled native filters. */
@media(min-width:1024px){
  .type-category #content.narrow>.category-top:not(.mn-category-hero){display:none!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p{height:506px!important;min-height:506px!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p-in-in{min-height:0!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p-bottom{margin-top:auto!important}
}
.type-category #filters{box-sizing:border-box;padding:28px 24px!important;border:1px solid rgba(166,145,45,.42)!important;border-radius:14px!important;background:#f4f0e5!important;box-shadow:0 8px 24px rgba(25,28,10,.08)!important}
.type-category #filters .ui-slider{height:6px!important;border:0!important;border-radius:999px!important;background:rgba(36,59,24,.2)!important}
.type-category #filters .ui-slider-range{background:#243b18!important}
.type-category #filters .ui-slider-handle{width:20px!important;height:20px!important;top:50%!important;margin-top:-10px!important;border:2px solid #fffdf8!important;border-radius:50%!important;background:#243b18!important;box-shadow:0 2px 7px rgba(25,28,10,.22)!important}
.type-category #filters input[type="checkbox"]{accent-color:#243b18}
.type-category #filters h4,.type-category #filters h4 span{color:#20231b!important}
.type-category #filters .filter-sections{background:#f4f0e5!important}
@media(min-width:1024px) and (max-width:1400px){
  body.type-category #content .category-header{height:auto!important;min-height:58px!important;flex-wrap:wrap!important;gap:8px!important}
  body.type-category #content .category-header .listSorting{margin-left:auto!important}
  body.type-category #content .category-header .listSorting__control{padding-inline:9px!important;font-size:11px!important}
  body.type-category #content .mn-category-browser-controls{margin-left:0!important}
}
@media(min-width:1024px){
  body.type-category #content .category-header{justify-content:flex-end!important}
  body.type-category #content .category-header .listSorting{margin-left:0!important}
  body.type-category #content .mn-category-browser-controls{margin-left:8px!important}
}
/* Category product card: one vertical information flow for every buying state. */
@media(min-width:1024px){
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p-in{display:flex!important;flex-direction:column!important;width:100%!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p-in-in{display:block!important;flex:0 0 auto!important;width:100%!important;padding:15px 14px 0!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .name{min-height:0!important;margin:0!important;font-size:17px!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p-bottom{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;padding:10px 14px 14px!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p-bottom .availability{margin-top:5px!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p-bottom form{margin-top:auto!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p-bottom .btn,
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p-bottom .add-to-cart-button{min-height:40px!important;font-size:11px!important}
}

/* Final homepage width override: this must remain after legacy Samba layout
   rules above so homepage blocks match the hero's 1712px canvas. */
@media(min-width:1024px){
  .in-index .mn-section{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .in-index .mn-section .mn-shell,
  .in-index .mn-category-grid{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
}

/* Final newsletter width override; must follow the legacy homepage shell. */
@media(min-width:1024px){
  .in-index .mn-newsletter .mn-shell{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
}

/* Final category control choice: retain filters and view switch, hide sorting. */
body.type-category #content .category-header .listSorting{
  display:none!important;
}

/* Responsive foundation: keep the deliberate 1712px editorial canvas, but
   blend its surrounding page into the same surface.  This removes the visual
   side seams without making desktop copy and product cards uncomfortably wide. */
@media(min-width:768px){
  body.in-index{background:#c8d7ad!important}
  body.type-category{background:#f4f0e5!important}
  body.type-detail{background:#f4f0e5!important}
  /* The page canvas can be pale, but the header itself must always start
     with its dark brand surface — never with the canvas colour. */
  body.in-index #header,
  body.type-category #header,
  body.type-detail #header{background:#191c0a!important}
  body.in-index #content-wrapper,
  body.type-category #content-wrapper{background:transparent!important}
}

/* Tablet is its own layout, rather than a stretched phone or compressed
   desktop: three product cards and a vertically sequenced product detail. */
@media(min-width:768px) and (max-width:1023px){
  #content-wrapper,
  .content-wrapper,
  .content-wrapper-in,
  #content,
  #content.narrow{width:100%!important;max-width:none!important;margin-inline:0!important}
  body.type-category .mn-category-hero{min-height:250px!important;margin-bottom:22px!important;padding:48px 42px!important}
  body.type-category .products.products-page{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
  body.type-category .products.products-page>.product{width:auto!important;margin:0!important}
  body.type-category .category-header{min-height:54px!important;margin-bottom:18px!important;padding:6px 26px!important}
  body.type-detail .p-detail .p-detail-inner{display:block!important}
  body.type-detail .p-detail .p-image-wrapper,
  body.type-detail .p-detail .p-data-wrapper{width:100%!important}
  body.type-detail .p-detail .p-data-wrapper{padding:42px clamp(28px,7vw,72px)!important}
}

/* Touch layouts use Shoptet's single native gallery.  The supplementary
   desktop gallery is a visual copy and caused a second product photo. */
@media(max-width:1023px){
  body.type-detail .p-detail .mn-mobile-gallery-image,
  body.type-detail .p-detail .mn-gallery-dots{display:none!important}
  body.type-detail .p-detail .p-image-wrapper > .p-image,
  body.type-detail .p-detail .p-image-wrapper > .row{display:block!important}
  body.type-detail .benefit-banners-full-width{display:none!important}

  body.type-detail .p-detail-tabs-wrapper{
    margin-top:0!important;
    border:0!important;
    border-radius:0!important;
    background:#f4f0e5!important;
  }
  body.type-detail .p-detail-tabs-wrapper .shp-tabs-holder{
    padding:12px 18px!important;
    background:#f4f0e5!important;
  }
  body.type-detail .p-detail-tabs{
    display:flex!important;
    gap:8px!important;
    margin:0!important;
    border:0!important;
  }
  body.type-detail .p-detail-tabs .shp-tab{margin:0!important}
  body.type-detail .p-detail-tabs .shp-tab-link,
  body.type-detail .p-detail-tabs .shp-tab.active .shp-tab-link{
    display:flex!important;
    min-height:40px!important;
    padding:0 18px!important;
    border:1px solid rgba(36,59,24,.18)!important;
    border-radius:7px!important;
    background:#f4f0e5!important;
    color:#342817!important;
    font-size:12px!important;
    font-weight:800!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
  }
  body.type-detail .p-detail-tabs-wrapper .description-inner{
    padding:26px 18px!important;
    background:#f4f0e5!important;
  }

  /* Native touch gallery: the source file carries white portrait margins.
     Use the same warm canvas as the detail and mask only those margins. */
  body.type-detail.id-709 .p-detail .p-image-wrapper,
  body.type-detail.id-709 .p-detail .p-image-wrapper .p-image,
  body.type-detail.id-709 .p-detail .p-image-wrapper .p-main-image,
  body.type-detail.id-709 .p-detail .p-image-wrapper .row{
    background:#f4f0e5!important;
  }
  body.type-detail.id-709 .p-detail .p-image-wrapper img[src*="75_arasidy-prazene-solene"]{
    clip-path:inset(0 25.25%)!important;
  }

  /* Keep the full tab panel on the desktop canvas; no white card remains
     around either its buttons or its product description. */
  body.type-detail .p-detail-tabs-wrapper,
  body.type-detail .p-detail-tabs-wrapper .shp-tabs-holder,
  body.type-detail .p-detail-tabs-wrapper .p-detail-tabs,
  body.type-detail .p-detail-tabs-wrapper .tab-content,
  body.type-detail .p-detail-tabs-wrapper .description,
  body.type-detail .p-detail-tabs-wrapper .description-inner{
    background:#f4f0e5!important;
  }
  body.type-detail .p-detail-tabs-wrapper .tab-content,
  body.type-detail .p-detail-tabs-wrapper .description{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    visibility:visible!important;
    opacity:1!important;
  }

  /* One canvas for the complete touch detail.  The product data panel uses
     #f8f5ec, so title, gallery and tabs must use that exact same canvas. */
  body.type-detail .p-detail,
  body.type-detail .p-detail .p-detail-inner,
  body.type-detail .p-detail .p-detail-inner-header-mobile,
  body.type-detail .p-detail .p-image-wrapper,
  body.type-detail .p-detail .p-image-wrapper .p-image,
  body.type-detail .p-detail .p-image-wrapper .p-main-image,
  body.type-detail .p-detail .p-image-wrapper .row,
  body.type-detail .p-detail .p-data-wrapper,
  body.type-detail .p-detail-tabs-wrapper,
  body.type-detail .p-detail-tabs-wrapper .shp-tabs-holder,
  body.type-detail .p-detail-tabs-wrapper .tab-content,
  body.type-detail .p-detail-tabs-wrapper .description,
  body.type-detail .p-detail-tabs-wrapper .description-inner{
    background:#f8f5ec!important;
  }
  body.type-detail .p-detail-tabs .shp-tab-link,
  body.type-detail .p-detail-tabs .shp-tab.active .shp-tab-link{
    background:#f8f5ec!important;
  }

  /* The peanut product had a previous ID-specific gallery colour.  Match it
     at the same specificity, otherwise that old rule wins over the shared
     touch canvas above. */
  body.type-detail.id-709 .p-detail .p-image-wrapper,
  body.type-detail.id-709 .p-detail .p-image-wrapper > .row,
  body.type-detail.id-709 .p-detail .p-image-wrapper .p-image,
  body.type-detail.id-709 .p-detail .p-image-wrapper .p-main-image{
    background:#f8f5ec!important;
  }
}

/* Content pages do not need the desktop catalogue sidebar on a tablet. */
@media(min-width:768px) and (max-width:1023px){
  body:not(.type-category) .sidebar.sidebar-left{display:none!important}
  body:not(.type-category) .content-wrapper-in{display:block!important;width:100%!important;max-width:none!important}
  body:not(.type-category) #content.narrow{width:100%!important;max-width:none!important;margin-inline:0!important}
}

/* Desktop detail: give product photography a measured, calm focal area. */
@media(min-width:1024px){
  body.type-detail .p-detail .mn-mobile-gallery-image{min-height:620px!important}
  body.type-detail .p-detail .mn-mobile-gallery-image img{width:78%!important;height:auto!important;max-height:590px!important;object-fit:contain!important}
  body.type-category #content .category-header{min-height:50px!important;margin-bottom:16px!important;padding-block:4px!important}
}

/* -------------------------------------------------------------------------
   Responsive stabilisation layer
   This intentionally comes last: it normalises the Samba canvas at each
   breakpoint without touching Shoptet's shopping, filtering or checkout JS.
   ------------------------------------------------------------------------- */
html,body{max-width:100%;overflow-x:clip}
*,*::before,*::after{box-sizing:border-box}

@media(min-width:768px){
  /* A single editorial canvas for all storefront templates. */
  body.in-index #content-wrapper,
  body.type-category #content-wrapper,
  body.type-detail #content-wrapper{
    width:100%!important;
    max-width:1712px!important;
    margin-inline:auto!important;
  }
  body.in-index .content-wrapper-in,
  body.type-category .content-wrapper-in,
  body.type-detail .content-wrapper-in{max-width:none!important}
}

@media(min-width:768px) and (max-width:1023px){
  /* Tablet keeps generous room for content, but never inherits desktop
     fixed widths or phone-only negative-margin positioning. */
  body.in-index #content-wrapper,
  body.type-category #content-wrapper,
  body.type-detail #content-wrapper,
  body.in-index #content,
  body.type-category #content,
  body.type-detail #content{width:100%!important;max-width:none!important;margin-inline:0!important}
  body.in-index .mn-section{width:100%!important;margin-inline:0!important;padding-inline:32px!important}
  body.type-category .category-content-wrapper{padding:0 32px 44px!important}
  body.type-category .products.products-page{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p{height:410px!important;min-height:410px!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p>.image{max-height:208px!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .name{display:-webkit-box!important;height:66px!important;min-height:66px!important;max-height:66px!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;font-size:18px!important;line-height:1.2!important}
  body.type-detail .p-detail .p-data-wrapper{padding:36px 40px!important}
}

@media(min-width:1024px){
  /* Desktop detail follows the same 1712px canvas as the category hero. */
  body.type-detail #content.narrow{width:calc(100% - 48px)!important;max-width:1664px!important;margin-inline:auto!important}
  body.type-detail .p-detail{width:100%!important;max-width:none!important}
  body.type-detail .p-detail .p-detail-inner{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(480px,.9fr)!important;align-items:stretch!important}
  body.type-detail .p-detail .p-image-wrapper,
  body.type-detail .p-detail .p-data-wrapper{width:auto!important;min-width:0!important}
  body.type-detail .p-detail .p-data-wrapper{padding:34px clamp(36px,4vw,72px)!important}
  body.type-detail .p-detail .mn-mobile-gallery-image{min-height:560px!important}
  body.type-detail .p-detail .mn-mobile-gallery-image img{width:82%!important;max-height:560px!important}

  /* The category is the product-detail's browse counterpart: the same warm
     canvas, quiet borders and deliberately roomy product photography. */
  body.type-category #content-wrapper{background:#f4f0e5!important}
  body.type-category #content.narrow{width:calc(100% - 96px)!important;max-width:1520px!important;margin-inline:auto!important;padding:0 0 64px!important}
  body.type-category .mn-category-hero{min-height:264px!important;margin-bottom:0!important;padding:54px clamp(48px,6vw,104px)!important}
  body.type-category .mn-category-hero .category-title{max-width:680px!important;font-size:clamp(44px,4.5vw,64px)!important}
  body.type-category .mn-category-hero__lead{max-width:510px!important;margin-top:16px!important;font-size:16px!important}
  body.type-category #content .category-content-wrapper{padding-top:30px!important}
  body.type-category #content .category-header{min-height:54px!important;height:auto!important;margin:0 0 24px!important;padding:0 0 18px!important;border-bottom:0!important}
  body.type-category #content .category-content-wrapper .products.products-page{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p{height:438px!important;min-height:438px!important;border:1px solid rgba(36,59,24,.16)!important;border-radius:14px!important;background:#fffdf8!important;box-shadow:none!important;overflow:hidden!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p:hover{border-color:rgba(166,145,45,.65)!important;box-shadow:0 12px 26px rgba(52,40,23,.12)!important;transform:translateY(-3px)!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p>.image{height:220px!important;max-height:220px!important;padding:10px!important;background:#e7edd8!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p>.image img{width:100%!important;height:100%!important;object-fit:contain!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p-in-in{padding:16px 18px 0!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .name{height:auto!important;min-height:66px!important;max-height:66px!important;overflow:hidden!important;color:#243b18!important;font-family:var(--mn-serif)!important;font-size:19px!important;font-weight:600!important;line-height:1.15!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p-bottom{padding:9px 18px 18px!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .price-final strong{color:#243b18!important;font-family:var(--mn-sans)!important;font-size:22px!important;font-weight:850!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .availability,
  body.type-category:not(.mn-category-list-view) #content .products.products-page .availability span{text-align:center!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p-tools .btn,
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p-tools .add-to-cart-button{width:100%!important;min-height:42px!important;border-radius:999px!important}
}

@media(max-width:767px){
  /* Phone canvas is the viewport itself, without inherited Samba gutters. */
  #content-wrapper,.content-wrapper,.content-wrapper-in,#content,#content.narrow{max-width:100%!important}
  body.type-category .category-content-wrapper{padding-inline:16px!important}
  body.type-category .products.products-page{gap:12px!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p{height:332px!important;min-height:332px!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p>.image{height:148px!important;min-height:148px!important}
  html:root body.type-category:not(.mn-category-list-view) #content .products.products-page .p .name{display:-webkit-box!important;height:54px!important;min-height:54px!important;max-height:54px!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-height:1.2!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .availability,
  body.type-category:not(.mn-category-list-view) #content .products.products-page .availability span{text-align:center!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p-tools .btn,
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p-tools .add-to-cart-button{width:100%!important;min-height:38px!important}
}

/* Mobile navigation is deliberately defined once at the end of the cascade.
   Older Samba overrides place the close icon independently; keeping it in the
   menu's own flow prevents it from ever covering an item. */
@media(max-width:767px){
  body.navigation-window-visible #header .header-bottom{
    position:fixed!important;
    z-index:210!important;
     top:28px!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    display:block!important;
    height:auto!important;
    padding:0!important;
    overflow:auto!important;
    background:#191c0a!important;
  }
  body.navigation-window-visible #header .header-bottom-wrapper{
    display:flex!important;
    flex-direction:column!important;
    min-height:100%!important;
    height:auto!important;
    padding:0 20px 28px!important;
    background:#191c0a!important;
  }
  body.navigation-window-visible #header .navigation-close{
    position:sticky!important;
    top:0!important;
    right:auto!important;
    z-index:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:100%!important;
    height:54px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:#191c0a!important;
    color:#fffdf8!important;
  }
  body.navigation-window-visible #header #navigation,
  body.navigation-window-visible #header #navigation .navigation-in{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    background:transparent!important;
  }
  body.navigation-window-visible #header .menu-level-1{margin:0!important;padding:0!important}
  body.navigation-window-visible #header .menu-level-1>li{
    margin:0!important;
    border-bottom:1px solid rgba(209,165,80,.28)!important;
  }
  body.navigation-window-visible #header .menu-level-1>li>a{
    min-height:58px!important;
    padding:16px 0!important;
    border:0!important;
    border-radius:0!important;
    background:#243b18!important;
    color:#d1a550!important;
    font-size:15px!important;
    font-weight:800!important;
  }
  body.navigation-window-visible #header .menu-level-1>li>a::after{color:#d1a550!important}

  /* Detail and basket CTAs keep the same full-card hit area in every state. */
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p-tools,
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p-tools>form,
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p-tools>a{
    width:100%!important;
  }
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p-tools .btn,
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p-tools .add-to-cart-button{
    display:flex!important;
    width:100%!important;
    min-height:40px!important;
    align-items:center!important;
    justify-content:center!important;
  }
}

/* Category browser final authority: this follows all historical Samba
   compatibility layers, so sorting and view switching stay deterministic. */
body.type-category .products-top-wrapper{display:none!important}
@media(max-width:767px){
  body.type-category #filters-wrapper{display:none!important;margin:0 0 16px!important}
  body.type-category.mn-category-only-filters-open #filters-wrapper,
  body.type-category.mn-category-only-filters-open #filters-wrapper #filters{display:block!important}
  body.type-category #content .category-header{display:grid!important;grid-template-columns:minmax(0,1fr) 42px 42px!important;gap:10px!important;align-items:center!important;min-height:42px!important;margin:0 0 14px!important;padding:0!important}
  body.type-category #content .category-header .listSorting{display:none!important}
  body.type-category #content .mn-category-browser-controls{display:contents!important}
  body.type-category #content .mn-category-control--filter{grid-column:1!important;justify-self:start!important}
  body.type-category #content .mn-category-control--view{width:42px!important;height:42px!important;min-height:42px!important}
  body.type-category #content .products.products-page{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page>.product{width:auto!important;min-width:0!important;margin:0!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p{display:flex!important;width:100%!important;min-width:0!important;height:338px!important;min-height:338px!important}
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .availability,
  body.type-category:not(.mn-category-list-view) #content .products.products-page .p .availability span{width:100%!important;text-align:center!important}
  body.type-category.mn-category-list-view #content .products.products-page{grid-template-columns:1fr!important;gap:12px!important}
  body.type-category.mn-category-list-view #content .products.products-page .p{display:grid!important;grid-template-columns:128px minmax(0,1fr)!important;width:100%!important;min-width:0!important;height:156px!important;min-height:156px!important}
  body.type-category.mn-category-list-view #content .products.products-page .p>.image{grid-column:1!important;width:128px!important;height:156px!important;min-height:156px!important}
  body.type-category.mn-category-list-view #content .products.products-page .p-in{grid-column:2!important;min-width:0!important}
  body.type-category.mn-category-list-view #content .products.products-page .p-code,
  body.type-category.mn-category-list-view #content .products.products-page .flags{display:none!important}
  body.type-category #filters-wrapper .filters-unveil-button-wrapper{display:none!important}
}

/* Mobile menu final authority — comes after every legacy navigation override. */
@media(max-width:767px){
  body.navigation-window-visible #header .header-bottom{top:28px!important;right:0!important;bottom:0!important;left:0!important;padding:0!important;overflow-y:auto!important;background:#191c0a!important}
  body.navigation-window-visible #header .header-bottom-wrapper{display:block!important;min-height:100%!important;padding:0 20px 32px!important;background:#191c0a!important}
  body.navigation-window-visible #header .navigation-close{position:fixed!important;z-index:220!important;top:42px!important;right:18px!important;display:flex!important;width:42px!important;height:42px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;border:0!important;background:#191c0a!important;color:#fffdf8!important}
  body.navigation-window-visible #header #navigation{padding-top:58px!important;background:transparent!important}
  body.navigation-window-visible #header .menu-level-1{margin:0!important;padding:0!important}
  body.navigation-window-visible #header .menu-level-1>li{margin:0!important;border:0!important;background:transparent!important}
  body.navigation-window-visible #header .menu-level-1>li>a{min-height:56px!important;margin:0!important;padding:17px 12px!important;border:0!important;border-bottom:1px solid rgba(209,165,80,.22)!important;border-radius:0!important;background:#191c0a!important;color:#d1a550!important;font-size:15px!important;font-weight:750!important}
  /* The close element lives inside #navigation, so this selector must match
     its native specificity. It is visually fixed at the sheet's top, not
     rendered after the last navigation action. */
  body.navigation-window-visible #header #navigation .navigation-close{position:fixed!important;z-index:230!important;top:40px!important;right:14px!important;display:grid!important;width:42px!important;height:42px!important;place-items:center!important;margin:0!important;padding:0!important;border:0!important;background:#191c0a!important;color:#fffdf8!important}
  body.navigation-window-visible #header #navigation{padding-top:0!important}
  body.navigation-window-visible #header #navigation .navigationActions{display:none!important}
}

/* Compact mobile menu sheet: only the actual menu is covered. A dedicated
   48px control rail keeps closing separate from the first category. */
@media(max-width:767px){
  body.navigation-window-visible #header .header-bottom{
    position:fixed!important;
     top:28px!important;
    right:0!important;
    bottom:auto!important;
    left:0!important;
    height:auto!important;
     max-height:calc(100dvh - 28px)!important;
    overflow-y:auto!important;
  }
  body.navigation-window-visible #header .header-bottom-wrapper{
    min-height:0!important;
    height:auto!important;
    padding:0 0 16px!important;
  }
  body.navigation-window-visible #header #navigation{padding-top:48px!important}
  body.navigation-window-visible #header #navigation .navigation-close{
    position:absolute!important;
    z-index:230!important;
    top:0!important;
    right:0!important;
    width:48px!important;
    height:48px!important;
    display:grid!important;
    place-items:center!important;
    background:#191c0a!important;
    color:#fffdf8!important;
  }
}

/* Mobile sheet end-of-file override: this deliberately follows every legacy
   Samba rule for #navigation and .navigation-close. */
@media(max-width:767px){
  body.navigation-window-visible #header{position:relative!important;z-index:230!important;overflow:visible!important}
  body.navigation-window-visible #header .header-bottom{position:absolute!important;z-index:231!important;top:100%!important;right:0!important;bottom:auto!important;left:0!important;display:block!important;width:100%!important;height:auto!important;max-height:calc(100dvh - 92px)!important;padding:0!important;overflow-y:auto!important;background:#fffdf8!important;border-top:1px solid rgba(36,59,24,.14)!important;box-shadow:0 20px 36px rgba(25,28,10,.24)!important}
  body.navigation-window-visible #header .header-bottom-wrapper{display:block!important;min-height:0!important;height:auto!important;padding:0!important;background:#fffdf8!important}
  body.navigation-window-visible #header #navigation,body.navigation-window-visible #header #navigation .navigation-in{display:block!important;width:100%!important;min-height:0!important;height:auto!important;padding:0!important;background:#fffdf8!important}
  body.navigation-window-visible #header #navigation .menu-level-1{display:block!important;margin:0!important;padding:0!important}
  body.navigation-window-visible #header #navigation .menu-level-1>li{display:block!important;margin:0!important;border:0!important;background:#fffdf8!important}
  body.navigation-window-visible #header #navigation .menu-level-1>li>a{display:flex!important;min-height:62px!important;margin:0!important;padding:18px 22px!important;align-items:center!important;border:0!important;border-bottom:1px solid rgba(36,59,24,.13)!important;border-radius:0!important;background:#fffdf8!important;color:#20231b!important;font-size:16px!important;font-weight:750!important;line-height:1.25!important}
  body.navigation-window-visible #header #navigation .menu-level-1>li>a::after{color:#243b18!important;font-size:24px!important}
  body.navigation-window-visible #header #navigation .navigationActions,body.navigation-window-visible #header .menu-helper{display:none!important}
  body.navigation-window-visible #header #navigation .navigation-close{position:absolute!important;z-index:240!important;top:-48px!important;right:10px!important;display:grid!important;width:42px!important;height:42px!important;margin:0!important;padding:0!important;place-items:center!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fffdf8!important}
}

/* Mobile menu failsafe: the sheet owns the whole viewport below the notice.
   Nothing from the category page may remain visible below or beside it. */
@media(max-width:767px){
  body.navigation-window-visible #header .header-top{position:fixed!important;z-index:10011!important;top:28px!important;right:0!important;left:0!important;height:64px!important;min-height:64px!important;background:#191c0a!important}
  body.navigation-window-visible #header .header-bottom{position:fixed!important;z-index:10010!important;top:92px!important;right:0!important;bottom:0!important;left:0!important;display:block!important;width:100vw!important;height:auto!important;max-height:none!important;min-height:0!important;padding:0!important;overflow-y:auto!important;background:#fffdf8!important;box-shadow:none!important}
  body.navigation-window-visible #header .header-bottom-wrapper,body.navigation-window-visible #header #navigation,body.navigation-window-visible #header #navigation .navigation-in{display:block!important;width:100%!important;min-height:100%!important;height:auto!important;padding:0!important;background:#fffdf8!important}
  body.navigation-window-visible #header #navigation .menu-level-1>li>a{min-height:64px!important;padding:20px 24px!important;background:#fffdf8!important;color:#20231b!important;border-bottom:1px solid rgba(36,59,24,.12)!important}
  body.navigation-window-visible #header #navigation .navigationActions,body.navigation-window-visible #header .menu-helper{display:none!important}
  body.navigation-window-visible #header .header-top a[data-target="navigation"]{visibility:hidden!important}
  body.navigation-window-visible #header #navigation .navigation-close{position:fixed!important;z-index:10012!important;top:44px!important;right:12px!important;display:grid!important;width:42px!important;height:42px!important;place-items:center!important;margin:0!important;padding:0!important;border:0!important;background:#191c0a!important;color:#fffdf8!important}
}

/* Mobile header/menu correction: the compact notice stays above Mimix's own
   forest-and-gold navigation without creating a second scrollable row. */
@media(max-width:767px){
  @keyframes mn-promo-bar-cycle{0%,30%{opacity:1}33.34%,100%{opacity:0}}
  .mn-promo-bar{position:fixed!important;z-index:10020!important;top:0!important;right:0!important;left:0!important;box-sizing:border-box!important;width:100%!important;height:28px!important;min-height:28px!important;max-height:28px!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#244b3b!important}
  .mn-promo-bar__inner{position:relative!important;display:block!important;width:100%!important;min-width:0!important;height:28px!important;margin:0!important;padding:0!important;overflow:hidden!important}
  .mn-promo-bar__item{position:absolute!important;inset:0!important;display:flex!important;width:100%!important;height:28px!important;min-height:28px!important;margin:0!important;padding:0 12px!important;align-items:center!important;justify-content:center!important;opacity:0;animation:mn-promo-bar-cycle 15s ease-in-out infinite!important}
  .mn-promo-bar__item:nth-child(1){animation-delay:0s!important}
  .mn-promo-bar__item:nth-child(2){animation-delay:5s!important}
  .mn-promo-bar__item:nth-child(3){animation-delay:10s!important}
  .mn-promo-bar__label{overflow:visible;text-overflow:clip}
  body:not(.navigation-window-visible) #header{margin-top:28px!important}
  body.navigation-window-visible #header{margin-top:0!important}
  body.navigation-window-visible #header .header-bottom{top:92px!important;bottom:0!important;background:#243b18!important;border-top:1px solid rgba(209,165,80,.55)!important}
  body.navigation-window-visible #header .header-bottom-wrapper,body.navigation-window-visible #header #navigation,body.navigation-window-visible #header #navigation .navigation-in{background:#243b18!important}
  body.navigation-window-visible #header #navigation .menu-level-1>li,body.navigation-window-visible #header #navigation .menu-level-1>li>a{background:#243b18!important}
  body.navigation-window-visible #header #navigation .menu-level-1>li>a{min-height:62px!important;padding:19px 24px!important;color:#d1a550!important;border-bottom:1px solid rgba(209,165,80,.32)!important;font-size:16px!important;font-weight:750!important}
  body.navigation-window-visible #header #navigation .menu-level-1>li>a::after{color:#d1a550!important}
  body.navigation-window-visible #header #navigation .navigation-close{display:grid!important;place-items:center!important;color:#fffdf8!important;font-size:0!important}
  body.navigation-window-visible #header #navigation .navigation-close::before{content:'×'!important;display:block!important;color:#fffdf8!important;font-family:Arial,sans-serif!important;font-size:38px!important;font-weight:300!important;line-height:1!important}
  body.navigation-window-visible #header #navigation .navigation-close::after{display:none!important}
}
@media(max-width:767px) and (prefers-reduced-motion:reduce){
  .mn-promo-bar__item{animation:none!important}
  .mn-promo-bar__item:not(:first-child){display:none!important}
  .mn-promo-bar__item:first-child{opacity:1!important}
}

/* Keep the normal mobile header with the fixed notice; the open navigation
   has no nested scroller at common phone heights. */
@media(max-width:767px){
  body:not(.navigation-window-visible) #header{position:sticky!important;z-index:10010!important;top:28px!important;margin-top:28px!important}
  body.navigation-window-visible #header .header-bottom{overflow:hidden!important}
  body.navigation-window-visible #header #navigation .menu-level-2,
  body.navigation-window-visible #header #nav-manufacturers .submenu-arrow{display:none!important}
  body.navigation-window-visible #header #nav-manufacturers>a::after{display:none!important}
  body.navigation-window-visible #header #navigation .navigation-close{top:44px!important;right:12px!important;left:auto!important;transform:none!important}
}
@media(max-width:767px) and (max-height:700px){
  body.navigation-window-visible #header .header-bottom{overflow-y:auto!important}
}

/* Eliminate the remaining native navigation controls. The header trigger is
   the sole close control, and the page is locked while the panel is open. */
@media(max-width:767px){
  body.navigation-window-visible{height:100dvh!important;overflow:hidden!important;overscroll-behavior:none!important}
  body.navigation-window-visible #header .header-bottom{overflow:hidden!important;overscroll-behavior:contain!important}
  body.navigation-window-visible #header #navigation .navigation-close{display:none!important}
  body.navigation-window-visible #header .header-top a[data-target="navigation"]{visibility:visible!important;display:grid!important;width:42px!important;height:42px!important;place-items:center!important;font-size:0!important;color:#fffdf8!important}
  body.navigation-window-visible #header .header-top a[data-target="navigation"]::before{content:'×'!important;display:block!important;color:#fffdf8!important;font-family:Arial,sans-serif!important;font-size:36px!important;font-weight:300!important;line-height:1!important}
  body.navigation-window-visible #header .header-top a[data-target="navigation"]::after{display:none!important}
}

/* Mobile-navigation final authority. The native Samba panel contains several
   independently styled close controls; do not let any of them create a
   second marker or scrollable inner sheet. */
@media(max-width:767px){
  html.mn-navigation-open,
  html.mn-navigation-open body{
    height:100%!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  html.mn-navigation-open #header,
  html.mn-navigation-open #header .header-top{
    position:fixed!important;
     top:28px!important;
    right:0!important;
    left:0!important;
  }
  html.mn-navigation-open #header{
    z-index:10010!important;
    margin:0!important;
    height:64px!important;
    overflow:visible!important;
  }
  html.mn-navigation-open #header .header-top{
    z-index:10012!important;
    height:64px!important;
    min-height:64px!important;
    background:#191c0a!important;
    border-bottom:1px solid rgba(209,165,80,.5)!important;
  }
  html.mn-navigation-open #header .header-bottom{
    position:fixed!important;
    z-index:10011!important;
     top:92px!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    display:block!important;
    height:calc(100dvh - 92px)!important;
    min-height:0!important;
    max-height:none!important;
    padding:0!important;
    overflow:hidden!important;
    background:#243b18!important;
    border:0!important;
    box-shadow:none!important;
  }
  html.mn-navigation-open #header .header-bottom-wrapper,
  html.mn-navigation-open #header #navigation,
  html.mn-navigation-open #header #navigation .navigation-in{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#243b18!important;
  }
  html.mn-navigation-open #header #navigation .menu-level-1{
    height:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  html.mn-navigation-open #header #navigation .menu-level-1>li,
  html.mn-navigation-open #header #navigation .menu-level-1>li>a{
    background:#243b18!important;
  }
  html.mn-navigation-open #header #navigation .menu-level-1>li>a{
    min-height:58px!important;
    padding:18px 24px!important;
    color:#d1a550!important;
    border:0!important;
    border-bottom:1px solid rgba(209,165,80,.28)!important;
    font-size:16px!important;
    font-weight:750!important;
  }
  html.mn-navigation-open #header #navigation .navigation-close,
  html.mn-navigation-open #header #navigation .navigation-close::before,
  html.mn-navigation-open #header #navigation .navigation-close::after,
  html.mn-navigation-open #header .submenu-arrow,
  html.mn-navigation-open #header #nav-manufacturers>a::after,
  html.mn-navigation-open #header .navigationActions,
  html.mn-navigation-open #header .menu-helper{
    display:none!important;
    content:none!important;
  }
  html.mn-navigation-open #header .header-top a[data-target="navigation"]{
    visibility:visible!important;
    display:grid!important;
    width:42px!important;
    height:42px!important;
    place-items:center!important;
    font-size:0!important;
    color:#fffdf8!important;
  }
  html.mn-navigation-open #header .header-top a[data-target="navigation"]::before{
    content:'×'!important;
    display:block!important;
    color:#fffdf8!important;
    font:300 36px/1 Arial,sans-serif!important;
  }
  html.mn-navigation-open #header .header-top a[data-target="navigation"]::after{display:none!important}
}

/* Samba normally slides its navigation drawer in from the side. The Mimix
   mobile panel is a full-width sheet, so that legacy animation only exposes
   an unwanted intermediate frame while opening or closing it. */
@media(max-width:767px){
  #header .header-bottom,
  #header .header-bottom-wrapper,
  #header #navigation,
  #header #navigation .navigation-in{
    animation:none!important;
    transition:none!important;
    transform:none!important;
  }
}

/* First-frame guard: Samba adds this class before JavaScript can add the
   Mimix root class. Give the native open state the same fixed, flat sheet so
   its old rounded drawer never flashes for one frame. */
@media(max-width:767px){
  body.navigation-window-visible #header .header-bottom,
  body.navigation-window-visible #header .header-bottom *,
  body.navigation-window-visible #header #navigation,
  body.navigation-window-visible #header #navigation *{
    animation:none!important;
    transition:none!important;
    transform:none!important;
  }
  body.navigation-window-visible #header .header-bottom{
    position:fixed!important;
    z-index:10011!important;
     top:92px!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:100vw!important;
    height:calc(100dvh - 92px)!important;
    min-height:0!important;
    max-height:none!important;
    padding:0!important;
    overflow:hidden!important;
    background:#243b18!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body.navigation-window-visible #header .header-bottom-wrapper,
  body.navigation-window-visible #header #navigation,
  body.navigation-window-visible #header #navigation .navigation-in{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#243b18!important;
    border:0!important;
    border-radius:0!important;
  }
  body.navigation-window-visible #header #navigation .menu-level-1>li,
  body.navigation-window-visible #header #navigation .menu-level-1>li>a{
    margin:0!important;
    border-radius:0!important;
    background:#243b18!important;
  }
  body.navigation-window-visible #header #navigation .menu-level-1>li>a{
    min-height:58px!important;
    padding:18px 24px!important;
    color:#d1a550!important;
    border:0!important;
    border-bottom:1px solid rgba(209,165,80,.28)!important;
  }
  /* mn-mobile-menu-final-anchor */
}

/* End-of-file authority for the generated Mimix mobile menu. */
@media(max-width:767px){
  body.navigation-window-visible #header #navigation,
  html.mn-navigation-open #header #navigation{display:none!important}
  body.navigation-window-visible #header .mn-mobile-menu,
  html.mn-navigation-open #header .mn-mobile-menu{display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#243b18!important}
  body.navigation-window-visible #header .mn-mobile-menu ul,
  html.mn-navigation-open #header .mn-mobile-menu ul{display:block!important;margin:0!important;padding:0!important;list-style:none!important}
  body.navigation-window-visible #header .mn-mobile-menu li,
  html.mn-navigation-open #header .mn-mobile-menu li{display:block!important;margin:0!important;padding:0!important;background:#243b18!important;border:0!important}
  body.navigation-window-visible #header .mn-mobile-menu a,
  html.mn-navigation-open #header .mn-mobile-menu a{display:flex!important;min-height:62px!important;margin:0!important;padding:19px 24px!important;align-items:center!important;justify-content:space-between!important;color:#d1a550!important;border:0!important;border-bottom:1px solid rgba(209,165,80,.28)!important;background:#243b18!important;font-family:var(--mn-sans)!important;font-size:16px!important;font-weight:750!important;line-height:1.25!important;text-decoration:none!important}
  body.navigation-window-visible #header .mn-mobile-menu a::after,
  html.mn-navigation-open #header .mn-mobile-menu a::after{color:#d1a550!important;font:400 25px/1 Arial,sans-serif!important;content:'›'!important}
}

.in-index .mn-section:has(.mn-category-grid),
.in-index .mn-section:has(.mn-category-grid) .mn-shell{padding-top:0!important}

/* Homepage composition: the raster hero keeps its supplied artwork, while the
   visible CTA area remains a real, keyboard-accessible link to Gift boxes. */
.in-index .mn-hero__content{display:contents!important}
.in-index .mn-hero__content>:not(.mn-button){display:none!important}
.in-index .mn-hero__content .mn-button{
  position:absolute!important;z-index:2!important;left:6.1%!important;top:74.6%!important;
  width:17.2%!important;height:8.7%!important;min-height:0!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:12px!important;background:transparent!important;color:transparent!important;
  box-shadow:none!important;font-size:0!important;cursor:pointer!important
}
.in-index .mn-hero__content .mn-button:hover{background:transparent!important;box-shadow:none!important}
.in-index .mn-hero__content .mn-button:focus-visible{outline:3px solid #fffdf8!important;outline-offset:3px!important}

/* Join the four benefits, category cards and Matcha feature into one compact
   homepage flow. The section heading is intentionally removed. */
.in-index .mn-section:has(.mn-category-grid){padding:0!important;margin:0!important}
.in-index .mn-section:has(.mn-category-grid) .mn-section__heading{display:none!important}
.in-index .mn-section:has(.mn-category-grid) .mn-shell{padding:0!important}
.in-index .mn-theme-spotlight{padding:0!important;margin:0!important}
.in-index .mn-theme-spotlight .mn-shell{padding:0!important}
@media(max-width:767px){
  .in-index .mn-hero__content .mn-button{left:30.5%!important;top:60.1%!important;width:39.4%!important;height:6.4%!important;border-radius:18px!important}
}

/* A hairline rhythm between the homepage blocks, without opening larger gaps. */
.in-index .mn-benefits,
.in-index .mn-section:has(.mn-category-grid),
.in-index .mn-theme-spotlight{
  margin-bottom:1px!important;
}

/* One consistent hairline separates every primary homepage block, including
   the supplied hero artwork and the benefits band. */
.in-index .mn-hero{margin-bottom:1px!important}
.in-index .mn-hero + .mn-benefits{margin-top:0!important}

/* Match the category cards' rounded container treatment on the benefits band. */
.in-index .mn-benefits,
.in-index .mn-benefits .mn-shell{
  border-radius:18px!important;
  overflow:hidden!important;
}

/* Keep the supplied hero artwork intact while matching the rounded lower edge
   used by the benefits band and category cards. */
.in-index .mn-hero{
  border-radius:0 0 18px 18px!important;
  overflow:hidden!important;
}

/* The magnifier is a quiet icon button: no inherited green hover/pressed fill. */
#formSearchForm .search-form-input-group > button.btn.btn-default,
#formSearchForm .search-form-input-group > button.btn.btn-default:hover,
#formSearchForm .search-form-input-group > button.btn.btn-default:active,
#formSearchForm .search-form-input-group > button.btn.btn-default:focus,
#formSearchForm .search-form-input-group > button.btn.btn-default:focus-visible{
  color:#d1a550!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
  transform:none!important;
  filter:none!important;
  outline:0!important;
}
#formSearchForm .search-form-input-group > button.btn.btn-default:focus-visible{
  outline:2px solid #d1a550!important;
  outline-offset:2px!important;
}

/* Mobile finishing pass: the native search remains directly below the compact
   header, but its submit control is a magnifier only.  This comes last because
   Samba and earlier Mimix rules both style this same native widget. */
@media(max-width:767px){
  #header .user-action-search{
     top:92px!important;
    right:16px!important;
    left:0!important;
    width:100%!important;
    margin:0!important;
    padding:6px 14px!important;
    background:#f4f0e5!important;
  }
  #header .user-action-search .search-form-input-group{
    height:48px!important;
    border:1px solid #a6912d!important;
    border-radius:14px!important;
  }
  #header .user-action-search .search-input{
    height:46px!important;
    padding-inline:15px!important;
  }
  #header .user-action-search .search-button,
  #header .user-action-search .search-button:hover,
  #header .user-action-search .search-button:active,
  #header .user-action-search .search-button:focus{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:52px!important;
    min-width:52px!important;
    height:46px!important;
    padding:0!important;
    border:0!important;
    border-left:1px solid rgba(166,145,45,.55)!important;
    border-radius:0!important;
    background:#243b18!important;
    color:transparent!important;
    font-size:0!important;
    box-shadow:none!important;
  }
  #header .user-action-search .search-button::before{
    width:23px!important;
    height:23px!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23D1A550' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.8' cy='10.8' r='6.5'/%3E%3Cpath d='m16 16 4.2 4.2'/%3E%3C/svg%3E")!important;
  }
  /* The supplied raster contains the visual CTA; this is its real, tappable
     link layer and must sit above the artwork on touch devices. */
  .in-index .mn-hero__content .mn-button{
    display:block!important;
    z-index:20!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    top:41.5%!important;
  }
  /* Homepage sections are full bleed on a phone.  Card padding remains inside
     each component, rather than appearing as a page-level side gutter. */
  .in-index .mn-section:has(.mn-category-grid),
  .in-index .mn-theme-spotlight{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:0!important;
    border-radius:0!important;
  }
  .in-index .mn-section:has(.mn-category-grid) .mn-shell,
  .in-index .mn-theme-spotlight .mn-shell{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    border-radius:0!important;
  }
  .in-index .mn-category-grid{padding:8px!important;border-radius:0!important}
  .in-index .mn-theme-spotlight__grid{border-radius:0!important}
}

/* Desktop only: the native Shoptet search keeps its behaviour, but lives in
   the quiet upper-right part of the hero instead of taking space in the menu. */
@media(min-width:1024px){
  #header .user-action-search{
    top:calc(100% + 8px)!important;
    right:16px!important;
    left:auto!important;
    width:300px!important;
  }
  #header .user-action-search .search-form-input-group{
    background:rgba(9,17,6,.72)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.24)!important;
  }
  #header .user-action-search .search-button,
  #header .user-action-search .search-button:hover,
  #header .user-action-search .search-button:active,
  #header .user-action-search .search-button:focus{
    background:transparent!important;
  }
}

/* The purchase flow deliberately remains open on every breakpoint.  Samba
   adds its own horizontal rules to these wrappers on tablet/mobile, so reset
   those wrappers themselves (not the controls inside them). */
body.type-detail #product-detail-form .p-price-wrapper,
body.type-detail #product-detail-form .detail-parameters,
body.type-detail #product-detail-form .p-to-cart-block,
body.type-detail .social-buttons-wrapper{
  border-top:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
body.type-detail #product-detail-form .p-price-wrapper::before,
body.type-detail #product-detail-form .p-price-wrapper::after,
body.type-detail #product-detail-form .detail-parameters::before,
body.type-detail #product-detail-form .detail-parameters::after,
body.type-detail #product-detail-form .p-to-cart-block::before,
body.type-detail #product-detail-form .p-to-cart-block::after,
body.type-detail .social-buttons-wrapper::before,
body.type-detail .social-buttons-wrapper::after{
  display:none!important;
  content:none!important;
}

/* The gallery belongs to the same warm product canvas as the purchase panel.
   Earlier desktop rules left a forest/white frame around a contained image,
   which became conspicuous at tablet widths. */
body.type-detail .p-detail .p-image-wrapper,
body.type-detail .p-detail .p-image-wrapper .p-image,
body.type-detail .p-detail .p-image-wrapper #wrap,
body.type-detail .p-detail .p-image-wrapper .p-main-image{
  background:#f4f0e5!important;
}
body.type-detail .p-detail .p-image-wrapper::before{
  display:none!important;
  content:none!important;
}
html body.type-detail main#content .p-detail .p-image-wrapper,
html body.type-detail main#content .p-detail .p-image-wrapper::before,
html body.type-detail main#content .p-detail .p-image-wrapper::after,
html body.type-detail main#content .p-detail .p-image-wrapper .p-image,
html body.type-detail main#content .p-detail .p-image-wrapper #wrap,
html body.type-detail main#content .p-detail .p-image-wrapper a.p-main-image{
  background-color:#f4f0e5!important;
  background-image:none!important;
}
html body.type-detail main#content .p-detail .p-image-wrapper a.p-main-image{
  isolation:isolate!important;
}
html body.type-detail main#content .p-detail .p-image-wrapper a.p-main-image img{
  mix-blend-mode:multiply!important;
}
@media(min-width:1024px){
  body.type-detail .p-detail .p-image-wrapper>.row{
    background:#f4f0e5!important;
  }
}
@media(min-width:768px){
  body.type-detail .p-detail .p-image-wrapper #wrap,
  body.type-detail .p-detail .p-image-wrapper .p-main-image,
  body.type-detail .p-detail .p-image-wrapper .mousetrap{
    display:block!important;
    width:100%!important;
    height:100%!important;
  }
  body.type-detail .p-detail .p-image-wrapper img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
}


/* Final touch-detail canvas override.  Shoptet assigns a background directly
   to the UL holding product-detail tabs, so style that node as well. */
@media(max-width:1023px){
  body.type-detail .p-detail-tabs-wrapper .p-detail-tabs{
    background:#f8f5ec!important;
  }
}

/* Tablet product detail follows the reading order: title, photo, then
   purchase information.  The mobile title is already rendered before the
   gallery; reuse it instead of placing a duplicate heading below the photo. */
@media(min-width:768px) and (max-width:1023px){
  body.type-detail .p-detail .p-detail-inner{
    display:flex!important;
    flex-direction:column!important;
  }
  body.type-detail .p-detail .p-image-wrapper{order:1!important}
  body.type-detail .p-detail .p-data-wrapper{order:2!important}
  body.type-detail .p-detail .p-detail-inner-header-mobile{
    display:block!important;
    padding:30px clamp(28px,7vw,72px) 18px!important;
    background:#f4f0e5!important;
    text-align:left!important;
  }
  body.type-detail .p-detail .p-detail-inner-header-mobile .h1{
    margin:0!important;
    color:#342817!important;
    font-family:var(--mn-serif)!important;
    font-size:clamp(36px,5.5vw,54px)!important;
    line-height:1.06!important;
  }
  body.type-detail .p-detail .p-data-wrapper .p-detail-inner-header{
    display:none!important;
  }
}

/* The catalogue sidebar is never useful on an individual product.  Keep this
   outside a breakpoint: Shoptet's mobile-header experiments alter the
   effective viewport width and had allowed it to reappear on some tablets. */
body.type-detail aside.sidebar.sidebar-left{
  display:none!important;
}
body.type-detail .content-wrapper-in{
  display:block!important;
}
body.type-detail .content-wrapper-in>#content,
body.type-detail .content-wrapper-in>#content.narrow{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Product source photos are often portrait.  Preserve the complete packshot
   but fill the landscape gallery with a subdued version of that same image,
   rather than showing pale side bars. */
@media(min-width:1024px){
  body.type-detail .p-detail .mn-mobile-gallery-image{
    position:relative!important;
    isolation:isolate!important;
    background:#f8f5ec!important;
  }
  body.type-detail .p-detail .mn-mobile-gallery-image::before{
    position:absolute!important;
    z-index:0!important;
    inset:-24px!important;
    background:#f8f5ec!important;
    filter:none!important;
    transform:scale(1.08)!important;
    content:""!important;
  }
  body.type-detail .p-detail .mn-mobile-gallery-image img{
    position:relative!important;
    z-index:1!important;
    width:auto!important;
    max-width:100%!important;
    height:100%!important;
    max-height:none!important;
    object-fit:contain!important;
    /* The source product exports include a white portrait canvas.  Multiply
       lets that white resolve to the gallery backdrop while retaining the
       true proportions and detail of the packshot. */
    mix-blend-mode:multiply!important;
  }
}

/* Seven-item catalog navigation: semantic gold outline icons and short
   supporting copy keep the expanded range balanced at desktop widths. */
@media(min-width:1024px){
  #header #navigation .menu-level-1>li:nth-child(n+8){display:none!important}
  #header #navigation .menu-level-1>li:nth-child(1)>a::after{content:'Pro každou příležitost'}
  #header #navigation .menu-level-1>li:nth-child(2)>a::after{content:'Rituál v jednom balení'}
  #header #navigation .menu-level-1>li:nth-child(3)>a::after{content:'Čisté i sladké'}
  #header #navigation .menu-level-1>li:nth-child(4)>a::after{content:'Jemná chuť ořechů'}
  #header #navigation .menu-level-1>li:nth-child(5)>a::after{content:'Lehké a křupavé'}
  #header #navigation .menu-level-1>li:nth-child(6)>a::after{content:'Pro zdravý start'}
  #header #navigation .menu-level-1>li:nth-child(7)>a::after{content:'Pro každý rituál'}
  #header #navigation .menu-level-1>li>a::after{display:none!important;content:none!important}
  #header #navigation .menu-level-1>li:nth-child(2)>a::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23D1A550' stroke-width='1.7'%3E%3Cpath d='M5 15h14l-2 5H7l-2-5ZM8 12c1-5 7-5 8 0M12 4v5'/%3E%3C/svg%3E")}
  #header #navigation .menu-level-1>li:nth-child(3)>a::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23D1A550' stroke-width='1.7'%3E%3Cpath d='M12 3c-4 3.4-6 7.1-6 10.5a6 6 0 0 0 12 0C18 10.1 16 6.4 12 3Z'/%3E%3Cpath d='M9 14c1.1-1.2 2.2-2.1 3.6-2.9M10 8c1 1.1 1.8 2.2 2.4 3.5'/%3E%3C/svg%3E")}
  #header #navigation .menu-level-1>li:nth-child(4)>a::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23D1A550' stroke-width='1.7'%3E%3Cpath d='M6 5h12v14H6zM9 9h6M9 13h4'/%3E%3Cpath d='M8 3h8'/%3E%3C/svg%3E")}
  #header #navigation .menu-level-1>li:nth-child(5)>a::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23D1A550' stroke-width='1.7'%3E%3Ccircle cx='8' cy='10' r='3'/%3E%3Ccircle cx='15.5' cy='8' r='2.5'/%3E%3Cpath d='M6 17c2-2 4-2 6 0M14 15c1.5-1.4 3.2-1.5 4.8-.2'/%3E%3C/svg%3E")}
  #header #navigation .menu-level-1>li:nth-child(6)>a::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23D1A550' stroke-width='1.7'%3E%3Cpath d='M5 15h14l-2 5H7l-2-5ZM8 12c1-5 7-5 8 0M12 4v5'/%3E%3C/svg%3E")}
  #header #navigation .menu-level-1>li:nth-child(7)>a::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23D1A550' stroke-width='1.7'%3E%3Cpath d='M8 3h8l1 4v13H7V7l1-4ZM9 10h6M9 14h6'/%3E%3Cpath d='M10 3v4M14 3v4'/%3E%3C/svg%3E")}
}
/* Final desktop category navigation polish: use uploaded category artwork and keep hover neutral. */
@media (min-width:1024px){
  #header #navigation .menu-level-1>li>a::before{
    width:34px!important;height:34px!important;margin:0 0 6px!important;
    background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important;
    content:""!important;filter:none!important;
  }
  #header #navigation .menu-level-1>li:nth-child(1)>a::before{background-image:url("/user/documents/upload/mimix-natur/01_darkove_sety.png")!important}
  #header #navigation .menu-level-1>li:nth-child(2)>a::before{background-image:url("/user/documents/upload/mimix-natur/02_matcha_sety.png")!important}
  #header #navigation .menu-level-1>li:nth-child(3)>a::before{background-image:url("/user/documents/upload/mimix-natur/03_orechy_natural_sweet.png")!important}
  #header #navigation .menu-level-1>li:nth-child(4)>a::before{background-image:url("/user/documents/upload/mimix-natur/04_orechove_kremy.png")!important}
  #header #navigation .menu-level-1>li:nth-child(5)>a::before{background-image:url("/user/documents/upload/mimix-natur/05_lyofilizovane_ovoce.png")!important}
  #header #navigation .menu-level-1>li:nth-child(6)>a::before{background-image:url("/user/documents/upload/mimix-natur/06_granola.png")!important}
  #header #navigation .menu-level-1>li:nth-child(7)>a::before{background-image:url("/user/documents/upload/mimix-natur/07_matcha_kava_kakao.png")!important}
  #header #navigation .menu-level-1>li:hover>a,
  #header #navigation .menu-level-1>li>a:hover,
  #header #navigation .menu-level-1>li>a:focus,
  #header #navigation .menu-level-1>li>a:focus-visible,
  #header #navigation .menu-level-1>li>a:active{
    background:transparent!important;border:0!important;border-color:transparent!important;box-shadow:none!important;color:var(--mn-gold-light,#d1a550)!important;transform:none!important;outline:0!important;transition:none!important;
  }
}
/* Final height authority for desktop header. */
@media (min-width:1024px){
  #header .header-top{min-height:122px!important;height:122px!important}
  #header .header-top-wrapper{min-height:122px!important;height:122px!important}
  #header .site-name{height:122px!important}
  #header .site-name img{height:88px!important;max-width:250px!important}
  #header .header-bottom,#header .header-bottom-wrapper,#header #navigation,#header #navigation .navigation-in,#header #navigation .menu-level-1{height:122px!important;min-height:122px!important}
  #header #navigation .menu-level-1>li>a{min-height:102px!important}
  #header .navigation-buttons{height:122px!important}
}
/* Final homepage gutter finish and text-only catalog navigation. */
html,body{
  background:#b8c79a!important;
}
@media (min-width:1024px){
  #header #navigation .menu-level-1>li>a::before,
  #header #navigation .menu-level-1>li>a:hover::before{
    display:none!important;width:0!important;height:0!important;margin:0!important;background-image:none!important;content:none!important;
  }
  #header #navigation .menu-level-1>li>a{
    justify-content:center!important;padding:10px 8px!important;font-size:14px!important;white-space:nowrap!important;
  }
}
@media (min-width:1024px) and (max-width:1280px){
  #header #navigation{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}
  #header #navigation::-webkit-scrollbar{display:none!important}
  #header #navigation .navigation-in{width:max-content!important;min-width:780px!important}
  #header #navigation .menu-level-1{display:flex!important;width:max-content!important;min-width:780px!important}
  #header #navigation .menu-level-1>li{flex:0 0 auto!important;width:auto!important}
  #header #navigation .menu-level-1>li>a{min-height:102px!important;padding-inline:16px!important;font-size:13px!important}
}
/* The page shell owns the visible gutters, so it receives the same warm finish. */
html,body,.overall-wrapper,.in-index #content-wrapper,.in-index .content-wrapper{
  background:#b8c79a!important;
}

/* Keep the seven labels clear at common full-HD desktop widths.  The former
   27%/26% inset left only about 900px for the navigation at 1920px, causing
   neighbouring labels to collide.  This evenly centred band still leaves
   dedicated space for the logo and account/cart controls. */
@media (min-width:1600px) and (max-width:2200px){
  #header .header-bottom{left:27%!important;right:16%!important}
  #header #navigation .menu-level-1>li>a{padding-inline:10px!important}
}

/* Shoptet assigns an individual hover transition to this third native item.
   Keep it as still as every other catalog label. */
@media (min-width:1024px){
  #header #navigation .menu-level-1>li:nth-child(3),
  #header #navigation .menu-level-1>li:nth-child(3):hover,
  #header #navigation .menu-level-1>li:nth-child(3)>a,
  #header #navigation .menu-level-1>li:nth-child(3)>a:hover,
  #header #navigation .menu-level-1>li:nth-child(3)>a:focus,
  #header #navigation .menu-level-1>li:nth-child(3)>a:active{
    transform:none!important;
    transition:none!important;
    margin:0!important;
    border-color:transparent!important;
    background:transparent!important;
    box-shadow:none!important;
  }
}

/* Homepage category tiles following the supplied reference. The existing
   category links remain untouched. */
@media (min-width:768px){
  .in-index .mn-category-grid{
    display:grid!important;
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:8px!important;
    padding:8px!important;
    border-radius:14px!important;
    background:#132214!important;
  }
  .in-index .mn-category-grid::before{
    grid-column:1 / -1!important;
    display:flex!important;
    height:96px!important;
    padding:0 34px!important;
    align-items:center!important;
    border:1px solid rgba(166,145,45,.7)!important;
    border-radius:10px!important;
    background-color:#f6f0df!important;
    background-image:url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/mn-weekly-promo-v1.png")!important;
    background-position:right center!important;
    background-repeat:no-repeat!important;
    background-size:auto 100%!important;
    color:#243b18!important;
    font-family:var(--mn-serif)!important;
    font-size:clamp(20px,2vw,30px)!important;
    font-weight:700!important;
    letter-spacing:.025em!important;
    content:"TÝDENNÍ AKCE — SLEVA AŽ 25 %"!important;
  }
  .in-index .mn-category-card{
    aspect-ratio:16 / 9!important;
    min-height:0!important;
    border-radius:9px!important;
    transform:none!important;
  }
  .in-index .mn-category-card:hover{transform:none!important;filter:brightness(1.05)!important}
  .in-index .mn-category-card span{
    display:flex!important;
    width:100%!important;
    height:100%!important;
    padding:9px 5px!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    background:linear-gradient(0deg,rgba(8,18,7,.88),rgba(8,18,7,.24))!important;
    font-size:12px!important;
    line-height:1.12!important;
    text-align:center!important;
  }
  .in-index .mn-category-card span::before{
    width:28px!important;
    height:28px!important;
    margin:0 0 6px!important;
  }
  .in-index .mn-category-card span::after{display:none!important}
  .in-index .mn-category-card:nth-child(7){
    background-image:url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/mnx-card-matcha.webp")!important;
  }
  .in-index .mn-category-card:nth-child(7) span::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D1A550' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 9h11v7a4 4 0 0 1-4 4H9a4 4 0 0 1-4-4V9Z'/%3E%3Cpath d='M16 11h1a2 2 0 0 1 0 4h-1M7 5c.5 1 .5 2 0 3M11 5c.5 1 .5 2 0 3'/%3E%3C/svg%3E")!important;
  }
  /* The card sequence follows the seven main-navigation categories. */
  .in-index .mn-category-card:nth-child(2){background-image:url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/mnx-card-matcha.webp")!important}
  .in-index .mn-category-card:nth-child(3){background-image:url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/mnx-card-natural.webp")!important}
  .in-index .mn-category-card:nth-child(4){background-image:url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/mnx-card-sweet.webp")!important}
  .in-index .mn-category-card:nth-child(5){background-image:url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/mnx-card-lyo.webp")!important}
  .in-index .mn-category-card:nth-child(6){background-image:url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/mnx-card-granola.webp")!important}
}
@media (min-width:768px) and (max-width:1100px){
  .in-index .mn-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .in-index .mn-category-card{aspect-ratio:3 / 1!important}
}

/* Final desktop authority for the four-part service strip. */
@media (min-width:768px){
  .in-index .mn-benefits{width:100%!important;max-width:none!important;box-sizing:border-box!important;padding:10px 0 12px!important;background:#1b3214!important}
  .in-index .mn-benefits .mn-benefits__grid{width:100%!important;max-width:none!important;margin:0!important;background:#12240d!important}
  .in-index .mn-benefits article{grid-template-columns:52px 1fr!important;min-height:81px!important;padding:12px 18px!important;background:linear-gradient(135deg,#29431d,#1d3215)!important}
  .in-index .mn-benefits__icon{width:42px!important;height:42px!important}
  .in-index .mn-benefits__icon svg{width:20px!important;height:20px!important}
  .in-index .mn-benefits h2{font-size:14px!important}
  .in-index .mn-benefits p{font-size:12px!important;line-height:1.28!important}
}

/* Between tablet and a full desktop width, the seven labels no longer have
   enough room to remain legible. Use Shoptet's existing hamburger trigger
   and a full-width Mimix menu sheet instead of letting the row collide. */
@media (min-width:768px) and (max-width:1919px){
  #header .header-bottom{display:none!important}
  #header .header-top a[data-target="navigation"]{
    position:absolute!important;
    z-index:130!important;
    top:50%!important;
    right:clamp(24px,4vw,72px)!important;
    display:grid!important;
    width:48px!important;
    height:48px!important;
    margin:0!important;
    place-items:center!important;
    transform:translateY(-50%)!important;
    border:1px solid rgba(209,165,80,.55)!important;
    border-radius:50%!important;
    background:rgba(25,28,10,.36)!important;
    color:#d1a550!important;
    font-size:0!important;
  }
  #header .header-top a[data-target="navigation"]::before{
    display:block!important;
    color:#d1a550!important;
    font:400 28px/1 Arial,sans-serif!important;
    content:'☰'!important;
  }
  #header .header-top a[data-target="navigation"]::after{display:none!important}

  body.navigation-window-visible #header .header-bottom{
    position:absolute!important;
    z-index:125!important;
    top:100%!important;
    right:0!important;
    left:0!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:calc(100vh - 110px)!important;
    overflow-y:auto!important;
    background:#191c0a!important;
    border-top:1px solid rgba(209,165,80,.5)!important;
    box-shadow:0 22px 42px rgba(12,18,7,.34)!important;
  }
  body.navigation-window-visible #header .header-bottom-wrapper,
  body.navigation-window-visible #header #navigation,
  body.navigation-window-visible #header #navigation .navigation-in{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    background:#191c0a!important;
  }
  body.navigation-window-visible #header #navigation .menu-level-1{
    display:block!important;
    margin:0!important;
    padding:0!important;
  }
  body.navigation-window-visible #header #navigation .menu-level-1>li{
    display:block!important;
    margin:0!important;
  }
  body.navigation-window-visible #header #navigation .menu-level-1>li>a{
    display:flex!important;
    min-height:58px!important;
    padding:17px clamp(28px,8vw,120px)!important;
    align-items:center!important;
    justify-content:flex-start!important;
    color:#d1a550!important;
    border:0!important;
    border-bottom:1px solid rgba(209,165,80,.25)!important;
    background:#191c0a!important;
    font-size:16px!important;
    line-height:1.25!important;
  }
  body.navigation-window-visible #header #navigation .menu-level-1>li>a::before,
  body.navigation-window-visible #header #navigation .menu-level-1>li>a::after{display:none!important}
  body.navigation-window-visible #header .header-top a[data-target="navigation"]::before{content:'×'!important;font-size:34px!important}
}

/* Put the weekly offer directly after the hero.  The service strip follows it,
   while the category cards remain in their existing position below. */
@media (min-width:768px){
  .in-index .mn-benefits{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
  }
  .in-index .mn-benefits::before{
    display:flex!important;
    order:-1!important;
    height:96px!important;
    padding:0 34px!important;
    align-items:center!important;
    border:1px solid rgba(166,145,45,.7)!important;
    border-radius:10px!important;
    background-color:#f6f0df!important;
    background-image:url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/mn-weekly-promo-v1.png")!important;
    background-position:right center!important;
    background-repeat:no-repeat!important;
    background-size:auto 100%!important;
    color:#243b18!important;
    font-family:var(--mn-serif)!important;
    font-size:clamp(20px,2vw,30px)!important;
    font-weight:700!important;
    letter-spacing:.025em!important;
    content:"TÝDENNÍ AKCE — SLEVA AŽ 25 %"!important;
  }
  .in-index .mn-benefits__grid{order:1!important}
  .in-index .mn-category-grid::before{display:none!important;content:none!important}
}

/* Weekly offer sits across the lower edge of the hero instead of taking a
   separate row beneath it. The benefits remain directly below the banner. */
@media (min-width:768px){
  .in-index .welcome-wrapper{position:relative!important;z-index:1!important}
  .in-index .mn-benefits{position:relative!important;z-index:2!important}
  .in-index .mn-benefits::before{
    width:calc(100% - 24px)!important;
    margin-top:-72px!important;
    align-self:center!important;
    box-shadow:0 12px 28px rgba(12,18,7,.28)!important;
  }
}

/* Final artwork-only weekly banner. All copy, discount and CTA live inside
   the PNG so this remains a single self-contained promotional graphic. */
@media (min-width:768px){
  .in-index .mn-hero::before{display:none!important;content:none!important}
  .in-index .mn-hero::after{
    height:88px!important;
    padding:0!important;
    background-image:url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/mn-weekly-promo-v5.png")!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    content:""!important;
  }
}

/* Weekly offer artwork v3: a refined editorial strip with real HTML text,
   so the promotion stays readable and can be changed without redrawing it. */
@media (min-width:768px){
  .in-index .mn-hero::after{
    height:88px!important;
    padding:0 34px!important;
    background-image:url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/mn-weekly-promo-v3.png")!important;
    background-position:center!important;
    background-size:cover!important;
    color:#203617!important;
    font-size:clamp(19px,1.55vw,25px)!important;
    line-height:1.34!important;
    white-space:pre-line!important;
    content:"TÝDENNÍ AKCE\A Vybrané dobroty z přírody za výhodné ceny"!important;
  }
  .in-index .mn-hero::before{
    position:absolute!important;
    z-index:5!important;
    bottom:34px!important;
    left:clamp(265px,27%,500px)!important;
    display:flex!important;
    min-height:38px!important;
    padding:0 18px!important;
    align-items:center!important;
    border-radius:999px!important;
    background:#243b18!important;
    box-shadow:0 5px 14px rgba(12,18,7,.18)!important;
    color:#fffdf8!important;
    font-family:var(--mn-sans)!important;
    font-size:clamp(12px,1vw,15px)!important;
    font-weight:800!important;
    letter-spacing:.04em!important;
    white-space:nowrap!important;
    content:"SLEVA AŽ 25 %  →"!important;
  }
}

/* Tablet drawer and third-link hover: final authority after legacy Samba CSS. */
@media (min-width:1024px){
  #header #navigation .menu-level-1>li:nth-child(3):hover>a,
  #header #navigation .menu-level-1>li:nth-child(3)>a:hover,
  #header #navigation .menu-level-1>li:nth-child(3)>a:focus-visible{
    border:0!important;border-bottom:2px solid #c9a45b!important;
    background:linear-gradient(180deg,rgba(201,164,91,.14),rgba(201,164,91,.035))!important;
    box-shadow:none!important;color:#f3d892!important;transform:none!important;
  }
}
@media (min-width:768px) and (max-width:1919px){
  #header .header-top a[data-target="navigation"]{right:118px!important}
  body.navigation-window-visible #header .header-bottom{
    display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;
  }
  body.navigation-window-visible #header .header-bottom-wrapper,
  body.navigation-window-visible #header #navigation,
  body.navigation-window-visible #header #navigation .navigation-in,
  body.navigation-window-visible #header #navigation .menu-level-1{
    display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;
  }
  body.navigation-window-visible #header #navigation .menu-level-1>li{display:block!important}
}

/* Absolute final override: all seven buttons share one identical hover. */
@media (min-width:1024px){
  #header #navigation .menu-level-1>li>a::after{display:none!important;content:none!important}
  #header #navigation .menu-level-1>li:hover>a,
  #header #navigation .menu-level-1>li>a:hover,
  #header #navigation .menu-level-1>li>a:focus-visible,
  #header #navigation .menu-level-1>li:nth-child(3):hover>a,
  #header #navigation .menu-level-1>li:nth-child(3)>a:hover,
  #header #navigation .menu-level-1>li:nth-child(3)>a:focus-visible{
    border:0!important;
    background:linear-gradient(180deg,rgba(201,164,91,.14),rgba(201,164,91,.035))!important;
    box-shadow:inset 0 -3px 0 #c9a45b!important;
    color:#f3d892!important;
    transform:none!important;
  }
}

/* Third item has inherited a thinner native underline; paint its hover line
   explicitly so it matches every neighbouring menu item. */
@media (min-width:1024px){
  #header #navigation .menu-level-1>li:nth-child(3)>a{position:relative!important}
  #header #navigation .menu-level-1>li:nth-child(3)>a::after{
    position:absolute!important;right:0!important;bottom:0!important;left:0!important;
    display:block!important;width:auto!important;height:0!important;margin:0!important;
    padding:0!important;background:#c9a45b!important;content:""!important;
  }
  #header #navigation .menu-level-1>li:nth-child(3):hover>a::after,
  #header #navigation .menu-level-1>li:nth-child(3)>a:hover::after,
  #header #navigation .menu-level-1>li:nth-child(3)>a:focus-visible::after{height:3px!important}
}

/* Active menu fixes — kept last so no legacy rule can override them. */
@media (min-width:1920px){
  #header #navigation .menu-level-1>li:hover>a,
  #header #navigation .menu-level-1>li>a:hover,
  #header #navigation .menu-level-1>li>a:focus-visible{
    border:0!important;border-bottom:2px solid #c9a45b!important;
    background:linear-gradient(180deg,rgba(201,164,91,.14),rgba(201,164,91,.035))!important;
    box-shadow:none!important;color:#f3d892!important;transform:none!important;
  }
  #header #navigation .menu-level-1>li:hover>a b,
  #header #navigation .menu-level-1>li>a:hover b,
  #header #navigation .menu-level-1>li>a:focus-visible b{color:inherit!important}
}
@media (min-width:768px) and (max-width:1919px){
  #header .header-top a[data-target="navigation"]{right:clamp(160px,10.8vw,208px)!important}
  body.navigation-window-visible #header .header-bottom{height:auto!important;max-height:none!important;overflow:hidden!important}
  body.navigation-window-visible #header .header-bottom-wrapper,
  body.navigation-window-visible #header #navigation,
  body.navigation-window-visible #header #navigation .navigation-in,
  body.navigation-window-visible #header #navigation .menu-level-1{height:auto!important;max-height:none!important;overflow:visible!important}
  body.navigation-window-visible #header #navigation .menu-level-1>li{display:block!important;height:auto!important;overflow:visible!important}
  body.navigation-window-visible #header #navigation .menu-level-1>li:nth-child(-n+7){display:block!important}
}

/* Final navigation treatment — declared last to override older experiments. */
@media (min-width:1920px){
  #header #navigation .menu-level-1>li>a{
    border:0!important;border-radius:0!important;background:transparent!important;
    box-shadow:none!important;color:#d1a550!important;transform:none!important;
    transition:background-color .18s ease,color .18s ease,box-shadow .18s ease!important;
  }
  #header #navigation .menu-level-1>li>a:hover,
  #header #navigation .menu-level-1>li>a:focus-visible{
    background:rgba(201,164,91,.11)!important;box-shadow:inset 0 -2px 0 #c9a45b!important;
    color:#f3d892!important;transform:none!important;
  }
}
@media (min-width:768px) and (max-width:1919px){
  #header .header-top,#header .header-top-wrapper{min-height:112px!important;height:112px!important}
  #header .site-name{height:112px!important}
  #header .site-name img{height:74px!important;max-width:188px!important}
  #header .header-top a[data-target="navigation"]{
    right:clamp(188px,13vw,250px)!important;width:46px!important;height:46px!important;
    border-radius:12px!important;background:rgba(25,28,10,.5)!important;box-shadow:none!important;
    transition:background-color .18s ease,border-color .18s ease!important;
  }
  #header .header-top a[data-target="navigation"]:hover,
  #header .header-top a[data-target="navigation"]:focus-visible{
    border-color:#c9a45b!important;background:rgba(201,164,91,.13)!important;
    transform:translateY(-50%)!important;
  }
  #header .header-top a[data-target="navigation"]::before{font-size:25px!important;line-height:1!important}
  body.navigation-window-visible #header .header-bottom{
    top:112px!important;max-height:calc(100vh - 112px)!important;background:#111a0d!important;
  }
  body.navigation-window-visible #header #navigation .menu-level-1>li>a{
    min-height:56px!important;padding:16px clamp(28px,7vw,112px)!important;color:#e0bc70!important;
    background:#111a0d!important;border-bottom:1px solid rgba(201,164,91,.2)!important;
    box-shadow:none!important;transform:none!important;
  }
  body.navigation-window-visible #header #navigation .menu-level-1>li>a:hover{
    background:rgba(201,164,91,.09)!important;color:#fff0bf!important;
  }
}

@media (min-width:768px){
  .in-index .mn-hero__content .mn-button{display:none!important;pointer-events:none!important}
}

@media (min-width:768px){
  .in-index .mn-hero::after{
    height:185px!important;
    background-image:url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/mn-weekly-promo-v8.png")!important;
  }
}

/* Final placement: this is an independent offer banner inside the hero, not
   part of either the benefits strip or the category-card container. */
@media (min-width:768px){
  .in-index .mn-benefits{display:block!important;position:relative!important;z-index:auto!important}
  .in-index .mn-benefits::before{display:none!important;content:none!important}
  .in-index .mn-benefits__grid{order:initial!important}
  .in-index .mn-hero{position:relative!important}
  .in-index .mn-hero::after{
    position:absolute!important;
    z-index:4!important;
    right:16px!important;
    bottom:16px!important;
    left:16px!important;
    display:flex!important;
    height:88px!important;
    padding:0!important;
    align-items:center!important;
    border:1px solid rgba(166,145,45,.78)!important;
    border-radius:10px!important;
    background-color:#f6f0df!important;
    background-image:url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/mn-weekly-promo-v5.png")!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    box-shadow:0 12px 28px rgba(12,18,7,.35)!important;
    color:#243b18!important;
    font-family:var(--mn-serif)!important;
    font-size:clamp(19px,1.9vw,28px)!important;
    font-weight:700!important;
    letter-spacing:.025em!important;
    pointer-events:none!important;
    content:""!important;
  }
}

@media (min-width:768px){
  .in-index .mn-hero::before{display:none!important;content:none!important}
}

/* Move the fully-rasterised weekly offer into the hero's left CTA area.
   It deliberately covers the original button artwork and no longer spans
   the whole lower edge. */
@media (min-width:768px){
  .in-index .mn-hero::after{
    right:auto!important;
    bottom:16px!important;
    left:20px!important;
    width:34%!important;
    height:185px!important;
    padding:0!important;
    background-image:url("https://www.mimixnatur.cz/user/documents/upload/mimix-natur/mn-weekly-promo-v8.png")!important;
    background-position:center!important;
    background-size:cover!important;
  }
}

/* One canonical desktop menu treatment: no per-item hover exceptions. */
@media (min-width:1024px){
  #header #navigation .menu-level-1>li,
  #header #navigation .menu-level-1>li>a{
    margin:0!important;border:0!important;transform:none!important;
    transition:background-color .18s ease,color .18s ease,box-shadow .18s ease!important;
  }
  #header #navigation .menu-level-1>li>a::after{
    display:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;
    background:none!important;content:none!important;
  }
  #header #navigation .menu-level-1>li:hover>a,
  #header #navigation .menu-level-1>li>a:hover,
  #header #navigation .menu-level-1>li>a:focus-visible{
    border:0!important;
    background:linear-gradient(180deg,rgba(201,164,91,.14),rgba(201,164,91,.035))!important;
    box-shadow:inset 0 -3px 0 #c9a45b!important;
    color:#f3d892!important;
    transform:none!important;
  }
  #header #navigation .menu-level-1>li:hover>a b,
  #header #navigation .menu-level-1>li>a:hover b,
  #header #navigation .menu-level-1>li>a:focus-visible b{color:inherit!important}
}

/* Equal-strength gold hover underline for Ořechy natural a sweet. */
@media (min-width:1024px){
  #header #navigation .menu-level-1>li:nth-child(3)>a{position:relative!important}
  #header #navigation .menu-level-1>li:nth-child(3)>a::after{
    position:absolute!important;right:0!important;bottom:0!important;left:0!important;
    display:block!important;width:auto!important;height:0!important;margin:0!important;padding:0!important;
    background:#c9a45b!important;content:""!important;
  }
  #header #navigation .menu-level-1>li:nth-child(3):hover>a::after,
  #header #navigation .menu-level-1>li:nth-child(3)>a:hover::after,
  #header #navigation .menu-level-1>li:nth-child(3)>a:focus-visible::after{height:3px!important}
}

/* Most specific, final rules for the live tablet drawer and the third item. */
@media (min-width:1024px){
  #header #navigation .menu-level-1>li:nth-child(3):hover>a,
  #header #navigation .menu-level-1>li:nth-child(3)>a:hover,
  #header #navigation .menu-level-1>li:nth-child(3)>a:focus-visible{
    border:0!important;border-bottom:2px solid #c9a45b!important;
    background:linear-gradient(180deg,rgba(201,164,91,.14),rgba(201,164,91,.035))!important;
    box-shadow:none!important;color:#f3d892!important;transform:none!important;
  }
}
@media (min-width:768px) and (max-width:1919px){
  #header .header-top a[data-target="navigation"]{right:118px!important}
  body.navigation-window-visible #header .header-bottom{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important}
  body.navigation-window-visible #header .header-bottom-wrapper,
  body.navigation-window-visible #header #navigation,
  body.navigation-window-visible #header #navigation .navigation-in,
  body.navigation-window-visible #header #navigation .menu-level-1{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important}
  body.navigation-window-visible #header #navigation .menu-level-1>li{display:block!important}
}

/* Unified hover, declared after every historical third-item exception. */
@media (min-width:1024px){
  #header #navigation .menu-level-1>li>a::after{display:none!important;content:none!important}
  #header #navigation .menu-level-1>li:hover>a,
  #header #navigation .menu-level-1>li>a:hover,
  #header #navigation .menu-level-1>li>a:focus-visible,
  #header #navigation .menu-level-1>li:nth-child(3):hover>a,
  #header #navigation .menu-level-1>li:nth-child(3)>a:hover,
  #header #navigation .menu-level-1>li:nth-child(3)>a:focus-visible{
    border:0!important;background:linear-gradient(180deg,rgba(201,164,91,.14),rgba(201,164,91,.035))!important;
    box-shadow:inset 0 -3px 0 #c9a45b!important;color:#f3d892!important;transform:none!important;
  }
}

/* Remove the legacy third-item decoration; the shared inset line above is
   the only hover underline that remains. */
@media (min-width:1024px){
  #header #navigation .menu-level-1>li:nth-child(3)>a,
  #header #navigation .menu-level-1>li:nth-child(3)>a::after{
    border-bottom:0!important;
    outline:0!important;
  }
  #header #navigation .menu-level-1>li:nth-child(3)>a::after{
    display:none!important;
    height:0!important;
    background:none!important;
    content:none!important;
  }
  #header #navigation .menu-level-1>li:nth-child(3):hover>a,
  #header #navigation .menu-level-1>li:nth-child(3)>a:hover,
  #header #navigation .menu-level-1>li:nth-child(3)>a:focus-visible{
    border:0!important;
    box-shadow:inset 0 -3px 0 #c9a45b!important;
  }
}

/* Refined desktop ornament: a quiet gold flourish draws under the text, with
   no tile movement or layout shift. */
@media (min-width:1920px){
  #header #navigation .menu-level-1>li>a{
    position:relative!important;
    overflow:visible!important;
    isolation:isolate!important;
  }
  #header #navigation .menu-level-1>li>a .mn-menu-text{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    transform:translateY(-1px)!important;
    transition:transform .3s ease,color .25s ease!important;
  }
  #header #navigation .mn-nav-flourish{
    position:absolute!important;
    z-index:1!important;
    top:54%!important;
    left:50%!important;
    width:110px!important;
    height:23px!important;
    overflow:visible!important;
    pointer-events:none!important;
    transform:translateX(-50%)!important;
  }
  #header #navigation .mn-flourish{
    fill:none!important;
    stroke:#d1a550!important;
    stroke-width:1.15!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    stroke-dasharray:1!important;
    stroke-dashoffset:1!important;
    opacity:0!important;
    filter:drop-shadow(0 0 2px rgba(209,165,80,.32))!important;
  }
  #header #navigation .mn-flourish-left,
  #header #navigation .mn-flourish-right{transition:stroke-dashoffset .58s cubic-bezier(.65,0,.35,1),opacity .18s ease!important}
  #header #navigation .mn-flourish-center{transition:stroke-dashoffset .38s ease .1s,opacity .18s ease .1s!important}
  #header #navigation .menu-level-1>li>a:hover .mn-menu-text,
  #header #navigation .menu-level-1>li>a:focus-visible .mn-menu-text{transform:translateY(-3px)!important;color:#ffe7a2!important}
  #header #navigation .menu-level-1>li>a:hover .mn-flourish,
  #header #navigation .menu-level-1>li>a:focus-visible .mn-flourish{stroke-dashoffset:0!important;opacity:1!important}
}

/* Give the longest navigation label its own breathing room instead of letting
   the final character sit against the following item. */
@media (min-width:1024px){
  body:not(.navigation-window-visible) #header #navigation .menu-level-1>li:nth-child(3){
    flex:0 0 210px!important;
    width:210px!important;
  }
  body:not(.navigation-window-visible) #header #navigation .menu-level-1>li:nth-child(3)>a{
    min-width:210px!important;
    padding-inline:18px!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
}
@media (min-width:1024px) and (max-width:1919px){
  #header #navigation .mn-nav-flourish{display:none!important}
  #header #navigation .menu-level-1>li>a .mn-menu-text{transform:none!important}
}

/* Desktop navigation is content-sized: no item reserves a fake equal column.
   This keeps every label separate even when one title is much longer. */
@media (min-width:1024px){
  body:not(.navigation-window-visible) #header #navigation .menu-level-1{
    display:flex!important;
    align-items:stretch!important;
    justify-content:space-between!important;
    gap:0!important;
  }
  body:not(.navigation-window-visible) #header #navigation .menu-level-1>li,
  body:not(.navigation-window-visible) #header #navigation .menu-level-1>li:nth-child(3){
    display:flex!important;
    flex:0 1 auto!important;
    width:auto!important;
    min-width:110px!important;
  }
  body:not(.navigation-window-visible) #header #navigation .menu-level-1>li>a,
  body:not(.navigation-window-visible) #header #navigation .menu-level-1>li:nth-child(3)>a{
    display:flex!important;
    flex:0 1 auto!important;
    width:auto!important;
    min-width:110px!important;
    padding-inline:10px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
}

/* Final placement must follow the legacy image-only hero rule. */
.in-index .mn-hero__content>.mn-launch-countdown{display:block!important;position:absolute!important;z-index:21!important;left:50%!important;top:clamp(18px,2.5vw,48px)!important;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);margin:0!important}@media(min-width:768px){.in-index .mn-launch-countdown{padding:18px 24px 20px;border-radius:14px}.in-index .mn-launch-countdown p{margin-bottom:11px;font-size:14px;text-align:center}.in-index .mn-launch-countdown__values{gap:14px}.in-index .mn-launch-countdown__values span{min-width:56px}.in-index .mn-launch-countdown__values b{font-size:34px}.in-index .mn-launch-countdown__values small{margin-top:5px;font-size:10px}.in-index .mn-launch-countdown__values i{padding-top:2px;font-size:27px}}@media(max-width:767px){.in-index .mn-hero__content>.mn-launch-countdown{top:47%!important}}

/* The early first-menu-item reset is more specific than the shared hover rule. */
@media(min-width:1024px){#header #navigation .menu-level-1>li:first-child:hover>a,#header #navigation .menu-level-1>li:first-child>a:hover,#header #navigation .menu-level-1>li:first-child>a:focus-visible{box-shadow:inset 0 -3px 0 #c9a45b!important}}

/* Keep the wide menu connected to the logo and within the same 1,712 px
   shell as the hero.  A viewport-only left offset made it drift right when
   narrowing the window. */
@media(min-width:1850px){#header .site-name{margin-left:28px!important}}
@media(min-width:1920px){body:not(.navigation-window-visible) #header .header-bottom{left:calc(50% - min(856px,50vw - 20px) + 236px)!important}}

/* Header and hero use one shell.  The native header wrapper is narrower and
   changes width at several Samba breakpoints, so never use it to position the
   logo.  Position the logo against the full header instead and keep one
   desktop size on both sides of the 1920 px breakpoint. */
@media(min-width:1024px){
  #header .header-top{position:relative!important;min-height:112px!important;height:112px!important}
  #header .header-top-wrapper{position:static!important;min-height:112px!important;height:112px!important}
  #header .site-name{position:absolute!important;z-index:2!important;top:50%!important;left:calc(50% - min(840px,50% - 16px))!important;display:flex!important;height:auto!important;margin:0!important;align-items:center!important;transform:translateY(-50%)!important}
  #header .site-name img{width:auto!important;height:74px!important;max-width:188px!important}
  #header .header-bottom,#header .header-bottom-wrapper,#header #navigation,#header #navigation .navigation-in,#header #navigation .menu-level-1,#header .navigation-buttons{height:112px!important;min-height:112px!important}
}

/* Tablet had an extra nested 80% width on the homepage welcome block.  Make
   its hero use the same full canvas as the header controls, then reserve the
   text-safe left side of the artwork by moving the compact countdown right. */
@media(min-width:768px) and (max-width:1023px){
  .in-index .welcome-wrapper>.welcome,
  .in-index .welcome-wrapper>.welcome>div,
  .in-index .welcome-wrapper .mn-hero,
  .in-index .welcome-wrapper .mn-benefits{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
  .in-index .mn-hero__content>.mn-launch-countdown{top:18px!important;right:16px!important;left:auto!important;width:min(330px,calc(100% - 32px))!important;padding:14px 16px 16px!important;transform:none!important}
  .in-index .mn-launch-countdown p{margin-bottom:8px!important;font-size:13px!important}
  .in-index .mn-launch-countdown__values{gap:9px!important}
  .in-index .mn-launch-countdown__values span{min-width:45px!important}
  .in-index .mn-launch-countdown__values b{font-size:29px!important}
  .in-index .mn-launch-countdown__values i{font-size:23px!important}
}

/* The native keyboard-only skip link is intentionally removed for this
   storefront at the owner's request. */
.skip-link{display:none!important}

/* Match the desktop search field to the right edge of the same editorial
   canvas as the hero, rather than to the viewport. */
@media(min-width:1024px){#header .user-action-search{right:calc(50% - min(840px,50% - 16px) + 16px)!important}}

/* Tablet retains the hero's left edge for its logo while controls stay right. */
@media(min-width:768px) and (max-width:1023px){
  #header .header-top{position:relative!important}
  #header .header-top-wrapper{position:static!important}
  #header .site-name{position:absolute!important;top:50%!important;left:16px!important;height:auto!important;margin:0!important;transform:translateY(-50%)!important}
}

/* Tablet action controls occupy the right edge of the hero canvas. */
@media(min-width:768px) and (max-width:1023px){
  #header .navigation-buttons{position:absolute!important;top:50%!important;right:16px!important;z-index:3!important;display:flex!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;transform:translateY(-50%)!important}
  #header .navigation-buttons>a[data-target="search"]{display:flex!important}
  #header .header-top a[data-target="navigation"]{right:178px!important}
}

/* The compact horizontal catalogue row begins at 1500 CSS px. This keeps it
   visible on a 1,920 px notebook panel using the common 125% Windows scale. */
@media(min-width:1500px){
  #header .header-bottom{display:block!important}
  #header .header-top a[data-target="navigation"]{display:none!important}
  body:not(.navigation-window-visible) #header .header-bottom{right:auto!important;width:auto!important}
  body:not(.navigation-window-visible) #header #navigation .menu-level-1{justify-content:flex-start!important;gap:12px!important}
  body:not(.navigation-window-visible) #header #navigation .menu-level-1>li{display:flex!important;flex:0 0 auto!important;min-width:0!important}
  body:not(.navigation-window-visible) #header #navigation .menu-level-1>li:nth-child(n+8){display:none!important}
  body:not(.navigation-window-visible) #header #navigation .menu-level-1>li>a{min-width:0!important;padding-inline:9px!important}
}
@media(min-width:1500px) and (max-width:1919px){body:not(.navigation-window-visible) #header .header-bottom{left:calc(50% - min(856px,50vw - 20px) + 220px)!important}}

/* Hero artwork contains its own copy. The former CTA was removed from all
   responsive artwork variants, so its legacy transparent link layer must not
   remain clickable above the banner. */
.in-index .mn-hero__content .mn-button{
  display:none!important;
  pointer-events:none!important;
}

/* Keep the homepage's intermediate canvas identical to the outer page
   background; otherwise pale strips appear around the benefit and category
   panels on narrower viewports. */
body.in-index,
.in-index #content-wrapper,
.in-index .welcome-wrapper,
.in-index .mn-theme-spotlight,
.in-index .mn-section:not(.mn-theme-spotlight){
  background:#b8c79a!important;
}

/* The full desktop row begins at 1500 CSS px. Keep its gold flourish identical
   on both sides of the former 1920 px breakpoint. */
@media(min-width:1500px) and (max-width:1919px){
  #header #navigation .menu-level-1>li>a{position:relative!important;overflow:visible!important;isolation:isolate!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#d1a550!important;transform:none!important}
  #header #navigation .menu-level-1>li>a .mn-menu-text{position:relative!important;z-index:2!important;display:block!important;transform:translateY(-1px)!important;transition:transform .3s ease,color .25s ease!important}
  #header #navigation .mn-nav-flourish{display:block!important;position:absolute!important;z-index:1!important;top:54%!important;left:50%!important;width:110px!important;height:23px!important;overflow:visible!important;pointer-events:none!important;transform:translateX(-50%)!important}
  #header #navigation .mn-flourish{fill:none!important;stroke:#d1a550!important;stroke-width:1.15!important;stroke-linecap:round!important;stroke-linejoin:round!important;stroke-dasharray:1!important;stroke-dashoffset:1!important;opacity:0!important;filter:drop-shadow(0 0 2px rgba(209,165,80,.32))!important}
  #header #navigation .mn-flourish-left,#header #navigation .mn-flourish-right{transition:stroke-dashoffset .58s cubic-bezier(.65,0,.35,1),opacity .18s ease!important}
  #header #navigation .mn-flourish-center{transition:stroke-dashoffset .38s ease .1s,opacity .18s ease .1s!important}
  #header #navigation .menu-level-1>li>a:hover,#header #navigation .menu-level-1>li>a:focus-visible{background:rgba(201,164,91,.11)!important;box-shadow:inset 0 -2px 0 #c9a45b!important;color:#f3d892!important}
  #header #navigation .menu-level-1>li>a:hover .mn-menu-text,#header #navigation .menu-level-1>li>a:focus-visible .mn-menu-text{transform:translateY(-3px)!important;color:#ffe7a2!important}
  #header #navigation .menu-level-1>li>a:hover .mn-flourish,#header #navigation .menu-level-1>li>a:focus-visible .mn-flourish{stroke-dashoffset:0!important;opacity:1!important}
}

/* The menu ornament is the only desktop hover underline. Historical inset
   box-shadows animated first and briefly painted a rounded lower bar before
   the SVG flourish could draw itself. */
@media(min-width:1500px){
  #header #navigation .menu-level-1>li>a::after{
    position:absolute!important;right:0!important;bottom:0!important;left:0!important;display:block!important;
    width:auto!important;height:2px!important;margin:0!important;padding:0!important;border:0!important;
    border-radius:0!important;background:#c9a45b!important;content:""!important;opacity:0!important;
    transform:scaleX(.72)!important;transform-origin:center!important;
    transition:opacity .16s ease,transform .22s ease!important;
  }
  #header #navigation .menu-level-1>li:hover>a,
  #header #navigation .menu-level-1>li>a:hover,
  #header #navigation .menu-level-1>li>a:focus-visible{
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  #header #navigation .menu-level-1>li:hover>a::after,
  #header #navigation .menu-level-1>li>a:hover::after,
  #header #navigation .menu-level-1>li>a:focus-visible::after{opacity:1!important;transform:scaleX(1)!important}
}

/* Tablet width and newsletter rhythm.
   The hero is the visual canvas: the trust strip and Matcha feature align to
   its two edges.  The newsletter deliberately keeps a 32px reading gutter,
   rather than inheriting the edge-to-edge layout used by the visual blocks. */
@media(min-width:768px) and (max-width:1023px){
  body.in-index .mn-benefits,
  body.in-index .mn-section.mn-theme-spotlight{
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
    padding-inline:0!important;
  }
  body.in-index .mn-benefits .mn-shell,
  body.in-index .mn-theme-spotlight .mn-shell,
  body.in-index .mn-benefits .mn-benefits__grid,
  body.in-index .mn-theme-spotlight .mn-theme-spotlight__grid{
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
  }
  body.in-index .mn-benefits{padding-block:10px 12px!important}

  body.in-index .mn-newsletter{
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
    padding-inline:0!important;
  }
  body.in-index .mn-newsletter .mn-shell{
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
    padding-inline:32px!important;
  }
  body.in-index .mn-newsletter__inner{
    width:100%!important;
    max-width:none!important;
    padding:42px 0!important;
  }
  body.in-index .mn-newsletter__copy,
  body.in-index .mn-newsletter__form{max-width:620px!important}

  /* Match the editorial split precisely to the 50/50 Matcha feature above. */
  body.in-index .mn-story::before{inset:0 0 0 50%!important}
  body.in-index .mn-story__inner{width:100%!important;padding-right:50%!important}
}

/* These homepage sections share the tablet hero's viewport-wide canvas, not
   merely the narrower Shoptet content wrapper. */
@media(min-width:768px) and (max-width:1023px){
  .in-index .mn-benefits,
  .in-index .mn-section:has(.mn-category-grid),
  .in-index .mn-theme-spotlight,
  .in-index .mn-story,
  .in-index .mn-newsletter{
    position:relative!important;
    left:50%!important;
    width:100vw!important;
    max-width:100vw!important;
    margin-left:-50vw!important;
    margin-right:0!important;
  }

  .in-index .mn-newsletter__inner{
    grid-template-columns:1fr!important;
    gap:26px!important;
    min-height:0!important;
    padding:42px 32px!important;
  }
  .in-index .mn-newsletter__copy,
  .in-index .mn-newsletter__copy>p:not(.mn-eyebrow),
  .in-index .mn-newsletter__form{
    width:100%!important;
    max-width:none!important;
  }
  .in-index .mn-newsletter__form{padding:22px!important}
}

/* Safety correction: these blocks can sit inside a nested Samba wrapper on
   tablet. Keep them in its normal flow; viewport offsets shift them right. */
@media(min-width:768px) and (max-width:1023px){
  .in-index .mn-benefits,
  .in-index .mn-section:has(.mn-category-grid),
  .in-index .mn-theme-spotlight,
  .in-index .mn-story,
  .in-index .mn-newsletter{
    position:static!important;
    left:auto!important;
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* The temporary weekly-promotion artwork is retired everywhere.  Older
   iterations injected it through three different pseudo-elements. */
.in-index .mn-hero::before,
.in-index .mn-hero::after,
.in-index .mn-benefits::before,
.in-index .mn-category-grid::before{
  display:none!important;
  content:none!important;
}

/* Native Shoptet search categories.  Keep this separate from product hits: the
   platform otherwise gives the category row its default blue link treatment. */
#header .user-action-search .searchWhisperer :is(
  .search-whisperer-category,
  .search-whisperer-categories,
  .search-whisperer__category,
  .search-whisperer__categories,
  .searchWhisperer__category,
  .searchWhisperer__categories,
  [class*="search-whisperer-category"],
  [class*="searchWhisperer__category"]
){
  margin:0!important;
  padding:16px 18px!important;
  border:0!important;
  border-bottom:1px solid rgba(166,145,45,.28)!important;
  border-radius:0!important;
  background:#f4f0e5!important;
  box-shadow:none!important;
}
#header .user-action-search .searchWhisperer :is(
  .search-whisperer-category,
  .search-whisperer-categories,
  .search-whisperer__category,
  .search-whisperer__categories,
  .searchWhisperer__category,
  .searchWhisperer__categories,
  [class*="search-whisperer-category"],
  [class*="searchWhisperer__category"]
) :is(h2,h3,h4,h5){
  margin:0 0 10px!important;
  color:#243b18!important;
  font-family:var(--mn-serif)!important;
  font-size:19px!important;
  font-weight:700!important;
  line-height:1.2!important;
}
#header .user-action-search .searchWhisperer :is(
  .search-whisperer-category,
  .search-whisperer-categories,
  .search-whisperer__category,
  .search-whisperer__categories,
  .searchWhisperer__category,
  .searchWhisperer__categories,
  [class*="search-whisperer-category"],
  [class*="searchWhisperer__category"]
) :is(ul,ol){
  display:grid!important;
  gap:4px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
#header .user-action-search .searchWhisperer :is(
  .search-whisperer-category,
  .search-whisperer-categories,
  .search-whisperer__category,
  .search-whisperer__categories,
  .searchWhisperer__category,
  .searchWhisperer__categories,
  [class*="search-whisperer-category"],
  [class*="searchWhisperer__category"]
) a{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:38px!important;
  padding:7px 10px!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#243b18!important;
  font-weight:700!important;
  line-height:1.25!important;
  text-decoration:none!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease!important;
}
#header .user-action-search .searchWhisperer :is(
  .search-whisperer-category,
  .search-whisperer-categories,
  .search-whisperer__category,
  .search-whisperer__categories,
  .searchWhisperer__category,
  .searchWhisperer__categories,
  [class*="search-whisperer-category"],
  [class*="searchWhisperer__category"]
) a:hover,
#header .user-action-search .searchWhisperer :is(
  .search-whisperer-category,
  .search-whisperer-categories,
  .search-whisperer__category,
  .search-whisperer__categories,
  .searchWhisperer__category,
  .searchWhisperer__categories,
  [class*="search-whisperer-category"],
  [class*="searchWhisperer__category"]
) a:focus-visible{
  border-color:rgba(166,145,45,.42)!important;
  background:#e7edd8!important;
  color:#17300f!important;
}
#header .user-action-search .searchWhisperer :is(
  .search-whisperer-category,
  .search-whisperer-categories,
  .searchWhisperer__category,
  .searchWhisperer__categories,
  [class*="search-whisperer-category"],
  [class*="searchWhisperer__category"]
) :is(.icon,.shp-ico,svg){
  flex:0 0 auto!important;
  color:#a6912d!important;
}
#header .user-action-search .searchWhisperer :is(
  .search-whisperer-category,
  .search-whisperer-categories,
  .searchWhisperer__category,
  .searchWhisperer__categories,
  [class*="search-whisperer-category"],
  [class*="searchWhisperer__category"]
) svg :is(path,rect,polyline,polygon,circle){
  stroke:#a6912d!important;
}

/* On content and category pages the desktop search sits in the breadcrumb
   strip.  The stock 45 px strip clips its rounded field by a few pixels. */
@media(min-width:1024px){
  body:not(.in-index) .breadcrumbs{
    box-sizing:border-box!important;
    height:60px!important;
    min-height:60px!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
  }
}

/* Calm, useful state for categories that Shoptet marks as empty. */
.type-category .category-perex.empty-content-category.mn-empty-state-ready{
  max-width:760px!important;
  margin:38px auto 62px!important;
  padding:0!important;
  background:transparent!important;
}
.mn-empty-state{
  box-sizing:border-box!important;
  padding:46px 28px!important;
  border:1px solid rgba(36,59,24,.18)!important;
  border-radius:18px!important;
  background:#b8c79a!important;
  color:#243b18!important;
  text-align:center!important;
  box-shadow:0 10px 28px rgba(25,28,10,.08)!important;
}
.mn-empty-state__title{
  margin:0!important;
  color:#17280d!important;
  font-family:var(--mn-serif)!important;
  font-size:clamp(30px,3.2vw,43px)!important;
  font-weight:600!important;
  line-height:1.12!important;
}
.mn-empty-state__icon{
  display:grid!important;
  width:66px!important;
  height:66px!important;
  margin:25px auto 21px!important;
  place-items:center!important;
  border:1px solid rgba(166,145,45,.72)!important;
  border-radius:50%!important;
  color:#a6912d!important;
}
.mn-empty-state__icon svg{
  width:37px!important;
  height:37px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  stroke-width:1.7!important;
}
.mn-empty-state__text{
  max-width:480px!important;
  margin:0 auto!important;
  color:rgba(23,40,13,.78)!important;
  font-size:17px!important;
  line-height:1.55!important;
}
.mn-empty-state__button{
  display:inline-flex!important;
  min-height:46px!important;
  align-items:center!important;
  justify-content:center!important;
  margin-top:28px!important;
  padding:0 24px!important;
  border:1px solid #243b18!important;
  border-radius:9px!important;
  background:#243b18!important;
  color:#fffdf8!important;
  font-size:14px!important;
  font-weight:800!important;
  text-decoration:none!important;
  transition:background-color .18s ease,transform .18s ease!important;
}
.mn-empty-state__button:hover,.mn-empty-state__button:focus-visible{
  border-color:#536d23!important;
  background:#536d23!important;
  color:#fffdf8!important;
  transform:translateY(-2px)!important;
}
@media(max-width:767px){
  .type-category .category-perex.empty-content-category.mn-empty-state-ready{margin:26px 18px 40px!important}
  .mn-empty-state{padding:36px 20px!important;border-radius:14px!important}
  .mn-empty-state__title{font-size:31px!important}
  .mn-empty-state__text{font-size:16px!important}
}

/* Exact marker supplied by the search-result normalizer in the JS file.  It
   avoids relying on Shoptet's varying class names for the category section. */
#header .user-action-search .searchWhisperer .mn-search-categories{
  margin:0!important;
  padding:16px 18px!important;
  border:0!important;
  border-bottom:1px solid rgba(166,145,45,.28)!important;
  border-radius:0!important;
  background:#f4f0e5!important;
  box-shadow:none!important;
}
#header .user-action-search .searchWhisperer .mn-search-categories :is(h1,h2,h3,h4,h5,h6){
  margin:0 0 10px!important;
  color:#243b18!important;
  font-family:var(--mn-serif)!important;
  font-size:19px!important;
  font-weight:700!important;
  line-height:1.2!important;
}
#header .user-action-search .searchWhisperer .mn-search-categories :is(a,button){
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:38px!important;
  padding:7px 10px!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#243b18!important;
  font-weight:700!important;
  line-height:1.25!important;
  text-decoration:none!important;
}
#header .user-action-search .searchWhisperer .mn-search-categories :is(a,button):hover,
#header .user-action-search .searchWhisperer .mn-search-categories :is(a,button):focus-visible{
  border-color:rgba(166,145,45,.42)!important;
  background:#e7edd8!important;
  color:#17300f!important;
}
#header .user-action-search .searchWhisperer .mn-search-categories :is(.icon,.shp-ico,svg){
  flex:0 0 auto!important;
  color:#a6912d!important;
}
#header .user-action-search .searchWhisperer .mn-search-categories svg :is(path,rect,polyline,polygon,circle){stroke:#a6912d!important}
#header .user-action-search .searchWhisperer .mn-search-categories ::selection{
  background:#d9c472!important;
  color:#17280d!important;
}

/* One desktop canvas for the hero and every editorial/catalogue template.
   Samba lets several inner page templates expand to the viewport by default. */
@media(min-width:1024px){
  body:is(.type-category,.type-detail,.type-page,.type-post,.type-article) #content-wrapper{
    width:min(calc(100% - 48px),1712px)!important;
    max-width:1712px!important;
    margin-inline:auto!important;
  }
  body:is(.type-category,.type-detail,.type-page,.type-post,.type-article) #content-wrapper>.content-wrapper,
  body:is(.type-category,.type-detail,.type-page,.type-post,.type-article) #content-wrapper .content-wrapper-in{
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
  }
}

/* Tablet has enough room for three category cards, but not for four readable
   trust messages.  Use a deliberate 2×2 rhythm and centre the seventh card. */
@media(min-width:768px) and (max-width:1023px){
  .in-index .mn-benefits__grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .in-index .mn-benefits article{
    grid-template-columns:46px minmax(0,1fr)!important;
    min-height:108px!important;
    padding:18px 24px!important;
    border-top:1px solid rgba(209,165,80,.32)!important;
  }
  .in-index .mn-benefits article:nth-child(odd){border-inline-start:0!important}
  .in-index .mn-benefits article:nth-child(-n+2){border-top:0!important}
  .in-index .mn-benefits h2{font-size:15px!important}
  .in-index .mn-benefits p{font-size:12px!important;line-height:1.42!important}

  .in-index .mn-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .in-index .mn-category-card:nth-child(7){grid-column:2!important}
}

/* The tablet hero already owns the full homepage canvas.  These sections
   previously kept the desktop .mn-shell gutter, so they looked narrower than
   both the hero and its artwork. */
@media(min-width:768px) and (max-width:1023px){
  .in-index .mn-benefits,
  .in-index .mn-section:has(.mn-category-grid),
  .in-index .mn-theme-spotlight,
  .in-index .mn-story,
  .in-index .mn-newsletter{
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
  }
  .in-index .mn-benefits .mn-shell,
  .in-index .mn-section:has(.mn-category-grid) .mn-shell,
  .in-index .mn-theme-spotlight .mn-shell,
  .in-index .mn-story .mn-shell,
  .in-index .mn-newsletter .mn-shell{
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
    padding-inline:0!important;
  }
  .in-index .mn-benefits .mn-benefits__grid,
  .in-index .mn-section:has(.mn-category-grid) .mn-category-grid,
  .in-index .mn-theme-spotlight__grid{
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
  }
}

/* Final tablet alignment authority.  Keep visual panels flush with the hero,
   while the newsletter retains a readable inner gutter. */
@media(min-width:768px) and (max-width:1023px){
  body.in-index .mn-benefits,
  body.in-index .mn-section.mn-theme-spotlight{
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
    padding-inline:0!important;
  }
  body.in-index .mn-benefits .mn-shell,
  body.in-index .mn-theme-spotlight .mn-shell,
  body.in-index .mn-benefits .mn-benefits__grid,
  body.in-index .mn-theme-spotlight .mn-theme-spotlight__grid{
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
  }
  body.in-index .mn-benefits{padding:10px 0 12px!important}
  body.in-index .mn-newsletter .mn-shell{
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
    padding-inline:32px!important;
  }
  body.in-index .mn-newsletter__inner{padding:42px 0!important}
  body.in-index .mn-newsletter__copy,
  body.in-index .mn-newsletter__form{max-width:620px!important}
}

/* Tablet containment repair.
   The story photograph is drawn by an absolutely-positioned pseudo-element.
   A historical generic rule had reset its section to `position: static`, so
   the photograph used the homepage wrapper as its containing block and
   painted over the hero, benefits and category tiles.  Give every layer an
   explicit containing block and keep the countdown inside the hero itself. */
.in-index .mn-story{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
.in-index .mn-story::before{z-index:0!important}
.in-index .mn-story__inner{position:relative!important;z-index:1!important}

/* Matcha and Story use the same editorial 50/50 split from tablet upwards. */
@media(min-width:768px){
  .in-index .mn-story::before{inset:0 0 0 50%!important}
  .in-index .mn-story__inner{width:100%!important;padding-right:50%!important}
}

/* Desktop story copy follows the same left rhythm as the Matcha feature. */
@media(min-width:1024px){
  .in-index .mn-story__inner{padding-left:clamp(34px,5vw,74px)!important}
  .in-index .mn-story .mn-text-link{
    display:inline-flex!important;
    min-height:52px!important;
    align-items:center!important;
    justify-content:center!important;
    margin-top:18px!important;
    padding:12px 24px!important;
    border:1px solid #243b18!important;
    border-radius:999px!important;
    background:#243b18!important;
    color:#fffdf8!important;
    font-family:var(--mn-sans)!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:1!important;
    text-decoration:none!important;
  }
  .in-index .mn-story .mn-text-link:hover,
  .in-index .mn-story .mn-text-link:focus-visible{
    border-color:#536d23!important;
    background:#536d23!important;
    color:#fffdf8!important;
  }
}

@media(min-width:768px) and (max-width:1023px){
  .in-index .mn-hero__content{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
  }
  .in-index .mn-hero__content>:not(.mn-launch-countdown){display:none!important}
  .in-index .mn-hero__content>.mn-launch-countdown{
    position:absolute!important;
    top:18px!important;
    right:16px!important;
    left:auto!important;
    z-index:2!important;
    width:min(330px,calc(100% - 32px))!important;
    max-width:calc(100% - 32px)!important;
    margin:0!important;
    transform:none!important;
  }

  /* Do not let any nested Samba width rule make a homepage row wider than
     the hero canvas. */
  .in-index .welcome-wrapper,
  .in-index .welcome-wrapper>.welcome,
  .in-index .welcome-wrapper>.welcome>div,
  .in-index .mn-hero,
  .in-index .mn-benefits,
  .in-index .mn-section:has(.mn-category-grid),
  .in-index .mn-theme-spotlight,
  .in-index .mn-story,
  .in-index .mn-newsletter{
    min-width:0!important;
    box-sizing:border-box!important;
  }
}

/* The floral SVG is a desktop-hover ornament only.  The tablet navigation is
   a drawer, where inherited absolute ornament geometry paints across rows. */
@media(min-width:768px) and (max-width:1919px){
  body.navigation-window-visible #header #navigation .mn-nav-flourish,
  body.navigation-window-visible #header #navigation .mn-flourish{
    display:none!important;
  }
  body.navigation-window-visible #header #navigation .menu-level-1>li>a{
    position:relative!important;
    overflow:hidden!important;
    isolation:auto!important;
  }
}

/* Tablet uses the same compact popup language as the phone.  Without this,
   Samba's desktop widgets reserve a full-page area behind search, account or
   cart even though their triggers are tablet-sized icons. */
@media(min-width:768px) and (max-width:1023px){
  #header .user-action-search,
  #header .user-action-login,
  #header .user-action-cart{
    position:fixed!important;
    z-index:10030!important;
    top:154px!important;
    right:16px!important;
    left:16px!important;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 170px)!important;
    margin:0!important;
    overflow:auto!important;
    border:1px solid rgba(166,145,45,.45)!important;
    border-radius:16px!important;
    background:#f4f0e5!important;
    box-shadow:0 18px 40px rgba(25,28,10,.28)!important;
  }
  #header .user-action-search{padding:12px!important}
  #header .user-action-login .popup-widget-inner,
  #header .user-action-cart .popup-widget-inner{height:auto!important;min-height:0!important;padding:22px!important;background:#f4f0e5!important}
  #header .user-action-search .search-form,
  #header .user-action-search fieldset{margin:0!important;padding:0!important;border:0!important}
  #header .user-action-search .search-form-input-group{display:flex!important;width:100%!important;height:52px!important;overflow:hidden!important;border:1px solid #a6912d!important;border-radius:14px!important;background:#fffdf8!important}
  #header .user-action-search .search-input-icon{display:none!important}
  #header .user-action-search .search-input{width:0!important;max-width:none!important;height:50px!important;min-width:0!important;flex:1 1 auto!important;margin:0!important;padding:0 16px!important;border:0!important;border-radius:0!important;background:#fffdf8!important;color:#20231b!important;box-shadow:none!important}
  #header .user-action-search .search-button{position:static!important;display:flex!important;box-sizing:border-box!important;width:60px!important;min-width:60px!important;max-width:60px!important;height:50px!important;flex:0 0 60px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;border:0!important;border-left:1px solid rgba(166,145,45,.55)!important;border-radius:0!important;background:#243b18!important}
  #header .user-action-search .searchWhisperer{position:relative!important;top:auto!important;right:auto!important;left:auto!important;width:100%!important;max-width:none!important;max-height:52vh!important;margin:10px 0 0!important;overflow:auto!important;border:1px solid rgba(36,59,24,.16)!important;border-radius:12px!important;background:#fffdf8!important}
  #header .user-action-login h2{margin:0 0 18px!important;color:#243b18!important;font-family:var(--mn-serif)!important;font-size:27px!important;line-height:1.15!important}
  #header .user-action-login .form-control{min-height:48px!important;border:1px solid rgba(36,59,24,.35)!important;border-radius:10px!important;background:#fffdf8!important;color:#20231b!important;box-shadow:none!important}
  #header .user-action-login .btn-primary,
  #header .user-action-cart .cart-widget-button{min-height:48px!important;border:1px solid #243b18!important;border-radius:999px!important;background:#243b18!important;color:#fffdf8!important;font-weight:800!important}
  #header .user-action-cart .cart-widget-products{height:auto!important;min-height:0!important;max-height:46vh!important;overflow-y:auto!important}
}

/* Compact popup height is content-driven on both touch breakpoints.  Search
   starts as a single input row and grows only when Shoptet renders results. */
@media(max-width:1023px){
  #header .user-action-login,
  #header .user-action-cart,
  #header .user-action-cart.full,
  #header #cart-widget{
    height:auto!important;
    min-height:0!important;
  }
  #header .user-action-login .popup-widget-inner,
  #header .user-action-cart .popup-widget-inner,
  #header .user-action-cart .cart-widget-inner,
  #header .user-action-cart .cart-widget-content{
    height:auto!important;
    min-height:0!important;
  }
  #header .user-action-search{
    max-height:calc(100dvh - 170px)!important;
  }
  #header .user-action-search .search-form,
  #header .user-action-search fieldset,
  #header .user-action-search .search-form-input-group{margin:0!important}
  #header .user-action-search .searchWhisperer:empty,
  #header .user-action-search .searchWhisperer:not(:has(*)){display:none!important}
  #header .user-action-search .searchWhisperer:not(:empty){display:block!important}
}

/* Tablet search: create exactly one divider ourselves.  Shoptet styles the
   input and submit control independently, which otherwise leaves two borders
   next to each other at the join. */
@media(min-width:768px) and (max-width:1023px){
  /* Samba anchors all three widgets to both top and bottom on tablet.  That
     creates an empty full-screen panel; only search had been reset before. */
  #header .user-action-login,
  #header .user-action-cart,
  #header #cart-widget{
    bottom:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 170px)!important;
  }
  #header .user-action-login .popup-widget-inner,
  #header .user-action-cart .popup-widget-inner,
  #header .user-action-cart .cart-widget-inner,
  #header .user-action-cart .cart-widget-content,
  #header #cart-widget .popup-widget-inner,
  #header #cart-widget .cart-widget-inner,
  #header #cart-widget .cart-widget-content{
    position:static!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  #header .user-action-search{
    bottom:auto!important;
    height:auto!important;
    min-height:0!important;
    box-sizing:border-box!important;
    padding:6px 14px!important;
  }
  /* Exactly mirror the phone control.  Samba limits the form itself on tablet,
     so sizing only its inner input never let the row fill the popup. */
  #header .user-action-search .search-form,
  #header .user-action-search .search-form fieldset,
  #header #formSearchForm{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    flex:1 1 100%!important;
    flex-basis:100%!important;
    align-self:stretch!important;
  }
  #header #formSearchForm .search-form-input-group{
    position:relative!important;
    display:flex!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    flex:1 1 100%!important;
    flex-basis:100%!important;
    box-sizing:border-box!important;
    height:48px!important;
    align-items:stretch!important;
  }
  #header #formSearchForm .search-form-input-group::after{display:none!important;content:none!important}
  #header #formSearchForm input.search-input{
    height:46px!important;
    padding-inline:15px!important;
  }
  #header #formSearchForm input.search-input,
  #header #formSearchForm .search-button,
  #header #formSearchForm .search-button:hover,
  #header #formSearchForm .search-button:focus{border:0!important}
  #header #formSearchForm .search-button,
  #header #formSearchForm .search-button:hover,
  #header #formSearchForm .search-button:active,
  #header #formSearchForm .search-button:focus{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;
    height:46px!important;
    padding:0!important;
    border-left:1px solid rgba(166,145,45,.55)!important;
    background:#243b18!important;
    color:transparent!important;
    font-size:0!important;
    box-shadow:none!important;
  }
  #header #formSearchForm .search-button::before{
    width:23px!important;
    height:23px!important;
  }
}

/* Desktop account and cart must use the same centred canvas as the search
   field and hero.  Shoptet otherwise anchors them to the browser edge. */
@media(min-width:1024px){
  #header .user-action-login,
  #header .user-action-cart,
  #header #cart-widget{
    position:absolute!important;
    top:100%!important;
    right:calc(50% - min(856px,50vw - 20px) + 16px)!important;
    bottom:auto!important;
    left:auto!important;
    width:min(380px,calc(100vw - 32px))!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 120px)!important;
    margin:0!important;
    overflow:auto!important;
  }
  #header .user-action-login .popup-widget-inner,
  #header .user-action-cart .popup-widget-inner,
  #header .user-action-cart .cart-widget-inner,
  #header .user-action-cart .cart-widget-content{
    height:auto!important;
    min-height:0!important;
  }
}

/* Keep product photography at its real brightness and in a measured focal
   area.  A source-specific crop below still handles the one known export
   with empty portrait margins. */
@media(min-width:1024px){
  body.type-detail .p-detail .mn-mobile-gallery-image{
    position:relative!important;
    isolation:isolate!important;
    background:#f4f0e5!important;
  }
  body.type-detail .p-detail .mn-mobile-gallery-image::before{
    position:absolute!important;
    z-index:0!important;
    inset:-24px!important;
    background:#f4f0e5!important;
    filter:none!important;
    transform:scale(1.08)!important;
    content:""!important;
  }
  body.type-detail .p-detail .mn-mobile-gallery-image img{
    position:relative!important;
    z-index:1!important;
    width:82%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:560px!important;
    object-fit:contain!important;
    mix-blend-mode:normal!important;
  }
  /* This product file has a 25 % blank canvas on either side of the actual
     portrait photo.  Mask only that exported canvas; the photo itself keeps
     its original brightness and is framed by the gallery backdrop. */
  body.type-detail .p-detail .mn-mobile-gallery-image img[src*="75_arasidy-prazene-solene"]{
    clip-path:inset(0 25.25%)!important;
    mix-blend-mode:normal!important;
  }
  /* The gallery wrapper itself previously supplied the dark-green rails.
     Match it to the adjacent product-description canvas for this packshot. */
  body.type-detail.id-709 .p-detail .p-image-wrapper,
  body.type-detail.id-709 .p-detail .p-image-wrapper > .row,
  body.type-detail.id-709 .p-detail .p-image-wrapper .p-image,
  body.type-detail.id-709 .p-detail .mn-mobile-gallery-image{
    background:#f4f0e5!important;
  }
  body.type-detail.id-709 .p-detail .p-image-wrapper::before,
  body.type-detail.id-709 .p-detail .mn-mobile-gallery-image::before{
    display:none!important;
  }
}

/* Product actions: quiet, tactile Mimix controls instead of the default
   utilitarian glyph row.  The native links and their behaviour stay intact. */
body.type-detail .social-buttons-wrapper{
  margin-top:30px!important;
  padding-top:22px!important;
  border-top:1px solid rgba(81,65,34,.18)!important;
}
body.type-detail .social-buttons-wrapper .link-icons{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
}
body.type-detail .social-buttons-wrapper .link-icon{
  display:inline-flex!important;
  min-width:94px!important;
  min-height:44px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:8px 12px!important;
  border:1px solid rgba(166,145,45,.62)!important;
  border-radius:999px!important;
  background:#f8f5ec!important;
  color:#243b18!important;
  font-family:var(--mn-sans)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  text-decoration:none!important;
  transition:background .18s ease,color .18s ease,border-color .18s ease!important;
}
body.type-detail .social-buttons-wrapper .link-icon i{
  display:grid!important;
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
  place-items:center!important;
  color:#a6912d!important;
  font-size:19px!important;
  line-height:1!important;
}
body.type-detail .social-buttons-wrapper .link-icon:hover,
body.type-detail .social-buttons-wrapper .link-icon:focus-visible{
  border-color:#243b18!important;
  background:#243b18!important;
  color:#fffdf8!important;
}
body.type-detail .social-buttons-wrapper .link-icon:hover i,
body.type-detail .social-buttons-wrapper .link-icon:focus-visible i{
  color:#e1bd68!important;
}

/* Product text is always visible; the unused Popis/Diskuze selector is not. */
body.type-detail .p-detail-tabs-wrapper .shp-tabs-row > .shp-tabs-holder,
body.type-detail .p-detail-tabs-wrapper .shp-tabs-row > .navigation-btn,
body.type-detail .p-detail-tabs-wrapper .shp-tabs-row > .hidden-links{
  display:none!important;
}
body.type-detail .p-detail-tabs-wrapper .tab-content,
body.type-detail .p-detail-tabs-wrapper .tab-pane,
body.type-detail .p-detail-tabs-wrapper #description,
body.type-detail .p-detail-tabs-wrapper .description{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
}

/* Airy action controls: a small gold-line medallion and label, rather than
   filled pills.  This reads as part of Mimix's botanical-gold system. */
body.type-detail .social-buttons-wrapper .link-icons{
  gap:22px!important;
}
body.type-detail .social-buttons-wrapper .link-icon{
  min-width:54px!important;
  min-height:0!important;
  flex-direction:column!important;
  gap:7px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#243b18!important;
  font-size:11px!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
}
body.type-detail .social-buttons-wrapper .link-icon i{
  width:42px!important;
  height:42px!important;
  flex-basis:42px!important;
  border:1px solid rgba(166,145,45,.82)!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#a6912d!important;
  font-size:18px!important;
  transition:background .18s ease,color .18s ease,border-color .18s ease!important;
}
body.type-detail .social-buttons-wrapper .link-icon:hover,
body.type-detail .social-buttons-wrapper .link-icon:focus-visible{
  border:0!important;
  background:transparent!important;
  color:#243b18!important;
}
body.type-detail .social-buttons-wrapper .link-icon:hover i,
body.type-detail .social-buttons-wrapper .link-icon:focus-visible i{
  border-color:#243b18!important;
  background:#243b18!important;
  color:#e1bd68!important;
}
@media(max-width:767px){
  body.type-detail .social-buttons-wrapper .link-icons{gap:18px!important}
  body.type-detail .social-buttons-wrapper .link-icon{min-width:50px!important}
  /* Shoptet's mobile theme hides every .p-detail .row; this row also holds
     the expanded description, so restore it after hiding only tab controls. */
  body.type-detail .p-detail-tabs-wrapper > .row{
    display:block!important;
  }
  /* One uninterrupted detail canvas: the content's own warm cream expands
     through both Shoptet wrapper layers, with useful reading width. */
  body.type-detail .p-detail-full-width,
  body.type-detail .p-detail-tabs-wrapper,
  body.type-detail .p-detail-tabs-wrapper > .row{
    background:#f8f5ec!important;
  }
  body.type-detail .p-detail-full-width{
    padding:0!important;
  }
  body.type-detail .p-detail-tabs-wrapper > .row{
    margin:0!important;
    padding:0!important;
  }
  body.type-detail .p-detail-tabs-wrapper .tab-content{
    width:100%!important;
    margin:0!important;
    padding:26px 22px!important;
    background:#f8f5ec!important;
  }
  body.type-detail .p-detail-tabs-wrapper .description-inner{
    padding:0!important;
    background:transparent!important;
  }
}

/* Product actions based on the supplied Mimix compact-button reference.
   Shoptet keeps the real icon inside <i>, so this maps the reference's
   pseudo-element styling to that existing semantic icon. */
body.type-detail .social-buttons-wrapper .link-icons{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:9px!important;
  margin:16px 0!important;
}
body.type-detail .link-icons > a.link-icon{
  box-sizing:border-box!important;
  display:inline-flex!important;
  min-width:0!important;
  max-width:180px!important;
  min-height:58px!important;
  flex:1 1 100px!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin:0!important;
  padding:9px 12px!important;
  border:1px solid #dfd2ac!important;
  border-radius:13px!important;
  background:#fffdf8!important;
  color:#234b36!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.4!important;
  letter-spacing:.4px!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  box-shadow:0 3px 12px rgba(35,65,43,.06)!important;
  transform:none!important;
  transition:background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease,transform .25s ease!important;
}
body.type-detail .link-icons > a.link-icon i{
  display:inline-grid!important;
  width:32px!important;
  height:32px!important;
  flex:0 0 32px!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#b99a45!important;
  font-size:20px!important;
  line-height:32px!important;
  transition:color .25s ease!important;
}
body.type-detail .link-icons > a.link-icon span{
  width:auto!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.4!important;
  letter-spacing:.4px!important;
}
body.type-detail .link-icons > a.link-icon.chat{
  border-color:#a6bca3!important;
  background:#edf4eb!important;
}
@media(hover:hover){
  body.type-detail .link-icons > a.link-icon:hover{
    border-color:#234b36!important;
    background:#234b36!important;
    color:#fff!important;
    box-shadow:0 8px 22px rgba(35,75,54,.20)!important;
    transform:translateY(-3px)!important;
  }
  body.type-detail .link-icons > a.link-icon:hover i{color:#e8d08a!important}
}
body.type-detail .link-icons > a.link-icon:active{
  background:#234b36!important;
  color:#fff!important;
  transform:translateY(1px)!important;
}
body.type-detail .link-icons > a.link-icon:focus-visible{
  outline:2px solid #b99a45!important;
  outline-offset:3px!important;
}
@media(max-width:480px){
  body.type-detail .social-buttons-wrapper .link-icons{gap:6px!important}
  body.type-detail .link-icons > a.link-icon{
    max-width:none!important;
    min-height:48px!important;
    flex:1 1 0!important;
    gap:4px!important;
    padding:8px 5px!important;
    border-radius:10px!important;
  }
  body.type-detail .link-icons > a.link-icon i{
    width:24px!important;
    height:24px!important;
    flex-basis:24px!important;
    font-size:17px!important;
    line-height:24px!important;
  }
  body.type-detail .link-icons > a.link-icon span{
    font-size:10px!important;
    letter-spacing:0!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.type-detail .link-icons > a.link-icon,
  body.type-detail .link-icons > a.link-icon i{transition:none!important}
}

/* Shoptet also decorates the link itself with an icon pseudo-element.  Keep
   only the real <i> icon, and give the action row its complete available width. */
body.type-detail .social-buttons-wrapper .link-icons{
  width:100%!important;
}
body.type-detail .link-icons > a.link-icon::before,
body.type-detail .link-icons > a.link-icon::after{
  display:none!important;
  content:none!important;
}
body.type-detail .link-icons > a.link-icon span{
  white-space:nowrap!important;
}

/* Strict cleanup of Shoptet's decorative remnants.  The glyph belonging to
   the actual <i> is deliberately retained; every link/text pseudo-icon goes. */
body.type-detail .link-icons > a.link-icon,
body.type-detail .link-icons > a.link-icon > span{
  text-align:center!important;
}
body.type-detail .link-icons > a.link-icon{
  overflow:hidden!important;
}
body.type-detail .link-icons > a.link-icon > span::before,
body.type-detail .link-icons > a.link-icon > span::after{
  display:none!important;
  content:none!important;
}
body.type-detail .link-icons > a.link-icon > i{
  position:static!important;
  align-self:center!important;
  justify-self:center!important;
}
/* Any direct Shoptet icon character inherits this zero size.  The intended
   icon and label explicitly restore their own sizes in the rules above. */
body.type-detail .link-icons > a.link-icon{
  font-size:0!important;
}

/* Purpose-drawn product-action icons.  These replace the inconsistent
   Shoptet icon font with a single calm, botanical-gold stroke system. */
body.type-detail .link-icons > a.link-icon > i,
body.type-detail .link-icons > a.link-icon > i::before,
body.type-detail .link-icons > a.link-icon > i::after{
  font-size:0!important;
  font-family:inherit!important;
  text-indent:-9999px!important;
}
body.type-detail .link-icons > a.link-icon > i{
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:22px 22px!important;
}
body.type-detail .link-icons > a.link-icon.print > i{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b99a45' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 8V3h10v5M6 18H4V9h16v9h-2M7 14h10v7H7zM17 11h.01'/%3E%3C/svg%3E")!important;
}
body.type-detail .link-icons > a.link-icon.chat > i{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b99a45' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 14a3 3 0 0 1-3 3H9l-5 4V7a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3z'/%3E%3Cpath d='M8 10h8M8 13h5'/%3E%3C/svg%3E")!important;
}
body.type-detail .link-icons > a.link-icon.share > i{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b99a45' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='2.5'/%3E%3Ccircle cx='6' cy='12' r='2.5'/%3E%3Ccircle cx='18' cy='19' r='2.5'/%3E%3Cpath d='m8.2 10.8 7.6-4.4M8.2 13.2l7.6 4.4'/%3E%3C/svg%3E")!important;
}
@media(hover:hover){
  body.type-detail .link-icons > a.link-icon:hover > i{
    background-color:transparent!important;
    filter:brightness(1.32)!important;
  }
}

/* Desktop product pages use the same sage outer canvas as the homepage.
   The warm product canvas remains confined to the central hero/content width. */
@media(min-width:1024px){
  body.type-detail{
    background:#c1cda2!important;
  }
  body.type-detail .overall-wrapper{
    background:transparent!important;
  }
}

/* Product discussions are not used yet; keep the detail focused on content. */
body.type-detail .p-detail-tabs-wrapper .discussionWrapper,
body.type-detail .p-detail-tabs-wrapper .discussion-wrapper,
body.type-detail .p-detail-tabs-wrapper #productDiscussion{
  display:none!important;
}

/* The detail and category breadcrumb strips belong to the same warm canvas.
   Their desktop search control is adjusted with them so it does not look
   like a leftover dark-header element. */
@media(min-width:1024px){
  body:is(.type-detail,.type-category) .breadcrumbs{
    background:#f4f0e5!important;
    color:#342817!important;
    border-bottom:0!important;
  }
  body:is(.type-detail,.type-category) .breadcrumbs a{color:#243b18!important}
  body:is(.type-detail,.type-category) .breadcrumbs .navigation-bullet{color:rgba(52,40,23,.45)!important}

  body:is(.type-detail,.type-category) #header .user-action-search .search-form-input-group{
    border-color:#243b18!important;
    background:#fffdf8!important;
    box-shadow:0 5px 14px rgba(52,40,23,.10)!important;
  }
  body:is(.type-detail,.type-category) #header .user-action-search .form-control{
    background:#fffdf8!important;
    color:#342817!important;
  }
  body:is(.type-detail,.type-category) #header .user-action-search .form-control::placeholder{
    color:#756b5d!important;
  }
  body:is(.type-detail,.type-category) #header .user-action-search .search-button,
  body:is(.type-detail,.type-category) #header .user-action-search .search-button:hover,
  body:is(.type-detail,.type-category) #header .user-action-search .search-button:active,
  body:is(.type-detail,.type-category) #header .user-action-search .search-button:focus{
    background:#243b18!important;
    color:#fffdf8!important;
  }
  body:is(.type-detail,.type-category) .user-action-search,
  body:is(.type-detail,.type-category) .user-action-search .search-form,
  body:is(.type-detail,.type-category) .user-action-search .search-form fieldset,
  body:is(.type-detail,.type-category) .user-action-search .search-form-input-group{
    background:#fffdf8!important;
  }
  body:is(.type-detail,.type-category) .user-action-search .search-input-icon{
    color:#243b18!important;
  }
}

/* Keep the header's blurred image strictly inside its own band.  The old
   visible overflow let that blur read as a grey-green shadow over the page. */
@media(min-width:1024px){
  #header::before{
    clip-path:inset(0)!important;
    filter:none!important;
    transform:none!important;
  }
  #header,#header .header-top,#header .header-bottom{box-shadow:none!important}

  /* One calm search field: the submit icon is a small round inset control,
     not a second rectangular segment. */
  body:is(.type-detail,.type-category) #header #formSearchForm .search-form-input-group{
    display:flex!important;
    align-items:center!important;
    height:46px!important;
    padding:3px!important;
    border:1px solid #243b18!important;
    border-radius:999px!important;
    background:#fffdf8!important;
    box-shadow:none!important;
  }
  body:is(.type-detail,.type-category) #header #formSearchForm input.search-input{
    height:38px!important;
    padding:0 14px!important;
    border:0!important;
    border-radius:999px!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body:is(.type-detail,.type-category) #header #formSearchForm .search-button,
  body:is(.type-detail,.type-category) #header #formSearchForm .search-button:hover,
  body:is(.type-detail,.type-category) #header #formSearchForm .search-button:active,
  body:is(.type-detail,.type-category) #header #formSearchForm .search-button:focus{
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    margin:0!important;
    border:0!important;
    border-radius:50%!important;
    background:#243b18!important;
    color:#fffdf8!important;
  }

  /* The widget itself remains transparent; only this group is the search
     field.  That removes the rectangular white patch around the oval. */
  body:is(.type-detail,.type-category) #header .user-action-search,
  body:is(.type-detail,.type-category) #header .user-action-search .search-form,
  body:is(.type-detail,.type-category) #header .user-action-search .search-form fieldset{
    background:transparent!important;
    box-shadow:none!important;
  }
}

/* Do not draw a decorative backdrop beyond the menu's gold edge. */
@media(min-width:1024px){
  #header::before{
    display:none!important;
    content:none!important;
  }
}

/* Product detail is intentionally without decorative rules between the
   short description, price, availability and action controls. */
@media(min-width:1024px){
  body.type-detail .p-data-wrapper > *,
  body.type-detail #product-detail-form,
  body.type-detail #product-detail-form > *,
  body.type-detail .p-short-description,
  body.type-detail .p-price-wrapper,
  body.type-detail .detail-parameters,
  body.type-detail .social-buttons-wrapper{
    border-top:0!important;
    border-bottom:0!important;
    box-shadow:none!important;
  }
  body.type-detail .p-short-description::before,
  body.type-detail .p-short-description::after,
  body.type-detail .p-price-wrapper::before,
  body.type-detail .p-price-wrapper::after,
  body.type-detail .social-buttons-wrapper::before,
  body.type-detail .social-buttons-wrapper::after{
    display:none!important;
    content:none!important;
  }
}

/* Search results use the same catalog system as category pages: a compact
   four-card desktop grid, warm canvas and photo-led product cards. */
body.type-search{background:#f4f0e5!important}
body.type-search #content-wrapper{background:#f4f0e5!important}
/* Shoptet's fallback bitmap includes a coloured canvas.  Replace only that
   bitmap with the same neutral camera placeholder used by catalog cards. */
body.type-search #products .p>.image:has(img[src*="missing_images"]){position:relative!important;display:grid!important;place-items:center!important;background:#fff!important}
body.type-search #products .p>.image:has(img[src*="missing_images"]) img{opacity:0!important}
body.type-search #products .p>.image:has(img[src*="missing_images"])::before{position:absolute;content:"";width:clamp(58px,28%,96px);aspect-ratio:1.45;border:5px solid #e4e4e4;border-radius:2px;background:radial-gradient(circle at center,#fff 0 18%,#e4e4e4 19% 27%,#fff 28%)}
body.type-search #products .p>.image:has(img[src*="missing_images"])::after{position:absolute;top:calc(50% - clamp(31px,9%,43px));left:50%;width:clamp(16px,6%,24px);height:clamp(6px,2%,8px);border:5px solid #e4e4e4;border-bottom:0;border-radius:2px 2px 0 0;content:"";transform:translateX(-50%)}
@media(min-width:1024px){
  body.type-search .breadcrumbs{background:#f4f0e5!important;color:#342817!important;border-bottom:0!important}
  body.type-search .breadcrumbs a{color:#243b18!important}
  body.type-search .breadcrumbs .navigation-bullet{color:rgba(52,40,23,.45)!important}
  body.type-search #header #formSearchForm .search-form-input-group{display:flex!important;align-items:center!important;height:46px!important;padding:3px!important;border:1px solid #243b18!important;border-radius:999px!important;background:#fffdf8!important;box-shadow:none!important}
  body.type-search #header #formSearchForm input.search-input{height:38px!important;padding:0 14px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#342817!important;caret-color:#243b18!important;box-shadow:none!important}
  body.type-search #header #formSearchForm input.search-input::placeholder{color:rgba(52,40,23,.62)!important;opacity:1!important}
  body.type-search #header #formSearchForm .search-button,body.type-search #header #formSearchForm .search-button:hover,body.type-search #header #formSearchForm .search-button:active,body.type-search #header #formSearchForm .search-button:focus{width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;margin:0!important;border:0!important;border-radius:50%!important;background:#243b18!important;color:#fffdf8!important}
  body.type-search #header .user-action-search,body.type-search #header .user-action-search .search-form,body.type-search #header .user-action-search .search-form fieldset{background:transparent!important;box-shadow:none!important}
  body.type-search #content.narrow{width:calc(100% - 96px)!important;max-width:1520px!important;margin-inline:auto!important;padding:0 0 64px!important}
  body.type-search #content>h2{margin:0;padding:30px 0 24px!important;border-bottom:0!important;color:#342817!important;font-family:var(--mn-serif)!important;font-size:clamp(34px,3vw,48px)!important;font-weight:500!important;line-height:1.08!important;text-align:center!important}
  body.type-search #content>h2 .highlight{color:#243b18!important}
  body.type-search #products-found{margin:0!important}
  body.type-search #products.products-block{display:grid!important;width:100%!important;max-width:none!important;margin:0!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important}
  body.type-search #products.products-block>.product{width:auto!important;margin:0!important;padding:16px!important}
  body.type-search #products.products-block .p{display:flex!important;flex-direction:column!important;height:430px!important;min-height:430px!important;border:1px solid rgba(36,59,24,.16)!important;border-radius:14px!important;background:#fffdf8!important;box-shadow:none!important;overflow:hidden!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}
  body.type-search #products.products-block .p:hover{border-color:rgba(166,145,45,.65)!important;box-shadow:0 12px 26px rgba(52,40,23,.12)!important;transform:translateY(-3px)!important}
  body.type-search #products.products-block .p>.image{height:220px!important;max-height:220px!important;padding:0!important;background:#fff!important}
  body.type-search #products.products-block .p>.image img{width:100%!important;height:100%!important;object-fit:contain!important;mix-blend-mode:normal!important}
  body.type-search #products.products-block .p-in{display:flex!important;flex:1!important;flex-direction:column!important;align-items:normal!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important}
  body.type-search #products.products-block .p-in-in{display:block!important;flex:0 0 auto!important;width:100%!important;height:auto!important;padding:10px 12px 0!important}
  body.type-search #products.products-block .p .name{display:block!important;height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;overflow:hidden!important;color:#243b18!important;font-family:var(--mn-serif)!important;font-size:18px!important;font-weight:600!important;line-height:1.15!important;text-align:center!important}
  body.type-search #products.products-block .p-bottom{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;margin:0!important;padding:5px 12px 12px!important;background:#fffdf8!important}
  body.type-search #products.products-block .p-bottom>[data-micro="offer"]{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-height:0!important}
  body.type-search #products.products-block .p .p-code,body.type-search #products.products-block .p .p-desc{display:none!important}
  body.type-search #products.products-block .prices{display:block!important;width:100%!important;margin:43px 0 0!important;padding:0!important;text-align:center!important}
  body.type-search #products.products-block .price-final strong{color:#243b18!important;font-family:var(--mn-sans)!important;font-size:22px!important;font-weight:850!important}
  body.type-search #products.products-block .price-measure{display:none!important}
  body.type-search #products.products-block .ratings-wrapper{display:none!important}
  body.type-search #products.products-block .availability{margin:4px 0 0!important;color:#243b18!important;font-size:11px!important;font-weight:800!important;line-height:1.2!important;text-align:center!important;white-space:nowrap!important}
  body.type-search #products.products-block .availability span{margin:0!important;color:#243b18!important;font-size:12px!important;font-weight:800!important;line-height:1.2!important;text-align:center!important;white-space:nowrap!important}
  body.type-search #products.products-block .p-tools{width:100%!important;margin:8px 0 0!important;padding:0!important}
  body.type-search #products.products-block .p-tools a.btn.btn-primary{display:flex!important;width:100%!important;min-height:44px!important;height:44px!important;margin:0!important;padding:0 8px!important;border-radius:8px!important;align-items:center!important;justify-content:center!important}
  body.type-search #products.products-block .p-tools a.btn.btn-primary:hover,body.type-search #products.products-block .p-tools a.btn.btn-primary:focus{border-color:#77862f!important;background:#243b18!important;color:#fffdf8!important;box-shadow:0 8px 20px rgba(36,59,24,.22)!important;transform:none!important}

  /* Long product titles retain the hierarchy but fit the available detail
     column on a single line at the standard desktop canvas. */
  body.type-detail .p-detail .p-detail-inner-header h1{max-width:none!important;font-size:36px!important;line-height:1.1!important}

  /* Wider native result and cart popups keep product names readable in one
     line without changing their Shoptet markup or behaviour. */
  #header .searchWhisperer,#header .user-action-cart{width:min(720px,calc(100vw - 32px))!important;max-width:min(720px,calc(100vw - 32px))!important}
  #header .searchWhisperer .searchWhisperer__product{display:grid!important;grid-template-columns:64px minmax(0,1fr) auto 100px!important;align-items:center!important;column-gap:14px!important}
  #header .searchWhisperer .searchWhisperer__product__infoWrapper{min-width:0!important}
  #header .searchWhisperer .searchWhisperer__product__name,#header .searchWhisperer .searchWhisperer__product__availability,#header .searchWhisperer .searchWhisperer__product__availability .availability-label,#header .searchWhisperer .searchWhisperer__product__price,#header .user-action-cart .name{display:block!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}
  #header .searchWhisperer .searchWhisperer__product__availability .availability-label{color:#243b18!important}
}
@media(min-width:768px) and (max-width:1023px){
  body.type-search{background:#f4f0e5!important}
  body.type-search #content-wrapper{background:transparent!important}
  body.type-search #products.products-block{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
  body.type-search #products.products-block>.product{width:auto!important;margin:0!important}
  body.type-search #products.products-block .p{display:flex!important;flex-direction:column!important;height:410px!important;min-height:410px!important;border:1px solid rgba(36,59,24,.16)!important;border-radius:14px!important;background:#fffdf8!important;overflow:hidden!important}
  body.type-search #products.products-block .p>.image{height:208px!important;max-height:208px!important;padding:10px!important;background:#fff!important}
  body.type-search #products.products-block .p>.image img{width:100%!important;height:100%!important;object-fit:contain!important;mix-blend-mode:normal!important}
  body.type-search #products.products-block .p-in{display:flex!important;flex:1!important;flex-direction:column!important;min-height:0!important;padding:12px 14px 0!important;border:0!important;background:transparent!important}
  body.type-search #products.products-block .p-in-in{padding:0!important}
  body.type-search #products.products-block .p .name{display:-webkit-box!important;height:58px!important;overflow:hidden!important;color:#243b18!important;font-family:var(--mn-serif)!important;font-size:17px!important;line-height:1.2!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important}
  body.type-search #products.products-block .p-bottom{margin-top:auto!important;padding:8px 0 14px!important}
  body.type-search #products.products-block .p .p-desc,body.type-search #products.products-block .price-measure{display:none!important}
  body.type-search #products.products-block .p-tools .btn{width:100%!important;min-height:40px!important;border-radius:8px!important}
}
@media(max-width:767px){
  body.type-search{background:#f4f0e5!important}
  body.type-search #content.narrow{padding:0 16px 36px!important}
  body.type-search #content>h2{margin:0;padding:22px 0!important;color:#342817!important;font-family:var(--mn-serif)!important;font-size:32px!important;line-height:1.12!important}
  body.type-search #products.products-block{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  body.type-search #products.products-block>.product{width:auto!important;margin:0!important}
  body.type-search #products.products-block .p{display:flex!important;flex-direction:column!important;height:342px!important;min-height:342px!important;border:1px solid rgba(36,59,24,.16)!important;border-radius:12px!important;background:#fffdf8!important;overflow:hidden!important}
  body.type-search #products.products-block .p>.image{height:128px!important;max-height:128px!important;padding:8px!important;background:#fff!important}
  body.type-search #products.products-block .p>.image img{width:100%!important;height:100%!important;object-fit:contain!important;mix-blend-mode:normal!important}
  body.type-search #products.products-block .p-in{display:flex!important;flex:1!important;flex-direction:column!important;min-height:0!important;padding:10px 10px 0!important;border:0!important;background:transparent!important}
  body.type-search #products.products-block .p-in-in{padding:0!important}
  body.type-search #products.products-block .p .name{display:-webkit-box!important;height:52px!important;overflow:hidden!important;color:#243b18!important;font-family:var(--mn-serif)!important;font-size:15px!important;line-height:1.16!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important}
  body.type-search #products.products-block .p-bottom{margin-top:auto!important;padding:6px 0 10px!important}
  body.type-search #products.products-block .p-code,body.type-search #products.products-block .p .p-desc,body.type-search #products.products-block .price-measure{display:none!important}
  body.type-search #products.products-block .price-final strong{font-size:18px!important}
  body.type-search #products.products-block .availability,body.type-search #products.products-block .availability span{font-size:10px!important;line-height:1.15!important;text-align:center!important}
  body.type-search #products.products-block .p-tools .btn{width:100%!important;min-height:38px!important;padding-inline:8px!important;border-radius:8px!important;font-size:11px!important}
}

/* Native Shoptet search, presented as one compact Mimix product panel. */
body:has(#header .searchWhisperer.active)::before{position:fixed;z-index:90;inset:0;background:rgba(25,28,10,.24);content:"";pointer-events:none}
#header .mimix-search-panel{z-index:140!important;background:#fffdf8!important}
#header .mimix-search-panel .mimix-search-categories,
#header .mimix-search-panel .searchWhisperer__buttonWrapper,
#header .mimix-search-panel .searchWhisperer__products__heading{display:none!important}
#header .mimix-search-panel .searchWhisperer__products{margin:0!important;padding:0!important;background:#fffdf8!important}
#header .mimix-search-panel .mimix-search-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;margin:0!important;padding:0 0 14px!important;border-bottom:1px solid #e5e2d9!important}
#header .mimix-search-panel .mimix-search-header__title{color:#203819!important;font-family:var(--mn-serif)!important;font-size:20px!important;font-weight:700!important;line-height:1.2!important}
#header .mimix-search-panel .mimix-search-header__all{color:#b18b40!important;font-size:13px!important;font-weight:800!important;line-height:1.3!important;text-align:right!important;text-decoration:none!important;transition:color .18s ease!important}
#header .mimix-search-panel .mimix-search-header__all:hover,
#header .mimix-search-panel .mimix-search-header__all:focus-visible{color:#203819!important;text-decoration:underline!important;text-underline-offset:3px!important}
#header .mimix-search-panel .searchWhisperer__products__list{display:block!important;max-height:calc(100vh - 230px)!important;margin:0!important;padding:0!important;overflow-y:auto!important;background:#fffdf8!important;list-style:none!important}
#header .mimix-search-panel .searchWhisperer__products__listItem{display:block!important;margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid #e5e2d9!important;background:transparent!important;box-shadow:none!important}
#header .mimix-search-panel .searchWhisperer__products__listItem:nth-child(n+7){display:none!important}
#header .mimix-search-panel .searchWhisperer__product{display:grid!important;grid-template-columns:80px minmax(0,1fr) max-content 20px!important;column-gap:24px!important;align-items:center!important;min-height:96px!important;padding:12px 0!important;color:#282820!important;text-decoration:none!important;transition:background-color .18s ease!important}
#header .mimix-search-panel .searchWhisperer__product:hover{background:#f5f1e7!important}
#header .mimix-search-panel .searchWhisperer__product:focus-visible{outline:2px solid #b18b40!important;outline-offset:-2px!important;background:#f5f1e7!important}
#header .mimix-search-panel .searchWhisperer__product__image{display:grid!important;width:80px!important;height:80px!important;place-items:center!important;overflow:hidden!important;border-radius:10px!important;background:#f5f1e7!important}
#header .mimix-search-panel .searchWhisperer__product__image img{width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;mix-blend-mode:normal!important}
#header .mimix-search-panel .searchWhisperer__product__infoWrapper{display:grid!important;min-width:0!important;gap:5px!important}
#header .mimix-search-panel .searchWhisperer__product__name{display:-webkit-box!important;overflow:hidden!important;color:#203819!important;font-size:17px!important;font-weight:750!important;line-height:1.24!important;text-overflow:ellipsis!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
#header .mimix-search-panel .searchWhisperer__product__availability{display:flex!important;align-items:center!important;gap:6px!important;overflow:hidden!important;color:#777!important;font-size:12px!important;line-height:1.3!important;white-space:nowrap!important}
#header .mimix-search-panel .searchWhisperer__product__availability::before{width:7px!important;height:7px!important;flex:0 0 7px!important;border-radius:50%!important;background:currentColor!important;content:""!important}
#header .mimix-search-panel .searchWhisperer__product__availability .availability-label{overflow:hidden!important;color:inherit!important;text-overflow:ellipsis!important}
#header .mimix-search-panel .searchWhisperer__product__price{min-width:78px!important;color:#203819!important;font-size:21px!important;font-weight:850!important;line-height:1.15!important;text-align:right!important;white-space:nowrap!important}
#header .mimix-search-panel .searchWhisperer__product__cart{display:none!important}
#header .mimix-search-panel .searchWhisperer__product::after{color:#203819!important;font-size:22px!important;font-weight:500!important;line-height:1!important;content:"›"!important;transition:color .18s ease,transform .18s ease!important}
#header .mimix-search-panel .searchWhisperer__product:hover::after,
#header .mimix-search-panel .searchWhisperer__product:focus-visible::after{color:#b18b40!important;transform:translateX(3px)!important}

@media(min-width:1101px){
  #header .user-action-search:has(.mimix-search-panel.active){z-index:141!important}
  #header .user-action-search .mimix-search-panel{position:absolute!important;top:calc(100% + 10px)!important;right:0!important;left:auto!important;width:min(840px,calc(100vw - 32px))!important;max-width:min(840px,calc(100vw - 32px))!important;margin:0!important;padding:24px!important;border:1px solid rgba(32,56,25,.16)!important;border-radius:16px!important;box-shadow:0 18px 44px rgba(25,28,10,.2)!important;overflow:hidden!important}
}
@media(min-width:768px) and (max-width:1100px){
  #header .mimix-search-panel{padding:20px!important;border-radius:14px!important}
  #header .mimix-search-panel .searchWhisperer__product{grid-template-columns:64px minmax(0,1fr) max-content 18px!important;column-gap:18px!important;min-height:84px!important}
  #header .mimix-search-panel .searchWhisperer__product__image{width:64px!important;height:64px!important}
  #header .mimix-search-panel .searchWhisperer__product__name{font-size:16px!important}
  #header .mimix-search-panel .searchWhisperer__product__price{min-width:68px!important;font-size:18px!important}
}
@media(max-width:767px){
  body:has(#header .searchWhisperer.active)::before{display:none!important}
  #header .mimix-search-panel{margin-top:10px!important;padding:16px!important;border:1px solid rgba(32,56,25,.16)!important;border-radius:12px!important;box-shadow:0 12px 28px rgba(25,28,10,.16)!important}
  #header .user-action-search .mimix-search-panel .searchWhisperer__products__listItem{margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid #e5e2d9!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  #header .mimix-search-panel .mimix-search-header{gap:12px!important;padding-bottom:11px!important}
  #header .mimix-search-panel .mimix-search-header__title{font-size:18px!important}
  #header .mimix-search-panel .mimix-search-header__all{font-size:12px!important}
  #header .mimix-search-panel .searchWhisperer__products__list{max-height:calc(100vh - 190px)!important}
  #header .mimix-search-panel .searchWhisperer__products__listItem:nth-child(n+6){display:none!important}
  #header .mimix-search-panel .searchWhisperer__product{grid-template-columns:56px minmax(0,1fr) max-content 15px!important;column-gap:10px!important;min-height:72px!important;padding:8px 0!important}
  #header .mimix-search-panel .searchWhisperer__product__image{width:56px!important;height:56px!important;border-radius:8px!important}
  #header .mimix-search-panel .searchWhisperer__product__name{font-size:14px!important;line-height:1.2!important}
  #header .mimix-search-panel .searchWhisperer__product__availability{font-size:11px!important}
  #header .mimix-search-panel .searchWhisperer__product__price{min-width:54px!important;font-size:15px!important}
  #header .mimix-search-panel .searchWhisperer__product::after{font-size:18px!important}
}