@font-face{font-family:Montserrat;src:url(../fonts/montserrat-latin-300-normal.woff2) format("woff2");font-weight:300}
@font-face{font-family:Montserrat;src:url(../fonts/montserrat-latin-400-normal.woff2) format("woff2");font-weight:400}
@font-face{font-family:Montserrat;src:url(../fonts/montserrat-latin-500-normal.woff2) format("woff2");font-weight:500}
@font-face{font-family:Montserrat;src:url(../fonts/montserrat-latin-600-normal.woff2) format("woff2");font-weight:600}
@font-face{font-family:Plex Arabic;src:url(../fonts/ibm-plex-sans-arabic-arabic-300-normal.woff2) format("woff2");font-weight:300}
@font-face{font-family:Plex Arabic;src:url(../fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format("woff2");font-weight:400}
@font-face{font-family:Plex Arabic;src:url(../fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2) format("woff2");font-weight:500}
@font-face{font-family:Plex Arabic;src:url(../fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2) format("woff2");font-weight:600}
:root{--ink:#0E0F11;--ink2:#15171A;--ink3:#1C1F23;--line:#2A2D33;--gold:#C9A227;--gold2:#E2C45C;--txt:#E9E6DF;--mut:#9B9890;--char:#3A3A3C}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--ink)}
body{font-family:Montserrat,system-ui,sans-serif;color:var(--txt);background:var(--ink);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
[dir=rtl] body{font-family:"Plex Arabic",Montserrat,sans-serif;line-height:1.8}
a{color:inherit;text-decoration:none}
.wrap{max-width:1200px;margin:0 auto;padding-inline:32px}
.ticker{background:#08090A;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--mut)}
.ticker .wrap{display:flex;gap:28px;align-items:center;height:36px;overflow:hidden;white-space:nowrap}
.ticker b{color:var(--txt);font-weight:500}.ticker em{font-style:normal;color:var(--gold2);font-variant-numeric:tabular-nums;margin-inline-start:6px}
.live{display:inline-flex;align-items:center;gap:7px;color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:600}
[dir=rtl] .live{letter-spacing:0}
.live i{width:7px;height:7px;border-radius:50%;background:#3DDC84;box-shadow:0 0 0 3px rgba(61,220,132,.18)}
.hd{position:sticky;top:0;z-index:5;background:rgba(14,15,17,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hd .wrap{display:flex;align-items:center;gap:36px;height:78px}
.logo img{height:46px;display:block}
.hd nav{display:flex;gap:28px;font-size:14px;font-weight:500;color:#CFCBC2;flex:1}
.hd nav a:hover{color:var(--gold2)}
.hd-r{display:flex;align-items:center;gap:18px}
.lang{font-size:13.5px;color:var(--mut);border:1px solid var(--line);padding:6px 12px;border-radius:999px}
.lang:hover{color:var(--txt);border-color:#444}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:#16130A;font-weight:600;font-size:14.5px;padding:14px 26px;border-radius:4px;border:1px solid var(--gold);transition:.2s}
.btn:hover{background:var(--gold2);border-color:var(--gold2)}
.btn.ghost{background:transparent;color:var(--gold2);border-color:rgba(201,162,39,.55)}
.btn.ghost:hover{background:rgba(201,162,39,.1)}
.btn.sm{padding:9px 16px;font-size:13px}
.hero{background:var(--ink) url(../img/contours.jpg) right center/cover no-repeat;min-height:600px;display:flex;align-items:center;border-bottom:1px solid var(--line)}
[dir=rtl] .hero{background-image:none;position:relative;overflow:hidden}
[dir=rtl] .hero::before{content:"";position:absolute;inset:0;background:url(../img/contours.jpg) right center/cover no-repeat;transform:scaleX(-1)}
[dir=rtl] .hero .wrap{position:relative}
.hero .wrap{width:100%;padding-block:110px}
.eyebrow{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:22px}
[dir=rtl] .eyebrow{letter-spacing:0;font-size:14px}
h1{font-size:62px;line-height:1.08;font-weight:500;letter-spacing:-.02em;max-width:760px;color:#F6F2E8}
[dir=rtl] h1{letter-spacing:0;line-height:1.3;font-size:56px}
h2{font-size:38px;line-height:1.15;font-weight:500;letter-spacing:-.015em;color:#F6F2E8}
[dir=rtl] h2{letter-spacing:0;line-height:1.4}
.lead{font-size:18px;color:#BDB9AF;max-width:600px;margin-top:26px;font-weight:300}
[dir=rtl] .lead{font-weight:400}
.ctas{display:flex;gap:14px;margin-top:40px;flex-wrap:wrap}
.trust{background:var(--ink2);border-bottom:1px solid var(--line)}
.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.tr{display:flex;gap:14px;padding:30px 24px 30px 0;border-inline-end:1px solid var(--line)}
.tr+.tr{padding-inline-start:24px}.tr:last-child{border:0}
[dir=rtl] .tr{padding:30px 0 30px 24px}[dir=rtl] .tr+.tr{padding-inline-start:24px}
.dot{flex:none;width:8px;height:8px;margin-top:8px;transform:rotate(45deg);background:var(--gold)}
.tr h4{font-size:14.5px;font-weight:600;color:#F2EEE5}.tr p{font-size:13px;color:var(--mut);margin-top:4px;line-height:1.5}
.sec{padding:110px 0}.sec.alt{background:var(--ink2);border-block:1px solid var(--line)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:52px 0 40px}
.st{background:var(--ink);padding:40px 34px}
.num{font-size:13px;color:var(--gold);font-weight:600;letter-spacing:.1em}
.st h3{font-size:22px;font-weight:500;margin:14px 0 10px;color:#F2EEE5}.st p{color:var(--mut);font-size:15px}
.sh{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.note{color:var(--mut);margin-top:14px;font-size:15px}
.lnk{color:var(--gold2);font-weight:500;font-size:14.5px;white-space:nowrap}
[dir=rtl] .arr{display:inline-block;transform:scaleX(-1)}
.prods{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
.pc{background:var(--ink3);border:1px solid var(--line);border-radius:6px;padding:26px 24px 22px;transition:.2s}
.pc:hover{border-color:rgba(201,162,39,.5);transform:translateY(-2px)}
.pi{height:130px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(201,162,39,.12),transparent 70%);margin-bottom:18px}
.pi svg{width:130px}
.pc h3{font-size:17px;font-weight:600;color:#F2EEE5}.spec{font-size:13px;color:var(--mut);margin-top:2px}
.pr{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.price{font-variant-numeric:tabular-nums;color:var(--gold2);font-weight:600;font-size:16px}
.howh{font-size:20px;font-weight:500;margin:80px 0 26px;color:#F2EEE5}
.how{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.hn{display:inline-flex;width:34px;height:34px;border-radius:50%;border:1px solid var(--gold);color:var(--gold);align-items:center;justify-content:center;font-size:14px;font-weight:600}
.how h4{margin:14px 0 6px;font-size:16px;font-weight:600}.how p{font-size:14px;color:var(--mut)}
.comp{padding:90px 0;background:linear-gradient(90deg,rgba(201,162,39,.09),transparent 60%)}
[dir=rtl] .comp{background:linear-gradient(270deg,rgba(201,162,39,.09),transparent 60%)}
.comp .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}
.comp p{color:#BDB9AF;max-width:640px;margin-top:14px}
.ft{background:#08090A;border-top:1px solid var(--line);padding:56px 0;font-size:13.5px;color:var(--mut)}
.ft .wrap{display:grid;grid-template-columns:auto 1fr auto;gap:36px;align-items:start}
.flogo{height:54px}
.ft div span,.ft strong{display:block}.ft strong{color:var(--txt);font-weight:600;margin-bottom:4px}
.ft nav{display:flex;gap:20px}
@media(max-width:900px){
 .wrap{padding-inline:20px}.hd nav{display:none}.hd .wrap{height:66px;justify-content:space-between}.logo img{height:38px}
 .hero{min-height:0;background-position:70% center}.hero .wrap{padding-block:72px}h1,[dir=rtl] h1{font-size:38px}h2,[dir=rtl] h2{font-size:28px}.lead{font-size:16px}
 .trust .wrap,.steps,.prods,.how{grid-template-columns:1fr 1fr}.tr,.tr+.tr,[dir=rtl] .tr{padding:20px 12px;border:0}
 .steps{grid-template-columns:1fr}.sec{padding:72px 0}.sh,.comp .wrap{flex-direction:column;align-items:flex-start}
 .ft .wrap{grid-template-columns:1fr}.ticker .wrap{gap:18px}.hd-r .btn{display:none}
}
@media(max-width:520px){.prods,.how,.trust .wrap{grid-template-columns:1fr}}

/* ---------- site additions ---------- */
.skip{position:absolute;inset-inline-start:-9999px;top:0;background:var(--gold);color:#16130A;padding:10px 16px;z-index:99}.skip:focus{inset-inline-start:12px}
:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
.live.off i{background:#8A8A8C;box-shadow:none}
.hd nav a[aria-current]{color:var(--gold2)}
.nav-account{display:none}
.cart{position:relative;color:#CFCBC2;display:inline-flex}.cart span{position:absolute;top:-6px;inset-inline-end:-9px;background:var(--gold);color:#16130A;font-size:10.5px;font-weight:600;border-radius:999px;min-width:17px;height:17px;display:flex;align-items:center;justify-content:center;padding:0 4px}
.burger{display:none;background:none;border:1px solid var(--line);border-radius:4px;width:42px;height:38px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.burger span{display:block;width:18px;height:1.5px;background:var(--txt);transition:.2s}
.burger[aria-expanded=true] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.trust h2{font-size:14.5px;font-weight:600;color:#F2EEE5}
.h2{font-size:38px}
.pi img{max-height:130px;width:auto;margin:0 auto;display:block;border-radius:4px}
.pc h3 a:hover{color:var(--gold2)}
/* inner pages */
.page-hero{border-bottom:1px solid var(--line);padding:70px 0 44px;background:linear-gradient(180deg,#121417,var(--ink))}
.h1-page{font-size:44px;line-height:1.15;font-weight:500;letter-spacing:-.015em;color:#F6F2E8}
[dir=rtl] .h1-page{letter-spacing:0;line-height:1.35}
.page-hero .note{margin-top:12px}
.page-body{padding:64px 0 100px}
.narrow{max-width:860px}
.prose{color:#CFCBC2;font-size:16.5px}
.prose>*+*{margin-top:18px}
.prose h2{font-size:26px;font-weight:500;color:#F6F2E8;margin-top:48px}
.prose h3{font-size:18px;font-weight:600;color:#F2EEE5;margin-top:32px}
.prose a{color:var(--gold2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(226,196,92,.4)}
.prose strong{color:#F2EEE5;font-weight:600}
.prose .lead-p{font-size:19px;color:#E4E0D7;font-weight:300}
[dir=rtl] .prose .lead-p{font-weight:400}
.prose ul,.prose ol{padding-inline-start:0;list-style:none}
.prose ul.ticks li{position:relative;padding-inline-start:26px;margin-top:10px}
.prose ul.ticks li::before{content:"";position:absolute;inset-inline-start:2px;top:.62em;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}
.prose ol.steps-list{counter-reset:s}
.prose ol.steps-list li{counter-increment:s;position:relative;padding:18px 0 18px 58px;border-bottom:1px solid var(--line)}
[dir=rtl] .prose ol.steps-list li{padding:18px 58px 18px 0}
.prose ol.steps-list li::before{content:counter(s,decimal-leading-zero);position:absolute;inset-inline-start:0;top:18px;color:var(--gold);font-weight:600;font-size:14px;letter-spacing:.08em;border:1px solid rgba(201,162,39,.5);border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center}
.prose .small{font-size:14px;color:var(--mut)}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.contact-grid>div{background:var(--ink3);border:1px solid var(--line);border-radius:6px;padding:24px}
.contact-grid h3{margin-top:0!important;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
[dir=rtl] .contact-grid h3{letter-spacing:0;font-size:15px}
/* forms */
.rbm-form{background:var(--ink3);border:1px solid var(--line);border-radius:6px;padding:30px;display:grid;gap:18px;margin-top:22px}
.rbm-form label{display:grid;gap:7px;font-size:13.5px;color:#CFCBC2}
.rbm-form label.bad span,.rbm-form label.bad{color:#F08A7E}
.rbm-form label.bad input,.rbm-form label.bad select{border-color:#C0584B}
.rbm-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rbm-form .row3{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px}
.rbm-form .chk{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--mut)}
.rbm-form .chk input{margin-top:4px;accent-color:var(--gold)}
.rbm-form button{justify-self:start;cursor:pointer;font-family:inherit}
.hp{position:absolute;inset-inline-start:-9999px;height:0;overflow:hidden}
input:not([type]),input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],input[type=search],select,textarea,.input-text{width:100%;background:#0B0C0E;border:1px solid #33373E;color:var(--txt);border-radius:4px;padding:12px 14px;font:inherit;font-size:15px}
input:focus,select:focus,textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px rgba(201,162,39,.18)}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 13px) 55%;background-size:5px 5px;background-repeat:no-repeat}
[dir=rtl] select{background-position:18px 55%,13px 55%}
.rbm-ok{background:rgba(61,220,132,.08);border:1px solid rgba(61,220,132,.4);color:#BFF2D4;padding:18px 20px;border-radius:6px}
.rbm-gate{background:rgba(201,162,39,.08);border:1px solid rgba(201,162,39,.45);border-radius:6px;padding:18px 20px;margin:18px 0;display:grid;gap:8px;justify-items:start}
.rbm-gate strong{color:var(--gold2)}.rbm-gate p{color:#D8D3C8;font-size:14.5px}
.rbm-verified{display:inline-flex;align-items:center;gap:9px;color:#BFF2D4;font-size:14px;margin:12px 0}.rbm-verified .dot{background:#3DDC84;margin:0}
.rbm-note{font-size:13.5px;color:var(--mut);border-inline-start:2px solid var(--gold);padding-inline-start:12px;margin:16px 0}
.rbm-spec{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:8px 32px;margin:18px 0;padding:16px 0;border-block:1px solid var(--line)}
.rbm-spec dt{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}[dir=rtl] .rbm-spec dt{letter-spacing:0;font-size:13px}
.rbm-spec dd{color:#F2EEE5;font-weight:500;margin-top:2px}
/* ---------- WooCommerce ---------- */
.woocommerce-breadcrumb{font-size:13px;color:var(--mut);margin-bottom:14px}.woocommerce-breadcrumb a{color:var(--mut)}.woocommerce-breadcrumb a:hover{color:var(--gold2)}.sep{opacity:.5;margin:0 4px}
.shop-body .woocommerce-result-count,.shop-body .woocommerce-ordering{display:none}
ul.products{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:0;padding:0}
ul.products::before,ul.products::after{display:none}
ul.products li.product{background:var(--ink3);border:1px solid var(--line);border-radius:6px;padding:22px;display:flex;flex-direction:column;transition:.2s;width:auto!important;margin:0!important;float:none!important}
ul.products li.product:hover{border-color:rgba(201,162,39,.5);transform:translateY(-2px)}
ul.products li.product a img{border-radius:4px;margin-bottom:16px;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
ul.products li.product .woocommerce-loop-product__title{font-size:17px;font-weight:600;color:#F2EEE5}
ul.products li.product .price{display:block;color:var(--gold2);font-weight:600;font-size:17px;margin:10px 0 16px;font-variant-numeric:tabular-nums}
ul.products li.product .btn{margin-top:auto;align-self:flex-start}
.woocommerce-Price-currencySymbol{margin-inline-end:4px}
.price small,.woocommerce-price-suffix{font-size:12px;color:var(--mut);font-weight:400}
/* single product */
div.product{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
div.product .woocommerce-product-gallery{border:1px solid var(--line);border-radius:6px;overflow:hidden;position:relative}
div.product .woocommerce-product-gallery img{width:100%;height:auto;display:block}
.woocommerce-product-gallery__trigger{display:none}
div.product .product_title{display:none}
div.product .summary .price{font-size:30px;color:var(--gold2);font-weight:600;font-variant-numeric:tabular-nums}
div.product .woocommerce-product-details__short-description{color:#CFCBC2;margin-top:14px}
form.cart{display:flex;gap:12px;align-items:center;margin-top:22px}
.quantity .qty{width:84px;text-align:center}
.single_add_to_cart_button,button.button,a.button,input.button,.button{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:#16130A!important;font-weight:600;font-size:14.5px;padding:13px 24px;border-radius:4px;border:1px solid var(--gold);cursor:pointer;font-family:inherit;line-height:1.2}
.button:hover{background:var(--gold2)}
.button:disabled,.button.disabled{opacity:.45;cursor:not-allowed}
.woocommerce-tabs{grid-column:1/-1;border-top:1px solid var(--line);padding-top:28px}
.woocommerce-tabs ul.tabs{display:none}
.woocommerce-tabs h2{font-size:20px;font-weight:500;margin-bottom:12px}
.woocommerce-tabs .panel{color:#CFCBC2}
.related{grid-column:1/-1}.related>h2{font-size:22px;font-weight:500;margin:20px 0}
/* notices */
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-message,.woocommerce-info,.woocommerce-error{list-style:none;background:var(--ink3);border:1px solid var(--line);border-inline-start:3px solid var(--gold);padding:16px 20px;border-radius:4px;margin:0 0 22px;color:#E4E0D7;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.woocommerce-error{border-inline-start-color:#C0584B}
.woocommerce-error li,.woocommerce-message li,.woocommerce-info li{list-style:none;width:100%}
.woocommerce-message .button,.woocommerce-info .button{padding:8px 14px;font-size:13px}
/* cart & checkout */
table.shop_table{width:100%;border-collapse:collapse;background:var(--ink3);border:1px solid var(--line);border-radius:6px;overflow:hidden;font-size:15px}
table.shop_table th,table.shop_table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:start;vertical-align:middle}
table.shop_table th{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--mut);font-weight:600}[dir=rtl] table.shop_table th{letter-spacing:0;font-size:13px}
table.shop_table img{width:64px;height:auto;border-radius:4px}
table.shop_table a.remove{color:var(--mut)!important;font-size:20px;text-decoration:none}
table.shop_table .actions{text-align:end}
.coupon{display:none}
.cart-collaterals{margin-top:32px;display:flex;justify-content:flex-end}.cart_totals{width:100%;max-width:460px}.cart_totals h2{font-size:20px;font-weight:500;margin-bottom:12px}
.wc-proceed-to-checkout{margin-top:16px}.wc-proceed-to-checkout .button{width:100%}
.woocommerce-checkout .col2-set,.u-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.woocommerce form .form-row{margin-bottom:14px;display:grid;gap:6px}
.woocommerce form .form-row label{font-size:13.5px;color:#CFCBC2}
.required{color:var(--gold);text-decoration:none;border:0}
#order_review_heading,.woocommerce-billing-fields h3,.woocommerce-additional-fields h3,.woocommerce-shipping-fields h3{font-size:20px;font-weight:500;margin:26px 0 14px}
#payment{background:var(--ink3);border:1px solid var(--line);border-radius:6px;padding:20px;margin-top:20px}
#payment ul.payment_methods{list-style:none;padding:0}
#payment .payment_box{color:var(--mut);font-size:14px;margin-top:8px}
#place_order{width:100%;margin-top:16px}
.woocommerce-terms-and-conditions-wrapper{font-size:13.5px;color:var(--mut);margin-top:14px}
/* my account */
.woocommerce-account .woocommerce{display:grid;grid-template-columns:220px 1fr;gap:40px}
.woocommerce-account:not(.logged-in) .woocommerce{display:block}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.woocommerce-MyAccount-navigation li a{display:block;padding:12px 16px;border-bottom:1px solid var(--line);font-size:14.5px;color:#CFCBC2}
.woocommerce-MyAccount-navigation li.is-active a,.woocommerce-MyAccount-navigation li a:hover{color:var(--gold2);background:var(--ink3)}
.woocommerce-MyAccount-content{color:#CFCBC2}
.u-column1,.u-column2,.woocommerce-form-login,.woocommerce-form-register{background:var(--ink3);border:1px solid var(--line);border-radius:6px;padding:28px}
.u-columns h2{font-size:22px;font-weight:500;margin-bottom:16px}
.woocommerce-form__label-for-checkbox{display:flex!important;gap:8px;align-items:center}
.lost_password a,.woocommerce-privacy-policy-text a{color:var(--gold2)}
.woocommerce-privacy-policy-text{font-size:13px;color:var(--mut)}
.woocommerce-order-overview,.woocommerce-bacs-bank-details{list-style:none;padding:0;background:var(--ink3);border:1px solid var(--line);border-radius:6px;padding:20px;margin:20px 0}
.wc_bacs_bank_details{list-style:none;padding:0}
.ft-bottom{grid-template-columns:1fr!important;margin-top:30px;padding-top:20px;border-top:1px solid var(--line);font-size:12.5px;color:#6E6B64}
.ft a:hover{color:var(--gold2)}
.ft .wrap.ft-bottom{display:block}
@media(max-width:900px){
 .burger{display:flex}
 .hd nav{position:fixed;inset:0;top:0;background:rgba(10,11,13,.98);flex-direction:column;justify-content:center;align-items:center;gap:26px;font-size:20px;display:flex;opacity:0;pointer-events:none;transition:opacity .2s;z-index:4}
 .hd nav.open{opacity:1;pointer-events:auto}
 .nav-account{display:inline-flex;color:var(--gold2)!important}
 .hd-r{z-index:6}
 .h1-page{font-size:32px}.page-hero{padding:48px 0 32px}
 .contact-grid,.rbm-form .row2,.rbm-form .row3,ul.products,div.product,.woocommerce-checkout .col2-set,.u-columns,.woocommerce-account .woocommerce{grid-template-columns:1fr}
 .rbm-spec{grid-template-columns:1fr 1fr}
 table.shop_table{font-size:14px}
}
body.nav-open{overflow:hidden}
@keyframes fl{from{color:#fff}to{color:var(--gold2)}}.flash{animation:fl 1.2s}
.pc .pi{height:auto;background:none;margin:-26px -24px 18px;border-bottom:1px solid var(--line);overflow:hidden;border-radius:6px 6px 0 0}
.pc .pi img{width:100%;max-height:none;aspect-ratio:4/3;object-fit:cover;border-radius:0;transition:transform .4s}
.pc:hover .pi img{transform:scale(1.04)}
div.product .images,div.product .summary,div.product .woocommerce-product-gallery{width:auto!important;float:none!important;margin:0!important}
div.product .summary{min-width:0}
.rbm-spec{grid-template-columns:repeat(3,minmax(0,auto))}
.woocommerce ul.products::before,.woocommerce ul.products::after,ul.products::before,ul.products::after{display:none!important;content:none!important}
.term-description,.page-description{color:var(--mut);margin-bottom:24px}

/* ===== v1.1: logo aspect ratio ===== */
.logo img{height:46px!important;width:auto!important;max-width:none}
.flogo{height:54px!important;width:auto!important}
@media(max-width:900px){.logo img{height:38px!important}}

/* ===== v1.1: RBM Group card system (as on rbmgroup.co.za) ===== */
:root{--card:#1A1E22;--tx:#B8BDC7;--dim:#8A9199}
.mt{margin-top:48px}.mb{margin-bottom:40px}
.cards{display:grid;gap:26px}
.cards.c3{grid-template-columns:repeat(3,1fr)}
.cards.c4{grid-template-columns:repeat(4,1fr)}
.cards.c5{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.card{background:var(--card);border:1px solid rgba(255,255,255,.07);border-top:2px solid var(--gold);padding:40px 34px 34px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s;color:var(--tx);position:relative}
.card:hover{transform:translateY(-3px);border-color:rgba(201,162,39,.42);border-top-color:var(--gold)}
.card.sm{padding:30px 26px 28px}
.card .num{font-size:13px;font-weight:600;letter-spacing:.2em;color:rgba(201,162,39,.6);margin-bottom:18px}
.card .kick{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;line-height:1.5}
[dir=rtl] .card .kick,[dir=rtl] .card .num{letter-spacing:0;font-size:14px}
.card h3{font-size:21px;font-weight:600;color:#F2EEE5;margin-bottom:14px;line-height:1.3}
.card.sm h3{font-size:17px}
.card p{font-size:15px;line-height:1.75;color:var(--tx)}
.card.sm p{font-size:14px}
.card ul.pts{list-style:none;margin:20px 0 26px;padding:0}
.card ul.pts li{font-size:13.5px;color:var(--dim);padding:8px 0;padding-inline-start:18px;position:relative;line-height:1.6;border-top:1px solid rgba(255,255,255,.05)}
.card ul.pts li:first-child{border-top:0}
.card ul.pts li::before{content:"";position:absolute;inset-inline-start:0;top:15px;width:6px;height:6px;background:var(--gold)}
.card .more{margin-top:auto;padding-top:14px;font-size:11.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
[dir=rtl] .card .more{letter-spacing:0;font-size:13px}
.card:hover .more{color:var(--gold2)}
a.card{text-decoration:none!important;color:var(--tx)}
.why .card{min-height:100%}
/* product cards */
.card.prod{padding:0 0 26px;overflow:hidden}
.card.prod .pimg{display:block;border-bottom:1px solid rgba(255,255,255,.06);overflow:hidden;margin-bottom:22px}
.card.prod .pimg img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .4s}
.card.prod:hover .pimg img{transform:scale(1.04)}
.card.prod .kick,.card.prod h3,.card.prod .pprice,.card.prod .more{padding-inline:24px}
.card.prod h3{font-size:18px;margin-bottom:10px}
.pprice{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;color:var(--gold2);font-weight:600;font-size:18px;font-variant-numeric:tabular-nums}
.pprice small{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
[dir=rtl] .pprice small{letter-spacing:0}
/* price board */
.pboard .pb-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.pboard .pb-head .kick{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
[dir=rtl] .pboard .pb-head .kick{letter-spacing:0;font-size:14px}
.pb-time{font-size:13px;color:var(--dim);display:inline-flex;gap:10px;align-items:center}
.card.pb{padding:26px 26px 24px}
.card.pb .kick{margin-bottom:10px}
.pb-v{font-size:24px;font-weight:600;color:#F6F2E8;font-variant-numeric:tabular-nums;line-height:1.2}
.pb-note{font-size:12.5px;color:var(--dim);margin-top:14px}
/* shop listing uses the same cards */
ul.products li.product{background:var(--card)!important;border:1px solid rgba(255,255,255,.07)!important;border-top:2px solid var(--gold)!important;border-radius:0!important;padding:0 0 24px!important;overflow:hidden}
ul.products li.product:hover{border-color:rgba(201,162,39,.42)!important;border-top-color:var(--gold)!important}
ul.products li.product a img{border-radius:0!important;margin:0 0 20px!important;aspect-ratio:4/3!important;border-bottom:1px solid rgba(255,255,255,.06)}
ul.products li.product .woocommerce-loop-product__title,ul.products li.product .price,ul.products li.product .btn{margin-inline:24px!important}
ul.products li.product .price{font-size:18px!important}
/* inner-page blocks as cards */
.contact-grid>div{background:var(--card)!important;border:1px solid rgba(255,255,255,.07)!important;border-top:2px solid var(--gold)!important;border-radius:0!important;padding:32px 28px!important}
.rbm-form{background:var(--card)!important;border:1px solid rgba(255,255,255,.07)!important;border-top:2px solid var(--gold)!important;border-radius:0!important;padding:36px 32px!important}
.docs{margin:26px 0}
.card.doc h3{font-size:17px;margin-bottom:22px}
.card.internal{margin-top:26px}
.card.internal ul.ticks{margin:18px 0 10px}
.card.internal .ref,.card .ref{font-size:11.5px;color:var(--gold);letter-spacing:.06em;margin-inline-end:8px;font-weight:600}
.prose .card h3{margin-top:0}
.prose .card p{margin:0}
.prose a.card{text-decoration:none}
.card.internal ul.ticks li{font-size:14px;color:var(--tx)}
.howh{margin:72px 0 26px!important}
@media(max-width:1000px){.cards.c4{grid-template-columns:repeat(2,1fr)}.cards.c3{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.cards.c3,.cards.c4{grid-template-columns:1fr}.card{padding:30px 24px 26px}}
/* ===== v1.2: live price strip ===== */
.ticker{background:#08090A;border-bottom:1px solid var(--line);font-size:12px;color:var(--mut)}
.ticker .wrap{display:flex;align-items:center;gap:0;height:40px;overflow:hidden;white-space:nowrap}
.ticker .live{flex:none;padding-inline-end:22px;margin-inline-end:22px;border-inline-end:1px solid var(--line);line-height:16px}
.tk-list{display:flex;align-items:center;flex:1;min-width:0}
.tk{display:inline-flex;align-items:baseline;gap:9px;padding-inline:22px;border-inline-start:1px solid var(--line);line-height:16px}
.tk:first-child{border-inline-start:0;padding-inline-start:0}
.tk-l{font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
[dir=rtl] .tk-l{letter-spacing:0;font-size:12px}
.tk-v{font-size:13px;font-weight:600;color:#F2EEE5;font-variant-numeric:tabular-nums}
.tk-v small{font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--gold);margin-inline-end:5px}
.tk-u{font-size:11px;color:var(--mut)}
.tk-meta{flex:none;margin-inline-start:auto;font-size:11px;color:var(--mut);padding-inline-start:22px}
.tk-meta bdi{color:var(--txt);font-variant-numeric:tabular-nums}
.ticker bdi.flash{animation:tkflash 1.2s ease}
@keyframes tkflash{0%{color:var(--gold2)}100%{color:inherit}}
@media(max-width:900px){.tk-meta{display:none}.tk{padding-inline:14px}.ticker .live{padding-inline-end:14px;margin-inline-end:14px}}
@media(max-width:620px){.tk:nth-child(n+2){display:none}}
/* ===== v1.2: price board as one panel ===== */
.pboard{background:var(--card);border:1px solid rgba(255,255,255,.07);border-top:2px solid var(--gold)}
.pboard .pb-head{margin:0;padding:22px 30px;border-bottom:1px solid rgba(255,255,255,.06)}
.pb-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.pb-cell{padding:26px 30px 28px;border-inline-start:1px solid rgba(255,255,255,.06)}
.pb-cell:first-child{border-inline-start:0}
.pb-l{display:block;font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:12px}
[dir=rtl] .pb-l{letter-spacing:0;font-size:13px}
.pb-v{display:flex;align-items:baseline;gap:7px;font-size:28px;font-weight:600;color:#F6F2E8;font-variant-numeric:tabular-nums;line-height:1.15}
.pb-v small{font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--gold)}
.pb-note{margin:0;padding:14px 30px;border-top:1px solid rgba(255,255,255,.06);font-size:12px;color:var(--dim)}
@media(max-width:1000px){.pb-grid{grid-template-columns:1fr 1fr}.pb-cell:nth-child(3){border-inline-start:0}.pb-cell:nth-child(n+3){border-top:1px solid rgba(255,255,255,.06)}}
@media(max-width:520px){.pboard .pb-head,.pb-cell,.pb-note{padding-inline:20px}.pb-v{font-size:22px}}
/* ===== v1.2: compliance page ===== */
.page-hero .eyebrow{margin-bottom:16px}
.page-hero .lead{max-width:720px;margin-top:18px}
.cards.c2{grid-template-columns:repeat(2,1fr)}
@media(max-width:760px){.cards.c2{grid-template-columns:1fr}}
.card.doc.ask{background:transparent;border-style:dashed;border-top-style:solid}
.card.internal{margin-top:26px}
.card.internal ul.pts.cols{columns:2;column-gap:40px;margin:18px 0 22px}
.card.internal ul.pts.cols li{break-inside:avoid;border-top:0;border-bottom:1px solid rgba(255,255,255,.05)}
@media(max-width:760px){.card.internal ul.pts.cols{columns:1}}
/* ===== v1.3: inner-page hero carries the home contour artwork ===== */
.page-hero{position:relative;overflow:hidden;background:var(--ink);padding:104px 0 80px;border-bottom:1px solid var(--line)}
.page-hero::before{content:"";position:absolute;inset:0;background:url(../img/contours.jpg) right 40%/cover no-repeat}
.page-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,15,17,.92) 22%,rgba(14,15,17,.35) 60%,rgba(14,15,17,0) 100%)}
[dir=rtl] .page-hero::before{transform:scaleX(-1)}
[dir=rtl] .page-hero::after{background:linear-gradient(270deg,rgba(14,15,17,.92) 22%,rgba(14,15,17,.35) 60%,rgba(14,15,17,0) 100%)}
.page-hero .wrap{position:relative;z-index:1}
.page-hero .ctas{margin-top:32px}
@media(max-width:900px){.page-hero{padding:64px 0 48px}.page-hero::before{background-position:70% center;opacity:.55}}
/* ===== v1.3: gold imports and about ===== */
.sec-note{max-width:860px;margin-top:32px;font-size:14.5px;line-height:1.75}
.split{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start}
.split .rbm-form{margin-top:0}
ul.pts.plain{list-style:none;margin:28px 0 0;padding:0}
ul.pts.plain li{font-size:14px;color:var(--tx);padding:10px 0;padding-inline-start:18px;position:relative;border-top:1px solid rgba(255,255,255,.06)}
ul.pts.plain li::before{content:"";position:absolute;inset-inline-start:0;top:18px;width:6px;height:6px;background:var(--gold)}
.cards.c5 .card.sm h3{font-size:16px}
@media(max-width:1100px){.cards.c5{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.split{grid-template-columns:1fr;gap:36px}}
@media(max-width:760px){.cards.c5{grid-template-columns:1fr}}
.comp .ctas{flex:none}
/* v1.3.1: group link in the page-hero lead (About) */
.page-hero .lead a{color:var(--gold2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(226,196,92,.4)}
.page-hero .lead a:hover{text-decoration-color:var(--gold2)}
/* v1.4: privacy policy */
.doc-meta{margin-top:18px;font-size:12.5px;letter-spacing:.08em;color:var(--dim)}
.card.basis{padding:6px 34px}
.basis-row{display:grid;grid-template-columns:1fr 260px;gap:32px;padding:20px 0;border-top:1px solid rgba(255,255,255,.06);font-size:15px;line-height:1.65}
.basis-row:first-child{border-top:0}
.basis-p{color:#E4E0D7}
.basis-b{color:var(--gold);font-weight:600;font-size:13px;letter-spacing:.04em}
@media(max-width:760px){.basis-row{grid-template-columns:1fr;gap:6px}.card.basis{padding:6px 22px}}
/* ===== v1.4: shop filters ===== */
.rbm-filters{background:var(--card);border:1px solid rgba(255,255,255,.07);border-top:2px solid var(--gold);padding:22px 26px;margin:0 0 30px}
.rf-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:18px 22px}
.rf-field{display:flex;flex-direction:column;gap:7px;min-width:180px;flex:1 1 180px}
.rf-field>span{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
[dir=rtl] .rf-field>span{letter-spacing:0;font-size:13px}
.rbm-filters select{width:100%;background:#0B0C0E;border:1px solid #33373E;color:var(--txt);border-radius:4px;padding:11px 12px;font-family:inherit;font-size:14px}
.rbm-filters select:focus{outline:none;border-color:var(--gold)}
.rf-check{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--tx);padding-bottom:11px;white-space:nowrap}
.rf-check input{accent-color:var(--gold);width:16px;height:16px}
.rf-actions{display:flex;align-items:center;gap:16px;padding-bottom:3px}
.rf-clear{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:2px}
[dir=rtl] .rf-clear{letter-spacing:0;font-size:13px}
.rf-clear:hover{color:var(--gold2);border-bottom-color:var(--gold)}
.rf-count{margin:16px 0 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.06);font-size:12.5px;color:var(--dim)}
@media(max-width:900px){.rf-row{gap:14px}.rf-field{flex:1 1 calc(50% - 22px);min-width:0}.rf-actions{flex:1 1 100%}}
@media(max-width:560px){.rf-field{flex:1 1 100%}}

/* ===== v1.9: mobile menu ===== */
/* The header carries backdrop-filter, which makes it the containing block for any
   position:fixed child — so the menu panel was being sized to the 66px header strip
   instead of the viewport. Dropping the blur on mobile puts it back on the screen. */
@media(max-width:900px){
 .hd{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(14,15,17,.98)}
 .hd .logo{position:relative;z-index:6}
 .hd nav{position:fixed;inset:0;background:var(--ink);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;font-size:17px;padding:118px 20px 40px;overflow-y:auto;opacity:0;pointer-events:none;transition:opacity .18s;z-index:4}
 .hd nav.open{opacity:1;pointer-events:auto}
 .hd nav a{padding:17px 2px;border-bottom:1px solid var(--line);color:#CFCBC2}
 .hd nav a[aria-current]{color:var(--gold2)}
 .hd nav .nav-account{display:flex;justify-content:center;margin-top:26px;border:1px solid var(--gold);border-radius:4px;background:var(--gold);color:#16130A!important;font-weight:600;padding:15px 20px}
}