/* =========================================================
   DREAM FULFILLED - OVERRIDE CSS DEFINITIVO
   Base final estable sobre Panda / stthemeeditor
   ========================================================= */

/* =========================================================
   1) PALETA GLOBAL + TIPOGRAFÍAS
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Source+Sans+Pro:wght@400;500;600;700&display=swap');

:root{
  --df-bg-main: #1B1715;
  --df-bg-secondary: #2A211D;
  --df-surface: #3A302B;
  --df-surface-soft: #332925;
  --df-text-main: #E9DFCF;
  --df-text-soft: #C8B9A7;
  --df-text-muted: #A89A8D;
  --df-accent: #A7854A;
  --df-hover: #5F6B50;
  --df-border: #4A403A;
  --df-footer-dark: #161210;
  --df-white: #ffffff;

  --df-font-body: 'Source Sans Pro', sans-serif;
  --df-font-heading: 'Marcellus', serif;
}

/* Texto general */
body,
p,
li,
td,
th,
label,
input,
textarea,
select,
button,
a,
span{
  font-family: var(--df-font-body) !important;
}

/* Tamaño base del texto */
body{
  font-size: 17px !important;
  line-height: 1.65 !important;
}

/* Textos pequeños */
small,
.text-muted,
.product-reference,
.regular-price,
.old_price{
  font-size: 0.95em !important;
}

/* Títulos generales */
h1, h2, h3, h4, h5, h6,
.title_block .title_block_inner,
.page_heading{
  font-family: var(--df-font-heading) !important;
  line-height: 1.18 !important;
  letter-spacing: 0.28px !important;
}

h1{font-size: 1.82rem !important;}
h2{font-size: 1.56rem !important;}
h3{font-size: 1.28rem !important;}
h4{font-size: 1.12rem !important;}
h5{font-size: 1.02rem !important;}
h6{font-size: 0.95rem !important;}

/* Menú principal desktop */
#st_mega_menu_wrap .ma_level_0,
#st_mega_menu_wrap .ma_level_0 > a,
#st_mega_menu_wrap .ma_level_0 > a span{
  font-family: var(--df-font-heading) !important;
  letter-spacing: 1.25px !important;
}

/* Menú móvil */
#st_mobile_menu .mo_ma_level_0,
#st_mobile_menu .mo_ma_level_1,
#st_mobile_menu .mo_ma_level_2{
  font-family: var(--df-font-heading) !important;
  font-size: 1.08rem !important;
  line-height: 1.22 !important;
  letter-spacing: 0.45px !important;
}

/* Nombres de producto */
.ajax_block_product .s_title_block a,
.product_name_wrap .product_name,
.pro_column_right .s_title_block a{
  font-family: var(--df-font-heading) !important;
}

/* Título principal de producto */
#main h1,
.product-detail-name,
.product_name_wrap .product_name{
  font-family: var(--df-font-heading) !important;
  font-size: 1.42rem !important;
  line-height: 1.08 !important;
  letter-spacing: 0.08px !important;
  color: var(--df-text-main) !important;
}

/* Texto de producto */
.product-description,
.product-description p,
.product-information,
.product-information p,
#product-description-short,
#product-description-short p{
  font-family: var(--df-font-body) !important;
  font-size: 1.06rem !important;
  line-height: 1.68 !important;
}

/* Footer y enlaces de módulos */
#footer,
#footer a,
#footer li,
#footer p,
.footer_block,
.footer_block a,
.footer_block li,
.footer_block_content,
.footer_block_content a,
.dropdown_list_item,
.stmultilink_item{
  font-family: var(--df-font-body) !important;
}

/* Texto de botones y elementos funcionales */
.btn-default,
.go,
.add-to-cart.btn,
.ajax_add_to_cart_button.btn span,
.view_button.btn span,
.search_query,
#search_widget input,
#top_bar,
#header_primary{
  font-family: var(--df-font-body) !important;
}

/* =========================================================
   2) BASE GLOBAL
   ========================================================= */

html,
body{
  background-color: var(--df-bg-main) !important;
  color: var(--df-text-main) !important;
}

body,
#body_wrapper,
.boxed_page_wrapper,
.modal-content,
.st-menu,
.dropdown_list .dropdown_box,
.general_bg,
#left_column.sidebar_opened,
#right_column.sidebar_opened{
  background-color: var(--df-bg-main) !important;
  color: var(--df-text-main) !important;
}

