/* Fluxo identity: dark storefront, white product windows and green accents. */
:root{--green:#80cc49;--ink:#0a0a0a;--muted:#a3a3a3;--line:#292929;--price:#80cc49;--light:#f3f4f4}
body{background:var(--ink);color:#f7f7f7}
.announcement{background:var(--green);color:#0a0a0a;font-size:10px;letter-spacing:2px;height:32px}
.site-header{background:#0a0a0af5;border-bottom:1px solid #252525;backdrop-filter:blur(14px)}
.header-main{height:86px}
.logo{display:inline-block;font-size:43px;letter-spacing:-2.5px;font-weight:800}
.logo>span{color:#71c772}
.logo .logo-tagline{display:block;font-size:7px;line-height:1.3;letter-spacing:1px;font-style:normal;color:#eee;margin-top:6px}
.logo-tagline b{color:#71c772}
.search-form{background:#141414;border:1px solid #303030;border-radius:30px;color:#eee;height:43px}
.search-form input{color:#eee;font-size:13px}
.search-form input::placeholder{color:#a2a2a2}
.nav-bar{border-color:#222;height:44px}
.nav-bar button,.contact-nav{font-size:12px}
.header-location{color:#bcbcbc}
.header-location strong{color:#f5f5f5}
.hero{background:#101410;border-bottom:1px solid #2a3428}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 82% 30%,#27491b 0,transparent 57%);pointer-events:none}
.hero-grid{min-height:555px}
.hero-copy{padding-top:59px}
.eyebrow{font-weight:700;letter-spacing:2px;font-size:10px;color:#a8c69b}
h1{font-size:clamp(76px,7.5vw,112px);font-weight:900;font-style:italic;line-height:.92;letter-spacing:-1.5px;margin:24px 0}
h1 span{color:var(--green)}
.hero-copy p{color:#d1d6ce;font-size:18px}
.button{border-radius:28px;letter-spacing:1.2px;padding-inline:26px;font-size:11px}
.button-green:hover{background:#9fe06c}
.button-dark{background:var(--green);color:#0a0a0a}
.button-dark:hover{background:#9fe06c}
.button-outline{background:transparent;color:#f5f5f5;border-color:#555}
.button-outline:hover{background:#242424}
.scene-disc{background:var(--green);border-radius:45% 55% 42% 58%;transform:translateY(calc(var(--progress) * -28px)) rotate(-15deg);box-shadow:0 0 120px #80cc4920}
.scene-ring{border-color:#80cc4940}
.scene-word{color:#5fa72e;font-style:italic;font-weight:900}
.original-stamp{color:#111;box-shadow:4px 7px 0 #0008}
.hero-bottom{border-color:#ffffff1a;color:#aab4a4}
.hero-product{border-radius:25px;background:#0a0a0ae8}
.perks{padding:24px 0}
.perks svg{color:var(--green)}
.perks strong{color:#eee}
.brand-section{grid-template-columns:repeat(4,minmax(0,1fr));gap:23px;padding:29px 0 38px;position:relative}
.brand-section>span{grid-column:1/-1;font:800 italic 17px Barlow;letter-spacing:.5px;display:block}
.brand-section>span br{display:none}
.brand-section>span strong{font:inherit}
.brand-section button:not(.brand-all){height:84px;background:#fff;border-radius:28px;color:#0a0a0a}
.brand-section button:not(.brand-all):hover{opacity:1;background:#e3f1da;transform:translateY(-3px)}
.brand-section img{max-height:57px}
.brand-section .brand-all{position:absolute;right:0;top:12px;height:45px;font-weight:800;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--green)}
.catalog-section{padding:14px 0 54px}
.section-heading{margin-bottom:27px}
.kicker{color:var(--green);font-size:10px;font-style:italic;letter-spacing:2px}
.section-heading h2{font:800 italic 32px/1.1 Barlow;letter-spacing:-.5px}
.section-heading h2>span{color:var(--green)}
.catalog-toolbar{border-color:#252525}
.filter-tabs button{border-radius:24px;border-color:#363636;color:#c8c8c8}
.filter-tabs button.active{background:var(--green);border-color:var(--green);color:#0a0a0a;font-weight:700}
.filter-tabs button:hover{border-color:var(--green);color:var(--green)}
.filter-tabs button.active:hover{color:#0a0a0a}
.sort-label{color:#aaa}
.sort-label select{background:#141414;color:#eee;border-color:#363636;border-radius:20px;color-scheme:dark}
.results-line{min-height:50px}
.product-grid{gap:35px 27px}
.product-photo{border-radius:38px;aspect-ratio:1;background:#f5f5f5}
.saving-badge{left:17px;top:17px;border-radius:20px;padding:7px 10px;color:#101b08;font-size:9px;letter-spacing:.7px}
.favorite-button{right:15px;top:13px;width:33px;height:33px;color:#111;box-shadow:0 2px 10px #0001}
.card-brand{margin:14px 3px 5px;font-size:9px;letter-spacing:1.2px;color:#aaa}
.card-name{font-size:15px;font-weight:800;font-style:italic;line-height:1.3;padding:0 3px;min-height:40px}
.card-name button{text-transform:uppercase}
.card-prices{padding-inline:3px;gap:12px;margin:9px 0 14px}
.price{font-size:25px;font-weight:800;font-style:italic}
.retail-price{color:#999}
.card-action{padding:12px 3px 3px;color:#d9d9d9;font-size:11px;border-color:#303030}
.card-action:hover{color:var(--green)}
.catalog-note{color:#aaa}
.empty-state{background:#161616;border:1px solid #303030;border-radius:28px}
.campaign{border-radius:30px}
.campaign h2{font-style:italic;font-weight:900}
.campaign-green{color:#0a0a0a}
.campaign-black{background:#171b15;border:1px solid #313b2b}
.campaign>.campaign-price{color:#111;border-radius:12px}
.green-band{color:#0a0a0a;font-style:italic;font-weight:900}
.store-photo{border-radius:32px}
.photo-label{color:#111;border-radius:25px}
.store-copy h2{font-style:italic;font-weight:900}
.store-hours .live-dot{background:var(--green)}
.help-strip>div>svg{color:var(--green)}
.help-strip h2{font-style:italic}
footer{background:#101010;border-top:1px solid #242424}
.footer-main .logo{font-size:46px}
.footer-main>div:first-child>p{color:#aaa}
.footer-sign{font-weight:900}
.footer-bottom{color:#aaa}
.floating-wa{background:#5dcc60;color:white;box-shadow:0 3px 24px #0006}
.toast{background:#202020;border:1px solid #464646;border-radius:20px}
dialog{background:#141414;color:#f5f5f5;border:1px solid #3c3c3c;border-radius:28px}
.dialog-close{color:#111}
.detail-copy h2{font-style:italic}
.detail-code,.detail-note,.drawer-intro,.bag-disclaimer{color:#aaa}
.size-options button{border:1px solid #555;border-radius:9px}
.size-options button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#111}
.detail-error{color:#ffaaa0}
.drawer{border-radius:28px 0 0 28px}
.drawer-header h2{font-style:italic}
.bag-item>img{mix-blend-mode:normal;border-radius:16px}
.remove-item{color:#bcbcbc}
@media(min-width:1500px){.hero-grid{min-height:595px}}
@media(max-width:1100px){.hero-grid{min-height:510px}.hero-copy{padding-top:47px}h1{font-size:76px}.brand-section{gap:20px}.brand-section button:not(.brand-all){height:76px}.product-photo{border-radius:30px}.product-grid{gap:30px 19px}.section-heading h2{font-size:28px}}
@media(max-width:760px){
 .announcement{font-size:8px;letter-spacing:1px;height:29px}
 .header-main{height:auto;min-height:114px}
 .logo{font-size:35px}.logo .logo-tagline{font-size:5.5px;letter-spacing:.5px;margin-top:4px}
 .search-form{height:38px}.search-form input{font-size:12px}
 .nav-bar{height:auto}
 .hero-grid{min-height:0}.hero-copy{padding-top:32px}
 h1{font-size:clamp(67px,18vw,90px);line-height:.91;margin:20px 0}
 .eyebrow{font-size:8px;letter-spacing:1.2px}.hero-copy p{font-size:15px}
 .scene-disc{border-radius:45% 55% 42% 58%}.hero-product{border-radius:24px}
 .perks{padding:21px 0}.perks strong{font-size:11px}
 .brand-section{gap:12px;padding:25px 0 30px}
 .brand-section>span{font-size:13px;display:block;letter-spacing:.4px;margin-bottom:3px}
 .brand-section>span strong{font:inherit}
 .brand-section button:not(.brand-all){height:57px;border-radius:17px}
 .brand-section img{width:75%;max-height:36px}
 .brand-section .brand-all{display:none}
 .catalog-section{padding-top:12px}.section-heading h2{font-size:25px;max-width:310px;line-height:1.12}
 .kicker{font-size:8px;letter-spacing:1.5px}
 .filter-tabs button{padding:9px 13px}
 .product-grid{gap:28px 14px}.product-photo{border-radius:25px}
 .saving-badge{left:11px;top:11px;font-size:7px;padding:5px 7px;letter-spacing:.3px}
 .favorite-button{right:9px;top:9px;width:27px;height:27px}
 .card-brand{font-size:8px;margin-top:12px}.card-name{font-size:12px;min-height:32px}
 .card-prices{gap:8px;padding-inline:2px;margin:8px 0 11px}.price{font-size:23px}.retail-price{font-size:10px}
 .card-action{font-size:10px}.catalog-note{font-size:10px}
 .campaign{border-radius:25px}.campaign h2{font-size:44px}
 .store-photo{border-radius:26px}.store-copy h2{font-size:43px}
 .footer-main .logo{font-size:40px}.drawer{border-radius:0}
}
@media(max-width:360px){h1{font-size:63px}.filter-tabs button{padding:9px 10px}.card-name{font-size:11px}.product-photo{border-radius:22px}.saving-badge{left:9px;padding-inline:6px}.campaign h2{font-size:38px}}

/* Catalog layout: compact campaign, persistent desktop filters and a wider assortment. */
.catalog-banner{border-bottom:1px solid #293323}
.catalog-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;height:156px;position:relative}
.banner-copy{position:relative;z-index:2;flex:1}
.banner-copy .eyebrow{font-size:9px;letter-spacing:1.5px}
.banner-copy h1{font-size:46px;line-height:1.03;margin:10px 0;letter-spacing:-.6px}
.banner-copy h1 span{display:block}
.banner-copy p{font-size:12px;color:#b8c2b2}
.banner-shoes{position:relative;align-self:stretch;width:300px;flex-shrink:0}
.banner-shoes::before{content:"";position:absolute;inset:10px 22px;background:var(--green);border-radius:50%;transform:rotate(-12deg)}
.banner-shoes img{position:absolute;filter:drop-shadow(0 12px 8px #0005)}
.banner-puma{width:200px;right:0;top:0;transform:rotate(8deg)}
.banner-nike{width:265px;left:-5px;top:43px;transform:translateY(calc(var(--progress) * -8px)) rotate(-12deg)}
.banner-offer{position:relative;z-index:2;border-left:1px solid #ffffff30;padding:10px 0 10px 24px;text-align:left;font-size:9px;letter-spacing:1px;flex-shrink:0}
.banner-offer strong{display:block;font:900 italic 45px/1.1 'Barlow Condensed';color:var(--green);margin:2px 0 8px}
.banner-offer>span{display:flex;align-items:center;gap:16px;font-size:10px;letter-spacing:0}
.banner-offer svg{width:17px;height:17px}
.brand-section{grid-template-columns:repeat(4,130px) 1fr;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}
.brand-section button:not(.brand-all){height:48px;border-radius:17px}
.brand-section img{width:72px;max-height:35px}
.brand-section .catalog-delivery{grid-column:auto;display:flex;justify-content:flex-end;align-items:center;gap:10px;font:500 12px Barlow;letter-spacing:0;color:#bfbfbf}
.catalog-delivery svg{color:var(--green);width:20px;height:20px}
.catalog-section{padding:24px 0 48px;scroll-margin-top:0}
.catalog-breadcrumb{display:block;font-size:10px;color:#929292;margin-bottom:10px}
.section-heading{margin-bottom:24px}
.section-heading h2{font-size:29px}
.catalog-layout{display:grid;grid-template-columns:185px minmax(0,1fr);gap:28px;align-items:start}
.catalog-filters{position:sticky;top:155px;border-right:1px solid var(--line);padding-right:23px}
.filters-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 25px;font-size:11px;letter-spacing:1px}
.filters-heading>button{font-size:11px;color:var(--green);padding:0;letter-spacing:0;text-decoration:underline}
.catalog-filters fieldset{padding:0;margin:0 0 25px;border:0;min-width:0}
.catalog-filters legend{font-size:12px;font-weight:700;margin-bottom:12px}
.filter-tabs{flex-direction:column;gap:5px}
.filter-tabs button{border:0;border-radius:7px;text-align:left;padding:10px 10px;font-size:12px;display:flex;align-items:center;gap:10px}
.filter-tabs button::before{content:"";display:inline-block;width:13px;height:13px;border:1px solid #777;border-radius:50%;flex-shrink:0}
.filter-tabs button.active{background:#80cc4917;color:var(--green)}
.filter-tabs button.active::before{border:4px solid var(--green);background:#111}
.filter-tabs button.active:hover{color:var(--green)}
.filter-select{font-size:12px;font-weight:700;display:block;margin-top:23px}
.filter-select select{display:block;width:100%;font-size:11px;font-weight:400;margin-top:12px;padding:11px 8px;border:1px solid #393939;border-radius:7px;background:#161616;color:#eee;color-scheme:dark}
.filter-help{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}
.filter-help>svg{color:var(--green);width:23px;height:23px;margin-bottom:8px}
.filter-help strong{display:block;font-size:12px}
.filter-help p{font-size:11px;color:#aaa;margin:7px 0 13px;line-height:1.5}
.filter-help a{font-size:11px;color:var(--green);display:flex;align-items:center;gap:8px}
.filter-help a svg{width:15px;height:15px}
.catalog-toolbar{min-height:40px;margin-bottom:19px;padding-bottom:15px;gap:12px}
#result-count{font-size:11px;color:#bababa;line-height:1.5}
.filters-toggle{display:none}
.sort-label{white-space:nowrap;font-size:11px}
.sort-label select{font-size:11px;padding:8px 12px;border-radius:7px}
.product-grid{gap:28px 17px}
.product-photo{border-radius:24px}
.saving-badge{left:11px;top:12px;font-size:8px;padding:6px 8px;letter-spacing:0}
.favorite-button{top:9px;right:9px;width:29px;height:29px}
.card-brand{margin-top:12px;font-size:9px}
.card-name{font-size:13px;min-height:34px;line-height:1.3}
.card-prices{margin:7px 0 12px;gap:8px}
.price{font-size:23px}.retail-price{font-size:10px}
.card-action{border:1px solid #333;border-radius:8px;padding:10px;font-size:10px}
.card-action:hover{border-color:var(--green);background:#80cc4910}
.load-more{margin-top:33px}
#visible-count{color:#aaa;font-size:11px;margin-bottom:15px}
@media(min-width:1500px){.catalog-banner-inner{height:170px}.banner-copy h1{font-size:52px}}
@media(max-width:1100px) and (min-width:761px){
 .catalog-layout{grid-template-columns:150px minmax(0,1fr);gap:20px}.catalog-filters{padding-right:17px}
 .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 14px}
 .banner-copy h1{font-size:39px}.banner-shoes{width:220px}.banner-nike{width:215px;top:58px}.banner-puma{width:175px;top:13px}
 .banner-offer{padding-left:17px;font-size:8px}.banner-offer strong{font-size:38px}
 .brand-section{grid-template-columns:repeat(4,100px) 1fr;gap:12px}.brand-section .catalog-delivery{font-size:10px}
 .section-heading h2{font-size:27px}.card-name{font-size:12px}.price{font-size:21px}
 .sort-label{font-size:0;gap:0}.sort-label select{font-size:11px}
 .saving-badge{font-size:7px;left:8px;top:9px;padding:5px 6px}.favorite-button{width:25px;height:25px;right:7px;top:7px}
}
@media(max-width:760px){
 .catalog-banner-inner{height:116px;gap:0}.banner-copy .eyebrow{font-size:7px;letter-spacing:.7px}
 .banner-copy h1{font-size:31px;line-height:1.04;margin:7px 0;max-width:230px}.banner-copy p{font-size:10px;max-width:180px;line-height:1.4}
 .banner-shoes{position:absolute;right:-22px;top:0;width:150px;height:116px;opacity:.9}
 .banner-shoes::before{inset:10px 4px 8px 20px}
 .banner-puma{width:116px;top:9px;right:-13px}.banner-nike{width:150px;top:49px;left:8px}
 .banner-offer{display:none}
 .brand-section{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 0}
 .brand-section button:not(.brand-all){height:40px;border-radius:13px}.brand-section img{max-height:29px;width:58px}
 .brand-section .catalog-delivery{display:none}
 .catalog-section{padding-top:17px}.catalog-breadcrumb{font-size:9px;margin-bottom:8px}
 .section-heading{margin-bottom:17px}.section-heading h2{font-size:23px;max-width:none}
 .catalog-layout{display:flex;flex-direction:column;gap:0}.catalog-products{width:100%;display:contents}
 .catalog-toolbar{order:-2;width:100%;flex-wrap:wrap;gap:12px;margin-bottom:15px;padding-bottom:14px;min-height:0}
 .filters-toggle{display:flex;align-items:center;gap:8px;font-size:12px;border:1px solid #444;padding:9px 13px;border-radius:7px}
 .filters-toggle svg{width:15px;height:15px}.filters-toggle span{background:var(--green);color:#111;border-radius:10px;font-size:9px;padding:1px 5px}
 .sort-label{font-size:0;margin-left:auto;gap:0}.sort-label select{font-size:11px;padding:9px 10px}
 #result-count{order:3;width:100%;font-size:10px}
 .catalog-filters{display:none;position:static;width:100%;border:1px solid #333;padding:18px;border-radius:14px;order:-1;margin:0 0 20px;background:#141414}
 .filters-open .catalog-filters{display:grid;grid-template-columns:1fr 1fr;gap:16px}
 .filters-heading,.catalog-filters fieldset{grid-column:1/-1;margin:0}.filters-heading{margin-bottom:2px}
 .filter-tabs{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:4px}
 .filter-tabs button{font-size:11px;padding:9px}.filter-tabs button::before{width:11px;height:11px}
 .filter-select{margin:0;font-size:11px}.filter-select select{margin-top:8px;font-size:11px}.filter-help{display:none}
 .product-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 13px}
 .product-photo{border-radius:22px}.card-name{font-size:12px;min-height:32px}.price{font-size:22px}
 .saving-badge{font-size:7px;left:9px;top:10px}.favorite-button{width:26px;height:26px;top:8px;right:8px}
 .load-more,.catalog-note{width:100%}.empty-state{width:100%}
 .card-action{font-size:10px;padding:9px}.card-action svg{width:14px;height:14px}
}
@media(max-width:360px){.banner-copy h1{font-size:28px}.banner-copy p{max-width:155px}.banner-shoes{right:-35px}.section-heading h2{font-size:21px}.saving-badge{font-size:6.5px;padding-inline:6px}.card-name{font-size:11px}.card-prices{gap:6px}.price{font-size:21px}}
/* Price promotions at entry, matching the supplied Fluxo campaign cards. */
.promotions{padding-top:20px}
.promo-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.promo-slider{min-width:0}
.promo-layout .campaign{display:block;width:100%;height:270px;min-height:270px;padding:27px 30px;border-radius:30px}
.promo-layout .campaign h2{font-size:47px;margin-top:16px;line-height:.99}
.promo-layout .campaign>div>span:first-child{font-size:10px;letter-spacing:1.6px}
.promo-layout .campaign-link{font-size:12px;margin-top:22px}
.promo-layout .campaign>.campaign-price{width:178px;height:181px;right:-5px;top:51px;padding:20px 17px;border-radius:13px}
.promo-layout .campaign-price strong{font-size:79px}
.promo-layout .campaign-price small{font-size:11px}
.promo-layout .campaign-price>span{font-size:9px;letter-spacing:1.4px;line-height:1.5}
.promo-layout .campaign-green>div:first-child{max-width:70%}
.promo-layout .campaign-black img{width:56%;right:-9%;bottom:22px}
.promo-layout .campaign-black h2{position:relative;z-index:2}
.promo-controls{display:flex;justify-content:center;align-items:center;gap:22px;padding:12px 0 0}
.promo-dots{display:flex;gap:7px}
.promo-dots button{border:1px solid #353535;border-radius:20px;color:#aaa;font-size:10px;padding:7px 15px}
.promo-dots button[aria-pressed=true]{color:#111;background:var(--green);border-color:var(--green);font-weight:700}
#promo-pause{display:flex;align-items:center;gap:5px;font-size:10px;color:#aaa;padding:8px}
#promo-pause svg{height:13px;width:13px}
.promo-slide:not([hidden]){animation:promo-in .3s ease-out}
@keyframes promo-in{from{opacity:.45}to{opacity:1}}
.brand-section{padding:15px 0}
.section-heading h1{font:800 italic 29px/1.1 Barlow;letter-spacing:-.5px;margin:0}
.section-heading h1 span{color:var(--green)}
@media(max-width:1100px) and (min-width:761px){.promo-layout{gap:17px}.promo-layout .campaign{height:245px;min-height:245px;padding:25px 23px}.promo-layout .campaign h2{font-size:38px}.promo-layout .campaign>.campaign-price{width:130px;height:151px;right:-12px;top:52px;padding:20px 10px}.promo-layout .campaign-price strong{font-size:63px}.promo-layout .campaign-price small{font-size:9px}.promo-layout .campaign-price>span{font-size:8px;letter-spacing:.6px}.promo-layout .campaign>div>span:first-child{font-size:8px}.promo-layout .campaign-link{font-size:10px}.section-heading h1{font-size:27px}}
@media(max-width:760px){
 .promotions{padding-top:14px}.promo-layout{grid-template-columns:1fr;gap:0}.promo-layout>.brand-banners{display:none}
 .promo-layout .campaign{height:224px;min-height:224px;padding:24px;border-radius:26px}
 .promo-layout .campaign h2{font-size:39px;margin-top:15px}.promo-layout .campaign>div>span:first-child{font-size:8px;letter-spacing:1.2px}
 .promo-layout .campaign>.campaign-price{width:123px;height:140px;right:-6px;top:43px;padding:15px 10px}
 .promo-layout .campaign-price strong{font-size:60px}.promo-layout .campaign-price small{font-size:8px}.promo-layout .campaign-price>span{font-size:7px;letter-spacing:.8px}
 .promo-layout .campaign-link{font-size:10px;margin-top:18px}.promo-layout .campaign-green>div:first-child{max-width:75%}
 .promo-controls{padding-top:8px;gap:12px}.promo-dots button{font-size:9px;padding:6px 13px}
 .brand-section{padding:13px 0}.section-heading h1{font-size:23px}
}
@media(max-width:360px){.promo-layout .campaign{padding:22px 20px;height:214px;min-height:214px}.promo-layout .campaign h2{font-size:35px}.promo-layout .campaign>.campaign-price{width:111px;right:-10px;top:42px}.promo-layout .campaign-price strong{font-size:55px}.section-heading h1{font-size:21px}}

/* Brand rail fills its container consistently at every breakpoint. */
.brand-section{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.brand-section button:not(.brand-all){height:62px;border-radius:20px}
.brand-section img{width:88px;max-height:43px}
@media(max-width:1100px) and (min-width:761px){.brand-section{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.brand-section button:not(.brand-all){height:56px}}
@media(max-width:760px){.brand-section{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.brand-section button:not(.brand-all){height:40px;border-radius:13px}.brand-section img{width:58px;max-height:29px}}

.promo-slider{position:relative}
#promo-pause.promo-accessible-control:not(:focus-visible){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#promo-pause.promo-accessible-control:focus-visible{position:absolute;top:8px;left:8px;z-index:5;background:#111;color:#fff;border-radius:6px;padding:10px}

/* Swipeable promotions with three compact position indicators. */
.promo-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:30px;overscroll-behavior-x:contain;cursor:grab;touch-action:pan-x pan-y pinch-zoom}
.promo-track::-webkit-scrollbar{display:none}
.promo-track .promo-slide{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;animation:none;user-select:none;cursor:grab}
.promo-track.is-dragging{scroll-snap-type:none;cursor:grabbing}
.promo-track.is-dragging .promo-slide{cursor:grabbing}
.promo-pagination{display:flex;justify-content:center;align-items:center;gap:1px;padding:5px 0 0}
.promo-pagination button{width:30px;height:27px;display:grid;place-items:center;padding:0;border-radius:15px}
.promo-pagination button::before{content:"";display:block;width:7px;height:7px;border-radius:50%;background:#5b5b5b;transition:background .2s,transform .2s}
.promo-pagination button[aria-pressed=true]::before{background:var(--green);transform:scale(1.2)}
.promo-pagination button:hover::before{background:#b7e594}
.promo-track .campaign h2{font-size:49px;line-height:1.03;margin-top:22px}
.promo-track .campaign h2 em{font-style:italic}
.promo-track .campaign-link{margin-top:29px}
@media(max-width:1100px) and (min-width:761px){.promo-track .campaign h2{font-size:38px;margin-top:22px}.promo-track .campaign-link{margin-top:27px}}
@media(max-width:760px){.promo-track{border-radius:26px}.promo-track .campaign h2{font-size:38px;margin-top:21px}.promo-track .campaign-link{margin-top:25px}.promo-pagination{padding-top:3px}.promo-pagination button{height:26px}}
@media(max-width:360px){.promo-track .campaign h2{font-size:34px}.promo-track .campaign-link{margin-top:23px}}
.promo-pagination button[aria-pressed=false]:hover::before{background:#999}

/* Catalog choices: visible buttons, combined filters, and multiple sizes. */
.catalog-choices{padding-top:10px;border-bottom:1px solid var(--line)}
.catalog-choices .brand-section{grid-template-columns:repeat(var(--brand-count,5),minmax(0,1fr));gap:16px;padding:12px 0 0;border:0}
.catalog-choices .brand-section button{height:74px;border-radius:22px;border:2px solid transparent;transition:background .18s,border-color .18s,transform .18s}
.catalog-choices .brand-section .brand-every{background:#181818;color:#eee;border-color:#2b2b2b;font-size:13px;font-weight:800;letter-spacing:2px}
.catalog-choices .brand-section button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#0a0a0a}
.catalog-choices .brand-section img{width:94px;max-height:46px;object-fit:contain}
.audience-buttons{display:flex;justify-content:center;gap:16px;padding:28px 0}
.audience-buttons button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:160px;min-height:64px;border:2px solid #292929;border-radius:22px;background:#181818;color:#ddd;font-size:13px;font-weight:800;letter-spacing:1.6px;transition:background .18s,border-color .18s}
.audience-buttons svg{width:17px;height:17px}
.audience-buttons button[aria-pressed=true],.choice-buttons button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#0a0a0a}
.audience-buttons button:hover,.choice-buttons button:hover{border-color:var(--green)}
.choice-details{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:32px;border-top:1px solid #252525;padding-top:22px}
.choice-details fieldset{padding:0;margin:0;border:0;min-width:0}
.choice-details legend{font-size:11px;font-weight:800;letter-spacing:1.2px;margin-bottom:13px}
.choice-details legend span{font-size:11px;font-weight:400;letter-spacing:0;color:#aaa;margin-left:10px}
.choice-buttons{display:flex;flex-wrap:wrap;gap:7px}
.choice-buttons button{min-width:44px;min-height:44px;padding:9px 12px;border:1px solid #363636;border-radius:12px;background:#161616;color:#ddd;font-size:12px;font-weight:600;transition:background .18s,border-color .18s}
.selection-summary{min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#aaa}
.selection-summary button{display:flex;align-items:center;gap:5px;color:var(--green);font-size:12px;min-height:44px}
.selection-summary svg{width:14px;height:14px}
.catalog-layout{display:block}.catalog-products{display:block;width:100%}
.catalog-toolbar{display:flex;justify-content:space-between}.sort-label{margin-left:auto}
@media(max-width:760px){
 .header-main{min-height:74px;height:74px;padding-bottom:0;flex-wrap:nowrap}
 html{scroll-padding-top:88px}
 .catalog-choices{padding-top:3px}
 .catalog-choices .brand-section{gap:7px;padding-top:8px}
 .catalog-choices .brand-section button{height:52px;border-radius:14px;padding:8px}
 .catalog-choices .brand-section .brand-every{font-size:9px;letter-spacing:.5px;padding:5px}
 .catalog-choices .brand-section img{width:100%;max-height:30px}
 .audience-buttons{gap:9px;padding:19px 0}
 .audience-buttons button{min-width:0;flex:1;min-height:52px;border-radius:16px;font-size:11px;letter-spacing:1px;gap:5px}
 .audience-buttons svg{width:14px;height:14px}
 .choice-details{grid-template-columns:1fr;gap:20px;padding-top:19px}
 .choice-buttons{gap:7px}.choice-buttons button{min-width:44px;padding:8px 11px}
 .choice-details legend{font-size:10px}.choice-details legend span{font-size:10px}
 .selection-summary{font-size:10px;min-height:52px}.selection-summary button{font-size:11px;white-space:nowrap}
 .catalog-toolbar #result-count{order:0;flex:1;width:auto}.catalog-toolbar .sort-label{flex-shrink:0}
}
@media(prefers-reduced-motion:reduce){.catalog-choices button{transition:none!important}}

/* Separate storefront and catalog pages. */
.nav-bar .nav-link{display:flex;align-items:center;gap:9px;height:100%;font-size:13px;font-weight:700;padding:0 6px}
.nav-bar .nav-link[aria-current=page]{color:var(--green)}
.nav-bar .nav-link:hover{color:var(--green)}
.home-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:36px;padding-bottom:14px}
.home-intro .kicker{font-size:10px;letter-spacing:2px;color:#bbb;margin:0 0 10px}
.home-intro h1{font:900 italic 56px/.98 'Barlow Condensed',sans-serif;letter-spacing:-.7px;margin:0 0 12px}
.home-intro p{font-size:15px;color:#bdbdbd;line-height:1.5}

.home-page .promo-layout .campaign{height:310px;min-height:310px;text-align:left}
.home-page .promo-layout .campaign h2{font-size:58px}
.home-page .promo-layout .campaign>.campaign-price{top:64px;width:185px;height:192px}
.home-page .promo-layout .campaign-price strong{font-size:86px}
.home-page .promo-layout .campaign-link{margin-top:30px}
.home-brands{padding:26px 0 32px}
.home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px}
.home-section-heading h2{font:800 italic 25px/1.1 'Barlow Condensed',sans-serif}
.home-section-heading h2 span{color:var(--green)}
.home-section-heading>span{font-size:12px;color:#aaa}
.home-brand-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.home-brand-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;color:#111;border-radius:22px;min-height:82px;padding:16px 26px;transition:background .2s,transform .2s}
.home-brand-links img{width:105px;height:48px;object-fit:contain}
.home-brand-links svg{width:21px;height:21px}
.home-brand-links a:hover{background:var(--green);transform:translateY(-3px)}
.home-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:25px 0 34px;border-top:1px solid var(--line)}
.home-benefits>div{display:flex;align-items:center;gap:16px}
.home-benefits>div>svg{color:var(--green);width:30px;height:30px}
.home-benefits h2{font:800 15px/1.3 Barlow,sans-serif;letter-spacing:.4px}
.home-benefits p{color:#aaa;font-size:12px;margin-top:5px;line-height:1.4}
.home-closing{text-align:center;background:#171c14;border:1px solid #303b28;border-radius:32px;padding:40px 24px;margin-bottom:32px}
.home-closing .kicker{font-size:10px;letter-spacing:1.8px;color:#ccc}
.home-closing h2{font:900 italic 62px/.98 'Barlow Condensed',sans-serif;margin:14px 0 25px}
.home-closing h2 span{color:var(--green)}
.mobile-catalog-bar{display:none}
.catalog-page-heading{padding-top:30px;margin-bottom:10px}
.catalog-page-heading a:hover{color:var(--green)}
.catalog-page .catalog-choices{padding-top:0}
.catalog-page .catalog-section{padding-top:22px}
@media(min-width:761px) and (max-width:1100px){.home-intro h1{font-size:46px}.home-page .promo-layout .campaign{height:280px;min-height:280px}.home-page .promo-layout .campaign h2{font-size:44px}.home-page .promo-layout .campaign>.campaign-price{width:145px;height:170px}.home-page .promo-layout .campaign-price strong{font-size:70px}.home-brand-links a{padding:15px}.home-brand-links img{width:90px}}
@media(max-width:760px){
 .nav-bar .nav-link{min-height:43px;padding:10px 0}.nav-bar>div{grid-template-columns:1fr 1fr 1fr}.nav-bar .contact-nav{display:flex;min-height:42px}
 .home-intro{display:block;padding-top:25px;padding-bottom:4px}.home-intro .kicker{font-size:9px;margin-bottom:8px}.home-intro h1{font-size:43px}.home-intro p{font-size:12px}
 .home-page .promo-layout .campaign{height:252px;min-height:252px;padding:26px 22px}.home-page .promo-layout .campaign h2{font-size:41px}.home-page .promo-layout .campaign>.campaign-price{width:125px;height:156px;top:49px}.home-page .promo-layout .campaign-price strong{font-size:64px}.home-page .promo-layout .campaign-link{margin-top:29px}
 .home-brands{padding:20px 0 24px}.home-section-heading{display:block;margin-bottom:14px}.home-section-heading h2{font-size:22px}.home-section-heading>span{display:block;margin-top:7px;font-size:11px}
 .home-brand-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-brand-links a{min-height:65px;padding:13px 17px;border-radius:18px}.home-brand-links img{width:80px;height:38px}.home-brand-links svg{width:17px;height:17px}
 .home-benefits{grid-template-columns:1fr;gap:21px;padding:23px 0 27px}.home-benefits h2{font-size:13px}.home-benefits p{font-size:11px}
 .home-closing{padding:30px 18px;border-radius:24px;margin-bottom:10px}.home-closing h2{font-size:50px}
 .home-page{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.mobile-catalog-bar{display:block;position:fixed;bottom:0;left:0;right:0;z-index:35;background:#0b0b0bf5;border-top:1px solid #303030;padding:10px 18px calc(10px + env(safe-area-inset-bottom))}
 .mobile-catalog-bar a{display:flex;justify-content:center;align-items:center;gap:28px;min-height:48px;background:var(--green);color:#111;border-radius:15px;font-size:13px;font-weight:800;letter-spacing:1px}
 .home-page .floating-wa{bottom:calc(86px + env(safe-area-inset-bottom))}
 .catalog-page-heading{padding-top:23px;margin-bottom:12px}.catalog-page .catalog-section{padding-top:18px}
}

/* Size selection opens from the header ruler. */
.compact-choices{align-items:center;padding-bottom:8px}
.size-summary-button{display:flex;align-items:center;gap:12px;justify-self:start;max-width:100%;border:1px solid #353535;border-radius:15px;padding:13px 17px;font-size:13px;text-align:left}
.size-summary-button>svg:first-child{color:var(--green)}
.size-summary-button span{overflow-wrap:anywhere}
.size-summary-button>svg:last-child{width:18px;height:18px}
.sizes-dialog{width:min(540px,calc(100% - 28px));padding:28px;background:#141414;color:#fff;border:1px solid #363636;border-radius:26px}
.sizes-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sizes-dialog-heading .dialog-close{position:static}
.sizes-dialog-heading h2{font:800 italic 32px/1.1 'Barlow Condensed';margin:8px 0}
.sizes-dialog>p{font-size:13px;color:#aaa;line-height:1.5;margin:12px 0 22px}
.sizes-dialog .choice-buttons{gap:9px;margin-bottom:25px}
.sizes-dialog .choice-buttons button{min-width:49px;min-height:46px;font-size:14px}
.sizes-dialog>.button{width:100%;gap:25px}
@media(max-width:760px){.header-main{gap:10px}.header-main .logo{font-size:34px}.compact-choices{grid-template-columns:1fr;gap:18px}.size-summary-button{width:100%;justify-content:flex-start}.size-summary-button>svg:last-child{margin-left:auto}.sizes-dialog{padding:22px}.sizes-dialog-heading h2{font-size:28px}.sizes-dialog .choice-buttons button{min-width:44px}}

.preview-label{position:sticky;top:0;z-index:100;background:#ffdf82;color:#31240b;font:700 12px/1.5 Barlow;padding:10px;text-align:center}

/* Two equal groups keep the announcement loop continuous, including CMS updates. */
.announcement{display:block;overflow:hidden}
.announcement-track{display:flex;width:max-content;height:100%;animation:announcement-scroll 28s linear infinite}
.announcement-group{display:flex;align-items:center;justify-content:space-around;gap:32px;flex:0 0 auto;min-width:100vw;padding-inline:16px;white-space:nowrap}
.announcement-group span,.announcement-group svg{flex-shrink:0}
.announcement:hover .announcement-track,.announcement:focus-within .announcement-track{animation-play-state:paused}
@keyframes announcement-scroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){
 .announcement{height:auto;min-height:29px}
 .announcement-track{animation:none;width:100%;height:auto}
 .announcement-group{min-width:0;width:100%;flex-wrap:wrap;white-space:normal;gap:10px 18px;padding:8px 16px;justify-content:center;text-align:center}
 .announcement-group[aria-hidden="true"]{display:none}
}

/* "Cómo llegar": opens Google Maps straight from the header, on every screen. */
.header-directions{margin-left:auto;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 17px 0 13px;border-radius:999px;background:var(--green);color:#0a0a0a;font-weight:800;font-size:12px;line-height:1;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;flex-shrink:0}
.header-directions svg{width:18px;height:18px;stroke-width:2}
.header-directions:hover{filter:brightness(1.08)}
@media(max-width:760px){.header-directions{height:34px;padding:0 12px 0 9px;gap:5px;font-size:10px;letter-spacing:.3px}.header-directions svg{width:15px;height:15px}}
.store-hours .hours-note{color:var(--green);font-weight:800}
@media(max-width:400px){.header-main{gap:6px}.header-directions{padding:0 11px;letter-spacing:.2px}.header-directions svg{display:none}}
@media(max-width:340px){.header-main .logo{font-size:29px}.header-main .logo .logo-tagline{letter-spacing:0}.header-directions{padding:0 9px;font-size:9.5px}}

/* Logo traced from the storefront sign: FLU·X·O with the green X, "Una marca para todos". */
.logo .logo-mark{display:block;width:150px;height:auto;aspect-ratio:788/125;stroke:none;overflow:visible}
.logo .logo-tagline{font-size:7.4px;letter-spacing:3.05px;margin-top:7px;white-space:nowrap;font-weight:700;color:#f2f2f2}
.footer-main .logo .logo-mark{width:190px}
.footer-main .logo .logo-tagline{font-size:9.4px;letter-spacing:3.85px;margin-top:9px}
@media(max-width:760px){.header-main .logo .logo-mark{width:112px}.header-main .logo .logo-tagline{font-size:5.6px;letter-spacing:2.25px;margin-top:5px}.footer-main .logo .logo-mark{width:160px}.footer-main .logo .logo-tagline{font-size:7.9px;letter-spacing:3.2px}}
@media(max-width:340px){.header-main .logo .logo-mark{width:100px}.header-main .logo .logo-tagline{font-size:5px;letter-spacing:2px}}

/* WhatsApp: a floating bubble that gently bobs so it reads as "tap to talk". */
.floating-wa{width:58px;height:58px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;box-shadow:0 8px 24px #0009,0 0 0 4px #25d36626;animation:wa-float 3.2s ease-in-out infinite}
.floating-wa svg{width:28px;height:28px;stroke-width:1.9}
.floating-wa:hover{animation-play-state:paused;filter:brightness(1.06)}
@keyframes wa-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(prefers-reduced-motion:reduce){.floating-wa{animation:none}}
@media(max-width:760px){.floating-wa{right:16px;bottom:calc(18px + env(safe-area-inset-bottom));width:54px;height:54px}.floating-wa svg{width:26px;height:26px}}
/* Brand tiles: just the logo, centered. */
.home-brand-links a{justify-content:center}
/* Green band: the phrases travel from left to right in a seamless loop. */
.green-band{display:block;padding:0}
.green-band-track{display:flex;width:max-content;animation:green-band-scroll 24s linear infinite}
.green-band-group{display:flex;align-items:center;justify-content:space-around;gap:35px;flex:0 0 auto;min-width:100vw;padding:21px 18px}
.green-band-group span,.green-band-group svg{flex-shrink:0}
@keyframes green-band-scroll{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:760px){.green-band-group{gap:24px;padding:17px 12px}}
@media(prefers-reduced-motion:reduce){.green-band-track{animation:none}}

/* Catalog on phones: compact filters so the first screen already shows two rows of pairs (2 × 2). */
@media(max-width:760px){
 .catalog-page .catalog-page-heading{padding-top:18px;padding-bottom:12px;min-height:0}
 .catalog-page .catalog-breadcrumb{display:none}
 .catalog-page .catalog-page-heading h1{font-size:24px;margin:0}
 .catalog-page .catalog-choices{padding-top:0;border-bottom:0}
 .catalog-page .catalog-choices .brand-section{gap:7px;padding:0 0 10px}
 .catalog-page .catalog-choices .brand-section button{height:42px;border-radius:13px}
 .catalog-page .catalog-choices .brand-section img{max-height:22px}
 .catalog-page .audience-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:0 0 10px;margin:0}
 .catalog-page .audience-buttons [data-outlet]{display:none}
 .catalog-page .audience-buttons button{min-height:36px;padding:0 4px;border-radius:12px;font-size:10px;letter-spacing:.6px;border-width:1.5px}
 .catalog-page .choice-details{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 0 12px}
 .catalog-page .size-summary-button{display:flex;align-items:center;width:100%;min-width:0;min-height:38px;padding:0 12px;gap:8px;border-radius:12px;font-size:12px}
 .catalog-page .size-summary-button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .catalog-page .size-summary-button>svg:last-child{margin-left:auto;width:16px;height:16px;flex:none}
 .catalog-page .choice-details .sort-label{display:block;margin:0;min-width:0}
 .catalog-page .choice-details .sort-button{width:100%;min-height:38px;border-radius:12px;padding:0 12px;font-size:12px}
 .catalog-page .price-filter{display:none}
 .catalog-page .selection-summary{padding:0;min-height:0;border:0}
 .catalog-page .selection-summary>span{display:none}
 .catalog-page .selection-summary #reset-filters:not([hidden]){margin:-4px 0 8px auto;display:flex}
 .catalog-page .catalog-toolbar{min-height:0;padding:8px 0;margin:0}
 .catalog-page .catalog-toolbar #sort{height:32px;padding:0 28px 0 10px;font-size:12px;line-height:30px}
 .catalog-page .catalog-section{padding-top:0}
 .catalog-page .product-grid{row-gap:16px;column-gap:10px;padding-top:4px}
 .catalog-page .product-card .card-action{display:none}
 .catalog-page .product-card .card-brand{margin-top:8px}
 .catalog-page .product-card .card-name{margin-top:3px}
 .catalog-page .product-card .card-prices{margin-top:2px;gap:6px;align-items:baseline}
 .catalog-page .product-card .card-prices .price{font-size:17px}
 .catalog-page .product-card .card-name{font-size:13px;line-height:1.2;min-height:0}
 .catalog-page .catalog-toolbar{padding:0 0 10px;border-top:0}
 .catalog-page .catalog-page-heading h1{font-size:22px}
}

/* Sort: a button that opens the same kind of popup as the size picker. */
.sort-button{display:flex;align-items:center;gap:6px;min-width:0;min-height:40px;padding:0 14px;border:1px solid #353535;border-radius:14px;background:transparent;color:#aaa;font-size:12px;white-space:nowrap}
.sort-button strong{color:#f2f2f2;font-weight:700;overflow:hidden;text-overflow:ellipsis}
.sort-button svg:last-child{width:16px;height:16px;margin-left:auto;flex:none;transform:rotate(90deg);color:#eee}
.sort-button .sort-icon{width:20px;height:20px;flex:none;color:var(--green);stroke-width:1.9;margin-right:2px}
.sort-button:hover{border-color:var(--green)}
.sort-options{display:grid;grid-template-columns:1fr 1fr}
.sizes-dialog .sort-options button{min-height:54px;font-size:15px}
@media(max-width:760px){.catalog-page .sort-button>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}

/* Catalog on desktop: one compact filter block and smaller cards so the first row of pairs is visible without scrolling. */
@media(min-width:761px){
 .catalog-page .catalog-page-heading{padding-top:10px;margin-bottom:8px;align-items:center}
 .catalog-page .catalog-breadcrumb{display:none}
 .catalog-page .catalog-page-heading h1{font-size:24px}
 .catalog-page .catalog-choices .brand-section{padding:0;gap:12px}
 .catalog-page .catalog-choices .brand-section button{height:44px;border-radius:15px}
 .catalog-page .catalog-choices .brand-section img{width:74px;max-height:32px}
 .catalog-page .audience-buttons{padding:8px 0;gap:10px}
 .catalog-page .audience-buttons button{min-height:40px;min-width:132px;border-radius:14px}
 .catalog-page .choice-details{display:flex;align-items:center;gap:14px;padding:8px 0;border-top:1px solid #252525}
 .catalog-page .size-summary-button{min-height:40px;padding:0 16px;border-radius:13px}
 .catalog-page .price-filter{display:block}
 .catalog-page .price-filter legend{float:left;margin:0 12px 0 6px;line-height:40px}
 .catalog-page .price-filter .choice-buttons{display:flex;gap:8px}
 .catalog-page .price-filter .choice-buttons button{min-height:40px;padding:0 16px}
 .catalog-page .choice-details .sort-label{margin-left:auto}
 .catalog-page .sort-button{min-height:40px}
 .catalog-page .selection-summary{min-height:0;border:0}
 .catalog-page .selection-summary>span{display:none}
 .catalog-page .selection-summary #reset-filters:not([hidden]){margin:0 0 6px auto;min-height:30px}
 .catalog-page .catalog-toolbar{min-height:0;margin-bottom:8px;padding:0 0 6px}
 .catalog-page .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 14px}
 .catalog-page .product-card .card-action{display:none}
 .catalog-page .product-card .card-brand{margin-top:10px}
 .catalog-page .product-card .card-name{min-height:0;margin-top:3px;font-size:14px;line-height:1.25}
 .catalog-page .product-card .card-prices{margin-top:3px}
 .catalog-page .product-card .card-prices .price{font-size:19px}
}
@media(min-width:1000px){.catalog-page .product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:1360px){.catalog-page .product-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}