#header {
    background-color: #ffcdf6 !important;
    background-image: none;
    border-color: var(--colors-foregrounds-borders-secondary)
}
.homepage-box {
    background-color: #ffcdf6 !important;
    border-bottom-color: transparent !important;
    border-top-color: transparent !important;
}
.content-wrapper {
    background-color: #ffcdf6 !important;
}
.overall-wrapper {
background-color: #ffcdf6 !important;
}
.ordering-process {
background-color: #ffcdf6 !important;
}
.responsive-nav {
    display: none !important;
}
#footer>.container {
    background-color: #ffcdf6 !important;
    border-top: 2px solid black;
    border-bottom: unset;
}
.btn.btn-cart, .btn.btn-conversion, a.btn.btn-cart, a.btn.btn-conversion {
    background-color: #000000 !important;
    border-color: #000000 !important;
}
.quantity .decrease, .quantity .increase {
    background-color: #ffcdf6 !important;
    border-color: #000000 !important;
    color: inherit;
}
.h4.homepage-group-title, h4.homepage-group-title {
    font-size: 26px !important;
    margin-top: 19px !important;
}
.benefitBanner {
    display: none !important;
}
.products-inline>div .p .p-in .p-in-in .name {
    font-size: 23px !important;
}
.products-inline.products-inline-image>div .p .p-in .p-in-in .p-desc {
        font-size: 20px !important;
}
.flag.flag-action {
    background-color: #000000;
    font-size: 20px;
}
.flag.flag-new {
    background-color: #757575;
    font-size: 20px;
}
.products-inline>div .p .p-in .p-in-in .ratings-wrapper .availability, .products-inline>div .p .p-in .p-in-in .ratings-wrapper .flags, .products-inline>div .p .p-in .p-in-in .ratings-wrapper .p-code, .products-inline>div .p .p-in .p-in-in .ratings-wrapper .stars-wrapper {
    font-size: 20px;
    font-weight: 700;
}
.flag.flag-tip {
    background-color: #f50025;
    font-size: 20px;
}
.products>div {
    border-color: #000000;
    border-block-width: 3px;
}
.products-inline>div .p .p-in .p-in-in .ratings-wrapper .flags-inline .flag {
    font-size: 20px;
}

@media (max-width: 767px) {
.content-wrapper {
    background-color: #ffcdf6 !important;
    
    background-image: url(/user/documents/upload/heartss.png);
}
}

/* Kontejner pro výběr */
.delivery-country-selector {
    margin: 20px 0;
    font-family: sans-serif;
}

.delivery-country-selector .select-label {
    font-weight: bold;
    margin-bottom: 12px;
    display: block;
    color: #333;
    font-size: 20px;
}

/* Skrytí radio buttonů (koleček) */
.country-options input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* Kontejner karet */
.country-options {
    display: flex;
    gap: 15px; /* Mezera mezi kartami */
}

