@media (max-width:980px){
.product-row{
grid-template-columns:minmax(0,1fr) 58px 118px 104px 44px;
column-gap:10px;
}
.stock-state{
min-width:54px;
gap:5px;
}
.price-card{
width:104px;
padding-left:var(--space-1-75);
padding-right:var(--space-1-75);
}
.price-card>span{
grid-template-columns:19px minmax(54px,1fr);
}
.qty{
width:102px;
grid-template-columns:26px 40px 26px;
}
.qty button,.icon-btn,.icon-btn.ghost,.icon-btn.remove{
width:26px;
height:26px;
}
.icon-btn svg,.icon-btn.remove svg,.icon-btn.ghost svg{
width:15px;
height:15px;
}
}
@media (max-width:760px){
.cart-grid-head{
display:none;
}
.cart-grid-row{
grid-template-columns:minmax(0,1fr) auto;
gap:8px var(--space-3);
padding:12px var(--space-4);
}
.cart-grid-row b,.cart-qty,.cart-row-total,.cart-row-remove{
justify-self:end;
}
.cart-product{
grid-column:1/-1;
}
.cart-doc-total{
padding-left:var(--space-4);
padding-right:var(--space-4);
}
}
@layer responsive{
@media (max-width:860px){
:root{
--page-pad:17px;
--chrome-x:14px;
--chrome-inset:0px;
--frame-x:var(--chrome-x);
--frame-top-y:38px;
--search-min-w:0px;
--search-top:calc(50svh - 27px);
--search-pad-y:8px;
--search-pad-x:8px;
--search-active-top:110px;
--hero-logo-h:34px;
--hero-logo-gap:26px;
--search-tools-active-top:178px;
--search-results-offset:226px;
}
.top{
top:22px;
left:var(--chrome-x);
right:var(--chrome-x);
width:auto;
}
.site-frame{
display:none;
}
.auth-link span{
display:none;
}
.hero-logo{
top:var(--hero-logo-top);
transform:translate(-50%,-50%) scale(.86);
}
.site-ready .hero-logo{
top:var(--hero-logo-top);
}
.hero-ico{
width:var(--hero-logo-h);
height:var(--hero-logo-h);
}
.hero-word{
width:146px;
height:21px;
}
.search{
top:var(--search-top);
width:calc(100vw - 28px);
min-width:0;
padding:var(--search-pad-y) var(--search-pad-x);
}
.sep{
display:none;
}
.query{
margin-left:8px!important;
padding-left:0;
gap:0;
}
.query svg{
width:var(--icon-md);
height:var(--icon-md);
}
.query input{
height:38px;
padding-right:var(--space-2)!important;
padding-left:var(--space-2-5);
font-size:var(--text-md);
line-height:38px;
}
.wholesale{
display:none;
}
.search-tools{
top:200px;
width:calc(100vw - 28px);
min-width:0;
}
.tool-row{
overflow-x:auto;
padding-bottom:2px;
}
.tool-left,.tool-right{
flex:0 0 auto;
}
.filter-pop{
width:min(520px,calc(100vw - 28px));
max-height:min(420px,calc(100vh - 238px));
}
.is-searching .hero-ico{
width:42px;
height:42px;
}
.is-searching .hero-word{
width:167px!important;
height:24px!important;
}
.is-searching .search{
top:var(--search-active-top);
width:calc(100vw - 28px);
}
.is-searching .search-tools{
top:var(--search-tools-active-top);
width:calc(100vw - 28px);
}
.is-searching .results:not([hidden]){
width:calc(100vw - 28px);
margin-top:var(--search-results-offset);
}
body.is-searching::before{
top:0;
height:286px;
}
.results header{
padding:var(--space-3) var(--space-4);
}
.results header span{
font-size:var(--text-2xs);
}
.product-row{
grid-template-columns:1fr;
gap:var(--space-2);
padding:var(--space-3) var(--space-4);
}
.product-stock,.product-price,.product-actions-group{
justify-content:flex-start;
text-align:left;
}
.product-price{
text-align:left;
}
.product-group{
padding:7px var(--space-4) 6px;
}
.grid2,.address-layout,.product-spec-list div{
grid-template-columns:1fr;
}
}
@media (max-width:560px){
.cart-line{
display:none;
}
.cart{
margin-left:var(--space-1);
}
.filter-dd:nth-child(n/**/+4){
display:none;
}
.results h1,.results h2{
font-size:var(--text-lg);
}
.product-title{
white-space:normal;
}
}
}
@layer responsive{
@media (max-width:980px){
.product-table{
min-width:var(--feature-min-w,580px);
}
.product-head.has-feature-cols,.product-row.has-feature-cols{
column-gap:8px;
}
.product-head.no-feature-cols{
grid-template-columns:minmax(0,1fr) 58px 118px 104px 44px;
column-gap:10px;
}
.product-feature-cell{
font-size:var(--text-2xs);
}
}
@media (max-width:560px){
.filter-dd[data-filter-dd="columns"]{
display:block;
}
.column-panel{
min-width:min(340px,calc(100vw - 28px));
}
}
}
@layer responsive{
@media (max-width:760px){
.product-feature-card dl div{
grid-template-columns:1fr;
}
.product-feature-card dd{
text-align:left;
}
}
}
@layer responsive{
@media (max-width:760px){
.catalog-section{
width:calc(100vw - 28px);
margin-top:238px;
gap:10px;
}

}
}
@layer responsive{

@media (max-width:760px){
.catalog-section,.catalog-section--root,.catalog-route.is-searching .catalog-section{
margin-top:218px;
}
}
}
@media (max-width:640px){
.side{
top:10px;
right:10px;
bottom:10px;
width:min(380px,calc(100vw - 20px));
padding:var(--space-4);
border-radius:28px;
}
}
@media (max-width:520px){
.search-ai-orb{
width:40px!important;
height:40px!important;
}
.search-ai-orb>span{
width:36px!important;
height:32px!important;
}
}
@layer responsive{
@media (max-width:860px){
.auth-link::before,.round::before,.auth-link::after,.round::after{
display:none;
}
.content-page{
width:calc(100vw - 28px);
padding-top:82px;
}
.content-page-logo img:first-child{
width:42px;
height:42px;
}
.content-page-logo img:last-child{
height:20px;
}
.content-card{
margin-top:var(--space-7);
padding:var(--space-5);
border-radius:var(--radius-xl);
}
.company-facts{
grid-template-columns:1fr;
}
}
}
@media (max-width:860px){
.is-searching .hero-logo{
top:56px!important;
left:14px!important;
transform:translate(0,-50%) scale(.48)!important;
animation:logoSearchIn273Mobile .42s cubic-bezier(.18,1.08,.22,1) both!important;
}
@keyframes logoSearchIn273Mobile{
from{
opacity:0;
transform:translate(0,calc(-50% + 10px)) scale(.48);
}
to{
opacity:.98;
transform:translate(0,-50%) scale(.48);
}
}
}
@layer responsive{
@media (max-width:980px){
.crumbs{
display:none;
}
.top-logo img:first-child{
width:30px;
height:30px;
}
.top-logo img:last-child{
height:14px;
}
}
@media (max-width:860px){
footer[data-site-chrome]{
grid-template-columns:1fr;
gap:8px;
justify-items:center;
text-align:center;
}
footer[data-site-chrome]::before{
display:none;
}
footer[data-site-chrome]>span,footer[data-site-chrome]>nav{
justify-self:center;
padding:0;
margin:0;
font-size:var(--text-3xs);
white-space:normal;
}
}
}
@layer responsive{
@media (max-width:860px){
.tool-right .filter-dd.pseudo-select{
width:176px;
}
}
}
@layer components{
@media (max-width:980px){
.tool-left{
flex-wrap:wrap;
align-items:flex-start;
}
.tool-filter-group .filter-dd.pseudo-select{
width:160px;
}
}
@media (max-width:720px){
.tool-filter-group{
width:100%;
display:grid;
grid-template-columns:1fr;
}
.tool-filter-group .filter-dd.pseudo-select{
width:100%;
margin-left:0!important;
}
.tool-filter-group .filter-dd.pseudo-select .filter-trigger{
border-radius:var(--radius-sm)!important;
}
.tool-filter-group .filter-dd.pseudo-select.open .filter-trigger{
border-radius:10px 10px 0 0!important;
}
}
}
@layer responsive{
@media (max-width:720px){
.filter-dd.pseudo-select[data-filter-wide="1"],.filter-dd.pseudo-select[data-filter-wide="1"].open .filter-trigger,.filter-dd.pseudo-select[data-filter-wide="1"].open .filter-pop{
width:100%;
max-width:100%;
}
}
}
@layer responsive{
@media (max-width:640px){
.side{
top:12px!important;
right:12px!important;
width:calc(100vw - 24px)!important;
max-height:calc(100vh - 24px)!important;
border-radius:26px!important;
}
}
}
@layer components{
@media (max-width:980px){
.product-head.no-feature-cols,.product-row.no-feature-cols{
grid-template-columns:minmax(0,1fr) 58px 103px 104px 70px!important;
}
.product-head.has-feature-cols,.product-row.has-feature-cols{
grid-template-columns:minmax(0,1fr) repeat(var(--feature-cols),minmax(56px,.36fr)) 48px 103px 104px 70px!important;
}
.product-actions-group,.product-row.in-cart .product-actions-group{
width:68px!important;
}
}
}
@layer responsive{
@media (max-width:860px){
.tool-help{
width:28px;
height:34px;
}
.product-group-link span{
max-width:calc(100vw - 92px);
}
}
}
@layer responsive{
@media (max-width:760px){
.catalog-route .catalog-section,.catalog-route.is-searching .catalog-section{
width:calc(100vw - 28px)!important;
margin-top:var(--search-results-offset)!important;
}

}
}
@layer responsive{
@media (max-width:760px){

.crumb-menu{
max-width:min(330px,calc(100vw - 34px))!important;
}
}
}
@layer components{
@media (max-width:760px){
[data-modal="cart"].mini{
width:min(620px,calc(100vw - 28px))!important;
}
.cart-sheet{
padding:0 14px 16px!important;
}
}
@media (max-width:860px){
[data-modal="cart"]>.div-header{
padding:var(--space-4)!important;
}
}
}
@layer components{
@media (max-width:760px){
.modal.claim .claim-main.div-main{
padding:22px var(--modal-pad-x,24px) 24px!important;
}
}
}
@layer components{
@media (max-width:760px){
.auth-modal .auth-main{
padding:22px var(--modal-pad-x,24px) 24px!important;
}
}
}
@layer components{
@media (max-width:520px){
.modal-field.is-doc-field>select[data-auth-doc-type]{
width:98px!important;
}
.modal-field.is-doc-field>input:not([type="radio"]):not([type="checkbox"]){
padding-left:118px!important;
}
.modal-field.is-doc-field>label{
left:118px!important;
max-width:calc(100% - 132px)!important;
}
.modal-field.is-doc-field>input:focus+label,.modal-field.is-doc-field>input:not(:placeholder-shown)+label{
left:110px!important;
}
}
}
@layer responsive{
@media (max-width:520px){
.modal-field.is-doc-field>select[data-profile-doc-type]{
width:98px!important;
}
.modal-field.is-doc-field>select[data-profile-doc-type]+input:not([type="radio"]):not([type="checkbox"]){
padding-left:118px!important;
}
.modal-field.is-doc-field>select[data-profile-doc-type]+input+label{
left:118px!important;
max-width:calc(100% - 132px)!important;
}
.modal-field.is-doc-field>select[data-profile-doc-type]+input:focus+label,.modal-field.is-doc-field>select[data-profile-doc-type]+input:not(:placeholder-shown)+label{
left:110px!important;
}
}
}
@layer components{
@media (max-width:760px){
.profile-modal[data-modal-mobile-view="full"]{
--modal-pad-x:22px!important;
}
.profile-modal[data-modal-mobile-view="full"]>.div-header,.profile-modal[data-modal-mobile-view="full"]>.div-footer{
padding-right:var(--modal-pad-x)!important;
padding-left:var(--modal-pad-x)!important;
}
.profile-modal[data-modal-mobile-view="full"]>.profile-main.div-main,.profile-modal[data-modal-mobile-view="full"] .profile-main{
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
background:var(--c-surface)!important;
box-sizing:border-box!important;
overflow:auto!important;
overflow-x:hidden!important;
scrollbar-gutter:auto!important;
}
.profile-modal[data-modal-mobile-view="full"] .profile-shell{
display:block!important;
width:100%!important;
max-width:none!important;
min-height:0!important;
margin:0!important;
padding:0!important;
box-sizing:border-box!important;
}
.profile-modal[data-modal-mobile-view="full"] .profile-tabs{
position:relative!important;
top:auto!important;
z-index:2!important;
display:flex!important;
flex-direction:row!important;
flex-wrap:nowrap!important;
align-items:center!important;
gap:7px!important;
width:calc(100% - var(--modal-pad-x) * 2)!important;
max-width:none!important;
min-height:0!important;
margin:10px var(--modal-pad-x) 16px!important;
padding:var(--space-2)!important;
overflow-x:auto!important;
overflow-y:hidden!important;
scroll-snap-type:x proximity!important;
scrollbar-width:none!important;
-webkit-overflow-scrolling:touch!important;
border:0!important;
border-radius:0!important;
background:var(--c-surface)!important;
box-shadow:0 12px 30px rgb(var(--rgb-ink) / .08),0 1px 0 rgb(var(--rgb-surface) / .88) inset!important;
box-sizing:border-box!important;
}
.profile-modal[data-modal-mobile-view="full"] .profile-tabs::-webkit-scrollbar{
display:none!important;
}
.profile-modal[data-modal-mobile-view="full"] .profile-tabs>button{
flex:0 0 auto!important;
scroll-snap-align:start!important;
display:inline-grid!important;
grid-template-columns:17px minmax(0,auto) auto!important;
column-gap:6px!important;
align-items:center!important;
justify-content:center!important;
min-width:auto!important;
min-height:34px!important;
height:34px!important;
margin:0!important;
padding:0 var(--space-2-5)!important;
border:1px solid rgb(var(--rgb-line) / .12)!important;
border-radius:var(--radius-sm)!important;
background:var(--c-surface)!important;
color:var(--c-text-muted)!important;
box-shadow:none!important;
text-align:center!important;
white-space:nowrap!important;
transition:none!important;
}
.profile-modal[data-modal-mobile-view="full"] .profile-tabs>button.active{
border-color:rgb(var(--rgb-primary) / .18)!important;
background:var(--c-surface)!important;
color:var(--c-primary)!important;
box-shadow:0 8px 20px rgb(var(--rgb-ink) / .052)!important;
}
.profile-modal[data-modal-mobile-view="full"] .profile-tabs>button:hover:not(.active),.profile-modal[data-modal-mobile-view="full"] .profile-tabs>button:focus-visible:not(.active),.profile-modal[data-modal-mobile-view="full"] .profile-tabs>button:active:not(.active){
border-color:rgb(var(--rgb-line) / .12)!important;
background:var(--c-surface)!important;
color:var(--c-text-muted)!important;
box-shadow:none!important;
transform:none!important;
outline:0!important;
}
.profile-modal[data-modal-mobile-view="full"] .profile-tabs>button svg{
width:17px!important;
height:17px!important;
flex:0 0 17px!important;
}
.profile-modal[data-modal-mobile-view="full"] .profile-tabs>button span{
min-width:0!important;
overflow:visible!important;
color:currentColor!important;
font-size:var(--text-ui-sm)!important;
font-weight:700!important;
line-height:16px!important;
text-overflow:clip!important;
white-space:nowrap!important;
}
.profile-modal[data-modal-mobile-view="full"] .profile-tabs>button b{
min-width:19px!important;
height:18px!important;
padding:0 5px!important;
border-radius:var(--radius-3xs)!important;
background:var(--n-20)!important;
color:var(--n-50)!important;
font-size:var(--text-3xs)!important;
font-weight:800!important;
line-height:18px!important;
}
.profile-modal[data-modal-mobile-view="full"] .profile-panels{
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0 var(--modal-pad-x) 16px!important;
box-sizing:border-box!important;
}
.profile-modal[data-modal-mobile-view="full"] .profile-panel,.profile-modal[data-modal-mobile-view="full"] .profile-panel.active,.profile-modal[data-modal-mobile-view="full"] .profile-panel.active>form,.profile-modal[data-modal-mobile-view="full"] .profile-panel.active .modal-form-grid,.profile-modal[data-modal-mobile-view="full"] .profile-panel.active .grid2,.profile-modal[data-modal-mobile-view="full"] .profile-panel.active .address-top-grid,.profile-modal[data-modal-mobile-view="full"] .address-layout,.profile-modal[data-modal-mobile-view="full"] .address-form,.profile-modal[data-modal-mobile-view="full"] .history-toolbar,.profile-modal[data-modal-mobile-view="full"] .quotations-toolbar,.profile-modal[data-modal-mobile-view="full"] .history-list,.profile-modal[data-modal-mobile-view="full"] .seg.compact{
width:100%!important;
max-width:none!important;
margin-right:0!important;
margin-left:0!important;
padding-right:0!important;
padding-left:0!important;
box-sizing:border-box!important;
}
.profile-modal[data-modal-mobile-view="full"] .profile-panel.active{
gap:21px!important;
}
.profile-modal[data-modal-mobile-view="full"] [data-profile-panel="history"].active,.profile-modal[data-modal-mobile-view="full"] [data-profile-panel="quotations"].active{
gap:8px!important;
}
.profile-modal[data-modal-mobile-view="full"] .profile-panel.active>form,.profile-modal[data-modal-mobile-view="full"] .address-form{
gap:22px!important;
}
.profile-modal[data-modal-mobile-view="full"] .profile-panel.active .modal-form-grid,.profile-modal[data-modal-mobile-view="full"] .profile-panel.active .grid2.modal-form-grid{
gap:24px 14px!important;
}
.profile-modal[data-modal-mobile-view="full"] .history-toolbar{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
align-items:start!important;
gap:8px!important;
width:100%!important;
margin:0 0 4px!important;
padding:0!important;
}
.profile-modal[data-modal-mobile-view="full"] .history-status-choice,.profile-modal[data-modal-mobile-view="full"] .history-date-field{
width:100%!important;
min-width:0!important;
max-width:none!important;
margin:0!important;
}
.profile-modal[data-modal-mobile-view="full"] .history-date-field>input{
min-height:44px!important;
padding-right:42px!important;
}
.profile-modal[data-modal-mobile-view="full"] .history-markers .is-delivery{
display:none!important;
}
.profile-modal[data-modal-mobile-view="full"] .profile-subnav{
display:none!important;
}
.profile-modal[data-modal-mobile-view="full"] .profile-subnav.is-profile-dropdown-open:not([hidden]){
position:fixed!important;
top:var(--profile-subnav-top,118px)!important;
left:var(--profile-subnav-left,14px)!important;
z-index:calc(var(--modal-z) + 120)!important;
display:grid!important;
grid-template-columns:1fr!important;
gap:5px!important;
width:var(--profile-subnav-width,min(330px,calc(100vw - 28px)))!important;
max-height:min(320px,calc(100dvh - var(--profile-subnav-top,118px) - 18px))!important;
margin:0!important;
padding:var(--space-2)!important;
overflow:auto!important;
border:1px solid rgb(var(--rgb-line) / .16)!important;
border-radius:var(--radius-lg)!important;
background:rgb(var(--rgb-surface) / .98)!important;
box-shadow:0 22px 52px rgb(var(--rgb-ink) / .18),0 1px 0 rgb(var(--rgb-surface) / .88) inset!important;
-webkit-overflow-scrolling:touch!important;
overscroll-behavior:contain!important;
}
.profile-modal[data-modal-mobile-view="full"] .profile-subnav.is-profile-dropdown-open::before,.profile-modal[data-modal-mobile-view="full"] .profile-address-nav::before{
display:none!important;
}
.profile-modal[data-modal-mobile-view="full"] .profile-address-pick{
display:grid!important;
grid-template-columns:18px minmax(0,1fr) auto!important;
column-gap:8px!important;
align-items:center!important;
width:100%!important;
min-height:34px!important;
margin:0!important;
padding:6px 10px!important;
border:0!important;
border-radius:var(--radius-control)!important;
background:transparent!important;
color:var(--c-text-muted)!important;
box-shadow:none!important;
text-align:left!important;
}
.profile-modal[data-modal-mobile-view="full"] .profile-address-nav.active .profile-address-pick{
background:rgb(var(--rgb-primary) / .06)!important;
color:var(--c-primary)!important;
}
.profile-modal[data-modal-mobile-view="full"] .profile-address-nav:not(.active) .profile-address-pick:hover,.profile-modal[data-modal-mobile-view="full"] .profile-address-nav:not(.active) .profile-address-pick:focus-visible,.profile-modal[data-modal-mobile-view="full"] .profile-address-nav:not(.active) .profile-address-pick:active{
background:transparent!important;
color:var(--c-text-muted)!important;
box-shadow:none!important;
outline:0!important;
}
.profile-modal[data-modal-mobile-view="full"] .profile-address-pick strong{
color:inherit!important;
font-size:var(--text-ui-sm)!important;
font-weight:750!important;
line-height:15px!important;
}
.profile-modal[data-modal-mobile-view="full"] .profile-address-pick small{
color:var(--n-50)!important;
font-size:var(--text-2xs)!important;
line-height:13px!important;
}
.profile-modal[data-modal-mobile-view="full"] .profile-address-primary{
grid-column:3!important;
justify-self:end!important;
}
.profile-modal[data-modal-mobile-view="full"] .modal-field.has-counter>input:not([type="radio"]):not([type="checkbox"]){
padding-right:var(--space-3-5)!important;
}
.profile-modal[data-modal-mobile-view="full"] .modal-field-count{
display:none!important;
}
.profile-modal[data-modal-mobile-view="full"]>.profile-foot,.profile-modal[data-modal-mobile-view="full"]>.div-footer.profile-foot{
padding-top:var(--space-2)!important;
}

.profile-modal[data-modal-mobile-view="full"][data-profile-current-tab="history"] .profile-foot .modal-foot-left,.profile-modal[data-modal-mobile-view="full"][data-profile-current-tab="quotations"] .profile-foot .modal-foot-left{
display:none!important;
}
.profile-modal[data-modal-mobile-view="full"][data-profile-current-tab="history"] .profile-foot,.profile-modal[data-modal-mobile-view="full"][data-profile-current-tab="quotations"] .profile-foot{
gap:0!important;
min-height:0!important;
padding-top:0!important;
}
}
@media (max-width:420px){
.profile-modal[data-modal-mobile-view="full"]{
--modal-pad-x:18px!important;
}
.profile-modal[data-modal-mobile-view="full"] .profile-tabs{
gap:6px!important;
padding-top:var(--space-1-75)!important;
padding-bottom:var(--space-1-75)!important;
}
.profile-modal[data-modal-mobile-view="full"] .profile-tabs>button{
height:33px!important;
min-height:33px!important;
padding:0 9px!important;
}
}
}
@layer components{
@media (max-width:760px){
.history-toolbar{
grid-template-columns:minmax(0,1fr);
}
.history-status-choice{
width:100%;
}
}
}
@media (max-width:820px){
.history-order-summary{
grid-template-columns:1fr 1fr;
}
.profile-modal .history-card{
grid-template-columns:1fr;
}
.profile-modal .history-card>b{
text-align:left;
}
}
@layer components{
@media (max-width:820px){
.history-docs-choice{
width:100%;
}
}
}
@media (max-width:860px){
.checkout-payment-block{
width:100%;
}
.checkout-modal>.checkout-head,.checkout-modal .checkout-form,.checkout-foot{
padding-left:var(--space-5-5)!important;
padding-right:var(--space-5-5)!important;
}
.checkout-store-info{
padding-left:var(--space-3);
}
}
@layer components{
@media (max-width:640px){
.guide-modal .guide-tabs{
margin-inline:var(--modal-pad-x,24px);
gap:3px;
padding:3px;
}
.guide-modal .guide-tabs button{
min-height:32px;
padding:0 5px;
font-size:var(--text-compact);
}
}
}
@media (max-width:760px){
.guide-modal .guide-content.div-main{
padding-top:21px!important;
}
[data-modal="cart"] .cart-doc-total,[data-modal="cart"] .cart-doc-total.div-sticky{
padding-right:var(--modal-pad-x)!important;
}
}
@media (max-width:980px){
.checkout-layout,.checkout-main-col,.checkout-delivery-row,.checkout-address-fields,.checkout-contact-grid,.checkout-schedule-grid{
grid-template-columns:1fr!important;
max-width:none;
}
.checkout-main-col,.checkout-side-col,.checkout-delivery-block,.checkout-contact-block,.checkout-address-block,.checkout-schedule-block,.checkout-payment-block,.checkout-carrier-block,.checkout-schedule-grid>.modal-field,.checkout-schedule-grid>.checkout-choice{
grid-column:1/-1;
}
.checkout-side-col{
position:static;
}
.checkout-address-row,.checkout-payment-row{
grid-template-columns:1fr;
max-width:none;
}
.checkout-address-select .modal-choice-menu,.checkout-carrier-block .modal-choice-menu{
width:100%;
min-width:100%;
max-width:calc(100vw - 44px);
}
}
@layer responsive{
@media (max-width:560px){
.order-success-modal>.order-success-head{
padding:24px 22px 14px!important;
}
.order-success-main{
padding:6px 22px 22px!important;
}
.order-success-summary{
grid-template-columns:1fr;
}
.order-success-foot{
padding:14px 22px 24px!important;
}
}
}
@layer components{
.mobile-catalog-link{
display:none;
}
}
@layer responsive{
@media (max-width:860px){
.search-ai-orb,.query.has-ai-orb .search-ai-orb{
display:none!important;
width:0!important;
min-width:0!important;
height:0!important;
min-height:0!important;
margin:0!important;
padding:0!important;
opacity:0!important;
pointer-events:none!important;
transform:none!important;
animation:none!important;
filter:none!important;
}
.select{
flex:0 0 40px!important;
width:40px!important;
height:34px!important;
margin-right:8px!important;
border-radius:var(--radius-compact-xl)!important;
}
.select-main{
grid-template-columns:1fr!important;
place-items:center!important;
gap:0!important;
padding:0!important;
}
.select-main span,.select-main .select-chevron{
display:none!important;
}
.select-main .select-catalog-ico{
width:19px!important;
height:19px!important;
}
.mobile-catalog-link{
position:absolute;
top:calc(var(--search-top) + 64px)!important;
left:50%;
z-index:6;
display:flex;
align-items:center;
justify-content:flex-end;
gap:6px;
width:calc(100vw - 28px);
min-width:0;
height:30px;
margin:0;
padding:0 calc(var(--search-pad-x) + 8px) 0 0!important;
overflow:hidden;
color:var(--c-blue);
font-size:var(--text-sm);
font-weight:400;
line-height:var(--lh-solid);
white-space:nowrap;
opacity:0;
pointer-events:none;
transform:translate(-50%,3px);
transform-origin:right center;
transition:top .62s var(--ease-out),opacity .38s var(--ease-out),transform .42s var(--ease-out),max-width .34s var(--ease-out);
}
.site-ready .mobile-catalog-link{
opacity:1;
pointer-events:auto;
transform:translate(-50%,0);
transition-delay:.50s;
}
.mobile-catalog-link svg{
width:14px;
height:14px;
fill:currentColor;
stroke:none;
transform:translateY(-2px);
transform-origin:center;
}
.is-searching .mobile-catalog-link{
max-width:0;
opacity:0;
pointer-events:none;
transform:translate(-50%,-10px);
transition-delay:0s;
}
}
}
@layer responsive{
@media (max-width:860px){
.select-flyout{
display:none!important;
width:0!important;
max-width:0!important;
min-width:0!important;
opacity:0!important;
pointer-events:none!important;
}
.select-menu>button{
width:calc(100% - 28px)!important;
}
}
}
@layer responsive{
@media (max-width:760px){
.guide-modal .guide-tabs .is-short,.guide-modal.is-modal-fullscreen .guide-tabs .is-short,.guide-modal.is-modal-fullscreen-closing .guide-tabs .is-short{
display:inline!important;
}
.guide-modal .guide-tabs .is-full,.guide-modal.is-modal-fullscreen .guide-tabs .is-full,.guide-modal.is-modal-fullscreen-closing .guide-tabs .is-full{
display:none!important;
}
}
}
@media (max-width:860px){
.search{
--catalog-mobile-surface:var(--c-surface);
--catalog-mobile-border:rgb(var(--rgb-line) / .18);
--catalog-mobile-border-soft:rgb(var(--rgb-line) / .08);
--catalog-mobile-shadow:0 22px 42px rgb(var(--rgb-ink) / .11),0 1px 6px rgb(var(--rgb-ink) / .055);
--catalog-mobile-parent-bg:rgb(var(--rgb-primary) / .055);
--catalog-mobile-child-border:var(--catalog-mobile-parent-bg);
}
.select.open{
z-index:3!important;
}
body.is-catalog-menu-open .search,
body.is-catalog-menu-open .hero-search.search{
border-color:var(--catalog-mobile-border)!important;
border-bottom-color:transparent!important;
border-bottom-right-radius:0!important;
border-bottom-left-radius:0!important;
background:var(--catalog-mobile-surface)!important;
box-shadow:var(--catalog-mobile-shadow)!important;
}
.select-menu{
--catalog-mobile-menu-top:max(112px,calc(env(safe-area-inset-top,0px) + 92px));
position:absolute!important;
top:calc(100% + var(--search-pad-y) - .5px)!important;
right:auto!important;
bottom:auto!important;
left:calc(var(--search-pad-x) * -1)!important;
z-index:-1!important;
width:calc(100vw - 28px)!important;
max-width:calc(100vw - 28px)!important;
height:min(90svh,calc(100svh - var(--search-top) - 64px))!important;
min-height:min(460px,calc(100svh - var(--search-top) - 64px))!important;
max-height:min(90svh,calc(100svh - var(--search-top) - 64px))!important;
margin:0!important;
padding:14px 0 18px!important;
overflow-y:auto!important;
overscroll-behavior:contain!important;
-webkit-overflow-scrolling:touch;
border-color:var(--catalog-mobile-border)!important;
border-top:0!important;
border-bottom-color:var(--catalog-mobile-border-soft)!important;
border-radius:0 0 20px 20px!important;
background:var(--catalog-mobile-surface)!important;
box-sizing:border-box!important;
box-shadow:var(--catalog-mobile-shadow)!important;
opacity:0!important;
pointer-events:none!important;
clip-path:inset(0 0 100% 0 round 0 0 20px 20px)!important;
transform:translate3d(0,-8px,0) scaleY(.985)!important;
transform-origin:top center!important;
transition:clip-path .30s cubic-bezier(.22,.75,.24,1),opacity .18s ease,transform .30s cubic-bezier(.22,.75,.24,1),box-shadow .18s ease!important;
will-change:clip-path,opacity,transform!important;
}
.select.open .select-menu{
opacity:1!important;
pointer-events:auto!important;
clip-path:inset(0 0 0 0 round 0 0 20px 20px)!important;
transform:translate3d(0,0,0) scaleY(1)!important;
}
.select.is-mobile-catalog-closing .select-menu{
opacity:0!important;
pointer-events:none!important;
clip-path:inset(0 0 100% 0 round 0 0 20px 20px)!important;
transform:translate3d(0,-6px,0) scaleY(.988)!important;
}
.select-menu>[data-category-option]{
width:calc(100% - 28px)!important;
margin-inline:14px!important;
opacity:0!important;
transform:translateY(-4px)!important;
transition:opacity .22s ease,transform .28s cubic-bezier(.19,1,.22,1)!important;
}
.select.open .select-menu>[data-category-option],.select.open .select-mobile-submenu{
opacity:1!important;
transform:none!important;
}
.select-menu>[data-category-option]:not([data-root-category]){
font-weight:400!important;
}
.select-menu [data-root-category]{
min-height:42px!important;
grid-template-columns:22px minmax(0,1fr) max-content!important;
column-gap:8px!important;
padding-right:var(--space-2-5)!important;
}
.select-menu [data-root-category]>.root-cat-ico{
grid-column:1!important;
}
.select-menu [data-root-category]>span{
grid-column:2!important;
display:block!important;
min-width:0!important;
max-width:none!important;
}
.select-menu [data-root-category]>small{
grid-column:3!important;
justify-self:end!important;
flex:0 0 auto!important;
}
.select-menu [data-root-category].is-mobile-expanded{
margin-bottom:0!important;
border:.5px solid var(--catalog-mobile-child-border)!important;
border-bottom:0!important;
border-radius:10px 10px 0 0!important;
color:var(--c-blue)!important;
background:var(--catalog-mobile-parent-bg)!important;
}
.select-menu [data-category-option]::after,.select-mobile-submenu [data-category-option]::after,.select-mobile-submenu>button[data-category-option]::after{
content:none!important;
display:none!important;
}
.select-menu [data-category-option]:hover,
.select-menu [data-category-option]:focus-visible,
.select-menu [data-category-option]:active{
outline:0!important;
transform:none!important;
}
.select-menu [data-category-option]:not(.active):not(.is-mobile-expanded):hover,
.select-menu [data-category-option]:not(.active):not(.is-mobile-expanded):focus-visible,
.select-menu [data-category-option]:not(.active):not(.is-mobile-expanded):active{
color:var(--n-80)!important;
background:transparent!important;
box-shadow:none!important;
}
.select-menu [data-category-option]:not(.active):not(.is-mobile-expanded):hover span,
.select-menu [data-category-option]:not(.active):not(.is-mobile-expanded):focus-visible span,
.select-menu [data-category-option]:not(.active):not(.is-mobile-expanded):active span{
color:inherit!important;
}
.select-menu [data-category-option]:not(.active):not(.is-mobile-expanded):hover small,
.select-menu [data-category-option]:not(.active):not(.is-mobile-expanded):focus-visible small,
.select-menu [data-category-option]:not(.active):not(.is-mobile-expanded):active small{
color:var(--n-46)!important;
font-weight:420!important;
}
.select-menu [data-root-category]:not(.active):not(.is-mobile-expanded):hover .root-cat-ico,
.select-menu [data-root-category]:not(.active):not(.is-mobile-expanded):focus-visible .root-cat-ico,
.select-menu [data-root-category]:not(.active):not(.is-mobile-expanded):active .root-cat-ico{
opacity:.84!important;
}
.select-mobile-submenu{
display:grid;
gap:0!important;
width:calc(100% - 28px)!important;
margin:0 14px 9px!important;
padding:0!important;
overflow:hidden!important;
border:.5px solid var(--catalog-mobile-child-border)!important;
border-top:0!important;
border-radius:0 0 13px 13px!important;
background:transparent!important;
box-shadow:none!important;
}
.select-mobile-submenu-title{
display:none!important;
}
.select-mobile-submenu [data-category-option],.select-mobile-submenu>button[data-category-option]{
display:grid!important;
position:relative!important;
grid-template-columns:minmax(0,1fr) 52px!important;
align-items:center!important;
justify-content:stretch!important;
column-gap:0!important;
width:100%!important;
inline-size:100%!important;
min-width:100%!important;
max-width:none!important;
min-height:32px!important;
margin:0!important;
padding:5px 0 5px 12px!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-sizing:border-box!important;
box-shadow:none!important;
transform:none!important;
transition:none!important;
}
.select-mobile-submenu [data-category-option]::before,.select-mobile-submenu>button[data-category-option]::before{
content:""!important;
position:absolute!important;
right:0!important;
bottom:0!important;
left:0!important;
height:.5px!important;
background:var(--catalog-mobile-child-border)!important;
pointer-events:none!important;
}
.select-mobile-submenu [data-category-option]:last-child::before,.select-mobile-submenu>button[data-category-option]:last-child::before{
content:none!important;
display:none!important;
}
.select-mobile-submenu [data-category-option]>.flyout-radio,.select-mobile-submenu>button[data-category-option]>.flyout-radio{
display:none!important;
flex:0 0 0!important;
width:0!important;
min-width:0!important;
height:0!important;
margin:0!important;
opacity:0!important;
pointer-events:none!important;
}
.select-mobile-submenu [data-category-option].has-thumb,.select-mobile-submenu>button[data-category-option].has-thumb{
grid-template-columns:34px minmax(0,1fr) 52px!important;
min-height:44px!important;
padding-left:var(--space-2)!important;
}
.select-mobile-submenu [data-category-option].has-thumb>.category-option-thumb,.select-mobile-submenu>button[data-category-option].has-thumb>.category-option-thumb{
grid-column:1!important;
}
.select-mobile-submenu [data-category-option].has-thumb>span:not(.radio-ui),.select-mobile-submenu>button[data-category-option].has-thumb>span:not(.radio-ui){
grid-column:2!important;
}
.select-mobile-submenu [data-category-option].has-thumb>small,.select-mobile-submenu>button[data-category-option].has-thumb>small{
grid-column:3!important;
}
.select-mobile-submenu [data-category-option]>span:not(.radio-ui),.select-mobile-submenu>button[data-category-option]>span:not(.radio-ui){
display:block!important;
grid-column:1!important;
width:100%!important;
min-width:0!important;
max-width:none!important;
overflow:hidden!important;
white-space:nowrap!important;
text-overflow:ellipsis!important;
font-size:var(--text-sm)!important;
line-height:15px!important;
}
.select-mobile-submenu [data-category-option]>small,.select-mobile-submenu>button[data-category-option]>small{
display:inline-grid!important;
place-items:center!important;
grid-column:2!important;
justify-self:end!important;
width:52px!important;
min-width:52px!important;
max-width:52px!important;
height:17px!important;
margin:0!important;
padding:0 5px!important;
border-radius:var(--radius-3xs)!important;
opacity:.38!important;
font-size:var(--text-micro-lg)!important;
line-height:17px!important;
}
.select-mobile-submenu [data-category-option].active,.select-mobile-submenu>button[data-category-option].active{
color:var(--c-blue)!important;
background:rgb(var(--rgb-primary) / .045)!important;
}
.select-mobile-submenu [data-category-option].active small,.select-mobile-submenu>button[data-category-option].active small{
opacity:.48!important;
}
.select-mobile-submenu [data-category-option]:hover:not(.active),.select-mobile-submenu [data-category-option]:focus-visible:not(.active),.select-mobile-submenu [data-category-option]:active:not(.active),.select-mobile-submenu>button[data-category-option]:hover:not(.active),.select-mobile-submenu>button[data-category-option]:focus-visible:not(.active),.select-mobile-submenu>button[data-category-option]:active:not(.active){
color:var(--n-80)!important;
background:transparent!important;
outline:0!important;
}
.select-mobile-submenu [data-category-option]:hover:not(.active) small,.select-mobile-submenu [data-category-option]:focus-visible:not(.active) small,.select-mobile-submenu [data-category-option]:active:not(.active) small,.select-mobile-submenu>button[data-category-option]:hover:not(.active) small,.select-mobile-submenu>button[data-category-option]:focus-visible:not(.active) small,.select-mobile-submenu>button[data-category-option]:active:not(.active) small{
opacity:.38!important;
}
}


