/* idepar-kategorie-6.css — výpis kategorie idepar.cz
   Vygenerováno skriptem web/postav_kategorii.py z web/preview/kategorie-1.html.
   RUČNĚ NEUPRAVOVAT, úpravy patří do makety a pak se přegeneruje.

   Selektory míří na nativní třídy Shoptetu (.product, .p-in, .prices, .p-tools),
   protože kartu nepřestavujeme — do košíku se přidává přes form.pr-action
   s CSRF a skrytými poli, a ten musí zůstat, kde je.
   Vlastní prvky, které přidává JS, mají prefix .ipk-. */

/* ------------------------------------------------------------------- obal */
/* Obsah kategorie měl vlastní obal 1410 px od x=15, hlavička 1300 px od x=70.
   Text tak lezl pod fixní poutač „Hodnocení obchodu", který vyčnívá přes levý
   okraj a ukrajoval z nadpisu i perexu první písmena. Stejný obal jako
   hlavička to řeší a zároveň srovná svislou osu celé stránky. */
body.ipk .container.content-wrapper,
body.ipk #content-wrapper.container{width:min(1300px, 100% - 48px);max-width:none;
        margin:0 auto;padding-left:0;padding-right:0}

/* Blok „Nejprodávanější" odsouval skutečný výpis o celou obrazovku a ukazoval
   produkty, které jsou stejně hned pod ním. */
body.ipk .products-top-wrapper{display:none}

/* Štítky na kartách: Shoptet je barví z administrace a vznikl z toho jarmark
   (svítivě zelená, modrá, světle šedá, všechno s černým textem). Sjednoceno
   do palety značky, u „Video ukázka" krémová s tmavým textem. */
body.ipk #products.products-page .product .flag{background:var(--dark,#2B3326)!important;
        color:#fff!important;border-radius:10px;font-size:11.5px;font-weight:600;
        letter-spacing:.04em;padding:4px 9px;box-shadow:none}
body.ipk #products.products-page .product .flag span{color:#fff!important}
body.ipk #products.products-page .product .flag-video-ukazka{
        background:var(--soft,#FAF8F5)!important;color:var(--ink,#1B1A16)!important;
        border:1px solid var(--line,#E6E3DC)}
body.ipk #products.products-page .product .flag-video-ukazka span{
        color:var(--ink,#1B1A16)!important}
/* flags-extra nese slevu a tu stylujeme zvlášť u fotky. Text uvnitř nesmí
   zůstat bílý, jinak svítí bílá na krémovém podkladu (naměřeno 1,06:1). */
body.ipk #products.products-page .product .flags-extra .flag{background:none!important;
        padding:0;border-radius:0}
body.ipk #products.products-page .product .flags-extra .flag span,
body.ipk #products.products-page .product .flags-extra .flag-text{
        color:var(--ink,#1B1A16)!important}
body.ipk #products.products-page .product .flags-extra .flag .price-save{color:#fff!important}

/* ---------------------------------------------------------------- záhlaví */
body.ipk .category-top{padding:22px 0 14px}
body.ipk .category-title,
body.ipk h1.category-title{font-size:34px;line-height:1.1;letter-spacing:-.8px;
        font-weight:600;margin:0}
body.ipk .ipk-poc{font-size:14px;color:var(--mut,#6E6A63);font-weight:400;
        margin-left:12px;white-space:nowrap}

/* Perex byl nad výpisem a na mobilu zabral celou první obrazovku, takže nad
   ohybem nebyl ani jeden produkt (naměřeno 0). Sbalíme ho na dva řádky,
   celý text zůstává dostupný přes „Číst celé" i vyhledávačům. */
body.ipk .category-perex,
body.ipk #category-perex{font-size:15px;line-height:1.65;color:var(--mut,#6E6A63);
        max-width:78ch;margin:10px 0 0}
body.ipk .ipk-sbaleno{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
        overflow:hidden}
body.ipk .ipk-vic{background:none;border:0;padding:4px 0;margin:4px 0 0;font:inherit;
        font-size:13.5px;font-weight:500;color:var(--acc,#B0603A);cursor:pointer;
        text-decoration:underline;text-underline-offset:3px}

/* ---------------------------------------------------------------- mřížka */
body.ipk #products.products-page{display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;float:none;
        width:100%;margin:0;padding:0}
body.ipk #products.products-page::before,
body.ipk #products.products-page::after{display:none}

/* ---------------------------------------------------------------- karta */
/* Jedna barevná logika: akcent značky nese jen sleva a tlačítko do košíku,
   všechno ostatní je text. Nativní karta měla až pět barev naráz. */
/* Carbon dává kartám pevnou šířku a vodorovný padding pro svoji plovoucí
   mřížku. V gridu z toho přetékaly ven z obalu (na mobilu 2×196 px do 302 px). */
body.ipk #products.products-page .product{width:auto!important;max-width:none!important;
        min-width:0!important;margin:0!important;padding:0!important;float:none!important;
        border:0}
body.ipk #products.products-page .product .p{display:flex;flex-direction:column;height:100%;
        width:100%;
        background:#fff;border:1px solid var(--line,#E6E3DC);border-radius:var(--r,16px);
        overflow:hidden;padding:0;margin:0;
        transition:border-color .2s var(--ease,ease),transform .25s var(--ease,ease),
                   box-shadow .25s var(--ease,ease)}
body.ipk #products.products-page .product .p:hover{border-color:var(--ink,#1B1A16);transform:translateY(-3px);
        box-shadow:0 14px 30px -18px rgba(20,16,12,.45)}

