/*BULLRANCH MX*/
 
body{
  --main: #ccb078;
  --b0: #ccb078;
  --b1: #431621;
  --b2: rgb(40 26 20);
  --yell: rgb(245,189,23);
  --bone: rgb(216,198,157);
  --lite: #eee7dc;
  --grey: rgb(149,138,130);
  --text: rgb(90 82 76);
  --pri: "Lexend Mega", sans-serif;
  /* --sec: "Marcellus SC", sans-serif;   */
  --sec: sans-serif;
  --ser: serif;
  --dark: #2c292a;
 }

 *::-webkit-scrollbar {
  width: 9px;
}

*::-webkit-scrollbar-track {
  background: #ddd;
}

*::-webkit-scrollbar-thumb {
  background-color: #55514e;
  border-radius: 7px;
  border: 3px none #ffffff;
}

 .card-img-container:has([src*="Default.gif"]), .ob-image-main-carousel:not(:has(img)){
   background:#fff url(img/holder.jpg?t=798) center no-repeat !important;
  background-size:100% !important
 }
[src*="Default.gif"]{
 opacity:0
}
.banners{
 margin:0
}
 .header{
   margin:0 !important;
   height:100px;
   width:100%;
   /* max-width:1400px; */
 
   margin: 0 auto;
 }
.header:has(.is-open){
 backdrop-filter:none !important;
 background:#fff
}
.header .row{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content: space-between;
  align-items: center;
}
.header .col{
  flex-direction:column;
  width:fit-content;
  max-width:50vw;
  justify-content: center;
}

.header .col.c1{
 flex-direction:row
}
.header .col.c2{
 width:100%;
 flex-grow: 1
}
.is-open .c3, .footer-info-newsletter-inn,[data-content-region]:empty,
 #home .blog-posts-wrap, .footer-newsletter, .ob-contact-icons, .floating-select-chevron{
   display:none
 }
 body:has(.adminBar){
  margin-top:120px !important
 }
 body:has(.adminBar) header{
  margin-top:40px !important
 }
 h1, h2, h3, h4, h5 {
  font-family: "Lexend Mega", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal;
  letter-spacing:-.12em !important
 }
 h1 {
  font-size: 40px !important;
  line-height: 45px !important; 
 }
 h2 {
  font-size: 36px !important;
  line-height: 40px !important;
 }
 h3, .page-heading.pre-title {
  font-size: 28px !important;
  line-height: 35px !important;
 }
 h4 {
  font-size: 20px !important;
  line-height: 25.2px !important;
 }
 h6 a{
  font-size: 16px !important;
  line-height: 15.2px !important;
 }
 span, p, a {
  font-family: var(--sec);
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 20px;
 }
 #page p{
  font-size:14px
 }
 :is(#home,#page) [class*="btn"],:is(#home,#page) [class*="button"]{
   font-family:var(--sec);
   font-weight:500;
   border-radius:9px !important
 }
#home :is([class*="btn"], [class*="button"]){
 font-family:var(--ser)
}
[data-theme-variant=vogue] .navUser .navUser-section .navUser-item--account .account-toggle-container .ob-btn{
 background:var(--dark) !important;
 color:#fff !important;
 border-radius:3px !important;
 &:hover{
  background:var(--b0) !important;
 }
}
.account-or{
  display: none !important;
}
.forgot-password{
  font-size: .9em;
}

 [data-test-id="product-set-widget-price"]{
  font-family: var(--ser) !important;
 }
.quickView #main-content, [data-page-type=product] #main-content {
    background: #fff;
}
 /*  HOME-----------------------------------------------------------*/
 #main-content a img{
  object-fit:contain
 }
 [data-sub-layout="e2e71db5-bd6e-4b9b-ba7a-e10ac025e9bf"] {
  overflow: hidden !important;
 }
 #home [data-sub-layout-container="e3d93011-ff58-498e-a356-849af6531545"], [data-content-region="home_content_1"] [data-layout-name="Layout"]{
  background:var(--b2)
 }
 .banner-home {
  padding: 350px 0;
 }
 #myVideo {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
 }
