/* Arbicano Spice Cabinet */
.arb-sp{--o:#F7931E;--o-d:#E07F06;--o-soft:#FFF3E3;--ink:#111827;--ink-2:#374151;--mut:#6B7280;--line:#E5E1D6;--panel:#F3F1ED;--olive:#2E4B2A;--col:156px;--jar:178px;
  width:100%;margin:0;box-sizing:border-box;color:var(--ink);font-family:inherit;line-height:1.5}
.arb-sp *{box-sizing:border-box;letter-spacing:normal}
.arb-sp .ar{font-family:'Tajawal','Noto Sans Arabic','Segoe UI',Tahoma,sans-serif!important;direction:rtl;unicode-bidi:isolate;letter-spacing:0!important;word-spacing:normal!important;text-transform:none!important;font-weight:500}
/* header row, same pattern as the theme's "New Arrivals" */
.arb-sp .hd{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin:0 0 16px}
.arb-sp .hd-l{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;min-width:0}
.arb-sp h2.ttl{font-family:inherit!important;font-size:20px!important;font-weight:700!important;line-height:1.3!important;margin:0!important;padding:0!important;color:var(--ink)!important;text-transform:none!important;display:flex;align-items:baseline;gap:10px}
.arb-sp h2.ttl .ar{font-size:17px;font-weight:700;color:var(--olive)}
.arb-sp .by{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--mut)}
.arb-sp .by img{width:30px!important;height:auto!important;margin:0!important}
.arb-sp .mip{display:inline-flex;align-items:center;gap:7px;height:30px;font-size:12px;font-weight:700;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;padding:0 11px 0 8px;white-space:nowrap}
.arb-sp .mip .ar{font-size:13px;font-weight:700;color:#007A3D}
.arb-sp .flag{width:20px;height:13px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.15);flex:none}
.arb-sp .hd-r{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.arb-sp a.all{position:absolute;top:34px;right:16px;z-index:3;box-shadow:0 2px 8px rgba(17,24,39,.06);display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;border:1px solid #E5E7EB;font-size:13px;font-weight:600;color:var(--ink)!important;text-decoration:none!important;background:#fff;white-space:nowrap}
.arb-sp a.all:hover{border-color:#C9CDD3}
.arb-sp svg.i{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.arb-sp button:focus-visible,.arb-sp a:focus-visible{outline:2px solid var(--o);outline-offset:2px}
/* panel */
.arb-sp .panel{position:relative;isolation:isolate;overflow:hidden;background:var(--panel);border-radius:4px;padding:46px 0 24px}
.arb-sp .bg{position:absolute;inset:0;z-index:-2;pointer-events:none;background-repeat:repeat;background-size:72px 72px}
.arb-sp .bg.photo{background-repeat:no-repeat;background-size:cover;background-position:center}
.arb-sp .tz{position:absolute;left:0;right:0;top:12px;height:12px;background-repeat:repeat-x;background-size:24px 12px;pointer-events:none;opacity:.55}
/* soft spotlight behind the center jar, no shelf line */
.arb-sp .spot{position:absolute;left:50%;top:40px;width:min(560px,90%);height:300px;transform:translateX(-50%);z-index:-1;pointer-events:none;
  background:radial-gradient(50% 50% at 50% 55%,rgba(255,255,255,.95) 0%,rgba(255,255,255,.55) 45%,rgba(255,255,255,0) 72%)}
/* center-stage shelf */
.arb-sp .shelf{display:grid;grid-auto-flow:column;grid-auto-columns:var(--col);overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  padding:0 calc(50% - var(--col) / 2);margin:0;align-items:start}
.arb-sp .shelf::-webkit-scrollbar{display:none}
.arb-sp a.jar{--s:1;--f:1;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none!important;color:var(--ink)!important;padding:0 4px;opacity:var(--f)}
.arb-sp a.jar{height:calc(var(--jar) * 1.22 + 80px)}
.arb-sp .j{position:relative;height:calc(var(--jar) * 1.22);width:100%;display:flex;align-items:flex-end;justify-content:center}
.arb-sp .j img{height:var(--jar)!important;width:auto!important;max-width:none!important;margin:0!important;transform:scale(var(--s));transform-origin:50% 100%;transition:transform .14s linear;filter:drop-shadow(0 10px 10px rgba(17,24,39,.2))}
.arb-sp .j::after{content:"";position:absolute;bottom:-7px;left:50%;width:calc(70% * var(--s));height:14px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(40,30,15,.28),transparent);z-index:-1}
.arb-sp .jar .nm{font-size:13.5px;font-weight:600;line-height:1.3;margin-top:16px;transition:font-size .15s}
.arb-sp .jar .ar{font-size:14px;color:var(--olive);margin-top:2px}
.arb-sp a.jar.cur .nm{font-size:15px;font-weight:800}
.arb-sp .buy{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:4px;padding:0 16px}
.arb-sp .buy .use{margin:0!important;font-size:13px;color:var(--mut);line-height:1.4;min-height:1.4em;text-align:center;transition:opacity .2s}
.arb-sp .buy .use.fade{opacity:0}
.arb-sp .buy .row{display:flex;align-items:center;justify-content:center;gap:14px}
.arb-sp .buy .price{font-size:20px;font-weight:800;color:#E5202A;line-height:1}
.arb-sp .buy .price:empty{display:none}
.arb-sp .ptl{position:relative;z-index:2;text-align:center;padding:0 16px;margin:0 0 16px}
.arb-sp .ptl small{display:block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--olive)}
.arb-sp .ptl .pt{margin:4px 0 0!important;padding:0;font-size:22px;font-weight:700;line-height:1.25;color:var(--ink)}
.arb-sp .ptl .pt .ar{font-size:18px;font-weight:700;color:var(--olive);margin-left:6px}
.arb-sp a.go{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 22px;border-radius:999px;background:var(--o);color:#fff!important;font-size:14px;font-weight:700;text-decoration:none!important;white-space:nowrap;box-shadow:0 6px 16px rgba(247,147,30,.32);transition:background .15s}
.arb-sp a.go:hover{background:var(--o-d)}
.arb-sp a.go .i{stroke:#fff}
.arb-sp .arr{all:unset;box-sizing:border-box;position:absolute;top:165px;width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid #E5E7EB;display:grid;place-items:center;cursor:pointer;color:var(--ink);box-shadow:0 4px 12px rgba(17,24,39,.1);z-index:3}
.arb-sp .arr:hover{border-color:#C9CDD3}
.arb-sp .arr.l{left:14px}.arb-sp .arr.r{right:14px}
.arb-sp .dots{display:flex;justify-content:center;gap:5px;margin-top:16px}
.arb-sp .dots span{width:6px;height:6px;border-radius:3px;background:#D8D2C2;transition:width .2s,background .2s}
.arb-sp .dots span.on{width:18px;background:var(--o)}
.arb-sp .note{font-size:12.5px;color:var(--mut);text-align:center;margin:12px 0 0!important}
.arb-sp .miss{width:90px;height:170px;border:2px dashed #CFC8B6;border-radius:8px;display:grid;place-items:center;font-size:11px;color:var(--mut);padding:8px;text-align:center;background:#fff}
@media (max-width:900px){
  .arb-sp{--col:118px;--jar:136px}
  .arb-sp .hd{flex-direction:column;align-items:center;text-align:center}
  .arb-sp .hd-l{flex-direction:column;align-items:center;gap:8px}
  .arb-sp .hd-r{justify-content:center}
      .arb-sp .spot{height:230px}
  .arb-sp .arr{display:none}
  .arb-sp a.all{top:30px;right:10px;height:30px;padding:0 11px;font-size:12px}
  .arb-sp .panel{padding:40px 0 20px}
  .arb-sp .ptl .pt{font-size:19px}
  .arb-sp .ptl .pt .ar{display:block;margin:2px 0 0;font-size:16px}
}
@media (prefers-reduced-motion:reduce){.arb-sp *{transition:none!important}.arb-sp .shelf{scroll-behavior:auto}}