body.ipk #products.products-page .product .image{position:relative;display:block;width:100%;
        aspect-ratio:1/1;height:auto;background:var(--soft,#FAF8F5);overflow:hidden;
        margin:0;padding:0;border:0;max-width:none}
/* Produktové fotky mají v souboru čistě bílé pozadí (ověřeno na všech produktech
   kategorie), plocha karty je krémová. Multiply bílou s podkladem sloučí, takže
   fotka neplave jako nálepka a nemusí se nic vyřezávat. */
body.ipk #products.products-page .product .image img{width:100%;height:100%;object-fit:contain;
        padding:8%;mix-blend-mode:multiply;transition:transform .35s var(--ease,ease)}
body.ipk #products.products-page .product .p:hover .image img{transform:scale(1.05)}

/* ze štítku slevy zůstane jen procento, cena je v kartě níž */
/* Dvě skupiny štítků obě sedí absolutně vlevo nahoře a ležely na sobě
   (sleva „−21 %" pod tmavým „Akce"). Sleva zůstává vlevo, ostatní jdou doprava. */
body.ipk #products.products-page .product .flags-extra{position:absolute;top:10px;left:10px;
        right:auto;z-index:3;margin:0;padding:0;display:flex;gap:6px;align-items:flex-start;
        height:auto;min-height:0}   /* bez flex-start se .flag-discount natahoval na 155 px */
body.ipk #products.products-page .product .flags-default{position:absolute;top:10px;right:10px;
        left:auto;bottom:auto;z-index:2;margin:0;padding:0;display:flex;flex-direction:column;
        align-items:flex-end;gap:6px;width:auto;max-width:60%}
/* Carbon dává .flag-discount pevných 42×42 px pro svůj kulatý štítek; text
   „−53 %" se v tom na mobilu lámal na dva řádky. Rozměr má mít vnitřní .price-save. */
body.ipk #products.products-page .product .flag-discount{display:block;background:none;padding:0;
        width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;
        line-height:normal}
body.ipk #products.products-page .product .flag-discount .price-standard{display:none}
body.ipk #products.products-page .product .flags.flags-extra .flag .price-save{
        display:inline-block;background:var(--acc,#B0603A);color:#fff!important;
        font-size:13px;font-weight:700;padding:5px 10px;border-radius:10px;
        letter-spacing:.01em;white-space:nowrap}   /* „−53 %" se na mobilu lámalo na dva řádky */

/* Carbon centruje obsah karty. Text se čte líp zarovnaný na levou hranu,
   navíc tak sedí pod sebou název, hodnocení, dostupnost i cena. */
body.ipk #products.products-page .product .p-in{display:flex;flex-direction:column;flex:1;
        padding:14px 15px 15px;gap:7px;text-align:left}
