/* OUTDOORISTA | Shoptet Step | vlastni styly */
/* NEWSLETTER */
#footer .footer-newsletter{background:#123D2B;color:#fff;padding:35px 40px;border-radius:10px;margin:35px auto;max-width:1300px;width:100%;box-sizing:border-box;gap:35px;align-items:center}
#footer .footer-newsletter .newsletter-header{flex:1 1 40%;min-width:250px;display:flex;flex-direction:column;justify-content:center}
#footer .footer-newsletter .newsletter-header h3{color:#fff;font-size:28px;font-weight:700;line-height:1.25;margin-bottom:15px}
#footer .footer-newsletter .newsletter-header p{color:#fff;font-size:15px;line-height:1.6;max-width:420px}
#footer .footer-newsletter .subscribe-form{flex:1 1 50%;min-width:0;background:#fff;color:#222;padding:22px 25px;border-radius:8px}
#footer .footer-newsletter .subscribe-form h2{color:#123D2B;font-size:18px}
#footer .footer-newsletter .subscribe-form input{border:1px solid #ccc;border-radius:5px;max-width:100%}
#footer .footer-newsletter .subscribe-form input:focus{border-color:#FF6500;outline-color:#FF6500}
#footer .footer-newsletter .subscribe-form .btn-primary{background:#FF6500;border-color:#FF6500;color:#fff;border-radius:5px;font-weight:700;padding:12px 25px}
#footer .footer-newsletter .subscribe-form .btn-primary:hover{background:#E65B00;border-color:#E65B00;color:#fff}
@media(max-width:767px){#footer .footer-newsletter{padding:25px 18px;margin-top:20px;gap:20px}#footer .footer-newsletter .newsletter-header,#footer .footer-newsletter .subscribe-form{width:100%;flex-basis:100%}#footer .footer-newsletter .newsletter-header h3{font-size:24px}#footer .footer-newsletter .subscribe-form{padding:18px}}
/* ROZCESTNIK OBLECENI */
body:has(.outdoorista-clothing-categories) .subcategories.with-image{display:none!important}
/* FILTRY */
#filters-wrapper .filters-unveil-button-wrapper{display:block;width:100%;margin:20px 0 14px}
#filters-wrapper a.unveil-button[data-unveil="filters"]{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:54px;padding:14px 20px;background:#123C2B;border:0;border-radius:8px;color:#fff;font-family:inherit;font-size:16px;font-weight:700;text-align:left;text-decoration:none;transition:background .2s}
#filters-wrapper a.unveil-button[data-unveil="filters"]:hover{background:#19533C;color:#fff}
#filters-wrapper a.unveil-button[data-unveil="filters"]:focus-visible{outline:3px solid #FF7100;outline-offset:3px}
#filters-wrapper a.unveil-button[data-unveil="filters"]::after{content:"+";font-size:24px;font-weight:400;line-height:1}
#filters-wrapper:has(#filters.visible) a.unveil-button[data-unveil="filters"]::after{content:"\2212"}
#filters-wrapper .filter-section{padding:15px 0;border-bottom:1px solid #e5ebe7}
#filters-wrapper .filter-section:last-child{border-bottom:none}
#filters-wrapper .filter-section h3,#filters-wrapper .filter-section h4{color:#123C2B;font-weight:700}
#filters-wrapper input[type="checkbox"]{accent-color:#123C2B}
#filters-wrapper label:has(input[type="checkbox"]:checked){color:#123C2B;font-weight:600}
@media(max-width:767px){#filters-wrapper a.unveil-button[data-unveil="filters"]{min-height:48px;padding:12px 16px;font-size:14px}}
/* PRODUKTOVE KARTY */
.products .product{border-radius:10px!important;transition:box-shadow .25s ease,transform .25s ease}
@media(hover:hover){.products .product:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(18,60,43,.12)}}
.products .product .p{border-radius:10px!important;overflow:hidden}
.products .product .image{overflow:hidden;border-radius:10px 10px 0 0}
.products .product .p-name{font-size:14px;font-weight:600;line-height:1.45}
.products .product .availability{font-size:12px}
.products .product .price-final{font-size:19px;font-weight:800;color:#123C2B}
.products .product .p-tools .btn{background:#FF7100;border-color:#FF7100;color:#fff;border-radius:6px;font-weight:700;transition:background .2s}
.products .product .p-tools .btn:hover{background:#E66300;border-color:#E66300;color:#fff}
.products .product .flags,.products .product .flags-extra{z-index:2}
.products .product .flags-extra .flag-discount{background:#123C2B!important;color:#fff!important}
.products .product .flags-extra .flag-discount .price-standard,.products .product .flags-extra .flag-discount .price-save{color:#fff!important}
@media(max-width:767px){.products .product{transform:none!important}}
/* DETAIL PRODUKTU */
body.type-detail .flags-extra .flag-discount{background:#123C2B!important;color:#fff!important}
body.type-detail .flag-discount .price-standard,body.type-detail .flag-discount .price-save{color:#fff!important}
body.type-detail .price-final{color:#123C2B!important;font-size:32px;font-weight:800}
body.type-detail .add-to-cart-button{background:#FF7100!important;border-color:#FF7100!important;color:#fff!important;border-radius:8px!important;font-weight:700}
body.type-detail .add-to-cart-button:hover{background:#E66300!important}
@media(max-width:767px){body.type-detail .price-final{font-size:27px}}
/* VARIANTY */
body.type-detail .p-variants-block .detail-parameters select{border:1px solid #ddd!important;border-radius:8px!important;min-height:48px;padding:10px 14px;background-color:#fff;transition:border-color .2s,box-shadow .2s}
body.type-detail .p-variants-block .detail-parameters select:focus{border-color:#123C2B!important;box-shadow:0 0 0 2px rgba(18,60,43,.12);outline:none}
/* NAKUPNI CAST */
body.type-detail .p-to-cart-block{padding:14px 0}
body.type-detail .p-to-cart-block .p-add-to-cart-wrapper{display:flex;align-items:stretch}
body.type-detail .p-to-cart-block .add-to-cart{display:flex;align-items:stretch;gap:10px}
body.type-detail .p-to-cart-block .add-to-cart-button{min-height:52px;padding:12px 24px;border-radius:8px!important}
body.type-detail .p-to-cart-block .quantity{min-height:52px}
/* ZALOZKY PRODUKTU */
body.type-detail .shp-tabs-row{border-bottom:1px solid #e5ebe7}
body.type-detail .shp-tabs-row .shp-tab a{background:#fff!important;border:0!important;color:#333!important;font-weight:600;padding:15px 22px;transition:color .2s}
body.type-detail .shp-tabs-row .shp-tab.active a{color:#123C2B!important;box-shadow:inset 0 -3px #FF7100}
body.type-detail .shp-tabs-row .shp-tab a:hover{color:#FF7100!important}
/* POPIS PRODUKTU */
body.type-detail .description-inner{font-size:15px;line-height:1.8}
body.type-detail .description-inner p{margin-bottom:15px}
/* DISKUZE */
#formDiscussion input:not([type="hidden"]),#formDiscussion textarea{border:1px solid #ddd!important;border-radius:8px!important;padding:12px;max-width:100%}
#formDiscussion input:focus,#formDiscussion textarea:focus{border-color:#123C2B!important;outline:none;box-shadow:0 0 0 2px rgba(18,60,43,.12)}
#formDiscussion .btn-primary{background:#FF7100!important;border:1px solid #FF7100!important;color:#fff!important;border-radius:8px!important;padding:12px 24px;font-weight:700}
#formDiscussion .btn-primary:hover{background:#E66300!important;border-color:#E66300!important}

/* KOSIK – jemna uprava pouze velikosti a barvy cen */
/* Jednotkova cena – mensi a decentni */
body.in-kosik .cart-table .p-price,
body.in-kosik .cart-table .p-price .price-final,
.cart-table td.p-price,
.cart-table td.p-price .price-final {
  font-size:16px!important;
  font-weight:400!important;
  color:#666!important;
}
/* Celkova cena radku – vetsi */
body.in-kosik .cart-table .p-total,
body.in-kosik .cart-table .p-total .price-final,
.cart-table td.p-total,
.cart-table td.p-total .price-final {
  font-size:24px!important;
  font-weight:800!important;
  color:#123C2B!important;
  line-height:1.2;
}
/* Souhrn objednavky – celkova cena */
body.in-kosik .cart-summary .price-primary,
body.in-kosik .cart-summary .price-final,
body.in-kosik .cart-price-summary .price-primary,
body.in-kosik .cart-price-summary .price-final,
.cart-summary .price-primary,
.cart-summary .price-final,
.cart-price-summary .price-primary,
.cart-price-summary .price-final,
.cart-summary .price-wrapper .price,
.cart-price-summary .price-wrapper .price {
  font-size:32px!important;
  font-weight:800!important;
  color:#123C2B!important;
  line-height:1.15;
}
@media(max-width:767px){
  .cart-table td.p-price, .cart-table td.p-price .price-final{font-size:15px!important}
  .cart-table td.p-total, .cart-table td.p-total .price-final{font-size:20px!important}
  .cart-summary .price-primary,.cart-summary .price-final,
  .cart-price-summary .price-primary,.cart-price-summary .price-final{font-size:27px!important}
}



/* DOPRAVA A PLATBA – skutecne tridy z HTML Shoptetu */
/* Form obsahuje dva prime panely: dopravu a platbu. */
#order-form.order-delivery-payment-form {
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:20px!important;
}
#order-form.order-delivery-payment-form > .co-shipping-method,
#order-form.order-delivery-payment-form > .co-payment-method {
  display:block!important;
  float:none!important;
  clear:both!important;
  width:100%!important;
  max-width:100%!important;
  flex:0 0 auto!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
}
/* Pokud jsou panely soucasti Shoptet flex radku, zachovej sirku. */
#order-form.order-delivery-payment-form > .co-shipping-method .shipping-billing-table,
#order-form.order-delivery-payment-form > .co-payment-method .shipping-billing-table {
  width:100%;
}
/* Oranzova pouze u prvku explicitne oznacenych jako doprava/platba zdarma. */
#order-form .co-shipping-method .free,
#order-form .co-payment-method .free,
#order-form .co-shipping-method .price-free,
#order-form .co-payment-method .price-free {
  color:#FF7100!important;
}

/* DOPRAVA – roztazeni na stejnou sirku jako platba */
/* Skutecna trida panelu ze screenshotu inspektoru: co-delivery-method */
#order-form.order-delivery-payment-form > .co-delivery-method,
.order-delivery-payment-form > .co-box.co-delivery-method {
  box-sizing:border-box!important;
  display:block!important;
  float:none!important;
  width:100%!important;
  max-width:100%!important;
  flex:0 0 100%!important;
  height:auto!important;
  min-height:0!important;
  margin-left:0!important;
  margin-right:0!important;
}


/* REKAPITULACE – presny selektor overeny v inspektoru */
#checkoutContent .order-summary.co-box {margin-top:20px!important;}
#summary-box.order-summary-inner > h2.h4 {
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  font-size:24px!important;
  line-height:1.3!important;
  font-weight:700!important;
  color:#111!important;
  margin:0 0 20px!important;
}
#summary-box.order-summary-inner > h2.h4::before {
  content:"";
  display:block;
  width:32px;
  height:32px;
  flex:0 0 32px;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23111%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207.5%2012%203l9%204.5v9L12%2021l-9-4.5z%22%2F%3E%3Cpath%20d%3D%22m3%207.5%209%204.5%209-4.5M12%2012v9%22%2F%3E%3C%2Fsvg%3E ") center / contain no-repeat;
}
@media(max-width:767px){
  #summary-box.order-summary-inner > h2.h4 {font-size:21px!important;gap:9px!important;}
  #summary-box.order-summary-inner > h2.h4::before {width:27px;height:27px;flex-basis:27px;}
}

/* OUTDOORISTA | KROK 3 – INFORMACE O VAS
   Doplnit na konec existujiciho outdoorista.css.
   Neprepisuje kosik, dopravu, platby ani souhlasy. */

/* Formulář: jednotná pole a citelné popisky */
#order-form .form-control:not([type="checkbox"]):not([type="radio"]),
#order-form input[type="text"],
#order-form input[type="email"],
#order-form input[type="tel"],
#order-form input[type="password"],
#order-form textarea,
#order-form select {
  min-height:48px;
  border:1px solid #cbd5ce;
  border-radius:7px;
  background:#fff;
  box-shadow:none;
  font:inherit;
  transition:border-color .2s ease,box-shadow .2s ease;
}
#order-form textarea {min-height:100px;resize:vertical;}
#order-form .form-control:focus,
#order-form input:focus:not([type="checkbox"]):not([type="radio"]),
#order-form textarea:focus,
#order-form select:focus {
  border-color:#123C2B;
  box-shadow:0 0 0 3px rgba(18,60,43,.12);
  outline:none;
}
#order-form label {line-height:1.5;}
#order-form input[type="checkbox"],
#order-form input[type="radio"] {accent-color:#123C2B;}

/* Zachovat dvousloupcove popisky, ale dat polim vice prostoru.
   Uplatni se jen u radku, kde Shoptet pouziva label + vstup. */
@media(min-width:768px){
  #order-form .form-group > .control-label {max-width:190px;}
  #order-form .form-group > .controls,
  #order-form .form-group > .col-sm-8,
  #order-form .form-group > .col-sm-9 {min-width:0;}
  #order-form .form-group input.form-control:not([type="checkbox"]):not([type="radio"]),
  #order-form .form-group textarea.form-control {width:100%;max-width:440px;}
  #order-form input[name*="zip"],
  #order-form input[name*="postal"] {max-width:160px!important;}
}

/* Nadpisy jednotlivych formularovych boxu – rekapitulace je mimo form */
#order-form .co-box h2,
#order-form .co-box h3,
#order-form .co-box .h2 {
  color:#111;
  font-size:24px;
  font-weight:700;
  line-height:1.3;
}

/* Prihlaseni ma byt vedlejsi akce, nikoliv hlavni CTA */
#order-form a[href*="login"].btn,
#order-form a[href*="prihlaseni"].btn,
#order-form .login-btn,
#order-form .login-button {
  min-height:42px;
  padding:10px 18px;
  border:1px solid #cbd5ce;
  border-radius:6px;
  background:#fff;
  color:#123C2B;
  font-weight:600;
}
#order-form a[href*="login"].btn:hover,
#order-form a[href*="prihlaseni"].btn:hover,
#order-form .login-btn:hover,
#order-form .login-button:hover {
  border-color:#123C2B;
  background:#f3f7f4;
}

/* Hlavni objednavaci tlacitko – zachovat povinny text */
#order-form button[type="submit"].btn-primary,
#order-form input[type="submit"].btn-primary,
.next-step .btn-primary {
  min-height:58px;
  padding:12px 26px;
  border-radius:6px;
  background:#FF7100;
  border-color:#FF7100;
  color:#fff;
  font-weight:700;
  line-height:1.35;
  white-space:normal;
}
#order-form button[type="submit"].btn-primary:hover,
#order-form input[type="submit"].btn-primary:hover,
.next-step .btn-primary:hover {
  background:#e66300;
  border-color:#e66300;
}
@media(max-width:767px){
  #order-form .form-control:not([type="checkbox"]):not([type="radio"]),
  #order-form input[type="text"],
  #order-form input[type="email"],
  #order-form input[type="tel"],
  #order-form textarea {max-width:100%;}
  #order-form .co-box h2,
  #order-form .co-box h3 {font-size:21px;}
}


/* KROK 3 – FINALNI DOLADENI | 2026-11-14 */
/* Ikony jen pro jednoznacne pojmenovane bloky Shoptetu. */
#order-form .co-contact-information h2:first-child::before,
#order-form .co-contact-information h3:first-child::before,
#order-form .co-contact-information .h2:first-child::before,
#order-form .co-contact-information .h3:first-child::before,
#order-form .co-contact-information .co-title::before {
 content:"";display:inline-block;width:30px;height:30px;margin-right:12px;vertical-align:-6px;
 background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23111111%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2021v-2a8%208%200%200%201%2016%200v2%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
}
#order-form .co-billing-address h2:first-child::before,
#order-form .co-billing-address h3:first-child::before,
#order-form .co-billing-address .h2:first-child::before,
#order-form .co-billing-address .h3:first-child::before,
#order-form .co-billing-address .co-title::before {
 content:"";display:inline-block;width:30px;height:30px;margin-right:12px;vertical-align:-6px;
 background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23111111%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2010%209-7%209%207v10a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1z%22%2F%3E%3Cpath%20d%3D%22M9%2021v-7h6v7%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
}
/* Formularova pole – pouze treti krok, nikoli kosik nebo platby */
@media(min-width:768px){
 #order-form .form-group input.form-control:not([type="checkbox"]):not([type="radio"]),
 #order-form .form-group textarea.form-control {max-width:440px;width:100%;}
 #order-form input[name*="zip"],#order-form input[name*="postal"],
 #order-form input[id*="zip"],#order-form input[id*="postal"] {max-width:170px!important;}
}
/* Volby v samostatnem boxu: decentni odstupy bez zmeny chovani checkboxu */
#order-form .co-box-additional .form-group,
#order-form .co-box-additional .checkbox {margin-bottom:12px;}
/* Finalni tlacitko: rozsireni bez zmeny textu */
#order-form button[type="submit"].btn-primary,
#order-form input[type="submit"].btn-primary,
.next-step .btn-primary {min-width:190px;min-height:60px;padding:12px 25px;}
.next-step {margin-top:32px;}
@media(max-width:767px){
 #order-form .co-contact-information h2:first-child::before,
 #order-form .co-contact-information h3:first-child::before,
 #order-form .co-billing-address h2:first-child::before,
 #order-form .co-billing-address h3:first-child::before {width:25px;height:25px;vertical-align:-5px;margin-right:9px;}
 #order-form .form-group input.form-control:not([type="checkbox"]):not([type="radio"]) {max-width:100%;}
}

/* KROK 3 – OPRAVA SIREK FORMULARE A FINALNIHO TLACITKA */
/* Omezeni jen na posledni krok objednavky. */
@media (min-width:768px) {
  body.in-krok-3 #order-form .co-contact-information .form-group > [class*="col-sm-"],
  body.in-krok-3 #order-form .co-billing-address .form-group > [class*="col-sm-"],
  body.in-krok-3 #order-form .co-contact-information .form-group .controls,
  body.in-krok-3 #order-form .co-billing-address .form-group .controls {
    max-width:none;
  }
  /* Vlastni Shoptet checkout miva misto in-krok-3 tridu in-krok-objednavky. */
  #order-form:not(.order-delivery-payment-form) .co-contact-information .form-group > .col-sm-4,
  #order-form:not(.order-delivery-payment-form) .co-contact-information .form-group > .col-sm-6,
  #order-form:not(.order-delivery-payment-form) .co-billing-address .form-group > .col-sm-4,
  #order-form:not(.order-delivery-payment-form) .co-billing-address .form-group > .col-sm-6 {
    width:440px!important;
    max-width:calc(100% - 190px)!important;
    flex:0 1 440px!important;
  }
  #order-form:not(.order-delivery-payment-form) .co-contact-information input.form-control:not([type="checkbox"]):not([type="radio"]),
  #order-form:not(.order-delivery-payment-form) .co-billing-address input.form-control:not([type="checkbox"]):not([type="radio"]) {
    width:100%!important;
    max-width:440px!important;
    box-sizing:border-box;
  }
  /* PSC: selektory pokryvaji bezne nazvy poli Shoptetu. */
  #order-form:not(.order-delivery-payment-form) input[name*="zip" i],
  #order-form:not(.order-delivery-payment-form) input[id*="zip" i],
  #order-form:not(.order-delivery-payment-form) input[name*="postal" i],
  #order-form:not(.order-delivery-payment-form) input[id*="postal" i],
  #order-form:not(.order-delivery-payment-form) input[name*="postcode" i],
  #order-form:not(.order-delivery-payment-form) input[id*="postcode" i] {
    width:160px!important;
    max-width:160px!important;
  }
}
/* Tretimu kroku zustava zachovana oranzova hlavni akce a povinny text. */
#checkoutContent .next-step button[type="submit"],
#checkoutContent .next-step input[type="submit"],
#checkoutContent .next-step .btn-primary {
  min-width:210px;
  min-height:62px;
  padding:13px 25px;
  background:#FF7100;
  border-color:#FF7100;
  color:#fff;
  border-radius:7px;
  font-weight:700;
  line-height:1.4;
  white-space:normal;
}
#checkoutContent .next-step button[type="submit"]:hover,
#checkoutContent .next-step .btn-primary:hover {
  background:#E66300;
  border-color:#E66300;
}
@media(max-width:767px) {
  #order-form:not(.order-delivery-payment-form) .co-contact-information .form-group > [class*="col-sm-"],
  #order-form:not(.order-delivery-payment-form) .co-billing-address .form-group > [class*="col-sm-"] {
    width:100%!important;
    max-width:100%!important;
  }
  #checkoutContent .next-step button[type="submit"],
  #checkoutContent .next-step .btn-primary {min-width:0;max-width:100%;}
}

