/* ============================================================
   DL MAISON DE LEON — Web Cliente CSS
   Luxury Dark · v2.0
============================================================ */
:root {
  --gold-cl:     #C9A14A;
  --gold-lt:     #E8C97A;
  --gold-dk:     #8B6914;
  --dark-cl:     #0d0b08;
  --card-cl:     #120d08;
  --card2-cl:    #1a1108;
  --border-cl:   rgba(201,161,74,.12);
  --text-cl:     #E8E4DC;
  --gris-cl:     #888880;
  --blanco-cl:   #F5F2EC;
  --nav-h:       72px;
  --trans-cl:    all .3s cubic-bezier(.25,.46,.45,.94);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body.cliente-body{font-family:'Montserrat',sans-serif;background:var(--dark-cl);color:var(--text-cl);overflow-x:hidden;}
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background:var(--dark-cl);}
::-webkit-scrollbar-thumb{background:rgba(201,161,74,.25);border-radius:3px;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}

/* ── NAV ─────────────────────────────────────────────────── */
.nav-cliente{position:fixed;top:0;left:0;right:0;z-index:500;height:var(--nav-h);transition:var(--trans-cl);}
.nav-cliente.scrolled{background:rgba(13,11,8,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-cl);}
.nav-inner{max-width:1400px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;gap:1.5rem;}
.nav-links-left{display:flex;list-style:none;gap:2rem;align-items:center;}
.nav-links-left a{font-size:.58rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gris-cl);transition:var(--trans-cl);padding:4px 0;border-bottom:1px solid transparent;}
.nav-links-left a:hover,.nav-links-left a.active{color:var(--gold-cl);border-bottom-color:var(--gold-cl);}
.nav-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;position:absolute;left:50%;transform:translateX(-50%);}
.logo-dl{font-family:'Cormorant Garamond',serif;font-size:1.6rem;color:var(--gold-cl);font-weight:300;letter-spacing:.2em;line-height:1;}
.logo-m,.logo-l{display:block;font-size:.4rem;letter-spacing:.4em;text-transform:uppercase;line-height:1.4;}
.logo-m{color:var(--text-cl);}
.logo-l{color:var(--gris-cl);}
.nav-actions{display:flex;align-items:center;gap:.5rem;}
.nav-icon-btn{background:none;border:none;color:var(--gris-cl);font-size:1.15rem;cursor:pointer;padding:6px;transition:var(--trans-cl);position:relative;text-decoration:none;display:flex;align-items:center;}
.nav-icon-btn:hover{color:var(--gold-cl);}
.cart-btn{position:relative;}
.cart-count{position:absolute;top:-4px;right:-6px;background:var(--gold-cl);color:var(--dark-cl);font-size:.45rem;font-weight:700;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 3px;}
.nav-burger{display:none;background:none;border:none;color:var(--text-cl);font-size:1.3rem;cursor:pointer;padding:4px;}
/* Search drop */
.nav-search-wrap{position:relative;}
.nav-search-drop{display:none;position:absolute;top:calc(100% + 12px);right:-10px;background:var(--card-cl);border:1px solid var(--border-cl);padding:.75rem;min-width:300px;z-index:600;}
.nav-search-drop.open{display:block;}
.nav-search-drop input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--border-cl);color:var(--text-cl);font-family:'Montserrat',sans-serif;font-size:.75rem;padding:8px 0;outline:none;}
.nav-search-results{margin-top:.5rem;max-height:280px;overflow-y:auto;}
.nsr-item{display:flex;align-items:center;gap:.75rem;padding:.6rem;cursor:pointer;transition:var(--trans-cl);}
.nsr-item:hover{background:rgba(201,161,74,.06);}
.nsr-img{width:40px;height:40px;object-fit:cover;flex-shrink:0;}
.nsr-name{font-size:.65rem;color:var(--text-cl);display:block;}
.nsr-price{font-size:.6rem;color:var(--gold-cl);}

/* ── MOBILE MENU ─────────────────────────────────────────── */
.mobile-menu{display:none;position:fixed;inset:0;background:var(--dark-cl);z-index:800;flex-direction:column;padding:5rem 2rem 2rem;gap:1.5rem;}
.mobile-menu.open{display:flex;}
.mobile-menu a{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:300;color:var(--text-cl);transition:var(--trans-cl);}
.mobile-menu a:hover{color:var(--gold-cl);}
.mobile-logo{font-family:'Cormorant Garamond',serif;font-size:1.2rem;color:var(--gold-cl);letter-spacing:.3em;text-transform:uppercase;margin-bottom:1rem;}
.mobile-divider{width:40px;height:1px;background:var(--border-cl);margin:.5rem 0;}
.mobile-logout{background:none;border:none;font-family:'Montserrat',sans-serif;font-size:.65rem;color:var(--gris-cl);cursor:pointer;letter-spacing:.1em;}
.mobile-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:var(--gold-cl);font-size:1.3rem;cursor:pointer;}
.mobile-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:790;}
.mobile-overlay.open{display:block;}

