/* =================== USP bloky – grid =================== */
#produkt-regal .ShelfDesc__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}
@media(max-width:768px){#produkt-regal .ShelfDesc__grid{grid-template-columns:1fr}}
#produkt-regal .ShelfDesc__usp-item,#produkt-regal .usp-wrapper .usp-block{display:flex;align-items:flex-start;gap:10px}
#produkt-regal .ShelfDesc__icon{flex-shrink:0}
#produkt-regal .ShelfDesc__title-item{font-size:2.5rem;font-weight:700;margin:0 0 8px}
#produkt-regal .ShelfDesc__usp-item p,#produkt-regal .usp-wrapper .usp-block p{margin:0;font-size:1.5rem;line-height:1.4}
#produkt-regal .usp-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch;margin-top:20px}
#produkt-regal .usp-wrapper img{width:100%;height:100%;object-fit:contain;border-radius:20px}
#produkt-regal .usp-wrapper .usp-block h3{margin:0 0 5px;font-size:1.1rem;font-weight:600}


/* =================== USP blok – obrázek vlevo, text vpravo =================== */
#produkt-regal .usp-left-right{display:grid;grid-template-columns:50% 50%;gap:15px;align-items:center;margin:15px 0}
#produkt-regal .usp-left-right .usp-image{width:100%;max-height:350px;height:auto;border-radius:20px}
#produkt-regal .usp-left-right .usp-block h2{font-size:2.5rem;font-weight:700;margin:0 0 5px;color:#5e10a6}
#produkt-regal .usp-left-right .usp-block p{font-size:1.5rem;line-height:1.4;color:#333;margin:0}
@media(max-width:768px){#produkt-regal .usp-left-right{grid-template-columns:1fr;text-align:center}#produkt-regal .usp-left-right .usp-image{max-height:none;height:auto;margin:0 auto 10px}}


/* =================== USP blok – výhody vlevo, obrázek vpravo =================== */
#produkt-regal .usp-block{padding:0;margin:20px 0;border-radius:0;box-shadow:none;background:none}
#produkt-regal .usp-block__content{display:flex;align-items:center;justify-content:flex-start;gap:30px;flex-wrap:nowrap}
#produkt-regal .usp-block__list{flex:0 0 50%;display:flex;flex-direction:column;gap:15px}
#produkt-regal .usp-item{display:flex;align-items:center;gap:15px}
#produkt-regal .usp-item__icon{display:flex;justify-content:center;align-items:center;flex-shrink:0}
#produkt-regal .usp-item__icon img{width:50px;height:50px;object-fit:contain;flex-shrink:0}
#produkt-regal .usp-item__text h4{font-size:2.5rem;font-weight:700;color:#000;margin:0 0 8px}
#produkt-regal .usp-item__text p{font-size:1.5rem;color:#000;margin:0;line-height:1.4}
#produkt-regal .usp-block__image{flex:0 0 50%;display:flex;justify-content:center;align-items:center}
#produkt-regal .usp-block__image img{max-width:100%;height:auto;border-radius:20px}
@media(max-width:768px){
  #produkt-regal .usp-block__content{flex-direction:column;align-items:center}
  #produkt-regal .usp-block__image{margin-top:20px;justify-content:center}
  #produkt-regal .usp-item__icon img{width:60px;height:60px}}


/* =================== Tabulka parametrů + obrázek =================== */
#produkt-regal .param-image-wrapper{display:flex;gap:20px;margin:20px auto 0;align-items:center;justify-content:center;max-width:1200px}
#produkt-regal .param-table-wrapper,#produkt-regal .param-image-wrapper-img{flex:1 1 50%;display:flex;align-items:center;justify-content:center;border-radius:20px;overflow:hidden}
#produkt-regal .param-table{border-collapse:separate;border-spacing:0;border-radius:20px;width:100%;border:1px solid #ddd}
#produkt-regal .param-table td{padding:10px;border-bottom:1px solid #ddd}
#produkt-regal .param-table td:first-child{font-weight:bold}
#produkt-regal .param-table tr:last-child td{border-bottom:none}
#produkt-regal .param-image-wrapper-img img,#produkt-regal .param-table img{width:100%;height:100%;object-fit:contain}
@media(max-width:768px){#produkt-regal .param-image-wrapper{flex-direction:column}#produkt-regal .param-image-wrapper-img{width:100%;height:auto}#produkt-regal .param-image-wrapper-img img{height:auto}}


/* =================== Řada 3 sloupců =================== */
#produkt-regal .three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center;margin-top:20px}
#produkt-regal .three-columns .column{display:flex;flex-direction:column;align-items:center}
#produkt-regal .three-columns .column img{height:105px;width:auto;border-radius:20px;margin-bottom:10px}
#produkt-regal .three-columns .column h4{font-size:2.5rem;font-weight:700;margin:0 0 8px;color:#5e10a6}
#produkt-regal .three-columns .column p{font-size:1.5rem;line-height:1.4;color:#333;margin:0}
@media(max-width:768px){#produkt-regal .three-columns{grid-template-columns:1fr}}


/* =================== Seznam produktových bodů =================== */
#produkt-regal h2{color:#5e10a6}
#produkt-regal .product-list{list-style:disc;margin-left:20px;font-size:inherit;font-family:inherit;color:#000}
#produkt-regal .product-list .highlight,.red-text{color:#f50046}
.benefit-title,.shp-tabs__holder{color:#5e10a6}


/* =================== Kód produktu =================== */
.p-code .p-code-label{color:#000 !important;font-size:18px !important;font-weight:600}
.p-code span:last-child{color:#5e10a6 !important;font-size:18px !important;font-weight:600}


/* =================== Widgety =================== */
#produkt-regal .widget-container{background:#f5f5f5;padding:5px;border-radius:20px;box-shadow:0 4px 8px rgba(0,0,0,.1);text-align:center;margin:20px 0} 
#produkt-regal .widget-container h2{display:flex;align-items:center;justify-content:center;font-size:1.5em;font-weight:700;color:#5e10a6;margin:20px 0} 
#produkt-regal .widget-container h2::before,#produkt-regal .widget-container h2::after{content:"";flex:1;height:2px;background:#000;border-radius:2px;margin:0 10px} 
@media(max-width:768px){#produkt-regal .widget-container h2::before,#produkt-regal .widget-container h2::after{margin:0 5px}}


/* =================== WEXTA Product Contact =================== */
.wexta-product-contact{display:flex;align-items:center;gap:20px;margin-top:20px;padding:20px;background:#fff;
border:1px solid #e6e6e6;border-left:5px solid #5e10a6;border-radius:8px;
box-shadow:0 3px 12px rgba(0,0,0,.08)}
/* =================== Obrázek =================== */
.wexta-product-contact-image{flex:0 0 90px}
.wexta-product-contact-image img{width:90px;height:90px;object-fit:cover;border-radius:50%}
/* =================== Obsah =================== */
.wexta-product-contact-content{flex:1}
.wexta-product-contact h3{margin:0 0 10px;font-size:20px;font-weight:700;color:#000}
.wexta-product-contact p{margin:6px 0;font-size:15px;line-height:1.5;color:#281f19}
/* =================== Telefon =================== */
.wexta-product-contact a{color:#5e10a6;font-size:20px;font-weight:700;text-decoration:none}
.wexta-product-contact a:hover{text-decoration:underline}
/* =================== Mobil =================== */
@media(max-width:768px){.wexta-product-contact{flex-direction:column;text-align:center}}


/* =================== WEXTA Support wrapper =================== */
.wexta-support-wrapper{position:fixed!important;right:100px;bottom:20px;z-index:2147483647!important;font-family:Roboto,Arial,sans-serif}
/* =================== Tlačítko =================== */
.wexta-support-wrapper .wexta-support-btn{width:260px;background:#736a7a;color:#f4f4f4;border-radius:30px;box-shadow:0 6px 15px rgba(0,0,0,.25);overflow:visible;transition:.25s ease}
.wexta-support-wrapper .wexta-support-btn:hover{background:#569c34}
/* =================== Hlavička =================== */
.wexta-support-wrapper .wexta-support-header{height:58px;padding:0 12px;display:flex;align-items:center;cursor:pointer;font-size:16px;font-weight:700}
.wexta-support-wrapper .wexta-support-text{flex:1;padding-left:15px}
.wexta-support-wrapper .wexta-support-icon{display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:-5px}
.wexta-support-wrapper .wexta-support-icon img{width:40px;height:40px;object-fit:contain}
.wexta-support-wrapper .wexta-support-btn:hover .wexta-support-text{color:#000000}
.wexta-support-wrapper .wexta-support-btn:hover .wexta-support-icon img{filter:brightness(0)}
/* =================== Menu =================== */
.wexta-support-wrapper .wexta-support-content{position:absolute;right:0;bottom:75px;width:260px;background:#569c34;border-radius:10px;padding:15px 10px;opacity:0;visibility:hidden;transform:translateY(15px);transition:.25s ease;z-index:2147483647!important}
@media(min-width:769px){
.wexta-support-wrapper .wexta-support-btn:hover .wexta-support-content{opacity:1;visibility:visible;transform:translateY(0)}}
/* =================== Odkazy =================== */
.wexta-support-wrapper .wexta-support-content a{display:flex;align-items:center;gap:12px;color:#f4f4f4;text-decoration:none;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.25);font-size:14px}
.wexta-support-wrapper .wexta-support-content a img{width:24px;height:24px;object-fit:contain;flex-shrink:0}
.wexta-support-wrapper .wexta-support-content a:hover{color:#000000!important}
.wexta-support-wrapper .wexta-support-content a:hover img{filter:brightness(0)}
.wexta-support-wrapper .wexta-support-content a:last-child{border:none}
/* =================== Mobil =================== */
@media(max-width:768px){
.wexta-support-wrapper{right:15px!important;bottom:15px!important}
.wexta-support-wrapper .wexta-support-btn{width:47px;height:47px;border-radius:50%}
.wexta-support-wrapper .wexta-support-header{width:47px;height:47px;padding:0;justify-content:center}
.wexta-support-wrapper .wexta-support-text{display:none}
.wexta-support-wrapper .wexta-support-icon{margin:0;width:47px;height:47px}
.wexta-support-wrapper .wexta-support-icon img{width:35px;height:35px}
.wexta-support-wrapper .wexta-support-content{right:0;bottom:65px;width:260px}
.wexta-support-wrapper .wexta-support-btn.active{background:#569c34}
.wexta-support-wrapper .wexta-support-btn.active .wexta-support-content{opacity:1;visibility:visible;transform:translateY(0)}}
/* =================== Back to Top =================== */
@media(min-width:769px){
.back-to-top{position:fixed!important;right:100px!important;bottom:90px!important;z-index:2147483646!important}}
@media(max-width:768px){
.back-to-top{position:fixed!important;right:15px!important;bottom:75px!important;z-index:2147483646!important}}
/* =================== Shoptet footer overflow =================== */
.footer-bottom-bg,.footer-bottom{overflow:visible!important;z-index:0!important}


/* =================== Shoptet footer accordion =================== */
@media(max-width:768px){
.footer__box .accordion__content{display:none}
.footer__box.open .accordion__content{display:block}}
@media(min-width:769px){
.footer__box .accordion__content{display:block}}