/* Style4 – Hadí kolekce, pilot v2 pro Merkur. Veškerý styl je omezený na #style4-hadi-konfigurator. */
#style4-hadi-konfigurator {font:inherit;color:#222;max-width:1100px;margin:30px auto 50px;}
#style4-hadi-konfigurator * {box-sizing:border-box;}
#style4-hadi-konfigurator .s4h-wrap{font-family:inherit;line-height:1.5;}
#style4-hadi-konfigurator .s4h-titleblock{padding:26px 28px 28px;background:linear-gradient(110deg,#f8f4ef,#fff);border-radius:16px;margin-bottom:16px;}
#style4-hadi-konfigurator .s4h-kicker{font-size:11px;font-weight:750;letter-spacing:.18em;color:#a78246;margin:0 0 8px;}
#style4-hadi-konfigurator h2{font-size:clamp(25px,3.1vw,37px);font-weight:650;line-height:1.2;margin:0 0 12px;color:#20242a;}
#style4-hadi-konfigurator h3{font-size:20px;line-height:1.25;font-weight:650;margin:0;color:#20242a;}
#style4-hadi-konfigurator .s4h-titleblock>p:last-child{max-width:650px;color:#61636a;margin:0;}
#style4-hadi-konfigurator .s4h-match{display:flex;gap:11px;align-items:center;margin:14px 0 19px;padding:13px 16px;border:1px solid #e8e8e8;border-radius:11px;background:#fff;cursor:pointer;}
#style4-hadi-konfigurator .s4h-match input{width:18px;height:18px;accent-color:#1d6674;flex:none;margin:0;}
#style4-hadi-konfigurator .s4h-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;}
#style4-hadi-konfigurator .s4h-card{border:1px solid #e8e7e4;border-radius:15px;background:#fff;padding:23px 23px 19px;min-width:0;box-shadow:0 2px 10px rgba(0,0,0,.025);}
#style4-hadi-konfigurator .s4h-cardhead{display:flex;align-items:center;gap:14px;margin-bottom:24px;}
#style4-hadi-konfigurator .s4h-icon{width:61px;height:61px;display:grid;place-items:center;font-size:44px;line-height:1;border-radius:13px;background:linear-gradient(135deg,#f3efeb,#faf8f5);color:#b18d60;flex:none;}
#style4-hadi-konfigurator .s4h-eyebrow{font-size:12px;font-weight:650;color:#8b8986;margin-bottom:3px;}
#style4-hadi-konfigurator .s4h-controls{display:grid;gap:20px;}
#style4-hadi-konfigurator .s4h-field{display:grid;gap:8px;color:#3c424b;font-size:13px;font-weight:650;}
#style4-hadi-konfigurator .s4h-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
#style4-hadi-konfigurator .s4h-swatches{display:flex;flex-wrap:wrap;gap:8px;}
#style4-hadi-konfigurator .s4h-swatch{border:1px solid #ddd;display:flex;align-items:center;gap:6px;border-radius:9px;padding:8px 10px;background:#fff;color:#46494f;font-weight:550;font-size:12px;cursor:pointer;transition:box-shadow .1s;}
#style4-hadi-konfigurator .s4h-swatch.selected{border-color:#216a76;box-shadow:0 0 0 1px #216a76;}
#style4-hadi-konfigurator .s4h-swatch:disabled{cursor:not-allowed;opacity:.35;}
#style4-hadi-konfigurator .s4h-swatch>span{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.09);flex:none;}
#style4-hadi-konfigurator select{width:100%;height:43px;border:1px solid #d8dadb;background:#fff;color:#222;border-radius:8px;padding:8px 10px;font-size:15px;}
#style4-hadi-konfigurator .s4h-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:12px;color:#666;line-height:1.5;margin-top:22px;}
#style4-hadi-konfigurator .s4h-meta strong{font-weight:700;color:#444;}
#style4-hadi-konfigurator .s4h-stock{color:#38705a;}
#style4-hadi-konfigurator .s4h-note{background:#f6f6f6;border-radius:7px;padding:8px 10px;font-size:12px;margin:10px 0 0;color:#555;}
#style4-hadi-konfigurator .s4h-cardfoot{border-top:1px solid #eee;margin-top:18px;padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:8px;}
#style4-hadi-konfigurator .s4h-cardfoot span{font-size:21px;font-weight:750;color:#2b2a2c;}
#style4-hadi-konfigurator .s4h-cardfoot a{font-size:12px;color:#216a76;text-decoration:underline;}
#style4-hadi-konfigurator .s4h-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 23px;margin-top:18px;border-radius:14px;background:#f8f8f7;}
#style4-hadi-konfigurator .s4h-summary h3{font-size:19px;margin-bottom:4px;}
#style4-hadi-konfigurator .s4h-summary p{font-size:13px;margin:4px 0;}
#style4-hadi-konfigurator .s4h-total{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap;}
#style4-hadi-konfigurator .s4h-total strong{font-size:30px;letter-spacing:-.02em;line-height:1.3;}
#style4-hadi-konfigurator .s4h-total span{font-size:11px;color:#6f7274;}
#style4-hadi-konfigurator .s4h-actions{display:flex;align-items:center;gap:18px;margin:18px 0 8px;flex-wrap:wrap;}
#style4-hadi-konfigurator .s4h-actions button{cursor:pointer;border:0;border-radius:9px;padding:15px 23px;color:#fff;background:#175d71;font-size:15px;font-weight:750;min-height:48px;}
#style4-hadi-konfigurator .s4h-actions button:hover{background:#104a5b;}
#style4-hadi-konfigurator .s4h-actions button:disabled{opacity:.5;cursor:not-allowed;}
#style4-hadi-konfigurator .s4h-cartlink{color:#175d71;text-decoration:underline;font-size:13px;}
#style4-hadi-konfigurator .s4h-footnote{font-size:11px!important;line-height:1.5;color:#7a7d7f!important;}
#style4-hadi-konfigurator .s4h-status{min-height:1em;font-size:13px;font-weight:600;color:#22664d;margin:8px 0;}
#style4-hadi-konfigurator .s4h-status.s4h-error{color:#a33c33;}
#style4-hadi-konfigurator button:focus-visible,#style4-hadi-konfigurator select:focus-visible,#style4-hadi-konfigurator a:focus-visible{outline:3px solid #87b4bd;outline-offset:2px;}
@media(max-width:700px){
  #style4-hadi-konfigurator{margin:20px auto 30px;}
  #style4-hadi-konfigurator .s4h-titleblock{padding:22px 17px;}
  #style4-hadi-konfigurator .s4h-grid{grid-template-columns:minmax(0,1fr);}
  #style4-hadi-konfigurator .s4h-card{padding:19px 17px;}
  #style4-hadi-konfigurator .s4h-summary{align-items:flex-start;flex-direction:column;padding:18px;gap:12px;}
  #style4-hadi-konfigurator .s4h-total{align-items:flex-start;}
  #style4-hadi-konfigurator .s4h-actions button{width:100%;}
}