/* Styl karty */
.country-card {
    flex: 1;
    display: flex;
    flex-direction: column; /* Vlajka nahoře, text dole */
    align-items: center;
    justify-content: center;
    padding: 20px 10px;
    background-color: #ffffff;
    border: 2px solid #e0e0e0; /* Neutrální šedý okraj */
    border-radius: 12px; /* Zaoblené rohy */
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* Styl vlajky */
.flag-img {
    width: 60px; /* Větší vlajka */
    height: auto;
    margin-bottom: 10px;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

/* Styl názvu země */
.country-name {
    font-size: 14px;
    font-weight: 600;
    color: #444;
}

/* STYL PRO VYBRANOU KARTU */
.country-options input[type="radio"]:checked + .country-card {
    border-color: #005bb7; /* Barva Shoptetu nebo vašeho brandu */
    background-color: #f0f7ff; /* Jemné modré pozadí */
    box-shadow: 0 4px 12px rgba(0, 91, 183, 0.2);
    transform: translateY(-2px); /* Jemné nadzvednutí při vybrání */
}

/* Změna barvy textu u vybrané země */
.country-options input[type="radio"]:checked + .country-card .country-name {
    color: #005bb7;
}

/* Efekt při najetí myší (pro desktop) */
.country-card:hover {
    border-color: #ccc;
    background-color: #f9f9f9;
}

/* Skryje původní kontejner s výběrem země od Shoptetu */
.form-group-wrapped:has(#deliveryCountryId) .select-label,
.form-group-wrapped:has(#deliveryCountryId) select {
    display: none !important;
}

/* Pokud váš prohlížeč nepodporuje :has, použijte toto: */
select#deliveryCountryId {
    display: none !important;
}

.sublabel.new-widget-choose a {
    font-size: 18px;
    color: red !important;
    font-family: sans-serif;
    text-decoration: underline;
}

/* Definitivní skrytí radio buttonů v našem widgetu */
.country-options input[type="radio"] {
    display: none !important; /* Nejpřímější cesta */
    visibility: hidden !important;
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    appearance: none !important; /* Odstraní nativní vzhled v moderních prohlížečích */
    -webkit-appearance: none !important;
}

/* Pojistka: Pokud by Shoptet obaloval inputy do vlastních spanů/divů */
.country-options span.ez-radio, 
.country-options .radio-universal {
    display: none !important;
}

.cart-content, .cart-header {
    background-color: #ffcdf6;
}
.cart-table tr td, .cart-table tr td.cart-p-image {
    background-color: #ffcdf6;
}
.cart-inner {
    background-color: #ffcdf6;
}

 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');

body, h1, h2, h3, h4, h5, h6, .btn, .navigation {
    font-family: 'Poppins', sans-serif !important;
}
/* Hlavní konverzní tlačítka (Do košíku) */
.btn-conversion, .btn-primary {
    background: linear-gradient(135deg, #ff6b81 0%, #e84393 100%) !important;
    border: none !important;
    border-radius: 50px !important; /* Kulaté rohy */
    color: #fff !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 12px 25px !important;
    box-shadow: 0 4px 15px rgba(232, 67, 147, 0.4); /* Růžová záře */
    transition: all 0.3s ease;
}

.btn-conversion:hover, .btn-primary:hover {
    transform: translateY(-3px); /* Tlačítko povyskočí */
    box-shadow: 0 8px 20px rgba(232, 67, 147, 0.6);
    background: linear-gradient(135deg, #ff8da1 0%, #ff5e9e 100%) !important;
}
/* --- Vzdušnější karty produktů (bez tvrdého rámečku) --- */

/* --- ODDĚLENÉ KARTY PRODUKTŮ S JEMNOU LINKOU --- */

/* Základní vzhled - jemně oddělené karty */
.product {
    background: #f0aee5b3 !important;
    border: 4px solid #ffffff !important;
    border-radius: 15px !important; /* Moderní kulaté rohy */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02) !important; /* Téměř neviditelný stín pro mírnou hloubku */
    padding: 15px !important; /* Dýchatelný prostor uvnitř */
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative !important;
    overflow: hidden !important; 
}

/* Hover efekt - karta ožije a oddělení se zvýrazní */
.product:hover {
    transform: translateY(-5px) !important; /* Karta mírně nadskočí */
    border-color: #ffb3d1 !important; /* Linka při najetí získá o něco sytější růžovou */
    box-shadow: 0 12px 25px rgba(255, 105, 180, 0.12) !important; /* Krásný růžový stín vystoupne */
    z-index: 2;
}

/* Zabezpečení, aby se fotka uvnitř karty hezky usadila */
.product .image {
    border-radius: 8px !important;
    overflow: hidden !important;
    margin-bottom: 15px !important;
}

/* Název produktu v kartě */
.product .p-bottom h4 {
    margin-bottom: 10px !important;
}

.product .p-bottom h4 a {
    color: #2d3436 !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

/* Při najetí na celou kartu se název zbarví do růžova */
.product:hover .p-bottom h4 a {
    color: #e84393 !important;
}

/* Obrázek produktu - zaoblení rohů */
.product .image {
    border-radius: 8px !important;
    overflow: hidden !important;
    margin-bottom: 15px !important; /* Větší mezera mezi obrázkem a názvem */
}

/* Název produktu - čistší a výraznější */
.product .p-bottom h4 {
    margin-bottom: 10px !important;
}

.product .p-bottom h4 a {
    color: #2d3436 !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

/* Při najetí na celou kartu se název zbarví do růžova */
.product:hover .p-bottom h4 a {
    color: #e84393 !important;
}

/* Cena produktu - větší a tučnější */
.product .price {
    font-size: 1.3rem !important;
    font-weight: 800 !important;
    color: #111 !important;
    margin-bottom: 15px !important;
}

/* Název produktu */
.product .p-bottom h4 a {
    color: #2d3436 !important;
    font-size: 1.1rem;
    font-weight: 700;
    text-decoration: none;
}

.product .p-bottom h4 a:hover {
    color: #e84393 !important;
}
/* Pozadí hlavičky */
#header {
    background-color: #fff0f6; /* Velmi světle růžová */
}

/* Menu položky */
.menu-helper > li > a {
    font-weight: 600 !important;
    color: #444 !important;
    text-transform: uppercase;
}

.menu-helper > li > a:hover {
    color: #e84393 !important;
    background: transparent !important;
}
/* --- Sjednocení tlačítek "Do košíku" do růžového stylu --- */

/* Základní styl pro všechna konverzní tlačítka a tlačítka košíku */
.btn-conversion, 
.btn-cart, 
.p-tools .btn,
.add-to-cart-button {
    background: linear-gradient(135deg, #ff6b81 0%, #e84393 100%) !important;
    border: none !important;
    border-radius: 50px !important; /* Dělá z tlačítka "pilulku" */
    color: #ffffff !important;
    font-weight: bold !important;
    text-transform: uppercase;
    box-shadow: 0 4px 10px rgba(232, 67, 147, 0.3); /* Jemná růžová záře */
    transition: all 0.3s ease !important;
    padding: 10px 25px !important; /* Větší prostor uvnitř tlačítka */
}

/* Efekt při najetí myší (Hover) */
.btn-conversion:hover, 
.btn-cart:hover, 
.p-tools .btn:hover,
.add-to-cart-button:hover {
    transform: translateY(-3px); /* Tlačítko mírně povyskočí */
    box-shadow: 0 8px 20px rgba(232, 67, 147, 0.5); /* Záře se zvětší */
    background: linear-gradient(135deg, #ff8da1 0%, #ff5e9e 100%) !important; /* Barva se mírně rozjasní */
    color: #ffffff !important;
}

/* Pokud je v tlačítku ikona košíku, přebarvíme ji na bílo */
.btn-conversion i, 
.btn-cart i {
    color: #ffffff !important;
}

/* Specifická oprava pro Shoptet "množství + tlačítko" vedle se */
/* Zajistí, že tlačítko bude vypadat dobře i vedle políčka s číslem */
.p-tools {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
/* --- Moderní vzhled výběru množství (Shoptet) --- */

/* Celý obal (pilulka) pro výběr kusů */
.quantity {
    display: inline-flex !important;
    align-items: center;
    background-color: #fff0f5 !important; /* Jemně růžové pozadí, ladí s tabulkou */
    border-radius: 50px !important; /* Kulaté rohy */
    padding: 3px 5px !important;
    margin-right: 10px !important;
    border: 1px solid #ffcce0 !important; /* Velmi lehký růžový rámeček */
}

/* Samotné políčko s číslem */
.quantity .amount {
    width: 40px !important;
    height: 35px !important;
    background: transparent !important;
    border: none !important;
    text-align: center !important;
    font-weight: bold !important;
    color: #2c3e50 !important;
    font-size: 1.1rem !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* Skrytí těch ošklivých výchozích šipek v políčku, které přidává prohlížeč */
.quantity .amount::-webkit-outer-spin-button,
.quantity .amount::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.quantity .amount[type=number] {
    -moz-appearance: textfield;
}

/* --- Oprava překrývání a sjednocení tlačítek a výběru množství --- */

/* 1. Kontejner (obal), který drží výběr množství a tlačítko pohromadě */
/* Použijeme Flexbox pro pružné a čisté zarovnání */
.p-tools {
    display: flex !important;
    flex-wrap: wrap !important; /* Umožní zalomení na malých displejích, kdyby bylo potřeba */
    align-items: center !important; /* Vertikální vycentrování */
    justify-content: flex-start !important; /* Zarovnání doleva */
    gap: 15px !important; /* Moderní mezera mezi výběrem množství a tlačítkem */
    margin-top: 15px !important; /* Trochu místa nad celým blokem */
    width: auto !important;
    max-width: 100% !important;
}

/* 2. Upravený styl pro výběr množství (pilulka) */
/* Zajišťujeme pevnou minimální šířku, aby se "nezcvrknul" */
.quantity {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background-color: #fff0f5 !important;
    border-radius: 50px !important;
    padding: 4px !important; /* Trochu méně paddingu uvnitř */
    border: 1px solid #ffcce0 !important;
    min-width: 110px !important; /* Zajištění dostatku místa pro tlačítka a číslo */
    height: 42px !important; /* Pevná výška pro lepší zarovnání s tlačítkem */
    box-sizing: border-box !important;
    margin: 0 !important; /* Žádný vnější okraj, o to se stará 'gap' u rodiče .p-tools */
    flex-shrink: 0 !important; /* Zabrání zmenšování tohoto prvku */
}

/* Samotné políčko s číslem */
.quantity .amount {
    width: 100px !important;
    height: auto !important;
    background: transparent !important;
    border: none !important;
    text-align: center !important;
    font-weight: bold !important;
    color: #2c3e50 !important;
    font-size: 1.1rem !important;
    padding: 0 !important;
    margin: 0 5px !important;
    box-shadow: none !important;
    flex-grow: 1 !important; /* Zabere zbývající místo mezi tlačítky + a - */
}

/* Skrytí výchozích šipek prohlížeče */
.quantity .amount::-webkit-outer-spin-button,
.quantity .amount::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.quantity .amount[type=number] {
    -moz-appearance: textfield;
}

/* --- NOVÝ, KOMPAKTNÍ VÝBĚR MNOŽSTVÍ --- */

/* Obal pro celý blok (tlačítka i políčko) */
.quantity {
    display: inline-flex !important;
    align-items: center !important;
    border: 2px solid #ffcce0 !important; /* Výraznější růžový rámeček kolem celého bloku */
    border-radius: 8px !important; /* Jen jemně zaoblené rohy, ne úplně kulaté */
    background: #ffffff !important;
    height: 46px !important; /* Stejná výška jako hlavní tlačítko */
    overflow: hidden !important; /* Aby pozadí tlačítek nepřetékalo ven */
    margin: 0 10px 0 0 !important; /* Mezera zprava před tlačítkem Koupit */
}

/* Tlačítka + a - v rámci tohoto bloku */
.quantity .increase, 
.quantity .decrease {
    width: 38px !important;
    height: 100% !important;
    background-color: #fff0f5 !important; /* Jemně růžové pozadí tlačítek */
    color: #e84393 !important; /* Sytě růžové znaménko */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.4rem !important;
    font-weight: bold !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    user-select: none !important;
}

/* Hover efekt pro + a - */
.quantity .increase:hover, 
.quantity .decrease:hover {
    background-color: #e84393 !important;
    color: #ffffff !important;
}

/* Samotné políčko s číslem uprostřed */
.quantity .amount {
    width: 100px !important;
    height: 100% !important;
    border: none !important; /* Odstraníme vnitřní rámeček, o ten se stará obal */
    background: transparent !important;
    text-align: center !important;
    font-size: 1.2rem !important;
    font-weight: 800 !important;
    color: #2c3e50 !important;
    padding: 0 !important;
    box-shadow: none !important;
    border-left: 1px solid #ffe6f0 !important; /* Jemné oddělovací linky uvnitř */
    border-right: 1px solid #ffe6f0 !important;
}

/* Skrytí ošklivých systémových šipek prohlížeče */
.quantity .amount::-webkit-outer-spin-button,
.quantity .amount::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.quantity .amount[type=number] {
    -moz-appearance: textfield;
}

/* Zarovnání celého nákupního bloku */
.p-tools {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin-top: 15px !important;
}/* --- TĚŽKÝ KALIBR: Extrémní zvýraznění ceny a slevy v Shoptetu --- */

/* 1. Hlavní cena - OBROVSKÁ a RŮŽOVÁ (v detailu i v kategorii) */
.product .price, 
.product .p-bottom .price,
.p-detail-inner .price-final,
#snippet--product-price .price-final {
    font-size: 4.8rem !important; /* Extrémně zvětšeno */
    font-weight: 900 !important; /* Nejtlustší možné písmo */
    color: #e84393 !important; /* Tvá brandová sytá růžová */
    line-height: 1.1 !important;
    display: block !important; /* Odsadí cenu na vlastní řádek */
    margin: 10px 0 !important;
}
.products-inline>div .p .price strong {
    font-size: 30px !important;
}

/* 2. Štítky a procenta slevy - ZÁŘIVĚ ČERVENÁ a TVAR PILULKY */
/* Zaměříme všechny možné třídy, kam Shoptet slevu schovává */
.price-save, 
.discount, 
.flag-discount, 
.flags .flag-discount,
.product-flags .flag-discount,
.p-detail .price-save,
.price-standard .discount-text /* Pokud to Shoptet cpe k původní ceně */ {
    background: #ff4757 !important; /* Zářivá, až agresivní červená */
    color: #ffffff !important; /* Výrazný bílý text */
    font-size: 1.2rem !important; /* Větší text slevy */
    font-weight: 900 !important;
    padding: 6px 14px !important;
    border-radius: 50px !important; /* Tvar pilulky */
    display: inline-block !important;
    text-transform: uppercase !important;
    box-shadow: 0 4px 15px rgba(255, 71, 87, 0.5) !important; /* Výrazný stín, aby to svítilo */
    text-decoration: none !important; /* Zruší případné přeškrtnutí od rodiče */
}

/* 3. Původní cena - Styl pilulky s výrazným přeškrtnutím */
.price-standard, 
.p-detail .price-standard,
.product-top .price-standard {
    font-size: 1.3rem !important; /* Znatelně zvětšené */
    font-weight: 700 !important; /* Tučnější písmo */
    color: #576574 !important; /* Tmavší, lépe čitelná šedá */
    background-color: #f1f2f6 !important; /* Jemné šedé pozadí ve tvaru pilulky */
    padding: 4px 12px !important;
    border-radius: 20px !important; /* Zaoblené rohy ladící s ostatními prvky */
    text-decoration: line-through !important;
    text-decoration-color: #ff4757 !important; /* Výrazná červená barva přeškrtnutí */
    text-decoration-thickness: 3px !important; /* Tlustší, nepřehlédnutelná čára */
    display: inline-block !important;
    margin-right: 10px !important;
    margin-bottom: 8px !important;
}

/* Pojistka pro texty typu "Původně:" uvnitř Shoptet elementu */
.price-standard span {
    text-decoration: inherit !important; /* Podědí styl přeškrtnutí i na samotné číslo */
}

/* --- OPRAVA: Štítky (flags) přes obrázek na detailu produktu --- */

/* Kontejner, který drží štítky v obrázku pohromadě */
.p-detail .p-image .flags,
.p-detail .image-wrapper .flags,
.type-detail .p-image .flags {
    position: absolute !important;
    top: 15px !important;
    left: 15px !important;
    z-index: 10 !important;
    display: flex !important;
    flex-direction: column !important; /* Pokud je štítků víc (Skladem, Akce), poskládají se pod sebe */
    gap: 8px !important; /* Mezera mezi štítky */
    align-items: flex-start !important;
}

/* Samotné štítky uvnitř fotky (Sleva, Novinka, Tip...) */
.p-detail .p-image .flag,
.p-detail .image-wrapper .flag,
.type-detail .p-image .flag,
.p-detail .p-image .flag-discount,
.p-detail .image-wrapper .flag-discount {
    position: static !important; /* Zrušíme jejich rozházené absolutní pozicování */
    font-size: 0.85rem !important; /* Zmenšíme text, ať nezakrývají produkt */
    font-weight: 800 !important;
    padding: 4px 10px !important; /* Decentnější okraje */
    border-radius: 20px !important; /* Tvar menší pilulky */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important; /* Lehký stín pro čitelnost na světlé fotce */
    line-height: 1.2 !important;
    height: auto !important;
    margin: 0 !important;
}

/* Pojistka speciálně pro slevový štítek v obrázku, aby si udržel červenou barvu */
.p-detail .p-image .flag-discount,
.p-detail .image-wrapper .flag-discount {
    background: #ff4757 !important;
    color: #ffffff !important;
}

.cart-widget-product>div.cart-widget-product-unit {
    padding-right: 65px;
}

/* --- MODERNÍ POPISEK PRODUKTU V DETAILU --- */

/* --- RESPONZIVNÍ POPISEK PRODUKTU (Zvětšený pro PC) --- */

/* 1. Základní text popisku (mobilní zobrazení - výchozí) */
.p-desc,
#description {
    font-size: 16px !important; 
    line-height: 1.6 !important; 
    color: #4a4a4a !important; 
    margin-top: 20px !important;
}

/* 2. Zvětšení pro tablety a PC (obrazovky širší než 768px) */
@media (min-width: 768px) {
    .p-desc,
    #description {
        font-size: 1.25rem !important; /* Znatelně větší text na PC */
        line-height: 1.8 !important; /* Větší mezery mezi řádky pro snazší čtení na širším monitoru */
        max-width: 850px !important; /* Zabrání tomu, aby se text roztáhl přes celou šířku širokoúhlého monitoru (to se špatně čte) */
        margin-left: 0 !important; /* Zarovnání doleva */
    }

    /* Zvětšení nadpisů v popisku na PC */
    .p-desc h2, 
    .p-desc h3,
    #description h2,
    #description h3 {
        font-size: 1.7rem !important; 
        margin-top: 1.8em !important;
        margin-bottom: 0.8em !important;
    }

    /* Větší odrážky na PC */
    .p-desc ul li,
    #description ul li {
        font-size: 1.2rem !important;
        margin-bottom: 15px !important;
        padding-left: 45px !important; /* Větší odsazení pro větší fajfku */
    }

    /* Větší růžová fajfka na PC */
    .p-desc ul li::before,
    #description ul li::before {
        font-size: 1.5rem !important;
        top: -4px !important; /* Mírná korekce pozice kvůli většímu písmu */
    }
}

/* ... (zde nech ten zbytek předchozího kódu pro nadpisy, tučný text a základní nastavení odrážek, ten platí univerzálně) ... */

/* Nadpisy uvnitř popisku (univerzální barva a váha) */
.p-desc h2, 
.p-desc h3,
#description h2,
#description h3 {
    color: #e84393 !important;
    font-weight: 800 !important;
}

/* Zvýrazněný text (tučně = růžový podkres) */
.p-desc strong, 
.p-desc b,
#description strong,
#description b {
    color: #2d3436 !important;
    font-weight: 700 !important;
    background: linear-gradient(120deg, #ffcce0 0%, #ffe6f0 100%) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 35% !important;
    background-position: 0 90% !important;
    padding: 0 4px !important;
}

/* Seznamy a odrážky - základní nastavení (skrytí teček) */
.p-desc ul,
#description ul {
    list-style-type: none !important;
    padding-left: 0 !important;
    margin: 20px 0 !important;
}