a,
.link_color,
a.text_color,
.additional-information a.link_color{
  color: var(--df-accent) !important;
}

a:hover,
a:focus,
a.link_color:hover,
button.link_color:hover,
a.text_color:hover,
.additional-information a.link_color:hover,
.title_block a.title_block_inner:hover,
.theme_color,
a.theme_color,
a.theme_color:hover,
.btn-link:hover{
  color: var(--df-hover) !important;
}

p,
span,
li,
td,
th,
label,
.small,
.text-muted{
  color: inherit;
}

/* =========================================================
   3) FONDOS Y CONTENEDORES GENERALES
   ========================================================= */

.box,
.card,
.card-header,
.card-footer,
.list-group-item,
.table,
.table-bordered,
.table-bordered thead th,
.table-bordered th,
.table-bordered td,
.dropdown_list .dropdown_box,
.content_sortPagiBar .sortPagiBar,
.bottom-pagination-content,
.product_extra_info_wrap,
.pb-center-column #buy_block .box-info-product,
.box-cart-bottom .qt_cart_box,
#blog_list_large .block_blog,
#blog_list_medium .block_blog,
#product_comments_block_tab div.comment,
.mobile_tab .tab-pane,
.checkout-step,
.checkout-step .sttab_2_1 .tab-pane-body{
  background-color: var(--df-bg-secondary) !important;
  color: var(--df-text-main) !important;
}

/* =========================================================
   4) BORDES GENERALES
   ========================================================= */

.general_top_border,
.general_bottom_border,
.general_right_border,
.general_border,
hr,
.form-control,
.bootstrap-touchspin .form-control,
.bootstrap-touchspin .btn-touchspin,
.category-top-menu ul li,
.product_list.list .product_list_item,
.steasy_divider_item,
.product-features dl.data-sheet,
.pro_column_box,
.input-group-with-border,
.from_blcok,
.base_list_line .line_item,
.checkout-step,
.card,
.card-footer,
.card-header,
.table-bordered,
.table-bordered thead th,
.table-bordered th,
.table-bordered td,
.list-group-item,
.mo_ml_level_0,
.mo_sub_li,
.mobile_tab .tab-pane,
.modal-header,
.dropdown_list .dropdown_box,
.dropdown_list .dropdown_list_ul li,
.box,
.categories_tree_block li,
.content_sortPagiBar .sortPagiBar,
.bottom-pagination-content,
.pb-center-column #buy_block .box-info-product,
.product_extra_info_wrap,
.box-cart-bottom .qt_cart_box,
.pro_column_list li,
#blog_list_large .block_blog,
#blog_list_medium .block_blog,
#product_comments_block_tab div.comment,
#create-account_form section,
#login_form section,
ul.footer_links,
#product p#loyalty,
#subcategories .inline_list li a.img img,
.tags_block .block_content a,
#footer .title_block,
#footer .st_open .footer_block_content,
.cart_body .small_cart_sumary{
  border-color: var(--df-border) !important;
}

/* =========================================================
   5) FORMULARIOS
   ========================================================= */

input,
textarea,
select,
.form-control,
.bootstrap-touchspin .form-control{
  background-color: var(--df-surface) !important;
  color: var(--df-text-main) !important;
  border-color: var(--df-border) !important;
}

input::placeholder,
textarea::placeholder{
  color: var(--df-text-muted) !important;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus{
  background-color: var(--df-surface) !important;
  color: var(--df-text-main) !important;
  border-color: var(--df-accent) !important;
  box-shadow: none !important;
}

/* =========================================================
   6) BOTONES
   ========================================================= */

.btn-default,
.go,
.add-to-cart.btn,
.ajax_add_to_cart_button.btn span,
.view_button.btn span{
  background-color: var(--df-accent) !important;
  border-color: var(--df-accent) !important;
  color: var(--df-bg-main) !important;
}

.btn-default:hover,
.btn-default:focus,
.go:hover,
.go:focus,
.add-to-cart.btn:hover,
.add-to-cart.btn:focus{
  background-color: var(--df-hover) !important;
  border-color: var(--df-hover) !important;
  color: var(--df-text-main) !important;
  box-shadow: none !important;
}

.btn-white:hover,
.btn-white:focus{
  background-color: var(--df-white) !important;
  border-color: var(--df-white) !important;
  color: #444444 !important;
}

/* =========================================================
   7) TOPBAR
   ========================================================= */

#top_bar{
  background-color: var(--df-border) !important;
}