#home .ob-home-cta-3.container{
 max-width:1350px
}
 .content {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 25px;
 }
 .content h1,
 .content p {
  color: #fff !important;
 }
   .cube h3{
    color: #000
   }
 [data-sub-layout="4218c2d6-b866-42d4-916a-3c7e73f5d41c"]{
  align-items:center
 }
  [data-sub-layout="4218c2d6-b866-42d4-916a-3c7e73f5d41c"] [style*='row']{
   width:100% !important
 }
 [data-sub-layout="4218c2d6-b866-42d4-916a-3c7e73f5d41c"] a:has(img)  {
  box-shadow: 0 0 10px #0013;
  border-radius:20px 
 }
 [data-sub-layout="4218c2d6-b866-42d4-916a-3c7e73f5d41c"] img{
  border-radius:20px;
  background:#fff
 }
 [data-test-id="product-set-widget-brand"] {
 opacity:0
 }
 [data-test-id="product-set-widget-name"] a{
  font-weight:600;
  font-size:16px; 
  color:#000 !important
 }
    .product .card .card-figure span{
     background:#fff !important
    }
 [data-content-region="home_content_4"] {
  margin:40px 0
 }
 [data-content-region="home_content_4"] svg{
  width:20px;
  height:20px;
 filter: drop-shadow(30px 0px 0 #fff)  drop-shadow(30px 0px 0 #fff) drop-shadow(30px 0px 0 #fff);
  translate:90px;
  fill:#fff;
 }
 [data-content-region="home_content_4"] [data-sub-layout]{
  max-height:600px;
  background:#372010;
   
 }
 [data-widget-id]:has(#home_review){
  max-width:600px;  
  translate:50%; 
 }

.ob-home-cta-1 .inner-wrap{
 align-items:flex-start
}
.heading-2{
 margin:5px !important;
 min-width:100%;
 text-align:left
}
.ob-home-cta-1 h2, .ob-body-lg{
 font-size:26px !important;
 margin:10px 0 !important
}
.heading-2 span{
 line-height:1.5em !important;
 display:block;
 margin-bottom:30px
}
.right-content:has(.heading-2) .sub-image img{
 max-height:400px;
 
}
 #home_review{
  color:#fff;
  text-align:center
 }
 .btn-t{
  color:#fff;
  text-decoration:none;
  border:1px solid #fff;
  padding:1em 2em;
  border-radius:50px;
  margin:30px 0;
  display:block;
  text-align:center
 }
 .btn-t:hover{
  color:#fff;
  background:#0002
 }
 .promo-inner .ob-btn, .ob-home-cta-3 .ob-body-lg {
  display:none
 }
 .ob-home-cta-3 .inner-wrap{
  margin-bottom:0;
  max-width:100% !important;
  min-width:100% !important;
  justify-content: space-between;
 }
 .ob-home-cta-3 .top-image{
  margin:0 !important;
   min-width:50% !important;
 }
 .ob-home-cta-3 .left-content{
   width:50% !important
 }
 /* Header -----------------------------------------------------------------------*/
 .navPages-item a {
  font-family:var(--sec)  !important;
 }
 .banners[data-banner-location=top]{
  margin-bottom: 0;
  padding: 0;
 }
.header--top .navUser{
 width:fit-content
}
 .header-promo{
  margin-top:1em;
  align-self:flex-end;
   display:none;
  max-width:1px;overflow:hidden
 }
 .header-promo span{
  font-size:1em;
  padding:5px;
  border:1px solid #333;
  border-radius:10px; 
 }
 .header--bottom .container{
   flex-direction:row-reverse
 } 
 .navPages-quickSearch.ob-desktop {
   max-width:100%;
   min-width:300px;
  display:block;
  position:fixed;
  top:-100px;
  opacity:0
 }

 .navPages-quickSearch.ob-desktop.active{
  opacity:1;
  top:0;
  left:0;
  z-index:9999;
  background:#fffd;
  height:100vh;
  display:flex;
  align-items:flex-start;
  padding-top:10vh;
max-width:100vw !important
 }
 .navPages-quickSearch.ob-desktop.active *{
max-width:90vw !important}
.navPages-quickSearch.ob-desktop.active .form-field{
 
  border-color:#0009 !important
}
 .navPages-quickSearch.ob-desktop .form-field{
  width:90%;
   margin:0 auto;
  min-width:90%;  
 }
.active .quickSearchResults{
 width:90%;
 max-height:80vh !important;
 margin:0 auto !important;
 left:0;
right:0
}
.busca{
 display:flex;
 align-items: center;
 height: 100%;
 cursor: pointer;
}
.busca svg{
 width:26px;
 height:26px
}
.busca:hover svg{
 stroke: var(--main);
  outline-color: var(--main);
}
.busca .s-c{
 outline:3px solid #000;
 border-radius:5em;
 background:#ddd;
display:none
}
.active .s-c{
 display:block
}
.active .s-s{
display:none
}
 :is(#page,#home) .navPages-quickSearch .form-field:has(:focus){
  border-color:var(--main) !important
 }
 .navPages-quickSearch.ob-desktop input{
  min-width:90%;
  outline:none !important
 }
 a.header-logo__link {
  display: flex;
  justify-content: flex-start;
 }
 
 img.header-logo-image-unknown-size {
  width: 240px !important;
 }
 
 .navPages-list{
  display:inline-flex
 }
 .navPages-item{
  order:99
 }
 .navPages-item:has([href$='/men/']){
   order:1
 }
 .navPages-item:has([href$='/women/']){
  order:2
 }
 .navPages-item:has([href$='/kids/']){
  order:3
 }
 
 .banner, .navPages-list--user{
  display:none;
 }
 li.navUser-item.navUser-item--currencySelector {
  display: none !important;
}
 #page .breadcrumbs{
  margin-top:0
 }
 /*Estilos home------------------------------------------------------------------------*/
 [data-content-region="promo_hero_title"] h2{
  text-align:center
 }
 .ob-home-cta-1 {
  margin-top: 140px;
 }
 .ob-home-cta-2 .inner-wrap .left-content h2 {
  margin-left: 0;
 }
 [data-theme-variant="vogue"] .ob-btn--primary,
 [data-theme-variant="vogue"] .product .card .card-figcaption .button {
  background-image: none !important;
  background-color: #2c292a !important;
  padding-top:0
 }
 [data-theme-variant="vogue"] .ob-btn--primary:hover,
 [data-theme-variant="vogue"] .product .card .card-figcaption .button:hover {
  background-color: var(--main) !important;
  background-image: none !important;
  color: #fff !important;
 }
