.primary_block {
  margin-bottom: 30px;
}

#image-block {
  position: relative;
  cursor: pointer;
  background: #fff;
  padding: 0;
  border: none;
}

#image-block:hover .span_link {
  display: block;
}

.thumbnail {
  padding: 0;
  border: none;
}

.span_link {
  position: absolute;
  display: none;
  top: 50%;
  left: 50%;
  width: 110px;
  height: 110px;
  line-height: 110px;
  margin-top: -55px;
  margin-left: -55px;
  border-radius: 55px;
  font-size: 3em;
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
}

.pb-center-column {
  margin-bottom: 30px;
}

.pb-center-column h1 {
  margin-top: 0;
}

.pb-center-column b {
  font-weight: 400;
}

.pb-center-column p {
  margin-bottom: 15px;
}

#product-description {
  margin-bottom: 15px;
}

.box-info-product {
  background-color: #fff;
  border: 1px solid none;
}

#short_description_block {
  border-bottom: 1px solid #ddd;
}

.content_prices p {
  margin: 0;
}

.our_price_display {
  font-size: 2em;
}

.our_price_display .price {
  font-weight: 500;
  color: #ff6f61;
}

#old_price {
  display: inline-block;
  text-decoration: line-through;
  color: #ccc;
  font-size: 1.5em;
}

#reduction_percent,
#reduction_amount {
  display: inline-block;
  margin-right: 0.25em;
  font-size: 1.5em;
  color: #cc0000;
  background: none;
  padding: 0 0.25em;
}

#quantity_wanted_p .input-group {
  float: left;
}

#quantity_wanted_p .input-group #quantity_wanted {
  width: 50px;
  height: 50px;
  border-right: none;
}

#quantity_wanted_p .input-group .input-group-btn {
  float: left;
}

#quantity_wanted_p .input-group .input-group-btn a {
  height: 25px;
  width: 25px;
  line-height: 25px;
  padding: 0;
}

#quantity_wanted_p .input-group .input-group-btn .button-minus {
  top: 25px;
}

.box-cart-bottom #add_to_cart {
  display: inline-block;
}

.box-cart-bottom #add_to_cart .btn {
  height: 50px;
}

#attributes .form-group {
  margin: 0;
}

#attributes .form-control {
  width: auto;
}

.attribute_list ul {
  clear: both;
}

.attribute_list ul li {
  float: left;
  margin-right: 10px;
}

.attribute_list input.attribute_radio {
  float: left;
  margin-left: 3px;
  width: 100%;
  cursor: pointer;
}

.attribute_list div.radio,
.attribute_list div.radio span,
.attribute_list div.radio input {
  float: none;
  display: inline-block;
}

#color_to_pick_list {
  margin: 0;
  padding: 0;
  list-style: none;
}

#color_to_pick_list:before, #color_to_pick_list:after {
  content: " ";
  display: table;
}

#color_to_pick_list:after {
  clear: both;
}

#color_to_pick_list li {
  float: left;
  margin: 0 3px 3px 0;
  padding: 1px;
  border: 1px solid #eee;
  width: 26px;
  height: 26px;
}

#color_to_pick_list li.selected {
  border: 1px solid #4d4d4d;
}

#color_to_pick_list li a.color_pick {
  display: block;
  height: 22px;
  width: 22px;
  cursor: pointer;
}

#color_to_pick_list li a.color_pick img {
  display: block;
  height: 22px;
  width: 22px;
}

.btn-add-to-cart.added .icon:before {
  content: '\f00c';
}

.btn-add-to-cart.disabled .icon {
  -webkit-animation: icon-spin 2s infinite linear;
  animation: icon-spin 2s infinite linear;
}

.btn-add-to-cart.disabled .icon:before {
  content: '\f1ce';
}

@-webkit-keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

.page-product-box {
  margin-bottom: 10px;
}

.accessories-block .product_list.grid .product-container {
  margin-bottom: 50px;
}

.content_only .primary_block {
  margin: 0;
}

.content_only .pb-center-column h1 {
  margin-top: 20px;
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* =========================================================
   PRODUCT DESCRIPTION
   Nový dizajn produktových popisov
   Aktivuje sa iba pre obsah s .product-info-section
   ========================================================= */

#product-description {
    --pd-purple: #8f63b8;
    --pd-purple-dark: #6f4694;
    --pd-purple-light: #f7f2fb;

    --pd-green: #5f8b63;
    --pd-green-light: #f3f8f2;

    --pd-gold: #b78643;
    --pd-gold-light: #fff8eb;

    --pd-red: #b76565;
    --pd-red-light: #fff5f5;

    --pd-text: #4d4650;
    --pd-heading: #43363f;
    --pd-border: #ebe4ef;

    --pd-radius: 16px;
}


/* =========================================================
   ZÁKLADNÁ TYPOGRAFIA
   Iba nové štruktúrované popisy
   ========================================================= */

#product-description .rte:has(> .product-info-section) {
    line-height: 1.75;
    color: var(--pd-text);
}

#product-description .rte:has(> .product-info-section) p {
    margin-top: 0;
    margin-bottom: 15px;
}