#st_header #top_bar,
#st_header #top_bar #top_bar_container{
  border-bottom: none !important;
  border-bottom-color: var(--df-border) !important;
}

#top_bar .top_bar_item .header_item,
#top_bar a{
  color: var(--df-text-main) !important;
}

#top_bar .top_bar_item .header_item:hover,
#top_bar a:hover,
#top_bar .dropdown_wrap.open .dropdown_tri{
  color: var(--df-accent) !important;
}

#st_header .dropdown_list li a:hover{
  color: var(--df-accent) !important;
  background-color: var(--df-bg-secondary) !important;
}

/* =========================================================
   8) HEADER PRINCIPAL
   ========================================================= */

.header-container #st_header{
  background-color: var(--df-bg-main) !important;
}

#st_header #header_primary_container,
#header_primary_container{
  background-color: var(--df-bg-secondary) !important;
}

#header_primary .top_bar_item .header_item,
.checkout_mobile_bar_tri,
#st_header .header_item{
  color: var(--df-text-main) !important;
}

#header_primary .top_bar_item .header_item:hover,
#header_primary .dropdown_wrap.open .dropdown_tri,
.checkout_mobile_bar_tri:hover,
#st_header .header_item:hover{
  color: var(--df-accent) !important;
}

#st_header .header_item{
  text-transform: uppercase;
}

/* =========================================================
   9) STICKY HEADER / STICKY MENU
   ========================================================= */

#st_header.stuck{
  background: rgba(27,23,21,1) !important;
}

.st_mega_menu_container.stuck,
#top_extra .st_mega_menu_container.stuck,
.steasym_main.stuck{
  background: rgba(42,33,29,1) !important;
}

#st_header.stuck,
#top_extra .st_mega_menu_container.stuck,
.steasym_main.stuck{
  box-shadow: 0 1px 8px rgba(233,223,207,0.18) !important;
}

/* =========================================================
   10) MENÚ PRINCIPAL DESKTOP
   ========================================================= */

.st_mega_menu_container,
#top_extra .st_mega_menu_container{
  background-color: var(--df-bg-secondary) !important;
}

#top_extra{
  border-bottom: 2px solid var(--df-border) !important;
}

#st_mega_menu_wrap .ma_level_0,
#main_menu_widgets .header_item,
#main_menu_widgets a.header_item,
#main_menu_widgets .header_item a{
  color: var(--df-text-main) !important;
}

#st_mega_menu_wrap .stmenu_sub{
  border-top-width: 0 !important;
}

#st_mega_menu_wrap .ma_level_0{
  margin-bottom: 0 !important;
  border-bottom-width: 0 !important;
}

#top_extra .st_mega_menu_container,
#header_primary #st_mega_menu_wrap{
  border-bottom-width: 0 !important;
}

/* Estado activo / hover del menú principal */
#st_mega_menu_wrap li.ml_level_0.current > a.ma_level_0,
#st_mega_menu_wrap li.ml_level_0:hover > a.ma_level_0,
#st_mega_menu_wrap a.ma_level_0:hover,
#st_mega_menu_wrap a.ma_level_0:focus{
  background-color: #2F2622 !important;
  color: #E9DFCF !important;
  border-bottom: 2px solid #A7854A !important;
  box-shadow: none !important;
}

#st_mega_menu_wrap li.ml_level_0.current > a.ma_level_0 .dropdown_tri,
#st_mega_menu_wrap li.ml_level_0:hover > a.ma_level_0 .dropdown_tri,
#st_mega_menu_wrap a.ma_level_0:hover .dropdown_tri{
  color: #A7854A !important;
}

#st_mega_menu_wrap li.ml_level_0.current,
#st_mega_menu_wrap li.ml_level_0:hover{
  background: transparent !important;
}

/* =========================================================
   11) SUBMENÚS / DROPDOWNS / MEGAMENU
   ========================================================= */

.ma_level_1,
.ma_level_2,
.mu_level_3 a.ma_item,
.mv_item{
  color: var(--df-text-main) !important;
}

