/* ==========================================================================
   Gigamat – úvod kategorie (perex) „giga-intro“
   Opt-in: platí jen pro kategorie, kde je v perexu <div class="giga-intro">.
   Ostatní kategorie se nemění. Návrh 20. 10. 2026 (Filipes Media).
   ========================================================================== */

.category-perex .giga-intro {
    text-align: left;
    position: relative;
    max-width: 920px;
    margin: 6px 0 18px;
    padding: 2px 0 0 20px;
    border-left: 4px solid #e30613;
}

.category-perex .giga-intro p.giga-intro__text {
    margin: 0;
    font-size: 17px;
    line-height: 1.65;
    color: #404040;
}

.category-perex .giga-intro p.giga-intro__text strong {
    color: #1a1a1a;
    font-weight: 700;
}

.category-perex .giga-intro .giga-intro__foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 22px;
    margin-top: 16px;
}

.category-perex .giga-intro ul.giga-intro__usp {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 18px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.category-perex .giga-intro ul.giga-intro__usp li {
    margin: 0;
    display: inline-flex;
    align-items: center;
    padding: 0 !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    color: #404040;
    background: none;
}

/* šablona dává li::before absolutní pozici (odrážka) – přebíjíme */
.category-perex .giga-intro ul.giga-intro__usp li::before {
    content: "✓" !important;
    position: static !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    border: 0 !important;
    transform: none !important;
    margin: 0 6px 0 0 !important;
    color: #e30613 !important;
    font-weight: 800;
}

.category-perex .giga-intro a.giga-intro__more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 700;
    color: #e30613;
    text-decoration: none;
    border: 2px solid #e30613;
    border-radius: 999px;
    transition: background .2s, color .2s;
}

.category-perex .giga-intro a.giga-intro__more::after {
    content: "↓";
    font-size: 15px;
    line-height: 1;
}

.category-perex .giga-intro a.giga-intro__more:hover,
.category-perex .giga-intro a.giga-intro__more:focus {
    background: #e30613;
    color: #fff;
}

#secondDescription {
    scroll-margin-top: 90px;
}

@media (max-width: 767px) {
    .category-perex .giga-intro {
        padding-left: 14px;
        border-left-width: 3px;
    }
    .category-perex .giga-intro p.giga-intro__text {
        font-size: 15px;
    }
    /* mobil: štítky skryté (doprava je i v hlavičce), odkaz dolů jen jako malé tlačítko – ať perex nevytlačí produkty */
    .category-perex .giga-intro ul.giga-intro__usp {
        display: none;
    }
    .category-perex .giga-intro .giga-intro__foot {
        margin-top: 10px;
    }
    .category-perex .giga-intro a.giga-intro__more {
        padding: 6px 14px;
        font-size: 14px;
        border-width: 1.5px;
    }
}
/* ==========================================================================
   Gigamat – ikony v textech kategorií „gi“ (místo emoji, stejné na všech zařízeních)
   Použití: class="gi gi-flame" na nadpis bloku (summary, div). Ikony Lucide (ISC licence).
   ========================================================================== */