.p-desc ul li,
#description ul li {
    position: relative !important;
    line-height: 1.6 !important;
}

.p-desc ul li::before,
#description ul li::before {
    content: '✔' !important; 
    position: absolute !important;
    left: 0 !important;
    color: #e84393 !important;
    font-weight: 900 !important;
}

/* --- SEKUNDÁRNÍ TLAČÍTKA (Tisk, Zeptat se, Sdílet) - Přesné cílení --- */

/* Obal tlačítek - zarovnání vedle sebe s mezerou */
.link-icons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

/* Samotná tlačítka (pilulky) */
.link-icons .link-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #f8f9fa !important; /* Světle šedá */
    color: #576574 !important; /* Tmavší šedý text */
    padding: 8px 18px !important;
    border-radius: 50px !important; /* Tvar pilulky */
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border: 1px solid #e1e8ed !important; /* Jemný rámeček */
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-shadow: none !important;
}

/* Ikony v tlačítkách (Shoptet je často vkládá přes ::before) */
.link-icons .link-icon::before {
    color: #a4b0be !important; /* Šedá ikona v základu */
    margin-right: 8px !important;
    font-size: 1.1rem !important;
    transition: color 0.3s ease !important;
}

/* HOVER EFEKT - Najetí myší (Zrůžovění) */
.link-icons .link-icon:hover {
    background-color: #fff0f5 !important; /* Růžové pozadí */
    border-color: #ffcce0 !important; /* Růžový rámeček */
    color: #e84393 !important; /* Růžový text */
    transform: translateY(-2px) !important; /* Povyskočení */
    box-shadow: 0 4px 12px rgba(232, 67, 147, 0.15) !important; /* Růžový stín */
}