@layer responsive{
@media (max-width:860px){
.select.open:not(.has-mobile-submenu) .select-menu{
height:auto!important;
min-height:0!important;
max-height:min(74svh,calc(100svh - var(--search-top) - 84px))!important;
padding-bottom:var(--space-3-5)!important;
transition:max-height .26s cubic-bezier(.2,.82,.2,1),box-shadow .22s ease!important;
}
.select.open.has-mobile-submenu .select-menu{
height:min(90svh,calc(100svh - var(--search-top) - 64px))!important;
min-height:min(460px,calc(100svh - var(--search-top) - 64px))!important;
max-height:min(90svh,calc(100svh - var(--search-top) - 64px))!important;
transition:height .28s cubic-bezier(.2,.82,.2,1),min-height .28s cubic-bezier(.2,.82,.2,1),max-height .28s cubic-bezier(.2,.82,.2,1),box-shadow .22s ease!important;
}
}
}
@layer responsive{
@media (max-width:760px){
.results:not([hidden]){
width:100%!important;
max-width:100%!important;
min-width:0!important;
overflow:hidden!important;
}
.result-body{
width:100%!important;
max-width:100%!important;
min-width:0!important;
min-height:120px!important;
overflow:hidden!important;
}
.product-table{
width:100%!important;
max-width:100%!important;
min-width:0!important;
table-layout:fixed!important;
overflow:hidden!important;
}
.product-table>*{
max-width:100%!important;
}
.product-head{
display:none;
grid-template-columns:minmax(0,1fr) 70px 90px!important;
align-items:center!important;
width:100%!important;
min-width:0!important;
min-height:28px!important;
padding:5px 10px!important;
column-gap:6px!important;
}
.product-head>span:nth-last-child(4),.product-head>span:last-child,.product-head.has-feature-cols>span:not(:first-child):not(:nth-last-child(2)),.product-feature-cell,.product-stock,.product-actions-group,.product-row.in-cart .product-actions-group{
display:none!important;
}
.product-row{
grid-template-columns:minmax(0,1fr) auto auto!important;
align-items:center!important;
width:100%!important;
min-width:0!important;
min-height:42px!important;
padding:5px 8px!important;
column-gap:4px!important;
row-gap:0!important;
}
.product-main{
grid-column:1!important;
align-self:center!important;
width:100%!important;
min-width:0!important;
max-width:none!important;
}
.product-title,.product-title.product-title-link{
display:block!important;
width:100%!important;
max-width:none!important;
min-width:0!important;
font-size:var(--text-sm)!important;
line-height:1.18!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.product-feature-cell{
min-width:0!important;
font-size:var(--text-2xs)!important;
line-height:1.1!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
opacity:.82!important;
}
.product-price{
grid-column:2!important;
justify-content:flex-end!important;
justify-self:end!important;
width:100%!important;
min-width:0!important;
max-width:70px!important;
margin-left:0!important;
}
.price-card{
width:62px!important;
min-width:62px!important;
height:28px!important;
min-height:28px!important;
padding:2px 4px!important;
border:0!important;
border-radius:var(--radius-sm)!important;
overflow:hidden!important;
}
.price-card>span{
display:inline-flex!important;
width:auto!important;
min-width:max-content!important;
grid-template-columns:18px minmax(0,1fr)!important;
justify-content:flex-end!important;
align-items:baseline!important;
gap:2px!important;
}
.price-card small,.price-card small::before{
display:none!important;
}
.price-card.quote,.price-tag.quote{
width:78px!important;
min-width:78px!important;
font-size:var(--text-compact)!important;
text-align:right!important;
}
.qty{
grid-column:3!important;
justify-self:end!important;
flex:0 0 auto!important;
width:90px!important;
height:28px!important;
grid-template-columns:24px 36px 24px!important;
gap:2px!important;
margin-left:0!important;
border-radius:var(--radius-sm)!important;
background:rgb(var(--rgb-surface) / .72)!important;
}
.qty button,.qty input{
height:24px!important;
border-radius:var(--radius-xs)!important;
}
.qty button{
width:24px!important;
}
.qty button svg{
width:12px!important;
height:12px!important;
}
.qty input{
width:36px!important;
font-size:var(--text-ui-sm)!important;
line-height:1!important;
}
.product-group{
min-height:30px!important;
padding:5px 10px!important;
font-size:var(--text-micro)!important;
letter-spacing:.08em!important;
}
}
}
@layer responsive{
@media (max-width:760px){
.tool-row.is-ready{
display:grid!important;
grid-template-columns:minmax(0,1fr)!important;
gap:6px!important;
width:100%!important;
overflow:visible!important;
padding-bottom:0!important;
}
.tool-row.is-ready>.tool-left,.tool-row.is-ready>.tool-right{
position:relative!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
gap:0!important;
width:100%!important;
min-width:0!important;
margin:0!important;
overflow:visible!important;
}
.tool-row.is-ready>.tool-left{
z-index:40!important;
}
.tool-row.is-ready>.tool-right{
z-index:20!important;
}
.tool-row.is-ready .filter-dd.pseudo-select{
width:100%!important;
min-width:0!important;
margin:0!important;
overflow:visible!important;
}
.tool-row.is-ready .tool-filter-group{
display:contents!important;
}
.tool-row.is-ready .filter-dd[data-filter-dd="price"],.tool-row.is-ready .filter-dd[data-filter-dd="stock"],.tool-row.is-ready .tool-help{
display:none!important;
}
.tool-row.is-ready .filter-dd[data-filter-dd="columns"]{
display:none!important;
}
.tool-row.is-ready>.tool-left.is-mobile-control-single>.filter-dd.pseudo-select{
grid-column:1!important;
}
.tool-row.is-ready>.tool-right.is-mobile-control-single>.filter-dd.pseudo-select{
grid-column:2!important;
}
.tool-row.is-ready .filter-dd.pseudo-select.open .filter-trigger{
border-bottom-right-radius:0!important;
border-bottom-left-radius:0!important;
}
.tool-row.is-ready .filter-trigger{
min-height:34px!important;
padding-right:var(--space-2)!important;
padding-left:var(--space-2-25)!important;
font-size:var(--text-xs)!important;
}
.tool-row.is-ready .filter-trigger-icon,.tool-row.is-ready .filter-chevron{
width:14px!important;
height:14px!important;
}
.tool-row.is-ready.is-mobile-single-row,.tool-row.is-ready.is-mobile-cross-pair{
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
gap:0!important;
}
.tool-row.is-ready.is-mobile-single-row>.tool-left,.tool-row.is-ready.is-mobile-single-row>.tool-right,.tool-row.is-ready.is-mobile-cross-pair>.tool-left,.tool-row.is-ready.is-mobile-cross-pair>.tool-right{
display:contents!important;
}
.tool-row.is-ready .filter-pop{
width:100%!important;
min-width:100%!important;
top:calc(100% - .5px)!important;
z-index:95!important;
max-height:min(356px,calc(100svh - var(--search-tools-active-top) - 72px))!important;
}
.tool-help{
display:none!important;
}
.price-card em{
font-size:var(--text-2xs)!important;
line-height:1!important;
letter-spacing:-.03em!important;
}
.price-card b{
font-size:var(--text-sm)!important;
line-height:1!important;
letter-spacing:-.035em!important;
}
}
}
@layer responsive{
@media (max-width:760px){
.price-card,.price-card.quote,.price-tag.quote{
width:auto!important;
min-width:0!important;
max-width:none!important;
padding-right:2px!important;
padding-left:2px!important;
background:transparent!important;
}
}
@media (max-width:380px){
.product-row{
grid-template-columns:minmax(0,1fr) 66px 84px!important;
padding-right:var(--space-1-75)!important;
padding-left:var(--space-1-75)!important;
column-gap:3px!important;
}
.product-price{
max-width:66px!important;
}
.qty{
width:84px!important;
grid-template-columns:22px 34px 22px!important;
}
}
}
@layer responsive{
@media (max-width:760px){
.tool-row.is-ready>.tool-left:has(.filter-dd.open){
z-index:80!important;
}
.tool-row.is-ready>.tool-right:has(.filter-dd.open){
z-index:70!important;
}
.tool-row.is-ready .filter-dd.pseudo-select.open{
z-index:90!important;
}
[data-modal="cart"] .cart-grid-head{
display:none!important;
}
[data-modal="cart"] .cart-grid-row{
gap:5px!important;
}
[data-modal="cart"] .cart-product span{
display:none!important;
}
[data-modal="cart"] .cart-price-cell{
width:auto!important;
min-width:0!important;
max-width:none!important;
padding:0!important;
justify-self:end!important;
}
[data-modal="cart"] .cart-price-cell .cart-money,[data-modal="cart"] .cart-price-cell .cart-money span,[data-modal="cart"] .cart-price-cell .cart-money b{
min-width:0!important;
width:auto!important;
}
[data-modal="cart"] .cart-price-cell .cart-money{
display:inline-flex!important;
align-items:baseline!important;
justify-content:flex-end!important;
gap:2px!important;
padding:0!important;
white-space:nowrap!important;
}
[data-modal="cart"] .cart-price-cell .cart-money span{
font-size:var(--text-3xs)!important;
text-align:right!important;
}
[data-modal="cart"] .cart-price-cell .cart-money b{
font-size:var(--text-ui-sm)!important;
text-align:right!important;
}
[data-modal="cart"] .cart-row-remove{
justify-self:end!important;
width:26px!important;
min-width:26px!important;
height:30px!important;
min-height:30px!important;
margin:0!important;
}
[data-modal="cart"] .cart-row-remove svg{
width:15px!important;
height:15px!important;
}
}
@media (max-width:380px){
[data-modal="cart"] .cart-grid-row{
gap:4px!important;
}
}
}
@layer responsive{
@media (max-width:860px){
.is-searching .hero-logo,body[data-site-route="inicio"].is-searching .hero-logo,.catalog-route .hero-logo{
top:36px!important;
}
}
}
@layer responsive{
@media (max-width:760px){
.is-searching .results:not([hidden]){
width:calc(100vw - 28px)!important;
margin-right:auto!important;
margin-left:auto!important;
overflow:hidden!important;
}
.result-body,.product-table,.product-table>.product-row,.product-table>.product-head{
width:100%!important;
max-width:none!important;
min-width:0!important;
box-sizing:border-box!important;
}
.product-group,.product-table .product-group{
padding-right:var(--space-2)!important;
padding-left:var(--space-2)!important;
}
.product-table>.product-row,.product-table>.product-row.no-feature-cols,.product-table>.product-row.has-feature-cols{
position:relative!important;
display:block!important;
min-height:40px!important;
width:100%!important;
padding:5px 154px 5px 8px!important;
border-bottom:.5px solid rgb(var(--rgb-line) / .10)!important;
overflow:hidden!important;
}
.product-table>.product-row .product-main{
display:block!important;
width:100%!important;
min-width:0!important;
max-width:none!important;
padding:0!important;
margin:0!important;
}
.product-table>.product-row .product-title,.product-table>.product-row .product-title.product-title-link,.catalog-route .product-table>.product-row .product-title.product-title-link{
display:block!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
line-height:30px!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.product-table>.product-row .product-price{
position:absolute!important;
top:50%!important;
right:95px!important;
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
width:48px!important;
min-width:0!important;
margin:0!important;
transform:translateY(-50%)!important;
}
.product-table>.product-row .qty{
position:absolute!important;
top:50%!important;
right:6px!important;
width:82px!important;
min-width:82px!important;
margin:0!important;
grid-template-columns:22px 32px 22px!important;
transform:translateY(-50%)!important;
}
.product-table>.product-row:hover,.product-table>.product-row.is-row-active,.product-table>.product-row.qty-live{
--price-note-row-mask:var(--c-surface)!important;
background:transparent!important;
box-shadow:none!important;
}
.product-table>.product-row:hover .qty,.product-table>.product-row:hover .qty input,.product-table>.product-row.is-row-active .qty,.product-table>.product-row.is-row-active .qty input,.product-table>.product-row.qty-live .qty,.product-table>.product-row.qty-live .qty input{
background:var(--c-surface)!important;
}
.product-table>.product-row:hover .price-card small::before,.product-table>.product-row.is-row-active .price-card small::before,.product-table>.product-row.qty-live .price-card small::before{
background:var(--c-surface)!important;
}
.product-table>.product-row.is-row-active .product-title,.product-table>.product-row .product-title:hover,.product-table>.product-row .product-title:focus-visible,.catalog-route .product-table>.product-row .product-title.product-title-link:hover,.catalog-route .product-table>.product-row .product-title.product-title-link:focus-visible{
color:var(--site-ink-main,var(--c-ink))!important;
text-decoration:none!important;
outline:none!important;

text-decoration-color:var(--c-link-hover);}
.product-table>.product-row .product-feature-cell,.product-table>.product-row .product-stock,.product-table>.product-row .product-actions-group,.product-table>.product-row.in-cart .product-actions-group{
display:none!important;
width:0!important;
min-width:0!important;
max-width:0!important;
padding:0!important;
margin:0!important;
overflow:hidden!important;
}
.product-table>.product-row .price-card,.product-table>.product-row .price-card.quote,.product-table>.product-row .price-tag.quote{
width:auto!important;
min-width:0!important;
max-width:48px!important;
padding:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
.product-table>.product-row .price-card>span{
display:inline-flex!important;
align-items:baseline!important;
justify-content:flex-end!important;
gap:2px!important;
width:auto!important;
min-width:0!important;
}
}
}
@layer responsive{
@media (hover:none),(pointer:coarse){
html,body,a,button,input,select,textarea,label,[role="button"],[tabindex],[data-site-chrome],[data-site-chrome] *,.top,.top *,#site-menu,#site-menu *,.modal,.modal *{
-webkit-tap-highlight-color:transparent!important;
}
button,a,[role="button"],.top .round,.top .auth-link,.top .menu-button,.modal-head-btn,[data-modal-close],#site-menu .side-head .side-cabinet-link,#site-menu .side-head .side-close-btn,#site-menu .side-cat-row,#site-menu .side-cat-row button,#site-menu .side-terms>button,#site-menu .side-terms>a,#site-menu .side-social--foot a{
-webkit-touch-callout:none!important;
}
.round:hover,.auth-link:hover,.icon-btn:hover,.icon-btn.ghost:hover,.icon-btn.remove:hover,.filter-choice:hover,.filter-trigger:hover,.product-row:hover,.product-table .product-title:hover,.price-card:hover,.qty button:hover,#site-menu .side-cat-row:hover,#site-menu .side-cat-row button:hover,#site-menu .side-head .side-cabinet-link:hover,#site-menu .side-head .side-close-btn:hover,.profile-modal .profile-tabs>button:hover{
transform:none!important;
text-decoration:none!important;
}
.top .round,.top .round.fill,.top .auth-link,.top .menu-button,#site-menu .side-head .side-cabinet-link,#site-menu .side-head .side-close-btn,#site-menu .side-cat-row,#site-menu .side-cat-row button,#site-menu .side-terms>button,#site-menu .side-terms>a,#site-menu .side-social--foot a{
transition:none!important;
animation:none!important;
}
.top .round:hover,.top .round.fill:hover,.top .auth-link:hover,.top .menu-button:hover,.top .round:focus,.top .round.fill:focus,.top .auth-link:focus,.top .menu-button:focus,.top .round:focus-visible,.top .round.fill:focus-visible,.top .auth-link:focus-visible,.top .menu-button:focus-visible,.top .round:active,.top .round.fill:active,.top .auth-link:active,.top .menu-button:active{
color:var(--c-blue)!important;
background:transparent!important;
box-shadow:none!important;
transform:none!important;
opacity:1!important;
}
.top .round:hover::before,.top .round:hover::after,.top .round:focus::before,.top .round:focus::after,.top .round:focus-visible::before,.top .round:focus-visible::after,.top .round:active::before,.top .round:active::after,.top .auth-link:hover::before,.top .auth-link:hover::after,.top .auth-link:focus::before,.top .auth-link:focus::after,.top .auth-link:focus-visible::before,.top .auth-link:focus-visible::after,.top .menu-button:hover::before,.top .menu-button:hover::after,.top .menu-button:focus::before,.top .menu-button:focus::after,.top .menu-button:focus-visible::before,.top .menu-button:focus-visible::after{
opacity:0!important;
transform:none!important;
}
#site-menu .side-head .side-cabinet-link:hover,#site-menu .side-head .side-cabinet-link:focus,#site-menu .side-head .side-cabinet-link:focus-visible,#site-menu .side-head .side-cabinet-link:active{
color:var(--n-48)!important;
background:transparent!important;
box-shadow:none!important;
transform:none!important;
outline:0!important;
}
#site-menu .side-head .side-close-btn:hover,#site-menu .side-head .side-close-btn:focus,#site-menu .side-head .side-close-btn:focus-visible,#site-menu .side-head .side-close-btn:active{
color:var(--n-70)!important;
background:transparent!important;
box-shadow:none!important;
transform:none!important;
outline:0!important;
}
#site-menu .side-cat-row:hover,#site-menu .side-cat-row:focus-within{
background:var(--c-surface)!important;
box-shadow:none!important;
transform:none!important;
}
#site-menu .side-cat-row button:hover,#site-menu .side-cat-row button:focus,#site-menu .side-cat-row button:focus-visible,#site-menu .side-cat-row button:active,#site-menu .side-cat-link:hover,#site-menu .side-cat-link:focus,#site-menu .side-cat-link:focus-visible,#site-menu .side-cat-link:active{
color:var(--c-blue)!important;
background:transparent!important;
box-shadow:none!important;
transform:none!important;
outline:0!important;
}
#site-menu .side-terms>button:hover,#site-menu .side-terms>button:focus,#site-menu .side-terms>button:focus-visible,#site-menu .side-terms>button:active,#site-menu .side-terms>a:hover,#site-menu .side-terms>a:focus,#site-menu .side-terms>a:focus-visible,#site-menu .side-terms>a:active{
color:var(--c-ink)!important;
background:transparent!important;
box-shadow:none!important;
transform:none!important;
outline:0!important;
}
#site-menu .side-social--foot a:hover,#site-menu .side-social--foot a:focus,#site-menu .side-social--foot a:focus-visible,#site-menu .side-social--foot a:active{
color:var(--c-link-hover)!important;
background:transparent!important;
box-shadow:none!important;
transform:none!important;
outline:0!important;
}
#site-menu .side-cat-row button:hover svg,#site-menu .side-cat-row button:focus svg,#site-menu .side-cat-row button:focus-visible svg,#site-menu .side-cat-row button:active svg,#site-menu .side-head .side-close-btn:hover svg,#site-menu .side-head .side-close-btn:focus svg,#site-menu .side-head .side-close-btn:focus-visible svg,#site-menu .side-head .side-close-btn:active svg,#site-menu .side-head .side-close-btn.is-spinning svg{
transform:none!important;
animation:none!important;
}
}
}
@layer responsive{
@media (max-width:760px){
:root{
--search-active-top:78px;
--search-tools-active-top:142px;
--search-results-offset:188px;
}
.is-searching .hero-logo,body[data-site-route="inicio"].is-searching .hero-logo,.catalog-route .hero-logo{
top:44px!important;
}
body.is-searching::before{
height:calc(var(--search-active-top) + 230px)!important;
}
.search-tools,.tool-row{
max-width:100%!important;
min-width:0!important;
overflow:visible!important;
overflow-x:visible!important;
overflow-y:visible!important;
}
.tool-row.is-loading,.tool-row.is-loading>.tool-left,.tool-row.is-loading>.tool-right,.tool-row.is-loading .tools-skeleton{
max-width:100%!important;
min-width:0!important;
overflow:hidden!important;
overflow-x:hidden!important;
overflow-y:hidden!important;
}
.tool-row.is-loading{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
gap:0!important;
width:100%!important;
}
.tool-row.is-loading>.tool-left,.tool-row.is-loading>.tool-right{
display:block!important;
width:100%!important;
min-width:0!important;
margin:0!important;
}
.tool-row.is-loading>.tool-left .filter-skeleton{
border-radius:var(--radius-sm) 0 0 var(--radius-sm)!important;
}
.tool-row.is-loading>.tool-right .filter-skeleton{
margin-left:-.5px!important;
border-radius:0 var(--radius-sm) var(--radius-sm) 0!important;
}
.tool-row.is-loading .filter-skeleton{
width:100%!important;
min-width:0!important;
max-width:none!important;
}
}
@media (max-width:380px){
.product-table>.product-row,.product-table>.product-row.no-feature-cols,.product-table>.product-row.has-feature-cols{
padding-right:147px!important;
padding-left:var(--space-1-75)!important;
}
.product-table>.product-row .product-price{
right:94px!important;
width:42px!important;
}
.product-table>.product-row .qty{
right:5px!important;
width:78px!important;
min-width:78px!important;
grid-template-columns:21px 30px 21px!important;
}
}
}
@media (max-width:760px){
body [data-modal="cart"] .cart-grid{
display:grid!important;
gap:8px!important;
overflow:visible!important;
padding:8px 8px 2px!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
}
body [data-modal="cart"] .cart-grid-head{
display:none!important;
}
body [data-modal="cart"] .cart-grid-row{
display:grid!important;
grid-template-columns:minmax(0,1fr) 90px 28px!important;
grid-template-rows:32px 32px!important;
align-items:start!important;
column-gap:6px!important;
row-gap:4px!important;
min-height:82px!important;
padding:10px 10px 11px!important;
border:.5px solid rgb(var(--rgb-line) / .14)!important;
border-radius:var(--radius-md)!important;
background:var(--c-surface)!important;
box-sizing:border-box!important;
box-shadow:0 8px 18px rgb(var(--rgb-ink) / .035)!important;
}
body [data-modal="cart"] .cart-grid-row:hover{
background:var(--c-surface)!important;
}
body [data-modal="cart"] .cart-product{
grid-column:1!important;
grid-row:1/3!important;
align-self:start!important;
min-width:0!important;
width:100%!important;
padding:1px 2px 0 0!important;
gap:0!important;
}
body [data-modal="cart"] .cart-product-open{
display:-webkit-box!important;
width:100%!important;
min-width:0!important;
max-width:none!important;
min-height:31px!important;
padding-top:1px!important;
white-space:normal!important;
overflow:hidden!important;
text-overflow:clip!important;
-webkit-box-orient:vertical!important;
-webkit-line-clamp:2!important;
color:var(--n-82)!important;
font-size:12.8px!important;
line-height:1.23!important;
font-weight:var(--w-medium)!important;
text-align:left!important;
}
body [data-modal="cart"] .cart-product span,body [data-modal="cart"] .cart-price-cell{
display:none!important;
visibility:hidden!important;
width:0!important;
min-width:0!important;
max-width:0!important;
height:0!important;
min-height:0!important;
max-height:0!important;
padding:0!important;
margin:0!important;
overflow:hidden!important;
pointer-events:none!important;
}
body [data-modal="cart"] .cart-qty.qty{
grid-column:2!important;
grid-row:1!important;
justify-self:stretch!important;
align-self:start!important;
width:90px!important;
min-width:90px!important;
max-width:90px!important;
height:32px!important;
grid-template-columns:24px 34px 24px!important;
gap:2px!important;
margin:0!important;
padding:1px!important;
border:.5px solid rgb(var(--rgb-line) / .18)!important;
border-radius:var(--radius-sm)!important;
background:var(--c-surface)!important;
box-sizing:border-box!important;
}
body [data-modal="cart"] .cart-qty.qty button,body [data-modal="cart"] .cart-qty.qty input{
height:28px!important;
min-height:0!important;
border-radius:var(--radius-xs)!important;
}
body [data-modal="cart"] .cart-qty.qty button{
width:24px!important;
}
body [data-modal="cart"] .cart-qty.qty input{
width:34px!important;
font-size:var(--text-ui-sm)!important;
line-height:28px!important;
}
body [data-modal="cart"] .cart-row-total,body [data-modal="cart"] .cart-total-cell{
grid-column:2!important;
grid-row:2!important;
display:flex!important;
justify-self:stretch!important;
align-self:start!important;
width:90px!important;
min-width:90px!important;
max-width:90px!important;
height:32px!important;
min-height:32px!important;
padding:0!important;
margin:0!important;
border:.5px solid rgb(var(--rgb-line) / .18)!important;
border-radius:var(--radius-sm)!important;
background:var(--c-surface)!important;
color:var(--c-blue)!important;
font-size:12.2px!important;
font-weight:var(--w-medium)!important;
line-height:1!important;
text-align:right!important;
white-space:nowrap!important;
box-sizing:border-box!important;
}
body [data-modal="cart"] .cart-row-total .cart-money,body [data-modal="cart"] .cart-total-cell .cart-money{
display:grid!important;
grid-template-columns:22px minmax(0,1fr)!important;
align-items:center!important;
justify-content:stretch!important;
gap:0!important;
width:100%!important;
min-width:0!important;
max-width:none!important;
height:100%!important;
padding:0 var(--space-2)!important;
white-space:nowrap!important;
box-sizing:border-box!important;
}
body [data-modal="cart"] .cart-row-total .cart-money span,body [data-modal="cart"] .cart-total-cell .cart-money span{
display:block!important;
width:auto!important;
min-width:0!important;
max-width:none!important;
color:var(--c-gray-text,var(--c-text-faint))!important;
font-size:var(--text-compact)!important;
font-weight:var(--w-medium)!important;
text-align:left!important;
}
body [data-modal="cart"] .cart-row-total .cart-money b,body [data-modal="cart"] .cart-total-cell .cart-money b{
display:block!important;
width:auto!important;
min-width:0!important;
max-width:none!important;
color:var(--c-blue)!important;
font-size:12.2px!important;
font-weight:var(--w-medium)!important;
text-align:right!important;
}
body [data-modal="cart"] .cart-row-remove{
grid-column:3!important;
grid-row:2!important;
display:grid!important;
visibility:visible!important;
justify-self:end!important;
align-self:start!important;
width:28px!important;
min-width:28px!important;
max-width:28px!important;
height:32px!important;
min-height:32px!important;
max-height:32px!important;
padding:0!important;
margin:0!important;
border:.5px solid rgb(var(--rgb-danger) / .12)!important;
border-radius:var(--radius-sm)!important;
background:rgb(var(--rgb-danger) / .04)!important;
color:var(--c-danger)!important;
overflow:visible!important;
pointer-events:auto!important;
box-sizing:border-box!important;
}
body [data-modal="cart"] .cart-row-remove svg{
width:15px!important;
height:15px!important;
}
body [data-modal="cart"] .cart-doc-total,body [data-modal="cart"] .cart-doc-total.div-sticky{
justify-content:flex-end!important;
align-items:baseline!important;
gap:8px!important;
margin-top:12px!important;
padding:12px 10px 14px!important;
text-align:right!important;
}
}
@media (max-width:380px){
body [data-modal="cart"] .cart-grid{
padding-right:var(--space-1-5)!important;
padding-left:var(--space-1-5)!important;
}
body [data-modal="cart"] .cart-grid-row{
grid-template-columns:minmax(0,1fr) 86px 26px!important;
column-gap:5px!important;
padding-right:var(--space-2)!important;
padding-left:var(--space-2)!important;
}
body [data-modal="cart"] .cart-qty.qty,body [data-modal="cart"] .cart-row-total,body [data-modal="cart"] .cart-total-cell{
width:86px!important;
min-width:86px!important;
max-width:86px!important;
}
body [data-modal="cart"] .cart-qty.qty{
grid-template-columns:22px 34px 22px!important;
}
body [data-modal="cart"] .cart-row-total .cart-money,body [data-modal="cart"] .cart-total-cell .cart-money{
padding-right:var(--space-1-75)!important;
padding-left:var(--space-1-75)!important;
grid-template-columns:21px minmax(0,1fr)!important;
}
body [data-modal="cart"] .cart-row-remove{
width:26px!important;
min-width:26px!important;
max-width:26px!important;
}
}
@media (max-width:860px),(hover:none),(pointer:coarse){
@layer components{
.top{
pointer-events:none!important;
touch-action:manipulation!important;
}
.top>.actions{
position:relative!important;
z-index:calc(var(--top-z,80) + 6)!important;
display:inline-flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:4px!important;
min-height:44px!important;
height:44px!important;
padding:0!important;
margin-right:-2px!important;
pointer-events:auto!important;
overflow:visible!important;
background:transparent!important;
box-shadow:none!important;
-webkit-backdrop-filter:none!important;
backdrop-filter:none!important;
touch-action:manipulation!important;
}
.top>.actions::before,.top>.actions::after{
pointer-events:none!important;
}
.top>.actions>.wa-link{
display:inline-flex!important;
color:var(--c-whatsapp)!important;
}
.top>.actions>.round,.top>.actions>.account,.top>.actions>.account>.auth-link,.top>.actions>.menu-button{
position:relative!important;
z-index:4!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
flex:0 0 42px!important;
width:42px!important;
min-width:42px!important;
max-width:42px!important;
height:42px!important;
min-height:42px!important;
max-height:42px!important;
margin:0!important;
padding:0!important;
border-radius:var(--radius-md)!important;
pointer-events:auto!important;
cursor:pointer!important;
touch-action:manipulation!important;
-webkit-user-select:none!important;
user-select:none!important;
-webkit-appearance:none!important;
appearance:none!important;
transform:none!important;
animation:none!important;
transition:none!important;
}
.top>.actions>.menu-button{
z-index:9!important;
margin-right:2px!important;
}
.top>.actions>.account{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
}
.top>.actions>.round::before,.top>.actions>.round::after,.top>.actions>.account>.auth-link::before,.top>.actions>.account>.auth-link::after,.top>.actions>.menu-button::before,.top>.actions>.menu-button::after{
content:none!important;
display:none!important;
opacity:0!important;
pointer-events:none!important;
}
.top>.actions>.round:hover,.top>.actions>.round:focus,.top>.actions>.round:focus-visible,.top>.actions>.round:active,.top>.actions>.account>.auth-link:hover,.top>.actions>.account>.auth-link:focus,.top>.actions>.account>.auth-link:focus-visible,.top>.actions>.account>.auth-link:active,.top>.actions>.menu-button:hover,.top>.actions>.menu-button:focus,.top>.actions>.menu-button:focus-visible,.top>.actions>.menu-button:active{
color:var(--c-blue,var(--c-primary))!important;
background:transparent!important;
box-shadow:none!important;
transform:none!important;
animation:none!important;
outline:0!important;
}
.top>.actions>.wa-link:hover,.top>.actions>.wa-link:focus,.top>.actions>.wa-link:focus-visible,.top>.actions>.wa-link:active{
color:var(--c-whatsapp)!important;
background:transparent!important;
}
.top>.actions svg,.top>.actions svg *,.top>.actions use{
pointer-events:none!important;
}
.account-menu[hidden],.account:not(.open) .account-menu{
pointer-events:none!important;
}
#site-menu.side{
pointer-events:none!important;
touch-action:manipulation!important;
}
#site-menu.side.open,#site-menu.side[aria-hidden="false"]{
pointer-events:auto!important;
}
#site-menu.side[aria-hidden="true"],#site-menu.side:not(.open):not(.is-opening){
visibility:hidden!important;
pointer-events:none!important;
}
#site-menu.side[aria-hidden="true"] *,#site-menu.side:not(.open):not(.is-opening) *{
pointer-events:none!important;
}
#site-menu .side-head{
height:48px!important;
pointer-events:none!important;
isolation:isolate!important;
}
#site-menu .side-head>*{
pointer-events:auto!important;
touch-action:manipulation!important;
}
#site-menu .side-head .side-cabinet-link{
display:inline-flex!important;
align-items:center!important;
height:48px!important;
min-height:48px!important;
margin-top:0!important;
margin-bottom:0!important;
}
#site-menu .side-head .side-close-btn{
position:absolute!important;
top:0!important;
right:0!important;
z-index:20!important;
display:inline-grid!important;
place-items:center!important;
width:48px!important;
min-width:48px!important;
height:48px!important;
min-height:48px!important;
margin:0!important;
padding:0!important;
border-radius:var(--radius-control)!important;
background:transparent!important;
box-shadow:none!important;
transform:none!important;
animation:none!important;
transition:none!important;
}
#site-menu .side-head .side-close-btn::before,#site-menu .side-head .side-close-btn::after{
content:none!important;
display:none!important;
pointer-events:none!important;
}
#site-menu .side-head .side-close-btn:hover,#site-menu .side-head .side-close-btn:focus,#site-menu .side-head .side-close-btn:focus-visible,#site-menu .side-head .side-close-btn:active,#site-menu .side-head .side-close-btn.is-spinning{
color:var(--n-70)!important;
background:transparent!important;
box-shadow:none!important;
transform:none!important;
animation:none!important;
outline:0!important;
}
#site-menu .side-head .side-close-btn svg,#site-menu .side-head .side-close-btn svg *,#site-menu .side-head .side-close-btn use{
pointer-events:none!important;
transform:none!important;
animation:none!important;
}
}
}
@media (max-width:760px){
.search-tools,.tool-row,.tool-row.is-ready,.tool-row.is-ready>.tool-left,.tool-row.is-ready>.tool-right,.tool-row.is-ready.is-mobile-single-row,.tool-row.is-ready.is-mobile-cross-pair{
overflow:visible!important;
overflow-x:visible!important;
overflow-y:visible!important;
scrollbar-width:none!important;
}
.tool-row::-webkit-scrollbar,.tool-row.is-ready::-webkit-scrollbar,.tool-row.is-ready>.tool-left::-webkit-scrollbar,.tool-row.is-ready>.tool-right::-webkit-scrollbar{
display:none!important;
width:0!important;
height:0!important;
}
.tool-row.is-ready>.tool-left,.tool-row.is-ready>.tool-right{
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
}
.product-group-link{
gap:6px!important;
}
}
@layer responsive{
@media (max-width:860px){
.tool-row.is-ready .filter-dd.pseudo-select.is-mobile-group-first{
z-index:2!important;
}
.tool-row.is-ready .filter-dd.pseudo-select.is-mobile-group-middle,.tool-row.is-ready .filter-dd.pseudo-select.is-mobile-group-last{
z-index:1!important;
margin-left:-1px!important;
}
.tool-row.is-ready .filter-dd.pseudo-select.is-mobile-group-single .filter-trigger{
border-radius:var(--radius-sm)!important;
}
.tool-row.is-ready .filter-dd.pseudo-select.is-mobile-group-first .filter-trigger{
border-top-left-radius:10px!important;
border-bottom-left-radius:10px!important;
border-top-right-radius:0!important;
border-bottom-right-radius:0!important;
}
.tool-row.is-ready .filter-dd.pseudo-select.is-mobile-group-middle .filter-trigger{
border-radius:0!important;
}
.tool-row.is-ready .filter-dd.pseudo-select.is-mobile-group-last .filter-trigger{
border-top-left-radius:0!important;
border-bottom-left-radius:0!important;
border-top-right-radius:10px!important;
border-bottom-right-radius:10px!important;
}
.tool-row.is-ready .filter-dd.pseudo-select.open.is-mobile-group-single .filter-trigger,
.tool-row.is-ready .filter-dd.pseudo-select.open.is-mobile-group-first .filter-trigger,
.tool-row.is-ready .filter-dd.pseudo-select.open.is-mobile-group-middle .filter-trigger,
.tool-row.is-ready .filter-dd.pseudo-select.open.is-mobile-group-last .filter-trigger{
border-bottom-right-radius:0!important;
border-bottom-left-radius:0!important;
}
.product-group,.product-table .product-group,.product-brand-group,.product-table .product-brand-group{
padding-left:var(--space-2)!important;
padding-right:var(--space-2)!important;
}
.product-group-link{
margin-left:0!important;
padding-left:0!important;
}
.search-clear{
right:3px!important;
color:var(--n-46)!important;
}
.query.has-value .search-clear{
opacity:1!important;
pointer-events:auto!important;
}
.search-clear:hover,.search-clear:focus-visible{
color:var(--n-68)!important;
background:rgb(var(--rgb-muted) / .10)!important;
}
}
@media (max-width:760px){
.product-table>.product-row,.product-table>.product-row.no-feature-cols,.product-table>.product-row.has-feature-cols{
padding-right:159px!important;
}
.product-table>.product-row .product-price{
right:100px!important;
}
.product-table>.product-row .price-card>span{
gap:5px!important;
}
}
@media (max-width:380px){
.product-table>.product-row,.product-table>.product-row.no-feature-cols,.product-table>.product-row.has-feature-cols{
padding-right:153px!important;
}
.product-table>.product-row .product-price{
right:99px!important;
}
.product-table>.product-row .price-card>span{
gap:4px!important;
}
}
}