.ob-quick-links{
 margin:0 !important;
 padding:0 !important;
 h4{
  font-size:18px !important;
  margin:5px 0 !important;
 }
 a{
  color:inherit !important;
  line-height:1.2em;
  font-size: 16px;
  text-decoration:none;
 }
 a:hover{
  color:var(--b0) !important
 }
}
.navPage-subMenu{
 left:calc(50% - 4vw) !important
}
 .navPage-subMenu a {
  color: #000 !important;
 }
 .css-9z33oj {
  display: none !important;
 }
 
 .css-1wn6xct {
  color: #fff !important;
 }
 
 .css-1clkqco a {
  color: #fff !important;
 }
 
 .css-1eew03s {
  color: #fff !important;
  font-weight: bold !important;
 }
 .css-1wn6xct,
 .css-1eew03s {
  font-size: 20px !important;
 }
 .css-1wn6xct,
 .css-1clkqco a,
 .css-1eew03s {
  font-family: "Lexend Mega", sans-serif !important;
 }
 
 button.css-113wrz1.sd-product-set__arrow--right,
 button.css-nmhyd4.sd-product-set__arrow--left {
  background-color: #000;
  padding: 5px 10px !important;
  height: fit-content;
 }
 [data-test-id="hero-image-title"] p {
  font-family: "Lexend Mega", sans-serif !important;
  font-weight: 400;
  font-size: 43px;
  line-height: 1.2em;
  letter-spacing:-0.12em;
  color: #fff !important;
  text-shadow:1px 1px 3px #0003
 }
 [data-test-id="hero-image-subtitle"] p{
  color: #fff !important;
  text-shadow:1px 1px 3px #0008
 }
 div:has([data-test-id="hero-image-title"] ){
  min-height:45vw
 }
 .go3695795054.content-editable-2932a9fc-37af-4601-a16f-9ef4aed32951-subtitle.go1304574217
  p {
  color: #fff !important;
  font-family:var(--sec);
 }
 [data-content-region="home_content_2"] {
  overflow: hidden;
  margin-bottom: 7%;
 }
 
 .buttonLink a {
  color: #000 !important;
  display: flex;
  border-radius: 0 !important;
  margin-top: 15px;
  text-transform: none;
  letter-spacing: normal;
  text-transform: capitalize;
  padding: 15px 40px;
  line-height: 2 !important;
 }
 
 .buttonLink a:hover {
  color: #fff !important;
 }
 .form-prefixPostfix {
  display: flex;
  flex-direction: row;
 }
 
 input#nl_email {
  width: 50%;
 }
 [data-test-id="hero-image-button"] p {
  color: #fff !important;
  border: 1px solid;
  padding: 10px 35px;
  background-color: #000;
  border-color: #000;
 }
 [data-theme-variant="vogue"] #consent-manager button:not(:first-of-type),
 [data-theme-variant="vogue"] .button--primary,
 [data-theme-variant="vogue"] .modal .confirm.button,
 [data-theme-variant="vogue"] .ob-btn--primary {
  background: var(--dark);
 }
 
 [data-theme-variant="vogue"]
  .productView
  .productView-details
  .productView-options
  .form-radio:checked
  + .form-option
  .form-option-variant {
  background: var(--dark);
 }
 
 [data-theme-variant="vogue"] #consent-manager button:not(:first-of-type):hover,
 [data-theme-variant="vogue"] .button--primary:hover,
 [data-theme-variant="vogue"] .modal .confirm.button:hover,
 [data-theme-variant="vogue"] .ob-btn--primary:hover {
  background: #000;
  color: #fff !important;
 }
 h1.modal-header-title {
  font-size: 22px !important;
 }
 
 a.button.ob-cta-link.no-padding.ob-btn-border {
  border-color: #000;
  color: #000 !important;
 }
 #previewModal .modal-body .previewCart .previewCartCheckout{
  padding:15px;
  border-radius:9px
 }
 /*Estilos globales------------------------------------------------------------*/
 .footer {
  margin: 0 !important;
 }
 .footer h3{
  font-size:1.5em !important;
  font-weight:400 !important;
  letter-spacing:-.12em !important
 }
 .footer .footer-inner .container .ob-nav-section{
  flex-grow:1
 }
 .buttonLink a,  a.ob-btn.ob-btn--primary {
  display: inline-flex !important;
  border-radius: 0;
  margin-top: 15px;
  text-transform: none;
  letter-spacing: normal;
  text-transform: uppercase;
  padding: 15px 40px;
 }
 #home a.ob-btn.ob-btn--primary {
  background-color: #fff !important;
  color: #000 !important;
  border: 1px solid;
  border-radius: 0px !important;
  font-size:21px
 }
  #home a.ob-btn.ob-btn--primary:hover{
   background:var(--b2) !important;
   color:#fff !important
  }
 .flex {
  display: flex;
 }
 .flex-col {
  flex-direction: column;
 }
 .gap-10 {
  gap: 10px;
 }
 .items-center {
  align-items: center;
 }
 .justify-center {
  justify-content: center;
 }
 /* ABOUT */
