/* Abang Recond | iOS Commerce V1 — supplemental storefront styles.
   Original hero, TikTok embeds, SEO, admin and backend remain unchanged. */
:root{--ar-ios-red:#e01c35;--ar-ios-radius:18px;--ar-ios-shadow:0 12px 35px rgba(22,22,24,.08)}
.ar-ios-launch{padding:clamp(14px,2.5vw,24px) 0;background:var(--ar-bg,#fff)}
.ar-ios-launch-btn{display:flex;align-items:center;gap:12px;width:100%;padding:15px 18px;min-height:54px;border:1px solid #e2e3e6;border-radius:30px;background:#f5f5f7;color:#61616b;text-align:left;font:500 15px/1.35 Arial,sans-serif;cursor:pointer;transition:border .2s,box-shadow .2s}
.ar-ios-launch-btn:hover,.ar-ios-launch-btn:focus-visible{border-color:#a5a5ac;box-shadow:0 0 0 3px rgba(222,25,56,.08)}
.ar-ios-search-glyph{font-size:29px;line-height:16px;color:#17171a;font-weight:bold}
.ar-ios-launch-arrow{margin-left:auto;font-size:19px;color:#17171a}
/* Existing catalogue becomes a premium, photo-first e-commerce grid. */
#stock .stock-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px}
#stock .stock-card{border:1px solid #ededf0;border-radius:16px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}
#stock .stock-card:hover{box-shadow:var(--ar-ios-shadow)}
#stock .ar-ios-stock-visual{position:relative;isolation:isolate;padding:7px 7px 0;background:#fff}
#stock .stock-cover{display:block;border-radius:12px;aspect-ratio:4/4.5;overflow:hidden;background:#f2f2f5}
#stock .stock-cover img{width:100%;height:100%;object-fit:cover}
#stock .ar-ios-missing-cover{display:grid;place-items:center;text-align:center;padding:15px;color:#73737e;font-size:12px}
#stock .ar-ios-heart{position:absolute;top:15px;right:15px;z-index:2;border:1px solid rgba(255,255,255,.72);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;cursor:pointer;background:rgba(255,255,255,.90);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#111;font-size:27px;line-height:1;box-shadow:0 3px 14px rgba(0,0,0,.08);transition:transform .15s}
#stock .ar-ios-heart:active{transform:scale(.91)}
#stock .ar-ios-heart.is-saved{background:#fff0f2;color:var(--ar-ios-red);border-color:#fff}
#stock .stock-body{padding:11px 12px 14px;min-width:0}
#stock .stock-tags{margin-bottom:8px;gap:5px 9px}
#stock .stock-head{min-height:0}
#stock .stock-body h3{font-size:clamp(14px,1.3vw,18px);line-height:1.27;font-weight:700;letter-spacing:-.025em;overflow-wrap:anywhere}
#stock .grade-stamp{min-width:43px;height:43px;font-size:16px}
#stock .stock-spec{font-size:12px;margin:6px 0 10px;line-height:1.42;color:#656570}
#stock .verified-preview{margin:0 0 8px;gap:4px}
#stock .verified-preview .vf{font-size:11px;padding:4px 6px;border-radius:5px}
#stock .price{font-size:clamp(16px,1.7vw,21px);font-weight:700;letter-spacing:-.025em;margin-top:auto;color:#111}
#stock .price small{font-size:11px;font-weight:400}
#stock .est-monthly{font-size:11px;margin:5px 0 12px}
#stock .stock-actions{gap:6px}
#stock .stock-actions .btn{font-size:12px;min-height:42px;padding:7px 6px;border-radius:9px}
#stock .stock-actions .btn-primary{background:#161618;color:#fff}
#stock .stock-actions .btn-primary:hover{background:var(--ar-ios-red)}
#stock .searchbox{border-radius:18px}
#stock .field input,#stock .field select{border-radius:11px}
#stock .stock-pager{padding:15px 0}
/* iOS search overlay mode operates on the same catalogue DOM, not a second feed. */
body.ar-ios-mode main>section:not(#stock){display:none!important}
body.ar-ios-mode #stock.sec{padding:20px 0 110px;min-height:calc(100dvh - 70px)}
body.ar-ios-mode #stock .stock-intro{margin:14px 0}
body.ar-ios-mode #stock .stock-intro h2{font-size:clamp(22px,3vw,30px)}
body.ar-ios-mode #stock .stock-intro p{display:none}
body.ar-ios-mode #stock .stock-meta{margin:12px 0 18px}
body.ar-ios-mode #stock .searchbox{display:none}
body.ar-ios-mode.ar-ios-filter-open #stock .searchbox{display:grid}
body.ar-ios-mode .sticky-wa{display:none!important}
body.ar-ios-mode .arf{display:none!important}
body.ar-ios-mode .ar-ios-shop-head{display:grid;gap:13px}
body.ar-ios-mode #stock .stock-intro h2{font-size:0}
body.ar-ios-mode #stock .stock-intro h2:after{content:'Hasil Carian';font-size:24px}
body.ar-ios-wishlist #stock .stock-intro{display:none}
body.ar-ios-wishlist #stock .searchbox,body.ar-ios-wishlist #stock .stock-meta{display:none!important}
body.ar-ios-wishlist .ar-ios-toolbar,body.ar-ios-wishlist .ar-ios-shop-search{display:none}
.ar-ios-shop-head[hidden],.ar-ios-bottomnav[hidden],.ar-ios-wishlist-notice[hidden]{display:none!important}
.ar-ios-shop-titlebar{display:flex;align-items:center;gap:13px}
.ar-ios-shop-titlebar>span{flex:1;font-size:20px;font-weight:700;letter-spacing:-.03em}
.ar-ios-shop-titlebar button{min-height:42px;border:0;background:#f4f4f6;border-radius:13px;padding:7px 14px;font-size:18px;cursor:pointer}
.ar-ios-shop-titlebar .ar-ios-account{font-size:12px;border:1px solid #e7e7ea;background:#fff;font-weight:700;max-width:42%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ar-ios-shop-search{display:flex;align-items:center;gap:9px;border-radius:16px;background:#f2f2f5;border:1px solid transparent;padding:0 13px;min-height:54px}
.ar-ios-shop-search:focus-within{border-color:#a8a8ae;background:#fff}
.ar-ios-shop-search>span{font-size:28px;font-weight:bold;line-height:1}
.ar-ios-shop-search input{flex:1;min-width:0;height:52px;background:none;border:0;outline:0;font-size:16px;color:#111;font-family:var(--ar-ui-font, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif)}
.ar-ios-shop-search #arIosClear{border:0;background:transparent;color:#555;font-size:24px;cursor:pointer;min-width:36px;min-height:44px}
.ar-ios-toolbar{display:flex;gap:10px;align-items:center}
.ar-ios-toolbar>button,.ar-ios-sort{display:flex;align-items:center;gap:6px;justify-content:center;min-height:43px;padding:0 14px;border:1px solid #e5e5e9;background:#fff;border-radius:12px;color:#28282c;font-size:13px;font-weight:600;cursor:pointer}
.ar-ios-toolbar>button[aria-expanded="true"]{border-color:#222}
.ar-ios-sort{margin-left:auto}
.ar-ios-sort select{border:0;background:transparent;max-width:155px;color:#111;font-weight:700;font-size:13px;outline:none;cursor:pointer}
.ar-ios-bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:80;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;background:rgba(255,255,255,.96);border-top:1px solid #e9e9ee;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:8px 8px calc(9px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 20px rgba(0,0,0,.035)}
.ar-ios-bottomnav button,.ar-ios-bottomnav a{background:none;border:0;color:#71717b;min-height:47px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;cursor:pointer;font-size:24px;text-decoration:none}
.ar-ios-bottomnav small{font-size:11px;font-weight:600}
.ar-ios-bottomnav .is-current,.ar-ios-bottomnav .is-current small{color:var(--ar-ios-red)}
.ar-ios-wishlist-notice{border-radius:14px;border:1px solid #eee;background:#f7f7f9;padding:20px 16px;text-align:center;margin:18px 0;color:#3b3b41;line-height:1.5}
.ar-ios-wishlist-notice button{display:inline-flex;align-items:center;justify-content:center;border:0;background:#151517;color:#fff;min-height:45px;border-radius:12px;padding:0 22px;margin-top:12px;font-weight:700;cursor:pointer}
.ar-ios-login-dialog{border:0;border-radius:24px;padding:30px 24px;max-width:min(92vw,430px);width:100%;box-shadow:0 24px 80px rgba(0,0,0,.22);font-family:var(--ar-ui-font, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif);color:#111}
.ar-ios-login-dialog::backdrop{background:rgba(12,12,16,.55);backdrop-filter:blur(4px)}
.ar-ios-close{position:absolute;top:12px;right:12px;border:0;width:44px;height:44px;background:#f2f2f4;border-radius:50%;font-size:25px;cursor:pointer}
.ar-ios-login-heart{font-size:40px;color:var(--ar-ios-red);margin-bottom:10px}
.ar-ios-login-dialog h2{font-size:24px;line-height:1.2;margin:0 0 9px}
.ar-ios-login-dialog p{font-size:14px;color:#5c5c65;line-height:1.45;margin:0 0 19px}
.ar-ios-login-dialog .ar-ios-google{width:100%;min-height:52px;border-radius:13px;border:1px solid #dadde2;background:#fff;color:#222;font:700 15px Arial,sans-serif;cursor:pointer}
.ar-google-g{color:#4285f4;font-weight:800;font-size:20px;vertical-align:middle;margin-right:7px}
.ar-ios-login-dialog small{display:block;margin-top:14px;color:#6e6e77;line-height:1.4}
.ar-ios-login-dialog p.ar-ios-login-error{color:#a4102b;background:#fff2f2;border-radius:8px;padding:9px;margin-top:12px}
@media(max-width:1100px){#stock .stock-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){#stock .stock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 #stock .stock-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 9px}
 #stock .stock-card{border-radius:14px}
 #stock .ar-ios-stock-visual{padding:5px 5px 0}
 #stock .stock-cover{border-radius:11px}
 #stock .ar-ios-heart{top:10px;right:10px;width:38px;height:38px;font-size:23px}
 #stock .stock-body{padding:9px 7px 11px}
 #stock .stock-body h3{font-size:13px;line-height:1.3}
 #stock .stock-spec{font-size:11px;line-height:1.4;margin:5px 0 7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 #stock .stock-tags{font-size:10px;margin-bottom:4px}
 #stock .stock-tags .report,#stock .stock-tags .vehicle-badge,#stock .grade-stamp,#stock .verified-preview{display:none}
 #stock .price{font-size:15px;padding-top:3px}
 #stock .price small{font-size:10px}
 #stock .est-monthly{font-size:10px;margin:5px 0 9px}
 #stock .stock-actions{grid-template-columns:1fr 1fr;gap:4px}
 #stock .stock-actions .btn{font-size:10px;padding:5px 3px;min-height:39px;line-height:1.2}
 body.ar-ios-mode .arh{position:relative}
 body.ar-ios-mode #stock.sec{padding-top:12px}
 .ar-ios-launch{padding:10px 0 16px}
 .ar-ios-launch-btn{min-height:50px;padding:11px 13px;font-size:13px}
 .ar-ios-shop-titlebar>span{font-size:19px}
 .ar-ios-toolbar>button,.ar-ios-sort{padding:0 10px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){#stock .stock-card,#stock .ar-ios-heart{transition:none}}

/* Wishlist is read from RLS-protected user records, not generic stock filters. */
body.ar-ios-wishlist #stock .stock-grid .empty{display:none!important}

/* Search result density: keep controls compact like Kombai reference. */
body.ar-ios-mode #stockCount{display:none}
body.ar-ios-mode:not(.ar-ios-filter-open) #stock .stock-meta-right{display:none}
body.ar-ios-mode #stock .stock-meta{margin:3px 0 17px}
body.ar-ios-mode #stock .stock-intro{margin:9px 0 0}
body.ar-ios-mode #stock .stock-intro h2:after{font-weight:700;font-size:22px}
body.ar-ios-mode #stock .stock-summary{font-size:13px}


/* V2 Apple HIG-inspired improvements */
/* Scope all overrides to storefront only. Liquid-Glass-like material is for navigation
   and floating controls, NOT content cards. Web recreation, not UIKit Liquid Glass. */
:root{--ar-ios-sys:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--ar-ios-focus:#185abc}
.ar-ios-icon{width:23px;height:23px;display:block;flex:none}
:is(.ar-ios-launch,.ar-ios-shop-head,.ar-ios-bottomnav,.ar-ios-login-dialog,.ar-ios-wishlist-notice),
#stock .stock-grid,#stock .stock-meta{font-family:var(--ar-ios-sys)}
.ar-ios-launch-btn,.ar-ios-shop-search input,.ar-ios-shop-titlebar button,.ar-ios-toolbar>button,.ar-ios-sort,.ar-ios-sort select,.ar-ios-bottomnav button,.ar-ios-bottomnav a,.ar-ios-login-dialog .ar-ios-google{font-family:var(--ar-ios-sys)}
.ar-ios-launch-btn{min-height:56px;gap:12px;font-size:clamp(14px,2.9vw,16px);font-weight:500;border-radius:18px;background:#f4f4f6;border:1px solid #e4e4e8;padding:12px 15px;letter-spacing:-.01em;color:#3d3d45}
.ar-ios-launch-btn .ar-ios-icon{width:23px;height:23px;color:#111}
.ar-ios-launch-btn .ar-ios-icon:last-child{width:18px;height:18px;margin-left:auto;color:#6a6a72}
.ar-ios-launch-btn:active{transform:scale(.993)}
/* Photo-led catalogue, no translucent product card backgrounds. */
#stock .stock-card{background:#fff;border-color:#e9e9ec;box-shadow:none}
#stock .stock-body h3{font-family:var(--ar-ios-sys);font-weight:650;letter-spacing:-.025em}
#stock .stock-spec,#stock .est-monthly,#stock .price{font-family:var(--ar-ios-sys)}
#stock .stock-spec{color:#4c4c55}
#stock .est-monthly{color:#45454e}
#stock .stock-tags .status{letter-spacing:.005em}
#stock .price{font-weight:740}
#stock .ar-ios-heart{width:46px;height:46px;top:12px;right:12px;font-size:25px;background:rgba(255,255,255,.94);color:#25252b;border-color:rgba(0,0,0,.08);transition:transform 140ms ease,background-color 140ms ease}
#stock .ar-ios-heart:focus-visible{outline:3px solid var(--ar-ios-focus);outline-offset:2px}
#stock .ar-ios-heart.is-saved{color:var(--ar-ios-red);background:#fff}
#stock .stock-actions .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--ar-ios-sys);font-size:13px;font-weight:650;white-space:normal;text-align:center;line-height:1.2;border-radius:11px}
#stock .stock-actions .btn:focus-visible,#stock .stock-cover:focus-visible,#stock .stock-head a:focus-visible{outline:3px solid var(--ar-ios-focus);outline-offset:2px}
#stock .stock-pager button{min-height:44px}
/* Search mode controls: predictable 44px target and visible focus. */
body.ar-ios-mode #stock.sec{padding-bottom:calc(118px + env(safe-area-inset-bottom,0px));scroll-margin-top:70px}
.ar-ios-shop-titlebar{gap:12px}
.ar-ios-shop-titlebar>span{font-size:22px;line-height:1.3;font-weight:720}
.ar-ios-shop-titlebar button{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:9px}
.ar-ios-shop-titlebar button .ar-ios-icon{width:21px;height:21px}
.ar-ios-shop-titlebar .ar-ios-account{padding:8px 15px;min-width:88px;max-width:48%;font-size:13px;font-weight:650}
.ar-ios-shop-search{border-radius:18px;min-height:56px;padding:0 12px;background:#f2f2f5}
.ar-ios-shop-search>.ar-ios-icon{color:#36363e;width:22px;height:22px}
.ar-ios-shop-search input{height:54px;min-height:54px;font-size:16px;font-weight:450;line-height:1.4}
.ar-ios-shop-search #arIosClear{width:44px;height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0}
.ar-ios-shop-search #arIosClear[hidden]{display:none}
.ar-ios-shop-search #arIosClear .ar-ios-icon{width:18px;height:18px}
.ar-ios-toolbar{gap:10px;flex-wrap:wrap}
.ar-ios-toolbar>button,.ar-ios-sort{min-height:44px;font-size:13px;font-weight:650;border-radius:13px}
.ar-ios-toolbar>button{gap:8px}
.ar-ios-toolbar>button .ar-ios-icon{width:19px;height:19px}
.ar-ios-sort select{min-height:44px;font-size:13px;max-width:clamp(132px,38vw,190px)}
body.ar-ios-mode.ar-ios-filter-open #stock .searchbox{margin:10px 0 18px}
body.ar-ios-mode #stock .stock-intro h2:after{font-size:23px;font-weight:720;letter-spacing:-.035em}
body.ar-ios-mode #stock .stock-summary,body.ar-ios-mode #stock #stockSummary{font-size:13px;line-height:1.5;color:#595965}
/* Navigation = functional glass; WhatsApp = outbound action, visibly differentiated. */
.ar-ios-bottomnav{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:8px max(10px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px));background:rgba(250,250,252,.88);border-top:1px solid rgba(45,45,56,.12);-webkit-backdrop-filter:saturate(150%) blur(20px);backdrop-filter:saturate(150%) blur(20px);box-shadow:0 -5px 20px rgba(0,0,0,.04)}
.ar-ios-bottomnav button,.ar-ios-bottomnav a{min-height:54px;min-width:44px;gap:2px;padding:5px 4px;border-radius:14px;color:#53535f;font-size:15px;line-height:1.1}
.ar-ios-bottomnav .ar-ios-icon{width:23px;height:23px}
.ar-ios-bottomnav small{font-size:12px;line-height:1.25;font-weight:600}
.ar-ios-bottomnav .is-current{background:rgba(224,28,53,.07);color:#bd1330}
.ar-ios-bottomnav a.ar-ios-wa-action{color:#075e34}
.ar-ios-bottomnav a.ar-ios-wa-action .ar-ios-icon{stroke-width:2}
.ar-ios-bottomnav :is(button,a):focus-visible{outline:3px solid var(--ar-ios-focus);outline-offset:-2px}
/* Dialog grows into a bottom sheet on iPhone, centered on desktop. */
.ar-ios-login-dialog{font-family:var(--ar-ios-sys);border-radius:26px;line-height:1.45;max-height:calc(100dvh - 28px);overflow:auto}
.ar-ios-login-dialog h2{font-family:var(--ar-ios-sys);font-size:25px;font-weight:730;letter-spacing:-.035em;line-height:1.15;margin-bottom:12px}
.ar-ios-login-dialog p{font-size:15px;line-height:1.55;color:#454550}
.ar-ios-login-heart .ar-ios-icon{width:39px;height:39px;stroke-width:1.8}
.ar-ios-close{display:flex;align-items:center;justify-content:center}
.ar-ios-close .ar-ios-icon{width:20px;height:20px}
.ar-ios-login-dialog .ar-ios-google{min-height:52px;font-size:15px;font-weight:650}
.ar-ios-wishlist-notice{font-family:var(--ar-ios-sys);font-size:15px}
.ar-ios-wishlist-notice button{min-height:48px;font-family:var(--ar-ios-sys);font-size:15px}
/* Keep design keyboard-accessible: avoid relying on hover and preserve high contrast. */
:is(.ar-ios-launch-btn,.ar-ios-shop-titlebar button,.ar-ios-shop-search input,.ar-ios-shop-search #arIosClear,.ar-ios-toolbar button,.ar-ios-sort select,.ar-ios-login-dialog button,.ar-ios-wishlist-notice button):focus-visible{outline:3px solid var(--ar-ios-focus);outline-offset:2px}
body.ar-ios-typing .ar-ios-bottomnav{display:none}
@media(max-width:760px){
 #stock .stock-grid{gap:18px 10px}
 #stock .ar-ios-heart{width:44px;height:44px;top:9px;right:9px;font-size:25px}
 #stock .stock-body{padding:10px 9px 12px}
 #stock .stock-body h3{font-size:clamp(13px,3.3vw,15px);line-height:1.34}
 #stock .stock-tags{font-size:11px;line-height:1.3}
 #stock .stock-tags .status{font-size:11px}
 #stock .stock-spec{font-size:12px;line-height:1.42;margin:7px 0 9px;-webkit-line-clamp:2}
 #stock .price{font-size:clamp(15px,4vw,18px);line-height:1.25}
 #stock .price small{font-size:11.5px;display:block;margin-top:1px}
 #stock .est-monthly{font-size:12px;line-height:1.4;margin:6px 0 10px}
 #stock .stock-actions{gap:5px}
 #stock .stock-actions .btn{font-size:clamp(11px,3vw,12.5px);min-height:44px;padding:6px 3px}
 .ar-ios-launch-btn{font-size:14px;min-height:55px}
 body.ar-ios-mode #stock .stock-intro h2:after{font-size:22px}
 .ar-ios-toolbar>button,.ar-ios-sort{font-size:13px;padding:0 10px}
 .ar-ios-login-dialog{margin:auto auto 0;width:100%;max-width:100vw;border-radius:25px 25px 0 0;padding:34px 22px calc(30px + env(safe-area-inset-bottom,0px));}
}
@media(max-width:355px){
 #stock .stock-grid{gap:14px 7px}
 #stock .stock-body{padding:8px 6px 11px}
 #stock .stock-body h3{font-size:13px}
 #stock .stock-actions{display:grid;grid-template-columns:1fr;gap:5px}
 #stock .stock-actions .btn{font-size:12px}
 .ar-ios-sort select{max-width:116px}
}
@media (prefers-reduced-motion:reduce){
 .ar-ios-launch-btn,#stock .ar-ios-heart,#stock .stock-card,.ar-ios-bottomnav{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media (prefers-reduced-transparency:reduce){
 .ar-ios-bottomnav{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
 #stock .ar-ios-heart{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
 .ar-ios-login-dialog::backdrop{backdrop-filter:none}
}
@media (prefers-contrast:more){
 .ar-ios-bottomnav{background:#fff;border-color:#32323c}
 .ar-ios-bottomnav button,.ar-ios-bottomnav a{color:#17171a}
 .ar-ios-shop-search{border:2px solid #30303a}
 #stock .stock-card{border-color:#43434b}
 #stock .stock-spec,#stock .est-monthly{color:#222}
}
/* Keep nav tappable above existing sticky global UI; ephemeral toast never blocks taps. */
body.ar-ios-mode .ar-ios-bottomnav{z-index:1000}
body.ar-ios-mode #toast{pointer-events:none}
/* 320px devices: constrain intrinsic grid/flex widths instead of horizontal scrolling. */
.ar-ios-shop-head{min-width:0;grid-template-columns:minmax(0,1fr);width:100%}
.ar-ios-shop-titlebar,.ar-ios-shop-search,.ar-ios-toolbar{min-width:0;max-width:100%}
.ar-ios-shop-titlebar>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ar-ios-shop-titlebar .ar-ios-account{min-width:0;max-width:min(42%,130px);flex-shrink:0}

/* V3: pseudo text follows selected language (no English leakage in BM). */
html:lang(ms) body.ar-ios-mode #stock .stock-intro h2:after{content:'Hasil Carian'}
html:lang(en) body.ar-ios-mode #stock .stock-intro h2:after{content:'Search Results'}

/* V7 (23/10/2026): bottom nav terapung — hilang bila scroll ke bawah / unit dibuka, muncul semula bila scroll ke atas.
   Supaya butang "Kira OTR" dan kandungan bawah tidak terlindung. */
body .ar-ios-bottomnav{left:max(10px,env(safe-area-inset-left,0px));right:max(10px,env(safe-area-inset-right,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));padding:6px 8px!important;border:1px solid #E1E2E8!important;border-radius:22px;box-shadow:0 10px 30px rgba(20,22,27,.16)!important;transition:transform 260ms cubic-bezier(.23,1,.32,1),opacity 200ms ease;will-change:transform}
body .ar-ios-bottomnav.ar-nav-away{transform:translateY(calc(100% + 24px + env(safe-area-inset-bottom,0px)));opacity:0;pointer-events:none}
@media (prefers-reduced-motion:reduce){body .ar-ios-bottomnav{transition:opacity 120ms linear}}
.ar-ios-login-logo{margin-bottom:12px}.ar-ios-login-logo img{display:block;width:64px;height:64px;border-radius:50%;box-shadow:0 0 0 1.5px rgba(184,150,70,.6)}