.button_rozbaleno { 
    background-color: #D36135;
    font-weight: 700;
    text-transform: uppercase;
    color: white;
    padding: 0.7rem 1.2rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    text-align: center;
  } 
        #short-description .button_rozbaleno:hover {
        background-color: #B13707;
        color: white;
        text-decoration: none;
      }

  .button_zanovni { 
    background-color: #0F7D25;
    font-weight: 700;
    text-transform: uppercase;
    color: white;
    padding: 0.7rem 1.2rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    text-align: center;
  } 
        #short-description .button_zanovni:hover {
        background-color: #085E19;
        color: white;
        text-decoration: none;
      }

    .button_pouzity { 
      background-color: #64472E;
      font-weight: 700;
      text-transform: uppercase;
      color: white;
      padding: 0.7rem 1.2rem;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      text-align: center;
    } 
          #short-description .button_pouzity:hover {
          background-color: #4C311A;
          color: white;
          text-decoration: none;
        }

  .icons--info {
    height: 1rem;
    margin-right: 0.5rem;
    margin-bottom: 2px;
  }

.card {
    background-color: #f8f8f8;
    padding: 1rem;
}

.card--rozbaleno {
    border-bottom: 5px solid #D36135;
    margin-bottom: 1rem;
}

.card--zanovni {
    border-bottom: 5px solid #0F7D25;
    margin-bottom: 1rem;
}

.card--pouzity {
    border-bottom: 5px solid #64472E;
    margin-bottom: 1rem;
}

.nadpis_rozbaleno {
    font-size: 1.2rem;
    font-weight: 800;
    color:#D36135;
    text-transform: uppercase;
    font-family: var(--template-headings-font), sans-serif;
}

.nadpis_zanovni {
    font-size: 1.2rem;
    font-weight: 800;
    color:#0F7D25;
    text-transform: uppercase;
    font-family: var(--template-headings-font), sans-serif;
}

.nadpis_pouzity {
    font-size: 1.2rem;
    font-weight: 800;
    color:#64472E;
    text-transform: uppercase;
    font-family: var(--template-headings-font), sans-serif;
}

#zanovni_text, #rozbaleno_text, #pouzity_text {
    font-size: 0.9rem;
    line-height: 1.4rem;
}

/* IMG & zdroje */
.img-popis-float-right {
    display: block;
    float: right;
    margin: 1rem;
    width: 30%;
    position: relative;
    z-index: 99;
}
.img-resource {
    font-size: 0.9rem;
    color: #58585b;
    font-style: italic;
    display: block;
    text-align: left;
   z-index: 99;
}

.img-resource a {
    z-index: 20;
}
/* KONEC IMG & zdroje*/

@media only screen and (max-width: 40em) {
  #menu-helper-box .first-line {  /* Úvodní stránka pryč - zbytečné, proklik přes logo */
    display:none;
  }  
  .menu-helper-wrapper-active #menu-helper-box {
    display: flex;
    flex-direction: column;
  }
  .menu-item-724 { /* Reklamace a vrácení zboží */
    order: 95;
  }
  .menu-item-684 { /* Doprava a platba */
    order: 96;
  }
  .menu-item-1055 { /* Často kladené otázky */
    order: 97;
  }
  .menu-item-717 {/* Blog */
    order: 98;
  }
  .menu-item--6 { /* Napište nám */
    order: 99;
  }
}

#categories .categories .topic a { /* Levé menu změny */
    text-transform: none;
    font-size: 1rem;
}

#menu ul li>a { /* Horní menu změny */
    text-transform:none;
    font-size: 1rem;
}

/* TOGGLE napříč stránkami */
.toggler {
text-decoration: none;
text-transform: uppercase;
background-color: #3498db;
border: none;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-size:0.8125rem;
font-weight: bold;
padding:8px 20px;
margin: 10px 0px 10px 0px;
}
.toggler:hover {
background-color: #2980b9;
cursor: pointer;
color: #ffffff;
}
/* KONEC TOGGLE napříč stránkami */

/* FAQ css toggle */
.arrow-down {
  border: solid #444;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-left: 10px;
}
.arrow-up {
  border: solid #444;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  margin-left: 10px;
}
.toggled_content-faq {
  display: none;
}
.toggler-faq {
  border-bottom: 1px solid #888;
  padding: 5px 5px 5px 15px;
  font-weight: bold;
  cursor: pointer;
  color: #222;
}
.toggler-faq:hover {
  border-bottom: 2px solid #3498db;
}
/* FAQ toggle KONEC */

/* TOP VLEVO úpravy */
#top10 ol li a {
  text-transform: none;
}

#top10 ol li a span {
  font-weight: 500;
}

#top10 ol li:before,
.top-in-cat-iteration {
  background: none;
  color: #000000;
  font-weight: 500;
}

#top10 ol li div {
  margin-left: 0;
}