/* Zrůžovění ikony při najetí myší */
.link-icons .link-icon:hover::before {
    color: #e84393 !important;
}

/* --- DOKONALÉ KOLEČKO PRO SLEVU (Oprava struktury) --- */

/* Hlavní obal štítku - vynucení přesného kruhu */
.flag.flag-discount {
    width: 55px !important;  /* Pevná šířka (stejná jako výška) */
    height: 55px !important; /* Pevná výška (stejná jako šířka) */
    border-radius: 50% !important; /* Udělá 100% kulatý tvar */
    background: #ff4757 !important; /* Zářivá červená */
    display: inline-flex !important;
    align-items: center !important; /* Vertikální vycentrování obsahu */
    justify-content: center !important; /* Horizontální vycentrování obsahu */
    padding: 0 !important; /* Zrušení vnitřních okrajů, které to natahovaly */
    box-shadow: 0 4px 10px rgba(255, 71, 87, 0.4) !important;
    overflow: hidden !important; /* Nic nesmí téct mimo kolečko */
    z-index: 10 !important;
}

/* Skrytí původní přeškrtnuté ceny UVNITŘ štítku */
/* (Aby se kolečko nenatahovalo do šišky. U košíku cena normálně zůstane.) */
.flag.flag-discount .price-standard {
    display: none !important;
}