#about_time{
 background: radial-gradient(ellipse at center,  rgba(204,186,155,.2) 0%,rgba(255,255,255,0.41) 59%,rgba(255,255,255,0) 100%);

}
 
#about_time, .page-content, .page-content :is(p,span, td){
 color:var(--text);
 vertical-align:top
}
#about_title{
 color:var(--main);
 border:2px solid var(--main);
 border-left:0;
 border-right:0;
 padding:1%;
 text-align:center;
 
}
#about_table img, #about_table iframe{
 min-width:93%;
 max-height:320px;
 object-fit:cover;
 border-radius:5px;
 margin:0 auto;
 display:block
}
#about_table td:has(strong){
 padding:6%; 
}
#about_table strong, #about_table em, .about_foot{
 display:block;
 font-family: var(--sec)
}
#about_table em{ 
 font-size:2em;
 padding-bottom:2%
}
.about_foot{
 font-size:1.6em;
 padding:2%;
 text-align:center
}
.page-content{
  h2,h3,h4,h5{
    letter-spacing: 0 !important;
  }
}
.page-content:has(#size_table) td{
 padding:.5em
}
#size_table {
 width:100%
}
#size_table :is(td, th){
 border:1px solid var(--grey); 
 padding:.5em
}
#size_table th{
 background:var(--b1);
 color:#fff;
}
 /* PRODUCTOS --------------------------------------------------------------------------*/
ol.breadcrumbs .breadcrumb .breadcrumb-label span{
 color:var(--dark)
}
#page h1.productView-title{
 font-size:26px !important;
 line-height:26px !important;
 margin-left:-2px
}
#page .productView-thumbnail{
   height:fit-content;
}
#page .slick-list{
 overflow-y:auto
}
#page .slick-list::-webkit-scrollbar-track {
  background: #eeea;
}
#page .slick-list::-webkit-scrollbar-thumb {
  background-color: #ddda;
  border-radius: 7px; 
}
#page .productView-thumbnail-link{
 max-height:fit-content;
border-radius:0;
 min-width:80%;
 padding:0;
 border:0px solid;
 aspect-ratio:unset !important;
 line-height:1em;
 img{
 height:auto;
  margin:0;
  border:0px solid;
  border-radius:0;
  object-position:center
}
}
#page .gift-shipping-row, #page .ob-description-bloc{
 display:none 
}
 #page .ob-mb-100{
  margin-bottom:40px
 }
.ob-image-main-carousel:not(:has(img)){
 padding:0;
 height:500px;
 background-size:90%
}
 #page .productView-img-container img, #page .card-img-container img,
 #home .card-img-container img, .previewCartItem-image img, .cart-item-image img{
   object-fit:contain !important;
   height:auto
 }
#page .productView-img-container img{
   margin:0; 
 border-radius:0 !important;
}
 li.pagination-item--current a, li.pagination-item--current button,li.pagination-item--current{
  background:var(--main);
  border-color:#fff !important
 }
 .productView-img-container::after{
   padding-bottom:100%
 }
 .ob-category-header .category-header-text h1{
  text-shadow:0 0 10px #0016
 }
 .ob-category-header img[data-src]{
  object-position:0% 10%;
  filter:blur(15px)
 }
 #page .catimg{
  height:60%;
  width:auto;
  object-fit:contain;
 top:20%;
  left:auto;
  right:5%;
 border-radius:20px;
  box-shadow:0 0 10px #0013
 }
 #page .subcat-box{
  background:#ddd;
  height:auto;
  transition:all .2s
 }
 
 #page .subcat-box:hover{
  background:var(--main)
 }
 #page .subcat-box a{
  padding:9px
 }
 #page .productView-price .price{
  font-size:25px;
  color:var(--dark)
 }
 #page .subcat-box h3,.sidebarBlock-heading{
  font-size:18px !important
 }
#page [data-content-region="product_below_price"] *{
  line-height:1em
}
 #page .form-option-swatch.color-swatch,
 #page .form-option-variant--color{
 width:40px !important; min-width:40px !important;
  min-height:40px !important;height:40px !important;
   
 }
