/* CSS de la tienda, extraido de tienda.html por scripts/extraer-chrome.py.
   NO editar a mano: se regenera desde el <style> de tienda.html.
   Lo usan /c/<slug> y /p/<slug> para que esas paginas se vean como la tienda
   (barra de envio, nav, carrito, menu de categorias, tema oscuro). */

:root {
      --bg:#f6f6f6;--surface:#ffffff;--card:#ffffff;
      --accent:#111111;--accent2:#000000;
      --text:#000000;--muted:#262626;--border:#dcdcdc;
      --on-accent:#ffffff;
      --shadow:0 14px 30px rgba(0,0,0,.10);
      --hero-bg:linear-gradient(130deg,#000000 0%,#161616 60%,#2a2a2a 100%);
      --hero-text:#ffffff;
      --promo-bg:#000000;
      --promo-text:#ffffff;
      --banner-bg:#111111;
      --badge-ok-bg:#e9f8f0;
      --badge-ok-text:#1d6d42;
      --badge-ok-border:#83ca9e;
      --badge-low-bg:#ffe9ef;
      --badge-low-text:#8c2242;
      --badge-low-border:#d18aa0;
    }
    [data-theme="dark"]{
      --bg:#000000;--surface:#0e0e0e;--card:#141414;
      --accent:#ffffff;--accent2:#ffffff;
      --text:#ffffff;--muted:rgba(255,255,255,.72);--border:#2a2a2a;
      --on-accent:#000000;
      --shadow:0 20px 40px rgba(0,0,0,.35);
      --hero-bg:linear-gradient(130deg,#000000 0%,#141414 56%,#242424 100%);
      --hero-text:#ffffff;
      --promo-bg:#0a0a0a;
      --promo-text:#ffffff;
      --banner-bg:#141414;
      --badge-ok-bg:#1a1a1a;
      --badge-ok-text:#ffffff;
      --badge-ok-border:#3a3a3a;
      --badge-low-bg:#1a1a1a;
      --badge-low-text:#ffffff;
      --badge-low-border:#3a3a3a;
    }
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    :focus-visible{outline:2px solid var(----text);outline-offset:2px;border-radius:4px}
    html{scroll-behavior:smooth}
    body{background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;overflow-x:hidden;transition:background-color .2s,color .2s}
    .promo-strip{background:var(--promo-bg);color:var(--promo-text);text-align:center;padding:.5rem 1rem;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
    nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 2.5rem;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:200;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);gap:1rem;flex-wrap:wrap;box-shadow:0 5px 20px rgba(37,37,37,.08)}
    nav{transition:transform .28s ease}
    nav.nav-hide{transform:translateY(-110%)}
    .logo{display:inline-flex;flex-direction:column;align-items:flex-start;text-decoration:none;color:var(--text);line-height:1}
    .logo-top{display:inline-flex;align-items:flex-end;gap:.05em}
    .logo-f{font-family:"DM Sans",sans-serif;font-size:3.15rem;font-weight:800;letter-spacing:-.045em;line-height:.82;color:#000}
    .logo-de{font-family:"DM Sans",sans-serif;font-size:1.9rem;font-weight:700;letter-spacing:-.04em;line-height:1.02}
    .logo-bottom{font-family:"DM Sans",sans-serif;font-size:1.12rem;font-weight:500;letter-spacing:.005em;margin-top:.05rem}
    .nav-left{display:inline-flex;align-items:center;gap:.6rem}
    .nav-right{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
    .category-menu-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);color:var(--text);width:2.5rem;height:2.5rem;font-family:"DM Sans",sans-serif;border-radius:12px;cursor:pointer;box-shadow:0 2px 10px rgba(50,50,50,.08);transition:background .2s,color .2s,border-color .2s,transform .2s}
    .category-menu-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent);transform:translateY(-1px)}
    .category-menu-btn .menu-icon{font-size:1.2rem;line-height:1}
    .theme-toggle{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:.55rem .85rem;font-family:"DM Sans",sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;cursor:pointer;transition:all .2s}
    .theme-toggle:hover{background:var(--accent);color:var(--bg)}
    
    [data-theme="dark"] nav{background:rgba(0,0,0,.85);box-shadow:0 5px 20px rgba(0,0,0,.3)}
    [data-theme="dark"] .hero,[data-theme="dark"] .prod-modal-left,[data-theme="dark"] .cart-item-img{background:var(--surface)}
    [data-theme="dark"] .close-modal{background:rgba(255,255,255,.08)}
    [data-theme="dark"] .close-modal:hover{background:rgba(255,255,255,.16)}
    [data-theme="dark"] .seo-links button{background:var(--surface)}
    [data-theme="dark"] .foot-col a{color:var(--muted)}
    [data-theme="dark"] .zona-verde{background:#11231a;color:#9ff4be}
    [data-theme="dark"] .zona-roja{background:#2b1717;color:#ffb2b2}
    [data-theme="dark"] .cart-btn{background:#101014;color:var(--text);border:1px solid var(--border);box-shadow:none}
    [data-theme="dark"] .cart-count{background:#ffffff;color:#000000}
    [data-theme="dark"] .logo-f{color:var(--text)}
    [data-theme="dark"] .cat-item{color:var(--text)}
    
    

    .search-box{display:flex;border:1px solid var(--border);overflow:hidden;background:var(--surface);border-radius:999px;box-shadow:0 2px 10px rgba(50,50,50,.08)}
    .search-box input{background:transparent;border:none;color:var(--text);padding:.55rem 1rem;font-family:"DM Sans",sans-serif;font-size:.85rem;outline:none;width:250px}
    .search-box input::placeholder{color:var(--muted)}
    .search-box button{background:transparent;border:none;border-left:1px solid var(--border);color:var(--muted);padding:.5rem .8rem;cursor:pointer;font-size:1rem;transition:color .2s}
    .search-box button:hover{color:var(--accent)}
    .cart-btn{background:var(--accent);color:var(--on-accent);border:none;padding:.6rem 1.2rem;font-family:"DM Sans",sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:opacity .2s;border-radius:999px;box-shadow:0 8px 18px rgba(0,0,0,.24)}
    .cart-btn:hover{opacity:.85}
    .cart-count{background:var(--accent2);color:var(--on-accent);border-radius:50%;width:18px;height:18px;font-size:.65rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;margin-left:.3rem}
    .hero{padding:5rem 2.5rem 4rem;background:var(--hero-bg);border-bottom:1px solid var(--border);display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;position:relative;overflow:hidden;color:#ffffff}
    .hero::after{content:"fdestore";font-family:"Bebas Neue",sans-serif;font-size:18vw;position:absolute;right:-2rem;bottom:-2rem;color:rgba(255,255,255,.08);pointer-events:none;line-height:1}
    .hero-tag{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hero-text);display:flex;align-items:center;gap:.6rem}
    .hero-tag::before{content:"";width:24px;height:2px;background:var(--hero-text)}
    .hero h1{font-family:"Bebas Neue",sans-serif;font-size:clamp(3.5rem,8vw,7rem);line-height:.95;letter-spacing:.02em}
    .hero h1 em{font-style:normal;color:var(--hero-text)}
    .hero p{color:var(--hero-text);font-size:1rem;max-width:520px;line-height:1.7}
    .hero-stats{display:flex;gap:3rem;margin-top:.5rem;flex-wrap:wrap}
    .hstat-num{font-family:"Bebas Neue",sans-serif;font-size:2.2rem;color:var(--hero-text);line-height:1}
    .hstat-label{font-size:.72rem;color:var(--hero-text);letter-spacing:.07em;text-transform:uppercase}
    .main{display:grid;grid-template-columns:1fr;min-height:80vh;background:var(--card)}
    .sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:1300;opacity:0;pointer-events:none;transition:opacity .24s ease;backdrop-filter:blur(2px)}
    body.drawer-open{overflow:hidden}
    body.drawer-open .sidebar-overlay{opacity:1;pointer-events:auto}
    .sidebar{position:fixed;top:0;left:0;z-index:1310;width:min(82vw,390px);height:100dvh;margin:0;padding:0;background:var(--surface);border-right:1px solid var(--border);box-shadow:18px 0 40px rgba(0,0,0,.2);transform:translateX(-104%);transition:transform .26s ease;display:flex;flex-direction:column}
    body.drawer-open .sidebar{transform:translateX(0)}
    .drawer-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.25rem;border-bottom:1px solid var(--border)}
    .drawer-title{font-family:"Bebas Neue",sans-serif;font-size:2rem;letter-spacing:.05em;color:var(--text);line-height:1}
    .drawer-subtitle{font-size:.76rem;color:var(--muted);margin-top:.15rem}
    .drawer-close{width:38px;height:38px;border:1px solid var(--border);border-radius:50%;background:var(--card);color:var(--text);font-size:1.35rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,border-color .2s}
    .drawer-close:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
    .sidebar h3{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:1rem 0 .75rem}
    .cat-list{list-style:none;display:flex;flex-direction:column;gap:0;margin-bottom:1.25rem}
    .cat-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.88rem .15rem;cursor:pointer;font-size:1rem;color:var(--text);transition:color .15s,background .15s;border-bottom:1px solid var(--border);border-left:2px solid transparent}
    .cat-item::after{content:'›';color:var(--muted);font-size:1.55rem;line-height:1}
    .cat-item:hover{color:var(--accent);border-left-color:var(--accent)}
    .cat-item.active{color:var(--accent);font-weight:700}
    .cat-item.active .cat-count-badge{background:var(--accent);color:var(--on-accent)}
    .cat-ofertas .cat-left{color:var(--accent);font-weight:700}
    .cat-ofertas .cat-count-badge{background:var(--accent);color:var(--on-accent)}
    .cat-item.cat-parent{font-weight:600}
    .cat-item.cat-child{padding-left:1rem;font-size:.92rem}
    .cat-item.cat-child .cat-left::before{content:'↳';opacity:.45;font-size:.7rem;margin-right:.1rem}
    .cat-item.cat-child.active .cat-left::before{opacity:.85}
    .cat-group{display:none;list-style:none;margin:0 0 .35rem}
    .cat-group.open{display:block}
    .cat-group>ul{list-style:none;margin:0;padding:0}
    .cat-item.cat-parent[aria-expanded="true"]::after{transform:rotate(90deg);color:var(--accent)}
    .cat-viewall{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.1rem;font-size:.82rem;font-weight:600;color:var(--accent);cursor:pointer;border-radius:6px;transition:background .15s,color .15s}
    .cat-viewall::after{content:none}
    .cat-viewall:hover{background:#e9e9e9;color:var(--accent)}
    .cat-item.cat-parent{position:relative}
    .cat-item.cat-parent::after{content:'▸';position:absolute;right:.9rem;top:50%;transform:translateY(-50%);font-size:.7rem;opacity:.5;transition:transform .15s}
    .cat-item.cat-parent.cat-sub{padding-left:1.1rem;font-size:.92rem;font-weight:600}
    .cat-group.cat-subgroup{padding-left:1.9rem}
    .cat-group.cat-subgroup .cat-item.cat-child{padding-left:.9rem;font-size:.88rem}
    .cat-group.cat-subgroup .cat-item.cat-parent::after{right:.5rem}
    .cat-left{display:flex;align-items:center;gap:.6rem}.cat-left svg{width:15px;height:15px;flex-shrink:0;opacity:.7;transition:opacity .15s}
/* Los enlaces de /c/<slug> se ven exactamente igual que el onclick que
   reemplazan: sin subrayado, heredando el color del item. */
.cat-left a,.cat-viewall-link{color:inherit;text-decoration:none}
.cat-viewall-link:hover{text-decoration:underline}
.cat-item.active .cat-left svg{opacity:1}.cat-item:hover .cat-left svg{opacity:.9}
    .cat-count-badge{font-size:.65rem;background:var(--accent);color:var(--on-accent);padding:.15rem .45rem;border-radius:20px;font-weight:600;margin-left:auto}
    .cat-item .cat-count-badge + *{display:none}
    .filter-content{display:block;flex:1;overflow-y:auto;padding:0 1.25rem 1.5rem;background:var(--surface)}
    .filter-panel{min-width:0}
    .brand-list{display:flex;flex-direction:column;gap:.15rem;max-height:260px;overflow-y:auto;padding-bottom:1rem}
    .brand-list::-webkit-scrollbar{width:3px}
    .brand-list::-webkit-scrollbar-thumb{background:var(--border)}
    .mobile-filter-toggle{display:none}
    .mobile-filter-content{display:block}
    .brand-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;cursor:pointer;font-size:.82rem;color:var(--muted);transition:color .15s;border-radius:2px}
    .brand-item:hover{color:var(--text)}
    .brand-item.active{color:var(--accent);font-weight:600}
    .brand-item input{accent-color:var(--accent);cursor:pointer}
    .products-area{padding:2rem 2rem;max-width:1300px;width:100%;margin:0 auto}
    .product-page{display:none;max-width:1100px;margin:2rem auto;padding:0 2rem 2rem}
    .product-page.open{display:block}
    .product-back{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:1.2rem;background:transparent;border:1px solid var(--border);padding:.55rem .8rem;cursor:pointer;color:var(--text)}
    .product-layout{background:var(--surface);border:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr}
    .product-layout-left{background:#ffffff;display:flex;align-items:center;justify-content:center;padding:1.5rem;min-height:420px}
    .product-layout-right{padding:2rem;display:flex;flex-direction:column}
    .toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem;background:var(--surface);padding:.7rem .9rem;border:1px solid var(--border);border-radius:12px}
    .catalogo-title{font-family:"Bebas Neue",sans-serif;font-size:1.6rem;letter-spacing:.04em;color:var(--text);line-height:1;margin:0 0 .35rem;font-weight:400}
    .results-info{font-size:.85rem;color:var(--muted)}
    .results-info strong{color:var(--text)}
    .sort-select{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:.4rem .8rem;font-family:"DM Sans",sans-serif;font-size:.82rem;outline:none;cursor:pointer;border-radius:10px}
    .products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem;background:transparent;align-items:stretch}
    /* CLS: el catalogo se inyecta por JS. Reserva la altura de una tanda y la
       libera cuando ya hay productos. */
    .products-grid{min-height:calc(2 * 320px + 1rem)}
    @media(min-width:721px){.products-grid{min-height:calc(3 * 320px + 2 * 1rem)}}
    @media(min-width:1200px){.products-grid{min-height:calc(3 * 340px + 2 * 1rem)}}

    .prod-card{background:var(--card);display:flex;flex-direction:column;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .2s;overflow:hidden;border:1px solid var(--border);border-radius:14px;text-decoration:none;color:inherit}
    .prod-card:hover{background:#f2f2f2;transform:translateY(-4px);box-shadow:var(--shadow);z-index:2}
    .prod-card:hover .prod-img-inner{transform:scale(1.06)}
    .prod-img{height:230px;background:#ffffff;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
    .prod-img img{width:100%;height:100%;object-fit:contain;padding:.5rem;transition:transform .35s ease}
    .prod-img-inner{font-size:3.5rem;transition:transform .35s ease;user-select:none}
    .prod-card:hover .prod-img img{transform:scale(1.06)}
    .stock-badge{position:absolute;top:.6rem;right:.6rem;font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .5rem}
    .stock-ok{background:var(--badge-ok-bg);color:var(--badge-ok-text);border:1px solid var(--badge-ok-border)}
    .stock-low{background:var(--badge-low-bg);color:var(--badge-low-text);border:1px solid var(--badge-low-border)}
.sale-badge{position:absolute;top:.6rem;left:.6rem;font-size:.66rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:.28rem .55rem;background:var(--badge-ok-bg,var(--accent));color:var(--badge-ok-text,var(--on-accent));border-radius:8px;display:inline-block;line-height:1;box-shadow:0 2px 6px rgba(0,0,0,.18)}
    .off-badge{position:absolute;top:.6rem;left:.6rem;background:var(--accent);color:var(--on-accent);font-size:.68rem;font-weight:800;letter-spacing:.05em;padding:.22rem .5rem;border-radius:8px;z-index:3;box-shadow:0 2px 8px rgba(0,0,0,.22)}
    .prod-price-col{display:flex;flex-direction:column;gap:.06rem}
    .prod-price-old{font-size:.72rem;color:var(--muted);text-decoration:line-through}
    .modal-old{font-size:.95rem;color:var(--muted);text-decoration:line-through;margin-bottom:.2rem}
    .modal-old .modal-off{color:var(--accent);font-weight:800;margin-left:.3rem;text-decoration:none}
    .prod-footer{gap:.4rem}
    .old-price{font-size:.85rem;color:var(--muted);text-decoration:line-through;margin-left:.25rem;vertical-align:middle}
    .sale-price{color:var(--accent)}
    .sale-badge-static{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:.3rem .55rem;background:var(--accent);color:var(--on-accent);border-radius:8px;margin-left:.5rem;vertical-align:middle}
    .promo-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1.2rem;padding:.9rem 1.2rem;border:1px solid var(--accent);border-radius:14px;background:var(--accent);color:var(--on-accent)}
    .promo-banner-text{font-family:"Bebas Neue",sans-serif;font-size:1.15rem;letter-spacing:.03em}
    .promo-banner-text strong{font-size:1.45rem}
    .promo-banner-btn{background:var(--on-accent);border:none;color:var(--accent);padding:.5rem 1rem;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:8px;transition:transform .15s}
    .promo-banner-btn:hover{transform:translateY(-1px)}
    .prod-body{padding:1.2rem;flex:1;display:flex;flex-direction:column;gap:.4rem}
    .prod-brand{font-size:.65rem;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-weight:700}
    .prod-name{font-size:.88rem;font-weight:600;line-height:1.35;flex:1}
    .prod-cat{font-size:.72rem;color:var(--muted)}
    .prod-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--border)}
    .prod-price{font-family:"Bebas Neue",sans-serif;font-size:1.5rem;letter-spacing:.02em}
    .prod-price .cur{font-size:.9rem;color:var(--muted);margin-right:.1rem}
    .add-cart{background:transparent;border:1px solid var(--accent);color:var(--accent);padding:.35rem .7rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}
    .add-cart:hover{background:var(--accent);color:var(--on-accent)}
    .pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:3rem 0 1rem;flex-wrap:wrap}
    .page-btn{background:var(--surface);border:1px solid var(--border);color:var(--muted);padding:.5rem .9rem;cursor:pointer;font-family:"DM Sans",sans-serif;font-size:.85rem;transition:all .2s}
    .page-btn:hover{border-color:var(--accent);color:var(--accent)}
    .page-btn.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:700}
    .page-btn:disabled{opacity:.3;cursor:default}
    .cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:500;display:none;backdrop-filter:blur(4px)}
    .cart-overlay.open{display:flex;justify-content:flex-end}
    .cart-panel{background:var(--surface);width:min(420px,100vw);height:100vh;overflow-y:auto;padding:2rem;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:1.5rem;animation:cartSlideIn .3s cubic-bezier(.22,1,.36,1)}
    @keyframes cartSlideIn{from{transform:translateX(100%)}to{transform:translateX(0)}}
    .cart-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:2px solid var(--border)}
    .cart-title{font-family:"Bebas Neue",sans-serif;font-size:1.8rem;letter-spacing:.04em;display:flex;align-items:center;gap:.6rem}
    .cart-title-icon{font-size:1.4rem}
    .close-cart{background:transparent;border:1px solid var(--border);color:var(--muted);font-size:1.2rem;line-height:1;cursor:pointer;transition:all .2s;width:2.2rem;height:2.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center}
    .close-cart:hover{color:var(--accent);border-color:var(--accent);transform:rotate(90deg)}
    .cart-empty{color:var(--muted);text-align:center;padding:3rem 0;font-size:.9rem}
    .cart-empty-icon{font-size:3rem;display:block;margin-bottom:.8rem;opacity:.5}
    .cart-item{display:flex;gap:1rem;align-items:flex-start;padding:1rem;border:1px solid var(--border);border-radius:12px;margin-bottom:.8rem;transition:border-color .2s;background:var(--surface)}
    .cart-item:hover{border-color:var(--accent)}
    .cart-item-img{width:56px;height:56px;object-fit:contain;background:#ffffff;padding:.3rem;flex-shrink:0;border-radius:8px;border:1px solid var(--border)}
    .cart-item-icon{font-size:2rem;min-width:50px;text-align:center}
    .cart-item-info{flex:1;min-width:0}
    .cart-item-name{font-size:.85rem;font-weight:600;line-height:1.3;margin-bottom:.3rem}
    .cart-item-price{font-family:"Bebas Neue",sans-serif;font-size:1.3rem;color:var(--accent)}
    .cart-item-qty{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}
    .qty-btn{background:var(--border);border:none;color:var(--text);width:24px;height:24px;cursor:pointer;font-size:.9rem;transition:all .15s;border-radius:6px;line-height:1}
    .qty-btn:hover{background:var(--accent);color:var(--on-accent)}
    .qty-num{font-size:.85rem;min-width:20px;text-align:center;font-weight:700}
    .remove-item{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:1.1rem;transition:all .2s;margin-left:auto;width:1.8rem;height:1.8rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
    .remove-item:hover{color:var(--accent2);background:rgba(212,17,61,.1)}
    .cart-total{display:flex;justify-content:space-between;align-items:center;padding:1rem .2rem;border-top:2px solid var(--border)}
    .cart-total-label{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
    .cart-total-price{font-family:"Bebas Neue",sans-serif;font-size:2rem;color:var(--accent)}
    .webpay-btn{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);padding:1rem;font-family:"DM Sans",sans-serif;font-weight:700;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;width:100%;transition:opacity .2s;margin-bottom:.6rem;border-radius:10px}
    .webpay-btn:hover{opacity:.85}
    .transbank-btn{background:var(--accent);color:#fff;border:1px solid var(--accent);padding:1rem;font-family:"DM Sans",sans-serif;font-weight:700;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;width:100%;transition:opacity .2s;margin-bottom:.6rem;border-radius:10px}
    .transbank-btn:hover{opacity:.85}
    .prod-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:600;display:none;align-items:center;justify-content:center;padding:1.5rem;backdrop-filter:blur(8px)}
    .prod-overlay.open{display:flex}
    .prod-modal{background:var(--surface);max-width:900px;width:100%;border:1px solid var(--border);position:relative;max-height:92vh;overflow-y:auto;border-radius:4px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
    .prod-modal-inner{display:grid;grid-template-columns:1fr 1fr;min-height:500px}
    .prod-modal-left{background:#ffffff;display:flex;align-items:center;justify-content:center;padding:2.5rem;min-height:400px}
    .prod-modal-right{padding:2.5rem;display:flex;flex-direction:column;justify-content:center}
    .close-modal{position:absolute;top:1rem;right:1rem;background:rgba(0,0,0,.06);border:none;color:var(--muted);font-size:1.2rem;cursor:pointer;transition:all .2s;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10}
    .close-modal:hover{background:rgba(0,0,0,.12);color:var(--text)}
    .modal-img{width:100%;max-height:460px;object-fit:contain}
    .modal-icon{font-size:6rem;text-align:center}
    /* galeria: tira de miniaturas bajo la foto principal */
    .gal-wrap{display:flex;flex-direction:column;align-items:center;width:100%;
      min-width:0;gap:.15rem}
    .gal-main{width:100%;max-height:min(460px,46vh);object-fit:contain;cursor:zoom-in;flex:0 1 auto}
    .gal-thumbs{display:flex;gap:.4rem;flex-wrap:nowrap;overflow-x:auto;margin-top:.6rem;
      justify-content:flex-start;width:100%;padding-bottom:.2rem;
      -webkit-overflow-scrolling:touch;scrollbar-width:thin}
    .gal-thumbs button{width:58px;height:58px;padding:0;border:2px solid transparent;
      border-radius:5px;overflow:hidden;background:none;cursor:pointer;flex:0 0 auto}
    .gal-thumbs button:hover{border-color:var(--border)}
    .gal-thumbs button.on{border-color:var(--accent)}
    .gal-thumbs button img{width:100%;height:100%;object-fit:cover;display:block}
    .gal-hint{font-size:.68rem;color:var(--muted);text-align:center;margin-top:.4rem;flex:0 0 auto}
    /* Descripcion plegada: con mediana de 670 caracteres, mostrado entero tapaba
       el precio y las variantes bajo el pliegue de la pagina. */
    .modal-desc{font-size:.88rem;line-height:1.55;color:var(--muted);margin:0 0 1.2rem;
      white-space:pre-line;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
      overflow:hidden;transition:max-height .25s ease}
    .modal-desc.open{display:block;-webkit-line-clamp:unset;overflow:visible}
    .modal-desc-toggle{background:none;border:none;color:var(--accent);font:inherit;
      font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
      cursor:pointer;padding:.2rem 0;margin:-.6rem 0 1.2rem}
    .modal-desc-toggle:hover{text-decoration:underline}
    /* Con descripcion, el bloque de titulo no necesita los 1.8rem de aire que
       lo separan del precio: queda la descripcion en medio. */
    .product-layout-right:has(#descProd) .modal-cat{margin-bottom:.5rem;padding-bottom:1rem}
    @media (max-width:640px){
      .gal-thumbs button{width:52px;height:52px}
      .gal-main{max-height:min(420px,42vh)}
      .product-layout-left{padding:.75rem}
    }
    .modal-brand{font-size:.7rem;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin-bottom:.6rem}
    .modal-name{font-size:1.4rem;font-weight:700;line-height:1.35;margin-bottom:.4rem;color:var(--text)}
    .modal-modelo{font-size:.82rem;color:var(--muted);margin-bottom:.3rem}
    .modal-cat{font-size:.8rem;color:var(--muted);margin-bottom:1.8rem;padding-bottom:1.8rem;border-bottom:1px solid var(--border)}
    .modal-price{font-family:"Bebas Neue",sans-serif;font-size:3.2rem;color:var(--accent);margin-bottom:.6rem;line-height:1}
    .modal-price .cur{font-size:1.6rem;color:var(--muted)}
    .modal-stock{font-size:.82rem;margin-bottom:2rem;display:flex;align-items:center;gap:.4rem}
    .pvar-group{margin:.5rem 0 1rem}
    .pvar-label{font-size:.72rem;color:var(--muted);font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.4rem}
    .pvar-sel{display:flex;flex-wrap:wrap;gap:.45rem}
    .pvar-chip{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.42rem .8rem;font-size:.8rem;border-radius:999px;cursor:pointer;font-family:"DM Sans",sans-serif}
    .pvar-chip:hover{border-color:var(--accent)}
    .pvar-chip.selected{border-color:var(--accent);background:rgba(127,127,127,.14);color:var(--accent);font-weight:700}
    .cart-item-variant{font-size:.72rem;color:var(--muted);margin-top:.15rem}
    .modal-actions{display:flex;gap:.8rem;flex-wrap:wrap}
    .product-page-actions{background:var(--surface);border:1px solid var(--border);border-top:none;padding:1.2rem 2rem}
    .btn-add-modal{flex:1;background:var(--accent);color:var(--on-accent);border:none;padding:1rem;font-family:"DM Sans",sans-serif;font-weight:700;font-size:.85rem;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:opacity .2s}
    .btn-add-modal:hover{opacity:.85}
    @media(max-width:640px){.prod-modal-inner{grid-template-columns:1fr}.prod-modal-left{min-height:240px;padding:1.5rem}.prod-modal-right{padding:1.5rem}.product-page{padding:0 1rem 1.5rem}.product-layout{grid-template-columns:1fr}.product-layout-right{padding:1.2rem}.product-page-actions{padding:1rem 1.2rem}}

    .seo-faq{padding:2.5rem;max-width:1100px;margin:0 auto}
    .seo-faq h2{font-family:"Bebas Neue",sans-serif;font-size:2.3rem;letter-spacing:.04em;margin-bottom:.9rem;color:var(--text)}
    .seo-faq p{color:var(--muted);max-width:760px;line-height:1.7;font-size:.95rem}
    .seo-faq-grid{margin-top:1.4rem;display:grid;grid-template-columns:1fr;gap:.8rem}
    .seo-faq-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);overflow:hidden}
    .seo-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none;cursor:pointer;padding:1.1rem;font-size:.92rem;font-weight:700;color:var(--text)}
    .seo-faq-item summary::-webkit-details-marker{display:none}
    .seo-faq-item summary::after{content:'▾';color:var(--accent);transition:transform .2s ease}
    .seo-faq-item[open] summary::after{transform:rotate(180deg)}
    .seo-faq-item p{font-size:.86rem;padding:0 1.1rem 1.1rem}
    .seo-links{margin-top:1rem;display:flex;gap:.8rem;flex-wrap:wrap}
    .seo-links button{border:1px solid var(--border);background:#fff;padding:.5rem .8rem;border-radius:999px;cursor:pointer;font-size:.78rem;font-weight:700;color:var(--accent)}
    .seo-link-pill{text-decoration:none;border:1px solid var(--border);background:var(--surface);padding:.5rem .8rem;border-radius:999px;cursor:pointer;font-size:.78rem;font-weight:700;color:var(--accent);transition:background .2s,color .2s}
    .seo-link-pill:hover{background:var(--accent);color:var(--on-accent)}

    footer{background:var(--surface);border-top:1px solid var(--border);padding:3rem 2.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem}
    .foot-logo{display:inline-flex;flex-direction:column;align-items:flex-start;margin-bottom:.8rem;line-height:1}
    .foot-logo .logo-f{font-size:2.6rem}
    .foot-logo .logo-de{font-size:1.58rem}
    .foot-logo .logo-bottom{font-size:.95rem}
    .foot-desc{font-size:.82rem;color:var(--muted);line-height:1.6;max-width:220px}
    .foot-col h4{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}
    .foot-col ul{list-style:none;display:flex;flex-direction:column;gap:.6rem}
    .foot-col a{color:#333333;font-size:.85rem;text-decoration:none;transition:color .2s}
    .foot-col a:hover{color:var(--accent)}
    .foot-bottom{border-top:1px solid var(--border);padding:1.2rem 2.5rem;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--muted);flex-wrap:wrap;gap:.5rem}
    .toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(100px);background:var(--accent);color:var(--on-accent);padding:.7rem 1.5rem;font-weight:700;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;z-index:999;transition:transform .3s ease;pointer-events:none}
    .toast.show{transform:translateX(-50%) translateY(0)}
    @media(max-width:768px){
      nav{padding:.75rem 1rem;gap:.6rem}
      .logo-f{font-size:2.45rem}
      .logo-de{font-size:1.5rem}
      .logo-bottom{font-size:.86rem}
      .search-box input{width:130px;font-size:.8rem}
      .cart-btn{padding:.5rem .9rem;font-size:.75rem}
      .main{grid-template-columns:1fr}
      .category-menu-btn{width:2.3rem;height:2.3rem}
      .sidebar{width:min(80vw,360px)}
      .drawer-header{padding:1rem}
      .filter-content{padding:0 1rem 1.25rem}
      .sidebar h3{margin-bottom:.5rem}
      .cat-list{margin-bottom:.8rem}
      .cat-item{padding:.78rem .1rem;font-size:.95rem;white-space:normal}
      .brand-list{max-height:none;gap:.35rem;padding-bottom:0}
      .brand-item{padding:.35rem .65rem;font-size:.76rem;border:1px solid var(--border);border-radius:20px;white-space:nowrap;background:var(--surface)}
      .products-area{padding:1rem .75rem}
      .toolbar{gap:.5rem}
      .results-info{font-size:.78rem}
      .sort-select{font-size:.78rem;padding:.35rem .6rem}
      .products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:transparent}
      .prod-img{height:190px}
      .prod-body{padding:.85rem}
      .prod-name{font-size:.82rem}
      .prod-price{font-size:1.3rem}
      .add-cart{font-size:.66rem;padding:.36rem .62rem;border-radius:999px}
      .pagination{padding:1.5rem 0 .5rem;gap:.3rem}
      .page-btn{padding:.4rem .7rem;font-size:.78rem}
      .cart-panel{padding:1.5rem 1rem}
      .checkout-modal{padding:1.5rem 1rem}
      .form-row{grid-template-columns:1fr}
      .prod-modal-inner{grid-template-columns:1fr}
      .prod-modal-left{min-height:220px;padding:1.2rem}
      .prod-modal-right{padding:1.2rem}
      .modal-price{font-size:2.4rem}
      footer{padding:1.5rem 1rem;grid-template-columns:1fr 1fr}
      .foot-bottom{padding:.8rem 1rem;flex-direction:column;text-align:center;gap:.3rem}
    }
  
    @media(max-width:480px){
      nav{padding:.7rem .75rem}
      .nav-right{width:100%;justify-content:space-between;gap:.55rem}
      .search-box{flex:1;min-width:0}
      .search-box input{width:100%;min-width:0}
      .cart-btn{padding:.55rem .85rem}
      .hero{padding:3.2rem 1rem 2.6rem}
      .hero h1{font-size:clamp(2.3rem,12vw,3.2rem)}
      .hero-stats{gap:1.1rem}
      .products-grid{grid-template-columns:1fr}
      footer{grid-template-columns:1fr}
    }

    .checkout-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:700;display:none;align-items:center;justify-content:center;padding:1rem;backdrop-filter:blur(6px)}
    .checkout-overlay.open{display:flex}
    .checkout-modal{background:var(--surface);max-width:520px;width:100%;border:1px solid var(--border);padding:2.5rem;position:relative;max-height:90vh;overflow-y:auto}
    .checkout-modal h2{font-family:"Bebas Neue",sans-serif;font-size:2rem;letter-spacing:.04em;margin-bottom:.4rem}
    .checkout-modal h2 span{color:var(--accent)}
    .checkout-subtitle{font-size:.82rem;color:var(--muted);margin-bottom:2rem}
    .form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.2rem}
    .form-group label{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
    .form-group input,.form-group select{background:var(--card);border:1px solid var(--border);color:var(--text);padding:.7rem 1rem;font-family:"DM Sans",sans-serif;font-size:.9rem;outline:none;transition:border .2s;width:100%}
    .form-group input:focus,.form-group select:focus{border-color:var(--accent)}
    .form-group select option{background:var(--card)}
    .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
    .zona-badge{padding:.8rem 1rem;margin-bottom:1.5rem;font-size:.82rem;font-weight:600;border-radius:2px;display:none}
    .zona-verde{background:#e8f8ee;border:1px solid #82c79d;color:#1f6b42;display:block}
    .zona-amarilla{background:#fff7e8;border:1px solid #e3bf6f;color:#8b6513;display:block}
    .zona-roja{background:#fee8ee;border:1px solid #dd92a7;color:#8c2546;display:block}
    .checkout-total{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:1.5rem}
    .checkout-total-label{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
    .checkout-total-price{font-family:"Bebas Neue",sans-serif;font-size:2rem;color:var(--accent)}
    .envio-selector{margin:1rem 0 1.2rem}
    .envio-selector .form-group label{display:block;margin-bottom:.5rem}
    .envio-option{display:flex;align-items:flex-start;gap:.8rem;padding:.8rem 1rem;border:1px solid var(--border);cursor:pointer;margin-bottom:.5rem;transition:border .2s,background .2s}
    .envio-option:hover{border-color:var(--accent)}
    .envio-option.selected{border-color:var(--accent);background:rgba(127,127,127,.1)}
    .envio-option input{accent-color:var(--accent);margin-top:.25rem}
    .envio-option-info{flex:1;min-width:0}
    .envio-option-name{display:block;font-size:.9rem;font-weight:700}
    .envio-option-service{display:block;font-size:.74rem;color:var(--muted);margin-top:.15rem;line-height:1.35}
    .envio-option-price{font-family:"Bebas Neue",sans-serif;font-size:1.3rem;color:var(--accent);white-space:nowrap}
    .envio-loading{font-size:.8rem;color:var(--muted);padding:.6rem 0}
    .envio-error{background:#fee8ee;border:1px solid #dd92a7;color:#8c2546;font-size:.8rem;padding:.7rem 1rem;margin-bottom:.5rem}
    .envio-line{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;font-size:.85rem;color:var(--muted)}
    .envio-line .checkout-total-price{font-size:1.4rem}
    .btn-pagar{background:var(--accent);color:var(--on-accent);border:none;padding:1rem;font-family:"DM Sans",sans-serif;font-weight:700;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;width:100%;transition:opacity .2s;margin-bottom:.6rem}
    .btn-pagar:hover{opacity:.85}
    .btn-pagar:disabled{opacity:.4;cursor:not-allowed}
    .close-checkout{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--muted);font-size:1.4rem;cursor:pointer;transition:color .2s}
    .close-checkout:hover{color:var(--text)}

    .checkout-auth-banner{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.75rem 1rem;background:var(--card);border:1px solid var(--border);margin:-.4rem 0 1.3rem}
    .checkout-auth-banner p{font-size:.8rem;color:var(--muted);margin:0}
    .checkout-auth-banner button{background:transparent;border:1px solid var(--accent);color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.42rem .75rem;cursor:pointer}
    .checkout-auth-banner button:hover{background:var(--accent);color:var(--on-accent)}
    .session-pill{font-size:.72rem;color:var(--muted);margin-top:.55rem}
    .session-pill button{background:none;border:none;color:var(--accent);font-weight:700;cursor:pointer;padding:0;margin-left:.45rem}
    .cart-auth-cta{border:1px dashed var(--border);padding:.8rem;margin-top:.8rem;font-size:.78rem;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:.6rem}
    .cart-auth-cta button{background:none;border:none;color:var(--accent);font-weight:700;cursor:pointer;padding:0}
    .auth-overlay{position:fixed;inset:0;background:rgba(0,0,0,.82);z-index:740;display:none;align-items:center;justify-content:center;padding:1rem}
    .auth-overlay.open{display:flex}
    .auth-modal{background:var(--surface);border:1px solid var(--border);width:min(460px,100%);padding:1.6rem;position:relative}
    .auth-close{position:absolute;right:.8rem;top:.6rem;background:none;border:none;font-size:1.3rem;color:var(--muted);cursor:pointer}
    .auth-modal h3{font-family:"Bebas Neue",sans-serif;font-size:2rem;letter-spacing:.04em;margin-bottom:.4rem}
    .auth-modal p{font-size:.82rem;color:var(--muted);margin-bottom:1rem}
    .auth-tabs{display:flex;gap:.35rem;margin-bottom:1rem}
    .auth-tab{flex:1;border:1px solid var(--border);background:var(--card);padding:.48rem .6rem;cursor:pointer;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
    .auth-tab.active{border-color:var(--accent);color:var(--accent);background:var(--surface)}
    .auth-form{display:none}
    .auth-form.active{display:block}
    .auth-session-panel{display:none;margin-top:1rem;border-top:1px solid var(--border);padding-top:1rem}
    .auth-session-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;font-size:.78rem;color:var(--muted);margin-bottom:.7rem}
    .auth-session-header button{background:none;border:none;color:var(--accent);font-weight:700;cursor:pointer;padding:0}
    .auth-orders-box h4{font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 .5rem}
    .auth-orders-box table{width:100%;border-collapse:collapse;font-size:.76rem}
    .auth-orders-box th,.auth-orders-box td{border:1px solid var(--border);padding:.4rem .35rem;text-align:left}
    .admin-session-pill{position:fixed;left:1rem;bottom:4.6rem;z-index:1200;background:var(--accent);color:var(--on-accent);padding:.45rem .7rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;box-shadow:var(--shadow)}
    .admin-edit-box{margin-top:1rem;border:1px dashed var(--border);border-radius:12px;padding:.9rem;background:var(--bg)}
    .admin-edit-box h4{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem}
    .admin-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
    .admin-edit-grid .full{grid-column:1/-1}
    .admin-edit-grid label{display:block;font-size:.72rem;color:var(--muted);margin-bottom:.2rem}
    .admin-edit-grid input{width:100%;padding:.5rem .6rem;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;font-family:inherit}
    .admin-edit-actions{display:flex;gap:.5rem;margin-top:.65rem;flex-wrap:wrap}
    .admin-edit-actions button{border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);padding:.45rem .7rem;border-radius:8px;font-size:.72rem;font-weight:700;cursor:pointer}
    .admin-edit-actions .ghost{background:transparent;color:var(--accent)}
    .admin-edit-feedback{font-size:.72rem;color:var(--muted);margin-top:.45rem}
    /* ── Blanco y negro: acciones y pie ─────────────────────────────
       Sin azul ni verde en botones de compra ni en textos del pie.
       Tema claro: negro sobre blanco. Tema noche: blanco sobre negro. */
    [data-theme="dark"] .add-cart,
    [data-theme="dark"] .cart-btn,
    [data-theme="dark"] .btn-add-modal,
    [data-theme="dark"] .btn-pagar,
    [data-theme="dark"] .checkout-auth-banner button,
    [data-theme="dark"] .admin-edit-actions button{background:#ffffff;color:#000000;border-color:#ffffff}
    [data-theme="dark"] .add-cart:hover,
    [data-theme="dark"] .cart-btn:hover,
    [data-theme="dark"] .btn-add-modal:hover,
    [data-theme="dark"] .btn-pagar:hover,
    [data-theme="dark"] .checkout-auth-banner button:hover,
    [data-theme="dark"] .admin-edit-actions button:hover{background:#e6e6e6;color:#000000;border-color:#e6e6e6}
    [data-theme="dark"] .add-cart{border-radius:999px}
    [data-theme="dark"] .cart-btn{border:1px solid #ffffff;box-shadow:none}
    [data-theme="dark"] .cart-count{background:#ffffff;color:#000000;border:1px solid #000000}
    [data-theme="dark"] .drawer-close{background:#ffffff;color:#000000;border-color:#ffffff}
    [data-theme="dark"] .drawer-close:hover{background:#e6e6e6;color:#000000;border-color:#e6e6e6}
    [data-theme="dark"] .checkout-total-price,
    [data-theme="dark"] .envio-option-price,
    [data-theme="dark"] .cart-total-price{color:#ffffff}
    [data-theme="dark"] .envio-option.selected{border-color:#ffffff;background:rgba(255,255,255,.08)}
    [data-theme="dark"] .envio-option:hover{border-color:#ffffff}
    [data-theme="dark"] .envio-option input{accent-color:#ffffff}
    [data-theme="dark"] .seo-faq-item summary::after{color:#ffffff}
    [data-theme="dark"] .auth-tab.active{border-color:#ffffff;color:#ffffff}
    [data-theme="dark"] .session-pill button,
    [data-theme="dark"] .cart-auth-cta button,
    [data-theme="dark"] .auth-session-header button{color:#ffffff}
    [data-theme="dark"] .search-box button:hover{color:#ffffff}
    [data-theme="dark"] .drawer-close:hover{background:#e6e6e6}
    [data-theme="dark"] .admin-cost-box{background:rgba(255,255,255,.06)}

    [data-theme="light"] .foot-desc,
    [data-theme="light"] .foot-col h4,
    [data-theme="light"] .foot-bottom{color:rgba(0,0,0,.62)}
    [data-theme="light"] .foot-col a{color:#000000}
    [data-theme="light"] .foot-col a:hover{color:rgba(0,0,0,.62)}
    [data-theme="dark"] .foot-desc,
    [data-theme="dark"] .foot-col h4,
    [data-theme="dark"] .foot-bottom{color:rgba(255,255,255,.72)}
    [data-theme="dark"] .foot-col a{color:#ffffff}
    [data-theme="dark"] .foot-col a:hover{color:rgba(255,255,255,.72)}
    [data-theme="dark"] .foot-logo .logo-bottom{color:rgba(255,255,255,.72)}