/*
  ATENDIA PREMIUM — EXPERIENCE V2
  Mejora del checkout, NO sustitución del estilo Urbano Editorial.
  Mantiene íntegro el motor funcional y sus eventos.
*/
html.premium-experience-v2{
  --ex-orange:#ef4923;
  --ex-ink:#201e1b;
  --ex-surface:#faf4ea;
  --ex-paper:#fffaf3;
  --ex-muted:#70685d;
  --ex-line:#d8c8b8;
  --ex-heading:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;
  --ex-body:'DM Sans',system-ui,sans-serif;
}
html.premium-experience-v2 .cart-overlay:not(.hidden){backdrop-filter:blur(4px);background:rgba(14,12,10,.68)}
html.premium-experience-v2 .cart-panel:not(.hidden){background:var(--ex-surface);color:var(--ex-ink);border-radius:0;isolation:isolate}
html.premium-experience-v2 .cart-panel-header{background:var(--ex-surface);border-bottom:1px solid var(--ex-line);padding:22px 25px 15px;flex:0 0 auto}
html.premium-experience-v2 .cart-panel-label{font:800 10px/1.3 var(--ex-body);letter-spacing:.16em;text-transform:uppercase;color:#b83b20;margin-bottom:4px}
html.premium-experience-v2 .cart-panel-header h2{font:900 clamp(30px,3.2vw,40px)/.98 var(--ex-heading)!important;letter-spacing:-.02em;text-transform:uppercase;color:#191817!important}
html.premium-experience-v2 .close-cart{background:#201e1b;border-radius:50%;color:#fff;min-height:45px;min-width:45px;font:400 30px/1 var(--ex-body);border:2px solid #201e1b;transition:transform .15s ease}
html.premium-experience-v2 .close-cart:hover{transform:rotate(90deg)}
html.premium-experience-v2 .urban-order-progress{display:block;flex:0 0 auto;background:#24211e;color:#f7f0e7;padding:13px 25px 10px}
html.premium-experience-v2 .urban-order-progress__rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
html.premium-experience-v2 .urban-order-progress__rail>span{display:flex;flex-direction:column;gap:4px;border-top:3px solid #5f5851;padding:8px 3px 0;min-height:41px;color:#d2c6b9;font:800 11px/1.25 var(--ex-body)}
html.premium-experience-v2 .urban-order-progress__rail>span b{color:inherit;font:800 9px/1.2 var(--ex-body);letter-spacing:.045em;white-space:nowrap}
html.premium-experience-v2 .urban-order-progress__rail>span.is-complete{border-color:#efa28c;color:#fff}
html.premium-experience-v2 .urban-order-progress__rail>span.is-current{border-color:var(--ex-orange);color:#fff}
html.premium-experience-v2 #urban-order-help{display:none}
html.premium-experience-v2 .experience-stage-lead{display:grid;gap:4px;flex:0 0 auto;padding:15px 25px 14px;border-bottom:1px solid var(--ex-line);background:linear-gradient(125deg,#f7eadb,#fffaf3)}
html.premium-experience-v2 .experience-stage-lead__top{display:flex;align-items:center;justify-content:space-between;gap:12px;font:800 9px/1.25 var(--ex-body);letter-spacing:.16em;color:#a64b2b}
html.premium-experience-v2 .experience-stage-lead__number{color:#53493e}
html.premium-experience-v2 .experience-stage-lead__title{font:900 26px/1 var(--ex-heading);text-transform:uppercase;color:#211d1a}
html.premium-experience-v2 .experience-stage-lead p{font:500 12px/1.5 var(--ex-body);margin:0;color:#62574a}
html.premium-experience-v2 .cart-detail{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;background:var(--ex-surface);color:#211f1c;padding:12px 25px 24px;scrollbar-color:#baa48f transparent;scrollbar-width:thin}
/* Producto y promociones: coherentes con el menú, sin copiar la estética boutique de Bruma. */
html.premium-experience-v2 .selector-product-image{border:2px solid #25201c;overflow:hidden;border-radius:4px}
html.premium-experience-v2 .selector-product-info h3{font-family:var(--ex-heading)!important;font-weight:900!important;text-transform:uppercase}
html.premium-experience-v2 .size-option{transition:background .15s,border-color .15s,box-shadow .15s}
html.premium-experience-v2 .size-option:focus-visible,html.premium-experience-v2 .order-type-button:focus-visible,html.premium-experience-v2 .quantity-button:focus-visible,html.premium-experience-v2 .continue-order:focus-visible,html.premium-experience-v2 .close-cart:focus-visible{outline:3px solid #ec542e;outline-offset:3px}
/* Tarjetas de carrito: piezas comerciales compactas, no paneles cinematográficos. */
html.premium-experience-v2 .cart-item{position:relative;display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:12px;padding:13px;margin:10px 0;background:var(--ex-paper);border:1px solid var(--ex-line);border-left:4px solid var(--ex-orange);border-radius:5px;min-width:0;box-shadow:0 4px 14px #2b201208}
html.premium-experience-v2 .cart-item-image{width:78px;height:82px;min-width:0;overflow:hidden;background:#e5d8c8;border-radius:3px}
html.premium-experience-v2 .cart-item-image :is(.product-photo,img){width:100%;height:100%;object-fit:cover}
html.premium-experience-v2 .cart-item-info h3{font:900 21px/1.03 var(--ex-heading);text-transform:uppercase;color:#211c19;margin:0 0 5px}
html.premium-experience-v2 .cart-item-price{font:600 11px/1.45 var(--ex-body);color:#655c51}
html.premium-experience-v2 .cart-item-variant{display:block;font:500 11px/1.45 var(--ex-body);color:#5c534b}
html.premium-experience-v2 .cart-item-subtotal{font:900 20px/1.1 var(--ex-heading);color:#221e1b;padding-left:0;text-align:right}
html.premium-experience-v2 .quantity-controls{gap:8px}
html.premium-experience-v2 .quantity-button{height:38px;min-width:38px;border:1px solid #322b24;border-radius:4px;background:#fff;color:#211f1a;font-size:20px}
html.premium-experience-v2 .remove-product{font:800 10px/1.4 var(--ex-body);letter-spacing:.06em;color:#a23b25;text-transform:uppercase;min-height:28px;text-underline-offset:3px}
html.premium-experience-v2 .empty-cart{padding:43px 15px;color:#625649}
/* Pie accesible y fijo dentro del panel, conservando el botón original. */
html.premium-experience-v2 .cart-panel-footer:not(.hidden){display:block;flex:0 0 auto;border-top:2px solid #28221d;background:#fffaf3;padding:14px 25px 20px;box-shadow:0 -8px 28px #281c100b}
html.premium-experience-v2 .cart-summary{font:800 11px var(--ex-body);letter-spacing:.05em;text-transform:uppercase;color:#211e1b;margin-bottom:12px}
html.premium-experience-v2 .cart-summary strong{font:900 32px var(--ex-heading);letter-spacing:0}
html.premium-experience-v2 .continue-order{background:var(--ex-orange)!important;min-height:55px;width:100%;border:2px solid #201c1a;border-radius:4px;color:white!important;font:900 14px/1.4 var(--ex-body);text-transform:uppercase;letter-spacing:.045em;box-shadow:4px 4px 0 #211d1a}
html.premium-experience-v2 .continue-order::after{content:'  ↗';font-size:18px}
/* Entrega en tarjetas con números editoriales, usando los botones reales de main.js. */
html.premium-experience-v2 .order-type{padding:14px 0 24px}
html.premium-experience-v2 .order-type-button{display:grid;grid-template-columns:60px minmax(0,1fr) 26px;align-items:center;gap:14px;min-height:106px;background:#fffaf3;border:2px solid #22201d;border-radius:4px;margin:7px 0 14px;padding:15px;box-shadow:4px 4px 0 #dbc4af;transition:background .15s ease,transform .15s ease}
html.premium-experience-v2 .order-type-button::after{content:'↗';font:900 23px var(--ex-heading);justify-self:center;color:#bd492b}
html.premium-experience-v2 .order-type-button:hover{background:#fff0e4;transform:translateY(-2px)}
html.premium-experience-v2 .order-type-icon{display:grid;place-items:center;min-width:60px;width:60px;height:64px;border-radius:2px;background:#fee3d1;font-size:30px}
html.premium-experience-v2 .order-type-button strong{font:900 27px/1 var(--ex-heading);text-transform:uppercase;color:#211c1a;margin-bottom:6px}
html.premium-experience-v2 .order-type-button small{font:500 12px/1.5 var(--ex-body);color:#5b534c}
html.premium-experience-v2 .back-to-cart,html.premium-experience-v2 .back-to-order-type{font:800 12px/1.4 var(--ex-body);text-decoration:underline;text-underline-offset:4px;color:#413b35;min-height:44px}
/* Formulario original intacto, pero con mejor contraste y ritmo. */
html.premium-experience-v2 .order-form{padding:13px 0 35px}
html.premium-experience-v2 .form-group label{font:800 12px/1.5 var(--ex-body);color:#24211d}
html.premium-experience-v2 .form-group :is(input,select,textarea){border:1.5px solid #bcae9e;border-radius:5px;background:#fffdfa;min-height:50px;font:500 16px/1.45 var(--ex-body);color:#2c2925}
html.premium-experience-v2 .form-group :is(input,select,textarea):focus{outline:3px solid #f4b39b;outline-offset:1px;border-color:#a6452d}
html.premium-experience-v2 .order-form :is(.save-order-data,.back-to-order-type){min-height:51px}
/* Confirmación como recibo del Premium estándar. No crea datos ni altera el WhatsApp. */
html.premium-experience-v2 .saved-data{padding:17px 0 34px}
html.premium-experience-v2 .saved-success{border:2px solid #23201d;border-radius:4px;background:linear-gradient(132deg,#22201e 0%,#34302b 100%);padding:18px 18px 16px;color:#f9f0e6;box-shadow:4px 4px 0 #eb8e66}
html.premium-experience-v2 .saved-success>span{background:#ef4923;color:#fff;border-radius:50%;display:grid;place-items:center;width:37px;height:37px;font-size:20px}
html.premium-experience-v2 .saved-success strong{font:900 30px/1.05 var(--ex-heading);color:#fff;text-transform:uppercase;display:block;margin:6px 0}
html.premium-experience-v2 .saved-success p{color:#e2d5c5;font:500 12px/1.6 var(--ex-body)}
html.premium-experience-v2 .saved-data-list{margin:20px 0 23px;background:#fffaf2;border:1px solid #cfbdae;border-top:4px solid #24211e;border-bottom:4px solid #24211e;padding:8px 15px}
html.premium-experience-v2 .saved-data-list>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px 16px;padding:13px 0;border-bottom:1px dashed #ccbaa9;overflow-wrap:anywhere}
html.premium-experience-v2 .saved-data-list>div:last-child{border-bottom:0}
html.premium-experience-v2 .saved-data-list span{font:800 10px/1.5 var(--ex-body);text-transform:uppercase;letter-spacing:.08em;color:#746152}
html.premium-experience-v2 .saved-data-list strong{font:800 12px/1.5 var(--ex-body);color:#29231d;text-align:right;max-width:100%}
html.premium-experience-v2 .send-whatsapp,html.premium-experience-v2 .save-order-data{border-radius:4px!important;min-height:55px!important;background:#ee4922!important;color:white!important;border:2px solid #251e1a!important;box-shadow:4px 4px 0 #26211e;font:900 13px/1.4 var(--ex-body)!important;text-transform:uppercase;letter-spacing:.04em;width:100%;padding:12px 14px}
html.premium-experience-v2 .edit-order-data{min-height:45px;font-weight:800;color:#4b3f33}
/* Desktop: refinado panel lateral, sin imagen cinematográfica ni checkout independiente. */
@media(min-width:900px){
 html.premium-experience-v2 .cart-panel:not(.hidden){left:auto;right:0;top:0;bottom:0;transform:none;width:min(540px,100%);max-width:none;height:100dvh;max-height:100dvh;box-shadow:-22px 0 80px #0a090854;display:flex;flex-direction:column}
 html.premium-experience-v2 .cart-panel-header{padding-top:29px}
}
/* Mobile: conservamos el flujo V2 que ya gusta, mejorando disposición y controles. */
@media(max-width:700px){
 html.premium-experience-v2 .cart-panel:not(.hidden){height:100dvh!important;max-height:100dvh!important;display:flex;flex-direction:column}
 html.premium-experience-v2 .cart-panel-header{padding:calc(14px + env(safe-area-inset-top,0px)) 17px 12px}
 html.premium-experience-v2 .cart-panel-header h2{font-size:clamp(27px,8vw,37px)!important}
 html.premium-experience-v2 .close-cart{min-width:44px;min-height:44px}
 html.premium-experience-v2 .urban-order-progress{padding:10px 16px 9px}
 html.premium-experience-v2 .urban-order-progress__rail{gap:5px}
 html.premium-experience-v2 .urban-order-progress__rail>span{min-height:35px;font-size:10px;padding:6px 1px 0}
 html.premium-experience-v2 .urban-order-progress__rail>span b{font-size:8px}
 html.premium-experience-v2 .experience-stage-lead{padding:11px 17px 10px;gap:2px}
 html.premium-experience-v2 .experience-stage-lead__title{font-size:22px}
 html.premium-experience-v2 .experience-stage-lead p{font-size:11px}
 html.premium-experience-v2 .cart-detail{padding:8px 16px 22px}
 html.premium-experience-v2 .cart-panel-footer:not(.hidden){padding:10px 16px calc(15px + env(safe-area-inset-bottom,0px))}
 html.premium-experience-v2 .cart-summary{margin-bottom:8px}
 html.premium-experience-v2 .cart-summary strong{font-size:28px}
 html.premium-experience-v2 .continue-order{min-height:50px}
 html.premium-experience-v2 .cart-item{grid-template-columns:65px minmax(0,1fr) auto;padding:11px 9px;gap:9px;margin:8px 0}
 html.premium-experience-v2 .cart-item-image{width:65px;height:68px}
 html.premium-experience-v2 .cart-item-info h3{font-size:19px}
 html.premium-experience-v2 .cart-item-subtotal{font-size:17px}
 html.premium-experience-v2 .quantity-button{min-width:38px;min-height:38px}
 html.premium-experience-v2 .order-type-button{grid-template-columns:54px minmax(0,1fr) 22px;gap:11px;min-height:94px;padding:11px;margin-bottom:11px}
 html.premium-experience-v2 .order-type-icon{width:54px;min-width:54px;height:56px;font-size:25px}
 html.premium-experience-v2 .order-type-button strong{font-size:24px}
 html.premium-experience-v2 .order-type-button small{font-size:11px}
 html.premium-experience-v2 .saved-data-list{padding:8px 12px}
 html.premium-experience-v2 .saved-data-list>div{display:grid;grid-template-columns:minmax(0,1fr);gap:3px}
 html.premium-experience-v2 .saved-data-list strong{text-align:left}
}
@media(max-width:350px){
 html.premium-experience-v2 .cart-panel-header h2{font-size:28px!important}
 html.premium-experience-v2 .urban-order-progress__rail>span b{font-size:7.5px}
 html.premium-experience-v2 .experience-stage-lead__top{font-size:8px}
 html.premium-experience-v2 .cart-item{grid-template-columns:55px minmax(0,1fr) auto;gap:7px}
 html.premium-experience-v2 .cart-item-image{width:55px;height:60px}
 html.premium-experience-v2 .cart-item-info h3{font-size:17px}
 html.premium-experience-v2 .cart-item-subtotal{font-size:15px}
}
@media(prefers-reduced-motion:reduce){html.premium-experience-v2 .order-type-button,html.premium-experience-v2 .close-cart{transition:none}}