/* v2 – skutečné fotografie produktových řad, nový přehled sady, jasnější tlačítko barev */
#style4-hadi-konfigurator .s4h-cardhead{display:grid;grid-template-columns:160px minmax(0,1fr);gap:20px;align-items:center;margin-bottom:23px;}
#style4-hadi-konfigurator .s4h-photo-frame{width:160px;height:170px;background:#fff;border:1px solid #f0eeeb;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
#style4-hadi-konfigurator .s4h-photo-frame img{width:100%;height:100%;object-fit:contain;display:block;}
#style4-hadi-konfigurator .s4h-photo-caption{font-size:11px;line-height:1.5;color:#747778;margin:9px 0 0;}
#style4-hadi-konfigurator .s4h-product-intro{min-width:0;}
#style4-hadi-konfigurator .s4h-match{display:flex;width:100%;text-align:left;gap:13px;align-items:center;margin:14px 0 19px;padding:13px 16px;border:1px solid #ddd;border-radius:11px;background:#fff;color:#30383c;cursor:pointer;}
#style4-hadi-konfigurator .s4h-match.is-active{border-color:#b7d0d5;background:#f7fbfc;}
#style4-hadi-konfigurator .s4h-match-indicator{width:24px;height:24px;border:1px solid #bdc9cc;border-radius:7px;display:grid;place-items:center;flex:none;color:#fff;font-weight:700;font-size:16px;}
#style4-hadi-konfigurator .s4h-match.is-active .s4h-match-indicator{background:#1c6e7c;border-color:#1c6e7c;}
#style4-hadi-konfigurator .s4h-match strong{display:block;font-size:14px;line-height:1.4;color:#333;}
#style4-hadi-konfigurator .s4h-match small{display:block;font-size:12px;font-weight:400;color:#666;margin-top:1px;}
#style4-hadi-konfigurator .s4h-summary{display:block;}
#style4-hadi-konfigurator .s4h-summary-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:14px;}
#style4-hadi-konfigurator .s4h-summary-top>span{font-size:12px;color:#666;}
#style4-hadi-konfigurator .s4h-summary-line{display:flex;align-items:center;gap:13px;border-top:1px solid #e7e7e7;padding:12px 0;}
#style4-hadi-konfigurator .s4h-thumb{width:68px;height:68px;border-radius:10px;background:#fff;flex:none;display:flex;align-items:center;justify-content:center;overflow:hidden;}
#style4-hadi-konfigurator .s4h-thumb img{width:100%;height:100%;object-fit:contain;display:block;}
#style4-hadi-konfigurator .s4h-summary-description{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;}
#style4-hadi-konfigurator .s4h-summary-description strong{font-size:14px;}
#style4-hadi-konfigurator .s4h-summary-description span{font-size:12px;color:#60646a;}
#style4-hadi-konfigurator .s4h-summary-description small{font-size:11px;color:#797c81;}
#style4-hadi-konfigurator .s4h-line-price{white-space:nowrap;font-size:15px;}
#style4-hadi-konfigurator .s4h-summary-bottom{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-top:1px solid #dedede;padding-top:15px;margin-top:2px;}
#style4-hadi-konfigurator .s4h-summary-bottom span{font-size:14px;font-weight:600;}
#style4-hadi-konfigurator .s4h-summary-bottom strong{font-size:28px;white-space:nowrap;}
#style4-hadi-konfigurator .s4h-image-missing::after{content:'Fotografie se nepodařila načíst';font-size:11px;color:#777;padding:10px;text-align:center;}
#style4-hadi-konfigurator img[hidden]{display:none!important;}
#style4-hadi-konfigurator .s4h-image-unavailable{font-size:11px;color:#777;}
@media(max-width:900px){
 #style4-hadi-konfigurator .s4h-cardhead{grid-template-columns:115px minmax(0,1fr);gap:13px;}
 #style4-hadi-konfigurator .s4h-photo-frame{width:115px;height:135px;}
}
@media(max-width:380px){
 #style4-hadi-konfigurator .s4h-cardhead{grid-template-columns:105px minmax(0,1fr);gap:12px;}
 #style4-hadi-konfigurator .s4h-photo-frame{width:105px;height:120px;}
 #style4-hadi-konfigurator .s4h-summary-bottom{flex-direction:column;align-items:flex-start;}
}