/* TAQA STORE V226 — FINAL PC VISUAL LOCK
   Desktop-only safety layer. No storefront mobile/tablet changes. */
@media (min-width:1100px){
  :root{
    --v226-pc-width:1280px;
    --v226-accent:var(--taqa-accent,var(--taqa-green,var(--green,#2ce86f)));
    --v226-border:rgba(67,220,135,.18);
    --v226-border-soft:rgba(255,255,255,.075);
    --v226-surface:#07130d;
    --v226-text:#f4f7f5;
    --v226-muted:#9aa7a0;
  }

  /* Hard desktop lock: mobile chrome must never leak onto PC. */
  html body:not(.admin-page) .mobile-bottom-nav,
  html body:not(.admin-page) > .mobile-bottom-nav,
  html body:not(.admin-page) .v130-bottom-nav,
  html body:not(.admin-page) .bottom-nav{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  /* Exact 1100px boundary protection. Older max-width:1100px rules and
     desktop min-width:1100px rules previously overlapped at this pixel. */
  body[data-page="product"] #productDetail.product-detail,
  body.taqa-page-product #productDetail.product-detail{
    display:grid!important;
    grid-template-columns:minmax(360px,.95fr) minmax(0,1.2fr)!important;
    gap:24px!important;
    align-items:start!important;
  }
  body[data-page="cart"] .cart-page,
  body.taqa-page-cart .cart-page{
    display:grid!important;
    grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr)!important;
    gap:22px!important;
    align-items:start!important;
  }
  body[data-page="checkout"] .checkout-grid-v39,
  body.taqa-page-checkout .checkout-grid-v39{
    display:grid!important;
    grid-template-columns:minmax(0,1.32fr) minmax(360px,.68fr)!important;
    gap:22px!important;
    align-items:start!important;
  }

  /* Legal / public information pages: one consistent desktop composition. */
  body:is([data-page="terms"],[data-page="privacy"],[data-page="refund"],[data-page="about"],[data-page="contact"]) main.container{
    width:min(1120px,calc(100% - 48px))!important;
    max-width:1120px!important;
  }
  body:is([data-page="terms"],[data-page="privacy"],[data-page="refund"],[data-page="about"],[data-page="contact"]) .legal-page{
    max-width:1040px!important;
    margin:18px auto 54px!important;
    padding:32px 34px 30px!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,rgba(8,24,15,.96),rgba(4,13,8,.98))!important;
    border:1px solid var(--v226-border)!important;
    box-shadow:0 18px 44px rgba(0,0,0,.22)!important;
  }
  body:is([data-page="terms"],[data-page="privacy"],[data-page="refund"],[data-page="about"],[data-page="contact"]) .legal-page>h1{
    margin:0 0 8px!important;
    font-size:clamp(32px,3vw,40px)!important;
    line-height:1.25!important;
    color:var(--v226-text)!important;
  }
  body:is([data-page="terms"],[data-page="privacy"],[data-page="refund"],[data-page="about"],[data-page="contact"]) .legal-page>p{
    max-width:800px!important;
    margin:0!important;
    color:#c1cec6!important;
    font-size:15px!important;
    line-height:1.9!important;
  }
  body:is([data-page="terms"],[data-page="privacy"],[data-page="refund"],[data-page="about"],[data-page="contact"]) .legal-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
    margin:22px 0 0!important;
    align-items:stretch!important;
  }
  body:is([data-page="terms"],[data-page="privacy"],[data-page="refund"],[data-page="about"],[data-page="contact"]) .legal-grid>div{
    min-width:0!important;
    min-height:190px!important;
    padding:19px!important;
    border-radius:14px!important;
    background:rgba(2,10,6,.58)!important;
    border:1px solid rgba(255,255,255,.075)!important;
    box-shadow:none!important;
  }
  body:is([data-page="terms"],[data-page="privacy"],[data-page="refund"],[data-page="about"],[data-page="contact"]) .legal-grid h3{
    margin:0 0 9px!important;
    color:#eaf4ed!important;
    font-size:18px!important;
    line-height:1.4!important;
  }
  body:is([data-page="terms"],[data-page="privacy"],[data-page="refund"],[data-page="about"],[data-page="contact"]) .legal-grid p{
    margin:0!important;
    color:#aebbb3!important;
    font-size:13.5px!important;
    line-height:1.9!important;
  }

  /* CTA normalization: remove the old neon bloom that can wash out text. */
  body:is([data-page="terms"],[data-page="privacy"],[data-page="refund"],[data-page="about"],[data-page="contact"]) .legal-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    flex-wrap:wrap!important;
    margin-top:22px!important;
  }
  body:is([data-page="terms"],[data-page="privacy"],[data-page="refund"],[data-page="about"],[data-page="contact"]) .legal-actions .cta,
  body:is([data-page="terms"],[data-page="privacy"],[data-page="refund"],[data-page="about"],[data-page="contact"]) .legal-actions .outline-btn{
    width:auto!important;
    min-width:158px!important;
    min-height:44px!important;
    height:44px!important;
    padding:0 18px!important;
    border-radius:11px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1!important;
    text-decoration:none!important;
    text-shadow:none!important;
    filter:none!important;
    transform:none!important;
  }
  body:is([data-page="terms"],[data-page="privacy"],[data-page="refund"],[data-page="about"],[data-page="contact"]) .legal-actions .cta{
    color:#021208!important;
    background:linear-gradient(180deg,#35e978,#20cc63)!important;
    border:1px solid rgba(96,255,157,.48)!important;
    box-shadow:0 8px 22px rgba(32,204,99,.12)!important;
  }
  body:is([data-page="terms"],[data-page="privacy"],[data-page="refund"],[data-page="about"],[data-page="contact"]) .legal-actions .cta:hover{
    background:linear-gradient(180deg,#42ee82,#27d56a)!important;
    box-shadow:0 10px 24px rgba(32,204,99,.16)!important;
    transform:translateY(-1px)!important;
  }
  body:is([data-page="terms"],[data-page="privacy"],[data-page="refund"],[data-page="about"],[data-page="contact"]) .legal-actions .outline-btn{
    color:#e8f2ec!important;
    background:rgba(255,255,255,.025)!important;
    border:1px solid rgba(255,255,255,.13)!important;
    box-shadow:none!important;
  }
  body:is([data-page="terms"],[data-page="privacy"],[data-page="refund"],[data-page="about"],[data-page="contact"]) .legal-actions .outline-btn:hover{
    color:var(--v226-accent)!important;
    border-color:rgba(67,220,135,.34)!important;
    background:rgba(67,220,135,.045)!important;
  }

  /* New static public pages use the same calmer PC rhythm. */
  body:is([data-page="delivery-policy"],[data-page="payment-policy"],[data-page="faq"],[data-page="how-to-order"]) .v128-static-main{
    width:min(1040px,calc(100% - 48px))!important;
    max-width:1040px!important;
    padding-top:28px!important;
    padding-bottom:58px!important;
  }
  body:is([data-page="delivery-policy"],[data-page="payment-policy"],[data-page="faq"],[data-page="how-to-order"]) .v128-page-hero{
    padding:24px 0 22px!important;
    margin:0 0 18px!important;
  }
  body:is([data-page="delivery-policy"],[data-page="payment-policy"],[data-page="faq"],[data-page="how-to-order"]) .v128-card{
    border-radius:15px!important;
    border-color:var(--v226-border-soft)!important;
    box-shadow:none!important;
  }

  /* Footer / floating support separation. The extra footer breathing room keeps
     fixed support controls away from legal/copyright content at the bottom. */
  .taqa-site-footer-v203{
    padding-bottom:78px!important;
  }
  .taqa-whatsapp-float{
    left:28px!important;
    bottom:28px!important;
    width:54px!important;
    height:54px!important;
    box-shadow:0 10px 26px rgba(37,211,102,.20)!important;
  }
  .taqa-support-trigger{
    right:28px!important;
    bottom:28px!important;
    min-height:46px!important;
    box-shadow:0 10px 26px rgba(0,0,0,.20)!important;
  }
  .taqa-support-sheet{
    right:28px!important;
    bottom:88px!important;
    width:360px!important;
    max-height:min(520px,70vh)!important;
  }

  /* Keep page-end spacing consistent and avoid oversized empty tails. */
  body:not(.admin-page) main#mainContent{
    min-height:0!important;
  }
  body:is([data-page="terms"],[data-page="privacy"],[data-page="refund"],[data-page="about"],[data-page="contact"],[data-page="delivery-policy"],[data-page="payment-policy"],[data-page="faq"],[data-page="how-to-order"]) .footer,
  body:is([data-page="terms"],[data-page="privacy"],[data-page="refund"],[data-page="about"],[data-page="contact"],[data-page="delivery-policy"],[data-page="payment-policy"],[data-page="faq"],[data-page="how-to-order"]) footer.footer{
    margin-top:36px!important;
  }
}

/* Narrow PC/laptop window polish without crossing into tablet/mobile. */
@media (min-width:1100px) and (max-width:1240px){
  body:is([data-page="terms"],[data-page="privacy"],[data-page="refund"],[data-page="about"],[data-page="contact"]) main.container,
  body:is([data-page="delivery-policy"],[data-page="payment-policy"],[data-page="faq"],[data-page="how-to-order"]) .v128-static-main{
    width:calc(100% - 40px)!important;
  }
  body:is([data-page="terms"],[data-page="privacy"],[data-page="refund"],[data-page="about"],[data-page="contact"]) .legal-page{
    padding-inline:28px!important;
  }
}