/* ── HERO ────────────────────────────────────────────────── */
.hero-tienda{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;}
.hero-bg{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(13,11,8,.3) 0,rgba(13,11,8,.6) 60%,rgba(13,11,8,1) 100%),linear-gradient(135deg,#1a0f05 0,#2d1a0a 30%,#1a0a03 70%,#0d0802 100%);}
.hero-bg::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 70% 40%,rgba(201,161,74,.08) 0,transparent 60%),radial-gradient(ellipse 40% 40% at 20% 60%,rgba(106,46,31,.12) 0,transparent 50%);}
.hero-content{position:relative;z-index:2;padding:0 2rem;max-width:900px;animation:fadeUp 1.8s both;}
@keyframes fadeUp{from{opacity:0;transform:translateY(40px);}to{opacity:1;transform:none;}}
.hero-eyebrow{font-size:.55rem;letter-spacing:.5em;color:var(--gold-cl);text-transform:uppercase;display:block;margin-bottom:1.5rem;}
.hero-title{font-family:'Cormorant Garamond',serif;font-size:clamp(3.5rem,10vw,8rem);font-weight:300;line-height:.95;color:var(--blanco-cl);margin-bottom:1.5rem;}
.hero-title em{font-style:italic;color:var(--gold-cl);}
.hero-sub{font-size:.65rem;letter-spacing:.3em;color:var(--gris-cl);text-transform:uppercase;margin-bottom:3rem;}
.hero-btns{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;}
.hero-scroll{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--gold-cl);font-size:.5rem;letter-spacing:.3em;text-transform:uppercase;}
.scroll-line{width:1px;height:50px;background:var(--gold-cl);animation:scrollAnim 2s infinite;}
@keyframes scrollAnim{0%,100%{opacity:.3;}50%{opacity:1;}}

/* BAND */
.info-band{background:var(--gold-cl);padding:10px 2rem;display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap;}
.info-band span{font-size:.55rem;letter-spacing:.3em;color:var(--dark-cl);text-transform:uppercase;font-weight:600;}
.info-band .sep{color:rgba(13,11,8,.3);}

/* ── BUTTONS ─────────────────────────────────────────────── */
.btn-cl{display:inline-flex;align-items:center;gap:.5rem;padding:12px 28px;font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;font-weight:600;cursor:pointer;border:none;transition:var(--trans-cl);font-family:'Montserrat',sans-serif;}
.btn-gold-cl{background:var(--gold-cl);color:var(--dark-cl);}
.btn-gold-cl:hover{background:var(--gold-lt);color:var(--dark-cl);}
.btn-outline-cl{background:transparent;color:var(--text-cl);border:1px solid rgba(245,242,236,.2);}
.btn-outline-cl:hover{border-color:var(--gold-cl);color:var(--gold-cl);}
.btn-whatsapp-cl{background:#25D366;color:#fff;}
.btn-whatsapp-cl:hover{background:#1db954;}
.btn-full{width:100%;justify-content:center;}

/* ── CATÁLOGO ────────────────────────────────────────────── */
.catalogo-section{padding:var(--nav-h) 0 5rem;}
.catalogo-inner{max-width:1400px;margin:0 auto;padding:2rem 1.5rem;display:grid;grid-template-columns:240px 1fr;gap:2.5rem;align-items:start;}
/* SIDEBAR FILTROS */
.filtros-sidebar{background:var(--card-cl);border:1px solid var(--border-cl);padding:1.5rem;position:sticky;top:calc(var(--nav-h)+1rem);}
.filtros-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;}
.filtros-title{font-size:.55rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold-cl);font-weight:600;}
.filtros-clear{font-size:.55rem;color:var(--gris-cl);transition:var(--trans-cl);}
.filtros-clear:hover{color:var(--gold-cl);}
.filtro-group{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-cl);}
.filtro-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.filtro-group-title{font-size:.5rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-cl);margin-bottom:.75rem;}
.filtro-search-wrap{display:flex;align-items:center;gap:.4rem;border-bottom:1px solid var(--border-cl);padding:.4rem 0;}
.filtro-search-wrap i{color:var(--gris-cl);font-size:.85rem;}
.filtro-input{background:transparent;border:none;outline:none;color:var(--text-cl);font-family:'Montserrat',sans-serif;font-size:.7rem;width:100%;}
.filtro-input::placeholder{color:var(--gris-cl);}
.filtro-check{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin-bottom:.5rem;}
.filtro-check input{accent-color:var(--gold-cl);width:13px;height:13px;}
.filtro-check span{font-size:.65rem;color:var(--gris-cl);transition:var(--trans-cl);}
.filtro-check:hover span{color:var(--text-cl);}
.filtro-select{width:100%;background:rgba(245,242,236,.04);border:none;border-bottom:1px solid var(--border-cl);color:var(--text-cl);font-family:'Montserrat',sans-serif;font-size:.65rem;padding:.5rem 0;outline:none;cursor:pointer;}
.filtro-select option{background:#1a1108;}
/* CATALOGO TOP */
.catalogo-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;}
.catalogo-count{font-size:.6rem;letter-spacing:.15em;color:var(--gris-cl);text-transform:uppercase;}
.filtros-toggle-btn{display:none;background:transparent;border:1px solid var(--border-cl);color:var(--gris-cl);padding:8px 14px;font-size:.6rem;cursor:pointer;font-family:'Montserrat',sans-serif;gap:.4rem;align-items:center;}
/* PRODUCT GRID */
.productos-grid-cl{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2px;}
.producto-card-cl{background:var(--card-cl);border:1px solid var(--border-cl);transition:var(--trans-cl);cursor:pointer;display:block;}
.producto-card-cl:hover{border-color:rgba(201,161,74,.25);}
.pcard-img-wrap{aspect-ratio:3/4;overflow:hidden;position:relative;background:#150d05;}
.pcard-img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease;}
.producto-card-cl:hover .pcard-img{transform:scale(1.05);}
.pcard-no-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(201,161,74,.2);font-size:3rem;}
.pcard-badge{position:absolute;top:10px;left:10px;background:var(--gold-cl);color:var(--dark-cl);font-size:.45rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;padding:3px 10px;}
.pcard-badge-danger{background:rgba(232,112,112,.9)!important;color:#fff!important;}
.pcard-hover-actions{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(to top,rgba(13,11,8,.9),transparent);transform:translateY(100%);transition:transform .35s ease;}
.producto-card-cl:hover .pcard-hover-actions{transform:translateY(0);}
.pcard-quick-add{width:100%;padding:10px;background:var(--gold-cl);color:var(--dark-cl);border:none;font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;font-family:'Montserrat',sans-serif;transition:var(--trans-cl);}
.pcard-quick-add:hover{background:var(--gold-lt);}
.pcard-quick-add.disabled{background:rgba(136,136,128,.3);color:var(--gris-cl);cursor:not-allowed;}
.pcard-body{padding:1rem;}
.pcard-cat{font-size:.48rem;letter-spacing:.25em;color:var(--gold-cl);text-transform:uppercase;margin-bottom:.3rem;}
.pcard-name{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:400;color:var(--text-cl);margin-bottom:.5rem;}
.pcard-footer{display:flex;align-items:baseline;gap:.5rem;}
.pcard-price{font-size:.9rem;color:var(--gold-cl);font-weight:500;}
.pcard-prev-price{font-size:.7rem;color:var(--gris-cl);text-decoration:line-through;}
/* PAGINACIÓN */
.paginacion-cl{display:flex;gap:.5rem;margin-top:2rem;justify-content:center;}
.pag-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-cl);color:var(--gris-cl);font-size:.6rem;transition:var(--trans-cl);}
.pag-btn:hover,.pag-btn.active{border-color:var(--gold-cl);color:var(--gold-cl);}
/* EMPTY */
.empty-catalogo{text-align:center;padding:5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;}
.empty-catalogo i{font-size:3.5rem;color:rgba(201,161,74,.2);}
.empty-catalogo p{font-size:.75rem;color:var(--gris-cl);}

