/* ====== SLIDER ====== */
.advanced-slider__caption .container {padding-right: 4.5rem;height: 35%;}
.advanced-slider__caption__inner__content__button {margin-top: 1.5rem; padding: 7px 17px; font-size: .85rem;}
.advanced-slider__caption__inner__content__heading, .advanced-slider__caption__inner__content__text {color: #fff}

@media (max-width:768px){
.advanced-slider__caption .container {height: 75%;max-width: 65%; padding: 0}
.advanced-slider__caption__inner__content__heading {font-size: 2.4rem; margin-bottom: .5rem;}
.advanced-slider__caption__inner__content__text {font-size: .9rem;}
.advanced-slider__caption__inner__content__button {margin-top: .5rem;padding: 2px 6px;font-size: .8rem;}  
}

/* ====== CATEGORIES ====== */
.special-cats-with-bg > section .group {box-shadow:none !important}
.special-cats-with-bg p.text-white {text-align: center}
.special-cats-with-bg .category-name {font-size: .9rem; line-height: 1}

/* ====== PRODUCTS ====== */
.s-block--best-offers > .text-center.mb-8 {display:none}

/* ====== CATEGORY PAGE ====== */
@media (max-width:768px){
.cat-content salla-slider .swiper-slide {width:25% !important}
.cat-content salla-slider .swiper-slide img, .cat-content salla-slider .swiper-slide .mx-auto.bg-primary.rounded.w-16.h-16 {width: 5rem; height: 5rem}
}

/* ====== PRODUCT PAGE ====== */
.product-single .product-single__info h4.text-green-500 {display:none}
.product-single .product-price-bottom {display: none}

.product-single__info {display: flex; flex-direction: column}
.product-single__info > .flex:has(.product-brand) {order:1}
.product-single__info > h1 {order:2}
.product-single__info > .product-price-top {order:3}
.product-single__info > small.text-store-text-secondary.mb-3.block {order:4}
.product-single__info > .flex:has(.inventory-content) {order:5}
.product-single__info > .product-single-top-description {order:6}
.product-single__info > #custom_recommend_extension {order:7}
.product-single__info > .product-form {order:8}
.product-single__info > salla-installment {order: 9}

/* ====== BRANCHES ====== */
.content.content--single-page:has(.branches) {padding: 0; width:100%}
.branches {position: relative;overflow-y: scroll;}
.branches details {display: grid;grid-template-columns: repeat(3, 1fr);gap: 2rem;margin-bottom: 1rem;display:flex;}
.branches summary {cursor: pointer;list-style-type: none;grid-column: 1;padding: 0.5rem 1rem;border-radius: 0.5rem;font-weight: bold;width:10%;}
.branches details > div {grid-column: 1;flex: 1;position: absolute;top: 0;columns: 1;gap: 1rem;display:grid;grid-template-columns:repeat(3,1fr);width:85%;}
.branches details[open] summary {background-color: #000;color:#fff;}
.branches .card {border: 1px solid #d8c082; padding:10px 15px; border-radius:20px; display:flex; flex-direction:column}
.branches .card h1 {font-size:14px; line-height:1.4}
.branches .card img {max-width:18px;}
.branches .card .title {display:flex; align-items:flex-start; justify-content:space-between;}
.branches .card .title > div {display:flex; height:auto; gap:.5rem}
.branches .card .grid {display:flex; align-items:space-between; justify-content:space-between}
.branches .card > .grid {margin-top:.5rem}
.branches .card > .grid p {line-height:1.6; margin:0}

@media (max-width:768px){
.branches summary {width: fit-content;min-width: 25%;font-size: 13px;border-radius: 4px;padding:.3rem .5rem}
.branches details {gap: 4px}
.branches details > div {grid-template-columns:repeat(1,1fr);width:70%;}
.branches p {font-size:11px}
}

/* ====== CUSTOM BRANDS ====== */
.content.content--single-page:has(.custom-brands) h1.font-bold.text-2xl.mb-6 {display: none}
.content.content--single-page:has(.custom-brands) {padding: 0; width:100%}
.custom-brands .single-brand {grid-template-columns: repeat(2,1fr); gap: 1rem}
.custom-brands .single-brand .content {display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap:1rem}
.custom-brands h1 {font-size: 1.5rem}
.custom-brands p {opacity: .7}
.custom-brands a {background: #d8c082;padding: 2px 16px;border-radius: 25px;font-size: .8rem; color:#fff}
.custom-brands a:hover, .custom-brands a:focus {opacity: .8}
.custom-brands img {border-radius: 20px}

@media (max-width:768px){
.custom-brands .container.grid {gap:1rem}
.custom-brands .single-brand {grid-template-columns: repeat(1,1fr) !important; gap: 0}
.single-brand.grid .content {order: 2;}
.single-brand.grid.reverse img {order: 2;}
.custom-brands h1 {font-size: 1.3rem}
}