/* TestFlight presentation layer. Enabled only on iOS or explicit local preview. */
@font-face{font-family:TWArabic;src:url('fonts/Alexandria-Variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
html[data-tw-sport="true"]{
  --sport-font-scale:1;--sport-native-dock:64px;
  --bg:#101114;--surface:#1a1c20;--surface-2:#22252b;--surface-3:#2b2e35;
  --ink:#f5f5f7;--text:#f5f5f7;--ink-2:#d5d6db;--text-2:#d5d6db;--mut:#a4a7b0;--muted:#a4a7b0;
  --line:rgba(238,241,248,.12);--border:rgba(238,241,248,.12);--border-strong:rgba(238,241,248,.22);
  --brand-fill:#d41431;--brand-text:#ff667b;--brand-soft:rgba(222,36,66,.14);--accent:#d41431;--accent-soft:rgba(222,36,66,.14);
  --nav:rgba(28,30,35,.82);--v2-shadow-soft:0 6px 22px rgba(0,0,0,.14);--v2-page-width:1060px;
}
html[data-tw-sport="true"][data-theme="light"]{
  --bg:#f4f5f7;--surface:#fff;--surface-2:#eceef2;--surface-3:#e1e4ea;
  --ink:#1b1e24;--text:#1b1e24;--ink-2:#454b56;--text-2:#454b56;--mut:#626a77;--muted:#626a77;
  --line:rgba(25,35,51,.11);--border:rgba(25,35,51,.11);--border-strong:rgba(25,35,51,.21);
  --brand-fill:#c8102e;--brand-text:#b30d28;--brand-soft:rgba(200,16,46,.08);--accent:#c8102e;--accent-soft:rgba(200,16,46,.08);
  --nav:rgba(255,255,255,.86);--v2-shadow-soft:0 6px 20px rgba(28,35,48,.05);
}
html[data-tw-sport="true"] body,html[data-tw-sport="true"] .phone{background:var(--bg)!important;color:var(--text);font:400 calc(16px * var(--sport-font-scale))/1.65 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;-webkit-text-size-adjust:100%}
html[data-tw-sport="true"][lang="ar"] body,html[data-tw-sport="true"][lang="ar"] .phone,html[data-tw-sport="true"][lang="ar"] button,html[data-tw-sport="true"][lang="ar"] input,html[data-tw-sport="true"][lang="ar"] select,html[data-tw-sport="true"][lang="ar"] textarea{font-family:TWArabic,-apple-system,sans-serif!important}
html[data-tw-sport="true"][lang="en"] button,html[data-tw-sport="true"][lang="en"] input,html[data-tw-sport="true"][lang="en"] select,html[data-tw-sport="true"][lang="en"] textarea{font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif!important}
html[data-tw-sport="true"] button{font-size:calc(14px * var(--sport-font-scale));touch-action:manipulation}
html[data-tw-sport="true"] input,html[data-tw-sport="true"] select,html[data-tw-sport="true"] textarea{font-size:calc(16px * var(--sport-font-scale))!important}
html[data-tw-sport="true"] .scroll{padding-top:18px!important;padding-bottom:calc(var(--sport-native-dock) + var(--tw-safe-bottom) + 30px)!important}
html[data-tw-sport="true"][data-native-shell="true"] .topbar{height:var(--sport-native-header)!important;min-height:var(--sport-native-header)!important;padding:0!important;visibility:hidden;flex:none}
html[data-tw-sport="true"][data-native-shell="true"] #nav{visibility:hidden!important;pointer-events:none!important}
html[data-tw-sport="true"] .topbar{border:0!important;background:transparent!important}
html[data-tw-sport="true"] .topbar-inner{gap:12px}
html[data-tw-sport="true"] .topbar-actions{gap:4px!important}
html[data-tw-sport="true"] .iconbtn{width:38px!important;height:44px!important;border-radius:14px!important}
html[data-tw-sport="true"] .topbar #countryBtn{display:none!important}
html[data-tw-sport="true"] .brand-main-line strong{font-size:21px!important}
html[data-tw-sport="true"] #nav{box-shadow:0 8px 32px rgba(0,0,0,.14)!important;backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%);border-radius:27px!important}
html[data-tw-sport="true"][data-experience="v2-reboot"] #nav{max-width:480px!important;height:64px!important;min-height:64px!important;padding:4px!important}
html[data-tw-sport="true"][data-experience="v2-reboot"] #nav button{height:54px!important;min-height:54px!important;gap:3px!important}
html[data-tw-sport="true"][data-experience="v2-reboot"] #nav button span[data-t]{font-size:10.5px!important}
html[data-tw-sport="true"][data-sport-opaque="true"] #nav{background:var(--surface)!important;backdrop-filter:none}
html[data-tw-sport="true"] .h1,html[data-tw-sport="true"] .v2-section-head h2{font-size:calc(25px * var(--sport-font-scale))!important;line-height:1.35;letter-spacing:-.5px}
html[data-tw-sport="true"] .v2-search-label{font-size:calc(14px * var(--sport-font-scale));color:var(--mut);margin-bottom:10px}
html[data-tw-sport="true"] .v2-search,html[data-tw-sport="true"] .market-search{height:58px!important;background:var(--surface);border:1px solid var(--border);border-radius:20px!important;box-shadow:var(--v2-shadow-soft)}
html[data-tw-sport="true"] .v2-search button{min-height:44px;border-radius:14px;font-size:14px;padding-inline:20px}
html[data-tw-sport="true"] .v2-intents{margin-top:16px;border-radius:23px;padding:6px;background:var(--surface);box-shadow:none}
html[data-tw-sport="true"] .v2-intent{min-height:70px;border-radius:18px;gap:7px;font-size:14px!important}
html[data-tw-sport="true"] .v2-intent svg{width:24px;height:24px}
html[data-tw-sport="true"] .v3-trust-strip{margin-top:18px;gap:8px}
html[data-tw-sport="true"] .v3-trust-strip>div{border:0;background:transparent;box-shadow:none;padding:8px 2px;gap:6px}
html[data-tw-sport="true"] .v3-trust-strip strong{font-size:11px;line-height:1.5}
html[data-tw-sport="true"] .v3-trust-strip small{display:none}
html[data-tw-sport="true"] .v2-season-banner{margin-top:18px;min-height:176px;border-radius:26px;border:1px solid var(--border);box-shadow:none}
html[data-tw-sport="true"] .v2-ad-copy strong{font-size:25px!important;line-height:1.4}
html[data-tw-sport="true"] .v2-ad-subline{font-size:13px!important}
html[data-tw-sport="true"] .v2-ad-cta{font-size:12px;min-height:42px;padding:10px 16px}
html[data-tw-sport="true"] .v2-eyebrow{font-size:10px!important;letter-spacing:1.7px}
html[data-tw-sport="true"] .v2-section-head{margin:26px 0 14px}
html[data-tw-sport="true"] .v2-section-head>button{font-size:13px!important;min-height:44px}
html[data-tw-sport="true"] .v2-rail{grid-auto-columns:min(83%,350px);gap:16px}
html[data-tw-sport="true"] .v2-product{border-radius:24px;border:1px solid var(--border);box-shadow:none}
html[data-tw-sport="true"] .v2-product-image{height:215px;filter:none}
html[data-tw-sport="true"] .v2-product-image>svg{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:64px!important;height:64px!important;max-width:35%;max-height:35%;opacity:.55;pointer-events:none}
html[data-tw-sport="true"] .v2-product-body{padding:16px 18px}
html[data-tw-sport="true"] .v2-price{font-size:21px!important}
html[data-tw-sport="true"] .v2-product-body strong{font-size:15px!important}
html[data-tw-sport="true"] .v2-product-body small{font-size:11px!important}
html[data-tw-sport="true"] .v2-sell-card,html[data-tw-sport="true"] .v2-services,html[data-tw-sport="true"] .v2-assistant{border-radius:24px;padding:22px;border-color:var(--border);background:var(--surface)}
html[data-tw-sport="true"] .v2-sell-card h2,html[data-tw-sport="true"] .v2-services h2{font-size:23px!important;line-height:1.5}
html[data-tw-sport="true"] .v2-sell-card p,html[data-tw-sport="true"] .v2-services p{font-size:14px!important;line-height:1.9}
html[data-tw-sport="true"] .v2-assistant strong{font-size:15px!important}
html[data-tw-sport="true"] .v2-assistant small{font-size:12px!important}
html[data-tw-sport="true"] .market-title-row .sub{font-size:12px!important;margin-top:7px}
html[data-tw-sport="true"] .market-category-quick,html[data-tw-sport="true"] .market-filter-deck{background:var(--surface);border:1px solid var(--border);border-radius:21px;padding:14px!important}
html[data-tw-sport="true"] #catChips{justify-content:center;gap:8px}
html[data-tw-sport="true"] #catChips .chip{font-size:13px!important;min-height:46px;padding:10px 13px;border-radius:15px;line-height:1.5}
html[data-tw-sport="true"] .v3-market-tools button,html[data-tw-sport="true"] #marketFilterDeckToggle{min-height:48px;font-size:14px!important;border-radius:17px}
html[data-tw-sport="true"] #marketFilterDeck .chip{min-height:42px;font-size:13px!important}
html[data-tw-sport="true"] .listbar{font-size:13px!important}
html[data-tw-sport="true"] #listGrid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px}
html[data-tw-sport="true"] #listGrid .card{display:grid!important;grid-template-columns:minmax(112px,36%) minmax(0,1fr)!important;min-height:158px!important;border:1px solid var(--border)!important;border-radius:22px!important;box-shadow:none!important;overflow:hidden}
html[data-tw-sport="true"] #listGrid .card .thumb{width:100%!important;height:100%!important;min-height:158px!important;background-size:cover!important;background-position:center!important;border-radius:0!important}
html[data-tw-sport="true"] #listGrid .card .body{padding:15px!important;min-width:0;align-items:flex-start!important;text-align:start!important;justify-content:center}
html[data-tw-sport="true"] #listGrid .card .ttl{font-size:calc(15px * var(--sport-font-scale))!important;line-height:1.6;white-space:normal;overflow-wrap:anywhere}
html[data-tw-sport="true"] #listGrid .card .price{font-size:19px!important;line-height:1.5;color:var(--brand-text)}
html[data-tw-sport="true"] #listGrid .card .meta,html[data-tw-sport="true"] #listGrid .card .tag{font-size:11px!important;line-height:1.6}
html[data-tw-sport="true"] #listGrid .card .meta{gap:5px;flex-wrap:wrap}
html[data-tw-sport="true"] #listGrid .card .tag{padding:3px 7px}
html[data-tw-sport="true"] #listGrid .card .v3-card-trust{inset-inline-start:6px;bottom:6px;max-width:calc(100% - 45px)}
html[data-tw-sport="true"] #listGrid .card .v3-badge{min-height:24px;height:auto;padding:3px 6px;font-size:9px;border-radius:8px;line-height:1.4;max-width:100%}
html[data-tw-sport="true"] #listGrid .card .v3-badge svg{width:12px!important;height:12px!important;flex:none}
html[data-tw-sport="true"] .dt-title{font-size:calc(25px * var(--sport-font-scale))!important;line-height:1.5;margin:20px 0 5px}
html[data-tw-sport="true"] .dt-price{font-size:29px!important;color:var(--text)!important}
html[data-tw-sport="true"] .dt-published{font-size:12px!important}
html[data-tw-sport="true"] .dt-gallery{margin-top:14px;border-radius:25px;overflow:hidden;background:#121316;border:1px solid var(--border)}
html[data-tw-sport="true"] .dt-gallery-main{height:clamp(230px,37vh,410px)!important;max-height:none;aspect-ratio:auto}
html[data-tw-sport="true"] #detailGalleryImage{object-fit:contain!important;background:#121316}
html[data-tw-sport="true"] .dt-gallery-thumbs{padding:10px;gap:8px}
html[data-tw-sport="true"] .dt-gallery-thumbs button{width:62px;height:52px;min-height:44px;border-radius:11px}
html[data-tw-sport="true"] .dt-gallery-arrow,html[data-tw-sport="true"] .dt-lightbox-arrow{width:44px;height:44px;min-height:44px;background:rgba(20,22,27,.7);backdrop-filter:blur(12px);color:#fff}
html[data-tw-sport="true"] .dt-gallery-count,html[data-tw-sport="true"] .dt-gallery-expand{font-size:12px!important}
html[data-tw-sport="true"] .specs{gap:10px;margin-top:22px}
html[data-tw-sport="true"] .spec{padding:14px;border-radius:18px;background:var(--surface);border:1px solid var(--border)}
html[data-tw-sport="true"] .spec .k{font-size:12px!important;line-height:1.5}
html[data-tw-sport="true"] .spec .v{font-size:15px!important;line-height:1.5;margin-top:6px}
html[data-tw-sport="true"] .block-t{font-size:18px!important;margin-top:25px}
html[data-tw-sport="true"] .desc{font-size:calc(15px * var(--sport-font-scale))!important;line-height:1.95!important;color:var(--text-2)}
html[data-tw-sport="true"] .seller{padding:16px;border-radius:20px;background:var(--surface)}
html[data-tw-sport="true"] .seller .snm{font-size:16px!important}
html[data-tw-sport="true"] .seller .scount{font-size:12px!important}
html[data-tw-sport="true"] #s-detail.on{padding-bottom:85px;animation:none}
html[data-tw-sport="true"][data-tw-layout="expanded"][data-sport-route="detail"] #scroll>footer{display:none!important}
html[data-tw-sport="true"] #s-detail.on .contact3{position:fixed;left:var(--sport-detail-left,16px);width:var(--sport-detail-width,calc(100% - 32px));bottom:calc(var(--sport-native-dock) + max(10px,var(--tw-safe-bottom)) + 12px);z-index:49;margin:0;padding:8px;gap:7px;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:0 5px 24px rgba(0,0,0,.12);display:flex}
html[data-tw-sport="true"] .contact3 .cbtn{flex:1;min-width:0;min-height:46px;font-size:13px!important;border-radius:15px;padding:8px;gap:5px}
html[data-tw-sport="true"] .contact3 .cbtn svg{width:18px;height:18px;flex:none}
html[data-tw-sport="true"][data-sport-obscured="true"] #s-detail.on .contact3,html[data-tw-sport="true"][data-tw-keyboard="true"] #s-detail.on .contact3{visibility:hidden;pointer-events:none}
html[data-tw-sport="true"] .backbtn,html[data-tw-sport="true"] .fav-detail{min-height:44px;font-size:14px!important}
html[data-tw-sport="true"] .dt-lightbox{background:#08090b}
html[data-tw-sport="true"] .dt-lightbox header{gap:10px}
html[data-tw-sport="true"] .dt-lightbox header button{min-width:44px;min-height:44px;font-size:26px}
html[data-tw-sport="true"] #lightboxCount{margin-inline-end:auto;font:500 14px/1 -apple-system,sans-serif}
html[data-tw-sport="true"] #lightboxStage{overflow:hidden;touch-action:pan-y;min-height:0}
html[data-tw-sport="true"] #lightboxStage[data-zoomed="true"]{touch-action:none}
html[data-tw-sport="true"] #lightboxImage{transform-origin:center;transition:opacity .15s ease;will-change:transform;user-select:none;-webkit-user-drag:none}
html[data-tw-sport="true"] .sheet{border-radius:28px 28px 0 0!important;background:var(--surface)!important}
html[data-tw-sport="true"] .sheet h2,html[data-tw-sport="true"] .sheet h3{font-size:22px!important;line-height:1.5}
html[data-tw-sport="true"] .sheet label,html[data-tw-sport="true"] .sheet p,html[data-tw-sport="true"] .form label{font-size:14px!important;line-height:1.8}
html[data-tw-sport="true"] .notification-item strong{font-size:14px!important}
html[data-tw-sport="true"] .notification-item p{font-size:12px!important}
html[data-tw-sport="true"] .notification-item time{font-size:11px!important}
html[data-tw-sport="true"] .v2-language-card{background:var(--surface);color:var(--text);border-radius:28px}
html[data-tw-sport="true"] .v2-language-card h1{font-family:TWArabic,-apple-system,sans-serif;font-size:27px!important;line-height:1.6}
html[data-tw-sport="true"] .v2-language-card p{font-family:TWArabic,-apple-system,sans-serif;font-size:14px!important;color:var(--mut)}
html[data-tw-sport="true"] .v2-language-card button{min-height:76px;font-size:17px!important}
html[data-tw-sport="true"] .service-option-label{font-size:17px!important}
html[data-tw-sport="true"] .service-option{min-height:130px;border-radius:24px}
html[data-tw-sport="true"] .screen.on{animation-duration:.18s!important}
/* Two-pane market/detail composition uses the SAME existing DOM nodes. */
html[data-tw-sport="true"][data-tw-layout="expanded"][data-sport-route="detail"] #scroll{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.25fr);gap:20px;overflow:hidden;padding-bottom:0!important}
html[data-tw-sport="true"][data-tw-layout="expanded"][data-sport-route="detail"] #s-market{display:block!important;min-width:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:120px;height:100%;margin:0}
html[data-tw-sport="true"][data-tw-layout="expanded"][data-sport-route="detail"] #s-detail{display:block;min-width:0;width:100%;height:100%;overflow-y:auto;overscroll-behavior:contain;max-width:none;margin:0;padding-bottom:calc(var(--sport-native-dock) + var(--tw-safe-bottom) + 105px)}
html[data-tw-sport="true"][data-tw-layout="expanded"][data-sport-route="detail"] #s-market .market-adaptive-filters{display:none}
html[data-tw-sport="true"][data-tw-layout="expanded"][data-sport-route="detail"] #s-market .market-title-row .sub{display:none}
html[data-tw-sport="true"][data-tw-layout="expanded"][data-sport-route="detail"] #s-market .market-title-row .h1{font-size:23px!important}
html[data-tw-sport="true"][data-tw-layout="expanded"][data-sport-route="detail"] #s-market .market-search{margin-block:14px;height:48px!important}
html[data-tw-sport="true"][data-tw-layout="expanded"][data-sport-route="detail"] #listGrid .card{grid-template-columns:112px minmax(0,1fr)!important;min-height:140px!important}
html[data-tw-sport="true"][data-tw-layout="expanded"][data-sport-route="detail"] #listGrid .card .thumb{min-height:140px!important}
html[data-tw-sport="true"][data-tw-layout="expanded"][data-sport-route="detail"] #listGrid .card .body{padding:11px!important}
html[data-tw-sport="true"][data-tw-layout="expanded"][data-sport-route="detail"] #listGrid .card .ttl{font-size:14px!important}
html[data-tw-sport="true"][data-tw-layout="expanded"][data-sport-route="detail"] #listGrid .card .price{font-size:16px!important}
html[data-tw-sport="true"][data-tw-layout="expanded"][data-sport-route="detail"] .dt-gallery-main{height:clamp(220px,40vh,340px)!important}
@media(max-width:360px){html[data-tw-sport="true"] .topbar-actions{gap:0!important}html[data-tw-sport="true"] .iconbtn{width:34px!important}html[data-tw-sport="true"] .brand-main-line strong{font-size:17px!important}html[data-tw-sport="true"] #listGrid .card .body{padding:11px!important}html[data-tw-sport="true"] #catChips .chip{font-size:12px!important;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){html[data-tw-sport="true"] *,html[data-tw-sport="true"] *::before,html[data-tw-sport="true"] *::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