/* ── PRODUCTO DETALLE ────────────────────────────────────── */
.breadcrumb-cl{padding:calc(var(--nav-h) + 1.5rem) 5vw 0;display:flex;align-items:center;gap:.5rem;font-size:.55rem;letter-spacing:.1em;color:var(--gris-cl);}
.breadcrumb-cl a:hover{color:var(--gold-cl);}
.breadcrumb-cl span{color:rgba(136,136,128,.5);}
.producto-detalle-layout{max-width:1200px;margin:1.5rem auto;padding:0 1.5rem 5rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;}
.pd-gallery{}
.pd-main-img{aspect-ratio:3/4;overflow:hidden;background:#150d05;}
.pd-main-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.pd-no-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(201,161,74,.2);font-size:5rem;}
.pd-thumbs{display:flex;gap:2px;margin-top:2px;}
.pd-thumb{flex:1;aspect-ratio:1;overflow:hidden;cursor:pointer;opacity:.5;transition:var(--trans-cl);border:2px solid transparent;}
.pd-thumb:hover,.pd-thumb.active{opacity:1;border-color:var(--gold-cl);}
.pd-thumb img{width:100%;height:100%;object-fit:cover;}
.pd-info{padding-top:.5rem;}
.pd-badge{display:inline-block;background:var(--gold-cl);color:var(--dark-cl);font-size:.45rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;padding:3px 10px;margin-bottom:.75rem;}
.pd-categoria{font-size:.5rem;letter-spacing:.3em;color:var(--gold-cl);text-transform:uppercase;margin-bottom:.5rem;}
.pd-nombre{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,3rem);font-weight:300;color:var(--text-cl);line-height:1.1;margin-bottom:.3rem;}
.pd-ref{font-size:.55rem;color:rgba(136,136,128,.4);letter-spacing:.2em;margin-bottom:1.5rem;}
.pd-precio-wrap{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1rem;}
.pd-precio{font-family:'Cormorant Garamond',serif;font-size:2rem;color:var(--gold-cl);}
.pd-precio-ant{font-size:.9rem;color:var(--gris-cl);text-decoration:line-through;}
.pd-stock-alert{display:flex;align-items:center;gap:.5rem;background:rgba(232,160,48,.08);border:1px solid rgba(232,160,48,.2);padding:.6rem 1rem;margin-bottom:1rem;font-size:.6rem;color:#e8a030;}
.pd-stock-agotado{background:rgba(232,112,112,.08);border-color:rgba(232,112,112,.2);color:#e87070;}
.stock-dot-anim{width:7px;height:7px;border-radius:50%;background:#e8a030;animation:pulse 1.5s infinite;flex-shrink:0;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.3;}}
.pd-desc-short{font-size:.72rem;color:var(--gris-cl);line-height:2;margin-bottom:1.5rem;border-top:1px solid var(--border-cl);border-bottom:1px solid var(--border-cl);padding:1rem 0;}
.pd-atributos{margin-bottom:1.5rem;}
.pd-attr-row{display:flex;align-items:center;gap:1rem;padding:.4rem 0;border-bottom:1px solid rgba(201,161,74,.05);}
.pd-attr-label{font-size:.5rem;letter-spacing:.25em;color:var(--gris-cl);text-transform:uppercase;min-width:80px;}
.pd-attr-val{font-size:.7rem;color:var(--text-cl);}
.pd-selector{margin-bottom:1.25rem;}
.pd-selector-label{font-size:.5rem;letter-spacing:.3em;color:var(--gold-cl);text-transform:uppercase;margin-bottom:.6rem;}
.pd-tallas{display:flex;gap:.5rem;flex-wrap:wrap;}
.talla-btn{width:44px;height:44px;border:1px solid var(--border-cl);background:transparent;color:var(--gris-cl);font-size:.6rem;cursor:pointer;transition:var(--trans-cl);font-family:'Montserrat',sans-serif;}
.talla-btn:hover,.talla-btn.active{border-color:var(--gold-cl);color:var(--gold-cl);}
.pd-acciones{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;}
.pd-qty-wrap{display:flex;align-items:center;border:1px solid var(--border-cl);}
.qty-btn{width:44px;height:44px;background:transparent;border:none;color:var(--gris-cl);font-size:1rem;cursor:pointer;transition:var(--trans-cl);display:flex;align-items:center;justify-content:center;}
.qty-btn:hover{color:var(--gold-cl);}
.qty-input{flex:1;text-align:center;background:transparent;border:none;color:var(--text-cl);font-family:'Montserrat',sans-serif;font-size:.9rem;outline:none;padding:.5rem;}
.pd-garantias{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:1.5rem 0;border-top:1px solid var(--border-cl);}
.garantia-item{text-align:center;}
.garantia-item i{font-size:1.2rem;color:var(--gold-cl);display:block;margin-bottom:.3rem;}
.garantia-item span{font-size:.48rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gris-cl);line-height:1.6;}
.pd-desc-full{margin-top:1rem;border-top:1px solid var(--border-cl);padding-top:1rem;}
.pd-desc-full summary{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-cl);cursor:pointer;list-style:none;margin-bottom:.75rem;}
.pd-desc-full p{font-size:.7rem;color:var(--gris-cl);line-height:2;}
/* RELACIONADOS */
.relacionados-section{max-width:1200px;margin:0 auto;padding:0 1.5rem 5rem;}
.section-header-cl{text-align:center;margin-bottom:2.5rem;}
.eyebrow-cl{font-size:.5rem;letter-spacing:.45em;color:var(--gold-cl);text-transform:uppercase;display:block;margin-bottom:.75rem;}
.section-title-cl{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:300;color:var(--text-cl);}
.section-line-cl{width:50px;height:1px;background:var(--gold-cl);margin:.75rem auto 0;}
.relacionados-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2px;}