/* KROK 3 – OBA SAMOSTATNE RAMeCKY VEDLE SEBE
   Overena struktura: #order-form > #checkoutContent > fieldset.co-contact-information
   a #checkoutContent > div.co-billing-address. */
@media (min-width: 992px) {
  #order-form #checkoutContent:has(> .co-contact-information):has(> .co-billing-address) {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:20px!important;
    align-items:stretch!important;
  }
  #order-form #checkoutContent > .co-contact-information,
  #order-form #checkoutContent > .co-billing-address {
    grid-column:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    float:none!important;
    box-sizing:border-box!important;
  }
  #order-form #checkoutContent > :not(.co-contact-information):not(.co-billing-address) {
    grid-column:1 / -1!important;
    min-width:0;
  }
  /* V uzsich kartach dej popisky nad vstupni pole. */
  #order-form #checkoutContent > .co-contact-information .form-group > .control-label,
  #order-form #checkoutContent > .co-billing-address .form-group > .control-label {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    float:none!important;
    text-align:left!important;
    margin-bottom:6px;
  }
  #order-form #checkoutContent > .co-contact-information .form-group > [class*="col-sm-"],
  #order-form #checkoutContent > .co-billing-address .form-group > [class*="col-sm-"] {
    width:100%!important;
    max-width:100%!important;
    float:none!important;
    flex:0 1 auto!important;
  }
  #order-form #checkoutContent > .co-contact-information input.form-control:not([type="checkbox"]):not([type="radio"]),
  #order-form #checkoutContent > .co-billing-address input.form-control:not([type="checkbox"]):not([type="radio"]) {
    width:100%!important;
    max-width:100%!important;
  }
  /* PSC zustane kratsi. */
  #order-form #checkoutContent > .co-billing-address input[name*="zip" i],
  #order-form #checkoutContent > .co-billing-address input[id*="zip" i],
  #order-form #checkoutContent > .co-billing-address input[name*="postal" i],
  #order-form #checkoutContent > .co-billing-address input[id*="postal" i] {
    width:160px!important;
    max-width:160px!important;
  }
}
@media (max-width:991px) {
  #order-form #checkoutContent > .co-contact-information,
  #order-form #checkoutContent > .co-billing-address {
    width:100%!important;
    max-width:100%!important;
  }
}