body.ipk #products.products-page .product .p-in *{text-align:left}
body.ipk #products.products-page .product .p-in .ratings-wrapper,
body.ipk #products.products-page .product .p-in .stars,
body.ipk #products.products-page .product .p-in .stars-wrapper,
body.ipk #products.products-page .product .p-in .availability{
        justify-content:flex-start!important;align-items:flex-start;align-self:flex-start}
/* .prices má row-reverse (aktuální cena vlevo, přeškrtnutá za ní), takže
   „na začátek" je tu flex-end — flex-start by cenu odsunul doprava */
body.ipk #products.products-page .product .p-in .prices{
        justify-content:flex-end!important;align-self:flex-start}
body.ipk #products.products-page .product .p-in .availability{align-items:center}
body.ipk #products.products-page .product .p-in .prices{align-items:baseline}
body.ipk #products.products-page .product .btn-cart,
body.ipk #products.products-page .product .p-tools .btn{text-align:center}
body.ipk #products.products-page .product .p-in-in{display:flex;flex-direction:column;gap:7px;padding:0}
/* Shoptet má na tyhle čtyři vlastnosti silnější selektory (a u zaoblení
   dokonce !important z třídy .st-rounding-corners), takže je musíme přebít
   delším řetězcem, ne jen vlastní třídou na body. */
body.ipk #products.products-page .product .p .name{font-size:15px;font-weight:500;line-height:1.35;
        color:var(--ink,#1B1A16);display:-webkit-box;-webkit-line-clamp:2;
        -webkit-box-orient:vertical;overflow:hidden;margin:0;padding:0;min-height:0}
body.ipk #products.products-page .product .name:hover{color:var(--acc,#B0603A)}
body.ipk #products.products-page .product .name span{font:inherit;color:inherit}

/* Shoptetí zelená #009901 má na bílé jen 3,78:1 a dostupnost je drobné písmo.
   Barvu proto nese puntík, text zůstává čitelně tmavý. */
body.ipk #products.products-page .product .ratings-wrapper{display:flex;
        flex-direction:column;gap:6px;margin:0;padding:0;min-height:0}
/* Hodnocení plní Shoptet dodatečně do .stars-wrapper, kterému dává
   position:absolute a top:-3px — hvězdičky pak ležely přes název produktu. */
body.ipk #products.products-page .product .stars-wrapper,
body.ipk #products.products-page .product .stars-placeholder,
body.ipk #products.products-page .product .stars{position:static!important;
        top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
        margin:0!important;padding:0;order:-1}
body.ipk #products.products-page .product .stars-placeholder:empty{display:none}
body.ipk #products.products-page .product .stars{display:flex;gap:2px}
body.ipk #products.products-page .product .star{color:var(--line,#E6E3DC)}
body.ipk #products.products-page .product .star.star-on{color:var(--acc,#B0603A)}
body.ipk #products.products-page .product .availability{display:flex;align-items:center;gap:7px;
        font-size:12.5px;color:var(--mut,#6E6A63);margin:0}
body.ipk #products.products-page .product .availability span{color:var(--mut,#6E6A63)!important;
        font-size:12.5px}
body.ipk #products.products-page .product .availability::before{content:"";width:7px;height:7px;
        border-radius:50%;background:#2E7D32;flex:0 0 auto}
body.ipk #products.products-page .product.ipk-pryc .availability::before{background:#B4AFA6}
body.ipk #products.products-page .product .availability-amount{color:var(--mut,#6E6A63)!important}

body.ipk #products.products-page .product .p-bottom{display:flex;flex-direction:column;gap:10px;
        margin-top:auto;padding:0}
body.ipk #products.products-page .product .p-bottom > div{display:flex;flex-direction:column;gap:10px}
/* Cena: původní pořadí je přeškrtnutá vlevo, aktuální vpravo. Otáčíme, aby oko
   šlo nejdřív na tu, kterou zákazník zaplatí. Výšku nechat dopočítat, jinak se
   blok srazí na pár pixelů a cena z něj vyteče přes tlačítko. */
