.sonai-rv-tab,.sonai-rv-panel,.sonai-rv-panel *{box-sizing:border-box}
.sonai-rv-tab{position:fixed;right:0;top:35%;z-index:99980;display:flex;flex-direction:column;align-items:center;gap:7px;background:#171717;color:#fff;border:0;border-radius:5px 0 0 5px;padding:13px 9px;cursor:pointer;box-shadow:0 2px 8px #0002;font-family:Arial,sans-serif}
.sonai-rv-tab svg,.sonai-rv-clock svg,.sonai-rv-icon-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sonai-rv-tab-label{writing-mode:vertical-rl;font-size:11px;font-weight:700;letter-spacing:.5px}
.sonai-rv-count{background:#e21014;color:#fff;min-width:21px;height:21px;border:2px solid white;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700}
.sonai-rv-overlay{position:fixed;inset:0;background:rgba(0,0,0,.43);backdrop-filter:blur(3px);z-index:99990}
.sonai-rv-overlay[hidden]{display:none!important}
.sonai-rv-panel{position:fixed;right:0;top:0;bottom:0;width:min(380px,100vw);z-index:99991;background:#fff;color:#171717;box-shadow:-10px 0 35px #0002;transform:translateX(105%);transition:transform .28s ease;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;text-align:left;direction:ltr}
.sonai-rv-panel.is-open{transform:translateX(0)}
.sonai-rv-header{min-height:76px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #ededed;background:#ffffff;flex-shrink:0}
.sonai-rv-clock{display:grid;place-items:center;width:37px;height:37px;flex:none;border:1px solid #ffdfe0;border-radius:6px;background:#fff1f1;color:#e21014}
.sonai-rv-heading{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.sonai-rv-heading strong{font-size:16px;line-height:1.15;font-weight:700;color:#171717}
.sonai-rv-heading small{font-size:12px;color:#666666}
.sonai-rv-icon-btn{border:0!important;background:transparent!important;color:#666666!important;padding:5px!important;cursor:pointer;display:grid;place-items:center;box-shadow:none!important;min-width:26px;min-height:26px}
.sonai-rv-icon-btn:hover{color:#c20b10!important}
.sonai-rv-items{overflow-y:auto;overscroll-behavior:contain;padding:15px;flex:1}
.sonai-rv-item{display:flex;gap:11px;padding:10px;margin:0 0 12px;border:1px solid #ededed;border-radius:6px;background:#fff;min-width:0}
.sonai-rv-image{width:73px;height:73px;flex:0 0 73px;display:flex;align-items:center;justify-content:center;border-radius:5px;background:#f8f8f8;overflow:hidden}
.sonai-rv-image img{width:100%!important;height:100%!important;object-fit:contain;margin:0!important;max-width:100%!important}
.sonai-rv-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.sonai-rv-name{font-size:12px;line-height:1.35;font-weight:700;color:#171717!important;text-decoration:none!important;overflow-wrap:anywhere}
.sonai-rv-price{font-size:13px;font-weight:700;color:#171717;line-height:1.35}
.sonai-rv-price del{color:#777777;font-size:11px;font-weight:400;margin-right:5px}.sonai-rv-price ins{text-decoration:none}
.sonai-rv-add,.sonai-rv-add.button{display:flex!important;align-items:center;justify-content:center;gap:5px;background:#fff1f1!important;color:#c20b10!important;border:0!important;border-radius:5px!important;font-size:11px!important;font-weight:700!important;text-decoration:none!important;padding:7px 8px!important;min-height:26px!important;line-height:1.2!important;text-transform:none!important;box-shadow:none!important;margin:1px 0 0!important}
.sonai-rv-add:hover,.sonai-rv-add.button:hover{background:#ffdfe0!important}
.sonai-rv-empty{padding:35px 12px;text-align:center;color:#666666;font-size:13px;line-height:1.6}
body.sonai-rv-locked{overflow:hidden!important}
@media(max-width:480px){.sonai-rv-panel{width:min(380px,92vw)}.sonai-rv-tab{top:42%;padding:10px 7px}.sonai-rv-header{padding:10px}.sonai-rv-items{padding:10px}.sonai-rv-item{gap:9px}}
@media(prefers-reduced-motion:reduce){.sonai-rv-panel{transition:none}}

/* SONAI — refined gold & charcoal accents */
.sonai-rv-tab{border:1px solid #e21014;border-right:0;box-shadow:0 5px 22px #0002;transition:background .2s ease,transform .2s ease}
.sonai-rv-tab:hover{background:#303030;transform:translateX(-2px)}
.sonai-rv-count{background:#e21014;border-color:#171717;color:#fff}
.sonai-rv-panel{width:min(410px,100vw);box-shadow:-15px 0 55px #161b2233}
.sonai-rv-header{min-height:85px;padding:16px 20px;background:#ffffff;border-bottom-color:#ededed}
.sonai-rv-heading strong{font-size:17px;letter-spacing:-.25px}
.sonai-rv-clock{border-color:#ffdfe0;background:#fff1f1;color:#e21014;border-radius:10px}
.sonai-rv-item{border-color:#ededed;border-radius:10px;padding:12px;gap:13px;box-shadow:0 2px 8px #17171706;transition:border-color .2s ease,box-shadow .2s ease}
.sonai-rv-item:hover{border-color:#f4b7ba;box-shadow:0 5px 16px #1717170d}
.sonai-rv-image{width:85px;height:90px;flex-basis:85px;background:#f8f8f8;border-radius:8px}
.sonai-rv-name{font-size:13px;line-height:1.5}
.sonai-rv-price{font-size:14px}
.sonai-rv-add,.sonai-rv-add.button{background:#171717!important;color:#fff!important;border-radius:7px!important;padding:9px 12px!important;min-height:33px!important;transition:background .2s ease!important}
.sonai-rv-add:hover,.sonai-rv-add.button:hover{background:#c20b10!important;color:#fff!important}
.sonai-rv-icon-btn:hover{color:#e21014!important}
.sonai-rv-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid #ededed;background:#ffffff;font:600 11px Arial,sans-serif;letter-spacing:.4px;color:#666666}
.sonai-rv-footer a{font-size:12px;color:#c20b10!important;text-decoration:none!important;letter-spacing:0}
.sonai-rv-footer a:hover{text-decoration:underline!important}
.sonai-rv-tab:focus-visible,.sonai-rv-icon-btn:focus-visible,.sonai-rv-panel a:focus-visible{outline:2px solid #e21014!important;outline-offset:3px}
@media(max-width:480px){.sonai-rv-panel{width:min(410px,94vw)}.sonai-rv-header{padding:14px}.sonai-rv-footer{padding:14px}.sonai-rv-image{width:72px;height:78px;flex-basis:72px}}

/* Keep the numeric badge perfectly centered regardless of Porto's button/span rules. */
.sonai-rv-tab .sonai-rv-count{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 22px!important;width:22px!important;min-width:22px!important;height:22px!important;min-height:22px!important;padding:0!important;margin:0!important;line-height:1!important;text-align:center!important;font-size:11px!important;font-weight:700!important;letter-spacing:0!important;writing-mode:horizontal-tb!important;transform:none!important;border-radius:50%!important;box-sizing:border-box!important;font-variant-numeric:tabular-nums}

/* SONAI identity: bold red, black and white. */
.sonai-rv-tab{background:#171717!important;border-color:#e21014!important}
.sonai-rv-count{background:#e21014!important;color:#fff!important;border-color:#171717!important}
.sonai-rv-add,.sonai-rv-add.button{background:#e21014!important;color:#fff!important}
.sonai-rv-add:hover,.sonai-rv-add.button:hover{background:#b80d11!important}
.sonai-rv-footer{background:#fff!important}

/* WoodMart theme compatibility: isolate floating controls from theme buttons and offcanvas styles */
body #sonai-rv-tab.sonai-rv-tab{position:fixed!important;right:0!important;left:auto!important;top:35%!important;bottom:auto!important;display:flex!important;visibility:visible!important;opacity:1!important;z-index:2147483000!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;pointer-events:auto!important;transform:none;line-height:1.2!important;text-transform:none!important;}
body #sonai-rv-panel.sonai-rv-panel{position:fixed!important;z-index:2147483002!important;visibility:visible!important;opacity:1!important;max-width:100vw!important;}
body #sonai-rv-overlay.sonai-rv-overlay{z-index:2147483001!important;}
body #sonai-rv-tab .sonai-rv-count{display:flex!important;align-items:center!important;justify-content:center!important;}
@media(max-width:767px){body #sonai-rv-tab.sonai-rv-tab{top:42%!important;}}

/* v1.3.0: compact floating launcher, including WoodMart specificity */
body #sonai-rv-tab.sonai-rv-tab{padding:8px 6px!important;gap:5px!important;border-radius:7px 0 0 7px!important;min-width:34px!important;box-shadow:0 3px 12px #0002!important}
body #sonai-rv-tab.sonai-rv-tab svg{width:16px!important;height:16px!important}
body #sonai-rv-tab .sonai-rv-tab-label{font-size:9px!important;letter-spacing:.15px!important;line-height:1.1!important;max-height:100px;overflow:hidden}
body #sonai-rv-tab .sonai-rv-count{width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important;flex-basis:19px!important;font-size:10px!important;border-width:1px!important}
/* WPML Arabic: right-to-left drawer, but prices keep original font and LTR numerical order. */
.sonai-rv-panel.sonai-rv-rtl{direction:rtl!important;text-align:right!important}
.sonai-rv-panel.sonai-rv-rtl .sonai-rv-header,.sonai-rv-panel.sonai-rv-rtl .sonai-rv-item{direction:rtl!important}
.sonai-rv-panel.sonai-rv-rtl .sonai-rv-heading,.sonai-rv-panel.sonai-rv-rtl .sonai-rv-name,.sonai-rv-panel.sonai-rv-rtl .sonai-rv-add,.sonai-rv-panel.sonai-rv-rtl .sonai-rv-empty,.sonai-rv-panel.sonai-rv-rtl .sonai-rv-footer{font-family:"GE SS Two Medium",Sans-serif!important}
.sonai-rv-panel.sonai-rv-rtl .sonai-rv-name{text-align:right!important}
.sonai-rv-panel.sonai-rv-rtl .sonai-rv-price,.sonai-rv-panel.sonai-rv-rtl .sonai-rv-price *{font-family:Arial,Helvetica,sans-serif!important;direction:ltr!important;unicode-bidi:isolate!important}
.sonai-rv-panel.sonai-rv-rtl .sonai-rv-price{text-align:right!important}
.sonai-rv-panel.sonai-rv-rtl .sonai-rv-footer{justify-content:flex-start!important}
.sonai-rv-panel.sonai-rv-rtl .sonai-rv-footer span{display:inline-block;transform:rotate(180deg)}
/* Arabic launcher text remains readable, with a compact tab. */
html[lang^="ar"] body #sonai-rv-tab .sonai-rv-tab-label{font-family:"GE SS Two Medium",Sans-serif!important;writing-mode:vertical-rl!important;max-height:120px}
@media(max-width:480px){body #sonai-rv-tab.sonai-rv-tab{padding:7px 5px!important;min-width:32px!important}}

/* v1.3.1: force high contrast on the WoodMart floating launcher */
html body button#sonai-rv-tab.sonai-rv-tab,
html body #sonai-rv-tab.sonai-rv-tab {color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;}
html body #sonai-rv-tab .sonai-rv-tab-label {color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;opacity:1!important;text-shadow:none!important;}
html body #sonai-rv-tab svg,
html body #sonai-rv-tab svg * {color:#ffffff!important;stroke:#ffffff!important;opacity:1!important;}
html body #sonai-rv-tab .sonai-rv-count {color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;background:#e21014!important;}

/* v1.3.2 SONAI floating launcher brand refresh */
html body button#sonai-rv-tab.sonai-rv-tab,
html body #sonai-rv-tab.sonai-rv-tab,
html body #sonai-rv-tab.sonai-rv-tab:hover,
html body #sonai-rv-tab.sonai-rv-tab:focus {background:#EA2427!important;border-color:#EA2427!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;}
html body #sonai-rv-tab .sonai-rv-tab-label{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;}
html body #sonai-rv-tab svg,html body #sonai-rv-tab svg *{stroke:#FFFFFF!important;color:#FFFFFF!important;}
html body #sonai-rv-tab .sonai-rv-count{background:#FFFFFF!important;color:#EA2427!important;-webkit-text-fill-color:#EA2427!important;border-color:#EA2427!important;}

/* v1.3.4 — full-screen mobile drawer (WoodMart + WPML) */
@media screen and (max-width:767px){
 html body #sonai-rv-panel.sonai-rv-panel{
  position:fixed!important;inset:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;
  width:100%!important;max-width:100%!important;min-width:100%!important;
  height:100vh!important;height:100dvh!important;max-height:100dvh!important;
  margin:0!important;border:0!important;border-radius:0!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important;
  box-sizing:border-box!important;box-shadow:none!important;
  transform:translate3d(105%,0,0);
 }
 html body #sonai-rv-panel.sonai-rv-panel.is-open{transform:translate3d(0,0,0)!important;}
 html body #sonai-rv-panel .sonai-rv-header{flex:0 0 auto!important;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px!important;min-height:74px!important;}
 html body #sonai-rv-panel .sonai-rv-items{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding:12px!important;}
 html body #sonai-rv-panel .sonai-rv-footer{flex:0 0 auto!important;padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px))!important;}
 html body.sonai-rv-locked{overflow:hidden!important;}
}

/* v1.3.5 — SONAI Liquid Glass. Transparent layered surfaces with graceful fallback. */
html body #sonai-rv-overlay.sonai-rv-overlay{background:rgba(15,18,24,.34)!important;-webkit-backdrop-filter:blur(12px) saturate(135%)!important;backdrop-filter:blur(12px) saturate(135%)!important;}
html body #sonai-rv-panel.sonai-rv-panel{background:rgba(249,250,253,.86)!important;-webkit-backdrop-filter:blur(28px) saturate(165%)!important;backdrop-filter:blur(28px) saturate(165%)!important;border-left:1px solid rgba(255,255,255,.68)!important;box-shadow:-12px 0 48px rgba(12,19,31,.18),inset 1px 0 rgba(255,255,255,.65)!important;}
html body #sonai-rv-panel .sonai-rv-header,html body #sonai-rv-panel .sonai-rv-footer{background:rgba(255,255,255,.43)!important;-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%);border-color:rgba(255,255,255,.72)!important;}
html body #sonai-rv-panel .sonai-rv-item{background:rgba(255,255,255,.70)!important;border:1px solid rgba(255,255,255,.90)!important;border-radius:18px!important;box-shadow:0 6px 22px rgba(24,31,43,.065),inset 0 1px rgba(255,255,255,.95)!important;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);}
html body #sonai-rv-panel .sonai-rv-item:hover{background:rgba(255,255,255,.86)!important;box-shadow:0 9px 25px rgba(24,31,43,.10),inset 0 1px #fff!important;}
html body #sonai-rv-panel .sonai-rv-image{background:rgba(247,248,250,.82)!important;border-radius:12px!important;}
html body #sonai-rv-panel .sonai-rv-clock{background:rgba(234,36,39,.09)!important;border:1px solid rgba(234,36,39,.16)!important;border-radius:13px!important;color:#EA2427!important;}
html body #sonai-rv-panel .sonai-rv-add,html body #sonai-rv-panel .sonai-rv-add.button{background:#EA2427!important;color:#fff!important;border-radius:11px!important;box-shadow:0 3px 12px rgba(234,36,39,.15)!important;}
html body #sonai-rv-panel .sonai-rv-add:hover,html body #sonai-rv-panel .sonai-rv-add.button:hover{background:#cc151b!important;}
html body #sonai-rv-tab.sonai-rv-tab{box-shadow:0 6px 20px rgba(234,36,39,.25),inset 0 1px rgba(255,255,255,.28)!important;}
@media screen and (max-width:767px){html body #sonai-rv-panel.sonai-rv-panel{border:0!important;border-radius:0!important;box-shadow:none!important;background:rgba(247,249,252,.91)!important;}}
@media (prefers-reduced-transparency:reduce){html body #sonai-rv-panel.sonai-rv-panel{background:#f8f9fb!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}html body #sonai-rv-panel .sonai-rv-item{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}}

/* v1.3.6 — English typography, compact corners and Western badge numerals. */
html body #sonai-rv-panel.sonai-rv-panel:not(.sonai-rv-rtl),
html body #sonai-rv-panel.sonai-rv-panel:not(.sonai-rv-rtl) .sonai-rv-heading,
html body #sonai-rv-panel.sonai-rv-panel:not(.sonai-rv-rtl) .sonai-rv-subtitle,
html body #sonai-rv-panel.sonai-rv-panel:not(.sonai-rv-rtl) .sonai-rv-name,
html body #sonai-rv-panel.sonai-rv-panel:not(.sonai-rv-rtl) .sonai-rv-add,
html body #sonai-rv-panel.sonai-rv-panel:not(.sonai-rv-rtl) .sonai-rv-empty,
html body #sonai-rv-panel.sonai-rv-panel:not(.sonai-rv-rtl) .sonai-rv-footer,
html:not([lang^="ar"]) body #sonai-rv-tab .sonai-rv-tab-label{font-family:"PF BeauSans Pro Sami Bold",Sans-serif!important;}
/* Price typography remains unchanged in both languages. */
html body #sonai-rv-panel .sonai-rv-price,
html body #sonai-rv-panel .sonai-rv-price *{font-family:Arial,Helvetica,sans-serif!important;}
html body #sonai-rv-panel .sonai-rv-item{border-radius:5px!important;}
html body #sonai-rv-panel .sonai-rv-add,
html body #sonai-rv-panel .sonai-rv-add.button{border-radius:5px!important;}
html body #sonai-rv-tab .sonai-rv-count{font-family:Arial,Helvetica,sans-serif!important;font-variant-numeric:lining-nums tabular-nums!important;font-feature-settings:"lnum" 1,"tnum" 1!important;direction:ltr!important;unicode-bidi:isolate!important;font-style:normal!important;}