/* ==========================================================
   OUTDOORISTA | CHECKOUT – SJEDNOCENI CTA A RESPONZIVITA
   ========================================================== */

/* Vsechny tri kroky: stejny polomer rohu tlacitek Pokracovat/Objednat.
   Cilime pouze na navigaci kosiku, nikoli na vsechna tlacitka webu. */
#checkoutContent .next-step .btn,
#checkoutContent .next-step button,
#checkoutContent .next-step input[type="submit"],
.cart-inner .next-step .btn,
.cart-inner .next-step button,
.cart-inner .next-step input[type="submit"],
.next-step.next-step--step-1 .btn,
.next-step.next-step--step-2 .btn,
.next-step.next-step--step-3 .btn {
  border-radius:8px!important;
}

/* V prvnim kroku muze byt tlacitko mimo #checkoutContent. */
body.in-kosik .next-step .btn,
body.in-kosik .next-step a.btn,
body.in-kosik .next-step button {
  border-radius:8px!important;
}

/* Povinna pole: presunout upozorneni do prirozeneho toku
   v ramecku osobnich udaju, bez absolutniho umisteni. */
#order-form #checkoutContent > .co-contact-information .form-legend,
#order-form #checkoutContent > .co-contact-information .form-legend[style] {
  position:static!important;
  float:none!important;
  clear:both;
  display:block;
  width:auto!important;
  max-width:100%;
  margin:0 0 14px!important;
  text-align:left!important;
  font-size:12px;
}