@media (max-width:760px){
body [data-modal="cart"] .cart-grid{
width:100%!important;
max-width:100%!important;
padding:8px 8px 2px!important;
box-sizing:border-box!important;
overflow:visible!important;
}
body [data-modal="cart"] .cart-grid-row{
width:100%!important;
max-width:100%!important;
min-width:0!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) 96px 32px!important;
grid-template-rows:34px 34px!important;
grid-template-areas:"product qty ." "product total remove"!important;
column-gap:8px!important;
row-gap:5px!important;
align-items:start!important;
min-height:88px!important;
padding:11px 10px!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
body [data-modal="cart"] .cart-product{
grid-area:product!important;
min-width:0!important;
max-width:100%!important;
width:100%!important;
height:auto!important;
align-self:start!important;
overflow:hidden!important;
padding:2px 0 0!important;
}
body [data-modal="cart"] .cart-product-open{
display:-webkit-box!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
white-space:normal!important;
overflow:hidden!important;
text-overflow:clip!important;
-webkit-box-orient:vertical!important;
-webkit-line-clamp:2!important;
word-break:normal!important;
overflow-wrap:anywhere!important;
font-size:var(--text-ui)!important;
line-height:1.25!important;
text-align:left!important;
}
body [data-modal="cart"] .cart-product span,
body [data-modal="cart"] .cart-price-cell{
display:none!important;
}
body [data-modal="cart"] .cart-qty.qty{
grid-area:qty!important;
justify-self:stretch!important;
align-self:start!important;
width:96px!important;
min-width:96px!important;
max-width:96px!important;
height:34px!important;
min-height:34px!important;
grid-template-columns:25px 40px 25px!important;
gap:2px!important;
box-sizing:border-box!important;
}
body [data-modal="cart"] .cart-qty.qty button,
body [data-modal="cart"] .cart-qty.qty input{
height:30px!important;
min-height:30px!important;
}
body [data-modal="cart"] .cart-qty.qty button{
width:25px!important;
min-width:25px!important;
}
body [data-modal="cart"] .cart-qty.qty input{
width:40px!important;
min-width:40px!important;
font-size:var(--text-sm)!important;
}
body [data-modal="cart"] .cart-row-total,
body [data-modal="cart"] .cart-total-cell{
grid-area:total!important;
justify-self:stretch!important;
align-self:start!important;
width:96px!important;
min-width:96px!important;
max-width:96px!important;
height:34px!important;
min-height:34px!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
body [data-modal="cart"] .cart-row-total .cart-money,
body [data-modal="cart"] .cart-total-cell .cart-money{
display:grid!important;
grid-template-columns:24px minmax(0,1fr)!important;
width:100%!important;
height:100%!important;
padding:0 var(--space-2)!important;
box-sizing:border-box!important;
align-items:center!important;
gap:2px!important;
}
body [data-modal="cart"] .cart-row-total .cart-money b,
body [data-modal="cart"] .cart-total-cell .cart-money b{
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
body [data-modal="cart"] .cart-row-remove{
grid-area:remove!important;
justify-self:end!important;
align-self:start!important;
width:32px!important;
min-width:32px!important;
max-width:32px!important;
height:34px!important;
min-height:34px!important;
max-height:34px!important;
box-sizing:border-box!important;
}
}
@media (max-width:380px){
body [data-modal="cart"] .cart-grid-row{
grid-template-columns:minmax(0,1fr) 90px 30px!important;
column-gap:6px!important;
padding-right:var(--space-2-25)!important;
padding-left:var(--space-2-25)!important;
}
body [data-modal="cart"] .cart-qty.qty,
body [data-modal="cart"] .cart-row-total,
body [data-modal="cart"] .cart-total-cell{
width:90px!important;
min-width:90px!important;
max-width:90px!important;
}
body [data-modal="cart"] .cart-qty.qty{
grid-template-columns:24px 36px 24px!important;
}
body [data-modal="cart"] .cart-qty.qty input{
width:36px!important;
min-width:36px!important;
}
body [data-modal="cart"] .cart-row-remove{
width:30px!important;
min-width:30px!important;
max-width:30px!important;
}
}
@media (max-width:820px){
.profile-modal .profile-foot .history-page-size-choice{
display:none!important;
}
.profile-modal .history-list{
display:grid!important;
gap:0!important;
max-height:calc(100dvh - 258px)!important;
padding:0!important;
overflow:auto!important;
-webkit-overflow-scrolling:touch!important;
overscroll-behavior:contain!important;
}
.profile-modal .history-card{
display:grid!important;
grid-template-columns:minmax(0,1fr) 56px!important;
gap:8px!important;
align-items:center!important;
min-height:52px!important;
padding:12px 0!important;
border:0!important;
border-bottom:1px solid rgb(var(--rgb-line) / .14)!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
}
.profile-modal .history-card:last-child{
border-bottom:0!important;
}
.profile-modal .history-card:hover,.profile-modal .history-card:focus-within,.profile-modal .history-card:active{
background:transparent!important;
box-shadow:none!important;
transform:none!important;
}
.profile-modal .history-card-main{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
gap:7px!important;
align-items:center!important;
min-width:0!important;
}
.profile-modal .history-order-link{
min-width:0!important;
font-size:var(--text-ui)!important;
line-height:17px!important;
}
.profile-modal .history-order-link small{
font-size:var(--text-compact)!important;
font-weight:500!important;
}
.profile-modal .history-markers{
justify-self:end!important;
min-width:0!important;
gap:4px!important;
}
.profile-modal .history-markers .is-status{
width:30px!important;
min-width:30px!important;
height:24px!important;
padding:0!important;
justify-content:center!important;
}
.profile-modal .history-markers .is-status span,.profile-modal .history-markers .is-delivery{
display:none!important;
}
.profile-modal .history-card>b.history-amount{
display:inline-flex!important;
grid-template-columns:none!important;
justify-content:flex-end!important;
align-items:baseline!important;
gap:4px!important;
width:56px!important;
min-width:56px!important;
padding:0!important;
text-align:right!important;
white-space:nowrap!important;
font-size:var(--text-ui)!important;
font-weight:600!important;
line-height:17px!important;
}
.profile-modal .history-card>b.history-amount .history-amount-symbol,
.profile-modal .history-card>b.history-amount .history-amount-value{
display:inline!important;
justify-self:auto!important;
width:auto!important;
text-align:right!important;
}
.profile-modal .history-card>b.history-amount .history-amount-symbol{
color:var(--n-50)!important;
font-size:inherit!important;
font-weight:500!important;
}
.profile-modal .history-card>b.history-amount .history-amount-value{
font-size:inherit!important;
font-weight:700!important;
}
.history-order-summary .history-order-status-summary{
display:none!important;
}
.history-order-cart-grid{
border-radius:0!important;
}
.history-order-cart-grid .cart-grid-head{
display:none!important;
}
.history-order-cart-grid .cart-grid-row{
display:grid!important;
grid-template-columns:minmax(0,1fr) 34px 74px!important;
column-gap:7px!important;
row-gap:0!important;
min-height:0!important;
padding:14px 10px 12px!important;
border:0!important;
border-bottom:1px solid rgb(var(--rgb-line) / .14)!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
align-items:start!important;
}
.history-order-cart-grid .cart-grid-row:last-child{
border-bottom:0!important;
}
.history-order-cart-grid .cart-grid-row:hover,.history-order-cart-grid .cart-grid-row:focus-within,.history-order-cart-grid .cart-grid-row:active{
background:transparent!important;
box-shadow:none!important;
transform:none!important;
}
.history-order-cart-grid .cart-product{
gap:2px!important;
min-width:0!important;
padding-top:1px!important;
}
.history-order-cart-grid .cart-product strong{
font-size:var(--text-ui)!important;
line-height:17px!important;
overflow-wrap:anywhere!important;
}
.history-order-cart-grid .cart-product span{
font-size:var(--text-compact)!important;
line-height:14px!important;
overflow-wrap:anywhere!important;
}
.history-order-cart-grid .history-order-qty,.history-order-cart-grid .cart-total-cell{
align-self:start!important;
justify-self:end!important;
width:100%!important;
padding-top:1px!important;
font-size:var(--text-ui)!important;
line-height:17px!important;
text-align:right!important;
}
.history-order-cart-grid .cart-money{
justify-content:flex-end!important;
width:100%!important;
gap:4px!important;
}
.history-order-cart-grid .cart-money span{
color:var(--n-50)!important;
font-weight:500!important;
}
.history-docs-choice .modal-foot-btn.has-split{
display:grid!important;
grid-template-columns:28px minmax(0,1fr) 38px!important;
justify-content:stretch!important;
gap:8px!important;
width:100%!important;
padding:0!important;
}
.history-docs-choice .modal-foot-btn.has-split>svg{
justify-self:start!important;
margin-left:6px!important;
margin-right:0!important;
}
.history-docs-choice .modal-foot-btn.has-split>span{
justify-self:center!important;
text-align:center!important;
}
.history-docs-choice .modal-foot-btn.has-split>i{
justify-self:end!important;
width:38px!important;
margin:0!important;
}
}


.product-table>.product-row .product-title.product-title-compact,
.product-table>.product-row .product-title.product-title-compact.product-title-link,
.catalog-route .product-table>.product-row .product-title.product-title-compact.product-title-link{
display:flex!important;
align-items:center!important;
gap:0!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
line-height:1.18!important;
text-align:left!important;
}
.product-table>.product-row .product-title.product-title-compact>span:last-child,
.product-table>.product-row .product-title.product-title-compact.product-title-link>span:last-child{
min-width:0!important;
overflow:hidden!important;
white-space:nowrap!important;
text-overflow:ellipsis!important;
}


@media (max-width:640px){
  .guide-modal .guide-content.div-main>.guide-tabs,
  .auth-modal .auth-main>.auth-tabs{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 16px!important;
    gap:4px!important;
    padding:var(--space-1)!important;
    border:1px solid rgb(var(--rgb-line) / .16)!important;
    border-radius:var(--radius-control)!important;
    background:var(--c-surface-muted)!important;
  }
  .guide-modal .guide-content.div-main>.guide-tabs[hidden]{
    display:none!important;
  }
  .guide-modal .guide-content.div-main>.guide-tabs button,
  .auth-modal .auth-main>.auth-tabs button{
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:32px!important;
    padding:0 var(--space-2)!important;
    border-radius:var(--radius-xs)!important;
    line-height:1.12!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  .guide-modal .guide-content.div-main>.guide-tabs[data-guide-group="legal"] button,
  .guide-modal .guide-content.div-main>.guide-tabs[data-guide-group="conditions"] button{
    padding-right:var(--space-2)!important;
    padding-left:var(--space-2)!important;
  }
  .guide-modal .guide-content.div-main>.guide-tabs[data-guide-group="conditions"]{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

@media (max-width:380px){
  .guide-modal .guide-content.div-main>.guide-tabs[data-guide-group="conditions"] button{
    padding-right:var(--space-1-5)!important;
    padding-left:var(--space-1-5)!important;
    font-size:var(--text-2xs)!important;
  }
}
@layer responsive{
@media (max-width:860px){
.home-brand-carousel{
top:calc(var(--search-top) + 124px)!important;
width:var(--search-w)!important;
max-width:var(--search-w)!important;
touch-action:pan-y!important;
}
.home-intro{
top:calc(var(--search-top) + 217px)!important;
width:min(var(--search-w),560px)!important;
max-width:var(--search-w)!important;
padding:0 var(--space-2)!important;
font-size:var(--text-md)!important;
line-height:1.48!important;
}
.home-brand-viewport{
cursor:grab!important;
width:100%!important;
margin:-16px 0 -14px!important;
padding:16px 0 14px!important;
}
.home-brand-carousel.is-dragging .home-brand-viewport{
cursor:grabbing!important;
}
.home-brand-slide{
column-gap:var(--home-brand-gap)!important;
row-gap:0!important;
}
.home-brand-card{
height:34px!important;
}
.home-brand-main{
padding:3px 14px 3px 6px!important;
border-radius:var(--radius-sm)!important;
}
.home-brand-page{
top:4px!important;
right:4px!important;
width:16px!important;
height:16px!important;
}
.home-brand-page svg{
width:12px!important;
height:12px!important;
}
.home-brand-visual img{
max-height:22px!important;
}
.home-brand-dots{
--home-brand-dot-step:18px!important;
min-height:28px!important;
padding:2px 16px!important;
}
.home-brand-dots-window{
width:calc(var(--home-brand-dot-step) * 7)!important;
height:26px!important;
}
.home-brand-dot{
flex-basis:var(--home-brand-dot-step)!important;
width:var(--home-brand-dot-step)!important;
height:26px!important;
}
}
@media (max-width:520px){
.home-intro{
top:calc(var(--search-top) + 209px)!important;
font-size:13.5px!important;
line-height:1.43!important;
}
.home-brand-card{
height:32px!important;
}
.home-brand-visual img{
max-height:20px!important;
}
.home-brand-dot.is-active>span{
width:7px!important;
height:7px!important;
}
.home-brand-carousel.is-paused .home-brand-dot.is-active>span{
width:9px!important;
height:9px!important;
}
}
}

/* step-740: keep secondary-page logo and search stable on mobile before full page load. */
@media (max-width:860px){
.product-route .secondary-search-hero,
.page-route .secondary-search-hero{
  min-height:136px!important;
}
.product-route .secondary-search-hero .hero-logo,
.page-route .secondary-search-hero .hero-logo{
  top:var(--hero-logo-top)!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
}
.product-route .secondary-search-hero .search,
.page-route .secondary-search-hero .search{
  top:var(--search-top)!important;
  width:min(var(--search-w),calc(100vw - 16px))!important;
}
.product-route .product-page,
.page-route .content-page,
body[data-site-route="nosotros"] .about-page{
  padding-top:var(--space-3)!important;
}
}

@media (max-width:860px){
.search-static-route .hero,
.search-static-route .secondary-search-hero{
  min-height:auto!important;
  padding:0 0 12px!important;
}
.search-static-route .hero-logo,
.search-static-route .secondary-search-hero .hero-logo{
  display:none!important;
}
.search-static-route .search,
.search-static-route .secondary-search-hero .search,
.catalog-route .hero .search{
  position:fixed!important;
  top:var(--search-active-top)!important;
  left:50%!important;
  min-width:0!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:translate(-50%,0)!important;
  transition:none!important;
  animation:none!important;
  will-change:auto!important;
}
.search-static-route .search-tools,
.search-static-route .secondary-search-hero .search-tools,
.catalog-route .hero .search-tools{
  position:fixed!important;
  top:var(--search-tools-active-top)!important;
  left:50%!important;
  min-width:0!important;
  min-height:34px!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:translate(-50%,0)!important;
  transition:none!important;
  animation:none!important;
  will-change:auto!important;
}
.catalog-route .catalog-section,
.catalog-route.is-searching .catalog-section{
  margin-top:var(--search-results-offset)!important;
}
.search-static-route .product-page,
.search-static-route .content-page,
body[data-site-route="nosotros"].search-static-route .about-page{
  padding-top:var(--search-results-offset)!important;
}
body.search-static-route::before{
  height:calc(var(--search-tools-active-top) + var(--mobile-search-tools-h,34px) + 14px)!important;
}
}
@media (max-width:760px){
.search-static-route .search,
.search-static-route .secondary-search-hero .search,
.catalog-route .hero .search{
  top:var(--search-active-top)!important;
}
.search-static-route .search-tools,
.search-static-route .secondary-search-hero .search-tools,
.catalog-route .hero .search-tools{
  top:var(--search-tools-active-top)!important;
}
.catalog-route .catalog-section,
.catalog-route.is-searching .catalog-section{
  margin-top:var(--search-results-offset)!important;
}
}

@layer responsive{
@media (max-width:860px){
body.search-static-route,
body.catalog-route{
--secondary-tools-top:var(--search-tools-active-top);
--secondary-results-offset:calc(var(--secondary-tools-top) + var(--mobile-search-tools-h,34px) + 18px);
}
.search-static-route .search-tools,
.search-static-route .secondary-search-hero .search-tools,
.catalog-route .hero .search-tools{
top:var(--secondary-tools-top)!important;
}
.catalog-route .catalog-section,
.catalog-route.is-searching .catalog-section{
margin-top:var(--secondary-results-offset)!important;
}
body.search-static-route::before{
height:calc(var(--secondary-tools-top) + var(--mobile-search-tools-h,34px) + 14px)!important;
}
.search-static-route .product-page,
.search-static-route .content-page,
body[data-site-route="nosotros"].search-static-route .about-page{
padding-top:var(--secondary-results-offset)!important;
}

}

}

@layer responsive{
@media (max-width:760px){
body[data-site-route="nosotros"] .about-page{
width:var(--secondary-content-width)!important;
max-width:none!important;
padding-bottom:24px!important;
}
.about-shell{
margin-top:18px;
}
.about-story-hero{
padding:18px 4px 42px;
}
.about-story-hero h1{
font-size:clamp(36px,12.2vw,52px);
line-height:.96;
letter-spacing:-.06em;
}
.about-story-lead{
margin-top:22px;
font-size:17px;
line-height:1.5;
}
.about-story-actions{
flex-direction:column;
margin-top:24px;
}
.about-story-action{
width:100%;
}
.about-story-facts{
grid-template-columns:repeat(2,minmax(0,1fr));
margin-top:38px;
}
.about-story-facts div{
min-height:102px;
padding:18px 14px;
border-bottom:1px solid var(--line-08);
}
.about-story-facts div:nth-child(2){border-right:0;}
.about-story-facts div:nth-last-child(-n+2){border-bottom:0;}
.about-story-facts div:first-child{padding-left:14px;}
.about-story-facts dt{font-size:30px;}
.about-story-facts dd{font-size:var(--text-compact);}
.about-story-chapter,.about-story-chapter--supply,.about-story-chapter--stores,.about-story-chapter--instagram{
display:grid;
grid-template-columns:1fr;
gap:22px;
padding:52px 4px;
}
.about-story-number{
grid-column:1;
}
.about-story-number b{
font-size:45px;
}
.about-story-copy{
grid-column:1;
}
.about-story-copy h2{
font-size:31px;
line-height:1.04;
}
.about-story-copy>p:not(.about-eyebrow){
margin-top:18px;
font-size:16px;
line-height:1.57;
}
.about-category-links{
flex-direction:column;
align-items:flex-start;
gap:13px;
margin-top:24px;
}
.about-story-media,.about-brand-rail,.about-location-list,.about-instagram-grid,.about-instagram-empty,.about-contact-line,.about-socials{
grid-column:1;
}
.about-story-media{
min-height:0;
aspect-ratio:4/3;
border-radius:var(--radius-lg);
}
.about-story-media img{
min-height:0;
}
.about-brand-rail{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
}
.about-brand-rail a{
min-height:72px;
padding:12px;
}
.about-location{
grid-template-columns:34px minmax(0,1fr);
padding:18px 0;
}
.about-location strong{
font-size:16px;
}
.about-contact-line{
grid-template-columns:1fr;
margin-top:6px;
}
.about-contact-line>a,.about-contact-line>div{
min-height:76px;
padding:16px 4px;
border-right:0;
border-bottom:1px solid var(--line-08);
}
.about-contact-line>*:last-child{
border-bottom:0;
}
.about-socials{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
}
.about-socials a{
justify-content:center;
}
.about-instagram-grid{
display:flex;
width:calc(100vw - 8px);
margin-left:-4px;
padding:0 4px 6px;
gap:10px;
overflow-x:auto;
scroll-snap-type:x mandatory;
scrollbar-width:none;
}
.about-instagram-grid::-webkit-scrollbar{display:none;}
.about-instagram-grid a{
min-width:min(74vw,286px);
scroll-snap-align:start;
}
.about-instagram-empty{
min-height:180px;
padding:22px;
text-align:center;
}
.about-story-footer{
padding:52px 4px 18px;
}
.about-story-footer blockquote{
font-size:34px;
}
.about-story-footer>p:not(.about-story-legal){
font-size:16px;
}
.about-story-legal{
font-size:var(--text-ui-sm);
}
}
}


/* step-786: two title lines only on phones; desktop keeps the current single line. */
@layer responsive{
@media (max-width:760px){
.product-table>.product-row,
.product-table>.product-row.no-feature-cols,
.product-table>.product-row.has-feature-cols{
min-height:52px!important;
}
.product-table>.product-row .product-main{
display:grid!important;
grid-template-columns:38px minmax(0,1fr)!important;
align-items:start!important;
gap:8px!important;
}
.product-table>.product-row .product-thumb{
width:38px!important;
height:38px!important;
min-width:38px!important;
border:0!important;
border-radius:var(--radius-xs)!important;
}
.product-table>.product-row .product-title,
.product-table>.product-row .product-title.product-title-rich,
.product-table>.product-row .product-title.product-title-link,
.catalog-route .product-table>.product-row .product-title.product-title-link{
display:block!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
line-height:1.2!important;
white-space:normal!important;
overflow:hidden!important;
text-overflow:clip!important;
text-align:left!important;
}
.product-table>.product-row .product-title-content{
display:-webkit-box!important;
-webkit-box-orient:vertical!important;
-webkit-line-clamp:2!important;
max-height:2.4em!important;
min-width:0!important;
overflow:hidden!important;
white-space:normal!important;
text-overflow:ellipsis!important;
line-height:1.2!important;
}
.product-table>.product-row .product-brand-inline{
display:inline!important;
max-width:none!important;
height:auto!important;
margin-right:5px!important;
vertical-align:baseline!important;
font-size:var(--text-compact)!important;
line-height:inherit!important;
}
.product-table>.product-row .product-feature-cell>span{
display:-webkit-box!important;
-webkit-box-orient:vertical!important;
-webkit-line-clamp:2!important;
max-height:2.4em!important;
white-space:normal!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.product-table>.product-row .product-feature-cell.is-numeric{
text-align:right!important;
}
.product-table>.product-row .product-feature-cell.is-text{
text-align:left!important;
}
}
}

@layer responsive{
@media (max-width:760px){
body.search-static-route .product-page,
body.search-static-route .brand-page,
body.search-static-route .content-page,
body[data-site-route="nosotros"].search-static-route .about-page,
body.search-static-route .results,
body.search-static-route.is-searching .results:not([hidden]){
width:var(--secondary-content-width)!important;
max-width:none!important;
}
body.search-static-route .search{
border-radius:var(--radius-control)!important;
}
body.search-static-route .results{
border-radius:var(--radius-md)!important;
}

}
}

@media (max-width:860px){
body.search-static-route .brand-page{
width:calc(100vw - 16px)!important;
max-width:none!important;
margin-top:var(--secondary-results-offset)!important;
}
.brand-page-head{gap:8px;}
.brand-page-logo-box{width:92px;border-radius:var(--radius-md);}
.brand-page-logo-box img{max-width:72px;max-height:48px;}
.brand-page-copy h1{font-size:24px;line-height:1.16;}
.brand-page-copy>span{font-size:var(--text-sm);line-height:1.55;}
.brand-story{padding:20px 18px;border-radius:20px;}
.brand-story__lead{columns:1;}
.brand-facts{grid-template-columns:repeat(2,minmax(0,1fr));}
.brand-story__grid,.brand-advantages>div{grid-template-columns:1fr;}
.search-loading-state{min-height:180px;padding:26px 14px;}
.search-loading-label{font-size:22px;}
}