/* PICA storefront system. Replace the customization stylesheet; do not append.
   Salla owns behavior, commerce components, icons and hosted checkout. */
:root {
  --pica-ink:#20251f; --pica-yellow:#ffd203; --pica-muted:#62685f;
  --pica-surface:#fff; --pica-line:#e2e5df; --pica-background:#fafbf8;
  --pica-footer-muted:#c4c9c0; --pica-error:#a92323;
  --pica-space-1:4px; --pica-space-2:8px; --pica-space-3:12px;
  --pica-space-4:16px; --pica-space-6:24px; --pica-space-8:32px;
  --pica-space-12:48px; --pica-space-16:64px;
  --pica-small:14px; --pica-body:16px; --pica-price:18px;
  --pica-heading:clamp(24px,2.5vw,32px); --pica-display:clamp(36px,4.5vw,64px);
  --pica-radius:8px; --pica-width:1280px; --pica-gutter:16px;
  --pica-motion:180ms; --pica-button-height:48px;
  --pica-preview-reserve:1360px;
}
body { color:var(--pica-ink); background:var(--pica-background); -webkit-font-smoothing:antialiased; }
body .container { max-width:var(--pica-width); padding-inline:var(--pica-gutter); }
body #main-content { row-gap:var(--pica-space-12); }
body #main-content>.s-block { margin-block-start:0; }
body #main-content>.s-block:first-child { margin-block-start:var(--pica-space-4); }
/* Reserve the native HTML bundle's space before asynchronous hydration. */
body section:is([component-id="1903922596"],[component-id="339271165"]):not(:has([data-pica-hero])) { min-block-size:var(--pica-preview-reserve); background:#101112; }
body .s-block__title { margin-block-end:var(--pica-space-6); gap:var(--pica-space-4); }
body .s-block__title h2 { font-size:var(--pica-heading); line-height:1.4; }
body .s-block__title a { font-size:var(--pica-small); min-height:44px; display:inline-flex; align-items:center; }
/* The logo asset includes whitespace. Crop only its frame, never the artwork. */
body .navbar-brand { display:flex; position:relative; inline-size:128px; block-size:56px; overflow:hidden; flex-shrink:0; align-items:center; justify-content:center; }
body .navbar-brand img { position:static; inline-size:200px; block-size:200px; max-width:none; max-height:none; flex-shrink:0; object-fit:contain; margin:0; }
body #mainnav .sicon-menu { color:var(--pica-ink); }
body .top-navbar { padding-block:var(--pica-space-1); }
body .header-search, body .header-search salla-search { min-width:0; }
body .s-search-input { min-height:44px; font-size:var(--pica-small); }
body .s-advertisement { background:var(--pica-yellow); color:var(--pica-ink); }
body :is(.s-advertisement-content-main,.s-advertisement-action,.s-advertisement-content-icon) { color:var(--pica-ink); }
body .s-advertisement-content-main { font-weight:700; font-size:var(--pica-small); line-height:1.6; }
/* Buttons: specificity beats native class rules; no global icon-button resizing. */
body .s-button-btn { min-height:var(--pica-button-height); border-radius:var(--pica-radius); padding:var(--pica-space-3) var(--pica-space-4); font-size:var(--pica-small); font-weight:700; line-height:1.5; transition:background-color var(--pica-motion),border-color var(--pica-motion); }
body .s-button-primary-outline { color:var(--pica-ink); border-color:var(--pica-ink); }
body salla-add-product-button .s-button-btn { color:var(--pica-ink); background:var(--pica-yellow); border-color:var(--pica-yellow); }
body .s-button-element:disabled { cursor:not-allowed; opacity:.6; }
body :is(a,button,input,select,textarea):focus-visible { outline:3px solid #586549; outline-offset:3px; }
/* The checkout widget consumes its own tokens. Preserve its native action. */
salla-mini-checkout-widget { --salla-fast-checkout-button-height:48px; --salla-fast-checkout-button-width:100%; --salla-fast-checkout-button-border-radius:8px; }
/* Cards grow with content. A three-line title reserve aligns typical names
   without truncating long names or forcing a fixed dynamic card height. */
body custom-salla-product-card { border:1px solid var(--pica-line); border-radius:var(--pica-radius); box-shadow:none; min-width:0; overflow:hidden; background:var(--pica-surface); }
body custom-salla-product-card.s-product-card-vertical { display:flex; flex-direction:column; height:100%; }
body .s-products-list-wrapper { grid-auto-rows:1fr; align-items:stretch; }
body salla-products-slider .swiper-slide { height:auto; }
body custom-salla-product-card .s-product-card-image { background:var(--pica-surface); flex-shrink:0; }
body custom-salla-product-card.s-product-card-vertical .s-product-card-image { aspect-ratio:1; height:auto; }
body custom-salla-product-card .s-product-card-image>a { display:block; width:100%; height:100%; }
body custom-salla-product-card .s-product-card-image img { width:100%; height:100%; object-fit:contain; }
body custom-salla-product-card .s-product-card-content { display:flex; flex-direction:column; flex:1; gap:var(--pica-space-3); padding:var(--pica-space-3); min-width:0; }
body custom-salla-product-card .s-product-card-content-main { margin:0; }
body custom-salla-product-card .s-product-card-content-title { font-size:var(--pica-small); line-height:1.6; min-height:4.8em; max-height:none; overflow:visible; -webkit-line-clamp:unset; display:block; margin:0; overflow-wrap:anywhere; }
body custom-salla-product-card .s-product-card-content-title a { display:block; white-space:normal; }
body custom-salla-product-card .s-product-card-content-subtitle { font-size:var(--pica-small); line-height:1.6; color:var(--pica-muted); margin-block:var(--pica-space-2) 0; }
body custom-salla-product-card .s-product-card-content-sub { margin-block-start:auto; margin-block-end:0; gap:var(--pica-space-2); flex-wrap:wrap; align-items:center; }
body custom-salla-product-card .s-product-card-price { font-size:var(--pica-price); line-height:1.5; color:var(--pica-ink); font-weight:700; }
body custom-salla-product-card .s-product-card-content-footer { margin:0; }
body custom-salla-product-card .s-product-card-content-footer salla-add-product-button { min-width:0; flex:1; }
body custom-salla-product-card .s-product-card-content-footer .s-product-card-wishlist-btn { position:static; inset:auto; margin:0; width:44px; height:44px; flex:0 0 44px; }
body custom-salla-product-card .s-button-text { font-size:var(--pica-small); white-space:normal; overflow:visible; text-overflow:clip; }
body custom-salla-product-card .s-button-btn { padding-inline:var(--pica-space-2); }
/* Product options use native inputs/labels and selection validation. */
body.product-single salla-product-options .s-product-options-thumbnails-wrapper { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--pica-space-4) var(--pica-space-3); }
body.product-single .s-product-options-thumbnails-wrapper>div { min-width:0; }
body.product-single .s-product-options-thumbnails-wrapper label { display:block; width:100%; height:auto; aspect-ratio:1; border:2px solid transparent; border-radius:var(--pica-radius); overflow:hidden; }
body.product-single .s-product-options-thumbnails-wrapper img { width:100%; height:100%; object-fit:contain; background:var(--pica-surface); }
body.product-single .s-product-options-thumbnails-wrapper input:checked+label { border-color:var(--pica-ink); }
body.product-single .s-product-options-thumbnails-wrapper p { font-size:var(--pica-small); line-height:1.6; overflow-wrap:anywhere; margin-block-start:var(--pica-space-2); }
body.product-single h1 { font-size:var(--pica-heading); line-height:1.5; }
body .s-quantity-input-container { min-height:44px; }
body .store-footer { font-size:var(--pica-small); line-height:1.8; }
body .store-footer h3 { font-size:var(--pica-price); }
body .store-footer>.md\:flex .text-gray-400 { color:var(--pica-footer-muted); }
body .pica-field-error { color:var(--pica-error); font-size:var(--pica-small); margin-block:var(--pica-space-2); }
body .pica-field-error[hidden] { display:none; }
/* Shopper expectations beside the native product controls. */
body .pica-delivery-note { border:1px solid var(--pica-line); border-inline-start:4px solid var(--pica-yellow); border-radius:var(--pica-radius); padding:var(--pica-space-4); margin-block:var(--pica-space-4); background:var(--pica-background); font-size:var(--pica-small); line-height:1.8; }
body .pica-delivery-note h2 { font-size:var(--pica-body); margin:0 0 var(--pica-space-2); }
body .pica-delivery-note p { margin:0 0 var(--pica-space-2); }
body .pica-delivery-note a { display:inline-flex; align-items:center; min-height:44px; text-decoration:underline; color:var(--pica-ink); }
.pica-custom-banner { color:var(--pica-ink); background:var(--pica-background); font-family:var(--font-main),sans-serif; text-align:start; }
html:lang(ar) .pica-custom-banner[data-pica-custom-locale="en"],html:lang(en) .pica-custom-banner[data-pica-custom-locale="ar"] { display:none; }
.pica-custom-inner { max-width:var(--pica-width); margin:auto; padding:var(--pica-space-12) var(--pica-gutter); display:grid; grid-template-columns:1fr 1fr; gap:var(--pica-space-12); align-items:center; }
.pica-custom-copy { min-width:0; }
.pica-custom-eyebrow { font-size:var(--pica-small); font-weight:700; display:flex; align-items:center; gap:var(--pica-space-3); letter-spacing:.03em; }
.pica-custom-eyebrow::before { content:""; width:12px; height:12px; background:var(--pica-yellow); }
.pica-custom-copy h2 { font-size:var(--pica-display); font-weight:800; line-height:1.2; margin:var(--pica-space-4) 0; letter-spacing:-.025em; }
.pica-custom-copy h2 span { background:linear-gradient(transparent 68%,var(--pica-yellow) 68%); padding-inline-end:var(--pica-space-2); }
.pica-custom-description { font-size:var(--pica-body); line-height:1.8; color:var(--pica-muted); margin:0 0 var(--pica-space-6); }
.pica-custom-cta { display:inline-flex; justify-content:space-between; align-items:center; gap:var(--pica-space-8); min-height:var(--pica-button-height); padding:var(--pica-space-3) var(--pica-space-6); background:var(--pica-ink); color:var(--pica-surface); border-radius:var(--pica-radius); font-size:var(--pica-body); font-weight:700; text-decoration:none; }
.pica-custom-cta span { font-size:24px; color:var(--pica-yellow); }
.pica-custom-cta:focus-visible { outline:3px solid #586549; outline-offset:4px; }
.pica-custom-assurance { font-size:var(--pica-small); color:var(--pica-muted); margin:var(--pica-space-3) 0 0; }
.pica-custom-art { background:var(--pica-yellow); border-radius:var(--pica-radius); padding:var(--pica-space-6); min-width:0; }
.pica-custom-art-label { display:flex; justify-content:space-between; align-items:center; font-size:var(--pica-small); font-weight:700; letter-spacing:.08em; direction:ltr; }
.pica-custom-art-label>span:last-child { font-size:28px; }
.pica-custom-samples { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--pica-space-4); margin:var(--pica-space-6) auto var(--pica-space-3); align-items:center; max-width:384px; }
.pica-custom-sample { aspect-ratio:1; display:flex; align-items:center; justify-content:center; filter:drop-shadow(0 8px 8px #20251f24); }
.pica-custom-sample:nth-child(1) { rotate:-6deg; }
.pica-custom-sample:nth-child(4) { rotate:6deg; }
.pica-custom-sample img { width:100%; height:100%; object-fit:contain; }
.pica-custom-art>p { font-size:var(--pica-small); margin:var(--pica-space-3) 0 var(--pica-space-6); }
.pica-custom-process { list-style:none; padding:var(--pica-space-4) 0 0; margin:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--pica-space-3); border-top:1px solid #20251f40; }
.pica-custom-process li { display:flex; flex-direction:column; gap:var(--pica-space-1); font-size:var(--pica-small); }
.pica-custom-process b { font-size:var(--pica-heading); font-weight:800; line-height:1; }
@media(max-width:767px) {
 .pica-custom-inner { grid-template-columns:1fr; gap:var(--pica-space-6); padding-block:var(--pica-space-6); }
 .pica-custom-copy h2 { font-size:40px; margin-block:var(--pica-space-3); }
 .pica-custom-description { margin-bottom:var(--pica-space-4); }
 .pica-custom-cta { width:100%; }
 .pica-custom-art { padding:var(--pica-space-4); }
 .pica-custom-samples { margin-block:var(--pica-space-3); }
 .pica-custom-art>p { margin-block:var(--pica-space-3); }
 .pica-custom-process b { font-size:24px; }
}
/* Also deployed inside the native custom-order component's shadow root. */
.s-block-simple-section__content { padding-block:var(--pica-space-6); }
.s-block-simple-section__button { min-height:var(--pica-button-height); border-radius:var(--pica-radius); padding:var(--pica-space-3) var(--pica-space-6); display:inline-flex; align-items:center; justify-content:center; font-size:var(--pica-body); font-weight:700; line-height:1.5; }
.s-block-simple-section__button:focus-visible { outline:3px solid #586549; outline-offset:3px; }
body [data-pica-locale="en"] { display:none; }
body:lang(en) [data-pica-locale="ar"] { display:none; }
body:lang(en) [data-pica-locale="en"] { display:block; }
body .cart-item .text-primary { color:var(--pica-ink); }
.pica-cinematic:dir(ltr) :is(.pc-primary,.pc-secondary)>span { transform:scaleX(-1); }
/* Keep the yellow help launcher. The separate WhatsApp integration injects
   its own late styles, so this visibility rule uses that boundary only. */
body a.wa-s-n { display:none!important; }
@media (hover:hover) and (pointer:fine) {
  body salla-add-product-button .s-button-btn:hover { background:#edc400; border-color:#edc400; }
  body custom-salla-product-card:hover { border-color:#b9c0b4; }
}
@media (min-width:768px) {
  :root { --pica-gutter:32px; }
  body #main-content { row-gap:var(--pica-space-16); }
  body custom-salla-product-card .s-product-card-content { padding:var(--pica-space-4); }
}
@media (min-width:768px) and (max-width:1023px) {
  :root { --pica-preview-reserve:1510px; }
}
@media (max-width:767px) {
  :root { --pica-preview-reserve:1296px; }
  body.product-single { padding-block-end:calc(144px + env(safe-area-inset-bottom)); }
  body #mainnav, body #mainnav .inner { height:auto; min-height:72px; }
  body .navbar-brand { inline-size:clamp(88px,28vw,112px); }
  body .navbar-brand img { inline-size:clamp(138px,44vw,175px); block-size:clamp(138px,44vw,175px); }
  body #mainnav .inner>.container>.flex { min-height:72px; align-items:center; }
  body .flex:has(>.header-search) { min-width:0; }
  body .header-search, body .header-search :is(.s-search-placeholder-wrapper,.s-search-input-wrapper,.s-search-input) { min-width:0; width:100%; }
  body custom-salla-product-card.s-product-card-horizontal { flex-direction:column; }
  body custom-salla-product-card.s-product-card-horizontal .s-product-card-image { width:100%; max-width:none; height:auto; aspect-ratio:1; }
  body custom-salla-product-card.s-product-card-horizontal .s-product-card-content { width:100%; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto!important; }
  body :is(.s-button-element,custom-salla-product-card) { transition:none; animation:none; }
}

/* Interactive product preview: calibrated product imagery. */

.pica-cinematic {--pc-accent:var(--pica-yellow);--pc-bg:#101112;--pc-muted:#b7b8b6;--pc-line:#ffffff1b;position:relative;isolation:isolate;background:var(--pc-bg);color:#f5f4ef;font-family:var(--font-main), sans-serif;line-height:1.6;overflow:hidden;text-align:start;color-scheme:dark}
.pica-cinematic *{box-sizing:border-box}
.pica-cinematic p,.pica-cinematic h1,.pica-cinematic h2{margin:0}
.pica-cinematic a{color:inherit;text-decoration:none}
.pica-cinematic button{font-family:inherit;cursor:pointer;font-size:inherit;line-height:inherit;color:inherit}
.pica-cinematic img{display:block;max-width:100%;user-select:none}
.pica-cinematic :is(a,button):focus-visible{outline:2px solid var(--pc-accent);outline-offset:5px}
.pica-cinematic .pc-shell{max-width:var(--pica-width);margin:auto;display:grid;grid-template-columns:0.9fr 1.1fr;gap:var(--pica-space-8);padding:var(--pica-space-12) var(--pica-gutter);align-items:start}
.pica-cinematic .pc-copy{padding:var(--pica-space-6) 0;position:relative;z-index:2}
.pica-cinematic .pc-kicker{display:flex;align-items:center;gap:12px;color:#d0d1cd;font-size:var(--pica-small);font-weight:700;letter-spacing:1px}
.pica-cinematic .pc-kicker>span:first-child{height:6px;width:6px;background:var(--pc-accent);box-shadow:none}
.pica-cinematic h1{font-size:var(--pica-display);line-height:1.3;font-weight:700;letter-spacing:normal;margin:var(--pica-space-6) 0}
.pica-cinematic h1>span{color:var(--pc-accent)}
.pica-cinematic .pc-description{font-size:18px;color:var(--pc-muted);line-height:1.9;max-width:420px}
.pica-cinematic .pc-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:32px}
.pica-cinematic .pc-primary{background:var(--pc-accent);color:#121212;min-height:var(--pica-button-height);padding:var(--pica-space-3) var(--pica-space-6);display:inline-flex;align-items:center;justify-content:space-between;gap:var(--pica-space-6);font-weight:700;font-size:16px;border:1px solid var(--pc-accent);border-radius:var(--pica-radius);transition:background .2s,transform .2s}
.pica-cinematic .pc-primary>span{font-family:Arial,sans-serif;font-size:22px;line-height:1}
.pica-cinematic .pc-secondary{font-size:var(--pica-small);padding:12px 0;border-bottom:1px solid #ffffff39;display:inline-flex;gap:16px;align-items:center}
.pica-cinematic .pc-gift{border-top:1px solid var(--pc-line);margin-top:34px;padding-top:20px;max-width:405px;display:flex;align-items:flex-start;gap:12px;color:#a2a4a1;font-size:var(--pica-small);line-height:1.8}
.pica-cinematic .pc-gift strong{font-size:14px;font-weight:700;color:#e1e2dc}
.pica-cinematic .pc-gift-icon{color:var(--pc-accent);font-size:27px;line-height:1.3;font-weight:400}
.pica-cinematic .pc-showcase{min-width:0}
.pica-cinematic .pc-stage{position:relative;perspective:1200px;height:455px;touch-action:pan-y;direction:ltr;background:none;isolation:isolate}
.pica-cinematic .pc-product-card{position:absolute;inset:0;transform-style:preserve-3d}
.pica-cinematic .pc-bag{position:absolute;width:340px;height:440px;left:50%;top:0;transform:translateX(-50%) translateZ(36px);transform-style:preserve-3d;filter:drop-shadow(0 16px 12px #0006)}
.pica-cinematic .pc-bag-image{position:absolute;width:160%;max-width:none;height:auto;left:-34%;top:-2%;object-fit:fill;filter:none}
.pica-cinematic .pc-mask-defs{position:absolute}
.pica-cinematic .pc-attached-grid{position:absolute;inset:0;transform:translateZ(9px);pointer-events:none}
.pica-cinematic .pc-patch-on-bag{position:absolute;width:19%;aspect-ratio:1;filter:drop-shadow(1px 3px 2px #0009);animation:pc-attach 250ms ease-out both;animation-delay:calc(var(--pc-order,0)*70ms);transition:left .35s,top .35s;pointer-events:auto;cursor:grab;touch-action:none;outline-offset:3px}
.pica-cinematic .pc-patch-on-bag.is-dragging{cursor:grabbing;z-index:20;animation:none;transition:none;filter:drop-shadow(0 8px 8px #000b)}
.pica-cinematic .pc-patch-on-bag:focus-visible{outline:2px solid var(--pc-accent)}
.pica-cinematic .pc-patch-on-bag img{width:100%;height:100%;object-fit:contain}
.pica-cinematic .pc-slot-0{left:26%;top:28%;transform:rotate(-3deg)}
.pica-cinematic .pc-slot-1{left:53%;top:29%;transform:rotate(3deg)}
.pica-cinematic .pc-slot-2{left:27%;top:46%;transform:rotate(-2deg)}
.pica-cinematic .pc-slot-3{left:53%;top:47%;transform:rotate(2deg)}
.pica-cinematic .pc-slot-4{left:27%;top:78%;transform:rotate(-3deg)}
.pica-cinematic .pc-slot-5{left:54%;top:78%;transform:rotate(2deg)}
.pica-cinematic .pc-patch-on-bag[data-aspect=wide]{width:23%;aspect-ratio:1.4}
.pica-cinematic .pc-patch-on-bag[data-aspect=tall]{width:17%;aspect-ratio:.78}
.pica-cinematic .pc-patch-on-bag[data-patch-id=passport]{width:27%;aspect-ratio:.73;margin-left:-5%}
.pica-cinematic .pc-stage-note{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#b7b8b6;font-size:var(--pica-small);display:flex;gap:12px;justify-content:center;align-items:center}
.pica-cinematic .pc-stage-note>span:first-child{color:#b7b8b6;font-size:19px;line-height:1}
.pica-cinematic .pc-touch-note{display:none}
.pica-cinematic .pc-bag-disclosure{min-height:18px;color:#b7b8b6;font-size:var(--pica-small);line-height:1.6;margin-top:var(--pica-space-2)}
.pica-cinematic .pc-drag-ghost{position:fixed;z-index:50;display:block;width:76px;height:76px;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 10px 10px #000c);opacity:.93}
.pica-cinematic .pc-drag-ghost .pc-raster-crop{width:100%;height:100%;filter:none}
.pica-cinematic[data-pica-dragging=over] .pc-attached-grid:after{content:'';position:absolute;left:19%;right:17%;top:25%;bottom:10%;border:1px dashed var(--pc-accent);border-radius:12px;pointer-events:none}
.pica-cinematic .pc-customizer{position:relative;margin-top:14px;border:1px solid #ffffff1b;background:none;border-radius:var(--pica-radius);padding:var(--pica-space-4)}
.pica-cinematic .pc-customizer-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.pica-cinematic .pc-step{font-size:var(--pica-small);color:#b7b8b6;letter-spacing:.4px}
.pica-cinematic h2{font-size:20px;line-height:1.5;font-weight:700}
.pica-cinematic .pc-reset{background:none;border:0;color:#c7c9c2;font-size:var(--pica-small);padding:var(--pica-space-2);min-height:44px}
.pica-cinematic .pc-reset:disabled{color:#60665d;cursor:default}
.pica-cinematic .pc-patch-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pica-cinematic .pc-patch-option{border:0;background:none;padding:0;text-align:center;font-size:var(--pica-small);color:#b7b8b6;min-width:0}
.pica-cinematic .pc-patch-option .pc-patch-picture{touch-action:none;cursor:grab}
.pica-cinematic .pc-patch-picture{height:78px;display:flex;align-items:center;justify-content:center;position:relative;background:#1b1d1c;border:1px solid #ffffff13;border-radius:var(--pica-radius);margin-bottom:6px;transition:border-color .2s,background .2s}
.pica-cinematic .pc-patch-picture>img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(1px 4px 3px #0006);transition:transform .2s}
.pica-cinematic .pc-raster-crop{position:relative;display:block;width:56px;height:56px;filter:drop-shadow(1px 3px 2px #0007);transition:transform .2s}
.pica-cinematic .pc-raster-crop>img{position:absolute;width:100%;left:0;top:0;max-width:none;height:auto;object-fit:fill}
.pica-cinematic .pc-crop-luffy>img{width:215%;left:-57%;top:-20%;clip-path:polygon(29% 17%,33% 16%,36% 18%,44% 15%,55% 15%,63% 18%,66% 15%,69% 15%,71% 19%,71% 25%,68% 29%,71% 36%,72% 47%,71% 56%,68% 64%,72% 67%,72% 73%,69% 79%,65% 81%,60% 79%,56% 83%,45% 83%,37% 79%,33% 82%,29% 79%,27% 73%,28% 68%,32% 64%,28% 56%,27% 45%,29% 33%,33% 28%,28% 25%,27% 21%)}
.pica-cinematic .pc-crop-joud>img{width:185%;left:-44%;top:-12%;clip-path:polygon(24.2% 10.5%,78.9% 10.3%,78.6% 92.6%,23.3% 90.8%)}
.pica-cinematic .pc-crop-you>img{width:215%;left:-59%;top:-27%;clip-path:polygon(30% 19.6%,70.7% 20.1%,73.8% 24%,73.7% 83%,70.5% 87.3%,30.2% 87.6%,27.3% 83.8%,27.6% 25.6%)}
.pica-cinematic .pc-crop-saudi>img{width:150%;left:-25.5%;top:3%;clip-path:polygon(18.6% 13.3%,83.4% 14.5%,81.8% 79.6%,17.4% 77.5%)}
.pica-cinematic .pc-patch-on-bag .pc-raster-crop{width:100%;height:100%;filter:none}
.pica-cinematic .pc-crop-hilal>img{width:174%;left:-49%;top:-9%;clip-path:polygon(29% 13%,31% 11%,47% 8%,51% 8%,70% 13%,72% 16%,72% 48%,70% 59%,65% 71%,59% 82%,51% 93%,48% 94%,39% 83%,32% 68%,29% 52%)}
.pica-cinematic .pc-crop-coffee>img{width:225%;left:-63%;top:-26%;clip-path:polygon(30% 18%,70% 17%,74% 20%,74% 80%,71% 84%,31% 84%,28% 81%,28% 22%)}
.pica-cinematic .pc-crop-passport>img{width:167%;left:-48%;top:-6%;clip-path:polygon(29.5% 6.5%,71.8% 6%,72.2% 95%,29.7% 94.8%)}
.pica-cinematic .pc-crop-alula>img{width:223%;left:-64%;top:-22%;clip-path:polygon(32% 15%,70% 15.5%,73% 18%,73% 79%,71% 83%,32% 83%,28.5% 80%,28.5% 19%)}
.pica-cinematic .pc-motion-controls{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 13px}
.pica-cinematic .pc-motion-controls button{min-height:44px;background:#ffffff05;border:1px solid #ffffff20;border-radius:var(--pica-radius);padding:6px 10px;font-size:var(--pica-small);color:#ccd0c6;display:flex;align-items:center;gap:9px;transition:border-color .2s,background .2s}
.pica-cinematic .pc-motion-controls span{color:var(--pc-accent);font-family:Arial,sans-serif}
@keyframes pc-panel-light{0%,100%{border-color:#ffffff0e}45%{border-color:var(--pc-accent);box-shadow:0 0 28px var(--pc-accent)}}
.pica-cinematic .pc-patch-option[aria-pressed=true]{color:#b7b8b6}
.pica-cinematic .pc-patch-option[aria-pressed=true] .pc-patch-picture{border-color:var(--pc-accent);background:#272b25}
.pica-cinematic .pc-selected-mark{display:none;position:absolute;top:5px;right:6px;color:var(--pc-accent);font-size:var(--pica-small)}
.pica-cinematic .pc-selected-mark:before{content:'\2713'}
.pica-cinematic .pc-patch-option[aria-pressed=true] .pc-selected-mark{display:block}
.pica-cinematic .pc-preview-notes{border-top:1px solid var(--pc-line);margin-top:12px;padding-top:9px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;color:#b7b8b6;font-size:var(--pica-small);line-height:1.6}
.pica-cinematic .pc-preview-notes>span{white-space:nowrap;font-family:Arial,sans-serif;font-size:var(--pica-small)}
.pica-cinematic .pc-live-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.pica-cinematic .pc-live-status[data-error=true]{position:static;width:auto;height:auto;clip-path:none;white-space:normal;color:#ffae83;font-size:var(--pica-small);margin-top:8px}
.pica-cinematic .pc-feature-strip{max-width:calc(var(--pica-width) - 2 * var(--pica-gutter));margin:0 auto;display:flex;justify-content:flex-start;gap:var(--pica-space-6);padding:var(--pica-space-6) var(--pica-gutter);border-top:1px solid var(--pc-line);color:#b9bcb4;font-size:var(--pica-small)}
.pica-cinematic .pc-feature-strip b{font-family:Arial,sans-serif;color:var(--pc-accent);font-size:var(--pica-small);font-weight:400;margin-inline-end:13px}
@keyframes pc-attach{from{opacity:0;translate:0 -4px}to{opacity:1;translate:0 0}}
@media(max-width:1050px){.pica-cinematic .pc-shell{padding:var(--pica-space-12) var(--pica-gutter);gap:var(--pica-space-8)}.pica-cinematic h1{font-size:var(--pica-display)}.pica-cinematic .pc-description{font-size:16px}.pica-cinematic .pc-actions{gap:16px}.pica-cinematic .pc-primary{gap:var(--pica-space-6);padding:var(--pica-space-3) var(--pica-space-6)}.pica-cinematic .pc-feature-strip{margin-inline:28px;gap:var(--pica-space-6)}.pica-cinematic .pc-bag{width:310px}.pica-cinematic .pc-stage{height:440px}.pica-cinematic .pc-customizer{padding:var(--pica-space-4)}.pica-cinematic .pc-patch-picture{height:70px}}
@media(max-width:767px){.pica-cinematic .pc-shell{display:flex;flex-direction:column;gap:var(--pica-space-8);padding:var(--pica-space-12) var(--pica-gutter)}.pica-cinematic .pc-copy{width:100%;padding:var(--pica-space-6) 0}.pica-cinematic .pc-kicker{font-size:var(--pica-small)}.pica-cinematic h1{font-size:var(--pica-display);line-height:1.3;letter-spacing:normal;margin:var(--pica-space-6) 0}.pica-cinematic h1 br{display:none}.pica-cinematic h1>span{display:block}.pica-cinematic .pc-description{font-size:15px;line-height:1.8}.pica-cinematic .pc-description br.pc-desktop-break{display:none}.pica-cinematic .pc-actions{margin-top:21px;gap:24px}.pica-cinematic .pc-primary{min-height:var(--pica-button-height);font-size:15px;gap:var(--pica-space-6)}.pica-cinematic .pc-secondary{font-size:var(--pica-small)}.pica-cinematic .pc-gift{margin-top:18px;padding-top:13px;font-size:var(--pica-small);line-height:1.7;max-width:none}.pica-cinematic .pc-gift strong{font-size:var(--pica-small)}.pica-cinematic .pc-showcase{width:100%;margin-top:8px}.pica-cinematic .pc-stage{height:355px}.pica-cinematic .pc-bag{height:342px;width:265px}.pica-cinematic .pc-customizer{margin-top:15px;padding:var(--pica-space-4)}.pica-cinematic .pc-customizer-head{margin-bottom:12px}.pica-cinematic .pc-step{font-size:var(--pica-small)}.pica-cinematic h2{font-size:19px}.pica-cinematic .pc-patch-options{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.pica-cinematic .pc-patch-picture{height:65px}.pica-cinematic .pc-patch-picture>img{width:47px;height:47px}.pica-cinematic .pc-patch-option{font-size:var(--pica-small)}.pica-cinematic .pc-preview-notes{gap:12px;font-size:var(--pica-small)}.pica-cinematic .pc-feature-strip{justify-content:space-between;gap:var(--pica-space-6);padding:var(--pica-space-6) var(--pica-gutter);margin-inline:20px;font-size:var(--pica-small)}.pica-cinematic .pc-feature-strip b{display:block;margin-inline-end:0;margin-bottom:4px}.pica-cinematic .pc-stage-note{font-size:var(--pica-small)}.pica-cinematic .pc-mouse-note{display:none}.pica-cinematic .pc-touch-note{display:inline}.pica-cinematic .pc-reset{min-height:44px}.pica-cinematic .pc-motion-controls{gap:6px}.pica-cinematic .pc-motion-controls button{min-height:44px;flex:1;justify-content:center;padding:6px;font-size:var(--pica-small)}.pica-cinematic .pc-motion-controls span{display:none}.pica-cinematic .pc-bag-disclosure{font-size:var(--pica-small)}}
@media(max-width:370px){.pica-cinematic .pc-shell{padding-inline:16px}.pica-cinematic h1{font-size:var(--pica-display)}.pica-cinematic .pc-actions{gap:16px}.pica-cinematic .pc-primary{gap:var(--pica-space-6);padding-inline:16px}.pica-cinematic .pc-customizer{padding-inline:10px}.pica-cinematic .pc-patch-options{gap:6px}}
@media(hover:none),(pointer:coarse){.pica-cinematic .pc-mouse-note{display:none}.pica-cinematic .pc-touch-note{display:inline}.pica-cinematic:not([data-pica-motion=perspective]) .pc-product-card{transform:none!important}}
@media(prefers-reduced-motion:reduce){.pica-cinematic *{animation:none!important;transition:none!important}.pica-cinematic .pc-product-card{transform:none!important}}

.pica-cinematic .pc-bag-pica{clip-path:polygon(evenodd, 51.70% 1.59%, 55.60% 1.82%, 55.80% 2.05%, 56.50% 2.05%, 57.30% 2.39%, 58.70% 2.61%, 59.00% 2.73%, 59.00% 2.95%, 59.20% 3.07%, 59.70% 2.95%, 60.00% 3.30%, 60.60% 3.30%, 60.70% 3.64%, 61.10% 3.52%, 61.10% 3.75%, 61.80% 3.75%, 61.90% 3.98%, 62.50% 4.09%, 62.50% 4.32%, 62.90% 4.20%, 62.70% 4.43%, 63.70% 4.77%, 64.40% 5.45%, 64.50% 6.36%, 64.00% 7.50%, 64.10% 8.07%, 64.50% 8.52%, 65.50% 8.75%, 66.90% 8.75%, 68.10% 9.09%, 68.30% 8.98%, 70.60% 9.55%, 71.20% 9.89%, 72.70% 10.11%, 73.70% 10.68%, 74.00% 10.68%, 74.10% 10.91%, 74.90% 11.36%, 75.10% 11.70%, 75.30% 11.70%, 75.70% 12.27%, 75.90% 12.27%, 76.70% 13.18%, 76.90% 13.75%, 77.50% 14.55%, 78.40% 16.82%, 78.90% 19.32%, 79.00% 23.41%, 79.30% 25.57%, 79.40% 32.61%, 79.10% 42.16%, 78.60% 45.91%, 78.60% 49.66%, 78.40% 50.45%, 78.40% 50.91%, 78.60% 51.02%, 78.60% 51.25%, 78.40% 54.66%, 78.90% 54.66%, 79.10% 54.89%, 79.30% 56.82%, 79.20% 58.64%, 79.00% 58.98%, 79.20% 59.20%, 79.20% 60.68%, 78.90% 62.84%, 78.50% 69.43%, 80.00% 70.00%, 81.10% 71.25%, 81.60% 72.61%, 81.80% 72.73%, 81.90% 73.18%, 82.10% 73.30%, 82.20% 73.75%, 82.60% 74.20%, 82.70% 74.66%, 82.90% 74.77%, 82.90% 75.00%, 83.10% 75.11%, 83.60% 76.14%, 83.80% 76.82%, 83.80% 78.64%, 83.10% 80.91%, 82.50% 82.05%, 82.50% 82.39%, 82.30% 82.50%, 82.10% 83.18%, 81.90% 83.30%, 81.80% 83.75%, 81.30% 84.32%, 81.30% 84.55%, 80.10% 85.68%, 78.50% 86.14%, 77.70% 86.14%, 77.70% 86.36%, 79.10% 86.59%, 80.20% 87.05%, 81.60% 86.93%, 81.60% 87.16%, 83.00% 87.50%, 83.00% 88.07%, 82.10% 88.41%, 79.40% 88.64%, 77.30% 87.84%, 76.10% 87.61%, 76.00% 88.18%, 75.70% 88.41%, 75.30% 89.32%, 74.60% 90.00%, 74.40% 90.00%, 74.60% 90.11%, 74.60% 90.68%, 74.20% 90.80%, 70.00% 90.91%, 68.30% 91.14%, 61.80% 91.14%, 37.60% 90.57%, 26.60% 89.77%, 26.30% 89.66%, 26.20% 89.09%, 25.50% 88.64%, 24.60% 86.82%, 24.30% 86.59%, 24.30% 86.02%, 23.90% 85.45%, 23.40% 82.73%, 23.40% 81.82%, 22.80% 77.84%, 22.50% 73.18%, 22.50% 70.23%, 22.30% 69.66%, 22.10% 67.61%, 22.00% 64.09%, 21.70% 61.14%, 21.50% 60.57%, 21.60% 58.75%, 21.30% 57.61%, 21.20% 55.00%, 21.40% 54.32%, 22.00% 54.20%, 21.90% 50.80%, 22.10% 50.68%, 22.00% 49.09%, 22.20% 47.73%, 22.40% 26.59%, 22.80% 19.89%, 23.10% 18.86%, 23.20% 17.16%, 23.60% 15.68%, 24.00% 14.77%, 24.20% 14.66%, 24.30% 14.20%, 25.40% 12.84%, 25.40% 12.61%, 25.70% 12.27%, 25.90% 12.27%, 26.50% 11.48%, 28.00% 10.57%, 29.60% 10.00%, 30.50% 10.00%, 31.20% 9.77%, 35.30% 9.77%, 37.30% 9.43%, 37.80% 9.20%, 38.00% 8.64%, 38.50% 8.64%, 38.70% 7.84%, 39.60% 6.93%, 39.80% 6.93%, 40.10% 6.59%, 40.40% 6.59%, 40.50% 6.36%, 40.80% 6.36%, 40.80% 6.14%, 42.80% 5.00%, 43.10% 5.00%, 43.20% 4.77%, 44.00% 4.55%, 44.30% 4.20%, 44.60% 4.20%, 45.20% 3.75%, 46.60% 3.30%, 46.80% 3.07%, 47.20% 3.07%, 47.60% 2.73%, 49.00% 2.50%, 49.20% 2.27%, 51.10% 2.05%, 51.20% 1.82%, 50.70% 1.82%, 51.70% 1.59%, 51.70% 1.59%, 53.80% 5.34%, 51.90% 5.68%, 51.10% 6.02%, 50.50% 6.02%, 50.30% 6.25%, 49.90% 6.25%, 47.30% 7.27%, 44.10% 8.07%, 42.60% 8.86%, 42.50% 9.09%, 45.30% 8.98%, 46.80% 8.52%, 49.20% 8.18%, 53.20% 7.61%, 61.70% 7.50%, 60.90% 7.05%, 60.50% 7.05%, 59.90% 6.70%, 59.10% 6.59%, 58.50% 6.25%, 56.90% 5.80%, 53.80% 5.34%, 53.80% 5.34%, 51.70% 1.59%, 78.50% 70.80%, 78.30% 71.70%, 78.20% 73.98%, 78.30% 76.82%, 77.60% 83.07%, 78.40% 81.25%, 78.80% 80.80%, 80.50% 78.98%, 80.50% 78.75%, 81.20% 77.95%, 81.80% 76.25%, 81.80% 73.98%, 81.40% 73.30%, 81.20% 73.30%, 80.20% 72.27%, 80.00% 72.27%, 79.70% 71.82%, 79.50% 71.82%, 78.50% 70.80%, 78.50% 70.80%, 51.70% 1.59%)}

@media (hover:hover) and (pointer:fine) {
.pica-cinematic .pc-primary:hover{background:#edc400;transform:none}
.pica-cinematic .pc-secondary:hover{color:var(--pc-accent)}
.pica-cinematic .pc-motion-controls button:hover{border-color:var(--pc-accent);background:var(--pc-accent)}
.pica-cinematic .pc-patch-option:hover .pc-raster-crop{transform:none}
.pica-cinematic .pc-patch-option:hover .pc-patch-picture>img{transform:none}}

/* Original product photos, calibrated clipping only; artwork stays unchanged. */

.pica-cinematic .pc-patch-picture .pc-crop-riyadh{width:42px;height:56px}

.pica-cinematic .pc-patch-picture .pc-crop-nasr,.pica-cinematic .pc-patch-picture .pc-crop-ittihad{width:44px;height:56px}

.pica-cinematic .pc-crop-c130>img{width:128%;left:-14%;top:-2%;clip-path:ellipse(39% 43% at 50% 45%)}

.pica-cinematic .pc-crop-naruto>img{width:227%;left:-63%;top:-64%;clip-path:circle(21.8% at 49.8% 50%)}

.pica-cinematic .pc-crop-riyadh>img{width:217%;left:-60%;top:-8%;clip-path:inset(5% 26% 4% 28% round 2%)}

.pica-cinematic .pc-crop-pica>img{width:117%;left:-8%;top:10%;clip-path:polygon(6.8% 21.5%,92% 20.5%,92% 79%,6.5% 79%)}

.pica-cinematic .pc-crop-playstation>img{width:270%;left:-81%;top:-41%;clip-path:polygon(43% 24%,49% 26%,55% 32%,59% 39%,60% 53%,66% 56%,68% 61%,66% 67%,66% 73%,62% 78%,57% 79%,54% 77%,51% 79%,47% 77%,46% 73%,43% 73%,41% 76%,37% 77%,35% 73%,33% 72%,32% 64%,31% 61%,33% 55%,39% 51%,42% 50%,42% 29%)}

.pica-cinematic .pc-crop-smile>img{width:215%;left:-57%;top:-24%;clip-path:inset(17.5% 25% 14.5% 26% round 3%)}

.pica-cinematic .pc-crop-nasr>img{width:217%;left:-58%;top:-10%;clip-path:polygon(52% 5%,55% 8%,55% 11%,62% 12%,65% 15%,67% 18%,66% 25%,64% 28%,60% 29%,64% 33%,69% 42%,71% 54%,70% 65%,65% 80%,58% 89%,51% 93%,42% 91%,35% 85%,30% 75%,28% 63%,29% 47%,34% 35%,43% 29%,40% 26%,38% 22%,39% 14%,44% 11%,48% 11%,50% 7%)}

.pica-cinematic .pc-crop-ittihad>img{width:250%;left:-77%;top:-31%;clip-path:polygon(39% 21%,48% 20%,56% 21%,64% 24%,68% 28%,69% 34%,68% 56%,65% 69%,60% 79%,51% 87%,44% 83%,38% 76%,34% 66%,32% 55%,31% 29%,34% 24%)}

.pica-cinematic .pc-customizer-summary{display:none;list-style:none;cursor:pointer;min-height:44px;font-size:var(--pica-body);font-weight:700;align-items:center;justify-content:space-between;gap:var(--pica-space-3)}

.pica-cinematic .pc-customizer-summary::-webkit-details-marker{display:none}

.pica-cinematic .pc-customizer-summary:after{content:'+';color:var(--pc-accent);font-size:24px}

.pica-cinematic .pc-customizer[open]>.pc-customizer-summary:after{content:'−'}

.pica-cinematic .pc-customizer-summary:focus-visible{outline:2px solid var(--pc-accent);outline-offset:4px}

@media(max-width:767px){.pica-cinematic .pc-customizer-summary{display:flex}.pica-cinematic .pc-customizer[open]>.pc-customizer-summary{margin-block-end:var(--pica-space-4)}.pica-cinematic:not([data-pica-ready]) .pc-customizer>:not(summary){display:none}}