/* --- Visibility Classes --- */
@media (max-width:600px){.dk-only{display:none !important}}
.mz-only{display:none !important}
@media (max-width:600px){.mz-only{display:flex !important}}
.mz-only-block{display:none !important}
@media (max-width:600px){.mz-only-block{display:block !important}}

/* --- Header Principal --- */
.az-header{background:#131921;color:#fff;position:sticky;top:0;z-index:1000}
.az-row{display:flex;align-items:center;gap:12px;padding:8px 12px;min-height:60px}

/* --- Mobile Hamburger --- */
.az-hamburger{display:none;flex-direction:column;justify-content:center;gap:4px;width:28px;height:28px;background:transparent;border:0;cursor:pointer;padding:0}
.az-hamburger span{display:block;width:100%;height:2px;background:#fff;border-radius:1px}
@media (max-width:600px){.az-hamburger{display:flex !important}}

/* --- Logo --- */
.az-logo img{height:32px;width:auto}
@media (max-width:600px){.az-logo img{height:26px}}

/* --- Búsqueda --- */
.az-search{flex:1;display:flex;align-items:stretch;min-width:0;border-radius:4px;overflow:hidden;background:#fff}
.az-select{border:0;background:#e6e6e6;padding:0 8px;font-size:13px;cursor:pointer;min-width:70px}
@media (max-width:600px){.az-select{display:none}}
.az-input{flex:1;border:0;padding:10px 12px;font-size:15px;min-width:0}
.az-input:focus{outline:2px solid #f90}
.az-btn-search{background:#febd69;border:0;padding:0 14px;cursor:pointer;font-size:18px}
.az-btn-search:hover{background:#f3a847}

/* --- Mobile Account Button --- */
.mz-identify{background:transparent;border:0;color:#fff;font-size:13px;font-weight:600;padding:2px 0;cursor:pointer;white-space:nowrap;margin-left:auto;text-decoration:none}

/* --- Mobile Tabs --- */
.mz-tabs{display:none;overflow-x:auto;white-space:nowrap;gap:0;padding:0 8px;background:#232f3e;-webkit-overflow-scrolling:touch}
.mz-tabs a{display:inline-block;padding:10px 12px;color:#fff;text-decoration:none;font-size:13px;font-weight:500}
.mz-tabs a:hover{text-decoration:underline}
@media (max-width:600px){.mz-tabs{display:flex !important}}

/* --- Mobile Location Bar --- */
.mz-ship{display:none;align-items:center;gap:10px;width:100%;padding:10px 12px;background:#0e7465;color:#e9f5f3;text-decoration:none;border-top:1px solid #08382f;border-bottom:1px solid #08382f}
.mz-ship-pin{font-size:16px}
.mz-ship-text{flex:1;min-width:0;font-size:13px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mz-ship-text .act{color:#c8ffe9}
.mz-ship-caret{font-size:16px;opacity:0.95}
@media (max-width:600px){.mz-ship{display:flex !important}}

/* --- Desktop Secondary Nav --- */
.az-sub{display:flex;align-items:center;gap:4px;padding:4px 12px;background:#232f3e;overflow-x:auto}
.az-sub a{color:#fff;text-decoration:none;padding:8px 10px;font-size:13px;white-space:nowrap}
.az-sub a:hover{text-decoration:underline}
.az-sub .az-all{font-weight:700}
.az-sub-right{margin-left:auto}

/* --- Desktop Elements --- */
.az-deliver{color:#ccc;text-decoration:none;line-height:1.2}
.az-deliver .line1{font-size:11px}
.az-deliver .line2{font-size:14px;font-weight:700;color:#fff}
.az-lang,.az-account,.az-returns{color:#fff;white-space:nowrap}
.az-lang{position:relative}
.az-lang-btn{display:flex;align-items:center;gap:6px;background:transparent;border:0;color:#fff;cursor:pointer;padding:6px 8px;border-radius:3px;font-size:13px}
.az-lang-btn:hover{outline:1px solid #fff}
.az-account-btn{display:flex;flex-direction:column;align-items:flex-start;background:transparent;border:0;color:#fff;cursor:pointer;padding:6px 8px;border-radius:3px;line-height:1.2}
.az-account-btn:hover{outline:1px solid #fff}
.az-account-btn .small{display:block;font-size:11px;color:#ccc}
.az-account-btn .big{display:block;font-size:13px;font-weight:700;color:#fff}
.az-returns{text-decoration:none;padding:6px 8px;border-radius:3px}
.az-returns:hover{outline:1px solid #fff}
.az-returns .small{display:block;font-size:11px;color:#ccc}
.az-returns .big{display:block;font-size:13px;font-weight:700}

/* --- Cart --- */
.az-cart{display:flex;align-items:center;gap:4px;color:#fff;text-decoration:none;padding:6px 8px;border-radius:3px;font-size:13px}
.az-cart:hover{outline:1px solid #fff}
.az-cart-count{color:#f90;font-weight:700}
.az-cart-text{font-weight:700}

/* --- Inbox --- */
.az-inbox-btn{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;color:#fff;text-decoration:none}
.az-inbox-btn svg{width:24px;height:24px}
.msg-badge{display:none;position:absolute;top:2px;right:2px;min-width:16px;height:16px;background:#f90;border-radius:8px;font-size:10px;font-weight:700;color:#000;text-align:center;line-height:16px}
.msg-badge.has-unread{display:block}

/* --- Flyouts --- */
.az-flyout{display:none;position:absolute;top:100%;right:0;background:#fff;color:#111;border-radius:4px;box-shadow:0 4px 16px rgba(0,0,0,0.25);min-width:220px;padding:14px;z-index:100000}
.az-flyout.show{display:block}
.az-flyout.wide{min-width:400px;display:none}
.az-flyout.wide.show{display:flex;gap:20px}
.az-flyout a{display:block;color:#007185;text-decoration:none;padding:6px 8px;border-radius:4px;font-size:13px}
.az-flyout a:hover{background:#f3f3f3;text-decoration:underline;color:#c45500}
.az-flyout hr{border:0;border-top:1px solid #ddd;margin:10px 0}
.az-flyout .lang-item,.az-flyout label{display:flex;align-items:center;gap:8px;padding:8px;cursor:pointer;border-radius:4px;font-size:13px}
.az-flyout .lang-item:hover,.az-flyout label:hover{background:#f3f3f3}
.az-flyout input[type="radio"]{margin:0;accent-color:#007185}
.az-fly-col{flex:1;min-width:150px}
.az-fly-col h4{margin:0 0 10px;font-size:14px;font-weight:700;color:#111;padding:0 8px}
.az-fly-col a{display:block;color:#007185;text-decoration:none;padding:4px 0;font-size:13px}
.az-fly-col a:hover{text-decoration:underline;color:#c45500}
.az-shop-on{display:flex;align-items:center;gap:8px;padding:8px;font-size:13px;color:#111}
.az-cta{display:block;background:#ffd814;color:#111;text-align:center;padding:10px 16px;border-radius:8px;font-weight:600;text-decoration:none;margin-bottom:10px}
.az-cta:hover{background:#f7ca00}
.az-note{font-size:12px;color:#555;padding:0 8px}
.az-note a{display:inline;padding:0;color:#007185}
.az-acc-toplinks{display:flex;align-items:center;gap:8px;padding:8px;font-size:13px}
.az-acc-toplinks img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.az-toplink{color:#007185;text-decoration:none}
.az-toplink:hover{text-decoration:underline}
.az-topsep{color:#ccc}

/* --- Drawer --- */
.az-drawer{position:fixed;top:0;left:-100%;width:85%;max-width:360px;height:100%;background:#fff;color:#111;z-index:10001;transition:left 0.3s ease;display:flex;flex-direction:column}
.az-drawer.open{left:0}
.az-drawer-header{display:flex;align-items:center;padding:12px 16px;background:#232f3e;color:#fff}
.az-drawer-header .close{background:transparent;border:0;color:#fff;font-size:24px;cursor:pointer;margin-right:12px}
.az-drawer-header .title{flex:1;font-size:18px;font-weight:700}
.az-drawer-actions{margin-left:auto}
.az-drawer-user{display:flex;align-items:center;gap:6px;background:transparent;border:0;color:#fff;cursor:pointer;text-decoration:none}
.az-drawer-body{flex:1;overflow-y:auto;padding:0}
.az-section{border-bottom:1px solid #ddd;padding:12px 16px}
.az-section-title{font-weight:700;font-size:16px;margin-bottom:8px}
.az-section a{display:block;color:#111;text-decoration:none;padding:8px 0;font-size:14px}
.az-section a:hover{color:#c45500}

/* --- Backdrop --- */
.backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:1000;opacity:0;pointer-events:none;transition:opacity 0.3s}
.backdrop.show{opacity:1;pointer-events:auto}
body.no-scroll{overflow:hidden}
.modal{background-color:rgba(0,0,0,.8);position:fixed;top:0;right:0;bottom:0;left:0;transform:translateX(200%);pointer-events:none;transition:all 1s}

/* --- Mobile Sheets Backdrop --- */
.mz-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:9998}
.mz-backdrop.show{opacity:1;pointer-events:auto}

/* --- Location Sheet --- */
.mz-sheet{position:fixed;left:0;right:0;bottom:-100%;background:#fff;border-radius:12px 12px 0 0;box-shadow:0 -4px 20px rgba(0,0,0,.25);transition:bottom .35s cubic-bezier(.4,0,.2,1);z-index:9999;display:flex;flex-direction:column;max-height:80vh;overflow:visible}
.mz-sheet.show{bottom:0}
.mz-sheet-header{padding:14px 16px;border-bottom:1px solid #ddd}
.mz-sheet-title{font-weight:700;font-size:15px;color:#111}
.mz-sheet-body{flex:1;overflow-y:auto;padding:16px;font-size:14px;color:#222}
.mz-sheet-text{margin-bottom:12px;color:#333;line-height:1.4}
.mz-sheet-btn{display:block;width:100%;text-align:center;padding:10px 0;border-radius:999px;border:1px solid #ccc;background:#f2f2f2;color:#111;font-weight:600;margin-bottom:12px;text-decoration:none}
.mz-sheet-btn.yellow{background:#ffd814;border-color:#f0c400}
.mz-sheet-link{display:block;color:#007185;font-size:13px;text-decoration:none;padding:6px 0}
.mz-sheet-link:hover{text-decoration:underline}
.mz-sheet-footer{display:none}
.mz-sheet-done{display:none;position:absolute;right:12px;top:-24px;z-index:10001;background:transparent;border:0;box-shadow:none;padding:0;color:#fff;font-weight:800;font-size:12px;letter-spacing:.06em;line-height:1;cursor:pointer}
.mz-sheet.show .mz-sheet-done{display:inline-block}
@media (min-width:601px){.mz-sheet-done{display:none !important}}

/* --- Account Sheet --- */
.mz-acc{position:fixed;top:0;bottom:0;right:-100%;width:88%;max-width:420px;background:#fff;color:#111;z-index:10001;box-shadow:-4px 0 20px rgba(0,0,0,.25);transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}
.mz-acc.show{right:0}
.mz-acc-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #ddd}
.mz-acc-title{font-weight:700;font-size:15px}
.mz-acc-close{background:transparent;border:0;color:#007185;font-weight:800;letter-spacing:.06em;cursor:pointer}
.mz-acc-body{flex:1;overflow:auto;padding:12px 16px 18px}
.mz-acc-block{border-bottom:1px solid #eee;padding:12px 0}
.mz-acc-block:last-child{border-bottom:0}
.mz-acc-block-title{font-weight:700;font-size:14px;margin:0 0 8px;color:#111}
.mz-acc-link{display:block;color:#007185;text-decoration:none;padding:6px 0;font-size:14px}
.mz-acc-link:hover{text-decoration:underline}
.mz-acc-inline{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0}
.mz-acc-lang{display:flex;gap:8px}
.mz-acc-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #ccc;border-radius:999px;padding:6px 10px;color:#111;text-decoration:none;font-size:13px;background:#f7f7f7}
.mz-acc-pill:hover{background:#eee}

/* --- Footer Base --- */
.az-footer{background:#232f3e;color:#d5d9d9;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}
.az-ft-topbar{display:block;width:100%;background:#314256;color:#d5d9d9;border:0;padding:12px 0;font-size:12px;letter-spacing:.06em;cursor:pointer;text-align:center}
.az-ft-topbar:hover{background:#3a4e66}
.az-ft-caret{margin-right:8px}

/* --- Footer Brands Grid --- */
.az-ft-brands{background:#2c3642;color:#d5d9d9;display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:28px 36px;padding:28px 24px}
.az-ft-brands .brand{text-decoration:none;color:#d5d9d9}
.az-ft-brands .brand .t{font-weight:700;color:#fff;margin-bottom:6px}
.az-ft-brands .brand .s{font-size:13px;line-height:1.2;opacity:.9}
.az-ft-brands .brand:hover .t,.az-ft-brands .brand:hover .s{color:#fff;text-decoration:underline}

/* --- Footer Locale Bar --- */
.az-ft-locale{border-top:1px solid #3a4553;padding:16px 24px;display:flex;flex-wrap:wrap;gap:18px;justify-content:center;align-items:center;max-width:1200px;margin:0 auto}
.az-ft-locale .az-logo img{height:32px}

/* --- Footer Language Selector --- */
.ft-lang{position:relative}
.ft-lang-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid #8899aa;background:transparent;color:#d5d9d9;border-radius:4px;padding:6px 10px;cursor:pointer;font-size:13px}
.ft-lang-btn:hover{border-color:#fff;color:#fff}
.ft-flyout{position:absolute;bottom:110%;left:0;min-width:220px;background:#fff;color:#111;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.2);padding:10px;display:none;z-index:100}
.ft-flyout.show{display:block}
.ft-fly-title{font-size:12px;color:#666;margin:4px 6px 8px}
.ft-flyout a{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;color:#111;text-decoration:none}
.ft-flyout a:hover{background:#f3f3f3}

/* --- Footer Country Pill --- */
.az-ft-pill{display:inline-flex;align-items:center;gap:8px;color:#d5d9d9;border:1px solid #445364;border-radius:4px;font-size:13px;padding:6px 10px;text-decoration:none}
.az-ft-pill:hover{border-color:#fff;color:#fff}

/* --- Footer Legal Section --- */
.az-ft-legal{background:#131a22;color:#b7c3cc;text-align:center;padding:18px 12px 28px;font-size:12px}
.az-ft-cta-login{margin-bottom:10px}
.az-ft-cta-login a{color:#d5d9d9;text-decoration:none}
.az-ft-cta-login a:hover{color:#fff;text-decoration:underline}
.az-ft-legal-links{margin:10px 0 6px}
.az-ft-legal-links a{color:#b7c3cc;text-decoration:none;margin:0 10px}
.az-ft-legal-links a:hover{color:#fff;text-decoration:underline}
.az-ft-copy{opacity:.95}
.mz-only-inline{display:none}

/* --- Responsive Breakpoints --- */
@media (max-width:1100px){.az-cart .az-cart-text{display:none}.az-cart{gap:4px}}
@media (max-width:1024px){.az-ft-brands{grid-template-columns:repeat(2,minmax(200px,1fr))}}
@media (max-width:640px){.az-ft-brands{grid-template-columns:1fr}}
@media (max-width:600px){.az-header .az-row{flex-wrap:wrap;gap:8px;padding:8px}.az-search{order:10;flex-basis:100%;margin-top:4px}.az-header .az-sub{display:none !important}.az-logo{order:1}.mz-identify{order:2}.az-inbox-btn{order:3;width:32px;height:32px}.az-inbox-btn svg{width:20px;height:20px}.az-notify-btn{order:4}.az-cart{order:5;padding:4px}.az-hamburger{order:0}.az-ft-brands{display:none !important}.az-ft-locale{padding:16px 18px;gap:12px}.az-ft-legal{padding:18px 18px 22px}.az-ft-legal-links a{margin:0 4px}.mz-only-inline{display:inline;color:#b7c3cc}}

/* --- Popup Aplicacion móvil --- */
@media (max-width:768px){.app-promo-inline{position:relative;width:100%;display:flex;align-items:center;gap:10px;padding:8px 12px 8px 36px;background:#fff7df;border-bottom:1px solid #f0e3b8;box-shadow:0 0 0 1px rgba(0,0,0,.04);box-sizing:border-box;overflow:hidden}.app-promo__icon{width:28px;height:28px;flex:0 0 28px;border-radius:6px;overflow:hidden;border:1px solid #e8e1c2;background:#fff}.app-promo__icon img{width:100%;height:100%;object-fit:cover;display:block}.app-promo__text{display:flex;flex-direction:column;line-height:1.1;min-width:0}.app-promo__title{font-weight:700;color:#111;font-size:13px}.app-promo__subtitle{color:#333;font-size:12px;opacity:.95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-promo__cta{margin-left:auto;flex:0 0 auto;white-space:nowrap;background:#ffd814;color:#111;font-weight:700;font-size:12px;padding:7px 12px;border-radius:999px;text-decoration:none;border:1px solid #f0c400}.app-promo__cta:active{transform:translateY(1px)}.app-promo__close{position:absolute;left:8px;top:6px;width:22px;height:22px;line-height:22px;text-align:center;border-radius:50%;border:0;background:#fff;color:#333;cursor:pointer;box-shadow:0 0 0 1px #e8e1c2 inset}.app-promo__close:hover{background:#f7f2d8}}
@media (min-width:769px){.app-promo-inline{display:none !important}}

/* ============================================
   FIX: Priorizar barra de búsqueda en header
   Oculta "Entrega en / Deliver to" cuando no hay espacio
============================================ */

/* El contenedor "Entrega en / Deliver to" */
.az-deliver,
.az-location,
.deliver-to,
.az-returns
[class*="deliver"] {
    flex-shrink: 1;
}

/* Ocultar en pantallas medianas (< 900px) */
@media (max-width: 900px) {
    .az-deliver,
    .az-location,
    .deliver-to,
	.az-returns	{
        display: none !important;
    }
}

}

