/* Arabic product purchase UI, inline native WooCommerce checkout, and robust mobile description. */
.single-product-main, .matjar-single, .single-top-grid, .single-extra, .single-summary,
.single-gallery, .woocommerce-tabs, .woocommerce-tabs .panel,
.woocommerce-Tabs-panel { min-width:0; max-width:100%; }
.matjar-single .woocommerce-tabs { width:100%; overflow:visible; }
.matjar-single .woocommerce-tabs .panel, .matjar-single .woocommerce-tabs .panel > div,
.matjar-single .woocommerce-tabs .panel p, .matjar-single .woocommerce-tabs .panel ul,
.matjar-single .woocommerce-tabs .panel ol { max-width:100%; min-width:0; overflow-wrap:anywhere; }
.matjar-single .woocommerce-tabs .panel img, .matjar-single .woocommerce-tabs .panel iframe,
.matjar-single .woocommerce-tabs .panel video { max-width:100%!important; height:auto!important; }
.matjar-single .woocommerce-tabs .panel table { width:100%!important; max-width:100%!important; table-layout:fixed; border-collapse:collapse; }
.matjar-single .woocommerce-tabs .panel table th,
.matjar-single .woocommerce-tabs .panel table td { white-space:normal!important; overflow-wrap:anywhere; word-break:normal; max-width:50%; padding:9px 7px; vertical-align:top; }
.matjar-single .woocommerce-tabs .panel pre, .matjar-single .woocommerce-tabs .panel code { max-width:100%; overflow-x:auto; white-space:pre-wrap; overflow-wrap:anywhere; }
.matjar-order-panel { margin-top:18px; border-radius:22px; background:#f6f7fa; padding:20px; border:1px solid var(--line); }
.matjar-offer-intro { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:22px; }
.matjar-offer-intro h2 { font-size:21px; font-weight:800; margin:0 0 3px; }
.matjar-offer-intro p { font-size:12px; color:var(--muted); margin:0; }
.matjar-offer-mark { flex:0 0 48px; width:48px; height:48px; border-radius:16px; display:grid; place-items:center; background:var(--ink); color:#fff; font-size:25px; order:2; }
.matjar-offer-options { display:flex; flex-direction:column; gap:14px; }
.matjar-offer-choice { position:relative; display:flex; align-items:center; gap:13px; cursor:pointer; padding:19px 14px; min-height:76px; border:2px solid transparent; border-radius:15px; background:#fff; transition:border-color .18s,box-shadow .18s; }
.matjar-offer-choice:has(input:checked) { border-color:var(--orange); box-shadow:0 1px 0 #c2410c10; }
.matjar-offer-choice:focus-within { outline:3px solid #edbf8c; outline-offset:2px; }
.matjar-offer-choice input[type=radio] { accent-color:var(--orange); inline-size:18px; block-size:18px; margin:0; flex:0 0 18px; }
.matjar-offer-choice .matjar-choice-content { flex:1; text-align:center; min-width:0; display:flex; flex-direction:column; gap:4px; align-items:center; }
.matjar-offer-choice strong { font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
.matjar-offer-price { font-size:12px; color:var(--orange); font-weight:800; }
.matjar-offer-badge { position:absolute; left:50%; top:-12px; transform:translateX(-50%); background:var(--ink); color:#fff; font-size:10px; font-weight:700; border-radius:7px; padding:2px 12px; white-space:nowrap; max-width:95%; overflow:hidden; text-overflow:ellipsis; }
.matjar-offer-choice.is-unavailable { opacity:.5; cursor:not-allowed; }
.matjar-purchase-quantity { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:15px; }
.matjar-purchase-quantity label { font-weight:700; }
.matjar-purchase-quantity input { border:1px solid var(--line); border-radius:10px; background:#fff; text-align:center; width:95px; padding:9px; }
.matjar-main-buy { display:block; width:100%; min-height:48px; margin-top:19px; padding:10px 15px; background:#000; color:#fff; border:0; border-radius:999px; font-size:15px; font-weight:800; text-align:center; }
.matjar-main-buy:hover { background:var(--orange); }
.matjar-related { padding:22px 0 5px; clear:both; }
.matjar-related h2 { font-size:clamp(21px,2.6vw,27px); margin:0 0 19px; }
.matjar-related-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.matjar-inline-checkout { margin:26px 0; padding:clamp(16px,3vw,32px); background:#fff; border:1px solid var(--line); border-radius:20px; min-width:0; }
.matjar-inline-checkout h2 { font-size:25px; margin-bottom:7px; }
.matjar-inline-checkout > p { color:var(--muted); font-size:13px; margin-bottom:18px; }
.matjar-inline-checkout .woocommerce-checkout { max-width:100%; }
.matjar-inline-checkout .woocommerce-checkout .col2-set { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.matjar-inline-checkout .woocommerce-checkout .col2-set > .col-1,
.matjar-inline-checkout .woocommerce-checkout .col2-set > .col-2 { width:100%; float:none; min-width:0; }
.matjar-inline-checkout .woocommerce-checkout #order_review { max-width:100%; }
.matjar-inline-checkout .woocommerce table.shop_table { display:table; width:100%; }
@media(max-width:1050px) { .matjar-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));} }
@media(max-width:760px) {
  .single-product-main { width:calc(100% - 24px)!important; padding-bottom:100px; }
  .single-extra, .matjar-inline-checkout, .matjar-single { min-width:0; width:100%; }
  .single-extra .woocommerce-tabs, .matjar-single .woocommerce-tabs { box-sizing:border-box; padding:14px!important; }
  .matjar-single .woocommerce-tabs .panel h1, .matjar-single .woocommerce-tabs .panel h2, .matjar-single .woocommerce-tabs .panel h3 { max-width:100%; overflow-wrap:anywhere; }
  .matjar-single .woocommerce-tabs .panel table th, .matjar-single .woocommerce-tabs .panel table td { font-size:11px; padding:7px 4px; }
  .matjar-order-panel { padding:14px; margin-top:16px; }
  .matjar-offer-intro h2 { font-size:18px; }
  .matjar-offer-choice { padding:13px 10px; }
  .matjar-offer-choice strong { font-size:12px; }
  .matjar-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .matjar-inline-checkout { padding:14px; }
  .matjar-inline-checkout .woocommerce-checkout .col2-set { display:block; }
  .matjar-inline-checkout .woocommerce-checkout .col2-set > .col-1, .matjar-inline-checkout .woocommerce-checkout .col2-set > .col-2 { width:100%; float:none; }
  .matjar-inline-checkout .woocommerce form .form-row-first, .matjar-inline-checkout .woocommerce form .form-row-last { width:100%; float:none; }
  .matjar-inline-checkout .woocommerce table.shop_table { display:block; width:100%; overflow-x:auto; }
  .mobile-purchase-bar.matjar-only-buy { justify-content:stretch; padding:9px 15px max(9px,env(safe-area-inset-bottom)); }
  .mobile-purchase-bar.matjar-only-buy .btn { max-width:none; width:100%; flex:1; border-radius:999px; font-weight:800; font-size:14px; color:#fff; background:#000; border:0; }
  .mobile-purchase-bar.matjar-only-buy .btn:hover { background:var(--orange); }
}

@media(max-width:760px) { body:has(.matjar-inline-checkout) .mobile-purchase-bar { display:none; } }