body.ipk #products.products-page .product .prices{display:flex;align-items:baseline;
        gap:9px;flex-direction:row-reverse;justify-content:flex-end;flex-wrap:wrap;
        margin:0;padding:6px 0 0;height:auto!important;min-height:0!important;
        max-height:none!important;flex:0 0 auto;background:none;border:0;width:auto}
body.ipk #products.products-page .product .price-final{background:none;padding:0;margin:0;border:0}
/* u zlevněných má Carbon cenu bílou (na zeleném podkladu, který jsme odstranili),
   takže by svítila bílá na bílé */
body.ipk #products.products-page .product .prices .price-final strong,
body.ipk #products.products-page .product .prices.in-discount .price-side .price-final strong,
body.ipk #products.products-page .product .prices.in-discount .price-side .price-final{
        font-size:20px;font-weight:600;letter-spacing:-.3px;
        color:var(--ink,#1B1A16)!important;background:none;padding:0}
/* Carbon barví obaly ceny: .price-side svítivě zelenou #5FC700 a .discount-side
   šedou. Vypadalo to jako dvě tlačítka nad sebou a cena se pletla s akcí. */
/* Shoptet má na .price-side pravidlo se šesti třídami a !important
   (#5fc700 svítivě zelená), takže náš selektor musí být ještě delší. */
body.ipk #products.products-page .product .prices .discount-side,
body.ipk #products.products-page .product .prices.in-discount .discount-side,
body.ipk #products.products-page .product .prices .price-side,
body.ipk #products.products-page .product .prices.in-discount .price-side{
        display:flex;align-items:baseline;gap:9px;background:none!important;
        padding:0!important;margin:0;width:auto!important;min-height:0;flex:0 0 auto;
        border:0;border-radius:0!important;box-shadow:none;color:inherit!important}
body.ipk #products.products-page .product .price-side .price{background:none!important;
        padding:0;margin:0;min-height:0}
body.ipk #products.products-page .product .old-price{font-size:13.5px;color:var(--mut,#6E6A63);
        text-decoration:line-through;background:none;padding:0}
/* procento je už u fotky, podruhé u ceny je jen šum */
body.ipk #products.products-page .product .prices .percents{display:none}

body.ipk #products.products-page .product .p-tools{display:block;margin:0;padding:0}
body.ipk #products.products-page .product .p-tools form{margin:0}
body.ipk #products.products-page .product .btn-cart,
body.ipk #products.products-page .product .p-tools .btn{display:flex;align-items:center;
        justify-content:center;gap:9px;width:100%;height:44px;border:0;
        border-radius:var(--r,16px);background:var(--acc,#B0603A);color:#fff;
        font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;text-align:center;
        text-transform:none;letter-spacing:0;box-shadow:none;
        border-radius:var(--r,16px)!important;   /* .st-rounding-corners tlačí 6px s !important */
        transition:background .2s var(--ease,ease)}
body.ipk #products.products-page .product .btn-cart:hover,
body.ipk #products.products-page .product .p-tools .btn:hover{background:#96502F;color:#fff}

/* vyprodané: zůstávají ve výpisu, ale za skladovými a o krok vzadu */
body.ipk #products.products-page .product.ipk-pryc .image img{opacity:.55;filter:saturate(.45)}
body.ipk #products.products-page .product.ipk-pryc .name{color:var(--mut,#6E6A63)}
body.ipk #products.products-page .product.ipk-pryc .price-final strong{color:var(--mut,#6E6A63);
        font-weight:500}