.ma_level_1:hover,
.ma_level_2:hover,
.mu_level_3 a.ma_item:hover,
.mv_item:hover{
  color: var(--df-accent) !important;
}

.mv_level_1:hover{
  background-color: var(--df-bg-secondary) !important;
}

.stmenu_multi_level .ma_item{
  background-color: var(--df-bg-secondary) !important;
  color: var(--df-text-main) !important;
}

.stmenu_multi_level .ma_item:hover{
  background-color: var(--df-surface) !important;
  color: var(--df-accent) !important;
}

#st_mega_menu_column_block{
  background-color: var(--df-bg-secondary) !important;
}

#st_mega_menu_column_block .ma_level_0,
#st_mega_menu_column_mobile .mo_ma_level_0,
#st_mega_menu_column_mobile .mo_ma_level_1,
#st_mega_menu_column_mobile .mo_ma_level_2{
  color: var(--df-text-main) !important;
}

#st_mega_menu_column_block .ml_level_0.current .ma_level_0,
#st_mega_menu_column_block .ma_level_0:hover,
#st_mega_menu_column_mobile .mo_ma_level_0:hover,
#st_mega_menu_column_mobile .mo_ma_level_1:hover,
#st_mega_menu_column_mobile .mo_ma_level_2:hover{
  color: var(--df-accent) !important;
}

#st_mega_menu_column_block .ml_level_0.current .ma_level_0{
  background-color: var(--df-surface) !important;
}

#st_mega_menu_column_block .ma_level_0{
  border-left-color: var(--df-border) !important;
}

#st_mega_menu_column_block .ml_level_0.current .ma_level_0,
#st_mega_menu_column_block .ma_level_0:hover{
  border-left-color: var(--df-accent) !important;
}

/* =========================================================
   SUBMENÚ DESPLEGADO DEL MENÚ PRINCIPAL
   ========================================================= */

#st_mega_menu_wrap .stmenu_sub,
#st_mega_menu_wrap .stmenu_sub .row.m_column_row{
  background-color: #2F2622 !important;
  color: #E9DFCF !important;
  border-top: 1px solid #4A403A !important;
  box-shadow: 0 14px 28px rgba(0,0,0,0.28) !important;
  padding-top: 16px !important;
  padding-bottom: 8px !important;
}

#st_mega_menu_wrap .stmenu_sub .style_content,
#st_mega_menu_wrap .stmenu_sub .style_content > div,
#st_mega_menu_wrap .stmenu_sub .block,
#st_mega_menu_wrap .stmenu_sub .stmenu_multi_level,
#st_mega_menu_wrap .stmenu_sub .easycontent_container,
#st_mega_menu_wrap .stmenu_sub .row,
#st_mega_menu_wrap .stmenu_sub .col-md-4,
#st_mega_menu_wrap .stmenu_sub .col-md-8,
#st_mega_menu_wrap .stmenu_sub .col-md-12{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#st_mega_menu_wrap .stmenu_sub,
#st_mega_menu_wrap .stmenu_sub p,
#st_mega_menu_wrap .stmenu_sub span,
#st_mega_menu_wrap .stmenu_sub li,
#st_mega_menu_wrap .stmenu_sub a,
#st_mega_menu_wrap .stmenu_sub .title_block,
#st_mega_menu_wrap .stmenu_sub .s_title_block a{
  color: #E9DFCF !important;
}

#st_mega_menu_wrap .stmenu_sub .style_content{
  font-size: 16px !important;
  line-height: 1.65 !important;
}

#st_mega_menu_wrap .stmenu_sub .style_content p{
  color: #D7CCBC !important;
  line-height: 1.65 !important;
  margin-bottom: 20px !important;
}

#st_mega_menu_wrap .stmenu_sub strong,
#st_mega_menu_wrap .stmenu_sub b,
#st_mega_menu_wrap .stmenu_sub .style_content strong,
#st_mega_menu_wrap .stmenu_sub .style_content b{
  color: #FFFFFF !important;
}

#st_mega_menu_wrap .stmenu_sub a:hover,
#st_mega_menu_wrap .stmenu_sub .s_title_block a:hover{
  color: #A7854A !important;
}

/* =========================================================
   12) MENÚ MÓVIL
   ========================================================= */

