/* Stage 11 — bilingual package choices + mobile readability. UI only. */
.product-name-en,
.product-name-ar{display:block;width:100%;text-align:center}
.product-name-en{font-family:Georgia,"Times New Roman",serif}
.product-name-ar{font-family:Arial,"Segoe UI",Tahoma,sans-serif;margin-top:5px;font-size:.92em;line-height:1.35;color:#5f5852;font-weight:700;text-align:center}

/* Keep English and Arabic on separate rows inside choice cards. */
.picker-option>strong[data-bilingualised="1"]{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:100%;
  text-align:center;
}

@media(max-width:600px){
  .wizard-brandline{font-size:10px}
  .wizard-event p{font-size:11px}
  .wizard-event strong{font-size:25px}
  .wizard-event>span{font-size:27px}
  .wizard-event>span small{font-size:10px}

  .progress-step{gap:8px;padding:11px 8px}
  .progress-step span{width:22px;height:22px;font-size:10px}
  .progress-step b{font-size:10px;letter-spacing:.045em}

  .wizard-content{padding:28px 18px 36px}
  .wizard-content .step{font-size:12px}
  .wizard-content h2{font-size:40px;line-height:1.02}
  .wizard-lead{font-size:14px;line-height:1.6}

  .choice-card-top b{font-size:24px}
  .choice-card-top small{font-size:11px}
  .choice-card-top em{font-size:11px}
  .choice-card-summary{font-size:12px}
  .choice-card-summary small{font-size:11px}
  .choice-card-action{font-size:10px}

  .mini-review>div:not(.review-selections){font-size:13px}
  .review-selections summary{font-size:11px}
  .review-selections div span{font-size:10px}
  .review-selections div strong{font-size:12px}

  .detail-form label{font-size:13px}
  .detail-form label small{font-size:11px}
  .input,textarea.input{font-size:16px;padding:14px}
  .stage3-field-help{font-size:11px!important;line-height:1.55}
  .allergy-disclosure summary{font-size:12px}
  .allergy-disclosure p{font-size:12px}
  .pay-heading span{font-size:12px}
  .pay-heading strong{font-size:32px}
  .payment-choice-note{font-size:13px}
  .payment-card strong{font-size:15px}
  .payment-card span{font-size:13px}
  .terms{font-size:13px;line-height:1.5}
  .error{font-size:13px;line-height:1.45}

  .wizard-footer{min-height:78px;padding:12px 14px calc(12px + env(safe-area-inset-bottom))}
  .wizard-footer span{font-size:10px}
  .wizard-footer strong{font-size:23px}
  .wizard-footer-status strong{font-size:20px}
  .wizard-next,.wizard-back{min-height:50px;font-size:11px}
  .wizard-next{min-width:126px}

  .picker-head{padding:14px}
  .picker-back{height:44px}
  .picker-back span{font-size:20px}
  .picker-back b{font-size:9px}
  .picker-head>div span{font-size:9px}
  .picker-head>div strong{font-size:24px}
  .picker-head em{font-size:11px;padding:8px 9px}

  .drink-tabs{padding:9px 12px}
  .drink-tabs button{min-height:44px;font-size:12px}

  .picker-body{padding:12px 12px 26px}
  .picker-option{min-height:154px;padding:15px 12px}
  .picker-option>strong{font-size:18px;line-height:1.24;text-align:center}
  .picker-option>strong[data-bilingualised="1"]{gap:6px}
  .product-name-en{font-size:18px;line-height:1.25;color:var(--black);font-weight:500}
  .product-name-ar{font-size:18px;line-height:1.35;margin-top:0;color:#4f4843;font-weight:700}
  .picker-option .counter{height:42px}
  .picker-option .counter button{width:40px;min-width:40px;font-size:24px}
  .picker-option .counter span{font-size:17px}
  .all-guests{font-size:9px}

  .picker-footer{padding:12px 14px calc(12px + env(safe-area-inset-bottom))}
  .picker-footer span{font-size:10px}
  .picker-footer strong{font-size:24px}
  .picker-footer button{min-height:50px;font-size:11px;min-width:156px}

  /* Package cards on the public page: stronger mobile hierarchy. */
  .package{padding:34px 22px 24px}
  .package-name{font-size:36px;line-height:1.05;padding-right:0}
  .package.featured .package-name{padding-top:18px}
  .package .popular{font-size:10px;line-height:1.2;padding:7px 9px;letter-spacing:.10em}
  .price{font-size:44px;margin-top:10px}
  .price small{font-size:12px}
  .tagline{font-size:15px;line-height:1.55;margin:9px 0 20px}
  .package ul{padding-top:18px}
  .package li{font-size:16px;line-height:1.45;padding:6px 0}
  .package li:before{margin-right:10px}

  /* Larger visible tap target for choosing a package. */
  .choose{min-height:70px;margin-top:24px;font-size:15px;letter-spacing:.065em;padding:0 18px}

  /* Clearer bottom action cards: stronger contrast and readable labels. */
  .footer-action-grid{gap:9px}
  .footer-action-grid a{
    min-height:64px;
    padding:11px 14px;
    background:#53131C;
    border:1px solid #C6A15B;
    color:#FAF6F0;
    box-shadow:none;
  }
  .footer-action-grid a.featured{
    background:#C6A15B;
    border-color:#D9BE7A;
    color:#0F0F10;
  }
  .footer-action-grid span{
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    font-size:14px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.01em;
  }
  .footer-action-grid small{
    display:block;
    margin-top:4px;
    font-size:10px;
    line-height:1.25;
    letter-spacing:.02em;
    text-transform:none;
    color:#E7D9D0;
  }
  .footer-action-grid a.featured small{color:#3B2C16}
}

@media(max-width:430px){
  .picker-head{grid-template-columns:118px minmax(0,1fr) auto}
  .picker-back b{font-size:8px}
  .picker-head>div strong{font-size:21px}
  .picker-head em{font-size:10px}
  .progress-step b{font-size:9px}
  .wizard-content h2{font-size:38px}
  .package-name{font-size:34px}
  .tagline{font-size:14px}
  .package li{font-size:16px}
  .choose{min-height:68px;font-size:14px}
  .footer-action-grid a{min-height:62px}
  .footer-action-grid span{font-size:13px}
  .footer-action-grid small{font-size:9.5px}
}


/* Stage 12 — mobile primary actions: larger type, full-height tap targets, stronger contrast */
@media(max-width:759px){
  .packages .package .choose,
  .packages .package .locked-choice{
    min-height:78px!important;
    margin-top:26px!important;
    padding:0 20px!important;
    font-size:17px!important;
    line-height:1.2!important;
    font-weight:900!important;
    letter-spacing:.045em!important;
    border-width:2px!important;
  }

  .footer-action-grid[data-stage5="1"]{
    gap:10px!important;
  }
  .footer-action-grid[data-stage5="1"] a{
    min-height:72px!important;
    padding:12px 14px!important;
    justify-content:center!important;
    color:#FAF6F0!important;
  }
  .footer-action-grid[data-stage5="1"] span{
    display:block!important;
    color:inherit!important;
    font-size:17px!important;
    line-height:1.15!important;
    font-weight:850!important;
    letter-spacing:0!important;
  }
  .footer-action-grid[data-stage5="1"] small{
    display:none!important;
  }
  .footer-action-grid[data-stage5="1"] .stage5-private-featured{
    background:#C6A15B!important;
    border-color:#D9BE7A!important;
    color:#0F0F10!important;
  }
  .footer-action-grid[data-stage5="1"] .stage5-private-featured span{
    color:#0F0F10!important;
  }
  .footer-action-grid[data-stage5="1"] .stage5-whatsapp{
    background:#0F0F10!important;
    border-color:#C6A15B!important;
    color:#C6A15B!important;
  }
  .footer-action-grid[data-stage5="1"] .stage5-whatsapp span{
    color:#C6A15B!important;
  }
}

@media(max-width:390px){
  .packages .package .choose,
  .packages .package .locked-choice{
    min-height:74px!important;
    font-size:16px!important;
  }
  .footer-action-grid[data-stage5="1"] a{
    min-height:68px!important;
    padding:11px 12px!important;
  }
  .footer-action-grid[data-stage5="1"] span{
    font-size:16px!important;
  }
}