#add-to-cart-wrapper :is(input,button), [data-product-attribute="set-rectangle"] *{
 border-radius:3px !important; 
}
#page #add-to-cart-wrapper button{
 background:#eee !important;
 padding:0 !important;
 i{
  
  font-weight:600 !important;
  font-size:18px !important;
  line-height:28px !important;
  font-family:sans-serif;
 }
}
#page .form-radio:checked+label {
 box-shadow:0 0 0 2px #fff, 0 0 0 3px #999
}
#page #form-action-addToCart{
 padding:0;
  font-family:var(--pri);
 background:var(--dark);
 text-transform:uppercase
}
#page #form-action-addToCart:hover{
 background:var(--b0)
}

.productView-images{
 background:none !important;
 *{
   background:none !important;
 }
}
.form-action:has(#form-action-addToCart:disabled){
  display:none
}

 #page .productView-images,#page .productView-img-container, .cart-item-image{
   flex-wrap:wrap;
   margin:0;
  background:#fff !important
 }
 
#page .productView-rating *{
 color:inherit !important;
 font-size:13px;
 text-decoration:none
}
#page .productView-info *{
 font-size:inherit
}
 #page .cubes{
  display:flex;
  flex-grow:1;
  flex-direction:row;
  flex-wrap:wrap;
  flex-basis:100%;
  clear:both;
  width:100vw; 
  margin-top:-14px;
  position:relative;
  z-index:99
 }
#page .cubes::before{
 content:'';
 display:block;
 width:100%;
 height:4px;
 border-top:1px solid #e3ecfc;
 border-radius:15px;
 margin-bottom:9px
}
 #page .cubes .detail-grid{
  display:flex;
  flex-wrap:wrap;
  gap:1%
 }
 #page .cube{
  flex-basis:45%;
  width:30%;
  padding:2%
 }
 #page .cubes .cube img{
  width:50px
 }
 #page .cubes .cube h3{
  font-size:1.2em !important;
  line-height:1 !important;
  margin:5px 0
 }
 #page .cubes .cube div{
  padding:0
 }
 .ob-parent-category-link span, label:has(.base-name) span, label a{
   font-size:inherit;
  font-weight:400;
  color:inherit !important
 }
 label:has(.base-name) :not(.base-name,a){
  display:none 
 }
 .ob-custom-fields-content .container{
  /*display:flex;
  flex-wrap:wrap*/
 }
 .ob-custom-fields-content h3 { 
  flex-basis:100%;  
  margin:0 0 5px 0
 }
 .custom-field-row{
   width:24%;
  min-width:300px
 }


section.productView-details.product-options {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.ob-custom-fields-content .custom-field-row {
  width: 100%;
  display: inline-flex;
}

dt.productView-info-name {
  font-size: inherit;
  font-family: inherit;
  font-weight: 600;
}


dt.productView-info-name {
  font-size: inherit;
  font-family: inherit;
  font-weight: 600;
  margin: 0px;
  width: 20%;
  min-width:fit-content; 
line-height:1em
}

dd.productView-info-value {
  margin-bottom: 0;
  line-height: 1.2rem;
  width: 75%;
line-height:1em
}

 #page .ob-product-below-image{
   padding:0 20px;
   scroll-margin-top:0
 }