#st_mobile_menu .mo_ma_level_0,
#st_mobile_menu a.mo_ma_level_0,
#st_mobile_menu .mo_ma_level_1,
#st_mobile_menu a.mo_ma_level_1,
#st_mobile_menu .mo_ma_level_2,
#st_mobile_menu a.mo_ma_level_2{
  color: var(--df-text-main) !important;
}

#st_mobile_menu .mo_ml_level_0 > .menu_a_wrap,
#st_mobile_menu .mo_mu_level_1 > li,
#st_mobile_menu .mo_mu_level_2 > li{
  background-color: var(--df-bg-secondary) !important;
}

/* =========================================================
   13) FOOTER PRINCIPAL
   ========================================================= */

#footer-primary{
  background-color: var(--df-bg-main) !important;
  border-top: 1px solid var(--df-border) !important;
}

#footer-primary #footer-primary-container{
  background-color: var(--df-bg-secondary) !important;
}

#footer-secondary{
  background-color: var(--df-bg-main) !important;
  border-top: 1px solid var(--df-border) !important;
}

#footer-secondary #footer-secondary-container{
  background-color: var(--df-bg-secondary) !important;
}

#footer-primary,
#footer-primary a,
#footer-primary .price,
#footer-primary .old_price,
#footer-secondary,
#footer-secondary a,
#footer-secondary .price,
#footer-secondary .old_price{
  color: var(--df-text-soft) !important;
}

#footer-primary a:hover,
#footer-secondary a:hover{
  color: var(--df-accent) !important;
}

#footer-primary .title_block .title_block_inner,
#footer-secondary .title_block .title_block_inner{
  color: var(--df-text-main) !important;
}

/* =========================================================
   14) FOOTER BOTTOM / COPYRIGHT
   ========================================================= */

#footer-bottom,
#footer-bottom #footer-bottom-container{
  background-color: var(--df-footer-dark) !important;
  border-top: 1px solid var(--df-footer-dark) !important;
}

#footer-bottom,
#footer-bottom a{
  color: var(--df-text-soft) !important;
}

#footer-bottom a:hover{
  color: var(--df-accent) !important;
}

/* =========================================================
   15) PRECIOS / CARRITO / ICONOS
   ========================================================= */

.price{
  color: var(--df-accent) !important;
}

.regular-price{
  color: var(--df-text-soft) !important;
}

.ajax_cart_bag,
.ajax_cart_bag .ajax_cart_bg_handle{
  border-color: var(--df-accent) !important;
}

.st_shopping_cart.header_item .fto-glyph{
  color: var(--df-accent) !important;
}

.st_shopping_cart.header_item .amount_circle{
  color: var(--df-bg-main) !important;
  background-color: var(--df-accent) !important;
  border-color: var(--df-accent) !important;
}

/* =========================================================
   16) TARJETAS DE PRODUCTO / BLOG
   ========================================================= */

.products_sldier_swiper .pro_outer_box .pro_second_box,
.product_list.grid .pro_outer_box .pro_second_box{
  background-color: var(--df-bg-secondary) !important;
}

.ajax_block_product .s_title_block a,
.pro_column_right .s_title_block a{
  color: var(--df-text-main) !important;
}

.ajax_block_product .s_title_block a:hover,
.pro_column_right .s_title_block a:hover,
.block_blog .s_title_block a:hover{
  color: var(--df-hover) !important;
}

#right_column .ajax_block_product .s_title_block a,
#right_column .pro_column_right .s_title_block a,
#right_column .product-name,
#right_column .s_title_block a{
  font-family: var(--df-font-heading) !important;
  font-size: 1.02rem !important;
  line-height: 1.2 !important;
  letter-spacing: 0.15px !important;
  color: var(--df-text-main) !important;
}

#right_column .title_block .title_block_inner,
#right_column .title_block{
  color: var(--df-text-soft) !important;
  font-family: var(--df-font-heading) !important;
}

/* =========================================================
   17) BOTONES FLOTANTES / HOVER DE PRODUCTO
   ========================================================= */

