:root{--pos-bg:#07090d;--pos-card:#11151c;--pos-soft:#181d26;--pos-border:#2a303a;--pos-gold:#d4af37;--pos-gold2:#f2c94c;--pos-text:#f8fafc;--pos-muted:#a3aab8;--pos-success:#22c55e;--pos-warning:#f59e0b}
.pos-product-page{background:var(--pos-bg);color:var(--pos-text)}
.pos-product-page h1,.pos-product-page h2,.pos-product-page h3{color:var(--pos-text);letter-spacing:0}
.pos-product-page p{color:var(--pos-muted);line-height:1.7}
.pos-hero{min-height:calc(100vh - 84px);display:flex;align-items:center;padding:64px 0 48px;border-bottom:1px solid var(--pos-border);background:#07090d}
.pos-hero-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(580px,1.18fr);gap:46px;align-items:center}
.pos-hero-copy h1{max-width:760px;margin:0;font-size:clamp(44px,5.4vw,78px);line-height:1.02}
.pos-hero-copy p{max-width:680px;font-size:19px}
.pos-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.pos-product-page .button{border-radius:6px}.pos-product-page .button.primary{background:var(--pos-gold2);border-color:var(--pos-gold2);color:#090b0f}.pos-product-page .button.ghost{border:1px solid #6d5922;background:transparent;color:var(--pos-text)}
.pos-badges{display:flex;flex-wrap:wrap;gap:0;margin:34px 0 0;padding:0;list-style:none;border-top:1px solid var(--pos-border)}.pos-badges li{padding:15px 18px 0 0;margin-right:18px;color:#d9dde5;font-size:13px;font-weight:750}
.pos-hero-preview,.pos-tour-frame{overflow:hidden;border:1px solid #51451f;border-radius:8px;background:var(--pos-card);box-shadow:0 30px 80px rgba(0,0,0,.42)}
.pos-preview-bar{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--pos-border);color:var(--pos-muted);font-size:12px}.pos-preview-bar span{display:flex;align-items:center;gap:8px}.pos-preview-bar i{width:7px;height:7px;border-radius:50%;background:var(--pos-success)}.pos-preview-bar strong{color:var(--pos-gold2)}
.pos-hero-preview>img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top left}
.pos-section{padding:92px 0}.pos-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.6fr);gap:50px;align-items:end;margin-bottom:42px}.pos-section-head h2,.pos-sync-section h2,.pos-oman-section h2,.pos-final h2{font-size:clamp(34px,4vw,54px);line-height:1.08;margin:6px 0 0}.pos-section-head>p{margin:0}.pos-section-head>div>p,.pos-kicker{margin:0;color:var(--pos-gold2)!important;font-size:12px;font-weight:850;text-transform:uppercase}
.pos-feature-section{background:#0b0e13}.pos-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--pos-border);border-left:1px solid var(--pos-border)}.pos-feature-card{min-height:240px;padding:30px;border-right:1px solid var(--pos-border);border-bottom:1px solid var(--pos-border);background:transparent}.pos-feature-card>span{color:var(--pos-gold);font-size:12px;font-weight:850}.pos-feature-card h3{margin:26px 0 10px;font-size:22px}.pos-feature-card p{margin:0;font-size:14px}
.pos-detail-section{background:#f7fafb;color:#102234}.pos-detail-section h2,.pos-detail-section h3{color:#102234}.pos-detail-section p,.pos-detail-section li{color:#526573}.pos-detail-section .pos-section-head>div>p{color:#a67513!important}.pos-detail-section .feature-table-wrap{background:#fff;border-color:#dbe5ea}.pos-detail-section .feature-table th{background:#092238;color:#fff}.pos-detail-section .feature-table td{color:#263849;border-color:#e3ebef}.pos-detail-section .feature-table td:first-child{color:#092238}.pos-detail-section .product-detail-grid>article{background:#fff;border-color:#dbe5ea}.pos-detail-section .brochure-strip{background:#fff8e8;border-color:#ead29e;color:#102234}.pos-resource-grid{margin-top:14px}.pos-resource-grid .view-link{display:inline-flex;margin-top:8px;color:#9b6f18;font-weight:850;text-decoration:underline;text-underline-offset:3px}.pos-resource-grid p{margin-bottom:0}
.pos-sync-section{border-top:1px solid var(--pos-border);border-bottom:1px solid var(--pos-border)}.pos-sync-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(560px,1.28fr);gap:60px;align-items:center}.pos-sync-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;padding:1px;list-style:none;background:var(--pos-border)}.pos-sync-flow li{min-height:170px;padding:24px;background:var(--pos-card)}.pos-sync-flow li.is-key{background:#211b0d;box-shadow:inset 0 0 0 1px var(--pos-gold)}.pos-sync-flow span{width:32px;height:32px;display:grid;place-items:center;border:1px solid #6d5922;border-radius:50%;color:var(--pos-gold2);font-weight:850}.pos-sync-flow strong,.pos-sync-flow small{display:block}.pos-sync-flow strong{margin-top:20px;font-size:17px}.pos-sync-flow small{margin-top:8px;color:var(--pos-muted);line-height:1.5}
.pos-tour-section{background:#0b0e13}.pos-tour-tabs{display:flex;overflow:auto;border-bottom:1px solid var(--pos-border)}.pos-tour-tabs button{flex:1 0 auto;padding:16px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--pos-muted);font-weight:750}.pos-tour-tabs button[aria-selected=true]{border-color:var(--pos-gold2);color:var(--pos-gold2)}.pos-tour-layout{display:grid;grid-template-columns:310px minmax(0,1fr);border:1px solid var(--pos-border);border-top:0}.pos-tour-copy{padding:34px;background:var(--pos-card)}.pos-tour-copy>p:first-child{color:var(--pos-gold2);font-size:11px;text-transform:uppercase}.pos-tour-copy h3{font-size:28px}.pos-tour-frame{border:0;border-left:1px solid var(--pos-border);border-radius:0;box-shadow:none}.pos-tour-frame img{width:100%;height:100%;min-height:440px;display:block;object-fit:cover;object-position:top left}
.pos-oman-section{border-bottom:1px solid var(--pos-border)}.pos-oman-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:start}.pos-oman-section ul{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;border-top:1px solid var(--pos-border);border-left:1px solid var(--pos-border)}.pos-oman-section li{min-height:88px;padding:20px;border-right:1px solid var(--pos-border);border-bottom:1px solid var(--pos-border);color:#dfe3ea;font-weight:750}.pos-oman-section li span{color:var(--pos-success);margin-right:10px}
.pos-final{padding:58px 0;background:var(--pos-card);border-bottom:1px solid var(--pos-border)}.pos-final .container{display:flex;align-items:center;justify-content:space-between;gap:40px}.pos-final h2{font-size:38px}.pos-final p{margin-bottom:0}.pos-final .pos-actions{margin:0;flex-shrink:0}.pos-faq{background:#0b0e13}.pos-faq .faq-list details{background:var(--pos-card);border-color:var(--pos-border)}.pos-faq .faq-list summary{color:var(--pos-text)}html[lang="ar"] .pos-product-page :is(p,li,td,th,summary,h1,h2,h3){unicode-bidi:plaintext}html[lang="ar"] .pos-product-page .feature-table :is(th,td){text-align:right}html[lang="ar"] .pos-faq .faq-list summary,html[lang="ar"] .pos-faq .faq-list p{direction:rtl;text-align:right}
@media(max-width:1100px){.pos-hero-grid,.pos-sync-grid{grid-template-columns:1fr}.pos-hero{min-height:auto}.pos-feature-grid{grid-template-columns:repeat(2,1fr)}.pos-oman-grid{grid-template-columns:1fr}.pos-tour-layout{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:760px){.pos-hero{padding:42px 0}.pos-hero-copy h1{font-size:42px}.pos-hero-copy p{font-size:16px}.pos-hero-grid{gap:30px}.pos-feature-grid,.pos-sync-flow,.pos-oman-section ul{grid-template-columns:1fr}.pos-section{padding:64px 0}.pos-section-head{grid-template-columns:1fr;gap:12px}.pos-tour-layout{grid-template-columns:1fr}.pos-tour-frame{border-left:0;border-top:1px solid var(--pos-border)}.pos-tour-frame img{min-height:0}.pos-final .container{display:block}.pos-final .pos-actions{margin-top:24px}.pos-badges li{flex:1 0 45%;margin-right:0}.pos-actions .button{flex:1 1 100%;text-align:center}}
/* Release UI fixes for bilingual POS product pages */
.pos-product-page :is(h1,h2,h3,p,li,summary,a,button,td,th){overflow-wrap:anywhere}
html[lang="ar"] .pos-product-page{direction:rtl;text-align:right}
html[lang="ar"] .pos-section-head{direction:rtl}
html[lang="ar"] .pos-section-head>p{text-align:right}
html[lang="ar"] .pos-feature-grid,html[lang="ar"] .pos-sync-flow,html[lang="ar"] .pos-oman-section ul{direction:rtl}
html[lang="ar"] .pos-feature-card,html[lang="ar"] .pos-resource-grid article,html[lang="ar"] .pos-detail-section article{text-align:right}
html[lang="ar"] .pos-actions{direction:rtl;justify-content:flex-start}
html[lang="ar"] .pos-badges{direction:rtl}
html[lang="ar"] .pos-badges li{padding-left:18px;padding-right:0;margin-left:18px;margin-right:0}
.pos-resource-grid>article{min-height:210px}
.pos-resource-grid .view-link{align-items:center}
.pos-faq .faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px}
.pos-faq .faq-list summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);opacity:.7;flex:0 0 8px}
.pos-faq .faq-list details[open] summary::after{transform:rotate(225deg)}
html[lang="ar"] .pos-faq .faq-list summary{flex-direction:row-reverse}
@media(max-width:760px){.pos-resource-grid>article{min-height:0}.pos-faq .faq-list{grid-template-columns:1fr}.pos-feature-card{min-height:180px}}
