/* === VJ jednotný styl C – návrh === */
:root{--vj-grad:linear-gradient(120deg,#ff8547 0%,#fe5115 45%,#fe4100 100%);--vj-sh:0 3px 8px rgba(254,65,0,.30)}
/* 1) hlavní nákupní a akční tlačítka */
html body:not(#vjx) .add-to-cart-button,
html body:not(#vjx) .extended-banner-link,
html body:not(#vjx) .vj-add,
html body:not(#vjx) .pd-openall,
html body:not(#vjx) .responsive-tools a.toggle-window[data-target="search"],
html body:not(#vjx) .vjcard a[href="/hodnoceni/"]{background:var(--vj-grad)!important;border:0!important;border-radius:999px!important;box-shadow:var(--vj-sh)!important;color:#fff!important}
html body:not(#vjx) .extended-banner-link{padding-left:22px!important;padding-right:22px!important}
html body:not(#vjx) .vj-add{font-size:13px!important}
html body:not(#vjx) .vjcard a[href="/hodnoceni/"]{height:34px!important;padding:0!important;display:flex!important;align-items:center;justify-content:center;font-size:15px!important}
/* 2) vedlejší tlačítka – zelená, jen zaoblit */
html body:not(#vjx) .loadMore__button,
html body:not(#vjx) .goToTop__button,
html body:not(#vjx) .vs-rev-btn,
html body:not(#vjx) .vj-r5-btn{border-radius:999px!important}
html body:not(#vjx) .loadMore__button{padding-left:28px!important;padding-right:28px!important}
/* 3) box na detailu – množství zaoblit */
html body:not(#vjx) .add-to-cart .quantity{border-radius:999px!important;overflow:hidden}
/* 4) widget hodnocení */
html body:not(#vjx) .cr-text{font-size:14px!important;line-height:1.4!important;color:#222!important}
html body:not(#vjx) .cr-stars{line-height:0!important}
html body:not(#vjx) .cr-container,html body:not(#vjx) .cr-slider{min-height:0!important;height:auto!important}
/* 5) mobil: kategorie – tlačítko Do košíku */
@media (max-width:767px){
 html body:not(#vjx) .products .product .p-tools{width:100%!important;align-items:stretch!important}
 html body:not(#vjx) .products .product .p-tools .pr-action{display:flex!important;flex-direction:column;align-items:stretch;gap:8px;width:100%!important}
 html body:not(#vjx) .products .product .p-tools .pr-action .quantity{align-self:center}
 html body:not(#vjx) .products .product .p-tools .pr-action button.add-to-cart-button,
 html body:not(#vjx) .vjcard a[href="/hodnoceni/"]{box-sizing:border-box!important;width:100%!important;max-width:150px!important;height:40px!important;margin:0 auto!important;padding:0 4px!important;font-size:15px!important;font-weight:700!important;letter-spacing:0!important;white-space:nowrap!important;display:flex!important;align-items:center;justify-content:center}
}
/* === Karta recenzí v kategoriích === */
.vjcard{box-sizing:border-box;contain:layout}
.vjcard .vjc-in{box-sizing:border-box;height:100%;background:linear-gradient(160deg,#ffd9c4 0%,#fff4ec 40%,#d8f0dc 100%);border-radius:10px;padding:16px 16px 14px;display:flex;flex-direction:column;gap:9px;box-shadow:0 6px 18px rgba(0,0,0,.10);text-align:left}
.vjcard .vjc-q{font-size:46px;line-height:.5;font-family:Georgia,serif;color:#fe5115;margin-top:12px}
.vjcard .vjtrack{flex:1;min-height:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.vjcard .vjtrack::-webkit-scrollbar{display:none}
.vjcard .vjs-sl{flex:0 0 100%;min-height:0;overflow:hidden;scroll-snap-align:start;display:flex;flex-direction:column;gap:8px;box-sizing:border-box;padding:0 2px}
.vjcard .vjq{flex-shrink:0;font-size:18.5px;line-height:1.38;color:#1d1d1d;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.vjcard .vjn{font-size:13.5px;color:#555}
.vjcard .vjst{display:flex;justify-content:center;gap:4px;line-height:0}
.vjcard .vjst svg,.vj-star svg{width:30px;height:30px;fill:#ffc107;stroke:#e09b00;stroke-width:1;stroke-linejoin:round}
.vjcard .vjdots{display:flex;gap:7px;justify-content:center;padding:2px 0}
.vjcard .vjdots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#fe511540;cursor:pointer;transition:background .2s}
.vjcard .vjdots button.on{background:#fe5115}
.vjcard .vjc-f{display:flex;align-items:center;gap:10px;border-top:1px solid #fe511533;padding-top:9px}
.vjcard .vjc-f img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 2px #4fb562}
.vjcard .vjc-f div{font-size:14px;line-height:1.3;color:#222}
.vjcard .vjc-f span{display:block;font-size:13px;opacity:.75}
html body:not(#vjx) .vjcard .vjc-btn{display:flex;align-items:center;justify-content:center;height:34px;border-radius:999px;background:var(--vj-grad);box-shadow:var(--vj-sh);color:#fff;font-weight:800;font-size:15px;text-decoration:none}
@media (max-width:767px){
 .vjcard .vjc-in{padding:10px 9px 10px;gap:5px}
 .vjcard .vjc-q{font-size:34px}
 .vjcard .vjq{font-size:14.25px;line-height:1.35}
 .vjcard .vjst svg{width:21px;height:21px}
 .vjcard .vjc-f img{width:32px;height:32px}
 .vjcard .vjc-f div{font-size:13px;line-height:1.25}
 html body:not(#vjx) .vjcard .vjc-btn{box-sizing:border-box;width:100%;max-width:150px;height:40px;margin:0 auto;padding:0 4px;white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){.vjcard .vjdots button{transition:none}}
/* === v2: text vždy přesně uprostřed tlačítka === */
html body:not(#vjx):not(#vjy) .extended-banner-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1.2!important;box-sizing:border-box!important}
html body:not(#vjx):not(#vjy) .btn-conversion.add-to-cart-button{border:0!important;align-items:center!important;justify-content:center!important}

/* === v3: hover (podsvícení bez změny barvy), karty v popisech, výhody, košík === */
html body:not(#vjx):not(#vjy) .add-to-cart-button:hover,html body:not(#vjx):not(#vjy) .add-to-cart-button:focus-visible,
html body:not(#vjx):not(#vjy) .extended-banner-link:hover,html body:not(#vjx):not(#vjy) .vj-add:hover,html body:not(#vjx):not(#vjy) .vj-add:focus-visible,
html body:not(#vjx):not(#vjy) .vjcard .vjc-btn:hover,html body:not(#vjx):not(#vjy) .responsive-tools a.toggle-window[data-target="search"]:hover,
html body:not(#vjx):not(#vjy) #pd-top label.pd-openall:hover,html body:not(#vjx):not(#vjy) #pd-top .pd-show-btn:hover,html body:not(#vjx):not(#vjy) .pd-openall:hover{background:var(--vj-grad)!important;color:#fff!important;filter:brightness(1.06);box-shadow:0 0 0 3px rgba(254,81,21,.20),0 6px 18px rgba(254,65,0,.45)!important;transform:translateY(-1px)}
html body:not(#vjx):not(#vjy) .add-to-cart-button,html body:not(#vjx):not(#vjy) .extended-banner-link,html body:not(#vjx):not(#vjy) .vj-add,html body:not(#vjx):not(#vjy) .vjcard .vjc-btn,html body:not(#vjx):not(#vjy) #pd-top .pd-show-btn,html body:not(#vjx):not(#vjy) #pd-top label.pd-openall{transition:box-shadow .18s ease,transform .18s ease,filter .18s ease!important}
@media (prefers-reduced-motion:reduce){html body:not(#vjx):not(#vjy) .add-to-cart-button,html body:not(#vjx):not(#vjy) .extended-banner-link,html body:not(#vjx):not(#vjy) .vj-add,html body:not(#vjx):not(#vjy) #pd-top .pd-show-btn{transition:none!important}}
/* tlačítka v kartách popisů kategorií a značek (Zobrazit B-smart …) */
html body:not(#vjx):not(#vjy) #pd-top .pd-show-btn,html body:not(#vjx):not(#vjy) #pd-top label.pd-openall{background:var(--vj-grad)!important;border:0!important;border-radius:999px!important;box-shadow:var(--vj-sh)!important;color:#fff!important;align-items:center!important;justify-content:center!important}
/* lišta výhod: PC 4 v řadě, tablet 2 + 2, vše zarovnané stejně */
@media (min-width:768px){
 html body:not(#vjx):not(#vjy) .benefitBanner{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 32px!important;justify-content:stretch!important;align-items:start!important}
 html body:not(#vjx):not(#vjy) .benefitBanner .benefitBanner__item{width:auto!important;max-width:none!important;margin:0!important;flex:none!important;justify-self:stretch!important}
 html body:not(#vjx):not(#vjy) .benefitBanner .benefitBanner__link{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-start!important;gap:12px!important;text-align:left!important;justify-content:flex-start!important}
 html body:not(#vjx):not(#vjy) .benefitBanner .benefitBanner__picture{flex:0 0 44px!important;width:44px!important;height:44px!important;margin:0!important;display:flex!important;align-items:center;justify-content:center}
 html body:not(#vjx):not(#vjy) .benefitBanner .benefitBanner__img{width:44px!important;height:44px!important;object-fit:contain!important;max-width:44px!important}
 html body:not(#vjx):not(#vjy) .benefitBanner .benefitBanner__content{text-align:left!important;min-width:0;flex:1 1 auto!important;padding:0!important;margin:0!important}
}
@media (min-width:1200px){ html body:not(#vjx):not(#vjy) .benefitBanner{grid-template-columns:repeat(4,minmax(0,1fr))!important} }
/* košík – dýško: jednotné ikony a vzhled */
html body:not(#vjx):not(#vjy) .vj-dysko .vj-emo,html body:not(#vjx):not(#vjy) .vj-dysko .vj-head .chip{font-size:0!important;color:transparent!important;background:#fff1e8 no-repeat center/22px 22px!important;border:1px solid #ffd9c4}
html body:not(#vjx):not(#vjy) .vj-dysko .vj-head .chip{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5115' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13M5 12v9h14v-9M12 8c-1.5-3-5-3.5-5-1s3 1 5 1zM12 8c1.5-3 5-3.5 5-1s-3 1-5 1z'/%3E%3C/svg%3E")!important;background-size:24px 24px!important}
html body:not(#vjx):not(#vjy) .vj-dysko .vj-row:nth-child(1) .vj-emo{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5115' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1-1.1a5.5 5.5 0 0 0-7.8 7.8L12 21l8.8-8.6a5.5 5.5 0 0 0 0-7.8z'/%3E%3C/svg%3E")!important}
html body:not(#vjx):not(#vjy) .vj-dysko .vj-row:nth-child(2) .vj-emo{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5115' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4'/%3E%3C/svg%3E")!important}
html body:not(#vjx):not(#vjy) .vj-dysko .vj-row:nth-child(3) .vj-emo{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5115' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.5l2.9 6 6.6.8-4.9 4.6 1.3 6.6L12 17.3l-5.9 3.2 1.3-6.6-4.9-4.6 6.6-.8z'/%3E%3C/svg%3E")!important}
html body:not(#vjx):not(#vjy) .vj-dysko .vj-row:nth-child(4) .vj-emo{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5115' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8l4.5 4L12 5l4.5 7L21 8l-2 11H5z'/%3E%3C/svg%3E")!important}
html body:not(#vjx):not(#vjy) .vj-dysko .vj-row.finale{background:#fff!important;border:1px solid #f1e1d1!important;box-shadow:0 1px 3px rgba(0,0,0,.04)!important}
html body:not(#vjx):not(#vjy) .vj-dysko .vj-amt,html body:not(#vjx):not(#vjy) .vj-dysko .vj-row.finale .vj-amt{background:#fff1e8!important;color:#d63800!important}
html body:not(#vjx):not(#vjy) .vj-dysko .vj-del{border-radius:999px!important;color:#fe4100!important;border-color:#fe4100!important}
html body:not(#vjx):not(#vjy) .vj-dysko .vj-sub{font-size:13px!important}