/* Mobil a tablet: osobni udaje a fakturace pod sebou. */
@media (max-width:991px) {
  #order-form #checkoutContent:has(> .co-contact-information):has(> .co-billing-address) {
    display:block!important;
  }
  #order-form #checkoutContent > .co-contact-information,
  #order-form #checkoutContent > .co-billing-address {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    float:none!important;
    box-sizing:border-box!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  #order-form #checkoutContent > .co-contact-information {
    margin-bottom:18px!important;
  }
}
@media (max-width:767px) {
  #order-form #checkoutContent > .co-contact-information,
  #order-form #checkoutContent > .co-billing-address {
    padding:20px 16px!important;
  }
  #order-form #checkoutContent > .co-contact-information .form-group,
  #order-form #checkoutContent > .co-billing-address .form-group {
    min-width:0;
    max-width:100%;
  }
  #order-form #checkoutContent > .co-contact-information .form-group > .control-label,
  #order-form #checkoutContent > .co-billing-address .form-group > .control-label {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    float:none!important;
    text-align:left!important;
    margin-bottom:6px;
  }
  #order-form #checkoutContent > .co-contact-information .form-group > [class*="col-sm-"],
  #order-form #checkoutContent > .co-billing-address .form-group > [class*="col-sm-"] {
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    float:none!important;
  }
  #order-form #checkoutContent > .co-contact-information input:not([type="checkbox"]):not([type="radio"]),
  #order-form #checkoutContent > .co-billing-address input:not([type="checkbox"]):not([type="radio"]),
  #order-form #checkoutContent > .co-contact-information textarea,
  #order-form #checkoutContent > .co-billing-address textarea {
    max-width:100%!important;
    box-sizing:border-box;
  }
  #order-form #checkoutContent .phone-form-group,
  #order-form #checkoutContent .phone-form-group > * {
    min-width:0;
  }
}