/*kategorie bez obrázku jako button*/
.subcategories li::before {content: none !important;}
.subcategories li {display: flex;flex: 0 1 auto;margin: 0;position: relative;}
.subcategories li a {display: flex;justify-content: center;align-items: center;width: 100%;min-height: 60px;padding: 16px 12px;         
                     text-decoration: none;background-color: #f5f5f5;border-radius: 12px;font-weight: 700;font-size: 1.8rem;          
                     color: #333;box-shadow: 0 3px 6px rgba(0,0,0,0.1);transition: all 0.25s ease;position: relative;overflow: hidden;
                     text-transform: uppercase;}
.subcategories li a span.text {display: block;text-align: center;line-height: 1.4;z-index: 2;position: relative;text-transform: inherit;}
.subcategories li a:hover {background-color: #000 !important;color: #fff !important;transform: translateY(-2px);box-shadow: 0 6px 12px rgba(0,0,0,0.15);
                           text-decoration: none;}
@media (max-width: 576px) {
    .subcategories li {width: 100%;margin-bottom: 12px;}
    .subcategories li:last-child {margin-bottom: 0;}
    .subcategories li a {font-size:1.6rem;}
    .carousel-control.left, .carousel-control.right {display: none;}}   
@media (min-width: 576px) {
    .subcategories li {width: calc(50% - 16px);}}
@media (min-width: 768px) {
    .subcategories li {width: calc(33.333% - 16px);margin-bottom:12px;}}