body.ipk #products.products-page .product.ipk-pryc .flags-extra{display:none}
body.ipk #products.products-page .product.ipk-pryc .old-price{display:none}
body.ipk #products.products-page .product.ipk-pryc .p-tools .btn,
body.ipk #products.products-page .product.ipk-pryc .p-tools a.btn{
        background:none!important;border:1px solid var(--line,#E6E3DC);
        color:var(--ink,#1B1A16)!important}
body.ipk #products.products-page .product.ipk-pryc .p-tools .btn:hover,
body.ipk #products.products-page .product.ipk-pryc .p-tools a.btn:hover{
        background:var(--soft,#FAF8F5)!important;border-color:var(--ink,#1B1A16);
        color:var(--ink,#1B1A16)!important}
body.ipk .ipk-out{position:absolute;inset:auto 0 0;z-index:2;
        background:rgba(27,26,22,.82);color:#fff;font-size:12.5px;font-weight:600;
        letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:7px 0}

body.ipk .ipk-del{grid-column:1/-1;display:flex;align-items:center;gap:16px;
        margin:16px 0 2px;font-size:13.5px;color:var(--mut,#6E6A63)}
body.ipk .ipk-del::before,body.ipk .ipk-del::after{content:"";height:1px;
        background:var(--line,#E6E3DC);flex:1}

/* ------------------------------------------------- popup „Přidáno do košíku" */
/* Nativní popup měl 1152 × 1711 px, tedy skoro dvojnásobek okna: čtyři velké
   karty cross-sellu pod sebou. Zákazník po přidání do košíku nevidí ani
   tlačítko do pokladny. Ořezáno na výšku okna a karty zmenšeny. */
body #colorbox.shoptet-modal-lg{max-height:92vh!important;
        top:max(4vh, env(safe-area-inset-top, 0px))!important}
body #colorbox.shoptet-modal-lg #cboxLoadedContent{max-height:88vh!important;
        overflow-y:auto!important;overscroll-behavior:contain}
body #colorbox .advanced-order #products.products{display:grid!important;
        grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;float:none;
        align-items:stretch;max-width:760px;margin:0 auto}
body #colorbox .advanced-order #products .product{width:auto!important;
        max-width:none!important;min-width:0!important;margin:0!important;
        padding:0!important;float:none!important;height:100%;display:flex}
body #colorbox .advanced-order #products .product .p{border:1px solid var(--line,#E6E3DC);
        border-radius:12px;overflow:hidden;height:100%;display:flex;flex-direction:column}
body #colorbox .advanced-order #products .product .image{aspect-ratio:1/1;width:100%;
        height:auto;background:var(--soft,#FAF8F5);margin:0;padding:0}
body #colorbox .advanced-order #products .product .image img{width:100%;height:100%;
        object-fit:contain;padding:9%;mix-blend-mode:multiply}
body #colorbox .advanced-order #products .product .p-in{padding:10px 11px 11px;gap:5px;
        display:flex;flex-direction:column;flex:1;text-align:left}
body #colorbox .advanced-order #products .product .name{font-size:13px;line-height:1.3;
        display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body #colorbox .advanced-order #products .product .price-final strong{font-size:15px;
        font-weight:600}
/* Barvy v popupu stejně jako ve výpisu: cena je text, akcent nese jen sleva
   a tlačítko. Nativně tu svítil zelený blok s cenou a oranžové tlačítko. */
body #colorbox .advanced-order #products .product .prices,
body #colorbox .advanced-order #products .product .prices .price-side,
body #colorbox .advanced-order #products .product .prices.in-discount .price-side,
body #colorbox .advanced-order #products .product .prices .discount-side,
body #colorbox .advanced-order #products .product .price-final{
        background:none!important;padding:0!important;margin:0;border:0;
        border-radius:0!important;width:auto!important;height:auto!important;
        min-height:0!important;color:var(--ink,#1B1A16)!important}
body #colorbox .advanced-order #products .product .prices{display:flex;flex-wrap:wrap;
        align-items:baseline;gap:8px;flex-direction:row-reverse;justify-content:flex-end;
        flex:0 0 auto;padding-top:4px!important}
body #colorbox .advanced-order #products .product .prices .price-final strong,
body #colorbox .advanced-order #products .product .prices.in-discount .price-side .price-final strong{
        font-size:15px;font-weight:600;color:var(--ink,#1B1A16)!important;background:none}
body #colorbox .advanced-order #products .product .old-price{font-size:12px;
        color:var(--mut,#6E6A63)!important;text-decoration:line-through;background:none!important}
body #colorbox .advanced-order #products .product .percents{display:none!important}
body #colorbox .advanced-order #products .product .btn-cart,
body #colorbox .advanced-order #products .product .p-tools .btn{
        background:var(--acc,#B0603A)!important;color:#fff!important;border:0;
        text-transform:none;letter-spacing:0;font-weight:600}
body #colorbox .advanced-order #products .product .btn-cart:hover,
body #colorbox .advanced-order #products .product .p-tools .btn:hover{
        background:#96502F!important;color:#fff!important}
/* zelená cedule „ZDARMA" přes půl fotky */
body #colorbox .advanced-order #products .product .flags-default,
body #colorbox .advanced-order #products .product .flag-freeshipping{display:none!important}
body #colorbox .advanced-order #products .product .flags-extra{position:absolute;top:8px;
        left:8px;z-index:2;margin:0;padding:0}
body #colorbox .advanced-order #products .product .flags-extra .flag{background:none!important;
        padding:0}
body #colorbox .advanced-order #products .product .flags-extra .price-standard{display:none}
body #colorbox .advanced-order #products .product .flags-extra .price-save{
        background:var(--acc,#B0603A)!important;color:#fff!important;font-size:11.5px;
        font-weight:700;padding:4px 8px;border-radius:8px;display:inline-block}
/* ---- hlavní část popupu ---- */
/* Scrollbar se objevoval až při hoveru (karta se zvedne a obsah povyroste),
   takže celý popup poskočil do strany. Místo pro lištu držíme vždy. */
body #colorbox.shoptet-modal-lg #cboxLoadedContent{scrollbar-gutter:stable}
/* v popupu žádná změna rozměru na hover: i tři pixely navíc vyvolají lištu */
body #colorbox .advanced-order #products .product .p,
body #colorbox .advanced-order #products .product .p:hover{transform:none!important;
        box-shadow:none!important}