.hover_fly,
.hover_fly .hover_fly_btn,
.hover_fly_0:hover .hover_fly_btn:first-child,
.hover_fly .hover_fly_btn.add_to_love,
.hover_fly .hover_fly_btn.add_to_love:hover,
.hover_fly .hover_fly_btn.add_to_wishlit,
.hover_fly .hover_fly_btn.add_to_wishlit:hover,
.hover_fly .hover_fly_btn.stcompare_add,
.hover_fly .hover_fly_btn.stcompare_add:hover{
  background-color: var(--df-accent) !important;
}

.hover_fly_0 .hover_fly_btn:first-child,
.hover_fly_0:hover .hover_fly_btn:first-child:hover,
.hover_fly .hover_fly_btn:hover,
.hover_fly .hover_fly_btn.add_to_love.st_added,
.hover_fly .hover_fly_btn.add_to_love.st_added:hover,
.hover_fly .hover_fly_btn.add_to_wishlit.st_added,
.hover_fly .hover_fly_btn.add_to_wishlit.st_added:hover,
.hover_fly .hover_fly_btn.stcompare_add.st_added,
.hover_fly .hover_fly_btn.stcompare_add.st_added:hover{
  background-color: var(--df-hover) !important;
}

.hover_fly .hover_fly_btn,
.hover_fly .hover_fly_btn span,
.hover_fly .hover_fly_btn i,
.hover_fly_btn_inner,
.hover_fly_btn_inner span,
.hover_fly_btn_inner i{
  color: #E9DFCF !important;
}

.hover_fly .hover_fly_btn:hover,
.hover_fly .hover_fly_btn:hover span,
.hover_fly .hover_fly_btn:hover i,
.hover_fly_btn_inner:hover,
.hover_fly_btn_inner:hover span,
.hover_fly_btn_inner:hover i{
  color: #1B1715 !important;
}

/* =========================================================
   18) SLIDERS / FLECHAS
   ========================================================= */

.products_slider .swiper-button-tr .swiper-button{
  background-color: var(--df-surface) !important;
  color: var(--df-text-main) !important;
}

.products_slider .swiper-button-tr .swiper-button:hover{
  background-color: var(--df-accent) !important;
  color: var(--df-bg-main) !important;
}

.products_slider .swiper-button-tr .swiper-button.swiper-button-disabled,
.products_slider .swiper-button-tr .swiper-button.swiper-button-disabled:hover{
  background-color: var(--df-border) !important;
  color: var(--df-text-soft) !important;
}

/* =========================================================
   19) TABS DE PRODUCTO / MÁS INFORMACIÓN
   ========================================================= */

.product_info_tabs.sttab_block .nav-tabs,
.product_info_tabs.sttab_block.sttab_2_2 .nav-tabs,
.product_info_tabs.sttab_block.sttab_2_3 .nav-tabs{
  border-bottom-color: var(--df-border) !important;
}

.product_info_tabs.sttab_block .nav-tabs .nav-link,
.pro_more_info .mobile_tab .mobile_tab_name{
  color: var(--df-text-soft) !important;
}

.product_info_tabs.sttab_block .nav-tabs .nav-link.active,
.product_info_tabs.sttab_block .nav-tabs .nav-link:hover,
.product_info_tabs.sttab_block .nav-tabs .nav-link:focus,
.pro_more_info .mobile_tab .st_open .mobile_tab_name{
  color: var(--df-text-main) !important;
}

.product_info_tabs.sttab_block.sttab_2_2 .nav-tabs .nav-link.active,
.product_info_tabs.sttab_block.sttab_2_2 .nav-tabs .nav-link:hover,
.product_info_tabs.sttab_block.sttab_2_2 .nav-tabs .nav-link:focus{
  border-top-color: var(--df-accent) !important;
}

.product_info_tabs.sttab_block.sttab_2_3 .nav-tabs .nav-link,
.product_info_tabs.sttab_block.sttab_2_3 .nav-tabs .nav-link.active,
.product_info_tabs.sttab_block.sttab_2_3 .nav-tabs .nav-link:hover,
.product_info_tabs.sttab_block.sttab_2_3 .nav-tabs .nav-link:focus{
  border-bottom-color: var(--df-accent) !important;
}

.product_info_tabs.sttab_block.sttab_3_2 .nav-tabs .nav-link.active,
.product_info_tabs.sttab_block.sttab_3_2 .nav-tabs .nav-link:hover,
.product_infoTabs.sttab_block.sttab_3_2 .nav-tabs .nav-link:focus{
  border-left-color: var(--df-accent) !important;
}

