/* VORTEX mayoristas: independent premium reseller experience */
body{overflow-x:hidden}
[hidden]{display:none!important}
.demo-strip{min-height:24px;display:flex;align-items:center;justify-content:center;gap:9px;padding:5px 10px;background:#b79a75;color:#171f1c;text-align:center;font:800 9px var(--font-ui);letter-spacing:1.2px}
.resale-ticker{height:28px;justify-content:flex-start;gap:0}
.ticker-track{display:flex;flex:none;width:max-content;animation:resaleTicker 34s linear infinite}
.ticker-track span{padding-right:52px;display:block;flex:none;font:700 9px var(--font-ui);letter-spacing:1.9px;white-space:nowrap}
@keyframes resaleTicker{to{transform:translateX(-50%)}}
.header{height:86px}
.header-right{gap:10px}
.header-login,.header-main-cta{border:1px solid #bdaf99;padding:13px 17px;background:none;font:800 10px var(--font-ui);letter-spacing:.65px;white-space:nowrap;color:#284039;cursor:pointer}
.header-main-cta{background:#203c34;color:#f8ecdb;border-color:#203c34}
.header-main-cta span{margin-left:7px}
.partner-hero{background:radial-gradient(ellipse at 15% 50%,#6f635347,transparent 60%),linear-gradient(125deg,#172b26,#233f35 65%,#172c27);color:#f3e8d8}
.partner-hero-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:8%;padding-top:92px;padding-bottom:94px;align-items:center}
.eyebrow{display:block;color:#d9b28a;font:800 10px var(--font-ui);letter-spacing:2px;text-transform:uppercase}
.partner-intro h1{font:400 clamp(68px,8.5vw,132px)/.95 var(--font-display);margin:28px 0 23px;letter-spacing:-3px}
.partner-intro h1 em{font-style:normal;color:#d0a88e}
.partner-intro p{font:400 15px/1.95 var(--font-ui);color:#d8d2c6;max-width:500px}
.partner-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}
.gold-btn,.outline-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 24px;min-height:53px;background:#e2c29c;border:1px solid #e2c29c;color:#262b27;font:800 10px var(--font-ui);letter-spacing:1px;cursor:pointer}
.gold-btn:hover{background:#f2d4ac}
.outline-btn{background:transparent;color:#f8efe2;border-color:#a59d8b}
.partner-steps{border-top:1px solid #e5cba547}
.partner-steps>div{display:grid;grid-template-columns:64px 1fr;gap:8px 12px;border-bottom:1px solid #e5cba547;padding:20px 0}
.partner-steps span{font:24px var(--font-display);color:#c9a780;grid-row:span 2}
.partner-steps strong{font:800 11px var(--font-ui);letter-spacing:1.2px}
.partner-steps p{margin:0;color:#b7c1b5;font:12px/1.5 var(--font-ui)}
.dashboard-wrap{padding:85px 0 100px;background:#eee7d9;border-bottom:1px solid #d6c8b5}
.admin-wrap{background:#e6dbc9}
.panel-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:29px}
.panel-head h2,.admin-wrap h2{font:400 clamp(56px,6.5vw,95px)/1 var(--font-display);margin:14px 0;color:#1c302a}
.panel-head h2 em,.admin-wrap h2 em{color:#a78267;font-style:normal}
.panel-head p{font-size:13px;color:#71766d}
.panel-url{padding:17px 19px;border:1px solid #d0c5b5;background:#f8f4ed;min-width:280px;display:flex;flex-direction:column;gap:9px}
.panel-url span{font-size:9px;letter-spacing:1.1px;font-weight:800}
.panel-url code{font:11px/1.5 monospace;overflow-wrap:anywhere}
.panel-url button{border:none;background:#183b33;color:#fff;padding:12px;cursor:pointer;font-size:9px;font-weight:800;letter-spacing:1px}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.metrics>div{padding:23px 19px;border:1px solid #d9cbb7;background:#fffaf2;display:flex;flex-direction:column;gap:11px}
.metrics small{font-size:9px;letter-spacing:1px;font-weight:800}
.metrics strong{font:39px/1 var(--font-display);color:#2a463a}
.metrics span{font-size:10px;color:#7a796b}
.panel-orders{margin-top:33px;padding:25px;border:1px solid #d9cbb7;background:#f8f5ee}
.panel-orders-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.panel-orders-head h3{font:43px/1 var(--font-display);margin:0}
.panel-orders-head button{padding:12px;border:1px solid #cbbb9f;background:transparent;cursor:pointer;font-size:10px;font-weight:800}
.orders-list{display:grid;gap:12px;margin-top:20px}
.order-row{border-top:1px solid #d9cbb7;padding:15px 0;display:flex;justify-content:space-between;gap:14px;align-items:center}
.order-row b{font-size:13px}
.order-row small{display:block;color:#858074;font-size:10px;line-height:1.8}
.order-row strong{font-size:13px;color:#365848;white-space:nowrap}
.order-row button{background:#203c34;color:white;border:none;padding:11px;font-size:10px;font-weight:800;cursor:pointer}
.order-row select{font:10px var(--font-ui);padding:9px}
.panel-footnote{font-size:11px;line-height:1.8;color:#80786d;margin:22px 0 0}
.catalog{padding-top:90px}
.catalog-title-row h2{font-size:clamp(61px,8vw,130px)}
.product-card{border:1px solid var(--c-border,#ddd5c9);padding-bottom:15px;background:#fffaf4}
.product-card .product-stage{padding:10px;aspect-ratio:.85}
.product-card .product-card-meta{padding:13px 15px 0}
.product-card-bottom{display:block}
.product-base{display:block;font-size:9px;font-weight:800;letter-spacing:1px;color:#a18563}
.product-sell{font-size:17px;font-weight:800;color:#284338;display:block;margin:8px 0}
.product-earn{font:10px var(--font-ui);color:#826c54;display:block;margin:8px 0}
.product-grid .product-action{display:block;margin:15px 0 2px;width:100%;padding:12px 8px;border:1px solid #28483d;background:#28483d;color:#fff;cursor:pointer;font:800 10px var(--font-ui);letter-spacing:.45px}
.product-grid .product-action:hover{background:#4c6d5d}
.product-grid .product-action:disabled{background:#aa9b86;border-color:#aa9b86;cursor:not-allowed}
.top-five{padding-top:76px;padding-bottom:70px}
.top-five-card{cursor:pointer}
.top-five-card .top-five-rank{position:static!important;width:auto!important;height:auto!important;min-width:0!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;color:#927456!important;font-size:10px!important}
.top-five-card .top-five-info-line{display:flex;justify-content:space-between;gap:7px}
.top-five-card .top-five-price{font-size:13px}
.resale-modal-shade{position:fixed;z-index:130;inset:0;background:#101d1bc7;display:flex;align-items:center;justify-content:center;padding:15px;backdrop-filter:blur(8px)}
.resale-dialog{width:min(520px,100%);max-height:min(92vh,790px);overflow:auto;position:relative;padding:36px;background:#f6f0e8;border:1px solid #cbb79c;box-shadow:0 20px 75px #050e0c78;color:#213b32}
.resale-dialog h2{font:58px var(--font-display);margin:14px 0 20px}
.modal-close{position:absolute;top:12px;right:15px;font:35px var(--font-display);background:none;border:0;cursor:pointer}
.auth-tabs{display:flex;gap:8px;margin:15px 0 21px}
.auth-tabs button{flex:1;padding:13px 7px;border:1px solid #d5c6b3;background:transparent;font:700 10px var(--font-ui);letter-spacing:.6px}
.auth-tabs button.active{background:#203a32;color:white}
.resale-form{display:grid;gap:15px}
.resale-form label{font:800 10px var(--font-ui);letter-spacing:1px;display:grid;gap:7px}
.resale-form input{min-height:48px;width:100%;border:1px solid #bfb09b;background:#fffdf9;padding:12px 14px;font:14px var(--font-ui);color:#182f26;border-radius:0}
.resale-form .gold-btn{width:100%;margin-top:2px}
.micro-note{font:11px/1.7 var(--font-ui);color:#807769;margin:7px 0}
.product-in-modal{font:24px var(--font-display);padding:11px 0 12px;border-bottom:1px solid #c7b9a5}
.product-in-modal small{font:800 10px var(--font-ui);display:block;letter-spacing:1px;margin-bottom:8px;color:#a48764}
.price-math{display:flex;justify-content:space-between;gap:15px;padding:13px 0}
.price-math span{font:800 10px var(--font-ui);letter-spacing:.4px}
.price-math strong{display:block;margin-top:7px;font-size:18px;color:#385447}
.form-error{margin-top:14px;padding:12px;background:#f7d8d8;color:#833a3a;font-size:12px;line-height:1.6}
.resale-badge{display:inline-block;padding:6px 8px;margin-top:10px;border:1px solid #bcaa92;color:#826c52;font:800 8px var(--font-ui);letter-spacing:1.1px}
.public-store-intro{background:#1a3b31;color:#fff7eb;padding:35px 5%;text-align:center}
.public-store-intro h1{font:55px var(--font-display);margin:14px 0 5px}
.public-store-intro p{font-size:12px;color:#e2c5a6}
@media(max-width:950px){
 .header{padding:0 4%;gap:12px}.header-right{gap:7px}.header-login,.header-main-cta{font-size:9px;padding:12px}
 .partner-hero-inner{grid-template-columns:1fr;gap:42px}
 .metrics{grid-template-columns:repeat(2,1fr)}
 .panel-head{align-items:stretch;flex-direction:column}
}
@media(max-width:600px){
 .demo-strip{font-size:8px;letter-spacing:.5px}.header{height:73px;padding:0 4%}.header-right{gap:5px}
 .brand{gap:7px}.brand-text{font-size:31px}.brand-text small{font-size:7px;letter-spacing:1.7px}
 .header-login,.header-main-cta{padding:9px 8px;font-size:8px;letter-spacing:0}
 .header-main-cta span{display:none}
 .ticker-track span{font-size:8px}
 .partner-hero-inner{width:89%;padding:70px 0}
 .partner-intro h1{font-size:clamp(68px,16vw,99px)}
 .partner-intro p{font-size:13px}
 .partner-steps>div{padding:18px 0}
 .dashboard-wrap{padding:55px 0}
 .metrics{gap:9px}
 .metrics>div{padding:17px 11px}
 .metrics small{font-size:8px}
 .metrics strong{font-size:31px}
 .panel-orders{padding:16px}
 .panel-orders-head h3{font-size:36px}
 .order-row{align-items:start;flex-direction:column}
 .product-grid .product-card-meta{padding:11px 10px 0}
 .product-base{font-size:8px}
 .product-sell{font-size:15px}
 .product-grid .product-action{font-size:9px;padding:11px 5px}
 .resale-dialog{padding:30px 22px}
 .resale-dialog h2{font-size:51px}
 .top-five{padding-top:60px}
}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}}

.admin-base-btn{display:block;width:100%;margin-top:7px;padding:9px;background:transparent;border:1px dashed #978162;color:#6a5536;font:800 9px var(--font-ui);letter-spacing:.5px;cursor:pointer}
.admin-base-btn:hover{background:#eaddc8}

/* Typography tuned for direct reseller message: no title clipped on small screens. */
.partner-intro h1{font-size:clamp(62px,7vw,116px);letter-spacing:-2px;overflow-wrap:normal}
@media(max-width:600px){.partner-intro h1{font-size:clamp(47px,11.8vw,68px);letter-spacing:-1px;line-height:1.04}}

/* VORTEX NOIR — black / champagne visual identity */
:root{--ivory:#0d0d0f;--ink:#ede7de;--muted:#a79b8c;--gold:#c4a574;--forest:#0e0d0e;--deep:#0b0b0d}
html{background:#0a0a0c;color-scheme:dark}
body{background:#0b0b0d;color:#eee9e1;min-height:100vh}
.resale-ticker,.preheader{background:#141311;color:#d8c3a1;border-bottom:1px solid #9f845c40}
.ticker-track span{color:#dac7a5;font-weight:700;letter-spacing:1.75px}
.header{
 background:linear-gradient(180deg,rgba(17,16,17,.99),rgba(11,11,13,.99));
 border-bottom:1px solid #ad90633a;
 box-shadow:0 5px 24px #0006;
 backdrop-filter:blur(15px);
}
.header .brand-text,.footer .brand-text{color:#f8f1e7}
.header .brand-text small,.footer .brand-text small{color:#bdab91}
.header .brand-glyph,.footer .brand-glyph{color:#c7a875}
.header .nav a{color:#d7cfc3}
.header .nav a:hover{color:#ddbb85}
.header-login{color:#eadbc6;background:transparent;border:1px solid #9b865e7d}
.header-login:hover{border-color:#dfc49b;background:#ffffff08}
.header-main-cta{background:#c9ae83;color:#191716;border:1px solid #c9ae83}
.header-main-cta:hover{background:#e5c9a0;border-color:#e5c9a0}
.header :focus-visible{outline-color:#d9b987}
.duality{background:#0b0b0b}
.duality-topline,.duality-bottomline{color:#e7d8c9c9}
.world-divider{background:#c6aa824d}
.world-divider span:first-child{border-color:#d5b98d;background:#111111;color:#e4c89e}
.world-her:after{background:linear-gradient(0deg,#150f17c9,transparent 52%),linear-gradient(90deg,#180e1015,transparent)}
.world-him:after{background:linear-gradient(0deg,#070a0cdd,transparent 55%),linear-gradient(90deg,#0a111119,transparent)}
.world-arrow{border-color:#eadcc9;color:#fdf7ee}
.world-detail{color:#fff7ec}
.partner-hero{
 background:radial-gradient(ellipse 64% 75% at 9% 15%,#5f473a33,transparent 71%),
 radial-gradient(ellipse 55% 80% at 92% 95%,#4c392a24,transparent 76%),
 linear-gradient(116deg,#111011,#161415 52%,#0b0b0c 100%);
 border-top:1px solid #b99b6d38;
 border-bottom:1px solid #b99b6d35;
 color:#f5eee5;
}
.partner-hero-inner{padding-top:102px;padding-bottom:105px}
.partner-intro h1{color:#fbf6ee}
.partner-intro h1 em{color:#d6b389}
.partner-intro p{color:#cdc5bb}
.eyebrow{color:#d4ad7a}
.gold-btn{background:#d2b48a;color:#151312;border-color:#d2b48a}
.gold-btn:hover{background:#edd4ad;border-color:#edd4ad}
.outline-btn{border-color:#9d8666;color:#f0e6d9}
.outline-btn:hover{background:#d1b287;color:#181515}
.partner-steps{border-top:1px solid #a88a614e}
.partner-steps>div{border-color:#a88a614e}
.partner-steps span{color:#c2a47a}
.partner-steps strong{color:#eee4d7}
.partner-steps p{color:#aba299}
.unisex-break{background:#0d0b0b}
.unisex-link{border-color:#c4a16f;color:#eed9bc}
.unisex-link:hover{background:#d9bd90;color:#1b1713}

/* Dashboard, balances, order list */
.dashboard-wrap,.admin-wrap{
 background:radial-gradient(ellipse 65% 58% at 4% 8%,#493b3029,transparent 78%),#0c0c0e;
 border-bottom:1px solid #af8e6438;color:#efe6d8
}
.admin-wrap{background:#101011}
.panel-head h2,.admin-wrap h2{color:#f6eee2}
.panel-head h2 em,.admin-wrap h2 em{color:#c8a778}
.panel-head p,.panel-footnote{color:#afa599}
.panel-url{background:#191819;border:1px solid #b898654d}
.panel-url span{color:#ccb18d}
.panel-url code{color:#f3e8d7}
.panel-url button{background:#cfaf83;color:#181511;border:1px solid #cfaf83}
.panel-url button:hover{background:#ead1ab}
.metrics>div{
 background:linear-gradient(145deg,#1d1b1b,#151415);
 border:1px solid #967d574d;
 box-shadow:inset 0 1px #d4b8870c
}
.metrics small{color:#bfa985}
.metrics strong{color:#f0e3d1}
.metrics span{color:#a69a8c}
.panel-orders{background:#171617;border:1px solid #a88b624b}
.panel-orders-head h3{color:#f0e4d3}
.panel-orders-head button{background:#22201f;color:#e5d4ba;border-color:#9b825c}
.orders-list,.order-row{color:#eee6da}
.order-row{border-color:#9d81504f}
.order-row small{color:#a69e95}
.order-row strong{color:#e4c395}
.order-row button{background:#c9aa7c;color:#17130f}
.order-row select{background:#171717;color:#fff1dc;border:1px solid #8e7956}

/* Deep charcoal catalog instead of the previous changing pastels */
body .catalog,body[data-world="mujer"] .catalog,body[data-world="hombre"] .catalog,body[data-world="unisex"] .catalog{
 --c-bg:#0e0e10;--c-fg:#f2ebe1;--c-secondary:#b3a89b;--c-border:#8e75523e;
 --c-input:#1a191a;--c-card:#201e1d;--c-accent:#c9a77a;
 --c-button:#d0b084;--c-button-text:#171411;--c-fg-soft:#bfae99;
 background:radial-gradient(ellipse 70% 26% at 50% 0,#3a2b2330,transparent 88%),var(--c-bg);
 color:var(--c-fg);transition:none;
}
.catalog h2{color:#f6ede3}
.catalog h2 em{color:#c9a779}
.catalog .overline,.catalog-world-header>span{color:#bda47c}
.catalog-world-header strong{color:#f4eee5}
.catalog .catalog-intro{color:#bbb0a2}
.catalog .world-tabs button{
 border:1px solid #a58a614f;color:#ddcfbc;background:#171618;
 border-radius:2px;
}
.catalog .world-tabs button:hover{border-color:#d5b487}
.catalog .world-tabs button.selected{background:#cfb083;color:#141311;border-color:#cfb083}
.catalog .search-field,.catalog .sort-filter select{background:#1d1b1b;color:#f5eee4;border-color:#9f845b5a}
.catalog .search-field input{color:#f8f0e8}
.catalog .search-field input::placeholder{color:#b5aa9d}
.catalog .sort-filter select option{background:#1d1b1b;color:#f4e8d9}
.catalog .result-row span{color:#c0b09d}
.product-card{
 background:linear-gradient(150deg,#1b1a1a,#121213);
 border:1px solid #94795247;
 padding-bottom:16px;
 transition:border-color .28s,transform .3s,box-shadow .3s;
 box-shadow:0 10px 22px #0005;
}
.product-card:hover{border-color:#b4966a;transform:translateY(-3px);box-shadow:0 17px 29px #0009}
.product-card .product-stage{
 background:linear-gradient(135deg,#2c2825,#161515);
 border-bottom:1px solid #957b5442;
}
.product-card .product-stage:after{border-color:#d5b68f21}
.product-card .product-image img{filter:saturate(.95)}
.product-card .product-card-brand{color:#c7a97c}
.product-card .product-card-name{color:#f5efe7}
.product-card .product-card-name a:hover{color:#d8ba8b}
.product-card .product-card-type{color:#aea293}
.product-card .product-card-bottom{border-color:#a6885f42}
.product-card .product-base{color:#c8ad82}
.product-card .product-sell{color:#f4ebe0}
.product-card .product-earn{color:#cfb58e}
.product-grid .product-action{
 background:#c9ab7e;color:#161311;border:1px solid #c9ab7e;
 letter-spacing:.75px;
}
.product-grid .product-action:hover{background:#ebcfa2;border-color:#ebcfa2}
.product-grid .product-action:disabled{background:#48413a;color:#cbbfae;border-color:#48413a}
.admin-base-btn{border:1px solid #927854;color:#d8bc92}
.admin-base-btn:hover{background:#27221c}
.catalog-footer{color:#b9ad9a;border-color:#9c7d5340}

/* Top five premium instead of cream */
.top-five{background:transparent;color:#f3e9db}
.top-five h2{color:#f4eee5}
.top-five h2 em{color:#caaa7d}
.top-five-overline,.top-five-nav span{color:#c2aa85}
.top-five-nav button{color:#eed7b6;border-color:#a88e69;background:#171615}
.top-five-nav button:hover{background:#c6a87d;color:#181512;border-color:#c6a87d}
.top-five-card{
 background:#181717!important;border-color:#967b554f!important;
 color:#f7eadc;
}
.top-five-card:hover{border-color:#ccad81!important;box-shadow:0 15px 38px #000a}
.top-five-photo{background:linear-gradient(145deg,#282421,#171615)}
.top-five-photo:after{background:#0005}
.top-five-copy{background:#191818}
.top-five-brand,.top-five-card .top-five-rank{color:#c6a87f!important}
.top-five-name{color:#f4eee2}
.top-five-price{color:#e4c598}
.top-five-bottom{border-color:#93785055}

/* Footer */
.footer{color:#e8e0d5}
.footer-main p{color:#ada69a}
.footer-links a{color:#ddd4c6}
.footer-links span{color:#c1a375}
.footer-links a:hover{color:#ddba85}
.footer-meta{color:#999083;border-color:#a68d634b}

/* On-brand dark login, pricing and order dialogs */
.resale-modal-shade{background:#040404d9}
.resale-dialog{
 background:radial-gradient(ellipse at 80% 0,#45382d45,transparent 66%),#151414;
 color:#f5ede1;border:1px solid #b89a716e;box-shadow:0 25px 85px #000d;
}
.resale-dialog h2{color:#f5eee4}
.modal-close{color:#e6d6c3}
.auth-tabs button{color:#dfd0bb;border-color:#907b5b;background:#1a1919}
.auth-tabs button.active{color:#181411;background:#d0b287;border-color:#d0b287}
.resale-form label{color:#e4d2ba}
.resale-form input{background:#232121;color:#f9efdf;border:1px solid #856f52}
.resale-form input::placeholder{color:#9b9184}
.resale-form input:focus{outline:1px solid #d4b286;border-color:#d4b286}
.resale-form .gold-btn{color:#151210}
.micro-note{color:#afa69a}
.product-in-modal{border-color:#8c765745;color:#f2e6d6}
.product-in-modal small{color:#bda07a}
.price-math{color:#e5d8c6}
.price-math strong{color:#e5bf8b}
.form-error{background:#472625;color:#ffceba;border:1px solid #ad6762}
.public-store-intro{background:linear-gradient(140deg,#191717,#0b0b0e);color:#f4e6d7;border-bottom:1px solid #a88a624f}
.public-store-intro h1{color:#f5e6d9}
.public-store-intro p{color:#d6b78d}
@media(max-width:600px){
 .header{background:#0e0d0e}
 .header .brand-text{color:#f1e9dd}
 .header-login{padding:9px 8px}
 .header-main-cta{padding:9px 8px}
 .product-card{box-shadow:0 8px 15px #0007}
 .product-card .product-card-meta{padding:12px 10px 0}
 .partner-hero-inner{padding:66px 0}
 .partner-intro h1{font-size:clamp(47px,11.8vw,68px);letter-spacing:-1.4px}
 .panel-orders{background:#1a1919}
 .top-five-photo{background:#272320}
}
@media(prefers-reduced-motion:reduce){
 .product-card{transition:none}
}


/* VORTEX: sólo lettering, sin símbolo. */
.brand.vortex-brand{display:inline-flex;align-items:center;gap:0;flex:none;text-decoration:none;max-width:100%;width:max-content}
.brand.vortex-brand .vortex-wordmark{display:block;white-space:nowrap;font-family:'Italiana',Georgia,serif;font-weight:400;font-size:40px;line-height:.94;letter-spacing:2.7px;color:#24543f}
.brand.vortex-brand .vortex-wordmark small{display:block;margin-top:8px;font-family:'Manrope','DM Sans',Arial,sans-serif;font-size:8px;font-weight:700;line-height:1.2;letter-spacing:3.2px;text-align:center;color:#b18d56}
.footer .brand.vortex-brand .vortex-wordmark{font-size:46px}
.footer .brand.vortex-brand .vortex-wordmark small{font-size:9px}
@media(max-width:850px){.header .brand.vortex-brand .vortex-wordmark{font-size:36px}}
@media(max-width:600px){
 .header .brand.vortex-brand .vortex-wordmark{font-size:31px;letter-spacing:1.8px}
 .header .brand.vortex-brand .vortex-wordmark small{font-size:7px;letter-spacing:2.4px;margin-top:7px}
 .footer .brand.vortex-brand .vortex-wordmark{font-size:40px}
}
/* Verde legible sobre el encabezado negro de mayoristas. */
.header .brand.vortex-brand .vortex-wordmark,.footer .brand.vortex-brand .vortex-wordmark{color:#72b48d}
.header .brand.vortex-brand .vortex-wordmark small,.footer .brand.vortex-brand .vortex-wordmark small{color:#cbaa70}
@media(max-width:600px){.header .brand.vortex-brand .vortex-wordmark{font-size:27px;letter-spacing:1px}.header .brand.vortex-brand .vortex-wordmark small{font-size:6.5px;letter-spacing:1.8px}}
@media(max-width:360px){.header .brand.vortex-brand .vortex-wordmark{display:block;font-size:24px;letter-spacing:.8px}}

/* VORTEX: two entirely separate experiences: private reseller portal vs public customer store. */
html[data-view="portal"] .preheader,
html[data-view="portal"] .header,
html[data-view="portal"] main,
html[data-view="portal"] .footer {display:none!important}
html[data-view="dashboard"] #authGate,
html[data-view="dashboard"] .duality,
html[data-view="dashboard"] .unisex-campaign,
html[data-view="dashboard"] .top-five,
html[data-view="dashboard"] .footer,
html[data-view="dashboard"] .preheader{display:none!important}
html[data-view="shop"] #authGate,
html[data-view="shop"] .dashboard-wrap,
html[data-view="shop"] .admin-wrap,
html[data-view="shop"] #navPanel,
html[data-view="shop"] #footerPanelLink,
html[data-view="shop"] #loginBtn,
html[data-view="shop"] #registerBtn,
html[data-view="shop"] #accountBtn,
html[data-view="shop"] #logoutBtn {display:none!important}
html[data-view="shop"] .header{display:flex;min-height:82px}
html[data-view="portal"] body{background:#090909;color:#f4e9db}
html[data-view="dashboard"] body{background:#0d0d0e;color:#efe7dc}
.portal-gate{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);min-height:100vh;min-height:100svh;overflow:hidden;background:#0e0d0e}
html:not([data-view="portal"]) .portal-gate{display:none!important}
.portal-art{
 position:relative;min-height:100vh;min-height:100svh;padding:clamp(30px,5vw,72px);
 display:flex;flex-direction:column;justify-content:space-between;
 background:linear-gradient(0deg,#030303ee 0%,#0b080b45 57%,#07060689 100%),
  url("./assets/hero/campana-el.webp") center 40% /cover no-repeat;
}
.portal-art:after{content:"";inset:17px;position:absolute;border:1px solid #c6ab8242;pointer-events:none}
.portal-brand{position:relative;z-index:1;width:max-content;font:400 clamp(55px,6vw,100px)/.94 var(--font-display);letter-spacing:5px;color:#f6eddf}
.portal-brand small{display:block;margin-top:13px;text-align:center;font:700 9px var(--font-ui);letter-spacing:3.5px;color:#d4b995}
.portal-art-copy{position:relative;z-index:1;max-width:570px}
.portal-art-copy>span{font:700 10px var(--font-ui);letter-spacing:3px;color:#d4b997}
.portal-art-copy strong{font:400 clamp(73px,7vw,122px)/.98 var(--font-display);letter-spacing:-1.7px;display:block;color:#f2e5d2;margin:22px 0}
.portal-art-copy p{font:400 13px/1.9 var(--font-ui);color:#d6cec4}
.portal-access{display:flex;flex-direction:column;min-height:100svh;justify-content:space-between;padding:clamp(23px,3.8vw,65px);background:radial-gradient(ellipse at 86% 3%,#3f31213a,transparent 55%),#0e0d0e}
.portal-access-top,.portal-access-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font:700 10px var(--font-ui);letter-spacing:2px;color:#9c917e}
.portal-sign{font:400 23px var(--font-display);letter-spacing:2px;color:#faf1e5}
.portal-sign em{font:800 9px var(--font-ui);letter-spacing:1.5px;font-style:normal;color:#d6b286;vertical-align:middle;margin-left:3px}
.portal-formbox{width:min(100%,465px);margin:45px auto;padding:0}
.portal-kicker{font:800 9px var(--font-ui);letter-spacing:2.7px;color:#c4a57a;display:flex;justify-content:space-between}
.portal-kicker i{font-style:normal;color:#bc9966;font-size:17px}
.portal-formbox h1{font:400 clamp(67px,6vw,109px)/.95 var(--font-display);margin:28px 0 21px;color:#f5eadb;letter-spacing:-1px}
.portal-formbox h1 em{font-style:normal;color:#d2b183}
.portal-description{font:400 13px/1.9 var(--font-ui);color:#ada397;max-width:420px;margin:0 0 29px}
.portal-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:25px;border-bottom:1px solid #9e865c65;padding-bottom:9px}
.portal-auth-tabs button{font:800 10px var(--font-ui);letter-spacing:1px;padding:14px 7px;color:#a99d8d;background:transparent;border:1px solid transparent;cursor:pointer}
.portal-auth-tabs button.selected{color:#1a1714;background:#d3b286;border-color:#d3b286}
.portal-formbox .resale-form{gap:18px}
.portal-formbox .resale-form label{font-size:10px;letter-spacing:1.1px;color:#e3d1b7}
.portal-formbox .resale-form input{background:#1b1918;border-color:#846c4e;color:#f8f1e8;min-height:55px}
.portal-formbox .resale-form input:focus{border-color:#c5a77b;outline:1px solid #c5a77b}
.portal-formbox .resale-form .gold-btn{justify-content:space-between;margin-top:10px;font:800 11px var(--font-ui);letter-spacing:1.4px;padding:20px 22px}
.portal-subnote{color:#8f8578;font:11px/1.8 var(--font-ui);margin:23px 0 0}
.portal-access-bottom{border-top:1px solid #806a494c;padding-top:22px;font-size:8px}
html[data-view="dashboard"] .header{min-height:76px}
html[data-view="dashboard"] .dashboard-wrap{padding-top:63px}
html[data-view="dashboard"] .catalog{padding-top:60px}
html[data-view="dashboard"] .catalog h2{font-size:clamp(55px,5vw,85px)}
html[data-view="dashboard"] .catalog .catalog-title-row{margin-bottom:29px}
html[data-view="dashboard"] .catalog-footer{margin-top:30px}
html[data-view="shop"] .catalog{background:#101013}
html[data-view="shop"] .catalog h2{font-size:clamp(64px,6vw,110px)}
html[data-view="shop"] .catalog-footer{color:#b8a68b}
html[data-view="shop"] .public-store-intro{background:#141212;padding:50px 5%}
html[data-view="shop"] .public-store-intro h1{font-size:clamp(52px,6vw,89px)}
html[data-view="shop"] .footer{display:block}
html[data-view="shop"] .footer-main{grid-template-columns:2fr 1fr}
html[data-view="shop"] .footer .footer-links{gap:18px}
html[data-view="shop"] .footer-meta{margin-top:35px}
html[data-view="shop"] .header nav a[href="#panel"]{display:none}
html[data-view="shop"] .top-five{padding-top:65px}
@media(max-width:920px){
 .portal-gate{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
 .portal-art{padding:33px}
 .portal-art-copy strong{font-size:75px}
 .portal-access{padding:33px}
}
@media(max-width:700px){
 .portal-gate{display:block}
 .portal-art{display:none}
 .portal-access{min-height:100vh;min-height:100svh;padding:27px 7% 22px;background:radial-gradient(ellipse at 50% 0,#3b2c2047,transparent 61%),#0d0c0d}
 .portal-access-top{font-size:8px;letter-spacing:1.2px}
 .portal-access-top .portal-sign{font-size:24px}
 .portal-formbox{margin:65px auto 42px;width:min(100%,490px)}
 .portal-formbox h1{font-size:clamp(69px,15vw,92px);margin:21px 0}
 .portal-description{font-size:12px;line-height:1.75;margin-bottom:23px}
 .portal-auth-tabs{margin-bottom:22px}
 .portal-access-bottom{font-size:8px}
 html[data-view="shop"] .footer-main{grid-template-columns:1fr}
 html[data-view="dashboard"] .dashboard-wrap{padding-top:39px}
 html[data-view="dashboard"] .catalog{padding-top:43px}
}

/* Private panel: direct preview of the reseller's public landing. */
.panel-visit{display:flex;justify-content:center;align-items:center;min-height:41px;border:1px solid #c5a575;background:transparent;color:#e5ceb0;font:800 10px var(--font-ui);letter-spacing:1px}
.panel-visit:hover{background:#d3b287;color:#191512}


/* VORTEX — login real, minimalista y sin contenidos de landing. */
html[data-view="portal"],html[data-view="portal"] body{background:#0c0c0d;color:#ede6d9}
html[data-view="portal"] .portal-gate{
 display:flex!important;align-items:center;justify-content:center;
 min-height:100vh;min-height:100svh;
 width:100%;margin:0;padding:36px 18px;
 background:#0c0c0d;
}
html[data-view="portal"] .login-shell{
 width:min(100%,410px);display:flex;flex-direction:column;align-items:stretch;
}
html[data-view="portal"] .login-logo{
 text-align:center;color:#f0ebe4;
 font:400 51px/.93 'Italiana',Georgia,serif;letter-spacing:3px;
 margin-bottom:34px;
}
html[data-view="portal"] .login-logo span{
 display:block;text-align:center;color:#c1a478;
 font:700 9px/1.6 'Manrope',Arial,sans-serif;
 letter-spacing:3.7px;margin-top:9px;
}
html[data-view="portal"] .login-card{
 padding:35px 31px 29px;
 background:#181719;
 border:1px solid #605547;
 border-radius:9px;
 box-shadow:0 22px 57px rgba(0,0,0,.32);
}
html[data-view="portal"] .login-card h1{
 color:#f4ede4;font:500 26px/1.2 'Manrope','DM Sans',Arial,sans-serif;
 letter-spacing:-.8px;margin:0 0 9px;
}
html[data-view="portal"] .login-intro{
 font:400 12px/1.6 'Manrope',Arial,sans-serif;
 color:#a9a198;margin:0 0 26px;
}
html[data-view="portal"] .login-form{
 display:grid;gap:18px;
}
html[data-view="portal"] .login-form label{
 display:flex;flex-direction:column;gap:8px;
 font:700 10px/1.35 'Manrope',Arial,sans-serif;
 letter-spacing:.7px;color:#d8ccbb;
}
html[data-view="portal"] .login-form input{
 height:49px;min-height:49px;box-sizing:border-box;width:100%;
 padding:12px 13px;background:#111113;
 border:1px solid #514b44;border-radius:5px;
 color:#f4ece0;outline:none;box-shadow:none;
 font:400 14px/1.3 'Manrope',Arial,sans-serif;
}
html[data-view="portal"] .login-form input::placeholder{color:#817a72}
html[data-view="portal"] .login-form input:focus{
 border-color:#d5b688;box-shadow:0 0 0 2px #d5b68833;
}
html[data-view="portal"] .login-submit{
 width:100%;min-height:49px;border:1px solid #d2b286;
 border-radius:5px;margin-top:7px;
 background:#d2b286;color:#161310;
 font:800 13px 'Manrope',Arial,sans-serif;
 letter-spacing:.1px;cursor:pointer;
}
html[data-view="portal"] .login-submit:hover{background:#ebcda0}
html[data-view="portal"] .login-submit:focus-visible,
html[data-view="portal"] .login-switch button:focus-visible{
 outline:2px solid #e8c693;outline-offset:3px;
}
html[data-view="portal"] .login-submit:disabled{cursor:wait;opacity:.5}
html[data-view="portal"] .login-switch{
 display:flex;justify-content:center;align-items:center;gap:7px;
 margin-top:25px;padding-top:21px;
 border-top:1px solid #484038;
 font:400 12px/1.5 'Manrope',Arial,sans-serif;color:#b1a69a;
}
html[data-view="portal"] .login-switch button{
 background:none;border:none;min-height:30px;
 padding:2px 1px;color:#d7b98c;
 font:700 12px/1.5 'Manrope',Arial,sans-serif;
 cursor:pointer;text-decoration:underline;text-underline-offset:4px;
}
html[data-view="portal"] .login-footer{
 text-align:center;margin:27px 0 0;
 color:#81776c;font:700 9px/1.4 'Manrope',Arial,sans-serif;
 letter-spacing:1.6px;
}
@media(max-width:600px){
 html[data-view="portal"] .portal-gate{padding:20px 18px}
 html[data-view="portal"] .login-shell{max-width:410px}
 html[data-view="portal"] .login-logo{font-size:46px;margin-bottom:27px}
 html[data-view="portal"] .login-card{padding:29px 23px 26px}
 html[data-view="portal"] .login-card h1{font-size:25px}
}
@media(max-height:650px){
 html[data-view="portal"] .portal-gate{align-items:flex-start}
}

/* VORTEX private administration v2 — modern product-management UI */
html[data-view="dashboard"]{color-scheme:dark}
html[data-view="dashboard"] body{
 --control-bg:#101316;--control-pane:#171b1d;--control-elevated:#202627;
 --control-border:#303939;--control-muted:#99aaa5;--control-text:#f1eee7;
 --control-gold:#cdb187;--control-green:#6e9d83;
 background:var(--control-bg)!important;color:var(--control-text);
 font-family:'Manrope','DM Sans',Arial,sans-serif;
}
html[data-view="dashboard"] .header{
 height:66px!important;min-height:66px!important;
 background:#141819;border-bottom:1px solid #303d39;
 padding-left:4%;padding-right:4%;
}
html[data-view="dashboard"] .header-right{gap:10px}
html[data-view="dashboard"] .header nav a{font-family:'Manrope',Arial,sans-serif;font-size:11px;letter-spacing:.2px;font-weight:700}
html[data-view="dashboard"] .header-main-cta{background:#c8ab7f;border-color:#c8ab7f;color:#1e1a15;border-radius:6px}
html[data-view="dashboard"] .header-login{background:transparent;color:#c8d0cb;border-radius:6px;border-color:#58605b}
html[data-view="dashboard"] .vortex-wordmark{color:#7eb08f;font-family:'Italiana',Georgia,serif}
html[data-view="dashboard"] .vortex-wordmark small{color:#d8bc8c}
html[data-view="dashboard"] .dashboard-wrap{display:block;margin:0;max-width:none;background:var(--control-bg);padding:0!important;border:0}
html[data-view="dashboard"] .dashboard-wrap[hidden]{display:none!important}
html[data-view="dashboard"] .panel-layout{
 width:100%;max-width:1600px;min-height:calc(100vh - 66px);
 display:grid;grid-template-columns:225px minmax(0,1fr);gap:0;margin:0 auto;
}
html[data-view="dashboard"] .control-sidebar{
 display:flex;flex-direction:column;gap:5px;align-self:stretch;
 padding:34px 15px 18px;
 background:#151a1c;border-right:1px solid #303839;
 position:relative;
}
html[data-view="dashboard"] .control-side-brand{
 color:#87b798;font:400 34px/1 'Italiana',Georgia,serif;
 letter-spacing:1.5px;text-align:center;padding:0 0 24px;
 border-bottom:1px solid #35413e;margin:0 6px 28px;
}
html[data-view="dashboard"] .control-side-brand small{
 display:block;color:#cbaa78;font:700 8px/1.8 'Manrope',Arial,sans-serif;
 letter-spacing:2.9px;margin-top:6px;
}
html[data-view="dashboard"] .control-side-caption{
 color:#798c84;font:800 10px 'Manrope',Arial,sans-serif;letter-spacing:1.2px;
 padding:0 16px 13px;
}
html[data-view="dashboard"] .control-nav-item{
 text-decoration:none;color:#aebdb5;font:700 12px/1.5 'Manrope',Arial,sans-serif;
 display:flex;align-items:center;gap:13px;padding:13px 13px;
 border:1px solid transparent;border-radius:8px;transition:.2s;
}
html[data-view="dashboard"] .control-nav-item span{font-size:17px;line-height:1;color:#c5a77d;min-width:19px;text-align:center}
html[data-view="dashboard"] .control-nav-item:hover{background:#202929;color:#f3e9d9}
html[data-view="dashboard"] .control-nav-item.active{background:#26332f;color:#f1e6d6;border-color:#385546}
html[data-view="dashboard"] .control-side-footer{
 margin-top:auto;padding:22px 12px 10px;border-top:1px solid #35413e;
 font:700 9px 'Manrope',Arial,sans-serif;letter-spacing:.7px;color:#7f9088;
}
html[data-view="dashboard"] .control-content{
 min-width:0;padding:40px clamp(20px,3.4vw,55px) 85px;
 background:#101316;color:#e9e7df;
}
html[data-view="dashboard"] .control-welcome{
 display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 28px;
}
html[data-view="dashboard"] .control-eyebrow{font:800 10px 'Manrope',Arial,sans-serif;letter-spacing:1px;color:#c4ab84}
html[data-view="dashboard"] .control-welcome h1{
 margin:10px 0 8px;font:700 clamp(27px,3vw,37px)/1.15 'Manrope',Arial,sans-serif;
 letter-spacing:-1px;color:#f5f2eb;
}
html[data-view="dashboard"] .control-welcome p,
html[data-view="dashboard"] .control-section-head p{
 color:#a6b1aa;font:400 12px/1.8 'Manrope',Arial,sans-serif;margin:0;
}
html[data-view="dashboard"] .control-greeting{
 display:inline-flex;align-items:center;padding:10px 13px;border:1px solid #3e4e47;
 color:#a9bdad;border-radius:50px;font:700 9px 'Manrope',Arial,sans-serif;
 letter-spacing:.65px;white-space:nowrap;
}
html[data-view="dashboard"] .metrics{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 25px;
}
html[data-view="dashboard"] .metrics>div{
 min-width:0;min-height:130px;display:flex;flex-direction:column;gap:0;
 background:#192021;border:1px solid #333e3b;border-radius:10px;padding:21px 17px;
 box-shadow:none;
}
html[data-view="dashboard"] .metrics small{
 font:800 9px/1.5 'Manrope',Arial,sans-serif;letter-spacing:.4px;color:#afbbb1;
}
html[data-view="dashboard"] .metrics strong{
 font:700 clamp(24px,2.6vw,33px)/1.15 'Manrope',Arial,sans-serif;
 color:#f4e9d8;letter-spacing:-.8px;margin:11px 0 7px;
 overflow-wrap:anywhere;
}
html[data-view="dashboard"] .metrics span{
 font:400 10px/1.35 'Manrope',Arial,sans-serif;color:#86998e;
}
html[data-view="dashboard"] .panel-url{
 display:flex;flex-direction:row;align-items:center;justify-content:space-between;
 gap:18px;margin:0 0 26px;padding:20px 23px;width:100%;min-width:0;
 border:1px solid #34443c;background:#1a2520;border-radius:10px;
}
html[data-view="dashboard"] .panel-url>div:first-child{min-width:0;display:flex;flex-direction:column;gap:8px}
html[data-view="dashboard"] .panel-url span{
 color:#c5b38d;font:800 10px 'Manrope',Arial,sans-serif;letter-spacing:.65px;
}
html[data-view="dashboard"] .panel-url code{
 color:#d3e1d5;font:400 12px/1.6 'Manrope',Arial,sans-serif;overflow-wrap:anywhere;
}
html[data-view="dashboard"] .panel-url-actions{
 display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:max-content;
}
html[data-view="dashboard"] .panel-visit,html[data-view="dashboard"] .panel-url button{
 display:inline-flex;justify-content:center;align-items:center;min-height:40px;
 padding:10px 13px;border-radius:6px;font:800 10px 'Manrope',Arial,sans-serif;
 letter-spacing:.25px;white-space:nowrap;
}
html[data-view="dashboard"] .panel-visit{border:1px solid #b99f78;color:#efd7b4;background:transparent}
html[data-view="dashboard"] .panel-url button{background:#c8ad83;color:#1a1714;border:1px solid #c8ad83}
html[data-view="dashboard"] .panel-orders,html[data-view="dashboard"] .control-panel-block{
 background:#171d1e;border:1px solid #2f3b39;border-radius:10px;
 padding:24px;margin:0 0 20px;
}
html[data-view="dashboard"] .panel-orders-head,html[data-view="dashboard"] .control-section-head{
 display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:19px;
}
html[data-view="dashboard"] .panel-orders-head h2,
html[data-view="dashboard"] .control-section-head h2{
 color:#f1e9da;font:700 clamp(18px,2.4vw,23px)/1.3 'Manrope',Arial,sans-serif;
 letter-spacing:-.4px;margin:5px 0;
}
html[data-view="dashboard"] .panel-orders-head button{
 background:#232e2b;border:1px solid #587265;border-radius:6px;color:#d3dbd0;
 padding:10px 13px;font:700 10px 'Manrope',Arial,sans-serif;letter-spacing:0;
}
html[data-view="dashboard"] .panel-footnote{font:11px/1.75 'Manrope',Arial,sans-serif;color:#87958d;margin:10px 0}
html[data-view="dashboard"] .order-row{
 display:flex;align-items:center;justify-content:space-between;gap:15px;
 padding:16px 2px;margin:0;border-bottom:1px solid #2d3836;color:#e5e8e0;
}
html[data-view="dashboard"] .order-row:last-child{border-bottom:0}
html[data-view="dashboard"] .order-row b{font:700 12px/1.5 'Manrope',Arial,sans-serif;color:#f0eee8}
html[data-view="dashboard"] .order-row small{font:400 11px/1.7 'Manrope',Arial,sans-serif;color:#9ca9a1}
html[data-view="dashboard"] .order-row strong{font:800 12px 'Manrope',Arial,sans-serif;color:#d3b78a}
html[data-view="dashboard"] .order-actions{display:flex;justify-content:flex-end;align-items:center;gap:7px;flex-wrap:wrap}
html[data-view="dashboard"] .order-status{
 font:800 9px 'Manrope',Arial,sans-serif;color:#b9caad;
 padding:8px;border:1px solid #51634e;border-radius:5px;white-space:nowrap;
}
html[data-view="dashboard"] .order-actions button{
 font:700 9px 'Manrope',Arial,sans-serif;letter-spacing:0;background:#c8a87b;color:#191716;
 border:1px solid #c8a87b;border-radius:5px;padding:9px 10px;cursor:pointer;
}
html[data-view="dashboard"] .order-actions button[data-admin-status="cancelled"]{
 background:#342427;color:#ecc6c5;border-color:#614246;
}
html[data-view="dashboard"] .control-search{display:grid;gap:7px;min-width:205px;color:#aab5ac;font:700 10px 'Manrope',Arial,sans-serif}
html[data-view="dashboard"] .control-search input{
 background:#101617;border:1px solid #4b5c57;border-radius:6px;padding:11px 12px;
 color:#f1eadf;font:12px 'Manrope',Arial,sans-serif;min-width:0;
}
html[data-view="dashboard"] .admin-table-head,html[data-view="dashboard"] .inventory-item{
 display:grid;grid-template-columns:minmax(190px,2.3fr) minmax(112px,1fr) minmax(110px,.85fr) 105px;
 align-items:center;gap:14px;
}
html[data-view="dashboard"] .admin-table-head{
 color:#8c9e93;font:800 9px 'Manrope',Arial,sans-serif;letter-spacing:.7px;
 padding:11px 12px;border-bottom:1px solid #33413c;
}
html[data-view="dashboard"] .inventory-item{
 padding:13px 12px;border-bottom:1px solid #2f3c39;
}
html[data-view="dashboard"] .inventory-item:last-child{border-bottom:0}
html[data-view="dashboard"] .inventory-name{display:flex;align-items:center;gap:12px;min-width:0}
html[data-view="dashboard"] .inventory-name img{
 width:49px;height:56px;object-fit:contain;flex:none;border-radius:6px;background:#242b2b;
}
html[data-view="dashboard"] .inventory-name strong{
 display:block;color:#e9ede4;font:800 12px/1.35 'Manrope',Arial,sans-serif;
 white-space:normal;overflow-wrap:anywhere;
}
html[data-view="dashboard"] .inventory-name small{display:block;color:#a4b09f;font:10px/1.8 'Manrope',Arial,sans-serif}
html[data-view="dashboard"] .inventory-edit{display:grid;gap:4px;min-width:0}
html[data-view="dashboard"] .inventory-edit span{display:none}
html[data-view="dashboard"] .inventory-edit input{
 width:100%;height:39px;min-width:0;border:1px solid #495750;border-radius:6px;
 padding:8px;color:#eee6d8;background:#101516;
 font:700 13px 'Manrope',Arial,sans-serif;
}
html[data-view="dashboard"] .inventory-edit input:focus{outline:1px solid #c6ad83;border-color:#c6ad83}
html[data-view="dashboard"] .inventory-cta{display:flex;flex-direction:column;align-items:stretch;gap:5px}
html[data-view="dashboard"] .inventory-cta small{font:800 9px 'Manrope',Arial,sans-serif}
html[data-view="dashboard"] .stock-good{color:#8ac5a0}
html[data-view="dashboard"] .stock-empty{color:#c0a086}
html[data-view="dashboard"] .inventory-cta button{
 border:1px solid #c0a174;border-radius:5px;padding:10px 9px;
 background:#d3b88e;color:#1b1712;
 font:800 10px 'Manrope',Arial,sans-serif;cursor:pointer;
}
html[data-view="dashboard"] .inventory-empty{padding:20px;color:#a3b1aa;font:12px 'Manrope',Arial,sans-serif}
html[data-view="dashboard"] #adminInventoryList{max-height:750px;overflow:auto;scrollbar-color:#526a60 #151c1d}
html[data-view="dashboard"][data-role="admin"] .catalog{display:none!important}

/* Product management list for resellers, not giant retail cards */
html[data-view="dashboard"] .catalog{padding:0 0 70px!important;background:#101316!important;color:#f3eee5}
html[data-view="dashboard"] .catalog-shell{width:min(100%,1190px);padding:0 20px}
html[data-view="dashboard"] .catalog-heading{margin:0 0 12px}
html[data-view="dashboard"] .catalog .overline{color:#c2b08d;font:800 10px 'Manrope',Arial,sans-serif}
html[data-view="dashboard"] .catalog .catalog-title-row{margin:0 0 15px;display:flex;align-items:center;justify-content:space-between}
html[data-view="dashboard"] .catalog .catalog-title-row h2{
 font:700 clamp(22px,2.7vw,28px) 'Manrope',Arial,sans-serif;letter-spacing:-.8px;color:#f1ede6;
}
html[data-view="dashboard"] .catalog .catalog-intro{font:12px/1.7 'Manrope',Arial,sans-serif;color:#9ca99f;max-width:440px}
html[data-view="dashboard"] .catalog-world-header{padding:12px 0;border-bottom:1px solid #34443f}
html[data-view="dashboard"] .catalog-world-header strong{font:700 12px 'Manrope',Arial,sans-serif;color:#e1e4de}
html[data-view="dashboard"] .catalog-world-header span{font:700 9px 'Manrope',Arial,sans-serif}
html[data-view="dashboard"] .catalog-tools{padding:17px 0;gap:12px;align-items:center}
html[data-view="dashboard"] .catalog .world-tabs button,
html[data-view="dashboard"] .catalog .sort-filter select{
 font:700 10px 'Manrope',Arial,sans-serif;letter-spacing:.1px;border-radius:6px;
}
html[data-view="dashboard"] .catalog .world-tabs button.selected{background:#c9ac80;color:#171511;border-color:#c9ac80}
html[data-view="dashboard"] .catalog .sort-filter select,
html[data-view="dashboard"] .catalog .search-field{
 background:#171c1d;color:#efebe3;border-color:#34483f;border-radius:6px;
}
html[data-view="dashboard"] .catalog .result-row{color:#9cb2a1}
html[data-view="dashboard"] .management-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}
html[data-view="dashboard"] .manage-product{
 display:grid;grid-template-columns:64px minmax(180px,2fr) minmax(100px,1fr) minmax(110px,1.15fr) 182px;
 align-items:center;gap:13px;padding:13px 15px;border:1px solid #303e39;
 border-radius:9px;background:#192021;min-width:0;
}
html[data-view="dashboard"] .manage-photo{width:60px;height:67px;background:#272b28;display:flex;align-items:center;justify-content:center;border-radius:6px;overflow:hidden}
html[data-view="dashboard"] .manage-photo img{width:100%;height:100%;object-fit:contain}
html[data-view="dashboard"] .manage-description{min-width:0}
html[data-view="dashboard"] .manage-description>span,
html[data-view="dashboard"] .manage-amount small{display:block;font:800 9px/1.5 'Manrope',Arial,sans-serif;color:#adbaab}
html[data-view="dashboard"] .manage-description h3{margin:4px 0;color:#f1ede6;font:700 14px/1.3 'Manrope',Arial,sans-serif}
html[data-view="dashboard"] .manage-description small{font:700 10px 'Manrope',Arial,sans-serif}
html[data-view="dashboard"] .manage-amount strong{display:block;margin-top:7px;font:700 14px 'Manrope',Arial,sans-serif;color:#f3e8d5}
html[data-view="dashboard"] .manage-action{display:flex;flex-direction:column;align-items:stretch;gap:8px}
html[data-view="dashboard"] .manage-action>span{
 font:800 9px 'Manrope',Arial,sans-serif;letter-spacing:.25px;
 text-align:center;
}
html[data-view="dashboard"] .manage-action .is-published{color:#8cc6a0}
html[data-view="dashboard"] .manage-action .not-published{color:#b7ac98}
html[data-view="dashboard"] .manage-action .product-action{
 width:100%;margin:0;border:1px solid #c3a477;border-radius:6px;
 background:#c8aa7c;color:#1a1613;
 font:800 10px 'Manrope',Arial,sans-serif;padding:10px 7px;cursor:pointer;
}
html[data-view="dashboard"] .manage-action .product-action:hover{background:#e4c392}
html[data-view="dashboard"] .catalog-footer{font:10px/1.7 'Manrope',Arial,sans-serif;color:#889990;margin-top:30px}

/* Markup selection inside pricing dialog */
.markup-presets{display:flex;gap:7px;flex-wrap:wrap}
.markup-presets button{flex:1;min-width:43px;padding:9px 7px;border:1px solid #817257;border-radius:5px;background:#252320;color:#f0dfc8;font:700 11px 'Manrope',Arial,sans-serif;cursor:pointer}
.markup-presets button:hover{background:#d8bc94;color:#181411}
.reseller-price-result{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 14px;background:#202a24;border:1px solid #526b52;border-radius:6px}
.reseller-price-result span{font:700 10px 'Manrope',Arial,sans-serif;color:#c7d2c4}
.reseller-price-result strong{color:#e7d1ab;font:800 19px 'Manrope',Arial,sans-serif}
.unpublish-btn{width:100%;padding:13px;border:1px solid #96685f;border-radius:6px;background:none;color:#d6a69c;font:700 11px 'Manrope',Arial,sans-serif;cursor:pointer}

@media(max-width:1200px){
 html[data-view="dashboard"] .panel-layout{grid-template-columns:190px minmax(0,1fr)}
 html[data-view="dashboard"] .control-content{padding:28px 20px 65px}
 html[data-view="dashboard"] .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-view="dashboard"] .manage-product{grid-template-columns:54px minmax(110px,2fr) minmax(80px,1fr) 135px;gap:8px}
 html[data-view="dashboard"] .manage-product .manage-amount:nth-of-type(2){display:none}
 html[data-view="dashboard"] .admin-table-head,html[data-view="dashboard"] .inventory-item{grid-template-columns:minmax(170px,2fr) minmax(85px,1fr) 85px 86px;gap:8px}
}
@media(max-width:750px){
 html[data-view="dashboard"] .panel-layout{display:block;min-height:0}
 html[data-view="dashboard"] .control-sidebar{
  display:flex;flex-direction:row;align-items:center;gap:5px;
  overflow:auto;position:static;padding:11px 12px;background:#151b1c;
  border-bottom:1px solid #3c4943;border-right:0;
 }
 html[data-view="dashboard"] .control-side-brand,
 html[data-view="dashboard"] .control-side-caption,
 html[data-view="dashboard"] .control-side-footer{display:none}
 html[data-view="dashboard"] .control-nav-item{white-space:nowrap;padding:10px 12px;font-size:11px}
 html[data-view="dashboard"] .control-nav-item span{font-size:14px;min-width:14px}
 html[data-view="dashboard"] .control-content{padding:25px 14px 39px}
 html[data-view="dashboard"] .control-welcome{align-items:flex-start}
 html[data-view="dashboard"] .control-greeting{display:none}
 html[data-view="dashboard"] .control-welcome h1{font-size:28px}
 html[data-view="dashboard"] .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}
 html[data-view="dashboard"] .metrics>div{min-height:115px;padding:15px 11px}
 html[data-view="dashboard"] .metrics strong{font-size:23px}
 html[data-view="dashboard"] .metrics small{font-size:8px}
 html[data-view="dashboard"] .panel-url{flex-direction:column;align-items:stretch;padding:15px}
 html[data-view="dashboard"] .panel-url-actions{width:100%;min-width:0;justify-content:stretch}
 html[data-view="dashboard"] .panel-url-actions>*{flex:1}
 html[data-view="dashboard"] .panel-orders,
 html[data-view="dashboard"] .control-panel-block{padding:14px;margin-bottom:15px}
 html[data-view="dashboard"] .control-section-head{flex-direction:column;align-items:stretch}
 html[data-view="dashboard"] .control-search{min-width:0}
 html[data-view="dashboard"] .admin-table-head{display:none}
 html[data-view="dashboard"] .inventory-item{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;
  padding:17px 4px;
 }
 html[data-view="dashboard"] .inventory-name{grid-column:1 / -1}
 html[data-view="dashboard"] .inventory-edit span{display:block;font-size:9px;color:#b2bdaa}
 html[data-view="dashboard"] .inventory-cta{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between}
 html[data-view="dashboard"] .inventory-cta button{min-width:116px}
 html[data-view="dashboard"] .order-row{align-items:flex-start;flex-direction:column;gap:8px}
 html[data-view="dashboard"] .order-actions{justify-content:flex-start}
 html[data-view="dashboard"] .catalog{padding:0 14px 50px!important}
 html[data-view="dashboard"] .catalog-shell{padding:0!important;width:100%!important}
 html[data-view="dashboard"] .catalog .catalog-title-row{display:block}
 html[data-view="dashboard"] .catalog .catalog-intro{margin-top:9px}
 html[data-view="dashboard"] .catalog-tools{flex-direction:column;align-items:stretch;gap:11px}
 html[data-view="dashboard"] .manage-product{
  grid-template-columns:58px minmax(0,1fr) 126px;gap:8px;padding:13px 9px;
 }
 html[data-view="dashboard"] .manage-description h3{font-size:12px}
 html[data-view="dashboard"] .manage-amount{grid-column:2;grid-row:2}
 html[data-view="dashboard"] .manage-product .manage-amount:nth-of-type(2){display:none}
 html[data-view="dashboard"] .manage-action{grid-column:3;grid-row:1 / span 2}
 html[data-view="dashboard"] .manage-action .product-action{font-size:9px;padding:11px 5px}
 html[data-view="dashboard"] .manage-photo{width:56px;height:64px}
 html[data-view="dashboard"] .manage-amount strong{font-size:12px}
}
/* Responsive: retain the base price as the primary comparison. */
@media(max-width:1200px){
 html[data-view="dashboard"] .manage-product .manage-amount:nth-of-type(2){display:block}
 html[data-view="dashboard"] .manage-product .manage-amount:nth-of-type(3){display:none}
}