/* ── CARRITO ─────────────────────────────────────────────── */
.page-cl-header{padding:calc(var(--nav-h)+2rem) 5vw 2rem;max-width:1200px;margin:0 auto;}
.page-cl-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:300;color:var(--text-cl);}
.page-cl-sub{font-size:.65rem;color:var(--gris-cl);margin-top:.3rem;letter-spacing:.05em;}
.carrito-empty{text-align:center;padding:5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:500px;margin:0 auto;}
.carrito-empty i{font-size:4rem;color:rgba(201,161,74,.2);}
.carrito-empty h2{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:300;color:var(--text-cl);}
.carrito-empty p{font-size:.7rem;color:var(--gris-cl);}
.carrito-layout{max-width:1100px;margin:0 auto;padding:0 1.5rem 5rem;display:grid;grid-template-columns:1fr 380px;gap:2.5rem;align-items:start;}
.carrito-items{display:flex;flex-direction:column;gap:2px;}
.carrito-item{background:var(--card-cl);border:1px solid var(--border-cl);display:flex;gap:1rem;padding:1rem;}
.ci-img{width:90px;height:90px;flex-shrink:0;overflow:hidden;}
.ci-img img{width:100%;height:100%;object-fit:cover;}
.ci-no-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(201,161,74,.05);color:rgba(201,161,74,.3);font-size:2rem;}
.ci-info{flex:1;display:flex;flex-direction:column;justify-content:space-between;}
.ci-nombre{font-family:'Cormorant Garamond',serif;font-size:1.15rem;color:var(--text-cl);font-weight:400;}
.ci-attrs{font-size:.55rem;color:var(--gris-cl);display:flex;gap:.75rem;margin:.3rem 0;}
.ci-bottom{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;}
.ci-qty{display:flex;align-items:center;border:1px solid var(--border-cl);}
.qty-btn-sm{width:30px;height:30px;background:transparent;border:none;color:var(--gris-cl);cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:var(--trans-cl);}
.qty-btn-sm:hover{color:var(--gold-cl);}
.qty-val{width:36px;text-align:center;font-size:.75rem;color:var(--text-cl);}
.ci-subtotal{font-size:.85rem;color:var(--gold-cl);font-weight:500;margin-left:auto;}
.ci-del{background:none;border:none;color:var(--gris-cl);cursor:pointer;font-size:1rem;transition:var(--trans-cl);}
.ci-del:hover{color:#e87070;}
/* RESUMEN */
.resumen-card{background:var(--card-cl);border:1px solid var(--border-cl);padding:1.5rem;}
.resumen-title{font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-cl);margin-bottom:1.25rem;}
.resumen-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.7rem;color:var(--gris-cl);}
.resumen-divider{border:none;border-top:1px solid var(--border-cl);margin:.75rem 0;}
.resumen-total{font-size:.9rem;color:var(--text-cl);font-weight:600;}
.resumen-total span:last-child{color:var(--gold-cl);}
.resumen-pagos{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-cl);}
.pagos-label{font-size:.5rem;letter-spacing:.2em;color:var(--gris-cl);text-transform:uppercase;margin-bottom:.75rem;}
.pagos-icons{display:flex;gap:1rem;flex-wrap:wrap;}
.pagos-icons span{font-size:.6rem;color:var(--gris-cl);display:flex;align-items:center;gap:.3rem;}