/* Samotná procenta (-5 %) - maximalizace uvnitř kolečka */
.flag.flag-discount .price-save {
    color: #ffffff !important; 
    font-size: 1.15rem !important; /* Velikost přesně vypočítaná pro 55px kolečko */
    font-weight: 900 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important; /* Zruší jakékoliv předchozí červené pozadí navíc */
    box-shadow: none !important; 
    text-align: center !important;
    line-height: 1 !important; /* Aby text nebyl posunutý nahoru nebo dolů */
    white-space: nowrap !important; /* Zabrání zalomení textu na dva řádky */
}

/* --- IZOLOVANÉ VYSKAKOVACÍ OKNO KOŠÍKU --- */

/* Pozadí okna */
#peropro-cart-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.75) !important;
    backdrop-filter: blur(4px) !important;
    z-index: 9999999 !important;
    display: none;
    align-items: center !important;
    justify-content: center !important;
}

#peropro-cart-overlay.peropro-visible {
    display: flex !important;
}

/* Samotný box okna */
.peropro-modal-box {
    background: #ffffff !important;
    padding: 30px !important;
    width: 90% !important;
    max-width: 450px !important;
    position: relative !important;
    box-shadow: 0 25px 50px -12px rgba(232, 67, 147, 0.25) !important;
    border-radius: 8px !important;
    animation: peropro-slideUp 0.3s ease-out forwards !important;
}