@media (min-width: 992px) {
    .navigation-in ul.menu-level-2 {width: 250px;}
    body {font-size: 16px;}
    .navigation-in.menu a:hover span,
    .navigation-in.menu a:hover b {color: #c9a24d;}
    .menu-helper.visible a span,
    .menu-helper.visible a b {transition: color 0.2s ease;}
    .menu-helper.visible li:not(.active) > a:hover span,
    .menu-helper.visible li:not(.active) > a:hover b {color: #c9a24d;}
    .navigation-in ul li a b {font-weight: 500;text-transform: uppercase;}}
.card .card-text {padding: 2px 10px;font-size: 18px;}
.card .card-title {font-size: 18px;text-align: left;padding: 5px 0;}
.bonus-mehub-586646 .card {display: flex;align-items: center;justify-content: center;}
/*Věrnostní systém*/
.fvb-page {
  --color-bg: #fafafa;
  --color-bg-soft: #f3f3f3;
  --color-accent: #4a4a4a;
  --color-accent-2: #6b6b6b;
  --color-accent-soft: #e6e6e6;
  --color-text: #1f1f1f;
  --color-muted: #7c7c7c;
  --color-border: #dcdcdc;
  --radius-lg: 18px;
  --radius-pill: 999px;
  --shadow-soft: 0 18px 45px rgba(0, 0, 0, 0.08);
  line-height: 1.6;
  color: var(--color-text);
}
.fvb-page *,
.fvb-page *::before,
.fvb-page *::after {box-sizing: border-box;}
.fvb-container {max-width: 1100px;margin: 0 auto;}
.fvb-hero {background: linear-gradient(135deg, #ffffff 0%, #f5f5f5 60%, #ececec 100%);border-radius: 28px;padding: clamp(24px,4vw,32px);box-shadow: var(--shadow-soft);border: 1px solid var(--color-border);margin-bottom: 30px;transition: transform 0.3s, box-shadow 0.3s;}
.fvb-hero:hover {transform: translateY(-2px);box-shadow: 0 20px 50px rgba(0,0,0,0.12);}
.fvb-eyebrow {display: inline-flex;align-items: center;gap: 8px;padding: 4px 12px;border-radius: var(--radius-pill);border: 1px solid var(--color-border);background: rgba(255,255,255,0.8);
              font-size: 12px;text-transform: uppercase;letter-spacing: 0.12em;font-weight: 600;color: var(--color-accent);transition: background 0.25s;}
.fvb-eyebrow:hover {background: var(--color-accent-soft);}
.fvb-eyebrow-dot {width: 8px;height: 8px;border-radius: 50%;background: var(--color-accent);}
.fvb-h1 {font-size: clamp(26px, 4vw, 32px);margin: 8px 0 6px;letter-spacing: 0.04em;text-transform: uppercase;font-weight: 700;}
.fvb-hero-subtitle {max-width: 680px;font-size: clamp(13px,2.5vw,15px);color: var(--color-muted);margin-bottom: 12px;}
.fvb-pill-row {display: flex;flex-wrap: wrap;gap: 8px;margin-top: 12px;}
.fvb-pill {font-size: 11px;text-transform: uppercase;letter-spacing: 0.14em;padding: 6px 14px;border-radius: var(--radius-pill);background: #f0f0f0;border: 1px solid var(--color-border);
           color: var(--color-muted);cursor: default;transition: all 0.25s;}
.fvb-pill:hover {background: var(--color-accent);color: #fff;transform: translateY(-1px);}
.fvb-card {background: #fff;border-radius: var(--radius-lg);padding: clamp(18px,4vw,22px);box-shadow: 0 10px 30px rgba(0,0,0,0.06);border: 1px solid var(--color-border);margin-bottom: 24px;
           transition: transform 0.25s, box-shadow 0.25s;}
.fvb-card:hover {transform: translateY(-2px);box-shadow: 0 20px 50px rgba(0,0,0,0.08);}
.fvb-h2 {font-size: clamp(16px,3vw,18px);text-transform: uppercase;letter-spacing: 0.08em;margin: 0 0 10px;position: relative;}
.fvb-h2::after {content: "";display: block;width: 64px;height: 1px;margin-top: 3px;background: linear-gradient(90deg, var(--color-accent), transparent);}
.fvb-card p {margin: 0 0 10px;font-size: 14px;color: var(--color-text);line-height: 1.6;}
.fvb-list {margin: 4px 0;padding-left: 18px;}
.fvb-list li {font-size: 14px;}
.fvb-list li + li {margin-top: 4px;}
.fvb-tag-muted {font-size: 12px;text-transform: uppercase;color: var(--color-muted);letter-spacing: 0.1em;margin-bottom: 8px;display: block;}
.fvb-vip-grid {display: grid;grid-template-columns: repeat(3,1fr);gap: 16px; margin-top: 12px;}
.fvb-vip-card {border-radius: 20px;padding: 16px;background: linear-gradient(135deg,#ffffff 0%,#f6f6f6 70%);border: 1px solid var(--color-border);box-shadow: 0 12px 30px rgba(0,0,0,0.05);
               transition: transform 0.2s, box-shadow 0.2s;}
.fvb-vip-card:hover {transform: translateY(-5px);box-shadow: 0 20px 50px rgba(0,0,0,0.12);}
.fvb-vip-top {display: flex;align-items: center;gap: 10px;margin-bottom: 6px;}
.fvb-vip-icon {width: 46px;height: 46px;border-radius: 50%;box-shadow: 0 8px 20px rgba(0,0,0,0.2);transition: transform 0.2s;}
.fvb-vip-icon:hover {transform: scale(1.05);}
.fvb-vip-desc {font-size: 13px;color: var(--color-muted);}
.fvb-vip-highlight strong {color: var(--color-accent);font-weight: 600;}
.fvb-vip-icon.bronze { background: linear-gradient(135deg, #c8b39a, #9a8668); }
.fvb-vip-icon.silver { background: linear-gradient(135deg, #e8e8e8, #bababa); }
.fvb-vip-icon.gold   { background: linear-gradient(135deg, #f4e7b2, #c8b978); }

@media(max-width:900px) {
  .fvb-vip-grid {grid-template-columns: 1fr;}}

@media(max-width:600px) {
  .fvb-hero {padding: 20px;}
  .fvb-h1 {font-size: clamp(22px,6vw,28px);}
  .fvb-hero-subtitle {font-size: 13px;}
  .fvb-pill-row {gap: 6px;}
  .fvb-pill {font-size: 10px;padding: 4px 10px;}
  .fvb-vip-top {flex-direction: column;align-items: flex-start;}}

/*Fotorecenze*/
div[aria-label="Fotorecenze od zákazníků"] {box-shadow: 0 -18px 40px -25px rgba(0, 0, 0, 0.35);margin-bottom: -30px;margin-top: 30px;}
div[role="region"][aria-label="Fotorecenze od zákazníků"][data-sf-id="Doplnek Fotorecenze www.satisflow.cz"] > div {padding-left: 20px;padding-right: 20px;margin-left: -20px;margin-right: -20px;}

/*mobil košík*/
@media (max-width: 768px) {
    .variant-table .table-row {display: flex;flex-wrap: wrap;border-bottom: solid;}
    .variant-table .table-col {float: none;width: 100%;padding: 0;}
    .variant-name-wrapper {display: flex;flex-wrap: wrap;align-items: flex-start;gap: 8px 12px;}
    .variant-image {width: 60px;flex: 0 0 60px;}  
    .variant-name {font-size: 16px;font-weight: 600;margin-bottom: 2px;}
    .variant-name-wrapper span,
    .availability-amount {font-size: 14px;}
    .variant-price-wrap .price-final {margin-left: -5px;}
    #variants .variant-cart .quantity {order: 1!important;}
    #variants .variant-cart fieldset {gap: 1px!important;}
    ol.cart-header li a span, ol.cart-header li strong span {font-size: 15px;text-transform: uppercase;}
    .mehub-bonus-product-detail-container {flex: 0 0 120%;margin-left: -15px!important;}
    .bonus-mehub-586646 .card {background-color: #c5a48e!important;border: 1px solid #818181!important;color: #000000!important;padding: 0!important;}
    .bonus-mehub-586646 .card a {color: #ffffff!important;text-decoration: none!important;}
    .card .card-text {padding: 5px;text-align: center;}
    .card .card-title {text-align: center;padding: 5px 10px 0;}
    .table-col.price,
    .table-col.cart {width: auto;display: inline-flex;align-items: center;}
    .table-col.price {font-size: 20px;font-weight: 700;}
    .table-col.cart { margin-left: auto;}
    #variants .variant-cart fieldset {border: 0;margin: 0;padding: 0;display: flex;align-items: center;gap: 6px;}
    .variant-cart .quantity {display: flex;align-items: center;}
    .variant-cart .quantity input {width: 40px;text-align: center;}}
    
.variant-cart-watchdog {display: flex;align-items: center;height: 100%;}
.watchdog-variant {display: inline-flex;align-items: center;padding: 6px 12px;border: 1px solid #ddd;border-radius: 4px;font-size: 13px;text-decoration: none;}
.watchdog-variant:hover {border-color: #999;text-decoration: none;}
.variant-cart-watchdog .link-icon:before {margin-bottom: 0.2ex;margin-right: 10px;}
.variant-cart .btn.add-to-cart-button:before, .variant-cart .btn.btn-cart:before, .variant-cart a.btn.add-to-cart-button:before, .variant-cart a.btn.btn-cart:before {font-size: 28px;}
#watchdog-form .watchdog-row:has(#hasPromotion), #watchdog-form .watchdog-row:has(#drop) {display: none !important;}

/* fieldset jako flex */
#variants .variant-cart fieldset {display: flex;align-items: center;gap: 10px;}

/* tlačítko Do košíku = první */
#variants .variant-cart .add-to-cart-button {order: 1;}

/* množství +- = poslední */
#variants .variant-cart .quantity {order: 2;}

/*efekt není skladem*/
.advanced-parameter-inner {border-radius: 1px;height: 90px;width: 80px;}
.advanced-parameter {height: 80px;width: 70px;}
.advanced-parameter-inner img {border-radius: 1px;}
label.advanced-parameter.has-image:has(input[data-disable-button="1"]) .advanced-parameter-inner {filter: grayscale(100%);opacity: 0.35;}

/*sticky header*/
@media (min-width: 1024px) {
    #header {position: sticky;top: 0;z-index: 1000;background: #000;box-shadow: 0 2px 8px rgba(0,0,0,0.08);}}

/*záložky*/
#productsRelated, #productsAlternative, #productVideos {display: block !important;opacity: 1 !important;height: auto !important;}
#productsRelated, #productsAlternative, #productVideos {margin-top: 40px;}
#productsRelated::before {content: "Související produkty";display: block;font-size: 30px;text-transform: uppercase;font-weight: 600;
                          margin-bottom: 20px;}
#productsAlternative::before {content: "Podobné produkty";display: block;font-size: 30px;text-transform: uppercase;font-weight: 600;
                              margin-bottom: 20px;}
#productVideos::before {content: "Videopohled";display: block;font-size: 30px;text-transform: uppercase;font-weight: 600;margin-bottom: 20px;}
.shp-tab[data-testid="tabRelatedProducts"], 
.shp-tab[data-testid="tabAlternativeProducts"],
.shp-tab[data-testid="tabRelatedVideos"] {display: none!important;}
.p-in .name span[data-testid="productCardName"] {font-size: 22px;line-height: 1.3;}

/*box produktů v kategorii*/
.products-block>div .p .p-bottom.single-button .prices {font-size: 30px;}  
.btn.btn-primary, 
a.btn.btn-primary {position: relative;background-color: #000;color: #fff;border: 1px solid #000;overflow: hidden;
                   transition: color 0.3s ease, background-color 0.3s ease;}
.btn.btn-primary:hover,
a.btn.btn-primary:hover {color: #fff;background-color: #000;}

/* zrcadlový efekt */
.btn.btn-primary::before,
a.btn.btn-primary::before {content: "";position: absolute;top: 0;left: -75%;width: 50%;height: 100%;background: linear-gradient(
        120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);transform: skewX(-20deg);}

/* animace při hover */
.btn.btn-primary:hover::before,
a.btn.btn-primary:hover::before {animation: btn-shine 0.75s ease-in-out;}

@keyframes btn-shine {from {left: -75%;} to {left: 125%;}}

@media (max-width: 768px) {
    .products-block>div .p .p-bottom.single-button .prices {font-size: 22px;}
    .p-in .name span[data-testid="productCardName"] {font-size: 16px;}
    #header .site-name {margin-top: 5px;margin-bottom: 5px;}}

/*label*/
.flags-default .flag {line-height: 14px;padding: 6px 11px;position: relative;font-size: 16px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2),
                      0 8px 18px rgba(0, 0, 0, 0.15);border-radius: 3px;}
.flags-default .flag::after {content: "";position: absolute;top: 0;left: 0;right: 0;height: 1px;background: rgba(255, 255, 255, 0.35);}
.flags-default .flag:before {display:none;}
.flags-default .flag:after {display:none;}

/*kategorizační stránka*/
.product .p {transition: transform 0.35s cubic-bezier(.21,.6,.35,1),box-shadow 0.35s cubic-bezier(.21,.6,.35,1);will-change: transform;}
.category-content-wrapper .product:hover .p, .shp-tabs-wrapper .product:hover .p, 
.index-content-wrapper .product:hover .p { transform: translateY(-6px) scale(1.015);box-shadow:0 12px 30px rgba(0, 0, 0, 0.18),0 4px 10px rgba(0, 0, 0, 0.12);}

/*text vyprodáno, ale nefunguje, zkusit odladit*/
label.is-disabled .advanced-parameter-inner::after {content: "Vyprodáno";position: absolute;inset: 0;background: rgba(255,255,255,0.6);
                                                    display: flex;align-items: center;justify-content: center;font-size: 12px;
                                                    font-weight: 600;text-transform: uppercase;}

.category-content-wrapper .product:hover .p, .shp-tabs-wrapper .product:hover .p, .index-content-wrapper .product:hover .p {
    background: #fff4e8;
}

.products-block .p {
    border-style: none;
}

#footer {
    padding: 0;
    background: #fff4e8;
}

@media (min-width: 992px) {
    .navigation-in ul li a b {
        font-size: 20px;
    }
}