.ob-similar-container .about{
 padding:2% 0;
 max-width:1200px;
 margin:0 auto
}
.ob-product-below-image .container{
 padding:0
}
.ob-product-reviews {
  padding:15px 0 !important;
  
  .container::before{
      content:"Reviews";
      font-family: var(--pri);
      font-size:28px;
      letter-spacing:-1px;
  }
  ul{
      display:flex;
      flex-wrap:wrap; 
      border:0
  }
  li{
      display:block; 
      flex-basis:25%;        
      padding:5px !important;    
      margin:0;
       border:0 !important
  }
  article{
       background:#f1ede8;
      padding:5px 15px !important;
      
  }
  li header{
      margin:10px 0 !important
  }
  h3{
      font-size:20px !important;
      font-family:var(--sec) !important;
      letter-spacing:0 !important
  }
  h5,p{
      color:var(--dark) !important
  }
}
/*CHECKOUT  -------------------------------------------------------*/
#page .ob-cart-right, .image-wrap.ob-desktop{
 border-radius:15px !important
}
#page .cart-totals li{
 border-radius:0 !important;
 background:#fff0;
 border:0
}
.cart-total.cart-grand-total{
 background:#fff !important
} 
.previewCartAction-subtotal span, .previewCartItem-price span{
 font-size:16px;
 font-weight:600
}
#checkout-app span, #checkout-app p{
  font-size:16px;
 line-height:1.2em
}
.ob-vogue-checkout .button--primary,
 .ob-vogue-checkout .optimizedCheckout-buttonPrimary,
 .ob-vogue-checkout .optimizedCheckout-buttonSecondary {
  background: var(--main) !important;
 }
 
 .ob-vogue-checkout .button--primary:hover,
 .ob-vogue-checkout .optimizedCheckout-buttonPrimary:hover,
 .ob-vogue-checkout .optimizedCheckout-buttonSecondary:hover {
  background: #000 !important;
  color: #fff !important;
 }
 
 #checkout-app .layout-cart .optimizedCheckout-orderSummary a {
  color: #000 !important;
 }
 
 #checkout-app
  .layout-cart
  .optimizedCheckout-orderSummary
  .cart-section.optimizedCheckout-orderSummary-cartSection:last-of-type {
  background-color: var(--main);
 }
 
 #checkout-app
  .layout-cart
  .optimizedCheckout-orderSummary
  .cart-priceItem--total
  span {
  color: #fff;
 }
 .ob-vogue-checkout .button--primary,
 .ob-vogue-checkout .optimizedCheckout-buttonPrimary,
 .ob-vogue-checkout .optimizedCheckout-buttonSecondary {
  background: var(--dark) !important;
  border-radius:3px
 }
 
 .ob-vogue-checkout .button--primary:hover,
 .ob-vogue-checkout .optimizedCheckout-buttonPrimary:hover,
 .ob-vogue-checkout .optimizedCheckout-buttonSecondary:hover {
  background: #000 !important;
  color: #fff !important;
 }
 
 #checkout-app .layout-cart .optimizedCheckout-orderSummary a {
  color: #000 !important;
 }
 
 #checkout-app
  .layout-cart
  .optimizedCheckout-orderSummary
  .cart-section.optimizedCheckout-orderSummary-cartSection:last-of-type {
  background-color: var(--grey);
 }
 
 #checkout-app
  .layout-cart
  .optimizedCheckout-orderSummary
  .cart-priceItem--total
  span {
  color: #fff;
 }
 
 #checkout-app{
  .button{
   font-family:var(--sec) !important
  }
  a {
  color: #fff;
 }
  .orderConfirmation a{
   color:var(--b1);
   font-size:inherit
  }
  .cartDrawer a{
   color:#999;
   font-size:1em
  }
   .paymentProviderHeader-container{
   align-items:flex-start !important
 }
 .paymentProviderHeader-name{
  line-height:1em;
  white-space:nowrap;
  padding-top:8px
 }
  .icon{
   margin-top:0px !important
  }
  .paymentMethod{
   padding:0
  }
}
 [data-test="customer-cancel-button"] {
  color: #fff !important;
 }
 
 #checkout-app  .cart.optimizedCheckout-orderSummary *,#checkout-app .dropdown-button, #checkout-app .shippingOptions-panel {
  border-radius:3px !important
 }
 
 
#checkout-app h4.product-title.optimizedCheckout-contentPrimary {
  font-size: 16px !important;
  line-height:1em !important; 
 }
 
#checkout-app .stepHeader .stepHeader-counter--complete{
   background-color: var(--grey) !important;
}
 #checkout-app h3.cart-title.optimizedCheckout-headingSecondary {
  font-size: 17px !important;
 }
 
 #checkout-app #cart-edit-link {
  font-size: 16px !important;
 }
 
 #checkout-app h3.cart-section-heading.optimizedCheckout-contentPrimary {
  font-size: 18px !important;
 }
 
 section.cart-section.optimizedCheckout-orderSummary-cartSection span,
 section.cart-section.optimizedCheckout-orderSummary-cartSection a {
  font-size: 15px !important;
 }
 p.shippingOptions-panel-message.optimizedCheckout-primaryContent {
  font-size: 15px !important;
 }
 strong.heading-1 {
  font-size: 32px;
 }
 
#checkout :is(h1,.heading-1,h2.stepHeader-title){
 letter-spacing:0 !important;
 font-family:var(--sec) !important;
 font-size: 26px !important;
}
#checkout figure{
 background:#0000 !important
}
#checkout .product img{
 object-fit:contain !important;
 height:auto !important
}

.productView-title, .modal-header-title{
 font-size:1.45em !important;
 line-height:1em !important;
}

#checkout-app .stepHeader .stepHeader-title{
 padding:0px !important;
 font-size:1.6em !important
}

.ReactModalPortal *{
 font-family:sans-serif !important;
 letter-spacing:0;
 font-size:1.01em
}
 

 /*UTILS ------------------------------------------------------------*/

.alertBox{
 border-radius:3px;
 background:var(--text)
}

 .wap{
  position:fixed;
  width:60px;
  height:60px;
  background:#080 url(img/wa.png);
  background-size:cover;
  display:block;
  bottom:2%;
  right:20px;
  border-radius:50%; 
  transition:all .2s
 }
 .wap:hover{
  right:29px;
  transform:rotate(25deg)
 }
 body:has(#loyalty-99minds-widget) .wap{
  bottom:100px
 }
div#loyalty-99minds-widget {
    filter:grayscale(1) brightness(.74) contrast(2);
}

 div#previewModal.modal-open {
   display:block;
   visibility:visible;
   box-shadow:0 0 0 100vh  #3333;
   overflow:visible;
   height:80vh; 
  border-radius:15px
 }
.modal-header, .modal-body{
 border-radius:0 !important
}

