/* khuttwa_top_bar */
#ktb-khuttwa_top_bar { background: var(--kx-dark, #111111); color: #FFFFFF; position: relative; z-index: 16; }
    #ktb-khuttwa_top_bar .ktb { position: relative; display: block; height: 40px; overflow: hidden; perspective: 400px; }
    #ktb-khuttwa_top_bar .ktb__m { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 0 14px; font-size: 13px; font-weight: 600; color: inherit; text-decoration: none; white-space: nowrap; opacity: 0; visibility: hidden; transform: translateY(100%) rotateX(-60deg); transition: transform .55s cubic-bezier(.2,.7,.2,1), opacity .45s ease, visibility 0s linear .55s;}
    #ktb-khuttwa_top_bar .ktb__m.is-on { opacity: 1; visibility: visible; transform: none; transition: transform .55s cubic-bezier(.2,.7,.2,1), opacity .45s ease; }
    #ktb-khuttwa_top_bar .ktb__m.is-out { opacity: 0; visibility: visible; transform: translateY(-100%) rotateX(60deg); }
    #ktb-khuttwa_top_bar .ktb__m span { overflow: hidden; text-overflow: ellipsis; }
    #ktb-khuttwa_top_bar .ktb__m svg { width: 16px; height: 16px; flex: none; fill: none; stroke: #E7B429; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
    #ktb-khuttwa_top_bar .ktb__pg { position: absolute; inset-inline-start: 0; bottom: 0; height: 2px; width: 0; background: #E7B429; }
    #ktb-khuttwa_top_bar .ktb__pg.is-run { animation: ktbPg var(--ktb-dur, 3s) linear forwards; }
    @keyframes ktbPg { to { width: 100%; } }@media (prefers-reduced-motion: reduce) { #ktb-khuttwa_top_bar .ktb__m { transition: opacity .3s ease; transform: none !important; } }
/* khuttwa_promo_ticket */
.kpt { --top: var(--kx-accent, #e5262b); --top-t: #ffffff; --bot: var(--kx-cream, #f3ede3); --bot-t: var(--kx-dark-ink, #111111); --pill: var(--kx-dark, #111111); --pill-t: var(--kx-cream-ink, #f3ede3); --btn: var(--kx-cream, #f3ede3); --btn-t: var(--kx-dark-ink, #111111); --r: 26px;
    position: fixed; inset: 0; z-index: 2147483000; display: grid; place-items: center; padding: 18px; visibility: hidden; pointer-events: none; }
  .kpt.is-open { visibility: visible; pointer-events: auto; }
  .kpt__dim { position: absolute; inset: 0; background: rgba(0,0,0,0.5); opacity: 0; transition: opacity .35s ease; }
  .kpt.is-open .kpt__dim { opacity: 1; }
  .kpt__card { position: relative; width: 100%; max-width: 320px; transform: scale(.7) rotate(-6deg); opacity: 0; transition: transform .5s cubic-bezier(.2,.9,.2,1.1), opacity .35s ease; filter: drop-shadow(0 24px 30px rgba(0,0,0,.35)); }
  .kpt.is-open .kpt__card { transform: none; opacity: 1; }
  .kpt__x { position: absolute; z-index: 3; top: 10px; inset-inline-end: 10px; width: 34px; height: 34px; border: 0; padding: 0; border-radius: 50%; background: var(--kx-dark, #111111); color: #ffffff; display: grid; place-items: center; cursor: pointer; }
  .kpt__x svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; }
  .kpt__top { background: var(--top); color: var(--top-t); border-radius: var(--r) var(--r) 0 0; padding: 28px 18px 22px; text-align: center; }
  .kpt__eb { margin: 0; font-size: 1rem; letter-spacing: .2em; font-weight: 800; text-transform: uppercase; color: inherit; }
  .kpt__big { display: block; font-size: 68px; font-weight: 900; letter-spacing: -.04em; line-height: 1; color: inherit; margin: 4px 0 2px; }
  .kpt__line { margin: 0; font-size: 15px; font-weight: 800; color: inherit; }
  .kpt__tear { position: relative; height: 22px; background: var(--bot);
    -webkit-mask: radial-gradient(circle 11px at 0 50%, #0000 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle 11px at 100% 50%, #0000 98%, #000) right / 51% 100% no-repeat;
    mask: radial-gradient(circle 11px at 0 50%, #0000 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle 11px at 100% 50%, #0000 98%, #000) right / 51% 100% no-repeat; }
  .kpt__tear::after { content: ""; position: absolute; inset-inline: 18px; top: 50%; border-top: 2px dashed color-mix(in srgb, var(--bot-t) 30%, transparent); }
  .kpt__bot { background: var(--bot); color: var(--bot-t); border-radius: 0 0 var(--r) var(--r); padding: 10px 16px 16px; text-align: center; margin-top: -1px; }
  .kpt__txt { font-size: 1.25rem; line-height: 1.5; opacity: .75; margin: 0 0 12px; color: inherit; }
  .kpt__txt p { margin: 0; color: inherit; }
  .kpt__code { display: flex; align-items: center; justify-content: space-between; gap: 8px; background: var(--pill); color: var(--pill-t); border-radius: 99px; padding: 6px 6px 6px 18px; font-size: 1.5rem; font-weight: 900; letter-spacing: .14em; }
  .kpt__code span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .kpt__copy { flex: none; border: 0; cursor: pointer; background: var(--btn); color: var(--btn-t); border-radius: 99px; padding: 10px 16px; font: inherit; font-size: 1.2rem; font-weight: 800; letter-spacing: 0; }
  .kpt__cta { display: block; margin-top: 10px; font-size: 1.2rem; font-weight: 700; color: var(--bot-t) !important; text-decoration: underline; text-underline-offset: 3px; background: none; border: 0; width: 100%; cursor: pointer; }@media (prefers-reduced-motion: reduce) { .kpt__card, .kpt__dim { transition: none; } }
/* khuttwa_mobile_bar */
#kmb-khuttwa_mobile_bar {
    --kmb-bg: var(--kx-dark, #111111);
    --kmb-bg-a: rgba(17, 17, 17, 0.86);
    --kmb-icon: #ffffff;
    --kmb-label: #bdbdbd;
    --kmb-active-bg: var(--kx-paper, #ffffff);
    --kmb-active-icon: var(--kx-dark-ink, #111111);
    --kmb-badge-bg: var(--kx-accent-ink, #d0473e);
    --kmb-badge-text: #ffffff;
    --kmb-center-bg: var(--kx-tile, #f5f4f1);
    --kmb-center-icon: var(--kx-dark-ink, #111111);
    --kmb-radius: 26px;
    --kmb-offset: 12px;
    --kmb-h: 64px;
    --kmb-icon-size: 21px;
    --kmb-stroke: 1.6;
    --kmb-social-title: #ffffff;
    --kmb-social-label: var(--kx-dark-ink, #111111);
    --kmb-social-pill: var(--kx-paper, #FFFFFF);

  }
  .kmb { position: fixed; z-index: 9; inset-inline: 0; bottom: 0; pointer-events: none; transition: transform .45s cubic-bezier(.2,.7,.2,1); }
  .kmb.is-hidden { transform: translateY(calc(100% + var(--kmb-offset) + 10px)); }
  .kmb__bar {
    pointer-events: auto; position: relative; display: grid; grid-template-columns: repeat(5, 1fr); align-items: center;
    height: var(--kmb-h); background: var(--kmb-bg); color: var(--kmb-icon);
    padding: 0 6px; padding-bottom: env(safe-area-inset-bottom);
    box-sizing: content-box;
  }
  .kmb--blur .kmb__bar { background: var(--kmb-bg-a); -webkit-backdrop-filter: saturate(160%) blur(16px); backdrop-filter: saturate(160%) blur(16px); }
  .kmb--floating .kmb__bar {
    margin: 0 12px calc(var(--kmb-offset) + env(safe-area-inset-bottom)); padding-bottom: 0;
    border-radius: var(--kmb-radius); box-shadow: 0 14px 36px -12px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.06) inset;
  }
  .kmb--full .kmb__bar { border-top: 1px solid rgba(127,127,127,.18); box-shadow: 0 -8px 24px -18px rgba(0,0,0,.25); }

  .kmb__item {
    position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;

    height: 100%; color: inherit; text-decoration: none; background: none; border: 0; padding: 0; font: inherit; cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .kmb__icon {
    position: relative; display: grid; place-items: center; width: calc(var(--kmb-icon-size) + 22px); height: calc(var(--kmb-icon-size) + 10px);
    border-radius: 999px; margin-bottom: 2px; transition: background .3s ease, color .3s ease, transform .3s cubic-bezier(.2,.7,.2,1);
  }
  .kmb__icon svg { width: var(--kmb-icon-size); height: var(--kmb-icon-size); fill: none; stroke: currentColor; stroke-width: var(--kmb-stroke); stroke-linecap: round; stroke-linejoin: round; }
  .kmb__label { font-size: 10px; line-height: 1; color: var(--kmb-label); letter-spacing: .02em; white-space: nowrap; }
  .kmb__item.is-active .kmb__icon { background: var(--kmb-active-bg); color: var(--kmb-active-icon); }
  .kmb__item.is-active .kmb__label { font-weight: 600; }
  .kmb__item:active .kmb__icon { transform: scale(.88); }

  .kmb__item--center::before { content: ""; display: block; height: calc(var(--kmb-icon-size) + 12px); flex: none; }
  .kmb__item--center .kmb__icon {
    width: calc(var(--kmb-icon-size) + 30px); height: calc(var(--kmb-icon-size) + 30px);
    background: var(--kmb-center-bg); color: var(--kmb-center-icon);
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    box-shadow: 0 10px 22px -8px rgba(0,0,0,.45), 0 0 0 4px var(--kmb-bg);
  }
  .kmb__item--center:active .kmb__icon { transform: translateX(-50%) scale(.9); }.kmb__badge {
    position: absolute; top: -1px; left: 50%; margin-left: 7px; min-width: 17px; height: 17px; padding: 0 4px; box-sizing: border-box;
    border-radius: 99px; background: var(--kmb-badge-bg); color: var(--kmb-badge-text);
    font-size: 10px; font-weight: 700; line-height: 17px; text-align: center; box-shadow: 0 0 0 2px var(--kmb-bg);
    font-family: inherit;
  }
  .kmb__badge.is-empty, .kmb__badge:empty { display: none; }
  .kmb__badge.bump { animation: kmbBump .45s ease; }
  @keyframes kmbBump { 40% { transform: scale(1.35); } }

  .kmb-spacer { height: calc(var(--kmb-h) + var(--kmb-offset) + env(safe-area-inset-bottom) + 12px); }
    @media (min-width: 1025px) { #kmb-khuttwa_mobile_bar, .kmb-spacer--khuttwa_mobile_bar { display: none !important; } }/* Social quick menu */
  .kmb__social { pointer-events: auto; position: absolute; left: 50%; bottom: calc(var(--kmb-h) + var(--kmb-offset) + env(safe-area-inset-bottom) + 30px + 14px); transform: translateX(-50%); width: max-content; max-width: calc(100vw - 24px); z-index: 2; text-align: center; }
  .kmb__social[hidden] { display: block; visibility: hidden; pointer-events: none; }
  .kmb__social-title { margin: 0 0 10px; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--kmb-social-title); opacity: 0; transform: translateY(8px); transition: opacity .3s ease, transform .3s ease; }
  .kmb__social-row { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
  .kmb__s {
    display: flex; flex-direction: column; align-items: center; gap: 6px; text-decoration: none; color: var(--kmb-social-label);
    opacity: 0; transform: translateY(18px) scale(.6); transition: opacity .35s ease, transform .45s cubic-bezier(.3,1.5,.5,1); transition-delay: calc(var(--d) * 55ms);
    font-size: 11px; font-weight: 600;
  }
  .kmb__s svg { width: 50px; height: 50px; padding: 13px; box-sizing: border-box; border-radius: 50%; background: var(--kmb-bg); color: var(--kmb-icon); box-shadow: 0 12px 26px -10px rgba(0,0,0,.5); }
  .kmb--brand-social .kmb__s--whatsapp svg { background: #25D366; color: #fff; }
  .kmb--brand-social .kmb__s--instagram svg { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285AEB 90%); color: #fff; }
  .kmb--brand-social .kmb__s--facebook svg { background: #1877F2; color: #fff; }
  .kmb--brand-social .kmb__s--tiktok svg { background: #000; color: #fff; box-shadow: -2px -2px 0 #25F4EE inset, 2px 2px 0 #FE2C55 inset, 0 12px 26px -10px rgba(0,0,0,.5); }
  .kmb--brand-social .kmb__s--phone svg { background: var(--kx-paper, #fff); color: var(--kx-dark-ink, #111); }
  .kmb__s span { background: var(--kmb-social-pill); padding: 3px 8px; border-radius: 99px; }
  .kmb.is-social .kmb__social { visibility: visible; pointer-events: auto; }
  .kmb.is-social .kmb__s, .kmb.is-social .kmb__social-title { opacity: 1; transform: none; }
  .kmb__scrim { position: fixed; inset: 0; z-index: -1; background: rgba(0,0,0,.35); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); opacity: 0; transition: opacity .3s ease; pointer-events: none; }
  .kmb__scrim[hidden] { display: block; }
  .kmb.is-social .kmb__scrim { opacity: 1; pointer-events: auto; }
  .kmb.is-social { transform: none !important; }
  .kmb__item[data-action="social"] .kmb__icon svg { transition: transform .35s cubic-bezier(.2,.7,.2,1); }
  .kmb.is-social .kmb__item[data-action="social"] .kmb__icon { background: var(--kmb-active-bg); color: var(--kmb-active-icon); }
  .kmb.is-social .kmb__item--center[data-action="social"] .kmb__icon { background: var(--kmb-center-bg); color: var(--kmb-center-icon); }
  .kmb.is-social .kmb__item[data-action="social"] .kmb__icon svg { transform: rotate(135deg) scale(.9); }
  .kmb__item[data-action="social"].kmb__item--center .kmb__icon::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid var(--kmb-center-bg); opacity: .6; animation: kmbPulse 2.4s ease-out infinite; }
  @keyframes kmbPulse { 0% { transform: scale(.9); opacity: .7; } 100% { transform: scale(1.35); opacity: 0; } }
  .kmb { z-index: 9; }
  .kmb__bar { z-index: 1; }

  .kmb.is-sheet { transform: none !important; }
  .kmb.is-sheet .kmb__item[data-action="sheet"] .kmb__icon { background: var(--kmb-active-bg); color: var(--kmb-active-icon); }
  html.open-drawer .kmb, html.open-search .kmb { transform: translateY(calc(100% + var(--kmb-offset) + 10px)); }
  /* Product page sticky add-to-cart: keep it clear of the bar */
  @media (max-width: 1024.98px) {
    sticky-add-cart {
      bottom: calc(64px + 12px + env(safe-area-inset-bottom) + 24px) !important;
      left: 12px !important; right: 12px !important;
      border-radius: 99px; padding: 6px !important; z-index: 8 !important;
      background: var(--kx-dark, #111111) !important; color: var(--kx-dark-ink, #111111) !important;
      box-shadow: 0 14px 30px -14px rgba(0,0,0,.45);
      transition: bottom .45s cubic-bezier(.2,.7,.2,1), transform .35s ease, opacity .35s ease, visibility .35s ease;
    }
    sticky-add-cart > div { padding-inline: 0 !important; }
    /* one black pill like the bar: size picker takes the free space, the button keeps its own width */
    sticky-add-cart .sticky__item-info { gap: 6px !important; align-items: center; flex-wrap: nowrap; width: 100%; }
    sticky-add-cart .product-detail__variant-picker { flex: 1 1 0; min-width: 0; width: auto !important; }
    sticky-add-cart .product-detail__buy-buttons { flex: 0 0 auto; width: auto !important; }
    sticky-add-cart select { height: 46px !important; min-height: 0 !important; width: 100% !important; border: 0 !important; border-radius: 99px !important; background-color: var(--kx-cream, #f3ede3) !important; color: var(--kx-dark-ink, #111111) !important; font-size: 1.3rem !important; font-weight: 600; padding-block: 0 !important; padding-inline: 16px 32px !important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
    sticky-add-cart button[type="submit"], sticky-add-cart .button_buy-now { height: 46px !important; min-height: 0 !important; min-width: 0 !important; width: auto !important; border: 0 !important; border-radius: 99px !important; padding: 0 22px !important; background: var(--kx-accent, #e5262b) !important; color: #ffffff !important; font-size: 1.35rem !important; font-weight: 800; white-space: nowrap; }
    sticky-add-cart button[type="submit"] :is(span, svg) { color: inherit !important; }
    sticky-add-cart .product__submit-form-cart { margin: 0 !important; gap: 0 !important; }
    body:has(.kmb.is-hidden:not(.is-sheet)) sticky-add-cart { bottom: calc(env(safe-area-inset-bottom) + 10px) !important; }
    html.open-drawer sticky-add-cart, html.open-search sticky-add-cart, html.kmm-lock sticky-add-cart, html.kmb-at-footer sticky-add-cart { opacity: 0 !important; visibility: hidden !important; }}
/* khuttwa_pill_menu */
html.kmm-lock, html.kmm-lock body { overflow: hidden; }
  .kpm { --kpm-bg: var(--kx-dark, #111111); --kpm-text: #ffffff; --kpm-pill: var(--kx-cream, #f3ede3); --kpm-pill-text: var(--kx-dark-ink, #111111); --kpm-item: var(--kx-item, #262320); --kpm-accent: var(--kx-accent, #c9423b); --kpm-fs: 14px; display: block; }
  .kpm, .kpm *, .kpm *::before, .kpm *::after { box-sizing: border-box; }
  .kpm a, .kpm button { line-height: 1.2; -webkit-tap-highlight-color: transparent; }
  .kpm__dim { position: fixed; inset: 0; z-index: 998; background: rgba(0,0,0,0.45); opacity: 0; visibility: hidden; transition: opacity .35s ease, visibility 0s .35s; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);}
  .kpm.is-open .kpm__dim { opacity: 1; visibility: visible; transition: opacity .35s ease, visibility 0s; }
  .kpm__panel { position: fixed; z-index: 999; top: 10px; left: 12px; width: calc(100% - 24px); max-height: calc(100dvh - var(--kpm-top, 10px) - 16px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none;
    background: var(--kpm-bg); color: var(--kpm-text); border-radius: var(--kpm-r, 30px); padding: 0 8px; visibility: hidden; opacity: 0; transition: opacity .2s ease .35s, visibility 0s .55s, box-shadow .5s ease; }
  .kpm__panel::-webkit-scrollbar { display: none; }
  .kpm.is-open .kpm__panel { visibility: visible; opacity: 1; transition: opacity .12s ease, visibility 0s, box-shadow .5s ease; box-shadow: 0 30px 60px -20px rgba(0,0,0,.6); }
  .kpm__bar { display: flex; align-items: center; justify-content: space-between; gap: 8px; height: var(--kpm-h, 60px); position: sticky; top: 0; z-index: 3; background: var(--kpm-bg); }
  .kpm__rb { flex: none; width: 42px; height: 42px; border-radius: 50%; border: 0; padding: 0; background: color-mix(in srgb, var(--kpm-text) 16%, var(--kpm-bg)); color: var(--kpm-text); display: grid; place-items: center; cursor: pointer; transition: transform .4s cubic-bezier(.2,.7,.2,1), background .3s ease; }
  .kpm__rb svg, .kpm svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
  .kpm.is-open .kpm__close { background: var(--kpm-accent); transform: rotate(90deg); }
  .kpm__logo { min-width: 0; display: flex; align-items: center; justify-content: center; font-weight: 700; letter-spacing: .3em; text-transform: uppercase; font-size: 1.5rem; color: var(--kpm-text); transition: letter-spacing .5s ease; }
  .kpm__logo * { color: inherit !important; }
  .kpm__logo img { height: auto; max-height: 44px; }
  /* opened from the bottom bar: sits above it and grows upwards */
  .kpm.is-bottom .kpm__panel { top: auto !important; bottom: var(--kpm-bottom, 12px); display: flex; flex-direction: column; max-height: calc(100dvh - var(--kpm-bottom, 12px) - 16px); box-shadow: none; }
  .kpm.is-bottom.is-open .kpm__panel { box-shadow: 0 -30px 60px -20px rgba(0,0,0,.6); }
  .kpm.is-bottom .kpm__bar { order: 2; top: auto; bottom: 0; }
  .kpm.is-bottom .kpm__drop { order: 1; }
  .kpm.is-bottom .kpm__pad { padding: 14px 6px 4px; }
  .kpm.is-bottom .kpm-a { transform: translateY(14px) scale(.96); }
  .kpm.is-bottom.is-open .kpm-a { transform: none; transition-delay: calc(.08s + (var(--kpm-n, 8) - var(--i, 0)) * .04s); }
  .kpm__drop { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .5s cubic-bezier(.2,.7,.2,1); }
  .kpm.is-open .kpm__drop { grid-template-rows: 1fr; }
  .kpm__in { overflow: hidden; min-height: 0; }
  .kpm__pad { padding: 8px 6px 14px; }
  .kpm__k { display: block; font-size: 1.05rem; letter-spacing: .16em; text-transform: uppercase; font-weight: 700; opacity: .55; margin: 0 6px 10px; }
  .kpm-pill { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; border: 0; cursor: pointer; text-align: start; text-decoration: none; font: inherit; font-size: var(--kpm-fs); font-weight: 700;
    background: var(--kpm-pill); color: var(--kpm-pill-text); border-radius: 99px; padding: 5px 5px 5px 18px; margin-bottom: 6px; min-height: 48px; transition: background .3s ease, color .3s ease, opacity .35s ease, transform .35s cubic-bezier(.2,.7,.2,1); }
  [dir="rtl"] .kpm-pill { padding: 5px 18px 5px 5px; }
  .kpm-pill > span { display: flex; align-items: center; gap: 8px; min-width: 0; }
  .kpm-pill small { font-size: 1.05rem; font-weight: 700; opacity: .5; }
  .kpm-pill i { flex: none; width: 38px; height: 38px; border-radius: 50%; background: var(--kpm-bg); color: var(--kpm-text); display: grid; place-items: center; font-style: normal; transition: transform .35s cubic-bezier(.2,.7,.2,1), background .3s ease, color .3s ease; }
  .kpm-pill:active i { transform: translate(2px,-2px); }
  .kpm-pill.is-dark { background: var(--kpm-item); color: var(--kpm-text); }
  .kpm-pill.is-dark i { background: var(--kpm-pill); color: var(--kpm-pill-text); }
  .kpm-pill.is-active { box-shadow: inset 0 0 0 2px var(--kpm-accent); }
  [dir="rtl"] .kpm-flip { transform: scaleX(-1); }
  /* entrance */
  .kpm .kpm-a { opacity: 0; transform: translateY(-12px) scale(.96); }
  .kpm.is-open .kpm-a { opacity: 1; transform: none; transition-delay: calc(.08s + var(--i, 0) * .05s); }
  .kpm .kpm-a { transition: opacity .35s ease, transform .4s cubic-bezier(.2,.7,.2,1), background .3s ease, color .3s ease; }
  .kpm__dock { display: flex; gap: 6px; background: var(--kpm-item); border-radius: 22px; padding: 6px; margin: 10px 0; }
  .kpm__dock a { position: relative; flex: 1 1 0; min-width: 0; aspect-ratio: 1; max-width: 76px; border-radius: 16px; overflow: hidden; background: var(--kpm-pill); color: var(--kpm-pill-text); display: grid; place-items: center; text-decoration: none; font-size: 1rem; font-weight: 900; text-align: center; line-height: 1.1; padding: 2px; }
  .kpm__dock a img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  .kpm-chip { display: inline-flex; align-items: center; gap: 6px; border: 0; cursor: pointer; font: inherit; font-size: 1.25rem; font-weight: 600; text-decoration: none; background: var(--kpm-item); color: var(--kpm-text); border-radius: 99px; padding: 10px 14px; }
  .kpm-chip.is-all { background: var(--kpm-pill); color: var(--kpm-pill-text); font-weight: 700; }
  .kpm-chip svg { width: 13px; height: 13px; }
  @keyframes kpmPop { from { transform: translateY(8px) scale(.92); opacity: 0; } }

  /* --- inplace + tiles: groups open under the pill --- */
  .kpm-grp { margin-bottom: 6px; }
  .kpm-grp > .kpm-pill { margin-bottom: 0; }
  .kpm-kids { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .45s cubic-bezier(.2,.7,.2,1); }
  .kpm-kids > div { overflow: hidden; min-height: 0; }
  .kpm-grp.is-on > .kpm-kids { grid-template-rows: 1fr; }
  .kpm-grp.is-on > .kpm-pill { background: var(--kpm-item); color: var(--kpm-text); }
  .kpm-grp.is-on > .kpm-pill i { transform: rotate(135deg); background: var(--kpm-accent); color: #fff; }
  .kpm-kin { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 4px 6px; }
  .kpm-grp.is-on .kpm-kin > *, .kpm-grp.is-on .kpm-tiles > *, .kpm-grp.is-on .kpm-cards > * { animation: kpmPop .35s both; }
  .kpm-sub2 { width: 100%; }
  .kpm-sub2 > .kpm-chip { display: flex; justify-content: space-between; width: 100%; border-radius: 18px; padding: 12px 14px; }
  .kpm-sub2 > .kpm-chip svg { transition: transform .3s ease; }
  .kpm-k2 { display: none; flex-wrap: wrap; gap: 6px; padding: 8px 0 4px 12px; margin: 8px 0 2px 10px; border-inline-start: 2px solid var(--kpm-accent); }
  .kpm-sub2.is-on > .kpm-k2 { display: flex; }
  .kpm-sub2.is-on > .kpm-chip { background: color-mix(in srgb, var(--kpm-text) 22%, var(--kpm-bg)); }
  .kpm-sub2.is-on > .kpm-chip svg { transform: rotate(45deg); }
  .kpm-k2 .kpm-chip:not(.is-all) { background: transparent; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--kpm-text) 18%, transparent); }
  .kpm-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; padding: 10px 0 6px; }
  .kpm-tile { position: relative; min-width: 0; aspect-ratio: 1; border-radius: 18px; overflow: hidden; background: var(--kpm-pill); color: var(--kpm-pill-text); display: grid; place-items: center; text-decoration: none; font-size: 1rem; font-weight: 900; text-align: center; line-height: 1.1; padding: 3px; }
  .kpm-tile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  .kpm-tile.is-more { background: var(--kpm-item); color: var(--kpm-text); font-size: 1.1rem; }
  .kpm-cards { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding: 10px 0 6px; }
  .kpm-cards::-webkit-scrollbar { display: none; }
  .kpm-card { flex: none; width: 104px; background: var(--kpm-item); color: var(--kpm-text); border-radius: 20px; padding: 6px 6px 10px; font-size: 1.2rem; font-weight: 700; text-decoration: none; }
  .kpm-card i { position: relative; display: grid; place-items: center; aspect-ratio: 1; border-radius: 15px; overflow: hidden; background: var(--kpm-pill); color: var(--kpm-pill-text); font-style: normal; font-size: 2.6rem; font-weight: 900; margin-bottom: 8px; }
  .kpm-card i img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  .kpm-card span { display: block; padding: 0 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

  /* --- slide: pages --- */
  .kpm-view { overflow: hidden; transition: height .45s cubic-bezier(.2,.7,.2,1); }
  .kpm-track { display: flex; align-items: flex-start; transition: transform .45s cubic-bezier(.2,.7,.2,1); }
  [dir="rtl"] .kpm-track { direction: rtl; }
  .kpm-col { flex: none; width: 100%; }
  .kpm-pane { display: none; }
  .kpm-pane.is-on { display: block; }
  .kpm-back { display: flex; align-items: center; gap: 10px; width: 100%; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; text-align: start; margin-bottom: 12px; padding: 0; }
  .kpm-back b { font-size: 2.2rem; font-weight: 800; letter-spacing: -.02em; }
  .kpm-back .kpm__rb { background: var(--kpm-pill); color: var(--kpm-pill-text); }
  .kpm-back .kpm__rb svg { transform: scaleX(-1); }
  [dir="rtl"] .kpm-back .kpm__rb svg { transform: none; }
  @media (min-width: 1025px) { .kpm { display: none !important; } }
  @media (prefers-reduced-motion: reduce) { .kpm *, .kpm *::before { transition-duration: .01s !important; animation: none !important; } }
/* khuttwa_pill_search */
html.kmm-lock, html.kmm-lock body { overflow: hidden; }
  .kps { --kps-bg: var(--kx-dark, #111111); --kps-text: #ffffff; --kps-pill: var(--kx-cream, #f3ede3); --kps-pill-text: var(--kx-dark-ink, #111111); --kps-item: var(--kx-item, #262320); --kps-row: #1c1a18; --kps-accent: var(--kx-accent, #c9423b); --kps-price: #e0625b; --kps-fs: 13px; --kps-thumb: 54px; display: block; }
  .kps, .kps *, .kps *::before, .kps *::after { box-sizing: border-box; }
  .kps a, .kps button { line-height: 1.2; -webkit-tap-highlight-color: transparent; }
  .kps svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
  .kps__dim { position: fixed; inset: 0; z-index: 998; background: rgba(0,0,0,0.45); opacity: 0; visibility: hidden; transition: opacity .35s ease, visibility 0s .35s;}
  .kps.is-open .kps__dim { opacity: 1; visibility: visible; transition: opacity .35s ease, visibility 0s; }
  .kps__panel { position: fixed; z-index: 999; top: 10px; left: 12px; width: calc(100% - 24px); max-height: calc(100dvh - var(--kps-top, 10px) - 16px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none;
    background: var(--kps-bg); color: var(--kps-text); border-radius: var(--kps-r, 30px); padding: 0 8px; visibility: hidden; contain: layout paint; will-change: clip-path;
    clip-path: inset(0 0 calc(100% - var(--kps-h, 60px)) 0 round var(--kps-r, 30px)); transition: clip-path .42s cubic-bezier(.2,.7,.2,1), visibility 0s .42s; }
  .kps__panel::-webkit-scrollbar { display: none; }
  .kps.is-open .kps__panel { visibility: visible; clip-path: inset(0 0 0 0 round var(--kps-r, 30px)); transition: clip-path .42s cubic-bezier(.2,.7,.2,1), visibility 0s; }
  .kps__bar { display: flex; align-items: center; gap: 8px; height: var(--kps-h, 60px); position: sticky; top: 0; z-index: 3; background: var(--kps-bg); }
  .kps__rb { flex: none; width: 42px; height: 42px; border-radius: 50%; border: 0; padding: 0; background: var(--kps-accent); color: #fff; display: grid; place-items: center; cursor: pointer; transition: transform .4s cubic-bezier(.2,.7,.2,1); }
  .kps.is-open .kps__rb { transform: rotate(90deg); }
  .kps__form { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; height: 44px; margin: 0; background: var(--kps-pill); color: var(--kps-pill-text); border-radius: 99px; padding: 0 6px 0 16px; }
  [dir="rtl"] .kps__form { padding: 0 16px 0 6px; }
  .kps__form input { flex: 1; min-width: 0; width: 100%; height: 100%; border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; color: inherit; font: inherit; font-size: 16px; padding: 0 !important; margin: 0; -webkit-appearance: none; appearance: none; }
  .kps__form input::placeholder { color: color-mix(in srgb, var(--kps-pill-text) 55%, transparent); }
  .kps__form input::-webkit-search-cancel-button { display: none; }
  .kps__go { flex: none; width: 32px; height: 32px; border-radius: 50%; border: 0; padding: 0; background: var(--kps-bg); color: var(--kps-text); display: grid; place-items: center; cursor: pointer; }
  .kps__go svg { width: 14px; height: 14px; }
  .kps__drop, .kps__in { display: block; }
  .kps__pad { padding: 2px 6px 14px; }
  .kps__k { display: block; font-size: 1.05rem; letter-spacing: .16em; text-transform: uppercase; font-weight: 700; opacity: .55; margin: 14px 4px 9px; }
  .kps__chips { display: flex; flex-wrap: wrap; gap: 6px; }
  .kps-chip { border: 0; cursor: pointer; font: inherit; font-size: 1.25rem; font-weight: 600; background: var(--kps-item); color: var(--kps-text); border-radius: 99px; padding: 9px 13px; }
  .kps__dock { display: flex; gap: 6px; background: var(--kps-item); border-radius: 22px; padding: 6px; }
  .kps__dock a { position: relative; flex: 1 1 0; min-width: 0; aspect-ratio: 1; max-width: 76px; border-radius: 16px; overflow: hidden; background: var(--kps-pill); color: var(--kps-pill-text); display: grid; place-items: center; text-decoration: none; font-size: 1rem; font-weight: 900; text-align: center; line-height: 1.1; padding: 2px; }
  .kps__dock a img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  .kps-row { display: flex; align-items: center; gap: 12px; width: 100%; text-decoration: none; background: var(--kps-row); color: var(--kps-text); border-radius: 20px; padding: 7px; margin-bottom: 6px; animation: kpsIn .3s both; animation-delay: calc(var(--i, 0) * 40ms); }
  .kps-row__img { position: relative; flex: none; width: var(--kps-thumb); height: var(--kps-thumb); border-radius: 16px; overflow: hidden; background: var(--kx-paper, #fff); }
  .kps-row__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  .kps-row__tx { flex: 1; min-width: 0; }
  .kps-row b { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: var(--kps-fs); font-weight: 700; line-height: 1.25; }
  .kps-row b mark { background: none; color: var(--kps-price); }
  .kps-row span.kps-p { display: block; font-size: 1.25rem; font-weight: 800; color: var(--kps-price); margin-top: 3px; }
  .kps-row span.kps-p s { margin-inline-start: 6px; font-size: 1.05rem; font-weight: 500; opacity: .5; color: var(--kps-text); }
  .kps-row i { flex: none; width: 36px; height: 36px; border-radius: 50%; background: var(--kps-pill); color: var(--kps-pill-text); display: grid; place-items: center; font-style: normal; }
  .kps-row i svg { width: 14px; height: 14px; }
  .kps-all { display: flex; align-items: center; justify-content: space-between; width: 100%; text-decoration: none; background: var(--kps-pill); color: var(--kps-pill-text); border-radius: 99px; padding: 5px 5px 5px 18px; font-weight: 700; font-size: 1.35rem; margin-top: 4px; }
  .kps-all i { width: 38px; height: 38px; border-radius: 50%; background: var(--kps-bg); color: var(--kps-text); display: grid; place-items: center; font-style: normal; }
  .kps__none { font-size: 1.3rem; opacity: .7; padding: 14px 6px; }
  .kps__res[hidden], .kps__idle[hidden] { display: none; }
  .kps.is-loading .kps__go svg { animation: kpsSpin .8s linear infinite; }
  @keyframes kpsSpin { to { transform: rotate(360deg); } }
  @keyframes kpsIn { from { opacity: 0; transform: translateY(8px); } }
  .kps .kps-a { opacity: 0; transition: opacity .3s ease; }
  .kps.is-open .kps-a { opacity: 1; transition-delay: calc(.1s + var(--i, 0) * .05s); }
  @media (min-width: 1025px) { .kps { display: none !important; } }@media (min-width: 750px) { .kps__panel { left: 50% !important; transform: translateX(-50%); width: min(640px, calc(100% - 24px)) !important; top: 16px !important; } }
  @media (prefers-reduced-motion: reduce) { .kps *, .kps *::before { transition-duration: .01s !important; animation: none !important; } }
/* khuttwa_footer_dock */
#kfd-khuttwa_footer_dock {
    --kfd-stage: var(--kx-dark, #141210); --kfd-text: #ffffff; --kfd-muted: rgba(255, 255, 255, 0.6);
    --kfd-tile: var(--kx-cream, #f3ede3); --kfd-tile-icon: var(--kx-dark-ink, #111111);
    --kfd-dock: var(--kx-dark, #111111); --kfd-dock-item: var(--kx-item, #262320); --kfd-dock-icon: #ffffff; --kfd-dock-on: var(--kx-cream, #f3ede3); --kfd-dock-on-icon: var(--kx-dark-ink, #111111);
    --kfd-pill: var(--kx-dark, #111111); --kfd-pill-text: #ffffff; --kfd-pill-btn: var(--kx-item, #262626);
    --kfd-radius: 26px; --kfd-h: 250px;
    padding-top: 40px; padding-bottom: 30px;
  }
  @media (max-width: 767px) { #kfd-khuttwa_footer_dock { padding-bottom: 100px; } }
  #kfd-khuttwa_footer_dock .kfd__in { max-width: 1200px; margin-inline: auto; }
  #kfd-khuttwa_footer_dock svg.kfd-i { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex: none; }
  #kfd-khuttwa_footer_dock .kfd-stage { position: relative; height: var(--kfd-h); border-radius: var(--kfd-radius); background: var(--kfd-stage); color: var(--kfd-text); overflow: hidden; touch-action: pan-y; user-select: none; -webkit-user-select: none; }
  #kfd-khuttwa_footer_dock .kfd-sl { position: absolute; inset: 0; padding: 20px; opacity: 0; visibility: hidden; transition: opacity .4s ease, visibility 0s linear .4s; color: inherit; text-decoration: none; display: block; }
  #kfd-khuttwa_footer_dock .kfd-sl.is-on { opacity: 1; visibility: visible; transition: opacity .4s ease; }
  #kfd-khuttwa_footer_dock .kfd-cnt { font-size: 1.1rem; letter-spacing: .2em; color: var(--kfd-muted); }
  #kfd-khuttwa_footer_dock .kfd-tile {
    position: absolute; inset-inline-end: 18px; top: 18px; width: 120px; height: 120px; border-radius: calc(120px / 3.3);
    background: var(--kfd-tile); color: var(--kfd-tile-icon); display: grid; place-items: center; overflow: hidden;
    transform: rotate(-6deg); box-shadow: 0 24px 40px -20px rgba(0,0,0,.7);
  }
  [dir="rtl"] #kfd-khuttwa_footer_dock .kfd-tile { transform: rotate(6deg); }
  #kfd-khuttwa_footer_dock .kfd-tile svg.kfd-i { width: 44%; height: 44%; stroke-width: 1.2; }
  #kfd-khuttwa_footer_dock .kfd-tile img { width: 100%; height: 100%; object-fit: cover; }
  #kfd-khuttwa_footer_dock .kfd-sl.is-on .kfd-tile { animation: kfdPop .55s cubic-bezier(.2,.7,.2,1); }
  @keyframes kfdPop { from { opacity: 0; translate: 40px 0; } }
  #kfd-khuttwa_footer_dock .kfd-tx { position: absolute; inset-inline: 20px; bottom: 48px; }
  #kfd-khuttwa_footer_dock .kfd-tx b { display: block; font-size: 22px; line-height: 1.12; letter-spacing: -.01em; max-width: 64%; color: var(--kfd-text); }
  #kfd-khuttwa_footer_dock .kfd-tx small { display: block; margin-top: 6px; font-size: 1.25rem; color: var(--kfd-muted); max-width: 70%; }
  #kfd-khuttwa_footer_dock .kfd-sl.is-on .kfd-tx { animation: kfdUp .45s ease; }
  @keyframes kfdUp { from { opacity: 0; transform: translateY(8px); } }
  #kfd-khuttwa_footer_dock .kfd-dock { position: relative; z-index: 3; margin: -30px 18px 0; background: var(--kfd-dock); border-radius: 22px; padding: 8px; display: flex; gap: 6px; box-shadow: 0 16px 30px -14px rgba(0,0,0,.6); }
  #kfd-khuttwa_footer_dock .kfd-dock button { flex: 1; max-width: 80px; aspect-ratio: 1; margin: 0 auto; border: 0; padding: 0; border-radius: 14px; background: var(--kfd-dock-item); color: var(--kfd-dock-icon); display: grid; place-items: center; cursor: pointer; overflow: hidden; transition: transform .35s cubic-bezier(.2,.7,.2,1), background .3s ease, color .3s ease; }
  #kfd-khuttwa_footer_dock .kfd-dock button img { width: 100%; height: 100%; object-fit: cover; }
  #kfd-khuttwa_footer_dock .kfd-dock button.is-on { background: var(--kfd-dock-on); color: var(--kfd-dock-on-icon); transform: translateY(-8px); }

  #kfd-khuttwa_footer_dock .kfd-menus { margin-top: 18px; }
  #kfd-khuttwa_footer_dock .kfd-m { border-bottom: 1px solid rgba(var(--color-heading-rgb), .1); }
  #kfd-khuttwa_footer_dock .kfd-m summary { list-style: none; display: flex; justify-content: space-between; align-items: center; padding: 14px 2px; font-weight: 700; font-size: 1.5rem; color: var(--color-heading); cursor: pointer; }
  #kfd-khuttwa_footer_dock .kfd-m summary::-webkit-details-marker { display: none; }
  #kfd-khuttwa_footer_dock .kfd-pl { width: 28px; height: 28px; border-radius: 50%; background: rgba(var(--color-heading-rgb), .06); color: var(--color-heading); display: grid; place-items: center; transition: transform .35s ease, background .3s ease, color .3s ease; }
  #kfd-khuttwa_footer_dock .kfd-pl svg.kfd-i { width: 14px; height: 14px; }
  #kfd-khuttwa_footer_dock .kfd-m[open] .kfd-pl { transform: rotate(45deg); background: var(--color-heading); color: var(--color-background); }
  #kfd-khuttwa_footer_dock .kfd-chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 0 14px; }
  #kfd-khuttwa_footer_dock .kfd-chips a { padding: 8px 13px; border-radius: 99px; background: rgba(var(--color-heading-rgb), .06); color: var(--color-heading); font-size: 1.25rem; text-decoration: none; transition: background .25s ease, color .25s ease; }
  #kfd-khuttwa_footer_dock .kfd-chips a:hover { background: var(--color-heading); color: var(--color-background); }
  #kfd-khuttwa_footer_dock .kfd-m[open] .kfd-chips { animation: kfdUp .35s ease; }

  #kfd-khuttwa_footer_dock .kfd-pill { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 18px; background: var(--kfd-pill); color: var(--kfd-pill-text); border-radius: 99px; padding: 6px 6px 6px 20px; }
  #kfd-khuttwa_footer_dock .kfd-logo { font-weight: 800; letter-spacing: 0.34em; font-size: 10px; color: var(--kfd-pill-text); text-decoration: none; text-transform: uppercase; white-space: nowrap; flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  #kfd-khuttwa_footer_dock .kfd-logo img { max-height: 30px; width: auto; display: block;}
  #kfd-khuttwa_footer_dock .kfd-soc { display: flex; gap: 5px; flex-wrap: nowrap; flex: none; justify-content: flex-end; }
  #kfd-khuttwa_footer_dock .kfd-soc a { width: 36px; height: 36px; border-radius: 50%; background: var(--kfd-pill-btn); color: var(--kfd-pill-text); display: grid; place-items: center; transition: transform .25s ease; }
  #kfd-khuttwa_footer_dock .kfd-soc a:hover { transform: translateY(-3px); }
  #kfd-khuttwa_footer_dock .kfd-soc svg.kfd-i { width: 16px; height: 16px; }
  #kfd-khuttwa_footer_dock .kfd-bottom { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px 14px; margin-top: 12px; font-size: 1.1rem; color: rgba(var(--color-heading-rgb), .55); text-align: center; }
  #kfd-khuttwa_footer_dock .kfd-bottom a { color: inherit; }
  #kfd-khuttwa_footer_dock .kfd-pay { display: flex; flex-wrap: wrap; gap: 5px; justify-content: center; margin-top: 12px; }
  #kfd-khuttwa_footer_dock .kfd-pay svg { width: 38px; height: 24px; }

  @media (min-width: 768px) {
    #kfd-khuttwa_footer_dock .kfd-top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 40px; align-items: start; }
    #kfd-khuttwa_footer_dock .kfd-menus { margin-top: 0; display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 24px; }
    #kfd-khuttwa_footer_dock .kfd-m { border: 0; }
    #kfd-khuttwa_footer_dock .kfd-m summary { pointer-events: none; padding-top: 0; font-size: 1.3rem; letter-spacing: .14em; text-transform: uppercase; opacity: .55; }
    #kfd-khuttwa_footer_dock .kfd-pl { display: none; }
    #kfd-khuttwa_footer_dock .kfd-chips { flex-direction: column; align-items: flex-start; gap: 4px; }
    #kfd-khuttwa_footer_dock .kfd-chips a { background: none; padding: 4px 0; }
    #kfd-khuttwa_footer_dock .kfd-chips a:hover { background: none; color: var(--color-heading); text-decoration: underline; }
  }
  @media (prefers-reduced-motion: reduce) { #kfd-khuttwa_footer_dock * { animation: none !important; } }