/* =========================================================
   SPOLOCNÝ VZHLAD SEKCIE
   ========================================================= */

#product-description .product-info-section {
    margin: 26px 0;
    padding: 22px 24px;

    border: 1px solid var(--pd-border);
    border-radius: var(--pd-radius);

    background: #fff;
}


/* =========================================================
   ÚVOD
   ========================================================= */

#product-description .product-intro {
    margin-top: 5px;
    padding: 8px 0 20px;

    border: 0;
    border-radius: 0;
    background: transparent;

    font-size: 17px;
    line-height: 1.8;
}


/* =========================================================
   NADPISY H3
   ========================================================= */

#product-description .product-info-section h3 {
    position: relative;

    margin: 0 0 16px;
    padding: 0 0 12px;

    color: var(--pd-purple-dark);

    font-size: 21px;
    font-weight: 700;
    line-height: 1.35;

    border-bottom: 1px solid #eee6f3;
}


/* Krátka farebná ciarka pod H3 */

#product-description .product-info-section h3::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: -1px;

    width: 52px;
    height: 2px;

    background: var(--pd-purple);
    border-radius: 3px;
}


/* =========================================================
   ZÁKLADNÉ ZOZNAMY
   Bez univerzálnej grafickej odrážky.
   Každý významný blok má vlastný štýl.
   ========================================================= */

#product-description .product-info-section ul {
    margin: 15px 0 10px;
    padding: 0;

    list-style: none;
}

#product-description .product-info-section li {
    position: relative;

    margin: 9px 0;
    line-height: 1.6;
}


/* =========================================================
   SPOZNAJTE RASTLINU
   ========================================================= */

#product-description .product-plant {
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            var(--pd-green-light) 100%
        );

    border-color: #e2eee0;
}

#product-description .product-plant h3 {
    color: #527858;
}

#product-description .product-plant h3::after {
    background: var(--pd-green);
}


/* =========================================================
   CHARAKTER VÔNE
   ========================================================= */

#product-description .product-aroma {
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #faf6fc 100%
        );
}


/* =========================================================
   ÚCINKY A VLASTNOSTI
   ========================================================= */

#product-description .product-effects {
    background: #fbfdf9;
    border-color: #dfeadd;

    box-shadow:
        0 6px 18px rgba(74, 93, 65, 0.05);
}

#product-description .product-effects h3 {
    color: #527858;
}

#product-description .product-effects h3::after {
    background: var(--pd-green);
}


/* Zelené check odrážky */

#product-description .product-effects ul {
    margin: 16px 0 10px;
}

#product-description .product-effects li {
    padding-left: 34px;
    margin: 11px 0;
}

/* =========================================================
   ÚCINKY – zelená fajka kreslená cisto cez CSS
   ========================================================= */

#product-description .product-effects ul {
    margin: 16px 0 10px;
    padding: 0;
    list-style: none;
}

#product-description .product-effects li {
    position: relative;
    padding-left: 34px;
    margin: 11px 0;
}


/* zelený kruh */

#product-description .product-effects li::before {
    content: "";

    position: absolute;
    left: 0;
    top: 3px;

    width: 20px;
    height: 20px;

    border-radius: 50%;

    background: #eaf4e8;
}


/* samotná fajka – kreslená borderom */

#product-description .product-effects li::after {
    content: "";

    position: absolute;
    left: 7px;
    top: 7px;

    width: 6px;
    height: 10px;

    border-right: 2px solid #5f8b63;
    border-bottom: 2px solid #5f8b63;

    transform: rotate(45deg);
}


/* =========================================================
   POUŽITIE
   ========================================================= */

#product-description .product-usage {
    background: var(--pd-purple-light);
    border-color: #e5d9ef;
}


/* Ocíslované kroky */

#product-description .product-usage ul {
    margin: 16px 0 0;
    padding: 0;

    counter-reset: usage-step;
}

#product-description .product-usage li {
    counter-increment: usage-step;

    margin: 10px 0;
    padding: 14px 16px 14px 52px;

    background: rgba(255, 255, 255, 0.72);

    border: 1px solid rgba(143, 99, 184, 0.13);
    border-radius: 12px;
}

#product-description .product-usage li::before {
    content: counter(usage-step);

    position: absolute;
    left: 14px;
    top: 14px;

    width: 24px;
    height: 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: var(--pd-purple);
    color: #fff;

    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}


/* =========================================================
   KOMBINÁCIE
   ========================================================= */

#product-description .product-combinations {
    background: #fff;
}


/* =========================================================
   TIP RAJVÔNÍ
   ========================================================= */

#product-description .product-tip {
    position: relative;

    background:
        linear-gradient(
            135deg,
            #fffdf8 0%,
            var(--pd-gold-light) 100%
        );

    border-color: #efdfc3;

    box-shadow:
        0 6px 18px rgba(164, 118, 51, 0.06);
}

#product-description .product-tip h3 {
    color: #986927;
}

#product-description .product-tip h3::after {
    background: var(--pd-gold);
}


/*
 * Odrážky receptu/tipu.
 * Nepoužívame textový symbol, takže nehrozí
 * poškodené kódovanie alebo otáznik.
 */