.accordion_more_info .mobile_tab .tab-pane{
  border-bottom-color: var(--df-border) !important;
}

/* =========================================================
   20) AUTENTICACIÓN / LOGIN / REGISTRO
   ========================================================= */

body#authentication .columns-container{
  background-color: var(--df-bg-main) !important;
}

.login_form_block{
  background-color: var(--df-bg-secondary) !important;
  color: var(--df-text-main) !important;
  border: 1px solid var(--df-border) !important;
}

.login_form_block .btn-primary{
  background-color: var(--df-accent) !important;
  border-color: var(--df-accent) !important;
  color: var(--df-bg-main) !important;
}

.login_form_block .btn-primary:hover,
.login_form_block .btn-primary:focus,
.login_form_block .btn-primary:active,
.login_form_block .btn-primary.active{
  background-color: var(--df-hover) !important;
  border-color: var(--df-hover) !important;
  color: var(--df-text-main) !important;
}

/* =========================================================
   21) CHECKOUT
   ========================================================= */

.checkout-step .sttab_2_1 .nav-tabs{
  border-color: var(--df-border) !important;
}

.checkout-step .sttab_2_1 .nav-tabs .nav-link{
  color: var(--df-text-soft) !important;
}

.checkout-step .sttab_2_1 .nav-tabs .nav-link.active,
.checkout-step .sttab_2_1 .nav-tabs .nav-link:hover,
.checkout-step .sttab_2_1 .nav-tabs .nav-link:focus{
  color: var(--df-accent) !important;
  border-bottom-color: var(--df-accent) !important;
}

body#checkout,
body#checkout .checkout_wrapper{
  background-color: #1B1715 !important;
  color: var(--df-text-main) !important;
}

body#checkout .checkout_left_column,
body#checkout .checkout_right_column,
body#checkout #content,
body#checkout .card,
body#checkout .checkout-step,
body#checkout #js-checkout-summary{
  background-color: #332925 !important;
  color: var(--df-text-main) !important;
  border-color: var(--df-border) !important;
}

body#checkout .checkout-step{
  border-bottom: 1px solid var(--df-border) !important;
}

body#checkout .step-title,
body#checkout .checkout-step .step-title,
body#checkout .checkout-step.-current .step-title,
body#checkout .checkout-step.-reachable .step-title,
body#checkout .checkout-step.-complete .step-title,
body#checkout .checkout-step .step-title *,
body#checkout h1,
body#checkout h2,
body#checkout h3,
body#checkout h4,
body#checkout .card-title{
  color: #E9DFCF !important;
  font-family: var(--df-font-heading) !important;
  font-size: 1.08rem !important;
  line-height: 1.25 !important;
}

body#checkout .checkout-step.-complete .step-title,
body#checkout .checkout-step.-reachable .step-title{
  color: #C8B9A7 !important;
}

body#checkout .step-number,
body#checkout .checkout-step .step-number,
body#checkout .checkout-step.-current .step-number,
body#checkout .checkout-step.-reachable .step-number,
body#checkout .checkout-step.-complete .step-number{
  color: #A7854A !important;
  font-size: 1.08rem !important;
  font-family: var(--df-font-heading) !important;
}

body#checkout .heading_color,
body#checkout #order-summary-content .heading_color,
body#checkout #order-summary-content h6,
body#checkout #order-summary-content h6.fs_md{
  color: #D7CCBC !important;
  font-family: var(--df-font-body) !important;
}

body#checkout,
body#checkout p,
body#checkout li,
body#checkout span,
body#checkout label,
body#checkout td,
body#checkout th,
body#checkout div,
body#checkout .h6,
body#checkout .h5,
body#checkout .h4,
body#checkout .h3,
body#checkout .h2,
body#checkout .h1,
body#checkout .payment-options,
body#checkout .payment-option label,
body#checkout .payment-option .payment-option-label,
body#checkout .condition-label,
body#checkout .js-terms,
body#checkout .custom-checkbox label,
body#checkout .address-item,
body#checkout .address-body,
body#checkout .address-footer,
body#checkout .delivery-option,
body#checkout .carrier-name,
body#checkout .carrier-delay{
  color: var(--df-text-main) !important;
  font-family: var(--df-font-body) !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

