:root{--kbc-bg: var(--kx-dark, #111111); --kbc-text: #FFFFFF; --kbc-item: var(--kx-item, #262320); --kbc-on: var(--kx-cream, #F3EDE3); --kbc-on-text: var(--kx-dark-ink, #111111); --kbc-accent: var(--kx-accent, #C9423B); --kbc-accent-soft: #d2615b; --kbc-radius: 26px; --kbt-bg: var(--kx-paper, #ffffff); --kbt-strip: var(--kx-accent, #C9423B); --kbt-strip-text: #ffffff;}

        /* Khuttwa motion */
        @media (prefers-reduced-motion: no-preference) {
          html.kmo-js .kmo-wait { opacity: 0; translate: 0 26px; }
          html.kmo-js .kmo-go { opacity: 1; translate: 0 0; transition: opacity .6s ease, translate .7s cubic-bezier(.2,.7,.2,1); }
          /* "scale" (not transform) so buttons that are positioned with a transform do not jump */
          :where(button, [type="submit"], .button, .btn, [role="button"], select-option, .kd-cart, .kmb__item):where(:not([disabled])) { transition-property: scale; transition-duration: .15s; }
          :where(button, [type="submit"], .button, .btn, [role="button"], select-option, .kd-cart):where(:not([disabled])):active { scale: .95; }
          .kmo-bump { animation: kmoBump .45s ease; }
          @keyframes kmoBump { 40% { scale: 1.4; } }
        }
      

        /* Khuttwa layout (mobile): one side gutter, one rhythm, no sideways scroll */
        @media (max-width: 767px) {
          html { overflow-x: hidden; }
          @supports (overflow-x: clip) { html, body { overflow-x: clip; } }
          #MainContent { --bs-gutter-x: 12px; --kh-gut: 12px; }
          #MainContent > .shopify-section { max-width: 100%; }
          @supports (overflow-x: clip) { #MainContent > .shopify-section { overflow-x: clip; } }
        }
      
:root{--kva-bg: var(--kx-dark, #111111); --kva-text: #FFFFFF; --kva-circle: var(--kx-paper, #FFFFFF); --kva-size: 40px;}
:root{--kpd-fill: var(--kx-dark, #111111); --kpd-track: #E6E6E6; --kpd-h: 3px; --kpd-width: 260px;}

      :root {
        --kc-ratio: 1/1;
        --kc-img-scale: 1.0;
        --kc-contain-pad: 8%;
        --kc-hover-zoom: 1.05;
        --kc-media-bg: var(--kx-tile, #F5F4F1);
        --kc-sizes-bg: rgba(255, 255, 255, 0.92);
        --kc-sizes-text: var(--kx-dark-ink, #111111);
        --kc-border-w: 1px;
        --kc-border: #EBEBEB;
        --kc-border-hover: var(--kx-dark-ink, #111111);
        --kc-radius: 18px;
        --kc-pad: 10px;
        --kc-pad-m: 7px;
        --kc-lift: -3px;
        --kc-shadow: 0 18px 40px -22px rgba(0,0,0,.35);
        --kc-align: start;
        --kc-justify: flex-start;
        --kc-vendor-color: #777777;
        --kc-vendor-opacity: 1;
        --kc-vendor-size: 11px;
        --kc-vendor-size-m: 9px;
        --kc-title-color: var(--kx-dark-ink, #111111);
        --kc-title-size: 15px;
        --kc-title-size-m: 13px;
        --kc-title-weight: 500;
        --kc-title-lines: 2;
        --kc-title-transform: none;
        --kc-price: var(--kx-dark-ink, #111111);
        --kc-price-sale: var(--kx-accent-ink, #D0473E);
        --kc-price-compare: #999999;
        --kc-compare-display: inline;
        --kc-price-size: 15px;
        --kc-price-size-m: 13px;
        --kc-compare-size: 13px;
        --kc-compare-size-m: 11px;
        --kc-price-weight: 600;
        --kc-btn-display: grid;
        --kc-btn-display-m: grid;
        --kc-btn-size: 38px;
        --kc-btn-size-m: 30px;
        --kc-btn-icon: var(--kx-dark-ink, #111111);
        --kc-btn-border: #EBEBEB;
        --kc-btn-hover-bg: var(--kx-dark, #111111);
        --kc-btn-hover-icon: #FFFFFF;
        --kc-act-size: 38px;
        --kc-act-size-m: 30px;
        --kc-heart-bg: var(--kx-paper, #FFFFFF);
        --kc-heart-icon: var(--kx-dark-ink, #111111);
        --kc-heart-active-bg: var(--kx-dark, #111111);
        --kc-heart-active-icon: #FFFFFF;
      }