.gi::before {
    content: "";
    display: inline-block;
    flex-shrink: 0;
    width: 1.2em;
    height: 1.2em;
    margin-right: .55em;
    vertical-align: -0.22em;
    background-color: #e30613;
    -webkit-mask: var(--gi) no-repeat center / contain;
    mask: var(--gi) no-repeat center / contain;
}
.gi--amber::before { background-color: #f5a623; }
.gi--lg::before { width: 20px; height: 20px; vertical-align: -5px; }
summary.gi::-webkit-details-marker { display: none; }
.gi-circle-help { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3' /%3E%3Cpath d='M12 17h.01' /%3E%3C/svg%3E"); }
.gi-fan { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M10.827 16.379a6.082 6.082 0 0 1-8.618-7.002l5.412 1.45a6.082 6.082 0 0 1 7.002-8.618l-1.45 5.412a6.082 6.082 0 0 1 8.618 7.002l-5.412-1.45a6.082 6.082 0 0 1-7.002 8.618l1.45-5.412Z' /%3E%3Cpath d='M12 12v.01' /%3E%3C/svg%3E"); }
.gi-flame { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z' /%3E%3C/svg%3E"); }
.gi-heater { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M11 8c2-3-2-3 0-6' /%3E%3Cpath d='M15.5 8c2-3-2-3 0-6' /%3E%3Cpath d='M6 10h.01' /%3E%3Cpath d='M6 14h.01' /%3E%3Cpath d='M10 16v-4' /%3E%3Cpath d='M14 16v-4' /%3E%3Cpath d='M18 16v-4' /%3E%3Cpath d='M20 6a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3' /%3E%3Cpath d='M5 20v2' /%3E%3Cpath d='M19 20v2' /%3E%3C/svg%3E"); }
.gi-house { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8' /%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z' /%3E%3C/svg%3E"); }
.gi-layers { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z' /%3E%3Cpath d='m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65' /%3E%3Cpath d='m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65' /%3E%3C/svg%3E"); }
.gi-lightbulb { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5' /%3E%3Cpath d='M9 18h6' /%3E%3Cpath d='M10 22h4' /%3E%3C/svg%3E"); }
.gi-magnet { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m6 15-4-4 6.75-6.77a7.79 7.79 0 0 1 11 11L13 22l-4-4 6.39-6.36a2.14 2.14 0 0 0-3-3L6 15' /%3E%3Cpath d='m5 8 4 4' /%3E%3Cpath d='m12 15 4 4' /%3E%3C/svg%3E"); }
.gi-plug { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 22v-5' /%3E%3Cpath d='M9 8V2' /%3E%3Cpath d='M15 8V2' /%3E%3Cpath d='M18 8v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8Z' /%3E%3C/svg%3E"); }
.gi-quote { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z' /%3E%3Cpath d='M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z' /%3E%3C/svg%3E"); }
.gi-ruler { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z' /%3E%3Cpath d='m14.5 12.5 2-2' /%3E%3Cpath d='m11.5 9.5 2-2' /%3E%3Cpath d='m8.5 6.5 2-2' /%3E%3Cpath d='m17.5 15.5 2-2' /%3E%3C/svg%3E"); }
.gi-settings { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z' /%3E%3Ccircle cx='12' cy='12' r='3' /%3E%3C/svg%3E"); }
.gi-shopping-bag { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z' /%3E%3Cpath d='M3 6h18' /%3E%3Cpath d='M16 10a4 4 0 0 1-8 0' /%3E%3C/svg%3E"); }
.gi-snowflake { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cline x1='2' x2='22' y1='12' y2='12' /%3E%3Cline x1='12' x2='12' y1='2' y2='22' /%3E%3Cpath d='m20 16-4-4 4-4' /%3E%3Cpath d='m4 8 4 4-4 4' /%3E%3Cpath d='m16 4-4 4-4-4' /%3E%3Cpath d='m8 20 4-4 4 4' /%3E%3C/svg%3E"); }
.gi-sun { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='12' cy='12' r='4' /%3E%3Cpath d='M12 2v2' /%3E%3Cpath d='M12 20v2' /%3E%3Cpath d='m4.93 4.93 1.41 1.41' /%3E%3Cpath d='m17.66 17.66 1.41 1.41' /%3E%3Cpath d='M2 12h2' /%3E%3Cpath d='M20 12h2' /%3E%3Cpath d='m6.34 17.66-1.41 1.41' /%3E%3Cpath d='m19.07 4.93-1.41 1.41' /%3E%3C/svg%3E"); }
.gi-thermometer { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z' /%3E%3C/svg%3E"); }
.gi-timer { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cline x1='10' x2='14' y1='2' y2='2' /%3E%3Cline x1='12' x2='15' y1='14' y2='11' /%3E%3Ccircle cx='12' cy='14' r='8' /%3E%3C/svg%3E"); }
.gi-trees { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M10 10v.2A3 3 0 0 1 8.9 16H5a3 3 0 0 1-1-5.8V10a3 3 0 0 1 6 0Z' /%3E%3Cpath d='M7 16v6' /%3E%3Cpath d='M13 19v3' /%3E%3Cpath d='M12 19h8.3a1 1 0 0 0 .7-1.7L18 14h.3a1 1 0 0 0 .7-1.7L16 9h.2a1 1 0 0 0 .8-1.7L13 3l-1.4 1.5' /%3E%3C/svg%3E"); }
.gi-wind { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12.8 19.6A2 2 0 1 0 14 16H2' /%3E%3Cpath d='M17.5 8a2.5 2.5 0 1 1 2 4H2' /%3E%3Cpath d='M9.8 4.4A2 2 0 1 1 11 8H2' /%3E%3C/svg%3E"); }
.gi-wrench { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z' /%3E%3C/svg%3E"); }
.gi-zap { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z' /%3E%3C/svg%3E"); }