/* Arbicano: section title above the box (matches the theme's "New Arrivals" heading) + background picture layer */
.arb-wrap{width:100%}
.arb-shd{display:flex;align-items:center;justify-content:space-between;gap:10px 20px;flex-wrap:wrap;margin:0 0 18px;--arb-acc:#B3101E}
.arb-shd *{box-sizing:border-box;letter-spacing:normal}
.arb-shd .l{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;min-width:0}
.arb-shd .tt{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px;min-width:0}
.arb-shd .t{font-family:inherit;font-size:20px;font-weight:600;line-height:1.3;margin:0;padding:0;color:#111827;text-transform:none}
.arb-shd .ar,.arb-shd .ar2{font-family:'Tajawal','Noto Sans Arabic','Segoe UI',Tahoma,sans-serif;direction:rtl;unicode-bidi:isolate;letter-spacing:0;text-transform:none}
.arb-shd .ar{font-size:17px;font-weight:700;color:var(--arb-acc)}
.arb-shd .d{font-size:13px;line-height:1.4;color:#6B7280;margin:0;padding:0}
.arb-shd .r{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.arb-shd .by{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#6B7280}
.arb-shd .by img{width:28px!important;height:auto!important;margin:0!important}
.arb-shd .mip{display:inline-flex;align-items:center;gap:7px;height:32px;font-size:12px;font-weight:700;color:#111827;background:#fff;border:1px solid #E5E1D6;border-radius:999px;padding:0 12px 0 9px;white-space:nowrap}
.arb-shd .mip .ar2{font-size:13px;font-weight:700;color:#007A3D}
.arb-shd .flag{width:20px;height:13px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.15);flex:none}
.arb-shd a.btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px;border-radius:999px;border:1px solid #E5E7EB;background:#fff;font-size:13px;font-weight:600;color:#111827!important;text-decoration:none!important;white-space:nowrap;transition:border-color .15s}
.arb-shd a.btn:hover{border-color:#C9CDD3}
.arb-shd a.btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.arb-shd a.btn:focus-visible{outline:2px solid #F7931E;outline-offset:2px}
@media (max-width:767px){
  .arb-shd{flex-wrap:nowrap;align-items:flex-start;gap:12px;margin-bottom:14px}
  .arb-shd .l{flex:1 1 auto;flex-direction:column;align-items:flex-start;gap:3px}
  .arb-shd .t{font-size:18px;line-height:1.25}
  .arb-shd .ar{font-size:15px}
  .arb-shd .d{font-size:12.5px;line-height:1.35}
  .arb-shd .r{flex:none;gap:8px}
  .arb-shd:not(.show-m) .r .by,.arb-shd:not(.show-m) .r .mip{display:none}
  .arb-shd.show-m{flex-wrap:wrap}
  .arb-shd a.btn{height:32px;padding:0 12px;font-size:12.5px;gap:6px}
  .arb-shd a.btn svg{width:14px;height:14px}
}
/* background picture inside the box */
.arb-bgimg{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;z-index:-1;pointer-events:none;background-repeat:no-repeat;background-size:cover;background-position:right center;opacity:.22;
  filter:blur(var(--arb-blur,0px)) grayscale(var(--arb-gray,0));
  -webkit-mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.6) calc(var(--arb-fade,70%) * .5),transparent var(--arb-fade,70%));
  mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.6) calc(var(--arb-fade,70%) * .5),transparent var(--arb-fade,70%))}
.arb-sp .panel > .arb-bgimg{z-index:-2}
/* Section Title widget with tatreez strip */
.arb-st{--st-dir:row;--st-just:space-between;--st-items:center;--st-ta:left;--st-l:flex-start;--st-sm:0;--st-il:0;--st-ix:0;--st-gap:14px;width:100%}
.arb-st .arb-shd{flex-direction:var(--st-dir);justify-content:var(--st-just);align-items:var(--st-items);text-align:var(--st-ta);margin:0}
.arb-st .arb-shd .l,.arb-st .arb-shd .tt{justify-content:var(--st-l)}
.arb-st.stack .arb-shd .l{flex-direction:column;align-items:var(--st-l);gap:4px}
.arb-st .arb-strip{display:block;margin-top:var(--st-gap);background-repeat:round no-repeat;background-position:left center;opacity:.55}
.arb-st .arb-strip:first-child{margin-top:0;margin-bottom:var(--st-gap)}
.arb-st .arb-strip.short{width:144px;max-width:100%;margin-left:var(--st-sm);margin-right:var(--st-sm)}
.arb-st .arb-strip.line{position:relative;height:1px!important;background:var(--line,#E5E1D6)!important;opacity:1;overflow:visible;margin-top:calc(var(--st-gap) + 6px);margin-bottom:6px}
.arb-st .arb-strip.line i{position:absolute;top:50%;left:var(--st-il);transform:translate(var(--st-ix),-50%);width:144px;max-width:100%;background-repeat:round no-repeat;background-position:left center;background-color:#fff;box-shadow:0 0 0 6px #fff}
@media (max-width:767px){
  .arb-st .arb-shd .l{align-items:var(--st-l)}
}