/* ============================================================
   BIOSILA.CZ - VLASTNÍ DESIGN (Šablona Step)
   Optimalizováno a vyčištěno | Verze: COMPLETE MASTER (Finále)
   ============================================================ */

/* 1. IMPORT FONTU MONTSERRAT */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');

/* 2. GLOBÁLNÍ BARVY, POZADÍ A TYPOGRAFIE */
body { background-color: #fdfdfb !important; font-family: 'Montserrat', sans-serif !important; }
h1, h2, h3, h4, .navigation-in > ul > li > a, .price-final, .category-title {
    font-family: 'Montserrat', sans-serif !important;
    color: #384d2b !important;
}
a { color: #4A6D3A; transition: all 0.2s ease; }
a:hover { color: #5BA32B; text-decoration: none !important; }
.header-controls .header-control-item i { color: #5BA32B !important; }

/* 3. TLAČÍTKA A VYHLEDÁVÁNÍ */
.btn, .button, #cart-confirm-button, .p-detail-add-to-cart .btn, .order-summary-item .btn, .add-to-cart-button .btn-cart {
    border-radius: 12px !important; box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    transition: all 0.3s ease-in-out !important; border: none !important;
}
.btn:hover, .button:hover, .btn-cart:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.15) !important; transform: translateY(-1px); }
.add-to-cart-button .btn-cart { background-color: #5ba32b !important; color: #ffffff !important; }

.search-form { border: 2px solid #5ba32b !important; border-radius: 25px !important; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important; }
.search-form .form-control { border: none !important; padding-left: 20px !important; height: 42px !important; }
.search-form .btn { background-color: #5ba32b !important; color: #ffffff !important; border-radius: 0 !important; width: 50px !important; }

/* 4. HLAVNÍ MENU A TLAČÍTKO "VÍCE" */
.navigation-wrapper { border-bottom: 1px solid #f0f0f0 !important; padding: 5px 0 !important; }
.navigation-in > ul > li > a, .menu-helper {
    font-weight: 600 !important; text-transform: uppercase; font-size: 14px !important;
    color: #333 !important; position: relative !important; background: transparent !important; transition: color 0.3s ease !important;
}
.navigation-in > ul > li > a::after, .menu-helper::after {
    content: '' !important; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 0; height: 3px; background-color: #5ba32b; transition: width 0.3s ease;
}
.navigation-in > ul > li:hover > a::after, .navigation-in > ul > li.active > a::after, .menu-helper:hover::after { width: 80% !important; }
.menu-helper:hover { color: #5ba32b !important; }

/* Podmenu (Více i standardní) */
.navigation-in ul li ul, #header .menu-helper ul {
    background-color: #ffffff !important; border: 1px solid #eaeaec !important;
    border-top: 3px solid #5ba32b !important; border-radius: 0 0 12px 12px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06) !important; padding: 5px 0 !important; margin-top: 0 !important;
}
.navigation-in ul li ul li a, #header .menu-helper ul li a {
    color: #444 !important; padding: 10px 20px !important; font-weight: 500 !important;
    display: block !important; transition: all 0.2s ease !important; text-transform: none !important; border: none !important; text-align: left !important;
}
.navigation-in ul li ul li:hover > a, #header .menu-helper ul li:hover > a { background-color: #f4f9f1 !important; color: #5ba32b !important; padding-left: 25px !important; }

/* 5. ROLETY MĚNA A JAZYK */
.languagesMenu__header { color: #384d2b !important; font-weight: 600 !important; background: transparent !important; transition: color 0.3s ease !important; }
.languagesMenu__box:hover .languagesMenu__header { color: #5ba32b !important; }
.languagesMenu__list { background-color: #ffffff !important; border: 1px solid #eaeaec !important; border-top: 3px solid #5ba32b !important; border-radius: 0 0 12px 12px !important; box-shadow: 0 10px 25px rgba(0,0,0,0.06) !important; padding: 5px 0 !important; background-image: none !important; }
.languagesMenu__list::before, .languagesMenu__list::after { display: none !important; }
.languagesMenu__list li, .languagesMenu__list__item { border: none !important; background: transparent !important; padding: 0 !important; }
.languagesMenu__list__link { color: #444 !important; padding: 10px 20px !important; font-weight: 500 !important; display: flex !important; align-items: center !important; gap: 10px !important; text-decoration: none !important; transition: all 0.2s ease !important; }
.languagesMenu__list li:hover .languagesMenu__list__link, .languagesMenu__list__item:hover .languagesMenu__list__link { background-color: #f4f9f1 !important; color: #5ba32b !important; padding-left: 25px !important; }

/* 6. LEVÝ PANEL KATEGORIÍ */
.box-categories { background: #ffffff !important; border: 1px solid #eaeaec !important; border-radius: 16px !important; padding: 20px !important; box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important; margin-bottom: 30px !important; }
.box-categories h4 { font-family: 'Montserrat', sans-serif !important; color: #384d2b !important; font-weight: 700 !important; font-size: 18px !important; margin-top: 0 !important; margin-bottom: 15px !important; border-bottom: 2px solid #eaeaec !important; padding-bottom: 12px !important; text-transform: uppercase !important; }
#categories .topic > a, #categories ul li > a { display: block !important; padding: 10px 15px !important; color: #444 !important; font-weight: 500 !important; font-size: 14px !important; border-radius: 8px !important; transition: all 0.3s ease !important; text-decoration: none !important; margin-bottom: 2px !important; }
#categories .topic > a:hover, #categories ul li > a:hover { background-color: #f4f9f1 !important; color: #5ba32b !important; padding-left: 25px !important; }
#categories .topic.active > a, #categories ul li.active > a { background-color: #5ba32b !important; color: #ffffff !important; font-weight: 600 !important; }
#categories ul { padding-left: 12px !important; border-left: 2px solid #f4f9f1 !important; margin-left: 10px !important; margin-top: 5px !important; margin-bottom: 5px !important; }
#categories .cat-trigger { transition: all 0.3s ease !important; }
#categories .topic.active > a .cat-trigger, #categories ul li.active > a .cat-trigger { filter: brightness(0) invert(1) !important; }

/* 7. PODKATEGORIE (Karty) */
.subcategories { list-style: none !important; padding: 0 !important; display: flex !important; flex-wrap: wrap !important; gap: 15px; margin-bottom: 40px !important; }
.subcategories li::before, .subcategories li::after { display: none !important; }
.subcategories li a { display: flex !important; align-items: center !important; justify-content: center !important; background: #fff !important; border: 1px solid #eaeaec !important; border-radius: 12px !important; padding: 15px 10px !important; font-weight: 600 !important; font-size: 14px !important; color: #384d2b !important; width: 100% !important; min-height: 70px !important; box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important; transition: all 0.3s ease !important; text-decoration: none !important; text-align: center !important; }
.subcategories li a:hover { border-color: #5ba32b !important; background: #f4f9f1 !important; transform: translateY(-4px) !important; color: #5ba32b !important; box-shadow: 0 10px 25px rgba(91, 163, 43, 0.15) !important; }
.subcategories li a .text { line-height: 1.3 !important; display: block !important; }

/* 8. ZÁLOŽKY / OUŠKA (HP, Detail, Řazení) */
.p-detail-tabs-wrapper, .products-tabs, .listSorting, .homepage-tabs-wrapper, .shp-tabs-holder { background: transparent !important; border: none !important; box-shadow: none !important; }
.p-detail-tabs, .products-tabs .nav-tabs, .listSorting__controls, .homepage-tabs { border-bottom: 2px solid #eaeaec !important; display: flex !important; justify-content: center !important; gap: 10px !important; margin-bottom: 20px !important; border-top: none !important; flex-wrap: wrap !important; padding-left: 0 !important; list-style: none !important; }
.p-detail-tabs li, .listSorting__controls > li, .homepage-tabs > li { border: none !important; margin: 0 !important; float: none !important; background: transparent !important; }
.p-detail-tabs li a, .listSorting__control, .homepage-tabs .shp-tab-link { background-color: #f9f8f4 !important; color: #666 !important; border-radius: 12px 12px 0 0 !important; padding: 12px 25px !important; font-weight: 600 !important; text-transform: uppercase !important; transition: all 0.3s ease !important; display: block !important; border: none !important; cursor: pointer !important; line-height: 1.2 !important; }
.p-detail-tabs li a:hover, .listSorting__control:hover, .homepage-tabs .shp-tab-link:hover { background-color: #f4f9f1 !important; color: #5ba32b !important; text-decoration: none !important; }
.p-detail-tabs li.active a, .listSorting__control--current, .homepage-tabs li.active .shp-tab-link { background-color: #5ba32b !important; color: #ffffff !important; box-shadow: 0 -4px 10px rgba(91, 163, 43, 0.2) !important; }
.tab-content, .tab-content p { background: #ffffff !important; padding: 20px 0 !important; border: none !important; font-size: 15px !important; line-height: 1.8 !important; color: #444 !important; text-align: left !important; }

/* 9. PRODUKTOVÉ KARTY (VÝPIS) */
.product { border-radius: 12px !important; box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important; background-color: #ffffff !important; transition: all 0.3s ease !important; border: 1px solid transparent !important; padding-bottom: 10px !important; }
.product:hover { transform: translateY(-5px) !important; box-shadow: 0 15px 35px rgba(0,0,0,0.1) !important; border-color: #f0f0f0 !important; z-index: 2; }
.product .p-in, .product .p-in-in, .product .p-bottom { text-align: center !important; }
.product .name { font-family: 'Montserrat', sans-serif !important; font-size: 15px !important; line-height: 1.3 !important; font-weight: 600 !important; color: #384d2b !important; margin-top: 12px !important; margin-bottom: 8px !important; text-align: left !important; display: block !important; }
.product .desc, .product .p-short-description, .product .p-desc { font-size: 13px !important; color: #666666 !important; line-height: 1.5 !important; margin-top: 15px !important; margin-bottom: 15px !important; text-align: left !important; display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
.product .price, .product .price-final, .product .availability { text-align: right !important; display: block !important; margin-left: auto !important; margin-right: 0 !important; }
.product .price-final { color: #5ba32b !important; font-weight: 700 !important; font-size: 20px !important; margin-top: 8px !important; }
.product .p-tools { text-align: center !important; display: block !important; margin-top: 15px !important; }
.product .item-params { font-size: 11px !important; color: #999 !important; margin-bottom: 10px !important; }
.flags-extra .flag { border-radius: 6px !important; text-transform: uppercase; font-weight: 700; letter-spacing: 0.5px; box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important; }

/* Zjemnění AJAX načítání */
.loader-overlay, #overlay, .ajax-overlay { background-color: rgba(255, 255, 255, 0.7) !important; }
#products.ajax-pending, .products.ajax-pending { opacity: 0.6 !important; }

/* 10. DETAIL PRODUKTU */
.p-detail-inner .price-final { font-size: 34px !important; color: #5ba32b !important; font-weight: 700 !important; margin-bottom: 10px !important; }
.p-detail-inner .availability-label, .p-detail-inner .availability-amount { color: #5ba32b !important; font-weight: 700 !important; font-size: 15px !important; }
.p-detail-inner .availability::before { content: "✓ "; font-weight: 900 !important; color: #5ba32b !important; margin-right: 5px; font-size: 16px; }
.p-detail-inner .add-to-cart { background-color: #f9f8f4 !important; padding: 25px !important; border-radius: 16px !important; border: 1px solid #eaeaec !important; margin-top: 25px !important; box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important; }
.p-detail-inner .add-to-cart-button .btn-cart { font-size: 18px !important; padding: 16px 30px !important; text-transform: uppercase !important; letter-spacing: 1px !important; font-weight: 700 !important; width: 100% !important; }
.p-detail-inner .quantity input { border-radius: 10px !important; border: 1px solid #dcdcdc !important; height: 56px !important; font-weight: 600 !important; font-size: 16px !important; }
.p-detail-inner .p-desc { text-align: left !important; font-size: 15px !important; line-height: 1.8 !important; color: #444 !important; }

/* 11. NÁKUPNÍ KOŠÍK */
.cart-table { border: none !important; border-radius: 12px !important; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important; }
.cart-table th { background-color: #f9f8f4 !important; border-bottom: none !important; color: #384d2b !important; text-transform: uppercase; font-size: 13px !important; padding: 15px !important; }
.cart-table td { border-bottom: 1px solid #f0f0f0 !important; vertical-align: middle !important; padding: 15px !important; }
.cart-summary { background-color: #f9f8f4 !important; border-radius: 12px !important; padding: 20px !important; border: 1px solid #eaeaec !important; margin-top: 20px !important; }
.cart-summary h4, .cart-summary .price-total { color: #5ba32b !important; font-size: 26px !important; font-weight: 700 !important; }
.cart-buttons .btn-success, .next-step { background-color: #5ba32b !important; color: #ffffff !important; font-size: 18px !important; padding: 16px 35px !important; border-radius: 12px !important; text-transform: uppercase !important; font-weight: 700 !important; border: none !important; box-shadow: 0 4px 15px rgba(91, 163, 43, 0.3) !important; letter-spacing: 1px; }
.cart-buttons .btn-success:hover, .next-step:hover { box-shadow: 0 6px 20px rgba(91, 163, 43, 0.4) !important; transform: translateY(-2px); }
.cart-buttons .btn-default, .back-step { background-color: transparent !important; color: #888888 !important; border: 1px solid #dddddd !important; border-radius: 12px !important; padding: 15px 25px !important; font-weight: 600 !important; box-shadow: none !important; }
.cart-buttons .btn-default:hover, .back-step:hover { background-color: #f9f8f4 !important; color: #384d2b !important; border-color: #eaeaec !important; }
.shipping-billing-table tr { transition: all 0.3s ease !important; border-bottom: 1px solid #f0f0f0 !important; cursor: pointer !important; }
.shipping-billing-table tr:hover { background-color: #fdfdfb !important; }
.shipping-billing-table tr.active, .shipping-billing-table tr:has(input:checked) { background-color: #f4f9f1 !important; border-left: 4px solid #5ba32b !important; }
.shipping-billing-table td { padding: 18px 15px !important; vertical-align: middle !important; font-size: 15px !important; color: #333 !important; }
.shipping-billing-table input[type="radio"] { transform: scale(1.4) !important; margin-right: 12px !important; accent-color: #5ba32b !important; cursor: pointer; }
.shipping-billing-table img { max-height: 32px !important; max-width: 80px !important; object-fit: contain !important; border-radius: 4px !important; margin-right: 15px !important; }
.shipping-billing-table .price { font-weight: 700 !important; color: #384d2b !important; font-size: 16px !important; }

/* 12. BLOG A ČLÁNKY */
.news-item { background: #fff !important; border-radius: 16px !important; border: 1px solid #eaeaec !important; overflow: hidden !important; box-shadow: 0 4px 12px rgba(0,0,0,0.04) !important; transition: all 0.3s ease !important; margin-bottom: 30px !important; height: 100% !important; }
.news-item:hover { transform: translateY(-5px) !important; border-color: #5ba32b !important; box-shadow: 0 15px 35px rgba(91, 163, 43, 0.1) !important; }
.news-item .image { margin: 0 25px 0 0 !important; border-radius: 0 !important; }
.news-item-inner, .news-text { padding: 25px !important; }
.news-item h3, .news-item h4, .news-item .title, .news-item .title a { font-family: 'Montserrat', sans-serif !important; font-size: 18px !important; font-weight: 700 !important; color: #384d2b !important; line-height: 1.3 !important; margin-bottom: 15px !important; text-transform: none !important; text-decoration: none !important; }
.news-item .date { font-size: 12px !important; color: #999 !important; text-transform: uppercase !important; letter-spacing: 1px !important; margin-bottom: 12px !important; display: block !important; }
.news-item .description, .news-item p, .news-item .p-desc { font-size: 14px !important; color: #666 !important; line-height: 1.6 !important; margin-top: 0 !important; }
.news-item .more, .news-item .read-more { font-size: 12px !important; font-weight: 700 !important; color: #5ba32b !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; }

/* 13. NEWSLETTER POP-UP */
#cboxContent, .newsletter-popup { border-radius: 16px !important; box-shadow: 0 15px 40px rgba(0,0,0,0.15) !important; border: none !important; overflow: hidden !important; background-color: #ffffff !important; }
.colorbox-html-content, .newsletter-popup .popup-content { padding: 30px !important; text-align: center !important; }
.colorbox-html-content h2, .colorbox-html-content h3, .newsletter-popup h2, .newsletter-popup h3 { color: #384d2b !important; font-weight: 700 !important; margin-bottom: 15px !important; }
.subscribe-form fieldset { display: flex !important; flex-wrap: wrap !important; gap: 10px; justify-content: center !important; }
.subscribe-form .validator-msg-holder { flex: 1 1 200px !important; min-width: 200px !important; }
.subscribe-form .form-control { width: 100% !important; border: 2px solid #eaeaec !important; border-radius: 12px !important; height: 50px !important; padding: 0 20px !important; font-size: 15px !important; box-shadow: none !important; margin-bottom: 0 !important; transition: border-color 0.3s ease !important; }
.subscribe-form .form-control:focus { border-color: #5ba32b !important; }
.subscribe-form .btn { background-color: #5ba32b !important; color: #fff !important; border-radius: 12px !important; font-weight: 700 !important; padding: 0 30px !important; height: 50px !important; width: auto !important; text-transform: uppercase !important; box-shadow: 0 4px 15px rgba(91, 163, 43, 0.3) !important; transition: all 0.3s ease !important; letter-spacing: 0.5px !important; }
.subscribe-form .btn:hover { box-shadow: 0 6px 20px rgba(91, 163, 43, 0.4) !important; transform: translateY(-2px) !important; }
.subscribe-form > div { width: 100% !important; text-align: center !important; font-size: 13px !important; margin-top: 5px !important; color: #666 !important; }
#cboxClose { background: transparent !important; color: #888 !important; outline: none !important; font-size: 20px !important; transition: color 0.3s ease !important; }
#cboxClose:hover { color: #5ba32b !important; }

/* 14. KONTAKTNÍ STRÁNKA */
.b-contact-wrap { max-width: 900px !important; margin: 0 auto !important; }
.b-contact-header { text-align: center !important; margin-bottom: 40px !important; }
.b-contact-header h1 { font-size: 36px !important; color: #384d2b !important; margin-bottom: 10px !important; }
.b-contact-header p { font-size: 16px !important; color: #666 !important; }
.b-contact-grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important; gap: 30px !important; margin-bottom: 50px !important; }
.b-contact-card { background: #fff !important; padding: 35px 20px !important; border-radius: 16px !important; box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important; text-align: center !important; border-bottom: 4px solid #5ba32b !important; transition: transform 0.3s ease !important; }
.b-contact-card:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 25px rgba(0,0,0,0.06) !important; }
.b-contact-card h3 { font-size: 18px !important; color: #384d2b !important; margin-bottom: 15px !important; font-weight: 700 !important; }
.b-contact-card p, .b-contact-card a { font-size: 15px !important; color: #555 !important; text-decoration: none !important; line-height: 1.6 !important; margin: 0 !important; display: block !important; }
.b-contact-card a { font-weight: 600 !important; color: #5ba32b !important; }
.b-contact-card a:hover { text-decoration: underline !important; }
.b-icon-circle { width: 60px !important; height: 60px !important; background-color: #f4f9f1 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 auto 20px auto !important; }
.b-icon-phone { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%235ba32b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E") !important; background-repeat: no-repeat; background-position: center; }
.b-icon-mail { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%235ba32b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E") !important; background-repeat: no-repeat; background-position: center; }
.b-icon-pin { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%235ba32b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3E%3C/path%3E%3Ccircle cx='12' cy='10' r='3'%3E%3C/circle%3E%3C/svg%3E") !important; background-repeat: no-repeat; background-position: center; }
/* 14b. STYLING SYSTÉMOVÉHO FORMULÁŘE (Napište nám) */
#content .contact-form {
    max-width: 800px !important;
    margin: 40px auto !important;
    background: #ffffff !important;
    padding: 40px !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;
    border: 1px solid #eaeaec !important;
}

.contact-form .form-group {
    margin-bottom: 25px !important;
}

.contact-form label {
    font-weight: 600 !important;
    color: #384d2b !important;
    margin-bottom: 8px !important;
    display: block !important;
}

.contact-form .form-control {
    border-radius: 12px !important;
    border: 2px solid #eaeaec !important;
    padding: 12px 15px !important;
    height: auto !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}

.contact-form .form-control:focus {
    border-color: #5ba32b !important;
    background-color: #f4f9f1 !important;
}

/* Styling tlačítka "Odeslat" ve formuláři */
.contact-form .btn-primary, 
.contact-form button[type="submit"] {
    background-color: #C85A43 !important; /* Naše konverzní terakota */
    border: none !important;
    padding: 15px 40px !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    transition: all 0.3s ease !important;
    width: auto !important;
    display: inline-block !important;
    margin-top: 10px !important;
}

.contact-form .btn-primary:hover {
    background-color: #B04D38 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(200, 90, 67, 0.4) !important;
}

/* Úprava textu nad formulářem */
.contact-form-header {
    text-align: center !important;
    margin-bottom: 30px !important;
}
/* 15. PATIČKA A BENEFITY */
.footer-bottom .copyright::before { content: "© 2026 BIOSILA.cz"; font-size: 13px !important; color: #888 !important; display: inline-block !important; }
.shoptet-signature, .project-author, .footer-bottom .text-right, footer a[href*="shoptet.cz"] { display: none !important; }
.biosila-benefits-bar { display: flex !important; justify-content: space-around !important; padding: 35px 15px !important; background: #f9f8f4 !important; border-top: 1px solid #eaeaec !important; border-bottom: 1px solid #eaeaec !important; flex-wrap: wrap !important; width: 100% !important; }
.benefit-item { text-align: center !important; flex: 1 !important; min-width: 200px !important; display: flex !important; flex-direction: column !important; align-items: center !important; padding: 10px !important; }
.benefit-item span { font-weight: 600 !important; font-size: 14px !important; color: #384d2b !important; text-transform: uppercase !important; }
.b-icon-svg { width: 42px !important; height: 42px !important; margin-bottom: 15px !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.b-icon-svg svg, .b-icon-svg img { width: 100% !important; height: 100% !important; max-width: 42px !important; max-height: 42px !important; }

/* 16. VLASTNÍ PROFI BANNER NA ÚVODNÍ STRANĚ */
.custom-hero-banner {
    background-image: url('https://www.biosila.cz/user/documents/upload/gallery/banner2602.jpg');
    background-size: cover !important;
    background-position: center !important;
    border-radius: 16px !important;
    padding: 80px 40px !important;
    margin-bottom: 40px !important;
    position: relative !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
    display: flex !important;
    align-items: center !important;
    min-height: 400px !important; 
}
.hero-content {
    background: rgba(255, 255, 255, 0.85) !important;
    margin-left: auto !important; 
    padding: 40px !important;
    border-radius: 16px !important;
    max-width: 450px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
    text-align: left !important;
}
.hero-content h3 {
    color: #384d2b !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    line-height: 1.2 !important;
    border: none !important;
}
.hero-content p {
    color: #444 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin-bottom: 25px !important;
}
.btn-hero {
    display: inline-block !important;
    background-color: #5ba32b !important;
    color: #fff !important;
    padding: 15px 35px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 15px rgba(91, 163, 43, 0.3) !important;
    transition: all 0.3s ease !important;
    letter-spacing: 0.5px !important;
    border: none !important;
}
.btn-hero:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(91, 163, 43, 0.4) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* 17. PRODUKTOVÉ KARTY UVNITŘ ČLÁNKŮ (BLOG PROMO) */
.blog-product-promo {
    display: flex !important;
    align-items: center !important;
    background: #ffffff !important;
    border: 1px solid #eaeaec !important;
    border-radius: 16px !important;
    padding: 20px !important;
    margin: 35px 0 !important; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;
    transition: all 0.3s ease !important;
    gap: 25px !important;
    text-decoration: none !important;
}
.blog-product-promo:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
    border-color: #5ba32b !important;
    transform: translateY(-3px) !important;
}
.blog-product-promo .promo-image {
    flex: 0 0 140px !important; 
    text-align: center !important;
}
.blog-product-promo .promo-image img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
    object-fit: contain !important;
}
.blog-product-promo .promo-info {
    flex: 1 !important;
    text-align: left !important;
}
.blog-product-promo h4 {
    color: #384d2b !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    line-height: 1.3 !important;
}
.blog-product-promo p {
    font-size: 14px !important;
    color: #555 !important;
    line-height: 1.5 !important;
    margin-bottom: 15px !important;
    margin-top: 0 !important;
}
.blog-product-promo .promo-price {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #5ba32b !important;
    margin-bottom: 15px !important;
    display: block !important;
}
.blog-product-promo .promo-btn {
    display: inline-block !important;
    background-color: #5ba32b !important;
    color: #ffffff !important;
    padding: 12px 25px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 15px rgba(91, 163, 43, 0.3) !important;
    transition: all 0.3s ease !important;
    letter-spacing: 0.5px !important;
}
.blog-product-promo .promo-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(91, 163, 43, 0.4) !important;
    color: #ffffff !important;
}

/* 18. VZHLED OBRÁZKŮ V TEXTECH (BLOG A ČLÁNKY) */
.text img {
    border-radius: 12px !important; 
    box-shadow: 0 5px 20px rgba(0,0,0,0.08) !important; 
    transition: all 0.3s ease !important;
    max-width: 100% !important;
    height: auto !important;
    margin-top: 15px !important; 
    margin-bottom: 15px !important; 
    display: inline-block !important; 
}
.text img:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.12) !important;
}
.text img[style*="float: left"], .text img.alignleft {
    margin: 10px 25px 15px 0 !important;
}
.text img[style*="float: right"], .text img.alignright {
    margin: 10px 0 15px 25px !important;
}
.blog-product-promo img {
    box-shadow: none !important;
    transform: none !important;
    margin: 0 !important;
    border-radius: 8px !important;
}

/* ==========================================
   19. ZVÝRAZNĚNÍ NÁKUPNÍCH TLAČÍTEK (TERAKOTA)
   ========================================== */

/* Agresivní zacílení na VŠECHNA nákupní tlačítka napříč celým e-shopem */
.btn-cart, 
.add-to-cart-button .btn-cart, 
.p-detail-inner .btn-cart, 
.product .btn-cart,
#cart-confirm-button, 
.cart-buttons .btn-success, 
.next-step,
.blog-product-promo .promo-btn { 
    background-color: #C85A43 !important; 
    color: #ffffff !important; 
    border-color: #C85A43 !important;
}

/* Tmavší odstín pro hover efekt (najetí myší) */
.btn-cart:hover, 
.add-to-cart-button .btn-cart:hover, 
.p-detail-inner .btn-cart:hover, 
.product .btn-cart:hover,
#cart-confirm-button:hover, 
.cart-buttons .btn-success:hover, 
.next-step:hover,
.blog-product-promo .promo-btn:hover { 
    background-color: #B04D38 !important; 
    border-color: #B04D38 !important;
    box-shadow: 0 6px 20px rgba(200, 90, 67, 0.4) !important; 
}
/* ==========================================
   20. VLASTNÍ PATIČKA (KONTAKTY A SOCIÁLNÍ SÍTĚ)
   ========================================== */
.b-footer-contacts h4 {
    color: #384d2b !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    text-transform: uppercase !important;
}
.b-contact-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 25px 0 !important;
}
.b-contact-list li {
    margin-bottom: 15px !important;
}
.b-contact-list a {
    color: #444 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    font-size: 15px !important;
    transition: color 0.3s ease !important;
}
.b-contact-list a:hover {
    color: #5ba32b !important;
}
.b-contact-list .hours {
    display: block !important;
    font-size: 13px !important;
    color: #888 !important;
    margin-left: 36px !important;
    margin-top: 4px !important;
}

/* Elegantní zelené ikony mailu a telefonu */
.f-icon {
    width: 24px !important;
    height: 24px !important;
    display: inline-block !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    flex-shrink: 0 !important;
}
.f-icon-mail { background-image: 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='%235ba32b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E") !important; }
.f-icon-phone { background-image: 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='%235ba32b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E") !important; }

/* Kulaté ikony sociálních sítí (Smaragdově zelené s hover efektem) */
.b-social-icons {
    display: flex !important;
    gap: 12px !important;
}
.b-social-icons a {
    width: 44px !important;
    height: 44px !important;
    background-color: #5ba32b !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 10px rgba(91, 163, 43, 0.2) !important;
}
.b-social-icons a:hover {
    background-color: #384d2b !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 6px 15px rgba(56, 77, 43, 0.3) !important;
}
.b-social-icons a svg {
    width: 22px !important;
    height: 22px !important;
    fill: #ffffff !important;
}

/* ==========================================================
   DODATKY A OPRAVY (Vložte na úplný konec funkčního souboru)
   ========================================================== */

/* OPRAVA K SEKCI 17: Tlačítko v promo článcích */
.blog-product-promo .promo-btn { display: inline-block !important; background-color: #C85A43 !important; color: #ffffff !important; padding: 12px 25px !important; font-weight: 700 !important; font-size: 14px !important; text-transform: uppercase !important; border-radius: 12px !important; text-decoration: none !important; box-shadow: 0 4px 15px rgba(200, 90, 67, 0.3) !important; transition: all 0.3s ease !important; letter-spacing: 0.5px !important; border: none !important; margin-top: 5px !important; }
.blog-product-promo .promo-btn:hover { background-color: #B04D38 !important; transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(200, 90, 67, 0.4) !important; color: #ffffff !important; text-decoration: none !important; }

/* OPRAVA K SEKCI 20 a 14: Sjednocení ikon (Email, Telefon, Web, Sídlo) pro "f-icon" i staré "b-icon" */
.f-icon { width: 24px !important; height: 24px !important; display: inline-block !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; flex-shrink: 0 !important; content: "" !important; }
.f-icon-mail, .b-icon-mail { background-image: 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='%235ba32b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; }
.f-icon-phone, .b-icon-phone { background-image: 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='%235ba32b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; }
.f-icon-web, .b-icon-web { background-image: 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='%235ba32b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='2' y1='12' x2='22' y2='12'%3E%3C/line%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'%3E%3C/path%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; }
.f-icon-pin, .b-icon-pin { background-image: 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='%235ba32b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3E%3C/path%3E%3Ccircle cx='12' cy='10' r='3'%3E%3C/circle%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; }

/* PŘEPIS 21: MOBILNÍ OPTIMALIZACE (Zarovnání vlevo pro čitelnost) */
@media (max-width: 767px) {
    .p-detail-inner .price-final { font-size: 28px !important; text-align: left !important; }
    .news-item { flex-direction: column !important; text-align: left !important; }
    .custom-hero-banner { padding: 20px !important; min-height: 300px !important; }
    .hero-content { text-align: left !important; max-width: 100% !important; margin: 0 !important; padding: 25px 20px !important; }
    .blog-product-promo { flex-direction: column !important; text-align: left !important; align-items: flex-start !important; }
    .blog-product-promo .promo-info { text-align: left !important; }
    .product-detail .p-short-description, .product-detail .p-desc, .news-text { text-align: left !important; }
}

/* NOVÁ SEKCE 22: NÁŠ TÝM - KARTY LIDÍ */
.b-team-grid { display: flex !important; flex-wrap: wrap !important; gap: 30px !important; margin: 40px 0 !important; justify-content: center !important; }
.b-team-card { flex: 0 1 300px !important; background: #ffffff !important; border: 1px solid #eaeaec !important; border-radius: 16px !important; padding: 30px 20px !important; text-align: center !important; box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important; transition: all 0.3s ease !important; }
.b-team-card:hover { transform: translateY(-5px) !important; box-shadow: 0 15px 35px rgba(91, 163, 43, 0.1) !important; border-color: #5ba32b !important; }
.b-team-img { width: 150px !important; height: 150px !important; border-radius: 50% !important; object-fit: cover !important; margin: 0 auto 20px auto !important; border: 3px solid #f4f9f1 !important; }
.b-team-card h3 { font-size: 20px !important; color: #384d2b !important; margin-bottom: 5px !important; font-weight: 700 !important; }
.b-team-role { font-size: 14px !important; color: #5ba32b !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 1px !important; margin-bottom: 15px !important; display: block !important; }
.b-team-bio { font-size: 14px !important; color: #666 !important; line-height: 1.6 !important; margin-bottom: 0 !important; }

/* NOVÁ SEKCE 23: STYLING SYSTÉMOVÉHO FORMULÁŘE (#formContact) */
#content #formContact { max-width: 800px !important; margin: 40px auto !important; background: #ffffff !important; padding: 40px !important; border-radius: 16px !important; box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important; border: 1px solid #eaeaec !important; }
#formContact .form-group { margin-bottom: 25px !important; }
#formContact label { font-weight: 600 !important; color: #384d2b !important; margin-bottom: 8px !important; display: block !important; }
#formContact .form-control { border-radius: 12px !important; border: 2px solid #eaeaec !important; padding: 12px 15px !important; height: auto !important; transition: all 0.3s ease !important; box-shadow: none !important; width: 100% !important; }
#formContact .form-control:focus { border-color: #5ba32b !important; background-color: #f4f9f1 !important; }
#formContact .btn-primary, #formContact button[type="submit"] { background-color: #C85A43 !important; border: none !important; padding: 15px 40px !important; border-radius: 12px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; transition: all 0.3s ease !important; width: auto !important; display: inline-block !important; margin-top: 10px !important; }
#formContact .btn-primary:hover { background-color: #B04D38 !important; transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(200, 90, 67, 0.4) !important; }

/* ==========================================================
   24. TRUST BADGES (Proužek důvěry - Platby a doprava)
   ========================================================== */
.b-trust-badge-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 40px !important;
    padding: 20px 15px 40px 15px !important; /* Mírně upravený padding */
    background-color: transparent !important;
    margin: 0 auto !important;
    width: 100% !important; /* Toto zaručí vycentrování */
    border-bottom: 1px solid #eaeaec !important; /* Jemná linka pod badge */
}

.b-trust-col {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 15px !important;
}

.b-trust-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #999 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.b-trust-icons {
    display: flex !important;
    gap: 15px !important;
    align-items: center !important;
}

.t-icon {
    display: inline-block !important;
    height: 30px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    filter: grayscale(100%) opacity(0.5) !important;
    transition: all 0.3s ease !important;
    cursor: default !important;
}

.t-icon:hover {
    filter: grayscale(0%) opacity(1) !important;
    transform: translateY(-2px) !important;
}

/* Specifické rozměry a SVG kódy pro jednotlivá loga (AKTUALIZOVÁNO) */
.t-icon-visa { width: 55px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='50%25' y='30' font-family='Arial' font-size='32' font-weight='bold' font-style='italic' fill='%231434CB' text-anchor='middle'%3EVISA%3C/text%3E%3C/svg%3E") !important; }
.t-icon-mastercard { width: 45px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 60'%3E%3Ccircle cx='35' cy='30' r='25' fill='%23EB001B'/%3E%3Ccircle cx='65' cy='30' r='25' fill='%23F79E1B' opacity='0.8'/%3E%3C/svg%3E") !important; }
.t-icon-applepay { width: 75px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='50%25' y='28' font-family='Arial' font-size='22' font-weight='bold' fill='%23000' text-anchor='middle'%3EApple Pay%3C/text%3E%3C/svg%3E") !important; }
.t-icon-gpay { width: 65px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='50%25' y='30' font-family='Arial' font-size='26' font-weight='bold' fill='%235F6368' text-anchor='middle'%3E%3Ctspan fill='%234285F4'%3EG%3C/tspan%3E Pay%3C/text%3E%3C/svg%3E") !important; }

.t-icon-ppl { width: 50px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Crect width='100' height='30' rx='6' fill='%23005aaa'/%3E%3Ctext x='50%25' y='22' font-family='Arial' font-size='18' font-weight='bold' font-style='italic' fill='%23fff' text-anchor='middle'%3EPPL%3C/text%3E%3C/svg%3E") !important; }
.t-icon-dpd { width: 50px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Crect width='100' height='30' rx='6' fill='%23DC0032'/%3E%3Ctext x='50%25' y='21' font-family='Arial' font-size='16' font-weight='bold' fill='%23fff' text-anchor='middle'%3EDPD%3C/text%3E%3C/svg%3E") !important; }
.t-icon-gls { width: 50px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Crect width='100' height='30' rx='6' fill='%23001489'/%3E%3Ctext x='50%25' y='21' font-family='Arial' font-size='16' font-weight='bold' fill='%23ffc800' text-anchor='middle'%3EGLS%3C/text%3E%3C/svg%3E") !important; }
.t-icon-zasilkovna { width: 85px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Crect width='100' height='30' rx='6' fill='%23E3000F'/%3E%3Ctext x='50%25' y='21' font-family='Arial' font-size='14' font-weight='bold' fill='%23fff' text-anchor='middle'%3EZ%C3%A1silkovna%3C/text%3E%3C/svg%3E") !important; }
.t-icon-cpost { width: 90px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Crect width='100' height='30' rx='6' fill='%23003D7C'/%3E%3Ctext x='50%25' y='20' font-family='Arial' font-size='12' font-weight='bold' fill='%23FFCC00' text-anchor='middle'%3E%C4%8Cesk%C3%A1 po%C5%A1ta%3C/text%3E%3C/svg%3E") !important; }
.t-icon-balikovna { width: 85px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Crect width='100' height='30' rx='6' fill='%23ffcc00'/%3E%3Ctext x='50%25' y='21' font-family='Arial' font-size='14' font-weight='bold' fill='%23003D7C' text-anchor='middle'%3EBal%C3%ADkovna%3C/text%3E%3C/svg%3E") !important; }

/* ==========================================================
   OPRAVA KOŠÍKU: Odstranění terakotové krabice a barva tlačítek
   ========================================================== */

/* 1. Úplné zrušení terakotové barvy z obalové krabice (.next-step) */
.next-step {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
.next-step:hover {
    background-color: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

/* 2. Zacílení POUZE na zelené/terakotové tlačítko "Pokračovat" */
.next-step-forward,
.cart-buttons .btn-success {
    background-color: #C85A43 !important;
    color: #ffffff !important;
    border-color: #C85A43 !important;
    padding: 15px 35px !important;
    border-radius: 12px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    box-shadow: 0 4px 15px rgba(200, 90, 67, 0.3) !important;
    transition: all 0.3s ease !important;
}
.next-step-forward:hover,
.cart-buttons .btn-success:hover {
    background-color: #B04D38 !important;
    border-color: #B04D38 !important;
    box-shadow: 0 6px 20px rgba(200, 90, 67, 0.4) !important;
    transform: translateY(-2px) !important;
}

/* 3. Zacílení na šedé tlačítko "Zpět" */
.next-step-back,
.cart-buttons .btn-default {
    background-color: transparent !important;
    color: #888888 !important;
    border: 1px solid #dddddd !important;
    border-radius: 12px !important;
    padding: 15px 25px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
}
.next-step-back:hover,
.cart-buttons .btn-default:hover {
    background-color: #f9f8f4 !important;
    color: #384d2b !important;
    border-color: #eaeaec !important;
}

/* ==========================================================
   25. KARTY PRO DOPRAVU A PLATBU (Článek / FAQ)
   ========================================================== */
.b-ship-section-title {
    text-align: center !important;
    font-size: 28px !important;
    color: #384d2b !important;
    margin: 50px 0 30px 0 !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #f4f9f1 !important;
    padding-bottom: 15px !important;
}

.b-ship-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 30px !important;
    margin: 0 0 50px 0 !important;
}

.b-ship-card {
    background: #ffffff !important;
    border: 1px solid #eaeaec !important;
    border-radius: 16px !important;
    padding: 30px 20px !important;
    text-align: center !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.b-ship-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 35px rgba(91, 163, 43, 0.1) !important;
    border-color: #5ba32b !important;
}

.b-ship-icon {
    width: 100% !important;
    height: 45px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin-bottom: 20px !important;
}

.b-ship-card h3 {
    font-size: 18px !important;
    color: #384d2b !important;
    margin: 0 0 10px 0 !important;
    font-weight: 700 !important;
}

.b-ship-price {
    font-size: 26px !important;
    color: #C85A43 !important; /* Terakotová barva pro cenu */
    font-weight: 700 !important;
    margin-bottom: 15px !important;
}

.b-ship-price span {
    font-size: 14px !important;
    color: #888 !important;
    font-weight: 500 !important;
}

.b-ship-desc {
    font-size: 14px !important;
    color: #666 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* Plnobarevná loga pro karty */
.b-icon-zasilkovna { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Crect width='100' height='30' rx='6' fill='%23E3000F'/%3E%3Ctext x='50%25' y='21' font-family='Arial' font-size='14' font-weight='bold' fill='%23fff' text-anchor='middle'%3EZ%C3%A1silkovna%3C/text%3E%3C/svg%3E") !important; }
.b-icon-dpd { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Crect width='100' height='30' rx='6' fill='%23DC0032'/%3E%3Ctext x='50%25' y='21' font-family='Arial' font-size='16' font-weight='bold' fill='%23fff' text-anchor='middle'%3EDPD%3C/text%3E%3C/svg%3E") !important; }
.b-icon-ppl { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Crect width='100' height='30' rx='6' fill='%23005aaa'/%3E%3Ctext x='50%25' y='22' font-family='Arial' font-size='18' font-weight='bold' font-style='italic' fill='%23fff' text-anchor='middle'%3EPPL%3C/text%3E%3C/svg%3E") !important; }
.b-icon-gls { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Crect width='100' height='30' rx='6' fill='%23001489'/%3E%3Ctext x='50%25' y='21' font-family='Arial' font-size='16' font-weight='bold' fill='%23ffc800' text-anchor='middle'%3EGLS%3C/text%3E%3C/svg%3E") !important; }
.b-icon-balikovna { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Crect width='100' height='30' rx='6' fill='%23ffcc00'/%3E%3Ctext x='50%25' y='21' font-family='Arial' font-size='14' font-weight='bold' fill='%23003D7C' text-anchor='middle'%3EBal%C3%ADkovna%3C/text%3E%3C/svg%3E") !important; }
.b-icon-cpost { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Crect width='100' height='30' rx='6' fill='%23003D7C'/%3E%3Ctext x='50%25' y='20' font-family='Arial' font-size='12' font-weight='bold' fill='%23FFCC00' text-anchor='middle'%3E%C4%8Cesk%C3%A1 po%C5%A1ta%3C/text%3E%3C/svg%3E") !important; }
.b-icon-card { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Crect width='100' height='40' rx='6' fill='%235ba32b'/%3E%3Ctext x='50%25' y='26' font-family='Arial' font-size='16' font-weight='bold' fill='%23fff' text-anchor='middle'%3EOnline platba%3C/text%3E%3C/svg%3E") !important; }
.b-icon-bank { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Crect width='100' height='40' rx='6' fill='%23888'/%3E%3Ctext x='50%25' y='26' font-family='Arial' font-size='16' font-weight='bold' fill='%23fff' text-anchor='middle'%3EP%C5%99evodem%3C/text%3E%3C/svg%3E") !important; }



/* ==========================================================
   26. LIFTING KOŠÍKU 2. KROK (Karty pro dopravu a platbu)
   ========================================================== */

/* Obaly celého seznamu */
.shipping-billing-table {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

/* Jednotlivá karta dopravy/platby */
.shipping-billing-table .radio-wrapper {
    border: 2px solid #eaeaec !important;
    border-radius: 16px !important;
    background-color: #ffffff !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02) !important;
}

/* Aktivní a Hover stav (Krásné podbarvení) */
.shipping-billing-table .radio-wrapper:hover,
.shipping-billing-table .radio-wrapper:has(input:checked),
.shipping-billing-table .radio-wrapper.active {
    border-color: #5ba32b !important;
    background-color: #f4f9f1 !important;
}

/* ÚPLNÉ SKRYTÍ VŠECH DEFAULTNÍCH KOLEČEK A SHOPTET TEČEK */
.shipping-billing-table input[type="radio"],
.shipping-billing-table label::before,
.shipping-billing-table label::after {
    display: none !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* LABEL - Hlavní klikací plocha uvnitř karty */
.shipping-billing-table label {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 20px !important; /* Stejnoměrné odsazení ze všech stran */
    margin: 0 !important;
    width: 100% !important;
    cursor: pointer !important;
    min-height: 80px !important;
}

/* TEXT (Název a popisek) - Tvrdý reset odsazení */
.shipping-billing-table .payment-info {
    flex: 1 1 auto !important;
    text-align: left !important;
    padding-left: 0 !important; /* Tvrdý reset Shoptet hlušiny */
    margin-left: 0 !important;  /* Tvrdý reset Shoptet hlušiny */
}

.shipping-billing-table .shipping-billing-name {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #384d2b !important;
    display: block !important;
}

.shipping-billing-table .sublabel {
    font-size: 13px !important;
    color: #666 !important;
    margin-top: 4px !important;
    display: block !important;
}

/* LOGO */
.shipping-billing-table .payment-logo {
    margin: 0 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.shipping-billing-table .payment-logo img {
    max-height: 40px !important;
    max-width: 90px !important;
    object-fit: contain !important;
}

/* CENA */
.shipping-billing-table .payment-shipping-price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #5ba32b !important;
    white-space: nowrap !important;
}

.shipping-billing-table .payment-shipping-price.for-free {
    color: #C85A43 !important;
}
/* ==========================================================
   STYL PRO OBRÁZKY V TEXTU (Cool Design)
   ========================================================== */
.b-image-wrapper {
    background: #ffffff !important;
    padding: 15px !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
    margin: 30px 0 !important;
    display: inline-block !important;
    max-width: 100% !important;
    border: 1px solid #f0f0f0 !important;
    transition: transform 0.3s ease !important;
}

.b-image-wrapper:hover {
    transform: translateY(-5px) !important; /* Obrázek se při najetí jemně nadzvedne */
}

.b-image-wrapper img {
    border-radius: 12px !important; /* Zaoblení samotného obrázku uvnitř */
    display: block !important;
    height: auto !important;
    max-width: 100% !important;
}

/* ==========================================================
   27. LIFTING KOŠÍKU 3. KROK (Formulář - Informace o vás)
   ========================================================== */

/* 1. Hlavní nadpis a vizuální čistota boxů */
.co-box {
    border-radius: 20px !important;
    border: 1px solid #eaeaec !important;
    padding: 30px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;
    margin-bottom: 30px !important;
}

/* 2. Stylování vstupních polí (Inputy) */
.form-control {
    height: auto !important;
    padding: 12px 18px !important;
    border-radius: 12px !important; /* Naše standardní zaoblení */
    border: 1px solid #dcdcdc !important;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
}

/* 3. AKTIVNÍ STAV: Když zákazník do pole klikne */
.form-control:focus {
    border-color: #5ba32b !important; /* Naše zelená */
    background-color: #f4f9f1 !important; /* Jemný nádech zelené uvnitř */
    box-shadow: 0 0 0 4px rgba(91, 163, 43, 0.1) !important;
    outline: none !important;
}

/* 4. Úprava popisků (Smart Labels) */
.smart-label-wrapper label {
    font-weight: 600 !important;
    color: #384d2b !important;
    margin-bottom: 8px !important;
    font-size: 14px !important;
}

/* 5. FINÁLNÍ TLAČÍTKO: ODESLAT OBJEDNÁVKU */
#orderFormButton, 
.next-step-forward {
    background-color: #C85A43 !important; /* Terakotová barva */
    border-color: #C85A43 !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    padding: 18px 40px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 25px rgba(200, 90, 67, 0.3) !important;
}

#orderFormButton:hover, 
.next-step-forward:hover {
    background-color: #B04D38 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 30px rgba(200, 90, 67, 0.4) !important;
}


/* 30. MOBILNÍ OPTIMALIZACE (Zarovnání vlevo pro lepší čitelnost) */
@media (max-width: 767px) {
    .p-detail-inner .price-final { font-size: 28px !important; text-align: left !important; }
    
    /* Automatický výpis článků - text vlevo */
    .news-item { flex-direction: column !important; text-align: left !important; }
    .news-item .image { flex: 0 0 auto !important; width: 100% !important; }
    
    /* Hlavní banner - text vlevo */
    .custom-hero-banner { padding: 20px !important; min-height: 300px !important; }
    .hero-content { text-align: left !important; max-width: 100% !important; margin: 0 !important; padding: 25px 20px !important; }
    
    /* Promo karty v článku - text vlevo */
    .blog-product-promo { flex-direction: column !important; text-align: left !important; align-items: flex-start !important; }
    .blog-product-promo .promo-info { text-align: left !important; }
    
    /* Nadpisy a odstavce v popisech */
    .product-detail .p-short-description, .product-detail .p-desc, .news-text { text-align: left !important; }
    
/* --- TRUST BADGE (Mobilní oprava přetékání) --- */
    .b-trust-badge-wrapper { 
        flex-direction: column !important; 
        gap: 15px !important; 
        padding: 20px 15px !important;
        width: 100% !important; /* Drží lištu v rámci okna */
        box-sizing: border-box !important; /* Zahrne padding do šířky */
        overflow: hidden !important; /* Pojistka proti vytečení */
    }

    .b-trust-col {
        width: 100% !important;
    }

    .b-trust-icons {
        display: flex !important;
        flex-wrap: wrap !important; /* KLÍČOVÉ: Ikony se zalomí pod sebe, pokud není místo */
        justify-content: center !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .b-trust-divider { 
        width: 60% !important; 
        height: 1px !important; 
        margin: 5px auto !important;
        background-color: #eaeaec !important;
    }

    .b-trust-divider { width: 50% !important; height: 1px !important; }
   .shipping-billing-table label {
        padding: 15px !important;
    }
    
  /* --- KOŠÍK 2. KROK (Mobil) --- */
    .shipping-billing-table label {
        display: flex !important;
        flex-wrap: wrap !important; /* Pojistka pro zalomení na další řádek */
        padding: 15px !important;
    }
    
    /* Text zabere celý 1. řádek naplno (Proražení Shoptet limitu) */
    .shipping-billing-table .payment-info {
        flex: 0 0 100% !important; /* Nedovolí smrsknutí */
        max-width: 100% !important; /* Rozbije nativní Shoptet omezení */
        width: 100% !important;
        margin-bottom: 15px !important; 
        padding-left: 0 !important;
    }
    
    /* Logo a Cena se rozdělí o 2. řádek (Logo vlevo, Cena vpravo) */
    .shipping-billing-table .payment-logo {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        margin: 0 !important;
        justify-content: flex-start !important;
    }
    
    .shipping-billing-table .payment-shipping-price {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        text-align: right !important;
        margin: 0 !important;
        align-self: center !important;
    }
    .co-box {
        padding: 20px 15px !important;
    }
    .form-control {
        font-size: 16px !important; /* Zabrání automatickému zoomu na iPhone */
    }
    #orderFormButton {
        width: 100% !important; /* Tlačítko na mobilu přes celou šířku */
        padding: 15px !important;
    }

}