#previewModal .modal-content, .ob-category-header {
 border-radius:15px !important;
 overflow:hidden
}

 #page .modal-content,
 #page .modal-body{
  position:relative;
  z-index:2
 }
 #page .modal-close{
   background:#333; 
   border-radius:6px !important;
  z-index:1;     
   }
 #page .modal-close:hover{
  color:var(--main)
 }
 a.modal-close::before{
  content:'';
  width:100vw;
  height:100vh;
  background:#0000;
  position:fixed;
  display:block;
  top:-100px;
  z-index:-1
 }
 .modal-close::after{
  display:none !important
 }
  .modal-content :is(input,textarea,select) {
   
  border:1px solid #666 !important; 
   
 }
 #previewModal img{
  width:100%;
  height:auto;
  max-height:80vh;
  object-fit:contain
 }

 .page .row{
  align-items:stretch;
  border-collapse:collapse;
  gap:1%;
  .col{
  display:flex;
  flex-direction:column}
  display: flex;
 }
.grid .col{
 width:32%;
 outline:0px solid var(--grey);
 background:#fff;
 img{
  width:100%;
  aspect-ratio:1 / 1;
  display:block
 }
 img+strong{
  display:block;
  border-bottom: 1px solid var(--grey); 
  padding:0 1em;
 }
 p{
   padding:0 1em; 
 }
}

#modale{
  background:#ddd url(https://cdn11.bigcommerce.com/s-wcxtucjfkf/images/stencil/original/image-manager/0-n.jpg) center no-repeat;
  background-size:cover;
  display:none;
  width:90vw;
  max-width:600px;
  height:fit-content;
  position:fixed;
  z-index:999;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  border-radius:5px; 
  justify-content:flex-end;
  box-shadow:0 0 0 100vw #0003, 0 0 9px #0006;
  .mc{
   width:60%; 
   border-radius: 0 5px 5px 0; 
   background:var(--lite);
   padding:1em;
   display:flex;
   flex-direction:column;
   justify-content:center;
   align-items:center;
   min-height:400px;
   text-align:center;
   a{
    background:var(--b2);
    color:#fff;
    text-decoration:none;
    padding:3px 19px;
    border-radius:50px;
   text-transform:uppercase; 
   display:inline-block;
   margin:.5em 0;
   }
   small, p{
    display:block;
    line-height:1em;
    color:inherit;
    font-family:inherit; 
   }
   p{
    font-size:inherit;
   }
   u{
    border:2px dashed #000;
    padding:5px;
    text-decoration:none;
    background:#fffa;    
    display:inline-block;
   }
  }
  .c{
  position:absolute;
   top:0;
 right:0;
 padding:9px;
 text-decoration:none
 }
 }
 #modale.active{
  display:flex
 }
footer.footer{
 z-index:9999; 
}
#smile-ui-container{
 z-index:999 !important; 
}

#checkout{
  #loyalty-99minds-widget , .wap{
   display:none
  }
 }

 /*RESPONSIV ------------------------------------------------------------*/
@media (min-width: 801px) {
    .body {
        margin-top:90px!important
    }
 .header .row{
  padding:0
 }
}
@media(max-width: 800px){
 h1,h2{
  font-size:28px !important
 }
h3, .base-name{
  font-size:1.5em !important
 }
 body:has(.adminBar){
  margin-top:0px !important
 }
 body:has(.adminBar) header{
  margin-top:50px !important
 }
 .banners, .header-promo{
  opacity:0
 }
#previewModal{
 .modal-header{
  padding-bottom:0px !important
 }
 .previewCartCheckout-subtotal{
   margin-bottom:2px
 }
.productView-title{
   font-size: 1.2em !important;
 font-weight:600 !important;
    font-family:sans-serif !important;
   line-height: 1em !important;
 letter-spacing:0px !important
}
 .button{
  height:50px !important
 }
 section figure *{
  max-height:150px !important
 }
}
 div:has([data-test-id="hero-image-title"]), .navPages-list{
  display:flex;
  min-height:90vh; 
  flex-direction:column;
  justify-content:center
 }
 div:has([data-test-id="hero-image-title"])+div{
  display:none
 }
 .navPages{
  overflow:visible
 }
.navPages-list{
 min-height:5vh;
}
 .has-activeNavPages .col.c1.header--top{
   min-width: 100%;
   justify-content: flex-start;
   height: 100px;
 }

 .page .col{
  width:49%
 }
 .is-open{
 .container:has(.navPages-quickSearch){
 margin-bottom:20px
}
 .navPages-quickSearch{
  translate:0 10px
 }
 }
  .ob-product-reviews li{
  flex-basis:33%
 }

 #page .ob-cart-content-wrap{
    
 ul.cart-totals  *, dl, span{
    font-size:14px  
}
ul.cart-totals{
      button{
          text-decoration:underline;
          height:auto;
          padding:0
      }        
     .cart-total{
       min-height:auto ;  
     }   
    input[type="text"]{
        background:#fff
    }
       }             }
}

@media(max-width:600px){
 #main-content{
  padding-top:50px
 }
 h1,h2,[data-test-id="hero-image-title"] p{
  font-size:26px !important
 }
h3, [data-test-id="hero-image-button"] p{
  font-size:20px !important
 }