/* ── CHECKOUT ────────────────────────────────────────────── */
.checkout-steps{display:flex;align-items:center;justify-content:center;padding:1rem 1.5rem;max-width:600px;margin:0 auto 2rem;gap:.5rem;}
.step{display:flex;align-items:center;gap:.4rem;font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gris-cl);}
.step.active{color:var(--gold-cl);}
.step span{width:24px;height:24px;border:1px solid currentColor;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:600;}
.step-line{flex:1;height:1px;background:var(--border-cl);max-width:60px;}
.checkout-layout{max-width:1100px;margin:0 auto;padding:0 1.5rem 5rem;display:grid;grid-template-columns:1fr 360px;gap:2.5rem;align-items:start;}
.checkout-form-col{display:flex;flex-direction:column;gap:1.25rem;}
.checkout-card{background:var(--card-cl);border:1px solid var(--border-cl);padding:1.5rem;}
.auth-prompt-card{text-align:center;}
.auth-prompt-icon{font-size:2.5rem;color:var(--gold-cl);margin-bottom:1rem;}
.checkout-card-title{font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-cl);margin-bottom:1.25rem;}
.co-form-row2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.co-form-group{margin-bottom:1rem;}
.co-label{display:block;font-size:.5rem;letter-spacing:.3em;color:var(--gold-cl);text-transform:uppercase;margin-bottom:.4rem;}
.co-input{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(201,161,74,.2);padding:9px 0;color:var(--text-cl);font-family:'Montserrat',sans-serif;font-size:.78rem;outline:none;transition:border-color .3s;}
.co-input:focus{border-bottom-color:var(--gold-cl);}
.co-input::placeholder{color:var(--gris-cl);}
.co-error{font-size:.55rem;color:#e87070;display:block;margin-top:.25rem;}
.pago-opciones{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;}
.pago-opcion{cursor:pointer;border:1px solid var(--border-cl);padding:.75rem 1rem;transition:var(--trans-cl);}
.pago-opcion:has(input:checked){border-color:var(--gold-cl);background:rgba(201,161,74,.05);}
.pago-opcion input{display:none;}
.pago-opcion-inner{display:flex;align-items:center;gap:.75rem;}
.pago-opcion-inner i{font-size:1.3rem;color:var(--gold-cl);}
.pago-name{display:block;font-size:.65rem;color:var(--text-cl);font-weight:500;}
.pago-sub{display:block;font-size:.55rem;color:var(--gris-cl);}
.pago-info-box{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:rgba(201,161,74,.06);border-left:2px solid var(--gold-cl);font-size:.6rem;color:var(--gris-cl);}
.checkout-resumen-col{}
.resumen-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-cl);}
.resumen-item:last-child{border-bottom:none;}
.ri-img{width:50px;height:50px;flex-shrink:0;overflow:hidden;}
.ri-img img{width:100%;height:100%;object-fit:cover;}
.ri-no-img{width:50px;height:50px;background:rgba(201,161,74,.06);display:flex;align-items:center;justify-content:center;color:rgba(201,161,74,.3);}
.ri-info{flex:1;min-width:0;}
.ri-nombre{font-size:.65rem;color:var(--text-cl);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ri-attr{font-size:.55rem;color:var(--gris-cl);display:inline-block;margin-right:.3rem;}
.ri-qty{font-size:.55rem;color:var(--gris-cl);display:block;}
.ri-price{font-size:.75rem;color:var(--gold-cl);flex-shrink:0;}

/* ── CONFIRMACIÓN ────────────────────────────────────────── */
.confirmacion-wrap{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:calc(var(--nav-h)+2rem) 1.5rem 5rem;}
.confirmacion-card{background:var(--card-cl);border:1px solid var(--border-cl);padding:3rem;max-width:600px;width:100%;text-align:center;}
.confirm-icon{font-size:3rem;color:var(--gold-cl);margin-bottom:1rem;}
.confirm-title{font-family:'Cormorant Garamond',serif;font-size:2.5rem;font-weight:300;color:var(--text-cl);margin-bottom:.5rem;}
.confirm-sub{font-size:.7rem;color:var(--gris-cl);margin-bottom:1.5rem;}
.confirm-numero{font-family:'Cormorant Garamond',serif;font-size:1.8rem;color:var(--gold-cl);letter-spacing:.2em;}
.confirm-items{text-align:left;margin:1.5rem 0;display:flex;flex-direction:column;gap:.75rem;}
.confirm-item{display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-cl);}
.confirm-summary{background:rgba(201,161,74,.04);border:1px solid var(--border-cl);padding:1rem;margin:1.5rem 0;text-align:left;}
.cs-row{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.7rem;color:var(--gris-cl);}
.cs-total{font-size:.85rem;font-weight:600;color:var(--text-cl);border-top:1px solid var(--border-cl);padding-top:.5rem;margin-top:.5rem;}
.cs-total span:last-child{color:var(--gold-cl);}
.confirm-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;text-align:left;margin:1.5rem 0;}
.ci-block{padding:.75rem;background:rgba(245,242,236,.03);border:1px solid var(--border-cl);}
.ci-block-label{font-size:.48rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gris-cl);margin-bottom:.25rem;}
.ci-block-val{font-size:.7rem;color:var(--text-cl);}
.confirm-whatsapp-box{display:flex;align-items:flex-start;gap:1rem;background:rgba(37,211,102,.06);border:1px solid rgba(37,211,102,.2);padding:1rem;text-align:left;margin:1.5rem 0;}
.confirm-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem;}

