*{box-sizing:border-box}:root{--black:#0a0a0a;--ink:#171311;--rose:#c08a7d;--copper:#a86b5c;--champagne:#e8ded5;--cream:#f7f3ef;--white:#fff;--line:#e9e1dc;--muted:#756b66;--shadow:0 16px 44px rgba(20,12,8,.08)}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#fff;color:var(--ink);font-size:15px;line-height:1.55}.wrap{width:min(1240px,92%);margin-inline:auto}a{color:inherit}img{max-width:100%}.top{background:rgba(10,10,10,.98);color:#fff;position:sticky;top:0;z-index:50}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none;font-family:Georgia,"Times New Roman",serif;font-size:21px;letter-spacing:.22em;white-space:nowrap}.brand img{height:43px;max-width:180px;object-fit:contain}.brand span{line-height:1}.nav nav{display:flex;align-items:center;gap:24px}.nav nav a{color:#f7f4f2;text-decoration:none;font-size:13px;letter-spacing:.025em}.nav nav a:hover{color:var(--rose)}.cart-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:20px;background:var(--rose);color:#111;font-size:11px;font-weight:800;margin-left:4px}main{min-height:72vh}main>:not(.fashion-hero):not(.offer-strip){width:min(1240px,92%);margin-left:auto;margin-right:auto}.fashion-hero{min-height:calc(100vh - 72px);display:flex;align-items:center;background-color:#171311;background-size:cover;background-position:center;color:#fff}.hero-content{padding:80px 0;max-width:1240px}.hero-content>*{max-width:610px}.hero-content small,.eyebrow,.admin-title small{display:block;font-size:11px;font-weight:800;letter-spacing:.2em;color:var(--rose);margin-bottom:14px}.hero-content h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(44px,7vw,88px);line-height:.98;font-weight:500;letter-spacing:-.035em;margin:0 0 24px}.hero-content p{font-size:18px;max-width:520px;color:#eee;margin-bottom:34px}.section{padding:84px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}.section-head h2{font-family:Georgia,serif;font-size:40px;font-weight:500;margin:0}.section-head>a{font-size:13px;text-transform:uppercase;letter-spacing:.12em;text-decoration:none;border-bottom:1px solid}.section-head.light{color:#fff}.offer-strip{background:#111;color:#fff}.offer-strip .card{background:#fff;color:var(--ink)}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.15}h1{font-size:38px;font-weight:500}h2{font-size:30px;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--black);background:var(--black);color:#fff;text-decoration:none;padding:11px 20px;border-radius:2px;font-size:13px;font-weight:750;letter-spacing:.025em;cursor:pointer;transition:.2s}.btn:hover{background:var(--copper);border-color:var(--copper)}.btn-light{background:#fff;color:#111;border-color:#fff}.btn.alt{background:#fff;color:#111;border-color:var(--line)}.btn.danger{background:#8b1e1e;border-color:#8b1e1e}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.card{position:relative;background:#fff;overflow:hidden}.card-image{display:block;background:#f2efec;overflow:hidden;aspect-ratio:4/5}.card img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.card:hover img{transform:scale(1.035)}.card-body{padding:16px 2px 8px}.card-sku{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.card h3{font-family:inherit;font-size:15px;font-weight:600;margin:6px 0 9px}.card h3 a{text-decoration:none}.price-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.price{font-size:17px;font-weight:800}.price-row del{font-size:13px;color:#958983}.card-link{display:inline-block;margin-top:14px;font-size:12px;text-decoration:none;text-transform:uppercase;letter-spacing:.11em;border-bottom:1px solid}.sale-badge{position:absolute;top:12px;left:12px;z-index:2;background:#111;color:#fff;padding:6px 9px;font-size:11px;letter-spacing:.08em}.sale-pill{background:var(--rose);color:#111;padding:4px 8px;font-size:11px;font-weight:800;text-transform:uppercase}.muted{color:var(--muted)}.product{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:64px;padding:60px 0}.gallery-main{width:100%;height:min(70vh,720px);object-fit:contain;background:#f4f1ee}.thumbs{display:flex;gap:10px;overflow:auto;margin-top:12px}.thumbs img,.thumbs video{width:84px;height:92px;object-fit:cover;background:#eee;cursor:pointer}.product h1{font-size:48px;font-weight:500;margin:12px 0 18px}.product-price .price{font-size:28px}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:18px auto}.tag{display:inline-block;padding:7px 11px;border-radius:2px;background:#f3eeea;color:#4e403a;text-decoration:none;font-size:12px}.form{background:#fff;border:1px solid var(--line);padding:28px}.row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:12px;font-weight:750;margin:13px 0 6px;color:#332b27}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #ddd3cd;border-radius:2px;background:#fff;font:inherit;color:inherit}input:focus,select:focus,textarea:focus{outline:2px solid rgba(192,138,125,.25);border-color:var(--rose)}textarea{min-height:120px;resize:vertical}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.table th{background:#111;color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.alert{padding:12px 16px;margin:18px auto;background:#eaf5ea}.alert.warning{background:#fff3cd}.alert.danger{background:#f8d7da}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.kpi{background:#fff;border:1px solid var(--line);padding:20px}.kpi b{display:block;font-size:24px;margin-top:6px}.admin-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;padding:38px 0}.sidebar{background:#111;color:#fff;padding:18px 12px;height:max-content;position:sticky;top:94px}.sidebar h2{font-family:inherit;font-size:13px;text-transform:uppercase;letter-spacing:.12em;padding:4px 10px 14px;margin:0;border-bottom:1px solid #2a2a2a}.sidebar a{display:block;color:#ddd;text-decoration:none;padding:9px 10px;margin-top:2px;font-size:13px}.sidebar a:hover{background:#211b18;color:#fff}.admin-content{min-width:0}.admin-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.admin-title h1{font-size:34px;margin:0}.admin-title small{margin:0 0 5px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-card{border:1px solid var(--line);padding:22px;background:#fff}.settings-card h2{font-family:inherit;font-size:16px;font-weight:800;margin:0 0 15px}.settings-card small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.check{display:flex;align-items:center;gap:8px;font-size:13px}.check input{width:auto}.tag-picker{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.tag-picker label{margin:0}.tag-picker input{position:absolute;opacity:0}.tag-picker span{display:block;padding:8px 11px;border:1px solid var(--line);font-size:12px;cursor:pointer}.tag-picker input:checked+span{background:#111;color:#fff;border-color:#111}.text-link{font-size:12px}.media-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.media-item{border:1px solid var(--line);padding:6px}.media-preview img,.media-preview video{width:100%;height:100px;object-fit:cover}.media-item a{display:block;text-align:center;font-size:11px;margin-top:5px;color:#8b1e1e}footer{background:#090909;color:#ddd;margin-top:80px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px;padding:58px 0}.footer-brand strong{font-family:Georgia,serif;color:#fff;font-size:26px;letter-spacing:.16em}.footer-grid h4{font-size:11px;color:#fff;text-transform:uppercase;letter-spacing:.14em;margin:0 0 16px}.footer-grid a,.footer-grid span{display:block;color:#aaa;text-decoration:none;font-size:13px;margin:8px 0}.footer-grid a:hover{color:var(--rose)}.footer-bottom{border-top:1px solid #242424;padding:16px 0;color:#777;font-size:11px}
@media(max-width:960px){.grid{grid-template-columns:repeat(2,1fr)}.product,.admin-layout{grid-template-columns:1fr}.sidebar{position:static;display:flex;gap:3px;overflow:auto}.sidebar h2{display:none}.sidebar a{white-space:nowrap}.kpis{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.fashion-hero{min-height:72vh}.product h1{font-size:39px}}
@media(max-width:640px){.nav{height:auto;min-height:68px;padding:12px 0;align-items:flex-start;flex-direction:column}.nav nav{width:100%;gap:14px;overflow:auto;padding-bottom:2px}.brand img{height:36px}.fashion-hero{min-height:70vh;background-position:62% center}.hero-content{padding:65px 0}.hero-content h1{font-size:47px}.hero-content p{font-size:16px}.section{padding:56px 0}.section-head h2{font-size:31px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-body{padding-top:11px}.card h3{font-size:13px}.price{font-size:14px}.card-link{font-size:10px}.row,.kpis{grid-template-columns:1fr}.product{gap:28px;padding:28px 0}.gallery-main{height:430px}.product h1{font-size:34px}.form{padding:18px}.admin-layout{width:96%!important}.admin-title{align-items:flex-start}.admin-title .btn{padding:9px 12px}.footer-grid{grid-template-columns:1fr;gap:24px}.media-preview{grid-template-columns:repeat(2,1fr)}}

/* Checkout con ubicación */
.checkout-page{padding:58px 0 20px}.checkout-heading{max-width:720px;margin-bottom:28px}.checkout-heading h1{font-size:46px;margin:0 0 10px}.checkout-heading p{color:var(--muted);margin:0}.checkout-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:28px;align-items:start}.checkout-form{padding:0;overflow:hidden}.checkout-block{padding:26px 28px;border-bottom:1px solid var(--line)}.checkout-block:last-of-type{border-bottom:0}.checkout-block h2{font-family:inherit;font-size:17px;font-weight:800;margin:0 0 16px}.checkout-block p{font-size:13px;color:var(--muted);margin:4px 0 0}.block-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px}.location-btn{white-space:nowrap;background:#fff;color:#111;border-color:#111}.location-btn:hover{color:#fff}.location-btn:disabled{opacity:.65;cursor:wait}.location-status{display:none;padding:11px 13px;margin:0 0 14px;font-size:12px;border:1px solid var(--line);background:#faf8f6}.location-status:not(:empty){display:block}.location-status.success{background:#edf8ef;border-color:#b9ddbf;color:#245c2d}.location-status.error{background:#fff0f0;border-color:#e8bcbc;color:#8a2323}.location-status.loading{background:#fff8e8;border-color:#ead8a7;color:#6e5514}.map-link-row{display:grid;grid-template-columns:1fr auto;gap:10px}.map-preview{margin-top:15px;border:1px solid var(--line);background:#f7f3ef;overflow:hidden}.map-preview iframe{display:block;width:100%;height:310px;border:0}.map-preview-footer{display:flex;justify-content:space-between;gap:16px;padding:11px 13px;font-size:11px}.map-preview-footer a{font-weight:800}.location-help{font-size:11px!important;margin-top:10px!important}.checkout-submit{width:calc(100% - 56px);margin:0 28px 28px;min-height:50px}.checkout-summary{position:sticky;top:94px;padding:26px}.checkout-summary h2{margin:0 0 18px}.summary-item{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.summary-item span{min-width:0}.summary-item small{color:var(--muted)}.summary-item b{white-space:nowrap}.summary-total{display:flex;justify-content:space-between;align-items:end;padding:20px 0}.summary-total span{font-weight:700}.summary-total strong{font-family:Georgia,serif;font-size:25px}.summary-back{display:inline-block;font-size:12px;text-decoration:none;border-bottom:1px solid}.order-location{margin-top:6px;font-size:11px;line-height:1.45}.order-location a{font-weight:800}
@media(max-width:900px){.checkout-layout{grid-template-columns:1fr}.checkout-summary{position:static;order:-1}.block-title-row{flex-direction:column}.location-btn{width:100%}}
@media(max-width:640px){.checkout-page{padding-top:32px}.checkout-heading h1{font-size:36px}.checkout-block{padding:21px 18px}.checkout-submit{width:calc(100% - 36px);margin:0 18px 20px}.map-link-row{grid-template-columns:1fr}.map-preview iframe{height:260px}.map-preview-footer{flex-direction:column;gap:4px}.checkout-summary{padding:20px}}

/* Checkout dividido: resumen lateral y formulario */
.checkout-page{max-width:1180px!important;padding:52px 0 30px}.checkout-heading{margin:0 0 26px}.checkout-heading .eyebrow{margin-bottom:8px}.checkout-heading h1{font-size:clamp(36px,4.4vw,54px);letter-spacing:-.025em}.checkout-layout{grid-template-columns:minmax(0,1.38fr) minmax(340px,.62fr);gap:32px}.checkout-form,.checkout-summary{border-color:#e7dfd9;box-shadow:0 18px 55px rgba(35,22,15,.07)}.checkout-form{border-radius:8px}.checkout-block{padding:30px 32px}.checkout-block h2{font-size:18px}.checkout-block label{margin-top:15px}.checkout-block input,.checkout-block select,.checkout-block textarea{min-height:48px;border-radius:5px;background:#fdfcfa}.checkout-block textarea{min-height:110px}.checkout-submit{width:calc(100% - 64px);margin:2px 32px 32px;border-radius:5px;min-height:54px;font-size:14px}.checkout-summary{top:96px;padding:28px;border-radius:8px;overflow:hidden}.summary-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}.summary-header .eyebrow{margin-bottom:7px}.summary-header h2{font-family:Georgia,"Times New Roman",serif;font-size:27px;font-weight:500;margin:0}.summary-count{flex:0 0 auto;padding:6px 9px;border-radius:30px;background:var(--cream);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.summary-products{max-height:430px;overflow:auto;padding-right:3px}.summary-products::-webkit-scrollbar{width:5px}.summary-products::-webkit-scrollbar-thumb{background:#d9cec7;border-radius:10px}.summary-item{display:grid;grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:13px;padding:16px 0}.summary-thumb{position:relative;width:66px;height:78px;border-radius:5px;background:#f1ece8;overflow:visible;display:grid;place-items:center;color:#a58e82}.summary-thumb img{width:100%;height:100%;object-fit:cover;border-radius:5px}.summary-qty{position:absolute;right:-7px;top:-7px;display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:20px;background:#111;color:#fff;font-size:10px;border:2px solid #fff}.summary-product-info{min-width:0;display:flex;flex-direction:column;gap:3px}.summary-product-info strong{font-size:13px;line-height:1.35}.summary-product-info small{color:var(--muted);font-size:10px}.summary-product-info span{font-size:11px;color:#625650}.summary-line-total{font-size:12px;white-space:nowrap}.summary-calculation{padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.summary-calculation>div{display:flex;justify-content:space-between;gap:15px;padding:4px 0;font-size:12px}.summary-calculation b{font-weight:700}.summary-shipping{color:var(--muted)}.summary-total{padding:20px 0 16px}.summary-total span{font-size:13px}.summary-total strong{font-size:27px}.summary-secure{display:flex;align-items:center;gap:8px;padding:11px 12px;margin-bottom:14px;border-radius:5px;background:#f5f2ee;color:#635750;font-size:10px;font-weight:700}.summary-back{font-size:11px;color:#5f514a}.map-preview{border-radius:5px}.location-btn{border-radius:5px}

@media(max-width:900px){.checkout-page{padding-top:38px}.checkout-layout{display:flex;flex-direction:column;gap:20px}.checkout-summary{order:-1;position:static;width:100%}.checkout-form{width:100%}.summary-products{max-height:none}.summary-item{grid-template-columns:72px minmax(0,1fr) auto}.summary-thumb{width:72px;height:84px}}
@media(max-width:640px){.checkout-page{width:min(100% - 24px,1240px)!important;padding:24px 0 12px}.checkout-heading{margin-bottom:18px}.checkout-heading h1{font-size:34px}.checkout-heading p{font-size:13px}.checkout-layout{gap:16px}.checkout-summary{padding:18px 16px;border-radius:6px}.summary-header h2{font-size:23px}.summary-count{font-size:9px}.summary-item{grid-template-columns:60px minmax(0,1fr);gap:12px;position:relative;padding:13px 0}.summary-thumb{width:60px;height:70px}.summary-line-total{grid-column:2;justify-self:start;margin-top:1px}.summary-product-info strong{padding-right:4px}.summary-products{overflow:visible}.summary-calculation{padding:12px 0}.summary-total{padding:16px 0 13px}.summary-total strong{font-size:24px}.checkout-block{padding:22px 18px}.checkout-block h2{font-size:17px}.checkout-block input,.checkout-block select{min-height:47px}.checkout-submit{width:calc(100% - 36px);margin:0 18px 20px}.block-title-row{gap:12px}.location-btn{min-height:48px}.map-link-row .btn{width:100%}}


/* Tema negro DIKAR: header, footer, logo y redes configurables */
:root{--dikar-black:#000;--dikar-gold:#d6a638}
.site-header{background:var(--dikar-black)!important;color:#fff;border-bottom:1px solid rgba(214,166,56,.2);box-shadow:0 8px 30px rgba(0,0,0,.18);z-index:100}
.site-header.is-sticky{position:sticky;top:0}
.announcement-bar{background:#000;color:#fff;border-bottom:1px solid rgba(214,166,56,.22)}
.header-main{min-height:84px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:32px}
.site-header .brand{color:#fff;min-width:0}
.site-header .brand img{height:var(--header-logo-height,58px)!important;width:auto;max-width:260px;object-fit:contain;display:block}
.site-header .brand-copy b{color:#fff}.site-header .brand-copy small{color:#c9c0ad}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:27px}
.desktop-nav a{color:#fff!important;text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.055em;position:relative}
.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:1px;background:var(--dikar-gold);transition:.22s}
.desktop-nav a:hover{color:#f3cf72!important}.desktop-nav a:hover:after{right:0}
.header-actions{display:flex;align-items:center;gap:10px}.icon-button{color:#fff!important;border-color:transparent!important}.icon-button svg{stroke:#fff!important}.icon-button:hover{background:rgba(214,166,56,.12)}
.menu-toggle span{background:#fff!important}.search-panel{background:#080808;border-top:1px solid #222}.search-panel input{background:#111;color:#fff;border-color:#333}
.cart-count{background:var(--dikar-gold)!important;color:#000!important}
.site-footer{background:#000!important;color:#c9c9c9;margin-top:80px;border-top:1px solid rgba(214,166,56,.28)}
.footer-grid{grid-template-columns:minmax(220px,1.7fr) repeat(3,minmax(120px,1fr));gap:48px;padding:62px 0}
.footer-logo{display:block;width:min(var(--footer-logo-width,150px),100%);height:auto;max-height:230px;object-fit:contain;object-position:left center;margin-bottom:20px}
.footer-brand p{max-width:360px;color:#aaa}.site-footer h4{color:#f0c85e}.site-footer a:hover{color:#f0c85e}.footer-bottom{border-color:#202020;background:#000}
.social-links{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:20px}.social-links a{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;margin:0!important;color:#fff!important;transition:.2s}
.social-links.social-mode-icon a{width:42px;height:42px;border:1px solid #333;border-radius:50%}.social-links.social-mode-both a,.social-links.social-mode-name a{min-height:42px;padding:8px 13px;border:1px solid #333;border-radius:4px}
.social-links a:hover{border-color:var(--dikar-gold);transform:translateY(-2px)}.social-links img{width:21px;height:21px;object-fit:contain}.social-fallback{display:grid!important;place-items:center;width:22px;height:22px;color:var(--dikar-gold)!important;font-weight:800;margin:0!important}.social-name{display:inline!important;color:#fff!important;margin:0!important}
.share-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.share-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border:1px solid #171717;background:#050505;color:#fff;text-decoration:none;padding:9px 14px;cursor:pointer;font:inherit;border-radius:3px;transition:.2s}.share-buttons.social-mode-icon .share-button{width:46px;padding:0}.share-button:hover,.share-button.copied{border-color:var(--dikar-gold);color:#f3cf72;transform:translateY(-1px)}.share-button img{width:22px;height:22px;object-fit:contain}.share-fallback{display:grid;place-items:center;width:22px;height:22px;color:var(--dikar-gold);font-weight:800}
.social-icon-settings input[type=file]{padding:9px}.settings-subtitle{margin-top:22px!important}
@media(max-width:960px){.header-main{grid-template-columns:auto auto;justify-content:space-between;min-height:76px}.desktop-nav{position:absolute;left:0;right:0;top:100%;display:none;flex-direction:column;align-items:stretch;background:#050505;padding:16px 4%;border-top:1px solid #222;gap:0}.desktop-nav.open{display:flex}.desktop-nav a{padding:13px 4px;border-bottom:1px solid #171717}.header-actions{margin-left:auto}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.header-main{min-height:68px;gap:12px}.site-header .brand img{height:var(--header-logo-height-mobile,48px)!important;max-width:145px}.header-actions{gap:2px}.icon-button{width:36px;height:36px}.footer-grid{grid-template-columns:1fr;gap:28px;padding:46px 0}.footer-logo{max-height:180px}.social-links{gap:9px}.share-buttons.social-mode-both .share-button,.share-buttons.social-mode-name .share-button{flex:1 1 calc(50% - 5px)}}

/* ===== FOOTER DIKAR: ajuste visual y distribución ===== */
.site-footer{
  background:#050505!important;
  color:#c8c8c8;
  border-top:1px solid rgba(214,166,56,.28);
}
.site-footer .wrap{width:min(1280px,92%)}
.site-footer .footer-grid{
  display:grid;
  grid-template-columns:minmax(260px,1.55fr) repeat(4,minmax(135px,1fr));
  align-items:start;
  gap:clamp(28px,4vw,62px);
  padding:72px 0 64px;
}
.site-footer .footer-brand{min-width:0}
.site-footer .footer-logo{
  display:block;
  width:min(var(--footer-logo-width,190px),100%);
  height:auto;
  max-height:none;
  object-fit:contain;
  object-position:left center;
  margin:0 0 18px;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.site-footer .footer-brand p{
  max-width:300px;
  margin:0;
  color:#aaa;
  font-size:13px;
  line-height:1.7;
}
.site-footer .footer-grid h4{
  color:#e7bd51;
  font-size:12px;
  letter-spacing:.16em;
  margin:4px 0 20px;
}
.site-footer .footer-grid a,
.site-footer .footer-grid span{
  color:#bcbcbc;
  font-size:13px;
  line-height:1.45;
  margin:10px 0;
}
.site-footer .footer-grid a:hover{color:#e7bd51}
.site-footer .footer-newsletter p{margin:0 0 16px;color:#aaa;font-size:13px;line-height:1.65}
.site-footer .footer-cta{display:inline-block!important;color:#fff!important;border-bottom:1px solid #e7bd51;padding-bottom:5px}
.site-footer .social-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:24px}
.site-footer .social-links a{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin:0!important;
  background:transparent!important;
  border:1px solid #292929;
  color:#fff!important;
  overflow:hidden;
}
.site-footer .social-links.social-mode-icon a{width:44px;height:44px;border-radius:50%}
.site-footer .social-links.social-mode-name a,
.site-footer .social-links.social-mode-both a{min-height:44px;padding:9px 14px;border-radius:4px}
.site-footer .social-links img{
  display:block;
  width:23px;
  height:23px;
  object-fit:contain;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
}
.site-footer .social-links a:hover{border-color:#e7bd51;transform:translateY(-2px)}
.site-footer .footer-bottom{background:#050505;border-top:1px solid #202020;padding:19px 0}
.site-footer .footer-bottom .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}
.site-footer .footer-bottom span{margin:0;color:#777;font-size:11px}

@media(max-width:1100px){
  .site-footer .footer-grid{grid-template-columns:1.3fr repeat(2,1fr)}
  .site-footer .footer-newsletter{grid-column:2 / -1}
}
@media(max-width:760px){
  .site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:34px 28px;padding:54px 0}
  .site-footer .footer-brand{grid-column:1 / -1}
  .site-footer .footer-newsletter{grid-column:1 / -1}
  .site-footer .footer-logo{width:min(var(--footer-logo-width,190px),220px)}
}
@media(max-width:520px){
  .site-footer .footer-grid{grid-template-columns:1fr;gap:28px;padding:46px 0}
  .site-footer .footer-brand,.site-footer .footer-newsletter{grid-column:auto}
  .site-footer .footer-bottom .wrap{align-items:flex-start;flex-direction:column;gap:6px}
}


/* ===== Control opcional de máscaras y tamaños ===== */
.brand-logo-original,.footer-logo-original,.social-image-original,.share-image-original{filter:none!important;opacity:1!important;mix-blend-mode:normal!important;background:transparent!important}
.brand-logo-mask{display:block;width:auto;height:var(--header-logo-height,58px);aspect-ratio:1/1;background:var(--header-logo-mask-color,#d9b04c);-webkit-mask-image:var(--brand-mask);mask-image:var(--brand-mask);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.footer-logo-mask{display:block;width:min(var(--footer-logo-width,150px),100%);aspect-ratio:1/1;background:var(--footer-logo-mask-color,#d9b04c);-webkit-mask-image:var(--footer-mask);mask-image:var(--footer-mask);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left center;mask-position:left center;-webkit-mask-size:contain;mask-size:contain}
.social-links .social-image-original{width:var(--social-icon-size,28px)!important;height:var(--social-icon-size,28px)!important;max-width:none!important;max-height:none!important;object-fit:contain!important}
.social-image-mask{display:block;width:var(--social-icon-size,28px);height:var(--social-icon-size,28px);background:var(--social-mask-color,#d9b04c);-webkit-mask-image:var(--icon-mask);mask-image:var(--icon-mask);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.share-button .share-image-original{width:var(--share-icon-size,24px)!important;height:var(--share-icon-size,24px)!important;max-width:none!important;max-height:none!important;object-fit:contain!important}
.share-image-mask{display:block;width:var(--share-icon-size,24px);height:var(--share-icon-size,24px);background:var(--share-mask-color,#d9b04c);-webkit-mask-image:var(--share-mask-image);mask-image:var(--share-mask-image);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.mask-settings-box{margin-top:16px;padding:14px;border:1px solid #e6ddd7;background:#faf8f6;display:grid;grid-template-columns:1fr minmax(180px,.55fr);gap:16px;align-items:center}.mask-settings-box label{margin-top:0}.mask-settings-box input[type=color]{height:44px;padding:4px}
@media(max-width:640px){.brand-logo-mask{height:var(--header-logo-height-mobile,48px)}.mask-settings-box{grid-template-columns:1fr}}

/* FIX DEFINITIVO: imágenes originales sin máscara ni filtros */
.site-footer img.footer-logo-original,
.site-footer img.social-image-original {
    -webkit-mask-image: none !important;
    mask-image: none !important;
    -webkit-mask: none !important;
    mask: none !important;
    filter: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
    background-color: transparent !important;
    color: initial !important;
}

/* Evita que reglas genéricas de span conviertan imágenes o contenedores en bloques blancos */
.site-footer .footer-logo-original {
    display: block !important;
    width: min(var(--footer-logo-width, 150px), 100%) !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
}

.site-footer .social-image-original {
    display: block !important;
    width: var(--social-icon-size, 28px) !important;
    height: var(--social-icon-size, 28px) !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    border: 0 !important;
    border-radius: 0 !important;
}

/* La máscara solo existe si el PHP imprime expresamente estas clases */
.site-footer .footer-logo-mask,
.site-footer .social-image-mask {
    filter: none !important;
    opacity: 1 !important;
}

/* En modo original nunca mostrar restos de elementos de máscara */
.site-footer .use-original-icons .social-image-mask {
    display: none !important;
}


/* =========================================================
   DIKAR: render original sin <img>
   Esta solución evita cualquier filter/invert aplicado
   globalmente a las etiquetas img por otro CSS o plugin.
   Agregar al FINAL de style.css.
   ========================================================= */

.site-footer .footer-logo-background {
    display: block !important;
    width: min(var(--footer-logo-width, 190px), 100%) !important;
    height: clamp(70px, calc(var(--footer-logo-width, 190px) * .72), 260px) !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    border: 0 !important;
    background-color: transparent !important;
    background-image: var(--footer-logo-image) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: contain !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
    -webkit-mask: none !important;
    mask: none !important;
}

.site-footer .social-image-background {
    display: block !important;
    width: var(--social-icon-size, 28px) !important;
    height: var(--social-icon-size, 28px) !important;
    min-width: var(--social-icon-size, 28px) !important;
    min-height: var(--social-icon-size, 28px) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-image: var(--social-image) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
    -webkit-mask: none !important;
    mask: none !important;
}

/* Solo se aplica una máscara cuando PHP genera explícitamente estas clases */
.site-footer .footer-logo-mask {
    display: block;
    width: min(var(--footer-logo-width, 190px), 100%);
    height: clamp(70px, calc(var(--footer-logo-width, 190px) * .72), 260px);
    background: var(--footer-logo-mask-color, #d9b04c);
    -webkit-mask-image: var(--footer-mask);
    mask-image: var(--footer-mask);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: left center;
    mask-position: left center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.site-footer .social-image-mask {
    display: block;
    width: var(--social-icon-size, 28px);
    height: var(--social-icon-size, 28px);
    background: var(--social-mask-color, #d9b04c);
    -webkit-mask-image: var(--icon-mask);
    mask-image: var(--icon-mask);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}



/* =========================================================
   HEADER DIKAR - RESTAURACIÓN COMPLETA
   Agregar al FINAL de assets/css/style.css
   ========================================================= */
.announcement-bar{
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-height:31px!important;padding:6px 18px!important;text-align:center!important;
  font-size:11px!important;line-height:1.2!important;letter-spacing:.025em!important;
  background:#050505!important;color:#fff!important;border-bottom:1px solid rgba(214,166,56,.24)!important;
}
.site-header{position:relative;background:#050505!important;color:#fff!important;border-bottom:1px solid rgba(214,166,56,.22)!important;box-shadow:none!important}
.site-header.is-sticky{position:sticky!important;top:0!important;z-index:1000!important}
.site-header .header-main{
  width:min(1240px,92%)!important;margin-inline:auto!important;min-height:82px!important;
  display:grid!important;grid-template-columns:minmax(260px,auto) minmax(0,1fr) auto!important;
  align-items:center!important;gap:30px!important;padding:10px 0!important;
}
.site-header .brand{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important;color:#fff!important;text-decoration:none!important;white-space:nowrap!important}
.site-header .brand-logo-original{display:block!important;height:var(--header-logo-height,58px)!important;width:auto!important;max-width:180px!important;object-fit:contain!important;filter:none!important;opacity:1!important;mix-blend-mode:normal!important;background:transparent!important}
.site-header .brand-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;line-height:1.1!important}
.site-header .brand-copy b{font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(18px,1.8vw,27px)!important;letter-spacing:.19em!important;color:#fff!important;font-weight:600!important}
.site-header .brand-copy small{display:block!important;margin-top:7px!important;font-size:8px!important;letter-spacing:.28em!important;color:#d7cbb5!important;white-space:nowrap!important}
.site-header .desktop-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:clamp(16px,2vw,28px)!important;min-width:0!important}
.site-header .desktop-nav a{display:block!important;color:#fff!important;text-decoration:none!important;font-size:11px!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:.045em!important;white-space:nowrap!important;padding:9px 0!important}
.site-header .desktop-nav a:hover{color:#e5bd55!important}
.site-header .header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important}
.site-header .icon-button{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#fff!important;text-decoration:none!important;cursor:pointer!important}
.site-header .icon-button:hover{background:rgba(214,166,56,.12)!important}
.site-header .icon-button svg{display:block!important;width:21px!important;height:21px!important;fill:none!important;stroke:#fff!important;stroke-width:1.55!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.site-header .cart-count{position:absolute!important;right:0!important;top:1px!important;display:grid!important;place-items:center!important;min-width:17px!important;height:17px!important;padding:0 4px!important;margin:0!important;border-radius:50px!important;background:#d6a638!important;color:#050505!important;font-size:9px!important;font-weight:900!important;border:2px solid #050505!important}
.site-header .menu-toggle{display:none!important;width:40px!important;height:40px!important;padding:8px!important;border:0!important;background:transparent!important;cursor:pointer!important}
.site-header .menu-toggle span{display:block!important;width:23px!important;height:1px!important;margin:5px auto!important;background:#fff!important}
.site-header .search-panel{display:none!important;background:#080808!important;border-top:1px solid #252525!important;padding:15px 0!important}
.site-header .search-panel.open{display:block!important}
.site-header .search-panel form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important}
.site-header .search-panel input{height:44px!important;margin:0!important;background:#111!important;color:#fff!important;border:1px solid #333!important;padding:0 14px!important}
.site-header .search-panel .btn{height:44px!important;min-height:44px!important;margin:0!important;padding:0 22px!important;background:#d6a638!important;border-color:#d6a638!important;color:#050505!important}
@media(max-width:1040px){
 .site-header .header-main{grid-template-columns:minmax(220px,1fr) auto auto!important;gap:12px!important}
 .site-header .menu-toggle{display:block!important;order:2!important}
 .site-header .header-actions{order:3!important}
 .site-header .desktop-nav{display:none!important;position:absolute!important;left:0!important;right:0!important;top:100%!important;z-index:1001!important;background:#050505!important;border-top:1px solid #242424!important;padding:12px 4%!important;flex-direction:column!important;align-items:stretch!important;gap:0!important}
 .site-header .desktop-nav.open{display:flex!important}
 .site-header .desktop-nav a{padding:13px 0!important;border-bottom:1px solid #1d1d1d!important}
}
@media(max-width:640px){
 .announcement-bar{font-size:9px!important;min-height:27px!important}
 .site-header .header-main{grid-template-columns:minmax(0,1fr) auto auto!important;min-height:68px!important;padding:8px 0!important}
 .site-header .brand{gap:9px!important}
 .site-header .brand-logo-original{height:var(--header-logo-height-mobile,45px)!important;max-width:92px!important}
 .site-header .brand-copy b{font-size:17px!important;letter-spacing:.13em!important}
 .site-header .brand-copy small{display:none!important}
 .site-header .icon-button{width:34px!important;height:34px!important}
 .site-header .icon-button svg{width:19px!important;height:19px!important}
 .site-header .header-actions{gap:0!important}
 .site-header .search-panel form{grid-template-columns:1fr!important}
 .site-header .search-panel .btn{width:100%!important}
}



/* =========================================================
   TIENDA, CATEGORÍAS Y SUBCATEGORÍAS — DIKAR
   ========================================================= */
.shop-hero{
    position:relative;
    isolation:isolate;
    min-height:290px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:#0a0a0a;
    color:#fff;
}
.shop-hero.has-banner{
    min-height:clamp(300px,36vw,470px);
    background-image:var(--shop-banner);
    background-size:cover;
    background-position:var(--shop-banner-position,center) center;
}
.shop-hero.no-banner{
    background:
      radial-gradient(circle at 82% 18%,rgba(214,166,56,.14),transparent 28%),
      linear-gradient(115deg,#050505 0%,#16120d 100%);
}
.shop-hero-overlay{
    position:absolute;
    inset:0;
    z-index:-1;
    background:linear-gradient(90deg,rgba(0,0,0,calc(var(--shop-banner-overlay,45)/100)) 0%,rgba(0,0,0,.2) 75%,rgba(0,0,0,.1) 100%);
}
.shop-hero.no-banner .shop-hero-overlay{background:linear-gradient(90deg,rgba(0,0,0,.1),rgba(0,0,0,.35))}
.shop-hero-inner{padding:62px 0;max-width:1240px!important}
.shop-hero-inner small{
    display:block;
    margin-bottom:14px;
    color:#e4b83f;
    font-size:11px;
    font-weight:800;
    letter-spacing:.22em;
}
.shop-hero-inner h1{
    max-width:760px;
    margin:0 0 16px;
    color:#fff;
    font-size:clamp(42px,6vw,78px);
    font-weight:500;
    letter-spacing:-.035em;
}
.shop-hero-inner p{
    max-width:620px;
    margin:0;
    color:rgba(255,255,255,.82);
    font-size:16px;
    line-height:1.7;
}
.shop-back-link{
    display:inline-block;
    margin-top:22px;
    color:#f0c95e;
    text-decoration:none;
    border-bottom:1px solid rgba(240,201,94,.65);
    font-size:12px;
    padding-bottom:4px;
}

.shop-layout{
    display:grid;
    grid-template-columns:245px minmax(0,1fr);
    gap:44px;
    align-items:start;
    padding:52px 0 90px;
}
.shop-sidebar{position:sticky;top:115px}
.shop-sidebar-card{
    border:1px solid #e8e1dc;
    background:#fff;
    padding:25px 22px;
}
.shop-sidebar-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:17px;
    margin-bottom:4px;
    border-bottom:1px solid #eee8e3;
}
.shop-sidebar-title>span{
    font-family:Georgia,"Times New Roman",serif;
    font-size:23px;
}
.shop-filter-toggle{display:none}
.shop-filter-group{padding:21px 0;border-bottom:1px solid #eee8e3}
.shop-filter-group:last-child{border-bottom:0;padding-bottom:0}
.shop-filter-group h3{
    margin:0 0 13px;
    font-family:inherit;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.15em;
}
.shop-category-tree{margin:2px 0}
.shop-category-link{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:10px 11px;
    margin:2px -11px;
    color:#38312d;
    text-decoration:none;
    font-size:13px;
    transition:.2s;
}
.shop-category-link small{
    display:grid;
    place-items:center;
    min-width:22px;
    height:22px;
    margin:0;
    border-radius:50%;
    background:#f4f0ec;
    color:#7e7068;
    font-size:9px;
}
.shop-category-link:hover,.shop-category-link.active{
    background:#0a0a0a;
    color:#fff;
}
.shop-category-link.active small,.shop-category-link:hover small{
    background:#d6a638;
    color:#080808;
}
.shop-subcategory-list{
    margin:5px 0 12px 13px;
    padding-left:13px;
    border-left:1px solid #d6a638;
}
.shop-subcategory-list a{
    display:block;
    padding:7px 0;
    color:#776b64;
    text-decoration:none;
    font-size:12px;
}
.shop-subcategory-list a:hover,.shop-subcategory-list a.active{color:#0a0a0a;font-weight:750}
.shop-tags{display:flex;flex-wrap:wrap;gap:7px}
.shop-tags a{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:6px 10px;
    border:1px solid #e3dbd5;
    border-radius:999px;
    color:#625750;
    text-decoration:none;
    font-size:11px;
}
.shop-tags a:hover,.shop-tags a.active{background:#0a0a0a;border-color:#0a0a0a;color:#fff}

.shop-content{min-width:0}
.shop-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:28px;
    padding-bottom:20px;
    border-bottom:1px solid #e8e1dc;
}
.shop-search-form{
    position:relative;
    flex:1;
    max-width:620px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    border:1px solid #ddd4ce;
    background:#fff;
}
.shop-search-form svg{
    width:18px;
    height:18px;
    margin-left:15px;
    fill:none;
    stroke:#514741;
    stroke-width:1.5;
}
.shop-search-form input{
    min-height:48px;
    border:0;
    outline:0!important;
    padding:0 13px;
}
.shop-search-form button{
    align-self:stretch;
    border:0;
    padding:0 22px;
    background:#0a0a0a;
    color:#fff;
    font-size:12px;
    font-weight:750;
    cursor:pointer;
}
.shop-search-form button:hover{background:#b88925}
.shop-toolbar-meta{
    color:#786d66;
    font-size:12px;
    white-space:nowrap;
}
.shop-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:30px 22px;
}
.shop-grid .card-image{aspect-ratio:4/5;background:#f2efec}
.shop-grid .card-body{padding-top:14px}
.shop-grid .card h3{font-size:14px}
.pagination{
    display:flex;
    justify-content:center;
    gap:8px;
    margin-top:55px;
}
.pagination a{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border:1px solid #ded5cf;
    color:#3d3531;
    text-decoration:none;
    font-size:12px;
}
.pagination a:hover,.pagination a.active{background:#0a0a0a;border-color:#0a0a0a;color:#fff}
.empty-state{
    padding:75px 25px;
    text-align:center;
    border:1px solid #e7dfda;
    background:#faf8f6;
}
.empty-state h2{margin-top:0}

/* Administración de categorías */
.category-admin-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
}
.category-editor{border-radius:6px}
.category-editor-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    margin-bottom:18px;
}
.category-editor-head span,.section-head-admin span{
    display:block;
    color:#aa7d1c;
    font-size:10px;
    font-weight:800;
    letter-spacing:.16em;
}
.category-editor-head h2,.section-head-admin h2{margin:5px 0 0}
.category-editor textarea{min-height:100px}
.category-editor small{display:block;margin-top:6px;color:#7b7069;font-size:11px}
.category-banner-preview{
    height:145px;
    margin:14px 0 8px;
    border:1px solid #e1d8d2;
    background-size:cover;
    background-position:center;
}
.category-structure{margin-top:35px}
.section-head-admin{margin-bottom:18px}
.category-admin-list{display:grid;gap:14px}
.category-admin-item{
    display:grid;
    grid-template-columns:170px minmax(240px,1fr) minmax(260px,.9fr);
    gap:22px;
    align-items:center;
    padding:16px;
    border:1px solid #e5ddd7;
    background:#fff;
}
.category-admin-item.is-inactive{opacity:.55}
.category-admin-thumb{
    min-height:125px;
    background:#f2eeea;
    background-size:cover;
    background-position:center;
}
.category-admin-info small{color:#aa7d1c;font-size:9px;font-weight:800;letter-spacing:.15em}
.category-admin-info h3{margin:5px 0 8px;font-size:22px}
.category-admin-info p{margin:0 0 12px;color:#776b64;font-size:12px}
.category-admin-actions{display:flex;flex-wrap:wrap;gap:13px}
.category-admin-actions a,.category-sub-row a{font-size:11px}
.category-sub-list{display:grid;gap:7px}
.category-sub-row{
    display:flex;
    justify-content:space-between;
    gap:15px;
    padding:10px 12px;
    background:#f8f6f4;
    font-size:12px;
}
.category-sub-row.is-inactive{opacity:.5}
.category-sub-row>div{display:flex;gap:9px}

@media(max-width:1040px){
    .shop-layout{grid-template-columns:210px minmax(0,1fr);gap:28px}
    .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .category-admin-item{grid-template-columns:135px 1fr}
    .category-sub-list{grid-column:1/-1}
}
@media(max-width:760px){
    .shop-hero.has-banner{min-height:330px}
    .shop-hero-inner{padding:48px 0}
    .shop-layout{display:block;padding-top:24px}
    .shop-sidebar{position:static;margin-bottom:22px}
    .shop-sidebar-card{padding:16px}
    .shop-filter-toggle{
        display:inline-flex;
        border:0;
        background:#0a0a0a;
        color:#fff;
        padding:8px 12px;
        font-size:11px;
    }
    .shop-filter-body{display:none}
    .shop-filter-body.open{display:block}
    .shop-toolbar{align-items:stretch;flex-direction:column}
    .shop-search-form{max-width:none}
    .shop-toolbar-meta{align-self:flex-end}
    .category-admin-grid{grid-template-columns:1fr}
    .category-admin-item{grid-template-columns:110px 1fr}
}
@media(max-width:520px){
    .shop-hero-inner h1{font-size:40px}
    .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}
    .shop-search-form{grid-template-columns:auto minmax(0,1fr)}
    .shop-search-form button{grid-column:1/-1;min-height:42px}
    .category-admin-item{grid-template-columns:1fr}
    .category-admin-thumb{min-height:150px}
    .category-sub-list{grid-column:auto}
    .category-sub-row{align-items:flex-start;flex-direction:column}
}


/* =========================================================
   INDEX + TIENDA — BANNER FULL WIDTH Y FRANJA DE BENEFICIOS
   Agregar al final de assets/css/style.css
   ========================================================= */

/* HERO DE INDEX Y TIENDA */
.fashion-hero,
.shop-fashion-hero{
  width:100% !important;
  min-height:clamp(520px,72vh,760px) !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  background-color:#171311 !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  color:#fff !important;
  position:relative !important;
  overflow:hidden !important;
}

.shop-fashion-hero{
  min-height:clamp(500px,68vh,720px) !important;
}

.fashion-hero .hero-content,
.shop-fashion-hero .shop-hero-content{
  width:min(1240px,92%) !important;
  max-width:1240px !important;
  margin-inline:auto !important;
  padding:clamp(72px,9vw,120px) 0 !important;
}

.fashion-hero .hero-content > *,
.shop-fashion-hero .shop-hero-content > *{
  max-width:650px !important;
}

.fashion-hero .hero-content small,
.shop-fashion-hero .shop-hero-content small{
  display:block !important;
  margin:0 0 16px !important;
  color:#efc866 !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.22em !important;
}

.fashion-hero .hero-content h1,
.shop-fashion-hero .shop-hero-content h1{
  margin:0 0 24px !important;
  color:#fff !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:clamp(52px,7vw,94px) !important;
  line-height:.96 !important;
  font-weight:500 !important;
  letter-spacing:-.045em !important;
}

.fashion-hero .hero-content p,
.shop-fashion-hero .shop-hero-content p{
  margin:0 0 32px !important;
  color:rgba(255,255,255,.9) !important;
  font-size:16px !important;
  line-height:1.7 !important;
}

.hero-button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:50px !important;
  padding:0 30px !important;
  border:1px solid #efc866 !important;
  background:rgba(0,0,0,.14) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.1em !important;
  transition:.2s !important;
}

.hero-button:hover{
  background:#efc866 !important;
  color:#080808 !important;
}

/* FRANJA DE BENEFICIOS DEL INDEX */
.trust-strip{
  width:100% !important;
  margin:0 !important;
  background:#050505 !important;
  color:#fff !important;
  border-top:1px solid rgba(239,200,102,.18) !important;
  border-bottom:1px solid rgba(239,200,102,.18) !important;
}

.trust-strip .trust-grid{
  width:min(1240px,92%) !important;
  margin-inline:auto !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:0 !important;
  padding:0 !important;
}

.trust-strip .trust-item{
  min-height:92px !important;
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  padding:22px 26px !important;
  border-right:1px solid rgba(255,255,255,.1) !important;
}

.trust-strip .trust-item:first-child{
  border-left:1px solid rgba(255,255,255,.1) !important;
}

.trust-strip .trust-icon{
  flex:0 0 40px !important;
  width:40px !important;
  height:40px !important;
  display:grid !important;
  place-items:center !important;
  margin:0 !important;
  color:#efc866 !important;
}

.trust-strip .trust-icon svg{
  width:30px !important;
  height:30px !important;
  fill:none !important;
  stroke:#efc866 !important;
  stroke-width:1.45 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

.trust-strip .trust-item > div{
  min-width:0 !important;
}

.trust-strip .trust-item b{
  display:block !important;
  margin:0 0 4px !important;
  color:#fff !important;
  font-size:11px !important;
  line-height:1.25 !important;
  letter-spacing:.045em !important;
}

.trust-strip .trust-item small{
  display:block !important;
  margin:0 !important;
  color:#b9b9b9 !important;
  font-size:11px !important;
  line-height:1.35 !important;
}

/* Evita que reglas globales de main limiten el hero o la franja */
main > .fashion-hero,
main > .trust-strip{
  width:100% !important;
  max-width:none !important;
}

/* Mantiene el contenido de tienda separado del hero */
.shop-layout{
  padding-top:54px !important;
}

@media(max-width:900px){
  .fashion-hero,
  .shop-fashion-hero{
    min-height:560px !important;
    background-position:62% center !important;
  }

  .trust-strip .trust-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .trust-strip .trust-item:nth-child(2){
    border-right:0 !important;
  }

  .trust-strip .trust-item:nth-child(n+3){
    border-top:1px solid rgba(255,255,255,.1) !important;
  }
}

@media(max-width:600px){
  .fashion-hero,
  .shop-fashion-hero{
    min-height:500px !important;
    background-position:68% center !important;
  }

  .fashion-hero .hero-content h1,
  .shop-fashion-hero .shop-hero-content h1{
    font-size:46px !important;
  }

  .fashion-hero .hero-content p,
  .shop-fashion-hero .shop-hero-content p{
    font-size:15px !important;
  }

  .trust-strip .trust-grid{
    grid-template-columns:1fr !important;
  }

  .trust-strip .trust-item{
    min-height:78px !important;
    padding:18px 20px !important;
    border-right:0 !important;
    border-left:0 !important;
    border-top:1px solid rgba(255,255,255,.1) !important;
  }

  .trust-strip .trust-item:first-child{
    border-top:0 !important;
  }
}
.media-row{align-items:start}
.media-setting{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:14px;align-items:start;margin-top:8px}
.media-setting-copy label{margin-top:0}
.media-setting-preview{min-height:120px;display:grid;place-items:center;overflow:hidden;border:1px dashed #d8cec7;border-radius:5px;background:#f7f4f1}
.media-setting-preview img{width:100%;height:120px;display:block;object-fit:contain;background:#111}
.media-setting-preview.has-image{border-style:solid}
.preview-empty{padding:16px;text-align:center;color:#8b7e76}
.preview-empty span{display:block;font-size:12px;font-weight:800}
.preview-empty small{margin-top:4px!important;font-size:10px!important}
.master-mask-toggle{margin:18px 0 10px!important;padding:12px 14px;border:1px solid #e3d8d1;background:#faf8f6}
.category-media-field{margin-top:7px}
.category-live-preview{position:relative;isolation:isolate;min-height:220px;margin-top:14px;overflow:hidden;border:1px solid #ded5cf;border-radius:5px;background:radial-gradient(circle at 80% 20%,rgba(214,166,56,.16),transparent 30%),linear-gradient(120deg,#080808,#211a10);background-size:cover;background-position:center;color:#fff}
.category-preview-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.45),rgba(0,0,0,.14))}
.category-preview-copy{position:absolute;left:24px;right:24px;bottom:24px;max-width:72%}
.category-preview-copy small{color:#e7bd51!important;font-size:9px!important;font-weight:800;letter-spacing:.16em}
.category-preview-copy strong{display:block;margin:6px 0 8px;font-family:Georgia,'Times New Roman',serif;font-size:30px;line-height:1}
.category-preview-copy span{display:block;color:rgba(255,255,255,.82);font-size:11px;line-height:1.5}
@media(max-width:760px){.media-setting{grid-template-columns:1fr}.media-setting-preview{min-height:150px}.media-setting-preview img{height:150px}.category-live-preview{min-height:190px}}


/* =========================================================
   ADMIN SETTINGS — LAYOUT AMPLIO, ORDENADO Y LEGIBLE
   ========================================================= */
.admin-content:has(.settings-form){
    width:100%;
    max-width:none;
}

.settings-form{
    padding:0!important;
    border:0!important;
    background:transparent!important;
}

.settings-form .admin-title{
    position:sticky;
    top:92px;
    z-index:40;
    margin:0 0 22px;
    padding:18px 22px;
    border:1px solid #e6ddd7;
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(12px);
    box-shadow:0 10px 30px rgba(25,16,10,.06);
}

.settings-form .admin-title h1{
    font-size:34px;
}

.settings-save{
    flex:0 0 auto;
    min-width:160px;
}

.settings-workspace{
    display:grid;
    grid-template-columns:220px minmax(0,1fr);
    gap:24px;
    align-items:start;
}

.settings-nav{
    position:sticky;
    top:190px;
    display:grid;
    gap:6px;
    padding:12px;
    border:1px solid #e6ddd7;
    border-radius:8px;
    background:#fff;
    box-shadow:0 12px 34px rgba(20,12,8,.05);
}

.settings-nav-item{
    width:100%;
    min-height:44px;
    padding:10px 12px;
    border:0;
    border-radius:5px;
    background:transparent;
    color:#675b54;
    text-align:left;
    font:inherit;
    font-size:12px;
    font-weight:750;
    cursor:pointer;
    transition:.18s;
}

.settings-nav-item:hover,
.settings-nav-item.active{
    background:#0a0a0a;
    color:#fff;
}

.settings-grid-single{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:22px!important;
    min-width:0;
}

.settings-section{
    scroll-margin-top:190px;
    border:1px solid #e6ddd7!important;
    border-radius:8px;
    padding:28px!important;
    box-shadow:0 12px 34px rgba(20,12,8,.045);
}

.settings-section-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:28px;
    margin:-4px 0 24px;
    padding-bottom:18px;
    border-bottom:1px solid #eee7e2;
}

.settings-section-head>div{
    display:flex;
    align-items:center;
    gap:12px;
}

.settings-section-head span{
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border-radius:50%;
    background:#0a0a0a;
    color:#e8bd50;
    font-size:11px;
    font-weight:900;
}

.settings-section-head h2{
    margin:0!important;
    font-size:21px!important;
}

.settings-section-head p{
    max-width:420px;
    margin:4px 0 0;
    color:#7d716a;
    font-size:12px;
    line-height:1.55;
    text-align:right;
}

.settings-section>.row{
    gap:22px!important;
}

.settings-section label{
    margin-top:16px;
}

.settings-section input,
.settings-section select,
.settings-section textarea{
    min-height:46px;
    border-radius:5px;
}

.settings-section textarea{
    min-height:105px;
}

.settings-section .option-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    margin:14px 0 4px;
}

.settings-section .check,
.settings-section .switch-field{
    min-height:44px;
    margin:0;
    padding:10px 12px;
    border:1px solid #e5dcd6;
    border-radius:5px;
    background:#faf8f6;
}

.settings-section .mask-settings-box{
    border-radius:6px;
    background:#fbf9f7;
}

.settings-section .media-setting{
    grid-template-columns:minmax(0,1fr) 210px;
    gap:18px;
    padding:15px;
    border:1px solid #e7dfda;
    border-radius:6px;
    background:#fcfbfa;
}

.settings-section .media-setting-preview,
.settings-section .media-setting-preview img{
    min-height:150px;
    height:150px;
}

.settings-section .media-setting-preview img{
    object-fit:contain;
}

.settings-subtitle{
    margin:30px 0 12px!important;
    padding-top:22px;
    border-top:1px solid #eee7e2;
}

@media(max-width:1180px){
    .settings-workspace{
        grid-template-columns:190px minmax(0,1fr);
        gap:18px;
    }

    .settings-section{
        padding:22px!important;
    }

    .settings-section .option-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:900px){
    .settings-form .admin-title{
        position:static;
        align-items:flex-start;
    }

    .settings-workspace{
        display:block;
    }

    .settings-nav{
        position:sticky;
        top:0;
        z-index:35;
        display:flex;
        gap:8px;
        overflow:auto;
        margin-bottom:18px;
        padding:10px;
        border-radius:0;
    }

    .settings-nav-item{
        flex:0 0 auto;
        width:auto;
        white-space:nowrap;
    }

    .settings-section{
        scroll-margin-top:80px;
    }
}

@media(max-width:680px){
    .settings-form .admin-title{
        flex-direction:column;
        padding:16px;
    }

    .settings-save{
        width:100%;
    }

    .settings-section{
        padding:18px!important;
    }

    .settings-section-head{
        flex-direction:column;
        gap:8px;
    }

    .settings-section-head p{
        text-align:left;
    }

    .settings-section>.row{
        grid-template-columns:1fr!important;
    }

    .settings-section .option-grid{
        grid-template-columns:1fr;
    }

    .settings-section .media-setting{
        grid-template-columns:1fr;
    }

    .settings-section .media-setting-preview,
    .settings-section .media-setting-preview img{
        min-height:180px;
        height:180px;
    }
}

/* =========================================================
   SETTINGS DIKAR — MENÚ SUPERIOR Y CONTENIDO MÁS ANCHO
   Agregar al FINAL de assets/css/style.css
   ========================================================= */

.settings-workspace{
    display:block !important;
}

.settings-nav{
    position:sticky !important;
    top:174px !important;
    z-index:35 !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    width:100% !important;
    margin:0 0 22px !important;
    padding:10px !important;
    overflow-x:auto !important;
    border:1px solid #e6ddd7 !important;
    border-radius:8px !important;
    background:rgba(255,255,255,.97) !important;
    box-shadow:0 10px 28px rgba(20,12,8,.05) !important;
    scrollbar-width:thin;
}

.settings-nav::-webkit-scrollbar{
    height:5px;
}

.settings-nav::-webkit-scrollbar-thumb{
    background:#cfc4bc;
    border-radius:10px;
}

.settings-nav-item{
    flex:0 0 auto !important;
    width:auto !important;
    min-height:42px !important;
    padding:10px 16px !important;
    border:0 !important;
    border-radius:5px !important;
    white-space:nowrap !important;
    text-align:center !important;
    background:transparent !important;
    color:#625750 !important;
    font-size:12px !important;
    font-weight:750 !important;
}

.settings-nav-item:hover,
.settings-nav-item.active{
    background:#0a0a0a !important;
    color:#fff !important;
}

.settings-grid-single{
    width:100% !important;
    max-width:none !important;
}

.settings-section{
    width:100% !important;
    max-width:none !important;
    scroll-margin-top:245px !important;
}

.admin-content:has(.settings-form){
    width:100% !important;
    max-width:none !important;
}

.settings-form{
    width:100% !important;
}

.settings-form .admin-title{
    width:100% !important;
}

@media(max-width:900px){
    .settings-nav{
        top:0 !important;
        border-radius:0 !important;
        margin-inline:0 !important;
    }

    .settings-section{
        scroll-margin-top:80px !important;
    }
}

@media(max-width:640px){
    .settings-nav{
        padding:8px !important;
        gap:6px !important;
    }

    .settings-nav-item{
        min-height:38px !important;
        padding:9px 13px !important;
        font-size:11px !important;
    }
}
/* ADMIN OFERTAS, PEDIDOS Y PLANTILLAS */
.offer-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.offer-admin-card{border:1px solid var(--line);background:#fff}.offer-admin-card.is-disabled{opacity:.6}.offer-banner{height:170px;background:#111 center/cover no-repeat;display:flex;align-items:flex-start;padding:14px}.offer-banner span{background:#000;color:#e5bd55;padding:6px 9px;font-size:10px;font-weight:800}.offer-card-body{padding:18px}.offer-card-head{display:flex;justify-content:space-between;gap:15px}.offer-card-head h2{margin:0;font-size:24px}.offer-card-head b{color:#a97912}.offer-meta,.offer-actions{display:flex;gap:12px;flex-wrap:wrap;font-size:11px}.offer-meta{padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted)}.offer-actions{padding-top:13px}.offer-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.offer-form-grid>section,.offer-products,.order-block{border:1px solid var(--line);padding:22px;background:#fff}.offer-banner-preview{height:180px;margin-top:12px;background:center/cover}.offer-products{margin-top:22px}.offer-products-head,.order-builder-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.offer-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px;max-height:600px;overflow:auto}.offer-product-card input{position:absolute;opacity:0}.offer-product-card span{display:block;border:1px solid var(--line);padding:13px;cursor:pointer}.offer-product-card input:checked+span{background:#111;color:#fff;border-color:#111}.offer-product-card b,.offer-product-card small,.offer-product-card em{display:block}.offer-product-card small{color:var(--muted)}.offer-product-card em{font-style:normal;font-size:11px;margin-top:8px}.manual-order-layout,.order-edit-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.75fr);gap:22px}.manual-order-layout>div,.order-edit-grid>div{display:grid;gap:18px}.order-items-builder{position:sticky;top:115px;border:1px solid var(--line);padding:22px;background:#fff}.manual-item-row{display:grid;grid-template-columns:minmax(180px,1fr) 70px 110px 100px 32px;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.manual-item-row input,.manual-item-row select{min-height:40px;padding:7px}.remove-item{border:0;background:#8b1e1e;color:#fff;width:30px;height:30px;cursor:pointer}.manual-total{display:flex;justify-content:space-between;padding-top:20px;font-size:18px}.order-filters{display:grid;grid-template-columns:1fr 200px auto;gap:10px;margin-bottom:18px}.orders-admin-list{display:grid;gap:12px}.order-admin-card{display:grid;grid-template-columns:1fr 1.2fr .8fr auto;gap:20px;align-items:center;border:1px solid var(--line);padding:16px;background:#fff}.order-admin-card h2{margin:3px 0;font-size:20px}.order-admin-card span,.order-admin-card small{display:block}.order-card-actions{display:flex;gap:8px}.whatsapp-btn{background:#1f8f4e!important;border-color:#1f8f4e!important}.status-chip{display:inline-flex!important;width:max-content;padding:4px 8px;background:#eee;font-size:10px;text-transform:uppercase}.template-layout{display:grid;grid-template-columns:380px 1fr;gap:22px}.template-list{display:grid;gap:12px}.template-list article{display:flex;justify-content:space-between;gap:20px;border:1px solid var(--line);padding:18px;background:#fff}.template-list h3{margin:0 0 8px}.template-list p{margin:0;color:var(--muted)}.template-list article>div:last-child{display:flex;gap:10px}.location-status:not(:empty){display:block;margin:10px 0;padding:10px;background:#f5f1ec}
@media(max-width:1050px){.offer-admin-grid{grid-template-columns:1fr}.offer-form-grid,.manual-order-layout,.order-edit-grid,.template-layout{grid-template-columns:1fr}.order-items-builder{position:static}.offer-product-grid{grid-template-columns:repeat(2,1fr)}.order-admin-card{grid-template-columns:1fr 1fr}.order-card-actions{grid-column:1/-1}}
@media(max-width:640px){.offer-product-grid{grid-template-columns:1fr}.manual-item-row{grid-template-columns:1fr 70px 100px}.manual-item-row .item-subtotal{grid-column:1/3}.order-filters{grid-template-columns:1fr}.order-admin-card{grid-template-columns:1fr}.order-card-actions{grid-column:auto;flex-direction:column}.offer-products-head,.order-builder-head{align-items:flex-start;flex-direction:column}}

.orders-page,.products-page{min-width:0;width:100%}.order-filters{display:grid;grid-template-columns:minmax(280px,1fr) 220px auto auto;gap:12px;align-items:end;margin-bottom:18px;padding:18px;border:1px solid #e6ddd7;border-radius:7px;background:#fff}.order-filters label{margin:0 0 6px}.orders-admin-list{display:grid;gap:16px}.order-admin-card{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.65fr) auto;grid-template-areas:'header content actions';gap:24px;align-items:center;width:100%;padding:22px;border:1px solid #e4dcd6;border-radius:8px;background:#fff;box-shadow:0 10px 30px rgba(20,12,8,.045)}.order-card-header{grid-area:header}.order-card-header small{display:block;color:#7b7069;font-size:11px}.order-card-header h2{margin:6px 0 12px;font-size:24px;overflow-wrap:anywhere}.status-chip{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;background:#efebe8;font-size:10px;font-weight:850;text-transform:uppercase}.status-nuevo{background:#fff0c7;color:#725400}.status-confirmado,.status-entregado{background:#dff2e2;color:#245b2c}.status-preparando,.status-enviado{background:#e7edf8;color:#294b7b}.status-cancelado{background:#f7dddd;color:#8b2020}.order-card-grid{grid-area:content;display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(120px,.7fr) minmax(130px,.7fr);gap:24px}.order-card-block small{display:block;margin-bottom:5px;color:#8a7f78;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.order-card-block b,.order-card-block strong,.order-card-block span,.order-card-block a{display:block;margin:3px 0;overflow-wrap:anywhere;text-decoration:none}.order-total-block strong{font-family:Georgia,serif;font-size:24px}.order-card-actions{grid-area:actions;display:flex;flex-direction:column;gap:8px;min-width:142px}.order-card-actions .btn{width:100%;min-height:40px;padding:9px 13px;font-size:11px}.whatsapp-btn{background:#168a4a!important;border-color:#168a4a!important}.order-card-actions .danger{background:#fff!important;color:#8b1e1e!important;border-color:#dcbcbc!important}.catalog-filters{display:grid;grid-template-columns:minmax(260px,1fr) 190px auto;gap:12px;margin-bottom:18px;padding:16px;border:1px solid #e5ddd7;border-radius:7px;background:#fff}.catalog-table-wrap{width:100%;overflow:auto;border:1px solid #e4dcd6;border-radius:7px}.catalog-table{min-width:850px;margin:0}.catalog-table td:first-child strong,.catalog-table td:first-child small{display:block}.catalog-table td:first-child small{margin-top:4px;color:#847871;font-size:10px}.catalog-table tr.is-inactive{opacity:.58}.product-state{display:inline-flex;min-height:26px;align-items:center;padding:4px 9px;border-radius:999px;font-size:10px;font-weight:800}.product-state.active{background:#dff2e2;color:#245b2c}.product-state.inactive{background:#eee9e6;color:#756a64}.table-actions{display:flex;flex-wrap:wrap;gap:8px 13px}.table-actions a{font-size:11px}.delete-link{color:#a02222}@media(max-width:1150px){.order-admin-card{grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr);grid-template-areas:'header content' 'actions actions'}.order-card-actions{flex-direction:row;justify-content:flex-end}.order-card-actions .btn{width:auto}}@media(max-width:820px){.order-filters,.catalog-filters{grid-template-columns:1fr}.order-admin-card{grid-template-columns:1fr;grid-template-areas:'header' 'content' 'actions'}.order-card-grid{grid-template-columns:1fr 1fr}.order-card-actions{justify-content:stretch}.order-card-actions .btn{flex:1 1 140px}}@media(max-width:520px){.order-card-grid{grid-template-columns:1fr}.order-card-actions{flex-direction:column}.order-card-actions .btn{width:100%}}