/* ============================================================
 * TIENDA AL ARZ — diseño simple y legible (2026-11-06)
 * Pensado para clientes de todas las edades: letra grande, contraste,
 * botones con texto y promociones arriba.
 * ============================================================ */
#alarz-shop{font-family:Onest,Arial,sans-serif}
.af-topbar{display:none!important}
.af-closed-banner{background:#fff4e0!important;color:#6b4a0f!important;font-size:15px!important;padding:12px 16px!important;border-bottom:1px solid #f0dcb2}
.af-nav-inner{height:68px!important}
.af-logo{width:88px!important}
.af-nav-branch{font-size:13px!important;letter-spacing:.04em!important}

/* Portada compacta */
.af-hero-wrap{margin-top:16px!important}
.af-hero{min-height:280px!important;border-radius:20px!important}
.af-hero-decoration{display:none}
.af-hero-content{padding:36px 40px!important;max-width:620px!important}
.af-kicker{font-size:12px!important;letter-spacing:.14em!important}
.af-hero h1{font-size:clamp(38px,5vw,60px)!important;line-height:.95!important;margin:10px 0 12px!important}
.af-hero p{font-size:16px!important;line-height:1.6!important;color:rgba(255,255,255,.88)!important}
.af-actions{margin-top:20px!important;gap:10px!important}
.af-primary,.af-secondary{font-size:16px!important;padding:14px 22px!important;border-radius:12px!important;min-height:52px;letter-spacing:0!important;text-transform:none!important}
.af-hero-content>small{display:none!important}
body.af-has-promostrip #promos{display:none!important}

/* Franja de promociones */
.af-ps{margin-top:26px}
.af-ps-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}
.af-ps-head h2{margin:0;color:#10341e;font:700 26px/1.1 Onest,Arial,sans-serif}
.af-ps-head p{margin:4px 0 0;color:#5f665f;font-size:15px}
.af-ps-arrows{display:flex;gap:8px}
.af-ps-arrows button{width:46px;height:46px;border-radius:50%;border:1.5px solid #cfd5d1;background:#fff;color:#10341e;font-size:26px;line-height:1;cursor:pointer}
.af-ps-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,300px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 14px;scrollbar-width:thin}
.af-pc{scroll-snap-align:start;background:#fff;border:1px solid #e6e0d2;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;box-shadow:0 6px 20px rgba(16,52,30,.06)}
.af-pc-img{height:170px;background:#efe9db center/cover no-repeat}
.af-pc-noimg{background:linear-gradient(135deg,#10341e,#2f6b45)}
.af-pc-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.af-pc-body h3{margin:0;color:#10341e;font:700 18px/1.25 Onest,Arial,sans-serif}
.af-pc-body p{margin:0;color:#5f665f;font-size:14px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.af-pc-foot{margin-top:auto;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.af-pc-foot b{font:700 20px Onest,Arial,sans-serif;color:#10341e;background:none!important;width:auto!important;height:auto!important}
.af-pc-foot button{background:#c2a359;color:#10341e;border:0;border-radius:12px;padding:12px 18px;font:700 16px Onest,Arial,sans-serif;cursor:pointer;min-height:48px}

/* Encabezado del menú */
.af-shop{margin-top:34px!important}
.af-shop-head h2{font:700 30px/1.15 Onest,Arial,sans-serif!important;color:#10341e}
.af-shop-head p{font-size:15px!important}
.af-shop-head .af-kicker{display:none}
#af-branch-switch{font-size:16px!important;min-height:48px;border-radius:12px!important;padding:0 14px!important}
.af-cart-open{font-size:15px!important;min-height:48px;border-radius:12px!important;padding:0 18px!important;text-transform:none!important;letter-spacing:0!important}

/* Categorías fijas al bajar */
.af-categories{position:sticky;top:68px;z-index:25;background:#fffdf8;padding:12px 0!important;margin:0!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:8px!important;scrollbar-width:none;border-bottom:1px solid rgba(16,52,30,.06)}
.af-categories::-webkit-scrollbar{display:none}
.af-cat{font-size:14px!important;padding:11px 18px!important;letter-spacing:.02em!important;white-space:nowrap;flex:none;min-height:44px}
.af-search-row{grid-template-columns:1fr!important;margin:14px 0 24px!important}
#af-category-select{display:none!important}
.af-search{min-height:54px!important;border-radius:12px!important;border:1.5px solid #cfd5d1!important}
.af-search input{font-size:17px!important}

/* Secciones y productos */
.af-section{margin-top:26px!important;scroll-margin-top:140px}
.af-section-head h3{font:700 22px Onest,Arial,sans-serif!important;color:#10341e;letter-spacing:0!important;text-transform:none!important}
.af-grid{gap:14px!important}
.af-product{position:relative;grid-template-columns:120px 1fr!important;border-radius:16px!important;min-height:150px}
.af-product img,.af-product-img{width:120px!important;min-height:150px!important}
.af-product-copy{padding:14px 14px 70px!important;gap:5px!important}
.af-product-cat{display:none!important}
.af-product-name{font:700 17px/1.25 Onest,Arial,sans-serif!important;color:#10341e!important}
.af-product-desc{font-size:14px!important;-webkit-line-clamp:3!important}
.af-product-price{position:absolute;left:134px;bottom:18px;font:700 18px Onest,Arial,sans-serif!important;margin:0!important;padding:0!important}
.af-add{position:absolute!important;right:12px;bottom:12px;width:auto!important;min-height:46px!important;height:46px;padding:0 18px!important;border-radius:12px!important;background:#10341e!important;color:#fff!important;font:700 15px Onest,Arial,sans-serif!important}
.af-add-disabled{background:#e6e0d2!important;color:#7d857e!important;display:flex;align-items:center;font-size:13px!important}

@media (max-width:860px){
  .af-hero{min-height:230px!important}
  .af-hero-content{padding:24px 22px!important}
  .af-hero h1{font-size:36px!important}
  .af-ps-arrows{display:none}
  .af-ps-track{grid-auto-columns:78%}
  .af-shop-head{flex-direction:column;align-items:stretch!important;gap:12px}
  .af-head-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
  .af-categories{top:68px}
  .af-product{grid-template-columns:104px 1fr!important}
  .af-product img,.af-product-img{width:104px!important}
  .af-product-price{left:118px}
}

/* Productos sin foto: tarjeta de marca (logo + trama dorada suave) */
.af-noimg,.af-pc-noimg,.af-detail-noimg{
  background:url('https://www.sevenlabagencia.com/wp-content/uploads/2026/05/Logo-Al-Arz-02.png') center/62% auto no-repeat,
             repeating-linear-gradient(45deg,rgba(194,163,89,.13) 0 1px,transparent 1px 12px),
             linear-gradient(160deg,#fbf6ea,#f1e7d1)!important;
  box-shadow:inset 0 0 0 1px rgba(194,163,89,.25)}
.af-pc-noimg{background-size:46% auto,auto,auto!important}
.af-detail-noimg{min-height:280px;border-radius:16px;background-size:48% auto,auto,auto!important}
.af-product .af-noimg{min-height:150px}

/* Barra de categorías v2 */
.af-categories{background:#f5f1e8!important;border-bottom:0!important;padding:12px 0!important;
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 48px),transparent);
  scroll-padding-left:0}
.af-categories::after{content:'';flex:none;width:40px}
.af-cat{display:inline-block!important;text-transform:lowercase!important;font:600 15px/1 Onest,Arial,sans-serif!important;letter-spacing:0!important;
  padding:13px 20px!important;border-radius:999px!important;border:1.5px solid #ddd5c3!important;background:#fff!important;color:#10341e!important;
  box-shadow:0 1px 2px rgba(16,52,30,.05);transition:.15s}
.af-cat::first-letter{text-transform:uppercase}
.af-cat:hover{border-color:#10341e!important}
.af-cat.active{background:#10341e!important;color:#fff!important;border-color:#10341e!important;box-shadow:0 4px 12px rgba(16,52,30,.18)}
.af-cat-closed{opacity:.45}
.af-search{grid-template-columns:52px 1fr!important;background:#fff!important}
.af-search span{font-size:0!important;border-right:0!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310341e' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/20px no-repeat}
.af-search input::placeholder{color:#8a918b}


/* 2026-11-14: precio dentro del modal de producto + datos bancarios */
.af-detail .af-product-price{position:static!important;left:auto!important;bottom:auto!important;display:block;margin:14px 0 6px!important;font:700 26px/1.1 Onest,Arial,sans-serif!important;color:#10341e!important}
.af-bank-rule{margin-top:10px;padding:10px 12px;background:#fff;border:1px dashed #c5a15b;border-radius:8px;font-size:13px;line-height:1.5;color:#22251f}
.af-proof-bank .af-pb-title{font-size:11px!important;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#10341e!important}
.af-pb-holder{font-weight:700;color:#10341e;margin:4px 0 6px;font-size:14px}
.af-pb-row{margin-top:8px}
.af-proof-bank .af-pb-row small{font-size:12px!important;color:#22251f!important;font-weight:600}