body #colorbox .advanced-order #products .product .p:hover{border-color:var(--ink,#1B1A16)}
body #colorbox .advanced-order #products .product .image img,
body #colorbox .advanced-order #products .product .p:hover .image img{
        transform:none!important}
/* rezerva, aby obsah nepřetekl o pár pixelů kvůli zaokrouhlení */
body #colorbox .advanced-order{padding-bottom:6px}

body #colorbox .colorbox-html-content > h1,
body #colorbox .colorbox-html-content > h2,
body #colorbox .advanced-order > h2,
body #colorbox .advanced-order .products-related-header{font-size:21px;font-weight:600;
        letter-spacing:-.3px;color:var(--ink,#1B1A16)}

/* rámeček „Dopravu máte zdarma" */
body #colorbox .free-shipping-info,
body #colorbox .cart-window-shipping,
body #colorbox .advanced-order .shipping-info{border:1px solid var(--line,#E6E3DC)!important;
        border-radius:var(--r,16px)!important;background:var(--soft,#FAF8F5)!important;
        color:var(--ink,#1B1A16)!important}

/* Tlačítka byla žlutá #FFAA00 z výchozí šablony, hranatá. */
body #colorbox a.btn.btn-conversion,
body #colorbox .advanced-order a.btn-conversion{background:var(--acc,#B0603A)!important;
        color:#fff!important;border:0!important;border-radius:var(--r,16px)!important;
        font-weight:600;text-transform:none;letter-spacing:0;padding:11px 22px}
body #colorbox a.btn.btn-conversion:hover{background:#96502F!important;color:#fff!important}
body #colorbox button.btn.next-step-back,
body #colorbox .colorbox-close.btn{background:none!important;
        color:var(--ink,#1B1A16)!important;border:1px solid var(--line,#E6E3DC)!important;
        border-radius:var(--r,16px)!important;font-weight:500;text-transform:none;
        letter-spacing:0;padding:11px 22px}
body #colorbox button.btn.next-step-back:hover{background:var(--soft,#FAF8F5)!important;
        border-color:var(--ink,#1B1A16)!important;color:var(--ink,#1B1A16)!important}

body #colorbox .advanced-order #products .product .p-bottom{margin-top:auto;padding:0}
body #colorbox .advanced-order #products .product .p-tools{width:100%;margin:0;padding:0}
body #colorbox .advanced-order #products .product .p-tools form{margin:0;width:100%}
body #colorbox .advanced-order #products .product .btn-cart,
body #colorbox .advanced-order #products .product .p-tools .btn{height:36px;width:100%;
        font-size:13px;border-radius:12px!important;box-sizing:border-box;
        display:flex;align-items:center;justify-content:center;margin:0}
/* v popupu nepotřebujeme skladovost ani štítky, místo je drahé */
body #colorbox .advanced-order #products .product .availability,
body #colorbox .advanced-order #products .product .flags:not(.flags-extra),
body #colorbox .advanced-order #products .product .stars-wrapper{display:none!important}

@media (max-width:767px){
  body #colorbox .advanced-order #products.products{grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px}
  body #colorbox.shoptet-modal-lg{max-height:94vh!important}
}

/* Ikona náklaďáku (.flag-freeshipping ve .flags-extra) sedí VEDLE slevy a na
   147px kartě ji tlačí doprostřed, kde se sráží s textovými štítky. Text
   „Doprava zdarma" je stejně v .flags-default, ikona je duplicitní. */
body.ipk #products.products-page .product .flags-extra .flag-freeshipping{display:none!important}
/* řazení dědilo modrou odkazů Carbonu */
body.ipk .listSorting__control,
body.ipk .listSorting__control *,
body.ipk .listSorting__control--current,
body.ipk .listSorting__control--current *{color:var(--ink,#1B1A16)!important}

/* Na dotykovém displeji hover není: po tapu se karta zvedla a při odtapnutí
   sklouzla zpět, na telefonu to působilo jako chyba (Dominik 28. 09. 2026). */
@media (hover:none){
  body.ipk #products.products-page .product .p,
  body.ipk #products.products-page .product .p:hover{transform:none!important;
        box-shadow:none!important;border-color:var(--line,#E6E3DC)!important}
  body.ipk #products.products-page .product .p:hover .image img{transform:none!important}
  body.ipk #products.products-page .product .name:hover{color:var(--ink,#1B1A16)}
  body.ipk #products.products-page .product,
  body.ipk #products.products-page .product a{-webkit-tap-highlight-color:transparent}
}

/* ---------------------------------------------------------------- mobil */
@media (max-width:991px){
  body.ipk #products.products-page{grid-template-columns:repeat(3,1fr);gap:16px}
  body.ipk .category-title,body.ipk h1.category-title{font-size:28px}
}
@media (max-width:767px){
  body.ipk .category-top{padding:14px 0 10px}
  body.ipk .category-title,body.ipk h1.category-title{font-size:24px}
  body.ipk #products.products-page{grid-template-columns:repeat(2,1fr);gap:12px}
  body.ipk #products.products-page .product .p-in{padding:11px 12px 12px;gap:6px}
  body.ipk #products.products-page .product .name{font-size:13.5px}
  body.ipk #products.products-page .product .price-final strong{font-size:17px}
  body.ipk #products.products-page .product .old-price{font-size:12px}
  body.ipk #products.products-page .product .btn-cart,
  body.ipk #products.products-page .product .p-tools .btn{height:40px;font-size:13.5px}

  /* Obal: desktopový min(1300px, 100% - 48px) + Shoptetí padding 20 px dávaly
     na 393 px obsah až od 44 px a kartu jen 147 px širokou. Na telefonu
     16 px od kraje jako u hlavičky a homepage. */
  body.ipk .container.content-wrapper,
  body.ipk #content-wrapper.container{width:100%!important;max-width:100%!important;
        margin:0!important;padding-left:16px!important;padding-right:16px!important}

  /* Štítky: sleva vlevo nahoře sama, textové vpravo ve sloupci, menší a bez
     zalomení, ať se na 174px kartě nepotkají. */
  body.ipk #products.products-page .product .flags-extra{top:8px;left:8px;gap:4px}
  body.ipk #products.products-page .product .flags.flags-extra .flag .price-save{
        font-size:11px;padding:3px 7px;border-radius:7px}
  body.ipk #products.products-page .product .flags-default{top:8px;right:8px;gap:4px;
        max-width:calc(100% - 64px)}
  body.ipk #products.products-page .product .flags-default .flag{font-size:10px;
        padding:3px 6px;border-radius:7px;white-space:nowrap;letter-spacing:.02em;
        max-width:100%;overflow:hidden;text-overflow:ellipsis}
}