/* ── AUTH ────────────────────────────────────────────────── */
.auth-page-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:calc(var(--nav-h)+2rem) 1.5rem 5rem;}
.auth-card{background:var(--card-cl);border:1px solid var(--border-cl);padding:3rem;width:100%;max-width:420px;}
.auth-logo{font-family:'Cormorant Garamond',serif;font-size:2.5rem;color:var(--gold-cl);font-weight:300;letter-spacing:.4em;text-align:center;}
.auth-logo-sub{font-size:.48rem;letter-spacing:.45em;color:var(--gris-cl);text-transform:uppercase;text-align:center;display:block;margin-top:.3rem;}
.auth-divider{width:40px;height:1px;background:var(--gold-cl);margin:1rem auto;}
.auth-title{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:300;color:var(--text-cl);text-align:center;margin-bottom:.3rem;}
.auth-error{background:rgba(232,112,112,.08);border:1px solid rgba(232,112,112,.2);color:#e87070;padding:.75rem 1rem;font-size:.65rem;margin-bottom:1.5rem;display:flex;gap:.5rem;align-items:center;}
.auth-group{margin-bottom:1.25rem;}
.auth-label{display:block;font-size:.5rem;letter-spacing:.3em;color:var(--gold-cl);text-transform:uppercase;margin-bottom:.4rem;}
.auth-input{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(201,161,74,.2);padding:10px 0;color:var(--text-cl);font-family:'Montserrat',sans-serif;font-size:.8rem;outline:none;transition:border-color .3s;}
.auth-input:focus{border-bottom-color:var(--gold-cl);}
.auth-input::placeholder{color:var(--gris-cl);}
.auth-check-row{display:flex;align-items:center;gap:.5rem;font-size:.6rem;color:var(--gris-cl);cursor:pointer;}
.auth-check-row input{accent-color:var(--gold-cl);}
.auth-switch{text-align:center;margin-top:1.5rem;font-size:.6rem;color:var(--gris-cl);}
.auth-switch a{color:var(--gold-cl);}

/* ── MI CUENTA ───────────────────────────────────────────── */
.micuenta-layout {
    max-width: 1100px;
    margin: 0 auto;
    padding: calc(var(--nav-h)+8rem);
    min-height: calc(100vh - 120px);
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 2.5rem;
    align-items: start;
}
@media (max-width:900px) {

    .micuenta-layout {
        grid-template-columns: 1fr;
        
    }

    .cuenta-sidebar {
        width: 100%;
        position: relative;
        top: auto;
    }

    .cuenta-main {
        max-width: 100%;
    }
}
.cuenta-sidebar{background:var(--card-cl);border:1px solid var(--border-cl);padding:2rem;position:sticky;top:calc(var(--nav-h)+1rem);}
.cuenta-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--gold-dk),var(--gold-cl));display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:1.5rem;color:var(--dark-cl);margin-bottom:.75rem;}
.cuenta-nombre{font-size:.8rem;color:var(--text-cl);font-weight:500;margin-bottom:.2rem;}
.cuenta-email{font-size:.6rem;color:var(--gris-cl);margin-bottom:1.5rem;}
.cuenta-nav{display:flex;flex-direction:column;gap:.25rem;}
.cuenta-nav a{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;font-size:.6rem;color:var(--gris-cl);border-left:2px solid transparent;transition:var(--trans-cl);}
.cuenta-nav a:hover,.cuenta-nav a.active{color:var(--gold-cl);border-left-color:var(--gold-cl);background:rgba(201,161,74,.06);}
.cuenta-logout{display:flex;align-items:center;gap:.6rem;background:none;border:none;color:var(--gris-cl);font-size:.6rem;cursor:pointer;font-family:'Montserrat',sans-serif;padding:.6rem .75rem;width:100%;transition:var(--trans-cl);}
.cuenta-logout:hover{color:#e87070;}
.cuenta-main {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
}
.cuenta-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
.cst-card{background:var(--card-cl);border:1px solid var(--border-cl);padding:1.25rem;display:flex;align-items:center;gap:.75rem;}
.cst-card i{font-size:1.4rem;color:var(--gold-cl);opacity:.7;}
.cst-val{display:block;font-family:'Cormorant Garamond',serif;font-size:1.5rem;color:var(--text-cl);font-weight:300;}
.cst-lab{display:block;font-size:.48rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gris-cl);}
.cuenta-section-title{font-size:.55rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold-cl);padding-bottom:.75rem;border-bottom:1px solid var(--border-cl);}
.pedidos-list{display:flex;flex-direction:column;gap:2px;}
.pedido-row{background:var(--card-cl);border:1px solid var(--border-cl);padding:.85rem 1rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;transition:var(--trans-cl);}
.pedido-row:hover{border-color:rgba(201,161,74,.2);}
.pr-num{font-size:.65rem;color:var(--gold-cl);font-weight:600;letter-spacing:.1em;min-width:120px;}
.pr-info{display:flex;flex-direction:column;gap:.15rem;flex:1;}
.pr-fecha{font-size:.6rem;color:var(--text-cl);}
.pr-items{font-size:.55rem;color:var(--gris-cl);}
.pr-total{font-size:.8rem;color:var(--gold-cl);}
.estado-badge{font-size:.48rem;letter-spacing:.15em;text-transform:uppercase;font-weight:600;padding:3px 10px;}
.estado-pendiente{background:rgba(232,160,48,.1);color:#e8a030;}
.estado-confirmado{background:rgba(100,160,232,.1);color:#64a0e8;}
.estado-preparando{background:rgba(100,160,232,.1);color:#64a0e8;}
.estado-enviado{background:rgba(201,161,74,.1);color:var(--gold-cl);}
.estado-entregado{background:rgba(76,175,80,.1);color:#4caf50;}
.estado-cancelado{background:rgba(232,112,112,.1);color:#e87070;}
.pedido-detalle-layout{max-width:900px;margin:0 auto;padding:0 1.5rem 5rem;display:grid;grid-template-columns:1fr 320px;gap:2.5rem;align-items:start;}
.pd-section-title{font-size:.55rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-cl);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-cl);}

/* ── FOOTER ──────────────────────────────────────────────── */
.footer-cliente{background:#060504;border-top:1px solid var(--border-cl);padding:5rem 1.5rem 2rem;}
.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;}
.footer-logo{font-family:'Cormorant Garamond',serif;font-size:1.4rem;color:var(--gold-cl);font-weight:300;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.3rem;}
.footer-tagline{font-size:.5rem;letter-spacing:.35em;color:var(--gris-cl);text-transform:uppercase;margin-bottom:1rem;}
.footer-desc{font-size:.65rem;color:var(--gris-cl);line-height:2;margin-bottom:1.5rem;}
.footer-socials{display:flex;gap:.75rem;}
.footer-socials a{width:34px;height:34px;border:1px solid var(--border-cl);display:flex;align-items:center;justify-content:center;color:var(--gold-cl);font-size:.9rem;transition:var(--trans-cl);}
.footer-socials a:hover{background:var(--gold-cl);color:var(--dark-cl);border-color:var(--gold-cl);}
.footer-col{display:flex;flex-direction:column;gap:.75rem;}
.footer-col-title{font-size:.5rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold-cl);font-weight:600;margin-bottom:.5rem;}
.footer-col a{font-size:.65rem;color:var(--gris-cl);transition:var(--trans-cl);}
.footer-col a:hover{color:var(--gold-cl);}
.footer-bottom{max-width:1200px;margin:0 auto;padding-top:2rem;border-top:1px solid var(--border-cl);display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;}
.footer-bottom span{font-size:.55rem;color:rgba(136,136,128,.4);letter-spacing:.05em;}

/* ── TOAST ───────────────────────────────────────────────── */
.toast-cliente{position:fixed;top:calc(var(--nav-h)+1rem);right:1.5rem;z-index:9999;display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;font-size:.65rem;min-width:280px;border:1px solid;animation:toastIn .3s ease;opacity:0;pointer-events:none;}
.toast-cliente.show{opacity:1;pointer-events:all;}
.toast-cliente button{background:none;border:none;cursor:pointer;margin-left:auto;font-size:.9rem;}
.toast-success{background:rgba(76,175,80,.1);border-color:rgba(76,175,80,.25);color:#4caf50;}
.toast-success button{color:#4caf50;}
@keyframes toastIn{from{opacity:0;transform:translateX(20px);}to{opacity:1;transform:none;}}
.cart-toast{position:fixed;bottom:2rem;right:2rem;z-index:9999;background:var(--card-cl);border:1px solid var(--gold-cl);padding:.85rem 1.25rem;font-size:.65rem;color:var(--text-cl);display:flex;align-items:center;gap:.5rem;opacity:0;transform:translateY(20px);transition:var(--trans-cl);pointer-events:none;}
.cart-toast.show{opacity:1;transform:none;}
.cart-toast i{color:var(--gold-cl);}

/* ── SPIN ────────────────────────────────────────────────── */
.spin{animation:spinAnim .8s linear infinite;display:inline-block;}
@keyframes spinAnim{to{transform:rotate(360deg);}}

/* ── RESPONSIVE ──────────────────────────────────────────── */
@media(max-width:1100px){
  .catalogo-inner{grid-template-columns:1fr;}
  .filtros-sidebar{display:none;position:fixed;inset:0;z-index:600;overflow-y:auto;background:var(--dark-cl);}
  .filtros-sidebar.open{display:block;}
  .filtros-toggle-btn{display:inline-flex;}
  .checkout-layout{grid-template-columns:1fr;}
  .carrito-layout{grid-template-columns:1fr;}
  .micuenta-layout{grid-template-columns:1fr;}
  .cuenta-sidebar{position:static;}
  .footer-inner{grid-template-columns:1fr 1fr;gap:2rem;}
  .pedido-detalle-layout{grid-template-columns:1fr;}
}
@media(max-width:768px){
  .nav-links-left{display:none;}
  .nav-logo{position:static;transform:none;}
  .nav-burger{display:flex;}
  .producto-detalle-layout{grid-template-columns:1fr;padding:0 1rem 3rem;}
  .confirm-info-grid{grid-template-columns:1fr;}
  .cuenta-stats{grid-template-columns:1fr;}
  .co-form-row2{grid-template-columns:1fr;}
  .hero-btns{flex-direction:column;align-items:center;}
  .pd-garantias{grid-template-columns:repeat(2,1fr);}
  .footer-inner{grid-template-columns:1fr;}
}
.admin-access {
    opacity: .6;
    font-size: .8rem;
    color: #999;
    text-decoration: none;
    transition: .3s;
}

    .admin-access:hover {
        opacity: 1;
        color: #d4af37;
    }

.cuenta-main {
    margin-top: 8rem !important;
}
.cuenta-sidebar {
    margin-top: 8rem !important;
}

















/* =========================================
   MOBILE FIRST — MAISON DE LEON
========================================= */

html, body {
    overflow-x: hidden;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* CONTENEDORES */
.container,
.micuenta-layout,
.producto-layout,
.checkout-layout,
.carrito-layout {
    width: 100%;
}

/* BOTONES */
.btn-cl,
button {
    min-height: 48px;
    touch-action: manipulation;
}

/* INPUTS */
input,
select,
textarea {
    font-size: 16px;
}

/* MOBILE */
@media (max-width:768px) {

    /* LAYOUT GENERAL */
    .micuenta-layout {
        grid-template-columns: 1fr;
        padding: calc(var(--nav-h) + 1.5rem) 1rem 5rem;
        gap: 1.5rem;
    }

    /* SIDEBAR */
    .cuenta-sidebar {
        width: 100%;
        margin-top: 0 !important;
        position: relative;
        top: auto;
    }

    /* CONTENIDO */
    .cuenta-main {
        width: 100%;
        max-width: 100%;
        margin-top: 0 !important;
    }

    /* STATS */
    .cuenta-stats {
        grid-template-columns: 1fr;
    }

    /* PEDIDOS */
    .pedido-row {
        flex-direction: column;
        align-items: flex-start;
        gap: .8rem;
    }

    .pr-total,
    .estado-badge {
        align-self: flex-start;
    }

    /* PRODUCTOS */
    .productos-grid {
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }

    /* FOOTER */
    footer {
        padding-bottom: 6rem;
    }
}

/* TELÉFONOS PEQUEÑOS */
@media (max-width:480px) {

    .productos-grid {
        grid-template-columns: 1fr;
    }

    .page-cl-title {
        font-size: 1.4rem;
    }

    .btn-cl {
        width: 100%;
        justify-content: center;
    }
}











/* =========================
ASISTENTE VIRTUAL PREMIUM
========================= */

.assistant-float {
    position: fixed;
    right: 18px;
    bottom: 18px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg,#d4af37,#f5d77a);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 1.35rem;
    cursor: pointer;
    z-index: 9999;
    box-shadow: 0 12px 35px rgba(0,0,0,.35);
    transition: .25s ease;
}

    .assistant-float:hover {
        transform: translateY(-4px) scale(1.05);
    }

.assistant-modal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.58);
    backdrop-filter: blur(7px);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    padding: 20px;
}

.show-assistant {
    display: flex;
}

.as-card {
    width: 100%;
    max-width: 420px;
    background: #0f0f0f;
    border-radius: 28px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.06);
    box-shadow: 0 25px 70px rgba(0,0,0,.45);
    animation: assistantShow .28s ease;
}

@keyframes assistantShow {
    from {
        opacity: 0;
        transform: translateY(25px) scale(.96);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.as-head {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255,255,255,.06);
    background: #151515;
}

    .as-head h3 {
        color: #fff;
        margin: 0;
        font-size: 1rem;
        font-weight: 700;
    }

    .as-head small {
        color: #9e9e9e;
        font-size: .72rem;
    }

    .as-head button {
        width: 36px;
        height: 36px;
        border: none;
        border-radius: 50%;
        background: #1f1f1f;
        color: #fff;
        font-size: 1.2rem;
        cursor: pointer;
        transition: .2s;
    }

        .as-head button:hover {
            background: #2a2a2a;
        }

.as-body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.as-msg {
    background: #1a1a1a;
    color: #fff;
    padding: 16px;
    border-radius: 18px;
    font-size: .92rem;
    line-height: 1.5;
    border: 1px solid rgba(255,255,255,.04);
}

.as-action {
    text-decoration: none;
    background: linear-gradient(135deg,#d4af37,#f5d77a);
    color: #000;
    padding: 14px 16px;
    border-radius: 16px;
    font-weight: 700;
    font-size: .88rem;
    transition: .25s;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

    .as-action:hover {
        transform: translateY(-2px);
        opacity: .96;
    }

.as-outline {
    background: #1a1a1a;
    color: #fff;
    border: 1px solid rgba(212,175,55,.35);
}

    .as-outline:hover {
        background: #202020;
    }

@media(max-width:768px) {

    .assistant-float {
        width: 56px;
        height: 56px;
        right: 14px;
        bottom: 14px;
    }

    .as-card {
        max-width: 100%;
        border-radius: 24px;
    }

    .as-body {
        padding: 18px;
    }
}






.suggest-float {
    position: fixed;
    right: 18px;
    bottom: 90px;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #1a1a1a;
    border: 1px solid rgba(212,175,55,.35);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d4af37;
    font-size: 1.2rem;
    cursor: pointer;
    z-index: 9998;
    box-shadow: 0 10px 30px rgba(0,0,0,.25);
    transition: .25s;
}

    .suggest-float:hover {
        transform: translateY(-4px) scale(1.05);
    }

.suggest-modal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.55);
    backdrop-filter: blur(6px);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    padding: 20px;
}

.show-suggest {
    display: flex;
}

.sg-card {
    width: 100%;
    max-width: 420px;
    background: #111;
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.06);
    animation: showSuggest .25s ease;
}

@keyframes showSuggest {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.sg-head {
    padding: 18px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.06);
}

    .sg-head h3 {
        color: #fff;
        font-size: 1rem;
    }

    .sg-head button {
        background: none;
        border: none;
        color: #fff;
        font-size: 1.5rem;
        cursor: pointer;
    }

.sg-card form {
    padding: 20px;
}

.sg-card textarea {
    width: 100%;
    height: 140px;
    border: none;
    resize: none;
    border-radius: 16px;
    padding: 16px;
    background: #1a1a1a;
    color: #fff;
    font-family: inherit;
    outline: none;
}

.sg-card button[type=submit] {
    width: 100%;
    margin-top: 14px;
    border: none;
    background: #d4af37;
    color: #000;
    padding: 14px;
    border-radius: 14px;
    font-weight: 700;
    cursor: pointer;
}