@keyframes peropro-slideUp {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

/* Křížek pro zavření */
.peropro-close-trigger {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    width: 32px !important;
    height: 32px !important;
    background: #f8f9fa !important;
    border: none !important;
    border-radius: 50% !important;
    color: #e84393 !important;
    font-size: 22px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    transition: all 0.2s ease !important;
}

.peropro-close-trigger:hover {
    background: #e84393 !important;
    color: #fff !important;
}

/* Obsah košíku */
#peropro-cart-injected-content {
    margin-top: 15px !important;
    max-height: 50vh !important;
    overflow-y: auto !important;
}

/* Skrytí původních prvků ze Shoptet widgetu (aby se nám nekryly s našimi tlačítky) */
#peropro-cart-injected-content .cart-widget-bottom,
#peropro-cart-injected-content .go-to-cart,
#peropro-cart-injected-content .btn {
    display: none !important;
}

/* --- NAŠE NOVÁ TLAČÍTKA --- */
.peropro-modal-actions {
    display: flex !important;
    justify-content: space-between !important;
    gap: 15px !important;
    margin-top: 25px !important;
}

.peropro-continue-btn {
    flex: 1 !important;
    padding: 12px 15px !important;
    background: #f1f2f6 !important;
    color: #576574 !important;
    border: 1px solid #dfe4ea !important;
    border-radius: 4px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    transition: 0.2s !important;
}

.peropro-continue-btn:hover {
    background: #dfe4ea !important;
}

.peropro-checkout-btn {
    flex: 1 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background: linear-gradient(135deg, #ff6b81 0%, #e84393 100%) !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    transition: 0.2s !important;
}

.peropro-checkout-btn:hover {
    opacity: 0.9 !important;
}

/* --- ODSTRANĚNÍ SYSTÉMOVÉHO LOADERU --- */
#loading, 
.loading-overlay, 
.loader-overlay,
#loading-overlay {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}