body#checkout .text-muted,
body#checkout .form-control-comment,
body#checkout .help-block,
body#checkout .sub,
body#checkout small,
body#checkout .block-subtitle,
body#checkout .cart-summary .label,
body#checkout .order-confirmation-table .label{
  color: var(--df-text-soft) !important;
  font-family: var(--df-font-body) !important;
}

body#checkout .form-control,
body#checkout select,
body#checkout textarea,
body#checkout .input-group-with-border{
  background-color: #2A211D !important;
  color: var(--df-text-main) !important;
  border-color: var(--df-border) !important;
  font-family: var(--df-font-body) !important;
}

body#checkout .form-control::placeholder{
  color: var(--df-text-soft) !important;
}

body#checkout .address-item,
body#checkout .delivery-option,
body#checkout .payment-option{
  background-color: #3A302B !important;
  border: 1px solid #4A403A !important;
  padding: 16px !important;
  color: var(--df-text-main) !important;
}

body#checkout .address-item.selected,
body#checkout .delivery-option.selected,
body#checkout .payment-option.selected{
  border-color: #A7854A !important;
  box-shadow: 0 0 0 1px rgba(167,133,74,0.25) !important;
}

body#checkout .checkout-step.-complete,
body#checkout .checkout-step.-reachable,
body#checkout .checkout-step.-current,
body#checkout .payment-options .payment-option,
body#checkout .custom-checkbox,
body#checkout .condition-label,
body#checkout .checkout-step .content,
body#checkout .address-item *{
  color: var(--df-text-main) !important;
  font-family: var(--df-font-body) !important;
}

body#checkout #js-checkout-summary,
body#checkout .cart-summary,
body#checkout .cart-detailed-totals,
body#checkout .cart-summary-products{
  background-color: #2A211D !important;
  color: var(--df-text-main) !important;
  border-color: var(--df-border) !important;
}

body#checkout .cart-summary-line .label,
body#checkout .cart-summary-line .value,
body#checkout .value,
body#checkout .amount,
body#checkout .cart-summary strong,
body#checkout .cart-summary span,
body#checkout .cart-summary div{
  color: var(--df-text-main) !important;
  font-family: var(--df-font-body) !important;
}

body#checkout .cart-summary-line.cart-total .label,
body#checkout .cart-summary-line.cart-total .value,
body#checkout .price,
body#checkout .product-price,
body#checkout .total-price{
  color: var(--df-accent) !important;
}

body#checkout a,
body#checkout .step-edit,
body#checkout .edit-address-link,
body#checkout .address-footer a{
  color: var(--df-accent) !important;
}

body#checkout a:hover,
body#checkout .step-edit:hover,
body#checkout .edit-address-link:hover,
body#checkout .address-footer a:hover{
  color: var(--df-text-main) !important;
}

body#checkout .btn,
body#checkout .btn-default,
body#checkout button,
body#checkout input[type="submit"]{
  background-color: var(--df-accent) !important;
  border-color: var(--df-accent) !important;
  color: #1B1715 !important;
  padding: 11px 20px !important;
  font-weight: 600 !important;
  font-family: var(--df-font-body) !important;
}

body#checkout .btn:hover,
body#checkout .btn-default:hover,
body#checkout button:hover,
body#checkout input[type="submit"]:hover{
  background-color: var(--df-hover) !important;
  border-color: var(--df-hover) !important;
  color: var(--df-text-main) !important;
}

/* =========================================================
   22) AJUSTES VISUALES FINOS
   ========================================================= */

.st_read_more{
  background: linear-gradient(to bottom, rgba(255,255,255,0.001), var(--df-bg-main) 50%) !important;
}

#js-product-list .product_list.grid .product_list_item{
  border-top-color: var(--df-border) !important;
}

.products_sldier_swiper .ajax_block_product.swiper-slide-visible .pro_outer_box:hover,
.product_list.grid .ajax_block_product .pro_outer_box:hover,
.product_list.list .ajax_block_product:hover{
  box-shadow: 2px 2px 0 rgba(167,133,74,0.35) !important;
}

/* =========================================================
   23) LOGO / MOBILE
   ========================================================= */

@media (max-width: 767px){
  #mobile_bar .mobile_logo{
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }
  #mobile_bar_top{
    min-height: 72px !important;
    height: auto !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
}