/* Moravský hrozen – vlastní design (Claude, od 2026-10-25, projekt-madl/82). Zdroj pravdy: tento soubor; na web se nahrává do Správce souborů a odkazuje z HTML kódů → záhlaví. */
.btn,a.btn,button.btn{border-radius:10px!important}
.btn-conversion,.btn-cart,.add-to-cart-button,.btn-primary{color:#fff!important;font-weight:700}
.btn-conversion:hover,.btn-cart:hover,.add-to-cart-button:hover{filter:brightness(.93)}
.btn-conversion{box-shadow:0 6px 16px rgba(142,59,103,.25)}
.form-control,select.form-control,textarea.form-control{border-radius:10px!important;border-color:#dccdd5!important}
.form-control:focus{border-color:#8e3b67!important;box-shadow:0 0 0 3px rgba(142,59,103,.12)!important;outline:0}
.quantity{border-radius:10px;overflow:hidden}
.flag{border-radius:6px!important;padding:3px 8px!important;letter-spacing:.3px}
.search-form .query-input{background:#f6f1f4!important;border:1px solid transparent!important;border-radius:999px!important}
.search-form .query-input:focus{background:#fff!important;border-color:#dccdd5!important}
#products .product .p,.products-block .product .p{background:#fff;border:1px solid #efe6eb;border-radius:16px;padding:16px 14px 18px;transition:box-shadow .2s,transform .2s;height:100%}
#products .product .p:hover,.products-block .product .p:hover{box-shadow:0 12px 28px rgba(60,20,40,.09);transform:translateY(-2px)}
#products .p .name,.products-block .p .name{color:#2b2427;font-weight:600}
#products .p .price-final strong,.products-block .p .price-final strong{font-size:20px;color:#1f1a1c}
#products .p .price-additional,.products-block .p .price-additional{color:#9a8f95;font-size:12px}
#products .p .p-desc,.products-block .p .p-desc{color:#6b6266;font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#products .p .p-tools .quantity,.products-block .p .p-tools .quantity{border:1px solid #e2d5dc;border-radius:10px 0 0 10px}
#products .p .p-tools .add-to-cart-button,.products-block .p .p-tools .add-to-cart-button{border-radius:0 10px 10px 0!important}
.filters-wrapper{border-radius:14px!important;border-color:#eedde6!important}
.extended-description{background:#fbf6f9;border:1px solid #eedde6;border-radius:16px;padding:20px 22px}
.extended-description>p:first-child{margin:0 0 8px}
.extended-description>p:first-child strong{font-size:18px;color:#2b2427}
.detail-parameters{width:100%;border-collapse:collapse}
.detail-parameters tr+tr th,.detail-parameters tr+tr td{border-top:1px solid #eedde6}
.detail-parameters th,.detail-parameters td{padding:8px 0!important;vertical-align:middle;background:none!important}
.detail-parameters th{color:#7a6f75;font-weight:400;padding-right:12px!important;width:45%}
.detail-parameters th .row-header-label{background:none!important}
.detail-parameters th:after,.detail-parameters th .row-header-label:after{display:none!important}
.detail-parameters .row-header-label-colon{display:none}
.detail-parameters td{color:#2b2427;font-weight:600}
.detail-parameters td:has(a){font-size:0}
.detail-parameters td a{font-size:15px;display:inline-block;margin:2px 6px 2px 0;padding:3px 11px;border:1px solid #e3cfda;border-radius:999px;background:#fff;color:#8e3b67;text-decoration:none!important;font-weight:600;line-height:1.4}
.detail-parameters td a:hover{background:#8e3b67;color:#fff;border-color:#8e3b67}
.extra.delivery .price-range{height:8px;border:0!important;border-radius:99px;background:#eadfe5!important;overflow:hidden}
.extra.delivery .price-range>div{height:100%;border-radius:99px;background:linear-gradient(90deg,#8e3b67,#b45a8a)!important}
.shipping-billing-table .radio-wrapper{border:1px solid #eadfe5!important;border-radius:12px;margin:0 0 8px;padding:4px 8px;background:#fff;transition:border-color .15s,box-shadow .15s}
.shipping-billing-table .radio-wrapper:hover{border-color:#d7bccb!important}
.shipping-billing-table .radio-wrapper.active,.shipping-billing-table .radio-wrapper:has(input:checked){border-color:#8e3b67!important;box-shadow:0 0 0 3px rgba(142,59,103,.10);background:#fdf9fb}
.next-step-forward,.next-step-finish{min-width:220px}

/* Opravy mobil + filtr (2026-10-25) */
.btn-primary{background:#8e3b67!important;border-color:#8e3b67!important}
#products .p a.name,.products-block .p a.name{text-decoration:none!important}
@media(max-width:767px){.product-slider .products-block .product .p{margin:0 24px}}
.unveil-button[data-unveil=filters]{background:#fbf6f9!important;border:1px solid #e3cfda!important;border-radius:12px!important;color:#8e3b67!important;font-weight:700}
@media(max-width:767px){#filters.visible{background:#fbf6f9;border:1px solid #eedde6;border-radius:16px;padding:14px 14px 6px;margin-top:10px}#filters .filter-sections{background:transparent!important}}
#filters input[type=checkbox]{accent-color:#8e3b67}
#filters .filter-section+.filter-section{border-top:1px solid #eedde6!important}
#filters .filter-section h4{padding-top:12px!important;padding-bottom:12px!important;font-size:16px}
#filters .filter-count{border-radius:99px;background:#f1e7ec;color:#7a6f75;font-size:11px;padding:1px 7px}
#filters .filter-section-boolean fieldset>div{display:inline-block;margin:0 6px 8px 0}
#filters .filter-section-boolean input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}
#filters .filter-section-boolean .filter-label{display:inline-flex;align-items:center;gap:6px;padding:6px 12px!important;border:1px solid #e3cfda;border-radius:999px;background:#fff;cursor:pointer;font-size:14px;margin:0}
#filters .filter-section-boolean .filter-label:before,#filters .filter-section-boolean .filter-label:after{display:none!important}
#filters .filter-section-boolean input:checked+.filter-label{background:#8e3b67;color:#fff;border-color:#8e3b67}
#filters .filter-section-boolean input:checked+.filter-label .filter-count{background:rgba(255,255,255,.25);color:#fff}

/* Řazení */
.listSorting .sortingToggle{width:100%;background:#fff!important;border:1px solid #e3cfda!important;border-radius:12px!important;padding-top:11px!important;padding-bottom:11px!important;color:#2b2427!important;font-weight:400;text-align:left}
.listSorting .sortingToggle__label{color:#7a6f75}
.listSorting .sortingToggle__value{color:#8e3b67;font-weight:700}
.listSorting__controls{border:1px solid #eedde6!important;border-radius:14px!important;box-shadow:0 14px 32px rgba(60,20,40,.14)!important;padding:6px!important;background:#fff!important}
.listSorting__control{border-radius:10px!important;padding:10px 12px!important;text-align:left}
.listSorting__control:hover{background:#fbf6f9!important}
.listSorting__control--current{background:#f6edf2!important;color:#8e3b67!important;font-weight:700}
@media(min-width:768px){.listSorting .sortingToggle{width:auto;padding:8px 34px 8px 34px!important}.listSorting .sortingToggle .icon-sort{left:10px!important}}

/* === UX vylepšení 2 (2026-10-25) === */
/* 1) Mobil: 2 vína vedle sebe ve výpisu */
@media(max-width:767px){
#products.products-block{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-left:0!important;margin-right:0!important}
#products.products-block>.product{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;margin:0!important}
#products .product .p{padding:10px 10px 12px!important}
#products .p .image img{max-height:170px;width:auto}
#products .p .name{font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#products .p .p-desc,#products .p .price-additional{display:none!important}
#products .p .availability{font-size:12px}
#products .p .price-final strong{font-size:17px}
#products .flags .flag{font-size:10px!important;padding:2px 6px!important}
}
/* 1+8) Bez počtu kusů v kartách (mobil všude, karusely i na PC) – tlačítko přes celou šířku */
@media(max-width:767px){#products .p .p-tools .quantity,.products-block .p .p-tools .quantity{display:none!important}#products .p .p-tools .add-to-cart-button,.products-block .p .p-tools .add-to-cart-button{width:100%;border-radius:10px!important;padding:10px 6px!important;font-size:14px}}
.product-slider .p .p-tools .quantity{display:none!important}
.product-slider .p .p-tools .add-to-cart-button{width:100%;max-width:240px;border-radius:10px!important}
/* 3) Mobil: podkategorie (země) jako posuvná řada štítků */
@media(max-width:767px){
.category-top .subcategories{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:8px;margin:4px 0 14px!important;padding:2px 0 8px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.category-top .subcategories::-webkit-scrollbar{display:none}
.category-top .subcategories>li{flex:0 0 auto!important;width:auto!important;max-width:none!important;padding:0!important;margin:0!important}
.category-top .subcategories>li>a{display:inline-flex!important;align-items:center;min-height:0!important;height:auto!important;padding:8px 14px!important;border:1px solid #e3cfda!important;border-radius:999px!important;background:#fff!important;font-size:14px!important;white-space:nowrap;text-decoration:none!important}
.category-top .subcategories>li>a img,.category-top .subcategories .image{display:none!important}
}
/* 5) Mobil: menší nadpis produktu */
@media(max-width:767px){body .p-detail-inner-header h1{font-size:24px!important;line-height:1.25!important}}
/* 6) Nejprodávanější jako karty */
.products-top-wrapper .product .p{display:flex!important;align-items:center;gap:12px;border:1px solid #efe6eb;border-radius:14px;padding:10px 12px!important;background:#fff;height:100%}
.products-top-wrapper .p .image{flex:0 0 auto}
.products-top-wrapper .p .image img{max-height:90px;width:auto}
.products-top-wrapper .p .name{color:#2b2427!important;font-weight:600;font-size:14px;line-height:1.3;text-decoration:none!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.products-top-wrapper .p .price-final strong,.products-top-wrapper .p .price{color:#1f1a1c;font-weight:700}
/* 4) Klíčové parametry u ceny */
.mh-facts{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}
.mh-fact{background:#f6eef2;border-radius:999px;padding:4px 11px;font-size:13px;color:#6b6266;line-height:1.4}
.mh-fact b{color:#2b2427;font-weight:600}
/* 2) Plovoucí lišta Do košíku (mobil) */
.mh-sticky{position:fixed;left:0;right:0;bottom:0;z-index:999;display:flex;align-items:center;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #eedde6;box-shadow:0 -6px 20px rgba(0,0,0,.08);transform:translateY(110%);transition:transform .25s}
.mh-sticky.on{transform:none}
.mh-sticky-price{font-weight:700;font-size:20px;color:#1f1a1c;white-space:nowrap}
.mh-sticky .mh-sticky-btn{flex:1;height:48px;border-radius:12px!important}
@media(min-width:768px){.mh-sticky{display:none!important}}
body.mh-sticky-on{padding-bottom:72px}

/* 7) Menší tlačítko Nahoru, nad plovoucí lištou */
#return-to-top{width:42px!important;height:42px!important;opacity:.85;transition:bottom .25s}
body.mh-sticky-on #return-to-top{bottom:86px!important}

/* === Patička (2026-10-25) === */
#footer{background:#2f2229!important;color:#e9dde3}
#footer .footer-rows{padding-top:48px;padding-bottom:28px}
#footer .pageElement__heading,#footer h3,#footer h4{color:#fff!important;font-size:18px!important;margin-bottom:14px!important}
#footer a{color:#f2c9dc!important;text-decoration:none!important}
#footer a:hover{color:#fff!important;text-decoration:underline!important}
#footer .contact-box strong{color:#fff}
#footer .contact-box li{margin:6px 0}
#footer .custom-footer__articles li{margin:6px 0}
#footer .custom-footer__onlinePayments img{background:#fff;border-radius:10px;padding:8px 12px;box-sizing:content-box}
#footer .custom-footer__onlinePayments p{text-align:left!important}
#footer .custom-footer__newsletter p{color:#d8c8d0}
#footer .subscribe-form .form-control{background:#fff!important}
#footer .subscribe-form h4,#footer .subscribe-form .h4,#footer .captcha-heading,#footer .subscribe-form legend{font-size:15px!important;color:#e9dde3!important;font-weight:600}
#footer .subscribe-form img{border-radius:8px}
#footer .subscribe-form .btn-primary,#footer .subscribe-form button{background:#fff!important;color:#8e3b67!important;border-color:#fff!important}
#footer .subscribe-form .btn-primary:hover,#footer .subscribe-form button:hover{background:#f6e7ee!important}
#footer .subscribe-form a{color:#f2c9dc!important}
#footer svg path,#footer svg{stroke:#f2c9dc}
.footer-bottom,#footer .footer-bottom{background:#261b21!important;color:#bfaeb6!important}
.footer-bottom a{color:#f2c9dc!important}

/* === Záložka Značka na produktu === */
#manufacturerDescription{max-width:820px}
#manufacturerDescription.mh-clamp .mh-brand-body{max-height:240px;overflow:hidden;position:relative}
#manufacturerDescription.mh-clamp .mh-brand-body:after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(rgba(255,255,255,0),#fff)}
.mh-brand-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.mh-brand-more{background:#fff;border:1.5px solid #8e3b67;color:#8e3b67;border-radius:999px;padding:8px 16px;font-weight:700;cursor:pointer}
.mh-brand-all{display:inline-flex;align-items:center;background:#8e3b67;color:#fff!important;border-radius:999px;padding:8px 16px;font-weight:700;text-decoration:none!important}
#manufacturerDescription ul{padding-left:0;list-style:none}
#manufacturerDescription ul li{position:relative;padding-left:22px;margin:8px 0}
#manufacturerDescription ul li:before{content:"";position:absolute;left:4px;top:.6em;width:8px;height:8px;border-radius:50%;background:#c58aa7}
#footer fieldset.box{background:transparent!important;border:0!important;padding:0!important;margin:10px 0 0!important}
#footer fieldset.box h2{font-size:15px!important;color:#e9dde3!important;font-weight:600;margin:0 0 8px!important}
#footer .smart-label-wrapper label,#footer .smart-label-wrapper label span{color:#7a6f75!important}

/* === Blog (2026-10-25) === */
/* === Blog – přehled === */
.news-wrapper{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}
.news-wrapper .news-item{background:#fff;border:1px solid #efe6eb;border-radius:16px;padding:22px 22px 20px!important;margin:0!important;width:auto!important;max-width:none!important;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.news-wrapper .news-item:hover{box-shadow:0 12px 28px rgba(60,20,40,.09);transform:translateY(-2px)}
.news-wrapper .news-item>h2{font-size:21px!important;line-height:1.3!important;margin:0 0 6px!important}
.news-wrapper .news-item>h2 a{color:#2b2427!important;text-decoration:none!important}
.news-wrapper .news-item>h2 a:hover{color:#8e3b67!important}
.news-wrapper .news-item time{font-size:13px;color:#9a8f95;margin-bottom:10px;display:block}
.news-wrapper .news-item{padding:0 0 20px!important;overflow:hidden}
.news-wrapper .news-item>h2,.news-wrapper .news-item>time,.news-wrapper .news-item .description,.news-wrapper .news-item .mh-read{margin-left:22px!important;margin-right:22px!important}
.mh-card-img{display:block;height:190px;margin:0 0 18px;background:#f6eef2;overflow:hidden}
.mh-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.news-item:hover .mh-card-img img{transform:scale(1.04)}
.mh-card-ph{background:linear-gradient(135deg,#f6eef2,#ead7e1) center/cover}
.mh-card-ph:after{content:"";display:block;height:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 24 24' fill='none' stroke='%23b48aa0' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 22h8M12 15v7M7 3h10l-1 7a4 4 0 0 1-8 0z'/%3E%3C/svg%3E") center/56px no-repeat}
.news-wrapper .news-item .description{color:#5b5257}
.news-wrapper .news-item .description p{margin:0;font-weight:400!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mh-read{margin-top:auto;padding-top:14px;font-weight:700;color:#8e3b67!important;text-decoration:none!important}
/* === Blog – článek === */
.news-item-detail{max-width:780px;margin-left:auto!important;margin-right:auto!important}
.news-item-detail>p:first-of-type{font-size:18px;line-height:1.65;color:#2b2427}
.news-item-detail h2{margin-top:36px!important;padding-top:4px}
.news-item-detail table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #eedde6;border-radius:12px;overflow:hidden;margin:16px 0 24px;font-size:15px}
.news-item-detail th{background:#f6eef2;color:#2b2427;text-align:left!important;padding:10px 12px!important}
.news-item-detail td{padding:10px 12px!important;border-top:1px solid #eedde6;vertical-align:top}
.news-item-detail tr:nth-child(even) td{background:#fcf8fa}
@media(max-width:767px){.news-item-detail table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:normal}.news-item-detail th,.news-item-detail td{min-width:140px}
body.in-blog h1,.type-article h1,.news-item-detail h1{font-size:26px!important;line-height:1.25!important}}
.mh-meta{display:inline-flex;gap:8px;align-items:center;font-size:13px;color:#9a8f95;margin:0 0 14px}
.mh-meta span{background:#f6eef2;color:#7a6f75;border-radius:999px;padding:2px 10px}
.mh-toc{background:#fbf6f9;border:1px solid #eedde6;border-radius:14px;padding:16px 20px;margin:18px 0 26px}
.mh-toc strong{display:block;margin-bottom:8px;color:#2b2427}
.mh-toc ol{margin:0;padding-left:20px}
.mh-toc li{margin:4px 0}
.mh-toc a{color:#8e3b67!important;text-decoration:none!important}
.mh-toc a:hover{text-decoration:underline!important}
.mh-blog-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:#2f2229;color:#fff;border-radius:16px;padding:20px 22px;margin:34px 0 10px}
.mh-blog-cta p{margin:0;color:#f3e6ec;font-size:16px}
.mh-blog-cta a{background:#fff;color:#8e3b67!important;border-radius:999px;padding:10px 18px;font-weight:700;text-decoration:none!important;white-space:nowrap}

/* Mezera pod rámečkem karton/doprava před záložkami */
#mh-carton.mh2{margin-bottom:36px!important}

/* Blog: předchozí/další článek – čitelná tlačítka, výzva bez velké mezery */
.next-prev .btn{background:#fff!important;color:#8e3b67!important;border:1.5px solid #8e3b67!important;border-radius:999px!important;font-weight:700;padding:10px 20px!important;margin:4px!important}
.next-prev .btn:hover{background:#8e3b67!important;color:#fff!important}
.mh-blog-cta>p{margin:0!important}
.mh-blog-cta{margin:34px 0 24px!important}