#product-description .product-tip ul {
    margin: 14px 0 10px;
}

#product-description .product-tip li {
    position: relative;

    margin: 9px 0;
    padding-left: 27px;
}

#product-description .product-tip li::before {
    content: "";

    position: absolute;
    left: 4px;
    top: 0.62em;

    width: 8px;
    height: 8px;

    border: 2px solid var(--pd-gold);
    border-radius: 50%;

    background: #fff8eb;

    transform: translateY(-50%);
}


/* =========================================================
   VEDELI STE, ŽE
   ========================================================= */

#product-description .product-interesting {
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #faf6fc 100%
        );

    border-color: #e7dcef;
}


/* =========================================================
   BEZPECNOST
   ========================================================= */

#product-description .product-safety {
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            var(--pd-red-light) 100%
        );

    border-color: #efdada;
}

#product-description .product-safety h3 {
    color: #9b5858;
}

#product-description .product-safety h3::after {
    background: var(--pd-red);
}


/* =========================================================
   ZDROJE
   ========================================================= */

#product-description .product-sources {
    background:
        linear-gradient(
            135deg,
            #fbfcfd 0%,
            #f7f4fa 100%
        );

    border-color: #e2dbe8;
}


/* H4 – skupiny zdrojov */

#product-description .product-sources h4 {
    margin: 24px 0 10px;
    padding: 8px 12px;

    color: var(--pd-purple-dark);

    font-size: 15px;
    font-weight: 700;

    background: rgba(143, 99, 184, 0.07);

    border-left: 3px solid var(--pd-purple);
    border-radius: 6px;
}


/* Odrážky odborných zdrojov */

#product-description .product-sources ul {
    margin: 10px 0 15px;
}

#product-description .product-sources li {
    padding-left: 22px;
    margin: 8px 0;
}

#product-description .product-sources li::before {
    content: "";

    position: absolute;
    left: 4px;
    top: 0.7em;

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--pd-purple);

    transform: translateY(-50%);
}


/* Odkazy */

#product-description .product-sources a {
    color: var(--pd-purple-dark);

    font-weight: 600;
    text-decoration: none;

    transition:
        color 0.2s ease,
        text-decoration-color 0.2s ease;
}

#product-description .product-sources a:hover {
    color: var(--pd-purple);
    text-decoration: underline;
}


/* Poznámka pod zdrojmi */

#product-description .product-sources-note {
    margin-top: 24px !important;
    margin-bottom: 0 !important;

    padding: 13px 16px;

    background: rgba(255, 255, 255, 0.75);

    border: 1px solid #e4dde8;
    border-radius: 10px;

    color: #777078;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {

    #product-description .product-info-section {
        margin: 18px 0;
        padding: 18px 16px;

        border-radius: 13px;
    }


    #product-description .product-info-section h3 {
        margin-bottom: 13px;
        font-size: 18px;
    }


    #product-description .product-intro {
        padding-left: 0;
        padding-right: 0;
    }


    /* Použitie */

    #product-description .product-usage li {
        padding:
            12px
            12px
            12px
            46px;
    }

    #product-description .product-usage li::before {
        left: 12px;
        top: 12px;

        width: 22px;
        height: 22px;

        font-size: 11px;
    }


    /* Úcinky */

    #product-description .product-effects li {
        padding-left: 31px;
    }

    #product-description .product-effects li::before {
        width: 19px;
        height: 19px;

        top: 3px;

        font-size: 11px;
    }
}


/* =========================================================
   DESKTOP – DVOJSTLPCOVÝ LAYOUT
   Aktivuje sa LEN ak .rte obsahuje .product-info-section
   ========================================================= */

@media (min-width: 900px) {

    #product-description
    .rte:has(> .product-info-section) {

        display: grid;

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        column-gap: 22px;
        row-gap: 22px;

        align-items: stretch;
    }


    /*
     * Tailwind .space-y-4 pridáva margin medzi potomkov.
     * V gride medzery riadi gap.
     */

    #product-description
    .rte:has(> .product-info-section)
    > * {

        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }




    /*
     * Úvodný text cez celú šírku.
     */

    #product-description
    .rte:has(> .product-info-section)
    > .product-intro {

        grid-column: 1 / -1;
    }


    /*
     * Všetky štandardné obsahové karty
     * vytvoria dvojstlpcový layout.
     */

    #product-description
    .rte:has(> .product-info-section)
    > .product-info-section:not(.product-intro):not(.product-sources) {

        width: 100%;
        height: 100%;

        margin: 0;
    }


    /*
     * Odborné zdroje cez celú šírku.
     */

    #product-description
    .rte:has(> .product-info-section)
    > .product-sources {

        grid-column: 1 / -1;

        width: 100%;
        margin: 0;
    }
}



/* =========================================================
   SLOVENSKÝ VÝROBOK – obrázok v úvodnom texte
   ========================================================= */

#product-description .product-intro::after {
    content: "";
    display: table;
    clear: both;
}

#product-description .product-intro .product-slovak-badge {
    float: right;

    width: 150px;
    height: auto;

    margin:
        0
        0
        12px
        28px;

    display: block;
}