/* Footer */
.footer-quick-links {
  background: #222222;
  text-align: center;
  color: #FFFFFF;
  margin: 0;
}

.footer-quick-links a {
  color: #FFFFFF;
  font-weight: bold;
}

.footer-quick-links h4 {
  font-size: 1rem;
  line-height: 2rem;
}

#category-filter { background: #C3E0F4; }
#top-in-cat-button, #top-in-cat-button.active, #param-filter-hover, #param-filter-hover.active { background: #7c9e1e; color: #ffffff; }
#param-filter-hover, #param-filter-hover.active { font-weight: 700; }
#param-filter-left label { cursor: pointer; }
#stock-filter, .doubledott-filter-single, label.doubledott-filter-single, #param-filter-left label { color: #000000; }
a.show-filter-button.tiny.button { background-color: #C3E0F4; border-color: #C3E0F4; color: #000000; font-weight: 400; }
#param-filter-hover { font-size: 0.8rem; }
/* název filtru */#category-filter-hover strong { text-transform: none; font-weight: 700;}

#category-tabs .tab-single label { background: #C3E0F4;  cursor: pointer; }
#category-tabs .tab-single { background: #C3E0F4; color: #000000; }

.doubledot-custom, label.doubledott-filter-single, .doubledott-filter-single, #param-filter-left label { padding-right: 0.01rem; }
#category-filter-hover-content, #category-filter-hover.noDisplay { background: #fbfff0; background-color: #fbfff0; }
.param-filter-single { border-bottom-color: #000000; }
/* jednotlivé parametry*/.parametric-filter .param-filter-single-cell { font-weight: 550; }
.categories.expandable ul li {text-transform: none;}

/* ==========================================================================
   NOVÁ SEKCE PRO MNOŽSTVÍ A KOŠÍK (Šablona Pop - gavri.cz)
   ========================================================================== */

/* Společný kontejner pro kusy, který nahrazuje původní .quantity */
#product-detail .field-pieces-wrap {
    display: flex !important;           
    align-items: center;
    border: solid #f2f2f2;
    border-radius: 24px;
    background: #f2f2f2;
    overflow: hidden;          /* kvůli zaoblení krajů */
    width: 144px;
    height: 48px;
    padding: 0 !important;     /* přebití Shoptet paddingu */
    margin-right: 32px;
    position: relative;
}

/* Seřazení prvků uvnitř kontejneru: [ Mínus ] [ Input ] [ Plus ] */
#product-detail .field-pieces-wrap .remove-pcs { order: 1; }
#product-detail .field-pieces-wrap .amount     { order: 2; }
#product-detail .field-pieces-wrap .add-pcs    { order: 3; }

/* Stylování inputu s číslem */
#product-detail .field-pieces-wrap .amount {
    width: 64px !important;
    height: 48px !important;
    border: 0 !important;
    outline: none !important;
    background: transparent !important;
    text-align: center;
    font-size: 16px;
    line-height: 48px;
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* Vypnutí nativních šipek inputu (pro jistotu, aby to nerozbíjelo layout) */
#product-detail .field-pieces-wrap .amount::-webkit-outer-spin-button,
#product-detail .field-pieces-wrap .amount::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#product-detail .field-pieces-wrap .amount {
    -moz-appearance: textfield;
    appearance: textfield;
}

/* Společný styl pro Shoptet tlačítka plus a mínus (odkazy <a>) */
#product-detail .field-pieces-wrap .add-pcs,
#product-detail .field-pieces-wrap .remove-pcs {
    width: 40px !important;
    height: 48px !important;
    border: 0 !important;
    background: #f2f2f2 !important;        /* splyne s podkladem */
    box-shadow: none !important;
    outline: none;
    display: inline-block;              
    position: relative; 
    top: 0; 
    text-align: center;
    cursor: pointer;
    text-decoration: none !important;
}

/* Zneškodnění původních šablonových šipek a ikon */
#product-detail .field-pieces-wrap .add-pcs::before,
#product-detail .field-pieces-wrap .remove-pcs::before {
    content: "" !important;
    background: none !important;
    mask: none !important;
    -webkit-mask: none !important;
}

/* Vykreslení vlastních znaků + a − pomocí ::after */
#product-detail .field-pieces-wrap .add-pcs::after,
#product-detail .field-pieces-wrap .remove-pcs::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    font-weight: 700;
    font-size: 20px;
    color: #282828;
    line-height: 48px;                     /* vycentrování na výšku */
    text-align: center;
    pointer-events: none;
}
#product-detail .field-pieces-wrap .add-pcs::after    { content: "+"; }
#product-detail .field-pieces-wrap .remove-pcs::after { content: "−"; }

/* Focus stavy pro lepší přístupnost */
#product-detail .field-pieces-wrap .add-pcs:focus-visible,
#product-detail .field-pieces-wrap .remove-pcs:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: -2px;
}