.slick-list{
  max-width:94vw;
}
.slick-track {
 overflow:hidden !important;
 display:flex
}
 
 #home .container .inner-wrap{
  flex-direction:column;
  .top-image, .bottom-image{
   width:100%;
   height:320px ;
   img{
   
   min-height:100%;
   }
  }
  .right-content, .left-content{
   min-width:100%;
  
  }
 }
 #home .detail-grid{
   display:flex;
   flex-direction:column;
 }
 .cube, .promo-inner, .promo-content{
  min-width:100%;
  text-align:center
 }

 [data-widget-id]:has(#home_review){
  translate:none;
  max-width:80%;
  margin:auto;
  text-align:center
 }
 [id*='sd-product-set-carousel']{
  overflow:auto;
   [style*='row']{
    flex-wrap:wrap;
    [style*='flex']  {
       min-width:50% !important
     }
   }
 
 }
 [id*='sd-product-set-container']{
   button{
   display:none !important
  }
 }
 #home .slick-list.draggable{
  overflow-x:hidden;
  .product.slick-slide{
   max-width:300px
  }
 }
 .ob-custom-fields-content{
  padding: 0 0em
 }
 .ob-description-block{
  margin:0;
 }
 .ob-home-cta-3, .ob-home-new-container {
    margin-bottom: 7px;
}
 [data-content-region="home_content_4"] {
    margin:0 0 40px 0;
}
 .optimizedCheckout-orderSummary  *{
 letter-spacing:0 !important;
  font-family:sans-serif !important;
  h4{
   font-size:1.2em !important
  }
}
 #page .cubes{
  margin:0 0 40px -20px;
  display:none;
  div{
   font-size:16px  
  }
 }
 #home .cube {
  padding:0;
  div{
  font-size:16px;
  }
  img{
   width:60px;
   height:60px
  }
 }
 .ob-product-reviews li{
  flex-basis:50%
 }
 #page .productView{
  padding-bottom:0;
  section, .ob-description-col p{
   padding-bottom:0;
   margin-bottom:0
  }
 }
 .ob-home-cta-1 {
    margin-top: 40px;
}
}

@media(max-width:450px){
  [id*='sd-product-set-carousel']{
  overflow:auto;
   [style*='row']{
    flex-direction:column !important;
    transform:none !important;
    [style*='flex']  {
       min-width:100% !important;
     
     }
   } 
 }
 [data-content-region="home_content_4"] [data-sub-layout]{
  min-height:40vh !important
 }
 div:has([data-test-id="hero-image-title"]){
  min-height:60vh 
 }

 #about_table{ 

  tr{
   display:flex;
   flex-direction:column
  }
  td{
  display:block;
   order:1;
   width:100%
 }
 tr:nth-of-type(2n) td:nth-of-type(2){
    order:0
  }
 iframe{
  height:200px
 }
 }
 .page .col{
  width:99%
 }
}

/* CONTACT -------------------------- */

#contact-main-form h3, #c_type{
  width:100%;
  flex-basis:100%;
  display:flex;
  flex-direction:column; 
  label{
   display:flex;
  align-items:center;
  cursor:pointer;
  width:fit-content;
  padding:5px 15px 5px 5px;
  height:44px;
   border-radius:50px;
  transition:all .2s
  }
  input{
  margin:0 5px}
  label:has(:checked){
  background:var(--b0)}
  align-content: flex-start;
}

.contact-box.form-box {
  width:100%
}
.contact-box.form-box>h2:first-of-type,.form-field:has(#contact_question),
.contact-box.image-box {
  display: none;
}

body:has(#contact-us-success) .blog-header-text {
  *{ color:#0000;}
  h1:before{
   content:'Gracias';
      color:#fff;
      white-space:nowrap
   }
}

#contact-us-success{
   font-size:1.4em;

   a{
       border:1px solid var(--dark);
       display:block;
       width:fit-content;
       padding:0px 15px;
       border-radius:19px;
       color:var(--dark);
       text-decoration:none;
       margin-top:20px
   }
   a:hover{
   background:#ddd}
}

.account .form-field label small{
 color:#0000;
 &:before{
  content:"*";
  color:#600;
 }
}

/* BLOG */
.page:has(.list-blog) {
  justify-content:center
}
.list-blog img{
  max-height:300px !important;
  object-fit:cover !important;
  object-position:center !important
}
.heading-3.blog-title{
  font-size:23px !important
}
.list-blog .blog-header{
  margin:0 !important
}
.list-blog .post-body--top{
 overflow:visible !important
}
.list-blog .post-body--top:after{
   display:none !important
}

figure.blog-thumbnail img{
  max-height:40vw;
  object-fit:cover
}
.page-content:has(.blog){
  margin:auto
}
.ob-blog-header+.page-sidebar,[data-page-type="blog"] .ob-blog-header,[data-page-type="blog_post"] .ob-blog-header,html:has([content="sintitle"])  h1.heading-2{
  display:none
}

img.feat {
  width:100%;
  display:block;
  border-radius:19px;
  height:300px;
  object-fit:cover
}
/* BULLRANCH MX END */