/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.103.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_postcs_241c8f3bd3b4e35bb42a5a05717d3cc7/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.103.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/assets/styles/app.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
 * IMPORTANT NOTE: Theme based on Tailwindcss but for the purpose of simplifing the DOM we use
 * tailwind classes with @apply directive in the SCSS files
*/
/**
 * SETTINGS
 * Tailwind.............Import tailwind.
 * Fonts................Any font files.
 * Global...............Project-specific, globally available variables.
 * Breakpoints..........Mixins and variables for responsive styles.
 *
 * GENERIC
 * Common...............All commn styles and assistan classes and common style fixes
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Animations...........Some of animations from anime.css
 * Lazyload.............Lazyload placeholder styles
 * RTL..................Specific styles for RTL.
 * LTR..................Specific styles for LTR.
 *
 * ELEMENTS
 * Forms................Element-level form styling.
 * Buttons..............Specific styles for buttons.
 * Radio................Specific styles for custom radio button.
 * Radio Images.........Specific styles for radio images, used in product options.
 *
 * COMPONENTS
 * Header...............Specific styles for header styles.
 * Footer...............Specific styles for footer styles.
 * Menu.................Specific styles for main menu and mobile menu styles.
 * User Menu............Specific styles for user menu dropdown.
 * User Pages...........Specific styles for user pages like profile, notifications, orders...
 * Home Blocks..........Specific styles for home blocks.
 * Slider...............Specific styles for sliders.
 * Product..............Specific styles for single product page and it's elements.
 * Brands...............Specific styles for brands page.
 * Placeholder..........Specific styles for no content placeholders.
 * Gifting..............Specific styles for gifting system.
 * Loyalty..............Specific styles for loyalty system.
 *
 * UTILITIES
 * Chat Bots............Specific styles for chats bots widget.
 * Swal.................Specific styles for Sweet Alert addon.
 * Safari Fixes.........Specific styles for Safari Browser.
 *
 * EMBEDED ADDONS
 * Lite Youtube Embed...Specific styles for lite-youtube-embed addon.
 * Swiper...............Specific styles for swiper slider addon.
 * MMenu................Specific styles for mmenu addon.
 *
*/
/* ============================================================
   Bootstrap 5 Compatibility Layer
   Provides Bootstrap utility classes used in twig templates
   so the Tailwind-only build can render them correctly.
   ============================================================ */
/* ── Display Utilities ──────────────────────────────────────── */
.d-flex            { display: flex !important; }
.d-inline-flex     { display: inline-flex !important; }
.d-block           { display: block !important; }
.d-inline-block    { display: inline-block !important; }
.d-inline          { display: inline !important; }
.d-none            { display: none !important; }
.d-grid            { display: grid !important; }
/* Responsive display — sm (≥576px) */
@media (min-width: 576px) {
  .d-sm-flex         { display: flex !important; }
  .d-sm-block        { display: block !important; }
  .d-sm-inline-block { display: inline-block !important; }
  .d-sm-none         { display: none !important; }
}
/* Responsive display — md (≥768px) */
@media (min-width: 768px) {
  .d-md-flex         { display: flex !important; }
  .d-md-block        { display: block !important; }
  .d-md-inline-block { display: inline-block !important; }
  .d-md-none         { display: none !important; }
}
/* Responsive display — lg (≥992px) */
@media (min-width: 992px) {
  .d-lg-flex         { display: flex !important; }
  .d-lg-block        { display: block !important; }
  .d-lg-inline-block { display: inline-block !important; }
  .d-lg-none         { display: none !important; }
}
/* Responsive display — xl (≥1200px) */
@media (min-width: 1200px) {
  .d-xl-flex         { display: flex !important; }
  .d-xl-block        { display: block !important; }
  .d-xl-inline-block { display: inline-block !important; }
  .d-xl-none         { display: none !important; }
}
/* ── Flexbox Utilities ──────────────────────────────────────── */
.flex-row             { flex-direction: row !important; }
.flex-column          { flex-direction: column !important; }
.flex-row-reverse     { flex-direction: row-reverse !important; }
.flex-column-reverse  { flex-direction: column-reverse !important; }
.flex-wrap            { flex-wrap: wrap !important; }
.flex-nowrap          { flex-wrap: nowrap !important; }
.flex-grow-1          { flex-grow: 1 !important; }
.flex-shrink-0        { flex-shrink: 0 !important; }
.justify-content-start   { justify-content: flex-start !important; }
.justify-content-end     { justify-content: flex-end !important; }
.justify-content-center  { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around  { justify-content: space-around !important; }
.justify-content-evenly  { justify-content: space-evenly !important; }
.align-items-start    { align-items: flex-start !important; }
.align-items-end      { align-items: flex-end !important; }
.align-items-center   { align-items: center !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch  { align-items: stretch !important; }
.align-self-start     { align-self: flex-start !important; }
.align-self-end       { align-self: flex-end !important; }
.align-self-center    { align-self: center !important; }
/* ── Position Utilities ─────────────────────────────────────── */
.position-relative { position: relative !important; }
.position-absolute { position: absolute !important; }
.position-fixed    { position: fixed !important; }
.position-static   { position: static !important; }
.position-sticky   { position: sticky !important; }
/* ── Container ──────────────────────────────────────────────── */
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
/* ── Grid System ────────────────────────────────────────────── */
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
/* Column base */
.col-12  { flex: 0 0 auto; width: 100%; }
.col-6   { flex: 0 0 auto; width: 50%; }
/* sm (≥576px) */
@media (min-width: 576px) {
  .col-sm-6  { flex: 0 0 auto; width: 50%; }
  .col-sm-12 { flex: 0 0 auto; width: 100%; }
}
/* md (≥768px) */
@media (min-width: 768px) {
  .col-md-3  { flex: 0 0 auto; width: 25%; }
  .col-md-4  { flex: 0 0 auto; width: 33.333333%; }
  .col-md-6  { flex: 0 0 auto; width: 50%; }
  .col-md-8  { flex: 0 0 auto; width: 66.666667%; }
  .col-md-12 { flex: 0 0 auto; width: 100%; }
}
/* lg (≥992px) */
@media (min-width: 992px) {
  .col-lg-3  { flex: 0 0 auto; width: 25%; }
  .col-lg-4  { flex: 0 0 auto; width: 33.333333%; }
  .col-lg-6  { flex: 0 0 auto; width: 50%; }
  .col-lg-8  { flex: 0 0 auto; width: 66.666667%; }
  .col-lg-9  { flex: 0 0 auto; width: 75%; }
  .col-lg-12 { flex: 0 0 auto; width: 100%; }
}
/* xl (≥1200px) */
@media (min-width: 1200px) {
  .col-xl-2  { flex: 0 0 auto; width: 16.666667%; }
  .col-xl-3  { flex: 0 0 auto; width: 25%; }
  .col-xl-4  { flex: 0 0 auto; width: 33.333333%; }
  .col-xl-6  { flex: 0 0 auto; width: 50%; }
  .col-xl-9  { flex: 0 0 auto; width: 75%; }
  .col-xl-12 { flex: 0 0 auto; width: 100%; }
}
/* ── Text Utilities (Bootstrap-specific, not in Tailwind) ──── */
.text-end            { text-align: right !important; }
.text-decoration-none { -webkit-text-decoration: none !important; text-decoration: none !important; }
/* ── Font Weight ────────────────────────────────────────────── */
.fw-bold    { font-weight: 700 !important; }
.fw-normal  { font-weight: 400 !important; }
.fw-light   { font-weight: 300 !important; }
/* ── Sizing ─────────────────────────────────────────────────── */
.w-100 { width: 100% !important; }
.h-100 { height: 100% !important; }
/* ── Spacing — Margin (Bootstrap directional: me = margin-end, ms = margin-start) */
.me-1   { margin-right: 0.25rem !important; }
.me-2   { margin-right: 0.5rem !important; }
.me-3   { margin-right: 1rem !important; }
.ms-1   { margin-left: 0.25rem !important; }
.ms-2   { margin-left: 0.5rem !important; }
.ms-3   { margin-left: 1rem !important; }
/* ── Spacing — Padding (Bootstrap directional: pe = padding-end, ps = padding-start) */
.pe-0   { padding-right: 0 !important; }
.ps-0   { padding-left: 0 !important; }
/* ── Custom Section Spacing (pixel-based) ───────────────────── */
.pt-25 { padding-top: 25px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-50 { padding-top: 50px !important; }
.pt-60 { padding-top: 60px !important; }
.pt-80 { padding-top: 80px !important; }
.pb-25 { padding-bottom: 25px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-50 { padding-bottom: 50px !important; }
.pb-60 { padding-bottom: 60px !important; }
.pb-80 { padding-bottom: 80px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-50 { margin-bottom: 50px !important; }
/* ── Gutter Utilities (row gap in pixels) ───────────────────── */
.gutter-y-20 { row-gap: 20px; }
.gutter-y-30 { row-gap: 30px; }
.gutter-y-60 { row-gap: 60px; }
.gutter-x-20 { -moz-column-gap: 20px; column-gap: 20px; }
.gutter-x-30 { -moz-column-gap: 30px; column-gap: 30px; }
/* ── Miscellaneous Bootstrap utilities ──────────────────────── */
.visually-hidden,
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
/* ── Overflow ───────────────────────────────────────────────── */
.overflow-hidden  { overflow: hidden !important; }
.overflow-visible { overflow: visible !important; }
.overflow-auto    { overflow: auto !important; }
lite-youtube {
    background-color: #000;
    position: relative;
    display: block;
    contain: content;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
    max-width: 720px;
}
/* gradient */
lite-youtube::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
    background-position: top;
    background-repeat: repeat-x;
    height: 60px;
    padding-bottom: 50px;
    width: 100%;
    transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}
/* responsive iframe with a 16:9 aspect ratio
    thanks https://css-tricks.com/responsive-iframes/
*/
lite-youtube::after {
    content: "";
    display: block;
    padding-bottom: calc(100% / (16 / 9));
}
lite-youtube > iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}
/* play button */
lite-youtube > .lty-playbtn {
    width: 68px;
    height: 48px;
    position: absolute;
    cursor: pointer;
    transform: translate3d(-50%, -50%, 0);
    top: 50%;
    left: 50%;
    z-index: 1;
    background-color: transparent;
    /* YT's actual play button svg */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>');
    filter: grayscale(100%);
    transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
    border: none;
}
lite-youtube:hover > .lty-playbtn,
lite-youtube .lty-playbtn:focus {
    filter: none;
}
/* Post-click styles */
lite-youtube.lyt-activated {
    cursor: inherit;
}
lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated > .lty-playbtn {
    opacity: 0;
    pointer-events: none;
}
.lyt-visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }
/*!
 * Mmenu Light
 * mmenujs.com/mmenu-light
 *
 * Copyright (c) Fred Heusschen
 * www.frebsite.nl
 *
 * License: CC-BY-4.0
 * http://creativecommons.org/licenses/by/4.0/
 */
:root{--mm-ocd-width:80%;--mm-ocd-min-width:200px;--mm-ocd-max-width:440px}
body.mm-ocd-opened{overflow-y:hidden;overscroll-behavior:none}
.mm-ocd{position:fixed;top:0;right:0;bottom:100%;left:0;z-index:9999;overflow:hidden;overscroll-behavior:contain;background:rgba(0,0,0,0);transition-property:bottom,background-color;transition-duration:0s,.3s;transition-timing-function:ease;transition-delay:.45s,.15s}
.mm-ocd--open{bottom:0;background:rgba(0,0,0,.25);transition-delay:0s}
.mm-ocd__content{position:absolute;top:0;bottom:0;z-index:2;width:calc(100% - 51px);width:var(--mm-ocd-width);min-width:200px;min-width:var(--mm-ocd-min-width);max-width:440px;max-width:var(--mm-ocd-max-width);background:#fff;transition-property:transform;transition-duration:.3s;transition-timing-function:ease}
.mm-ocd--left .mm-ocd__content{left:0;transform:translate3d(-100%,0,0)}
.mm-ocd--right .mm-ocd__content{right:0;transform:translate3d(100%,0,0)}
.mm-ocd--open .mm-ocd__content{transform:translate3d(0,0,0)}
.mm-ocd__backdrop{position:absolute;top:0;bottom:0;z-index:3;width:max(calc(100% - 440px), min(calc(100% - (100% - 51px)), calc(100% - 200px)));width:max(calc(100% - 440px), min(calc(100% - calc(100% - 51px)), calc(100% - 200px)));width:max(calc(100% - var(--mm-ocd-max-width)), min(calc(100% - var(--mm-ocd-width)), calc(100% - var(--mm-ocd-min-width))));background:rgba(3,2,1,0)}
.mm-ocd--left .mm-ocd__backdrop{right:0}
.mm-ocd--right .mm-ocd__backdrop{left:0}
.mm-spn,.mm-spn a,.mm-spn li,.mm-spn span,.mm-spn ul{display:block;padding:0;margin:0;box-sizing:border-box}
:root{--mm-spn-item-height:50px;--mm-spn-item-indent:20px;--mm-spn-line-height:24px;--mm-spn-panel-offset:30%}
.mm-spn{width:100%;height:100%;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overflow:hidden;clip-path:inset(0 0 0 0);transform:translateX(0)}
.mm-spn ul{-webkit-overflow-scrolling:touch;position:fixed;top:0;left:100%;bottom:0;z-index:2;width:calc(100% + 30%);width:calc(100% + var(--mm-spn-panel-offset));padding-right:30%;padding-right:var(--mm-spn-panel-offset);line-height:24px;line-height:var(--mm-spn-line-height);overflow:visible;overflow-y:auto;background:inherit;transition:left .3s ease 0s;cursor:default}
.mm-spn ul:after{content:"";display:block;height:50px;height:var(--mm-spn-item-height)}
.mm-spn>ul{left:0}
.mm-spn ul.mm-spn--open{left:0}
.mm-spn ul.mm-spn--parent{left:calc(-1 * 30%);left:calc(-1 * var(--mm-spn-panel-offset));overflow:visible}
.mm-spn li{position:relative;background:inherit;cursor:pointer}
.mm-spn li:before{content:"";display:block;position:absolute;top:calc(50px/ 2);top:calc(var(--mm-spn-item-height)/ 2);right:calc(50px/ 2);right:calc(var(--mm-spn-item-height)/ 2);z-index:0;width:10px;height:10px;border-top:2px solid;border-right:2px solid;transform:rotate(45deg) translate(0,-50%);opacity:.4}
.mm-spn li:after{content:"";display:block;margin-left:20px;margin-left:var(--mm-spn-item-indent);border-top:1px solid;opacity:.15}
.mm-spn a,.mm-spn span{position:relative;z-index:1;padding:calc((50px - 24px)/ 2) 20px;padding:calc((var(--mm-spn-item-height) - var(--mm-spn-line-height))/ 2) var(--mm-spn-item-indent)}
.mm-spn a{background:inherit;color:inherit;-webkit-text-decoration:none;text-decoration:none}
.mm-spn a:not(:last-child){width:calc(100% - 50px);width:calc(100% - var(--mm-spn-item-height))}
.mm-spn a:not(:last-child):after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;border-right:1px solid;opacity:.15}
.mm-spn span{background:0 0}
.mm-spn.mm-spn--navbar{cursor:pointer}
.mm-spn.mm-spn--navbar:before{content:"";display:block;position:absolute;top:calc(50px/ 2);top:calc(var(--mm-spn-item-height)/ 2);left:20px;left:var(--mm-spn-item-indent);width:10px;height:10px;margin-top:2px;border-top:2px solid;border-left:2px solid;transform:rotate(-45deg) translate(50%,-50%);opacity:.4}
.mm-spn.mm-spn--navbar.mm-spn--main{cursor:default}
.mm-spn.mm-spn--navbar.mm-spn--main:before{content:none;display:none}
.mm-spn.mm-spn--navbar:after{content:attr(data-mm-spn-title);display:block;position:absolute;top:0;left:0;right:0;height:50px;height:var(--mm-spn-item-height);padding:0 calc(20px * 2);padding:0 calc(var(--mm-spn-item-indent) * 2);line-height:50px;line-height:var(--mm-spn-item-height);opacity:.4;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mm-spn.mm-spn--navbar.mm-spn--main:after{padding-left:20px;padding-left:var(--mm-spn-item-indent)}
.mm-spn.mm-spn--navbar ul{top:calc(50px + 1px);top:calc(var(--mm-spn-item-height) + 1px)}
.mm-spn.mm-spn--navbar ul:before{content:"";display:block;position:fixed;top:inherit;z-index:2;width:100%;border-top:1px solid currentColor;opacity:.15}
.mm-spn.mm-spn--light{color:#444;background:#f3f3f3}
.mm-spn.mm-spn--dark{color:#ddd;background:#333}
.mm-spn.mm-spn--vertical{overflow-y:auto}
.mm-spn.mm-spn--vertical ul{width:100%;padding-right:0;position:static}
.mm-spn.mm-spn--vertical ul ul{display:none;padding-left:20px;padding-left:var(--mm-spn-item-indent)}
.mm-spn.mm-spn--vertical ul ul:after{height:calc(50px/ 2);height:calc(var(--mm-spn-item-height)/ 2)}
.mm-spn.mm-spn--vertical ul.mm-spn--open{display:block}
.mm-spn.mm-spn--vertical li.mm-spn--open:before{transform:rotate(135deg) translate(-50%,0)}
.mm-spn.mm-spn--vertical ul ul li:last-child:after{content:none;display:none}
/* Header styles — RTL base */
/******************************************************/
/* Header */
/******************************************************/
.announcement-bar {
  position: relative;
  overflow: hidden
}
.announcement-bar .content {
  width: 100%;
  height: 100%;
  overflow: hidden
}
.announcement-bar a {
  display:inline-block
}
.announcement-bar .announcement-text {
  color: var(--white-color);
  font-size: 1.3rem;
  padding: 9px 0 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display:inline-block;
  direction: ltr;
}
.header-left button img {
    width: 24px;
    position: relative;
    top: -3px;
}
ul.main-nav {
  display: block;
  position: relative
}
ul.main-nav>li>div.sub-menu-block {
  position: absolute;
  top: calc(100% + -15px);
  right: 0;
  transform: rotateX(90deg);
  transform-origin: center top;
  visibility: hidden;
  opacity: 0;
  z-index: 3;
  transition: all .4s ease 0s;
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: rgba(0,0,0,.06) 0 6px 7px 0;
  background-color: #f9f9f9;
  width: auto;
  color: var(--header-menu-links-colors);
  border-top: 2px solid var(--primary-color);
  font-size: 16px
}
ul.main-nav>li.top-level-link>div.sub-menu-block a {
  display: block;
  padding: 0 15px;
  padding-left: 50px;
  width: 100%;
  height: 50px;
  color: var(--header-menu-links-colors);
  font-size: 1.16rem;
  line-height: 50px;
  position: relative;
  overflow: hidden;
  min-width: -moz-max-content;
  min-width: max-content;
  font-weight:700;
}
ul.main-nav>li:hover>div.sub-menu-block {
  transform: rotateX(0deg);
  visibility: visible;
  opacity: 1;
  background-color: var(--white-color)
}
ul.main-nav>li>div.sub-menu-block * {
  transition-duration: .4s;
  transition-property: all;
  margin: 0
}
.categories-list li.menu {
  padding: 10px 40px;
  color: var(--white-color);
  font-size: 1.286rem;
  white-space: nowrap
}
.cart-badge {
  position: absolute;
  top: calc(100% - 16px);
  right: calc(50% - 8.5px);
  border-radius: 50%;
  background: var(--primary-color);
  width: 17px;
  height: 17px;
  font-size:12px;
  color: var(--white-color);
  font-weight: 600;
  font-size: .866667rem;
  line-height: 17px;
  text-align: center
}
/* -------------------------------------------------------- */
ul.main-nav {
  margin: 0;
  padding: 0;
  max-width: 100%;
  font-size: 0;
  list-style-type: none
}
ul.main-nav>li {
  display: inline-block;
  position: relative;
  padding: 0
}
ul.main-nav>li ul.sub-menu-lists {
  display: block;
  position: absolute;
  top: -2px;
  right: calc(100% + 5px);
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease 0s;
  margin: 0;
  box-shadow: rgba(0,0,0,.06) 0 6px 7px 0;
  background: var(--white-color);
  padding: 0;
  width: auto;
  height: auto;
  border-top: 2px solid var(--primary-color);
  list-style-type: none
}
.sub-menu-head a::after {
  speak: none;
  display: inline;
  position: absolute;
  top: 17px;
  left: 7px;
  content: "";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  font-weight: 700;
  font-size: 1.7rem;
  line-height: normal;
  font-family: pe-icon-7-stroke
}
/******************************************************/
/* Responsive */
/******************************************************/
/*Big Size Screens*/
/* small Screens & tablets & Smart phone */
@media (max-width: 991px) {

    .account-lang-currency .loginBtn:after,
    .account-lang-currency .loginBtn:before {
        display:none;
    }}
/* Mobile */
@media (max-width: 480px) {

    .announcement-bar .close-announcement {
        left: 12px;
        line-height:36px;
    }}
/* hesham-css-header */
/* # Header Css Start */
/* ------------------- -------------------------------------------*/
/*----------------------------------------
2.1 Nice Select
----------------------------------------*/
body{
  font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: inherit;
    text-align: left;
    /* background-color: transparent; */
    -webkit-text-size-adjust: 100%;
}
.base-bg {
  background-color: var(--primary-color);
}
.btn-search{
  background-color: transparent;
  border: none;
  margin-top:-1px;
}
/* -----nice-select-end-------- */
.xc-header-sticky {
  position: fixed !important;
}
.xc-header-sticky {
  top: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  box-shadow: 0 12px 24px -8px rgba(0, 0, 0, 0.10), 0 4px 8px rgba(0, 0, 0, 0.04);
  /* Smooth slide-down on pin. Runs once each time the class is added — no
     animation on unpin so the header just snaps back into normal flow. */
  animation: xcHeaderSlideDown 280ms cubic-bezier(0.16, 1, 0.3, 1) both;
  will-change: transform;
}
@keyframes xcHeaderSlideDown {
  from { transform: translateY(-100%); opacity: 0; }
  to   { transform: translateY(0);     opacity: 1; }
}
/* Hamburger: hidden by default, visible only when sticky */
.xc-header-two__hamburger { display: none !important; }
.xc-header-sticky .xc-header-two__hamburger { display: block !important }
.xc-header-sticky .xc-header-two__hamburger {margin-top:10px }
.xc-header-sticky.xc-transparent-header {
  background-color: var(--white-color);
  top: 0;
  padding: 10px;
}
.xc-header-one {
  padding-top: 21px;
  padding-bottom: 21px;
}
.xc-header-two {
  padding: 15px 0 10px;
}
.xc-header-two__top {
  background-color: #0965D0;
  padding: 9px 0px;
}
.xc-header-two__top-wrapper .xc-header-two__top-left {
  align-items: right;
  max-width: calc(100% - 130px);
}
.xc-header-two__top-left p {
  margin-bottom: 0;
  color: var(--white-color);
  line-height:35px;
  direction: rtl;
  text-align: right;
}
.xc-header-two__top-right {
  display: flex;
}
.xc-header-two__currency-select, .xc-header-two__lang-select {
  background-color: transparent;
  border: transparent;
}
.xc-header-two__currency-select .current, .xc-header-two__lang-select .current {
  color: var(--white-color);
}
.xc-header-two__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.s-search-container {
  margin-right:auto;
  max-width:650px;
  position: relative;
}
.s-search-container .s-search-input {
  border-radius: 6px!important;
  background-color: #fff !important;
  background-color: var(--header-input-bg, #fff) !important;
  height:48px!important;
}
.s-search-container .s-search-input {
  width: 100%;
  padding: 0 15px 0 60px;
  position: relative;
  font-weight:600;
}
.s-search-container input {
  height: 48px;
  flex-shrink: 0;
  padding-left: 60px;
  padding-right: 30px;
  border: 0;
  border-radius: 2px;
  color: var(--header-input-content-colors);
}
.s-search-container input::-moz-placeholder {
  font-size:16px;
  color: var(--header-input-content-colors);
}
.s-search-container input::placeholder {
  font-size:16px;
  color: var(--header-input-content-colors);
}
@media (min-width: 992px) {
  .s-search-container input {
    min-width: 400px;
  }}
@media (min-width: 1400px) {
  .s-search-container input {
    min-width: 646px;
  }}
.s-search-container input:focus {
  outline: none;
}
.xc-header-two__search .s-search-icon-wrap {
  position: absolute;
  left: 15px;
  right:auto;
  top: 23px;
  font-size: 22px;
  color: var(--header-input-content-colors);
  z-index:99;
}
.xc-header-two__search .s-search-icon-wrap .s-search-icon svg {
  height: 1.3rem;
  width: 1.3rem;
  fill: var(--header-input-content-colors);
}
.xc-header-two__right {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (min-width: 1200px) {
  .xc-header-two__right {
    gap: 60px;
  }}
@media(max-width:767px) {
  .xc-header-two__right {
    margin-top:5px;
    gap:15px;
  }}
.xc-header-two__btns {
  display: flex;
  margin-right:15px;
  gap:15px;
}
@media (max-width: 767px) {
  .xc-header-two__btns {
    margin-top:-7px;
  }
}
.xc-header-two__btns .icons {
  gap:10px;
}
@media(max-width:767px) {
  .xc-header-two__btns .icons {
    gap:8px!important;
  }}
.xc-header-two__btn {
  display: inline-block;
  font-size: 14px;
  padding:0;
  font-family: var(--secondary-color-alt0);
  color: var(--header-icons-color-primary-bg);
  position: relative;
  background-color: transparent;
}
.xc-header-two__btn:focus {
  color: var(--white-color);
}
.xc-header-two__btn .xc-cart-count {
  position: absolute;
  top: -5px;
  right: -7px;
  width: 18px;
  height: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-color-primary-bg);
  background-color: var(--white-color);
  border-radius: 50%;
  font-size: 10px;
  line-height: 1;
}
.xc-header-two__btn:hover {
  color: var(--white-color);
}
.xc-header-two__btn i {
  display: block;
  text-align: center;
  font-size: 25px;
  line-height: 1;
  margin-top:4px;
}
.xc-header-two__bottom {
  background-color: var(--header-links-bg);
  border-bottom: 1px solid var(--swiftcart-border-color);
}
.xc-header-two__bottom-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.xc-header-two__bottom-left {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 25px;
}
/*----------------------------------------*/
/*----------------------------------------*/
/*  4.1 Main menu css
/*----------------------------------------*/
.ul-0{
  display: inline-block;
}
#desktop-main-nav {
  display: flex;
}
/* custom-main-menu inside bottom nav */
.xc-header-two__bottom-left custom-main-menu {
  display: flex;
  align-items: center;
}
.xc-header-two__bottom-left custom-main-menu .main-menu {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.xc-header-two__bottom-left custom-main-menu .main-menu > li.root-level {
  display: inline-block;
}
.xc-header-two__bottom-left custom-main-menu .main-menu > li > a {
    padding: 0 15px !important;
}
.xc-header-two__bottom-left custom-main-menu .main-menu > li > a {
    display: block;
    font-size: 15px;
    color: #000;
    color: var(--header-menu-links-colors, #000);
    font-weight: 700;
    text-transform: capitalize;
    transition: 0.3s;
    height: 80px;
    line-height: 80px;
    white-space: nowrap;
}
.xc-header-two__bottom-left custom-main-menu .main-menu > li > a:hover {
  color: var(--primary-color);
}
/* (Old mmenu / mobile-menu styles removed — replaced by .ela-drawer below) */
.xc-header-two__bottom-left custom-main-menu .sub-menu {
  background: #fff;
  background: var(--white-color, #fff);
  box-shadow: 0 6px 7px rgba(0,0,0,.06);
  border-top: 2px solid var(--primary-color);
  min-width: 200px;
}
.xc-header-two__bottom-left custom-main-menu .sub-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.xc-header-two__bottom-left custom-main-menu .sub-menu li a {
  display: block;
  padding: 10px 20px;
  color: #000;
  color: var(--header-menu-links-colors, #000);
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  text-align: right;
}
[dir="ltr"] .xc-header-two__bottom-left custom-main-menu .sub-menu li a {
  text-align: left;
}
.xc-header-two__bottom-left custom-main-menu .sub-menu li a:hover {
  color: var(--primary-color);
}
.xc-main-menu .main-nav .top-level-link {
  position: relative;
  list-style: none;
  display: inline-block;
  transition: 0.3s;
}
.xc-main-menu .main-nav .top-level-link a {
  display: block;
  font-size: 16px;
  color: var(--header-menu-links-colors);
  padding:0 15px;
  text-transform: capitalize;
  font-family: var(--secondary-color-alt0);
  transition: 0.3s;
  height:90px;
  line-height:90px;
  font-weight:700;
}
/* --------------------------------------------------------------------------------- */
.xc-main-menu .main-nav .top-level-link:hover > a {
  color: var(--primary-color);
}
.xc-main-menu .main-nav .top-level-link:hover > a::after {
  color: var(--primary-color);
  transform: rotate(180deg);
}
.xc-main-menu .main-nav .top-level-link.current a {
  color: var(--primary-color);
}
.xc-main-menu .main-nav .top-level-link.current a::after {
  color: var(--primary-color);
}
.xc-main-menu.xc-white-menu .main-nav .top-level-link a {
  color: var(--swiftcart-white);
}
.xc-main-menu.xc-white-menu .main-nav .top-level-link:hover > a {
  color: var(--primary-color);
}
.xc-main-menu.xc-white-menu .main-nav .top-level-link:hover > a::after {
  color: var(--primary-color);
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .xc-main-menu li:nth-last-child(1) ul li > ul,
  .xc-main-menu li:nth-last-child(2) ul li > ul {
    left: auto !important;
  }
  .xc-main-menu li:nth-last-child(1) ul li > ul,
  .xc-main-menu li:nth-last-child(2) ul li > ul {
    right: 100%;
  }}
ul.main-nav>li.top-level-link .sub-menu-head a:hover,
.xc-main-menu .main-nav .top-level-link ul li:hover > a {
  color: var(--primary-color);
}
.menuHead {
  padding: 15px 15px;
  text-align: center;
  position: relative;
}
.menuHead .closeX {
  position: absolute;
  top: 15px;
  left: 5px;
  font-size: 19px;
  color: var(--white-color);
  width: 35px;
  height: 35px;
  border-radius: 0;
  text-align: center;
  line-height: 23px;
  padding: 0;
  opacity: 1;
  border-radius: 50%;
  cursor: pointer;
  text-transform: uppercase;
  font-style: normal
}
.menuHead .logo {
  padding: 0;
  max-width: 215px;
  margin: 0 auto
}
.menuHead .logo img {
  max-width:100%;
  margin:0 auto
}
@media(max-width:360px) {
  .logo {
    max-width:120px
  }

  .logo img {
    max-width:100%;
  }}
/* ── Salla Web Component Integration ─────────────────────────── */
/* Cart count badge */
.cart-count-badge {
  background-color: var(--hover-color) !important;
}
.cart-count-badge {
  position: absolute;
  top: -5px;
  right: -7px;
  width: 18px;
  height: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #fff;
  border-radius: 50%;
}
.cart-count-badge:empty {
  display: none;
}
/* Hide any Salla built-in cart drawer */
salla-cart-summary {
  display: none !important;
}
salla-cart-summary .s-cart-summary-count {
    position: absolute;
    top: -5px;
    right: -7px;
    width: 18px;
    height: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-color-primary-bg);
    background-color: var(--white-color);
    border-radius: 50%;
    font-size: 10px;
    line-height: 1;
}
.s-cart-summary-content {
  display: none;
}
/* Search — inherit theme input colors */
salla-search {
  --color: var(--header-input-content-colors, #000);
  --background: var(--header-input-bg, #fff);
  --border-color: var(--header-input-bg, #eee);
  flex: 1;
}
.xc-header-two__search .s-search-input,
.xc-header-two__search salla-search .s-search-input,
.xc-header-two .s-search-input {
  background-color: #fff !important;
  background-color: var(--header-input-bg, #fff) !important;
  border-color: #fff !important;
  border-color: var(--header-input-bg, #fff) !important;
}
.xc-header-two__search .s-search-input input,
.xc-header-two .s-search-input input {
  background-color: #fff !important;
  background-color: var(--header-input-bg, #fff) !important;
}
.s-search-modal .s-search-input,
[dir="ltr"] .s-search-modal .s-search-input
{
  padding-left:15px;
  padding-right:15px;
}
/* User menu — inherit theme icon colors */
salla-user-menu {
  --color: var(--header-icons-color-primary-bg, currentColor);
}
salla-user-menu .s-user-menu-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
/* Localization modal trigger button inherits theme */
salla-localization-modal {
  --color: var(--header-icons-color-primary-bg, currentColor);
}
/* Mobile menu burger — inherit theme colors */
.mburger {
  color: currentColor;
  color: var(--header-icons-color-primary-bg, currentColor);
}
.mburger i {
  font-size: 1.5rem;
}
/* Header button base (for login button, etc.) */
.header-btn {
  background: none;
  border: none;
  cursor: pointer;
  color: currentColor;
  color: var(--header-icons-color-primary-bg, currentColor);
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s;
  margin-top:2px;
  min-width:auto;
}
.header-btn i {
  font-size: 1.4rem;
  color: var(--header-icons-color-primary-bg);
}
.s-maintenance-alert-content {
  text-align: right;
}
.s-maintenance-alert-btn {
  display:none;
}
/* Desktop main-menu row positioning */
.xc-header-two__bottom-left custom-main-menu .main-menu li > a {
  position: relative;
}
/* ===== Cart Sidebar (Drawer) ===== */
.cart-toggle-btn {
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  margin-top:8px;
  color: inherit;
}
.cartBox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  visibility: hidden;
  opacity: 0;
  z-index: 1050;
  transition: all .3s ease 0s;
}
.cartBox.active {
  visibility: visible;
  opacity: 1;
}
.cartBox .overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .7);
}
/* Cart drawer — RTL is the theme default, so anchor to the RIGHT by default
   and flip explicitly for LTR. Avoids any direction-inheritance surprises. */
.cartBox .close {
  position: fixed;
  top: 12px;
  right: 460px;
  left: auto;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 27px;
  text-align: center;
  cursor: pointer;
  z-index: 4;
  font-size: 20px;
  color: #fff;
  background: none;
  border: none;
}
html[dir="ltr"] .cartBox .close,
[dir="ltr"] .cartBox .close {
  right: auto !important;
  left: 460px !important;
}
.cartBox .content {
  width: 450px;
  max-width: 100%;
  z-index: 3;
  position: fixed;
  overflow: hidden;
  background-color: #fff;
  background-color: var(--website-bg, #fff);
  box-shadow: 0 0 6px 3px rgba(255, 255, 255, 0.08);
  height: 100%;
  top: 0;
  right: 0;
  left: auto;
  display: flex;
  flex-direction: column;
}
html[dir="ltr"] .cartBox .content,
[dir="ltr"] .cartBox .content {
  right: auto !important;
  left: 0 !important;
}
.cartBox .content .loading {
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cartBox .img {
  border: 1px solid #eee;
  border: 1px solid var(--all-borders, #eee);
  width: 75px;
  height: 75px;
  border-radius: 0;
  overflow: hidden;
}
.cartBox .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cartBox .details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0;
  padding-right: 20px;
  max-width: calc(100% - 97px);
  text-align: right;
}
html[dir="ltr"] .cartBox .details {
  padding-right: 0;
  padding-left: 20px;
  text-align: left;
}
.cartBox .items {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
  direction: ltr;
}
.cartBox .items .item {
  position: relative;
  border-bottom: 1px solid #eee;
  border-bottom: 1px solid var(--all-borders, #eee);
  padding: 20px;
  direction: rtl;
  display: flex;
}
html[dir="ltr"] .cartBox .items .item {
  direction: ltr;
}
.cartBox .items .item .details .title {
  display: inline-block;
  max-width: 100%;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: var(--text-color);
  font-weight: 600;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cartBox .items .item .details .title:hover {
  color: var(--primary-color);
}
.cartBox .items .item .details .price {
  display: block;
  margin: 0;
  color: #868686;
  font-size: 15px;
  direction: ltr;
  text-align: right;
}
html[dir="ltr"] .cartBox .items .item .details .price {
  text-align: left;
}
.cartBox .items .item .details .count {
  margin-bottom: 0;
  color: #868686;
  font-size: 11px;
}
.cartBox .items .item .details .remove {
  position: absolute;
  top: 20px;
  left: 15px;
  opacity: 0;
  transition: all .3s ease 0s;
  cursor: pointer;
  border: none;
  background: none;
  color: var(--text-color);
  font-size: 13px;
}
html[dir="ltr"] .cartBox .items .item .details .remove {
  left: auto;
  right: 15px;
}
.cartBox .items .item:hover .details .remove {
  opacity: 1;
}
.cart-empty {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
}
.cart-empty .cart-icon img {
  margin-bottom: 25px;
}
.cart-empty h1 {
  margin-bottom: 35px;
  color: var(--text-color);
  font-weight: 700;
  font-size: 18px;
}
.cartTitle {
  position: relative;
  font-weight: 700;
  font-size: 20px;
  padding-bottom: 15px;
  margin: 30px auto 20px;
  color: var(--text-color);
  text-align: center;
}
.cartTitle::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: calc(50% - 25px);
  width: 50px;
  border-radius: 2px;
  background: var(--primary-color);
  height: 3px;
}
.sutra-mini-cart__buttons {
  overflow: hidden;
  width: 100%;
  margin-bottom: 0;
  min-width: 100%;
}
.sutra-mini-cart__buttons .hidden-cart,
salla-cart-summary.hidden-cart {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}
.sutra-mini-cart__buttons .button,
a.viewBag.button {
  display: block !important;
  color: #ffffff !important;
  background-color: #000 !important;
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
}
.sutra-mini-cart__buttons .button,
a.viewBag.button {
  width: 100%;
  font-size: 15px;
  text-align: center;
  height: 55px;
  line-height: 55px;
  overflow: hidden;
  position: relative;
  font-weight: 700;
  flex-shrink: 0;
}
.sutra-mini-cart__buttons .button::before {
  position: absolute;
  top: 0;
  right: -100%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  transform: skewX(45deg);
}
.sutra-mini-cart__buttons .button:hover::before {
  animation: cartShine .75s;
}
@keyframes cartShine {
  100% { right: 125%; }
}
.cart-totals-row-wrapper {
  display: flex;
  border-radius: 0;
  font-weight: 700;
  padding: 10px 15px;
  background: #fff;
  align-items: center;
  margin-bottom: 20px;
  text-align: right;
  justify-content: space-between;
}
.cart-totals-div {
  font-size: 1.1rem;
  margin: 0 20px;
  flex-shrink: 0;
}
.cart-totals-row-wrapper .flex-shrink-0 {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
/* Coupon form in cart sidebar */
.sidebar-coupon {
  flex-shrink: 0;
  padding: 0 20px;
  margin-bottom: 10px;
  text-align: right;
}
.sidebar-coupon__form {
  display: flex;
  gap: 0;
  border: 1px solid #ddd;
  border-radius: 6px;
  overflow: hidden;
}
.sidebar-coupon__input {
  flex: 1;
  border: none;
  padding: 0 12px;
  height: 40px;
  font-size: 13px;
  outline: none;
  background: #fff;
  min-width: 0;
}
.sidebar-coupon__input:disabled {
  background: #f5f5f5;
  color: #888;
}
.sidebar-coupon__btn {
  flex-shrink: 0;
  border: none;
  padding: 0 16px;
  height: 40px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  background: var(--primary-color);
  color: #fff;
  transition: background 0.2s;
}
.sidebar-coupon__btn:hover {
  opacity: 0.9;
}
.sidebar-coupon__btn.is-applied {
  background: #dc3545;
}
.sidebar-coupon__btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.sidebar-coupon__error {
  display: block;
  font-size: 12px;
  color: #dc3545;
  margin-top: 5px;
  min-height: 0;
}
.cartBox .footerSub {
  padding: 20px 0 0;
  background: #f4f4f4;
  flex-shrink: 0;
  margin-top: auto;
}
@media (max-width: 767px) {
  .cartBox .content {
    padding-top: 25px !important;
  }
  .cartBox .content {
    width: 100%;
  }

  .cartBox .items .item .details .remove {
    opacity: 1 !important;
  }

  .cartBox .close {
    right: 0;
    left: auto;
    color: #000;
  }
  html[dir="ltr"] .cartBox .close,
  [dir="ltr"] .cartBox .close {
    right: auto !important;
    left: 0 !important;
  }
}
.s-user-menu-trigger {
  padding:0!important;
  background:transparent!important;
  border:none!important;
}
.s-user-menu-trigger .s-user-menu-trigger-avatar {
  width:30px;
  height:30px;
  margin-top:5px;
}
/* ============================================================
   LTR (English) Overrides
   ============================================================ */
/* Sub-menu dropdown: flip from right to left */
html[dir="ltr"] ul.main-nav>li>div.sub-menu-block {
  right: auto;
  left: 0;
}
/* Sub-menu links: flip padding */
html[dir="ltr"] ul.main-nav>li.top-level-link>div.sub-menu-block a {
  padding-left: 15px;
  padding-right: 50px;
}
/* Nested sub-menu: flip from right to left */
html[dir="ltr"] ul.main-nav>li ul.sub-menu-lists {
  right: auto;
  left: calc(100% + 5px);
}
/* Sub-menu arrow icon: flip */
html[dir="ltr"] .sub-menu-head a::after {
  left: auto;
  right: 7px;
}
/* Announcement bar text: flip direction */
html[dir="ltr"] .xc-header-two__top-left p {
  direction: ltr!important;
  text-align: left!important;
}
/* Search container: flip auto margin */
html[dir="ltr"] .s-search-container {
  margin-right: 0;
  margin-left: auto;
}
/* Search input: flip padding */
html[dir="ltr"] .s-search-container .s-search-input {
  padding: 0 60px 0 15px;
}
html[dir="ltr"] .s-search-container input {
  padding-left: 30px;
  padding-right: 60px;
}
/* Search icon: flip */
html[dir="ltr"] .xc-header-two__search .s-search-icon-wrap {
  left: auto;
  right: 15px;
}
/* Header buttons: flip margin + push to end */
html[dir="ltr"] .xc-header-two__btns {
  margin-right: 0;
  margin-left: auto;
}
/* Wishlist cart count badge: flip */
html[dir="ltr"] .xc-header-two__btn .xc-cart-count {
  right: auto;
  left: -7px;
}
/* Cart count badge: flip */
html[dir="ltr"] .cart-count-badge {
  right: auto;
  left: -7px;
}
/* Salla cart summary count: flip */
html[dir="ltr"] salla-cart-summary .s-cart-summary-count {
  right: auto;
  left: -7px;
}
/* Hamburger margin: flip */
@media(min-width:991px) {
  html[dir="ltr"] .xc-header-two__hamburger {
    margin-right: auto;
    margin-left: 0;
  }
}
/* Maintenance alert: flip text */
html[dir="ltr"] .s-maintenance-alert-content {
  text-align: left;
}
/* Menu head close button: flip */
html[dir="ltr"] .menuHead .closeX {
  left: auto;
  right: 5px;
}
/* Custom main-menu sub-menu: flip */
html[dir="ltr"] .xc-header-two__bottom-left custom-main-menu .sub-menu {
  right: auto;
  left: 0;
}
/* Last menu items nested sub-menus: flip */
@media (min-width: 1200px) and (max-width: 1400px) {
  html[dir="ltr"] .xc-main-menu li:nth-last-child(1) ul li > ul,
  html[dir="ltr"] .xc-main-menu li:nth-last-child(2) ul li > ul {
    right: auto !important;
  }
  html[dir="ltr"] .xc-main-menu li:nth-last-child(1) ul li > ul,
  html[dir="ltr"] .xc-main-menu li:nth-last-child(2) ul li > ul {
    left: 100%;
  }
}
/* Cart totals: flip text */
html[dir="ltr"] .cart-totals-row-wrapper {
  text-align: left;
}
/* Coupon form: flip text */
html[dir="ltr"] .sidebar-coupon {
  text-align: left;
}
/* Cart shine animation: flip */
html[dir="ltr"] .sutra-mini-cart__buttons .button::before {
  right: auto;
  left: -100%;
  transform: skewX(-45deg);
}
/* Announcement bar close button (mobile): flip */
@media (max-width: 480px) {
  html[dir="ltr"] .announcement-bar .close-announcement {
    left: auto;
    right: 12px;
  }
}
.cart-product-row-wrapper .flex-shrink-0 {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .flex-shrink-0 {
  text-align: right;
}
/* ===== Mobile Search Popup ===== */
.popup-search-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1060;
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease;
}
.popup-search-box.active {
  visibility: visible;
  opacity: 1;
}
.popup-search-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
}
.popup-search-content {
  position: relative;
  z-index: 2;
  background: var(--primary-color);
  padding: 12px 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 4px 20px rgba(0,0,0,.2);
}
.popup-search-content salla-search {
  flex: 1;
  min-width: 0;
  --background: #fff;
  --border-color: #fff;
}
.popup-search-content .searchClose {
  background: none;
  border: none;
  font-size: 20px;
  color: #fff;
  cursor: pointer;
  padding: 8px;
  flex-shrink: 0;
  line-height: 1;
}
/* Search icon button: only visible below md */
.searchBoxTggler {
  display: none !important;
}
@media (max-width: 767px) {
  .searchBoxTggler {
    display: inline-flex !important;
  }
}
.main-menu .has-children > a:after {
  position:relative;
  top:4px;
}
/* ===== Header icon alignment (unify margins/sizes) ===== */
.xc-header-two__btns {
  display: flex;
  align-items: center;
  gap: 10px;
}
.xc-header-two__btns .header-btn,
.xc-header-two__btns .wishList,
.xc-header-two__btns .xc-header-two__btn,
.xc-header-two__btns salla-user-menu {
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  height: 32px;
  min-width: 32px;
}
.xc-header-two__btns .header-btn i,
.xc-header-two__btns .wishList i,
.xc-header-two__btns .cart-toggle-btn i {
  font-size: 23px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.cart-toggle-btn {
  margin: 0 !important;
}
.cart-toggle-btn {
  position: relative;
}
.cart-count-badge {
  pointer-events: none;
}
/* (Old mobile-menu quick actions removed — see .ela-drawer styles below) */
/* =====================================================================
 * ela-drawer — custom mobile off-canvas menu (RTL/LTR-aware)
 * ===================================================================== */
body.ela-drawer-open {
  position: fixed;
  width: 100%;
  overflow: hidden;
}
.ela-drawer {
  /* Honor theme settings if present; fall back to clean defaults. */
  --ela-drawer-bg: var(--drawer-bg-color, #ffffff);
  --ela-drawer-fg: var(--drawer-text-color, #111827);
  --ela-drawer-muted: #6b7280;
  --ela-drawer-border: rgba(0, 0, 0, 0.08);
  --ela-drawer-hover: rgba(0, 0, 0, 0.04);
  --ela-drawer-brand: var(--primary-color, #1976d2);
  --ela-drawer-on-brand: #ffffff;
  --ela-drawer-radius: 12px;
  --ela-drawer-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);

  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2147483000;
  visibility: hidden;
  pointer-events: none;
  direction: ltr;
  text-align: left;
}
/* Drawer-wide direction lock — every descendant (including inline text like "Mohammed")
   inherits this, so text-align: start consistently means "right" in RTL. Match
   both the class (JS-driven) and the dir attribute so RTL works regardless of
   which source fires first. */
.ela-drawer--rtl,
.ela-drawer[dir="rtl"] { direction: rtl; }
.ela-drawer--ltr,
.ela-drawer[dir="ltr"] { direction: ltr; }
.ela-drawer.is-open {
  visibility: visible;
  pointer-events: auto;
}
.ela-drawer__backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(17, 24, 39, 0.55);
  opacity: 0;
  transition: opacity 0.28s ease;
}
.ela-drawer.is-open .ela-drawer__backdrop {
  opacity: 1;
}
/* ---------------- Sheet positioning (direction-aware) ---------------- */
/* Default = LTR: sheet anchored to the LEFT, slides in from the LEFT.  */
.ela-drawer__sheet {
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  height: 100%;
  width: min(360px, 88vw);
  background: var(--ela-drawer-bg);
  color: var(--ela-drawer-fg);
  box-shadow: var(--ela-drawer-shadow);
  display: flex;
  flex-direction: column;
  transform: translateX(-100%);
  transition: transform 0.32s cubic-bezier(0.32, 0.72, 0.24, 1);
  overscroll-behavior: contain;
}
/* RTL: sheet anchored to the RIGHT, slides in from the RIGHT. */
.ela-drawer--rtl .ela-drawer__sheet,
.ela-drawer[dir="rtl"] .ela-drawer__sheet {
  left: auto;
  right: 0;
  transform: translateX(100%);
}
.ela-drawer.is-open .ela-drawer__sheet {
  transform: translateX(0);
}
/* ---------------- Header ---------------- */
/* Logo sits on the leading edge (right in RTL, left in LTR), close button on the trailing edge. */
.ela-drawer__header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 18px;
  padding-right: 60px; /* room for the absolute-positioned close button */
  border-bottom: 1px solid var(--ela-drawer-border);
  flex-shrink: 0;
  background: var(--ela-drawer-bg);
}
.ela-drawer__logo {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  max-width: 100%;
}
.ela-drawer__logo img {
  max-width: 140px;
  max-height: 52px;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.ela-drawer__close {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  background: var(--ela-drawer-hover);
  color: var(--ela-drawer-fg);
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.2s ease;
  padding: 0;
}
.ela-drawer__close:hover,
.ela-drawer__close:focus-visible {
  background: #e5e7eb;
  outline: none;
}
.ela-drawer__close i {
  line-height: 1;
}
/* ---------------- User section ---------------- */
.ela-drawer__user {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  background: var(--ela-drawer-brand);
  color: var(--ela-drawer-on-brand);
  -webkit-text-decoration: none;
  text-decoration: none;
  border: none;
  cursor: pointer;
  width: 100%;
  text-align: left;
  font: inherit;
  flex-shrink: 0;
  transition: filter 0.2s ease;
}
.ela-drawer__user:hover,
.ela-drawer__user:focus-visible {
  filter: brightness(0.95);
  color: var(--ela-drawer-on-brand);
  outline: none;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.ela-drawer__user-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
  color: var(--ela-drawer-on-brand);
  overflow: hidden;
}
.ela-drawer__user-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.ela-drawer__user-avatar i {
  font-size: 26px;
  line-height: 1;
}
.ela-drawer__user-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.ela-drawer__user-greeting {
  font-size: 12px;
  opacity: 0.85;
  line-height: 1.2;
}
.ela-drawer__user-name {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Force alignment per-direction so Latin-only names (e.g. "Mohammed") stay
   on the correct side in RTL. */
.ela-drawer--ltr .ela-drawer__user-info,
.ela-drawer--ltr .ela-drawer__user-greeting,
.ela-drawer--ltr .ela-drawer__user-name,
.ela-drawer[dir="ltr"] .ela-drawer__user-info,
.ela-drawer[dir="ltr"] .ela-drawer__user-greeting,
.ela-drawer[dir="ltr"] .ela-drawer__user-name { text-align: left !important; }
.ela-drawer--rtl .ela-drawer__user-info,
.ela-drawer--rtl .ela-drawer__user-greeting,
.ela-drawer--rtl .ela-drawer__user-name,
.ela-drawer[dir="rtl"] .ela-drawer__user-info,
.ela-drawer[dir="rtl"] .ela-drawer__user-greeting,
.ela-drawer[dir="rtl"] .ela-drawer__user-name { text-align: right !important; }
.ela-drawer__user-arrow {
  width: 8px;
  height: 8px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(45deg);
  opacity: 0.7;
  flex-shrink: 0;
  margin-left: 4px;
}
.ela-drawer--rtl .ela-drawer__user-arrow,
.ela-drawer[dir="rtl"] .ela-drawer__user-arrow {
  transform: rotate(-135deg);
}
/* ---------------- Quick actions ---------------- */
.ela-drawer__quick-actions {
  display: flex;
  align-items: stretch;
  border-bottom: 1px solid var(--ela-drawer-border);
  flex-shrink: 0;
  background: var(--ela-drawer-bg);
}
.ela-drawer__chip {
  flex: 1;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 14px 8px;
  background: transparent;
  border: none;
  border-left: 1px solid var(--ela-drawer-border);
  color: var(--ela-drawer-fg);
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.18s ease, color 0.18s ease;
  font-family: inherit;
}
.ela-drawer__chip:hover,
.ela-drawer__chip:focus-visible {
  background: var(--ela-drawer-hover);
  color: var(--ela-drawer-brand);
  outline: none;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.ela-drawer__chip-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: inherit;
}
.ela-drawer__chip-icon i {
  font-size: 22px;
  line-height: 1;
}
.ela-drawer__chip-icon svg {
  width: 22px;
  height: 22px;
}
.ela-drawer__chip-label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}
.ela-drawer__chip-badge {
  position: absolute;
  top: -6px;
  right: -8px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background: var(--ela-drawer-brand);
  color: var(--ela-drawer-on-brand);
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
  pointer-events: none;
}
.ela-drawer__chip-badge:empty {
  display: none;
}
/* ---------------- Sliding panels (direction-aware) ---------------- */
.ela-drawer__panels {
  position: relative;
  flex: 1;
  overflow: hidden;
  background: var(--ela-drawer-bg);
}
/* LTR default: child panels wait off-screen to the RIGHT,
   forward-nav slides child IN from right, parent OUT to the LEFT. */
.ela-drawer__panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  background: var(--ela-drawer-bg);
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.32, 0.72, 0.24, 1);
  will-change: transform;
}
.ela-drawer__panel.is-active {
  transform: translateX(0);
  z-index: 2;
}
.ela-drawer__panel.is-pushed {
  transform: translateX(-100%);
  z-index: 1;
}
/* RTL: child panels wait off-screen to the LEFT,
   forward-nav slides child IN from left, parent OUT to the RIGHT. */
.ela-drawer--rtl .ela-drawer__panel,
.ela-drawer[dir="rtl"] .ela-drawer__panel {
  transform: translateX(-100%);
}
.ela-drawer--rtl .ela-drawer__panel.is-active,
.ela-drawer[dir="rtl"] .ela-drawer__panel.is-active {
  transform: translateX(0);
}
.ela-drawer--rtl .ela-drawer__panel.is-pushed,
.ela-drawer[dir="rtl"] .ela-drawer__panel.is-pushed {
  transform: translateX(100%);
}
.ela-drawer__panel-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--ela-drawer-border);
  flex-shrink: 0;
  background: var(--ela-drawer-bg);
  position: sticky;
  top: 0;
  z-index: 1;
}
.ela-drawer__panel-bar--root {
  justify-content: center;
}
/* Sub-panel header: back button ALWAYS pinned to the physical RIGHT side
   in both LTR and RTL (per UX request). The title fills the rest, with
   reserved padding on the right so it doesn't overlap the button. */
.ela-drawer__panel-bar:not(.ela-drawer__panel-bar--root) {
  position: relative;
  flex-direction: row;
}
.ela-drawer__panel-title {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: var(--ela-drawer-fg);
  flex: 1;
  text-align: center;
  padding-left:44px;
}
/* Sub-panel title aligns to the leading edge AND reserves space on the
   physical right for the absolutely-positioned back button. */
[dir="ltr"]  .ela-drawer__panel-bar:not(.ela-drawer__panel-bar--root) .ela-drawer__panel-title {
  padding-right: 44px;
  padding-left: 0;
}
.ela-drawer--ltr .ela-drawer__panel-bar:not(.ela-drawer__panel-bar--root) .ela-drawer__panel-title,
.ela-drawer[dir="ltr"] .ela-drawer__panel-bar:not(.ela-drawer__panel-bar--root) .ela-drawer__panel-title {
  text-align: left !important;
}
.ela-drawer--rtl .ela-drawer__panel-bar:not(.ela-drawer__panel-bar--root) .ela-drawer__panel-title,
.ela-drawer[dir="rtl"] .ela-drawer__panel-bar:not(.ela-drawer__panel-bar--root) .ela-drawer__panel-title {
  text-align: right !important;
}
.ela-drawer__back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: none;
  background: var(--ela-drawer-hover);
  color: var(--ela-drawer-fg);
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  transition: background-color 0.2s ease;
}
/* Pin the back button to the physical right edge in both LTR and RTL */
.ela-drawer__panel-bar:not(.ela-drawer__panel-bar--root) .ela-drawer__back {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
[dir="rtl"] .ela-drawer__panel-bar:not(.ela-drawer__panel-bar--root) .ela-drawer__back {
  right: auto;
  left: 16px;
}
.ela-drawer__back:hover,
.ela-drawer__back:focus-visible {
  background: #e5e7eb;
  outline: none;
}
.ela-drawer__back-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* SVG natively points RIGHT (→). In LTR the back arrow conventionally points
     LEFT (←), so flip horizontally. In RTL the back arrow points RIGHT (→) —
     no flip needed (the override below removes it). */
  transform: scaleX(-1);
}
[dir="ltr"] .ela-drawer__back-icon {
  transform: scaleX(1);
}
.ela-drawer__list {
  list-style: none;
  margin: 0;
  padding: 8px 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  flex: 1;
}
.ela-drawer__list-item {
  margin: 0;
  padding: 0;
}
.ela-drawer__list-item + .ela-drawer__list-item .ela-drawer__item {
  border-top: 1px solid var(--ela-drawer-border);
}
.ela-drawer__item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 18px;
  width: 100%;
  background: transparent;
  border: none;
  color: var(--ela-drawer-fg);
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  text-align: left;
  min-height: 64px;
  transition: background-color 0.18s ease;
}
.ela-drawer__item:hover,
.ela-drawer__item:focus-visible {
  background: var(--ela-drawer-hover);
  color: var(--ela-drawer-fg);
  outline: none;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.ela-drawer__item--display-all {
  color: var(--ela-drawer-brand);
  font-weight: 700;
  min-height: 48px;
}
.ela-drawer__item--display-all .ela-drawer__item-label {
  padding-left: 4px;
}
.ela-drawer__item-thumb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--ela-drawer-hover);
  overflow: hidden;
  color: var(--ela-drawer-muted);
}
.ela-drawer__item-thumb img {
  width: 100% !important;
  height: 100% !important;
}
.ela-drawer__item-thumb img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  display: block;
}
.ela-drawer__item-thumb--placeholder {
  background: color-mix(in srgb, var(--ela-drawer-brand) 10%, transparent);
  color: var(--ela-drawer-brand);
  border: 1px dashed color-mix(in srgb, var(--ela-drawer-brand) 28%, transparent);
}
.ela-drawer__item-thumb--placeholder i {
  font-size: 18px;
  opacity: 0.75;
}
.ela-drawer__item-thumb--placeholder svg {
  width: 22px;
  height: 22px;
  opacity: 0.85;
}
.ela-drawer__item-label {
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  min-width: 0;
  word-break: break-word;
}
/* Make sure label hugs the thumbnail on the correct side, in every direction. */
.ela-drawer--ltr .ela-drawer__item-label,
.ela-drawer[dir="ltr"] .ela-drawer__item-label { text-align: left !important; }
.ela-drawer--rtl .ela-drawer__item-label,
.ela-drawer[dir="rtl"] .ela-drawer__item-label { text-align: right !important; }
.ela-drawer__item-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ela-drawer-muted);
  flex-shrink: 0;
  margin-left: 4px;
  /* Chevron SVG points right by default. LTR: points right (forward). */
  transform: scaleX(1);
}
/* RTL: flip so forward chevron points LEFT (the reading-forward direction). */
.ela-drawer--rtl .ela-drawer__item-chevron,
.ela-drawer[dir="rtl"] .ela-drawer__item-chevron {
  transform: scaleX(-1);
}
/* Accessibility: hide when drawer is closed */
.ela-drawer[aria-hidden="true"] .ela-drawer__sheet {
  /* sheet still slides via transform; aria-hidden communicates state to AT */
}
/* Make sure mobile drawer logo is visible regardless of header logo Tailwind classes */
.ela-drawer__logo img.image-logo,
.ela-drawer__logo img.d-block,
.ela-drawer__logo img.d-none,
.ela-drawer__logo img.d-md-block,
.ela-drawer__logo img.d-md-none {
  display: inline-block !important;
}
/* Footer styles — RTL base */
/******************************************************/
/* Footer */
/******************************************************/
.footer-marketing-link {
  color:var(--footer-color-copyrights)
}
.footer-marketing-link span {
  flex-direction: row-reverse;
  display: flex;
  gap:5px;
}
.footer {
  background: var(--footer-primary-color);
  color: var(--footer-text-color-primary-bg);
  position: relative;
  overflow:hidden;
  z-index:99;
  direction: rtl;
  text-align: right;
}
.footer-store-section {
  padding-top: 80px;
  padding-bottom: 60px;
}
.footer-store-section-bars {
  border: none;
  padding: 10px 0 15px
}
.vat-crn-sections span {
  font-size: 1.1rem
}
.vat-crn-sections span:not(.fw-bold) {
  color: var(--footer-links-color);
}
.footer-title {
  color: #6b6b6b;
  font-weight: var(--font-wieght-sizeTwo);
  font-size: 1.16667rem
}
.footer-text {
  padding-right: 0;
  list-style-type: none
}
.footer-text a {
  color: #6b6b6b;
  font-weight: var(--font-weight-sizeOne);
  font-size: 14px
}
.footer-sub-text {
  padding: 10px 0 10px 10px;
  color: #6b6b6b;
  font-weight: var(--font-weight-sizeOne);
  font-size: 14px
}
.footer .links a {
  font-size: 16px;
    color: var(--footer-links-color);
    transition: 0.4s;
    border:none;
}
.footer .links a:hover {
  color: var(--footer-links-hover-color);
}
.footer-section-2 {
  padding-top: 50px
}
.footer-theme-bg-primary-dark-1 {
  filter: brightness(80%);
  background-color: var(--footer-primary-color,var(--primary-color))
}
.footer-theme-bg-primary {
  background-color: var(--footer-primary-color,var(--primary-color))
}
.footer-theme-text-primary {
  color: var(--footer-primary-color,var(--primary-color))
}
.footer-theme-text-for-primary-bg {
  color: var(--footer-text-color-primary-bg,var(--text-color-primary-bg))
}
.footer-copyrights span {
  color: inherit;
  font-size: 1.1rem;
}
.footer-copyrights a {
  color: inherit
}
.footer-copyrights-vat-certificate {
  background-color: var(--footer-bg-copyrights) !important;
}
.footer-copyrights-vat-certificate {
  text-align: center;
  direction: rtl;
}
.footer-copyrights-vat-certificate .container {
  padding: 30px 0;
}
.footer-copyrights-vat-certificate .footer-copyrights {
  margin-bottom: 0;
  font-size: 13px;
  color: var(--footer-color-copyrights);
}
.footer-companies {
  display:block;
  width:100%;
  text-align:center;
}
.footer-companies .footer-icons {
  justify-content: space-between;
  align-items: center;
}
.footer .icons .logistics-pay-icons {
  display: inline-block;
}
.footer .icons a {
  position: relative;
  z-index: 1;
  background-color: #303639;
  display: flex;
  height: 35px;
  border-radius:5px;
  padding:0;
  margin-right:5px;
  margin-left:5px;
  width: auto;
  max-width: 80px;
  padding: 0 5px;
  align-items: center;
  justify-content: center;
}
.footer .icons .logistics-pay-icons a img {
  max-height: 100%;
  width: 100%;
  margin: auto;
}
.footervattext.fw-bold {
  font-weight: 600;
}
.footer .apps-social-icons:nth-child(2) {
  padding-left: 0
}
.footer .google-app-stores {
  margin-right: -4px;
  margin-left: -4px
}
.footer .google-app-stores a {
  width:auto;
  max-width:none;
  background:none;
  padding:0
}
.whatsChat {
  position: fixed;
  right: 20px;
  bottom: 14px;
  z-index: 999;
}
.whatsChat .content {
  overflow: hidden
}
.whatsChat .whatsTitle {
  display: block;
  position: relative;
  cursor: pointer;
  margin-top: 11px;
  border-radius: 50px;
  width: 54px;
  height: 55px;
  color: var(--text-color-primary-bg);
  line-height: 60px;
  text-align: center
}
.whatsChat .whatsTitle i {
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 50%;
  background: var(--primary-color);
  width: 45px;
  height: 45px;
  font-size: 24px;
  line-height: 45px
}
.circle-svg__spin {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 55px;
  height: 55px;
  animation: spin-rotate 10s linear infinite;
}
.circle-svg__spin circle {
  stroke-width: 2px;
  fill: none;
  stroke-dasharray: 10;
  animation: spin-dash 10s linear infinite;
}
@keyframes spin-rotate {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes spin-dash {
  0%   { stroke-dasharray: 10; }
  50%  { stroke-dasharray: 50; }
  100% { stroke-dasharray: 10; }
}
.whatsChat .angleDown {
  position: absolute;
  right: -70px;
  bottom: 67px;
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease 0s;
  box-shadow: rgba(0,0,0,.1) 0 0 10px 3px;
  border-radius: 15px;
  width: 320px;
  z-index:99;
}
.whatsChat .angleDown.active {
  right: 0;
  visibility: visible;
  opacity: 1
}
.whatsChat .angleDown::after {
  position: absolute;
  right: 22px;
  bottom: -10px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 8px 0 8px;
  border-color: var(--white-color) transparent transparent transparent;
}
.whatsChat .content .head {
  position: relative;
  z-index: 1;
  cursor: pointer;
  box-shadow: rgba(0,0,0,.09) 0 3px 3px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  background-color: #fff;
  padding: 11px 20px;
  direction: rtl
}
.whatsChat .content .head .details {
  display: flex;
  justify-content: right;
  align-items: center;
  gap: 15px
}
.whatsChat .content .head .details .imgStyle {
  position: relative;
}
.whatsChat .content .head .details .imgStyle span.circle {
  position: absolute;
  top: 1px;
  right: 1px;
  border-radius: 50%;
  background-color: var(--primary-color);
  width: 10px;
  height: 10px
}
.whatsChat .content .head .details img {
  border-radius: 50%;
  width: 40px;
  height: 40px
}
.whatsChat .content .head .details .Name {
  color: #333;
  font-weight: 700;
  font-size: 14px
}
.whatsChat .content .bodyMsgs {
  padding: 20px;
  height: 300px;
  overflow: auto
}
.whatsChat .content .bodyMsgs .messageStyle {
  position: relative;
  right: -50px;
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease 0s;
  margin-right: 0;
  margin-left: auto;
  max-width: 93%;
  text-align: right
}
.whatsChat .content .bodyMsgs.active .messageStyle {
  right: 0;
  visibility: visible;
  opacity: 1
}
.whatsChat .content .bodyMsgs .messageStyle:not(:last-of-type) {
  margin-bottom: 15px
}
.whatsChat .content .bodyMsgs .messageStyle .message {
  display: inline-block;
  box-shadow: rgba(0,0,0,.09) 0 3px 3px;
  border-radius: 10px;
  background-color: var(--white-color);
  padding: 10px 15px;
  color: #333;
  font-weight: 500;
  font-size: 12px;
  line-height: 22px
}
.whatsChat .content .bodyMsgs .messageStyle .message::before {
  position: absolute;
  right: -13px;
  bottom: 10px;
  border-width: 13px;
  border-style: solid;
  border-color: transparent transparent var(--white-color);
  width: 0;
  height: 0;
  content: ""
}
.whatsChat .content .bodyMsgs .messageStyle .message .desc {
  font-weight: 500
}
.whatsChat .content .footerWhats {
  position: relative;
  z-index: 2;
  box-shadow: rgba(0,0,0,.09) 0 -3px 3px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  background-color: #fff;
  padding: 15px;
  width: 100%;
  color: #333;
  font-weight: 700;
  font-size: 12px;
  text-align: center
}
.whatsChat .content .footerWhats a {
  display: inline-block;
  margin-right: 5px;
  color: var(--primary-color);
  font-size: 13px;
  direction: ltr
}
.footer-horizontal-line {
  margin-top: 100px;
  border-top: 0.5px solid var(--footer-text-color-primary-bg,var(--text-color-primary-bg))
}
.store-section img {
  display: block;
  max-width: 180px;
  margin-bottom:10px;
}
.store-section .footer-about-us-div h1 {
  margin-top: 0;
}
.store-section h1 {
  font-size: 20px;
  font-weight: 700;
  position: relative;
  margin-bottom: 25px;
  line-height: 1.4;
  color: #fff;
  color: var(--footer-text-color-primary-bg, #fff);
}
.store-section p {
  color:var(--footer-text-color);
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 20px;
  line-height: 25px;
}
.store-section .contactFooter {
  position: relative;
  margin-bottom: 5px;
  border-radius: 5px;
  transition: all .3s ease;
  display: block;
}
.store-section .footer-about-us-links-div {
  display:flex;
  flex-direction:column;
  direction: rtl;
  text-align: right;
}
.store-section .contactFooter.address {
  color: var(--footer-text-color);
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px;
  max-width: 280px;
  line-height: 1.7;
}
.store-section a {
  cursor: pointer;
  color: var(--footer-links-color);
  font-size: 1.1rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  display:block;
}
.store-section .social-icons {
  margin-top: 20px;
}
.vat-crn-sections {
  margin-bottom:10px;
  gap:9px;
}
.footer-store-name {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 15px;
  color: var(--footer-text-color-primary-bg);
}
/******************************************************/
/* Footer Contact Items (phone, email) */
/******************************************************/
.store-section .contactFooter.phone,
.store-section .contactFooter.email {
  display: block;
  margin-bottom: 8px;
}
.store-section p.contactFooter {
  margin-bottom: 8px;
}
.store-section .contactFooter.phone a,
.store-section .contactFooter.email a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #b0acac;
  color: var(--footer-text-color, #b0acac);
  font-size: 15px;
  font-weight: 500;
  transition: color 0.3s ease;
}
.store-section .contactFooter.phone a span,
.store-section .contactFooter.email a span {
  direction: ltr;
  unicode-bidi: isolate;
}
.store-section .contactFooter.phone a:hover,
.store-section .contactFooter.email a:hover {
  color: #b0acac;
  color: var(--footer-links-hover-color, #b0acac);
}
.store-section .contactFooter.phone i,
.store-section .contactFooter.email i {
  position: static;
  width: auto;
  font-size: 16px;
  color: #b0acac;
  color: var(--footer-text-color, #b0acac);
}
/******************************************************/
/* Salla Social Component (default mode) */
/******************************************************/
.footer salla-social {
  --icon-color: #fff;
  --icon-hover-color: #fff;
  --font-size: 18px;
  margin-top: 15px;
  display: block;
}
.footer salla-social .s-social-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer salla-social .s-social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 5px;
  background: var(--footer-bg-social, var(--primary-color));
  color: #fff;
  box-shadow: rgba(0, 0, 0, .03) 0 0 6px 3px;
  transition: opacity 0.3s ease;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.footer salla-social .s-social-link:hover {
  opacity: 0.85;
}
.footer salla-social .s-social-icon {
  font-size: 18px;
  color: #fff;
}
/******************************************************/
/* Social Media Icons (manual mode) */
/******************************************************/
.footer .social-icons {
  margin-top: 15px;
  margin-bottom: 20px;
  direction: rtl;
}
.footer .social-icons a {
  margin: 0 4.5px;
  display: inline-block;
}
.footer .social-icons .social-icon-circle {
  position: relative;
  z-index: 1;
  transition: all .3s;
  box-shadow: rgba(0, 0, 0, .03) 0 0 6px 3px;
  background: var(--footer-bg-social, var(--primary-color));
  padding: 5px;
  width: 35px;
  height: 35px;
  overflow: hidden;
  color: #fff;
  font-size: 16px;
  border-radius: 5px;
}
.footer .social-icons .social-icon-circle:hover {
  opacity: 0.85;
}
.footer .social-icons .social-icon-circle svg {
  width: 16px;
  height: 16px;
  fill: #fff;
}
/******************************************************/
/* App Download Badges (App Store / Google Play)      */
/******************************************************/
.app-download-badges {
  margin-top: 15px;
  gap: 10px;
}
.app-download-badges .app-badge img {
  height: 40px;
  width: auto;
  border-radius: 6px;
  transition: opacity .3s;
}
.app-download-badges .app-badge:hover img {
  opacity: 0.85;
}
/******************************************************/
/* VAT / Business Platform / Registration Badges */
/******************************************************/
.vat-crn-sections {
  margin-bottom: 15px;
  gap: 12px;
}
.vat-badge {
  gap: 8px;
}
.vat-badge svg {
  color: #b0acac;
  color: var(--footer-text-color, #b0acac);
  flex-shrink: 0;
}
.footervattext {
  font-size: 13px;
  color: #b0acac;
  color: var(--footer-links-color, #b0acac);
  line-height: 1.6;
}
.footervattext.fw-bold {
  font-weight: 600;
  color: #fff;
  color: var(--footer-text-color-primary-bg, #fff);
  font-size: 12px;
}
/******************************************************/
/* Salla Payments Component */
/******************************************************/
.footer-copyrights-vat-certificate salla-payments {
  display: flex;
  align-items: center;
  gap: 5px;
  --background: var(--footer-bg-shipping, #303639);
}
.footer .icons a,
.footer .logistics-pay-icons a {
  background-color: #303639;
  background-color: var(--footer-bg-shipping, #303639);
  display: flex;
  height: 35px;
  border-radius: 5px;
  padding: 0 5px;
  margin-right: 5px;
  margin-left: 5px;
  width: auto;
  max-width: 80px;
  align-items: center;
  justify-content: center;
}
.copyright-text {
  white-space: nowrap;
}
.copyright-text,
.copyright-text p,
.copyright-text a,
.copyright-text span {
  color: inherit !important;
}
.copyright-text a:hover {
  opacity: 0.8;
}
/******************************************************/
/* Back to Top Button */
/******************************************************/
.back-to-top {
  cursor: pointer;
  position: relative;
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  margin:0 auto;
  visibility: hidden;
  transition: all 0.3s ease;
}
.back-to-top.active-progress {
  opacity: 1;
  visibility: visible;
}
.back-to-top .back-top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background-color: #fff;
  color: #333;
  box-shadow: 0 2px 10px rgba(0,0,0,0.12);
  transition: all 0.3s ease;
}
.back-to-top .back-top:hover {
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}
.back-to-top .back-top i {
  font-size: 18px;
  z-index: 2;
  color: #555;
}
/******************************************************/
/* Responsive */
/******************************************************/
/*Big Size Screens*/
@media (max-width: 1200px) {

    .footer .footer-icons {
        flex-direction: column-reverse;
        gap: 16px;
        padding-top:20px;
    }}
@media (max-width: 991px) {
  .footer .container{
    padding:0 15px;
  }

  .footer .icons .logistics-pay-icons a {
    margin: 0 3px 5px;
  }

  .vat-crn-sections {
    gap: 20px;
  }

  .footer-about-us-links-div {
    margin-bottom:15px;
  }

  .store-section .footer-about-us-links-div p {
    max-width:280px;
  }}
@media(max-width:767px) {
  
  .whatsChat {
    right: 10px;
  }}
/* Mobile */
@media (max-width: 480px) {
  .footer .icons div {
      padding-top:0;
      padding-bottom:0;
  }

  .whatsChat .content .footerWhats {
      font-size:13px
  }

  .whatsChat .angleDown {
      width: 319px
  }

  .whatsChat .content .bodyMsgs .messageStyle {
      max-width: 95%
  }

  .footer .footer-icons {
    padding-bottom:40px;
  }}
@media(max-width: 320px) {
  .whatsChat .angleDown {
      width:270px
  }}
/* ============================================================
   LTR (English) Overrides
   ============================================================ */
/* Footer base: flip direction */
html[dir="ltr"] .footer {
  direction: ltr;
  text-align: left;
}
/* Footer marketing link: flip row direction */
html[dir="ltr"] .footer-marketing-link span {
  flex-direction: row;
}
/* Footer copyrights: flip direction */
html[dir="ltr"] .footer-copyrights-vat-certificate {
  direction: ltr;
}
/* Footer about-us links: flip */
html[dir="ltr"] .store-section .footer-about-us-links-div {
  direction: ltr;
  text-align: left;
}
/* Social icons: flip direction */
html[dir="ltr"] .footer .social-icons {
  direction: ltr;
}
/* Footer apps padding: flip */
html[dir="ltr"] .footer .apps-social-icons:nth-child(2) {
  padding-left: 0;
  padding-left: initial;
  padding-right: 0;
}
/* ── WhatsApp Chat Widget LTR ───────────────────────── */
/* Header: flip direction so image is on the left */
html[dir="ltr"] .whatsChat .content .head {
  direction: ltr;
}
html[dir="ltr"] .whatsChat .content .head .details {
  justify-content: left;
}
/* Online indicator circle: flip to left of avatar */
html[dir="ltr"] .whatsChat .content .head .details .imgStyle span.circle {
  right: auto;
  left: 1px;
}
/* Messages: align to left */
html[dir="ltr"] .whatsChat .content .bodyMsgs .messageStyle {
  right: auto;
  left: -50px;
  margin-right: auto;
  margin-left: 0;
  text-align: left;
}
html[dir="ltr"] .whatsChat .content .bodyMsgs.active .messageStyle {
  right: auto;
  left: 0;
}
/* Message bubble tail: flip to left */
html[dir="ltr"] .whatsChat .content .bodyMsgs .messageStyle .message::before {
  right: auto;
  left: -13px;
}
.s-products-slider-wrapper {
  margin-bottom:0!important
}
/* Home-Page styles — RTL base */
/******************************************************/
/* Main Slider */
/******************************************************/
.modal  {
  z-index: 9999999!important;
}
/* Match Zid Bootstrap container widths */
@media (min-width: 1400px) {
  .container { max-width: 1320px; }
}
.s-products-slider-slider .swiper-wrapper {
  padding-bottom:5px;
}
.xc-header-two-banner {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.xc-header-two-banner-two,
.xc-header-two-banner-one {
  border-radius: 6px;
  overflow: hidden;
  width: 100%;
  position:relative;
  z-index:1;
}
@media(min-width:991px) {
  .xc-header-two-banner-two__left  {
    width:50%;
    min-width:170px;
  }}
.xc-header-two-banner-one__left,
.xc-header-two-banner-two__left {
  text-align: right;
}
.xc-header-two-banner-two__right {
  max-width:50%;
}
.xc-header-two-banner-two .swiftcart-btn,
.xc-header-two-banner-one .swiftcart-btn {
  padding: 10px 15px;
}
.xc-header-two-banner-two__item,
.xc-header-two-banner-one__item {
  padding: 30px;
  display: flex;
  border-radius: 6px;
  position: relative;
  gap: 40px;
  flex-direction: column;
  height:100%;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 576px) {
  .xc-header-two-banner-two__item,
  .xc-header-two-banner-one__item {
    flex-direction: row;
  }}
@media (min-width: 768px) {
  .xc-header-two-banner-two__item,
  .xc-header-two-banner-one__item {
    padding: 41.5px 40px;
  }}
.xc-header-two-banner-two__item span,
.xc-header-two-banner-one__item span {
  color: #EBC80C;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: inline-block;
}
.xc-header-two-banner-two__offer,
.xc-header-two-banner-one__offer {
  color: #1c1c1c !important;
}
.xc-header-two-banner-two__offer,
.xc-header-two-banner-one__offer {
  position: absolute;
  bottom: 24px;
  left: 24px;
  right: auto;
  background-color: #EBC80C;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  border-radius: 2px;
}
@media (min-width: 768px) {
  .xc-header-two-banner-two__offer,
  .xc-header-two-banner-one__offer {
    bottom: auto;
    top: 24px;
  }}
.xc-header-two-banner-two__title,
.xc-header-two-banner-one__title {
  font-size: 24px;
  color: var(--white-color);
  margin-bottom: 15px;
}
.xc-header-two-banner-two__title {
  margin-bottom:5px;
}
/* Style 1: image positioning */
.xc-header-two-banner-one__right img {
  position: relative;
  z-index: -1;
}
@media (min-width: 768px) {
  .xc-header-two-banner-one__right img {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
.xc-header-two-banner-two__item .xc-header-two-banner-one__price {
  font-size: 18px;
  color: var(--primary-color);
  display: block;
  margin-bottom: 10px;
  direction: ltr;
  text-align: right;
}
.xc-header-two-banner-two__item img {
  max-width: 100%;
}
.xc-main-slider {
  border-radius: 10px;
  position: relative;
}
@media (min-width: 1200px) {
  .xc-main-slider {
    margin-right: 40px;
    border: 1px solid #DEE2E7;
    padding: 17px;
  }}
.xc-main-slider__item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 30px;
  padding-top: 35px;
  position: relative;
  border-radius: 10px;
  background-color: #1c1c1c;
  flex-direction: column-reverse;
  min-height:516px;
}
@media (min-width: 992px) {
  .xc-main-slider__item {
    padding: 0 75px;
    padding-top: 35px;
    flex-direction: inherit;
    align-items: center;
  }}
.xc-main-slider__subtitle {
  display: inline-block;
  padding: 6px 16px;
  background-color: #EFD33D;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 600;
  color: #1c1c1c;
  margin-bottom: 10px;
  opacity: 0;
  transition: transform 1000ms ease, opacity 1000ms ease;
  transform: translateY(-30px);
}
.xc-main-slider__title {
  color: var(--white-color);
  font-size: 30px;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 2rem;
  opacity: 0;
  transition: transform 1200ms ease, opacity 1200ms ease;
  transform: translateX(30px);
}
@media (min-width: 768px) {
  .xc-main-slider__title {
    font-size: 40px;
  }}
.xc-main-slider__info {
  color: #ADB7BC;
  margin-bottom: 30px;
  max-width: 320px;
  line-height:25px;
  opacity: 0;
  transition: transform 1200ms ease, opacity 1200ms ease;
  transform: translateX(30px);
}
.xc-main-slider__btn {
  margin-bottom: 25px;
  opacity: 0;
  transition: transform 1200ms ease, opacity 1200ms ease;
  transform: translateY(30px);
}
.xc-main-slider .swiper-slide img {
  max-width: 100%;
  width: inherit;
  width:365px;
}
.xc-main-slider__right {
  flex-shrink: 0;
}
.xc-main-slider__right.remove-space { 
  margin-left:-55px;
  margin-top:-120px;
}
.xc-main-slider__img {
  text-align: center;
  margin-right: 0;
  margin-bottom: 20px;
  opacity: 0;
  transition: transform 1200ms ease, opacity 1200ms ease;
  transform: translateY(30px);
}
@media (min-width: 1200px) {
  .xc-main-slider__img {
    position: absolute;
    bottom: 0;
    left: 15px;
    margin-right: 0px;
    margin-bottom: 0px;
  }}
@media (min-width: 1400px) {
  .xc-main-slider__img {
    position: absolute;
    bottom: 0;
    left: 75px;
    margin-right: 0px;
    margin-bottom: 0px;
  }}
.xc-main-slider__price {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 20px;
  font-weight: 600;
  width: 88px;
  height: 88px;
  display: flex;
  align-items: center;
  direction:ltr;
  justify-content: center;
  border-radius: 50%;
  color: var(--white-color);
  background-color: var(--primary-color);
}
.xc-main-slider__right.remove-space .xc-main-slider__price {
  left:30px;
  top:30px;
}
/* Hide navigation arrows */
.xc-main-slider-two .s-slider-block__title-nav,
.xc-main-slider-two .s-slider-nav-arrow,
.xc-main-slider-two .s-slider-prev,
.xc-main-slider-two .s-slider-next,
.xc-main-slider-two .swiper-button-next,
.xc-main-slider-two .swiper-button-prev {
  display: none !important;
}
/* Pagination dots */
.xc-main-slider-two .swiper-pagination,
.xc-main-slider-two .swiper-pagination-bullets.swiper-pagination-horizontal {
  display: flex !important;
  position: absolute !important;
  bottom: 55px !important;
  right: 55px !important;
  left: auto !important;
  width: auto !important;
}
.xc-main-slider-two .swiper-pagination,
.xc-main-slider-two .swiper-pagination-bullets.swiper-pagination-horizontal {
  gap: 5px;
  z-index: 10;
  justify-content: flex-end;
}
@media(max-width:992px) {
  .xc-main-slider-two .swiper-pagination,
  .xc-main-slider-two .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 35px !important;
    right: 29px !important;
  }
}
.xc-main-slider-two .swiper-pagination-bullet {
  opacity: 1 !important;
}
.xc-main-slider-two .swiper-pagination-bullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ADB7BC;
}
.xc-main-slider-two .swiper-pagination-bullet-active {
  background-color: var(--primary-color);
}
/* RTL direction for slider content */
.xc-main-slider__item {
  direction: rtl;
  text-align: right;
}
.xc-main-slider__content {
  direction: rtl;
  text-align: right;
  max-width:350px;
}
.xc-main-slider-two.xc-main-slider {
  margin-right: 0;
  border: 0;
  padding: 0;
}
/* Slide-in animations on active slide */
.swiper-slide-active .xc-main-slider__subtitle {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 200ms;
}
.swiper-slide-active .xc-main-slider__title {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 350ms;
}
.swiper-slide-active .xc-main-slider__info {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 450ms;
}
.swiper-slide-active .xc-main-slider__btn {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 550ms;
}
.swiper-slide-active .xc-main-slider__img {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 100ms;
}
.xc-main-slider-two .xc-main-slider__subtitle {
  background-color: transparent;
  color: var(--primary-color);
  padding: 0;
}
.xc-main-slider-two .xc-main-slider__item {
  padding: 55px 30px;
}
.xc-main-slider-two .xc-main-slider__item .xc-main-slider__left {
  max-width: 50%;
}
@media(max-width:992px) {
  .xc-main-slider-two .xc-main-slider__item .xc-main-slider__left {
    max-width: 100%;
  }}
@media (min-width: 992px) {
  .xc-main-slider-two .xc-main-slider__item {
    padding: 55px;
  }}
.xc-main-slider-two .xc-main-slider__img {
  position: relative;
  left: auto;
  bottom: auto;
}
.xc-main-slider-two .xc-main-slider__price {
  border: 3px solid var(--white-color);
}
@media(max-width:991px) {
  .xc-main-slider-two .xc-main-slider__item {
    text-align: center;
  }

  .xc-main-slider__right.remove-space {
    margin-left:-30px;
    margin-right:-30px;
    margin-top:-55px;
  }

  .xc-main-slider__right.remove-space .xc-main-slider__img {
    width:100%;
  }

  .xc-main-slider__right.remove-space img {
    width:100%;
  }

  .xc-main-slider__right.remove-space .xc-main-slider__price {
    left: 15px;
    top: 30px;
  }
}
/*----------------------------------------*/
/* Feature
/*----------------------------------------*/
.xc-feature-one {
background-size: cover;
background-position: center;
}
.xc-feature-one__item {
padding: 20px 25px;
display: flex;
gap: 15px;
background-color: var(--white-color);
border-radius: 8px;
box-shadow: 0 1px 4px rgba(0,0,0,.06);
align-items: center;
}
.xc-feature-one__icon {
width:55px;
min-width:55px;
height:55px;
text-align: center;
line-height:55px;
padding:10px;
background-color: #f5f5f5;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
}
.xc-feature-one__icon img {
width:100%;
height:100%;
-o-object-fit: contain;
   object-fit: contain;
}
.xc-feature-one__icon i {
font-size: 28px;
color: #333;
}
.xc-feature-one__content {
text-align: right;
}
.xc-feature-one__title {
font-size: 16px;
font-weight: 700;
margin-bottom: 2px;
margin-top: 0;
}
.xc-feature-one__content p {
margin-bottom: 0;
font-size: 13px;
color: #777;
}
/*----------------------------------------
6.11 Categroy
----------------------------------------*/
.xc-category-slider.hide-arrows .s-slider-nav-arrow,
.xc-category-slider.hide-arrows .s-slider-prev,
.xc-category-slider.hide-arrows .s-slider-next {
  display: none !important;
}
[dir="ltr"] .s-slider-nav-arrow {
  margin-right:auto;
  margin-left:15px;
}
.xc-category-one__item {
text-align: center;
  display:block;
  max-height:180px;
}
.xc-category-one__item:hover img {
transform: scale(1.05);
}
.xc-category-one__img {
  display: inline-flex;
align-items: center;
justify-content: center;
width: 106px;
height: 106px;
border-radius: 50%;
background-color: #E3E3EC;
margin:0 auto 10px;
overflow: hidden;
transition: 0.3s;
max-width:100%;
padding:15px;
line-height:75px;
}
.xc-category-one__img img {
  display:inline;
  width: auto;
  transition: 0.3s;
  max-width: 100%;
}
.xc-category-one__title {
font-size: 18px;
font-weight: 600;
text-align: center;
}
.xc-category-one__title a {
display:block;
}
.xc-category-one__title a:hover {
color: var(--primary-color);
}
.xc-category-one__desc {
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
  font-size: 14px;
  color: #6C757D;
  margin-bottom: 10px;
  margin-top: 10px;
}
.xc-cats-two__wrapper {
border: 1px solid #DEE2E7;
border-radius: 0 10px 10px 0;
overflow: hidden;
background-color: var(--white-color);
}
.xc-cats-two__wrapper .row [class*=col-] {
border-right: 1px solid #DEE2E7;
border-bottom: 1px solid #DEE2E7;
margin-bottom: -2px;
margin-left: 1px;
margin-right: -1px;
}
.xc-cats-two__ads img {
border-radius: 5px 0 0 5px;
}
.xc-cats-two__item {
position: relative;
padding-top: 17px;
padding-bottom: 46px;
padding-left: 17px;
padding-right: 17px;
}
.xc-cats-two__title {
font-size: 18px;
font-weight: 500;
}
.xc-cats-two__info {
font-size: 15px;
line-height: 1.4;
}
.xc-cats-two__img {
position: absolute;
right: 10px;
bottom: 10px;
}
/*----------------------------------------
6.4 Banner
----------------------------------------*/
.xc-banner-three__item {
flex-wrap: wrap;
justify-content: space-between;
padding: 15px 15px;
padding-top: 35px;
position: relative;
border-radius: 10px;
min-height:347px;
overflow:hidden;
flex-direction: column;
}
@media (min-width: 768px) {
  .xc-banner-three__item {
    padding: 30px 30px 0;
    display: flex;
  }}
@media (min-width: 992px) {
  .xc-banner-three__item {
    flex-direction: inherit;
    align-items: center;
    height:100%;
  }}
@media (min-width: 1400px) {
  .xc-banner-three__item {
    padding: 0 44px;
    padding-top: 35px;
  }}
.xc-banner-three__item.item-1 .xc-banner-three__info {
color: #475156;
}
.xc-banner-three__item.item-1 .xc-banner-three__subtitle {
background-color: #2DA5F3;
color: var(--white-color);
}
.xc-banner-three__item.item-1 .xc-banner-three__title {
  color:#000
}
.xc-banner-three__subtitle {
display: inline-block;
padding: 2px 16px;
background-color: #EFD33D;
border-radius: 2px;
font-size: 14px;
font-weight: 600;
margin-bottom: 10px;
}
.xc-banner-three__title {
color: var(--white-color);
font-size: 32px;
font-weight: 700;
line-height: 52px;
margin-bottom: 15px;
}
.xc-banner-three__title br {
display: none;
}
@media (min-width: 1200px) {
  .xc-banner-three__title br {
    display: block;
  }}
.xc-banner-three__left {
  margin-bottom:30px;
}
@media (min-width: 992px) {
  .xc-banner-three__left {
    max-width:60%;
  }}
.xc-banner-three__info {
color: #ADB7BC;
margin-bottom: 30px;
}
.xc-banner-three__btn {
margin-bottom: 25px;
}
.xc-banner-three__right {
  display:flex;
}
.xc-banner-three__img {margin-right:auto;display: inline-block;position: relative;min-width: 5px;min-height: 100%;display: flex;align-items: end;}
@media (max-width: 767px) {
  .xc-banner-three__img {
    margin:0 auto -15px;
  }
}
.item-1 .xc-banner-three__img {
  align-items: center;
}
.xc-banner-three__img img {
  max-width:100%;
}
.xc-banner-three__content {
  position:relative;
  z-index:5;
  text-align: right;
}
@media (min-width: 992px) {
  .xc-banner-three__img {
    position: absolute;
    bottom: 0;
    left: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
  }

  .xc-banner-three__img-center {
    bottom: auto;
    bottom: initial;
    top: 0;
    left: 20px;
  }}
@media (min-width: 1400px) {
.xc-banner-three__img-center {
  bottom: auto;
  bottom: initial;
  top: 0;
  left: 40px;
  max-width: 35%;
}}
.xc-banner-three__price {
  position: absolute;
  left: 20px;
  top: 40px;
  font-size: 18px;
  font-weight: 600;
  width: 88px;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  direction: ltr;
  color: var(--white-color);
  background-color: var(--primary-color);
}
.item-1 .xc-banner-three__price{
  top: 40px;
}
@media(max-width:991px) {
  .xc-banner-three__price,
  .item-1 .xc-banner-three__price{
    top:auto;
    bottom:15px;
    left:0;
  }}
.xc-banner-seven .xc-banner-three__item {
  padding: 60px 30px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  min-height:411px
}
@media(max-width:991px) {
  .xc-banner-seven .xc-banner-three__item {
    padding-top:30px;
    padding-bottom:0px;
  }}
@media (min-width: 992px) {
  .xc-banner-seven .xc-banner-three__item {
    padding: 60px 110px;
  }}
.xc-banner-seven .xc-banner-three__item::before {
  position: absolute;
  content: "";
  width: 112px;
  height: 136px;
  right: 0;
  bottom: 0;
  background-color: var(--primary-color);
  clip-path: polygon(100% 100%, 100% 0%, 0% 100%);
}
.xc-banner-seven .xc-banner-three__item::after {
  position: absolute;
  content: "";
  width: 518px;
  height: 518px;
  left: -50px;
  top: 20px;
  border-radius: 50%;
  background-color: #1C1C1C;
  z-index: -1;
}
@media (min-width: 992px) {
  .xc-banner-seven .xc-banner-three__title {
    font-size: 60px;
    margin-bottom:30px;
  }
  .xc-banner-seven .xc-banner-three__info {
    font-size: 24px;
    line-height: 1.4;
  }}
.xc-banner-seven .xc-banner-three__subtitle {
  background-color: #FA8232;
  color: var(--white-color);
}
.xc-banner-seven .xc-banner-three__btn {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .xc-banner-seven .xc-banner-three__img {
    position: absolute;
    bottom: 0;
    left: 50px;
    margin-left: 0px;
    margin-bottom: 0px;
  }}
/*----------------------------------------
6.10 Brand
----------------------------------------*/
.brand-slider {
  margin:0 -10px;
}
.brand-slider .swiper-wrapper .item {
  padding:0 10px
}
.xc-brand-one__item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 200px;
  padding-top: 50px;
  padding-bottom: 40px;
  text-align: center;
  border: 1px solid #dee2e7;
  border-radius: 10px;
  transition: 0.3s;
}
.xc-brand-one__item img {
  max-width: 100%;
  max-height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 10px;
  padding: 10px;
}
.xc-brand-one__item:hover {
  border-color: var(--primary-color);
}
.xc-brand-one__title {
  font-size: 18px;
  font-weight: 600;
  color: #000;
}
.xc-brand-one__title span:hover,
.xc-brand-one__title a:hover {
  color: var(--hover-color);
}
div.xc-ads-one__img img {
  border-radius: 10px;
}
/*----------------------------------------
6.13 Newsleter
----------------------------------------*/
.xc-newsletter-one__subtitle {
  font-size: 14px;
  font-weight: 500;
  line-height: 36.5%;
  margin-bottom: 10px;
  letter-spacing: 7.3px;
  text-transform: uppercase;
}
.xc-newsletter-form {
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media (max-width: 768px) {
  .xc-newsletter-form {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .xc-newsletter-one__subtitle {
    font-size: 20px;
  }}
.xc-newsletter-one__title {
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 60.5px;
  text-transform: uppercase;
  margin-bottom: 18px;
}
@media (min-width: 768px) {
  .xc-newsletter-one__title {
    font-size: 40px;
  }}
.xc-newsletter-one__title span {
  font-weight: 300;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.xc-newsletter-one__info {
  font-size: 16px;
  font-weight: 400;
}
.xc-newsletter-one__form {
  margin-top: 60px;
}
.xc-newsletter-one__form form {
  position: relative;
  max-width: 730px;
}
.xc-newsletter-one__form input {
  height: 66px;
  padding-right: 250px;
  text-transform: capitalize;
  background-color: var(--white-color);
}
.xc-newsletter-one__form button {
  right: 0;
  top: 0;
  height: 66px;
  padding-left: 36px;
  padding-right: 36px;
  text-transform: uppercase;
  position: absolute;
  color: var(--white-color);
  background-color: var(--black-color);
}
.xc-newsletter-one__form button:hover {
  background-color: var(--primary-color);
}
.xc-newsletter-form.xc-has-overlay {
  position: relative;
  z-index: 1;
}
.xc-newsletter-form__two.xc-has-overlay .overlay {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  z-index: -1;
}
.xc-newsletter-form__main {
  position: relative;
  display: flex;
  gap: 0;
}
.xc-newsletter-form__main input {
  background-color: var(--white-color);
  text-transform: capitalize;
  flex: 1;
  padding: 15px 20px;
  border: none;
  outline: none;
}
.xc-newsletter-form__main button {
  flex-shrink: 0;
  background-color: var(--black-color);
  color: var(--white-color);
  padding-left: 30px;
  padding-right: 30px;
  font-size:16px;
  border: none;
  cursor: pointer;
  white-space: nowrap;
}
@media (min-width: 992px) {
  .xc-newsletter-form__main button {
    padding-left: 70px;
    padding-right: 70px;
  }}
.xc-newsletter-form__main button:hover {
  background-color: var(--hover-color);
}
.xc-newsletter-form__title {
  color: var(--white-color);
  margin-bottom: 30px;
  font-weight:600;
}
/******************************************************/
/* product Style */
/******************************************************/
.prod-col {
  padding:5px 10px;
}
.products-slider-wrapper .product-item.withcount .content
{
  min-height:216px;
}
.product-item {
  background-color: var(--white-color);
  padding: 20px 15px;
  border-radius: 12px;
  position: relative;
  border: 1px solid #dee2e7;
  display: flex;
  flex-direction: column;
}
.product-item .mask {
  overflow: hidden;
  margin-bottom: 10px;
  height: 220px;
  position: relative;
  border-radius: 8px;
}
.product-item .mask .image {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  transition: opacity 0.35s ease;
}
.product-item .mask .image img {
  max-width: 100%;
  max-height:100%;
}
.product-item .mask .image:not(:first-of-type) {
  opacity:0
}
.product-item .mask .labels {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  direction: ltr;
  gap: 5px;
}
.product-item .mask .labels .product-discount {
  color: var(--white-color);
  font-size: 13px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 5px;
  display: inline-block;
  background-color: var(--hover-color);
  width: -moz-max-content;
  width: max-content;
}
.product-item .mask .labels .product-badge {
  color: var(--white-color);
  font-size: 12px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 5px;
  display: inline-block;
  background-color: var(--primary-color);
}
.product-item .mask .labels .out-of-stock-label {
  color: var(--white-color);
  font-size: 12px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 5px;
  display: inline-block;
  background-color: #999;
}
.product-item .mask .optionsRepleat {
  position: absolute;
  top: -1px;
  right: 0;
  z-index: 1;
  overflow:hidden;
  display: flex;
  gap:15px;
  flex-direction: column;
}
.product-item .mask .options small {
  display: block;
  position: relative;
  left: 0;
  opacity: 1;
  transition: all .3s ease 0s;
  background-color: var(--primary-color);
  padding: 5px 13px;
  color: var(--white-color);
  font-size: 12px;
  border-radius: 5px;
  margin-bottom: 5px;
  text-align: center;
  font-weight: 600;
  overflow:hidden;
}
.product-item .mask .options .product-card-bundle-offer {
  display: none
}
.product-item .count
{
  display: flex;
  gap: 10px;
  flex-direction: row;
  z-index: 9;
  width: 100%;
  justify-content: space-around;
  padding: 0 15px;
}
.product-item .mask .count {
  position: absolute;
  bottom: 21px;
  right: 0;
}
.product-item .content .count
{
  padding: 0;
  margin-bottom:15px;
}
.product-item .count .countContent {
  padding: 5px 5px 7px;
  border-radius: 5px;
  text-align: center;
  display: flex;
  gap: 2px;
  flex-direction: column;
  border: 1px solid #f0f0f0;
  background-color: var(--white-color);
  height: 55px;
  width: 100%;
}
.product-item .count .countContent h5 {
  font-size:11px;
  margin:0;
}
.product-item .count .countContent p {
  font-size:14px;
  margin:0;
}
.product-item .content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  text-align: right;
}
.product-item .content .product-subtitle {
  font-size: 13px;
  color: #999;
  margin: 0 0 5px;
  line-height: 1.4;
}
.xc-product-six__btns {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin-top: auto;
    padding-top: 10px;
    justify-content: space-between;
}
.product-item .addCart-wishlist {
  flex: 0 0 auto;
}
.product-item .add-to-wishlist button {
  width: 42px;
  height: 42px;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #dee2e7;
  background: var(--white-color);
  font-size: 18px;
  line-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #aaa;
  transition: all .3s ease 0s;
}
.product-item .add-to-wishlist button:hover {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.product-item .add-to-wishlist button.filled {
  background: var(--primary-color);
  color: var(--white-color);
  border-color: var(--primary-color);
}
.product-item .content .title {
  font-size: 15px;
  line-height: 1.6;
  font-weight: 500;
  margin-bottom: 0;
  min-height:53px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  flex-grow: 1;
}
.product-item .content .title a:hover {
  color: var(--primary-color)
}
.product-item .content .addCart {
  min-width: 0;
}
.product-item .content .addCart .btn-product-card {
  font-size: 16px;
  padding: 0 20px;
  font-weight: 600;
  border-radius: 4px;
  display: inline-block;
  background-color: var(--black-color);
  color: var(--white-color);
  height: 40px;
  line-height: 37px;
  transition: all .3s ease 0s;
}
.product-item .content .addCart .btn-product-card:hover {
  background-color: var(--hover-color);
}
.product-item .content .addCart.disabled .btn-product-card
{
  background-color: #f0f0f0;
  color:var(--black-color);
  pointer-events: none;
}
.product-item .content .addCart.disabled .btn-product-card svg {
  fill:var(--black-color);
}
.product-item .content .addCart .btn-product-card svg {
  fill:var(--white-color);
  width:22px;
  position:relative;
  top:-1px;
}
.price {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.price .salePrice {
  background-color: #50AF05;
  padding: 4px 10px;
  display: inline-block;
  color: var(--white-color);
  border-radius: 4px;
  line-height: 1.3;
  font-size: 16px;
  font-weight: 700;
}
.price .oldPrice {
  color: #999;
  font-size: 14px;
  display: inline-block;
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}
.price .startingPrice {
  color: #999;
  font-size: 12px;
}
.product-item-out-of-stock img {
  filter: grayscale(1)
}
/******************************************************/
/* products and ads */
/******************************************************/
.xc-banner-five {
  background-color: var(--black-color);
  text-align: center;
  padding: 40px 20px;
  border-radius: 10px;
  position: sticky;
  top: 115px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1400px) {
  .xc-banner-five.xc-banner-five2 {
    padding: 40px 25px;
  }
  .xc-banner-five {
    padding: 35px 30px;
  }
}
.xc-banner-five__subtitle {
  display: inline-block;
  color: var(--white-color);
  font-size: 14px;
  margin-bottom: 10px;
}
.xc-banner-five__title {
  color: var(--white-color);
  font-weight: 700;
  margin-bottom: 15px;
}
.xc-banner-five__info {
  color: #FBD103;
  font-size: 16px;
  margin-bottom: 20px;
}
.xc-banner-five__time {
  color: var(--white-color);
}
.xc-banner-five__img {
  margin-bottom: 25px;
  display: flex;
  justify-content: center;
}
.xc-banner-five__img img {
  max-width: 100%;
}
.xc-banner-five .count {
  display: flex;
  gap: 10px;
  flex-direction: row;
  z-index: 9;
  width: 100%;
  justify-content: center;
  margin-bottom: 25px;
}
.xc-banner-five .count .countContent {
  padding: 5px;
  border-radius: 5px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--white-color);
  background-color: var(--primary-color);
  min-height: 55px;
  width: 100%;
}
.xc-banner-five .count .countContent h5 {
  font-size: 11px;
  margin: 0;
}
.xc-banner-five .count .countContent p {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
}
.xc-banner-five .swiftcart-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 14px 30px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 6px;
  text-align: center;
}
.xc-banner-five .swiftcart-btn i {
  position: relative;
  top: 2px;
  margin-right: 8px;
}
.productsWithAd .prod-col {
  padding-left:0;
  padding-right:0;
  margin-bottom:10px;
}
.productsWithAd .prod-col .product-item {
  padding-bottom: 15px;
}
.productsWithAd .product-item .mask {
  height:175px;
}
.productsWithAd .product-item .price .salePrice,
.productsWithAd .product-item .price .oldPrice {
  font-size:11px;
}
.productsWithAd .product-item .content .title {
  font-size:14px;
}
.productsWithAd .product-item .content .addCart .btn-product-card {
  font-size:12px;
  height:35px;
  line-height:32px;
}
.productsWithAd .product-item .content .add-to-wishlist button,
.productsWithAd .product-item .content .add-to-wishlist a {
  width: 35px;
  height: 35px;
  line-height: 36px;
}
.productsWithAd .product-item .mask .options small {
  font-size: 12px;
}
.productsWithAd .s-slider-nav-arrow,
.productsWithAd .s-slider-prev,
.productsWithAd .s-slider-next,
.productsWithAd .s-slider-block__title-nav,
.brand-slider .s-slider-block__title-nav{
  display: none !important;
}
/* salla-add-product-button inside Zid card */
.product-item .addCart salla-add-product-button {
  display: block;
  width: 100%;
}
.product-item .addCart salla-add-product-button .s-button-wrap {
  width: 100%;
}
.product-item .addCart salla-add-product-button .s-button-element {
  background-color: var(--black-color) !important;
  border-color: var(--black-color) !important;
  color: var(--white-color) !important;
}
.product-item .addCart salla-add-product-button .s-button-element {
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  height: 42px;
  transition: all .3s ease 0s;
  cursor: pointer;
}
.product-item .addCart salla-add-product-button .s-button-element:hover {
  background-color: var(--hover-color) !important;
  border-color: var(--hover-color) !important;
}
.product-item .addCart.disabled salla-add-product-button .s-button-element {
  background-color: #f0f0f0 !important;
  border-color: #f0f0f0 !important;
  color: var(--black-color) !important;
}
.product-item .addCart.disabled salla-add-product-button .s-button-element {
  pointer-events: none;
}
/* salla-products-list grid layout */
.home-products-section custom-salla-product-card {
  display: block;
  width: 100%;
  height: 100%;
}
.home-products-section custom-salla-product-card .product-item {
  height: 100%;
}
.home-products-section .s-products-list-wrapper {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 15px;
  gap: 15px;
}
.productsWithAd .s-products-list-wrapper {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
@media (max-width: 991px) {
  .home-products-section .s-products-list-wrapper,
  .productsWithAd .s-products-list-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .home-products-section .s-products-list-wrapper,
  .productsWithAd .s-products-list-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .home-products-section .s-products-list-wrapper,
  .productsWithAd .s-products-list-wrapper {
    grid-template-columns: 1fr;
  }
}
/* salla-products-slider: hide arrows and title */
.home-products-section salla-products-slider {
  --swiper-navigation-display: none;
  overflow: hidden;
}
.home-products-section salla-products-slider .swiper-button-prev,
.home-products-section salla-products-slider .swiper-button-next,
.home-products-section salla-products-slider .s-products-slider-nav,
.home-products-section salla-products-slider .s-block__title {
  display: none !important;
}
/*----------------------------------------
6.12 Testimonial
----------------------------------------*/
.xc-testimonial-one {
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 768px) {
  .xc-testimonial-one {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.xc-testimonial-one.xc-has-overlay {
  position: relative;
  z-index: 1;
}
.xc-testimonial-one.xc-has-overlay .overlay {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  z-index: -1;
}
.xc-testimonial-one .title {
  font-weight: 700;
  color: var(--white-color);
  margin-bottom: 40px;
  font-size: 2.5rem;
  text-align: center;
}
.xc-testimonial-one__carousel .item {
  padding: 0 15px;
}
.xc-testimonial-one__item {
  padding: 30px 25px;
  position: relative;
  min-height: 251px;
  background-color: var(--white-color);
  border-radius: 8px;
  text-align: right;
  overflow: hidden;
}
.xc-testimonial-one__head {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.xc-testimonial-one__ratting {
  color: #ffaa17;
  font-size: 16px;
  margin-top: 15px;
}
.xc-testimonial-one__thumb {
  border-radius: 50%;
  overflow: hidden;
  width: 65px;
  height: 65px;
  min-width: 65px;
}
.xc-testimonial-one__thumb img {
  width: 65px;
  height: 65px;
  -o-object-fit: cover;
     object-fit: cover;
}
.xc-testimonial-one__review {
  font-size: 15px;
  line-height: 1.8;
  color: #555;
  margin-bottom: 5px;
}
.xc-testimonial-one__name {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}
.xc-testimonial-one__bio {
  font-size: 13px;
  margin-top: 8px;
  color: #777;
}
.xc-testimonial-one__quote {
  position: absolute;
  bottom: 15px;
  left: 15px;
}
.xc-testimonial-one__quote img {
  width: 65px;
  height: auto;
  opacity: 0.08;
}
.xc-testimonial-one__carousel .s-slider-nav-arrow,
.xc-testimonial-one__carousel .s-slider-prev,
.xc-testimonial-one__carousel .s-slider-next {
  display: none !important;
}
@media(max-width:991px) {

  .xc-header-two-banner-one__left {
    min-width:170px;
  }

  .xc-header-two-banner-two__item {
    text-align: center;
  }

  .xc-main-slider__item {
    min-height:auto;
    flex-wrap:nowrap;
  }}
/* ------------------------------------------ */
/*        Accordion
/* ------------------------------------------ */
.faqs-section .accordion {
  margin-bottom:20px;
}
.faqs-section .accordion .accordion-title {
  padding: 17px 30px 15px 40px;
  line-height: 80px;
  font-size: 25px;
  color: var(--text-color);
  cursor: pointer;
  position: relative;
  border: 2px solid #000;
  font-weight: 700;
  text-align: right;
}
.faqs-section .accordion .accordion-title h3 {
  font-size: 20px;
line-height:35px
}
@media(max-width:767px) {
  .faqs-section .accordion .accordion-title h3 {
    font-size: 17px;
    line-height:30px;
  }}
.faqs-section .accordion .accordion-title:before {
  content: "+";
  color: var(--text-color);
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  font-weight: 300;
  line-height: 1;
  transition: all 0.3s;
}
.faqs-section .accordion.active .accordion-title:before {
  content: "−";
}
.faqs-section .accordion.active .accordion-title {
  border-bottom: 1px solid #000;
}
.faqs-section .accordion .accordion-body {
  margin: 0;
  padding: 0 30px;
  font-size: 14px;
  color: var(--text-color);
  line-height: 37px;
  border: 1px solid #000;
  border-top: none;
  text-align: right;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
}
.faqs-section .accordion:not(.active) .accordion-body {
  border-color: transparent;
}
.faqs-section .accordion.active .accordion-body {
  padding: 20px 30px;
  max-height: 500px;
}
/* ============================================================
   Section Headings
   ============================================================ */
.xc-sec-heading {
  margin-bottom: 25px;
  text-align: right;
}
.xc-sec-heading.xc-has-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  text-align: right;
  gap: 10px;
}
.xc-sec-heading__subtitle {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--primary-color);
  margin-bottom: 7px;
  position: relative;
}
.xc-sec-heading__subtitle.has-before::before {
  content: "";
  height: 18px;
  width: 10px;
  border-radius: 4px;
  background-color: var(--primary-color);
}
.xc-sec-heading__title {
  font-size: 24px;
  font-weight: 600;
  margin: 0;
}
.xc-sec-heading__btn {
  flex-shrink: 0;
}
.xc-sec-heading-btn {
  color: var(--white-color);
  display: inline-block;
  padding: 2px 13px;
  text-transform: capitalize;
  font-weight: 600;
  line-height: 30px;
  font-size: 13px;
  background-color: var(--primary-color);
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: all 0.3s ease;
  border-radius: 5px;
}
.xc-sec-heading-btn:hover {
  color: var(--white-color);
  background-color: var(--hover-color);
}
/* ============================================================
   SwiftCart Button (CTA)
   ============================================================ */
.swiftcart-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 28px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  color: var(--white-color, #fff);
  background-color: var(--primary-color);
  border-radius: 4px;
  border: none;
  cursor: pointer;
  transition: 0.3s;
  -webkit-text-decoration: none;
  text-decoration: none;
  line-height: 1.5;
}
.swiftcart-btn:hover {
  background-color: var(--hover-color, var(--primary-color));
  color: #fff;
  color: var(--white-color, #fff);
}
.swiftcart-btn i {
  font-size: 14px;
  transition: transform 0.3s;
}
.swiftcart-btn:hover i {
  transform: rotate(-45deg);
}
/* ============================================================
   Brand Slider
   ============================================================ */
.brand-slider {
  position: relative;
}
.brand-slider .s-slider-controls {
  display: none !important;
}
/* ============================================================
   Select Category (Custom dropdown)
   ============================================================ */
.selectCategory {
  position: relative;
  display: inline-block;
}
.selectCategory__trigger {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background-color: #F2F4F5;
  background-color: var(--header-category-bg, #F2F4F5);
  color: #000;
  color: var(--header-category-color, #000);
  border: none;
  border-radius: 6px;
  padding: 15px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
  line-height: 1.5;
  transition: border-color 0.2s;
}
.selectCategory__trigger:hover {
  border-color: #bbb;
}
.selectCategory__trigger svg {
  transition: transform 0.2s;
  flex-shrink: 0;
}
.selectCategory.is-open .selectCategory__trigger svg {
  transform: rotate(180deg);
}
.selectCategory__menu {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 180px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.10);
  padding: 6px 0;
  margin-top: 4px;
  z-index: 100;
  list-style: none;
}
.selectCategory.is-open .selectCategory__menu {
  display: block;
}
.selectCategory__menu li a {
  display: block;
  padding: 8px 18px;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  -webkit-text-decoration: none;
  text-decoration: none;
  white-space: nowrap;
  direction: rtl;
  text-align: right;
  transition: background 0.15s;
}
.selectCategory__menu li a:hover {
  background: #f5f5f5;
  color: #000;
}
/* ============================================================
   Language / Currency Modal Button
   ============================================================ */
.langCurrecyModal {
    padding: 0 16px !important;
}
.langCurrecyModal {
    background-color: var(--primary-color);
    border: none;
    border-radius: 4px;
    color: #fff;
    color: var(--white-color, #fff);
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    transition: 0.3s;
    height: 35px;
}
.langCurrecyModal:hover {
  opacity: 0.85;
}
/* ============================================================
   Header Layout Fixes
   ============================================================ */
.xc-header-two__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: nowrap;
}
.xc-header-two__right {
  min-width: 0;
}
.xc-header-two__search {
  flex: 1;
  min-width: 0;
}
.xc-header-two__search salla-search {
  width: 100%;
}
/* ============================================================
   Header Logo
   ============================================================ */
.xc-header-two__logo {
  flex-shrink: 0;
}
.xc-header-two__logo .logo {
  display: inline-flex;
  align-items: center;
  max-height: 70px;
  position:relative;
  top:2px;
}
.xc-header-two__logo .logo img,
.xc-header-two__logo .logo img.image-logo {
  max-height: 60px !important;
  width: auto !important;
}
.xc-header-two__logo .logo img,
.xc-header-two__logo .logo img.image-logo {
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 767px) {
  .xc-header-two__logo .logo img,
  .xc-header-two__logo .logo img.image-logo {
    max-height: 45px !important;
  }
}
/* ============================================================
   Home Section Common Spacing
   ============================================================ */
.w-img img {
  width:100%;
}
/* ============================================================
   Ad Modal / Gallery
   ============================================================ */
.add-Modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.add-Modal .modal-bg {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0,0,0,.7);
  z-index: 1;
}
.add-Modal .modal-dialog {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  margin: 0;
  width: 100%;
  max-width: 800px;
  z-index: 2;
}
.add-Modal .modal-content {
  border-radius: 20px;
  background: none;
  border: none;
  position: relative;
  width: 100%;
}
.add-Modal .modal-content .close {
  position: absolute;
  top: -35px;
  left: 0;
  opacity: 1;
  z-index: 99;
  color: var(--white-color);
  font-size: 25px;
  background: none;
  border: none;
  cursor: pointer;
}
.add-Modal .modal-content .close:hover,
.add-Modal .modal-content .close:focus {
  color: var(--white-color);
}
/* Gallery Item */
.ggallery .gallery .gallery-item {
  position: relative;
  z-index: 1;
  margin-bottom: 0;
  border-radius: 15px;
  overflow: hidden;
  color: #000;
}
.ggallery .gallery .gallery-item .mask {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  min-width: 100%;
  min-height: 100%;
}
.ggallery .gallery .gallery-item .mask::after {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  z-index: 2;
  transition: all .5s ease 0s;
  background-color: rgba(255,255,255,.5);
  width: 100%;
  height: 100%;
  content: "";
}
.ggallery .gallery .gallery-item .mask.show-bg::after {
  opacity: 1 !important;
}
.ggallery .gallery .gallery-item.white .mask::after {
  background-color: rgba(0,0,0,.5);
}
.ggallery .gallery .gallery-item .mask img {
  height: auto !important;
}
.ggallery .gallery .gallery-item .mask img {
  transition: all 2s ease 0s;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
}
.ggallery .gallery .gallery-item:hover .mask img {
  transform: scale(1.05);
  filter: blur(3px);
}
/* Gallery Content */
.ggallery .gallery .gallery-item .content {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  z-index: 2;
  padding: 30px 40px;
  min-height: 450px;
  text-align: right;
  align-items: flex-start;
}
.ggallery .gallery .gallery-item.content-center .content {
  align-items: center;
  text-align: center;
}
.ggallery .gallery .gallery-item .content h2 {
  margin: 0;
  font-weight: 700;
  font-size: 2.2rem;
}
.ggallery .gallery .gallery-item .content p {
  margin: 0;
  font-size: 1.3rem;
  font-weight: 500;
}
.ggallery .gallery .gallery-item .content a {
  position: relative;
  transition: all .3s ease-in-out 0s;
  background: var(--primary-color);
  color: var(--white-color);
  padding: 0 20px;
  font-weight: 500;
  font-size: 15px;
  border-radius: 5px;
  text-align: center;
  min-width: 200px;
  height: 45px;
  overflow: hidden;
  line-height: 43px;
  display: inline-block;
  -webkit-text-decoration: none;
  text-decoration: none;
}
/* White variant */
.ggallery .gallery .gallery-item.white {
  color: var(--white-color);
}
/* Countdown */
.counter-style {
  width: 100%;
}
.offer-counter {
  display: flex;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.offer-counter li {
  background-color: rgba(0,0,0,.8);
  padding: 10px;
  border-radius: 5px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0px;
  min-width: 65px;
  color: var(--white-color);
}
.gallery-item.white .offer-counter li {
  color: #000;
  background-color: rgba(255,255,255,.8);
}
.offer-counter li .count-number {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 0;
}
.offer-counter li .count-name {
  font-size: 1rem;
  margin-bottom: 0;
}
/* Ad Modal Responsive */
@media (max-width: 991px) {
  .add-Modal .modal-dialog {
    max-width: 600px;
    width: 100%;
    margin: 0 15px;
  }
}
@media (max-width: 767px) {
  .ggallery .gallery .gallery-item .content {
    min-height: 320px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .ggallery .gallery .gallery-item .content h2 {
    font-size: 2rem;
  }
}
@media (max-width: 480px) {
  .ggallery .gallery .gallery-item .content h2 {
    font-size: 1.7rem;
  }
}
.main-content {
  text-align: right;
}
/* ============================================================
   LTR (English) Overrides
   ============================================================ */
/* ── Banners ─────────────────────────────────────────── */
html[dir="ltr"] .xc-header-two-banner-one__left,
html[dir="ltr"] .xc-header-two-banner-two__left {
  text-align: left;
}
html[dir="ltr"] .xc-header-two-banner-two__offer,
html[dir="ltr"] .xc-header-two-banner-one__offer {
  left: auto;
  right: 24px;
}
@media (min-width: 768px) {
  html[dir="ltr"] .xc-header-two-banner-one__right img {
    left: auto;
    right: 0;
  }
}
html[dir="ltr"] .xc-header-two-banner-two__item .xc-header-two-banner-one__price {
  text-align: left;
}
/* ── Main Slider ─────────────────────────────────────── */
@media (min-width: 1200px) {
  html[dir="ltr"] .xc-main-slider {
    margin-right: 0;
    margin-left: 40px;
  }
}
html[dir="ltr"] .xc-main-slider__item {
  direction: ltr;
  text-align: left;
}
html[dir="ltr"] .xc-main-slider__content {
  direction: ltr;
  text-align: left;
}
html[dir="ltr"] .xc-main-slider__right.remove-space {
  margin-left: 0;
  margin-right: -55px;
}
@media (min-width: 1200px) {
  html[dir="ltr"] .xc-main-slider__img {
    left: auto;
    right: 15px;
  }
}
@media (min-width: 1400px) {
  html[dir="ltr"] .xc-main-slider__img {
    left: auto;
    right: 15px;
  }
}
html[dir="ltr"] .xc-main-slider__price {
  left: auto;
  right: 0;
}
html[dir="ltr"] .xc-main-slider__right.remove-space .xc-main-slider__price {
  left: auto;
  right: 30px;
}
@media(max-width:991px) {
  html[dir="ltr"] .xc-main-slider__right.remove-space {
    margin-left: -30px;
    margin-right: -30px;
  }
  html[dir="ltr"] .xc-main-slider__right.remove-space .xc-main-slider__price {
    left: auto;
    right: 15px;
  }
}
/* Slider-two: reset margin */
html[dir="ltr"] .xc-main-slider-two.xc-main-slider {
  margin-left: 0;
}
/* Pagination dots: flip */
html[dir="ltr"] .xc-main-slider-two .swiper-pagination,
html[dir="ltr"] .xc-main-slider-two .swiper-pagination-bullets.swiper-pagination-horizontal {
  right: auto !important;
  left: 55px !important;
}
html[dir="ltr"] .xc-main-slider-two .swiper-pagination,
html[dir="ltr"] .xc-main-slider-two .swiper-pagination-bullets.swiper-pagination-horizontal {
  justify-content: flex-start;
}
@media(max-width:992px) {
  html[dir="ltr"] .xc-main-slider-two .swiper-pagination,
  html[dir="ltr"] .xc-main-slider-two .swiper-pagination-bullets.swiper-pagination-horizontal {
    right: auto !important;
    left: 29px !important;
  }
}
/* ── Feature Section ─────────────────────────────────── */
html[dir="ltr"] .xc-feature-one__content {
  text-align: left;
}
/* ── Categories ──────────────────────────────────────── */
html[dir="ltr"] .xc-cats-two__wrapper {
  border-radius: 10px 0 0 10px;
}
html[dir="ltr"] .xc-cats-two__wrapper .row [class*=col-] {
  border-right: none;
  border-left: 1px solid #DEE2E7;
  margin-left: -1px;
  margin-right: 1px;
}
html[dir="ltr"] .xc-cats-two__ads img {
  border-radius: 0 5px 5px 0;
}
html[dir="ltr"] .xc-cats-two__img {
  right: auto;
  left: 10px;
}
/* ── Banner Three ────────────────────────────────────── */
html[dir="ltr"] .xc-banner-three__content {
  text-align: left;
}
@media (min-width: 992px) {
  html[dir="ltr"] .xc-banner-three__img {
    left: auto;
    right: 0px;
  }
  html[dir="ltr"] .xc-banner-three__img-center {
    left: auto;
    right: 20px;
  }
}
@media (min-width: 1400px) {
  html[dir="ltr"] .xc-banner-three__img-center {
    left: auto;
    right: 40px;
  }
}
html[dir="ltr"] .xc-banner-three__price {
  left: auto;
  right: 20px;
}
@media(max-width:991px) {
  html[dir="ltr"] .xc-banner-three__price,
  html[dir="ltr"] .item-1 .xc-banner-three__price {
    left: auto;
    right: 0;
  }
}
/* Banner Seven: flip decorative elements */
html[dir="ltr"] .xc-banner-seven .xc-banner-three__item::before {
  right: auto;
  left: 0;
  clip-path: polygon(0 100%, 0 0%, 100% 100%);
}
html[dir="ltr"] .xc-banner-seven .xc-banner-three__item::after {
  left: auto;
  right: -50px;
}
@media (min-width: 992px) {
  html[dir="ltr"] .xc-banner-seven .xc-banner-three__img {
    left: auto;
    right: 50px;
  }
}
/* ── Newsletter ──────────────────────────────────────── */
html[dir="ltr"] .xc-newsletter-one__form input {
  padding-right: 0;
  padding-left: 250px;
}
html[dir="ltr"] .xc-newsletter-one__form button {
  right: auto;
  left: 0;
}
/* ── Product Cards ───────────────────────────────────── */
html[dir="ltr"] .product-item .mask .labels {
  left: auto;
  right: 0;
  direction: rtl;
}
html[dir="ltr"] .product-item .mask .optionsRepleat {
  right: auto;
  left: 0;
}
html[dir="ltr"] .product-item .mask .count {
  right: auto;
  left: 0;
}
html[dir="ltr"] .product-item .content {
  text-align: left;
}
/* ── Banner Five (Ad sidebar) ────────────────────────── */
html[dir="ltr"] .xc-banner-five .swiftcart-btn i {
  margin-right: 0;
  margin-left: 8px;
}
/* ── FAQs / Accordion ────────────────────────────────── */
html[dir="ltr"] .faqs-section .accordion .accordion-title {
  padding: 17px 40px 15px 30px;
  text-align: left;
}
html[dir="ltr"] .faqs-section .accordion .accordion-title:before {
  left: auto;
  right: 20px;
}
html[dir="ltr"] .faqs-section .accordion .accordion-body {
  text-align: left;
}
/* ── Section Headings ────────────────────────────────── */
html[dir="ltr"] .xc-sec-heading {
  text-align: left;
}
html[dir="ltr"] .xc-sec-heading.xc-has-btn {
  text-align: left;
}
/* ── Testimonials ────────────────────────────────────── */
html[dir="ltr"] .xc-testimonial-one__item {
  text-align: left;
}
html[dir="ltr"] .xc-testimonial-one__quote {
  left: auto;
  right: 15px;
}
/* ── Select Category Dropdown ────────────────────────── */
html[dir="ltr"] .selectCategory__menu {
  right: auto;
  left: 0;
}
html[dir="ltr"] .selectCategory__menu li a {
  direction: ltr;
  text-align: left;
}
/* ── Gallery ─────────────────────────────────────────── */
html[dir="ltr"] .ggallery .gallery .gallery-item .content {
  text-align: left;
  align-items: flex-start;
}
html[dir="ltr"] .ggallery .gallery .gallery-item .content .offer-counter {
  justify-content: flex-start;
}
html[dir="ltr"] .ggallery .gallery .gallery-item.content-center .content {
  align-items: center;
  text-align: center;
}
html[dir="ltr"] .ggallery .gallery .gallery-item.content-center .content .offer-counter {
  justify-content: center;
}
/* ── Ad Modal ────────────────────────────────────────── */
html[dir="ltr"] .add-Modal .modal-content .close {
  left: auto;
  right: 0;
}
/* ── CTA Button Arrow (sicon-arrow-left → flip to right) ── */
html[dir="ltr"] .swiftcart-btn i {
  transform: scaleX(-1);
}
html[dir="ltr"] .swiftcart-btn:hover i {
  transform: scaleX(-1) rotate(-45deg);
}
/* ── Main Content ────────────────────────────────────── */
html[dir="ltr"] .main-content {
  text-align: left;
}
[dir="ltr"] .s-slider-block__title-nav > :not([hidden]) ~ :not([hidden]) {
  margin-right: 0;
  margin-left: 10px;
}
/* =====================================================================
 * Customer account — modern e-commerce style (Noon / Amazon inspired)
 * Mobile-first, RTL/LTR-aware via logical CSS properties.
 * ===================================================================== */
.account-page {
  --acct-bg: #f7f8fa;
  --acct-card-bg: #ffffff;
  --acct-fg: #111827;
  --acct-muted: #6b7280;
  --acct-border: #eef0f3;
  --acct-hover: #f3f4f6;
  --acct-brand: var(--primary-color, #1976d2);
  --acct-on-brand: #ffffff;
  --acct-radius-sm: 10px;
  --acct-radius-md: 14px;
  --acct-radius-lg: 18px;
  --acct-shadow-sm: 0 1px 3px rgba(17, 24, 39, 0.04), 0 1px 2px rgba(17, 24, 39, 0.03);
  --acct-shadow-md: 0 4px 16px rgba(17, 24, 39, 0.06);

  background: #f7f8fa;

  background: var(--acct-bg);
  padding: 16px 0 56px;
  color: #111827;
  color: var(--acct-fg);
}
@media (min-width: 768px) {
  .account-page { padding: 24px 0 72px; }
}
/* ---------------- Hero banner ---------------- */
.account-hero {
  display: flex;
  align-items: center;
  gap: 14px;
  background: linear-gradient(135deg, var(--acct-brand) 0%, color-mix(in srgb, var(--acct-brand) 80%, #000) 100%);
  color: var(--acct-on-brand);
  padding: 18px 18px;
  border-radius: var(--acct-radius-lg);
  margin-bottom: 20px;
  box-shadow: var(--acct-shadow-md);
  position: relative;
  overflow: hidden;
}
.account-hero::before {
  content: "";
  position: absolute;
  right: -60px;
  top: -60px;
  width: 200px;
  height: 200px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  pointer-events: none;
}
@media (min-width: 768px) {
  .account-hero { padding: 24px 28px; gap: 18px; }
}
.account-hero__avatar {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, 0.4);
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .account-hero__avatar { width: 76px; height: 76px; }
}
.account-hero__avatar salla-file-upload,
.account-hero__avatar .avatar-wrap {
  width: 100%;
  height: 100%;
  display: block;
}
.account-hero__avatar img {
  width: 100% !important;
  height: 100% !important;
}
.account-hero__avatar img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.account-hero__avatar-placeholder {
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.85);
  font-size: 26px;
}
.account-hero__info {
  flex: 1;
  min-width: 0;
  position: relative;
  z-index: 1;
}
.account-hero__greeting {
  margin: 0 0 2px;
  font-size: 12px;
  font-weight: 500;
  opacity: 0.85;
  line-height: 1.2;
}
.account-hero__name {
  margin: 0 0 4px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 768px) {
  .account-hero__name { font-size: 22px; }
}
.account-hero__email {
  margin: 0;
  font-size: 12px;
  opacity: 0.85;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  overflow: hidden;
}
.account-hero__email span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.account-hero__email i { font-size: 14px; opacity: 0.85; }
.account-hero__cta {
  display: none;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
  color: var(--acct-on-brand);
  -webkit-text-decoration: none;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  white-space: nowrap;
  transition: background-color 0.2s ease;
  position: relative;
  z-index: 1;
}
.account-hero__cta:hover {
  background: rgba(255, 255, 255, 0.28);
  color: var(--acct-on-brand);
  -webkit-text-decoration: none;
  text-decoration: none;
}
.account-hero__cta i { font-size: 18px; }
@media (min-width: 768px) {
  .account-hero__cta { display: inline-flex; }
}
/* ---------------- Layout grid ---------------- */
.account-layout {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 16px;
  gap: 16px;
}
@media (min-width: 1024px) {
  .account-layout--with-sidebar {
    grid-template-columns: 280px 1fr;
    gap: 24px;
    align-items: start;
  }
}
/* ---------------- Sidebar (≥ lg) ---------------- */
.account-sidebar {
  display: none;
}
@media (min-width: 1024px) {
  .account-sidebar {
    display: block;
    position: sticky;
    top: 115px;
  }
}
.account-sidebar__inner {
  background: var(--acct-card-bg);
  border-radius: var(--acct-radius-lg);
  padding: 8px;
  box-shadow: var(--acct-shadow-sm);
  border: 1px solid var(--acct-border);
  overflow: hidden;
}
/* ---------------- Mobile horizontal tabs (< lg) ---------------- */
.account-tabs {
  display: block;
  margin: 0 -16px 16px;
  padding: 0 16px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .account-tabs { display: none; }
}
.account-tabs salla-user-menu {
  display: block;
}
/* ---------------- Style Salla user-menu (sidebar nav items) ---------------- */
/* Salla renders <salla-user-menu inline> as a vertical list. We restyle it
   into a clean rounded list on desktop, and a horizontal scrollable bar on mobile. */
salla-user-menu[inline] ul,
.salla-menu ul,
.user-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* Desktop sidebar items */
@media (min-width: 1024px) {
  .account-sidebar salla-user-menu[inline] a,
  .account-sidebar .user-menu a,
  .account-sidebar [class*="user-menu"] a {
    display: flex !important;
    padding: 12px 14px !important;
    color: var(--acct-fg) !important;
  }
  .account-sidebar salla-user-menu[inline] a,
  .account-sidebar .user-menu a,
  .account-sidebar [class*="user-menu"] a {
    align-items: center;
    gap: 12px;
    border-radius: var(--acct-radius-sm);
    font-weight: 600;
    font-size: 14px;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: background-color 0.18s ease, color 0.18s ease;
    margin: 2px 0;
  }
  .account-sidebar salla-user-menu[inline] a:hover,
  .account-sidebar .user-menu a:hover,
  .account-sidebar [class*="user-menu"] a:hover {
    color: var(--acct-brand) !important;
  }
  .account-sidebar salla-user-menu[inline] a:hover,
  .account-sidebar .user-menu a:hover,
  .account-sidebar [class*="user-menu"] a:hover {
    background: var(--acct-hover);
  }
  .account-sidebar salla-user-menu[inline] a[class*="active"],
  .account-sidebar salla-user-menu[inline] a.active,
  .account-sidebar .user-menu a.active,
  .account-sidebar [class*="user-menu"] a.active,
  .account-sidebar a[aria-current="page"] {
    color: var(--acct-brand) !important;
  }
  .account-sidebar salla-user-menu[inline] a[class*="active"],
  .account-sidebar salla-user-menu[inline] a.active,
  .account-sidebar .user-menu a.active,
  .account-sidebar [class*="user-menu"] a.active,
  .account-sidebar a[aria-current="page"] {
    background: color-mix(in srgb, var(--acct-brand) 12%, transparent);
  }
  .account-sidebar salla-user-menu[inline] a i,
  .account-sidebar .user-menu a i {
    font-size: 20px;
    width: 22px;
    text-align: center;
  }
}
/* Mobile: turn user-menu into horizontal scrollable chips */
@media (max-width: 1023.98px) {
  .account-tabs salla-user-menu[inline] ul,
  .account-tabs .user-menu ul {
    display: flex !important;
    flex-direction: row !important;
  }
  .account-tabs salla-user-menu[inline] ul,
  .account-tabs .user-menu ul {
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 4px 0 8px;
    margin: 0;
  }
  .account-tabs salla-user-menu[inline] ul::-webkit-scrollbar,
  .account-tabs .user-menu ul::-webkit-scrollbar { display: none; }

  .account-tabs salla-user-menu[inline] li,
  .account-tabs .user-menu li {
    margin: 0 !important;
  }

  .account-tabs salla-user-menu[inline] li,
  .account-tabs .user-menu li {
    flex-shrink: 0;
  }
  .account-tabs salla-user-menu[inline] a,
  .account-tabs .user-menu a,
  .account-tabs [class*="user-menu"] a {
    display: inline-flex !important;
    padding: 10px 14px !important;
    color: var(--acct-fg) !important;
  }
  .account-tabs salla-user-menu[inline] a,
  .account-tabs .user-menu a,
  .account-tabs [class*="user-menu"] a {
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    background: var(--acct-card-bg);
    border: 1px solid var(--acct-border);
    font-weight: 600;
    font-size: 13px;
    -webkit-text-decoration: none;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.18s ease;
  }
  .account-tabs salla-user-menu[inline] a:hover,
  .account-tabs .user-menu a:hover { color: var(--acct-brand) !important; }
  .account-tabs salla-user-menu[inline] a[class*="active"],
  .account-tabs salla-user-menu[inline] a.active,
  .account-tabs .user-menu a.active,
  .account-tabs a[aria-current="page"] {
    color: var(--acct-on-brand) !important;
  }
  .account-tabs salla-user-menu[inline] a[class*="active"],
  .account-tabs salla-user-menu[inline] a.active,
  .account-tabs .user-menu a.active,
  .account-tabs a[aria-current="page"] {
    background: var(--acct-brand);
    border-color: var(--acct-brand);
  }
  .account-tabs salla-user-menu[inline] a i,
  .account-tabs .user-menu a i {
    font-size: 16px;
  }
}
/* ---------------- Main card ---------------- */
.account-main {
  min-width: 0; /* allow grid child to shrink */
}
.account-card__heading {
  margin: 0 0 14px;
}
.account-card__title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: var(--acct-fg);
}
@media (min-width: 768px) {
  .account-card__title { font-size: 22px; }
}
.account-card {
  background: var(--acct-card-bg);
  border-radius: var(--acct-radius-lg);
  box-shadow: var(--acct-shadow-sm);
  border: 1px solid var(--acct-border);
  overflow: hidden;
}
/* ---------------- Section inside card ---------------- */
.account-section {
  padding: 18px;
}
@media (min-width: 768px) {
  .account-section { padding: 24px 28px; }
}
.account-section + .account-section {
  border-top: 1px solid var(--acct-border);
}
/* Flex layout — the leading edge is enforced by `justify-content: flex-start`,
   which is direction-aware and CANNOT be overridden by stray `text-align`
   rules coming from the theme/Tailwind preflight. */
.account-section__head {
  display: flex;
  flex-direction: column;
  align-items: stretch; /* children get full width so text-align works for the subtitle */
  margin-bottom: 18px;
  width: 100%;
}
.account-section__title {
  display: flex;
  align-items: center;
  justify-content: flex-start; /* icon + text stick to the leading edge */
  gap: 10px;
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 700;
  color: var(--acct-fg);
  line-height: 1.4;
  width: 100%;
}
.account-section__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--acct-brand) 12%, transparent);
  color: var(--acct-brand);
  flex-shrink: 0;
}
.account-section__icon i { font-size: 16px; line-height: 1; }
.account-section__title-text { line-height: 1.3; }
.account-section__subtitle {
  display: block;
  margin: 0;
  font-size: 13px;
  color: var(--acct-muted);
  line-height: 1.5;
  width: 100%;
}
/* ---------------- Form ---------------- */
.account-form__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 16px;
  gap: 16px;
}
@media (min-width: 640px) {
  .account-form__grid {
    grid-template-columns: 1fr 1fr;
    gap: 18px;
  }
}
.account-form__field--full {
  grid-column: 1 / -1;
}
.account-form__label {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: var(--acct-fg);
  margin-bottom: 8px;
}
/* =====================================================================
 * Form inputs — unified size (48px) across regular inputs and Salla web
 * components. Strategy: the WRAPPER owns the border + radius + height, and
 * the inner control (whether native input or Salla shadow DOM) gets a
 * transparent passthrough so we never get double-borders or height drift.
 * ===================================================================== */
/* The shared "input shell" — applied to both regular inputs and component wrappers */
.account-form__input,
.account-form .form-input,
.account-form salla-tel-input,
.account-form salla-datetime-picker {
  display: block;
  width: 100%;
  height: 48px;
  min-height: 48px;
  border: 1px solid var(--acct-border);
  border-radius: var(--acct-radius-sm);
  background: #fff;
  color: var(--acct-fg);
  font-size: 14px;
  box-sizing: border-box;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
  overflow: hidden; /* hide any stray border drawn by the shadow DOM */
}
/* Regular inputs/selects need their own padding (Salla components handle their own) */
.account-form__input,
.account-form input.form-input,
.account-form select.form-input {
  padding: 0 14px;
  line-height: 46px; /* center the text inside the 48px box */
}
.account-form__input:focus,
.account-form input.form-input:focus,
.account-form select.form-input:focus {
  outline: none;
  border-color: var(--acct-brand);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--acct-brand) 15%, transparent);
}
/* Custom select chevron */
.account-form select.account-form__input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 14px center;
  padding-right: 14px;
  padding-left: 38px;
}
[dir="ltr"] .account-form select.account-form__input {
  background-position: right 14px center;
}
/* Salla web components — neutralize their internal background/border so the
   wrapper above owns the visual, and forward common CSS variables in case the
   component reads any of them. */
.account-form salla-tel-input,
.account-form salla-datetime-picker {
  padding: 0;
  --background: transparent;
  --background-color: transparent;
  --border: 0;
  --border-color: transparent;
  --border-radius: 0;
  --border-width: 0;
  --box-shadow: none;
  --height: 46px;
  --input-height: 46px;
  --tel-input-height: 46px;
}
/* === Kill the inner double-border (Light DOM descendants) === */
.account-form salla-tel-input *,
.account-form salla-datetime-picker * {
  box-shadow: none !important;
}
.account-form salla-tel-input input,
.account-form salla-tel-input select,
.account-form salla-tel-input button,
.account-form salla-tel-input [class*="input"],
.account-form salla-tel-input [class*="container"],
.account-form salla-tel-input [class*="wrapper"],
.account-form salla-datetime-picker input,
.account-form salla-datetime-picker button,
.account-form salla-datetime-picker [class*="input"],
.account-form salla-datetime-picker [class*="container"],
.account-form salla-datetime-picker [class*="wrapper"] {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  height: 46px !important;
  min-height: 46px !important;
  border-radius: 0 !important;
}
/* === Kill the inner border via Shadow DOM ::part() (if exposed) === */
.account-form salla-tel-input::part(input),
.account-form salla-tel-input::part(container),
.account-form salla-tel-input::part(wrapper),
.account-form salla-tel-input::part(base),
.account-form salla-datetime-picker::part(input),
.account-form salla-datetime-picker::part(container),
.account-form salla-datetime-picker::part(wrapper),
.account-form salla-datetime-picker::part(base) {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  height: 46px !important;
  border-radius: 0 !important;
}
.account-form__footer {
  margin-top: 24px;
  display: flex;
  justify-content: flex-end;
}
.account-form__submit {
  min-width: 180px;
}
@media (max-width: 639px) {
  .account-form__footer { justify-content: stretch; }
  .account-form__submit { width: 100%; min-width: 0; }
}
/* ---------------- Empty state ---------------- */
.account-empty {
  text-align: center;
  padding: 48px 24px;
}
.account-empty__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: var(--acct-hover);
  color: var(--acct-muted);
  font-size: 36px;
  margin-bottom: 16px;
}
.account-empty__title {
  margin: 0 0 8px;
  font-size: 17px;
  font-weight: 700;
  color: var(--acct-fg);
}
.account-empty__text {
  margin: 0 0 20px;
  font-size: 14px;
  color: var(--acct-muted);
}
.account-empty__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  border-radius: 999px;
  background: var(--acct-brand);
  color: var(--acct-on-brand);
  -webkit-text-decoration: none;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  transition: filter 0.18s ease;
}
.account-empty__cta:hover {
  filter: brightness(0.95);
  color: var(--acct-on-brand);
  -webkit-text-decoration: none;
  text-decoration: none;
}
/* ---------------- Generic list wrapper for Salla web components ---------------- */
.account-list {
  /* Web components (salla-orders, salla-notifications, salla-wallet, salla-products-list)
     render their own internal cards. We just provide breathing room and spacing. */
  display: block;
}
.account-list > * + * { margin-top: 12px; }
/* salla-user-settings (privacy & promo toggles) — clean up the default look */
salla-user-settings {
  display: block;
  margin-top: 8px;
}
/* Hide the legacy h1 inside inner_title (we render our own page title in the layout) */
.account-main > h1.font-bold {
  display: none;
}
/* Make sure file-upload control inside the hero is fully circular */
.account-hero__avatar salla-file-upload [data-host],
.account-hero__avatar salla-file-upload .filepond--root,
.account-hero__avatar salla-file-upload .filepond--drop-label {
  border-radius: 50% !important;
  background: transparent !important;
}
/* Compatibility: also tone down the Salla salla-orders cards' edges to match */
salla-orders [class*="card"],
salla-notifications [class*="card"],
salla-wallet [class*="card"] {
  border-radius: var(--acct-radius-md) !important;
}
/* =====================================================================
 * DIRECTION-EXPLICIT RULES — defensively force every text element onto
 * the correct side so theme/Tailwind utilities can't accidentally flip
 * them. Mirrors the approach used in the mobile drawer.
 * ===================================================================== */
/* ----- Hero banner ----- */
[dir="rtl"] .account-hero { text-align: right !important; }
[dir="ltr"] .account-hero { text-align: left !important; }
[dir="rtl"] .account-hero__info,
[dir="rtl"] .account-hero__greeting,
[dir="rtl"] .account-hero__name,
[dir="rtl"] .account-hero__email {
  text-align: right !important;
  direction: rtl !important;
}
[dir="ltr"] .account-hero__info,
[dir="ltr"] .account-hero__greeting,
[dir="ltr"] .account-hero__name,
[dir="ltr"] .account-hero__email {
  text-align: left !important;
  direction: ltr !important;
}
/* User name often contains Latin chars; force it to align with the rest of the block. */
[dir="rtl"] .account-hero__name { unicode-bidi: plaintext; }
/* ----- Card heading + section heads ----- */
[dir="rtl"] .account-card__heading,
[dir="rtl"] .account-card__title,
[dir="rtl"] .account-section__head,
[dir="rtl"] .account-section__title,
[dir="rtl"] .account-section__subtitle {
  text-align: right !important;
}
[dir="ltr"] .account-card__heading,
[dir="ltr"] .account-card__title,
[dir="ltr"] .account-section__head,
[dir="ltr"] .account-section__title,
[dir="ltr"] .account-section__subtitle {
  text-align: left !important;
}
/* ----- Form labels + inputs ----- */
[dir="rtl"] .account-form,
[dir="rtl"] .account-form__label,
[dir="rtl"] .account-form__field {
  text-align: right !important;
}
[dir="ltr"] .account-form,
[dir="ltr"] .account-form__label,
[dir="ltr"] .account-form__field {
  text-align: left !important;
}
/* Inputs themselves: align caret + text to the leading edge */
[dir="rtl"] .account-form__input,
[dir="rtl"] .account-form .form-input {
  text-align: right !important;
  direction: rtl !important;
}
[dir="ltr"] .account-form__input,
[dir="ltr"] .account-form .form-input {
  text-align: left !important;
  direction: ltr !important;
}
/* Email + tel inputs stay LTR even in an RTL form (numbers/emails read left-to-right). */
[dir="rtl"] .account-form input[type="email"],
[dir="rtl"] .account-form input[type="tel"],
[dir="rtl"] .account-form input[type="url"] {
  direction: ltr !important;
  text-align: right !important;
}
/* ----- Empty state ----- */
[dir="rtl"] .account-empty,
[dir="rtl"] .account-empty__title,
[dir="rtl"] .account-empty__text,
[dir="ltr"] .account-empty,
[dir="ltr"] .account-empty__title,
[dir="ltr"] .account-empty__text {
  text-align: center !important;
}
/* ----- Hero CTA: pin to the trailing edge consistently ----- */
.account-hero__cta { margin-left: auto; }
/* =====================================================================
 * Cart page — modern e-commerce redesign (Noon/Amazon style)
 * Mobile-first, RTL/LTR aware via logical CSS properties.
 * ===================================================================== */
.cart-page {
  --cart-bg: #f7f8fa;
  --cart-card-bg: #ffffff;
  --cart-fg: #111827;
  --cart-muted: #6b7280;
  --cart-soft: #f3f4f6;
  --cart-border: #eef0f3;
  --cart-brand: var(--primary-color, #1976d2);
  --cart-on-brand: #ffffff;
  --cart-success: #10b981;
  --cart-danger: #ef4444;
  --cart-radius-sm: 10px;
  --cart-radius-md: 14px;
  --cart-radius-lg: 18px;
  --cart-shadow-sm: 0 1px 3px rgba(17, 24, 39, 0.04), 0 1px 2px rgba(17, 24, 39, 0.03);
  --cart-shadow-md: 0 4px 16px rgba(17, 24, 39, 0.06);

  background: #f7f8fa;

  background: var(--cart-bg);
  padding: 16px 0 56px;
  color: #111827;
  color: var(--cart-fg);
}
@media (min-width: 768px) {
  .cart-page { padding: 24px 0 72px; }
}
/* ---------------- Page header ---------------- */
.cart-page__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.cart-page__header-text {
  display: flex;
  align-items: anchor-center;
  gap: 10px;
  flex-wrap: wrap;
  min-width: 0;
}
.cart-page__title {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  color: var(--cart-fg);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  line-height: 1.2;
}
.cart-page__title i {
  color: var(--cart-brand);
  font-size: 22px;
}
@media (min-width: 768px) {
  .cart-page__title { font-size: 26px; }
}
.cart-page__count {
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  padding: 0 12px;
  background: var(--cart-brand);
  color: var(--cart-on-brand);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
.cart-page__continue {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  background: var(--cart-card-bg);
  border: 1px solid var(--cart-border);
  border-radius: 999px;
  color: var(--cart-fg);
  font-weight: 600;
  font-size: 13px;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: all 0.18s ease;
}
.cart-page__continue:hover {
  background: var(--cart-soft);
  color: var(--cart-brand);
  border-color: var(--cart-brand);
  -webkit-text-decoration: none;
  text-decoration: none;
}
.cart-page__continue i {
  font-size: 14px;
}
[dir="rtl"] .cart-page__continue i { transform: scaleX(-1); }
/* ---------------- Free shipping banner ---------------- */
.cart-shipping-banner {
  background: var(--cart-card-bg);
  border: 1px solid var(--cart-border);
  border-radius: var(--cart-radius-md);
  padding: 16px 18px;
  margin-bottom: 20px;
  box-shadow: var(--cart-shadow-sm);
}
.cart-shipping-banner__head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.cart-shipping-banner__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--cart-brand) 12%, transparent);
  color: var(--cart-brand);
  flex-shrink: 0;
  font-size: 20px;
}
.cart-shipping-banner--achieved .cart-shipping-banner__icon {
  background: color-mix(in srgb, var(--cart-success) 14%, transparent);
  color: var(--cart-success);
}
.cart-shipping-banner__msg {
  margin: 0;
  font-size: 13px;
  color: var(--cart-fg);
  flex: 1;
  line-height: 1.5;
}
.cart-shipping-banner__msg b { color: var(--cart-brand); }
.cart-shipping-banner__progress {
  height: 8px;
  background: var(--cart-soft);
  border-radius: 999px;
  overflow: hidden;
}
.cart-shipping-banner__progress.is-complete { display: none; }
.cart-shipping-banner__progress-bar {
  height: 100%;
  background: linear-gradient(90deg, var(--cart-brand), color-mix(in srgb, var(--cart-brand) 70%, #fff));
  border-radius: 999px;
  transition: width 0.5s ease;
}
/* ---------------- Main grid ---------------- */
.cart-page__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
  gap: 20px;
}
@media (min-width: 1024px) {
  .cart-page__grid {
    grid-template-columns: minmax(0, 1fr) 380px;
    gap: 24px;
    align-items: start;
  }
}
.cart-page__items {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
/* ---------------- Cart item card ---------------- */
.cart-item-form { margin: 0; }
.cart-card {
  position: relative;
  background: var(--cart-card-bg);
  border: 1px solid var(--cart-border);
  border-radius: var(--cart-radius-md);
  padding: 16px;
  box-shadow: var(--cart-shadow-sm);
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
.cart-card:hover { box-shadow: var(--cart-shadow-md); }
.cart-card--unavailable { opacity: 0.65; }
@media (min-width: 640px) { .cart-card { padding: 20px; } }
.cart-card__remove {
  position: absolute;
  top: 12px;
  left: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid var(--cart-border);
  background: var(--cart-card-bg);
  color: var(--cart-muted);
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  transition: all 0.18s ease;
}
[dir="ltr"] .cart-card__remove { left: auto; right: 12px; }
.cart-card__remove:hover {
  background: color-mix(in srgb, var(--cart-danger) 12%, transparent);
  color: var(--cart-danger);
  border-color: var(--cart-danger);
}
.cart-card__body {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding-left: 40px; /* keep clear of the remove button */
}
[dir="ltr"] .cart-card__remove { left: auto; right: 12px; }
.cart-card__media {
  flex-shrink: 0;
  display: block;
  width: 88px;
  height: 88px;
  border-radius: var(--cart-radius-sm);
  background: var(--cart-soft);
  overflow: hidden;
  position: relative;
  border: 1px solid var(--cart-border);
}
@media (min-width: 640px) {
  .cart-card__media { width: 104px; height: 104px; }
}
.cart-card__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.cart-card__free-ribbon {
  position: absolute;
  top: 8px;
  left: -34px;
  width: 120px;
  background: var(--cart-danger);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  text-align: center;
  padding: 3px 0;
  transform: rotate(-45deg);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
[dir="rtl"] .cart-card__free-ribbon { transform: rotate(45deg); left: auto; right: -34px; }
.cart-card__details {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.cart-card__title {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--cart-fg);
}
.cart-card__title a {
  color: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.cart-card__title a:hover { color: var(--cart-brand); }
@media (min-width: 640px) {
  .cart-card__title { font-size: 15px; }
}
.cart-card__pricing {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.cart-card__price {
  font-size: 16px;
  font-weight: 700;
  color: var(--cart-fg);
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.cart-card__price--sale { color: var(--cart-danger); }
.cart-card__price-strike {
  font-size: 12px;
  color: var(--cart-muted);
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  display: inline-flex;
  align-items: center;
  gap: 3px;
}
.cart-card__meta {
  margin: 0;
  font-size: 12px;
  color: var(--cart-muted);
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.cart-card__meta i { font-size: 13px; }
.cart-card__meta b { color: var(--cart-fg); font-weight: 600; }
.cart-card__offer-badge {
  margin: 4px 0 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background: color-mix(in srgb, var(--cart-brand) 10%, transparent);
  color: var(--cart-brand);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  align-self: flex-start;
}
.cart-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--cart-border);
}
.cart-card__qty salla-quantity-input {
  display: inline-block;
}
.cart-card__qty-static {
  display: inline-block;
  min-width: 40px;
  text-align: center;
  font-weight: 700;
  color: var(--cart-fg);
}
.cart-card__total {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
}
.cart-card__total-label {
  font-size: 12px;
  color: var(--cart-muted);
}
.cart-card__total-value {
  font-size: 16px;
  font-weight: 700;
  color: var(--cart-brand);
}
/* ---------------- Summary column ---------------- */
.cart-page__summary {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}
@media (min-width: 1024px) {
  .cart-page__summary {
    position: sticky;
    top: 90px;
  }
}
.cart-summary-card {
  background: var(--cart-card-bg);
  border: 1px solid var(--cart-border);
  border-radius: var(--cart-radius-md);
  padding: 18px 20px;
  box-shadow: var(--cart-shadow-sm);
}
.cart-summary-card__title {
  font-size: 15px;
  font-weight: 700;
  color: var(--cart-fg);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.cart-summary-card__title i {
  color: var(--cart-brand);
  font-size: 18px;
}
.cart-summary-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  color: var(--cart-muted);
  padding: 8px 0;
}
.cart-summary-row b {
  color: var(--cart-fg);
  font-weight: 700;
  font-size: 13px;
}
.cart-summary-row--discount b { color: var(--cart-success); }
/* Coupon */
.cart-summary-coupon {
  padding: 16px 0;
  border-top: 1px solid var(--cart-border);
}
.cart-summary-coupon__label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: var(--cart-fg);
  margin-bottom: 10px;
}
.cart-summary-coupon__label i {
  color: var(--cart-brand);
  font-size: 16px;
}
.cart-summary-coupon__input-wrap {
  position: relative;
  display: flex;
  align-items: stretch;
  border: 1px solid var(--cart-border);
  border-radius: var(--cart-radius-sm);
  background: #fff;
  overflow: hidden;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
.cart-summary-coupon__input-wrap:focus-within {
  border-color: var(--cart-brand);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--cart-brand) 15%, transparent);
}
.cart-summary-coupon__input {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.cart-summary-coupon__input {
  flex: 1;
  min-width: 0;
  height: 44px;
  padding: 0 14px;
  font-size: 13px;
  color: var(--cart-fg);
  box-sizing: border-box;
}
.cart-summary-coupon__input:focus { outline: none; }
/* Direction-explicit alignment for the coupon input */
[dir="rtl"] .cart-summary-coupon__input { text-align: right !important; }
[dir="rtl"] .cart-summary-coupon__input { direction: rtl; }
[dir="ltr"] .cart-summary-coupon__input { text-align: left !important; }
[dir="ltr"] .cart-summary-coupon__input { direction: ltr; }
[dir="rtl"] .cart-summary-coupon__input::-moz-placeholder { text-align: right !important; }
[dir="rtl"] .cart-summary-coupon__input::placeholder { text-align: right !important; }
[dir="ltr"] .cart-summary-coupon__input::-moz-placeholder { text-align: left !important; }
[dir="ltr"] .cart-summary-coupon__input::placeholder { text-align: left !important; }
.cart-summary-coupon__btn {
  display: inline-flex !important;
  border-radius: 0 !important;
}
.cart-summary-coupon__btn {
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  min-width: 84px;
  height: 44px;
  border-left: 1px solid var(--cart-border);
}
.cart-summary-coupon__btn .coupon-text {
  font-size: 13px;
  font-weight: 700;
  padding: 0 10px;
}
.cart-summary-coupon__btn .icon { display: none; }
.cart-summary-coupon__btn.has-coupon .coupon-text { display: none; }
.cart-summary-coupon__btn.has-coupon .icon { display: inline-flex; font-size: 16px; }
.cart-summary-coupon__error {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  color: var(--cart-danger);
}
.cart-summary-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  color: var(--cart-fg);
  padding: 14px 0;
  border-top: 2px dashed var(--cart-border);
  margin-top: 6px;
}
.cart-summary-total b {
  font-size: 20px;
  color: var(--cart-brand);
}
.cart-summary-submit {
  margin-top: 14px;
}
.cart-summary-submit salla-button {
  display: block;
  width: 100%;
}
.cart-summary-trust {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--cart-border);
  font-size: 11px;
  color: var(--cart-muted);
  flex-wrap: wrap;
}
.cart-summary-trust span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.cart-summary-trust i {
  font-size: 13px;
  color: var(--cart-success);
}
/* Loyalty / gifting cards keep the same shell */
.cart-summary-card--loyalty,
.cart-summary-card--gifting {
  padding: 16px;
}
/* ---------------- Empty cart ---------------- */
.cart-empty {
  text-align: center;
  padding: 56px 20px;
  background: var(--cart-card-bg);
  border-radius: var(--cart-radius-lg);
  border: 1px solid var(--cart-border);
  box-shadow: var(--cart-shadow-sm);
}
.cart-empty__illustration {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--cart-brand) 10%, transparent);
  color: var(--cart-brand);
  font-size: 44px;
  margin-bottom: 20px;
}
.cart-empty__title {
  margin: 0 0 8px;
  font-size: 20px;
  font-weight: 700;
  color: var(--cart-fg);
}
.cart-empty__text {
  margin: 0 0 24px;
  font-size: 14px;
  color: var(--cart-muted);
}
.cart-empty__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 28px;
  background: var(--cart-brand);
  color: var(--cart-on-brand);
  border-radius: 999px;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  transition: filter 0.18s ease;
}
.cart-empty__cta:hover {
  filter: brightness(0.95);
  color: var(--cart-on-brand);
  -webkit-text-decoration: none;
  text-decoration: none;
}
/* ---------------- Recommended products ---------------- */
.cart-recommended {
  padding: 24px;
  background: var(--cart-card-bg);
  border: 1px solid var(--cart-border);
  border-radius: var(--cart-radius-lg);
  box-shadow: var(--cart-shadow-sm);
}
@media (min-width: 768px) {
  .cart-recommended { padding: 32px; }
}
.cart-recommended__header {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
  margin-bottom: 20px;
}
.cart-recommended__title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: var(--cart-fg);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  line-height: 1.3;
}
.cart-recommended__title i {
  color: var(--cart-brand);
  font-size: 22px;
}
@media (min-width: 768px) {
  .cart-recommended__title { font-size: 22px; }
}
.cart-recommended__subtitle {
  margin: 0;
  font-size: 13px;
  color: var(--cart-muted);
  width: 100%;
}
/* Direction-explicit fallback */
[dir="rtl"] .cart-recommended__subtitle { text-align: right !important; }
[dir="ltr"] .cart-recommended__subtitle { text-align: left !important; }
.cart-recommended__slot {
  /* Salla slider will populate this */
  position: relative; /* anchor for the slider nav buttons */
}
.cart-recommended .cart-rec-hidden {
  display: none !important;
}
/* ===== Slider navigation arrows: half on cards, half off ===== */
/* Allow the arrows to overflow visually past the section padding */
.cart-recommended,
.cart-recommended__slot,
.cart-recommended salla-products-slider,
.cart-recommended salla-slider {
  overflow: visible !important;
}
/* Salla's stock rule constrains the nav row to width:94%, which keeps the
   buttons safely inside the slider. We widen it so the arrow buttons sit
   centered exactly on the slider edges (half on the cards, half off). */
.cart-recommended .s-slider-v-centered .s-slider-block__title-nav,
.cart-recommended .s-slider-block__title-nav {
  width: calc(100% + 48px) !important;
}
.cart-recommended__slot:empty {
  min-height: 200px;
  background: var(--cart-soft);
  border-radius: var(--cart-radius-md);
  position: relative;
}
.cart-recommended__slot:empty::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 3px solid var(--cart-border);
  border-top-color: var(--cart-brand);
  transform: translate(-50%, -50%);
  animation: cartRecSpin 0.7s linear infinite;
}
@keyframes cartRecSpin {
  to { transform: translate(-50%, -50%) rotate(360deg); }
}
/* =====================================================================
 * RTL / LTR explicit text-align safety net
 * ===================================================================== */
[dir="rtl"] .cart-page__title,
[dir="rtl"] .cart-page__count,
[dir="rtl"] .cart-card__title,
[dir="rtl"] .cart-summary-card__title,
[dir="rtl"] .cart-summary-coupon__label,
[dir="rtl"] .cart-recommended__title,
[dir="rtl"] .cart-recommended__subtitle { text-align: right; }
[dir="ltr"] .cart-page__title,
[dir="ltr"] .cart-page__count,
[dir="ltr"] .cart-card__title,
[dir="ltr"] .cart-summary-card__title,
[dir="ltr"] .cart-summary-coupon__label,
[dir="ltr"] .cart-recommended__title,
[dir="ltr"] .cart-recommended__subtitle { text-align: left; }
[dir="rtl"] .cart-summary-card__title {
  width:100%;
}
/* =====================================================================
 * Product page — premium image gallery
 * Layout: vertical thumbnail rail beside a large main image.
 * Mobile: column-reverse (main on top, horizontal thumbs below).
 * Direction-aware: in RTL the thumbs sit on the right of the main image,
 * in LTR they sit on the left (default flex row order).
 * ===================================================================== */
.product-gallery {
  --pg-bg:          #f6f7fb;
  --pg-bg-grad:     radial-gradient(ellipse at top, #fafbfd 0%, #eef0f5 100%);
  --pg-border:      rgba(15, 23, 42, 0.06);
  --pg-fg:          #0f172a;
  --pg-muted:       #64748b;
  --pg-brand:       var(--primary-color, #1976d2);
  --pg-on-brand:    #ffffff;
  --pg-danger:      #ef4444;
  --pg-radius-sm:   12px;
  --pg-radius-md:   16px;
  --pg-radius-lg:   22px;
  --pg-shadow-sm:   0 1px 3px rgba(15, 23, 42, 0.05), 0 1px 2px rgba(15, 23, 42, 0.03);
  --pg-shadow-md:   0 10px 30px -8px rgba(15, 23, 42, 0.18), 0 4px 12px -4px rgba(15, 23, 42, 0.08);
  --pg-shadow-lg:   0 24px 60px -16px rgba(15, 23, 42, 0.25), 0 8px 20px -6px rgba(15, 23, 42, 0.10);
  --pg-thumb-size:  86px;

  display: flex;
  gap: 16px;
  width: 100%;
}
@media (min-width: 1024px) {
  .product-gallery {
    --pg-thumb-size: 94px;
    gap: 18px;
  }
}
/* ============== Thumbnail rail (vertical) ============== */
.product-gallery__rail {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.product-gallery__scroll {
  display: none;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid var(--pg-border);
  background: #fff;
  color: var(--pg-muted);
  cursor: pointer;
  transition: all 0.18s ease;
  padding: 0;
  flex-shrink: 0;
}
.product-gallery__scroll:hover {
  border-color: var(--pg-brand);
  color: var(--pg-brand);
  transform: scale(1.05);
}
.product-gallery__scroll:active { transform: scale(0.95); }
/* Show the rail's scroll buttons when there are enough thumbs to overflow */
.product-gallery[data-image-count="5"] .product-gallery__scroll,
.product-gallery[data-image-count="6"] .product-gallery__scroll,
.product-gallery[data-image-count="7"] .product-gallery__scroll,
.product-gallery[data-image-count="8"] .product-gallery__scroll,
.product-gallery[data-image-count="9"] .product-gallery__scroll,
.product-gallery[data-image-count="10"] .product-gallery__scroll,
.product-gallery[data-image-count^="1"] .product-gallery__scroll,
.product-gallery[data-image-count^="2"] .product-gallery__scroll,
.product-gallery[data-image-count^="3"] .product-gallery__scroll {
  display: inline-flex;
}
/* ============== Thumbnail list ============== */
.product-gallery__thumbs {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: calc(var(--pg-thumb-size) + 16px); /* room for hover shadow + active ring */
  flex-shrink: 0;
  max-height: 580px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 4px 0;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-snap-type: y mandatory;
}
.product-gallery__thumbs::-webkit-scrollbar { display: none; }
/* ============== Individual thumb ============== */
.product-gallery__thumb {
  position: relative;
  width: var(--pg-thumb-size);
  height: var(--pg-thumb-size);
  border: 1px solid var(--pg-border);
  border-radius: var(--pg-radius-sm);
  background: #fff;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  transition: border-color 0.2s ease, transform 0.25s cubic-bezier(0.32, 0.72, 0.24, 1), box-shadow 0.25s ease;
  outline: none;
  flex-shrink: 0;
  scroll-snap-align: center;
}
.product-gallery__thumb:hover {
  border-color: rgba(15, 23, 42, 0.18);
  transform: translateY(-2px);
  box-shadow: var(--pg-shadow-sm);
}
.product-gallery__thumb:focus-visible {
  border-color: var(--pg-brand);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--pg-brand) 22%, transparent);
}
.product-gallery__thumb.is-active {
  border-color: var(--pg-brand);
  box-shadow: 0 0 0 1px var(--pg-brand), 0 8px 20px -8px color-mix(in srgb, var(--pg-brand) 50%, transparent);
}
.product-gallery__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 6px;
  box-sizing: border-box;
  display: block;
  pointer-events: none;
  transition: transform 0.4s ease;
}
.product-gallery__thumb:hover img { transform: scale(1.08); }
/* Active indicator — animated bar on the LEADING edge */
.product-gallery__thumb-indicator {
  position: absolute;
  top: 50%;
  left: 0;
  width: 3px;
  height: 0;
  border-radius: 0 3px 3px 0;
  background: var(--pg-brand);
  transform: translateY(-50%);
  transition: height 0.3s cubic-bezier(0.32, 0.72, 0.24, 1);
  pointer-events: none;
}
[dir="rtl"] .product-gallery__thumb-indicator {
  border-radius: 3px 0 0 3px;
}
.product-gallery__thumb.is-active .product-gallery__thumb-indicator {
  height: 60%;
}
/* Video play overlay */
.product-gallery__thumb-play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(15, 23, 42, 0.45);
  color: #fff;
  pointer-events: none;
  transition: background 0.2s ease;
}
.product-gallery__thumb:hover .product-gallery__thumb-play {
  background: rgba(15, 23, 42, 0.25);
}
/* 3D badge */
.product-gallery__thumb-badge {
  position: absolute;
  top: 6px;
  right: 6px;
  background: rgba(15, 23, 42, 0.85);
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.5px;
  padding: 2px 6px;
  border-radius: 5px;
  pointer-events: none;
}
/* ============== Main image area ============== */
.product-gallery__main {
  flex: 1;
  position: relative;
  min-width: 0;
}
.product-gallery__image {
  display: block;
  aspect-ratio: 1 / 1;
  border-radius: var(--pg-radius-lg);
  background:#fff;
  overflow: hidden;
  border: 1px solid var(--pg-border);
  cursor: zoom-in;
  position: relative;
  box-shadow: var(--pg-shadow-md);
  transition: box-shadow 0.3s ease;
}
.product-gallery__image:hover {
  box-shadow: var(--pg-shadow-lg);
}
.product-gallery__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  padding: 20px;
  transition: transform 0.5s cubic-bezier(0.32, 0.72, 0.24, 1), opacity 0.22s ease;
}
.product-gallery__image:hover img:not(.is-fading-out):not(.is-fading-in) {
  transform: scale(1.06);
}
/* Cross-fade states (driven by JS) */
.product-gallery__image img.is-fading-out { opacity: 0; transform: scale(0.98); }
.product-gallery__image img.is-fading-in  { opacity: 1; }
/* ============== Zoom hint pill ============== */
.product-gallery__zoom-hint {
  position: absolute;
  bottom: 16px;
  right: 16px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.78);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.2s ease, transform 0.2s ease;
  pointer-events: none;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.product-gallery__image:hover .product-gallery__zoom-hint {
  opacity: 1;
  transform: translateY(0);
}
.product-gallery__zoom-hint svg { flex-shrink: 0; }
/* ============== Counter pill (1/5) ============== */
.product-gallery__counter {
  position: absolute;
  bottom: 16px;
  left: 16px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.78);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.5px;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  pointer-events: none;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}
.product-gallery__counter-current {
  display: inline-block;
  transition: transform 0.18s ease, opacity 0.18s ease;
}
.product-gallery__counter-current.is-flipping {
  transform: translateY(-3px);
  opacity: 0;
}
.product-gallery__counter-sep   { opacity: 0.55; }
.product-gallery__counter-total { opacity: 0.85; }
/* ============== Main-image nav buttons ============== */
.product-gallery__nav {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  pointer-events: none;
}
.product-gallery__nav-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--pg-border);
  background: rgba(255, 255, 255, 0.92);
  color: var(--pg-fg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: var(--pg-shadow-sm);
  opacity: 0;
  transform: scale(0.85);
  transition: opacity 0.22s ease, transform 0.22s ease, background 0.18s ease;
  pointer-events: auto;
  padding: 0;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.product-gallery__main:hover .product-gallery__nav-btn {
  opacity: 1;
  transform: scale(1);
}
.product-gallery__nav-btn:hover {
  background: #fff;
  color: var(--pg-brand);
  border-color: var(--pg-brand);
  transform: scale(1.05);
}
.product-gallery__nav-btn:active { transform: scale(0.95); }
/* In RTL, flip the chevron meanings so "prev" still feels like "go back" */
[dir="rtl"] .product-gallery__nav-btn--prev svg { transform: scaleX(-1); }
[dir="rtl"] .product-gallery__nav-btn--next svg { transform: scaleX(-1); }
/* ============== Overlays (badges + wishlist + calories) ============== */
.product-gallery__badge {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
  padding: 8px 14px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  pointer-events: none;
  box-shadow: 0 4px 12px -4px rgba(15, 23, 42, 0.2);
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
}
.product-gallery__badge--sale {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
}
.product-gallery__badge--promo {
  background: linear-gradient(135deg, var(--pg-brand) 0%, color-mix(in srgb, var(--pg-brand) 70%, #000) 100%);
}
.product-gallery__badge--promo + .product-gallery__badge--sale {
  top: 60px;
}
.product-gallery__badge-amount { font-size: 14px; font-weight: 800; }
.product-gallery__badge-label  { font-size: 10px; font-weight: 600; opacity: 0.9; letter-spacing: 0.5px; }
.product-gallery__wishlist {
  position: absolute !important;
}
.product-gallery__wishlist {
  top: 14px;
  right: 14px;
  z-index: 3;
}
.product-gallery__wishlist .s-button-element {
  width: 42px !important;
  height: 42px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid var(--pg-border) !important;
}
.product-gallery__wishlist .s-button-element {
  box-shadow: var(--pg-shadow-sm);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  transition: all 0.2s ease;
}
.product-gallery__wishlist .s-button-element:hover {
  border-color: var(--pg-danger) !important;
}
.product-gallery__wishlist .s-button-element:hover {
  transform: scale(1.08);
}
.product-gallery__calories {
  position: absolute;
  top: 16px;
  right: 70px;
  z-index: 2;
  width: 74px;
  height: 74px;
  border-radius: 50%;
  background: #fff;
  box-shadow: var(--pg-shadow-md);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  border: 2px solid #fff;
}
.product-gallery__calories-value {
  font-size: 18px;
  font-weight: 800;
  color: var(--pg-danger);
  line-height: 1;
}
.product-gallery__calories-label {
  font-size: 9px;
  color: var(--pg-muted);
  margin-top: 2px;
  font-weight: 600;
}
.product-gallery__lightbox-links {
  display: none !important;
}
/* ============== Mobile (< md) ============== */
@media (max-width: 767.98px) {
  .product-gallery {
    flex-direction: column-reverse;
    gap: 14px;
  }
  .product-gallery__rail {
    flex-direction: row;
    width: 100%;
  }
  .product-gallery__scroll { display: none !important; }
  .product-gallery__thumbs {
    flex-direction: row;
    width: 100%;
    max-height: none;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding: 4px;
  }
  .product-gallery__thumb {
    width: 72px;
    height: 72px;
  }
  .product-gallery__image {
    aspect-ratio: 4 / 5;
  }
  .product-gallery__image img { padding: 16px; }
  .product-gallery__nav-btn { opacity: 1; transform: scale(1); width: 36px; height: 36px; }
  .product-gallery__zoom-hint { display: none; }
}
/* Reduced motion: kill transforms and transitions */
@media (prefers-reduced-motion: reduce) {
  .product-gallery *,
  .product-gallery *::before,
  .product-gallery *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
  .product-gallery__image:hover img { transform: none !important; }
  .product-gallery__thumb:hover { transform: none !important; }
}
/* =====================================================================
 * Product page — premium info column (the right-hand side beside the gallery)
 * Modern e-commerce style. Mobile-first. RTL/LTR-aware.
 * ===================================================================== */
.product-info {
  --pi-bg:           #ffffff;
  --pi-soft:         #f6f7fb;
  --pi-soft-2:       #eef0f5;
  --pi-border:       rgba(15, 23, 42, 0.08);
  --pi-fg:           #0f172a;
  --pi-fg-soft:      #334155;
  --pi-muted:        #64748b;
  --pi-brand:        var(--primary-color, #1976d2);
  --pi-on-brand:     #ffffff;
  --pi-success:      #10b981;
  --pi-danger:       #ef4444;
  --pi-warn:         #f59e0b;
  --pi-radius-sm:    10px;
  --pi-radius-md:    14px;
  --pi-radius-lg:    18px;
  --pi-shadow-sm:    0 1px 3px rgba(15, 23, 42, 0.05);
  --pi-shadow-md:    0 6px 20px -6px rgba(15, 23, 42, 0.12), 0 2px 6px rgba(15, 23, 42, 0.04);

  color: #0f172a;

  color: var(--pi-fg);
}
/* ============== Header ============== */
.product-info__header {
  margin-bottom: 18px;
}
.product-info__topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.product-info__topbar-spacer { display: block; }
.product-info__brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px 6px 6px;
  background: #ffffff;
  border: 1px solid var(--pi-border);
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--pi-fg-soft);
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: all 0.18s ease;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.product-info__brand:hover {
  color: var(--pi-brand);
  border-color: var(--pi-brand);
  -webkit-text-decoration: none;
  text-decoration: none;
  transform: translateY(-1px);
}
.product-info__brand img {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 50%;
  background: #fff;
  padding: 2px;
}
.product-info__actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.product-info__action {
  --pi-action-size: 42px;
}
.product-info__action.s-button-wrap,
.product-info__action salla-button {
  display: inline-flex !important;
  width: var(--pi-action-size) !important;
  height: var(--pi-action-size) !important;
  border-radius: 50% !important;
}
.product-info__action.s-button-wrap,
.product-info__action salla-button {
  flex: 0 0 var(--pi-action-size);
  overflow: hidden;
}
/* The actual button element: a positioning context for the absolute loader,
   with content perfectly centered. */
.product-info__action .s-button-element {
  position: relative !important;
  width: var(--pi-action-size) !important;
  height: var(--pi-action-size) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  box-sizing: border-box !important;
}
.product-info__action .s-button-element .s-button-text {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  line-height: 1 !important;
}
.product-info__action .s-button-element .s-button-text {
  width: 100%;
  height: 100%;
}
.product-info__action .s-button-element .s-button-text i {
  font-size: 18px;
  line-height: 1;
}
/* Center the loader perfectly within the icon button.
   Salla's stock rule positions the loader with Tailwind variable-based
   transforms (`translate(var(--tw-translate-x), var(--tw-translate-y))`),
   and those vars sometimes resolve to 0, leaving the loader stuck at the
   top-left corner of the button center. We sidestep the whole transform
   approach and use `inset: 0; margin: auto` + explicit size to center. */
.product-info__action .s-button-element .s-button-loader {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: auto !important;
  width: 18px !important;
  height: 18px !important;
  transform: none !important;
  --tw-translate-x: 0 !important;
  --tw-translate-y: 0 !important;
  --tw-rotate: 0 !important;
  --tw-skew-x: 0 !important;
  --tw-skew-y: 0 !important;
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
}
.product-info__action .s-button-element .s-button-loader::before {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
}
/* Share button uses a slightly different host element but same sizing */
.product-info__action--share {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.product-info__action--share {
  width: var(--pi-action-size);
  height: var(--pi-action-size);
}
/* Override Salla's stock `.s-button-icon { margin: 0.25rem }` that pushes the
   icon button off its column. */
.product-info__action .s-button-element.s-button-icon {
  margin: 0 !important;
  padding: 0 !important;
}
/* Wishlist button — ACTIVE state (product is in the user's wishlist).
   Theme-colored solid fill + white heart, replacing the outline look. */
.product-info__action--wish.is-added,
.product-info__action--wish.is-added .s-button-element,
.product-info__action--wish .s-button-element.is-added {
  background-color: #1976d2 !important;
  background-color: var(--primary-color, #1976d2) !important;
  border-color: #1976d2 !important;
  border-color: var(--primary-color, #1976d2) !important;
  color: #ffffff !important;
}
.product-info__action--wish.is-added,
.product-info__action--wish.is-added .s-button-element,
.product-info__action--wish .s-button-element.is-added {
  transform:none;
  box-shadow: 0 4px 10px -3px rgba(25, 118, 210, 0.45);
}
@supports (color: color-mix(in lch, red, blue)) and (top: var(--f)){
.product-info__action--wish.is-added,
.product-info__action--wish.is-added .s-button-element,
.product-info__action--wish .s-button-element.is-added {
  box-shadow: 0 4px 10px -3px color-mix(in srgb, var(--primary-color, #1976d2) 45%, transparent);
}
}
[dir="rtl"] .s-comments-title {
  text-align: right;
}
.product-reviews {
  padding:32px!important;
}
.s-comments-product {
  background:none!important;
  padding:0!important
}
.product-info__action--wish.is-added .s-button-text i,
.product-info__action--wish.is-added .sicon-heart,
.product-info__action--wish .s-button-element.is-added .s-button-text i,
.product-info__action--wish .s-button-element.is-added .sicon-heart {
  color: #ffffff !important;
}
.product-info__action--wish:hover {
  transform: translateY(-1px);
}
.product-info__action--wish {
  transition: transform 0.15s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.product-info__title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4;
  margin: 0 0 8px;
  color: var(--pi-fg);
  letter-spacing: -0.01em;
}
@media (min-width: 768px) {
  .product-info__title { font-size: 25px; }
}
@media (min-width: 1280px) {
  .product-info__title { font-size: 27px; }
}
.product-info__subtitle {
  margin: 0 0 14px;
  font-size: 14px;
  color: var(--pi-muted);
  line-height: 1.6;
}
.product-info__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-top: 4px;
  padding: 12px 14px;
  background: var(--pi-soft);
  border: 1px solid var(--pi-border);
  border-radius: 12px;
}
.product-info__rating { display: inline-flex; align-items: center; }
.product-info__sku {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--pi-muted);
}
[dir="rtl"] .product-info__sku {
  margin-left: auto;
}
.product-info__sku-label {
  font-weight: 600;
  color: var(--pi-fg-soft);
  opacity: 0.75;
}
.product-info__sku-value {
  font-weight: 700;
  color: var(--pi-fg-soft);
  letter-spacing: 0.2px;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  direction: ltr;
  unicode-bidi: isolate;
}
/* ============== Price card ============== */
.product-info__price-card {
  --pi-card-danger: #dc2626;
  --pi-card-fg: #0f172a;
  --pi-card-muted: #64748b;
  --pi-card-border: rgba(15, 23, 42, 0.08);

  position: relative;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border: 1px solid var(--pi-card-border);
  border-radius: 14px;
  padding: 18px 20px;
  margin-bottom: 16px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}
.product-info__price-card.is-on-sale::before {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  bottom: 14px;
  width: 3px;
  border-radius: 3px;
  background: var(--pi-card-danger);
}
.product-info__price-main {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 12px;
}
.product-info__price-prefix {
  font-size: 13px;
  font-weight: 600;
  color: var(--pi-card-muted);
}
.product-info__price-now {
  font-size: 30px;
  font-weight: 800;
  line-height: 1.1;
  color: var(--pi-card-fg);
  letter-spacing: -0.02em;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}
.product-info__price-card.is-on-sale .product-info__price-now { color: var(--pi-card-danger); }
.product-info__price-now i { font-size: 18px; vertical-align: middle; opacity: 0.85; }
.product-info__price-was {
  font-size: 16px;
  color: #94a3b8;
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  font-weight: 500;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
}
.product-info__price-note {
  margin: 10px 0 0;
  font-size: 12px;
  color: var(--pi-card-muted);
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.product-info__price-note i { font-size: 13px; }
/* ============== Description ============== */
.product-info__description {
  margin-bottom: 18px;
  padding: 14px 16px;
  background: var(--pi-bg);
  border: 1px solid var(--pi-border);
  border-radius: var(--pi-radius-md);
  box-shadow: var(--pi-shadow-sm);
}
.product-info__description-body {
  font-size: 14px;
  line-height: 1.75;
  color: var(--pi-fg-soft);
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.32, 0.72, 0.24, 1);
  position: relative;
}
.product-info__description-body p { margin: 0 0 8px; }
.product-info__description-body p:last-child { margin-bottom: 0; }
.product-info__read-more {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 10px;
  color: var(--pi-brand);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: gap 0.2s ease;
}
.product-info__read-more:hover { gap: 8px; }
.product-info__read-more.is-expanded i { transform: rotate(180deg); }
.product-info__read-more i { transition: transform 0.3s ease; }
/* ============== Tags ============== */
.product-info__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 16px;
}
.product-info__tag {
  display: inline-flex;
  align-items: center;
  padding: 5px 12px;
  background: var(--pi-soft);
  border: 1px solid var(--pi-border);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--pi-fg-soft);
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: all 0.18s ease;
}
.product-info__tag:hover {
  background: #fff;
  border-color: var(--pi-brand);
  color: var(--pi-brand);
  -webkit-text-decoration: none;
  text-decoration: none;
  transform: translateY(-1px);
}
/* ============== Sticky purchase bar ============== */
.product-info .sticky-product-bar {
  padding: 18px 20px !important;
}
.product-info .sticky-product-bar {
  background: linear-gradient(180deg, #ffffff 0%, #fafbfd 100%);
  border: 1px solid var(--pi-border);
  border-radius: var(--pi-radius-lg);
  margin-top: 6px;
  box-shadow: var(--pi-shadow-md);
}
.product-info .sticky-product-bar__quantity {
  margin-bottom: 14px !important;
}
.product-info .sticky-product-bar__quantity {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  background: var(--pi-soft);
  border-radius: var(--pi-radius-sm);
}
.product-info .sticky-product-bar__quantity .form-label {
  font-size: 13px;
  font-weight: 700;
  color: var(--pi-fg);
  margin: 0;
}
/* Sticky add-to-cart button — unify height of the two buttons rendered inside
   `.s-add-product-button-main`:
     - <salla-button> .s-button-element ("إضافة للسلة")
     - <salla-mini-checkout-widget> .s-add-product-button-mini-checkout-content ("اشتري الآن")
   Salla's stock CSS gives them different paddings/heights, so we override here. */
.product-info .sticky-product-bar__btn { margin-top: 4px !important; }
.product-info .s-add-product-button-main {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  width: 100% !important;
}
.product-info .s-add-product-button-main {
  gap: 10px;
}
/* Both columns equal width and equal height */
.product-info .s-add-product-button-main > salla-button,
.product-info .s-add-product-button-main > salla-mini-checkout-widget,
.product-info .s-add-product-button-main > .s-add-product-button-mini-checkout {
  flex: 1 1 0 !important;
  width: auto !important;
  height: 54px !important;
  min-height: 54px !important;
  display: flex !important;
  align-items: stretch !important;
}
.product-info .s-add-product-button-main > salla-button,
.product-info .s-add-product-button-main > salla-mini-checkout-widget,
.product-info .s-add-product-button-main > .s-add-product-button-mini-checkout {
  min-width: 0;
  justify-content: stretch;
  --salla-fast-checkout-button-width: 100%;
  --salla-fast-checkout-button-height: 54px;
  --salla-fast-checkout-button-border-radius: 10px;
}
/* The actual visible "Add to cart" button */
.product-info .s-add-product-button-main .s-button-element {
  height: 54px !important;
  min-height: 54px !important;
  width: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  border-radius: 10px !important;
  border-radius: var(--pi-radius-sm, 10px) !important;
  box-sizing: border-box !important;
  line-height: 1 !important;
}
.product-info .s-add-product-button-main .s-button-element {
  letter-spacing: 0.2px;
}
/* The "Buy now" content slot (visible label inside salla-mini-checkout-widget).
   We can't directly style the host's internal button (shadow DOM), so we
   stretch the visible label container to fill its column height. */
.product-info .s-add-product-button-main .s-add-product-button-mini-checkout-content {
  width: 100% !important;
  height: 100% !important;
  min-height: 54px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}
.product-info .s-add-product-button-main .s-add-product-button-mini-checkout-content {
  letter-spacing: 0.2px;
}
/* The salla-button wrapper should not impose its own height */
.product-info .s-add-product-button-main salla-button,
.product-info .s-add-product-button-main .s-button-wrap {
  display: flex !important;
  align-items: stretch !important;
}
.product-info .s-add-product-button-main salla-button,
.product-info .s-add-product-button-main .s-button-wrap {
  width: 100%;
}
/* ============== Reviews / Comments section ============== */
.product-reviews {
  --pr-brand: var(--primary-color, #1976d2);
  --pr-fg: #0f172a;
  --pr-muted: #64748b;
  --pr-border: rgba(15, 23, 42, 0.08);
  --pr-soft: #f8fafc;

  margin: 40px auto;
  padding: 24px;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border: 1px solid var(--pr-border);
  border-radius: 18px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 6px 18px -10px rgba(15, 23, 42, 0.08);
}
@media (min-width: 768px) {
  .product-reviews { padding: 32px; }
}
/* Header: icon + (title + subtitle). Grid is more RTL-predictable than flex —
   first column always holds the icon at the inline-start (right in RTL). */
.product-reviews__header {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  grid-gap: 14px;
  gap: 14px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--pr-border);
}
.product-reviews__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: color-mix(in srgb, var(--pr-brand) 12%, transparent);
  color: var(--pr-brand);
  font-size: 22px;
  line-height: 1;
}
.product-reviews__icon i { line-height: 1; }
.product-reviews__title {
  margin: 0 0 4px;
  font-size: 18px;
  font-weight: 800;
  color: var(--pr-fg);
  letter-spacing: -0.01em;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .product-reviews__title { font-size: 20px; }
}
.product-reviews__subtitle {
  margin: 0;
  font-size: 13px;
  color: var(--pr-muted);
  line-height: 1.5;
}
.product-reviews__body { position: relative; }
[dir="rtl"] .product-reviews__header > div { text-align: right; }
[dir="ltr"] .product-reviews__header > div { text-align: left; }
/* ---- Inner salla-comments rendering ---- */
.product-reviews salla-comments,
.product-reviews .s-comments-page-container,
.product-reviews .s-comments-container {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* Section "التعليقات" title */
.product-reviews .s-comments-title {
  margin: 0 0 14px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  color: var(--pr-fg) !important;
}
.product-reviews .s-comments-title {
  letter-spacing: -0.01em;
}
/* "تعليق واحد" / "X comments" count label */
.product-reviews .s-comments-count-label {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--pr-muted) !important;
  margin-bottom: 12px !important;
}
/* ---- Comment FORM (textarea + send button) ---- */
.product-reviews .s-comment-form-wrapper {
  background: var(--pr-soft) !important;
  border: 1px solid var(--pr-border) !important;
  border-radius: 14px !important;
  padding: 18px !important;
  margin-bottom: 24px !important;
}
.product-reviews .s-comment-form-input,
.product-reviews salla-comments textarea {
  background: #ffffff !important;
  border: 1px solid var(--pr-border) !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  min-height: 110px !important;
  width: 100% !important;
}
.product-reviews .s-comment-form-input,
.product-reviews salla-comments textarea {
  resize: vertical;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.product-reviews .s-comment-form-input:focus,
.product-reviews salla-comments textarea:focus {
  border-color: var(--pr-brand) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--pr-brand) 16%, transparent) !important;
  outline: none !important;
}
.product-reviews .s-comment-form-action {
  margin-top: 14px !important;
  margin-bottom: 0 !important;
}
.product-reviews .s-comment-form-action salla-button .s-button-element {
  border-radius: 12px !important;
  font-weight: 700 !important;
  padding-left: 28px !important;
  padding-right: 28px !important;
  height: 44px !important;
  min-height: 44px !important;
  font-size: 14px !important;
}
.product-reviews .s-comment-form-avatar {
  width: 44px !important;
  height: 44px !important;
}
.product-reviews .s-comment-form-avatar {
  border: 2px solid #ffffff;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}
/* ---- Sort dropdown ("ترتيب: الأحدث") ---- */
.product-reviews salla-comments select,
.product-reviews .s-comments-sort select {
  border: 1px solid var(--pr-border) !important;
  border-radius: 10px !important;
  padding: 8px 14px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--pr-fg) !important;
  background: #ffffff !important;
}
.product-reviews salla-comments select,
.product-reviews .s-comments-sort select {
  cursor: pointer;
}
/* ---- Individual comment items ---- */
.product-reviews .s-comments-item {
  border: 1px solid var(--pr-border) !important;
  border-bottom-width: 1px !important;
  padding: 18px 20px !important;
  margin-bottom: 14px !important;
}
.product-reviews .s-comments-item {
  background: #ffffff;
  border-radius: 14px;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
.product-reviews .s-comments-item:hover {
  border-color: color-mix(in srgb, var(--pr-brand) 25%, var(--pr-border));
  box-shadow: 0 4px 14px -8px rgba(15, 23, 42, 0.18);
}
.product-reviews .s-comments-item:last-child {
  margin-bottom: 0 !important;
  border-width: 1px !important;
  padding-bottom: 18px !important;
}
.product-reviews .s-comments-item-avatar-img {
  width: 44px !important;
  height: 44px !important;
}
.product-reviews .s-comments-item-avatar-img {
  border: 2px solid #ffffff;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
  background: var(--pr-soft);
}
.product-reviews .s-comments-item-timestamp {
  font-size: 13px !important;
  color: var(--pr-muted) !important;
  font-weight: 600 !important;
}
.product-reviews .s-comments-item-timestamp > strong,
.product-reviews .s-comments-item-timestamp b {
  color: var(--pr-fg) !important;
  font-weight: 800 !important;
}
/* ---- "مفيد" (helpful) button ---- */
.product-reviews .s-comments-item salla-button[aria-label*="helpful"],
.product-reviews .s-comments-item salla-button .s-button-element {
  border-radius: 999px !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  font-weight: 600 !important;
  font-size: 12.5px !important;
  height: auto !important;
  min-height: 32px !important;
}
.product-reviews .s-comments-item salla-button .s-button-element.s-button-outline {
  background: var(--pr-soft) !important;
  border-color: var(--pr-border) !important;
}
.product-reviews .s-comments-item salla-button .s-button-element.s-button-outline:hover {
  background: #ffffff !important;
  border-color: var(--pr-brand) !important;
  color: var(--pr-brand) !important;
}
/* Empty state */
.product-reviews .s-comments-empty,
.product-reviews .s-comments-no-data {
  padding: 32px 20px !important;
}
.product-reviews .s-comments-empty,
.product-reviews .s-comments-no-data {
  text-align: center;
  color: var(--pr-muted);
  font-size: 14px;
}
/* ============== Related products section ============== */
.product-related {
  margin: 40px auto;
  padding: 24px;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border: 1px solid var(--pi-border, rgba(15, 23, 42, 0.08));
  border-radius: 18px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 6px 18px -10px rgba(15, 23, 42, 0.08);
}
@media (min-width: 768px) {
  .product-related { padding: 32px!important; }
}
.product-related__header {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 22px;
}
.product-related__icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(25, 118, 210, 0.12);
  color: #1976d2;
  color: var(--primary-color, #1976d2);
  font-size: 20px;
}
@supports (color: color-mix(in lch, red, blue)) and (top: var(--f)){
.product-related__icon {
  background: color-mix(in srgb, var(--primary-color, #1976d2) 12%, transparent);
}
}
.product-related__title {
  margin: 0 0 4px;
  font-size: 18px;
  font-weight: 800;
  color: #0f172a;
  color: var(--pi-fg, #0f172a);
  letter-spacing: -0.01em;
}
@media (min-width: 768px) {
  .product-related__title { font-size: 22px; }
}
.product-related__subtitle {
  margin: 0;
  font-size: 13px;
  color: #64748b;
  color: var(--pi-muted, #64748b);
}
[dir="rtl"] .product-related__subtitle {
  text-align: right;
}
.product-related__slot { position: relative; }
/* Let the slider arrows sit half on / half off the cards, matching cart page */
.product-related,
.product-related__slot,
.product-related salla-products-slider,
.product-related salla-slider {
  overflow: visible !important;
}
.product-related .s-slider-v-centered .s-slider-block__title-nav,
.product-related .s-slider-block__title-nav {
  width: calc(100% + 48px) !important;
}
/* Hide the salla-products-slider's default heading since we render our own */
.product-related salla-products-slider .s-slider-block__title {
  display: none !important;
}
/* ============== Direction-aware text alignment ============== */
[dir="rtl"] .product-info,
[dir="rtl"] .product-info__title,
[dir="rtl"] .product-info__subtitle,
[dir="rtl"] .product-info__description-body { text-align: right !important; }
[dir="rtl"] .product-info,
[dir="rtl"] .product-info__title,
[dir="rtl"] .product-info__subtitle,
[dir="rtl"] .product-info__description-body { direction: rtl; }
[dir="ltr"] .product-info,
[dir="ltr"] .product-info__title,
[dir="ltr"] .product-info__subtitle,
[dir="ltr"] .product-info__description-body { text-align: left !important; }
[dir="ltr"] .product-info,
[dir="ltr"] .product-info__title,
[dir="ltr"] .product-info__subtitle,
[dir="ltr"] .product-info__description-body { direction: ltr; }
/* Hidden Salla price wrappers (kept in DOM for JS price-update events) */
.product-info__price-status .price-wrapper { display: none; }
/* Out-of-stock message: hidden by default; only shown when our JS explicitly
   adds .is-shown after user interaction. We do NOT rely on Salla's `.hidden`
   toggling because some web components spuriously emit `price.updated.failed`
   on mount, which would flash the message on in-stock products. */
.product-info__price-status .out-of-stock { display: none !important; }
.product-info__price-status .out-of-stock.is-shown {
  display: flex !important;
}
.product-info__price-status .out-of-stock.is-shown {
  align-items: center;
  gap: 8px;
  margin: 14px 0;
  padding: 12px 14px;
  background: #fef2f2;
  border: 1px solid rgba(220, 38, 38, 0.25);
  border-radius: 10px;
  color: #b91c1c;
  font-weight: 700;
  font-size: 14px;
}
.product-info__price-status .out-of-stock.is-shown::before {
  content: "⚠";
  font-size: 16px;
}
/* ============== Mobile refinements ============== */
@media (max-width: 767.98px) {
  .product-info { padding: 0 4px; }
  .product-info__title { font-size: 20px; }
  .product-info__price-now { font-size: 26px; }
  .product-info__price-card { padding: 16px; }
  .product-info__trust { padding: 12px; }
  .product-info__trust-icon { width: 32px; height: 32px; font-size: 16px; }
  .product-info__trust-text small { font-size: 10px; }
}
*, ::before, ::after{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x:  ; --tw-pan-y:  ; --tw-pinch-zoom:  ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position:  ; --tw-gradient-via-position:  ; --tw-gradient-to-position:  ; --tw-ordinal:  ; --tw-slashed-zero:  ; --tw-numeric-figure:  ; --tw-numeric-spacing:  ; --tw-numeric-fraction:  ; --tw-ring-inset:  ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, 0.5); --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0); --tw-ring-shadow: 0 0 rgba(0,0,0,0); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); --tw-blur:  ; --tw-brightness:  ; --tw-contrast:  ; --tw-grayscale:  ; --tw-hue-rotate:  ; --tw-invert:  ; --tw-saturate:  ; --tw-sepia:  ; --tw-drop-shadow:  ; --tw-backdrop-blur:  ; --tw-backdrop-brightness:  ; --tw-backdrop-contrast:  ; --tw-backdrop-grayscale:  ; --tw-backdrop-hue-rotate:  ; --tw-backdrop-invert:  ; --tw-backdrop-opacity:  ; --tw-backdrop-saturate:  ; --tw-backdrop-sepia:  ; --tw-contain-size:  ; --tw-contain-layout:  ; --tw-contain-paint:  ; --tw-contain-style:  ; }
::backdrop{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x:  ; --tw-pan-y:  ; --tw-pinch-zoom:  ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position:  ; --tw-gradient-via-position:  ; --tw-gradient-to-position:  ; --tw-ordinal:  ; --tw-slashed-zero:  ; --tw-numeric-figure:  ; --tw-numeric-spacing:  ; --tw-numeric-fraction:  ; --tw-ring-inset:  ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, 0.5); --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0); --tw-ring-shadow: 0 0 rgba(0,0,0,0); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); --tw-blur:  ; --tw-brightness:  ; --tw-contrast:  ; --tw-grayscale:  ; --tw-hue-rotate:  ; --tw-invert:  ; --tw-saturate:  ; --tw-sepia:  ; --tw-drop-shadow:  ; --tw-backdrop-blur:  ; --tw-backdrop-brightness:  ; --tw-backdrop-contrast:  ; --tw-backdrop-grayscale:  ; --tw-backdrop-hue-rotate:  ; --tw-backdrop-invert:  ; --tw-backdrop-opacity:  ; --tw-backdrop-saturate:  ; --tw-backdrop-sepia:  ; --tw-contain-size:  ; --tw-contain-layout:  ; --tw-contain-paint:  ; --tw-contain-style:  ; }
/*
 ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: var(--font-main), -apple-system, BlinkMacSystemFont; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
input:where([type='text']),input:where(:not([type])),input:where([type='email']),input:where([type='url']),input:where([type='password']),input:where([type='number']),input:where([type='date']),input:where([type='datetime-local']),input:where([type='month']),input:where([type='search']),input:where([type='tel']),input:where([type='time']),input:where([type='week']),select:where([multiple]),textarea,select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #6b7280; border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 rgba(0,0,0,0); }
input:where([type='text']):focus, input:where(:not([type])):focus, input:where([type='email']):focus, input:where([type='url']):focus, input:where([type='password']):focus, input:where([type='number']):focus, input:where([type='date']):focus, input:where([type='datetime-local']):focus, input:where([type='month']):focus, input:where([type='search']):focus, input:where([type='tel']):focus, input:where([type='time']):focus, input:where([type='week']):focus, select:where([multiple]):focus, textarea:focus, select:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(1px + 0px) #2563eb, var(--tw-shadow); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: #2563eb; }
input::-moz-placeholder, textarea::-moz-placeholder{ color: #6b7280; opacity: 1; }
input::placeholder,textarea::placeholder{ color: #6b7280; opacity: 1; }
::-webkit-datetime-edit-fields-wrapper{ padding: 0; }
::-webkit-date-and-time-value{ min-height: 1.5em; text-align: inherit; }
::-webkit-datetime-edit{ display: inline-flex; }
::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{ padding-top: 0; padding-bottom: 0; }
select{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
select:where([multiple]),select:where([size]:not([size="1"])){ background-image: none; background-image: initial; background-position: 0 0; background-position: initial; background-repeat: repeat; background-repeat: initial; background-size: auto auto; background-size: initial; padding-right: 0.75rem; -webkit-print-color-adjust: inherit; print-color-adjust: inherit; }
input:where([type='checkbox']),input:where([type='radio']){ -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; -webkit-print-color-adjust: exact; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: #2563eb; background-color: #fff; border-color: #6b7280; border-width: 1px; --tw-shadow: 0 0 rgba(0,0,0,0); }
input:where([type='checkbox']){ border-radius: 0px; }
input:where([type='radio']){ border-radius: 100%; }
input:where([type='checkbox']):focus,input:where([type='radio']):focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(2px + 2px) #2563eb, var(--tw-shadow); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
input:where([type='checkbox']):checked,input:where([type='radio']):checked{ border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; }
input:where([type='checkbox']):checked{ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); }
@media (forced-colors: active) {
 input:where([type='checkbox']):checked{ -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } }
input:where([type='radio']):checked{ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); }
@media (forced-colors: active) {
 input:where([type='radio']):checked{ -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } }
input:where([type='checkbox']):checked:hover,input:where([type='checkbox']):checked:focus,input:where([type='radio']):checked:hover,input:where([type='radio']):checked:focus{ border-color: transparent; background-color: currentColor; }
input:where([type='checkbox']):indeterminate{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; }
@media (forced-colors: active) {
 input:where([type='checkbox']):indeterminate{ -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } }
input:where([type='checkbox']):indeterminate:hover,input:where([type='checkbox']):indeterminate:focus{ border-color: transparent; background-color: currentColor; }
input:where([type='file']){ background: transparent none repeat 0 0 / auto auto padding-box border-box scroll; background: initial; border-color: inherit; border-width: 0; border-radius: 0; padding: 0; font-size: inherit; line-height: inherit; }
input:where([type='file']):focus{ outline: 1px solid ButtonText; outline: 1px auto -webkit-focus-ring-color; }
.\!container{ width: 100% !important; margin-right: auto !important; margin-left: auto !important; padding-right: 10px !important; padding-left: 10px !important; }
.container{ width: 100%; margin-right: auto; margin-left: auto; padding-right: 10px; padding-left: 10px; }
@media (min-width: 1280px){
 .\!container{ max-width: 1280px !important; }
 .container{ max-width: 1280px; } }
.form-input,.form-textarea,.form-select,.form-multiselect{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #6b7280; border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 rgba(0,0,0,0); }
.form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(1px + 0px) #2563eb, var(--tw-shadow); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: #2563eb; }
.form-input::-moz-placeholder, .form-textarea::-moz-placeholder{ color: #6b7280; opacity: 1; }
.form-input::placeholder,.form-textarea::placeholder{ color: #6b7280; opacity: 1; }
.form-input::-webkit-datetime-edit-fields-wrapper{ padding: 0; }
.form-input::-webkit-date-and-time-value{ min-height: 1.5em; text-align: inherit; }
.form-input::-webkit-datetime-edit{ display: inline-flex; }
.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field{ padding-top: 0; padding-bottom: 0; }
.sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }
.pointer-events-none{ pointer-events: none; }
.visible{ visibility: visible; }
.static{ position: static; }
.fixed{ position: fixed; }
.absolute{ position: absolute; }
.relative{ position: relative; }
.sticky{ position: sticky; }
.inset-0{ top: 0px; right: 0px; bottom: 0px; left: 0px; }
.bottom-0{ bottom: 0px; }
.bottom-1{ bottom: 0.25rem; }
.left-0{ left: 0px; }
.right-0{ right: 0px; }
.top-0{ top: 0px; }
.top-2{ top: 0.5rem; }
.top-24{ top: 6rem; }
.top-full{ top: 100%; }
.-z-1{ z-index: -1; }
.z-10{ z-index: 10; }
.z-20{ z-index: 20; }
.z-50{ z-index: 50; }
.col-span-2{ grid-column: span 2 / span 2; }
.m-0{ margin: 0px; }
.m-8{ margin: 2rem; }
.mx-1\.5{ margin-left: 0.375rem; margin-right: 0.375rem; }
.mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; }
.-mb-52{ margin-bottom: -13rem; }
.-mt-62{ margin-top: -248px; }
.mb-0{ margin-bottom: 0px; }
.mb-1{ margin-bottom: 0.25rem; }
.mb-1\.5{ margin-bottom: 0.375rem; }
.mb-10{ margin-bottom: 2.5rem; }
.mb-12{ margin-bottom: 3rem; }
.mb-2{ margin-bottom: 0.5rem; }
.mb-2\.5{ margin-bottom: 0.625rem; }
.mb-20{ margin-bottom: 5rem; }
.mb-3{ margin-bottom: 0.75rem; }
.mb-3\.5{ margin-bottom: 0.875rem; }
.mb-4{ margin-bottom: 1rem; }
.mb-40{ margin-bottom: 10rem; }
.mb-5{ margin-bottom: 1.25rem; }
.mb-6{ margin-bottom: 1.5rem; }
.mb-8{ margin-bottom: 2rem; }
.me-2\.5{ margin-right: 0.625rem; }
.ml-4{ margin-left: 1rem; }
.mr-1{ margin-right: 0.25rem; }
.mr-2{ margin-right: 0.5rem; }
.mt-1{ margin-top: 0.25rem; }
.mt-10{ margin-top: 2.5rem; }
.mt-16{ margin-top: 4rem; }
.mt-2{ margin-top: 0.5rem; }
.mt-3{ margin-top: 0.75rem; }
.mt-4{ margin-top: 1rem; }
.mt-5{ margin-top: 1.25rem; }
.mt-6{ margin-top: 1.5rem; }
.line-clamp-1{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.line-clamp-2{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.block{ display: block; }
.inline-block{ display: inline-block; }
.inline{ display: inline; }
.flex{ display: flex; }
.inline-flex{ display: inline-flex; }
.table{ display: table; }
.flow-root{ display: flow-root; }
.\!grid{ display: grid !important; }
.grid{ display: grid; }
.\!hidden{ display: none !important; }
.hidden{ display: none; }
.\!h-36{ height: 9rem !important; }
.h-10{ height: 2.5rem; }
.h-12{ height: 3rem; }
.h-14{ height: 3.5rem; }
.h-16{ height: 4rem; }
.h-20{ height: 5rem; }
.h-24{ height: 6rem; }
.h-40{ height: 10rem; }
.h-52{ height: 13rem; }
.h-56{ height: 14rem; }
.h-6{ height: 1.5rem; }
.h-62{ height: 248px; }
.h-7{ height: 1.75rem; }
.h-80{ height: 20rem; }
.h-\[300px\]{ height: 300px; }
.h-\[34px\]{ height: 34px; }
.h-\[calc\(100\%-1rem\)\]{ height: calc(100% - 1rem); }
.h-banner{ height: 200px; }
.h-full{ height: 100%; }
.h-lg-banner{ height: 428px; }
.h-px{ height: 1px; }
.max-h-8{ max-height: 2rem; }
.max-h-\[300px\]{ max-height: 300px; }
.max-h-full{ max-height: 100%; }
.min-h-\[300px\]{ min-height: 300px; }
.min-h-\[34px\]{ min-height: 34px; }
.min-h-full{ min-height: 100%; }
.min-h-screen{ min-height: 100vh; }
.\!w-36{ width: 9rem !important; }
.\!w-\[160px\]{ width: 160px !important; }
.w-10{ width: 2.5rem; }
.w-100{ width: 28rem; }
.w-12{ width: 3rem; }
.w-16{ width: 4rem; }
.w-18{ width: 4.5rem; }
.w-20{ width: 5rem; }
.w-24{ width: 6rem; }
.w-4\/6{ width: 66.666667%; }
.w-40{ width: 10rem; }
.w-56{ width: 14rem; }
.w-6{ width: 1.5rem; }
.w-7{ width: 1.75rem; }
.w-full{ width: 100%; }
.min-w-0{ min-width: 0px; }
.min-w-full{ min-width: 100%; }
.max-w-16{ max-width: 4rem; }
.max-w-2xl{ max-width: 42rem; }
.max-w-3xl{ max-width: 48rem; }
.max-w-lg{ max-width: 32rem; }
.max-w-xs{ max-width: 20rem; }
.flex-1{ flex: 1 1 0%; }
.flex-none{ flex: none; }
.flex-shrink-0{ flex-shrink: 0; }
.shrink-0{ flex-shrink: 0; }
.flex-grow{ flex-grow: 1; }
.table-fixed{ table-layout: fixed; }
.translate-y-0{ --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-y-3{ --tw-translate-y: 0.75rem; transform: translate(var(--tw-translate-x), 0.75rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-y-4{ --tw-translate-y: 1rem; transform: translate(var(--tw-translate-x), 1rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.cursor-pointer{ cursor: pointer; }
.resize{ resize: both; }
.grid-flow-row{ grid-auto-flow: row; }
.grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
.grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.flex-row{ flex-direction: row; }
.flex-row-reverse{ flex-direction: row-reverse; }
.flex-col{ flex-direction: column; }
.flex-wrap{ flex-wrap: wrap; }
.content-center{ align-content: center; }
.items-start{ align-items: flex-start; }
.items-center{ align-items: center; }
.items-baseline{ align-items: baseline; }
.justify-start{ justify-content: flex-start; }
.justify-end{ justify-content: flex-end; }
.justify-center{ justify-content: center; }
.justify-between{ justify-content: space-between; }
.justify-around{ justify-content: space-around; }
.gap-1{ gap: 0.25rem; }
.gap-2{ gap: 0.5rem; }
.gap-2\.5{ gap: 0.625rem; }
.gap-3{ gap: 0.75rem; }
.gap-4{ gap: 1rem; }
.gap-8{ gap: 2rem; }
.space-x-1 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.25rem * 0); margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * (1 - 0)); margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.25rem * calc(1 - 0)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); }
.space-x-1\.5 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.375rem * 0); margin-right: calc(0.375rem * var(--tw-space-x-reverse)); margin-left: calc(0.375rem * (1 - 0)); margin-left: calc(0.375rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.375rem * calc(1 - 0)); margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse))); }
.space-x-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.5rem * 0); margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * (1 - 0)); margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.5rem * calc(1 - 0)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); }
.space-x-2\.5 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.625rem * 0); margin-right: calc(0.625rem * var(--tw-space-x-reverse)); margin-left: calc(0.625rem * (1 - 0)); margin-left: calc(0.625rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.625rem * calc(1 - 0)); margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse))); }
.space-x-3 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.75rem * 0); margin-right: calc(0.75rem * var(--tw-space-x-reverse)); margin-left: calc(0.75rem * (1 - 0)); margin-left: calc(0.75rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.75rem * calc(1 - 0)); margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); }
.space-x-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1rem * 0); margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * (1 - 0)); margin-left: calc(1rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(1rem * calc(1 - 0)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); }
.space-x-5 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1.25rem * 0); margin-right: calc(1.25rem * var(--tw-space-x-reverse)); margin-left: calc(1.25rem * (1 - 0)); margin-left: calc(1.25rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(1.25rem * calc(1 - 0)); margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); }
.space-x-6 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1.5rem * 0); margin-right: calc(1.5rem * var(--tw-space-x-reverse)); margin-left: calc(1.5rem * (1 - 0)); margin-left: calc(1.5rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(1.5rem * calc(1 - 0)); margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); }
.space-y-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1rem * (1 - 0)); margin-top: calc(1rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(1rem * calc(1 - 0)); margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * 0); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); }
.space-y-5 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1.25rem * (1 - 0)); margin-top: calc(1.25rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(1.25rem * calc(1 - 0)); margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * 0); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); }
.space-y-8 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(2rem * (1 - 0)); margin-top: calc(2rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(2rem * calc(1 - 0)); margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * 0); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); }
.space-y-px > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1px * (1 - 0)); margin-top: calc(1px * (1 - var(--tw-space-y-reverse))); margin-top: calc(1px * calc(1 - 0)); margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1px * 0); margin-bottom: calc(1px * var(--tw-space-y-reverse)); }
.divide-y > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * (1 - 0)); border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse))); border-top-width: calc(1px * calc(1 - 0)); border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * 0); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); }
.overflow-auto{ overflow: auto; }
.overflow-hidden{ overflow: hidden; }
.overflow-x-hidden{ overflow-x: hidden; }
.truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.text-ellipsis{ text-overflow: ellipsis; }
.whitespace-nowrap{ white-space: nowrap; }
.break-all{ word-break: break-all; }
.\!rounded-3xl{ border-radius: 1.5rem !important; }
.rounded{ border-radius: .75rem; }
.rounded-3xl{ border-radius: 1.5rem; }
.rounded-full{ border-radius: 9999px; }
.rounded-large{ border-radius: 22px; }
.rounded-lg{ border-radius: 0.5rem; }
.rounded-md{ border-radius: 0.375rem; }
.rounded-b-none{ border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.rounded-t-md{ border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; }
.border{ border-width: 1px; }
.border-b{ border-bottom-width: 1px; }
.border-b-\[1px\]{ border-bottom-width: 1px; }
.border-l{ border-left-width: 1px; }
.border-t{ border-top-width: 1px; }
.border-blue-200{ --tw-border-opacity: 1; border-color: rgba(191, 219, 254, 1); border-color: rgba(191, 219, 254, var(--tw-border-opacity, 1)); }
.border-gray-100{ --tw-border-opacity: 1; border-color: rgba(243, 244, 246, 1); border-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); }
.border-gray-200{ --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); }
.border-green-300{ --tw-border-opacity: 1; border-color: rgba(134, 239, 172, 1); border-color: rgba(134, 239, 172, var(--tw-border-opacity, 1)); }
.border-primary{ border-color: #414042; border-color: var(--color-primary); }
.bg-black{ --tw-bg-opacity: 1; background-color: rgba(0, 0, 0, 1); background-color: rgba(0, 0, 0, var(--tw-bg-opacity, 1)); }
.bg-blue-50{ --tw-bg-opacity: 1; background-color: rgba(239, 246, 255, 1); background-color: rgba(239, 246, 255, var(--tw-bg-opacity, 1)); }
.bg-dark{ --tw-bg-opacity: 1; background-color: rgba(29, 31, 31, 1); background-color: rgba(29, 31, 31, var(--tw-bg-opacity, 1)); }
.bg-gray-100{ --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); }
.bg-gray-50{ --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); }
.bg-green-50{ --tw-bg-opacity: 1; background-color: rgba(240, 253, 244, 1); background-color: rgba(240, 253, 244, var(--tw-bg-opacity, 1)); }
.bg-primary{ background-color: #414042; background-color: var(--color-primary); }
.bg-white{ --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); }
.bg-cover{ background-size: cover; }
.bg-center{ background-position: center; }
.bg-no-repeat{ background-repeat: no-repeat; }
.fill-current{ fill: currentColor; }
.object-contain{ -o-object-fit: contain; object-fit: contain; }
.object-cover{ -o-object-fit: cover; object-fit: cover; }
.\!p-0{ padding: 0px !important; }
.p-2\.5{ padding: 0.625rem; }
.p-3{ padding: 0.75rem; }
.p-4{ padding: 1rem; }
.p-5{ padding: 1.25rem; }
.p-6{ padding: 1.5rem; }
.p-8{ padding: 2rem; }
.\!py-1\.5{ padding-top: 0.375rem !important; padding-bottom: 0.375rem !important; }
.px-1{ padding-left: 0.25rem; padding-right: 0.25rem; }
.px-2{ padding-left: 0.5rem; padding-right: 0.5rem; }
.px-2\.5{ padding-left: 0.625rem; padding-right: 0.625rem; }
.px-3{ padding-left: 0.75rem; padding-right: 0.75rem; }
.px-4{ padding-left: 1rem; padding-right: 1rem; }
.px-5{ padding-left: 1.25rem; padding-right: 1.25rem; }
.px-8{ padding-left: 2rem; padding-right: 2rem; }
.py-1{ padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-1\.5{ padding-top: 0.375rem; padding-bottom: 0.375rem; }
.py-2{ padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-2\.5{ padding-top: 0.625rem; padding-bottom: 0.625rem; }
.py-3{ padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-3\.5{ padding-top: 0.875rem; padding-bottom: 0.875rem; }
.py-4{ padding-top: 1rem; padding-bottom: 1rem; }
.py-5{ padding-top: 1.25rem; padding-bottom: 1.25rem; }
.\!pt-1{ padding-top: 0.25rem !important; }
.pb-1{ padding-bottom: 0.25rem; }
.pb-10{ padding-bottom: 2.5rem; }
.pb-11{ padding-bottom: 2.75rem; }
.pb-16{ padding-bottom: 4rem; }
.pb-4{ padding-bottom: 1rem; }
.pb-5{ padding-bottom: 1.25rem; }
.pb-6{ padding-bottom: 1.5rem; }
.pb-7{ padding-bottom: 1.75rem; }
.pb-8{ padding-bottom: 2rem; }
.pl-5{ padding-left: 1.25rem; }
.pr-14{ padding-right: 3.5rem; }
.pt-0{ padding-top: 0px; }
.pt-1{ padding-top: 0.25rem; }
.pt-16{ padding-top: 4rem; }
.pt-2{ padding-top: 0.5rem; }
.pt-24{ padding-top: 6rem; }
.pt-3{ padding-top: 0.75rem; }
.pt-4{ padding-top: 1rem; }
.pt-5{ padding-top: 1.25rem; }
.pt-6{ padding-top: 1.5rem; }
.pt-8{ padding-top: 2rem; }
.text-center{ text-align: center; }
.text-start{ text-align: left; }
.text-end{ text-align: right; }
.text-2xl{ font-size: 1.5rem; line-height: 2rem; }
.text-3xl{ font-size: 1.875rem; line-height: 2.25rem; }
.text-6xl{ font-size: 3.75rem; line-height: 1; }
.text-7xl{ font-size: 4.5rem; line-height: 1; }
.text-base{ font-size: 1rem; line-height: 1.5rem; }
.text-lg{ font-size: 1.125rem; line-height: 1.75rem; }
.text-sm{ font-size: 0.875rem; line-height: 1.25rem; }
.text-xl{ font-size: 1.25rem; line-height: 1.75rem; }
.text-xs{ font-size: 0.75rem; line-height: 1rem; }
.font-bold{ font-weight: 700; }
.font-medium{ font-weight: 500; }
.font-normal{ font-weight: 400; }
.font-semibold{ font-weight: 600; }
.leading-10{ line-height: 2.5rem; }
.leading-12{ line-height: 3rem; }
.leading-5{ line-height: 1.25rem; }
.leading-6{ line-height: 1.5rem; }
.leading-7{ line-height: 1.75rem; }
.leading-8{ line-height: 2rem; }
.leading-none{ line-height: 1; }
.leading-normal{ line-height: 1.5; }
.leading-tight{ line-height: 1.25; }
.\!text-primary{ color: #414042 !important; color: var(--color-primary) !important; }
.\!text-white{ --tw-text-opacity: 1 !important; color: rgba(255, 255, 255, 1) !important; color: rgba(255, 255, 255, var(--tw-text-opacity, 1)) !important; }
.text-amber-400{ --tw-text-opacity: 1; color: rgba(251, 191, 36, 1); color: rgba(251, 191, 36, var(--tw-text-opacity, 1)); }
.text-blue-500{ --tw-text-opacity: 1; color: rgba(59, 130, 246, 1); color: rgba(59, 130, 246, var(--tw-text-opacity, 1)); }
.text-danger{ --tw-text-opacity: 1; color: rgba(174, 10, 10, 1); color: rgba(174, 10, 10, var(--tw-text-opacity, 1)); }
.text-dark{ --tw-text-opacity: 1; color: rgba(29, 31, 31, 1); color: rgba(29, 31, 31, var(--tw-text-opacity, 1)); }
.text-gray-400{ --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.text-gray-500{ --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.text-gray-600{ --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); }
.text-gray-800{ --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
.text-gray-900{ --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.text-green-500{ --tw-text-opacity: 1; color: rgba(34, 197, 94, 1); color: rgba(34, 197, 94, var(--tw-text-opacity, 1)); }
.text-primary{ color: #414042; color: var(--color-primary); }
.text-primary-reverse{ color: #ff6767; color: var(--color-primary-reverse); }
.text-red-400{ --tw-text-opacity: 1; color: rgba(248, 113, 113, 1); color: rgba(248, 113, 113, var(--tw-text-opacity, 1)); }
.text-red-500{ --tw-text-opacity: 1; color: rgba(239, 68, 68, 1); color: rgba(239, 68, 68, var(--tw-text-opacity, 1)); }
.text-red-600{ --tw-text-opacity: 1; color: rgba(220, 38, 38, 1); color: rgba(220, 38, 38, var(--tw-text-opacity, 1)); }
.text-white{ --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.underline{ text-decoration-line: underline; }
.line-through{ text-decoration-line: line-through; }
.opacity-0{ opacity: 0; }
.opacity-100{ opacity: 1; }
.opacity-40{ opacity: 0.4; }
.opacity-50{ opacity: 0.5; }
.opacity-60{ opacity: 0.6; }
.shadow{ --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.shadow-md{ --tw-shadow: 5px 10px 99px rgba(43,45,52,0.05098); --tw-shadow-colored: 5px 10px 99px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 5px 10px 99px rgba(43,45,52,0.05098); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.outline{ outline-style: solid; }
.filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-all{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-colors{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-shadow{ transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.duration-300{ transition-duration: 300ms; }
.duration-500{ transition-duration: 500ms; }
.ease-in-out{ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
.s-hidden{ display: none; }
.s-has-error{ --tw-border-opacity: 1; border-color: rgba(248, 113, 113, 1); border-color: rgba(248, 113, 113, var(--tw-border-opacity, 1)); }
.s-has-error:focus{ --tw-border-opacity: 1; border-color: rgba(239, 68, 68, 1); border-color: rgba(239, 68, 68, var(--tw-border-opacity, 1)); }
.rounded-icon{ display: flex; height: 4rem; width: 4rem; align-items: center; justify-content: center; border-radius: 9999px; font-size: 1.875rem; line-height: 2.25rem; }
.form-input{ height: 2.5rem; width: 100%; border-radius: 0.375rem; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.form-input:focus{ border-color: #414042; border-color: var(--color-primary); --tw-ring-color: transparent; }
.dark *.form-input{ --tw-border-opacity: 1; border-color: rgba(75, 85, 99, 1); border-color: rgba(75, 85, 99, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(75, 85, 99, 1); background-color: rgba(75, 85, 99, var(--tw-bg-opacity, 1)); }
.dark .form-input:focus{ border-color: #414042; border-color: var(--color-primary); }
@media (min-width: 640px){
 .form-input{ font-size: 0.875rem; line-height: 1.25rem; } }
.\!btn{ display: inline-flex; flex: 1 1 0%; align-items: center; justify-content: center; white-space: nowrap; border-radius: 0.375rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 0.625rem; padding-top: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.account-main > h1.\!btn {
  display: none;
}
.\!btn:hover{ opacity: 0.8; }
.btn{ display: inline-flex; flex: 1 1 0%; align-items: center; justify-content: center; white-space: nowrap; border-radius: 0.375rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 0.625rem; padding-top: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.account-main > h1.btn {
  display: none;
}
.btn:hover{ opacity: 0.8; }
.form-label{ margin-bottom: 0.25rem; display: block; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.spinner-loader.reverse{ border-right-color: #9f7171 !important; }
.spinner-loader.reverse{ background-color: #f98181; }
.has-error .s-form-label{ color: #ff443a; }
.has-error .s-form-control, .has-error .s-tel-input-control, .has-error .s-datetime-picker-input{ border-color: #ff443a; color: #ff443a; }
.toggle-checkbox .s-toggle-switcher{ display: inline-block; background: #ccc; border-radius: 16px; width: 40px; height: 25px; position: relative; vertical-align: middle; transition: background 0.25s; }
.toggle-checkbox .s-toggle-switcher:before,.toggle-checkbox .s-toggle-switcher:after{ content: ""; }
.toggle-checkbox .s-toggle-switcher:before{ display: block; background: #fff; border-radius: 50%; box-shadow: 0 0 0 1px rgba(0,0,0,0.25); width: 20px; height: 21px; position: absolute; top: 2.2px; left: 1px; transition: left 0.25s; }
.s-has-error{ --tw-border-opacity: 1 !important; border-color: rgba(239, 68, 68, 1) !important; border-color: rgba(239, 68, 68, var(--tw-border-opacity, 1)) !important; --tw-text-opacity: 1 !important; color: rgba(239, 68, 68, 1) !important; color: rgba(239, 68, 68, var(--tw-text-opacity, 1)) !important; }
.s-ltr{ direction: ltr; }
.s-input{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #6b7280; border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 rgba(0,0,0,0); }
.s-input:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(1px + 0px) #2563eb, var(--tw-shadow); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: #2563eb; }
.s-input::-moz-placeholder{ color: #6b7280; opacity: 1; }
.s-input::placeholder{ color: #6b7280; opacity: 1; }
.s-input::-webkit-datetime-edit-fields-wrapper{ padding: 0; }
.s-input::-webkit-date-and-time-value{ min-height: 1.5em; text-align: inherit; }
.s-input::-webkit-datetime-edit{ display: inline-flex; }
.s-input::-webkit-datetime-edit,.s-input::-webkit-datetime-edit-year-field,.s-input::-webkit-datetime-edit-month-field,.s-input::-webkit-datetime-edit-day-field,.s-input::-webkit-datetime-edit-hour-field,.s-input::-webkit-datetime-edit-minute-field,.s-input::-webkit-datetime-edit-second-field,.s-input::-webkit-datetime-edit-millisecond-field,.s-input::-webkit-datetime-edit-meridiem-field{ padding-top: 0; padding-bottom: 0; }
.s-input{ -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 2.5rem; width: 100%; border-radius: 0.375rem; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.s-input:focus{ border-color: #414042; border-color: var(--color-primary); --tw-ring-color: transparent; }
.dark *.s-input{ --tw-border-opacity: 1; border-color: rgba(75, 85, 99, 1); border-color: rgba(75, 85, 99, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(75, 85, 99, 1); background-color: rgba(75, 85, 99, var(--tw-bg-opacity, 1)); }
.dark .s-input:focus{ border-color: #414042; border-color: var(--color-primary); }
@media (min-width: 640px){
 .s-input{ font-size: 0.875rem; line-height: 1.25rem; } }
.s-cart-coupons-coupon-input-container .s-input{ height: auto; flex: 1 1 0%; }
.s-cart-coupons-coupon-input-container .s-input:where([dir="ltr"], [dir="ltr"] *){ border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; }
.s-cart-coupons-coupon-input-container .s-input:where([dir="ltr"], [dir="ltr"] *){ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-right-width: 0px; }
.s-cart-coupons-coupon-input-container .s-input:where([dir="rtl"], [dir="rtl"] *){ border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; }
.s-cart-coupons-coupon-input-container .s-input:where([dir="rtl"], [dir="rtl"] *){ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-left-width: 0px; }
.s-cart-coupons-coupon-input-container .s-input:focus{ position: relative; z-index: 10; }
.s-cart-coupons-coupon-input-container .s-input.s-coupon-input-error{ --tw-shadow: 0 0 0 3px rgba(239,68,68,0.1) !important; --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color) !important; box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 0 3px rgba(239,68,68,0.1) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important; }

.account-form .s-input {
  display: block;
  width: 100%;
  height: 48px;
  min-height: 48px;
  border: 1px solid var(--acct-border);
  border-radius: var(--acct-radius-sm);
  background: #fff;
  color: var(--acct-fg);
  font-size: 14px;
  box-sizing: border-box;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
  overflow: hidden; /* hide any stray border drawn by the shadow DOM */
}

.account-form input.s-input,
.account-form select.s-input { /* center the text inside the 48px box */
  padding: 0 14px;
  line-height: 46px; /* center the text inside the 48px box */
}

.account-form input.s-input:focus,
.account-form select.s-input:focus {
  outline: none;
  border-color: var(--acct-brand);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--acct-brand) 15%, transparent);
}

[dir="rtl"] .account-form .s-input {
  text-align: right;
  direction: rtl;
}

[dir="ltr"] .account-form .s-input {
  text-align: left;
  direction: ltr;
}
.s-input{ height: 2.5rem; width: 100%; border-radius: 0.375rem; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); font-size: 0.875rem; line-height: 1.25rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.s-input:focus{ border-color: #414042; border-color: var(--color-primary); --tw-ring-color: transparent; }
.dark *.s-input{ --tw-border-opacity: 1; border-color: rgba(75, 85, 99, 1); border-color: rgba(75, 85, 99, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(75, 85, 99, 1); background-color: rgba(75, 85, 99, var(--tw-bg-opacity, 1)); }
.dark .s-input:focus{ border-color: #414042; border-color: var(--color-primary); }
.s-input {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
textarea.s-input{ height: 6rem; }
.s-hidden{ display: none; }
.s-block{ display: block; }
.s-form-control{ display: block; width: 100%; border-radius: .75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(209, 213, 219, 1); border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.s-form-control:focus{ border-color: #414042; border-color: var(--color-primary); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); }
.s-form-label{ margin-bottom: 0.25rem; display: block; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.product-info .sticky-product-bar__quantity .s-form-label {
  font-size: 13px;
  font-weight: 700;
  color: var(--pi-fg);
  margin: 0;
}
.s-form-label{ margin-bottom: 0.625rem; display: block; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.account-main > h1.s-form-label {
  display: none;
}
@media (min-width: 640px){
 .s-form-label{ margin-top: 1px; } }
@media (min-width: 768px){
 .s-form-label{ margin-bottom: 0px; } }
@media (max-width: 640px) {
  
  .is-sticky-product-bar .sticky-product-bar .s-form-label{ display: none; }
}
.s-form-group{ margin-top: 0.75rem; margin-bottom: 0.75rem; }
.s-checkbox{ cursor: pointer; --tw-border-opacity: 1; border-color: rgba(209, 213, 219, 1); border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1)); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; margin: 0; width: 18px; height: 18px; border-width: 1px; border-radius: 4px; display: grid; align-content: center; justify-content: center; place-content: center; }
.s-checkbox:before{ content: ; width: 10px; height: 10px; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); transform: scale(0); transform-origin: bottom left; transition: 120ms transform ease-in-out; box-shadow: inset 1em 1em #444; background-color: #444; }
.s-checkbox:checked:before{ transform: scale(1); }
.s-checkbox * {
  pointer-events: none;
}
.s-checkbox::before{ --tw-content: ''; content: ''; content: var(--tw-content); }
.s-font-default{ margin-top: 0.75rem; margin-bottom: 0.75rem; font-family: var(--font-main), -apple-system, BlinkMacSystemFont; }
.s-form-has-error .s-form-label{ color: #ff443a; }
.s-form-has-error .s-form-control,.s-form-has-error .s-tel-input-control,.s-form-has-error .s-datetime-picker-input{ border-color: #ff443a; color: #ff443a; }
.s-verify-codes.s-form-has-error{ margin-bottom: 0px; }
.s-form-has-error{ --tw-border-opacity: 1; border-color: rgba(248, 113, 113, 1); border-color: rgba(248, 113, 113, var(--tw-border-opacity, 1)); }
.s-form-has-error:focus{ --tw-border-opacity: 1; border-color: rgba(239, 68, 68, 1); border-color: rgba(239, 68, 68, var(--tw-border-opacity, 1)); }
.text-danger{ --tw-text-opacity: 1; color: rgba(239, 68, 68, 1); color: rgba(239, 68, 68, var(--tw-text-opacity, 1)); }
.s-scrollbar::-webkit-scrollbar{ width: 5px; }
.s-scrollbar::-webkit-scrollbar-track{ background-color: #eee; }
.s-scrollbar::-webkit-scrollbar-thumb{ background-color: #414042; background-color: var(--color-primary); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.s-toggle{ cursor: pointer; display: inline-block; }
.s-toggle .s-toggle-input{ position: absolute; visibility: hidden; }
.s-toggle .s-toggle-label{ margin-left: 5px; position: relative; top: 2px; }
.s-toggle .s-toggle-switcher{ display: inline-block; background: #ccc; border-radius: 16px; width: 40px; height: 25px; position: relative; vertical-align: middle; transition: background 0.25s; }
.s-toggle .s-toggle-switcher:before,.s-toggle .s-toggle-switcher:after{ content: ""; }
.s-toggle .s-toggle-switcher:before{ display: block; background: #fff; border-radius: 50%; box-shadow: 0 0 0 1px rgba(0,0,0,0.25); width: 20px; height: 21px; position: absolute; top: 2.2px; left: 1px; transition: left 0.25s; }
.s-toggle .s-toggle-input:checked + div{ background: #30D158; }
.s-toggle .s-toggle-input:checked + div:before{ left: 18px; }
.s-accordion-wrapper{ display: flex; height: auto; width: 100%; flex-direction: column; align-items: flex-start; justify-content: flex-start; border-radius: 0.5rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); outline: 2px solid transparent; outline-offset: 0px; }
.s-accordion-wrapper-bordered{ border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); }
.s-accordion-head-wrapper{ display: flex; width: 100%; cursor: pointer; align-items: center; justify-content: space-between; gap: 0.5rem; border-radius: .75rem; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; padding: 1rem; }
.s-accordion-head-wrapper * {
  pointer-events: none;
}
@media (min-width: 768px){
 .s-accordion-head-wrapper{ padding-left: 1.2rem; padding-right: 1.2rem; padding-bottom: 1rem; } }
.s-accordion-wrapper[collapsible='false'] .s-accordion-head-wrapper{ cursor: auto; }
.s-accordion-head-wrapper-start{ display: flex; flex: 1 1 0%; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 0.5rem; text-align: left; font-size: 1.1rem; }
.s-accordion-head-wrapper-start:where([dir="ltr"], [dir="ltr"] *){ text-align: left; }
.s-accordion-head-wrapper-start:where([dir="rtl"], [dir="rtl"] *){ text-align: right; }
@media (min-width: 1024px){
 .s-accordion-head-wrapper-start{ flex-direction: row; align-items: center; } }
.s-accordion-head-wrapper-end{ display: flex; align-items: center; justify-content: center; gap: 0.5rem; flex-shrink: 0; }
.cart-totals-row-wrapper .s-accordion-head-wrapper-end {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-accordion-head-wrapper-end {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-accordion-head-wrapper-end {
  text-align: right;
}
@media (min-width: 1024px){
 .s-accordion-head-wrapper-end{ gap: 1rem; } }
.s-accordion-head-wrapper [slot='progress']{ display: flex; flex: 1 1 0%; align-items: center; justify-content: flex-start; gap: 0.5rem; text-align: left; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-accordion-head-wrapper [slot='progress']:where([dir="ltr"], [dir="ltr"] *){ text-align: left; }
.s-accordion-head-wrapper [slot='progress']:where([dir="rtl"], [dir="rtl"] *){ text-align: right; }
.s-accordion-head-wrapper [slot='note']{ display: flex; align-items: center; justify-content: center; gap: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); flex-shrink: 0; }
.cart-totals-row-wrapper .s-accordion-head-wrapper [slot='note'] {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-accordion-head-wrapper [slot='note'] {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-accordion-head-wrapper [slot='note'] {
  text-align: right;
}
.s-accordion-head-wrapper-toggle{ display: flex; height: 1.8rem; width: 1.8rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); align-items: center; justify-content: center; border-radius: 9999px; border-width: 1px; font-size: 1.125rem; line-height: 1.75rem; color: #414042; color: var(--color-primary); transition-property: all; transition-duration: 150ms; transition-duration: var(--transition-duration); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); flex-shrink: 0; }
.cart-totals-row-wrapper .s-accordion-head-wrapper-toggle {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-accordion-head-wrapper-toggle {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-accordion-head-wrapper-toggle {
  text-align: right;
}
.s-accordion-head-wrapper-toggle:hover{ --tw-border-opacity: 1; border-color: rgba(243, 244, 246, 1); border-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); }
.s-accordion-head-wrapper-toggle:active{ --tw-border-opacity: 1; border-color: rgba(243, 244, 246, 1); border-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); }
@media (min-width: 1024px){
 .s-accordion-head-wrapper-toggle{ height: 2.625rem; width: 2.625rem; } }
.s-accordion-head-wrapper-toggle.active{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-color: #414042; border-color: var(--color-primary); background-color: #414042; background-color: var(--color-primary); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.s-accordion-head-wrapper-toggle.\!active{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-color: #414042; border-color: var(--color-primary); background-color: #414042; background-color: var(--color-primary); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.s-accordion-head-wrapper-toggle svg{ fill: #414042; fill: var(--color-primary); }
.s-accordion-head-wrapper-toggle.active svg{ fill: #fff; }
.s-accordion-head-wrapper-toggle.\!active svg{ fill: #fff; }
.s-accordion-head-wrapper-toggle-icon svg{ width: 0.75rem; }
@media (min-width: 1024px){
 .s-accordion-head-wrapper-toggle-icon svg{ width: 1rem; } }
.s-accordion-body-wrapper{ visibility: visible; position: relative; display: block; height: 100%; max-height: 1000px; width: 100%; border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; padding: 1rem; opacity: 1; transition-property: all; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; }
.s-accordion-body-wrapper .tooltip-content {
  visibility: visible;
  opacity: 1;
  transform: translate(82px, -110px);
}
[dir=rtl] .icon-trigger.s-accordion-body-wrapper .tooltip-content {
  transform: translate(53px, -63px);
}
[dir=ltr] .icon-trigger.s-accordion-body-wrapper .tooltip-content {
  transform: translate(-54px, -65px);
}
@media (max-width: 991px) {
  [dir=rtl] .icon-trigger.mobile-shifted.s-accordion-body-wrapper .tooltip-content {
    transform: translate(70px, -80px);
  }
  [dir=ltr] .icon-trigger.mobile-shifted.s-accordion-body-wrapper .tooltip-content {
    transform: translate(-70px, -80px);
  }
}
@media (min-width: 768px){
 .s-accordion-body-wrapper{ padding: 1.714rem; padding-top: 1rem; } }
.s-accordion-body-wrapper[data-collapsed='true']{ visibility: hidden; max-height: 0px; padding-top: 0px; padding-bottom: 0px; opacity: 0; }
.s-accordion-body-wrapper[data-collapsed='true'] slot{ display: none; }
.s-accordion-wrapper.size-sm .s-accordion-head-wrapper-toggle{ height: 1.9rem; width: 1.9rem; }
.s-accordion-wrapper.size-sm .s-accordion-head-wrapper-toggle-icon svg{ width: 0.625rem; }
.s-add-product-button-with-quick-buy{ display: flex; }
@media (min-width: 640px){
 .s-add-product-button-with-quick-buy{ flex-direction: column; } }
.s-add-product-button-with-quick-buy:not(.s-add-product-button-with-sticky-bar){ flex-direction: column !important; }
.s-add-product-button-main{ display: flex; width: 66.666667%; -moz-column-gap: 0.375rem; column-gap: 0.375rem; }
@media (min-width: 640px){
 .s-add-product-button-main{ width: 100%; -moz-column-gap: 0.625rem; column-gap: 0.625rem; } }
.s-add-product-button-with-sticky-bar salla-quick-buy{ width: 33.333333%; }
@media (min-width: 640px){
 .s-add-product-button-with-sticky-bar salla-quick-buy{ width: 100%; } }
.s-add-product-button-with-quick-buy:not(.s-add-product-button-with-sticky-bar) .s-add-product-button-main{ width: 100%; }
.s-add-product-button-with-quick-buy:not(.s-add-product-button-with-apple-pay) .s-add-product-button-main{ width: 100%; }
.s-add-product-button-main:not(.w-full) > salla-button{ width: 50% !important; }
.s-add-product-button-main .s-add-product-button-mini-checkout{ --salla-fast-checkout-button-border-radius: .75rem; width: 50%; }
.s-add-product-button-with-sticky-bar{ width: 100% !important; }
@media (min-width: 640px){
 .s-add-product-button-with-sticky-bar{ width: auto; } }
.s-add-product-button-with-apple-pay{ -moz-column-gap: 0.375rem; column-gap: 0.375rem; }
@media (min-width: 640px){
 .s-add-product-button-with-apple-pay{ -moz-column-gap: normal; column-gap: normal; -moz-column-gap: initial; column-gap: initial; } }
.s-add-product-button-with-apple-pay:not(.s-add-product-button-with-sticky-bar) salla-quick-buy apple-pay-button{ margin-top: 0.625rem; }
.s-add-product-button-with-sticky-bar salla-quick-buy .s-quick-buy-button .s-button-text span{ display: none; }
@media (min-width: 768px){
 .s-add-product-button-with-sticky-bar salla-quick-buy .s-quick-buy-button .s-button-text span{ display: block; } }
.s-add-product-button-mini-checkout-content{ display: flex; flex-shrink: 0; align-items: center; white-space: nowrap; font-size: .8rem; }
@media (min-width: 640px){
 .s-add-product-button-mini-checkout-content{ font-size: 0.875rem; line-height: 1.25rem; } }
.s-add-product-button-mini-checkout-content:where([dir="rtl"], [dir="rtl"] *){ flex-direction: row-reverse; }
.s-add-product-button-mini-checkout-content svg{ margin-right: 0.375rem; height: 1rem; width: 1rem; fill: currentColor; }
.s-add-product-button-mini-checkout-content svg:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0px; margin-left: 0.375rem; }
.s-advertisement-content{ width: 100%; margin-right: auto; margin-left: auto; padding-right: 10px; padding-left: 10px; }
@media (min-width: 1280px){
 .s-advertisement-content{ max-width: 1280px; } }
.s-advertisement-content{ display: flex; align-items: center; justify-content: space-between; padding-top: 0.625rem; padding-bottom: 0.625rem; }
.footer-copyrights-vat-certificate .s-advertisement-content {
  padding: 30px 0;
}
@media (max-width: 991px) {
  .footer .s-advertisement-content{
    padding:0 15px;
  }}
@media (min-width: 1400px) {
  .s-advertisement-content { max-width: 1320px; }
}
@media only screen and (min-width: 1024px) {
  .main-menu .sub-menu li.mega-menu .s-advertisement-content ul{ margin: 0px; border-style: none; padding: 0px; }
  .main-menu .sub-menu li.mega-menu .s-advertisement-content > div{ display: none; }
}
.s-block--testimonials.s-advertisement-content{ padding: 0px; }
@media (min-width: 1024px){
 .s-block--testimonials.s-advertisement-content{ padding-left: 0.625rem; padding-right: 0.625rem; } }
.breadcrumb-section .s-advertisement-content {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  gap: 15px;
  text-align: left;
}
.stories-slider-section .s-advertisement-content {
  position: relative;
}
.s-advertisement-content-main{ flex: 1 1 0%; text-align: center; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; }
.account-main > h1.s-advertisement-content-main {
  display: none;
}
.s-advertisement-content-icon{ display: inline-block; vertical-align: middle; font-size: 1rem; line-height: 1.5rem; }
.s-advertisement-content-icon:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.5rem; }
.s-advertisement-content-icon:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.5rem; }
.s-advertisement-action{ padding-left: 0.25rem; padding-right: 0.25rem; }
.s-alert-wrapper{ display: flex; align-items: center; justify-content: flex-end; border-radius: 0.375rem; border-width: 1px; border-color: transparent; padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 0.75rem; line-height: 1.5rem; }
.s-alert-info{ --tw-border-opacity: 1; border-color: rgba(191, 219, 254, 1); border-color: rgba(191, 219, 254, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(219, 234, 254, 1); background-color: rgba(219, 234, 254, var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgba(29, 78, 216, 1); color: rgba(29, 78, 216, var(--tw-text-opacity, 1)); }
.s-alert-success{ --tw-border-opacity: 1; border-color: rgba(187, 247, 208, 1); border-color: rgba(187, 247, 208, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(220, 252, 231, 1); background-color: rgba(220, 252, 231, var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgba(21, 128, 61, 1); color: rgba(21, 128, 61, var(--tw-text-opacity, 1)); }
.s-alert-warning{ --tw-border-opacity: 1; border-color: rgba(253, 230, 138, 1); border-color: rgba(253, 230, 138, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(254, 243, 199, 1); background-color: rgba(254, 243, 199, var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgba(180, 83, 9, 1); color: rgba(180, 83, 9, var(--tw-text-opacity, 1)); }
.s-alert-error{ --tw-border-opacity: 1; border-color: rgba(254, 202, 202, 1); border-color: rgba(254, 202, 202, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(254, 226, 226, 1); background-color: rgba(254, 226, 226, var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgba(185, 28, 28, 1); color: rgba(185, 28, 28, var(--tw-text-opacity, 1)); }
.s-alert-icon{ margin-left: 0.5rem; display: flex; align-items: center; }
.s-alert-text{ flex: 1 1 0%; text-align: left; }
.s-alert-text:where([dir="ltr"], [dir="ltr"] *){ text-align: left; }
.s-alert-text:where([dir="rtl"], [dir="rtl"] *){ text-align: right; }
.s-app-install-alert-wrapper{ display: none; flex-direction: row; align-items: center; position: fixed; left: 0; right: 0; width: 95%; margin-top: 1rem; margin-bottom: 1rem; margin-left: auto; margin-right: auto; z-index: 999; border-radius: 0.375rem; padding: 0.75rem; gap: 0.5rem; background-color: rgb(226, 226, 227); filter: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06)); }
@supports (color: color-mix(in lch, red, blue)) and (top: var(--f)){
.s-app-install-alert-wrapper{ background-color: color-mix(in srgb, var(--color-primary) 15%, white); }
}
.s-app-install-alert-wrapper.open[position=top]{ display: flex; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
@keyframes slideDownFromTop{
 0%{ transform: translateY(-100%); opacity: 0; }
 100%{ transform: translateY(-0%); opacity: 1; } }
.s-app-install-alert-wrapper.open[position=top]{ animation: slideDownFromTop .6s linear; transition-duration: 500ms; }
.s-app-install-alert-wrapper:not(.open){ display: none; }
.s-app-install-alert-content{ width: 100%; }
.s-app-install-alert-wrapper[position=top]{ top: 0px; }
.s-app-install-alert-wrapper.open[position=bottom]{ display: flex; }
@keyframes slideUpFromBottom{
 0%{ transform: translateY(100%); opacity: 0; }
 100%{ transform: translateY(0%); opacity: 1; } }
.s-app-install-alert-wrapper.open[position=bottom]{ animation: slideUpFromBottom .6s linear; }
.s-app-install-alert-wrapper[position=bottom]{ bottom: 0px; }
@keyframes slideUPFromTop{
 0%{ transform: translateY(-0%); opacity: 1; }
 100%{ transform: translateY(-100%); opacity: 0; } }
.s-app-install-alert-wrapper[position=top].closing{ animation: slideUPFromTop .6s linear; }
@keyframes slideDownFromBottom{
 0%{ transform: translateY(0%); opacity: 1; }
 100%{ transform: translateY(100%); opacity: 0; } }
.s-app-install-alert-wrapper[position=bottom].closing{ animation: slideDownFromBottom .6s linear; }
.s-app-install-alert-wrapper.closing{ animation-fill-mode: forwards; }
.s-app-install-alert-title{ max-width: 95%; font-size: 1rem; line-height: 1.5rem; font-weight: 700; color: #414042; color: var(--color-primary); }
.account-main > h1.s-app-install-alert-title {
  display: none;
}
.s-app-install-alert-sub-title{ max-width: 95%; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; }
.s-app-install-alert-cta{ color: #414042; color: var(--color-primary); text-decoration-line: underline; }
.s-app-install-alert-cancel-button{ position: absolute; top: 0.5rem; }
input[type=radio].sr-only div.s-app-install-alert-cancel-button {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-app-install-alert-cancel-button {
  border-color: var(--color-main);
}
.s-app-install-alert-cancel-button:where([dir="ltr"], [dir="ltr"] *){ right: 0.75rem; }
.s-app-install-alert-cancel-button:where([dir="rtl"], [dir="rtl"] *){ left: 0.75rem; }
.s-apps-icons-list{ display: flex; gap: 1rem; }
.s-apps-icons-list.vertical{ flex-direction: column; }
.s-apps-icons-item{ line-height: 1; }
.s-apps-icons-item:hover{ color: #414042; color: var(--color-primary); }
.s-badge-base{ display: flex; max-width: -moz-max-content; max-width: max-content; align-items: center; }
.s-badge-base > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.5rem * 0); margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * (1 - 0)); margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.5rem * calc(1 - 0)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); }
.s-badge-base{ white-space: nowrap; border-radius: 0.375rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; font-weight: 500; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
.s-badge-base:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-badge-xs{ font-size: 0.75rem; line-height: 1rem; }
.s-badge-xs svg{ height: 0.75rem; width: 0.75rem; }
.s-badge-sm{ font-size: 0.875rem; line-height: 1.25rem; }
.s-badge-sm svg{ height: 1rem; width: 1rem; }
.s-badge-md{ font-size: 1rem; line-height: 1.5rem; }
.s-badge-md svg{ height: 1.25rem; width: 1.25rem; }
.s-badge-transparent{ background-color: transparent; }
.s-badge-light{ --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); }
.s-badge-primary-100{ background-color: rgb(217, 217, 217); }
@supports (color: color-mix(in lch, red, blue)) and (top: var(--f)){
.s-badge-primary-100{ background-color: color-mix(in srgb,var(--color-primary) 20%,white 80%); }
}
.s-badge-color-black{ --tw-text-opacity: 1; color: rgba(0, 0, 0, 1); color: rgba(0, 0, 0, var(--tw-text-opacity, 1)); }
.s-badge-color-primary-900{ color: rgb(29, 29, 30); }
@supports (color: color-mix(in lch, red, blue)) and (top: var(--f)){
.s-badge-color-primary-900{ color: color-mix(in srgb,var(--color-primary) 45%,black 55%); }
}
.s-badge-color-primary-900 svg{ fill: currentColor; }
.s-booking-field-main{ display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; }
@media (min-width: 640px){
 .s-booking-field-main{ justify-content: flex-end; } }
.s-booking-field-price{ display: flex; align-items: center; gap: 0.5rem; }
.s-booking-field-book-now-content{ display: flex; align-items: center; gap: 0.5rem; }
.s-booking-field-book-now-content span svg{ height: 1rem; width: 1rem; }
.s-booking-field-modal iframe{ width: 100%; transition-property: height; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.s-booking-field-modal .s-modal-body{ padding: 1.25rem; overflow: hidden; }
.s-booking-field-modal .s-modal-title{ display: flex; justify-content: flex-start; }
.s-booking-field-reservations{ margin-top: 0.625rem; display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.s-booking-field-reservations-item{ display: flex; align-items: center; justify-content: space-between; border-radius: 4px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.75rem; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); flex-direction: row; }
.s-booking-field-reservations-item > span{ display: flex; align-items: center; justify-content: flex-start; flex-direction: row; }
.s-booking-field-reservations-time{ unicode-bidi: plaintext; }
.s-booking-field-reservations-has-time{ --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); }
.s-booking-field-reservations-has-time:where([dir="ltr"], [dir="ltr"] *){ margin-right: 1rem; border-right-width: 1px; padding-right: 1rem; }
.s-booking-field-reservations-has-time:where([dir="rtl"], [dir="rtl"] *){ margin-left: 1rem; border-left-width: 1px; padding-left: 1rem; }
.s-booking-field-reservations-icon:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.5rem; }
.s-booking-field-reservations-icon:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.5rem; }
.s-booking-field-reservations-icon svg{ height: 0.75rem; width: 0.75rem; fill: #1f2937; }
.s-bottom-alert-wrapper{ position: fixed; bottom: 0px; z-index: 50; display: flex; min-height: 4rem; width: 100%; flex-direction: column; align-items: center; justify-content: center; background-color: #414042; background-color: var(--color-primary); padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0.625rem; padding-bottom: 0.625rem; }
@media (min-width: 768px){
 .s-bottom-alert-wrapper{ padding-left: 2.5rem; padding-right: 2.5rem; } }
.s-bottom-alert-wrapper-with-template{ flex-direction: column; align-items: center; justify-content: space-between; --tw-bg-opacity: 1; background-color: rgba(0, 73, 86, 1); background-color: rgba(0, 73, 86, var(--tw-bg-opacity, 1)); font-family: PingARLT,system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
@media (min-width: 768px){
 .s-bottom-alert-wrapper-with-template{ flex-direction: row; } }
.s-bottom-alert-logo-section{ display: flex; align-items: center; gap: 0.5rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; }
.s-bottom-alert-logo{ height: auto; width: 3rem; }
.s-bottom-alert-logo-text{ font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(186, 243, 230, 1); color: rgba(186, 243, 230, var(--tw-text-opacity, 1)); }
.account-main > h1.s-bottom-alert-logo-text {
  display: none;
}
.s-bottom-alert-icon svg{ height: 1rem; width: 1rem; fill: #fff; }
.s-bottom-alert-message{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.account-main > h1.s-bottom-alert-message {
  display: none;
}
.s-bottom-alert-message-highlight{ cursor: default; font-size: 1rem; line-height: 1.5rem; font-weight: 700; }
.account-main > h1.s-bottom-alert-message-highlight {
  display: none;
}
.s-bottom-alert-message-splitter{ margin-left: 0.5rem; margin-right: 0.5rem; }
.s-bottom-alert-message-link{ cursor: pointer; text-decoration-line: underline; }
.s-bottom-alert-message-link * {
  pointer-events: none;
}
.s-bottom-alert-content{ display: flex; height: 100%; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; }
@media (min-width: 768px){
 .s-bottom-alert-content{ flex-direction: row; } }
.s-bottom-alert-action button{ background-color: #ff6767; background-color: var(--color-primary-reverse); font-size: 0.875rem; line-height: 1.25rem; color: #414042; color: var(--color-primary); }
.s-bottom-alert-actions-group{ display: flex; align-items: center; gap: 1rem; }
.s-bottom-alert-action-link{ cursor: pointer; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(186, 243, 230, 1); color: rgba(186, 243, 230, var(--tw-text-opacity, 1)); text-decoration-line: underline; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.account-main > h1.s-bottom-alert-action-link {
  display: none;
}
.s-bottom-alert-action-link * {
  pointer-events: none;
}
.s-bottom-alert-action-link:hover{ opacity: 0.8; }
.s-bottom-alert-action-purchase-button{ border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(186, 243, 230, 1); background-color: rgba(186, 243, 230, var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; --tw-text-opacity: 1; color: rgba(0, 73, 86, 1); color: rgba(0, 73, 86, var(--tw-text-opacity, 1)); }
.s-bottom-alert-actions-group-container{ display: flex; align-items: center; gap: 1rem; }
.s-bottom-alert-modal .s-modal-body{ padding-top: 1rem; padding-bottom: 1rem; }
.s-bottom-alert-modal-cover img{ height: 300px; width: 100%; -o-object-fit: cover; object-fit: cover; }
.s-bottom-alert-modal-inner{ max-height: 80vh; overflow-y: auto; overflow-x: hidden; padding-left: 1rem; padding-right: 1rem; }
.s-bottom-alert-modal-content-title{ margin-top: 1rem; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem; font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; color: var(--color-primary-dark); }
.account-main > h1.s-bottom-alert-modal-content-title {
  display: none;
}
.s-bottom-alert-modal-content-icon svg{ height: 1.25rem; width: 1.25rem; fill: var(--color-primary-dark); }
.s-bottom-alert-modal-content-extra-padding{ padding-bottom: 100px; }
.s-bottom-alert-modal-content hr{ margin-top: 1rem; }
.s-bottom-alert-modal-content-screenshots{ margin-top: 1rem; margin-bottom: 1rem; }
.s-bottom-alert-modal-content-screenshot.swiper-slide{ height: 200px !important; width: 370px !important; }
.s-bottom-alert-modal-content-screenshot img{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; }
.s-bottom-alert-modal-content-footer button .s-button-text{ display: flex; align-items: center; gap: 0.5rem; }
.s-bottom-alert-modal-content-footer{ position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 2; width: 100%; --tw-bg-opacity: 1; background-color: rgba(252, 252, 252, 1); background-color: rgba(252, 252, 252, var(--tw-bg-opacity, 1)); padding: 0.625rem; }
.s-bottom-alert-modal-content-price-details{ display: flex; flex-direction: column; gap: 0.5rem; }
.s-bottom-alert-modal-content-price-details-item{ display: flex; align-items: center; gap: 0.375rem; }
.s-bottom-alert-modal-content-price-details-item-icon svg{ height: 1rem; width: 1rem; fill: var(--color-primary-dark); }
.s-bottom-alert-modal-content-price-details-item-name{ --tw-text-opacity: 1; color: rgba(68, 68, 68, 1); color: rgba(68, 68, 68, var(--tw-text-opacity, 1)); }
.s-bottom-alert-modal-content-price-details-item-price{ font-weight: 500; --tw-text-opacity: 1; color: rgba(102, 102, 102, 1); color: rgba(102, 102, 102, var(--tw-text-opacity, 1)); }
.s-bottom-alert-modal-price-wrapper{ margin-bottom: 0.625rem; display: flex; align-items: center; justify-content: space-between; font-size: 1rem; line-height: 1.5rem; }
.s-bottom-alert-modal-price-wrapper-amount{ font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; }
.account-main > h1.s-bottom-alert-modal-price-wrapper-amount {
  display: none;
}
.s-bought-together-entry{ margin-top: 1.25rem; margin-bottom: 1.25rem; display: block; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 1.25rem; }
.s-bought-together-header{ margin-bottom: 1rem; }
.s-bought-together-title{ margin-bottom: 0.25rem; font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.account-main > h1.s-bought-together-title {
  display: none;
}
.s-bought-together-subtitle{ margin: 0px; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-bought-together-list{ margin-bottom: 1rem; display: flex; flex-direction: column; }
.s-bought-together-list > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * (1 - 0)); border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse))); border-top-width: calc(1px * calc(1 - 0)); border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * 0); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); --tw-divide-opacity: 1; border-color: rgba(243, 244, 246, 1); border-color: rgba(243, 244, 246, var(--tw-divide-opacity, 1)); }
.s-bought-together-item{ display: flex; align-items: center; gap: 0.75rem; padding-top: 0.75rem; padding-bottom: 0.75rem; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; }
.s-bought-together-item--unchecked{ opacity: 0.4; }
.s-bought-together-checkbox-label{ position: relative; display: flex; cursor: pointer; align-items: center; flex-shrink: 0; }
.cart-totals-row-wrapper .s-bought-together-checkbox-label {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-bought-together-checkbox-label {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-bought-together-checkbox-label {
  text-align: right;
}
.s-bought-together-checkbox-label * {
  pointer-events: none;
}
.s-bought-together-checkbox{ position: absolute; height: 0px; width: 0px; opacity: 0; }
input[type=radio].sr-only div.s-bought-together-checkbox {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-bought-together-checkbox {
  border-color: var(--color-main);
}
.s-bought-together-checkmark{ display: flex; height: 22px; width: 22px; align-items: center; justify-content: center; border-radius: 0.375rem; border-width: 2px; --tw-border-opacity: 1; border-color: rgba(209, 213, 219, 1); border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; flex-shrink: 0; }
.cart-totals-row-wrapper .s-bought-together-checkmark {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-bought-together-checkmark {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-bought-together-checkmark {
  text-align: right;
}
.s-bought-together-item-link{ display: contents; color: inherit; text-decoration-line: none; }
.s-bought-together-item-img{ height: 3rem; width: 3rem; border-radius: 0.375rem; -o-object-fit: cover; object-fit: cover; flex-shrink: 0; }
.cart-totals-row-wrapper .s-bought-together-item-img {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-bought-together-item-img {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-bought-together-item-img {
  text-align: right;
}
.s-bought-together-item-name{ flex: 1 1 0%; font-size: 0.875rem; line-height: 1.25rem; line-height: 1.375; }
.s-bought-together-item-price{ white-space: nowrap; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; flex-shrink: 0; }
.cart-totals-row-wrapper .s-bought-together-item-price {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-bought-together-item-price {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-bought-together-item-price {
  text-align: right;
}
.s-bought-together-btn{ width: 100%; }
.s-bought-together-skeleton{ display: flex; flex-direction: column; gap: 0.75rem; }
.s-bought-together-skeleton-header{ margin-bottom: 0.5rem; display: flex; flex-direction: column; gap: 0.5rem; }
.s-bought-together-skeleton-item{ display: flex; align-items: center; gap: 0.75rem; padding-top: 0.5rem; padding-bottom: 0.5rem; }
.s-bought-together-skeleton-info{ display: flex; flex: 1 1 0%; flex-direction: column; gap: 0.25rem; }
.s-breadcrumb-wrapper{ display: flex; align-items: center; font-size: 0.875rem; line-height: 1.25rem; flex-wrap: wrap; }
.s-breadcrumb-item{ display: inline-block; }
.s-breadcrumb-dark{ --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.s-breadcrumb-dark a{ --tw-text-opacity: 1 !important; color: rgba(255, 255, 255, 1) !important; color: rgba(255, 255, 255, var(--tw-text-opacity, 1)) !important; }
.s-breadcrumb-dark svg{ fill: #ff6767; fill: var(--color-primary-reverse); opacity: 0.7; }
.s-breadcrumb-primary-reverse a{ color: #ff6767; color: var(--color-primary-reverse); }
.s-breadcrumb-primary-reverse a:hover{ opacity: 0.8; }
.s-breadcrumb-primary-reverse li{ color: #ff6767; color: var(--color-primary-reverse); opacity: 0.8; }
.s-breadcrumb-primary-reverse svg{ fill: #ff6767; fill: var(--color-primary-reverse); opacity: 0.7; }
.s-breadcrumb-arrow{ margin-left: 0.5rem; margin-right: 0.5rem; }
.s-breadcrumb-arrow svg{ height: 0.875rem; width: 0.875rem; }
.s-bullet-delivery .s-bullet-delivery-modal .s-modal-body{ padding: 0px; }
@media (min-width: 768px){
 .s-bullet-delivery .s-bullet-delivery-modal .s-modal-body{ max-height: 70dvh; overflow-y: auto; } }
.s-bullet-delivery .s-bullet-delivery-modal .s-modal-body:has(.s-searchable-dropdown--open){ overflow: visible !important; }
.s-bullet-delivery-inner{ min-height: 0; }
.s-bullet-delivery-header{ margin-bottom: 1.5rem; text-align: left; }
.s-bullet-delivery-header:where([dir="ltr"], [dir="ltr"] *){ text-align: left; }
.s-bullet-delivery-header:where([dir="rtl"], [dir="rtl"] *){ text-align: right; }
.s-bullet-delivery-title{ display: block; font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; color: var(--color-primary-dark); }
.account-main > h1.s-bullet-delivery-title {
  display: none;
}
.s-bullet-delivery-subtitle{ margin-top: 0.25rem; display: block; font-size: 0.875rem; line-height: 1.25rem; color: var(--color-primary-dark); }
.s-bullet-delivery-tabs{ margin-bottom: 1.5rem; display: flex; gap: 0.5rem; }
.s-bullet-delivery-tab{ display: flex; flex: 1 1 0%; cursor: pointer; align-items: center; gap: 1rem; border-radius: 0.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; color: var(--color-primary-dark); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; }
.s-bullet-delivery-tab * {
  pointer-events: none;
}
.s-bullet-delivery-tab:hover{ background-color: rgba(65, 64, 66, 0.05); }
@supports (color: color-mix(in lch, red, blue)) and (top: var(--f)){
.s-bullet-delivery-tab:hover{ background-color: color-mix(in srgb,var(--color-primary) 5%,transparent); }
}
.s-bullet-delivery-tab--active{ border-color: var(--color-primary-dark); }
.s-bullet-delivery-tab svg{ height: 0.875rem; width: 0.875rem; color: var(--color-primary-dark); }
.s-bullet-delivery-tab-icon{ display: flex; height: 2rem; width: 2rem; align-items: center; justify-content: center; border-radius: 0.75rem; --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); flex-shrink: 0; }
.cart-totals-row-wrapper .s-bullet-delivery-tab-icon {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-bullet-delivery-tab-icon {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-bullet-delivery-tab-icon {
  text-align: right;
}
.s-bullet-delivery-allocation-out-of-coverage{ margin-bottom: 1rem; display: flex; width: 100%; align-items: center; gap: 0.5rem; --tw-bg-opacity: 1; background-color: rgba(254, 226, 226, 1); background-color: rgba(254, 226, 226, var(--tw-bg-opacity, 1)); padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1rem; padding-right: 1rem; --tw-text-opacity: 1; color: rgba(127, 29, 29, 1); color: rgba(127, 29, 29, var(--tw-text-opacity, 1)); text-align: right; }
.s-bullet-delivery-allocation-out-of-coverage:where([dir="ltr"], [dir="ltr"] *){ border-left-width: 4px; border-left-color: rgba(239, 68, 68, 0.5); }
.s-bullet-delivery-allocation-out-of-coverage:where([dir="rtl"], [dir="rtl"] *){ border-right-width: 4px; border-right-color: rgba(239, 68, 68, 0.5); }
.s-bullet-delivery-allocation-out-of-coverage-text{ font-size: 0.875rem; line-height: 1.25rem; line-height: 1.4; }
.s-bullet-delivery-allocation-out-of-coverage-icon{ display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; --tw-text-opacity: 1; color: rgba(127, 29, 29, 1); color: rgba(127, 29, 29, var(--tw-text-opacity, 1)); }
.s-bullet-delivery-allocation-out-of-coverage-icon svg{ height: 1.25rem; width: 1.25rem; }
.s-bullet-delivery-content{ margin-bottom: 1.5rem; display: grid; grid-gap: 1rem; gap: 1rem; }
.s-bullet-delivery-content--active{ animation: s-bullet-delivery-fade-in 220ms ease-out; }
.s-bullet-delivery-label{ margin-bottom: 0.5rem; display: block; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.s-bullet-delivery-error{ margin-top: 0.25rem; display: block; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(239, 68, 68, 1); color: rgba(239, 68, 68, var(--tw-text-opacity, 1)); }
.s-bullet-delivery-footer{ display: grid; grid-gap: 0.75rem; gap: 0.75rem; text-align: center; }
.s-bullet-delivery-placeholder{ margin-top: 1rem; margin-bottom: 1rem; }
.s-bullet-delivery-placeholder.s-placeholder-wrapper{ margin-top: 1rem !important; margin-bottom: 1rem !important; }
.s-bullet-delivery-label-content{ display: inline-flex; align-items: center; gap: 0.5rem; }
.s-bullet-delivery-select-loader{ display: inline-flex; align-items: center; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-bullet-delivery-search-row{ display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; padding-left: 1px; padding-right: 1px; flex-direction: row; }
.s-bullet-delivery-search-row .s-bullet-delivery-search{ min-width: 0px; flex: 1 1 0%; }
.s-bullet-delivery-search-row .s-bullet-delivery-location-btn{ width: auto; flex-shrink: 0; }
.cart-totals-row-wrapper .s-bullet-delivery-search-row .s-bullet-delivery-location-btn {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-bullet-delivery-search-row .s-bullet-delivery-location-btn {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-bullet-delivery-search-row .s-bullet-delivery-location-btn {
  text-align: right;
}
.s-bullet-delivery-field-row{ margin-bottom: 1rem; display: flex; gap: 1rem; }
.s-bullet-delivery-field-row .s-bullet-delivery-field{ margin-bottom: 0px; flex: 1 1 0%; }
.s-bullet-delivery-saved-addresses-empty{ display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.s-bullet-delivery-saved-addresses-empty-icon{ margin-bottom: 0.75rem; --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); }
.s-bullet-delivery-saved-addresses-empty-icon svg{ height: 2rem; width: 2rem; }
.s-bullet-delivery-saved-addresses-empty-title{ margin-bottom: 0.5rem; font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
.account-main > h1.s-bullet-delivery-saved-addresses-empty-title {
  display: none;
}
.s-bullet-delivery-saved-addresses-empty-desc{ margin-bottom: 1.5rem; max-width: 24rem; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-bullet-delivery-addresses-list{ display: flex; max-height: 260px; flex-direction: column; overflow-y: auto; border-radius: 0.75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); }
@media (min-width: 768px){
 .s-bullet-delivery-addresses-list{ max-height: 220px; } }
.s-bullet-delivery-address-item{ display: flex; cursor: pointer; align-items: center; gap: 0.75rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgba(229, 231, 235, 1); border-bottom-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.875rem; padding-bottom: 0.875rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; flex-direction: row; }
.s-bullet-delivery-address-item * {
  pointer-events: none;
}
.s-bullet-delivery-address-item:not(.s-bullet-delivery-address-item--disabled):hover{ background-color: rgba(249, 250, 251, 0.5); }
.s-bullet-delivery-address-item--selected{ --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); }
.s-bullet-delivery-address-item--disabled{ cursor: not-allowed; opacity: 0.6; }
.s-bullet-delivery-address-item--skeleton{ display: flex; cursor: default; align-items: center; gap: 0.75rem; border-radius: 0.75rem; border-width: 1px; border-bottom-width: 0px; --tw-border-opacity: 1; border-color: rgba(243, 244, 246, 1); border-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; }
.s-bullet-delivery-address-item--skeleton .s-bullet-delivery-address-lines{ gap: 0.5rem; }
.s-bullet-delivery-address-content{ display: flex; min-width: 0px; flex: 1 1 0%; flex-direction: column; justify-content: center; text-align: left; }
.s-bullet-delivery-address-content:where([dir="ltr"], [dir="ltr"] *){ text-align: left; }
.s-bullet-delivery-address-content:where([dir="rtl"], [dir="rtl"] *){ text-align: right; }
.s-bullet-delivery-address-lines{ display: flex; flex-direction: column; gap: 0.125rem; }
.s-bullet-delivery-address-line1{ display: block; font-size: 1rem; line-height: 1.5rem; font-weight: 400; line-height: 1.375; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.s-bullet-delivery-address-line2{ display: block; font-size: 0.875rem; line-height: 1.25rem; line-height: 1.375; --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); }
.s-bullet-delivery-address-map-icon{ display: grid; height: 2.5rem; width: 2.5rem; align-content: center; justify-content: center; place-content: center; }
.s-bullet-delivery-address-map-icon svg{ height: 100%; width: 100%; }
.s-bullet-delivery-skel-radio{ flex-shrink: 0; border-radius: 9999px; }
.s-bullet-delivery-skel-map{ flex-shrink: 0; border-radius: 0.75rem; }
.s-bullet-delivery-search{ position: relative; flex: 1 1 0%; }
.s-bullet-delivery-search-icon{ pointer-events: none; position: absolute; top: 0px; bottom: 0px; left: 0px; display: flex; align-items: center; padding-left: 0.75rem; }
input[type=radio].sr-only div.s-bullet-delivery-search-icon {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-bullet-delivery-search-icon {
  border-color: var(--color-main);
}
.s-bullet-delivery-search-icon:where([dir="rtl"], [dir="rtl"] *){ left: auto; right: 0px; padding-left: 0px; padding-right: 0.75rem; }
.s-bullet-delivery-search-icon svg{ height: 0.875rem; width: 0.875rem; stroke: #414042; stroke: var(--color-primary); }
.s-bullet-delivery-branch-search-wrap{ display: flex; min-height: 40px; min-width: 0px; flex: 1 1 0%; align-items: stretch; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); flex-direction: row; overflow: hidden; }
.s-bullet-delivery-branch-search-wrap:focus-within{ border-color: var(--color-primary-dark); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(1px + 0px) #2563eb, 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); --tw-ring-color: var(--color-primary-dark); }
.s-bullet-delivery-branch-search-icon{ pointer-events: none; position: static; display: flex; align-items: center; justify-content: center; padding-left: 0.5rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); flex-shrink: 0; }
.cart-totals-row-wrapper .s-bullet-delivery-branch-search-icon {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-bullet-delivery-branch-search-icon {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-bullet-delivery-branch-search-icon {
  text-align: right;
}
.s-bullet-delivery-branch-search-icon svg{ height: 1.25rem; width: 1.25rem; }
.s-bullet-delivery-branch-search-input{ min-height: 40px; min-width: 0px; flex: 1 1 0%; border-radius: 0px; border-style: none; background-color: transparent; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-right: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-bullet-delivery-branch-search-input::-moz-placeholder{ --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-bullet-delivery-branch-search-input::placeholder{ --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-bullet-delivery-branch-search-input:focus{ outline: 2px solid transparent; outline-offset: 2px; border: none; box-shadow: none; --tw-ring-shadow: none; }
.s-bullet-delivery-location-btn{ display: flex; cursor: pointer; align-items: center; justify-content: center; gap: 0.5rem; border-radius: 0.5rem; border-width: 1px; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; flex-shrink: 0; }
.cart-totals-row-wrapper .s-bullet-delivery-location-btn {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-bullet-delivery-location-btn {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-bullet-delivery-location-btn {
  text-align: right;
}
.s-bullet-delivery-location-btn * {
  pointer-events: none;
}
.s-bullet-delivery-location-btn:hover{ --tw-bg-opacity: 1; background-color: rgba(229, 231, 235, 1); background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1)); }
.s-bullet-delivery-location-btn:disabled{ cursor: not-allowed; opacity: 0.5; }
.s-bullet-delivery-location-btn--full{ min-height: 40px; }
.s-bullet-delivery-location-btn--loading{ --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); }
.s-bullet-delivery-location-icon{ height: 0.875rem; width: 0.875rem; flex-shrink: 0; }
.cart-totals-row-wrapper .s-bullet-delivery-location-icon {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-bullet-delivery-location-icon {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-bullet-delivery-location-icon {
  text-align: right;
}
.s-bullet-delivery-location-icon svg{ height: 100%; width: 100%; }
.s-bullet-delivery-branches-wrap{ overflow: hidden; }
.s-bullet-delivery-branches-list{ max-height: min(260px, 32svh); overflow-y: auto; border-radius: 0.5rem; border-width: 1px; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); }
@media (min-width: 768px){
 .s-bullet-delivery-branches-list{ max-height: 220px; } }
.s-bullet-delivery-branches-loading{ border-radius: 0.5rem; border-width: 1px; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); overflow: hidden; }
.s-bullet-delivery-branch-info{ display: flex; max-width: 6.25rem; flex-direction: column; gap: 0.125rem; }
.s-bullet-delivery-branch-name{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-wrap: break-word; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; line-height: 1.375; --tw-text-opacity: 1; color: rgba(29, 31, 31, 1); color: rgba(29, 31, 31, var(--tw-text-opacity, 1)); }
.s-bullet-delivery-branch-prep{ text-align: left; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-bullet-delivery-branch-prep:where([dir="ltr"], [dir="ltr"] *){ text-align: left; }
.s-bullet-delivery-branch-prep:where([dir="rtl"], [dir="rtl"] *){ text-align: right; }
.s-bullet-delivery-branch-time{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-bullet-delivery-branch-time:where([dir="ltr"], [dir="ltr"] *){ text-align: right; }
.s-bullet-delivery-branch-time:where([dir="rtl"], [dir="rtl"] *){ text-align: left; }
.s-bullet-delivery-branch-map-link{ display: flex; align-items: center; justify-content: center; border-radius: 0.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding: 0.5rem; --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); text-decoration-line: none; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; flex-shrink: 0; }
.cart-totals-row-wrapper .s-bullet-delivery-branch-map-link {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-bullet-delivery-branch-map-link {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-bullet-delivery-branch-map-link {
  text-align: right;
}
.s-bullet-delivery-branch-map-link:hover{ --tw-bg-opacity: 1; background-color: rgba(229, 231, 235, 1); background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1)); }
.s-bullet-delivery-branch-item > .s-bullet-delivery-branch-map-link{ position: relative; z-index: 10; pointer-events: auto; }
.s-bullet-delivery-branch-map-link-icon{ display: flex; height: 0.875rem; width: 0.875rem; align-items: center; justify-content: center; }
.s-bullet-delivery-branch-map-link-icon svg{ height: 100%; width: 100%; }
.s-bullet-delivery-branch-skeleton-title{ max-width: 100%; }
.s-bullet-delivery-branch-skeleton-time{ justify-self: end; }
.s-bullet-delivery-branch-item{ display: grid; min-width: 0px; cursor: pointer; align-items: center; grid-gap: 0.5rem; gap: 0.5rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgba(229, 231, 235, 1); border-bottom-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; grid-template-columns: auto auto auto 1fr auto; text-align: right; }
.s-bullet-delivery-branch-item * {
  pointer-events: none;
}
.s-bullet-delivery-branch-item:last-child{ border-bottom-width: 0px; }
.s-bullet-delivery-branch-item:hover:not(.s-bullet-delivery-branch-item--disabled){ --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); }
.s-bullet-delivery-branch-item--selected{ background-color: rgba(65, 64, 66, 0.05); }
@supports (color: color-mix(in lch, red, blue)) and (top: var(--f)){
.s-bullet-delivery-branch-item--selected{ background-color: color-mix(in srgb,var(--color-primary) 5%,transparent); }
}
.s-bullet-delivery-branch-item--disabled{ cursor: not-allowed; opacity: 0.5; }
.s-bullet-delivery-branch-icon{ display: grid; align-content: center; justify-content: center; place-content: center; border-radius: 0.75rem; --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); stroke: var(--color-primary-dark); padding: 0.625rem; color: var(--color-primary-dark); }
.s-bullet-delivery-branch-icon span{ display: block; height: 0.875rem; width: 0.875rem; }
.s-bullet-delivery-branch-icon span svg{ height: 100%; width: 100%; }
.s-bullet-delivery-branch-skeleton{ display: grid; min-width: 0px; align-items: center; grid-gap: 0.5rem; gap: 0.5rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgba(229, 231, 235, 1); border-bottom-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; grid-template-columns: auto auto auto 1fr auto; }
.s-bullet-delivery-branch-skeleton:last-child{ border-bottom-width: 0px; }
.s-bullet-delivery-branch-skeleton-radio{ flex-shrink: 0; }
.s-bullet-delivery-branch-skeleton-icon{ flex-shrink: 0; border-radius: 0.75rem; }
.s-bullet-delivery-branch-skeleton-icon salla-skeleton{ display: block; }
.s-bullet-delivery-branch-skeleton-map{ flex-shrink: 0; border-radius: 0.75rem; }
.s-bullet-delivery-branch-skeleton-map salla-skeleton{ display: block; }
.s-bullet-delivery-branch-skeleton-content{ display: flex; min-width: 0px; flex-direction: column; gap: 0.5rem; overflow: hidden; }
.s-bullet-delivery-branch-skeleton-content salla-skeleton{ min-width: 0px; max-width: 100%; }
.s-bullet-delivery-radio{ margin-top: 2px; height: 1rem; width: 1rem; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 9999px; border-width: 2px; --tw-border-opacity: 1; border-color: rgba(209, 213, 219, 1); border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; flex-shrink: 0; }
.cart-totals-row-wrapper .s-bullet-delivery-radio {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-bullet-delivery-radio {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-bullet-delivery-radio {
  text-align: right;
}
.s-bullet-delivery-radio * {
  pointer-events: none;
}
.s-bullet-delivery-radio:checked{ border-color: var(--color-primary-dark); background: radial-gradient(circle,#fff 0,#fff 22%,#414042 22%); background: radial-gradient(circle,#fff 0,#fff 22%,var(--color-primary) 22%); }
.s-bullet-delivery-radio:focus{ outline: 2px solid transparent; outline-offset: 2px; }
.s-bullet-delivery-radio:focus-visible{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(2px + 2px) #2563eb, 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); --tw-ring-color: var(--color-primary-dark); --tw-ring-offset-width: 2px; }
.s-bullet-delivery-skeleton{ box-sizing: border-box; min-width: 0px; max-width: 100%; padding: 1.25rem; overflow: hidden; }
.s-bullet-delivery-skeleton salla-skeleton{ min-width: 0px; max-width: 100%; }
.s-bullet-delivery-skeleton-header{ margin-bottom: 1.5rem; display: flex; min-width: 0px; max-width: 100%; flex-direction: column; align-items: flex-start; gap: 0.75rem; }
.s-bullet-delivery-skeleton-title{ display: block; max-width: 100%; }
.s-bullet-delivery-skeleton-subtitle{ display: block; max-width: 100%; }
.s-bullet-delivery-skeleton-tabs{ margin-bottom: 1.5rem; display: grid; min-width: 0px; max-width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 0.5rem; gap: 0.5rem; }
.s-bullet-delivery-skeleton-tabs--single{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
.s-bullet-delivery-skeleton-tab{ display: flex; align-items: center; gap: 1rem; border-radius: 0.75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.s-bullet-delivery-skeleton-tab-icon{ display: block; max-width: 100%; }
.s-bullet-delivery-skeleton-tab-label{ display: block; max-width: 100%; }
.s-bullet-delivery-skeleton-field-label{ display: block; max-width: 100%; }
.s-bullet-delivery-skeleton-field-control{ display: block; max-width: 100%; }
.s-bullet-delivery-skeleton-content{ margin-bottom: 1.5rem; display: grid; min-width: 0px; max-width: 100%; grid-gap: 1rem; gap: 1rem; }
.s-bullet-delivery-skeleton-field{ display: flex; min-width: 0px; max-width: 100%; flex-direction: column; align-items: flex-start; gap: 0.5rem; }
.s-bullet-delivery-skeleton-footer{ min-width: 0px; max-width: 100%; }
.s-bullet-delivery-add-address-header{ margin-bottom: 1.5rem; display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; }
.s-bullet-delivery-add-address-title{ display: flex; width: 100%; flex: 1 1 0%; cursor: pointer; align-items: center; border-style: none; background-color: transparent; padding: 0px; text-align: left; font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; color: #414042; color: var(--color-primary); }
.account-main > h1.s-bullet-delivery-add-address-title {
  display: none;
}
.s-bullet-delivery-add-address-title * {
  pointer-events: none;
}
.s-bullet-delivery-add-address-title:where([dir="ltr"], [dir="ltr"] *){ text-align: left; }
.s-bullet-delivery-add-address-title:where([dir="rtl"], [dir="rtl"] *){ text-align: right; }
.s-bullet-delivery-add-address svg{ height: 1.5rem; width: 1.5rem; fill: currentColor; }
.s-bullet-delivery-add-address-form{ display: grid; grid-gap: 1rem; gap: 1rem; }
.s-bullet-delivery-add-address-submit{ width: 100%; }
.s-bullet-delivery-form-actions{ display: flex; gap: 0.75rem; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(243, 244, 246, 1); border-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); padding-top: 1rem; }
.s-bullet-delivery-form-actions salla-button{ flex: 1 1 0%; }
.s-bullet-delivery-form-actions--single{ border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding-top: 1.25rem; }
.s-bullet-delivery-form-actions--single salla-button{ width: 100%; flex: 1 1 0%; }
.s-bullet-delivery-market-warning-overlay{ position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 60; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.5); }
.s-bullet-delivery-market-warning{ margin-left: 1rem; margin-right: 1rem; width: 100%; max-width: 24rem; border-radius: 0.75rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 1.5rem; --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-bullet-delivery-market-warning-title{ margin-bottom: 0.75rem; font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.account-main > h1.s-bullet-delivery-market-warning-title {
  display: none;
}
.s-bullet-delivery-market-warning-message{ margin-bottom: 1.5rem; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); }
.s-bullet-delivery-market-warning-actions{ display: flex; gap: 0.75rem; }
.s-bullet-delivery-market-warning-actions salla-button{ flex: 1 1 0%; }
.s-bullet-delivery-cart-view{ margin-bottom: 1rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-radius: 0.75rem; border-width: 1px; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 1rem; }
.s-bullet-delivery-cart-view-info{ display: flex; min-width: 0px; flex: 1 1 0%; align-items: center; gap: 0.75rem; }
.s-bullet-delivery-cart-view-text{ display: flex; flex-direction: column; text-align: left; }
.s-bullet-delivery-cart-view-text:where([dir="ltr"], [dir="ltr"] *){ text-align: left; }
.s-bullet-delivery-cart-view-text:where([dir="rtl"], [dir="rtl"] *){ text-align: right; }
.s-bullet-delivery-cart-view-title{ font-size: 1rem; line-height: 1.5rem; font-weight: 600; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.s-bullet-delivery-cart-view-subtitle{ font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); margin-top: 0.125rem; }
.s-bullet-delivery-cart-view-icon{ display: flex; height: 3.5rem; width: 3.5rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 1rem; --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); color: var(--color-primary-dark); }
.s-bullet-delivery-cart-view-icon svg{ height: 1.25rem; width: 1.25rem; stroke: currentColor; }
.s-bullet-delivery-cart-view-button{ align-self: center; flex-shrink: 0; }
.cart-totals-row-wrapper .s-bullet-delivery-cart-view-button {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-bullet-delivery-cart-view-button {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-bullet-delivery-cart-view-button {
  text-align: right;
}
.s-button-wrap{ pointer-events: none; }
.s-button-wrap[width='wide']{ width: 100%; }
.s-button-wrap[type='submit']{ -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.s-button-wrap[type='button']{ -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.s-button-wrap[type='reset']{ -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.s-button-wrap[loading] .s-button-loader-center .s-button-text{ opacity: 0; }
.s-button-element:not(:disabled):not([loading]){ pointer-events: auto; }
.s-button-btn{ position: relative; display: inline-flex; flex: 1 1 0%; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: center; white-space: nowrap; border-radius: .75rem; border-style: solid; padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 0.625rem; padding-top: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; flex-direction: row-reverse; }
.account-main > h1.s-button-btn {
  display: none;
}
.s-button-btn:hover{ opacity: 0.8; }
.s-button-wrap svg{ height: 1.25rem; width: 1.25rem; fill: currentColor; }
.s-button-icon{ border-radius: 9999px !important; padding: 0px !important; line-height: 1 !important; }
.s-button-icon{ position: relative; margin-left: 0.25rem; margin-right: 0.25rem; display: inline-flex; height: 2.5rem; width: 2.5rem; align-items: center; justify-content: center; font-weight: 500; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; flex-shrink: 0; }
.cart-totals-row-wrapper .s-button-icon {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-button-icon {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-button-icon {
  text-align: right;
}
.s-button-icon .s-button-text{ display: flex; }
.s-button-icon.s-button-large{ height: 3.5rem; width: 3.5rem; }
.s-button-icon.s-button-large svg{ height: 2rem; width: 2rem; }
.s-button-icon.s-button-small{ height: 1.5rem; width: 1.5rem; }
.s-button-icon.s-button-small svg{ height: 0.875rem; width: 0.875rem; }
.s-button-icon.s-button-small .s-button-loader:before{ height: 0.875rem; width: 0.875rem; }
.s-button-link{ fill: #414042; fill: var(--color-primary); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.125rem; padding-bottom: 0.125rem; color: #414042; color: var(--color-primary); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.s-button-link:hover{ opacity: 0.7; }
.s-button-disabled{ opacity: 0.5; }
.s-button-fill-none{ border-width: 0px !important; background-color: transparent !important; }
.s-button-outline{ border-width: 1px; border-color: currentColor; }
.s-button-outline:hover{ border-color: transparent; }
.s-button-outline .s-button-loader:before{ border-top-color: currentColor; border-left-color: currentColor; }
.s-button-solid .s-button-loader:before{ border-top-color: rgba(255, 255, 255, 1); border-top-color: rgba(255, 255, 255, var(--tw-border-opacity, 1)); --tw-border-opacity: 1; border-right-color: rgba(255, 255, 255, 1); border-right-color: rgba(255, 255, 255, var(--tw-border-opacity, 1)); border-bottom-color: rgba(255, 255, 255, 0.2); border-left-color: rgba(255, 255, 255, 0.2); }
.s-button-primary{ border-width: 1px; border-color: #414042; border-color: var(--color-primary); background-color: #414042; background-color: var(--color-primary); color: #ff6767; color: var(--color-primary-reverse); }
.s-button-primary:hover{ background-color: var(--color-primary-dark); }
.s-button-success{ border-width: 1px; --tw-border-opacity: 1; border-color: rgba(34, 197, 94, 1); border-color: rgba(34, 197, 94, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(34, 197, 94, 1); background-color: rgba(34, 197, 94, var(--tw-bg-opacity, 1)); fill: #fff; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.s-button-success:hover{ --tw-bg-opacity: 1; background-color: rgba(22, 163, 74, 1); background-color: rgba(22, 163, 74, var(--tw-bg-opacity, 1)); }
.s-button-danger{ border-width: 1px; --tw-border-opacity: 1; border-color: rgba(248, 113, 113, 1); border-color: rgba(248, 113, 113, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(248, 113, 113, 1); background-color: rgba(248, 113, 113, var(--tw-bg-opacity, 1)); fill: #fff; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.s-button-danger:hover{ --tw-bg-opacity: 1; background-color: rgba(239, 68, 68, 1); background-color: rgba(239, 68, 68, var(--tw-bg-opacity, 1)); }
.s-button-warning{ border-width: 1px; --tw-border-opacity: 1; border-color: rgba(251, 191, 36, 1); border-color: rgba(251, 191, 36, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(251, 191, 36, 1); background-color: rgba(251, 191, 36, var(--tw-bg-opacity, 1)); fill: #fff; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.s-button-warning:hover{ --tw-bg-opacity: 1; background-color: rgba(245, 158, 11, 1); background-color: rgba(245, 158, 11, var(--tw-bg-opacity, 1)); }
.s-button-gray{ border-width: 1px; --tw-border-opacity: 1; border-color: rgba(156, 163, 175, 1); border-color: rgba(156, 163, 175, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(156, 163, 175, 1); background-color: rgba(156, 163, 175, var(--tw-bg-opacity, 1)); fill: #fff; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.s-button-gray:hover{ --tw-bg-opacity: 1; background-color: rgba(107, 114, 128, 1); background-color: rgba(107, 114, 128, var(--tw-bg-opacity, 1)); }
.s-button-dark{ border-width: 1px; --tw-border-opacity: 1; border-color: rgba(55, 65, 81, 1); border-color: rgba(55, 65, 81, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(55, 65, 81, 1); background-color: rgba(55, 65, 81, var(--tw-bg-opacity, 1)); fill: #fff; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.s-button-dark:hover{ --tw-bg-opacity: 1; background-color: rgba(31, 41, 55, 1); background-color: rgba(31, 41, 55, var(--tw-bg-opacity, 1)); }
.s-button-light{ border-width: 1px; --tw-border-opacity: 1; border-color: rgba(249, 250, 251, 1); border-color: rgba(249, 250, 251, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-button-light:hover{ --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); }
.s-button-primary-outline{ fill: #414042; fill: var(--color-primary); color: #414042; color: var(--color-primary); }
.s-button-primary-outline:hover{ background-color: #414042; background-color: var(--color-primary); fill: #ff6767; fill: var(--color-primary-reverse); color: #ff6767; color: var(--color-primary-reverse); }
.s-button-success-outline{ fill: #22c55e; --tw-text-opacity: 1; color: rgba(34, 197, 94, 1); color: rgba(34, 197, 94, var(--tw-text-opacity, 1)); }
.s-button-success-outline:hover{ --tw-bg-opacity: 1; background-color: rgba(34, 197, 94, 1); background-color: rgba(34, 197, 94, var(--tw-bg-opacity, 1)); fill: #fff; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.s-button-danger-outline{ fill: #f87171; --tw-text-opacity: 1; color: rgba(248, 113, 113, 1); color: rgba(248, 113, 113, var(--tw-text-opacity, 1)); }
.s-button-danger-outline:hover{ --tw-bg-opacity: 1; background-color: rgba(248, 113, 113, 1); background-color: rgba(248, 113, 113, var(--tw-bg-opacity, 1)); fill: #fff; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.s-button-warning-outline{ fill: #fbbf24; --tw-text-opacity: 1; color: rgba(251, 191, 36, 1); color: rgba(251, 191, 36, var(--tw-text-opacity, 1)); }
.s-button-warning-outline:hover{ --tw-bg-opacity: 1; background-color: rgba(251, 191, 36, 1); background-color: rgba(251, 191, 36, var(--tw-bg-opacity, 1)); fill: #fff; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.s-button-gray-outline{ fill: #9ca3af; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-button-gray-outline:hover{ --tw-bg-opacity: 1; background-color: rgba(156, 163, 175, 1); background-color: rgba(156, 163, 175, var(--tw-bg-opacity, 1)); fill: #fff; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.s-button-dark-outline{ fill: #374151; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.s-button-dark-outline:hover{ --tw-bg-opacity: 1; background-color: rgba(55, 65, 81, 1); background-color: rgba(55, 65, 81, var(--tw-bg-opacity, 1)); fill: #fff; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.s-button-light-outline{ --tw-border-opacity: 1 !important; border-color: rgba(229, 231, 235, 1) !important; border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)) !important; }
.s-button-light-outline{ --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); fill: #6b7280; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-button-light-outline:hover{ --tw-border-opacity: 1 !important; border-color: rgba(229, 231, 235, 1) !important; border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)) !important; }
.s-button-primary-link{ fill: #414042; fill: var(--color-primary); color: #414042; color: var(--color-primary); }
.s-button-success-link{ fill: #22c55e; --tw-text-opacity: 1; color: rgba(34, 197, 94, 1); color: rgba(34, 197, 94, var(--tw-text-opacity, 1)); }
.s-button-danger-link{ fill: #f87171; --tw-text-opacity: 1; color: rgba(248, 113, 113, 1); color: rgba(248, 113, 113, var(--tw-text-opacity, 1)); }
.s-button-warning-link{ fill: #fbbf24; --tw-text-opacity: 1; color: rgba(251, 191, 36, 1); color: rgba(251, 191, 36, var(--tw-text-opacity, 1)); }
.s-button-gray-link{ fill: #9ca3af; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-button-dark-link{ fill: #374151; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.s-button-light-link{ fill: #6b7280; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-button-small{ border-radius: 0.125rem; padding-left: 1rem; padding-right: 1rem; padding-bottom: 0.375rem; padding-top: 0.25rem; font-size: 0.75rem; line-height: 1rem; }
.s-button-large{ padding-left: 2rem; padding-right: 2rem; padding-bottom: 1rem; padding-top: 1rem; font-size: 1.25rem; line-height: 1.75rem; }
.s-button-wide{ width: 100%; }
.s-button-text{ pointer-events: none; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.s-button-loader{ margin-left: 0.5rem; margin-right: 0.5rem; display: flex; align-items: center; justify-content: center; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.s-button-loader::before{ display: inline-block; height: 1rem; content: var(--tw-content); width: 1rem; }
@keyframes spin{
 to{ content: var(--tw-content); transform: rotate(360deg); } }
.s-button-loader::before{ animation: spin 1s linear infinite; border-radius: 9999px; border-width: 2px; border-style: solid; border-top-color: #414042; border-top-color: var(--color-primary); border-left-color: #414042; border-left-color: var(--color-primary); border-bottom-color: rgba(243, 244, 246, 1); border-bottom-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); --tw-border-opacity: 1; border-right-color: rgba(243, 244, 246, 1); border-right-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); --tw-content: ''; content: ''; content: var(--tw-content); }
.s-button-loader-after .s-button-loader{ flex-direction: row; }
.s-button-loader-start.s-button-element:where([dir="ltr"], [dir="ltr"] *){ padding-right: 2rem; padding-left: 2.5rem; }
.s-button-loader-start.s-button-element:where([dir="rtl"], [dir="rtl"] *){ padding-left: 2rem; padding-right: 2.5rem; }
.s-button-loader-start .s-button-loader{ position: absolute; }
input[type=radio].sr-only div.s-button-loader-start .s-button-loader {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-button-loader-start .s-button-loader {
  border-color: var(--color-main);
}
.s-button-loader-start .s-button-loader:where([dir="ltr"], [dir="ltr"] *){ left: 0.5rem; }
.s-button-loader-start .s-button-loader:where([dir="rtl"], [dir="rtl"] *){ right: 0.5rem; }
.s-button-loader-end.s-button-element:where([dir="ltr"], [dir="ltr"] *){ padding-left: 2rem; padding-right: 2.5rem; }
.s-button-loader-end.s-button-element:where([dir="rtl"], [dir="rtl"] *){ padding-right: 2rem; padding-left: 2.5rem; }
.s-button-loader-end .s-button-loader{ position: absolute; }
input[type=radio].sr-only div.s-button-loader-end .s-button-loader {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-button-loader-end .s-button-loader {
  border-color: var(--color-main);
}
.s-button-loader-end .s-button-loader:where([dir="ltr"], [dir="ltr"] *){ right: 0.5rem; }
.s-button-loader-end .s-button-loader:where([dir="rtl"], [dir="rtl"] *){ left: 0.5rem; }
.s-button-loader-center .s-button-loader{ margin: 0px !important; }
.s-button-loader-center .s-button-loader{ position: absolute; top: 50%; left: 50%; --tw-translate-y: -50%; --tw-translate-x: -50%; transform: translate(-50%, -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
input[type=radio].sr-only div.s-button-loader-center .s-button-loader {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-button-loader-center .s-button-loader {
  border-color: var(--color-main);
}
.s-cart-coupons-wrapper{ margin-bottom: 1.25rem; display: block; width: 100%; border-top-width: 1px; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding-top: 1.25rem; padding-bottom: 1.25rem; }
.s-cart-coupons-input-section{ margin-bottom: 0.625rem; }
.s-cart-coupons-coupon-label{ margin-bottom: 0.625rem; display: block; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.s-cart-coupons-coupon-input-container{ position: relative; display: flex; align-items: stretch; }
.s-cart-coupons-coupon-input-container .form-input{ height: auto; flex: 1 1 0%; }
.s-cart-coupons-coupon-input-container .form-input:where([dir="ltr"], [dir="ltr"] *){ border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; }
.s-cart-coupons-coupon-input-container .form-input:where([dir="ltr"], [dir="ltr"] *){ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-right-width: 0px; }
.s-cart-coupons-coupon-input-container .form-input:where([dir="rtl"], [dir="rtl"] *){ border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; }
.s-cart-coupons-coupon-input-container .form-input:where([dir="rtl"], [dir="rtl"] *){ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-left-width: 0px; }
.s-cart-coupons-coupon-input-container .form-input:focus{ position: relative; z-index: 10; }
.s-cart-coupons-coupon-button:where([dir="ltr"], [dir="ltr"] *){ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.s-cart-coupons-coupon-button:where([dir="rtl"], [dir="rtl"] *){ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.s-cart-coupons-coupon-button-remove:where([dir="ltr"], [dir="ltr"] *){ border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; }
.s-cart-coupons-coupon-button-remove:where([dir="ltr"], [dir="ltr"] *){ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }
.s-cart-coupons-coupon-button-remove:where([dir="rtl"], [dir="rtl"] *){ border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; }
.s-cart-coupons-coupon-button-remove:where([dir="rtl"], [dir="rtl"] *){ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; }
.s-cart-coupons-coupon-button-apply:where([dir="ltr"], [dir="ltr"] *){ border-top-right-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; }
.s-cart-coupons-coupon-button-apply:where([dir="rtl"], [dir="rtl"] *){ border-top-left-radius: 0.5rem !important; border-bottom-left-radius: 0.5rem !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; }
.s-cart-coupons-coupon-error{ margin-top: 0.5rem; display: block; font-size: 10px; line-height: 1rem; --tw-text-opacity: 1; color: rgba(239, 68, 68, 1); color: rgba(239, 68, 68, var(--tw-text-opacity, 1)); }
.s-cart-coupons-slider{ width: 100%; padding-left: 0.375rem; padding-right: 0.375rem; overflow: hidden; }
.s-cart-coupons-card{ position: relative; cursor: pointer; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; overflow: hidden; }
.s-cart-coupons-card * {
  pointer-events: none;
}
.dark *.s-cart-coupons-card{ --tw-bg-opacity: 1; background-color: rgba(31, 41, 55, 1); background-color: rgba(31, 41, 55, var(--tw-bg-opacity, 1)); }
.s-cart-coupons-card:hover{ --tw-translate-y: -0.125rem; transform: translate(var(--tw-translate-x), -0.125rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.s-cart-coupons-disabled{ cursor: not-allowed; opacity: 0.5; }
.s-cart-coupons-disabled:hover{ transform: none; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-cart-coupons-top-section{ display: flex; height: 60px; align-items: center; justify-content: space-between; border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; border-width: 1px; border-bottom-width: 0px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding-top: 1rem; padding-bottom: 1rem; padding-left: 0.75rem; padding-right: 0.75rem; flex-direction: row; }
.s-cart-coupons-discount-values{ display: flex; flex-direction: column; align-items: flex-start; }
.s-cart-coupons-discount-values .s-cart-coupons-main-amount{ display: flex; align-items: center; gap: 0.25rem; white-space: nowrap; font-size: 1.25rem; line-height: 1.75rem; font-weight: 900; line-height: 1; --tw-text-opacity: 1; color: rgba(0, 0, 0, 1); color: rgba(0, 0, 0, var(--tw-text-opacity, 1)); }
.s-cart-coupons-discount-values .s-cart-coupons-secondary-info{ margin: 0px; font-size: 10px; line-height: 1rem; }
.s-cart-coupons-code{ font-size: 10px; font-weight: 700; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.account-main > h1.s-cart-coupons-code {
  display: none;
}
.s-cart-coupons-divider{ position: relative; z-index: 10; margin: 0px; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); }
.s-cart-coupons-bottom-section{ display: flex; min-height: 44px; align-items: center; justify-content: space-between; border-bottom-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; border-width: 1px; border-top-width: 0px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.75rem; padding-right: 0.75rem; flex-direction: row; }
.s-cart-coupons-terms{ display: flex; flex-direction: column; align-items: flex-start; }
.s-cart-coupons-terms .s-cart-coupons-expiry{ margin: 0px; font-size: 10px; line-height: 16px; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.s-cart-coupons-terms .s-cart-coupons-minimum{ margin: 0px; font-size: 10px; line-height: 16px; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.s-cart-coupons-terms .s-cart-coupons-expiry.s-cart-coupons-expiry-warning{ font-weight: 500; --tw-text-opacity: 1; color: rgba(220, 38, 38, 1); color: rgba(220, 38, 38, var(--tw-text-opacity, 1)); }
.s-cart-coupons-action{ cursor: pointer; white-space: nowrap; border-width: 0px; background-color: transparent; padding: 0px; font-size: 9px; font-weight: 700; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.account-main > h1.s-cart-coupons-action {
  display: none;
}
.s-cart-coupons-action * {
  pointer-events: none;
}
.s-cart-coupons-action:hover{ --tw-text-opacity: 1; color: rgba(59, 130, 246, 1); color: rgba(59, 130, 246, var(--tw-text-opacity, 1)); }
.s-cart-coupons-slide-one-fourth{ min-width: 200px !important; padding-left: 5px !important; padding-right: 5px !important; padding-top: 2px !important; }
.s-cart-coupons-slide-one-fourth{ width: calc(75% - 10px); }
@media (min-width: 1024px){
 .s-cart-coupons-slide-one-fourth{ width: calc(40% - 10px) !important; } }
.s-cart-coupons-card:before{ pointer-events: none; position: absolute; right: -10px; top: 60px; z-index: 20; height: 1.25rem; width: 1.25rem; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); --tw-content: ''; content: ''; content: var(--tw-content); }
input[type=radio].sr-only div.s-cart-coupons-card:before {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-cart-coupons-card:before {
  border-color: var(--color-main);
}
.dark .s-cart-coupons-card:before{ --tw-bg-opacity: 1; background-color: rgba(31, 41, 55, 1); background-color: rgba(31, 41, 55, var(--tw-bg-opacity, 1)); }
.s-cart-coupons-card:after{ pointer-events: none; position: absolute; left: -10px; top: 60px; z-index: 20; height: 1.25rem; width: 1.25rem; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); --tw-content: ''; content: ''; content: var(--tw-content); }
input[type=radio].sr-only div.s-cart-coupons-card:after {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-cart-coupons-card:after {
  border-color: var(--color-main);
}
.dark .s-cart-coupons-card:after{ --tw-bg-opacity: 1; background-color: rgba(31, 41, 55, 1); background-color: rgba(31, 41, 55, var(--tw-bg-opacity, 1)); }
.s-cart-coupons-coupon-input-container .form-input.s-coupon-input-error{ --tw-shadow: 0 0 0 3px rgba(239,68,68,0.1) !important; --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color) !important; box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 0 3px rgba(239,68,68,0.1) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important; }
.s-cart-item-offers-box{ margin-bottom: 0.75rem; }
.s-cart-item-offers-container{ margin-top: 1.25rem; }
.s-cart-item-offers-paid-free{ margin-bottom: 0.75rem; }
.s-cart-item-offers-paid-free > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.25rem * (1 - 0)); margin-top: calc(0.25rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(0.25rem * calc(1 - 0)); margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * 0); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); }
.s-cart-item-offers-paid-free{ font-weight: 500; }
.s-cart-item-offers-line{ text-align: left; }
.s-cart-item-offers-line:where([dir="ltr"], [dir="ltr"] *){ text-align: left; }
.s-cart-item-offers-line:where([dir="rtl"], [dir="rtl"] *){ text-align: right; }
.s-cart-item-offers-regular-price{ font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); text-decoration-line: line-through; }
.s-cart-item-offers-free-label{ margin-left: 0.5rem; margin-right: 0.5rem; display: inline-block; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(153, 27, 27, 1); color: rgba(153, 27, 27, var(--tw-text-opacity, 1)); }
.s-cart-item-offers-details{ display: flex; align-items: flex-start; gap: 0.625rem; --tw-text-opacity: 1; color: rgba(22, 163, 74, 1); color: rgba(22, 163, 74, var(--tw-text-opacity, 1)); }
.s-cart-item-offers-icon{ --tw-translate-y: -3px; transform: translate(var(--tw-translate-x), -3px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(22, 163, 74, 1); color: rgba(22, 163, 74, var(--tw-text-opacity, 1)); }
.account-main > h1.s-cart-item-offers-icon {
  display: none;
}
.s-cart-item-offers-icon svg{ width: 18px; fill: currentColor; }
.s-cart-item-offers-title{ margin-bottom: 0.5rem; font-weight: 500; }
.s-cart-item-offers-message{ font-size: 0.875rem; line-height: 1.25rem; }
.s-cart-item-offers-discount{ margin-top: 0px; font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-cart-item-offers-show-more-btn{ justify-content: flex-start !important; background-color: transparent !important; padding-left: 0px !important; padding-right: 0px !important; }
.s-cart-item-offers-show-more-btn{ display: flex; align-items: center; font-size: 0.875rem; line-height: 1.25rem; }
.s-cart-item-offers-show-more-btn:hover{ --tw-text-opacity: 1; color: rgba(29, 31, 31, 1); color: rgba(29, 31, 31, var(--tw-text-opacity, 1)); }
.s-cart-item-offers-arrow-icon{ margin-left: 0.125rem; margin-right: 0.125rem; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.s-cart-item-offers-arrow-open{ --tw-rotate: -180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.s-cart-item-offers-show-more-btn svg{ width: 18px; }
.s-cart-item-offers-show-more-label{ display: flex; align-items: center; }
.s-cart-item-offers-collapsed{ margin-top: 0.5rem; }
.s-cart-summary-wrapper{ -webkit-text-decoration: none; text-decoration: none; color: #7c8082; color: var(--color-text); transition: all .5s cubic-bezier(0.2, 1, 0.3, 1); align-items: center; font-weight: bolder; position: relative; display: inline-flex; }
.s-cart-thumb{ position: fixed; transition: all 0.3s cubic-bezier(0.2, 1, 0.3, 1); }
.s-cart-summary-icon svg{ height: 1.25rem; width: 1.25rem; fill: #7c8082; fill: var(--color-text); }
.s-cart-summary-count{ position: absolute; top: -8px; left: -15px; display: inline-flex; height: 1.25rem; width: 1.25rem; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(248, 113, 113, 1); background-color: rgba(248, 113, 113, var(--tw-bg-opacity, 1)); padding: 0.25rem; font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
input[type=radio].sr-only div.s-cart-summary-count {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-cart-summary-count {
  border-color: var(--color-main);
}
.s-cart-summary-count:where([dir="rtl"], [dir="rtl"] *){ left: auto; left: initial; right: -15px; }
.s-cashback-banner-container{ margin-bottom: 0.75rem; display: flex; width: 100%; align-items: center; gap: 0.5rem; border-radius: 0.5rem; background-color: rgba(46, 16, 101, 0.1); background-color: rgba(46, 16, 101, var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.1; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.5rem; padding-bottom: 0.5rem; }
.s-cashback-banner-icon{ display: flex; height: 2rem; width: 2rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(46, 16, 101, 1); background-color: rgba(46, 16, 101, var(--tw-bg-opacity, 1)); }
.s-cashback-banner-label{ font-size: 0.875rem; line-height: 1.25rem; }
.s-cashback-banner-value{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(46, 16, 101, 1); color: rgba(46, 16, 101, var(--tw-text-opacity, 1)); }
.account-main > h1.s-cashback-banner-value {
  display: none;
}
.s-color-picker-main{ margin: 0.25rem; display: inline-block; }
.s-color-picker-main .picker_wrapper{ margin: 0px !important; --tw-shadow: 0 0 rgba(0,0,0,0) !important; --tw-shadow-colored: 0 0 rgba(0,0,0,0) !important; box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important; }
.s-color-picker-main .picker_arrow{ display: none; }
.s-color-picker-widget{ display: flex; width: auto; width: -moz-fit-content; width: fit-content; align-items: center; justify-content: space-between; border-radius: .75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(209, 213, 219, 1); border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 0.25rem; }
.s-color-picker-widget svg{ height: 1.25rem; width: 1.25rem; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; }
.s-color-picker-widget span{ font-size: 1.125rem; line-height: 1.75rem; }
.s-color-picker-widget-canvas{ height: 2rem; width: 2rem; }
.s-comment-form-wrapper{ display: flex; align-items: flex-start; }
.s-comment-form-input{ height: 6rem; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: .75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); outline: 2px solid transparent; outline-offset: 2px; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.s-comment-form-input:focus{ border-color: #414042; border-color: var(--color-primary); --tw-ring-offset-width: 0px; }
.dark *.s-comment-form-input{ --tw-border-opacity: 1; border-color: rgba(75, 85, 99, 1); border-color: rgba(75, 85, 99, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(75, 85, 99, 1); background-color: rgba(75, 85, 99, var(--tw-bg-opacity, 1)); }
.s-comment-form-action{ margin-bottom: 1rem; margin-top: 0.5rem; display: flex; align-items: center; justify-content: flex-end; }
.s-comment-form-avatar{ margin-right: 1.25rem; height: 4rem; width: 4rem; flex-shrink: 0; border-radius: 9999px; -o-object-fit: cover; object-fit: cover; }
.s-comment-form-avatar:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0px; margin-left: 1.25rem; }
.s-comment-form-content{ width: 100%; }
.s-comment-form-action salla-button{ width: 100%; }
@media (min-width: 768px){
 .s-comment-form-action salla-button{ width: auto; } }
.s-comment-form-action salla-button button{ padding-left: 2.5rem; padding-right: 2.5rem; }
.s-comments-page-container{ margin-right: auto; margin-left: auto; width: 100%; padding-left: 0px; padding-right: 0px; }
.s-comments-container{ margin-right: auto; margin-left: auto; width: 100%; padding-right: 0.5rem; padding-left: 0.5rem; }
.s-comments-title{ margin-bottom: 0.5rem; font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; }
.account-main > h1.s-comments-title {
  display: none;
}
@media (min-width: 640px){
 .s-comments-title{ margin-bottom: 1.25rem; } }
.s-comments-count-label{ font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.account-main > h1.s-comments-count-label {
  display: none;
}
.dark *.s-comments-count-label{ --tw-text-opacity: 1; color: rgba(209, 213, 219, 1); color: rgba(209, 213, 219, var(--tw-text-opacity, 1)); }
.s-comments-testimonials .s-comments-count-label{ margin-bottom: 2rem; }
.s-comments-item-wrapper{ font-size: 0.875rem; line-height: 1.25rem; }
.s-comments-item-inner{ display: flex; }
.s-comments-item-inner > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.75rem * 0); margin-right: calc(0.75rem * var(--tw-space-x-reverse)); margin-left: calc(0.75rem * (1 - 0)); margin-left: calc(0.75rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.75rem * calc(1 - 0)); margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); }
.s-comments-item-inner:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-comments-item{ margin-bottom: 2rem; display: block; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding-bottom: 2rem; }
.s-comments-item:last-child{ border-width: 0px; padding-bottom: 0px; }
.s-comments-item-admin-wrapper{ margin-top: 2rem; display: flex; }
.s-comments-item-admin-wrapper:where([dir="ltr"], [dir="ltr"] *){ padding-left: 2rem; }
@media (min-width: 768px){
 .s-comments-item-admin-wrapper:where([dir="ltr"], [dir="ltr"] *){ padding-left: 4rem; } }
.s-comments-item-admin-wrapper:where([dir="rtl"], [dir="rtl"] *){ padding-right: 2rem; }
@media (min-width: 768px){
 .s-comments-item-admin-wrapper:where([dir="rtl"], [dir="rtl"] *){ padding-right: 4rem; } }
.s-comments-item-avatar{ flex: none; }
.s-comments-item-avatar-img{ height: 2.5rem; width: 2.5rem; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); -o-object-fit: cover; object-fit: cover; }
.s-comments-item-timestamp{ display: flex; align-items: center; gap: 0.375rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
.dark *.s-comments-item-timestamp{ --tw-text-opacity: 1; color: rgba(229, 231, 235, 1); color: rgba(229, 231, 235, var(--tw-text-opacity, 1)); }
.s-comments-item-time{ display: block; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); opacity: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.dark *.s-comments-item-time{ --tw-text-opacity: 1; color: rgba(229, 231, 235, 1); color: rgba(229, 231, 235, var(--tw-text-opacity, 1)); }
.s-comments-item-timestamp:hover span{ opacity: 1; }
.s-comments-item-pending-text{ margin-top: 0.5rem; display: inline-block; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(229, 231, 235, 1); background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1)); padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0.125rem; padding-bottom: 0.125rem; }
.s-comments-item-has-order-check-icon{ display: flex; height: 1.25rem; width: 1.25rem; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(251, 191, 36, 1); background-color: rgba(251, 191, 36, var(--tw-bg-opacity, 1)); font-size: 0.75rem; line-height: 1rem; }
.s-comments-item-pinned-icon{ display: flex; height: 1.25rem; width: 1.25rem; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(229, 231, 235, 1); background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1)); font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-comments-item-reply-icon svg{ height: 1rem; width: 1rem; fill: #9ca3af; }
.s-comments-item-has-order-check-icon svg{ height: 0.75rem; width: 0.75rem; }
.s-comments-item-pinned-icon i{ font-size: 0.75rem; line-height: 1rem; }
.s-comments-item-has-order-check-text{ margin-top: 0.125rem; display: inline-block; --tw-translate-y: -2px; transform: translate(var(--tw-translate-x), -2px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); }
.s-comments-item-has-order-check-text:where([dir="ltr"], [dir="ltr"] *){ margin-left: 0.25rem; }
.s-comments-item-has-order-check-text:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0.25rem; }
.s-comments-item-user-info-name{ display: inline-block; --tw-translate-y: -2px; transform: translate(var(--tw-translate-x), -2px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); font-size: 1rem; line-height: 1.5rem; font-weight: 700; }
.account-main > h1.s-comments-item-user-info-name {
  display: none;
}
.s-comments-item-user-info-name:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.5rem; }
.s-comments-item-user-info-name:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.5rem; }
.s-comments-item-user-info-name-with-margin{ display: inline-block; --tw-translate-y: -2px; transform: translate(var(--tw-translate-x), -2px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); font-size: 1rem; line-height: 1.5rem; font-weight: 700; }
.account-main > h1.s-comments-item-user-info-name-with-margin {
  display: none;
}
.s-comments-item-user-info-name-with-margin:where([dir="ltr"], [dir="ltr"] *){ margin-right: 2.5rem; }
.s-comments-item-user-info-name-with-margin:where([dir="rtl"], [dir="rtl"] *){ margin-left: 2.5rem; }
.s-comments-item-pinned-icon-with-margin{ display: flex; height: 1.25rem; width: 1.25rem; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(229, 231, 235, 1); background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1)); font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-comments-item-pinned-icon-with-margin:where([dir="ltr"], [dir="ltr"] *){ margin-right: 2.5rem; margin-left: 0.5rem; }
.s-comments-item-pinned-icon-with-margin:where([dir="rtl"], [dir="rtl"] *){ margin-left: 2.5rem; margin-right: 0.5rem; }
.s-comments-item-stars{ margin-bottom: 0.625rem; width: 100%; }
.s-comments-item-stars > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.25rem * 0); margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * (1 - 0)); margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.25rem * calc(1 - 0)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); }
.s-comments-item-stars{ font-size: 0.75rem; line-height: 1rem; }
.s-comments-item-stars:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-comments-item-rated-widget{ margin-top: 0.125rem; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); }
.s-comments-item-rated-widget:where([dir="ltr"], [dir="ltr"] *){ margin-left: 0.25rem; }
.s-comments-item-rated-widget:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0.25rem; }
.s-comments-flex-1{ flex: 1 1 0%; }
.s-comments-flex{ display: flex; }
.s-comments-item-user-info{ margin-bottom: 0.25rem; display: flex; align-items: center; }
.s-comments-item-user-wrapper{ margin-bottom: 0.5rem; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
@media (min-width: 768px){
 .s-comments-item-user-wrapper{ margin-bottom: 0px; } }
.s-comments-item-content{ max-width: none; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.dark *.s-comments-item-content{ --tw-text-opacity: 1; color: rgba(249, 250, 251, 1); color: rgba(249, 250, 251, var(--tw-text-opacity, 1)); }
.s-comments-placeholder{ display: flex; flex-direction: column; align-items: center; justify-content: center; padding-top: 2.5rem; padding-bottom: 5rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-comments-placeholder p{ padding-top: 0.5rem; text-align: center; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-comments-placeholder span{ margin-bottom: 1rem; display: flex; height: 8rem; width: 8rem; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); font-size: 3rem; line-height: 1; --tw-text-opacity: 1; color: rgba(209, 213, 219, 1); color: rgba(209, 213, 219, var(--tw-text-opacity, 1)); }
.s-comments-placeholder span svg{ margin-left: auto; margin-right: auto; height: 4rem; width: 4rem; fill: #d1d5db; text-align: center; }
.s-comments-item-like-btn{ margin-top: 0.5rem; }
.s-comments-item-like-btn .s-button-text{ display: flex; gap: 0.5rem; flex-direction: row-reverse; }
.s-comments-item-like-btn span svg{ height: 0.75rem; width: 0.75rem; }
.s-comments-item-images{ margin-top: 0.5rem; display: flex; align-items: center; gap: 0.75rem; }
.s-comments-item-images img{ height: 5rem; width: 5rem; cursor: pointer; border-radius: 0.375rem; -o-object-fit: cover; object-fit: cover; }
.s-comments-item-images img * {
  pointer-events: none;
}
@media (min-width: 640px){
 .s-comments-item-images img{ height: 120px; width: 120px; } }
.s-comments-item-images-slider{ margin-top: 1.25rem; }
.s-comments-item-images-slider .s-modal-close{ background-color: transparent; }
.s-comments-item-images-slider-thumb{ height: auto; width: 100%; max-width: 250px; }
@media (min-width: 640px){
 .s-comments-item-images-slider-thumb{ width: 50%; max-width: 320px; } }
@media (min-width: 768px){
 .s-comments-item-images-slider-thumb{ width: 33.333333%; } }
@media (min-width: 1024px){
 .s-comments-item-images-slider-thumb{ width: 25%; } }
.s-comments-item-images-slider-thumb img{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; }
.s-comments-header{ margin-top: 1.5rem; margin-bottom: 1.5rem; display: flex; align-items: center; justify-content: space-between; }
.s-comments-header:not(.has-total){ justify-content: flex-end !important; }
.s-comments-sort-input{ width: 10rem; }
.s-comments-filter-wrapper{ display: flex; align-items: center; }
.s-comments-filter-label{ display: none; white-space: nowrap; }
@media (min-width: 640px){
 .s-comments-filter-label{ display: block; } }
.s-comments-filter-label:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.75rem; }
.s-comments-filter-label:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.75rem; }
.s-comments-container salla-reviews-summary{ margin-top: 1.5rem; }
.s-comments-item-content-container{ display: flex; align-items: center; gap: 0.5rem; flex-direction: row; }
.s-conditional-offer-container{ position: relative; display: inline-flex; width: 100%; flex-direction: column; align-items: center; justify-content: flex-start; gap: 1.25rem; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1rem; padding-bottom: 4rem; }
@media (min-width: 768px){
 .s-conditional-offer-container{ padding-left: 2.5rem; padding-right: 2.5rem; padding-top: 2rem; padding-bottom: 2rem; } }
.s-conditional-offer-title-wrapper{ display: flex; flex-direction: column; align-items: center; justify-content: flex-start; align-self: stretch; }
.s-conditional-offer-title{ text-align: center; font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; color: var(--color-primary-dark); }
.account-main > h1.s-conditional-offer-title {
  display: none;
}
.s-conditional-offer-subtitle{ display: inline-flex; align-items: center; justify-content: center; gap: 0.25rem; align-self: stretch; text-align: center; font-size: 0.75rem; line-height: 1rem; font-weight: 400; --tw-text-opacity: 1; color: rgba(64, 64, 64, 1); color: rgba(64, 64, 64, var(--tw-text-opacity, 1)); }
.s-conditional-offer-subtitle i{ position: relative; }
.s-conditional-offer-progress-line{ height: 1px; align-self: stretch; background-color: #414042; background-color: var(--color-primary); }
.s-conditional-offer-checkpoint-border{ display: flex; height: 60px; min-width: 60px; flex-direction: column; align-items: center; justify-content: center; border-radius: 9999px; border-width: 1px; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); }
.s-conditional-offer-checkpoint-border-colored{ border-color: #414042; border-color: var(--color-primary); color: var(--color-primary-dark); }
.s-conditional-offer-product-link{ display: grid; aspect-ratio: 1 / 1; height: 58px; align-content: center; justify-content: center; place-content: center; border-radius: 9999px; overflow: hidden; }
.s-conditional-offer-checkpoint-image-content{ height: 58px; width: 58px; -o-object-fit: cover; object-fit: cover; }
.s-conditional-offer-progress-container{ position: relative; margin-bottom: 2rem; display: flex; height: 8rem; width: 100%; align-items: center; justify-content: center; flex-wrap: wrap; }
@media (min-width: 768px){
 .s-conditional-offer-progress-container{ height: 4rem; } }
.s-conditional-offer-item-avatar-content{ text-align: center; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; }
.account-main > h1.s-conditional-offer-item-avatar-content {
  display: none;
}
.s-conditional-offer-item-avatar-content.active{ color: var(--color-primary-dark); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
.s-conditional-offer-item-avatar-content.\!active{ color: var(--color-primary-dark); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
.s-conditional-offer-checkpoint{ position: relative; display: flex; height: 60px; width: 60px; flex-shrink: 0; flex-direction: column; align-items: center; justify-content: center; border-radius: 9999px; border-width: 1px; }
.s-conditional-offer-progress-line-container{ display: grid; width: 100%; grid-template-areas: 'progress-line'; overflow: hidden; }
.s-conditional-offer-progress-line-inactive{ height: 1.5px; width: 100%; --tw-bg-opacity: 1; background-color: rgba(209, 213, 219, 1); background-color: rgba(209, 213, 219, var(--tw-bg-opacity, 1)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); grid-area: progress-line; }
.s-conditional-offer-progress-line-active{ height: 1.5px; width: 0%; background-color: #414042; background-color: var(--color-primary); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); grid-area: progress-line; }
.s-conditional-offer-checkpoint-label{ position: absolute; top: 100%; left: 50%; width: -moz-max-content; width: max-content; --tw-translate-x: -50%; --tw-translate-y: 20%; transform: translate(-50%, 20%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
input[type=radio].sr-only div.s-conditional-offer-checkpoint-label {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-conditional-offer-checkpoint-label {
  border-color: var(--color-main);
}
.s-conditional-offer-checkpoint-label.active{ color: var(--color-primary-dark); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
.s-conditional-offer-checkpoint-label.\!active{ color: var(--color-primary-dark); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
.s-conditional-offer-checkpoint-label.first-checkpoint{ --tw-translate-y: 132%; transform: translate(var(--tw-translate-x), 132%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.s-conditional-offer-checkpoint-label.first-checkpoint:where([dir="ltr"], [dir="ltr"] *){ --tw-translate-x: 0%; transform: translate(0%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.s-conditional-offer-checkpoint-label.first-checkpoint:where([dir="rtl"], [dir="rtl"] *){ --tw-translate-x: -100%; transform: translate(-100%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.s-conditional-offer-checkpoint-container{ position: relative; display: flex; align-items: center; }
.s-conditional-offer-active-checkpoint{ display: flex; justify-content: center; border-color: #414042; border-color: var(--color-primary); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
.s-conditional-offer-skeleton-inner-container{ margin-bottom: 2rem; width: 100%; }
@media (min-width: 768px){
 .s-conditional-offer-skeleton-inner-container{ margin-bottom: 0px; } }
.s-conditional-offer-skeleton-title{ margin-bottom: 1rem; display: flex; justify-content: center; }
.s-conditional-offer-skeleton-subtitle{ margin-bottom: 1.5rem; display: flex; justify-content: center; }
.s-conditional-offer-skeleton-checkpoints-wrapper{ display: flex; align-items: center; }
.s-contacts-title{ margin-bottom: 0.75rem; font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; }
.account-main > h1.s-contacts-title {
  display: none;
}
@media (min-width: 1024px){
 .s-contacts-title{ margin-bottom: 1.25rem; } }
.s-contacts-header{ display: none; align-items: center; }
@media (min-width: 1024px){
 .s-contacts-header{ display: flex; } }
.s-contacts-topnav-link{ display: inline-block; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 1px; padding-bottom: 1px; font-size: 0.875rem; line-height: 1.25rem; line-height: 1; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.s-contacts-topnav-link:hover{ opacity: 0.8; }
.s-contacts-topnav-link:where([dir="ltr"], [dir="ltr"] *){ border-right-width: 1px; }
.s-contacts-topnav-link:last-child:where([dir="ltr"], [dir="ltr"] *){ border-width: 0px; padding-right: 0px; }
.s-contacts-topnav-link:where([dir="rtl"], [dir="rtl"] *){ border-left-width: 1px; }
.s-contacts-topnav-link:last-child:where([dir="rtl"], [dir="rtl"] *){ border-width: 0px; padding-left: 0px; }
.s-contacts-item{ display: flex; align-items: center; font-size: 0.875rem; line-height: 1.25rem; line-height: 1; }
.s-contacts-icon{ display: flex; height: 2rem; width: 2rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 9999px; border-width: 1px; }
.s-contacts-icon:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.625rem; }
.s-contacts-icon:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.625rem; }
.s-contacts-icon svg{ height: 0.875rem; width: 0.875rem; fill: currentColor; }
.s-contacts-list{ display: flex; gap: 1rem; }
.s-contacts-list-horizontal{ align-items: center; }
.s-contacts-list-vertical{ flex-direction: column; }
.s-contacts-list-icons-only .s-contacts-icon{ margin-left: 0px; margin-right: 0px; }
.s-count-down-wrapper{ position: relative; }
.s-count-down-list{ margin-left: -0.25rem; margin-right: -0.25rem; margin-bottom: 1.25rem; margin-top: 0.625rem; display: flex; align-items: center; justify-content: space-between; }
.s-count-down-list:where([dir="ltr"], [dir="ltr"] *){ flex-direction: row-reverse; }
.s-count-down-list:where([dir="rtl"], [dir="rtl"] *){ flex-direction: row; }
.s-count-down-item{ position: relative; margin-left: 0.25rem; margin-right: 0.25rem; display: flex; flex: 1 1 0%; flex-direction: column; align-items: center; justify-content: center; padding-top: 0.5rem; padding-bottom: 0.5rem; font-family: var(--font-main); font-weight: 700; }
.account-main > h1.s-count-down-item {
  display: none;
}
.s-count-down-item::after{ position: absolute; left: -2px; font-family: inherit; --tw-content: ':'; content: ':'; content: var(--tw-content); }
.s-count-down-item:last-child::after{ --tw-content: ''; content: ''; content: var(--tw-content); }
.s-count-down-item-label{ margin-top: 0.25rem; display: block; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); opacity: 0.4; }
.s-count-down-boxed .s-count-down-item{ border-radius: .75rem; --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); }
.s-count-down-boxed .s-count-down-item::after{ --tw-content: ''; content: ''; content: var(--tw-content); }
.s-count-down-sm .s-count-down-item{ font-size: 1rem; line-height: 1.5rem; font-weight: 400; }
.s-count-down-sm .s-count-down-item::after{ content: var(--tw-content); font-size: 1rem; line-height: 1.5rem; }
.s-count-down-sm + .s-count-down-end-text{ font-size: 1rem; line-height: 1.5rem; font-weight: 400; }
.s-count-down-md .s-count-down-item{ font-size: 1.125rem; line-height: 1.75rem; font-weight: 500; }
.s-count-down-md .s-count-down-item::after{ content: var(--tw-content); font-size: 1.125rem; line-height: 1.75rem; }
.s-count-down-md + .s-count-down-end-text{ font-size: 1.125rem; line-height: 1.75rem; font-weight: 500; }
.s-count-down-lg .s-count-down-item{ font-size: 1.875rem; line-height: 2.25rem; font-weight: 700; }
.account-main > h1.s-count-down-lg .s-count-down-item {
  display: none;
}
.s-count-down-lg .s-count-down-item::after{ content: var(--tw-content); font-size: 1.875rem; line-height: 2.25rem; }
.s-count-down-lg + .s-count-down-end-text{ font-size: 1.5rem; line-height: 2rem; font-weight: 700; }
.account-main > h1.s-count-down-lg + .s-count-down-end-text {
  display: none;
}
.s-count-down-light .s-count-down-item{ --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.s-count-down-light .s-count-down-item::after{ content: var(--tw-content); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.s-count-down-dark .s-count-down-item{ --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
.s-count-down-dark .s-count-down-item::after{ content: var(--tw-content); --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
.s-count-down-primary .s-count-down-item{ color: #414042; color: var(--color-primary); }
.s-count-down-primary .s-count-down-item::after{ content: var(--tw-content); color: #414042; color: var(--color-primary); }
.s-count-down-ended .s-count-down-item{ --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); opacity: 0.1; }
.s-count-down-ended .s-count-down-item::after{ content: var(--tw-content); --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-count-down-end-text{ position: absolute; top: 50%; left: 50%; --tw-translate-x: -50%; --tw-translate-y: -50%; transform: translate(-50%, -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); font-family: var(--font-main); --tw-text-opacity: 1; color: rgba(234, 84, 85, 1); color: rgba(234, 84, 85, var(--tw-text-opacity, 1)); }
input[type=radio].sr-only div.s-count-down-end-text {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-count-down-end-text {
  border-color: var(--color-main);
}
.s-count-down-text-center{ text-align: center; }
.s-count-down-info-message{ display: flex; gap: 0.5rem; padding-top: 0.625rem; padding-bottom: 0.625rem; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(37, 99, 235, 1); color: rgba(37, 99, 235, var(--tw-text-opacity, 1)); }
.s-count-down-pre-order{ display: flex; flex: 1 1 0%; flex-direction: column; align-items: center; gap: 0.5rem; }
@media (min-width: 1024px){
 .s-count-down-pre-order{ flex-direction: row; } }
.s-count-down-pre-order .s-count-down-item{ position: relative; display: flex; height: 2.7rem; width: 2.25rem; flex-direction: column; align-items: center; justify-content: center; border-radius: 2px; }
.s-count-down-pre-order .s-count-down-item::after{ left: -7px; --tw-content: ':'; content: ':'; content: var(--tw-content); }
.s-count-down-pre-order .s-count-down-item:last-child::after{ --tw-content: ''; content: ''; content: var(--tw-content); }
.s-count-down-pre-order-container{ margin-bottom: 1.25rem; margin-top: 0.625rem; display: flex; flex-direction: column; align-items: center; gap: 0.5rem; }
@media (min-width: 1024px){
 .s-count-down-pre-order-container{ flex-direction: row; } }
.s-count-down-pre-order-container .s-count-down-list{ margin: 0px; padding: 0px; }
.s-count-down-pre-order .s-count-down-item-value{ font-size: 1rem; line-height: 1.5rem; font-weight: 700; line-height: 1; }
.account-main > h1.s-count-down-pre-order .s-count-down-item-value {
  display: none;
}
.s-count-down-pre-order .s-count-down-item-label{ margin-top: 0px; font-size: 0.6rem; opacity: 1; }
.s-count-down-horizontal{ display: inline-flex; align-items: center; gap: 0.75rem; border-radius: 0.75rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; --tw-numeric-spacing: tabular-nums; font-feature-settings: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) tabular-nums var(--tw-numeric-fraction); font-feature-settings: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) tabular-nums var(--tw-numeric-fraction); font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); line-height: 1; flex-direction: row; }
.s-count-down-horizontal.s-count-down-ended{ opacity: 0.5; }
.s-count-down-horizontal .s-count-down-list{ margin: 0px; width: auto; justify-content: flex-start; padding-left: 0px; padding-right: 0px; }
.s-count-down-horizontal .s-count-down-list .s-count-down-item{ margin-left: 0.25rem; margin-right: 0.25rem; height: 1.75rem; min-width: 2rem; flex: none; border-radius: 0.375rem; background-color: #414042; background-color: var(--color-primary); padding-top: 0px; padding-bottom: 0px; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; line-height: 1.5; color: #ff6767; color: var(--color-primary-reverse); }
.s-count-down-horizontal .s-count-down-list .s-count-down-item::after{ font-weight: 600; content: var(--tw-content); color: #414042; color: var(--color-primary); }
.s-count-down-horizontal .s-count-down-item-label{ margin-top: 0.125rem; font-size: 0.625rem; line-height: 1; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); opacity: 0.7; }
.s-count-down-with-button{ display: inline-flex; align-items: center; -moz-column-gap: 0.75rem; column-gap: 0.75rem; }
.s-count-down-with-button button .s-button-text{ display: flex; align-items: center; -moz-column-gap: 0.5rem; column-gap: 0.5rem; }
.s-count-down-with-button button .s-button-text:where([dir="ltr"], [dir="ltr"] *){ flex-direction: row-reverse; }
.s-count-down-with-button button .s-button-text:where([dir="rtl"], [dir="rtl"] *){ flex-direction: row; }
.s-count-down-prefix-text{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; color: #414042; color: var(--color-primary); }
.account-main > h1.s-count-down-prefix-text {
  display: none;
}
.s-custom-fields-wrapper{ display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap: 1.5rem; gap: 1.5rem; }
@media (min-width: 640px){
 .s-custom-fields-wrapper{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; } }
.s-custom-fields-required{ --tw-text-opacity: 1; color: rgba(239, 68, 68, 1); color: rgba(239, 68, 68, var(--tw-text-opacity, 1)); }
.s-custom-fields-submit-btn{ grid-column: 1 / -1; width: 100%; }
.s-custom-fields-field-error{ --tw-text-opacity: 1; color: rgba(239, 68, 68, 1); color: rgba(239, 68, 68, var(--tw-text-opacity, 1)); }
.s-custom-fields-field-label{ margin-bottom: 0.5rem; display: block; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.account-main > h1.s-custom-fields-field-label {
  display: none;
}
.s-custom-fields-skeleton-wrapper{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(3, minmax(0, 1fr)); grid-gap: 3rem; gap: 3rem; }
.s-custom-fields-filepond-placeholder{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.s-custom-fields-filepond-placeholder-icon{ margin-bottom: 0.25rem; }
.s-custom-fields-filepond-placeholder-icon svg{ height: 1.5rem; width: 1.5rem; fill: #7c8082; }
.s-datetime-picker-input{ display: block; width: 100%; border-radius: .75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(209, 213, 219, 1); border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.s-datetime-picker-input:focus{ border-color: #414042; border-color: var(--color-primary); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); }
.flatpickr-day.selected{ background: #414042; background: var(--color-primary); border-color: #414042; border-color: var(--color-primary); }
.flatpickr-day.selected:hover{ background: #414042; background: var(--color-primary); border-color: #414042; border-color: var(--color-primary); opacity: 0.8; }
.flatpickr-months{ position: relative; padding: 10px; background: #414042; background: var(--color-primary); border-radius: 4px 4px 0 0; }
.flatpickr-months *{ color: #fff; }
.flatpickr-months .flatpickr-current-month{ height: auto; padding: 0; }
.flatpickr-months .flatpickr-month{ padding-top: 4px; }
.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{ height: 100%; display: flex; justify-content: center; flex-direction: column; font-size: 20px; }
.flatpickr-months .flatpickr-monthDropdown-months{ padding: 0; margin: 0; margin-right: 15px; padding-right: 5px; }
.flatpickr-months .flatpickr-monthDropdown-months,.flatpickr-months .numInputWrapper{ background: transparent !important; }
.flatpickr-months .flatpickr-monthDropdown-months,.flatpickr-months .numInputWrapper{ font-size: var(--font-base); -webkit-appearance: none; -moz-appearance: none; appearance: none; min-width: 55px; }
@media (max-width: 768px){
 [dir='rtl'] .flatpickr-calendar{ right: 30px !important; } }
.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{ border-bottom-color: #414042; border-bottom-color: var(--color-primary); }
.s-delivery-promise-wrapper{ display: block; font-family: inherit; }
.s-delivery-promise-container{ position: relative; margin-bottom: 0.75rem; border-radius: 0.5rem; border-width: 1px; border-color: #e5e7eb; border-color: var(--color-border,#e5e7eb); background-color: #fff; background-color: var(--color-surface,#fff); padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; }
.s-delivery-promise-header{ display: flex; cursor: pointer; align-items: center; padding-top: 0.25rem; padding-bottom: 0.25rem; }
.s-delivery-promise-header * {
  pointer-events: none;
}
.s-delivery-promise-skeleton .s-delivery-promise-header-skeleton{ pointer-events: none; cursor: default; }
.s-delivery-promise-skeleton .s-delivery-promise-location salla-skeleton{ display: block; flex-shrink: 0; }
.s-delivery-promise-location{ display: flex; align-items: center; gap: 0.5rem; }
.s-delivery-promise-title{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; color: #2b2d34; color: var(--color-text-primary,#2b2d34); }
.account-main > h1.s-delivery-promise-title {
  display: none;
}
.s-delivery-promise-arrow{ font-size: 1.125rem; line-height: 1.75rem; color: #666; color: var(--color-text-secondary,#666); transition-property: transform; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.s-delivery-promise-arrow.open{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.s-delivery-promise-message{ margin-top: 0.5rem; font-size: 13px; line-height: 1.5; color: #2b2d34; color: var(--color-text-secondary,#2b2d34); }
.s-delivery-promise-loading{ margin-top: 0.75rem; padding-top: 0.75rem; }
.s-delivery-promise-error{ margin-top: 0.75rem; padding-top: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; color: #dc3545; color: var(--color-danger,#dc3545); }
.s-delivery-promise-city-modal .s-modal-title{ font-weight: 700; color: #414042; color: var(--color-primary,#00897b); }
.account-main > h1.s-delivery-promise-city-modal .s-modal-title {
  display: none;
}
.s-delivery-promise-city-modal .s-modal-sub-title{ font-size: 0.875rem; line-height: 1.25rem; line-height: 1.45; color: #5c6c7c; color: var(--color-text-secondary,#5c6c7c); }
.s-delivery-promise-city-modal .s-modal-body{ overflow: visible !important; }
.s-delivery-promise-city-modal .s-modal-body > salla-button{ position: relative; z-index: 0; margin-top: 1rem; }
.s-delivery-promise-modal-body{ position: relative; z-index: 10; margin-bottom: 1rem; display: flex; flex-direction: column; gap: 0.75rem; text-align: left; }
.s-delivery-promise-modal-body:where([dir="ltr"], [dir="ltr"] *){ text-align: left; }
.s-delivery-promise-modal-body:where([dir="rtl"], [dir="rtl"] *){ text-align: right; }
.s-delivery-promise-modal-combobox{ position: relative; isolation: isolate; }
.s-delivery-promise-modal-field-label{ display: block; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; color: #2b2d34; color: var(--color-text-primary,#2b2d34); }
.s-delivery-promise-modal-required{ color: #dc3545; color: var(--color-danger,#dc3545); }
.s-delivery-promise-modal-search{ display: flex; align-items: center; gap: 0.5rem; border-radius: 0.5rem; border-width: 1px; border-color: #e5e7eb; border-color: var(--color-border,#e5e7eb); background-color: #fff; background-color: var(--color-surface,#fff); padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.625rem; padding-bottom: 0.625rem; }
.s-delivery-promise-modal-search .sicon-search{ flex-shrink: 0; font-size: 1rem; line-height: 1.5rem; color: #999; color: var(--color-text-secondary,#999); }
.s-delivery-promise-modal-search input{ min-width: 0px; flex: 1 1 0%; border-width: 0px; background-color: transparent; font-size: 0.875rem; line-height: 1.25rem; color: #333; color: var(--color-text-primary,#333); outline: 2px solid transparent; outline-offset: 2px; }
.s-delivery-promise-modal-search input::-moz-placeholder{ color: #999; color: var(--color-text-secondary,#999); }
.s-delivery-promise-modal-search input::placeholder{ color: #999; color: var(--color-text-secondary,#999); }
.s-delivery-promise-modal-popover{ position: absolute; left: 0px; right: 0px; top: calc(100% + 4px); z-index: 1; border-radius: 0.5rem; border-width: 1px; border-color: #e5e7eb; border-color: var(--color-border,#e5e7eb); background-color: #fff; background-color: var(--color-surface,#fff); --tw-shadow: 0 8px 24px rgba(0,0,0,0.12); --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 8px 24px rgba(0,0,0,0.12); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
input[type=radio].sr-only div.s-delivery-promise-modal-popover {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-delivery-promise-modal-popover {
  border-color: var(--color-main);
}
.s-delivery-promise-modal-list{ max-height: min(40vh, 260px); overflow-y: auto; background-color: #fff; background-color: var(--color-surface,#fff); }
.s-delivery-promise-modal-item{ margin: 0px; display: flex; width: 100%; cursor: pointer; align-items: center; justify-content: space-between; gap: 0.5rem; border-width: 0px; border-bottom-width: 1px; border-color: #eee; border-color: var(--color-border,#eee); background-color: transparent; padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; text-align: left; color: #2b2d34; color: var(--color-text-primary,#2b2d34); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.s-delivery-promise-modal-item * {
  pointer-events: none;
}
.s-delivery-promise-modal-item:where([dir="ltr"], [dir="ltr"] *){ text-align: left; }
.s-delivery-promise-modal-item:where([dir="rtl"], [dir="rtl"] *){ text-align: right; }
.s-delivery-promise-modal-item:last-child{ border-bottom-width: 0px; }
.s-delivery-promise-modal-item--selected{ background-color: rgba(0,137,123,0.08); background-color: var(--color-primary-light,rgba(0,137,123,0.08)); }
.s-delivery-promise-modal-item--selected .s-delivery-promise-modal-item-name{ font-weight: 600; color: #414042; color: var(--color-primary,#00897b); }
.s-delivery-promise-modal-item .sicon-check{ flex-shrink: 0; font-size: 0.875rem; line-height: 1.25rem; color: #414042; color: var(--color-primary,#00897b); }
.s-delivery-promise-modal-empty{ padding-left: 1rem; padding-right: 1rem; padding-top: 1.5rem; padding-bottom: 1.5rem; text-align: center; font-size: 0.875rem; line-height: 1.25rem; color: #999; color: var(--color-text-secondary,#999); }
.s-drawer-container{ position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 200; height: 100vh; overflow: hidden; }
.s-drawer-wrapper{ display: flex; height: 100%; align-items: stretch; overflow-y: auto; overflow-x: hidden; text-align: center; }
.s-drawer-wrapper-left{ justify-content: flex-start; }
.s-drawer-wrapper-right{ justify-content: flex-end; }
.s-drawer-loader{ margin-left: 0.5rem; margin-right: 0.5rem; display: flex; align-items: center; justify-content: center; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.s-drawer-loader::before{ display: inline-block; height: 2.5rem; content: var(--tw-content); width: 2.5rem; }
@keyframes spin{
 to{ content: var(--tw-content); transform: rotate(360deg); } }
.s-drawer-loader::before{ animation: spin 1s linear infinite; border-radius: 9999px; border-width: 2px; border-style: solid; border-top-color: #414042; border-top-color: var(--color-primary); border-left-color: #414042; border-left-color: var(--color-primary); border-bottom-color: rgba(243, 244, 246, 1); border-bottom-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); --tw-border-opacity: 1; border-right-color: rgba(243, 244, 246, 1); border-right-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); --tw-content: ''; content: ''; content: var(--tw-content); }
.s-drawer-close{ position: absolute; top: 0.75rem; z-index: 10; width: 2.75rem; cursor: pointer; border-style: none; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.s-drawer-close * {
  pointer-events: none;
}
input[type=radio].sr-only div.s-drawer-close {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-drawer-close {
  border-color: var(--color-main);
}
.s-drawer-close:focus{ outline: 2px solid transparent; outline-offset: 2px; }
.s-drawer-close:where([dir="ltr"], [dir="ltr"] *){ right: 1rem; }
.s-drawer-close:where([dir="rtl"], [dir="rtl"] *){ left: 1rem; }
.s-drawer-close svg{ width: 1.25rem; fill: #f87171; }
.s-drawer-close svg:hover{ fill: #ef4444; }
.s-drawer-header{ display: flex; }
@media (min-width: 640px){
 .s-drawer-header{ flex-direction: column; } }
.s-drawer-header-inner{ margin-bottom: 1.25rem; display: flex; align-items: center; padding: 1rem; text-align: left; font-size: 1.125rem; line-height: 1.75rem; font-weight: 500; }
.s-drawer-header-content{ display: flex; flex-direction: column; text-align: left; }
@media (min-width: 768px){
 .s-drawer-header-content{ text-align: center; } }
.s-drawer-header-content:where([dir="rtl"], [dir="rtl"] *){ text-align: right; }
@media (min-width: 768px){
 .s-drawer-header-content:where([dir="rtl"], [dir="rtl"] *){ text-align: center; } }
.s-drawer-header-img{ margin-left: auto; margin-right: auto; max-width: 150px; }
@media (min-width: 640px){
 .s-drawer-header-img{ margin-bottom: 1rem; } }
.s-drawer-icon{ display: inline-flex; height: 4rem; width: 4rem; align-items: center; justify-content: center; border-radius: 9999px; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); font-size: 1.875rem; line-height: 2.25rem; flex-shrink: 0; }
.cart-totals-row-wrapper .s-drawer-icon {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-drawer-icon {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-drawer-icon {
  text-align: right;
}
@media (min-width: 640px){
 .s-drawer-icon{ margin-left: auto; margin-right: auto; margin-bottom: 1rem; height: 5rem; width: 5rem; } }
.s-drawer-icon:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.5rem; }
@media (min-width: 640px){
 .s-drawer-icon:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0px; } }
.s-drawer-icon:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.5rem; }
@media (min-width: 640px){
 .s-drawer-icon:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0px; } }
.s-drawer-icon svg{ fill: #9ca3af; }
.s-drawer-bg-normal{ --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); }
.s-drawer-bg-success{ --tw-border-opacity: 1; border-color: rgba(134, 239, 172, 1); border-color: rgba(134, 239, 172, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(220, 252, 231, 1); background-color: rgba(220, 252, 231, var(--tw-bg-opacity, 1)); }
.s-drawer-bg-success svg{ fill: #16a34a; }
.s-drawer-bg-error{ --tw-border-opacity: 1; border-color: rgba(252, 165, 165, 1); border-color: rgba(252, 165, 165, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(254, 226, 226, 1); background-color: rgba(254, 226, 226, var(--tw-bg-opacity, 1)); }
.s-drawer-bg-error svg{ fill: #dc2626; }
.s-drawer-bg-primary{ border-color: #414042; border-color: var(--color-primary); background-color: #414042; background-color: var(--color-primary); }
.s-drawer-bg-primary svg{ fill: #ff6767; fill: var(--color-primary-reverse); }
.s-drawer-title{ font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.account-main > h1.s-drawer-title {
  display: none;
}
@media (min-width: 640px){
 .s-drawer-title{ margin-bottom: 0.5rem; } }
.s-drawer-sub-title{ font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
@media (min-width: 640px){
 .s-drawer-sub-title{ margin-bottom: 0.5rem; } }
.s-drawer-title-below{ order: 10; }
.s-drawer-body-slot{ width: 100%; }
.s-drawer-body{ position: fixed; bottom: 0px; top: 0px; width: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); overflow: hidden; }
@media (min-width: 640px){
 .s-drawer-body{ position: relative; overflow: visible; } }
.s-drawer-body:where([dir="ltr"], [dir="ltr"] *){ text-align: left; }
.s-drawer-body:where([dir="rtl"], [dir="rtl"] *){ text-align: right; }
.s-drawer-padding{ padding: 1rem; padding-top: 1.5rem; }
@media (min-width: 640px){
 .s-drawer-padding{ padding: 1.5rem; } }
.s-drawer-no-padding{ padding: 0px; }
.s-drawer-spacer{ display: inline-block; height: 100vh; }
.s-drawer-align-middle{ vertical-align: bottom; }
@media (min-width: 640px){
 .s-drawer-align-middle{ vertical-align: middle; } }
.s-drawer-align-top{ vertical-align: bottom; }
@media (min-width: 640px){
 .s-drawer-align-top{ vertical-align: top; } }
.s-drawer-align-bottom{ vertical-align: bottom; }
.s-drawer-overlay{ position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: rgba(107, 114, 128, 0.75); background-color: rgba(107, 114, 128, var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.75; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
.s-drawer-overlay-leaving{ opacity: 0; }
.s-drawer-entering{ --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 1; transition-duration: 300ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
.s-drawer-leaving{ --tw-translate-y: 1rem; transform: translate(var(--tw-translate-x), 1rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 0; }
@media (min-width: 640px){
 .s-drawer-leaving{ --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } }
.s-drawer-is-center{ align-items: center; }
@media (min-width: 640px){
 .s-drawer-is-center{ text-align: center; } }
.s-drawer-left.s-drawer-leaving:where([dir="ltr"], [dir="ltr"] *){ --tw-translate-x: -100%; transform: translate(-100%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.s-drawer-left.s-drawer-leaving:where([dir="rtl"], [dir="rtl"] *){ --tw-translate-x: 100%; transform: translate(100%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.s-drawer-right.s-drawer-leaving:where([dir="ltr"], [dir="ltr"] *){ --tw-translate-x: 100%; transform: translate(100%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.s-drawer-right.s-drawer-leaving:where([dir="rtl"], [dir="rtl"] *){ --tw-translate-x: -100%; transform: translate(-100%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
@media (min-width: 480px){
 .s-drawer-xs{ max-width: 320px; } }
@media (min-width: 640px){
 .s-drawer-sm{ max-width: 400px; } }
@media (min-width: 768px){
 .s-drawer-md{ max-width: 500px; } }
.s-drawer-lg{ max-width: 600px; }
.s-drawer-xl{ max-width: 800px; }
.s-drawer-full{ width: 100%; }
@media (min-width: 768px){
 .s-drawer-full{ width: calc(100% - 70px); } }
.s-file-upload-wrapper .filepond--drop-label{ height: 100%; cursor: pointer; border-radius: .75rem; border-width: 1px; border-style: dashed; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.s-file-upload-wrapper .filepond--drop-label * {
  pointer-events: none;
}
.s-file-upload-wrapper .filepond--drop-label label{ margin-top: 0.75rem; margin-bottom: 0.75rem; font-family: var(--font-main), -apple-system, BlinkMacSystemFont; }
.s-file-upload-wrapper .filepond--label-action{ text-decoration-color: #6b7280; }
.s-file-upload-wrapper .filepond--panel-root{ --tw-bg-opacity: 1 !important; background-color: rgba(243, 244, 246, 1) !important; background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)) !important; }
.s-file-upload-wrapper .filepond--panel-root{ border-radius: .75rem; }
.s-file-upload-profile-image .filepond--panel-root{ border-radius: 9999px !important; }
.s-file-upload:not(.s-file-upload-multiple) .s-file-upload-wrapper .filepond--list-scroller{ overflow-y: inherit !important; overflow: inherit !important; margin: 0 !important; cursor: pointer !important; }
.filepond--root{ min-height: 120px !important; font-family: inherit !important; }
.s-file-upload-wrapper .filepond--item-panel{ --tw-bg-opacity: 1; background-color: rgba(55, 65, 81, 1); background-color: rgba(55, 65, 81, var(--tw-bg-opacity, 1)); }
.s-file-upload-wrapper .filepond--drip-blob{ --tw-bg-opacity: 1; background-color: rgba(75, 85, 99, 1); background-color: rgba(75, 85, 99, var(--tw-bg-opacity, 1)); }
.s-file-upload-wrapper .filepond--list{ left: 0px; width: 100%; }
.s-file-upload-wrapper .filepond--file-poster-wrapper{ position: absolute; left: 0px; top: 0px; right: 0px; margin: 0px; display: flex; height: 100%; width: 100%; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: center; border-radius: 0.45em; background-color: rgba(0,0,0,0.01176); overflow: hidden; }
input[type=radio].sr-only div.s-file-upload-wrapper .filepond--file-poster-wrapper {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-file-upload-wrapper .filepond--file-poster-wrapper {
  border-color: var(--color-main);
}
.s-file-upload-wrapper .filepond--file-poster{ position: absolute; display: flex; height: 100%; align-items: center; justify-content: center; }
input[type=radio].sr-only div.s-file-upload-wrapper .filepond--file-poster {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-file-upload-wrapper .filepond--file-poster {
  border-color: var(--color-main);
}
.s-file-upload-wrapper .filepond--file-poster-overlay{ position: absolute; top: 0px; left: 0px; width: 100%; }
input[type=radio].sr-only div.s-file-upload-wrapper .filepond--file-poster-overlay {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-file-upload-wrapper .filepond--file-poster-overlay {
  border-color: var(--color-main);
}
.s-file-upload-wrapper .filepond--item{ margin: 0px; }
.s-file-upload-wrapper .filepond--file-info{ margin: 0px; }
.s-file-upload-wrapper .filepond--file-info-main{ width: 85px; text-overflow: ellipsis; white-space: normal; font-size: 0.75em; line-height: 1.2; overflow: hidden; }
.s-file-upload-wrapper .filepond--file-status{ width: 55%; }
.s-file-upload-wrapper .filepond--file-status:where([dir="rtl"], [dir="rtl"] *){ margin-right: 35px; }
@media (min-width: 768px){
 .s-file-upload-wrapper .filepond--file-status:where([dir="rtl"], [dir="rtl"] *){ margin-right: 2.25em; } }
.s-file-upload-wrapper .filepond--file-status .filepond--file-status-sub{ width: 275px; text-overflow: ellipsis; overflow: hidden; }
.s-file-upload-profile-image .filepond--root{ min-height: 80px !important; border-radius: 9999px !important; }
.s-file-upload-profile-image .filepond--root{ height: 80px; width: 80px; }
.s-file-upload-profile-image .filepond--drop-label{ min-height: 70px !important; border-radius: 9999px !important; }
.s-file-upload-profile-image .filepond--drop-label{ z-index: 7; border-style: none; }
.s-file-upload-profile-image .filepond--drop-label label{ cursor: pointer; padding-top: 20px; padding-bottom: 20px; padding-left: 6px; padding-right: 6px; font-size: 0.8rem; margin-top: 0.75rem; margin-bottom: 0.75rem; font-family: var(--font-main), -apple-system, BlinkMacSystemFont; }
.s-file-upload-profile-image .filepond--drop-label label * {
  pointer-events: none;
}
.s-file-upload-profile-image .filepond--file{ padding: 0px; }
.s-file-upload-profile-image .filepond--file .filepond--action-remove-item{ top: auto !important; transform: translateX(-50%) translateY(25%) !important; }
.s-file-upload-profile-image .filepond--file .filepond--action-remove-item{ bottom: -4px; left: 50%; background-color: rgba(255,68,58,.7); cursor: pointer; width: 20px; height: 20px; transition: 0.3s; }
.s-file-upload-profile-image .filepond--file .filepond--action-remove-item:hover{ background-color: #FF443A; }
.s-file-upload-profile-image .filepond--file .filepond--file-action-button{ top: 28px; right: 28px; }
.s-file-upload-profile-image .filepond--file .filepond--progress-indicator,.s-file-upload-profile-image .filepond--file .filepond--load-indicator,.s-file-upload-profile-image .filepond--file .filepond--processing-complete-indicator{ top: 48% !important; }
.s-file-upload-profile-image .filepond--file .filepond--progress-indicator,.s-file-upload-profile-image .filepond--file .filepond--load-indicator,.s-file-upload-profile-image .filepond--file .filepond--processing-complete-indicator{ right: 50%; left: auto; transform: translateX(50%) translateY(-50%); }
.s-file-upload-profile-image .filepond--item-panel{ background-color: transparent !important; }
.s-file-upload-.s-file-upload-profile-image .filepond--item-panel .filepond--panel-top,.s-file-upload-profile-image .filepond--item-panel .filepond--panel-center,.s-file-upload-profile-image .filepond--item-panel .filepond--panel-bottom{ display: none; }
.s-file-upload-profile-image .filepond--file-poster-overlay{ display: none; }
.s-file-upload-profile-image .filepond--item{ margin: 0px !important; height: 5rem !important; }
.s-file-upload-profile-image .filepond--file-poster{ height: 100%; width: 100%; }
.s-file-upload-profile-image .filepond--file-status{ display: none; }
.s-file-upload-profile-image .filepond--image-preview-overlay-success{ top: auto; bottom: 0px; --tw-scale-y: -1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(-1); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.s-file-upload-profile-image .filepond--image-preview-wrapper{ border-radius: 9999px; }
.s-file-upload-profile-image .filepond--file-info{ display: none; }
.s-file-upload-profile-image .filepond--list{ left: 0px; right: 0px; height: 100%; }
.s-file-upload-profile-image .filepond--file-poster img{ height: 100%; width: 100%; border-radius: 9999px; -o-object-fit: cover; object-fit: cover; }
.s-file-upload-profile-image .filepond--file-poster-wrapper{ border-radius: 9999px; overflow: hidden; }
.s-file-upload-profile-image .s-file-upload-has-error .filepond--file-status{ display: flex !important; }
.s-file-upload-profile-image .s-file-upload-has-error .filepond--file-status{ position: absolute; bottom: -62%; left: -190%; height: auto; flex-direction: column; align-items: center; justify-content: center; text-align: center; font-size: 1rem; line-height: 1.5rem; --tw-text-opacity: 1; color: rgba(239, 68, 68, 1); color: rgba(239, 68, 68, var(--tw-text-opacity, 1)); }
input[type=radio].sr-only div.s-file-upload-profile-image .s-file-upload-has-error .filepond--file-status {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-file-upload-profile-image .s-file-upload-has-error .filepond--file-status {
  border-color: var(--color-main);
}
.s-file-upload-multiple .filepond--root{ max-height: 120px; }
.s-file-upload-multiple .filepond--list-scroller{ top: 0px; margin-top: 0px; margin-bottom: 0px; height: 100%; overflow-y: scroll; }
.s-file-upload-multiple .filepond--drop-label:not(.s-hidden) + .filepond--list-scroller{ display: none; }
.s-file-upload-multiple .filepond--item{
 @media(min-width: 767px){ margin-left: .3em !important; }
 @media(min-width: 767px){ width: calc(33.33% - .5em); }
 @media(max-width: 767px){ margin-bottom: .3em; } }
.s-file-upload-hint{ margin-top: -15px; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-filters-checkbox{ height: 1.25rem; width: 1.25rem; border-radius: 6px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); color: #414042; color: var(--color-primary); }
.s-filters-checkbox:focus{ --tw-ring-color: transparent; }
.s-filters-radio{ --tw-bg-opacity: 1 !important; background-color: rgba(255, 255, 255, 1) !important; background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)) !important; }
.s-filters-radio{ position: relative; height: 1rem; width: 1rem; --tw-border-opacity: 1; border-color: rgba(209, 213, 219, 1); border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1)); color: #414042; color: var(--color-primary); }
.s-filters-radio:focus{ --tw-ring-color: transparent; }
.s-filters-radio:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.75rem; }
.s-filters-radio:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.75rem; }
.s-filters-radio:checked{ border-color: #414042; border-color: var(--color-primary); }
.s-filters-radio:checked::after{ position: absolute; left: 0.125rem; top: 0.125rem; display: block; height: 0.625rem; width: 0.625rem; border-radius: 9999px; background-color: #414042; background-color: var(--color-primary); --tw-content: ''; content: ''; content: var(--tw-content); }
.s-filters-radio:checked:hover{ border-color: #414042; border-color: var(--color-primary); }
.s-filters-radio:checked:focus{ border-color: #414042; border-color: var(--color-primary); }
.s-filters-label{ position: relative; margin-bottom: 0.75rem; display: flex; cursor: pointer; align-items: center; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; }
.s-filters-label * {
  pointer-events: none;
}
.s-filters-label:last-child{ margin-bottom: 0px; }
.s-filters-option-name{ margin-left: 0.5rem; margin-right: 0.5rem; --tw-text-opacity: 1; color: rgba(129, 127, 127, 1); color: rgba(129, 127, 127, var(--tw-text-opacity, 1)); }
.s-filters-footer{ display: flex; justify-content: center; }
.s-filters-footer > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1rem * 0); margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * (1 - 0)); margin-left: calc(1rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(1rem * calc(1 - 0)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); }
.s-filters-footer{ padding-top: 2rem; padding-bottom: 2rem; padding-left: 1rem; padding-right: 1rem; }
@media (min-width: 768px){
 .s-filters-footer{ padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0px; padding-right: 0px; } }
.s-filters-footer:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-filters-footer salla-button{ flex: 1 1 0%; }
.s-filters-footer salla-button button{ width: 100%; }
.s-filters-widget-container{ display: block; border-radius: .75rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 1.25rem; padding-bottom: 0.5rem; overflow: hidden; }
@media (min-width: 768px){
 .s-filters-widget-container{ margin-bottom: 1.25rem; padding-bottom: 1.25rem; padding-top: 1.25rem; } }
.s-filters-widget-content{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.s-filters-widget-opened{ visibility: visible; opacity: 1; }
.s-filters-widget-opened .tooltip-content {
  visibility: visible;
  opacity: 1;
  transform: translate(82px, -110px);
}
[dir=rtl] .icon-trigger.s-filters-widget-opened .tooltip-content {
  transform: translate(53px, -63px);
}
[dir=ltr] .icon-trigger.s-filters-widget-opened .tooltip-content {
  transform: translate(-54px, -65px);
}
@media (max-width: 991px) {
  [dir=rtl] .icon-trigger.mobile-shifted.s-filters-widget-opened .tooltip-content {
    transform: translate(70px, -80px);
  }
  [dir=ltr] .icon-trigger.mobile-shifted.s-filters-widget-opened .tooltip-content {
    transform: translate(-70px, -80px);
  }
}
.s-filters-widget-closed{ height: 0px !important; }
.s-filters-widget-closed{ visibility: hidden; padding: 0px; opacity: 0; }
.s-filters-widget-title{ display: flex; cursor: pointer; align-items: center; justify-content: space-between; font-size: 1rem; line-height: 1.5rem; font-weight: 700; }
.account-main > h1.s-filters-widget-title {
  display: none;
}
.s-filters-widget-title * {
  pointer-events: none;
}
.s-filters-widget-arrow{ font-size: 1.25rem; line-height: 1.75rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.s-filters-widget-arrow svg{ height: 1.25rem; width: 1.25rem; }
.s-filters-widget-active-arrow{ --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(90deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
.s-filters-widget-values{ padding-top: 1rem; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; overflow: hidden; }
.s-filters-widget-more{ margin-top: 0.5rem; display: block; cursor: pointer; font-size: 0.875rem; line-height: 1.25rem; color: #414042; color: var(--color-primary); }
.s-filters-widget-more * {
  pointer-events: none;
}
.s-filters-widget-plusminus{ position: relative; height: 0.75rem; width: 0.75rem; --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(90deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.s-filters-widget-plusminus::before{ position: absolute; left: 0px; top: 50%; display: block; height: 0.125rem; width: 100%; --tw-bg-opacity: 1; background-color: rgba(153, 153, 153, 1); background-color: rgba(153, 153, 153, var(--tw-bg-opacity, 1)); transition-property: 0.35s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; --tw-content: ''; content: ''; content: var(--tw-content); }
.s-filters-widget-plusminus::after{ position: absolute; left: 0px; top: 50%; display: block; height: 0.125rem; width: 100%; --tw-bg-opacity: 1; background-color: rgba(153, 153, 153, 1); background-color: rgba(153, 153, 153, var(--tw-bg-opacity, 1)); transition-property: 0.35s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; --tw-content: ''; content: ''; content: var(--tw-content); }
.s-filters-widget-plusminus-active:before{ transform: translatey(-50%) rotate(-90deg); opacity: 0; }
.s-filters-widget-plusminus-active:after{ transform: translatey(-50%) rotate(0); background-color: #414042; background-color: var(--color-primary); }
.s-filters-widget-plusminus:before{ transform: translatey(-50%); }
.s-filters-widget-plusminus:after{ transform: translatey(-50%) rotate(90deg); }
.s-filters-widget-search-input{ width: 100%; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(209, 213, 219, 1); border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1)); padding: 0.5rem; }
.s-filters-widget-search-input:focus{ border-color: #414042; border-color: var(--color-primary); outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(2px + 2px) #2563eb, 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); --tw-ring-color: var(--color-primary); }
.s-filters-widget-empty-state{ padding: 0.5rem; text-align: center; font-size: 1.125rem; line-height: 1.75rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-fulfillment-methods-list{ margin-bottom: 0.75rem; margin-top: 0.75rem; display: flex; gap: 1rem; flex-wrap: wrap; }
.s-fulfillment-methods-card{ min-width: 0px; flex: 1 1 0%; border-radius: 0.75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding: 1rem; }
.s-fulfillment-methods-content{ display: flex; align-items: center; gap: 0.75rem; flex-direction: row; }
.s-fulfillment-methods-content:where([dir="rtl"], [dir="rtl"] *){ flex-direction: row-reverse; }
.s-fulfillment-methods-text{ display: flex; min-width: 0px; flex: 1 1 0%; flex-direction: column; gap: 0.25rem; }
.s-fulfillment-methods-title{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; line-height: 1.375; color: #2b2d34; color: var(--color-text-primary,#2b2d34); }
.account-main > h1.s-fulfillment-methods-title {
  display: none;
}
.s-fulfillment-methods-subtitle{ font-size: 0.75rem; line-height: 1rem; line-height: 1.4; color: #6b7280; color: var(--color-text-secondary,#6b7280); }
.s-fulfillment-methods-icon-wrap{ display: flex; height: 2.75rem; width: 2.75rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 10px; background-color: #f3f4f6; background-color: var(--color-surface-secondary,#f3f4f6); }
.s-fulfillment-methods-icon{ font-size: 22px; line-height: 1; color: #6b7280; color: var(--color-text-secondary,#6b7280); }
.s-gifting-widget .s-list-tile-item-icon{ display: none; }
.s-gifting-widget-vertical .s-list-tile-item-icon{ display: block; }
.s-gifting-widget-vertical .s-list-tile-item-title svg{ fill: #414042; fill: var(--color-primary); }
.s-gifting-widget-vertical .s-list-tile-item-subtitle{ padding-right: 3.5rem; font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-gifting-widget-vertical .s-list-tile-item{ padding: 0px; flex-wrap: wrap; }
@media (min-width: 1024px){
 .s-gifting-widget-vertical .s-list-tile-item-action{ flex: 1 1 0%; } }
.s-gifting-widget-vertical .widget-icon{ --tw-translate-y: 0.625rem; transform: translate(var(--tw-translate-x), 0.625rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); font-size: 1.875rem; line-height: 2.25rem; color: #414042; color: var(--color-primary); }
.s-gifting-widget .s-button-text{ display: flex; }
.s-gifting-widget .s-list-tile-item{ flex-direction: column; justify-content: space-between; gap: 1rem; border-radius: 0.75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding: 1.25rem; text-align: center; }
@media (min-width: 768px){
 .s-gifting-widget .s-list-tile-item{ text-align: left; } }
@media (min-width: 1024px){
 .s-gifting-widget .s-list-tile-item{ flex-direction: row; } }
@media (min-width: 768px){
 .s-gifting-widget .s-list-tile-item:where([dir="rtl"], [dir="rtl"] *){ text-align: right; } }
.s-gifting-widget-horizontal .s-gifting-widget-action button{ padding-left: 2rem; padding-right: 2rem; font-weight: 400; }
.s-gifting-info{ display: flex; align-items: center; gap: 0.5rem; border-radius: 0.5rem; --tw-border-opacity: 1; border-color: rgba(191, 219, 254, 1); border-color: rgba(191, 219, 254, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(219, 234, 254, 1); background-color: rgba(219, 234, 254, var(--tw-bg-opacity, 1)); padding: 1rem; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(29, 78, 216, 1); color: rgba(29, 78, 216, var(--tw-text-opacity, 1)); }
.s-gifting-info svg{ height: 1.25rem; width: 1.25rem; fill: #1d4ed8; }
.s-gifting-error{ font-size: 0.75rem; line-height: 1rem; color: rgba(174, 10, 10, 1); color: rgba(174, 10, 10, var(--tw-text-opacity, 1)); --tw-text-opacity: 1; color: rgb(239 68 68 / 1); }
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){
.s-gifting-error{ color: rgb(239 68 68 / var(--tw-text-opacity, 1)); }
}
.s-gifting-info span{ font-size: 0.75rem; line-height: 1rem; }
.s-gifting-widget-action-content{ display: flex; align-items: center; }
.s-gifting-widget-action-content svg{ margin-left: 0.5rem; margin-right: 0.5rem; }
.s-gifting-modal-header{ margin-bottom: 1.25rem; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.s-gifting-modal .s-modal-header{ display: block; }
.s-gifting-modal .s-modal-body{ position: relative !important; left: auto !important; left: initial !important; bottom: auto !important; bottom: initial !important; }
.s-gifting-modal .s-modal-body{ padding-bottom: 2rem; }
@media (min-width: 640px){
 .s-gifting-modal .s-modal-body{ padding-bottom: 1.5rem; } }
.s-gifting-modal-icon{ margin-bottom: 1.25rem; display: flex; height: 5rem; width: 5rem; align-items: center; justify-content: center; border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); font-size: 1.875rem; line-height: 2.25rem; flex-direction: row; }
.s-gifting-modal-title{ display: flex; width: 100%; align-items: center; justify-content: space-between; }
.s-gifting-modal-title::before{ display: block; height: 1px; flex: 1 1 auto; --tw-bg-opacity: 1; background-color: rgba(229, 231, 235, 1); background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1)); --tw-content: ''; content: ''; content: var(--tw-content); }
.s-gifting-modal-title::after{ display: block; height: 1px; flex: 1 1 auto; --tw-bg-opacity: 1; background-color: rgba(229, 231, 235, 1); background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1)); --tw-content: ''; content: ''; content: var(--tw-content); }
.s-gifting-modal-badge-wrapper{ display: flex; align-items: center; padding-left: 0.75rem; padding-right: 0.75rem; }
.s-gifting-modal-badge{ margin-right: 0.5rem; border-radius: 0.5rem; --tw-bg-opacity: 1; background-color: rgba(229, 231, 235, 1); background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.875rem; line-height: 1.25rem; }
.s-gifting-modal-badge:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0px; margin-left: 0.5rem; }
.s-gifting-modal-uploader.has-bg{ position: relative; }
.s-gifting-modal-uploader.has-bg .s-gifting-remove-preview{ pointer-events: auto; --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 1; }
.s-gifting-modal-uploader-title{ margin-bottom: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; }
.s-gifting-steps-wrapper{ position: relative; }
.s-gifting-steps-wrapper .s-button-wrap{ pointer-events: auto !important; }
.is-current-step-2 .gift-step-1, .is-current-step-1 .gift-step-2{ pointer-events: none; z-index: -1; }
.s-gifting-step-one{ padding-top: 1.25rem; }
.s-gifting-step-two{ position: absolute; top: 0px; left: 0px; margin-left: auto; margin-right: auto; display: flex; width: 100%; --tw-translate-x: -105%; transform: translate(-105%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); flex-direction: column; opacity: 0; }
input[type=radio].sr-only div.s-gifting-step-two {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-gifting-step-two {
  border-color: var(--color-main);
}
.s-gifting-step-one .swiper-wrapper{ height: 100px; }
.s-gifting-step-one .swiper-slide{ width: auto !important; }
.s-gifting-step-one .filepond--list-scroller{ overflow-y: hidden; }
.s-gifting-step-one .swiper-wrapper img{ border-radius: 0.375rem; -o-object-fit: cover; object-fit: cover; }
.s-gifting-step-one .filepond--root{ height: 230px; }
.s-gifting-step-one .filepond--list{ left: 0px !important; height: 100% !important; }
.s-gifting-step-one .filepond-bg{ position: absolute; top: 0px; z-index: 10; height: 100%; width: 100%; border-radius: .75rem; --tw-bg-opacity: 1; background-color: rgba(55, 65, 81, 1); background-color: rgba(55, 65, 81, var(--tw-bg-opacity, 1)); background-size: cover; }
input[type=radio].sr-only div.s-gifting-step-one .filepond-bg {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-gifting-step-one .filepond-bg {
  border-color: var(--color-main);
}
.s-gifting-step-one .s-slider-button-next{ top: 35% !important; }
.s-gifting-step-one .s-slider-button-next button{ height: 35px; width: 35px; --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-gifting-step-one .s-slider-button-prev{ top: 35% !important; }
.s-gifting-step-one .s-slider-button-prev button{ height: 35px; width: 35px; --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-gifting-tel-input .s-tel-input-control{ --tw-border-opacity: 1; border-color: rgba(209, 213, 219, 1); border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1)); }
.s-gifting-tel-input .s-tel-input-error-msg{ display: none; }
.s-gifting-step-two-footer{ margin-top: 1.25rem; display: flex; flex-direction: row; align-items: center; justify-content: center; }
.s-gifting-step-two-footer > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.625rem * 0); margin-right: calc(0.625rem * var(--tw-space-x-reverse)); margin-left: calc(0.625rem * (1 - 0)); margin-left: calc(0.625rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.625rem * calc(1 - 0)); margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse))); }
.s-gifting-step-two-footer             { flex-direction: row; }
.s-gifting-step-two-footer:where([dir="rtl"], [dir="rtl"] *){ flex-direction: row-reverse; }
.s-gifting-step-two-footer a{ border-radius: 0.375rem; border-width: 1px; border-color: #414042; border-color: var(--color-primary); fill: #414042; fill: var(--color-primary); padding-top: 8px; padding-bottom: 8px; padding-left: 25px; padding-right: 25px; }
.s-gifting-step-two-footer a svg{ height: 1.25rem; width: 1.25rem; }
.s-gifting-step-two .s-form-group.s-form-has-error .s-tel-input-control{ --tw-border-opacity: 1 !important; border-color: rgba(255, 68, 58, 1) !important; border-color: rgba(255, 68, 58, var(--tw-border-opacity, 1)) !important; }
.s-gifting-selectText{ margin-bottom: 20px !important; }
.s-gifting-schedule .s-form-label{ margin-bottom: 0px !important; }
.s-gifting-schedule{ margin-bottom: 0.5rem; display: flex; align-items: center; justify-content: flex-start; }
.s-gifting-schedule > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.375rem * 0); margin-right: calc(0.375rem * var(--tw-space-x-reverse)); margin-left: calc(0.375rem * (1 - 0)); margin-left: calc(0.375rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.375rem * calc(1 - 0)); margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse))); }
.s-gifting-schedule:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-gifting-clickable{ cursor: pointer; }
.s-gifting-clickable * {
  pointer-events: none;
}
.s-gifting-remove-preview{ pointer-events: none; position: absolute; top: -7px; left: -7px; z-index: 10; display: flex; height: 1.25rem; width: 1.25rem; --tw-scale-x: 0; --tw-scale-y: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(0) scaleY(0); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); cursor: pointer; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(185, 28, 28, 1); background-color: rgba(185, 28, 28, var(--tw-bg-opacity, 1)); text-align: center; font-size: 1rem; line-height: 1.5rem; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); opacity: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.s-gifting-remove-preview * {
  pointer-events: none;
}
input[type=radio].sr-only div.s-gifting-remove-preview {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-gifting-remove-preview {
  border-color: var(--color-main);
}
.s-gifting-remove-preview:where([dir="rtl"], [dir="rtl"] *){ left: auto; left: initial; right: -7px; }
.s-gifting-remove-preview svg{ height: 100%; width: 15px; fill: #fff; }
.s-gifting-textarea{ transition-property: all; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.s-gifting-calendar-hint{ font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgba(220, 38, 38, 1); color: rgba(220, 38, 38, var(--tw-text-opacity, 1)); }
.s-gifting-calendar.shown{ margin-top: 0.75rem; height: 75px; opacity: 1; }
.s-gifting-textarea.shown{ height: 122px; opacity: 1; }
.s-gifting-calendar.hide{ pointer-events: none; visibility: hidden; margin: 0px; height: 0px; opacity: 0; }
.s-gifting-textarea.hide{ pointer-events: none; visibility: hidden; margin: 0px; height: 0px; opacity: 0; }
.s-gifting-filepond-placeholder-icon svg{ margin-top: 12px; margin-bottom: 12px; margin-left: auto; margin-right: auto; height: 4rem; width: 3rem; fill: #e5e7eb; }
.s-gifting-filepond-placeholder-text{ font-size: 0.75rem !important; line-height: 1rem !important; }
.s-gifting-filepond-placeholder-text{ margin-left: auto; margin-right: auto; width: 65%; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); margin-top: 0.75rem; margin-bottom: 0.75rem; font-family: var(--font-main), -apple-system, BlinkMacSystemFont; }
.s-gifting-skeleton-content salla-skeleton:nth-child(1){ margin-bottom: 0.75rem; }
.s-gifting-skeleton-content salla-skeleton:nth-child(2){ margin-bottom: 1.25rem; }
.s-gifting-skeleton-content salla-skeleton:nth-child(3){ margin-bottom: 0.75rem; }
.s-gifting-skeleton-content salla-skeleton:nth-child(4){ margin-bottom: 1.25rem; }
.s-gifting-skeleton .s-gifting-modal-header salla-skeleton{ margin-bottom: 1.25rem; }
.s-gifting-skeleton .s-gifting-modal-title{ margin-bottom: 1.25rem; }
.s-gifting-image{ margin-left: 5px; margin-right: 5px; }
.s-infinite-scroll-wrapper{ margin-top: 1rem; text-align: center; }
.s-infinite-scroll-last{ margin: 0px; text-align: center; }
.s-infinite-scroll-error{ margin: 0px; text-align: center; }
.s-list-tile-item{ position: relative; display: flex; align-items: center; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 0.75rem; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); text-decoration-line: none; }
.s-list-tile-item-href{ cursor: pointer; }
.s-list-tile-item-href * {
  pointer-events: none;
}
.s-list-tile-item-icon{ margin-right: 1rem; flex-shrink: 0; }
.s-list-tile-item-icon:where([dir="rtl"], [dir="rtl"] *){ margin-left: 1rem; margin-right: 0px; }
.s-list-tile-item-title{ font-size: 1rem; line-height: 1.5rem; }
.s-list-tile-item-subtitle{ font-size: 0.875rem; line-height: 1.25rem; }
.s-loading-fill-color{ fill: #414042; fill: var(--color-primary); }
.s-localization-modal-trigger-btn{ display: inline-flex; width: 100%; flex-basis: 0px; align-items: center; justify-content: center; white-space: nowrap; border-radius: 9999px; background-color: rgba(229, 231, 235, 0.5); padding-left: 0.875rem; padding-right: 0.875rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;
  flex-grow: 0;
  flex-basis: 0; }
.s-localization-modal-trigger-btn:hover{ background-color: rgba(229, 231, 235, 0.7); }
.s-localization-modal-trigger-separator{ margin-left: 0.375rem; margin-right: 0.375rem; }
.s-localization-modal-title{ font-size: 1rem; line-height: 1.5rem; font-weight: 500; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.s-localization-modal-section{ margin-bottom: 2rem; }
.s-localization-modal-label-slot{ flex-grow: 1; }
.s-localization-modal-inner{ width: 100%; }
.s-localization-modal-section-inner{ margin-top: 1rem; }
.s-localization-modal-section-inner > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1rem * (1 - 0)); margin-top: calc(1rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(1rem * calc(1 - 0)); margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * 0); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); }
.s-localization-modal-item{ display: flex; align-items: center; }
.s-localization-modal-input{ height: 1rem; width: 1rem; --tw-border-opacity: 1; border-color: rgba(209, 213, 219, 1); border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1)); color: #414042; color: var(--color-primary); }
.s-localization-modal-input:focus{ --tw-ring-color: var(--color-primary); }
.s-localization-modal-label{ display: flex; flex-grow: 1; cursor: pointer; align-items: center; justify-content: space-between; font-weight: 500; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.s-localization-modal-label * {
  pointer-events: none;
}
.s-localization-modal-label:where([dir="ltr"], [dir="ltr"] *){ margin-left: 0.75rem; }
.s-localization-modal-label:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0.75rem; }
.s-localization-modal-flag{ border-radius: 0.125rem; }
.s-localization-modal-currency{ --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-localization-modal-select{ height: 2.5rem; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); background-position: right; background-repeat: no-repeat; padding-left: 1rem; padding-right: 1rem; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.s-localization-modal-select:focus{ border-color: #414042; border-color: var(--color-primary); }
.s-localization-modal-select:where([dir="rtl"], [dir="rtl"] *){ background-position: left; }
.s-localization-modal-skeleton-content{ margin-top: 2rem; margin-bottom: 2rem; display: flex; flex-direction: column; }
.s-localization-modal-skeleton-content > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1rem * (1 - 0)); margin-top: calc(1rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(1rem * calc(1 - 0)); margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * 0); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); }
.s-localization-modal-skeleton-item{ display: flex; align-items: center; justify-content: space-between; }
.s-localization-modal-skeleton-item-flex{ display: flex; align-items: center; }
.s-localization-modal-skeleton-item-flex salla-skeleton:nth-child(1){ margin-right: 0.75rem; }
.s-localization-modal-skeleton-item-flex salla-skeleton:nth-child(1):where([dir="rtl"], [dir="rtl"] *){ margin-right: 0px; margin-left: 0.75rem; }
.s-loyalty-prize-item.swiper-slide{ margin-left: 5px; margin-right: 5px; margin-bottom: 0.5rem; display: flex; width: calc(33.33% - 10px); min-width: 200px; cursor: pointer; flex-direction: column; }
.s-loyalty-prize-item.swiper-slide > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.75rem * (1 - 0)); margin-top: calc(0.75rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(0.75rem * calc(1 - 0)); margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * 0); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); }
.s-loyalty-prize-item.swiper-slide{ padding: 0px !important; }
.s-loyalty-prize-item.swiper-slide{ border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); background-size: cover; text-align: center; font-size: 1.875rem; line-height: 2.25rem; overflow: hidden; }
.s-loyalty-prize-item.swiper-slide * {
  pointer-events: none;
}
.s-loyalty-prize-item-selected{ --tw-translate-y: -0.125rem !important; transform: translate(var(--tw-translate-x), -0.125rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; }
.s-loyalty-prize-item-selected{ border-width: 1px; border-style: solid; border-color: #414042; border-color: var(--color-primary); --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); transition-property: all; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.s-loyalty-prize-item-selected .s-loyalty-prize-item-check{ display: flex; align-items: center; justify-content: center; border-color: #414042; border-color: var(--color-primary); }
.s-loyalty-prize-item-selected .s-loyalty-prize-item-check > div{ height: 0.625rem; width: 0.625rem; border-radius: 9999px; background-color: #414042; background-color: var(--color-primary); }
.s-loyalty-prize-item-image{ height: 9rem; width: 100%; background-size: cover; -o-object-fit: cover; object-fit: cover; }
.s-loyalty-prize-item-title{ padding-left: 0.5rem; padding-right: 0.5rem; font-size: 1rem; line-height: 1.5rem; font-weight: 700; }
.account-main > h1.s-loyalty-prize-item-title {
  display: none;
}
.s-loyalty-prize-item-subtitle{ padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-loyalty-prize-item-check{ position: absolute; height: 1rem; width: 1rem; border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); }
input[type=radio].sr-only div.s-loyalty-prize-item-check {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-loyalty-prize-item-check {
  border-color: var(--color-main);
}
.s-loyalty-prize-item-check:where([dir="ltr"], [dir="ltr"] *){ left: 1.25rem; }
.s-loyalty-prize-item-check:where([dir="rtl"], [dir="rtl"] *){ right: 1.25rem; }
.s-loyalty-prize-item-points{ margin-top: auto !important; }
.s-loyalty-prize-item-points{ display: flex; width: 100%; align-items: center; justify-content: center; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; color: #414042; color: var(--color-primary); }
.account-main > h1.s-loyalty-prize-item-points {
  display: none;
}
.s-loyalty-program-redeem-btn{ transition-property: all; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; }
.s-loyalty-header{ margin-bottom: 1.25rem; display: block; }
@media (max-width: 768px){
 .s-loyalty-modal .s-modal-body{ max-height: 100%; overflow-y: scroll; } }
.s-loyalty-skeleton .s-list-tile-item-content{ display: block; width: 100%; }
.s-loyalty-header-icon{ position: relative; display: flex; height: 6rem; width: 6rem; align-items: center; justify-content: center; border-radius: 9999px; background-color: rgba(255,158,1,0.10196); }
.s-loyalty-header-icon > img{ height: 3rem; width: 3rem; }
.s-loyalty-header-title{ margin-bottom: 0.5rem; font-size: 1.25rem; line-height: 1.75rem; }
.s-loyalty-header-subtitle{ font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
.s-loyalty-activator-icon{ display: flex; height: 3rem; width: 3rem; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(220, 38, 38, 1); background-color: rgba(220, 38, 38, var(--tw-bg-opacity, 1)); }
.s-loyalty-activator-icon > svg{ fill: #fff; }
.s-loyalty-confirmation-modal-content .s-placeholder-title{ margin-bottom: 0.75rem; }
.s-loyalty-confirmation-modal-content .s-placeholder-icon svg b{ --tw-text-opacity: 1; color: rgba(251, 146, 60, 1); color: rgba(251, 146, 60, var(--tw-text-opacity, 1)); }
.s-loyalty-confirmation-modal-content .s-placeholder-description{ padding-left: 1.25rem; padding-right: 1.25rem; }
.s-loyalty-confirmation-actions{ margin-top: 1.25rem; display: flex; align-items: center; justify-content: space-between; }
.s-loyalty-confirmation-actions > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1.25rem * 0); margin-right: calc(1.25rem * var(--tw-space-x-reverse)); margin-left: calc(1.25rem * (1 - 0)); margin-left: calc(1.25rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(1.25rem * calc(1 - 0)); margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); }
.s-loyalty-confirmation-actions{ padding: 1.25rem; padding-top: 0.5rem; }
.s-loyalty-confirmation-actions:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-loyalty-widget .s-list-tile-item{ padding: 0px !important; }
.s-loyalty-widget-icon{ display: flex; height: 4rem; width: 4rem; align-items: center; justify-content: center; border-radius: 9999px; background-color: #414042; background-color: var(--color-primary); }
.s-loyalty-widget-icon > svg{ width: 1.5rem; fill: #fff; }
.s-loyalty-after-exchange .s-list-tile-item{ position: relative; justify-content: space-between; border-radius: .75rem; padding-top: 0.75rem; padding-bottom: 0.75rem; overflow: hidden; }
.s-loyalty-after-exchange .s-list-tile-item::after{ pointer-events: none; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; display: block; height: 100%; width: 100%; background-color: #414042; background-color: var(--color-primary); opacity: .08; --tw-content: ''; content: ''; content: var(--tw-content); }
.s-loyalty-after-exchange .s-list-tile-item .s-list-tile-item-title{ font-size: 15px; }
.s-loyalty-after-exchange-reset{ height: 1.5rem; }
.s-loyalty-after-exchange-reset button{ --tw-border-opacity: 1; border-color: rgba(248, 113, 113, 1); border-color: rgba(248, 113, 113, var(--tw-border-opacity, 1)); font-size: 15px; }
.s-loyalty-after-exchange-reset button span{ display: flex; --tw-scale-x: .75; --tw-scale-y: .75; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.75) scaleY(.75); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); align-items: center; justify-content: center; }
.s-loyalty-after-exchange-reset button svg{ height: 1.5rem !important; width: 1.5rem !important; }
.s-loyalty-after-exchange-reset button svg{ fill: #f87171; }
.s-loyalty-after-exchange-reset button:hover svg{ fill: #fff; }
.s-loyalty-after-exchange-action{ display: flex; align-items: center; justify-content: center; }
.s-loyalty-placeholder{ display: flex; align-items: center; justify-content: center; }
.s-loyalty-skeleton .s-loyalty-header-subtitle > salla-skeleton{ margin-bottom: 0.75rem; display: block; }
.s-loyalty-skeleton .s-loyalty-prize-item-subtitle > salla-skeleton{ margin-bottom: 0.75rem; display: block; }
.s-loyalty-skeleton .s-loyalty-header-title{ margin-bottom: 1.25rem; }
.s-loyalty-skeleton-cards{ display: flex; align-items: center; }
.s-loyalty-skeleton .s-loyalty-prize-item{ cursor: inherit !important; }
.s-loyalty-skeleton .s-loyalty-prize-item{ position: relative; text-align: center; }
.s-loyalty-skeleton .s-loyalty-prize-item .s-skeleton-wrapper{ margin-left: auto; margin-right: auto; }
.s-loyalty-skeleton .s-loyalty-prize-item-check{ border-width: 0px; }
.s-loyalty-slider{ margin-bottom: 0.625rem; display: block; }
.s-loyalty-slider .swiper-wrapper{ height: auto !important; }
.s-loyalty-container{ padding: 0.625rem; }
.s-loyalty-points-banner-container{ margin-bottom: 0.75rem; display: flex; width: 100%; align-items: center; gap: 0.5rem; border-radius: 0.5rem; background-color: rgba(209, 180, 76, 0.1); background-color: rgba(209, 180, 76, var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.1; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.5rem; padding-bottom: 0.5rem; }
.s-loyalty-points-banner-icon{ display: flex; height: 2rem; width: 2rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(209, 180, 76, 1); background-color: rgba(209, 180, 76, var(--tw-bg-opacity, 1)); }
.s-loyalty-points-banner-label{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(209, 180, 76, 1); color: rgba(209, 180, 76, var(--tw-text-opacity, 1)); }
.account-main > h1.s-loyalty-points-banner-label {
  display: none;
}
.s-loyalty-points-banner-description{ font-size: 0.875rem; line-height: 1.25rem; }
.s-loyalty-program-container > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.625rem * (1 - 0)); margin-top: calc(0.625rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(0.625rem * calc(1 - 0)); margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.625rem * 0); margin-bottom: calc(0.625rem * var(--tw-space-y-reverse)); }
.s-loyalty-program-container{ --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); }
@media (min-width: 768px){
 .s-loyalty-program-container > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1.25rem * (1 - 0)); margin-top: calc(1.25rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(1.25rem * calc(1 - 0)); margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * 0); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); } }
.s-loyalty-program-login-action{ margin-left: auto; margin-right: auto; display: block; width: 16rem; border-radius: 0.375rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; }
.s-loyalty-program-login-action-dark{ background-color: var(--color-primary-dark); --tw-text-opacity: 1; color: rgba(243, 244, 246, 1); color: rgba(243, 244, 246, var(--tw-text-opacity, 1)); }
.s-loyalty-program-login-action-light{ --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.s-loyalty-program-outline-section{ padding-top: 5rem; padding-bottom: 4rem; }
.s-loyalty-program-profile-wrapper{ margin-left: auto; margin-right: auto; max-width: 56rem; --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-loyalty-program-item{ padding: 2rem; text-align: center; }
.s-loyalty-program-content{ position: relative; }
.s-loyalty-program-icon-container{ position: relative; }
.s-loyalty-program-icon{ position: absolute; bottom: 0px; right: 50%; margin-right: -0.5rem; --tw-translate-x: 50%; --tw-scale-x: 1.5; --tw-scale-y: 1.5; transform: translate(50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.5) scaleY(1.5); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); font-size: 1.5rem; line-height: 2rem; --tw-text-opacity: 1; color: rgba(0, 0, 0, 1); color: rgba(0, 0, 0, var(--tw-text-opacity, 1)); }
input[type=radio].sr-only div.s-loyalty-program-icon {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-loyalty-program-icon {
  border-color: var(--color-main);
}
.s-loyalty-program-icon svg{ height: 1.5rem; width: 1.5rem; fill: currentColor; }
.s-loyalty-program-title{ margin-top: 1rem; font-size: 1.125rem; font-weight: 700; line-height: 3rem; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.account-main > h1.s-loyalty-program-title {
  display: none;
}
.s-loyalty-program-description{ font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-loyalty-program-section{ margin-left: auto; margin-right: auto; max-width: 100%; padding-left: 1.25rem; padding-right: 1.25rem; }
.s-loyalty-program-header{ text-align: center; }
.s-loyalty-program-main-title{ font-size: 1.5rem; line-height: 3rem; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.s-loyalty-program-subtitle{ --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-loyalty-program-list{ margin-left: auto; margin-right: auto; margin-top: 2rem; display: grid; max-width: 80rem; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap: 1rem; gap: 1rem; }
@media (min-width: 768px){
 .s-loyalty-program-list{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7rem; } }
.s-loyalty-program-hero-container{ position: relative; }
.s-loyalty-program-hero-background{ position: relative; display: grid; height: 20rem; width: 100%; align-items: center; justify-items: center; place-items: center; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); background-color: var(--color-primary-light); background-size: cover; background-position: center; background-repeat: no-repeat; }
.s-loyalty-program-text-gradient{ background-image: linear-gradient(to top, var(--tw-gradient-stops)); --tw-gradient-from: #fff var(--tw-gradient-from-position); --tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: #d1d5db var(--tw-gradient-to-position); -webkit-background-clip: text; background-clip: text; font-size: 6rem; line-height: 1; font-weight: 700; color: transparent; opacity: 0.7; }
.account-main > h1.s-loyalty-program-text-gradient {
  display: none;
}
.s-loyalty-program-points-action-incomplete{ display: block; background-color: var(--color-primary-light); --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.s-loyalty-program-hero-overlay{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; --tw-bg-opacity: 1; background-color: rgba(0, 0, 0, 1); background-color: rgba(0, 0, 0, var(--tw-bg-opacity, 1)); opacity: 0.5; }
input[type=radio].sr-only div.s-loyalty-program-hero-overlay {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-loyalty-program-hero-overlay {
  border-color: var(--color-main);
}
.s-loyalty-program-hero-content{ z-index: 10; }
.s-loyalty-program-hero-content > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1rem * (1 - 0)); margin-top: calc(1rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(1rem * calc(1 - 0)); margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * 0); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); }
.s-loyalty-program-hero-content{ text-align: center; }
.s-loyalty-program-hero-title{ margin-bottom: 1rem; font-size: 3rem; font-weight: 600; line-height: 1.25; }
.s-loyalty-program-hero-description{ margin-left: auto; margin-right: auto; max-width: 24rem; font-size: 1rem; font-weight: 300; line-height: 1.5rem; }
@media (min-width: 768px){
 .s-loyalty-program-hero-description{ max-width: 36rem; } }
.s-loyalty-program-hero-footer{ position: absolute; width: 100%; padding-left: 1.25rem; padding-right: 1.25rem; }
input[type=radio].sr-only div.s-loyalty-program-hero-footer {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-loyalty-program-hero-footer {
  border-color: var(--color-main);
}
.s-loyalty-program-hero-slot-container{ bottom: 0px; margin-left: auto; margin-right: auto; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.s-loyalty-program-hero-white{ --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.s-loyalty-program-hero-gray{ --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
.s-loyalty-program-rewards-container{ margin-left: auto; margin-right: auto; max-width: 80rem; --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); }
@media (min-width: 640px){
 .s-loyalty-program-rewards-container{ padding-left: 2.5rem; padding-right: 2.5rem; } }
@media (min-width: 768px){
 .s-loyalty-program-rewards-container{ margin-top: 1.5rem; } }
@media (min-width: 1536px){
 .s-loyalty-program-rewards-container{ padding-left: 0px; padding-right: 0px; } }
.s-loyalty-program-rewards-heading-mobile{ margin-left: auto; margin-right: auto; margin-top: 1.5rem; margin-bottom: 1.5rem; width: -moz-max-content; width: max-content; font-size: 1.875rem; line-height: 3rem; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
@media (min-width: 768px){
 .s-loyalty-program-rewards-heading-mobile{ display: none; } }
.s-loyalty-program-rewards-heading-desktop{ display: none; font-size: 1.875rem; line-height: 3rem; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
@media (min-width: 768px){
 .s-loyalty-program-rewards-heading-desktop{ display: block; } }
.s-loyalty-program-rewards-tab-items{ margin-top: 0px; margin-bottom: 0px; display: flex; padding-left: 1rem; padding-right: 1rem; }
@media (min-width: 768px){
 .s-loyalty-program-rewards-tab-items{ margin-top: 0.5rem; margin-bottom: 0.5rem; padding-left: 0px; padding-right: 0px; } }
.s-loyalty-program-rewards-container salla-tab-content{ padding-left: 1rem; padding-right: 1rem; }
@media (min-width: 768px){
 .s-loyalty-program-rewards-container salla-tab-content{ padding-left: 0px; padding-right: 0px; } }
.s-loyalty-program-rewards-container .s-tabs-content-wrapper{ padding: 0px; }
@media (min-width: 768px){
 .s-loyalty-program-rewards-container .s-tabs-content-wrapper{ padding-top: 1rem; } }
.s-loyalty-program-rewards-container .swiper{ padding-left: 1rem; padding-right: 1rem; }
@media (min-width: 768px){
 .s-loyalty-program-rewards-container .swiper{ padding-left: 0px; padding-right: 0px; } }
.s-loyalty-program-rewards-action-base{ margin-left: auto; margin-right: auto; display: block; width: 100%; max-width: 24rem; border-radius: 0.375rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; text-align: center; font-size: 0.75rem; line-height: 1rem; }
@media (min-width: 768px){
 .s-loyalty-program-rewards-action-base{ font-size: 0.875rem; line-height: 1.25rem; } }
.s-loyalty-program-rewards-action-on{ background-color: var(--color-primary-light); --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.s-loyalty-program-rewards-action-off{ cursor: not-allowed; --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.s-loyalty-program-rewards-action-confirm{ position: relative; display: block; background-color: #414042; background-color: var(--color-primary); color: #ff6767; color: var(--color-primary-reverse); }
.s-loyalty-program-rewards-action-cancel{ border-width: 1px; --tw-border-opacity: 1; border-color: rgba(239, 68, 68, 1); border-color: rgba(239, 68, 68, var(--tw-border-opacity, 1)); background-image: none; --tw-text-opacity: 1; color: rgba(239, 68, 68, 1); color: rgba(239, 68, 68, var(--tw-text-opacity, 1)); }
.s-loyalty-program-rewards-img{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; }
.s-loyalty-program-rewards-points{ font-weight: 300; }
.s-loyalty-program-rewards-name{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.s-loyalty-program-rewards-modal-action{ width: 100%; border-top-width: 1px; --tw-border-opacity: 1; border-top-color: rgba(243, 244, 246, 1); border-top-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); padding-left: 3rem; padding-right: 3rem; padding-top: 1.25rem; padding-bottom: 1.25rem; text-align: center; }
.s-loyalty-program-reward-container{ border-radius: 0.75rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); overflow: hidden; }
.s-loyalty-program-reward-xs{ width: 11rem; }
.s-loyalty-program-reward-host{ width: 11rem; }
@media (min-width: 768px){
 .s-loyalty-program-reward-host{ width: auto; } }
.s-loyalty-program-reward-img{ height: 9rem; width: 100%; }
@media (min-width: 768px){
 .s-loyalty-program-reward-img{ height: 12rem; } }
.s-loyalty-program-reward-content{ padding: 0.5rem; }
@media (min-width: 768px){
 .s-loyalty-program-reward-content{ padding: 1rem; } }
.s-loyalty-program-reward-points{ font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); }
.s-loyalty-program-reward-title{ margin-top: 0.75rem; font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-loyalty-program-reward-name{ margin-top: 0.25rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; }
@media (min-width: 768px){
 .s-loyalty-program-reward-name{ font-size: 1.125rem; line-height: 1.75rem; } }
.s-loyalty-program-rewards-container .s-tabs-header{ display: flex; align-items: center; justify-content: space-between; border-style: none; }
.s-loyalty-program-rewards-container .s-tabs-header div{ order: 1; }
.s-loyalty-program-rewards-container .s-tabs-header-item{ position: relative; margin: 0px; display: flex; width: -moz-max-content; width: max-content; align-items: center; justify-content: center; gap: 0.5rem; border-radius: 0.5rem; background-color: transparent; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); }
.s-loyalty-program-rewards-container .s-tabs-bg-normal{ background-color: transparent; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.s-loyalty-program-rewards-container-cart .s-tabs-bg-normal{ background-color: transparent; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.s-loyalty-program-rewards-container-cart .s-tabs-header-item{ display: flex; width: -moz-max-content; width: max-content; align-items: center; justify-content: center; gap: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; font-size: 0.875rem; line-height: 1.25rem; }
.s-loyalty-program-rewards-container-cart .s-tabs-content-wrapper{ padding: 0px; }
.s-loyalty-program-rewards-container-cart .s-tabs-header{ overflow-x: auto; border-bottom-width: 1px; border-color: var(--color-primary-light); padding-left: 1.25rem; padding-right: 1.25rem; }
@media (min-width: 640px){
 .s-loyalty-program-rewards-container-cart .s-tabs-header{ margin-left: 1.25rem; margin-right: 1.25rem; padding-left: 0px; padding-right: 0px; } }
.s-loyalty-program-rewards-container-cart .swiper{ padding: 1.25rem; }
.s-loyalty-program-rewards-cart-header{ margin-top: 2.5rem; margin-bottom: 2.5rem; margin-left: 0px; margin-right: 0px; display: flex; gap: 1rem; padding-top: 0px; padding-bottom: 0px; padding-left: 1.25rem; padding-right: 1.25rem; }
.s-loyalty-program-rewards-container-cart .s-slider-block__title-nav{ width: 100%; }
.s-loyalty-program-rewards-container .s-tabs-active{ background-color: var(--color-primary-light); --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.s-loyalty-program-rewards-container-cart .s-tabs-active{ background-color: var(--color-primary-light); --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.s-loyalty-program-panel-content{ display: flex; flex-direction: column; justify-content: space-around; }
.s-loyalty-program-panel-content h1{ font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; }
.account-main > h1.s-loyalty-program-panel-content h1 {
  display: none;
}
.s-loyalty-program-panel-content p{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; }
.s-loyalty-program-points-wrapper{ padding-left: 1rem; padding-right: 1rem; }
@media (min-width: 768px){
 .s-loyalty-program-points-wrapper{ margin-left: 1.25rem; margin-right: 1.25rem; } }
.s-loyalty-program-points-section{ border-radius: 1rem; --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); padding: 1.25rem; }
@media (min-width: 1024px){
 .s-loyalty-program-points-section{ padding: 4rem; } }
.s-loyalty-program-points-header{ text-align: center; }
.s-loyalty-program-points-title{ font-size: 1.5rem; line-height: 2.25rem; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.s-loyalty-program-points-description{ margin-top: 1rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-loyalty-program-points-spacer{ height: 2.5rem; }
.s-loyalty-program-points-list-one{ margin-left: auto; margin-right: auto; max-width: 80rem; }
.s-loyalty-program-points-list-two{ margin-left: auto; margin-right: auto; display: grid; max-width: 80rem; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 1.25rem; gap: 1.25rem; }
.s-loyalty-program-points-list-multi{ margin-left: auto; margin-right: auto; display: grid; max-width: 80rem; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 1.25rem; gap: 1.25rem; }
@media (min-width: 1024px){
 .s-loyalty-program-points-list-multi{ grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.s-loyalty-program-points-modal-header{ display: flex; align-items: center; justify-content: space-between; border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; padding-top: 1rem; padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; }
.s-loyalty-program-points-modal-info{ width: 100%; font-size: 1.125rem; line-height: 1.75rem; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
.s-loyalty-program-points-modal-main{ display: flex; flex-direction: column; align-items: center; }
.s-loyalty-program-points-modal-main > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.75rem * (1 - 0)); margin-top: calc(0.75rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(0.75rem * calc(1 - 0)); margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * 0); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); }
.s-loyalty-program-points-modal-main{ padding-top: 3rem; padding-bottom: 2rem; }
.s-loyalty-program-points-badge-points{ font-weight: 300; }
.s-loyalty-program-points-modal-details{ width: 100%; padding-left: 1rem; padding-right: 1rem; }
@media (min-width: 768px){
 .s-loyalty-program-points-modal-details{ padding-left: 3rem; padding-right: 3rem; } }
.s-loyalty-program-point-subheading{ margin-top: 1rem; margin-bottom: 1rem; width: 100%; padding-left: 1rem; padding-right: 1rem; }
@media (min-width: 768px){
 .s-loyalty-program-point-subheading{ padding-left: 3rem; padding-right: 3rem; } }
.s-loyalty-program-point-subheading h2{ font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; }
.account-main > h1.s-loyalty-program-point-subheading h2 {
  display: none;
}
.s-loyalty-program-point-subheading p{ --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-loyalty-program-points-modal-list{ width: 100%; padding-left: 1rem; padding-right: 1rem; }
@media (min-width: 768px){
 .s-loyalty-program-points-modal-list{ padding-left: 3rem; padding-right: 3rem; } }
.s-loyalty-program-points-modal-list-wrapper{ width: 100%; border-radius: 1rem; border-width: 1px; }
.s-loyalty-program-points-modal-list-item{ display: flex; align-items: center; justify-content: space-between; border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgba(243, 244, 246, 1); border-bottom-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.25rem; padding-right: 1.25rem; }
.s-loyalty-program-points-modal-list-item:hover{ --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); }
.s-loyalty-program-points-modal-list-item a{ --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); text-decoration-line: underline; }
.s-loyalty-program-points-chains-wrapper{ width: 100%; border-radius: 1rem; border-width: 1px; padding: 1.25rem; }
.s-loyalty-program-points-modal-action{ width: 100%; border-top-width: 1px; --tw-border-opacity: 1; border-top-color: rgba(243, 244, 246, 1); border-top-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); padding-left: 3rem; padding-right: 3rem; padding-top: 1.25rem; padding-bottom: 1.25rem; text-align: center; }
.s-loyalty-program-points-modal-action a{ margin-top: 0px; padding-left: 6rem; padding-right: 6rem; }
.s-loyalty-program-points-action{ margin-left: auto; margin-right: auto; margin-top: 0.5rem; display: block; max-width: -moz-max-content; max-width: max-content; white-space: nowrap; border-radius: 0.375rem; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.25rem; padding-bottom: 0.25rem; font-weight: 500; }
@media (min-width: 768px){
 .s-loyalty-program-points-action{ padding-left: 2rem; padding-right: 2rem; } }
.s-loyalty-program-points-action-completed{ --tw-bg-opacity: 1; background-color: rgba(16, 185, 129, 1); background-color: rgba(16, 185, 129, var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgba(236, 253, 245, 1); color: rgba(236, 253, 245, var(--tw-text-opacity, 1)); }
.s-loyalty-program-points-more-button{ margin-left: auto; margin-right: auto; display: block; width: 100%; max-width: 20rem; border-radius: 0.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(156, 163, 175, 1); border-color: rgba(156, 163, 175, var(--tw-border-opacity, 1)); padding-top: 0.5rem; padding-bottom: 0.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); }
.s-loyalty-program-points-chain-list{ margin: 0px; list-style-type: none; }
.s-loyalty-program-points-chain-list > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0px * (1 - 0)); margin-top: calc(0px * (1 - var(--tw-space-y-reverse))); margin-top: calc(0px * calc(1 - 0)); margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * 0); margin-bottom: calc(0px * var(--tw-space-y-reverse)); }
.s-loyalty-program-points-chain-list{ padding: 0px; }
.s-loyalty-program-points-chain-item{ display: flex; }
.s-loyalty-program-points-chain-item > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1rem * 0); margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * (1 - 0)); margin-left: calc(1rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(1rem * calc(1 - 0)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); }
.s-loyalty-program-points-chain-item:last-child{ margin-bottom: 0px; }
.s-loyalty-program-points-chain-item:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-loyalty-program-points-chain-item-wrapper{ display: flex; width: 2.5rem; flex-direction: column; align-items: center; flex-shrink: 0; }
.cart-totals-row-wrapper .s-loyalty-program-points-chain-item-wrapper {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-loyalty-program-points-chain-item-wrapper {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-loyalty-program-points-chain-item-wrapper {
  text-align: right;
}
.s-loyalty-program-points-chain-icon{ display: flex; width: 2.5rem; flex-direction: column; align-items: center; flex-shrink: 0; }
.cart-totals-row-wrapper .s-loyalty-program-points-chain-icon {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-loyalty-program-points-chain-icon {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-loyalty-program-points-chain-icon {
  text-align: right;
}
.s-loyalty-program-points-chain-line{ margin-top: 0.625rem; margin-bottom: 0.625rem; height: 2.25rem; border-width: 1px; border-style: dashed; --tw-border-opacity: 1; border-color: rgba(209, 213, 219, 1); border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1)); }
.s-loyalty-program-points-chain-content{ display: block; }
.s-loyalty-program-points-chain-description{ margin-top: 0.5rem; }
.s-loyalty-program-points-completed-note{ padding-top: 0.5rem; font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-loyalty-program-points-badge-desktop{ margin-top: 0.5rem; display: none; }
@media (min-width: 768px){
 .s-loyalty-program-points-badge-desktop{ display: block; } }
.s-loyalty-program-points-badge-mobile{ margin-top: 0.5rem; font-size: 0.75rem; line-height: 1rem; font-weight: 300; }
@media (min-width: 768px){
 .s-loyalty-program-points-badge-mobile{ display: none; } }
.s-loyalty-program-point-wrapper{ display: flex; flex-direction: column; align-items: center; border-radius: 1.5rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding-top: 1rem; padding-bottom: 1rem; padding-left: 0.5rem; padding-right: 0.5rem; overflow: hidden; }
@media (min-width: 768px){
 .s-loyalty-program-point-wrapper{ padding: 1.5rem; padding-bottom: 2rem; } }
.s-loyalty-program-point-icon-container{ margin-left: auto; margin-right: auto; display: flex; height: 3.5rem; width: 3.5rem; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); }
.s-loyalty-program-point-description{ margin-top: 0.5rem; white-space: nowrap; font-weight: 700; }
.account-main > h1.s-loyalty-program-point-description {
  display: none;
}
.s-loyalty-program-point-details-branches{ padding: 1rem; font-size: 1rem; line-height: 1.5rem; }
.s-loyalty-program-point-details-branches h2{ font-size: 1rem; line-height: 1.5rem; font-weight: 700; }
.account-main > h1.s-loyalty-program-point-details-branches h2 {
  display: none;
}
.s-loyalty-program-point-details-branches p{ font-size: 0.875rem; line-height: 1.25rem; line-height: 2; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-loyalty-program-profile-container{ display: flex; justify-content: space-between; border-radius: 1rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1.25rem; padding-bottom: 1.25rem; }
.s-loyalty-program-profile-points-section{ margin-top: 0.25rem; }
.s-loyalty-program-profile-label{ font-size: 0.75rem; line-height: 1rem; font-weight: 400; }
.s-loyalty-program-profile-points{ font-size: 1.125rem; line-height: 1.75rem; color: var(--color-primary-dark); }
.s-loyalty-program-profile-points-value{ font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; }
.account-main > h1.s-loyalty-program-profile-points-value {
  display: none;
}
.s-loyalty-program-profile-icon{ display: grid; height: 3rem; width: 3rem; align-items: center; justify-items: center; place-items: center; border-radius: 9999px; background-color: var(--color-primary-light); font-size: 1.125rem; line-height: 1.75rem; color: #ff6767; color: var(--color-primary-reverse); }
.s-loyalty-program-profile-icon svg{ height: 1.25rem; width: 1.25rem; fill: currentColor; }
.s-loyalty-program-circle-base{ margin-left: auto; margin-right: auto; display: grid; align-items: center; justify-items: center; place-items: center; border-radius: 9999px; }
.s-loyalty-program-circle-size-xs{ height: 2rem; min-height: 2rem; width: 2rem; }
.s-loyalty-program-circle-size-xs svg{ height: 0.875rem; width: 0.875rem; }
.s-loyalty-program-circle-size-sm{ height: 3.5rem; min-height: 3.5rem; width: 3.5rem; font-size: 1.25rem; line-height: 1.75rem; }
.s-loyalty-program-circle-size-md{ height: 4rem; min-height: 4rem; width: 4rem; }
.s-loyalty-program-circle-size-lg{ height: 5rem; min-height: 5rem; width: 5rem; }
.s-loyalty-program-circle-size-xl{ height: 4rem; width: 4rem; font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 768px){
 .s-loyalty-program-circle-size-xl{ height: 5rem; width: 5rem; } }
.s-loyalty-program-circle-variant-fill{ --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); }
.s-loyalty-program-circle-variant-outline{ border-width: 1px; --tw-border-opacity: 1; border-color: rgba(75, 85, 99, 1); border-color: rgba(75, 85, 99, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); }
.s-loyalty-program-circle-variant-outline-primary{ border-width: 1px; border-color: #414042; border-color: var(--color-primary); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); color: #414042; color: var(--color-primary); }
.s-loyalty-program-back-btn{ display: inline-flex; flex-shrink: 0; cursor: pointer; align-items: center; border-width: 0px; background-color: transparent; padding: 0.25rem; }
.s-loyalty-program-back-btn * {
  pointer-events: none;
}
.s-loyalty-program-back-btn span{ --tw-text-opacity: 1; color: rgba(239, 68, 68, 1); color: rgba(239, 68, 68, var(--tw-text-opacity, 1)); }
.s-loyalty-program-back-btn span:where([dir="ltr"], [dir="ltr"] *){ padding-right: 1rem; }
.s-loyalty-program-back-btn span:where([dir="rtl"], [dir="rtl"] *){ padding-left: 1rem; }
.s-loyalty-program-reward-details-header{ margin: 2rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; }
@media (min-width: 768px){
 .s-loyalty-program-reward-details-header{ margin: 3rem; } }
.s-loyalty-program-aspect-container{ position: relative; margin-left: auto; margin-right: auto; height: 10rem; width: 100%; border-radius: 0.75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); overflow: hidden; }
@media (min-width: 768px){
 .s-loyalty-program-aspect-container{ height: 12rem; } }
.s-loyalty-program-aspect-container img{ position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; }
input[type=radio].sr-only div.s-loyalty-program-aspect-container img {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-loyalty-program-aspect-container img {
  border-color: var(--color-main);
}
.s-loyalty-program-terms-and-conditions{ margin-left: 1rem; margin-right: 1rem; border-radius: 1rem; border-width: 1px; padding: 1rem; padding-bottom: 0px; }
@media (min-width: 768px){
 .s-loyalty-program-terms-and-conditions{ margin-left: 2rem; margin-right: 2rem; } }
.s-loyalty-program-terms-and-conditions-heading{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; }
.account-main > h1.s-loyalty-program-terms-and-conditions-heading {
  display: none;
}
.s-loyalty-program-terms-and-conditions-list{ margin-top: 0.5rem; }
.s-loyalty-program-terms-and-conditions-list > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * (1 - 0)); border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse))); border-top-width: calc(1px * calc(1 - 0)); border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * 0); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); }
.s-loyalty-program-terms-and-conditions-item{ display: flex; justify-content: space-between; padding-top: 1rem; padding-bottom: 1rem; }
.s-loyalty-program-terms-and-conditions-content{ font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.s-loyalty-program-reward-info-message{ margin-left: 2rem; margin-right: 2rem; margin-top: 2.5rem; margin-bottom: 1rem; }
.s-loyalty-program-reward-info-message > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.5rem * (1 - 0)); margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(0.5rem * calc(1 - 0)); margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * 0); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); }
@media (min-width: 768px){
 .s-loyalty-program-reward-info-message{ margin-left: 3rem; margin-right: 3rem; } }
.s-loyalty-program-reward-info-message-heading{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; }
.account-main > h1.s-loyalty-program-reward-info-message-heading {
  display: none;
}
.s-loyalty-program-reward-info-message-content{ font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.s-loyalty-program-reward-details .s-tabs-header{ margin-top: 0.5rem; margin-bottom: 0.5rem; margin-left: 1rem; margin-right: 1rem; display: flex; }
.s-loyalty-program-reward-details .s-tabs-header > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.5rem * 0); margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * (1 - 0)); margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.5rem * calc(1 - 0)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); }
.s-loyalty-program-reward-details .s-tabs-header{ border-style: none; }
@media (min-width: 768px){
 .s-loyalty-program-reward-details .s-tabs-header{ margin-left: 3rem; margin-right: 3rem; } }
.s-loyalty-program-reward-details .s-tabs-header:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-loyalty-program-reward-details .s-tabs-header-item{ display: flex; width: -moz-max-content; width: max-content; align-items: center; }
.s-loyalty-program-reward-details .s-tabs-header-item > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.5rem * 0); margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * (1 - 0)); margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.5rem * calc(1 - 0)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); }
.s-loyalty-program-reward-details .s-tabs-header-item{ border-radius: 9999px; padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 1rem; padding-right: 1rem; }
.s-loyalty-program-reward-details .s-tabs-header-item:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-loyalty-program-reward-details .s-tabs-bg-normal{ background-color: transparent; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-loyalty-program-reward-details .s-tabs-active{ background-color: var(--color-primary-light); font-weight: 700; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.account-main > h1.s-loyalty-program-reward-details .s-tabs-active {
  display: none;
}
.s-loyalty-program-reward-details .s-tabs-header-item span{ font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
.s-loyalty-program-reward-details-tab-icon svg{ height: 1rem; width: 1rem; fill: currentColor; }
.s-loyalty-program-reward-details-items-wrapper > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * (1 - 0)); border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse))); border-top-width: calc(1px * calc(1 - 0)); border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * 0); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); }
.s-loyalty-program-reward-details-categories-wrapper{ margin-left: 1rem; margin-right: 1rem; padding-bottom: 1.5rem; }
@media (min-width: 768px){
 .s-loyalty-program-reward-details-categories-wrapper{ margin-left: 3rem; margin-right: 3rem; } }
.s-loyalty-program-reward-details-categories{ border-radius: 1rem; border-width: 1px; padding: 1rem; padding-bottom: 0.5rem; }
.s-loyalty-program-reward-details-categories-heading{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; }
.account-main > h1.s-loyalty-program-reward-details-categories-heading {
  display: none;
}
.s-loyalty-program-reward-details-categories-list{ margin-top: 0.5rem; display: flex; flex-wrap: wrap; gap: 0.5rem; }
.s-loyalty-program-reward-details-categories-list > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1rem * 0); margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * (1 - 0)); margin-left: calc(1rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(1rem * calc(1 - 0)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); }
.s-loyalty-program-reward-details-categories-list            { flex-wrap: wrap; }
.s-loyalty-program-reward-details-categories-list:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-loyalty-program-reward-details-categories-item{ display: flex; width: -moz-max-content; width: max-content; align-items: center; }
.s-loyalty-program-reward-details-categories-item > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.25rem * 0); margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * (1 - 0)); margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.25rem * calc(1 - 0)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); }
.s-loyalty-program-reward-details-categories-item{ --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); }
.s-loyalty-program-reward-details-categories-item:hover{ --tw-text-opacity: 1; color: rgba(0, 0, 0, 1); color: rgba(0, 0, 0, var(--tw-text-opacity, 1)); text-decoration-line: underline; }
.s-loyalty-program-reward-details-categories-item:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-loyalty-program-reward-details-categories-item svg{ height: 0.75rem; width: 0.75rem; fill: currentColor; }
.s-loyalty-program-reward-details-categories-item-content{ font-size: 0.75rem; line-height: 1rem; }
.s-loyalty-program-reward-details-items-brands{ margin-left: 1rem; margin-right: 1rem; padding-top: 1.5rem; padding-bottom: 1.5rem; }
@media (min-width: 768px){
 .s-loyalty-program-reward-details-items-brands{ margin-left: 3rem; margin-right: 3rem; } }
.s-loyalty-program-reward-details-items-brands > div{ border-radius: 1rem; border-width: 1px; padding-top: 1rem; padding-bottom: 1rem; }
.s-loyalty-program-reward-details-items-brands > div h2{ padding-left: 1rem; padding-right: 1rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; }
.account-main > h1.s-loyalty-program-reward-details-items-brands > div h2 {
  display: none;
}
.s-loyalty-program-reward-details-items-brands > div salla-slider{ margin-top: 0.75rem; padding-left: 1rem; padding-right: 1rem; }
.s-loyalty-program-rewards-container .swiper-wrapper{ padding-bottom: 1.25rem; }
.s-loyalty-program-reward-brand-item{ height: 6rem; width: 6rem; border-radius: 0.5rem; border-width: 1px; overflow: hidden; }
.s-loyalty-program-reward-brand-item img{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; }
.s-loyalty-program-reward-details-items-products{ margin-left: 1rem; margin-right: 1rem; padding-top: 1.5rem; padding-bottom: 1.5rem; }
@media (min-width: 768px){
 .s-loyalty-program-reward-details-items-products{ margin-left: 3rem; margin-right: 3rem; } }
.s-loyalty-program-reward-details-items-products salla-products-slider{ margin-bottom: 0px; margin-top: 0.75rem; display: block; }
.s-loyalty-program-reward-details-items-products h2{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; }
.account-main > h1.s-loyalty-program-reward-details-items-products h2 {
  display: none;
}
@media (min-width: 768px){
 .s-loyalty-program-slider-arrows .s-slider-v-centered .s-slider-block__title-nav{ display: none; } }
.s-loyalty-program-slider-arrows-edges .s-slider-v-centered .s-slider-block__title-nav{ width: 100%; }
@media (min-width: 768px){
 .s-loyalty-program-slider-arrows-edges .s-slider-v-centered .s-slider-block__title-nav{ display: none; } }
.s-loyalty-program-slider-arrows .s-slider-v-centered .swiper-button-disabled{ visibility: hidden; }
.s-loyalty-program-slider-arrows-edges .s-slider-v-centered .swiper-button-disabled{ visibility: hidden; }
.s-loyalty-program-tabs-hider .s-tabs-header{ border-style: none; }
.s-loyalty-program-tabs-hider salla-tab-header{ display: none; }
.s-loyalty-program-banner-container{ margin-top: 1rem; margin-bottom: 1rem; display: flex; width: 100%; align-items: center; justify-content: space-between; border-radius: 0.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 1.25rem; }
.s-loyalty-program-banner-container > div{ display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 0.5rem; }
.s-loyalty-program-banner-container-banner-title{ font-size: 1rem; line-height: 1.5rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
.account-main > h1.s-loyalty-program-banner-container-banner-title {
  display: none;
}
.s-loyalty-program-banner-container-banner-subtitle{ font-size: 0.75rem; line-height: 1rem; font-weight: 400; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-loyalty-program-banner-container button{ display: flex; width: -moz-max-content; width: max-content; align-items: center; }
.s-loyalty-program-banner-container button > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.5rem * 0); margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * (1 - 0)); margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.5rem * calc(1 - 0)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); }
.s-loyalty-program-banner-container button{ white-space: nowrap; border-radius: 0.375rem; border-width: 1px; border-color: #414042; border-color: var(--color-primary); padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.25rem; padding-bottom: 0.25rem; color: #414042; color: var(--color-primary); }
.s-loyalty-program-banner-container button:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-loyalty-program-banner-container button svg{ height: 1rem; width: 1rem; fill: currentColor; }
.s-loyalty-program-modal-scrollable-content{ padding-bottom: 2.5rem; }
@media (min-width: 768px){
 .s-loyalty-program-modal-scrollable-content{ max-height: 100vh; overflow-y: auto; } }
.s-loyalty-program-exchange-heading{ display: flex; flex-direction: column; align-items: center; }
.s-loyalty-program-exchange-heading > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.75rem * (1 - 0)); margin-top: calc(0.75rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(0.75rem * calc(1 - 0)); margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * 0); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); }
.s-loyalty-program-exchange-heading{ padding-top: 1rem; padding-bottom: 1rem; }
.s-loyalty-program-exchange-heading h2{ margin-top: 1.5rem; }
.s-loyalty-program-exchange-btns{ margin-left: auto; margin-right: auto; display: flex; width: 100%; max-width: 24rem; gap: 1rem; }
.s-loyalty-program-exchange-loading{ position: absolute; top: 50%; left: 50%; }
input[type=radio].sr-only div.s-loyalty-program-exchange-loading {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-loyalty-program-exchange-loading {
  border-color: var(--color-main);
}
.s-loyalty-program-panel-exchange-wrapper{ margin-bottom: 1.25rem; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 0.75rem; --tw-shadow: 5px 10px 30px #2B2D340D;; --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 5px 10px 30px #2B2D340D;; box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
@media (min-width: 480px){
 .s-loyalty-program-panel-exchange-wrapper{ padding: 1.75rem; } }
.s-loyalty-program-after-exchange .s-list-tile-item{ position: relative; justify-content: space-between; border-radius: .75rem; background-color: #414042; background-color: var(--color-primary); padding-top: 0.75rem; padding-bottom: 0.75rem; overflow: hidden; }
.s-loyalty-program-after-exchange .s-list-tile-item .s-list-tile-item-title{ font-size: 0.875rem; line-height: 1.25rem; }
.s-loyalty-program-after-exchange-title{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
.s-loyalty-program-after-exchange-reset{ height: 1.5rem; }
.s-loyalty-program-after-exchange-reset button{ --tw-border-opacity: 1; border-color: rgba(248, 113, 113, 1); border-color: rgba(248, 113, 113, var(--tw-border-opacity, 1)); font-size: 0.875rem; line-height: 1.25rem; }
.s-loyalty-program-after-exchange-reset button span{ display: flex; --tw-scale-x: .75; --tw-scale-y: .75; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.75) scaleY(.75); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); align-items: center; justify-content: center; }
.s-loyalty-program-after-exchange-reset button svg{ height: 1.5rem; width: 1.5rem; fill: #f87171; }
.s-loyalty-program-after-exchange-reset button:hover svg{ fill: #fff; }
.s-loyalty-program-after-exchange-action{ display: flex; align-items: center; justify-content: center; }
.s-loyalty-program-panel-widget .s-list-tile-item{ padding: 0px !important; }
.s-loyalty-program-panel-widget-icon{ display: flex; height: 4rem; width: 4rem; align-items: center; justify-content: center; border-radius: 9999px; background-color: #414042; background-color: var(--color-primary); }
.s-loyalty-program-panel-widget-icon > svg{ width: 1.5rem; fill: #fff; }
.s-loyalty-program-rewards-tab-icon svg{ height: 1.25rem; width: 1.25rem; fill: currentColor; }
.s-maintenance-alert-wrapper{ position: relative; display: flex; min-height: 40px; width: 100%; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgba(26, 38, 61, 1); background-color: rgba(26, 38, 61, var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); flex-direction: row; }
@media (min-width: 640px){
 .s-maintenance-alert-wrapper{ padding-left: 2rem; padding-right: 2rem; } }
.s-maintenance-alert-wrapper a{ transition: 0.35s cubic-bezier(0.2, 1, 0.3, 1); }
.s-maintenance-alert-wrapper *{ color: inherit; }
.s-maintenance-alert-close{ position: absolute; top: 0.25rem; right: 0.25rem; }
input[type=radio].sr-only div.s-maintenance-alert-close {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-maintenance-alert-close {
  border-color: var(--color-main);
}
@media (min-width: 768px){
 .s-maintenance-alert-close{ top: 0.75rem; right: 0.75rem; } }
.s-maintenance-alert-close:where([dir="rtl"], [dir="rtl"] *){ right: auto; right: initial; left: 0.25rem; }
@media (min-width: 768px){
 .s-maintenance-alert-close:where([dir="rtl"], [dir="rtl"] *){ left: 0.75rem; } }
.s-maintenance-alert-close svg{ height: 1rem; width: 1rem; fill: #fff; }
@media (min-width: 768px){
 .s-maintenance-alert-close svg{ height: 1.25rem; width: 1.25rem; } }
.s-maintenance-alert-content{ margin-top: 1rem; margin-bottom: 1rem; display: flex; width: 100%; align-items: center; justify-content: space-between; }
@media (min-width: 640px){
 .s-maintenance-alert-content{ padding-left: 2rem; padding-right: 2rem; } }
.s-maintenance-alert-container{ display: flex; align-items: center; }
.s-maintenance-alert-icon{ margin-right: 1.25rem; display: none; }
@media (min-width: 640px){
 .s-maintenance-alert-icon{ display: block; } }
.s-maintenance-alert-icon:where([dir="rtl"], [dir="rtl"] *){ margin-left: 1.25rem; margin-right: 0px; }
.s-maintenance-alert-text h2{ margin-bottom: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; line-height: 1.4; }
.account-main > h1.s-maintenance-alert-text h2 {
  display: none;
}
@media (min-width: 640px){
 .s-maintenance-alert-text h2{ font-size: 1.5rem; line-height: 2rem; } }
.s-maintenance-alert-text p{ margin: 0px; text-align: right; font-size: 10px; line-height: 1.2; }
@media (min-width: 640px){
 .s-maintenance-alert-text p{ text-align: center; font-size: 0.75rem; line-height: 1rem; line-height: 1; } }
.s-maintenance-alert-btn{ position: relative; margin-left: 4px; margin-right: 4px; display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; white-space: nowrap; border-radius: 0.125rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(93, 213, 196, 1); border-color: rgba(93, 213, 196, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(93, 213, 196, 1); background-color: rgba(93, 213, 196, var(--tw-bg-opacity, 1)); padding: 0.5rem; text-align: center; vertical-align: middle; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; line-height: 1.4; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.s-maintenance-alert-btn * {
  pointer-events: none;
}
.s-maintenance-alert-btn:hover{ --tw-bg-opacity: 1; background-color: rgba(53, 203, 181, 1); background-color: rgba(53, 203, 181, var(--tw-bg-opacity, 1)); }
@media (min-width: 640px){
 .s-maintenance-alert-btn{ padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } }
.s-map-modal-title{ position: relative; margin-top: 1rem; margin-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; }
.s-map-location-icon{ margin-right: 0.5rem; }
.s-map-location-icon:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.5rem; margin-right: 0px; }
.s-map-location-icon svg{ height: 1rem !important; width: 1rem !important; }
.s-map-modal-body{ position: relative; overflow: hidden; }
.s-map-element{ height: 400px; width: 100%; }
.s-map-search-wrapper{ position: absolute; top: 0px; z-index: 1; margin: 1.25rem; width: -webkit-fill-available; }
input[type=radio].sr-only div.s-map-search-wrapper {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-map-search-wrapper {
  border-color: var(--color-main);
}
.s-map-search-wrapper input{ height: 2.5rem; width: 100%; padding: 0.5rem; }
.s-map-search-wrapper input:where([dir="rtl"], [dir="rtl"] *){ text-align: right; }
.s-map-search-results{ margin-top: 0px; display: flex; height: 6rem; flex-direction: column; padding: 0.5rem; }
.s-map-modal-body .s-loading-container{ position: absolute; margin: 0px; padding: 5rem; }
input[type=radio].sr-only div.s-map-modal-body .s-loading-container {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-map-modal-body .s-loading-container {
  border-color: var(--color-main);
}
.s-map-my-location-button{ position: absolute; bottom: 1.5rem; left: 0px; margin: 0.5rem; }
input[type=radio].sr-only div.s-map-my-location-button {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-map-my-location-button {
  border-color: var(--color-main);
}
.s-map-location-button .s-button-text{ display: flex; align-items: center; }
.s-map-submit-button button{ border-top-right-radius: 0px; border-top-left-radius: 0px; padding-top: 12px; padding-bottom: 12px; }
.s-menu-item{ display: none !important; }
@media (min-width: 1024px){
 .s-menu-item{ display: block !important; }
 .s-menu-root-level{ display: inline-block !important; } }
.s-menu-non-root-level{ position: relative; }
.s-menu-products-wrapper{ flex-grow: 1; padding: 2rem; }
.s-menu-products-container{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap: 1rem; gap: 1rem; }
.s-menu-submenu-unordered-list{ margin: 2rem; width: 14rem; flex-shrink: 0; }
.s-menu-submenu-unordered-list:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0px; }
.s-menu-submenu-unordered-list:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0px; }
.s-menu-submenu-with-product{ left: 0px; display: flex; width: 100%; }
.s-menu-submenu-without-product{ width: 14rem; }
.s-menu-footer-item{ margin-bottom: 1.25rem; display: block; font-size: 0.875rem; line-height: 1.25rem; line-height: 1; }
.s-menu-footer-item:last-child{ margin-bottom: 0px; }
.s-menu-topnav-list{ display: none; align-items: center; white-space: nowrap; }
@media (min-width: 1024px){
 .s-menu-topnav-list{ display: flex; } }
.s-menu-topnav-list:where([dir="ltr"], [dir="ltr"] *){ padding-right: 1rem; }
.s-menu-topnav-list:where([dir="rtl"], [dir="rtl"] *){ padding-left: 1rem; }
.s-menu-topnav-item{ display: inline-block; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 1px; padding-bottom: 1px; font-size: 0.875rem; line-height: 1.25rem; line-height: 1; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.s-menu-topnav-item:hover{ opacity: 0.8; }
.s-menu-topnav-item:where([dir="ltr"], [dir="ltr"] *){ border-right-width: 1px; }
.s-menu-topnav-item:first-child:where([dir="ltr"], [dir="ltr"] *){ padding-left: 0px; }
.s-menu-topnav-item:last-child:where([dir="ltr"], [dir="ltr"] *){ border-width: 0px; padding-right: 0px; }
.s-menu-topnav-item:where([dir="rtl"], [dir="rtl"] *){ border-left-width: 1px; }
.s-menu-topnav-item:first-child:where([dir="rtl"], [dir="rtl"] *){ padding-right: 0px; }
.s-menu-topnav-item:last-child:where([dir="rtl"], [dir="rtl"] *){ border-width: 0px; padding-left: 0px; }
.s-metadata-box{ margin-bottom: 1.25rem; display: block; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 1.25rem; }
.s-metadata-box-header{ margin-bottom: 0.75rem; display: flex; align-items: center; -moz-column-gap: 0.5rem; column-gap: 0.5rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding-bottom: 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 700; }
.account-main > h1.s-metadata-box-header {
  display: none;
}
.s-metadata-row{ margin-bottom: 0.75rem; display: flex; justify-content: space-between; gap: 0.5rem; line-height: 1.25rem; flex-direction: row; }
.s-metadata-row:last-child{ margin-bottom: 0px; }
.s-metadata-row-name{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.account-main > h1.s-metadata-row-name {
  display: none;
}
.s-modal-container{ position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 200; overflow: hidden; }
.s-modal-wrapper{ height: 100%; overflow-y: auto; text-align: center; }
.s-modal-loader{ margin-left: 0.5rem; margin-right: 0.5rem; display: flex; align-items: center; justify-content: center; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.s-modal-loader::before{ display: inline-block; height: 2.5rem; content: var(--tw-content); width: 2.5rem; }
@keyframes spin{
 to{ content: var(--tw-content); transform: rotate(360deg); } }
.s-modal-loader::before{ animation: spin 1s linear infinite; border-radius: 9999px; border-width: 2px; border-style: solid; border-top-color: #414042; border-top-color: var(--color-primary); border-left-color: #414042; border-left-color: var(--color-primary); border-bottom-color: rgba(243, 244, 246, 1); border-bottom-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); --tw-border-opacity: 1; border-right-color: rgba(243, 244, 246, 1); border-right-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); --tw-content: ''; content: ''; content: var(--tw-content); }
.s-modal-close{ position: absolute; top: 0.75rem; z-index: 10; width: 2.75rem; cursor: pointer; border-style: none; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.s-modal-close * {
  pointer-events: none;
}
input[type=radio].sr-only div.s-modal-close {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-modal-close {
  border-color: var(--color-main);
}
.s-modal-close:focus{ outline: 2px solid transparent; outline-offset: 2px; }
.s-modal-close:where([dir="ltr"], [dir="ltr"] *){ right: 0px; }
.s-modal-close:where([dir="rtl"], [dir="rtl"] *){ left: 0px; }
.s-modal-close svg{ width: 1.25rem; fill: #f87171; }
.s-modal-close svg:hover{ fill: #ef4444; }
.s-modal-header{ flex-direction: column; }
.s-modal-header-inner{ margin-bottom: 1.25rem; display: flex; align-items: center; padding-right: 2rem; text-align: center; }
@media (min-width: 640px){
 .s-modal-header-inner{ display: block; } }
@media (min-width: 768px){
 .s-modal-header-inner{ padding: 0px !important; } }
.s-modal-header-inner:where([dir="rtl"], [dir="rtl"] *){ padding-left: 2rem; padding-right: 0px; }
.s-modal-header-content{ display: flex; flex-direction: column; text-align: left; }
@media (min-width: 768px){
 .s-modal-header-content{ text-align: center; } }
.s-modal-header-content:where([dir="rtl"], [dir="rtl"] *){ text-align: right; }
@media (min-width: 768px){
 .s-modal-header-content:where([dir="rtl"], [dir="rtl"] *){ text-align: center; } }
.s-modal-header-img{ margin-left: auto; margin-right: auto; max-width: 150px; }
@media (min-width: 640px){
 .s-modal-header-img{ margin-bottom: 1rem; } }
.s-modal-icon{ display: inline-flex; height: 4rem; width: 4rem; align-items: center; justify-content: center; border-radius: 9999px; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); font-size: 1.875rem; line-height: 2.25rem; flex-shrink: 0; }
.cart-totals-row-wrapper .s-modal-icon {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-modal-icon {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-modal-icon {
  text-align: right;
}
@media (min-width: 640px){
 .s-modal-icon{ margin-left: auto; margin-right: auto; margin-bottom: 1rem; height: 5rem; width: 5rem; } }
.s-modal-icon:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.5rem; }
@media (min-width: 640px){
 .s-modal-icon:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0px; } }
.s-modal-icon:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.5rem; }
@media (min-width: 640px){
 .s-modal-icon:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0px; } }
.s-modal-icon svg{ fill: #9ca3af; }
.s-modal-bg-normal{ --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); }
.s-modal-bg-success{ --tw-border-opacity: 1; border-color: rgba(134, 239, 172, 1); border-color: rgba(134, 239, 172, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(220, 252, 231, 1); background-color: rgba(220, 252, 231, var(--tw-bg-opacity, 1)); }
.s-modal-bg-success svg{ fill: #16a34a; }
.s-modal-bg-error{ --tw-border-opacity: 1; border-color: rgba(252, 165, 165, 1); border-color: rgba(252, 165, 165, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(254, 226, 226, 1); background-color: rgba(254, 226, 226, var(--tw-bg-opacity, 1)); }
.s-modal-bg-error svg{ fill: #dc2626; }
.s-modal-bg-primary{ border-color: #414042; border-color: var(--color-primary); background-color: #414042; background-color: var(--color-primary); }
.s-modal-bg-primary svg{ fill: #ff6767; fill: var(--color-primary-reverse); }
.s-modal-title{ font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.account-main > h1.s-modal-title {
  display: none;
}
@media (min-width: 640px){
 .s-modal-title{ margin-bottom: 0.5rem; } }
.s-modal-sub-title{ font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
@media (min-width: 640px){
 .s-modal-sub-title{ margin-bottom: 0.5rem; } }
.s-modal-title-below{ order: 10; }
.s-modal-body-slot{ width: 100%; }
.s-modal-body{ position: fixed; left: 0px; bottom: 0px; display: inline-block; width: 100%; --tw-translate-y: 1rem; transform: translate(var(--tw-translate-x), 1rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-radius: .75rem; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); overflow: hidden; }
@media (min-width: 640px){
 .s-modal-body{ position: relative; margin-top: 2rem; margin-bottom: 2rem; --tw-translate-y: 0px; --tw-scale-x: .95; --tw-scale-y: .95; transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.95) scaleY(.95); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); overflow: visible; border-bottom-right-radius: .75rem; border-bottom-left-radius: .75rem; } }
@media (min-width: 768px){
 .s-modal-body{ left: auto; left: initial; bottom: auto; bottom: initial; } }
.s-modal-body:where([dir="ltr"], [dir="ltr"] *){ text-align: left; }
.s-modal-body:where([dir="rtl"], [dir="rtl"] *){ text-align: right; }
.s-modal-padding{ padding: 1rem; padding-top: 1.5rem; }
@media (min-width: 640px){
 .s-modal-padding{ padding: 1.5rem; } }
.s-modal-spacer{ display: inline-block; height: 100vh; }
.s-modal-align-middle{ vertical-align: bottom; }
@media (min-width: 640px){
 .s-modal-align-middle{ vertical-align: middle; } }
.s-modal-align-top{ vertical-align: bottom; }
@media (min-width: 640px){
 .s-modal-align-top{ vertical-align: top; } }
.s-modal-align-bottom{ vertical-align: bottom; }
.s-modal-overlay{ position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: rgba(107, 114, 128, 0.75); background-color: rgba(107, 114, 128, var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.75; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
.s-modal-overlay-leaving{ opacity: 0; }
.s-modal-entering{ --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 1; transition-duration: 300ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
@media (min-width: 640px){
 .s-modal-entering{ --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } }
.s-modal-leaving{ --tw-translate-y: 1rem; transform: translate(var(--tw-translate-x), 1rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 0; }
@media (min-width: 640px){
 .s-modal-leaving{ --tw-translate-y: 0px; --tw-scale-x: .95; --tw-scale-y: .95; transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.95) scaleY(.95); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } }
.s-modal-is-center{ align-items: center; }
@media (min-width: 640px){
 .s-modal-is-center{ text-align: center; }
 .s-modal-xs{ max-width: 380px; }
 .s-modal-sm{ max-width: 480px; } }
@media (min-width: 768px){
 .s-modal-md{ max-width: 768px; } }
.s-modal-lg{ max-width: 992px; }
.s-modal-xl{ max-width: 1280px; }
.s-modal-full{ height: 100%; width: 100%; }
@media (min-width: 768px){
 .s-modal-full{ height: calc(100% - 70px); width: calc(100% - 70px); } }
@media (min-width: 640px){
 .s-modal-auto{ width: -moz-fit-content !important; width: fit-content !important; }
 .s-modal-auto{ max-width: 90vw; } }
.s-multiple-bundle-product-wrapper{ margin-bottom: 1.25rem; display: block; }
.s-multiple-bundle-product-wrapper-sections{ display: flex; flex-direction: column; gap: 1rem; }
.s-multiple-bundle-product-wrapper-slider .swiper{ display: block !important; }
.s-multiple-bundle-product-wrapper-slider .swiper-pagination{ position: static; }
.s-multiple-bundle-product-wrapper-slider .swiper-pagination .swiper-pagination-bullet{ height: 8px; width: 8px; }
.s-multiple-bundle-product-slide-one-third{ width: 100% !important; }
.s-multiple-bundle-product-slide-one-third{ height: auto; }
@media (min-width: 640px){
 .s-multiple-bundle-product-slide-one-third{ width: 100% !important; } }
@media (min-width: 768px){
 .s-multiple-bundle-product-slide-one-third{ width: 50% !important; } }
@media (min-width: 1024px){
 .s-multiple-bundle-product-slide-one-third{ width: 35.7% !important; } }
.s-multiple-bundle-product-slide-one-third-disabled{ pointer-events: none; cursor: not-allowed; }
.s-multiple-bundle-product-slide-one-third-disabled .s-multiple-bundle-product-image-wrapper{ opacity: 0.5; }
.s-multiple-bundle-product-slide-one-third-disabled .s-multiple-bundle-product-button{ --tw-text-opacity: 1; color: rgba(229, 231, 235, 1); color: rgba(229, 231, 235, var(--tw-text-opacity, 1)); }
.s-multiple-bundle-product-card{ position: relative; display: flex; height: 100%; width: 100%; flex-direction: column; border-radius: 0.5rem; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); overflow: hidden; }
.s-multiple-bundle-product-checkbox{ position: absolute; top: 0.25rem; right: 0.5rem; height: 1rem; width: 1rem; border-radius: .75rem; --tw-border-opacity: 1; border-color: rgba(209, 213, 219, 1); border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1)); accent-color: #16a34a; }
input[type=radio].sr-only div.s-multiple-bundle-product-checkbox {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-multiple-bundle-product-checkbox {
  border-color: var(--color-main);
}
.s-multiple-bundle-product-image-wrapper{ display: flex; height: 200px; justify-content: center; }
.s-multiple-bundle-product-image{ width: 100%; -o-object-fit: cover; object-fit: cover; }
.s-multiple-bundle-product-content-wrapper{ padding: 0.5rem; line-height: 1rem; }
.s-multiple-bundle-product-content{ display: flex; align-items: flex-start; justify-content: space-between; gap: 0.5rem; }
.s-multiple-bundle-product-details{ display: flex; flex-direction: column; }
.s-multiple-bundle-product-title-wrapper{ flex: 1 1 0%; }
.s-multiple-bundle-product-title{ font-size: 9px; font-weight: 500; line-height: 1rem; --tw-text-opacity: 1; color: rgba(29, 78, 216, 1); color: rgba(29, 78, 216, var(--tw-text-opacity, 1)); }
.s-multiple-bundle-product-price-wrapper{ display: flex; align-items: center; gap: 0.25rem; }
.s-multiple-bundle-product-price{ font-size: 9px; font-weight: 700; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
.account-main > h1.s-multiple-bundle-product-price {
  display: none;
}
.s-multiple-bundle-product-price-discount{ margin-left: 0.5rem; font-size: 8px; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); text-decoration-line: line-through; }
.s-multiple-bundle-product-button{ display: flex; align-items: center; gap: 0.25rem; border-radius: 0.5rem; border-width: 0px; text-align: left; font-size: 10px; font-weight: 700; --tw-text-opacity: 1; color: rgba(22, 163, 74, 1); color: rgba(22, 163, 74, var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.account-main > h1.s-multiple-bundle-product-button {
  display: none;
}
.s-multiple-bundle-product-button:where([dir="ltr"], [dir="ltr"] *){ text-align: left; }
.s-multiple-bundle-product-button:where([dir="rtl"], [dir="rtl"] *){ text-align: right; }
.s-multiple-bundle-product-button:hover{ --tw-text-opacity: 1; color: rgba(59, 130, 246, 1); color: rgba(59, 130, 246, var(--tw-text-opacity, 1)); }
.s-multiple-bundle-product-button-icon{ font-size: 10px; font-weight: 700; }
.account-main > h1.s-multiple-bundle-product-button-icon {
  display: none;
}
.s-multiple-bundle-product-button-icon svg{ height: 1rem; width: 1rem; fill: #16a34a; }
.s-multiple-bundle-product-button-disabled-icon{ pointer-events: none; opacity: 0.5; }
.s-multiple-bundle-product-badge{ display: flex; align-items: center; gap: 0.25rem; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(229, 231, 235, 1); background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; font-size: 7px; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); flex-shrink: 0; }
.cart-totals-row-wrapper .s-multiple-bundle-product-badge {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-multiple-bundle-product-badge {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-multiple-bundle-product-badge {
  text-align: right;
}
.s-multiple-bundle-product-options-modal-footer{ display: flex; justify-content: flex-end; }
.s-multiple-bundle-product-options-modal-slider{ margin-top: 1.25rem; display: flex; gap: 1.25rem; }
.s-multiple-bundle-product-options-modal-slider .s-slider-container .swiper-slide{ display: flex; align-items: center; justify-content: center; }
.s-multiple-bundle-product-options-modal-slider .s-slider-thumbs{ margin-top: 0px !important; }
.s-multiple-bundle-product-options-modal-slider .s-slider-thumbs-container{ margin: 0px !important; width: 40px !important; transform: none !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.s-multiple-bundle-product-options-modal-slider .s-slider-thumbs-container{ position: static; }
.s-multiple-bundle-product-options-modal-slider .s-slider-thumbs-container .swiper-slide{ margin-top: 0px !important; display: flex !important; height: 40px !important; }
.s-multiple-bundle-product-options-modal-slider .s-slider-thumbs-container .swiper-slide{ width: 100%; align-items: center; justify-content: center; padding: 0.25rem; }
.s-multiple-bundle-product-cart-header-wrapper{ width: 100%; }
.s-multiple-bundle-product-cart-header{ display: flex; align-items: center; gap: 1rem; }
.s-multiple-bundle-product-cart-header-no-options{ justify-content: space-between; }
.s-multiple-bundle-product-cart-header-content{ display: flex; align-items: center; gap: 1rem; }
.s-multiple-bundle-product-cart-header-remove-button{ display: flex; align-items: center; gap: 0.25rem; }
.s-multiple-bundle-product-cart-body-remove-button{ display: flex; align-items: center; justify-content: flex-end; gap: 0.25rem; }
.s-multiple-bundle-product-cart-header-image-wrapper{ position: relative; flex-shrink: 0; overflow: hidden; }
.s-multiple-bundle-product-cart-header-image{ height: 4rem; width: 4rem; flex: none; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
.s-multiple-bundle-product-cart-header-content-details > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.25rem * (1 - 0)); margin-top: calc(0.25rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(0.25rem * calc(1 - 0)); margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * 0); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); }
.s-multiple-bundle-product-cart-header-content-details-title{ font-size: 1rem; font-weight: 500; line-height: 1.5rem; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.s-multiple-bundle-product-cart-header-content-details-price{ display: flex; align-items: center; gap: 0.25rem; }
.s-multiple-bundle-product-cart-header-content-details-price-regular{ font-size: 0.75rem; line-height: 1rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); }
.account-main > h1.s-multiple-bundle-product-cart-header-content-details-price-regular {
  display: none;
}
.s-multiple-bundle-product-cart-header-content-details-price-sale{ font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); text-decoration-line: line-through; }
.s-multiple-bundle-product-cart-header-content-details-quantity{ display: flex; align-items: center; gap: 0.25rem; font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); }
.s-multiple-bundle-product-cart-header-content-details-title-link{ font-size: 1rem; line-height: 1.5rem; font-weight: 500; }
.s-multiple-bundle-product-options-modal-slider-thumb{ height: 100%; width: 100%; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); -o-object-fit: cover; object-fit: cover; overflow: hidden; }
.s-next-order-coupon-wrapper{ margin-bottom: 1.5rem; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; }
@media (min-width: 768px){
 .s-next-order-coupon-wrapper{ margin-bottom: 2rem; padding-left: 2rem; padding-right: 2rem; } }
.s-next-order-coupon-inner{ display: flex; flex-direction: column; gap: 1rem; }
@media (min-width: 768px){
 .s-next-order-coupon-inner{ flex-direction: row; align-items: center; justify-content: space-between; } }
.s-next-order-coupon-info{ display: flex; min-width: 0px; flex: 1 1 0%; align-items: center; gap: 0.75rem; }
.s-next-order-coupon-icon-wrap{ position: relative; display: flex; height: 3rem; width: 3rem; align-items: center; justify-content: center; border-radius: .75rem; flex-shrink: 0; }
.cart-totals-row-wrapper .s-next-order-coupon-icon-wrap {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-next-order-coupon-icon-wrap {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-next-order-coupon-icon-wrap {
  text-align: right;
}
.s-next-order-coupon-icon-bg{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; border-radius: .75rem; background-color: #414042; background-color: var(--color-primary); opacity: 0.25; }
input[type=radio].sr-only div.s-next-order-coupon-icon-bg {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-next-order-coupon-icon-bg {
  border-color: var(--color-main);
}
.s-next-order-coupon-icon{ position: relative; color: #414042; color: var(--color-primary); }
.s-next-order-coupon-icon svg{ height: 1.5rem; width: 1.75rem; fill: currentColor; }
.s-next-order-coupon-details{ display: flex; min-width: 0px; flex-direction: column; gap: 0.5rem; }
.s-next-order-coupon-title-row{ display: flex; align-items: center; gap: 0.375rem; flex-wrap: wrap; }
.s-next-order-coupon-title{ font-size: 1rem; line-height: 1.5rem; font-weight: 700; line-height: 1.375; }
.account-main > h1.s-next-order-coupon-title {
  display: none;
}
.s-next-order-coupon-amount{ color: #414042; color: var(--color-primary); }
.s-next-order-coupon-badge{ position: relative; display: inline-flex; height: 1.5rem; align-items: center; border-radius: 9999px; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 0.75rem; line-height: 1rem; color: #414042; color: var(--color-primary); }
.s-next-order-coupon-badge-bg{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; border-radius: 9999px; background-color: #414042; background-color: var(--color-primary); opacity: 0.25; }
input[type=radio].sr-only div.s-next-order-coupon-badge-bg {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-next-order-coupon-badge-bg {
  border-color: var(--color-main);
}
.s-next-order-coupon-badge-text{ position: relative; }
.s-next-order-coupon-meta{ display: flex; -moz-column-gap: 0.25rem; column-gap: 0.25rem; font-size: 0.875rem; line-height: 1.25rem; line-height: 1.375; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); flex-wrap: wrap; }
.s-next-order-coupon-actions{ display: flex; flex-direction: column; gap: 0.75rem; }
@media (min-width: 768px){
 .s-next-order-coupon-actions{ flex-shrink: 0; flex-direction: row; align-items: center; } }
.s-next-order-coupon-code-box{ display: flex; height: 2.5rem; width: 100%; align-items: center; justify-content: center; gap: 0.5rem; border-radius: 0.375rem; border-width: 1px; border-style: dashed; border-color: #414042; border-color: var(--color-primary); padding-left: 1rem; padding-right: 1rem; }
@media (min-width: 768px){
 .s-next-order-coupon-code-box{ width: auto; } }
.s-next-order-coupon-code-text{ font-size: 1rem; line-height: 1.5rem; line-height: 1; letter-spacing: 0.025em; }
.s-next-order-coupon-copy-btn{ height: auto !important; padding: 0px !important; }
.s-next-order-coupon-copy-btn{ display: flex; align-items: center; }
.s-next-order-coupon-copy-icon{ pointer-events: none; color: #414042; color: var(--color-primary); }
.s-next-order-coupon-copy-icon svg{ height: 1rem; width: 1rem; fill: currentColor; }
.s-next-order-coupon-shop-btn{ width: 100%; white-space: nowrap; text-align: center; }
@media (min-width: 768px){
 .s-next-order-coupon-shop-btn{ width: auto; } }
@keyframes pulse{
 50%{ opacity: .5; } }
.s-next-order-coupon-skeleton{ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
.s-notifications-container > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.625rem * (1 - 0)); margin-top: calc(0.625rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(0.625rem * calc(1 - 0)); margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.625rem * 0); margin-bottom: calc(0.625rem * var(--tw-space-y-reverse)); }
@media (min-width: 768px){
 .s-notifications-container > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1.25rem * (1 - 0)); margin-top: calc(1.25rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(1.25rem * calc(1 - 0)); margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * 0); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); } }
.s-notifications-item{ display: flex; cursor: pointer; align-items: center; justify-content: space-between; }
.s-notifications-item > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1rem * 0); margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * (1 - 0)); margin-left: calc(1rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(1rem * calc(1 - 0)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); }
.s-notifications-item{ border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 1.25rem; transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; }
.s-notifications-item * {
  pointer-events: none;
}
.s-notifications-item:hover{ --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-notifications-item:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-notifications-item-icon{ display: flex; height: 3.5rem; width: 3.5rem; align-items: center; justify-content: center; border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); font-size: 1.25rem; line-height: 1.75rem; }
.s-notifications-item-icon-new{ --tw-text-opacity: 1; color: rgba(248, 113, 113, 1); color: rgba(248, 113, 113, var(--tw-text-opacity, 1)); }
.s-notifications-item-content{ flex: 1 1 0%; }
@media (min-width: 768px){
 .s-notifications-item-content{ display: flex; } }
.s-notifications-item-content-leading{ flex: 1 1 0%; }
.s-notifications-item-content-leading h4{ margin-bottom: 0.375rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.account-main > h1.s-notifications-item-content-leading h4 {
  display: none;
}
.s-notifications-item-content-leading p{ margin-bottom: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; }
@media (min-width: 768px){
 .s-notifications-item-content-leading p{ margin-bottom: 0px; } }
.s-notifications-item-content-trailing{ display: inline-flex; align-items: center; font-size: 0.875rem; line-height: 1.25rem; }
.s-notifications-item-content-trailing-icon:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.375rem; }
.s-notifications-item-content-trailing-icon:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.375rem; }
.s-notifications-item-read{ --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-notifications-no-content{ display: flex; height: 100%; flex-direction: column; align-items: center; justify-content: center; padding-top: 2.5rem; padding-bottom: 5rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-notifications-item-shadow:hover{ box-shadow: 5px 10px 30px rgba(43,45,52,0.05098); }
.s-offer-wrapper{ position: relative; margin-bottom: 2rem; border-radius: .75rem; --tw-bg-opacity: 1; background-color: rgba(254, 242, 242, 1); background-color: rgba(254, 242, 242, var(--tw-bg-opacity, 1)); padding: 0.625rem; overflow: hidden; }
@media (min-width: 640px){
 .s-offer-wrapper{ padding: 1.25rem; } }
@media (min-width: 768px){
 .s-offer-wrapper{ margin-bottom: 4rem; } }
.s-offer-corner-badge{ position: absolute; z-index: 1; float: left; margin: 0px; height: auto; width: auto; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-width: 0px; --tw-bg-opacity: 1; background-color: rgba(220, 38, 38, 1); background-color: rgba(220, 38, 38, var(--tw-bg-opacity, 1)); padding-left: 3rem; padding-right: 3rem; padding-top: 0.25rem; padding-bottom: 0.25rem; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
input[type=radio].sr-only div.s-offer-corner-badge {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-offer-corner-badge {
  border-color: var(--color-main);
}
.s-offer-corner-badge:where([dir="ltr"], [dir="ltr"] *){ top: 1.25rem; right: -3.5rem; --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(45deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.s-offer-corner-badge:where([dir="rtl"], [dir="rtl"] *){ top: 0.75rem; left: -3rem; --tw-rotate: -45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-45deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.s-offer-slide-one-sixth{ width: 50% !important; }
@media (min-width: 640px){
 .s-offer-slide-one-sixth{ width: 33.333333% !important; } }
@media (min-width: 768px){
 .s-offer-slide-one-sixth{ width: 25% !important; } }
@media (min-width: 1024px){
 .s-offer-slide-one-sixth{ width: 16.666667% !important; } }
.s-offer-slide-one-sixth-single{ align-items: center !important; }
.s-offer-slide-one-sixth-single{ display: flex; gap: 0.75rem; }
.s-offer-slide-cat-entry{ display: flex; height: 9rem; flex-direction: column; align-items: center; justify-content: center; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(243, 244, 246, 1); border-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 0.75rem; text-align: center; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; }
.s-offer-slide-cat-entry:hover{ --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); --tw-shadow: 5px 10px 30px rgba(43,45,52,0.05098); --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 5px 10px 30px rgba(43,45,52,0.05098); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-offer-slide-cat-entry i{ margin-bottom: 1rem; display: inline-block; font-size: 33px; color: #414042; color: var(--color-primary); }
.s-offer-slide-cat-entry h4{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; }
.account-main > h1.s-offer-slide-cat-entry h4 {
  display: none;
}
.s-offer-slide-one-fourth{ height: auto; width: auto; max-width: 310px; }
.s-offer-slide-offer-entry{ display: flex; height: 9rem; flex-direction: column; align-items: center; justify-content: space-between; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); text-align: center; --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; }
.s-offer-slide-offer-entry:hover{ --tw-shadow: 5px 10px 30px rgba(43,45,52,0.05098); --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 5px 10px 30px rgba(43,45,52,0.05098); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-offer-slide-offer-entry-price-quantity-container{ display: flex; width: 100%; flex-grow: 1; flex-direction: column; justify-content: center; padding: 0.75rem; }
.s-offer-slide-offer-entry-quantity{ margin-bottom: 0.25rem; }
.s-offer-slide-offer-entry-price{ font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-offer-slide-offer-entry-price-amount{ font-size: 1.875rem; line-height: 2.25rem; font-weight: 800; --tw-text-opacity: 1; color: rgba(248, 113, 113, 1); color: rgba(248, 113, 113, var(--tw-text-opacity, 1)); }
.s-offer-slide-offer-entry-price-amount-percent{ width: 100%; border-top-width: 1px; --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); padding: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; }
.s-offer-slide-offer-entry-price-amount-percent span{ font-weight: 700; }
.account-main > h1.s-offer-slide-offer-entry-price-amount-percent span {
  display: none;
}
.s-offer-discount-list{ margin-top: 1.25rem; }
.s-offer-discount-list > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.625rem * (1 - 0)); margin-top: calc(0.625rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(0.625rem * calc(1 - 0)); margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.625rem * 0); margin-bottom: calc(0.625rem * var(--tw-space-y-reverse)); }
.s-offer-discount-list-item{ display: flex; justify-content: space-between; border-top-width: 1px; padding-top: 0.625rem; }
.s-offer-discount-list-item-money{ font-weight: 700; --tw-text-opacity: 1; color: rgba(248, 113, 113, 1); color: rgba(248, 113, 113, var(--tw-text-opacity, 1)); }
.account-main > h1.s-offer-discount-list-item-money {
  display: none;
}
.s-offer-discount-list-item-discount{ font-size: 0.875rem; line-height: 1.25rem; }
.s-offer-discount-list-item-discount span{ font-weight: 700; }
.account-main > h1.s-offer-discount-list-item-discount span {
  display: none;
}
.s-offer-bank-wrapper{ position: relative; display: flex; min-height: 144px; width: 100%; flex-direction: column; align-items: center; justify-content: center; border-radius: 0.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(243, 244, 246, 1); border-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 0.5rem; }
.s-offer-bank-wrapper:hover{ --tw-shadow: 5px 10px 30px rgba(43,45,52,0.05098); --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 5px 10px 30px rgba(43,45,52,0.05098); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-offer-bank-wrapper-multi-spacer{ margin-top: 1.25rem; }
.s-offer-bank-wrapper-sinlge-item{ display: flex; align-items: center; gap: 0.75rem; }
.s-offer-bank-logo{ margin-bottom: 0.25rem; display: flex; height: 5rem; width: 5rem; align-items: center; border-radius: .75rem; }
.s-offer-bank-logo img{ height: 100%; max-height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; }
.s-offer-bank-payment-wrapper{ display: flex; min-width: 84px; align-items: center; justify-content: center; gap: 0.25rem; flex-wrap: nowrap; }
.s-offer-bank-payment-single{ display: flex; height: 1.5rem; width: 2rem; align-items: center; justify-content: center; border-radius: .75rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); }
.s-offer-bank-payment-single img{ max-height: 100%; max-width: 100%; -o-object-fit: contain; object-fit: contain; }
.s-offer-bank-payment-discount-percent{ position: absolute; top: -1rem; left: auto; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(220, 38, 38, 1); background-color: rgba(220, 38, 38, var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 11px; font-weight: 600; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); --tw-shadow: 0 1px 2px rgba(0,0,0,0.35); --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 2px rgba(0,0,0,0.35); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
input[type=radio].sr-only div.s-offer-bank-payment-discount-percent {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-offer-bank-payment-discount-percent {
  border-color: var(--color-main);
}
.s-offer-bank-message{ width: 100%; }
.s-offer-bank-message h2{ max-width: 92%; font-size: 1rem; line-height: 1.5rem; font-weight: 500; --tw-text-opacity: 1; color: rgba(220, 38, 38, 1); color: rgba(220, 38, 38, var(--tw-text-opacity, 1)); }
.s-offer-bank-message p{ max-width: 95%; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; line-height: 1.5; --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); }
.s-offer-bank-message-amount{ font-weight: 700; --tw-text-opacity: 1; color: rgba(185, 28, 28, 1); color: rgba(185, 28, 28, var(--tw-text-opacity, 1)); }
.account-main > h1.s-offer-bank-message-amount {
  display: none;
}
.s-offer-bank-payment-nav{ margin-left: 3.5rem !important; margin-right: 3.5rem !important; }
.s-offer-.s-slider-block__title{ position: relative; margin-bottom: 1.25rem; }
.s-offer-.s-slider-block__title::before{ position: absolute; top: 1rem; font-size: 3rem; font-weight: 400; line-height: 1; --tw-text-opacity: 1; color: rgba(254, 242, 242, 1); color: rgba(254, 242, 242, var(--tw-text-opacity, 1)); --tw-content: 'ee30'; content: 'ee30'; content: var(--tw-content); }
.s-offer-.s-slider-block__title:where([dir="ltr"], [dir="ltr"] *)::before{ content: var(--tw-content); left: 0px; }
.s-offer-.s-slider-block__title:where([dir="rtl"], [dir="rtl"] *)::before{ content: var(--tw-content); right: 0px; }
.s-offer-.s-offer-wrapper .s-slider-block__title h2{ z-index: 0; font-size: 1.125rem; line-height: 1.75rem; --tw-text-opacity: 1; color: rgba(239, 68, 68, 1); color: rgba(239, 68, 68, var(--tw-text-opacity, 1)); }
.s-offer-.s-offer-wrapper .s-slider-block__title p{ margin-top: 0.25rem; overflow: visible; display: block; -webkit-box-orient: horizontal; -webkit-line-clamp: none; line-height: 1.5rem; }
.s-offer-wrapper .s-slider-block__title::before{ content: \ee30; font-family: sallaicons; position: absolute; top: 1rem; font-size: 3rem; font-weight: 400; line-height: 1; z-index: -1; color: rgba(254, 242, 242, 1); }
.s-offer-bank-wrapper-single-item{ display: flex; align-items: center; gap: 0.875rem; }
.s-offer-slides-container{ display: flex; gap: 1rem; }
.s-offer-card{ margin-left: auto; margin-right: auto; display: flex; height: 100%; min-height: 138px; max-width: 28rem; gap: 0.75rem; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1.25rem; padding-bottom: 1.25rem; }
.s-offer-card-icon{ display: flex; height: 3rem; width: 3rem; align-items: center; justify-content: center; align-self: flex-start; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); font-size: 1.5rem; line-height: 2rem; flex-shrink: 0; }
.cart-totals-row-wrapper .s-offer-card-icon {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-offer-card-icon {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-offer-card-icon {
  text-align: right;
}
.s-offer-card-content{ min-width: 0px; flex: 1 1 0%; text-align: right; }
.s-offer-card-title{ margin-bottom: 0.25rem; width: 100%; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; line-height: 1.25; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.s-offer-card-description{ font-size: 0.875rem; line-height: 1.25rem; line-height: 1.625; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.s-offer-card-details{ display: flex; width: 100%; flex-direction: column; }
.s-offer-shared-content{ display: flex; flex-direction: column; align-items: center; text-align: center; }
.s-offer-drawer-card{ border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(243, 244, 246, 1); border-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 1.5rem; padding-bottom: 1.5rem; overflow: hidden; }
.s-offer-drawer-card:last-child{ border-bottom-width: 0px; }
.s-offer-drawer-card .s-offer-card-main{ display: flex; align-items: center; gap: 1rem; padding: 0px; }
.s-offer-drawer-card .s-offer-card-icon{ display: flex; height: 3rem; width: 3rem; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); font-size: 1.25rem; line-height: 1.75rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); flex-shrink: 0; }
.cart-totals-row-wrapper .s-offer-drawer-card .s-offer-card-icon {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-offer-drawer-card .s-offer-card-icon {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-offer-drawer-card .s-offer-card-icon {
  text-align: right;
}
.s-offer-drawer-card .s-offer-card-content{ min-width: 0px; flex: 1 1 0%; text-align: right; }
.s-offer-drawer-card .s-offer-card-title{ margin-bottom: 0.25rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
.s-offer-drawer-card .s-offer-card-description{ font-size: 0.875rem; line-height: 1.25rem; line-height: 1.625; --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); }
.s-offer-drawer-card .s-accordion-wrapper{ margin: 0px; }
.s-offer-drawer-card .s-accordion-head-wrapper{ margin-right: 60px; width: 100%; max-width: 370px; cursor: pointer; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding-bottom: 0.75rem; padding-right: 0px; padding-top: 0px; }
.s-offer-drawer-card .s-accordion-head-wrapper * {
  pointer-events: none;
}
.s-offer-drawer-card .s-accordion-head-wrapper-end{ display: none !important; }
.s-offer-drawer-card .s-accordion-body-wrapper{ overflow: auto; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-bottom: 0px; }
.s-offer-drawer-card .s-accordion-body-wrapper::-webkit-scrollbar{ width: 5px; }
.s-offer-drawer-card .s-accordion-body-wrapper::-webkit-scrollbar-track{ background-color: #eee; }
.s-offer-drawer-card .s-accordion-body-wrapper::-webkit-scrollbar-thumb{ background-color: #414042; background-color: var(--color-primary); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.s-offer-drawer-card .s-accordion-body-wrapper    { overflow: auto; }
.s-offer-products-thumbnails{ display: flex; width: 100%; align-items: center; justify-content: space-between; }
.s-offer-products-thumbnails-stack{ position: relative; display: flex; align-items: center; }
.s-offer-product-thumbnail{ position: relative; z-index: 10; margin-left: -0.5rem; height: 2rem; width: 2rem; border-radius: 0.375rem; border-width: 2px; --tw-border-opacity: 1; border-color: rgba(255, 255, 255, 1); border-color: rgba(255, 255, 255, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); overflow: hidden; }
.s-offer-product-thumbnail:first-child{ margin-left: 0px; }
.s-offer-product-thumbnail img{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; }
.s-offer-products-more-count{ position: relative; z-index: 50; margin-left: -0.5rem; display: flex; height: 2rem; width: 2rem; align-items: center; justify-content: center; border-radius: 0.375rem; border-width: 2px; --tw-border-opacity: 1; border-color: rgba(255, 255, 255, 1); border-color: rgba(255, 255, 255, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); font-size: 11px; font-weight: 400; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); direction: ltr; }
.s-offer-products-title{ display: flex; align-items: center; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.s-offer-products-accordion-content{ --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); padding: 0.75rem; }
.s-offer-products-link{ display: flex; cursor: pointer; align-items: center; justify-content: space-between; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; }
.s-offer-products-link * {
  pointer-events: none;
}
.s-offer-products-link:hover{ --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.s-offer-products-link-text{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); text-decoration-line: underline; }
.s-offer-products-link-icon{ font-size: 15px; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; }
.s-offer-products-link:hover .s-offer-products-link-icon{ --tw-translate-x: -0.25rem; transform: translate(-0.25rem, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.s-offer-drawer-padding{ padding: 0px !important; }
.s-offer-drawer-content{ overflow-y: auto !important; }
.s-offer-drawer-content{ max-height: calc(100vh - 120px); padding-left: 1rem; padding-right: 1rem; }
.s-offer-drawer-content::-webkit-scrollbar{ width: 5px; }
.s-offer-drawer-content::-webkit-scrollbar-track{ background-color: #eee; }
.s-offer-drawer-content::-webkit-scrollbar-thumb{ background-color: #414042; background-color: var(--color-primary); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.s-offer-products-drawer-content{ overflow-y: auto !important; }
.s-offer-products-drawer-content{ max-height: calc(100vh - 120px); padding-left: 1.5rem; padding-right: 1.5rem; }
.s-offer-products-drawer-content::-webkit-scrollbar{ width: 5px; }
.s-offer-products-drawer-content::-webkit-scrollbar-track{ background-color: #eee; }
.s-offer-products-drawer-content::-webkit-scrollbar-thumb{ background-color: #414042; background-color: var(--color-primary); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.s-offer-products-list-single-column .s-products-list-wrapper{ display: grid !important; grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
.s-offer-products-list-single-column .s-products-list-wrapper{ grid-gap: 0.75rem; gap: 0.75rem; }
.s-offer-products-list-single-column salla-product-card[horizontal] img{ height: 60px !important; max-height: 60px !important; width: 60px !important; max-width: 60px !important; -o-object-fit: cover !important; object-fit: cover !important; }
.s-offer-products-list-single-column salla-product-card[horizontal] button{ --tw-bg-opacity: 1; background-color: rgba(52, 211, 153, 1); background-color: rgba(52, 211, 153, var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.s-offer-products-list-single-column salla-product-card[horizontal] button:hover{ --tw-bg-opacity: 1; background-color: rgba(16, 185, 129, 1); background-color: rgba(16, 185, 129, var(--tw-bg-opacity, 1)); }
.s-offer-discount-table{ width: 100%; border-collapse: collapse; }
.s-offer-discount-table tr:not(:last-child){ border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); }
.s-offer-discount-table td{ padding: 0.75rem; text-align: right; }
.s-offer-discount-table td:first-child{ padding-right: 0px; }
.s-offer-discount-percentage{ font-size: 0.75rem; line-height: 1rem; font-weight: 700; line-height: 1.25; }
.account-main > h1.s-offer-discount-percentage {
  display: none;
}
.s-offer-discount-condition{ margin-top: 0.25rem; font-size: 10px; line-height: 1.25; --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); }
.s-offer-categories{ margin-top: 0.75rem; text-align: right; }
.s-offer-categories-list{ display: flex; -moz-column-gap: 1rem; column-gap: 1rem; font-size: 13px; line-height: 1.625; flex-wrap: wrap; }
.s-offer-categories-list a{ text-decoration-line: underline; }
.s-offer-category-item{ display: inline-block; cursor: pointer; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-offer-category-item * {
  pointer-events: none;
}
.s-offer-category-item:hover{ --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.s-offer-categories-toggle{ cursor: pointer; font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
.s-offer-categories-toggle * {
  pointer-events: none;
}
.s-offer-categories-toggle:hover{ --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.s-offer-min-spend{ margin-top: 0.625rem; font-size: 13px; line-height: 17px; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-offer-percentage-fixed-content{ display: flex; flex-direction: column; }
.s-offer-min-items{ font-size: 13px; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-offer-discount-table-subtitle{ margin-bottom: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; line-height: 1.625; --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); }
.s-offer-show-more-card{ pointer-events: auto; display: flex; cursor: pointer; align-items: center; justify-content: center; gap: 0.25rem; text-align: center; }
.s-offer-show-more-card * {
  pointer-events: none;
}
.s-offer-show-more-icon{ --tw-text-opacity: 1; color: rgba(239, 68, 68, 1); color: rgba(239, 68, 68, var(--tw-text-opacity, 1)); }
.s-offer-show-more-title{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; line-height: 1.25; --tw-text-opacity: 1; color: rgba(239, 68, 68, 1); color: rgba(239, 68, 68, var(--tw-text-opacity, 1)); }
.s-offer-drawer-card .s-products-list-compact-cards{ margin-bottom: 0px !important; }
.s-offer-modal-body{ display: flex; overflow-x: auto; margin-left: -32px; margin-right: -32px; padding-left: 32px; padding-right: 32px; gap: 24px; padding-bottom: 32px; -webkit-overflow-scrolling: touch; }
.s-offer-modal-body::-webkit-scrollbar{ display: none; }
.s-offer-modal-badge{ margin-bottom: 0.625rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 1.5rem; --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 1rem; padding-right: 1rem; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-offer-modal-badge:where([dir="ltr"], [dir="ltr"] *){ margin-left: 0.625rem; }
.s-offer-modal-badge:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.625rem; }
.s-offer-modal-badge-icon:where([dir="ltr"], [dir="ltr"] *){ margin-left: 0.375rem; }
.s-offer-modal-badge-icon:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.375rem; }
.s-offer-modal-badge-icon svg{ margin-bottom: 1rem; display: inline-block; height: 1.5rem; width: 1.5rem; fill: #414042; fill: var(--color-primary); }
.s-offer-modal-badge-text{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; }
.account-main > h1.s-offer-modal-badge-text {
  display: none;
}
.s-offer-modal-cat-item.swiper-slide{ margin-top: 1rem; margin-bottom: 1rem; display: flex; height: 9rem; max-width: 180px; flex-direction: column; align-items: center; justify-content: center; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(243, 244, 246, 1); border-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 0.75rem; text-align: center; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; }
.s-offer-modal-cat-item.swiper-slide:hover{ --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); --tw-shadow: 5px 10px 99px rgba(43,45,52,0.05098); --tw-shadow-colored: 5px 10px 99px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 5px 10px 99px rgba(43,45,52,0.05098); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-offer-modal-brand-item.swiper-slide{ margin-top: 1rem; margin-bottom: 1rem; display: flex; height: 9rem; max-width: 180px; flex-direction: column; align-items: center; justify-content: center; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(243, 244, 246, 1); border-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 0.75rem; text-align: center; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; }
.s-offer-modal-brand-item.swiper-slide:hover{ --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); --tw-shadow: 5px 10px 99px rgba(43,45,52,0.05098); --tw-shadow-colored: 5px 10px 99px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 5px 10px 99px rgba(43,45,52,0.05098); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-offer-modal-brand-logo{ margin-bottom: 0.75rem; height: 4rem; width: 4rem; -o-object-fit: contain; object-fit: contain; }
.s-offer-modal-brand-logo img{ height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; }
.s-offer-modal-tag-item.swiper-slide{ margin-top: 1rem; margin-bottom: 1rem; display: flex; height: 9rem; max-width: 180px; flex-direction: column; align-items: center; justify-content: center; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(243, 244, 246, 1); border-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 0.75rem; text-align: center; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; }
.s-offer-modal-tag-item.swiper-slide:hover{ --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); --tw-shadow: 5px 10px 99px rgba(43,45,52,0.05098); --tw-shadow-colored: 5px 10px 99px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 5px 10px 99px rgba(43,45,52,0.05098); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-offer-modal-product.swiper-slide{ display: flex; width: 70%; flex-grow: 1; flex-direction: column; flex-shrink: 0; }
.cart-totals-row-wrapper .s-offer-modal-product.swiper-slide {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-offer-modal-product.swiper-slide {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-offer-modal-product.swiper-slide {
  text-align: right;
}
@media (min-width: 640px){
 .s-offer-modal-product.swiper-slide{ width: 40%; } }
@media (min-width: 1024px){
 .s-offer-modal-product.swiper-slide{ width: 28%; } }
.s-offer-modal-product-image-wrap{ position: relative; margin-bottom: 1rem; display: block; height: 8rem; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); overflow: hidden; }
.s-offer-modal-product-image{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; }
.s-offer-modal-not-available{ --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) grayscale(100%) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.s-offer-modal-product-info{ margin-bottom: 1rem; }
.s-offer-modal-product-name{ margin-bottom: 0.375rem; display: inline-block; width: 11rem; text-overflow: ellipsis; white-space: nowrap; font-size: 1rem; line-height: 1.5rem; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; overflow: hidden; }
.s-offer-modal-product-name:hover{ color: #414042; color: var(--color-primary); }
.s-offer-modal-product-price{ margin-bottom: 1.25rem; display: flex; width: 100%; align-items: center; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; }
.account-main > h1.s-offer-modal-product-price {
  display: none;
}
@media (min-width: 768px){
 .s-offer-modal-product-price{ margin-bottom: 0px; } }
@media (min-width: 640px){
 .s-offer-modal-product-price:where([dir="ltr"], [dir="ltr"] *){ margin-left: 0.5rem; }
 .s-offer-modal-product-price:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0.5rem; } }
.s-offer-modal-product-sale-price{ --tw-text-opacity: 1; color: rgba(239, 68, 68, 1); color: rgba(239, 68, 68, var(--tw-text-opacity, 1)); }
.s-offer-modal-product-old-price{ margin-left: 0.25rem; margin-right: 0.25rem; font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); text-decoration-line: line-through; }
.s-offer-modal-btn-wrap{ margin-top: auto; }
.s-offer-modal-header-icon{ display: inline-flex; height: 4rem; width: 4rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 9999px; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); }
@media (min-width: 640px){
 .s-offer-modal-header-icon{ margin-left: auto; margin-right: auto; margin-bottom: 1rem; height: 5rem; width: 5rem; } }
.s-offer-modal-header-icon:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.5rem; }
@media (min-width: 640px){
 .s-offer-modal-header-icon:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0px; } }
.s-offer-modal-header-icon:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.5rem; }
@media (min-width: 640px){
 .s-offer-modal-header-icon:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0px; } }
.s-offer-modal-header-icon svg{ height: 1.75rem; width: 1.75rem; fill: #9ca3af; flex-shrink: 0; }
.cart-totals-row-wrapper .s-offer-modal-header-icon svg {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-offer-modal-header-icon svg {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-offer-modal-header-icon svg {
  text-align: right;
}
.s-offer-modal-footer{ margin-top: 1rem; display: flex; flex-direction: column; justify-content: space-between; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
@media (min-width: 640px){
 .s-offer-modal-footer{ margin-top: 2rem; flex-direction: row; } }
.s-offer-modal-expiry{ margin-bottom: 1.25rem; }
@media (min-width: 768px){
 .s-offer-modal-expiry{ margin-bottom: 0px; } }
.s-offer-modal-remember-label{ display: flex; cursor: pointer; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.s-offer-modal-remember-label * {
  pointer-events: none;
}
.s-offer-modal-remember-label:hover{ --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
@media (min-width: 640px){
 .s-offer-modal-remember-label:where([dir="ltr"], [dir="ltr"] *){ margin-left: 0.5rem; }
 .s-offer-modal-remember-label:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0.5rem; } }
.s-offer-modal-remember-input{ height: 1.5rem; width: 1.5rem; border-radius: 0.375rem; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); color: #414042; color: var(--color-primary); }
.s-offer-modal-remember-input:focus{ --tw-ring-color: transparent; }
.s-offer-modal-slider-centered .swiper-wrapper{ justify-content: center; }
.s-offer-modal-slider-centered .s-offer-modal-slider-item{ display: flex; max-width: 28%; flex-grow: 1; flex-direction: column; flex-shrink: 0; }
.cart-totals-row-wrapper .s-offer-modal-slider-centered .s-offer-modal-slider-item {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-offer-modal-slider-centered .s-offer-modal-slider-item {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-offer-modal-slider-centered .s-offer-modal-slider-item {
  text-align: right;
}
.s-offer-modal-skeleton{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.s-offer-modal-skeleton-items{ margin-top: 1.5rem; margin-bottom: 1.5rem; display: flex; width: 100%; align-items: center; }
.s-offer-modal-skeleton-item{ cursor: inherit !important; }
.s-offer-modal-skeleton-item{ position: relative; margin-right: 1.25rem; width: 33.333333%; text-align: center; }
.s-offer-modal-skeleton-item:last-child{ margin-right: 0px; }
.s-offer-modal-skeleton-item:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0px; margin-left: 1.25rem; }
.s-offer-modal-skeleton-item:last-child:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0px; }
.s-offer-modal-skeleton-header{ width: 100%; }
.s-offer-modal-skeleton-header salla-skeleton{ margin-left: auto; margin-right: auto; }
.s-offer-modal-skeleton-header salla-skeleton:nth-child(1){ margin-bottom: 1.25rem; }
.s-offer-modal-skeleton-header salla-skeleton:nth-child(2){ margin-bottom: 0.75rem; }
.s-offer-modal-skeleton-header salla-skeleton:nth-child(3){ margin-bottom: 1.25rem; }
.s-offer-modal-skeleton-item-subtitle{ display: flex; width: 100%; align-items: center; justify-content: space-between; }
.s-offer-modal-skeleton-item-subtitle div svg{ height: 1rem; width: 1rem; fill: currentColor; --tw-text-opacity: 1; color: rgba(209, 213, 219, 1); color: rgba(209, 213, 219, var(--tw-text-opacity, 1)); }
.s-offer-modal-skeleton-item-title{ margin-top: 0.75rem; margin-bottom: 0.75rem; }
.s-offer-modal-skeleton-footer{ margin-top: 1.5rem; display: flex; width: 100%; align-items: center; justify-content: space-between; }
.s-offer-modal-discount-table{ width: 100%; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(238, 238, 238, 1); border-color: rgba(238, 238, 238, var(--tw-border-opacity, 1)); }
.s-offer-modal-discount-table table{ width: 100%; text-align: left; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(119, 119, 119, 1); color: rgba(119, 119, 119, var(--tw-text-opacity, 1)); }
.s-offer-modal-discount-table tr{ border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(238, 238, 238, 1); border-color: rgba(238, 238, 238, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(252, 252, 252, 1); background-color: rgba(252, 252, 252, var(--tw-bg-opacity, 1)); }
.s-offer-modal-discount-table tr:last-child{ border-bottom-width: 0px; }
.s-offer-modal-discount-table tr td{ padding-top: 1rem; padding-bottom: 1rem; padding-left: 1.5rem; padding-right: 1.5rem; }
.s-offer-modal-discount-table tr td:where([dir="rtl"], [dir="rtl"] *){ text-align: right; }
.s-offer-modal-discount-table-cell{ text-align: right; }
.s-offer-modal-discount-table-cell:where([dir="rtl"], [dir="rtl"] *){ text-align: left !important; }
.s-offer-modal-type-discounts-table .s-modal-body{ position: relative !important; }
.s-order-details-multiple-bundle-product{ display: flex; height: auto; width: 100%; flex-direction: column; align-items: flex-start; justify-content: flex-start; border-radius: 0.5rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); outline: 2px solid transparent; outline-offset: 0px; }
.s-order-details-wrapper{ display: block; }
.s-order-details-bundle-content{ display: flex; flex-direction: column; gap: 1rem; padding-top: 1rem; padding-bottom: 1rem; }
.s-order-details-bundle-title{ margin-bottom: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; }
.account-main > h1.s-order-details-bundle-title {
  display: none;
}
.s-order-details-product{ display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; }
.s-order-details-product-content{ min-width: 0px; }
.s-order-details-product-info{ display: flex; align-items: center; gap: 0.5rem; font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); flex-wrap: wrap; }
.s-order-details-product-image{ display: flex; height: 3.5rem; width: 3.5rem; align-items: center; justify-content: center; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(243, 244, 246, 1); border-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); flex-shrink: 0; overflow: hidden; }
.cart-totals-row-wrapper .s-order-details-product-image {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-order-details-product-image {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-order-details-product-image {
  text-align: right;
}
.s-order-details-product-image img{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; }
.s-order-details-product-details{ display: flex; min-width: 0px; flex-grow: 1; flex-direction: column; gap: 0.25rem; }
.s-order-details-product-name{ display: block; text-overflow: ellipsis; white-space: nowrap; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); text-decoration-line: none; overflow: hidden; }
.s-order-details-product-name:hover{ color: #414042; color: var(--color-primary); }
.s-order-details-product-price{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.s-order-details-product-price-sale{ --tw-text-opacity: 1; color: rgba(220, 38, 38, 1); color: rgba(220, 38, 38, var(--tw-text-opacity, 1)); }
.s-order-details-product-regular-price{ font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); text-decoration-line: line-through; }
.s-order-details-product-quantity{ font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-order-details-options{ margin-top: 1rem; }
.s-order-details-option{ display: flex; align-items: center; justify-content: space-between; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(243, 244, 246, 1); border-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); padding-top: 0.5rem; padding-bottom: 0.5rem; }
.s-order-details-option:last-child{ border-bottom-width: 0px; }
.s-order-details-option-name{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.s-order-details-option-value{ text-align: right; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-order-details-option-value:where([dir="rtl"], [dir="rtl"] *){ text-align: left; }
.s-order-details-options-title{ margin-top: 1.25rem; margin-bottom: 0.875rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; }
.account-main > h1.s-order-details-options-title {
  display: none;
}
.s-order-details-options-container{ margin-bottom: 0.5rem; display: flow-root; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding-left: 1rem; padding-right: 1rem; }
.s-order-details-options-container-borderless{ margin-bottom: 0.5rem; display: flow-root; }
.s-order-details-options-list > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * (1 - 0)); border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse))); border-top-width: calc(1px * calc(1 - 0)); border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * 0); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); --tw-divide-opacity: 1; border-color: rgba(243, 244, 246, 1); border-color: rgba(243, 244, 246, var(--tw-divide-opacity, 1)); }
.s-order-details-options-list{ font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(29, 31, 31, 1); color: rgba(29, 31, 31, var(--tw-text-opacity, 1)); }
.s-order-details-options-item{ display: flex; align-items: center; justify-content: space-between; padding-top: 0.625rem; padding-bottom: 0.625rem; }
.s-order-details-options-item-name{ margin-bottom: 0.5rem; }
@media (min-width: 768px){
 .s-order-details-options-item-name{ margin-bottom: 0px; } }
.s-order-details-options-item-value{ font-weight: 500; }
.s-order-details-options-item-value-image{ font-weight: 500; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.s-order-details-options-item-value-text{ font-size: 0.75rem; line-height: 1rem; font-weight: 500; }
.s-order-details-option-image-container{ display: flex; }
.s-order-details-option-image-container > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.625rem * 0); margin-right: calc(0.625rem * var(--tw-space-x-reverse)); margin-left: calc(0.625rem * (1 - 0)); margin-left: calc(0.625rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.625rem * calc(1 - 0)); margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse))); }
.s-order-details-option-image-container:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-order-details-option-image{ height: 1.5rem; width: 1.5rem; border-radius: 0.375rem; -o-object-fit: cover; object-fit: cover; }
.s-order-details-option-color-swatch{ display: inline-block; height: 1.5rem; width: 1.5rem; border-radius: 9999px; --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-order-details-option-color-swatch:where([dir="ltr"], [dir="ltr"] *){ margin-left: 0.5rem; }
.s-order-details-option-color-swatch:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0.5rem; }
.s-order-details-option-file-link{ font-size: 0.875rem; line-height: 1.25rem; color: #414042; color: var(--color-primary); text-decoration-line: underline; }
.s-order-details-option-color-picker{ display: flex; width: -moz-fit-content; width: fit-content; border-radius: .75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(243, 244, 246, 1); border-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); }
.s-order-details-option-color-picker-content{ display: flex; align-items: center; --tw-border-opacity: 1; border-color: rgba(243, 244, 246, 1); border-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); }
.s-order-details-option-color-picker-content:where([dir="ltr"], [dir="ltr"] *){ border-right-width: 1px; padding-right: 0.25rem; }
.s-order-details-option-color-picker-content:where([dir="rtl"], [dir="rtl"] *){ border-left-width: 1px; padding-left: 0.25rem; }
.s-order-details-option-color-picker-text{ padding-left: 0.25rem; padding-right: 0.25rem; font-size: 0.75rem; line-height: 1rem; }
.s-order-details-option-color-picker-swatch{ display: inline-block; height: 1rem; border-radius: .75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(243, 244, 246, 1); border-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); padding: 0.25rem; --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-order-details-option-color-picker-swatch:where([dir="ltr"], [dir="ltr"] *){ margin-left: 0.25rem; }
.s-order-details-option-color-picker-swatch:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0.25rem; }
.s-order-details-option-color-picker-button{ padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.25rem; }
.s-order-details-option-color-picker-icon{ pointer-events: none; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-order-details-option-map-button{ font-size: 0.875rem; line-height: 1.25rem; color: #414042; color: var(--color-primary); }
.s-order-details-option-default-text{ font-size: 0.75rem; line-height: 1rem; }
.s-order-details-option-color-copy-icon svg{ height: 1rem; width: 1rem; fill: #6b7280; }
.s-order-edit-timer-wrapper{ margin-bottom: 1rem; display: flex; justify-content: center; }
.s-order-edit-layout{ display: grid; align-items: flex-start; grid-gap: 1.5rem; gap: 1.5rem; grid-template-columns: minmax(0,1.35fr) minmax(20rem,1fr); }
@media (max-width: 1080px){
 .s-order-edit-layout{ grid-template-columns: minmax(0, 1fr); } }
.s-order-edit-products-panel{ border-radius: 1rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 1.5rem; }
@media (max-width: 768px){
 .s-order-edit-products-panel{ display: none; } }
.s-order-edit-order-panel{ display: flex; flex-direction: column; gap: 1.5rem; border-radius: 1rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 1.5rem; }
.s-order-edit-products-header{ margin-bottom: 1rem; }
.s-order-edit-products-title{ margin: 0px; font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; line-height: 1.6; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.account-main > h1.s-order-edit-products-title {
  display: none;
}
.s-order-edit-items-wrapper{ display: flex; flex-direction: column; gap: 1.25rem; }
.s-order-edit-items-title{ margin: 0px; font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; line-height: 1.6; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.account-main > h1.s-order-edit-items-title {
  display: none;
}
.s-order-edit-items-divider{ height: 1px; width: 100%; --tw-bg-opacity: 1; background-color: rgba(238, 242, 247, 1); background-color: rgba(238, 242, 247, var(--tw-bg-opacity, 1)); }
.s-order-edit-products-picker{ display: flex; min-height: 0px; flex-direction: column; gap: 1rem; }
.s-order-edit-products-modal-content{ display: flex; min-height: 0px; flex-direction: column; gap: 1rem; padding: 1rem; }
.s-order-edit-products-search{ position: relative; margin-bottom: 1.25rem; display: block; }
.s-order-edit-products-search i{ pointer-events: none; position: absolute; top: 50%; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); font-size: 1rem; line-height: 1.5rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
input[type=radio].sr-only div.s-order-edit-products-search i {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-order-edit-products-search i {
  border-color: var(--color-main);
}
.s-order-edit-products-search i:where([dir="ltr"], [dir="ltr"] *){ left: 1rem; }
.s-order-edit-products-search i:where([dir="rtl"], [dir="rtl"] *){ right: 1rem; }
.s-order-edit-products-search-input{ min-height: 3rem; width: 100%; border-radius: 0.875rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(209, 213, 219, 1); border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.875rem; padding-bottom: 0.875rem; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; }
.s-order-edit-products-search-input:where([dir="ltr"], [dir="ltr"] *){ padding-left: 2.75rem; padding-right: 1rem; }
.s-order-edit-products-search-input:where([dir="rtl"], [dir="rtl"] *){ padding-right: 2.75rem; padding-left: 1rem; }
.s-order-edit-products-search-input:focus{ --tw-border-opacity: 1; border-color: rgba(17, 24, 39, 1); border-color: rgba(17, 24, 39, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); --tw-shadow: 0 0 0 3px rgba(17,24,39,0.08); --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 0 3px rgba(17,24,39,0.08); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); outline: 2px solid transparent; outline-offset: 2px; }
.s-order-edit-products-list{ min-height: 20rem; }
.s-order-edit-products-list .s-products-list-wrapper{ gap: 1rem; grid-template-columns: repeat(2,minmax(0,1fr)); }
@media (min-width: 769px){
 .s-order-edit-products-list .s-products-list-wrapper{ grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.s-order-edit-no-content-placeholder{ display: flex; min-height: 14rem; flex-direction: column; align-items: center; justify-content: center; gap: 0.75rem; border-radius: 0.875rem; border-width: 1px; border-style: dashed; --tw-border-opacity: 1; border-color: rgba(209, 213, 219, 1); border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); padding: 2rem; text-align: center; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-order-edit-no-content-placeholder .icon{ font-size: 1.25rem; line-height: 1.75rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-order-edit-actions{ position: sticky; bottom: 1.5rem; display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; border-radius: 0.875rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); background-color: rgba(255,255,255,0.94); padding: 1rem; --tw-shadow: 0 12px 30px rgba(15,23,42,0.08); --tw-shadow-colored: 0 12px 30px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 12px 30px rgba(15,23,42,0.08); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); --tw-backdrop-blur: blur(10px); backdrop-filter: blur(10px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }
@media (max-width: 768px){
 .s-order-edit-actions{ position: static; align-items: center; gap: 0.5rem; } }
.s-order-edit-actions salla-button{ flex: 0 0 auto; }
@media (max-width: 768px){
 .s-order-edit-actions salla-button{ display: block; flex: 1 1 0; min-width: 0; } }
.s-order-edit-mobile-products-trigger{ display: none; }
@media (max-width: 768px){
 .s-order-edit-mobile-products-trigger{ display: block; } }
.s-order-edit-mobile-products-trigger-icon:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.35rem; }
.s-order-edit-mobile-products-trigger-icon:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.35rem; }
.s-order-edit-mobile-products-modal .s-order-edit-products-list{ max-height: min(24rem, calc(100vh - 11rem)); min-height: 22rem; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
@media (max-width: 480px){
 .s-order-edit-mobile-products-modal .s-order-edit-products-list{ min-height: 20rem; max-height: min(22rem, calc(100vh - 10rem)); } }
.s-order-edit-mobile-products-modal .products-list .s-products-list-wrapper{ gap: 0.625rem; grid-template-columns: repeat(2,minmax(0,1fr)); }
.s-order-edit-modal{ display: flex; flex-direction: column; gap: 1rem; }
.s-order-edit-modal-title{ margin: 0px; text-align: left; font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; line-height: 1.6; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.account-main > h1.s-order-edit-modal-title {
  display: none;
}
.s-order-edit-modal-title:where([dir="ltr"], [dir="ltr"] *){ text-align: left; }
.s-order-edit-modal-title:where([dir="rtl"], [dir="rtl"] *){ text-align: right; }
.s-order-edit-modal-items{ display: flex; flex-direction: column; gap: 0.75rem; }
.s-order-edit-modal-item{ display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(238, 242, 247, 1); border-color: rgba(238, 242, 247, var(--tw-border-opacity, 1)); padding-bottom: 0.75rem; }
.s-order-edit-modal-item-start{ display: flex; align-items: center; gap: 0.75rem; }
.s-order-edit-modal-item-image{ height: 3rem; width: 3rem; border-radius: 0.75rem; -o-object-fit: cover; object-fit: cover; }
.s-order-edit-modal-item-name{ margin: 0px; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.s-order-edit-modal-item-options{ font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-order-edit-modal-item-end{ display: flex; align-items: center; gap: 0.75rem; }
.s-order-edit-modal-item-price{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; }
.s-order-edit-modal-item-quantity{ font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-order-edit-modal-row{ display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.s-order-edit-modal-row-label{ font-weight: 500; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.s-order-edit-modal-row-value{ font-weight: 700; }
.account-main > h1.s-order-edit-modal-row-value {
  display: none;
}
.s-order-edit-modal-tax-label{ display: flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-order-edit-modal-tax-icon{ --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-order-edit-modal-total{ display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(238, 242, 247, 1); border-color: rgba(238, 242, 247, var(--tw-border-opacity, 1)); padding-top: 0.75rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.account-main > h1.s-order-edit-modal-total {
  display: none;
}
.s-order-edit-modal-total-label{ font-weight: 500; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.s-order-edit-modal-total-value{ font-size: 1.25rem; line-height: 1.75rem; font-weight: 500; }
.s-order-edit-modal-refund{ display: flex; align-items: flex-start; gap: 1rem; border-radius: 0.875rem; --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.875rem; padding-bottom: 0.875rem; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.s-order-edit-modal-refund-icon{ flex-shrink: 0; font-size: 1.125rem; line-height: 1.75rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-order-edit-modal-refund-text{ margin: 0px; flex: 1 1 0%; font-size: 0.875rem; line-height: 1.25rem; }
.s-order-edit-modal-btn-wrapper{ margin-top: 0.5rem; }
.s-order-edit-modal-btn-wrapper salla-button{ width: 100%; }
.s-order-edit-modal-btn-icon{ vertical-align: middle; font-size: 1.125rem; line-height: 1.75rem; }
.s-order-edit-expired{ display: flex; min-height: 14rem; flex-direction: column; align-items: center; justify-content: center; gap: 0.75rem; border-radius: 0.875rem; border-width: 1px; border-style: dashed; --tw-border-opacity: 1; border-color: rgba(209, 213, 219, 1); border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); padding: 2rem; text-align: center; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-order-edit-expired .icon{ font-size: 1.25rem; line-height: 1.75rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-order-edit-add-modal{ display: flex; min-height: 0px; flex: 1 1 auto; flex-direction: column; gap: 1rem; }
.s-order-edit-add-modal-content{ display: flex; min-height: 0px; flex: 1 1 auto; flex-direction: column; gap: 1rem; }
.s-order-edit-add-modal-loading{ display: flex; min-height: 12rem; flex: 1 1 auto; align-items: center; justify-content: center; }
.s-order-edit-add-modal-header{ border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(238, 242, 247, 1); border-color: rgba(238, 242, 247, var(--tw-border-opacity, 1)); padding-bottom: 1rem; }
.s-order-edit-add-modal-media{ display: flex; align-items: flex-start; gap: 1rem; }
.s-order-edit-add-modal-image{ height: 5.5rem; width: 5.5rem; border-radius: 0.875rem; --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); -o-object-fit: cover; object-fit: cover; }
.s-order-edit-add-modal-details{ display: flex; min-width: 0px; flex: 1 1 0%; flex-direction: column; gap: 0.35rem; }
.s-order-edit-add-modal-name{ margin: 0px; font-size: 1rem; line-height: 1.5rem; font-weight: 700; line-height: 1.6; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.account-main > h1.s-order-edit-add-modal-name {
  display: none;
}
.s-order-edit-add-modal-price{ font-size: 0.95rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(15, 118, 110, 1); color: rgba(15, 118, 110, var(--tw-text-opacity, 1)); }
.account-main > h1.s-order-edit-add-modal-price {
  display: none;
}
.s-order-edit-add-modal-quantity{ display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.s-order-edit-add-modal-section-title{ margin: 0px; font-size: 0.9375rem; font-weight: 600; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.s-order-edit-add-modal-quantity-input{ flex-shrink: 0; }
.s-order-edit-add-modal-actions{ margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(238, 242, 247, 1); border-color: rgba(238, 242, 247, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding-top: 1rem; }
.s-order-edit-add-modal-actions salla-button{ min-width: 4.75rem; flex: 0 0 auto; }
.s-order-edit-item-header{ display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.s-order-edit-item-media{ display: flex; min-width: 0px; flex: 1 1 0%; gap: 1rem; }
@media (max-width: 640px){
 .s-order-edit-item-media{ width: 100%; } }
.s-order-edit-item-image{ height: 5.5rem; width: 5.5rem; border-radius: 0.875rem; --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); -o-object-fit: cover; object-fit: cover; }
.s-order-edit-item-details{ display: flex; min-width: 0px; flex: 1 1 0%; flex-direction: column; gap: 0.35rem; }
.s-order-edit-item-name{ margin: 0px; font-size: 1rem; line-height: 1.5rem; font-weight: 700; line-height: 1.6; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.account-main > h1.s-order-edit-item-name {
  display: none;
}
.s-order-edit-item-link{ color: inherit; text-decoration-line: none; }
.s-order-edit-item-price{ font-size: 0.95rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(15, 118, 110, 1); color: rgba(15, 118, 110, var(--tw-text-opacity, 1)); }
.account-main > h1.s-order-edit-item-price {
  display: none;
}
.s-order-edit-item-weight{ margin: 0px; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-order-edit-item-quantity{ margin-top: 1.25rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(238, 242, 247, 1); border-color: rgba(238, 242, 247, var(--tw-border-opacity, 1)); padding-top: 1rem; }
.s-order-edit-item-quantity-label{ margin: 0px; font-size: 0.9375rem; font-weight: 600; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.s-order-edit-item-quantity-input{ flex-shrink: 0; }
.s-order-edit-item-options{ margin-top: 1rem; display: block; }
.s-order-edit-product-card{ display: flex; min-height: 100%; width: 100%; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; flex-direction: column; border-radius: 0.875rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(238, 242, 247, 1); border-color: rgba(238, 242, 247, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); text-align: left; --tw-shadow: 0 10px 24px rgba(15,23,42,0.04); --tw-shadow-colored: 0 10px 24px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 10px 24px rgba(15,23,42,0.04); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; overflow: hidden; }
.s-order-edit-product-card * {
  pointer-events: none;
}
.s-order-edit-product-card:where([dir="ltr"], [dir="ltr"] *){ text-align: left; }
.s-order-edit-product-card:where([dir="rtl"], [dir="rtl"] *){ text-align: right; }
.s-order-edit-product-card:hover{ --tw-translate-y: -2px; transform: translate(var(--tw-translate-x), -2px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-border-opacity: 1; border-color: rgba(209, 213, 219, 1); border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1)); --tw-shadow: 0 16px 30px rgba(15,23,42,0.08); --tw-shadow-colored: 0 16px 30px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 16px 30px rgba(15,23,42,0.08); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-order-edit-product-card:focus-visible{ --tw-border-opacity: 1; border-color: rgba(17, 24, 39, 1); border-color: rgba(17, 24, 39, var(--tw-border-opacity, 1)); --tw-shadow: 0 0 0 3px rgba(17,24,39,0.12); --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 0 3px rgba(17,24,39,0.12); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); outline: 2px solid transparent; outline-offset: 2px; }
@media (max-width: 768px){
 .s-order-edit-product-card{ border-radius: 0.75rem; box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05); } }
.s-order-edit-product-card-media{ display: flex; aspect-ratio: 1 / 1; width: 100%; flex-shrink: 0; align-items: center; justify-content: center; background: linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%); overflow: hidden; }
.s-order-edit-product-card-image{ display: block; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; }
.s-order-edit-product-card-placeholder{ display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; font-size: 1.25rem; line-height: 1.75rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-order-edit-product-card-content{ display: flex; flex: 1 1 0%; flex-direction: column; gap: 0.5rem; padding: 1rem; }
@media (max-width: 768px){
 .s-order-edit-product-card-content{ gap: 0.25rem; padding: 0.625rem; } }
.s-order-edit-product-card-title{ margin: 0px; font-size: 0.95rem; font-weight: 600; line-height: 1.6; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
@media (max-width: 768px){
 .s-order-edit-product-card-title{ display: -webkit-box; overflow: hidden; min-height: 2.35rem; font-size: 0.8125rem; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } }
.s-order-edit-product-card-price{ margin: 0px; font-size: 1rem; line-height: 1.5rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(15, 118, 110, 1); color: rgba(15, 118, 110, var(--tw-text-opacity, 1)); }
.account-main > h1.s-order-edit-product-card-price {
  display: none;
}
@media (max-width: 768px){
 .s-order-edit-product-card-price{ font-size: 0.875rem; }
 .s-order-edit-products-panel, .s-order-edit-order-panel{ padding: 1rem; }
 .s-order-edit-actions salla-button .s-button-element{ width: 100%; min-width: 0; padding-left: 0.5rem; padding-right: 0.5rem; }
 .s-order-edit-mobile-products-modal .s-order-edit-products-modal-content{ gap: 0.75rem; padding: 0.875rem; }
 .s-order-edit-add-modal-media, .s-order-edit-add-modal-quantity{ flex-direction: column; align-items: stretch; } }
.s-order-summary-wrapper{ display: grid; grid-gap: 0.625rem; gap: 0.625rem; }
.s-order-summary-item{ border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); padding: 1.25rem; text-align: left; }
.s-order-summary-item:where([dir="ltr"], [dir="ltr"] *){ text-align: left; }
.s-order-summary-item:where([dir="rtl"], [dir="rtl"] *){ text-align: right; }
.s-order-summary-item-title{ font-weight: bold; margin-bottom: 1.25rem; unicode-bidi: plaintext; }
.s-order-summary-item-download{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; color: #414042; color: var(--color-primary); }
.account-main > h1.s-order-summary-item-download {
  display: none;
}
.s-order-summary-code-item-wrapper{ margin-bottom: 0.5rem; align-items: center; justify-content: space-between; border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgba(229, 231, 235, 1); border-bottom-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding-bottom: 0.5rem; }
.s-order-summary-code-item-wrapper:last-child{ margin-bottom: 0px; border-width: 0px; padding-bottom: 0px; }
@media (min-width: 768px){
 .s-order-summary-code-item-wrapper{ display: flex; } }
.s-order-summary-code-item-wrapper p{ display: flex; align-items: center; font-size: 1rem; line-height: 1.5rem; line-height: 1; }
.s-order-summary-digital-item-wrapper{ display: flex; justify-content: space-between; padding-top: 1rem; padding-bottom: 1rem; }
.s-order-summary-digital-item-wrapper:last-child{ padding-bottom: 0px; }
.s-order-summary-item-copy-button span svg{ pointer-events: none; display: inline; height: 12px; width: 12px; vertical-align: baseline; }
.s-order-summary-item-copy-button span svg:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.5rem; }
.s-order-summary-item-copy-button span svg:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.5rem; }
.s-order-summary-code-item-wrapper p span svg{ display: inline; height: 1.25rem; width: 1.25rem; fill: #6b7280; vertical-align: baseline; }
.s-order-summary-code-item-wrapper p span svg:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.5rem; }
.s-order-summary-code-item-wrapper p span svg:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.5rem; }
.s-order-summary-digital-item-wrapper div span:last-of-type{ display: inline-block; }
.s-order-summary-digital-item-wrapper span svg{ display: inline-block; height: 14px; width: 14px; vertical-align: baseline; }
.s-order-summary-digital-item-wrapper span svg:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.5rem; }
.s-order-summary-digital-item-wrapper span svg:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.5rem; }
.s-order-summary-item-copy-button.copied .s-button-text{ --tw-text-opacity: 1; color: rgba(22, 163, 74, 1); color: rgba(22, 163, 74, var(--tw-text-opacity, 1)); }
.s-order-summary-digital-item-wrapper .s-order-summary-item-download span{ position: relative; top: 1px; }
.s-order-summary-digital-item-wrapper .s-order-summary-item-download span svg{ margin-left: 0px; margin-right: 0px; height: 18px; width: 18px; --tw-translate-y: 2px; transform: translate(var(--tw-translate-x), 2px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); fill: #414042; fill: var(--color-primary); }
.s-order-totals-card-wrapper{ display: block; }
.s-order-totals-card-panel{ border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding-left: 1.5rem; padding-right: 1.5rem; }
.s-order-totals-card-heading{ border-width: 0;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }
input[type=radio].s-order-totals-card-heading div.absolute {
  transition: all 0.3s;
}
input[type=radio].s-order-totals-card-heading:checked ~ div.absolute {
  border-color: var(--color-main);
}
.s-order-totals-card-flow{ display: flow-root; }
.s-order-totals-card-list{ font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-order-totals-card-list > .s-order-totals-card-row{ border-bottom-width: 1px; }
.s-order-totals-card-list > .s-order-totals-card-row:last-child{ border-bottom-width: 0px; }
.s-order-totals-card-row{ display: block; }
.s-order-totals-card-row-inner{ display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-top: 1.25rem; padding-bottom: 1.25rem; }
.s-order-totals-card-label{ --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); }
.s-order-totals-card-value{ font-weight: 500; }
.s-order-totals-card-discount{ --tw-text-opacity: 1; color: rgba(239, 68, 68, 1); color: rgba(239, 68, 68, var(--tw-text-opacity, 1)); }
.s-order-totals-card-tax-value{ font-weight: 500; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.s-order-totals-card-total{ margin-left: -1.5rem; margin-right: -1.5rem; border-radius: 0.375rem; background-color: var(--color-border); padding-left: 1.5rem; padding-right: 1.5rem; }
.s-order-totals-card-total-label{ font-size: 1rem; line-height: 1.5rem; font-weight: 500; }
.s-order-totals-card-total-value{ font-size: 1rem; line-height: 1.5rem; font-weight: 500; }
.s-order-totals-card-refund{ margin-left: -1.5rem; margin-right: -1.5rem; border-left-width: 4px; --tw-border-opacity: 1; border-color: rgba(254, 202, 202, 1); border-color: rgba(254, 202, 202, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(254, 242, 242, 1); background-color: rgba(254, 242, 242, var(--tw-bg-opacity, 1)); padding-left: 1.5rem; padding-right: 1.5rem; }
.s-order-totals-card-refund:where([dir="rtl"], [dir="rtl"] *){ border-left-width: 0px; border-right-width: 4px; }
.s-order-totals-card-refund-label{ display: flex; align-items: center; gap: 0.5rem; --tw-text-opacity: 1; color: rgba(220, 38, 38, 1); color: rgba(220, 38, 38, var(--tw-text-opacity, 1)); }
.s-order-totals-card-refund-icon{ font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(239, 68, 68, 1); color: rgba(239, 68, 68, var(--tw-text-opacity, 1)); }
.s-order-totals-card-refund-value{ font-weight: 500; --tw-text-opacity: 1; color: rgba(220, 38, 38, 1); color: rgba(220, 38, 38, var(--tw-text-opacity, 1)); }
.s-orders-container > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.625rem * (1 - 0)); margin-top: calc(0.625rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(0.625rem * calc(1 - 0)); margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.625rem * 0); margin-bottom: calc(0.625rem * var(--tw-space-y-reverse)); }
@media (min-width: 768px){
 .s-orders-container > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1.25rem * (1 - 0)); margin-top: calc(1.25rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(1.25rem * calc(1 - 0)); margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * 0); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); } }
.s-orders-mobile-title{ display: inline-block; width: 8rem; font-weight: 400; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
@media (min-width: 768px){
 .s-orders-mobile-title{ display: none; } }
.s-orders-reference-id{ display: none; }
@media (min-width: 768px){
 .s-orders-reference-id{ display: inline-block; } }
.s-orders-buy-as-gift-icon{ margin-left: 0.25rem; margin-right: 0.25rem; display: inline-block; color: #414042; color: var(--color-primary); }
.s-orders-copy-to-clipboard-button{ display: flex; align-items: center; }
@media (min-width: 768px){
 .s-orders-copy-to-clipboard-button{ display: none; } }
.s-orders-copy-to-clipboard-button salla-button{ position: relative; }
.s-orders-copy-to-clipboard-button-icon{ pointer-events: none; font-size: 0.75rem; line-height: 1rem; }
.s-orders-copy-to-clipboard-button-icon:where([dir="ltr"], [dir="ltr"] *){ margin-left: 0.25rem; }
.s-orders-copy-to-clipboard-button-icon:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0.25rem; }
@media (min-width: 768px){
 .s-orders-status-container{ margin-left: 0px; margin-right: 0px; } }
.s-orders-status-container:where([dir="ltr"], [dir="ltr"] *){ margin-left: auto; }
.s-orders-status-container:where([dir="rtl"], [dir="rtl"] *){ margin-right: auto; }
.s-orders-status-container i{ margin-top: 0.25rem; }
.s-orders-status-container i:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.25rem; }
.s-orders-status-container i:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.25rem; }
.s-orders-status-rated{ font-size: 1.125rem; line-height: 1.75rem; }
.s-orders-status-rated:where([dir="ltr"], [dir="ltr"] *){ margin-left: 1rem; }
.s-orders-status-rated:where([dir="rtl"], [dir="rtl"] *){ margin-right: 1rem; }
.s-orders-rated-text{ --tw-text-opacity: 1; color: rgba(251, 191, 36, 1); color: rgba(251, 191, 36, var(--tw-text-opacity, 1)); }
.s-orders-unrated-text{ --tw-text-opacity: 1; color: rgba(229, 231, 235, 1); color: rgba(229, 231, 235, var(--tw-text-opacity, 1)); }
.s-orders-no-content{ display: flex; height: 100%; flex-direction: column; align-items: center; justify-content: center; padding-top: 2.5rem; padding-bottom: 5rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-orders-no-content .icon{ margin-bottom: 1rem; display: flex; height: 8rem; width: 8rem; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); font-size: 3rem; line-height: 1; --tw-text-opacity: 1; color: rgba(209, 213, 219, 1); color: rgba(209, 213, 219, var(--tw-text-opacity, 1)); }
.s-orders-no-content p{ margin-bottom: 1rem; font-size: 1rem; line-height: 1.5rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-orders-table{ min-width: 100%; border-collapse: separate; }
@media (min-width: 768px){
 .s-orders-table{ margin-bottom: -0.75rem; --tw-border-spacing-y: 1.25rem; border-spacing: var(--tw-border-spacing-x) 1.25rem; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); } }
.s-orders-table-head{ margin-bottom: 1.25rem; display: none; --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); }
@media (min-width: 768px){
 .s-orders-table-head{ display: table-header-group; } }
.s-orders-table-head-tr-th{ padding-left: 1.5rem; padding-right: 1.5rem; text-align: left; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; }
.s-orders-table-head-tr-th:where([dir="ltr"], [dir="ltr"] *){ text-align: left; }
.s-orders-table-head-tr-th:where([dir="rtl"], [dir="rtl"] *){ text-align: right; }
.s-orders-table-head-tr-th:where([dir="ltr"], [dir="ltr"] *){ text-align: left; }
.s-orders-table-head-tr-th:last-child:where([dir="ltr"], [dir="ltr"] *){ text-align: right; }
.s-orders-table-head-tr-th:where([dir="rtl"], [dir="rtl"] *){ text-align: right; }
.s-orders-table-head-tr-th:last-child:where([dir="rtl"], [dir="rtl"] *){ text-align: left; }
.s-orders-table-tbody-tr{ position: relative; display: flex; border-radius: .75rem; border-bottom-width: 8px; border-top-width: 8px; --tw-border-opacity: 1; border-color: rgba(249, 250, 251, 1); border-color: rgba(249, 250, 251, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 0.5rem; transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; flex-direction: row; flex-wrap: wrap; overflow: hidden; }
@media (min-width: 768px){
 .s-orders-table-tbody-tr{ display: table-row; flex-direction: row; flex-wrap: nowrap; padding: 0px; } }
.s-orders-table-tbody-tr-shadow:hover{ box-shadow: 5px 10px 30px rgba(43,45,52,0.05098); }
.s-orders-table-tbody-tr-td{ width: 100%; white-space: nowrap; font-size: 0.875rem; line-height: 1.25rem; }
.s-orders-table-tbody-tr-td:first-child{ font-weight: 700; }
@media (min-width: 768px){
 .s-orders-table-tbody-tr-td{ height: 5rem; width: auto; }
 .s-orders-table-tbody-tr-td:last-child{ text-align: right; }
 .s-orders-table-tbody-tr-td:first-child:where([dir="ltr"], [dir="ltr"] *){ border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; }
 .s-orders-table-tbody-tr-td:first-child:where([dir="rtl"], [dir="rtl"] *){ border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } }
.s-orders-table-tbody-tr-td:first-child{ font-weight: 700; }
.account-main > h1.s-orders-table-tbody-tr-td:first-child {
  display: none;
}
.s-orders-table-tbody-tr-td-content{ position: relative; display: flex; align-items: center; justify-content: space-between; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; }
@media (min-width: 768px){
 .s-orders-table-tbody-tr-td-content{ padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1.5rem; padding-bottom: 1.5rem; } }
.s-orders-table-tbody-tr a{ position: absolute; top: 0px; bottom: 0px; display: block; width: 100%; }
input[type=radio].sr-only div.s-orders-table-tbody-tr a {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-orders-table-tbody-tr a {
  border-color: var(--color-main);
}
.s-orders-table-tbody-tr a:where([dir="ltr"], [dir="ltr"] *){ left: 0px; }
.s-orders-table-tbody-tr a:where([dir="rtl"], [dir="rtl"] *){ right: 0px; }
.s-payments-list{ display: flex; align-items: stretch; justify-content: center; gap: 0.5rem; flex-wrap: wrap; }
.s-payments-list:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-payments-list-item{ display: flex; height: 2rem; width: 3rem; align-items: center; justify-content: center; border-radius: .75rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 0.25rem; }
.s-payments-list-item img{ max-height: 100%; -o-object-fit: contain; object-fit: contain; }
.s-payments-sbc-image{ height: 1.5rem; border-radius: 0.125rem; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.s-payments-sbc-image:hover{ opacity: 0.8; }
.s-placeholder-title{ margin-bottom: 0.25rem; font-size: 1rem; line-height: 1.5rem; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.s-placeholder-description{ font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-placeholder-icon{ margin-bottom: 1rem; fill: #e5e7eb; }
.s-placeholder-align-left{ text-align: left; }
.s-placeholder-align-center{ text-align: center; }
.s-placeholder-align-right{ text-align: right; }
.s-placeholder-align-right > .s-placeholder-icon{ display: flex; align-items: center; justify-content: flex-end; }
.s-placeholder-align-right > .s-placeholder-icon:where([dir="rtl"], [dir="rtl"] *){ justify-content: flex-start; }
.s-placeholder-align-center > .s-placeholder-icon{ display: flex; align-items: center; justify-content: center; }
.s-placeholder-icon-xs > svg{ height: 1.5rem; width: 1.5rem; }
.s-placeholder-icon-sm > svg{ height: 2.5rem; width: 2.5rem; }
.s-placeholder-icon-md > svg{ height: 3.5rem; width: 3.5rem; }
.s-placeholder-icon-lg > svg{ height: 4rem; width: 4rem; }
.s-placeholder-icon-xl > svg{ height: 5rem; width: 5rem; }
.s-placeholder-icon-xxl > svg{ height: 6rem; width: 6rem; }
.s-placeholder-icon-xxxl > svg{ height: 7rem; width: 7rem; }
.s-placeholder-icon-xs > i{ font-size: 20px; }
.s-placeholder-icon-sm > i{ font-size: 35px; }
.s-placeholder-icon-md > i{ font-size: 45px; }
.s-placeholder-icon-lg > i{ font-size: 58px; }
.s-placeholder-icon-xl > i{ font-size: 75px; }
.s-placeholder-icon-xxl > i{ font-size: 85px; }
.s-placeholder-icon-xxxl > i{ font-size: 100px; }
.s-placeholder-wrapper{ margin-top: 3rem; margin-bottom: 3rem; display: block; }
.s-price-range-input{ pointer-events: none; position: absolute; z-index: 20; height: 0.5rem; width: 100%; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 0; }
.s-price-range-input * {
  pointer-events: none;
}
input[type=radio].sr-only div.s-price-range-input {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-price-range-input {
  border-color: var(--color-main);
}
.s-price-range-bar{ position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; z-index: 10; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(229, 231, 235, 1); background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1)); }
input[type=radio].sr-only div.s-price-range-bar {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-price-range-bar {
  border-color: var(--color-main);
}
.s-price-range-bar-container{ position: relative; z-index: 10; height: 0.5rem; }
.s-price-range-active-bar{ position: absolute; top: 0px; bottom: 0px; z-index: 20; border-radius: 0.375rem; background-color: #414042; background-color: var(--color-primary); }
input[type=radio].sr-only div.s-price-range-active-bar {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-price-range-active-bar {
  border-color: var(--color-main);
}
.s-price-range-left-handle{ position: absolute; top: 0px; left: 0px; z-index: 30; margin-top: -0.25rem; margin-left: -0px; height: 1rem; width: 1rem; cursor: pointer; border-radius: 9999px; background-color: #414042; background-color: var(--color-primary); --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-price-range-left-handle * {
  pointer-events: none;
}
input[type=radio].sr-only div.s-price-range-left-handle {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-price-range-left-handle {
  border-color: var(--color-main);
}
.s-price-range-right-handle{ position: absolute; top: 0px; right: 0px; z-index: 30; margin-top: -0.25rem; margin-right: -0px; height: 1rem; width: 1rem; cursor: pointer; border-radius: 9999px; background-color: #414042; background-color: var(--color-primary); --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-price-range-right-handle * {
  pointer-events: none;
}
input[type=radio].sr-only div.s-price-range-right-handle {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-price-range-right-handle {
  border-color: var(--color-main);
}
.s-price-range-inputs{ display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; padding-top: 1rem; }
.s-price-range-number-input{ width: 6rem; border-radius: .75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding-right: 0.75rem; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 2.25rem; text-align: center; font-size: 0.875rem; line-height: 1.25rem; }
.s-price-range-number-input:focus{ --tw-border-opacity: 1; border-color: rgba(156, 163, 175, 1); border-color: rgba(156, 163, 175, var(--tw-border-opacity, 1)); }
.s-price-range-gray-text{ font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-price-range-currency{ pointer-events: none; position: absolute; top: 0px; bottom: 0px; left: 0px; display: flex; align-items: center; padding-left: 0.5rem; padding-right: 0.5rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
input[type=radio].sr-only div.s-price-range-currency {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-price-range-currency {
  border-color: var(--color-main);
}
@media (min-width: 640px){
 .s-price-range-currency{ font-size: 0.875rem; line-height: 1.25rem; } }
.s-price-range-relative{ position: relative; }
.s-product-availability-wrap{ width: 100%; }
.s-product-availability-subscribed{ display: flex; width: 100%; align-items: center; justify-content: center; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(34, 197, 94, 1); color: rgba(34, 197, 94, var(--tw-text-opacity, 1)); }
.account-main > h1.s-product-availability-subscribed {
  display: none;
}
.s-product-availability-subs-icon svg{ margin-left: 0.5rem; margin-right: 0.5rem; width: 1.25rem; fill: #22c55e; }
.s-product-availability-body{ position: relative; z-index: 50; }
.s-product-availability-header-icon{ display: inline-flex; height: 3rem; width: 3rem; align-items: center; justify-content: center; border-radius: 9999px; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); }
@media (min-width: 640px){
 .s-product-availability-header-icon{ margin-left: auto; margin-right: auto; margin-bottom: 1rem; height: 5rem; width: 5rem; } }
.s-product-availability-header-icon:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.5rem; }
@media (min-width: 640px){
 .s-product-availability-header-icon:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0px; } }
.s-product-availability-header-icon:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.5rem; }
@media (min-width: 640px){
 .s-product-availability-header-icon:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0px; } }
.s-product-availability-header-icon svg{ height: 1.25rem; width: 1.25rem; fill: #9ca3af; flex-shrink: 0; }
.cart-totals-row-wrapper .s-product-availability-header-icon svg {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-product-availability-header-icon svg {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-product-availability-header-icon svg {
  text-align: right;
}
.s-product-availability-label{ margin-bottom: 0.625rem; display: block; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.account-main > h1.s-product-availability-label {
  display: none;
}
.s-product-availability-label:where([dir="ltr"], [dir="ltr"] *){ text-align: left; }
.s-product-availability-label:where([dir="rtl"], [dir="rtl"] *){ text-align: right; }
.s-product-availability-input{ height: 2.5rem; width: 100%; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding-left: 0.75rem; padding-right: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.s-product-availability-input:focus{ border-color: #414042; border-color: var(--color-primary); }
.dark *.s-product-availability-input{ --tw-border-opacity: 1; border-color: rgba(75, 85, 99, 1); border-color: rgba(75, 85, 99, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(75, 85, 99, 1); background-color: rgba(75, 85, 99, var(--tw-bg-opacity, 1)); }
.s-product-availability-footer{ margin-top: 1rem; display: flex; justify-content: space-between; }
.s-product-availability-footer > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1rem * 0); margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * (1 - 0)); margin-left: calc(1rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(1rem * calc(1 - 0)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); }
.s-product-availability-footer:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-product-availability-footer-btn{ width: 100%; }
.s-product-availability-error-msg{ display: block; height: 1.75rem; padding-top: 0.25rem; font-size: 0.75rem; line-height: 1rem; --tw-border-opacity: 1; border-color: rgba(248, 113, 113, 1); border-color: rgba(248, 113, 113, var(--tw-border-opacity, 1)); }
.s-product-availability-error-msg:focus{ --tw-border-opacity: 1; border-color: rgba(239, 68, 68, 1); border-color: rgba(239, 68, 68, var(--tw-border-opacity, 1)); }
.s-product-availability-error-msg{ --tw-border-opacity: 1 !important; border-color: rgba(239, 68, 68, 1) !important; border-color: rgba(239, 68, 68, var(--tw-border-opacity, 1)) !important; --tw-text-opacity: 1 !important; color: rgba(239, 68, 68, 1) !important; color: rgba(239, 68, 68, var(--tw-text-opacity, 1)) !important; }
.s-product-card-entry{ position: relative; display: flex; height: 100%; justify-content: space-between; border-radius: .75rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.s-product-card-shadow:hover{ box-shadow: 5px 10px 30px rgba(43,45,52,0.05098); }
.s-product-card-out-of-stock img.loaded{ --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) grayscale(100%) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.s-product-card-overlay{ position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; --tw-bg-opacity: 1; background-color: rgba(0, 0, 0, 1); background-color: rgba(0, 0, 0, var(--tw-bg-opacity, 1)); opacity: 0.5; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 700ms; }
input[type=radio].sr-only div.s-product-card-overlay {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-product-card-overlay {
  border-color: var(--color-main);
}
.s-product-card-overlay:hover{ opacity: 0.4; }
.s-product-card-vertical{ flex-direction: column; }
.s-product-card-vertical .s-product-card-image{ flex: 1 1 0%; border-top-left-radius: .75rem; border-top-right-radius: .75rem; }
.s-product-card-vertical .s-product-card-wishlist-btn{ position: absolute; top: 0.5rem; right: 0.5rem; opacity: 0.75; }
input[type=radio].sr-only div.s-product-card-vertical .s-product-card-wishlist-btn {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-product-card-vertical .s-product-card-wishlist-btn {
  border-color: var(--color-main);
}
.s-product-card-vertical .s-product-card-wishlist-btn:hover{ opacity: 1; }
@media (min-width: 768px){
 .s-product-card-vertical .s-product-card-wishlist-btn{ right: 0.5rem; } }
.s-product-card-vertical .s-product-card-wishlist-btn:where([dir="rtl"], [dir="rtl"] *){ left: 0.5rem; right: auto; right: initial; }
@media (min-width: 768px){
 .s-product-card-vertical .s-product-card-wishlist-btn:where([dir="rtl"], [dir="rtl"] *){ left: 0.5rem; right: auto; right: initial; } }
.s-product-card-minimal .s-product-card-wishlist-btn{ position: absolute; top: 0px; right: 0px; opacity: 0.75; }
input[type=radio].sr-only div.s-product-card-minimal .s-product-card-wishlist-btn {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-product-card-minimal .s-product-card-wishlist-btn {
  border-color: var(--color-main);
}
.s-product-card-minimal .s-product-card-wishlist-btn:hover{ opacity: 1; }
@media (min-width: 768px){
 .s-product-card-minimal .s-product-card-wishlist-btn{ right: 0px; } }
.s-product-card-minimal .s-product-card-wishlist-btn:where([dir="rtl"], [dir="rtl"] *){ left: 0px; right: auto; right: initial; }
@media (min-width: 768px){
 .s-product-card-minimal .s-product-card-wishlist-btn:where([dir="rtl"], [dir="rtl"] *){ left: 0px; right: auto; right: initial; } }
.s-product-card-minimal .s-product-card-image{ width: 8rem; }
@media (min-width: 640px){
 .s-product-card-minimal .s-product-card-image{ width: 14rem; } }
@media (min-width: 1024px){
 .s-product-card-minimal .s-product-card-image{ width: 7rem; } }
.s-product-card-minimal .s-product-card-content-title a{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.s-product-card-minimal .s-product-card-content{ display: flex; flex: 1 1 0%; flex-direction: column; padding: 1.25rem; overflow: hidden; }
.s-product-card-minimal .s-product-card-wishlist-btn button{ margin: 0px; background-color: transparent; }
.s-product-card-minimal .s-product-card-wishlist-btn button svg, .s-product-card-full-image .s-product-card-wishlist-btn button svg{ height: 1rem; width: 1rem; fill: #fff; }
.s-product-card-vertical .s-product-card-wishlist-btn button{ --tw-bg-opacity: 1 !important; background-color: rgba(255, 255, 255, 1) !important; background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)) !important; }
.s-product-card-vertical .s-product-card-wishlist-btn button{ margin: 0px; }
.s-product-card-wishlist-btn button:hover svg{ fill: #4b5563; }
.s-product-card-fit-height .s-product-card-image{ height: 11rem; max-height: 15rem; }
.s-product-card-quantity{ position: absolute; bottom: 0.25rem; left: 50%; z-index: 1; max-width: calc(100% - 60px); --tw-translate-x: -50%; transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-radius: .75rem; --tw-bg-opacity: 1; background-color: rgba(248, 113, 113, 1); background-color: rgba(248, 113, 113, var(--tw-bg-opacity, 1)); padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 0.75rem; line-height: 1rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.account-main > h1.s-product-card-quantity {
  display: none;
}
input[type=radio].sr-only div.s-product-card-quantity {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-product-card-quantity {
  border-color: var(--color-main);
}
@media (min-width: 768px){
 .s-product-card-quantity{ padding-top: 0.5rem; padding-bottom: 0.5rem; } }
.s-product-card-promotion-title{ position: absolute; top: 1rem; left: 0px; z-index: 1; max-width: calc(100% - 60px); border-top-right-radius: .75rem; border-bottom-right-radius: .75rem; --tw-bg-opacity: 1; background-color: rgba(248, 113, 113, 1); background-color: rgba(248, 113, 113, var(--tw-bg-opacity, 1)); padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 0.75rem; line-height: 1rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.account-main > h1.s-product-card-promotion-title {
  display: none;
}
input[type=radio].sr-only div.s-product-card-promotion-title {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-product-card-promotion-title {
  border-color: var(--color-main);
}
@media (min-width: 768px){
 .s-product-card-promotion-title{ padding-top: 0.5rem; padding-bottom: 0.5rem; } }
.s-product-card-promotion-title:where([dir="rtl"], [dir="rtl"] *){ right: 0px; left: auto; left: initial; border-top-left-radius: .75rem; border-bottom-left-radius: .75rem; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.s-product-card-out-badge{ position: absolute; bottom: 0.5rem; left: 50%; z-index: 1; max-width: calc(100% - 60px); --tw-translate-x: -50%; transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 0.75rem; line-height: 1rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(153, 153, 153, 1); color: rgba(153, 153, 153, var(--tw-text-opacity, 1)); }
.account-main > h1.s-product-card-out-badge {
  display: none;
}
input[type=radio].sr-only div.s-product-card-out-badge {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-product-card-out-badge {
  border-color: var(--color-main);
}
@media (min-width: 768px){
 .s-product-card-out-badge{ padding-top: 0.5rem; padding-bottom: 0.5rem; } }
.s-product-card-image{ position: relative; height: 100%; width: 100%; flex-shrink: 0; --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); overflow: hidden; }
.s-product-card-image::before{ position: absolute; top: 50%; left: 50%; display: inline-block; --tw-translate-x: -50%; --tw-translate-y: -50%; transform: translate(-50%, -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); font-size: 1.875rem; line-height: 2.25rem; content: var(--tw-content); --tw-text-opacity: 1; color: rgba(229, 231, 235, 1); color: rgba(229, 231, 235, var(--tw-text-opacity, 1)); }
.s-product-card-image:hover{ opacity: 0.9; }
.s-product-card-image img{ height: 100%; width: 100%; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; }
.s-product-card-image img.lazy{ opacity: 0; }
.s-product-card-image img.loaded{ position: relative; opacity: 1; }
.s-product-card-content{ position: relative; display: flex; flex-direction: column; padding: 0.75rem; }
@media (min-width: 640px){
 .s-product-card-content{ padding: 1.25rem; } }
.s-product-card-content-title{ margin-bottom: 0.625rem; max-width: 100%; line-height: 1.5rem; }
.s-product-card-content-subtitle{ margin-bottom: 0.625rem; font-size: 0.875rem; line-height: 1.5rem; --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); }
.s-product-card-special .s-product-card-content-main, special .s-product-card-content-sub{ padding-right: 6rem; }
.s-product-card-special .s-product-card-content-main:where([dir="rtl"], [dir="rtl"] *), special .s-product-card-content-sub:where([dir="rtl"], [dir="rtl"] *){ padding-left: 6rem; padding-right: 0px; }
.s-product-card-donation-input{ flex: 1 1 0%; }
.s-product-card-donation-input label{ margin-bottom: 0.625rem; display: block; font-size: 0.875rem; line-height: 1.25rem; }
.s-product-card-donation-input label span{ --tw-text-opacity: 1; color: rgba(239, 68, 68, 1); color: rgba(239, 68, 68, var(--tw-text-opacity, 1)); }
.s-product-card-content-title a{ display: block; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
.account-main > h1.s-product-card-content-title a {
  display: none;
}
.s-product-card-content-title a:hover{ color: #414042; color: var(--color-primary); }
.s-product-card-content-sub{ margin-bottom: 1.25rem; display: flex; width: 100%; align-items: center; justify-content: space-between; }
.s-product-card-rating{ display: flex; align-items: center; }
.s-product-card-rating > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.25rem * 0); margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * (1 - 0)); margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.25rem * calc(1 - 0)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); }
.s-product-card-rating{ font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-product-card-rating:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-product-card-rating span svg{ margin-bottom: 3px; height: 1rem; width: 1rem; fill: #fbbf24; }
.s-product-card-content-footer{ margin-top: auto; display: flex; align-items: center; }
.s-product-card-sale-price > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.25rem * 0); margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * (1 - 0)); margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.25rem * calc(1 - 0)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); }
.s-product-card-sale-price:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-product-card-sale-price h4{ display: inline-block; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(248, 113, 113, 1); color: rgba(248, 113, 113, var(--tw-text-opacity, 1)); }
.account-main > h1.s-product-card-sale-price h4 {
  display: none;
}
.s-product-card-sale-price span{ font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); text-decoration-line: line-through; }
.s-product-card-starting-price{ display: flex; width: 100%; align-items: center; justify-content: space-between; }
.s-product-card-starting-price h4{ display: inline-block; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(248, 113, 113, 1); color: rgba(248, 113, 113, var(--tw-text-opacity, 1)); }
.account-main > h1.s-product-card-starting-price h4 {
  display: none;
}
.s-product-card-price{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; }
.account-main > h1.s-product-card-price {
  display: none;
}
.s-product-card-image-cover{ -o-object-fit: cover; object-fit: cover; }
.s-product-card-image-contain{ -o-object-fit: contain; object-fit: contain; }
.s-product-card-content-pie{ position: absolute; top: 0.625rem; right: 1.25rem; display: flex; height: 72px; width: 72px; align-items: center; justify-content: center; color: #414042; color: var(--color-primary); }
input[type=radio].sr-only div.s-product-card-content-pie {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-product-card-content-pie {
  border-color: var(--color-main);
}
.s-product-card-content-pie:where([dir="rtl"], [dir="rtl"] *){ left: 1.25rem; right: auto; right: initial; }
.s-product-card-content-pie span{ position: absolute; top: 43%; left: 50%; display: flex; --tw-translate-y: -50%; --tw-translate-x: -50%; transform: translate(-50%, -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); flex-direction: column; align-items: center; justify-content: center; text-align: center; font-size: 0.75rem; line-height: 1rem; line-height: 1; --tw-text-opacity: 1; color: rgba(124, 128, 130, 1); color: rgba(124, 128, 130, var(--tw-text-opacity, 1)); }
input[type=radio].sr-only div.s-product-card-content-pie span {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-product-card-content-pie span {
  border-color: var(--color-main);
}
.s-product-card-content-pie span b{ font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; color: #414042; color: var(--color-primary); }
.account-main > h1.s-product-card-content-pie span b {
  display: none;
}
.s-product-card-content-extra-padding{ padding-right: 6rem; }
.s-product-card-content-extra-padding:where([dir="rtl"], [dir="rtl"] *){ padding-left: 6rem; padding-right: 0px; }
.s-product-card-wishlist-added svg{ fill: #ef4444; }
.s-product-card-horizontal .s-product-card-image{ height: auto; width: 8rem; }
@media (min-width: 640px){
 .s-product-card-horizontal .s-product-card-image{ width: 14rem; } }
.s-product-card-horizontal .s-product-card-image:where([dir="ltr"], [dir="ltr"] *){ border-top-left-radius: .75rem; border-bottom-left-radius: .75rem; }
.s-product-card-horizontal .s-product-card-image:where([dir="rtl"], [dir="rtl"] *){ border-top-right-radius: .75rem; border-bottom-right-radius: .75rem; }
.s-product-card-horizontal .s-product-card-quantity{ max-width: none; max-width: initial; }
.s-product-card-horizontal .s-product-card-content-title a{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.s-product-card-horizontal .s-product-card-promotion-title{ max-width: none; max-width: initial; }
.s-product-card-horizontal .s-product-card-out-badge{ max-width: none; max-width: initial; }
.s-product-card-horizontal .s-product-card-content{ margin-bottom: 0.625rem; width: 100%; }
.s-product-card-full-image{ height: 20rem; overflow: hidden; }
@media (min-width: 768px){
 .s-product-card-full-image{ height: auto; } }
.s-product-card-full-image .s-product-card-content{ position: absolute; bottom: 0px; z-index: 10; width: 100%; padding-left: 2.5rem; padding-right: 2.5rem; padding-top: 1.25rem; padding-bottom: 1.75rem; }
input[type=radio].sr-only div.s-product-card-full-image .s-product-card-content {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-product-card-full-image .s-product-card-content {
  border-color: var(--color-main);
}
.s-product-card-full-image img{ position: relative; height: 100%; width: 100%; border-radius: .75rem; overflow: hidden; }
.s-product-card-full-image img:hover{ opacity: 0.9; }
.s-product-card-full-image .s-product-card-image a{ height: 100%; width: 100%; }
.s-product-card-full-image .s-product-card-content-title a{ --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.s-product-card-full-image .s-product-card-content-title a:hover{ color: #414042; color: var(--color-primary); }
.s-product-card-full-image .s-product-card-content-subtitle{ --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.s-product-card-full-image .s-product-card-price{ --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.s-product-card-full-image .s-product-card-sale-price{ --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.s-product-card-full-image .s-product-card-sale-price span{ --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.s-product-card-image-full{ width: 100%; }
.s-product-card-compact{ display: flex; cursor: pointer; align-items: center; gap: 0.75rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 0px; padding-right: 0px; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; flex-direction: row; }
.s-product-card-compact * {
  pointer-events: none;
}
.s-product-card-compact .s-product-card-content-footer{ margin-top: 0px; flex-shrink: 0; }
.cart-totals-row-wrapper .s-product-card-compact .s-product-card-content-footer {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-product-card-compact .s-product-card-content-footer {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-product-card-compact .s-product-card-content-footer {
  text-align: right;
}
.s-product-card-compact .s-add-product-button-compact salla-button .s-button-btn{ height: 2rem; border-radius: 0.375rem; border-width: 1px; border-color: #414042; border-color: var(--color-primary); background-color: transparent; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; color: #414042; color: var(--color-primary); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; }
.s-product-card-compact .s-add-product-button-compact salla-button .s-button-btn:hover{ border-color: #414042; border-color: var(--color-primary); background-color: #414042; background-color: var(--color-primary); --tw-bg-opacity: 0.1; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.s-product-card-compact .s-product-card-content{ min-width: 0px; flex: 1 1 0%; padding: 0px; text-align: right; }
.s-product-card-compact .s-product-card-content-main{ margin-bottom: 0.25rem; }
.s-product-card-compact .s-product-card-content-title{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; line-height: 1.25; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.s-product-card-compact .s-product-card-content-title a{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: block; }
.s-product-card-compact .s-product-card-content-subtitle{ margin-top: 0.25rem; display: none; font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-product-card-compact .s-product-card-content-sub{ display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-product-card-compact .s-product-card-content-sub h4{ margin: 0px; font-weight: 400; }
.s-product-card-compact .s-product-card-content-sub .s-product-card-price{ font-weight: 400; }
.s-product-card-compact .s-product-card-image{ height: 5rem; width: 5rem; border-radius: 0.375rem; flex-shrink: 0; }
.cart-totals-row-wrapper .s-product-card-compact .s-product-card-image {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-product-card-compact .s-product-card-image {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-product-card-compact .s-product-card-image {
  text-align: right;
}
.s-product-card-compact .s-product-card-image img{ height: 100%; width: 100%; border-radius: 0.375rem; -o-object-fit: cover; object-fit: cover; }
.s-product-card-compact .s-product-card-promotion-title{ display: none; }
.s-product-card-embed-card{ display: block; max-width: 12rem; shape-outside: margin-box; }
.s-product-card-embed-card custom-salla-product-card{ --tw-shadow: 0 0 28px 0px rgba(0, 0, 0, .1); --tw-shadow-colored: 0 0 28px 0px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 28px 0px rgba(0, 0, 0, .1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-product-card-embed-card-align-center{ margin-left: auto; margin-right: auto; }
.s-product-card-embed-card-align-left{ float: left; margin-right: 1ch; }
.s-product-card-embed-card-align-right{ float: right; margin-left: 1ch; }
.s-product-card-embed-fallback{ display: block; }
article:has(salla-product-card-embed)::after{ clear: both; display: block; --tw-content: ''; content: ''; content: var(--tw-content); }
.s-product-options-wrapper{ margin-bottom: 1.25rem; display: block; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 1.25rem; }
.s-product-options-option-container{ margin-bottom: 1.25rem; }
.s-product-options-option-container:last-child{ margin-bottom: 0px; }
.s-product-options-option{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
@media (min-width: 640px){
 .s-product-options-option{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: flex-start; grid-gap: 1rem; gap: 1rem; } }
.s-product-options-option-error .s-product-options-option-label{ --tw-text-opacity: 1; color: rgba(248, 113, 113, 1); color: rgba(248, 113, 113, var(--tw-text-opacity, 1)); }
.s-product-options-option-content{ margin-top: 0.25rem; min-width: 0px; word-wrap: break-word; overflow: auto; }
@media (min-width: 640px){
 .s-product-options-option-content{ grid-column: span 2 / span 2; margin-top: 0px; }
 .s-product-options-option-content-full-width{ grid-column: span 3 / span 3; } }
.s-product-options-option-label{ margin-bottom: 0.625rem; display: block; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.account-main > h1.s-product-options-option-label {
  display: none;
}
@media (min-width: 640px){
 .s-product-options-option-label{ margin-top: 1px; } }
@media (min-width: 768px){
 .s-product-options-option-label{ margin-bottom: 0px; } }
.s-product-options-option-label-hidden{ display: none !important; }
.s-product-options-donation-message{ display: flex; align-items: center; justify-content: space-between; }
.s-product-options-donation-message p{ font-size: 1rem; line-height: 1.5rem; font-weight: 600; --tw-text-opacity: 1; color: rgba(248, 113, 113, 1); color: rgba(248, 113, 113, var(--tw-text-opacity, 1)); }
.s-product-options-donation-message span{ font-size: 1rem; line-height: 1.5rem; font-weight: 600; --tw-text-opacity: 1; color: rgba(0, 0, 0, 1); color: rgba(0, 0, 0, var(--tw-text-opacity, 1)); }
.s-product-options-option-label b{ display: block; }
.s-product-options-option-label b span{ --tw-text-opacity: 1; color: rgba(239, 68, 68, 1); color: rgba(239, 68, 68, var(--tw-text-opacity, 1)); }
.s-product-options-option-label small{ --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-product-options-colors-wrapper .s-product-options-colors-item{ margin-right: 2rem; margin-bottom: 1.25rem; display: inline-block; width: 2.5rem; white-space: nowrap; text-align: center; }
.s-product-options-colors-wrapper .s-product-options-colors-item:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0px; margin-left: 2rem; }
.s-product-options-colors-wrapper input[type=radio]{ pointer-events: none; position: absolute; opacity: 0; }
input[type=radio].sr-only div.s-product-options-colors-wrapper input[type=radio] {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-product-options-colors-wrapper input[type=radio] {
  border-color: var(--color-main);
}
.s-product-options-colors-wrapper input[type=radio] + label{ display: flex; cursor: pointer; flex-direction: column; align-items: center; }
.s-product-options-colors-wrapper input[type=radio] + label * {
  pointer-events: none;
}
.s-product-options-colors-wrapper input[type=radio] + label div{ font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
.s-product-options-colors-wrapper input[type=radio] + label div p{ font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
.s-product-options-colors-wrapper input[type=radio] + label span{ margin-bottom: 0.5rem; display: inline-flex; height: 30px; width: 30px; cursor: pointer; align-items: center; justify-content: center; border-radius: 0.375rem; border-radius: 9999px; border-width: 2px; --tw-border-opacity: 1; border-color: rgba(255, 255, 255, 1); border-color: rgba(255, 255, 255, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(156, 163, 175, 1); background-color: rgba(156, 163, 175, var(--tw-bg-opacity, 1)); background-position: center; background-repeat: no-repeat; text-align: center; line-height: 2.5rem; --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-product-options-colors-wrapper input[type=radio] + label span * {
  pointer-events: none;
}
.s-product-options-colors-wrapper input[type=radio] + label span:after{ height: 14px; width: 14px; --tw-scale-x: .5; --tw-scale-y: .5; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.5) scaleY(.5); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(229, 231, 235, 1); background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1)); opacity: 0; transition-property: all; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --tw-content: ''; content: ''; content: var(--tw-content); }
.s-product-options-colors-wrapper input[type=radio]:checked + label span:after{ --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 1; }
.s-product-options-colors-wrapper input[type=radio]:disabled + label{ opacity: 0.4; }
.s-product-options-field-required{ --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-product-options-donation-progress{ margin-bottom: 0.625rem; width: 100%; }
.s-product-options-donation-progress-target-text{ margin-bottom: 0.375rem; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-product-options-donation-progress-amount{ margin-bottom: 0.625rem; display: flex; justify-content: space-between; font-size: 0.875rem; line-height: 1.25rem; }
.s-product-options-donation-progress-wrapper{ height: 1rem; width: 100%; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(229, 231, 235, 1); background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1)); }
.dark *.s-product-options-donation-progress-wrapper{ --tw-bg-opacity: 1; background-color: rgba(55, 65, 81, 1); background-color: rgba(55, 65, 81, var(--tw-bg-opacity, 1)); }
.s-product-options-donation-progress-bar{ position: relative; display: flex; height: 1rem; justify-content: flex-end; border-radius: 9999px; background-color: #414042; background-color: var(--color-primary); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; }
.s-product-options-donation-progress-target-data{ margin-top: 0.625rem; margin-bottom: 0.625rem; display: block; font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-product-options-donation-progress-target-message{ font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(248, 113, 113, 1); color: rgba(248, 113, 113, var(--tw-text-opacity, 1)); }
.s-product-options-donation-wrapper{ position: relative; margin-top: 1.25rem; margin-bottom: 0.625rem; align-items: center; justify-content: space-between; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(243, 244, 246, 1); border-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); padding-top: 1.25rem; }
.s-product-options-donation-wrapper:only-child{ margin-top: 0px; border-style: none; padding-top: 0px; }
@media (min-width: 640px){
 .s-product-options-donation-wrapper{ margin-bottom: 0px; } }
.s-product-options-donation-wrapper h4{ margin-top: 1.25rem; margin-bottom: 0.75rem; font-weight: 700; }
.account-main > h1.s-product-options-donation-wrapper h4 {
  display: none;
}
.s-product-options-donation-amount-label{ margin-bottom: 0.625rem; display: block; flex: 1 1 0%; font-size: 0.875rem; line-height: 1.25rem; }
.s-product-options-donation-amount-input-container{ position: relative; flex: 1 1 0%; }
.s-product-options-donation-amount-input{ margin-bottom: 0.625rem; display: block; height: 3rem; width: 100%; border-radius: 0.375rem; --tw-border-opacity: 1; border-color: rgba(209, 213, 219, 1); border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1)); padding-left: 0.625rem; padding-right: 0.625rem; --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-product-options-donation-amount-input:focus{ --tw-border-opacity: 1; border-color: rgba(99, 102, 241, 1); border-color: rgba(99, 102, 241, var(--tw-border-opacity, 1)); --tw-ring-opacity: 1; --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity, 1)); }
@media (min-width: 640px){
 .s-product-options-donation-amount-input{ font-size: 0.875rem; line-height: 1.25rem; } }
.s-product-options-donation-amount-curruncy{ position: absolute; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
input[type=radio].sr-only div.s-product-options-donation-amount-curruncy {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-product-options-donation-amount-curruncy {
  border-color: var(--color-main);
}
.s-product-options-multiple-options-wrapper{ align-items: center; flex-wrap: wrap; }
@media (min-width: 768px){
 .s-product-options-multiple-options-wrapper{ display: flex; } }
.s-product-options-multiple-options-wrapper label{ position: relative; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.75rem; }
@media (min-width: 768px){
 .s-product-options-multiple-options-wrapper label{ width: 50%; } }
.s-product-options-multiple-options-wrapper input{ height: 1.5rem; width: 1.5rem; cursor: pointer; border-radius: 0.375rem; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); color: #414042; color: var(--color-primary); }
.s-product-options-multiple-options-wrapper input * {
  pointer-events: none;
}
.s-product-options-multiple-options-wrapper input:focus{ --tw-ring-color: transparent; }
.s-product-options-multiple-options-wrapper span{ margin-left: 0.5rem; cursor: pointer; padding-right: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.s-product-options-multiple-options-wrapper span * {
  pointer-events: none;
}
.s-product-options-multiple-options-wrapper span:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0px; margin-right: 0.5rem; padding-right: 0px; padding-left: 0.75rem; }
.s-product-options-splitter{ border-width: 2px; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); }
.s-product-options-thumbnails-wrapper{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap: 0.75rem; gap: 0.75rem; }
.s-product-options-thumbnails-wrapper label{ margin-bottom: 0.125rem; display: inline-block; height: 6rem; width: 100%; cursor: pointer; border-radius: 0.375rem; overflow: hidden; }
.s-product-options-thumbnails-wrapper label * {
  pointer-events: none;
}
@media (min-width: 768px){
 .s-product-options-thumbnails-wrapper label{ height: 5rem; } }
.s-product-options-thumbnails-wrapper > div{ position: relative; display: inline-block; width: 100%; text-align: center; }
.s-product-options-thumbnails-stock-badge{ position: absolute; bottom: 10px; left: 50%; z-index: 0; display: block; --tw-translate-x: -50%; transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); white-space: nowrap; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(248, 113, 113, 1); background-color: rgba(248, 113, 113, var(--tw-bg-opacity, 1)); padding-left: 0.375rem; padding-right: 0.375rem; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
input[type=radio].sr-only div.s-product-options-thumbnails-stock-badge {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-product-options-thumbnails-stock-badge {
  border-color: var(--color-main);
}
.s-product-options-thumbnails-badge-overlay{ position: absolute; top: 0px; height: 100%; width: 100%; cursor: not-allowed; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); opacity: 0.5; }
input[type=radio].sr-only div.s-product-options-thumbnails-badge-overlay {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-product-options-thumbnails-badge-overlay {
  border-color: var(--color-main);
}
.s-product-options-thumbnails-icon{ position: absolute; left: 35%; top: 35%; z-index: 10; --tw-scale-x: .5; --tw-scale-y: .5; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.5) scaleY(.5); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 2px; opacity: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
input[type=radio].sr-only div.s-product-options-thumbnails-icon {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-product-options-thumbnails-icon {
  border-color: var(--color-main);
}
.s-product-options-thumbnails-icon svg{ height: 1rem; width: 1rem; }
.s-product-options-thumbnails-wrapper div input[type=radio]:checked + label span{ --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 1; }
.s-product-options-thumbnails-wrapper div input[type=radio]{ pointer-events: none; position: absolute; display: block; opacity: 0; }
input[type=radio].sr-only div.s-product-options-thumbnails-wrapper div input[type=radio] {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-product-options-thumbnails-wrapper div input[type=radio] {
  border-color: var(--color-main);
}
.s-product-options-thumbnails-wrapper div input[type=radio] + label{ position: relative; }
.s-product-options-thumbnails-wrapper div input[type=radio] + label img{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; }
.s-product-options-thumbnails-wrapper div label::before{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; --tw-bg-opacity: 1; background-color: rgba(0, 0, 0, 1); background-color: rgba(0, 0, 0, var(--tw-bg-opacity, 1)); opacity: 0; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); content: var(--tw-content); transition-duration: 300ms; }
.s-product-options-thumbnails-wrapper div input[type=radio]:checked + label::before{ content: var(--tw-content); opacity: 0.3; }
.s-product-options-thumbnails-wrapper div input[type=radio]:disabled + label{ opacity: 0.4; }
.s-product-options-thumbnails-wrapper div p{ font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
.s-product-options-image-input .s-file-upload-wrapper{ min-height: 120px; }
.s-product-options-image-input .filepond--list-scroller{ overflow-y: inherit !important; }
.s-product-options-image-input .filepond--drop-label{ min-height: 120px !important; }
.s-product-options-image-input .filepond--drop-label{ cursor: pointer; border-radius: 0.375rem; border-width: 1px; border-style: dashed; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); }
.s-product-options-image-input .filepond--drop-label * {
  pointer-events: none;
}
.s-product-options-filepond-placeholder{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.s-product-options-filepond-placeholder-icon{ margin-bottom: 0.25rem; }
.s-product-options-filepond-placeholder-icon svg{ height: 1.5rem; width: 1.5rem; fill: #7c8082; }
.s-product-options-donation-amount-currency{ position: absolute; top: 0.25rem; right: 1rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
input[type=radio].sr-only div.s-product-options-donation-amount-currency {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-product-options-donation-amount-currency {
  border-color: var(--color-main);
}
.s-product-options-donation-amount-currency:where([dir="rtl"], [dir="rtl"] *){ right: auto; right: initial; left: 1rem; }
.s-product-options-donation-input-group{ position: relative; height: 0px; opacity: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; overflow: hidden; }
.s-product-options-donation-input-group.shown{ height: auto; opacity: 1; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; }
.s-product-options-donation-options{ margin-bottom: 1.25rem; display: flex; gap: 0.75rem; flex-wrap: wrap; }
.s-product-options-donation-options-item{ min-width: 20%; flex-grow: 1; }
.s-product-options-donation-options-item:last-child{ min-width: 25%; }
.s-product-options-donation-options-item label{ display: flex; cursor: pointer; flex-direction: column; align-items: center; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.625rem; padding-bottom: 0.625rem; font-size: 0.875rem; line-height: 1.25rem; }
.s-product-options-donation-options-item label * {
  pointer-events: none;
}
.s-product-options-donation-options-item input{ display: none; }
.s-product-options-donation-options-item input:checked + label{ border-color: #414042; border-color: var(--color-primary); background-color: #414042; background-color: var(--color-primary); color: #ff6767; color: var(--color-primary-reverse); }
.s-product-options-textarea textarea{ resize: none; }
.s-product-options-digital-card-wrapper{ display: flex; gap: 1rem; flex-wrap: wrap; }
.s-product-options-digital-card-option{ display: flex; height: -moz-fit-content; height: fit-content; min-height: 40px; min-width: 100px; max-width: calc((100% - 1rem) / 3); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: center; gap: 0.5rem; border-radius: 0.375rem; padding: 0.5rem; font-size: 0.75rem; line-height: 1rem; outline-style: solid; outline-width: 1px; outline-color: #e5e7eb; }
.s-product-options-digital-card-option * {
  pointer-events: none;
}
.s-product-options-digital-card-option:has(input:checked){ color: var(--color-primary-dark); outline-style: solid; outline-width: 1px; outline-color: #414042; outline-color: var(--color-primary); }
.s-product-options-country-flag{ height: 24px; width: 24px; border-radius: 9999px; }
.s-product-options-digital-card-out-of-stock{ height: 2.5rem; }
.s-product-options-digital-card-option input{ all: unset; }
.s-product-options-digital-card-option input:checked{ all: unset; }
.s-product-options-digital-card-option input:invalid{ all: unset; }
@media (min-width: 640px){
 .s-product-options-option-booking .s-product-options-option-content{ margin-top: -2.5rem; } }
.s-product-options-digital-card-option-stock-out{ opacity: 0.4; }
.s-product-options-grid-mode{ margin-bottom: 1.25rem; display: flex; justify-items: center; gap: 0.5rem; flex-wrap: wrap; }
.s-product-options-grid-mode-span{ position: relative; display: flex; min-height: 36px; min-width: 45px; cursor: pointer; align-items: center; justify-content: center; border-radius: 0.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(209, 213, 219, 1); border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 0.5rem; text-align: center; font-size: 0.75rem; line-height: 1rem; font-weight: 700; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.account-main > h1.s-product-options-grid-mode-span {
  display: none;
}
.s-product-options-grid-mode-span * {
  pointer-events: none;
}
.s-product-options-grid-mode-span:hover{ --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); }
.s-product-options-grid-mode-span-checkbox{ position: relative; display: flex; align-items: center; justify-content: center; padding: 0.5rem; text-align: center; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; }
.account-main > h1.s-product-options-grid-mode-span-checkbox {
  display: none;
}
.s-product-options-grid-mode input:checked + div{ border-color: #414042; border-color: var(--color-primary); background-color: rgba(var(--color-primary-rgb),0.1); color: #414042; color: var(--color-primary); }
.s-product-options-grid-mode input[type=checkbox]{ pointer-events: none; position: absolute; opacity: 0; }
input[type=radio].sr-only div.s-product-options-grid-mode input[type=checkbox] {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-product-options-grid-mode input[type=checkbox] {
  border-color: var(--color-main);
}
.s-product-options-grid-mode input[type=radio]{ pointer-events: none; position: absolute; opacity: 0; }
input[type=radio].sr-only div.s-product-options-grid-mode input[type=radio] {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-product-options-grid-mode input[type=radio] {
  border-color: var(--color-main);
}
.s-product-options-disabled{ cursor: not-allowed; opacity: 0.5; }
.s-product-size-guide-wrapper .s-modal-title{ margin-bottom: 0px !important; }
.s-product-size-guide-wrapper .s-tabs-content{ max-height: 60vh; overflow: auto; }
@media (min-width: 768px){
 .s-product-size-guide-wrapper .s-tabs-content{ max-height: 70vh; } }
.s-product-size-guide-placeholder{ display: flex; align-items: center; justify-content: center; }
.s-product-size-guide-skeleton-table{ margin-top: 1.25rem; width: 100%; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); line-height: 1.25rem; }
.s-product-size-guide-skeleton-table td{ border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding: 0.5rem; line-height: 1.25rem; }
.s-product-size-guide-header-icon{ display: inline-flex; height: 3rem; width: 3rem; align-items: center; justify-content: center; border-radius: 9999px; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); }
@media (min-width: 640px){
 .s-product-size-guide-header-icon{ margin-left: auto; margin-right: auto; margin-bottom: 1rem; height: 5rem; width: 5rem; } }
.s-product-size-guide-header-icon:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.5rem; }
@media (min-width: 640px){
 .s-product-size-guide-header-icon:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0px; } }
.s-product-size-guide-header-icon:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.5rem; }
@media (min-width: 640px){
 .s-product-size-guide-header-icon:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0px; } }
.s-product-size-guide-header-icon svg{ height: 1.25rem; width: 1.25rem; fill: #9ca3af; flex-shrink: 0; }
.cart-totals-row-wrapper .s-product-size-guide-header-icon svg {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-product-size-guide-header-icon svg {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-product-size-guide-header-icon svg {
  text-align: right;
}
.s-product-size-guide-skeleton-content{ margin-top: 1.25rem; display: flex; flex-direction: column; }
.s-product-size-guide-skeleton-content > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.75rem * (1 - 0)); margin-top: calc(0.75rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(0.75rem * calc(1 - 0)); margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * 0); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); }
.s-product-size-guide-skeleton-header{ margin-top: 2rem; margin-bottom: 2rem; display: flex; align-items: center; justify-content: space-between; }
.s-product-size-guide-skeleton-header > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1.25rem * 0); margin-right: calc(1.25rem * var(--tw-space-x-reverse)); margin-left: calc(1.25rem * (1 - 0)); margin-left: calc(1.25rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(1.25rem * calc(1 - 0)); margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); }
.s-product-size-guide-skeleton-header:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-product-size-guide-skeleton-header > salla-skeleton{ flex: 1 1 0%; }
.s-products-list-wrapper{ margin-bottom: 2rem; display: grid; }
.s-products-list-placeholder{ display: flex; flex-direction: column; align-items: center; justify-content: center; padding-top: 2.5rem; padding-bottom: 5rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-products-list-placeholder p{ padding-top: 0.5rem; text-align: center; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-products-list-row-cards{ display: grid; grid-gap: 1rem; gap: 1rem; }
.s-products-list-vertical-cards{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.625rem; }
@media (min-width: 640px){
 .s-products-list-vertical-cards{ gap: 1rem; } }
@media (min-width: 768px){
 .s-products-list-vertical-cards{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; } }
@media (min-width: 1024px){
 .s-products-list-vertical-cards{ grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.s-products-list-loading-wrapper{ display: flex; height: 5rem; align-items: center; justify-content: center; }
.s-products-list-filters-results{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.625rem; }
@media (min-width: 640px){
 .s-products-list-filters-results{ gap: 1rem; } }
@media (min-width: 768px){
 .s-products-list-filters-results{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; } }
.s-products-list-horizontal-cards{ grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 1rem; }
@media (min-width: 640px){
 .s-products-list-horizontal-cards{ gap: 2rem; } }
@media (min-width: 1024px){
 .s-products-list-horizontal-cards{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.s-products-list-compact-cards{ display: flex !important; flex-direction: column !important; gap: 0px !important; }
.s-products-list-placeholder span{ margin-bottom: 1rem; display: flex; height: 8rem; width: 8rem; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); font-size: 3rem; line-height: 1; --tw-text-opacity: 1; color: rgba(209, 213, 219, 1); color: rgba(209, 213, 219, var(--tw-text-opacity, 1)); }
.s-products-list-placeholder span svg{ margin-left: auto; margin-right: auto; height: 4rem; width: 4rem; fill: #d1d5db; text-align: center; }
.s-products-slider-wrapper{ margin-bottom: 2rem; }
@media (min-width: 768px){
 .s-products-slider-wrapper{ margin-bottom: 5rem; } }
@media (min-width: 1024px){
 .s-products-slider-wrapper{ overflow: hidden; } }
.s-products-slider-wrapper:where([dir="ltr"], [dir="ltr"] *){ padding-right: 0px; }
.s-products-slider-wrapper:where([dir="rtl"], [dir="rtl"] *){ padding-left: 0px; }
.s-products-slider-card{ height: auto !important; }
.s-products-slider-card{ width: 100%; max-width: 250px; padding-left: 0.5rem; padding-right: 0.5rem; }
@media (min-width: 640px){
 .s-products-slider-card{ width: 50%; max-width: 320px; } }
@media (min-width: 768px){
 .s-products-slider-card{ width: 33.333333%; } }
@media (min-width: 1024px){
 .s-products-slider-card{ width: 25%; } }
.s-progress-bar-container{ margin-bottom: 0.625rem; }
.s-progress-bar-header{ margin-bottom: 0.375rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.account-main > h1.s-progress-bar-header {
  display: none;
}
.s-progress-bar-target-section{ margin-bottom: 0.625rem; display: flex; justify-content: space-between; font-size: 0.875rem; line-height: 1.25rem; }
.s-progress-bar-wrapper{ margin-bottom: 0.375rem; width: 100%; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(229, 231, 235, 1); background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1)); }
.dark *.s-progress-bar-wrapper{ --tw-bg-opacity: 1; background-color: rgba(55, 65, 81, 1); background-color: rgba(55, 65, 81, var(--tw-bg-opacity, 1)); }
.s-progress-bar-progress{ height: 100%; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(37, 99, 235, 1); background-color: rgba(37, 99, 235, var(--tw-bg-opacity, 1)); }
.s-progress-bar-message{ margin-bottom: 0.625rem; display: block; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(248, 113, 113, 1); color: rgba(248, 113, 113, var(--tw-text-opacity, 1)); }
.s-progress-bar-wrapper .s-progress-bar-progress-stripped{ background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%,rgba(255, 255, 255, .2) 50%,rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); background-size: 30px 30px; }
.s-quantity-input-container{ display: flex; height: 2.5rem; align-items: stretch; justify-content: space-around; border-radius: 0.375rem; border-width: 1px; font-size: 0.875rem; line-height: 1.25rem; }
.s-quantity-input-input{ width: 3rem; border-width: 1px; border-top-width: 0px; border-bottom-width: 0px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; text-align: center; font-weight: 700; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.account-main > h1.s-quantity-input-input {
  display: none;
}
.s-quantity-input-input:focus{ --tw-border-opacity: 1; border-color: rgba(209, 213, 219, 1); border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1)); }
.s-quantity-input-button{ width: 2.75rem; fill: #9ca3af; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.s-quantity-input-button:hover{ fill: #414042; fill: var(--color-primary); }
.s-quantity-input-button svg{ margin-left: auto; margin-right: auto; height: 1.25rem; width: 1.25rem; }
.s-quick-buy-button svg{ margin-right: 0.375rem; height: 1rem; width: 1rem; }
.s-quick-buy-button svg:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0px; margin-left: 0.375rem; }
.s-quick-buy-apple-pay{ display: block; width: 100%; }
@media (min-width: 640px){
 .s-quick-buy-apple-pay{ margin-top: 0.625rem; } }
.s-quick-buy-apple-pay .apple-pay-btn-wrapper .apple-pay-btn{ width: auto !important; border-radius: .75rem !important; }
.s-quick-order-dark h1, .s-quick-order-dark p{ color: #fff; }
.s-quick-order-container{ margin-top: 0.5rem; margin-bottom: 0.5rem; border-radius: .75rem; padding: 1rem; }
.s-quick-order-button-cont{ margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; justify-content: space-between; }
.s-quick-order-checkbox-container{ margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; }
.s-quick-order-checkbox-container input{ margin-bottom: 0.5rem; margin-left: 0.5rem; height: 2.5rem; width: 100%; border-radius: .75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding: 0.5rem; }
.s-quick-order-expandable{ max-height: 0px; opacity: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 100ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
.s-quick-order-expandable:not(.s-quick-order-shown){ overflow: hidden; }
.s-quick-order-expandable.s-quick-order-shown{ opacity: 1; }
.s-quick-order-expandable .s-form-group{ position: relative; flex-grow: 1; }
.s-quick-order-expandable .s-form-group input{ padding-left: 35px; }
.s-quick-order-expandable .s-form-group input:where([dir="rtl"], [dir="rtl"] *){ padding-right: 35px; }
.s-quick-order-expandable .s-form-group > span{ position: absolute; left: 10px; top: 30%; z-index: 10; }
input[type=radio].sr-only div.s-quick-order-expandable .s-form-group > span {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-quick-order-expandable .s-form-group > span {
  border-color: var(--color-main);
}
.s-quick-order-expandable .s-form-group > span:where([dir="rtl"], [dir="rtl"] *){ left: auto; right: 10px; }
.s-quick-order-expandable .s-form-group span svg{ height: 1rem; width: 1rem; fill: #919191; }
.s-quick-order-flex-input{ display: flex; }
.s-quick-order-flex-input > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.5rem * 0); margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * (1 - 0)); margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.5rem * calc(1 - 0)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); }
.s-quick-order-flex-input:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-quick-order-flex-input salla-tel-input{ height: 2.5rem; width: 100%; }
.s-quick-order-errors p{ font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(185, 28, 28, 1); color: rgba(185, 28, 28, var(--tw-text-opacity, 1)); }
.s-quick-order-confirm{ display: flex; align-items: center; justify-content: center; border-radius: .75rem; border-width: 1px; padding: 0.5rem; }
.s-quick-order-confirm span{ margin-left: 0.5rem; margin-right: 0.5rem; }
.s-quick-order-confirm svg{ height: 1rem; width: 1rem; fill: #414042; fill: var(--color-primary); }
.s-quick-order-terms .s-form-label{ margin-bottom: 0px !important; }
.s-quick-order-terms .s-form-label{ cursor: pointer; }
.s-quick-order-terms .s-form-label * {
  pointer-events: none;
}
.s-quick-order-terms{ margin-bottom: 1rem; display: flex; align-items: center; justify-content: flex-start; }
.s-quick-order-terms > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.375rem * 0); margin-right: calc(0.375rem * var(--tw-space-x-reverse)); margin-left: calc(0.375rem * (1 - 0)); margin-left: calc(0.375rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.375rem * calc(1 - 0)); margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse))); }
.s-quick-order-terms:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-quick-order-terms .s-checkbox::before{ background-color: transparent; content: var(--tw-content); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-quick-order-terms .s-checkbox:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); --tw-ring-offset-width: 0px; }
.s-quick-order-btn-close button{ padding: 0.5rem !important; }
.s-quick-order-btn-close button{ border-radius: .75rem; }
.s-quick-order-phone-field:where([dir="ltr"], [dir="ltr"] *){ padding-left: 28px !important; }
.s-quick-order-phone-field:where([dir="ltr"], [dir="ltr"] *){ padding-right: 87px; }
.s-quick-order-phone-field:where([dir="rtl"], [dir="rtl"] *){ padding-right: 28px !important; }
.s-quick-order-phone-field:where([dir="rtl"], [dir="rtl"] *){ padding-left: 87px; }
.s-quick-order-email-field:where([dir="ltr"], [dir="ltr"] *){ padding-right: 0px !important; }
.s-quick-order-email-field:where([dir="rtl"], [dir="rtl"] *){ padding-left: 0px !important; }
.s-rating-modal-wrapper{ margin-bottom: 1.5rem; transition-property: all; transition-duration: 100ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.s-rating-modal-edit-wrapper{ margin-top: 0.625rem; }
.s-rating-modal-footer{ position: relative; display: flex; align-items: center; justify-content: space-between; }
.s-rating-modal-footer salla-button button{ padding-left: 1rem !important; padding-right: 1rem !important; font-size: 0.75rem !important; }
.s-rating-modal-btn{ height: 2.5rem; padding-left: 1rem; padding-right: 1rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; color: #414042; color: var(--color-primary); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.account-main > h1.s-rating-modal-btn {
  display: none;
}
.s-rating-modal-btn:hover{ color: var(--color-primary-dark); }
.s-rating-modal-dots{ display: flex; flex-shrink: 0; flex-grow: 1; justify-content: center; }
.s-rating-modal-dots > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.375rem * 0); margin-right: calc(0.375rem * var(--tw-space-x-reverse)); margin-left: calc(0.375rem * (1 - 0)); margin-left: calc(0.375rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.375rem * calc(1 - 0)); margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse))); }
.s-rating-modal-dots{ text-align: center; flex-shrink: 0; }
.cart-totals-row-wrapper .s-rating-modal-dots {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-rating-modal-dots {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-rating-modal-dots {
  text-align: right;
}
.s-rating-modal-dots:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-rating-modal-step-dot{ height: 0.625rem; width: 0.625rem; border-radius: 9999px; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.s-rating-modal-step{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; }
.s-rating-modal-active{ --tw-translate-x: 0px; transform: translate(0px, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 1; }
.s-rating-modal-unactive{ --tw-translate-x: 0.75rem; transform: translate(0.75rem, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 0; }
.s-rating-modal-hidden{ display: none !important; }
.s-rating-modal-unvisiable{ pointer-events: none; opacity: 0; }
.s-rating-modal-step-wrap{ position: relative; display: flex; flex-direction: column; align-items: center; padding-bottom: 1rem; }
.s-rating-modal-product-details{ position: relative; display: flex; flex: 1 1 0%; flex-direction: column; padding-bottom: 1rem; }
.s-rating-modal-product-details-main{ display: flex; align-items: flex-start; justify-content: space-between; }
.s-rating-modal-product-details-main .s-rating-stars-wrapper{ margin-bottom: 0.375rem; flex-direction: column; align-items: center; gap: 0.625rem; }
@media (min-width: 640px){
 .s-rating-modal-product-details-main .s-rating-stars-wrapper{ margin-bottom: 0px; flex-direction: row; gap: 0px; } }
.s-rating-modal-rounded-icon{ margin-bottom: 1rem; display: flex; height: 7rem; width: 7rem; align-items: center; justify-content: center; border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); overflow: hidden; }
.s-rating-modal-title{ margin-bottom: 1rem; font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; }
.account-main > h1.s-rating-modal-title {
  display: none;
}
.s-rating-modal-store-logo{ width: 4rem; -o-object-fit: contain; object-fit: contain; }
.s-rating-modal-shipping-logo{ height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; }
.s-rating-modal-shipping-icon{ font-size: 3rem; line-height: 1; color: #414042; color: var(--color-primary); }
.s-rating-modal-comment{ height: 5rem !important; }
.s-rating-modal-comment{ margin-bottom: 0.5rem; width: 100%; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.s-rating-modal-comment:focus{ border-color: #414042; border-color: var(--color-primary); }
.dark *.s-rating-modal-comment{ --tw-border-opacity: 1; border-color: rgba(75, 85, 99, 1); border-color: rgba(75, 85, 99, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(75, 85, 99, 1); background-color: rgba(75, 85, 99, var(--tw-bg-opacity, 1)); }
.s-rating-modal-validation-msg{ margin-top: -3px; line-height: 1rem; --tw-text-opacity: 1; color: rgba(248, 113, 113, 1); color: rgba(248, 113, 113, var(--tw-text-opacity, 1)); }
.s-rating-modal-product{ margin-bottom: 1.5rem; }
.s-rating-modal-product:last-child{ margin-bottom: 0px; }
.s-rating-modal-product .rating-outer-form{ display: flex; }
.s-rating-modal-product .rating-outer-form > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.5rem * 0); margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * (1 - 0)); margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.5rem * calc(1 - 0)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); }
@media (min-width: 640px){
 .s-rating-modal-product .rating-outer-form > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1.25rem * 0); margin-right: calc(1.25rem * var(--tw-space-x-reverse)); margin-left: calc(1.25rem * (1 - 0)); margin-left: calc(1.25rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(1.25rem * calc(1 - 0)); margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); } }
.s-rating-modal-product .rating-outer-form:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-rating-modal-product-img-wrap{ height: 3.5rem; width: auto; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); overflow: hidden; }
@media (min-width: 640px){
 .s-rating-modal-product-img-wrap{ width: 5rem; } }
.s-rating-modal-product-img{ position: relative; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; font-size: 0px; }
.s-rating-modal-product-img::before{ position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; --tw-bg-opacity: 1; background-color: rgba(229, 231, 235, 1); background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1)); --tw-content: ''; content: ''; content: var(--tw-content); }
.s-rating-modal-product-title{ margin-bottom: 0.375rem; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; }
.account-main > h1.s-rating-modal-product-title {
  display: none;
}
.s-rating-modal-thanks{ padding-left: 2rem; padding-right: 2rem; text-align: center; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; }
.s-rating-modal-icon{ display: inline-flex; height: 5rem; width: 5rem; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); color: #414042; color: var(--color-primary); }
.s-rating-modal-icon svg{ height: 1.75rem; width: 1.75rem; fill: #414042; fill: var(--color-primary); }
.s-rating-modal-thanks-title{ margin-top: 1rem; font-weight: 700; }
.account-main > h1.s-rating-modal-thanks-title {
  display: none;
}
.s-rating-modal-thanks-msg{ margin-bottom: 1.5rem; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-rating-modal-thanks-btn{ height: 2.5rem; flex: none; display: inline-flex; flex: 1 1 0%; align-items: center; justify-content: center; white-space: nowrap; border-radius: 0.375rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 0.625rem; padding-top: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.account-main > h1.s-rating-modal-thanks-btn {
  display: none;
}
.s-rating-modal-thanks-btn:hover{ opacity: 0.8; }
.s-rating-modal-thanks-btn{ border-width: 1px; border-color: #414042; border-color: var(--color-primary); background-color: #414042; background-color: var(--color-primary); color: #ff6767; color: var(--color-primary-reverse); display: inline-flex; flex: 1 1 0%; align-items: center; justify-content: center; white-space: nowrap; border-radius: 0.375rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 0.625rem; padding-top: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.account-main > h1.s-rating-modal-thanks-btn {
  display: none;
}
.s-rating-modal-thanks-btn:hover{ opacity: 0.8; }
.s-rating-modal-thanks-btn .loader {
  width: 0;
  opacity: 0;
  height: 16px;
  transform: scale(0);
  transition: 0.3s;
}
.s-rating-modal-thanks-btn {
  /* Disabled state */
}
.s-rating-modal-thanks-btn.btn:disabled{ cursor: default; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); background-color: transparent; --tw-text-opacity: 1; color: rgba(209, 213, 219, 1); color: rgba(209, 213, 219, var(--tw-text-opacity, 1)); --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-rating-modal-thanks-btn.btn:disabled:hover{ background-color: transparent; }
.s-rating-modal-thanks-btn:disabled .s-button-text{ opacity: 0.7; }
.s-rating-modal-thanks-btn {
  /* Button Variants */
}
@media only screen and (min-width: 1024px) {
  .main-menu .sub-menu .s-rating-modal-thanks-btn {
    padding: 8px 10px 10px;
  }
}
.s-rating-modal-thanks-time{ margin-top: 0.75rem; display: block; height: 1.5rem; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-rating-modal-stars-company{ margin-bottom: 1.25rem; }
.s-rating-modal-stars-company .s-rating-stars-wrapper{ flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem; }
.s-rating-modal-stars-product{ margin-bottom: 0.25rem; }
.s-rating-modal-upload-count{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; }
.s-rating-modal-bg-gray{ --tw-bg-opacity: 1; background-color: rgba(229, 231, 235, 1); background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1)); }
.s-rating-modal-bg-primary{ background-color: #414042; background-color: var(--color-primary); }
unicode{ unicode-bidi: plaintext; }
.s-rating-modal-wrap .s-modal-body{ position: relative !important; }
.s-rating-modal-skeleton{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.s-rating-modal-skeleton salla-skeleton:nth-child(1){ margin-bottom: 1.25rem; }
.s-rating-modal-skeleton salla-skeleton:nth-child(2){ margin-bottom: 0.75rem; }
.s-rating-modal-skeleton salla-skeleton:nth-child(3){ margin-bottom: 1.25rem; }
.s-rating-modal-skeleton salla-skeleton:nth-child(4){ margin-bottom: 2rem; }
.s-rating-modal-skeleton-footer{ margin-top: 1.5rem; display: flex; width: 100%; justify-content: flex-end; }
.s-rating-modal-skeleton-footer salla-skeleton{ margin-bottom: 0px !important; }
.s-rating-modal-skeleton-stars{ margin-bottom: 0.75rem; display: flex; align-items: center; }
.s-rating-modal-skeleton-stars > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.5rem * 0); margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * (1 - 0)); margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.5rem * calc(1 - 0)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); }
.s-rating-modal-skeleton-stars:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-rating-modal-skeleton-stars div svg{ width: 25px; fill: currentColor; --tw-text-opacity: 1; color: rgba(209, 213, 219, 1); color: rgba(209, 213, 219, var(--tw-text-opacity, 1)); }
.s-rating-modal-uploader{ height: 0px; opacity: 0; transition-property: all; transition-duration: 100ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.s-rating-modal-uploader.is-opened{ margin-bottom: 1.5rem; }
.s-rating-modal-uploader.is-closed{ pointer-events: none; z-index: 0; }
.s-rating-modal-uploader .filepond--drop-label{ --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); }
.s-rating-modal-uploader .filepond--file-status .filepond--file-status-main{ font-size: 11px; }
.s-rating-modal-uploader .filepond--file-info-main{ font-size: 11px; }
.s-rating-modal-uploader li[data-filepond-item-state='load-invalid'] .filepond--file-info{ display: none; }
.s-rating-modal-filepond-placeholder-text{ font-size: 0.75rem !important; line-height: 1rem !important; }
.s-rating-modal-filepond-placeholder{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.s-rating-modal-filepond-placeholder-icon{ margin-bottom: 0.25rem; }
.s-rating-modal-filepond-placeholder-icon svg{ height: 1.5rem; width: 1.5rem; fill: #7c8082; }
.s-rating-modal-contact{ margin-bottom: 1rem; display: flex; align-items: center; justify-content: space-between; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); padding: 0.5rem; }
.s-rating-modal-contact p{ font-size: 1rem; line-height: 1.5rem; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
.s-rating-modal-contact-icons{ display: flex; align-items: center; gap: 0.5rem; }
.s-rating-modal-contact-icons span{ display: flex; cursor: pointer; align-items: center; justify-content: center; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 0.375rem; }
.s-rating-modal-contact-icons span * {
  pointer-events: none;
}
.s-rating-modal-contact-icons span svg{ height: 1rem; width: 1rem; fill: #414042; fill: var(--color-primary); }
.s-rating-modal-footer-end{ justify-content: flex-end; }
.s-rating-modal-delete-wrapper{ text-align: center; }
.s-rating-modal-delete-wrapper h3{ margin-top: 1.25rem; font-size: 1.125rem; line-height: 1.75rem; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
.s-rating-modal-delete-wrapper p{ margin-top: 1.25rem; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-rating-modal-delete-actions{ margin-top: 1.25rem; display: flex; align-items: center; gap: 0.625rem; }
.s-rating-modal-delete-actions salla-button{ width: 100%; }
.s-rating-modal-delete-actions salla-button button{ width: 100%; }
.s-rating-stars-wrapper{ display: inline-flex; align-items: center; }
.s-rating-stars-btn-star{ border-width: 0px; fill: #d1d5db; padding-left: 0.125rem; padding-right: 0.125rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.s-rating-stars-large svg{ height: 1.75rem; width: 1.75rem; }
.s-rating-stars-medium svg{ height: 1.25rem; width: 1.25rem; }
.s-rating-stars-small svg{ height: 1rem; width: 1rem; }
.s-rating-stars-mini svg{ height: 0.75rem; width: 0.75rem; }
.s-rating-stars-hovered{ fill: #fbbf24; }
.s-rating-stars-selected{ fill: #fbbf24; }
.s-rating-stars-element{ display: flex; }
.s-rating-stars-reviews{ --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-rating-stars-label{ margin-left: 0.5rem; margin-right: 0.5rem; display: flex; height: -moz-fit-content; height: fit-content; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(229, 231, 235, 1); background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
.s-review-card-slider-container{ position: relative; display: grid; height: auto; overflow: clip; --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); }
.s-review-card-slides{ display: flex; height: 100%; width: 100%; transition-property: transform; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.s-review-card-slider-slide{ display: grid; height: 100%; width: 100%; align-content: center; justify-content: center; place-content: center; flex-shrink: 0; }
.cart-totals-row-wrapper .s-review-card-slider-slide {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-review-card-slider-slide {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-review-card-slider-slide {
  text-align: right;
}
.s-review-card-slider-slide img{ -o-object-fit: cover; object-fit: cover; }
.s-review-card-slider-dots{ position: absolute; bottom: 1rem; left: 0px; right: 0px; z-index: 10; display: flex; justify-content: center; gap: 0.5rem; }
input[type=radio].sr-only div.s-review-card-slider-dots {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-review-card-slider-dots {
  border-color: var(--color-main);
}
.s-review-card-slider-dot{ aspect-ratio: 1 / 1; height: 0.5rem; width: 0.5rem; cursor: pointer; justify-self: center; border-radius: 9999px; border-width: 0.5px; border-color: #414042; border-color: var(--color-primary); background-color: rgba(255, 255, 255, 0.7); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.s-review-card-slider-dot * {
  pointer-events: none;
}
.s-review-card-slider-dot.active{ --tw-scale-x: 1.5; --tw-scale-y: 1.5; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.5) scaleY(1.5); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); background-color: #414042; background-color: var(--color-primary); }
.s-review-card-slider-dot.\!active{ --tw-scale-x: 1.5; --tw-scale-y: 1.5; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.5) scaleY(1.5); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); background-color: #414042; background-color: var(--color-primary); }
.s-review-card-container{ overflow: clip; border-radius: 4px; border-width: 1px; }
.s-review-card-image{ height: auto; width: 100%; -o-object-fit: cover; object-fit: cover; }
.s-review-card-content{ display: grid; grid-gap: 0.5rem; gap: 0.5rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 1.25rem; }
.s-review-card-header{ display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.s-review-card-stars{ display: flex; gap: 0.25rem; --tw-text-opacity: 1; color: rgba(251, 191, 36, 1); color: rgba(251, 191, 36, var(--tw-text-opacity, 1)); }
.s-review-card-reviewer-name{ display: flex; align-items: center; gap: 0.5rem; }
.s-review-card-reviewer-name:where([dir="ltr"], [dir="ltr"] *){ margin-right: auto; }
.s-review-card-reviewer-name:where([dir="rtl"], [dir="rtl"] *){ margin-left: auto; }
.s-review-card-review-content{ font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); word-wrap: anywhere; }
.s-review-card-product-container{ display: flex; gap: 0.5rem; }
.s-review-card-product-container img{ flex-shrink: 0; }
.s-review-card-product-image{ height: 60px; width: 60px; border-radius: 2px; border-width: 1px; -o-object-fit: contain; object-fit: contain; }
.s-review-card-product-details{ align-self: center; }
.s-review-card-product-details-name{ margin-bottom: 0.25rem; font-size: 0.875rem; line-height: 1.25rem; color: #414042; color: var(--color-primary); word-wrap: anywhere; }
.s-review-card-product-details-purchase-count{ display: flex; align-items: center; gap: 0.5rem; --tw-text-opacity: 1; color: rgba(239, 68, 68, 1); color: rgba(239, 68, 68, var(--tw-text-opacity, 1)); }
.s-review-card-divider{ margin-left: auto; margin-right: auto; height: 1px; width: 100%; --tw-bg-opacity: 1; background-color: rgba(229, 231, 235, 1); background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1)); }
.s-review-card-verified-icon{ display: flex; height: 1.25rem; width: 1.25rem; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(251, 191, 36, 1); background-color: rgba(251, 191, 36, var(--tw-bg-opacity, 1)); font-size: 0.75rem; line-height: 1rem; }
.s-review-card-verified-icon svg{ height: 0.75rem; width: 0.75rem; }
@media (min-width: 1024px){
 .s-reviews-container{ overflow: hidden; } }
.s-reviews-header-wrapper{ display: flex; justify-content: space-between; }
.s-reviews-header{ margin-bottom: 1rem; margin-right: 0.5rem; font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; line-height: 1.2; }
.account-main > h1.s-reviews-header {
  display: none;
}
.s-reviews-avatar-image{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; }
.s-reviews-content{ margin-bottom: 0.5rem; margin-top: 1rem; line-height: 1.5rem; }
@media (min-width: 640px){
 .s-reviews-content{ margin-top: 0px; } }
.s-reviews-customer-header{ font-size: 0.75rem; line-height: 1rem; font-weight: 700; }
.account-main > h1.s-reviews-customer-header {
  display: none;
}
@media (min-width: 480px){
 .s-reviews-customer-header{ font-size: 0.875rem; line-height: 1.25rem; } }
.s-reviews-display-all{ display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; opacity: 0.8; }
.account-main > h1.s-reviews-display-all {
  display: none;
}
.s-reviews-display-all:hover{ opacity: 1; }
.s-reviews-display-all-icon svg{ display: inline-block; height: 14px; width: 14px; }
.s-reviews-display-all-icon svg:where([dir="ltr"], [dir="ltr"] *){ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.s-reviews-quote-icon svg{ position: absolute; top: 1rem; font-size: 2.25rem; line-height: 2.5rem; color: #414042; color: var(--color-primary); }
input[type=radio].sr-only div.s-reviews-quote-icon svg {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-reviews-quote-icon svg {
  border-color: var(--color-main);
}
@media (min-width: 640px){
 .s-reviews-quote-icon svg{ font-size: 3rem; line-height: 1; } }
.s-reviews-quote-icon svg:where([dir="ltr"], [dir="ltr"] *){ right: 2rem; }
@media (min-width: 640px){
 .s-reviews-quote-icon svg:where([dir="ltr"], [dir="ltr"] *){ right: 3rem; } }
@media (min-width: 1024px){
 .s-reviews-quote-icon svg:where([dir="ltr"], [dir="ltr"] *){ right: 2rem; } }
.s-reviews-quote-icon svg:where([dir="rtl"], [dir="rtl"] *){ left: 2rem; }
@media (min-width: 640px){
 .s-reviews-quote-icon svg:where([dir="rtl"], [dir="rtl"] *){ left: 3rem; } }
@media (min-width: 1024px){
 .s-reviews-quote-icon svg:where([dir="rtl"], [dir="rtl"] *){ left: 2rem; } }
.s-reviews-testimonial{ position: relative; display: flex; height: 100%; border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 1.5rem; opacity: 0.6; --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
@media (min-width: 1024px){
 .s-reviews-testimonial{ padding: 2.5rem; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } }
.s-reviews-testimonials-slider{ transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
@media (min-width: 1024px){
 .s-reviews-testimonials-slider .swiper{ margin-left: -200px; margin-right: -200px; } }
.s-reviews-testimonials-slider .swiper:where([dir="ltr"], [dir="ltr"] *){ padding-right: 3rem; padding-left: 1.25rem; }
@media (min-width: 1024px){
 .s-reviews-testimonials-slider .swiper:where([dir="ltr"], [dir="ltr"] *){ padding-right: 0px; padding-left: 0px; } }
.s-reviews-testimonials-slider .swiper:where([dir="rtl"], [dir="rtl"] *){ padding-left: 3rem; padding-right: 1.25rem; }
@media (min-width: 1024px){
 .s-reviews-testimonials-slider .swiper:where([dir="rtl"], [dir="rtl"] *){ padding-left: 0px; padding-right: 0px; }
 .s-reviews-testimonials-slider .swiper .s-slider-button-next{ margin-right: 200px; }
 .s-reviews-testimonials-slider .swiper .s-slider-button-prev{ margin-left: 200px; } }
.s-reviews-testimonials-slider .swiper:not(.swiper-initialized){ opacity: 0; }
.s-reviews-testimonial__inner{ display: flex; align-items: center; }
.s-reviews-testimonial__avatar{ height: 5rem; width: 5rem; flex-shrink: 0; border-radius: 9999px; overflow: hidden; }
.s-reviews-testimonial__icon svg{ position: absolute; top: 1rem; height: 2.25rem; width: 2.25rem; fill: #414042; fill: var(--color-primary); font-size: 2.25rem; line-height: 2.5rem; }
input[type=radio].sr-only div.s-reviews-testimonial__icon svg {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-reviews-testimonial__icon svg {
  border-color: var(--color-main);
}
@media (min-width: 640px){
 .s-reviews-testimonial__icon svg{ font-size: 3rem; line-height: 1; } }
@media (min-width: 1024px){
 .s-reviews-testimonial__icon svg{ height: 3rem; width: 3rem; } }
.s-reviews-testimonial__icon svg:where([dir="ltr"], [dir="ltr"] *){ right: 2rem; }
@media (min-width: 640px){
 .s-reviews-testimonial__icon svg:where([dir="ltr"], [dir="ltr"] *){ right: 3rem; } }
@media (min-width: 1024px){
 .s-reviews-testimonial__icon svg:where([dir="ltr"], [dir="ltr"] *){ right: 2rem; } }
.s-reviews-testimonial__icon svg:where([dir="rtl"], [dir="rtl"] *){ left: 2rem; }
@media (min-width: 640px){
 .s-reviews-testimonial__icon svg:where([dir="rtl"], [dir="rtl"] *){ left: 3rem; } }
@media (min-width: 1024px){
 .s-reviews-testimonial__icon svg:where([dir="rtl"], [dir="rtl"] *){ left: 2rem; } }
.s-reviews-testimonial__text{ flex: 1 1 0%; }
.s-reviews-testimonial__text p{ margin-bottom: 0.5rem; margin-top: 1rem; display: none; line-height: 1.5rem; }
@media (min-width: 640px){
 .s-reviews-testimonial__text p{ margin-top: 0px; } }
.s-reviews-testimonial__name_wrapper{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
@media (min-width: 1024px){
 .s-reviews-testimonial__name_wrapper{ flex-direction: row; justify-content: space-between; } }
.s-reviews-testimonial__rating{ margin-left: 2.5rem; display: none; font-size: 0.875rem; line-height: 1.25rem; }
.s-reviews-testimonial__info h2{ font-size: 0.75rem; line-height: 1rem; font-weight: 700; }
.account-main > h1.s-reviews-testimonial__info h2 {
  display: none;
}
@media (min-width: 480px){
 .s-reviews-testimonial__info h2{ font-size: 0.875rem; line-height: 1.25rem; } }
.s-reviews-container .swiper-slide{ height: auto; width: 20%; padding-left: 10px; padding-right: 10px; overflow: hidden; }
@media (min-width: 1024px){
 .s-reviews-container .swiper-slide{ padding-left: 15px; padding-right: 15px; } }
.s-reviews-container .swiper-slide:not(.swiper-slide-active) .s-reviews-testimonial__avatar{ margin-bottom: 2rem; }
.s-reviews-container .swiper-slide:not(.swiper-slide-active) .s-reviews-testimonial__inner{ position: relative; flex-direction: column; align-items: center; text-align: center; }
.s-reviews-container .swiper-slide:not(.swiper-slide-active) .s-reviews-testimonial__icon svg{ top: -2rem; left: 50%; height: 1.5rem; width: 1.5rem; --tw-translate-x: -50%; --tw-translate-y: 0.25rem; transform: translate(-50%, 0.25rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.s-reviews-container .swiper-slide-prev .s-reviews-testimonial{ align-items: center; justify-content: flex-end; }
.s-reviews-container .swiper-slide-next .s-reviews-testimonial{ align-items: center; justify-content: flex-start; }
.s-reviews-container .swiper-slide-next .s-reviews-testimonial:where([dir="ltr"], [dir="ltr"] *){ padding-right: 7%; }
.s-reviews-container .swiper-slide-next .s-reviews-testimonial:where([dir="rtl"], [dir="rtl"] *){ padding-left: 7%; }
.s-reviews-container .swiper-slide-active{ width: 60%; }
.s-reviews-container .swiper-slide-active .s-reviews-testimonial{ opacity: 1; --tw-shadow: 5px 0 0 0 var(--color-main); --tw-shadow-colored: 5px 0 0 0 var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
@media (min-width: 1024px){
 .s-reviews-container .swiper-slide-active .s-reviews-testimonial:where([dir="ltr"], [dir="ltr"] *){ padding-right: 6rem; }
 .s-reviews-container .swiper-slide-active .s-reviews-testimonial:where([dir="rtl"], [dir="rtl"] *){ padding-left: 6rem; } }
.s-reviews-container .swiper-slide-active .s-reviews-testimonial__inner{ width: 100%; }
.s-reviews-container .swiper-slide-active .s-reviews-testimonial__avatar:where([dir="ltr"], [dir="ltr"] *){ margin-right: 1.5rem; }
.s-reviews-container .swiper-slide-active .s-reviews-testimonial__avatar:where([dir="rtl"], [dir="rtl"] *){ margin-left: 1.5rem; }
.s-reviews-container .swiper-slide-active .s-reviews-testimonial__info{ margin-bottom: 0.5rem; }
@media (min-width: 1024px){
 .s-reviews-container .swiper-slide-active .s-reviews-testimonial__info{ margin-bottom: 0px; } }
.s-reviews-container .swiper-slide-active .s-reviews-testimonial__rating{ display: block; }
.s-reviews-container .swiper-slide-active .s-reviews-testimonial__text p{ display: block; }
.s-reviews-container .s-slider--nav-arrow{ right: 17%; top: 35%; display: none; --tw-translate-y: 50%; transform: translate(var(--tw-translate-x), 50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
@media (min-width: 1024px){
 .s-reviews-container .s-slider--nav-arrow{ display: flex; } }
.s-reviews-container .s-slider--nav-arrow.s-slider-next{ left: 17%; }
.s-reviews-container .s-slider--nav-arrow.s-slider-next:where([dir="ltr"], [dir="ltr"] *){ left: auto; }
.s-reviews-container .s-slider--nav-arrow.s-slider-next:where([dir="rtl"], [dir="rtl"] *){ right: auto; }
.s-reviews-page-grid{ display: grid; align-items: flex-start; grid-gap: 1.25rem; gap: 1.25rem; }
@media (min-width: 640px){
 .s-reviews-page-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 768px){
 .s-reviews-page-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1024px){
 .s-reviews-page-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.s-reviews-page-title{ display: flex; align-items: center; -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 0.5rem; font-size: 1.25rem; font-weight: 700; line-height: 0.75rem; flex-wrap: wrap; }
.account-main > h1.s-reviews-page-title {
  display: none;
}
.s-reviews-page-count{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-reviews-page-filter{ height: auto; min-width: 164px; border-radius: 0.375rem; border-width: 1px; border-color: #414042; border-color: var(--color-primary); padding: 0.25rem; color: #414042; color: var(--color-primary); }
.s-reviews-page-filter:focus{ border-color: #414042; border-color: var(--color-primary); }
.s-reviews-page-filter-label{ display: none; white-space: nowrap; }
@media (min-width: 640px){
 .s-reviews-page-filter-label{ display: block; } }
.s-reviews-page-filter-wrapper{ display: flex; align-items: center; gap: 0.75rem; }
.s-reviews-page-load-more-btn{ margin-top: 1.5rem; }
.s-reviews-page-header-wrapper{ margin-bottom: 0.75rem; display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; flex-wrap: wrap; }
.s-reviews-page-load-more-container{ text-align: center; }
.s-reviews-summary-wrapper{ display: flex; flex-direction: column; -moz-column-gap: 2rem; column-gap: 2rem; row-gap: 1.5rem; }
@media (min-width: 640px){
 .s-reviews-summary-wrapper{ flex-direction: row; } }
.s-reviews-summary-header{ display: grid; align-content: flex-start; grid-gap: 2rem; gap: 2rem; }
@media (min-width: 640px){
 .s-reviews-summary-header{ gap: 2.5rem; } }
.s-reviews-summary-header .s-rating-stars-selected{ fill: #414042; fill: var(--color-primary); }
.s-reviews-summary-header .s-rating-stars-btn-star{ padding: 0px; }
.s-reviews-summary-header-section{ display: flex; align-items: center; gap: 1rem; }
.s-reviews-summary-average{ font-size: 3rem; line-height: 1; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
.s-reviews-summary-count{ font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-reviews-summary-rows{ display: grid; grid-gap: 1rem; gap: 1rem; }
@media (min-width: 640px){
 .s-reviews-summary-rows{ width: 54%; } }
.s-reviews-summary-row{ display: flex; align-items: center; gap: 0.625rem; }
.s-reviews-summary-row-rate{ display: flex; align-items: center; gap: 0.25rem; fill: #1f2937; font-size: 0.75rem; line-height: 1rem; font-weight: 500; line-height: 1.5; }
.s-reviews-summary-row-rate span svg{ max-height: -moz-max-content; max-height: max-content; width: 1rem; fill: #fbbf24; }
.s-reviews-summary-progress{ flex-grow: 1; }
.s-reviews-summary-progress .s-progress-bar-wrapper{ margin-bottom: 0px; }
.s-reviews-summary-progress .s-progress-bar-container{ margin-bottom: 0px; }
.s-reviews-summary-percentage{ width: 2rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.s-reviews-summary-recommendation-percentage{ font-size: 2.25rem; line-height: 2.5rem; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
.s-reviews-summary-header-section.s-reviews-summary-recommendation-only{ gap: 3rem; }
.s-reviews-summary-header-section.s-reviews-summary-recommendation-only p{ font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
.account-main > h1.s-reviews-summary-header-section.s-reviews-summary-recommendation-only p {
  display: none;
}
.s-scopes-title{ margin-bottom: 0.75rem; }
.s-scopes-header{ margin-bottom: 0.5rem; display: block; text-align: center; }
.s-scopes-header-icon{ margin: auto; display: flex; height: 5rem; width: 5rem; align-items: center; justify-content: center; border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(252, 252, 252, 1); background-color: rgba(252, 252, 252, var(--tw-bg-opacity, 1)); }
.s-scopes-header-icon svg{ height: 2rem; fill: #414042; fill: var(--color-primary); }
.s-scopes-header-title{ font-size: 1.125rem; line-height: 1.75rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-scopes-header-subtitle{ text-align: left; font-size: 1.25rem; line-height: 1.75rem; }
.s-scopes-header-subtitle:where([dir="rtl"], [dir="rtl"] *){ text-align: right; }
.s-scopes-search-wrapper{ position: relative; width: 100%; }
.s-scopes-search-icon{ pointer-events: none; position: absolute; top: 0px; bottom: 0px; left: 0px; display: flex; align-items: center; padding-left: 0.75rem; }
input[type=radio].sr-only div.s-scopes-search-icon {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-scopes-search-icon {
  border-color: var(--color-main);
}
.s-scopes-search-icon:where([dir="rtl"], [dir="rtl"] *){ left: auto; right: 0px; padding-left: 0px; padding-right: 0.75rem; }
.s-scopes-search-icon svg{ height: 1.25rem; width: 1.25rem; fill: #9ca3af; }
.s-scopes-search-input{ display: block; width: 100%; border-radius: .75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(209, 213, 219, 1); border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); padding: 0.625rem; padding-left: 2.5rem; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.s-scopes-search-input:focus{ --tw-ring-color: var(--color-primary); }
.s-scopes-search-input:where([dir="rtl"], [dir="rtl"] *){ padding-left: 0px; padding-right: 2.5rem; }
.s-scopes-input-wrap{ margin-bottom: 1.25rem; display: flex; align-items: center; }
.s-scopes-input-wrap:last-child{ margin-bottom: 0px; }
.s-scopes-input{ height: 1rem; width: 1rem; --tw-border-opacity: 1; border-color: rgba(209, 213, 219, 1); border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1)); color: #414042; color: var(--color-primary); }
.s-scopes-input:focus{ --tw-ring-color: var(--color-primary); }
.s-scopes-input:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.75rem; }
.s-scopes-input:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.75rem; }
.s-scopes-label{ display: flex; flex-grow: 1; align-items: center; justify-content: space-between; font-size: 1rem; line-height: 1.5rem; font-weight: 500; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.s-scopes-select{ height: 2.5rem; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.375rem; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding-left: 1rem; padding-right: 1rem; font-size: 0.875rem; line-height: 1.25rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.s-scopes-select:focus{ border-color: #414042; border-color: var(--color-primary); }
.s-scopes-container{ margin-top: 1.25rem; max-height: 300px; overflow-y: auto; padding-left: 0.5rem; }
.s-scopes-container:where([dir="rtl"], [dir="rtl"] *){ padding-left: 0px; padding-right: 0.5rem; }
.s-scopes-sr-only{ border-width: 0;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }
input[type=radio].s-scopes-sr-only div.absolute {
  transition: all 0.3s;
}
input[type=radio].s-scopes-sr-only:checked ~ div.absolute {
  border-color: var(--color-main);
}
.s-scopes-is-closed{ opacity: 0.5; }
.s-scopes-closed-badge{ --tw-text-opacity: 1; color: rgba(248, 113, 113, 1); color: rgba(248, 113, 113, var(--tw-text-opacity, 1)); }
.s-scopes-clickable{ cursor: pointer; }
.s-scopes-clickable * {
  pointer-events: none;
}
.s-scopes-submit{ margin-top: 1.5rem; height: auto; }
.s-scopes-color-red{ --tw-text-opacity: 1; color: rgba(248, 113, 113, 1); color: rgba(248, 113, 113, var(--tw-text-opacity, 1)); }
.s-scopes-color-green{ --tw-text-opacity: 1; color: rgba(34, 197, 94, 1); color: rgba(34, 197, 94, var(--tw-text-opacity, 1)); }
.s-scopes-color-gray{ --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-scopes-hidden{ display: none; }
.s-scopes-input-wrap.is-hidden-branch{ display: none; }
.s-scopes-wrap{ display: flex; max-height: 350px; flex-direction: column; }
.s-scopes-wrap .s-placeholder-wrapper{ display: flex; height: 12rem; flex-direction: column; align-items: center; justify-content: center; }
.s-scopes-footer{ margin-top: auto; }
.s-scopes-modal .s-modal-header{ display: block !important; }
.s-scopes-skeleton .s-list-tile-item-content{ display: block; width: 100%; }
.s-scopes-skeleton .s-scopes-header-title > salla-skeleton{ margin-top: 0.75rem; margin-bottom: 0.75rem; display: block; }
.s-scopes-skeleton .s-scopes-header-subtitle > salla-skeleton{ margin-bottom: 0.75rem; display: block; }
.s-scopes-skeleton .s-scopes-skeleton-scopes > salla-skeleton{ margin-bottom: 1.25rem; display: block; }
.s-scopes-skeleton .s-scopes-skeleton-search{ margin-top: 2rem; margin-bottom: 2rem; }
.s-scopes-skeleton .s-scopes-skeleton-search > salla-skeleton{ margin-bottom: 0.75rem; display: block; }
.s-scopes-skeleton .s-list-tile-item-icon{ margin-right: 2rem; }
.s-scopes-skeleton .s-list-tile-item-icon:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0px; margin-left: 2rem; }
.s-scopes-skeleton-btn{ margin-top: 2rem; }
.s-search-container{ position: relative; z-index: 99; max-height: 14rem; border-radius: 0.375rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.s-search-oval{ border-radius: 20px; }
.s-search-inline{ min-width: 220px; }
.s-search-container-open{ border-radius: 0px !important; }
.s-search-container-open{ max-height: 24rem; }
.s-search-container-open .s-search-input{ border-top-left-radius: 0.375rem !important; border-top-right-radius: 0.375rem !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; }
.s-search-container-open .s-search-input{ border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); }
.s-search-no-results .s-search-input{ border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); }
.s-search-input{ height: 2.5rem; width: 100%; border-radius: 0.375rem; --tw-border-opacity: 1; border-color: rgba(243, 244, 246, 1); border-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding-top: 0px; padding-bottom: 0.125rem; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.s-search-input:focus{ --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); --tw-ring-color: transparent; }
.s-search-input:where([dir="ltr"], [dir="ltr"] *){ padding-left: 2.5rem; }
.s-search-input:where([dir="rtl"], [dir="rtl"] *){ padding-right: 2.5rem; }
.s-search-icon-wrap{ position: absolute; top: 50%; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); line-height: 1; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
input[type=radio].sr-only div.s-search-icon-wrap {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-search-icon-wrap {
  border-color: var(--color-main);
}
.s-search-icon-wrap:where([dir="ltr"], [dir="ltr"] *){ left: 1rem; }
.s-search-icon-wrap:where([dir="rtl"], [dir="rtl"] *){ right: 1rem; }
.s-search-icon svg{ height: 1rem; width: 1rem; fill: #9ca3af; }
.s-search-spinner-loader{ display: block; height: 1rem; width: 1rem; }
@keyframes spin{
 to{ transform: rotate(360deg); } }
.s-search-spinner-loader{ animation: spin 1s linear infinite; border-radius: 9999px; border-width: 2px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); border-right-color: #414042; border-right-color: var(--color-primary); }
.s-search-results{ position: absolute; margin: auto; max-height: 24rem; width: 100%; max-width: 100%; overflow-y: auto; border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
input[type=radio].sr-only div.s-search-results {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-search-results {
  border-color: var(--color-main);
}
.s-search-no-results{ border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; }
.s-search-no-results-placeholder{ padding: 1rem; text-align: center; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-search-product{ display: flex; height: 100%; justify-content: space-around; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(243, 244, 246, 1); border-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); background-color: transparent; padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; overflow: hidden; }
.s-search-product:last-child{ border-bottom-width: 0px; }
.s-search-product:hover{ --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); }
@media (min-width: 480px){
 .s-search-product{ padding-left: 1.25rem; padding-right: 1.25rem; } }
.s-search-product-image-container{ position: relative; height: 3.5rem; width: 5rem; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); overflow: hidden; }
.s-search-product-image{ position: relative; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; font-size: 0px; }
.s-search-product-image::before{ position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; --tw-bg-opacity: 1; background-color: rgba(229, 231, 235, 1); background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1)); --tw-content: ''; content: ''; content: var(--tw-content); }
.s-search-product-details{ flex: 1 1 0%; padding-top: 0.25rem; }
.s-search-product-details:where([dir="ltr"], [dir="ltr"] *){ padding-left: 1rem; }
@media (min-width: 480px){
 .s-search-product-details:where([dir="ltr"], [dir="ltr"] *){ padding-left: 1.25rem; } }
.s-search-product-details:where([dir="rtl"], [dir="rtl"] *){ padding-right: 1rem; }
@media (min-width: 480px){
 .s-search-product-details:where([dir="rtl"], [dir="rtl"] *){ padding-right: 1.25rem; } }
.s-search-product-title{ margin-bottom: 0.375rem; display: flex; flex-direction: column; align-items: baseline; justify-content: flex-start; font-size: 0.875rem; font-weight: 700; line-height: 1.5rem; --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); }
.account-main > h1.s-search-product-title {
  display: none;
}
.s-search-product-price{ display: flex; width: 100%; align-items: center; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; color: #414042; color: var(--color-primary); }
.account-main > h1.s-search-product-price {
  display: none;
}
.s-search-product-regular-price{ padding-left: 0.75rem; padding-right: 0.75rem; font-weight: 500; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); text-decoration-line: line-through; }
.s-search-product-not-available{ --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) grayscale(100%) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.s-search-action{ position: absolute; height: 100%; }
input[type=radio].sr-only div.s-search-action {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-search-action {
  border-color: var(--color-main);
}
.s-search-action:where([dir="ltr"], [dir="ltr"] *){ right: 0px; }
.s-search-action:where([dir="rtl"], [dir="rtl"] *){ left: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.s-search-action-oval:where([dir="ltr"], [dir="ltr"] *){ border-top-right-radius: 9999px; border-bottom-right-radius: 9999px; }
.s-search-action-oval:where([dir="rtl"], [dir="rtl"] *){ border-top-left-radius: 9999px; border-bottom-left-radius: 9999px; }
.s-search-input-wrapper{ position: relative; display: flex; flex-grow: 1; align-items: center; }
.s-search-modal .s-modal-wrapper{ align-items: flex-start; padding: 0; }
.s-search-modal .s-modal-spacer{ display: inline; }
.s-search-modal .s-modal-body{ position: relative !important; }
.s-search-modal .s-modal-body{ padding: 0; width: 700px; max-width: 90%; margin-top: 3.2rem; border-radius: 0.5rem; background: transparent; overflow: visible; }
.s-search-modal .s-modal-close{ top: 50%; transform: translateY(-50%); }
.s-searchable-dropdown{ position: relative; }
.s-searchable-dropdown--open{ z-index: 9999; }
.s-searchable-dropdown-label{ margin-bottom: 0.5rem; display: block; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; color: #374151; color: var(--color-text-primary,#374151); }
.s-searchable-dropdown-required{ color: #ef4444; color: var(--color-danger,#ef4444); }
.s-searchable-dropdown-trigger{ display: flex; min-height: 40px; width: 100%; cursor: pointer; align-items: center; justify-content: space-between; border-radius: 0.375rem; border-width: 1px; border-color: #e5e7eb; border-color: var(--color-border,#e5e7eb); background-color: #fff; background-color: var(--color-surface,#fff); padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.5rem; padding-bottom: 0.5rem; text-align: left; font-size: 0.875rem; line-height: 1.25rem; transition-property: border-color,box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.s-searchable-dropdown-trigger * {
  pointer-events: none;
}
.s-searchable-dropdown-trigger:where([dir="ltr"], [dir="ltr"] *){ text-align: left; }
.s-searchable-dropdown-trigger:where([dir="rtl"], [dir="rtl"] *){ text-align: right; }
.s-searchable-dropdown-trigger:hover{ border-color: #d1d5db; border-color: var(--color-border-hover,#d1d5db); }
.s-searchable-dropdown-trigger:focus{ border-color: #414042; border-color: var(--color-primary); --tw-shadow: 0 0 0 1px var(--color-primary,#00897b); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 0 1px #414042; box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); outline: 2px solid transparent; outline-offset: 2px; }
.s-searchable-dropdown-trigger--disabled{ cursor: not-allowed; background-color: #f9fafb; background-color: var(--color-surface-disabled,#f9fafb); opacity: 0.5; }
.s-searchable-dropdown-trigger--open{ border-color: #414042 !important; border-color: var(--color-primary) !important; }
.s-searchable-dropdown-trigger--open{ --tw-shadow: 0 0 0 1px var(--color-primary,#00897b); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 0 1px #414042; box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-searchable-dropdown-trigger-text{ flex: 1 1 0%; text-overflow: ellipsis; white-space: nowrap; color: #111827; color: var(--color-text-primary,#111827); overflow: hidden; }
.s-searchable-dropdown-trigger-placeholder{ flex: 1 1 0%; text-overflow: ellipsis; white-space: nowrap; color: #9ca3af; color: var(--color-text-secondary,#9ca3af); overflow: hidden; }
.s-searchable-dropdown-trigger-icon{ font-size: 1.125rem; line-height: 1.75rem; color: #9ca3af; color: var(--color-text-secondary,#9ca3af); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; flex-shrink: 0; margin-left: 0.5rem; }
.cart-totals-row-wrapper .s-searchable-dropdown-trigger-icon {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-searchable-dropdown-trigger-icon {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-searchable-dropdown-trigger-icon {
  text-align: right;
}
.s-searchable-dropdown-trigger-icon--open{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.s-searchable-dropdown-panel{ position: absolute; z-index: 9999; margin-top: 0.25rem; width: 100%; border-radius: 0.5rem; border-width: 1px; border-color: #e5e7eb; border-color: var(--color-border,#e5e7eb); background-color: #fff; background-color: var(--color-surface,#fff); --tw-shadow: 0 8px 24px rgba(0,0,0,0.12); --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 8px 24px rgba(0,0,0,0.12); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); overflow: hidden; }
input[type=radio].sr-only div.s-searchable-dropdown-panel {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-searchable-dropdown-panel {
  border-color: var(--color-main);
}
.s-searchable-dropdown-panel--up{ bottom: 60%; }
.s-searchable-dropdown-search-wrap{ display: flex; align-items: center; gap: 0.5rem; border-bottom-width: 1px; border-bottom-color: #f3f4f6; border-bottom-color: var(--color-border,#f3f4f6); padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.5rem; padding-bottom: 0.5rem; }
.s-searchable-dropdown-search-icon{ font-size: 1rem; line-height: 1.5rem; color: #9ca3af; color: var(--color-text-secondary,#9ca3af); flex-shrink: 0; }
.cart-totals-row-wrapper .s-searchable-dropdown-search-icon {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-searchable-dropdown-search-icon {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-searchable-dropdown-search-icon {
  text-align: right;
}
.s-searchable-dropdown-search-input{ min-width: 0px; flex: 1 1 0%; border-width: 0px; background-color: transparent; font-size: 0.875rem; line-height: 1.25rem; color: #111827; color: var(--color-text-primary,#111827); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); outline: 2px solid transparent; outline-offset: 2px; }
.s-searchable-dropdown-search-input::-moz-placeholder{ color: #9ca3af; color: var(--color-text-secondary,#9ca3af); }
.s-searchable-dropdown-search-input::placeholder{ color: #9ca3af; color: var(--color-text-secondary,#9ca3af); }
.s-searchable-dropdown-search-input:focus{ border-width: 0px; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
.s-searchable-dropdown-list{ max-height: min(40vh, 220px); overflow-y: auto; scrollbar-width: thin; }
.s-searchable-dropdown-item{ margin: 0px; display: flex; width: 100%; cursor: pointer; align-items: center; justify-content: space-between; gap: 0.5rem; border-width: 0px; border-bottom-width: 1px; border-bottom-color: #f9fafb; border-bottom-color: var(--color-border-light,#f9fafb); background-color: transparent; padding-left: 1rem; padding-right: 1rem; padding-top: 0.625rem; padding-bottom: 0.625rem; font-family: inherit; font-size: 0.875rem; line-height: 1.25rem; color: #111827; color: var(--color-text-primary,#111827); transition-property: background; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; text-align: inherit; }
.s-searchable-dropdown-item * {
  pointer-events: none;
}
.s-searchable-dropdown-item:last-child{ border-bottom-width: 0px; }
.s-searchable-dropdown-item--selected{ background-color: rgba(65, 64, 66, 0.08); }
@supports (color: color-mix(in lch, red, blue)) and (top: var(--f)){
.s-searchable-dropdown-item--selected{ background-color: color-mix(in srgb,var(--color-primary,#00897b) 8%,transparent); }
}
.s-searchable-dropdown-item-name{ flex: 1 1 0%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.s-searchable-dropdown-item-name--selected{ font-weight: 500; color: #414042; color: var(--color-primary); }
.s-searchable-dropdown-item-check{ font-size: 0.875rem; line-height: 1.25rem; color: #414042; color: var(--color-primary); flex-shrink: 0; margin-left: 0.5rem; }
.cart-totals-row-wrapper .s-searchable-dropdown-item-check {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-searchable-dropdown-item-check {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-searchable-dropdown-item-check {
  text-align: right;
}
.s-searchable-dropdown-empty{ display: flex; align-items: center; justify-content: center; padding-left: 1rem; padding-right: 1rem; padding-top: 1.5rem; padding-bottom: 1.5rem; font-size: 0.875rem; line-height: 1.25rem; color: #9ca3af; color: var(--color-text-secondary,#9ca3af); }
.s-searchable-dropdown-loading{ display: flex; align-items: center; justify-content: center; padding-left: 1rem; padding-right: 1rem; padding-top: 1.5rem; padding-bottom: 1.5rem; color: #9ca3af; color: var(--color-text-secondary,#9ca3af); }
.s-searchable-dropdown-spinner{ height: 1.25rem; width: 1.25rem; }
@keyframes spin{
 to{ transform: rotate(360deg); } }
.s-searchable-dropdown-spinner{ animation: spin 0.8s linear infinite; }
.s-skeleton-wrapper{ display: block; }
@keyframes pulse{
 50%{ opacity: .5; } }
.s-skeleton-wrapper{ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
.s-skeleton-item{ height: 100%; width: 100%; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(229, 231, 235, 1); background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1)); }
.dark *.s-skeleton-item{ --tw-bg-opacity: 1; background-color: rgba(55, 65, 81, 1); background-color: rgba(55, 65, 81, var(--tw-bg-opacity, 1)); }
.s-skeleton-item-circular{ border-radius: 9999px; }
.s-slider-wrapper .swiper-pagination-bullet{ --tw-bg-opacity: 1; background-color: rgba(156, 163, 175, 1); background-color: rgba(156, 163, 175, var(--tw-bg-opacity, 1)); }
.s-slider-wrapper .swiper-pagination-bullet-active{ background-color: #414042; background-color: var(--color-primary); }
.s-slider-swiper-wrapper > div{ align-items: stretch; }
.s-slider-container{ display: block; }
.s-slider-horizontal .s-slider-thumbs{ margin-top: 1rem; }
.s-slider-thumbs-container{ position: relative; margin-left: -5px; margin-right: -5px; }
@media (min-width: 640px){
 .s-slider-thumbs-container{ padding-left: 0px; padding-right: 0px; } }
.s-slider-thumbs-container:where([dir="ltr"], [dir="ltr"] *){ padding-right: 3rem; }
@media (min-width: 1024px){
 .s-slider-thumbs-container:where([dir="ltr"], [dir="ltr"] *){ padding-right: 0px; } }
.s-slider-thumbs-container:where([dir="rtl"], [dir="rtl"] *){ padding-left: 3rem; }
@media (min-width: 1024px){
 .s-slider-thumbs-container:where([dir="rtl"], [dir="rtl"] *){ padding-left: 0px; } }
.s-slider-wrapper{ position: relative; }
.s-slider-block__title{ margin-left: auto; margin-right: auto; margin-bottom: 1rem; display: flex; max-width: 1280px; align-items: center; justify-content: space-between; }
@media (min-width: 768px){
 .s-slider-block__title{ margin-bottom: 2rem; } }
.s-slider-block__title-right:where([dir="ltr"], [dir="ltr"] *){ padding-right: 2rem; }
.s-slider-block__title-right:where([dir="rtl"], [dir="rtl"] *){ padding-left: 2rem; }
.s-slider-block__title-left{ display: flex; align-items: center; justify-content: flex-end; }
.s-slider-block__title-left > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1.5rem * 0); margin-right: calc(1.5rem * var(--tw-space-x-reverse)); margin-left: calc(1.5rem * (1 - 0)); margin-left: calc(1.5rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(1.5rem * calc(1 - 0)); margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); }
.s-slider-block__title-left:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-slider-block__title h2{ position: relative; font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; line-height: 1.2; }
.account-main > h1.s-slider-block__title h2 {
  display: none;
}
.s-slider-block__title h2:where([dir="ltr"], [dir="ltr"] *){ padding-right: 2rem; }
.s-slider-block__title h2:where([dir="rtl"], [dir="rtl"] *){ padding-left: 2rem; }
.s-slider-block__title p{ margin-top: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; opacity: 0.6; }
@media (min-width: 768px){
 .s-slider-block__title p:where([dir="ltr"], [dir="ltr"] *){ padding-right: 4rem; }
 .s-slider-block__title p:where([dir="rtl"], [dir="rtl"] *){ padding-left: 4rem; } }
.s-slider-block__title-nav{ display: flex; }
.s-slider-block__title-nav > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.625rem * 0); margin-right: calc(0.625rem * var(--tw-space-x-reverse)); margin-left: calc(0.625rem * (1 - 0)); margin-left: calc(0.625rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.625rem * calc(1 - 0)); margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse))); }
.s-slider-block__title-nav:where([dir="ltr"], [dir="ltr"] *){ margin-left: 1.5rem; flex-direction: row-reverse; }
.s-slider-block__title-nav:where([dir="rtl"], [dir="rtl"] *){ margin-right: 1.5rem; }
.s-slider-block__title-nav:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
salla-slider[direction='ltr'] .s-slider-block__title-nav{ flex-direction: row-reverse; }
.carousel-slider .s-slider-block__title-nav{ display: none; }
@media (min-width: 1024px){
 .carousel-slider .s-slider-block__title-nav{ display: flex; } }
.s-slider-v-centered .s-slider-block__title-nav{ pointer-events: none; position: absolute; left: 50%; top: 50%; z-index: 2; margin-left: 0px; margin-right: 0px; width: 94%; --tw-translate-x: -50%; --tw-translate-y: -50%; transform: translate(-50%, -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); justify-content: space-between; }
input[type=radio].sr-only div.s-slider-v-centered .s-slider-block__title-nav {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-slider-v-centered .s-slider-block__title-nav {
  border-color: var(--color-main);
}
.s-slider-v-centered .s-slider-block__title-nav button{ pointer-events: auto; border-style: none; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 10px 15px -3px #d1d5db, 0 4px 6px -4px #d1d5db; box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); --tw-shadow-color: #d1d5db; --tw-shadow: var(--tw-shadow-colored); }
.s-slider-v-centered .s-slider-block__title-nav button:hover{ --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-slider-v-centered .s-slider-block__title-nav button.swiper-button-disabled{ opacity: 1; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-slider-v-centered .s-slider-block__title-nav button.swiper-button-disabled svg{ fill: #d1d5db; }
.s-slider-v-centered.fullwidth-slider .s-slider-block__title-nav button{ --tw-shadow-color: #374151; --tw-shadow: var(--tw-shadow-colored); }
.s-slider-controls-outer .s-slider-block__title-nav{ width: 97%; }
@media (min-width: 1536px){
 .s-slider-controls-outer .s-slider-block__title-nav{ width: calc(100% + 32px); } }
.s-slider-block__display-all{ display: inline-block; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; color: #414042; color: var(--color-primary); }
.account-main > h1.s-slider-block__display-all {
  display: none;
}
.s-slider-block__display-all:hover{ opacity: 0.8; }
.s-slider-nav-arrow{ display: inline-flex; height: 2.5rem; width: 2.5rem; align-items: center; justify-content: center; border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(209, 213, 219, 1); border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1)); font-size: 1.25rem; line-height: 1.75rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.s-slider-nav-arrow svg{ width: 22px; fill: #6b7280; }
.s-slider-thumbs-nav{ pointer-events: none; position: absolute; left: 50%; top: 50%; z-index: 2; margin-left: 0px; margin-right: 0px; display: flex; width: 94%; --tw-translate-x: -50%; --tw-translate-y: -50%; transform: translate(-50%, -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); justify-content: space-between; }
.s-slider-thumbs-nav > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.625rem * 0); margin-right: calc(0.625rem * var(--tw-space-x-reverse)); margin-left: calc(0.625rem * (1 - 0)); margin-left: calc(0.625rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.625rem * calc(1 - 0)); margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse))); }
input[type=radio].sr-only div.s-slider-thumbs-nav {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-slider-thumbs-nav {
  border-color: var(--color-main);
}
.s-slider-thumbs-nav:where([dir="ltr"], [dir="ltr"] *){ flex-direction: row-reverse; }
.s-slider-thumbs-nav:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-slider-thumbs-nav button{ pointer-events: auto; border-style: none; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); }
.s-slider-thumbs-nav button:hover{ --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-slider-thumbs-nav button.swiper-button-disabled{ opacity: 1; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-slider-thumbs-nav button.swiper-button-disabled svg{ fill: #d1d5db; }
.s-slider-nav-arrow:not(:disabled):hover{ border-color: #414042; border-color: var(--color-primary); }
.s-slider-nav-arrow:not(:disabled):hover svg{ fill: #414042; fill: var(--color-primary); }
salla-slider:not(.hydrated), .carousel-slider{ visibility: visible; }
salla-slider:not(.hydrated) .tooltip-content, .carousel-slider .tooltip-content {
  visibility: visible;
  opacity: 1;
  transform: translate(82px, -110px);
}
[dir=rtl] salla-slider.icon-trigger:not(.hydrated) .tooltip-content,[dir=rtl] .icon-trigger .carousel-slider .tooltip-content {
  transform: translate(53px, -63px);
}
[dir=ltr] salla-slider.icon-trigger:not(.hydrated) .tooltip-content,[dir=ltr] .icon-trigger .carousel-slider .tooltip-content {
  transform: translate(-54px, -65px);
}
@media (max-width: 991px) {
  [dir=rtl] salla-slider.icon-trigger.mobile-shifted:not(.hydrated) .tooltip-content,[dir=rtl] .icon-trigger.mobile-shifted .carousel-slider .tooltip-content {
    transform: translate(70px, -80px);
  }
  [dir=ltr] salla-slider.icon-trigger.mobile-shifted:not(.hydrated) .tooltip-content,[dir=ltr] .icon-trigger.mobile-shifted .carousel-slider .tooltip-content {
    transform: translate(-70px, -80px);
  }
}
salla-slider[type]:not(.hydrated) > div, salla-slider[type]:not(.hydrated) .swiper > div > div, .carousel-slider .swiper{ margin-left: -0.625rem; margin-right: -0.625rem; display: flex; padding-left: 5px; padding-right: 5px; }
@media (min-width: 640px){
 salla-slider[type]:not(.hydrated) > div, salla-slider[type]:not(.hydrated) .swiper > div > div, .carousel-slider .swiper{ padding-left: 0px; padding-right: 0px; } }
salla-slider[type]:not(.hydrated) > div:where([dir="ltr"], [dir="ltr"] *), salla-slider[type]:not(.hydrated) .swiper > div > div:where([dir="ltr"], [dir="ltr"] *), .carousel-slider .swiper:where([dir="ltr"], [dir="ltr"] *){ padding-right: 3rem; }
@media (min-width: 1024px){
 salla-slider[type]:not(.hydrated) > div:where([dir="ltr"], [dir="ltr"] *), salla-slider[type]:not(.hydrated) .swiper > div > div:where([dir="ltr"], [dir="ltr"] *), .carousel-slider .swiper:where([dir="ltr"], [dir="ltr"] *){ padding-right: 0px; } }
salla-slider[type]:not(.hydrated) > div:where([dir="rtl"], [dir="rtl"] *), salla-slider[type]:not(.hydrated) .swiper > div > div:where([dir="rtl"], [dir="rtl"] *), .carousel-slider .swiper:where([dir="rtl"], [dir="rtl"] *){ padding-left: 3rem; }
@media (min-width: 1024px){
 salla-slider[type]:not(.hydrated) > div:where([dir="rtl"], [dir="rtl"] *), salla-slider[type]:not(.hydrated) .swiper > div > div:where([dir="rtl"], [dir="rtl"] *), .carousel-slider .swiper:where([dir="rtl"], [dir="rtl"] *){ padding-left: 0px; } }
salla-slider[type]:not(.hydrated) > div > div, salla-slider[type]:not(.hydrated) .swiper > div > div > div, .carousel-slider .swiper-wrapper > div{ flex-shrink: 0; padding-left: 5px; padding-right: 5px; }
@media (min-width: 640px){
 salla-slider[type]:not(.hydrated) > div > div, salla-slider[type]:not(.hydrated) .swiper > div > div > div, .carousel-slider .swiper-wrapper > div{ padding-left: 0.625rem; padding-right: 0.625rem; } }
salla-slider:not([type='carousel']):not([type='thumbs']):not(.hydrated) > div, salla-slider.photos-slider:not(.hydrated) > div{ margin-left: 0px; margin-right: 0px; width: 100%; padding-left: 0px; padding-right: 0px; }
salla-slider:not([type='carousel']):not([type='thumbs']):not(.hydrated) > div > div, salla-slider.photos-slider:not(.hydrated) > div > div{ padding: 0px; }
salla-slider:not([type='carousel']):not([type='thumbs']):not(.hydrated) > div > div:nth-child(n+2){ display: none; }
salla-slider[type='fullscreen'] [slot='items'] > div{ min-height: calc(100vh - 100px); width: 100%; }
salla-slider:not(.hydrated){ display: block; overflow: hidden; }
.s-slider-has-notitle .s-slider-block__title{ margin-bottom: 0px; }
salla-slider div[slot='thumbs']{ margin-top: 0.625rem; }
salla-slider{ display: block; }
salla-slider div[slot='thumbs'] > div{ height: 5rem; padding-left: 5px; padding-right: 5px; }
.s-slider-vertical{ height: 100%; }
@media (min-width: 768px){
 .s-slider-vertical{ display: flex; } }
.s-slider-vertical .s-slider-container{ margin-left: 0px; margin-right: 0px; }
.s-slider-vertical .s-slider-thumbs{ margin-left: -0.625rem; margin-right: -0.625rem; margin-top: 0.625rem; width: 100%; }
@media (min-width: 768px){
 .s-slider-vertical .s-slider-thumbs{ margin-top: 0px; margin-bottom: 0px; margin-left: 15px; height: 100%; width: 8rem; padding: 0px; }
 .s-slider-vertical .s-slider-thumbs:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0px; margin-right: 15px; } }
.s-slider-vertical .s-slider-thumbs-container{ margin-left: -0.625rem; margin-right: -0.625rem; margin-top: 0.625rem; max-height: 360px; width: 100vw; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
@media (min-width: 768px){
 .s-slider-vertical .s-slider-thumbs-container{ top: 50%; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; min-height: 100%; width: 8rem; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); padding: 0px; padding-top: 3rem; padding-bottom: 3rem; } }
.s-slider-vertical .s-slider-thumbs-prev{ margin-left: 0px !important; margin-right: 0px !important; }
.s-slider-vertical .s-slider-thumbs-prev{ position: absolute; top: 1%; left: 50%; z-index: 1; display: none; --tw-translate-x: -50%; --tw-rotate: 90deg; transform: translate(-50%, var(--tw-translate-y)) rotate(90deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
input[type=radio].sr-only div.s-slider-vertical .s-slider-thumbs-prev {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-slider-vertical .s-slider-thumbs-prev {
  border-color: var(--color-main);
}
@media (min-width: 768px){
 .s-slider-vertical .s-slider-thumbs-prev{ display: flex; } }
.s-slider-vertical .s-slider-thumbs-prev:where([dir="rtl"], [dir="rtl"] *){ --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-90deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.s-slider-vertical .s-slider-thumbs-next{ margin-left: 0px !important; margin-right: 0px !important; }
.s-slider-vertical .s-slider-thumbs-next{ position: absolute; bottom: 1%; left: 50%; z-index: 1; display: none; --tw-translate-x: -50%; --tw-rotate: 90deg; transform: translate(-50%, var(--tw-translate-y)) rotate(90deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
input[type=radio].sr-only div.s-slider-vertical .s-slider-thumbs-next {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-slider-vertical .s-slider-thumbs-next {
  border-color: var(--color-main);
}
@media (min-width: 768px){
 .s-slider-vertical .s-slider-thumbs-next{ display: flex; } }
.s-slider-vertical .s-slider-thumbs-next:where([dir="rtl"], [dir="rtl"] *){ --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-90deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.s-slider-vertical .s-slider-thumbs-nav{ height: 100%; }
.s-slider-thumbs .s-slider-thumbs-container .swiper-slide{ margin-left: 5px; margin-right: 5px; height: 4rem; width: 25%; cursor: pointer; border-radius: .75rem; --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); padding: 0px; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; overflow: hidden; }
.s-slider-thumbs .s-slider-thumbs-container .swiper-slide * {
  pointer-events: none;
}
.s-slider-thumbs .s-slider-thumbs-container .swiper-slide:hover{ opacity: 0.8; }
@media (min-width: 640px){
 .s-slider-thumbs .s-slider-thumbs-container .swiper-slide{ width: 20%; } }
@media (min-width: 768px){
 .s-slider-thumbs .s-slider-thumbs-container .swiper-slide{ height: 5rem; width: 25%; } }
@media (min-width: 1024px){
 .s-slider-thumbs .s-slider-thumbs-container .swiper-slide{ width: 20%; } }
.s-slider-vertical .s-slider-thumbs-container .swiper-slide{ margin-left: 0; margin-right: 0; margin-top: 5px; margin-bottom: 5px; height: 4rem; cursor: pointer; padding: 0px; }
.s-slider-vertical .s-slider-thumbs-container .swiper-slide * {
  pointer-events: none;
}
@media (min-width: 768px){
 .s-slider-vertical .s-slider-thumbs-container .swiper-slide{ height: 5rem; width: 100%; } }
.s-slider-thumbs .s-slider-thumbs-container .swiper-slide:after{ position: absolute; top: 0px; left: 0px; z-index: 1; height: 100%; width: 100%; border-radius: .75rem; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(1px + 0px) #2563eb, 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); --tw-ring-inset: inset; --tw-ring-opacity: 1; --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity, 1)); transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; --tw-content: ''; content: ''; content: var(--tw-content); }
input[type=radio].sr-only div.s-slider-thumbs .s-slider-thumbs-container .swiper-slide:after {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-slider-thumbs .s-slider-thumbs-container .swiper-slide:after {
  border-color: var(--color-main);
}
@media (min-width: 768px){
 thumbs .s-slider-thumbs-container{ direction: ltr; }
 .s-slider-thumbs .s-slider-thumbs-container.has-more-4-slides{ padding-left: 0px; padding-right: 0px; } }
.s-slider-thumbs .s-slider-thumbs-container.has-more-4-slides:where([dir="ltr"], [dir="ltr"] *){ padding-right: 2.5rem; }
.s-slider-thumbs .s-slider-thumbs-container.has-more-4-slides:where([dir="rtl"], [dir="rtl"] *){ padding-left: 2.5rem; }
salla-slider .video-entry, salla-slider .model-entry{ position: relative; }
salla-slider .video-entry:before, salla-slider .model-entry:before{ pointer-events: none; position: absolute; left: 50%; top: 50%; z-index: 1; display: flex; height: 4rem; width: 4rem; --tw-translate-x: -50%; --tw-translate-y: -50%; transform: translate(-50%, -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); align-items: center; justify-content: center; border-radius: 9999px; background-color: rgba(0, 0, 0, 0.3); font-size: 3rem; line-height: 1; color: rgba(255, 255, 255, 0.8); --tw-content: '\ee61'; content: '\ee61'; content: var(--tw-content); }
input[type=radio].sr-only divsalla-slider .video-entry:before,input[type=radio].sr-only div salla-slider .model-entry:before {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ divsalla-slider .video-entry:before,input[type=radio].sr-only:checked ~ div salla-slider .model-entry:before {
  border-color: var(--color-main);
}
.video-entry:before, .model-entry:before{ font-family: sallaicons; }
salla-slider .model-entry .s-toggle-switcher{ pointer-events: auto; }
salla-slider .model-entry:before{ --tw-content: '\e9a0'; content: '\e9a0'; content: var(--tw-content); }
.s-slider-thumbs .swiper-slide.video-entry:before, .s-slider-thumbs .swiper-slide.model-entry:before{ height: 1.75rem; width: 1.75rem; font-size: 1.25rem; line-height: 1.75rem; }
.s-slider-thumbs .s-slider-thumbs-container .swiper-slide.swiper-slide-thumb-active:after{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(2px + 2px) #2563eb, 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); --tw-ring-color: var(--color-primary); }
.s-slider-with-grid-thumbs .s-slider-thumbs .s-slider-thumbs-container .swiper-slide{ margin-left: 0px !important; margin-right: 0px !important; }
.s-slider-with-grid-thumbs .s-slider-thumbs .s-slider-thumbs-container .swiper-slide{ -o-object-fit: cover; object-fit: cover; }
.s-slider-with-grid-thumbs .s-slider-thumbs .s-slider-thumbs-container{ padding-left: 0.375rem; padding-right: 0.375rem; }
.s-slider-with-grid-thumbs .s-slider-thumbs-nav{ display: none; }
.s-slider-grid-thumbs{ transform: none !important; }
.s-slider-grid-thumbs{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap: 1.5rem; gap: 1.5rem; }
.s-social-list{ display: flex; gap: 0.625rem; }
.s-social-link a{ display: flex; height: 2rem; width: 2rem; align-items: center; justify-content: center; border-radius: 9999px; border-width: 1px; font-size: 0.875rem; line-height: 1.25rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.s-social-link a:hover{ opacity: 0.75; }
.s-social-link a svg{ height: 0.875rem; width: 0.875rem; fill: currentColor; }
.s-social-share-wrapper{ position: relative; }
.s-social-share-btn span{ pointer-events: none; }
.s-social-share-btn span svg{ height: 1rem; width: 1rem; }
.s-social-share-list{ position: absolute; top: 3rem; left: 2.5px; z-index: 10; display: flex; height: 0px; flex-direction: column; align-items: center; border-radius: 1.5rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); opacity: 0; --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); overflow: hidden; }
input[type=radio].sr-only div.s-social-share-list {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-social-share-list {
  border-color: var(--color-main);
}
.s-social-share-list.opened{ height: auto; }
.s-social-share-list a{ display: block; padding: 0.75rem; }
.s-social-share-list a:hover svg{ fill: #414042; fill: var(--color-primary); }
.s-social-share-icon svg{ height: 1rem; width: 1rem; }
.s-tabs-bg-normal{ --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); }
.s-tabs-header{ display: flex; cursor: pointer; align-content: center; justify-content: flex-start; }
.s-tabs-header > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.25rem * 0); margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * (1 - 0)); margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.25rem * calc(1 - 0)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); }
.s-tabs-header{ overflow-x: auto; border-bottom-width: 2px; border-color: #414042; border-color: var(--color-primary); }
.ggallery .gallery .gallery-item.s-tabs-header .content {
  align-items: center;
  text-align: center;
}
html[dir="ltr"] .ggallery .gallery .gallery-item.s-tabs-header .content {
  align-items: center;
  text-align: center;
}
html[dir="ltr"] .ggallery .gallery .gallery-item.s-tabs-header .content .offer-counter {
  justify-content: center;
}
.s-tabs-header * {
  pointer-events: none;
}
@media (min-width: 768px){
 .s-tabs-header{ overflow-x: hidden; } }
.s-tabs-header:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-tabs-header *{ pointer-events: auto !important; }
.s-tabs-header-item{ border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; --tw-bg-opacity: 1; background-color: rgba(229, 231, 235, 1); background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; }
@media (min-width: 768px){
 .s-tabs-header-item{ padding-left: 1.75rem; padding-right: 1.75rem; } }
.s-tabs-content{ display: none; }
.s-tabs-content-wrapper{ padding-top: 0.75rem; }
.s-tabs-content-selected{ display: block; }
.s-tabs-active{ background-color: #414042; background-color: var(--color-primary); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.s-tel-input-control{ height: 2.5rem; width: 100%; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding-left: 0.75rem; padding-right: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.s-tel-input-control:focus{ border-color: #414042; border-color: var(--color-primary); }
.dark *.s-tel-input-control{ --tw-border-opacity: 1; border-color: rgba(75, 85, 99, 1); border-color: rgba(75, 85, 99, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(75, 85, 99, 1); background-color: rgba(75, 85, 99, var(--tw-bg-opacity, 1)); }
.s-tel-input-error-msg{ display: block; font-size: 0.75rem; line-height: 1rem; --tw-border-opacity: 1; border-color: rgba(248, 113, 113, 1); border-color: rgba(248, 113, 113, var(--tw-border-opacity, 1)); }
.s-tel-input-error-msg:focus{ --tw-border-opacity: 1; border-color: rgba(239, 68, 68, 1); border-color: rgba(239, 68, 68, var(--tw-border-opacity, 1)); }
.s-tel-input-error-msg{ --tw-border-opacity: 1 !important; border-color: rgba(239, 68, 68, 1) !important; border-color: rgba(239, 68, 68, var(--tw-border-opacity, 1)) !important; --tw-text-opacity: 1 !important; color: rgba(239, 68, 68, 1) !important; color: rgba(239, 68, 68, var(--tw-text-opacity, 1)) !important; }
.s-tiered-offer-container{ position: relative; margin-bottom: 1.25rem; width: 100%; border-radius: 0.5rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 1rem; --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
@media (min-width: 640px){
 .s-tiered-offer-container{ padding: 1.25rem; padding-left: 1.5rem; padding-right: 1.5rem; } }
.s-tiered-offer-header{ margin-bottom: 1.5rem; display: flex; align-items: center; gap: 0.75rem; }
.s-tiered-offer-header-content{ flex: 1 1 0%; }
.s-tiered-offer-current-tier-name-wrapper{ display: flex; align-items: flex-start; gap: 0.375rem; flex-direction: row; }
.s-tiered-offer-current-tier-name-wrapper h2{ font-size: 1.125rem; line-height: 1.75rem; }
.s-tiered-offer-current-tier-name-wrapper svg{ height: 1.5rem; width: 1.5rem; }
.s-tiered-offer-program-title{ margin: 0px; margin-bottom: 0.5rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-tiered-offer-program-title h2{ font-size: 1.125rem; line-height: 1.75rem; }
.s-tiered-offer-current-tier{ margin: 0px; margin-bottom: 0.375rem; font-weight: 700; }
.account-main > h1.s-tiered-offer-current-tier {
  display: none;
}
.s-tiered-offer-tier-name{ font-weight: 600; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.s-tiered-offer-progress-container{ margin-top: 1.5rem; margin-bottom: 1rem; }
.s-tiered-offer-progress-wrapper{ position: relative; }
.s-tiered-offer-progress-bg{ position: absolute; top: 0.5rem; left: 1rem; right: 1rem; height: 1rem; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(229, 231, 235, 1); background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1)); }
input[type=radio].sr-only div.s-tiered-offer-progress-bg {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-tiered-offer-progress-bg {
  border-color: var(--color-main);
}
.s-tiered-offer-progress-fill{ position: absolute; top: 0.5rem; height: 1rem; border-radius: 9999px; background-color: #414042; background-color: var(--color-primary); transition-property: all; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
input[type=radio].sr-only div.s-tiered-offer-progress-fill {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-tiered-offer-progress-fill {
  border-color: var(--color-main);
}
.s-tiered-offer-milestones-wrapper{ display: flex; justify-content: flex-end; }
.s-tiered-offer-milestones{ position: relative; display: flex; height: 3rem; width: 100%; align-items: center; justify-content: space-between; }
.s-tiered-offer-single-milestone-justify-end{ position: relative; display: flex; height: 3rem; width: 100%; align-items: center; justify-content: flex-end; }
.s-tiered-offer-milestone{ display: flex; flex-direction: column; align-items: center; }
.s-tiered-offer-milestone-icon{ position: relative; z-index: 10; margin-top: 0px; display: flex; height: 2.25rem; width: 2.25rem; align-items: center; justify-content: center; border-radius: 0.75rem; border-width: 2px; --tw-border-opacity: 1; border-color: rgba(243, 244, 246, 1); border-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 0.25rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.s-tiered-offer-milestone-icon span{ display: flex; align-items: center; justify-content: center; }
.s-tiered-offer-milestone-icon svg{ height: 1.25rem; width: 1.25rem; color: currentColor; }
.s-tiered-offer-milestone-name{ margin-top: 0.5rem; display: flex; height: 1rem; align-items: center; justify-content: center; }
.s-tiered-offer-milestone-name span{ text-align: center; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; }
@media (min-width: 640px){
 .s-tiered-offer-milestone-name span{ font-size: 0.75rem; line-height: 1rem; } }
.s-tiered-offer-tabs-container{ margin-top: 1rem; }
.s-tiered-offer-tab-headers{ display: flex; gap: 0.25rem; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 0.25rem; }
.s-tiered-offer-tab-header{ display: flex; flex: 1 1 0%; cursor: pointer; align-items: center; justify-content: center; border-radius: 0.125rem; border-style: none; background-color: transparent; padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; }
.s-tiered-offer-tab-header * {
  pointer-events: none;
}
@media (min-width: 640px){
 .s-tiered-offer-tab-header{ padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.75rem; line-height: 1rem; } }
.s-tiered-offer-tab-active{ border-radius: 0.375rem; background-color: #414042; background-color: var(--color-primary); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-tiered-offer-tab-active:hover{ background-color: var(--color-primary-dark); opacity: 0.8; }
.s-tiered-offer-tab-content-wrapper{ border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; border-width: 1px; border-top-width: 0px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); }
.s-tiered-offer-tab-content{ padding-left: 1.5rem; padding-right: 1.5rem; }
@media (min-width: 640px){
 .s-tiered-offer-tab-content{ padding-left: 1rem; padding-right: 1rem; } }
.s-tiered-offer-tab-content.tab-hidden{ display: none; }
.s-tiered-offer-tab-content-inner{ padding-top: 1rem; }
.s-tiered-offer-discount-section{ margin-bottom: 0.5rem; }
.s-tiered-offer-discount-title{ margin: 0px; margin-bottom: 0.5rem; font-size: 1rem; line-height: 1.5rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.account-main > h1.s-tiered-offer-discount-title {
  display: none;
}
.s-tiered-offer-benefit-description{ margin: 0px; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.s-tiered-offer-skeleton-wrapper{ padding: 1.25rem; }
.s-tiered-offer-skeleton-title{ margin-bottom: 0.75rem; }
.s-tiered-offer-skeleton-subtitle{ margin-bottom: 1.5rem; }
.s-tiered-offer-skeleton-progress{ margin-bottom: 1.25rem; }
.s-trust-badges-wrapper{ display: flex; align-items: center; }
.s-trust-badges-wrapper > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.5rem * 0); margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * (1 - 0)); margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.5rem * calc(1 - 0)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); }
.s-trust-badges-wrapper:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-trust-badges-label{ margin-bottom: 0.25rem; font-size: 0.875rem; line-height: 1.25rem; }
.s-trust-badges-number{ font-size: 0.875rem; line-height: 1.25rem; }
salla-user-menu div[slot='trigger']{ display: none; }
.s-user-menu-wrapper{ display: block; min-width: -moz-max-content; min-width: max-content; flex-shrink: 0; }
.cart-totals-row-wrapper .s-user-menu-wrapper {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-user-menu-wrapper {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-user-menu-wrapper {
  text-align: right;
}
.s-user-menu-relative-dropdown{ position: relative; }
.s-user-menu-trigger{ display: flex; width: -moz-fit-content; width: fit-content; cursor: pointer; align-items: center; border-top-right-radius: 0.375rem; border-top-left-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0.875rem; padding-bottom: 0.875rem; font-size: 0.875rem; line-height: 1.25rem; }
.s-user-menu-trigger * {
  pointer-events: none;
}
.s-user-menu-trigger-icon svg{ height: 1.25rem; width: 1.25rem; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; }
.s-user-menu-toggler::before{ pointer-events: none; visibility: hidden; position: fixed; left: 0px; top: 0px; z-index: 10; height: 100vh; width: 100vw; background-color: rgba(113,113,122,0.74902); opacity: 0; transition-duration: 300ms; --tw-content: ''; content: ''; content: var(--tw-content); }
.s-user-menu-toggler.opened::before{ pointer-events: auto; visibility: visible; content: var(--tw-content); opacity: 1; }
@media (min-width: 768px){
 .s-user-menu-toggler.opened::before{ pointer-events: none; visibility: hidden; content: var(--tw-content); opacity: 0; } }
.s-user-menu-toggler.opened .s-user-menu-trigger svg{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.s-user-menu-toggler.opened .s-user-menu-dropdown{ visibility: visible; --tw-translate-y: 0px; --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 1; }
.s-user-menu-toggler.opened .s-user-menu-dropdown .tooltip-content {
  visibility: visible;
  opacity: 1;
  transform: translate(82px, -110px);
}
[dir=rtl] .icon-trigger.s-user-menu-toggler.opened .s-user-menu-dropdown .tooltip-content {
  transform: translate(53px, -63px);
}
[dir=ltr] .icon-trigger.s-user-menu-toggler.opened .s-user-menu-dropdown .tooltip-content {
  transform: translate(-54px, -65px);
}
@media (max-width: 991px) {
  [dir=rtl] .icon-trigger.mobile-shifted.s-user-menu-toggler.opened .s-user-menu-dropdown .tooltip-content {
    transform: translate(70px, -80px);
  }
  [dir=ltr] .icon-trigger.mobile-shifted.s-user-menu-toggler.opened .s-user-menu-dropdown .tooltip-content {
    transform: translate(-70px, -80px);
  }
}
.s-user-menu-trigger-avatar{ display: inline-block; height: 2.5rem; width: 2.5rem; border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); -o-object-fit: cover; object-fit: cover; }
.s-user-menu-trigger-content{ margin-left: 0.5rem; margin-right: 0.25rem; }
.s-user-menu-trigger-content:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0.5rem; margin-left: 0.25rem; }
.s-user-menu-trigger-avatar-only .s-user-menu-trigger-content{ display: none; }
.s-user-menu-trigger-avatar-only .s-user-menu-trigger-icon{ display: none; }
.s-user-menu-trigger-avatar-only .s-user-menu-trigger-avatar{ border-width: 0px; }
.s-user-menu-trigger-hello{ font-size: 14px; --tw-text-opacity: 1; color: rgba(153, 153, 153, 1); color: rgba(153, 153, 153, var(--tw-text-opacity, 1)); }
.s-user-menu-trigger-name{ margin-top: 0.125rem; font-size: 15px; line-height: 1; --tw-text-opacity: 1; color: rgba(68, 68, 68, 1); color: rgba(68, 68, 68, var(--tw-text-opacity, 1)); }
.s-user-menu-trigger-icon{ margin-left: 10px; }
.s-user-menu-trigger-icon:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0px; margin-right: 10px; }
.s-user-menu-trigger-text-value{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.s-user-menu-dropdown{ visibility: hidden; position: fixed; bottom: 0px; top: auto; right: 0px; z-index: 30; width: 100%; transform-origin: center; --tw-translate-y: 2.5rem; --tw-scale-y: .9; transform: translate(var(--tw-translate-x), 2.5rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(.9); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); opacity: 0; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
@media (min-width: 768px){
 .s-user-menu-dropdown{ position: absolute; bottom: auto; bottom: initial; top: 100%; width: 15rem; transform-origin: top right; --tw-translate-y: -1rem; transform: translate(var(--tw-translate-x), -1rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); transition-duration: 200ms; } }
@media (min-width: 1024px){
 .s-user-menu-dropdown{ border-top-width: 1px; border-color: rgba(209, 213, 219, 0.3); } }
.s-user-menu-dropdown:where([dir="rtl"], [dir="rtl"] *){ left: 0px; right: auto; right: initial; }
.s-user-menu-dropdown-list > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1px * (1 - 0)); margin-top: calc(1px * (1 - var(--tw-space-y-reverse))); margin-top: calc(1px * calc(1 - 0)); margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1px * 0); margin-bottom: calc(1px * var(--tw-space-y-reverse)); }
.s-user-menu-dropdown-list{ padding-top: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-bottom: 1rem; }
@media (min-width: 1024px){
 .s-user-menu-dropdown-list{ padding-left: 0px; padding-right: 0px; padding-bottom: 0.5rem; } }
.s-user-menu-dropdown-item a{ display: flex; align-items: center; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 0.625rem; padding-bottom: 0.625rem; --tw-text-opacity: 1; color: rgba(68, 68, 68, 1); color: rgba(68, 68, 68, var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.s-user-menu-dropdown-item a:hover{ background-color: rgba(229, 231, 235, 0.3); }
@media (min-width: 640px){
 .s-user-menu-dropdown-item a{ font-size: 0.875rem; line-height: 1.25rem; } }
.s-user-menu-dropdown-item-logout a{ --tw-text-opacity: 1 !important; color: rgba(255, 68, 58, 1) !important; color: rgba(255, 68, 58, var(--tw-text-opacity, 1)) !important; }
.s-user-menu-dropdown-item-logout a svg{ fill: #FF443A !important; }
.s-user-menu-dropdown-item-prefix svg{ margin-right: 0.75rem; height: 1rem; width: 1rem; fill: #9ca3af; }
.s-user-menu-dropdown-item-prefix svg:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0px; margin-left: 0.75rem; }
.s-user-menu-dropdown-header{ position: relative; margin-bottom: 0.25rem; display: flex; align-items: center; border-bottom-width: 1px; padding: 1rem; }
@media (min-width: 768px){
 .s-user-menu-dropdown-header{ display: none; } }
.s-user-menu-dropdown-header img{ pointer-events: none; margin-right: 0.75rem; height: 3rem; width: 3rem; border-radius: 9999px; -o-object-fit: cover; object-fit: cover; }
.s-user-menu-dropdown-header img:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0px; margin-left: 0.75rem; }
.s-user-menu-dropdown-header-content span{ font-size: 14px; --tw-text-opacity: 1; color: rgba(153, 153, 153, 1); color: rgba(153, 153, 153, var(--tw-text-opacity, 1)); }
.s-user-menu-dropdown-header-content p{ font-size: 1rem; line-height: 1.5rem; font-weight: 700; line-height: 1; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.account-main > h1.s-user-menu-dropdown-header-content p {
  display: none;
}
.s-user-menu-dropdown-header-close{ position: absolute; top: 1.25rem; right: 1rem; z-index: 50; border-radius: 9999px; }
input[type=radio].sr-only div.s-user-menu-dropdown-header-close {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-user-menu-dropdown-header-close {
  border-color: var(--color-main);
}
.s-user-menu-dropdown-header-close:where([dir="rtl"], [dir="rtl"] *){ right: auto; right: initial; left: 1rem; }
.s-user-menu-dropdown-header-close svg{ height: 1.25rem; width: 1.25rem; fill: #ef4444; }
.s-user-menu-dropdown-item-badge{ position: absolute; right: 0.625rem; display: flex; height: 1.25rem; width: 1.25rem; flex-direction: column; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(239, 68, 68, 1); background-color: rgba(239, 68, 68, var(--tw-bg-opacity, 1)); font-size: 0.75rem; line-height: 1rem; line-height: inherit; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
input[type=radio].sr-only div.s-user-menu-dropdown-item-badge {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-user-menu-dropdown-item-badge {
  border-color: var(--color-main);
}
.s-user-menu-dropdown-item-badge:where([dir="rtl"], [dir="rtl"] *){ right: auto; right: initial; left: 0.625rem; }
.s-user-menu-red-dot .s-user-menu-avatar-wrap{ position: relative; }
.s-user-menu-red-dot .s-user-menu-avatar-wrap:after{ position: absolute; top: 0px; height: 0.75rem; width: 0.75rem; border-radius: 9999px; border-width: 2px; --tw-border-opacity: 1; border-color: rgba(255, 255, 255, 1); border-color: rgba(255, 255, 255, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(248, 113, 113, 1); background-color: rgba(248, 113, 113, var(--tw-bg-opacity, 1)); --tw-content: ''; content: ''; content: var(--tw-content); }
input[type=radio].sr-only div.s-user-menu-red-dot .s-user-menu-avatar-wrap:after {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-user-menu-red-dot .s-user-menu-avatar-wrap:after {
  border-color: var(--color-main);
}
.s-user-menu-red-dot .s-user-menu-avatar-wrap:where([dir="ltr"], [dir="ltr"] *):after{ left: 0px; }
.s-user-menu-red-dot .s-user-menu-avatar-wrap:where([dir="rtl"], [dir="rtl"] *):after{ right: 0px; }
.header-is-dark .s-user-menu-red-dot .s-user-menu-avatar-wrap:after{ --tw-border-opacity: 1; border-color: rgba(14, 15, 15, 1); border-color: rgba(14, 15, 15, var(--tw-border-opacity, 1)); }
.s-user-menu-login-btn{ display: flex; height: 2.5rem; width: 2.5rem; align-items: center; justify-content: center; border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); outline: 2px solid transparent; outline-offset: 2px; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.s-user-menu-login-btn:hover{ opacity: 0.8; }
.s-user-menu-login-btn svg{ height: 1.25rem; width: 1.25rem; fill: #374151; }
.s-user-menu-dropdown-item-suffix:where([dir="ltr"], [dir="ltr"] *){ margin-left: auto; }
.s-user-menu-dropdown-item-suffix:where([dir="rtl"], [dir="rtl"] *){ margin-right: auto; }
.s-user-menu-dropdown-item-suffix svg{ height: 1rem; width: 1rem; fill: #9ca3af; }
.s-user-menu-dropdown-item-suffix-link{ display: flex; align-items: center; }
.s-user-profile-wrapper{ display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap: 1.5rem; gap: 1.5rem; }
@media (min-width: 640px){
 .s-user-profile-wrapper{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; } }
.s-user-profile-field-label{ margin-bottom: 0.5rem; display: block; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.account-main > h1.s-user-profile-field-label {
  display: none;
}
.s-user-profile-field-error{ --tw-text-opacity: 1; color: rgba(239, 68, 68, 1); color: rgba(239, 68, 68, var(--tw-text-opacity, 1)); }
.s-user-profile-submit{ margin-top: 1.5rem; width: 100%; }
.s-user-profile-filepond-placeholder{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.s-user-profile-filepond-placeholder-icon{ margin-bottom: 0.25rem; }
.s-user-profile-filepond-placeholder-icon svg{ height: 1.5rem; width: 1.5rem; fill: #7c8082; }
.s-user-profile-skeleton-wrapper{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(3, minmax(0, 1fr)); grid-gap: 3rem; gap: 3rem; }
.s-user-settings-section{ border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); }
.s-user-settings-section:first-child{ border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; }
.s-user-settings-section:last-child{ border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-width: 0px; }
.s-user-settings-section .s-list-tile-item{ align-items: flex-start; background-color: transparent; padding: 1.25rem; }
@media (min-width: 768px){
 .s-user-settings-section .s-list-tile-item{ align-items: center; } }
.s-user-settings-section .s-list-tile-item-action{ margin-left: auto; }
.s-user-settings-section .s-list-tile-item-action:where([dir="rtl"], [dir="rtl"] *){ margin-right: auto; margin-left: 0px; }
.s-user-settings-section .s-list-tile-item-action button{ width: 100%; padding: 10px; }
.s-user-settings-section-deactivate-user .s-list-tile-item{ flex-wrap: wrap; }
@media (min-width: 768px){
 .s-user-settings-section-deactivate-user .s-list-tile-item{ flex-wrap: nowrap; } }
.s-user-settings-section-deactivate-user .s-list-tile-item-icon{ position: relative; top: 5px; }
@media (min-width: 768px){
 .s-user-settings-section-deactivate-user .s-list-tile-item-icon{ top: 0px; } }
@media (max-width: 768px){
 .s-user-settings-section-deactivate-user .s-list-tile-item-content{ flex: 1 0 85%; }
 .s-user-settings-section-deactivate-user .s-list-tile-item-action{ flex: 1 1 100%; margin-top: 1rem; } }
.s-user-settings-section-title{ font-size: 1rem; line-height: 1.5rem; --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity, 1)); }
.s-user-settings-section-subtitle{ font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-user-settings-section-icon svg{ height: 1.25rem; width: 1.25rem; }
.s-user-settings-confirmation{ text-align: center; }
.s-user-settings-confirmation svg{ text-align: center; }
.s-user-settings-confirmation-icon{ display: inline-flex; height: 3rem; width: 3rem; align-items: center; justify-content: center; border-radius: 9999px; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); }
@media (min-width: 640px){
 .s-user-settings-confirmation-icon{ margin-left: auto; margin-right: auto; margin-bottom: 1rem; height: 5rem; width: 5rem; } }
.s-user-settings-confirmation-icon:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.5rem; }
@media (min-width: 640px){
 .s-user-settings-confirmation-icon:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0px; } }
.s-user-settings-confirmation-icon:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.5rem; }
@media (min-width: 640px){
 .s-user-settings-confirmation-icon:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0px; } }
.s-user-settings-confirmation-icon svg{ height: 1.25rem; width: 1.25rem; fill: #9ca3af; flex-shrink: 0; }
.cart-totals-row-wrapper .s-user-settings-confirmation-icon svg {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-user-settings-confirmation-icon svg {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-user-settings-confirmation-icon svg {
  text-align: right;
}
.s-user-settings-confirmation-warning{ font-size: 0.75rem; line-height: 1rem; color: rgba(174, 10, 10, 1); color: rgba(174, 10, 10, var(--tw-text-opacity, 1)); --tw-text-opacity: 1; color: rgb(239 68 68 / 1); }
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){
.s-user-settings-confirmation-warning{ color: rgb(239 68 68 / var(--tw-text-opacity, 1)); }
}
.s-user-settings-confirmation-actions{ margin-top: 1.25rem; display: flex; align-items: center; justify-content: space-between; }
.s-user-settings-confirmation-actions > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1.25rem * 0); margin-right: calc(1.25rem * var(--tw-space-x-reverse)); margin-left: calc(1.25rem * (1 - 0)); margin-left: calc(1.25rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(1.25rem * calc(1 - 0)); margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); }
.s-user-settings-confirmation-actions:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-verify-message{ text-align: center; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-verify-label{ margin-bottom: 1rem; display: block; text-align: center; font-size: 0.875rem; line-height: 1.25rem; }
.s-verify-codes{ margin-left: -0.25rem; margin-right: -0.25rem; margin-bottom: 1.25rem; display: flex; justify-content: space-between; }
.s-verify-codes.has-error{ margin-bottom: 0px; }
.s-verify-input{ margin-left: 0.25rem; margin-right: 0.25rem; height: 2.5rem; width: 100%; border-radius: .75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; text-align: center; font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.account-main > h1.s-verify-input {
  display: none;
}
.s-verify-input:focus{ border-color: #414042; border-color: var(--color-primary); }
.dark *.s-verify-input{ --tw-border-opacity: 1; border-color: rgba(75, 85, 99, 1); border-color: rgba(75, 85, 99, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(75, 85, 99, 1); background-color: rgba(75, 85, 99, var(--tw-bg-opacity, 1)); }
.s-verify-footer{ text-align: center; }
.s-verify-submit{ margin-bottom: 1.25rem; width: 100%; }
.s-verify-header-icon{ display: inline-flex; height: 3rem; width: 3rem; align-items: center; justify-content: center; border-radius: 9999px; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); }
@media (min-width: 640px){
 .s-verify-header-icon{ margin-left: auto; margin-right: auto; margin-bottom: 1rem; height: 5rem; width: 5rem; } }
.s-verify-header-icon:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.5rem; }
@media (min-width: 640px){
 .s-verify-header-icon:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0px; } }
.s-verify-header-icon:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.5rem; }
@media (min-width: 640px){
 .s-verify-header-icon:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0px; } }
.s-verify-resend-message{ font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-verify-error-message{ margin-bottom: 1.25rem; display: block; height: 1.75rem; padding-top: 0.75rem; text-align: center; font-size: 0.75rem; line-height: 1rem; --tw-border-opacity: 1; border-color: rgba(248, 113, 113, 1); border-color: rgba(248, 113, 113, var(--tw-border-opacity, 1)); }
.s-verify-error-message:focus{ --tw-border-opacity: 1; border-color: rgba(239, 68, 68, 1); border-color: rgba(239, 68, 68, var(--tw-border-opacity, 1)); }
.s-verify-error-message{ --tw-border-opacity: 1 !important; border-color: rgba(239, 68, 68, 1) !important; border-color: rgba(239, 68, 68, var(--tw-border-opacity, 1)) !important; --tw-text-opacity: 1 !important; color: rgba(239, 68, 68, 1) !important; color: rgba(239, 68, 68, var(--tw-text-opacity, 1)) !important; }
.s-verify-timer{ margin-left: 0.25rem; margin-right: 0.25rem; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.s-verify-resend{ text-align: center; font-size: 0.875rem; line-height: 1.25rem; color: #414042; color: var(--color-primary); }
.s-verify-back{ position: absolute; left: 10px; top: 10px; display: flex; height: 2rem; width: 2rem; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); font-size: 1.125rem; line-height: 1.75rem; --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
input[type=radio].sr-only div.s-verify-back {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-verify-back {
  border-color: var(--color-main);
}
.s-verify-back:hover{ --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); }
.s-verify-back:where([dir="rtl"], [dir="rtl"] *){ left: auto; left: initial; right: 10px; }
.s-verify-back svg{ height: 18px; width: 18px; }
[dir='ltr'] .s-verify-back{ transform: scale(-1); }
.s-wallet-container > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.625rem * (1 - 0)); margin-top: calc(0.625rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(0.625rem * calc(1 - 0)); margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.625rem * 0); margin-bottom: calc(0.625rem * var(--tw-space-y-reverse)); }
@media (min-width: 768px){
 .s-wallet-container > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1.25rem * (1 - 0)); margin-top: calc(1.25rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(1.25rem * calc(1 - 0)); margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * 0); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); } }
.s-wallet-mobile-title{ display: inline-block; width: 8rem; font-weight: 400; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
@media (min-width: 768px){
 .s-wallet-mobile-title{ display: none; } }
.s-wallet-reference-id{ display: none; }
@media (min-width: 768px){
 .s-wallet-reference-id{ display: inline-block; } }
.s-wallet-buy-as-gift-icon{ margin-left: 0.25rem; margin-right: 0.25rem; display: inline-block; color: #414042; color: var(--color-primary); }
.s-wallet-copy-to-clipboard-button{ display: flex; align-items: center; }
@media (min-width: 768px){
 .s-wallet-copy-to-clipboard-button{ display: none; } }
.s-wallet-copy-to-clipboard-button salla-button{ position: relative; }
.s-wallet-copy-to-clipboard-button-icon{ pointer-events: none; font-size: 0.75rem; line-height: 1rem; }
.s-wallet-copy-to-clipboard-button-icon:where([dir="ltr"], [dir="ltr"] *){ margin-left: 0.25rem; }
.s-wallet-copy-to-clipboard-button-icon:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0.25rem; }
@media (min-width: 768px){
 .s-wallet-status-container{ margin-left: 0px; margin-right: 0px; } }
.s-wallet-status-container:where([dir="ltr"], [dir="ltr"] *){ margin-left: auto; }
.s-wallet-status-container:where([dir="rtl"], [dir="rtl"] *){ margin-right: auto; }
.s-wallet-status-container i{ margin-top: 0.25rem; }
.s-wallet-status-container i:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.25rem; }
.s-wallet-status-container i:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.25rem; }
.s-wallet-rated-text{ --tw-text-opacity: 1; color: rgba(251, 191, 36, 1); color: rgba(251, 191, 36, var(--tw-text-opacity, 1)); }
.s-wallet-unrated-text{ --tw-text-opacity: 1; color: rgba(229, 231, 235, 1); color: rgba(229, 231, 235, var(--tw-text-opacity, 1)); }
.s-wallet-no-content{ display: flex; height: 100%; flex-direction: column; align-items: center; justify-content: center; padding-top: 2.5rem; padding-bottom: 5rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.s-wallet-no-content .icon{ margin-bottom: 1rem; display: flex; height: 8rem; width: 8rem; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); font-size: 3rem; line-height: 1; --tw-text-opacity: 1; color: rgba(209, 213, 219, 1); color: rgba(209, 213, 219, var(--tw-text-opacity, 1)); }
.s-wallet-no-content p{ margin-bottom: 1rem; font-size: 1rem; line-height: 1.5rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-wallet-table{ min-width: 100%; border-collapse: separate; }
@media (min-width: 768px){
 .s-wallet-table{ margin-bottom: -0.75rem; --tw-border-spacing-y: 1.25rem; border-spacing: var(--tw-border-spacing-x) 1.25rem; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); } }
.s-wallet-table-head{ margin-bottom: 1.25rem; display: none; --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); }
@media (min-width: 768px){
 .s-wallet-table-head{ display: table-header-group; } }
.s-wallet-table-head-tr-th{ padding-left: 1.5rem; padding-right: 1.5rem; text-align: left; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; }
.s-wallet-table-head-tr-th:where([dir="ltr"], [dir="ltr"] *){ text-align: left; }
.s-wallet-table-head-tr-th:where([dir="rtl"], [dir="rtl"] *){ text-align: right; }
.s-wallet-table-head-tr-th:where([dir="ltr"], [dir="ltr"] *){ text-align: left; }
.s-wallet-table-head-tr-th:last-child:where([dir="ltr"], [dir="ltr"] *){ text-align: right; }
.s-wallet-table-head-tr-th:where([dir="rtl"], [dir="rtl"] *){ text-align: right; }
.s-wallet-table-head-tr-th:last-child:where([dir="rtl"], [dir="rtl"] *){ text-align: left; }
.s-wallet-table-tbody-tr{ position: relative; display: flex; border-radius: .75rem; border-bottom-width: 8px; border-top-width: 8px; --tw-border-opacity: 1; border-color: rgba(249, 250, 251, 1); border-color: rgba(249, 250, 251, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 0.5rem; transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; flex-direction: row; flex-wrap: wrap; overflow: hidden; }
@media (min-width: 768px){
 .s-wallet-table-tbody-tr{ display: table-row; flex-direction: row; flex-wrap: nowrap; padding: 0px; } }
.s-wallet-table-tbody-tr-td{ width: 100%; white-space: nowrap; font-size: 0.875rem; line-height: 1.25rem; }
.s-wallet-table-tbody-tr-td:first-child{ font-weight: 700; }
@media (min-width: 768px){
 .s-wallet-table-tbody-tr-td{ height: 5rem; width: auto; }
 .s-wallet-table-tbody-tr-td:last-child{ text-align: right; }
 .s-wallet-table-tbody-tr-td:first-child:where([dir="ltr"], [dir="ltr"] *){ border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; }
 .s-wallet-table-tbody-tr-td:first-child:where([dir="rtl"], [dir="rtl"] *){ border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } }
.s-wallet-table-tbody-tr-td:first-child{ font-weight: 700; }
.account-main > h1.s-wallet-table-tbody-tr-td:first-child {
  display: none;
}
.s-wallet-table-tbody-tr-td-content{ position: relative; display: flex; align-items: center; justify-content: space-between; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.75rem; line-height: 1rem; }
@media (min-width: 768px){
 .s-wallet-table-tbody-tr-td-content{ padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1.5rem; padding-bottom: 1.5rem; } }
.s-wallet-table-tbody-tr-td-content:where([dir="ltr"], [dir="ltr"] *){ padding-right: 0.5rem; }
.s-wallet-table-tbody-tr-td-content:where([dir="rtl"], [dir="rtl"] *){ padding-left: 0.5rem; }
.s-wallet-table-tbody-tr a{ position: absolute; top: 0px; bottom: 0px; display: block; width: 100%; }
input[type=radio].sr-only div.s-wallet-table-tbody-tr a {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-wallet-table-tbody-tr a {
  border-color: var(--color-main);
}
.s-wallet-table-tbody-tr a:where([dir="ltr"], [dir="ltr"] *){ left: 0px; }
.s-wallet-table-tbody-tr a:where([dir="rtl"], [dir="rtl"] *){ right: 0px; }
:root {
  --infinte-color: #c9c9c9;
  --main-text-color: #231f1e;
  --main-text-color-dark: #2b2d34;
  /* current */
  --color-primary: #5cd5c4;
  --color-primary: #414042;
  --color-primary-d: #272628;
  --color-primary-l: #676668;
  --color-primary-reverse: #ff6767;
  --color-text: #7c8082;
  --bg-gray: rgba(198,199,206,0.10196);
  --color-grey: #f5f7f9;
  --color-light-grey: #eeeeee;
  /* font-size */
  --font-sm: 0.8685714286rem;
  /* plugins */
  --mm-ocd-width: calc(100% - 51px);
}
body {
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  color: #231f1e;
  color: var(--main-text-color);
  position: relative;
}
html {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body {
  border: 0;
  margin: 0;
  padding: 0;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-weight: 600;
  margin-bottom: 0px;
}
a {
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: color 0.2s;
}
img {
  max-width: 100%;
}
a:focus {
  outline: none;
  -webkit-text-decoration: none;
  text-decoration: none;
}
ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}
h1{ font-size: 1.875rem; line-height: 2.25rem; }
h2{ font-size: 1.25rem; line-height: 1.75rem; }
h3{ font-size: 1.25rem; line-height: 1.75rem;
  line-height: 38px; }
.f-color {
  color: #FF6767;
}
h5.subtitle {
  font-size: 16px;
  font-weight: 400;
}
html {
  scroll-behavior: smooth;
}
.cursor-pointer * {
  pointer-events: none;
}
.flip-x {
  transform: scaleX(-1);
}
input[type=file] {
  display: none;
}
body{ --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); }
body [type=text]:focus, body [type=email]:focus, body [type=url]:focus, body [type=password]:focus, body [type=number]:focus, body [type=date]:focus, body [type=datetime-local]:focus, body [type=month]:focus, body [type=search]:focus, body [type=tel]:focus, body [type=time]:focus, body [type=week]:focus, body [multiple]:focus, body textarea:focus, body select:focus{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); }
.text-start:where([dir="ltr"], [dir="ltr"] *){ text-align: left; }
.text-start:where([dir="rtl"], [dir="rtl"] *){ text-align: right; }
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
[type=submit] {
  -webkit-appearance: listitem;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.unicode {
  unicode-bidi: plaintext;
}
.spinner-loader {
  border-right-color: #414042 !important;
  border-right-color: var(--color-primary) !important;
}
.spinner-loader.reverse {
  border-right-color: #9f7171 !important;
}
.spinner-loader.reverse {
  background-color: #f98181;
}
.hide-scroll {
  /* hide scrollbar but allow scrolling */
  -ms-overflow-style: none;
  /* for Internet Explorer, Edge */
  scrollbar-width: none;
  /* for Firefox */
  overflow-y: scroll;
}
.hide-scroll::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}
.remove-item-btn:after {
  font-family: "sallaicons" !important;
}
.remove-item-btn:after {
  content: "\ea47";
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cart-thumb {
  position: fixed;
  z-index: 30;
  transition: all 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}
/* Global scrollbar styling */
*::-webkit-scrollbar {
  width: 6px;
}
*::-webkit-scrollbar-track {
  background: #fff;
  background: var(--scrollbar-bg-color, #fff);
}
*::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb-color, var(--primary-color));
}
*::-webkit-scrollbar-thumb:hover {
  background: #000;
  background: var(--scrollbar-hover-color, #000);
}
/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
body.fslightbox-open #tidio-chat-iframe,
body.fslightbox-open .fb_reset,
body.fslightbox-open [id^=gb-widget], body.modal-open #tidio-chat-iframe,
body.modal-open .fb_reset,
body.modal-open [id^=gb-widget] {
  display: none !important;
}
.loader:before {
  content: "";
  opacity: 1;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid;
  border-top-color: #414042;
  border-top-color: var(--color-primary);
  border-bottom-color: #eee;
  border-left-color: #414042;
  border-left-color: var(--color-primary);
  border-right-color: #eee;
  animation: loader 1s ease-in-out infinite;
}
.btn--danger .loader:before {
  border-top-color: #ff6767;
  border-left-color: #ff6767;
}
.loader--small:before {
  width: 16px;
  height: 16px;
}
@keyframes loader {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
.animated {
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}
@keyframes pulse-anime {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.pulse-anime {
  animation-name: pulse-anime;
  animation-timing-function: ease-in-out;
}
/*
** Single page
*/
.content .content-entry img {
  margin: 15px 0 25px;
}
.content .content-entry ul, .content .content-entry li {
  list-style: inherit !important;
}
.content .content-entry ol {
  list-style: auto !important;
}
/* Components Init*/
salla-modal:not(.hydrated) {
  display: none;
}
/* video aspect ratio*/
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-width: initial;
}
.grid-trigger{ margin-left: 0.25rem; margin-right: 0.25rem; display: flex; height: 2.5rem; width: 2.5rem; cursor: pointer; align-items: center; justify-content: center; border-radius: 0.375rem; font-size: 1.25rem; line-height: 1.75rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.grid-trigger * {
  pointer-events: none;
}
.flex-center{ display: flex; align-items: center; justify-content: center; }
.center-between{ display: flex; align-items: center; justify-content: space-between; }
.grow-0 {
  flex-grow: 0 !important;
}
.basis-0 {
  flex-basis: 0;
}
.gradient-bg{ --tw-gradient-from: var(--color-primary) var(--tw-gradient-from-position); --tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: var(--color-primary-dark) var(--tw-gradient-to-position); }
[dir=ltr] .gradient-bg{ background-image: linear-gradient(to right, var(--tw-gradient-stops)); }
[dir=rtl] .gradient-bg{ background-image: linear-gradient(to left, var(--tw-gradient-stops)); }
@media (max-width: 1024px) {
  .gradient-bg.profile-header {
    background-image: none;
  }
  .gradient-bg.profile-header .breadcrumbs a,
  .gradient-bg.profile-header .breadcrumbs span,
  .gradient-bg.profile-header .breadcrumbs .arrow{ --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); }
}
.badge{ display: inline-flex; height: 1.25rem; min-width: 20px; align-items: center; justify-content: center; border-radius: 9999px; padding: 0.25rem; font-size: 0.75rem; line-height: 1rem; }
.badge--red{ --tw-bg-opacity: 1; background-color: rgba(248, 113, 113, 1); background-color: rgba(248, 113, 113, var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.copy-icon{ font-size: 0.75rem; line-height: 1rem; }
.s-localization-modal-inner {
  width: 100%;
}
.s-rating-modal-wrap .s-modal-body {
  position: relative !important;
}
.s-verify-back {
  top: 0.5rem;
}
.s-verify-back svg {
  max-width: 18px;
  fill: rgba(107, 114, 128, var(--tw-text-opacity));
}
[dir=rtl] .s-verify-back {
  right: 0.5rem;
}
[dir=ltr] .s-verify-back {
  left: 0.5rem;
}
@media (max-width: 639px) {
  .s-verify-back {
    display: none;
  }
}
.article--main iframe {
  width: 100%;
  height: 30vw;
}
@media (max-width: 639px) {
  .article--main iframe {
    height: 50vw;
  }
}
.cart-submit-wrap{ margin-left: -5px; margin-right: -5px; display: flex; align-items: center; justify-content: space-between; gap: 0.625rem; }
.cart-submit-wrap:where([dir="ltr"], [dir="ltr"] *){ flex-wrap: wrap; }
.cart-submit-wrap > *{ margin-left: 5px; margin-right: 5px; flex-grow: 1; }
.s-button-btn, .s-price-range-number-input{ border-radius: .75rem; }
.s-app-install-banner{ position: fixed; left: 0px; right: 0px; z-index: 999; margin-top: 1rem; margin-bottom: 1rem; margin-left: auto; margin-right: auto; display: none; width: 95%; align-items: center; gap: 0.5rem; border-radius: 0.375rem; padding: 0.75rem; --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); flex-direction: row;
  background-color: rgb(226, 226, 227); }
@supports (color: color-mix(in lch, red, blue)) and (top: var(--f)){
.s-app-install-banner{
  background-color: color-mix(in srgb, var(--color-primary) 15%, white); }
}
.s-app-install-banner[open=false]{ display: none; }
.s-app-install-banner[open=true][position=top]{ display: flex; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition-duration: 500ms; }
.s-app-install-banner[open=true][position=bottom]{ display: flex; }
@keyframes slideUpFromBottom{
 0%{ transform: translateY(100%); opacity: 0; }
 100%{ transform: translateY(0%); opacity: 1; } }
.s-app-install-banner[open=true][position=bottom]{ animation: slideUpFromBottom .6s linear; }
.s-app-install-banner[position=top]{ position: relative; top: 0px; margin: 0px; width: 100%; border-radius: 0px; }
.s-app-install-banner[position=bottom]{ bottom: 0px; }
@keyframes slideDownFromBottom{
 0%{ transform: translateY(0%); opacity: 1; }
 100%{ transform: translateY(100%); opacity: 0; } }
.s-app-install-banner[closing][position=bottom]{ animation: slideDownFromBottom .6s linear;
  animation-fill-mode: forwards; }
.s-app-install-banner-title{ font-size: 1rem; line-height: 1.5rem; font-weight: 700; color: #414042; color: var(--color-primary); }
.account-main > h1.s-app-install-banner-title {
  display: none;
}
.s-app-install-banner-sub-title{ max-width: 95%; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; }
.s-app-install-banner-cta{ color: #414042; color: var(--color-primary); text-decoration-line: underline; }
.s-app-install-banner-cancel-button{ position: absolute; top: 0.5rem; }
input[type=radio].sr-only div.s-app-install-banner-cancel-button {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-app-install-banner-cancel-button {
  border-color: var(--color-main);
}
.s-app-install-banner-cancel-button:where([dir="ltr"], [dir="ltr"] *){ right: 0.75rem; }
.s-app-install-banner-cancel-button:where([dir="rtl"], [dir="rtl"] *){ left: 0.75rem; }
.blog-category ul:where([dir="ltr"], [dir="ltr"] *),
.blog-category ol:where([dir="ltr"], [dir="ltr"] *){ padding-left: 1rem; }
.blog-category ul:where([dir="rtl"], [dir="rtl"] *),
.blog-category ol:where([dir="rtl"], [dir="rtl"] *){ padding-right: 1rem; }
.blog-category ul li {
  list-style: disc;
}
.blog-category ol li {
  list-style: auto;
}
.blog-category a{ color: #414042; color: var(--color-primary); }
.blog-category a:hover{ color: var(--color-primary-dark); }
.collapse-content {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  transition: grid-template-rows 225ms ease-out, opacity 225ms ease-out;
}
.collapse-content > * {
  overflow: hidden;
  min-height: 0;
}
.collapse-content.is-opened {
  grid-template-rows: 1fr;
  opacity: 1;
}
@keyframes slideInStart {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.slide-in-start {
  animation: slideInStart 500ms ease-out forwards;
}
@keyframes scalePulse {
  0% {
    transform: scale(0.88);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.scale-pulse {
  animation: scalePulse 400ms ease-out;
}
.fade-out-collapse {
  height: 0 !important;
}
.fade-out-collapse {
  transition: height 300ms ease-in-out, opacity 300ms ease-in-out;
  opacity: 0;
  overflow: hidden;
}
.tooltip-content {
  position: absolute;
  transform: translate(82px, -120px);
  background: #fff;
  padding: 15px 15px 15px 36px;
  text-align: right;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}
.tooltip-content:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  left: auto;
  background: #fff;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  border-radius: 2px;
  --tw-shadow: 5px 10px 99px rgba(43,45,52,0.05098);
  --tw-shadow-colored: 5px 10px 99px var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 5px 10px 99px rgba(43,45,52,0.05098);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
  left: 43%;
  bottom: -7px;
}
.icon-trigger .tooltip-content {
  background-color: #414042;
  background-color: var(--color-primary);
  color: #ff6767;
  color: var(--color-primary-reverse);
  padding: 10px;
  width: 140px;
  line-height: 1;
  text-align: center;
}
@media (max-width: 991px) {
  .icon-trigger .tooltip-content {
    width: 110px;
  }
}
.icon-trigger .tooltip-content:after {
  background-color: #414042;
  background-color: var(--color-primary);
}
[dir=rtl] .icon-trigger.mobile-shifted .tooltip-content {
  transform: translate(53px, -73px);
}
@media (max-width: 991px) {
  [dir=rtl] .icon-trigger.mobile-shifted .tooltip-content {
    transform: translate(70px, -90px);
  }
  [dir=rtl] .icon-trigger.mobile-shifted .tooltip-content:after {
    left: 13%;
  }
}
[dir=ltr] .icon-trigger.mobile-shifted .tooltip-content {
  transform: translate(-53px, -75px);
}
@media (max-width: 991px) {
  [dir=ltr] .icon-trigger.mobile-shifted .tooltip-content {
    transform: translate(-70px, -90px);
  }
  [dir=ltr] .icon-trigger.mobile-shifted .tooltip-content:after {
    left: 69%;
  }
}
.visible .tooltip-content {
  visibility: visible;
  opacity: 1;
  transform: translate(82px, -110px);
}
[dir=rtl] .icon-trigger.visible .tooltip-content {
  transform: translate(53px, -63px);
}
[dir=ltr] .icon-trigger.visible .tooltip-content {
  transform: translate(-54px, -65px);
}
@media (max-width: 991px) {
  [dir=rtl] .icon-trigger.mobile-shifted.visible .tooltip-content {
    transform: translate(70px, -80px);
  }
  [dir=ltr] .icon-trigger.mobile-shifted.visible .tooltip-content {
    transform: translate(-70px, -80px);
  }
}
.close-tooltip {
  padding: 9px 7px !important;
}
.close-tooltip {
  position: absolute;
  top: 0;
  left: 0;
}
@keyframes fadeInDown {
  from {
    transform: translate3d(0, -15px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animated {
  animation-duration: 400ms;
  animation-fill-mode: both;
}
.animatedfadeInDown {
  opacity: 0;
}
.fadeInDown {
  opacity: 0;
  animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
}
@keyframes toRightFromLeft {
  49% {
    transform: translate(100%);
  }
  50% {
    opacity: 0;
    transform: translate(-100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes toTopFromBottom {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1 !important;
    transform: translateX(0);
  }
}
@keyframes delayKeyframe {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  animation-name: rubberBand;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
}
.swiper-lazy{ opacity: 0; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; position: absolute; top: 0px; height: 100%; width: 100%; background-size: cover; background-position: center; }
input[type=radio].sr-only div.swiper-lazy {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.swiper-lazy {
  border-color: var(--color-main);
}
.swiper-lazy.swiper-lazy-loaded{ opacity: 1; }
.lazy__bg{ position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-size: cover; background-position: center; opacity: 0; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; }
input[type=radio].sr-only div.lazy__bg {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.lazy__bg {
  border-color: var(--color-main);
}
.lazy__bg.loaded{ opacity: 1; }
.rtl .rtl-range-slider,
[dir=rtl] .rtl-range-slider {
  transform: rotateY(180deg);
}
.rtl .rtl-range-numbers,
[dir=rtl] .rtl-range-numbers {
  flex-direction: row-reverse;
}
.rtl .form-select, .rtl select,
[dir=rtl] .form-select,
[dir=rtl] select {
  background-position: left 0.5rem center;
  padding-right: 12px;
}
.rtl .fix-align,
[dir=rtl] .fix-align {
  transform: translateY(-2px);
  display: inline-block;
}
.rtl .flatpickr-months .numInputWrapper .cur-year,
[dir=rtl] .flatpickr-months .numInputWrapper .cur-year {
  padding: 0 15px 0 0;
}
.sf-dump {
  direction: ltr;
}
[dir=ltr] .with-arrow .sicon-keyboard_arrow_left:before,
[dir=ltr] nav .sicon-keyboard_arrow_left:before,
[dir=ltr] .sub-menu .has-children > a:after {
  content: "\e96c";
}
[dir=ltr] .flatpickr-months .numInputWrapper .cur-year {
  padding: 0 0 0 15px;
}
[dir=ltr] .flatpickr-months [class^=arrow] {
  right: auto;
  right: initial;
  left: 0;
}
input[type=radio].sr-only div.absolute {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.absolute {
  border-color: var(--color-main);
}
input[type=text]:disabled {
  color: #838383;
}
.form-label{ margin-bottom: 0.625rem; display: block; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.account-main > h1.form-label {
  display: none;
}
@media (min-width: 640px){
 .form-label{ margin-top: 1px; } }
@media (min-width: 768px){
 .form-label{ margin-bottom: 0px; } }
.form-input{ height: 2.5rem; width: 100%; border-radius: 0.375rem; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); font-size: 0.875rem; line-height: 1.25rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.form-input:focus{ border-color: #414042; border-color: var(--color-primary); --tw-ring-color: transparent; }
.dark *.form-input{ --tw-border-opacity: 1; border-color: rgba(75, 85, 99, 1); border-color: rgba(75, 85, 99, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(75, 85, 99, 1); background-color: rgba(75, 85, 99, var(--tw-bg-opacity, 1)); }
.dark .form-input:focus{ border-color: #414042; border-color: var(--color-primary); }
.form-input {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
textarea.form-input{ height: 6rem; }
.has-error{ --tw-border-opacity: 1; border-color: rgba(248, 113, 113, 1); border-color: rgba(248, 113, 113, var(--tw-border-opacity, 1)); }
.has-error:focus{ --tw-border-opacity: 1; border-color: rgba(239, 68, 68, 1); border-color: rgba(239, 68, 68, var(--tw-border-opacity, 1)); }
.has-success{ --tw-border-opacity: 1; border-color: rgba(34, 197, 94, 1); border-color: rgba(34, 197, 94, var(--tw-border-opacity, 1)); }
.has-success:focus{ --tw-border-opacity: 1; border-color: rgba(22, 163, 74, 1); border-color: rgba(22, 163, 74, var(--tw-border-opacity, 1)); }
input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=search],
input[type=url],
textarea,
select {
  font-size: 16px !important;
}
@media screen and (max-width: 768px) {
  input,
  textarea,
  select {
    font-size: 16px !important;
  }
  input,
  textarea,
  select {
    transform: scale(1);
  }
}
/*
* Buttons
*/
salla-button[width=wide]{ width: 100%; }
salla-button.copied .s-button-text{ --tw-text-opacity: 1; color: rgba(22, 163, 74, 1); color: rgba(22, 163, 74, var(--tw-text-opacity, 1)); }
salla-button.copied i:before {
  content: "\ea9d";
  --tw-text-opacity: 1;
  color: rgba(22, 163, 74, 1);
  color: rgba(22, 163, 74, var(--tw-text-opacity, 1));
}
.btn{ display: inline-flex; flex: 1 1 0%; align-items: center; justify-content: center; white-space: nowrap; border-radius: 0.375rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 0.625rem; padding-top: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.account-main > h1.btn {
  display: none;
}
.btn:hover{ opacity: 0.8; }
.btn .loader {
  width: 0;
  opacity: 0;
  height: 16px;
  transform: scale(0);
  transition: 0.3s;
}
.btn--is-loading {
  pointer-events: none;
}
.btn--is-loading .loader {
  width: 16px;
  margin: 0 5px;
  opacity: 1;
  transform: scale(1);
}
.btn--delete .loader {
  width: 15px;
}
.btn--delete .loader:before {
  width: 12px;
  height: 12px;
  border-top-color: transparent;
  border-bottom-color: #fff;
  border-left-color: transparent;
  border-right-color: #fff;
}
.btn--delete.btn--is-loading .icon {
  opacity: 0;
}
.btn--quantity{ width: 2.75rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.btn--quantity:hover{ color: #414042; color: var(--color-primary); }
.btn__text{ pointer-events: none; display: inline-block; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; }
.btn--wishlist{ margin: 0px; }
.btn--wishlist:where([dir="ltr"], [dir="ltr"] *){ margin-left: 0.125rem; }
.btn--wishlist:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0.125rem; }
.btn--wishlist:hover{ --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); }
.btn--wishlist.is-added{ --tw-text-opacity: 1; color: rgba(239, 68, 68, 1); color: rgba(239, 68, 68, var(--tw-text-opacity, 1)); }
.btn--rounded-gray{ display: inline-flex; width: 100%; align-items: center; justify-content: center; white-space: nowrap; border-radius: 9999px; background-color: rgba(229, 231, 235, 0.5); padding-left: 0.875rem; padding-right: 0.875rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;
  flex-grow: 0; }
.btn--rounded-gray:hover{ background-color: rgba(229, 231, 235, 0.7); }
.btn--circle-gray{ display: inline-flex; height: 2.25rem; width: 2.25rem; align-items: center; justify-content: center; border-radius: 9999px; background-color: rgba(229, 231, 235, 0.3); padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.btn--circle-gray:hover{ background-color: rgba(229, 231, 235, 0.5); }
.btn--icon{ margin-left: 0.25rem; margin-right: 0.25rem; display: flex; height: 2.5rem; width: 2.5rem; align-items: center; justify-content: center; border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); font-weight: 500; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; flex-shrink: 0; }
.cart-totals-row-wrapper .btn--icon {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .btn--icon {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .btn--icon {
  text-align: right;
}
.btn--icon:hover{ --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); }
.btn--icon i{ pointer-events: none; }
.btn--icon i.sicon-heart{ --tw-text-opacity: 1; color: rgba(248, 113, 113, 1); color: rgba(248, 113, 113, var(--tw-text-opacity, 1)); }
.btn--share {
  margin: 0;
}
.btn--close{ position: absolute; top: 0px; z-index: 50; display: none; height: 3rem; width: 3.5rem; font-size: 1.5rem; line-height: 2rem; --tw-text-opacity: 1; color: rgba(239, 68, 68, 1); color: rgba(239, 68, 68, var(--tw-text-opacity, 1)); }
input[type=radio].sr-only div.btn--close {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.btn--close {
  border-color: var(--color-main);
}
@media (min-width: 480px){
 .btn--close{ display: block; } }
.btn--close:where([dir="ltr"], [dir="ltr"] *){ right: 0px; }
.btn--close:where([dir="rtl"], [dir="rtl"] *){ left: 0px; }
.btn--close-sm{ position: fixed; top: 0px; z-index: 50; height: 51px; width: 51px; --tw-translate-y: -100%; transform: translate(var(--tw-translate-x), -100%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-bg-opacity: 1; background-color: rgba(239, 68, 68, 1); background-color: rgba(239, 68, 68, var(--tw-bg-opacity, 1)); font-size: 1.25rem; line-height: 1.75rem; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); opacity: 0; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.btn--close-sm:where([dir="ltr"], [dir="ltr"] *){ right: 0px; }
.btn--close-sm:where([dir="rtl"], [dir="rtl"] *){ left: 0px; }
.btn--collapse{ display: flex; width: 100%; align-items: center; justify-content: center; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); padding-top: 0.625rem; padding-bottom: 0.625rem; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
@media (min-width: 480px){
 .btn--collapse:where([dir="ltr"], [dir="ltr"] *){ padding-left: 1.75rem; padding-right: 1.25rem; }
 .btn--collapse:where([dir="rtl"], [dir="rtl"] *){ padding-right: 1.75rem; padding-left: 1.25rem; } }
.btn {
  /* Disabled state */
}
.btn.btn:disabled{ cursor: default; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); background-color: transparent; --tw-text-opacity: 1; color: rgba(209, 213, 219, 1); color: rgba(209, 213, 219, var(--tw-text-opacity, 1)); --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.btn.btn:disabled:hover{ background-color: transparent; }
.btn:disabled .s-button-text{ opacity: 0.7; }
.btn {
  /* Button Variants */
}
.btn--danger{ --tw-bg-opacity: 1; background-color: rgba(248, 113, 113, 1); background-color: rgba(248, 113, 113, var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.btn--danger:hover{ opacity: 0.8; }
.btn--primary{ border-width: 1px; border-color: #414042; border-color: var(--color-primary); background-color: #414042; background-color: var(--color-primary); color: #ff6767; color: var(--color-primary-reverse); }
.btn--outline-primary{ border-width: 1px; border-color: #414042; border-color: var(--color-primary); color: #414042; color: var(--color-primary); }
.btn--outline-primary:hover{ background-color: #414042; background-color: var(--color-primary); color: #ff6767; color: var(--color-primary-reverse); }
.btn--outline{ border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.btn--outline:hover{ border-color: #414042; border-color: var(--color-primary); background-color: #414042; background-color: var(--color-primary); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.btn--outline.light{ --tw-border-opacity: 1; border-color: rgba(255, 255, 255, 1); border-color: rgba(255, 255, 255, var(--tw-border-opacity, 1)); background-color: transparent; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.btn--rounded-full{ border-radius: 9999px; }
.rounded-icon{ display: flex; height: 4rem; width: 4rem; align-items: center; justify-content: center; border-radius: 9999px; font-size: 1.5rem; line-height: 2rem; }
/*
* Coupon Button
*/
button.btn--coupon{ position: absolute; top: 0px; height: 100%; flex-shrink: 0; }
input[type=radio].sr-only divbutton.btn--coupon {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ divbutton.btn--coupon {
  border-color: var(--color-main);
}
button.btn--coupon:where([dir="ltr"], [dir="ltr"] *){ right: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
button.btn--coupon:where([dir="rtl"], [dir="rtl"] *){ left: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
button.btn--coupon .s-button-text{ display: flex !important; }
salla-button.has-not-coupon button .icon, salla-button.has-coupon button .coupon-text{ display: none; }
salla-button.has-coupon button{ width: 3rem; padding-left: 0px; padding-right: 0px; }
/*
* Links ---------------------------------------------------
*/
.link--primary{ color: #414042; color: var(--color-primary); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.link--primary:hover{ color: var(--color-primary-dark); }
#btn-show-more{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
#btn-show-more.is-expanded{ pointer-events: none; opacity: 0; }
#blog-like.liked i {
  width: 18px;
  height: 16px;
  background-color: #414042;
  background-color: var(--color-primary); /* This will show the masked area */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='18'%20height='16'%20viewBox='0%200%2018%2016'%20fill='none'%3E%3Cpath%20d='M1.5%206.74998H3.75V15.75H1.5C1.08579%2015.75%200.75%2015.4142%200.75%2015V7.49998C0.75%207.08577%201.08579%206.74998%201.5%206.74998ZM5.46967%205.78031L10.2701%200.979957C10.402%200.847994%2010.6109%200.833152%2010.7602%200.945119L11.3996%201.4247C11.7632%201.69734%2011.927%202.1619%2011.8148%202.60224L10.9499%205.99998H15.75C16.5784%205.99998%2017.25%206.67155%2017.25%207.49998V9.07822C17.25%209.2742%2017.2116%209.46822%2017.137%209.64935L14.8162%2015.2855C14.7005%2015.5665%2014.4266%2015.75%2014.1227%2015.75H6C5.58579%2015.75%205.25%2015.4142%205.25%2015V6.31064C5.25%206.11173%205.32902%205.92096%205.46967%205.78031Z'%20fill='%23236E4C'/%3E%3C/svg%3E");
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='18'%20height='16'%20viewBox='0%200%2018%2016'%20fill='none'%3E%3Cpath%20d='M1.5%206.74998H3.75V15.75H1.5C1.08579%2015.75%200.75%2015.4142%200.75%2015V7.49998C0.75%207.08577%201.08579%206.74998%201.5%206.74998ZM5.46967%205.78031L10.2701%200.979957C10.402%200.847994%2010.6109%200.833152%2010.7602%200.945119L11.3996%201.4247C11.7632%201.69734%2011.927%202.1619%2011.8148%202.60224L10.9499%205.99998H15.75C16.5784%205.99998%2017.25%206.67155%2017.25%207.49998V9.07822C17.25%209.2742%2017.2116%209.46822%2017.137%209.64935L14.8162%2015.2855C14.7005%2015.5665%2014.4266%2015.75%2014.1227%2015.75H6C5.58579%2015.75%205.25%2015.4142%205.25%2015V6.31064C5.25%206.11173%205.32902%205.92096%205.46967%205.78031Z'%20fill='%23236E4C'/%3E%3C/svg%3E");
          mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='18'%20height='16'%20viewBox='0%200%2018%2016'%20fill='none'%3E%3Cpath%20d='M1.5%206.74998H3.75V15.75H1.5C1.08579%2015.75%200.75%2015.4142%200.75%2015V7.49998C0.75%207.08577%201.08579%206.74998%201.5%206.74998ZM5.46967%205.78031L10.2701%200.979957C10.402%200.847994%2010.6109%200.833152%2010.7602%200.945119L11.3996%201.4247C11.7632%201.69734%2011.927%202.1619%2011.8148%202.60224L10.9499%205.99998H15.75C16.5784%205.99998%2017.25%206.67155%2017.25%207.49998V9.07822C17.25%209.2742%2017.2116%209.46822%2017.137%209.64935L14.8162%2015.2855C14.7005%2015.5665%2014.4266%2015.75%2014.1227%2015.75H6C5.58579%2015.75%205.25%2015.4142%205.25%2015V6.31064C5.25%206.11173%205.32902%205.92096%205.46967%205.78031Z'%20fill='%23236E4C'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  display: inline-block;
  position: relative;
  top: -2px;
}
.custom-radios div {
  display: inline-block;
}
.custom-radios input[type=radio] {
  display: none;
}
.custom-radios input[type=radio] + label {
  cursor: pointer;
}
.custom-radios input[type=radio] + label span {
  display: inline-block;
  width: 40px;
  height: 40px;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 6px;
  border: 2px solid #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 40px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.075);
}
.custom-radios input[type=radio] + label span::after {
  font-family: "sallaicons" !important;
}
.custom-radios input[type=radio] + label span::after {
  opacity: 0;
  display: inline-block;
  transform: scale(0.4);
  transition: all 0.3s ease;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: "\ea9d";
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}
.custom-radios input[type=radio]:checked + label span:after {
  opacity: 1;
  transform: scale(1);
}
.custom-radios input[type=radio]:disabled + label {
  opacity: 0.45;
}
.custom-radios--rounded input[type=radio] + label span {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #ddd;
}
.custom-radios--rounded input[type=radio] + label span::after {
  content: "";
  width: 14px;
  height: 14px;
  background-color: #f1f1f1;
  border-radius: 50%;
}
.custom-radios--icons {
  font-size: 40px;
  line-height: 42px;
}
.custom-radios--icons input[type=radio] + label {
  transition: transform 0.2s, color 0.3s;
  filter: grayscale(1);
}
.custom-radios--icons input[type=radio] + label:hover {
  filter: grayscale(0);
}
.custom-radios--icons input[type=radio]:checked + label {
  filter: grayscale(0);
  transform: scale(1.25) translateY(-3px);
}
.custom-radios--icons input[type=radio]:checked + label .rate-title {
  font-weight: bold;
  color: #2b2d34;
}
.radio-images__label{ margin-bottom: 0.125rem; display: inline-block; height: 6rem; width: 100%; cursor: pointer; border-radius: 0.375rem; overflow: hidden; }
.radio-images__label * {
  pointer-events: none;
}
@media (min-width: 768px){
 .radio-images__label{ height: 5rem; } }
.radio-images__badge{ position: absolute; bottom: 2.5rem; left: 50%; display: block; --tw-translate-x: -50%; transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); white-space: nowrap; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(248, 113, 113, 1); background-color: rgba(248, 113, 113, var(--tw-bg-opacity, 1)); padding-left: 0.375rem; padding-right: 0.375rem; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
input[type=radio].sr-only div.radio-images__badge {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.radio-images__badge {
  border-color: var(--color-main);
}
.radio-images input[type=radio] {
  display: none;
}
.radio-images input[type=radio] + label {
  position: relative;
}
.radio-images input[type=radio] + label:after {
  font-family: "sallaicons" !important;
}
.radio-images input[type=radio] + label:after {
  content: "\ea9d";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: white;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.4);
  transition: transform 0.3s;
}
.radio-images input[type=radio] + label:before {
  content: "";
  background-color: #000;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity 0.3s;
}
.radio-images input[type=radio]:checked + label:after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.radio-images input[type=radio]:checked + label:before {
  opacity: 0.3;
}
.radio-images input[type=radio]:disabled + label {
  opacity: 0.45;
}
/* Top Nav */
.top-navbar{ display: flex; min-height: 48px; padding-top: 0.5rem; padding-bottom: 0.5rem; }
@media (min-width: 1024px) {
  .top-navbar{ padding-top: 0.375rem; padding-bottom: 0.375rem; }
}
.topnav-has-bg .top-navbar{ background-color: var(--topnav-bg); }
.topnav-has-gradient .top-navbar{ background-image: linear-gradient(to right, var(--tw-gradient-stops)); --tw-gradient-from: var(--topnav-gradient-from) var(--tw-gradient-from-position); --tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: var(--topnav-gradient-to) var(--tw-gradient-to-position); }
.topnav-has-text-color .top-navbar{ color: var(--topnav-text-color); }
.top-navbar .s-search-input{ border-style: none; background-color: rgba(229, 231, 235, 0.5); }
.top-navbar .s-search-input:hover{ background-color: rgba(229, 231, 235, 0.7); }
@media (max-width: 640px) {
  .top-navbar .s-search-results{ width: 100vw; max-width: 100vw; }
  .top-navbar .s-search-results:where([dir="ltr"], [dir="ltr"] *){ right: -0.625rem; }
  .top-navbar .s-search-results:where([dir="rtl"], [dir="rtl"] *){ left: -0.625rem; }
}
.top-navbar .search-btn{ flex-grow: 1; justify-content: flex-start; }
@media (min-width: 640px){
 .top-navbar .search-btn{ flex-grow: 0; } }
@media (min-width: 768px){
 .top-navbar .search-btn{ justify-content: center; } }
.topnav-link-item{ display: inline-block; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 1px; padding-bottom: 1px; font-size: 0.875rem; line-height: 1.25rem; line-height: 1; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.topnav-link-item:hover{ opacity: 0.8; }
.topnav-link-item:where([dir="ltr"], [dir="ltr"] *){ border-right-width: 1px; }
.topnav-link-item:last-child:where([dir="ltr"], [dir="ltr"] *){ border-width: 0px; padding-right: 0px; }
.topnav-link-item:where([dir="rtl"], [dir="rtl"] *){ border-left-width: 1px; }
.topnav-link-item:last-child:where([dir="rtl"], [dir="rtl"] *){ border-width: 0px; padding-left: 0px; }
.topnav-link-item.right-side:first-child:where([dir="ltr"], [dir="ltr"] *){ padding-left: 0px; }
.topnav-link-item.right-side:first-child:where([dir="rtl"], [dir="rtl"] *){ padding-right: 0px; }
/* Main Nav */
.main-nav-container{ min-height: 68px; }
@media (min-width: 1024px){
 .main-nav-container{ min-height: 84px; } }
.has-bg .main-nav-container, .has-bg .main-nav-container .sub-menu{ background-color: var(--mainnav-bg); }
.has-text-color .main-nav-container{ color: var(--mainnav-text-color); }
.menu-item{ display: flex; align-items: center; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 0.625rem; padding-bottom: 0.625rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.menu-item:hover{ background-color: rgba(229, 231, 235, 0.3); }
@media (min-width: 640px){
 .menu-item{ font-size: 0.875rem; line-height: 1.25rem; } }
.menu-item.logout{ --tw-text-opacity: 1; color: rgba(248, 113, 113, 1); color: rgba(248, 113, 113, var(--tw-text-opacity, 1)); }
.menu-item.is-active{ background-color: rgba(229, 231, 235, 0.2); color: #414042; color: var(--color-primary); }
/* Sticky Header */
.main-nav-container.animated .inner {
  transition: top 0.5s, transform 0.5s, opacity 0.4s;
}
.main-nav-container.fixed-pinned .inner {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 29;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  transform: translate3d(0, -100%, 0);
}
@media (max-width: 1024px) {
  .main-nav-container.fixed-pinned .inner {
    transform: none;
    top: -70px;
  }
}
.main-nav-container.fixed-pinned .navbar-brand img {
  max-height: 40px;
}
.main-nav-container.fixed-pinned .navbar-brand h4 {
  line-height: 1;
}
.main-nav-container.fixed-pinned .main-menu > li > a {
  padding-top: 20px;
  padding-bottom: 20px;
}
.main-nav-container.fixed-header .inner {
  transform: translate3d(0, 0, 0);
}
@media (max-width: 1024px) {
  .main-nav-container.fixed-header .inner {
    transform: none;
    top: 0;
  }
}
.navbar-brand{ margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; align-items: center; }
@media (min-width: 1024px){
 .navbar-brand{ margin-top: 0px; margin-bottom: 0px; } }
.navbar-brand img{ max-height: 3rem; width: auto; max-width: 100px; }
@media (min-width: 480px){
 .navbar-brand img{ max-width: 170px; } }
.header-btn__icon{ display: flex; height: 2.5rem; width: 2.5rem; align-items: center; justify-content: center; border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); font-size: 1.25rem; line-height: 1.75rem; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.header-btn__icon.icon{ margin-right: 9px; }
.header-btn__icon.icon:where([dir="rtl"], [dir="rtl"] *){ margin-left: 9px; margin-right: 0; margin-right: initial; }
.header-buttons .sicon-sar {
  width: 0.65rem;
  display: inline-block;
  min-height: 1.4rem;
}
#mainnav .sicon-menu {
  width: 1rem;
  display: inline-block;
}
custom-main-menu {
  min-height: 84px;
}
salla-cart-summary {
  min-width: 73px;
  min-height: 40px;
}
salla-user-menu{ flex-shrink: 0; }
.s-cart-summary-total{ font-weight: 600; --tw-text-opacity: 1; color: rgba(0, 0, 0, 1); color: rgba(0, 0, 0, var(--tw-text-opacity, 1)); }
.s-cart-summary-count{ top: -0.125rem; --tw-bg-opacity: 1; background-color: rgba(153, 27, 27, 1); background-color: rgba(153, 27, 27, var(--tw-bg-opacity, 1)); }
.s-cart-summary-count:where([dir="ltr"], [dir="ltr"] *){ left: -0.375rem; }
.s-cart-summary-count:where([dir="rtl"], [dir="rtl"] *){ right: -0.375rem; }
#nav-cart{ position: relative; display: flex; align-items: center; white-space: nowrap; }
#nav-cart:where([dir="ltr"], [dir="ltr"] *){ margin-left: 1rem; }
#nav-cart:where([dir="rtl"], [dir="rtl"] *){ margin-right: 1rem; }
#nav-cart .icon:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.5rem; }
#nav-cart .icon:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.5rem; }
#nav-cart span{ position: absolute; top: 0.25rem; }
input[type=radio].sr-only div#nav-cart span {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div#nav-cart span {
  border-color: var(--color-main);
}
#nav-cart span:where([dir="ltr"], [dir="ltr"] *){ left: -0.5rem; }
#nav-cart span:where([dir="rtl"], [dir="rtl"] *){ right: -0.5rem; }
.header-search .s-search-results{ z-index: 10; }
.store-footer{ position: relative; margin-top: 2rem; --tw-bg-opacity: 1; background-color: rgba(14, 15, 15, 1); background-color: rgba(14, 15, 15, var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
@media (min-width: 640px){
 .store-footer{ margin-top: 4rem; } }
.store-footer a{ transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.store-footer a:hover{ opacity: 0.75; }
.store-footer__inner{ border-bottom-width: 1px; border-style: dashed; border-bottom-color: rgba(255, 255, 255, 0.1); --tw-bg-opacity: 1; background-color: rgba(29, 31, 31, 1); background-color: rgba(29, 31, 31, var(--tw-bg-opacity, 1)); padding-top: 2rem; padding-bottom: 2rem; }
@media (min-width: 1024px){
 .store-footer__inner{ padding-top: 4rem; padding-bottom: 4rem; } }
.store-footer h3{ margin-bottom: 0.75rem; font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; }
.account-main > h1.store-footer h3 {
  display: none;
}
@media (min-width: 1024px){
 .store-footer h3{ margin-bottom: 1.25rem; } }
.store-footer .social-link{ display: flex; height: 2rem; width: 2rem; align-items: center; justify-content: center; border-radius: 9999px; border-width: 1px; font-size: 0.875rem; line-height: 1.25rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.store-footer .social-link:hover{ opacity: 0.75; }
.store-footer .contact-social{ margin-top: 1.25rem; border-top-width: 1px; border-color: rgba(255, 255, 255, 0.1); padding-top: 1.25rem; }
.store-footer .contact-social ul{ margin-bottom: 0px; }
.footer-is-light .store-footer{ --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
.footer-is-light .store-footer .store-footer__inner{ --tw-border-opacity: 1; border-bottom-color: rgba(229, 231, 235, 1); border-bottom-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); }
.footer-is-light .store-footer .social-link{ --tw-border-opacity: 1; border-color: rgba(209, 213, 219, 1); border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1)); }
.footer-is-light .store-footer .contact-social{ --tw-border-opacity: 1; border-color: rgba(243, 244, 246, 1); border-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); }
.copyright-text p{ --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); }
@media only screen and (min-width: 1024px) {
  .main-menu{ margin-left: 1.5rem; margin-right: 1.5rem; display: none; align-items: center; padding-top: 2rem; padding-bottom: 0px; flex-wrap: wrap; }
  @media (min-width: 1024px){
  .main-menu{ display: flex; } }
  .fixed-pinned .main-menu {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-menu li > a{ display: flex; align-items: center; justify-content: space-between; padding: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
  .main-menu li > a:hover{ color: #414042; color: var(--color-primary); text-decoration-line: none; }
  .main-menu li.root-level{ display: inline-block; }
  .main-menu li.root-level > a{ padding-top: 0px; padding-bottom: 2rem; font-weight: 700; }
.account-main > h1.main-menu li.root-level > a {
  display: none;
}
  .main-menu > .has-children:hover > a {
    color: #414042;
    color: var(--color-primary);
  }
  .main-menu .has-children li a:hover,
  .main-menu .has-children .has-children:hover > a {
    color: #414042;
    color: var(--color-primary);
    background-color: rgba(229, 231, 235, 0.2);
  }
  .main-menu .has-children > a:after {
    font-family: "sallaicons";
    content: "\e970";
    margin-left: 0.125rem;
    margin-right: 0.125rem;
    display: inline-block;
    align-self: flex-end;
    font-size: 1.125rem;
    line-height: 1rem;
    opacity: 0.5;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
  }
  .main-menu .has-children.root-level > a:after {
    content: "\e96e";
  }
  .main-menu .has-children.root-level:hover > a:after {
    opacity: 1;
    transform: scaleY(-1);
  }
  .main-menu .sub-menu{ visibility: hidden; position: absolute; z-index: 20; --tw-translate-y: -0.75rem; transform: translate(var(--tw-translate-x), -0.75rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; border-top-width: 1px; border-color: rgba(209, 213, 219, 0.3); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); opacity: 0; --tw-shadow: 5px 10px 30px #2B2D340D;; --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 5px 10px 30px #2B2D340D;; box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
input[type=radio].sr-only div.main-menu .sub-menu {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.main-menu .sub-menu {
  border-color: var(--color-main);
}
  .main-menu .sub-menu .sub-menu {
    top: -1px;
    right: 100%;
  }
  [dir=ltr] .main-menu .sub-menu .sub-menu {
    left: 100%;
    right: auto;
  }
  .main-menu .sub-menu .s-product-card-entry{ border-width: 1px; --tw-border-opacity: 1; border-color: rgba(243, 244, 246, 1); border-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); }
  .main-menu .sub-menu .btn {
    padding: 8px 10px 10px;
  }
  .main-menu .sub-menu li.mega-menu .container ul{ margin: 0px; border-style: none; padding: 0px; }
  .main-menu .sub-menu li.mega-menu .container > div{ display: none; }
  .main-menu .change-menu-dir .sub-menu .sub-menu:where([dir="ltr"], [dir="ltr"] *){ right: 100%; left: auto; }
  .main-menu .change-menu-dir .sub-menu .sub-menu:where([dir="rtl"], [dir="rtl"] *){ left: 100%; right: auto; }
  .main-menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .main-menu #more-menu-dropdown{ flex-shrink: 0; }
.cart-totals-row-wrapper .main-menu #more-menu-dropdown {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .main-menu #more-menu-dropdown {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .main-menu #more-menu-dropdown {
  text-align: right;
}
  .main-menu #more-menu-dropdown > a{ white-space: nowrap; }
  .main-menu #more-menu-dropdown > .sub-menu {
    max-height: 70vh;
    overflow-y: auto;
  }
  .main-menu #more-menu-dropdown > .sub-menu .sub-menu{ visibility: hidden; position: static; margin: 0px; max-height: 0px; transform: none; border-width: 0px; background-color: transparent; padding: 0px; opacity: 0; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); transition-property: max-height,opacity,visibility; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); overflow: hidden;
    transition-duration: 250ms, 200ms, 200ms; }
  .main-menu #more-menu-dropdown > .sub-menu li.has-children{ position: relative; }
  .main-menu #more-menu-dropdown > .sub-menu li.has-children > a{ justify-content: space-between; }
  .main-menu #more-menu-dropdown > .sub-menu li.has-children:hover > .sub-menu, .main-menu #more-menu-dropdown > .sub-menu li.has-children:focus-within > .sub-menu{ visibility: visible; max-height: 1000px; opacity: 1; }
.main-menu #more-menu-dropdown > .sub-menu li.has-children:hover > .sub-menu .tooltip-content, .main-menu #more-menu-dropdown > .sub-menu li.has-children:focus-within > .sub-menu .tooltip-content {
  visibility: visible;
  opacity: 1;
  transform: translate(82px, -110px);
}
[dir=rtl] .icon-trigger.main-menu #more-menu-dropdown > .sub-menu li.has-children:hover > .sub-menu .tooltip-content,[dir=rtl] .icon-trigger .main-menu #more-menu-dropdown > .sub-menu li.has-children:focus-within > .sub-menu .tooltip-content {
  transform: translate(53px, -63px);
}
[dir=ltr] .icon-trigger.main-menu #more-menu-dropdown > .sub-menu li.has-children:hover > .sub-menu .tooltip-content,[dir=ltr] .icon-trigger .main-menu #more-menu-dropdown > .sub-menu li.has-children:focus-within > .sub-menu .tooltip-content {
  transform: translate(-54px, -65px);
}
@media (max-width: 991px) {
  [dir=rtl] .icon-trigger.mobile-shifted.main-menu #more-menu-dropdown > .sub-menu li.has-children:hover > .sub-menu .tooltip-content,[dir=rtl] .icon-trigger.mobile-shifted .main-menu #more-menu-dropdown > .sub-menu li.has-children:focus-within > .sub-menu .tooltip-content {
    transform: translate(70px, -80px);
  }
  [dir=ltr] .icon-trigger.mobile-shifted.main-menu #more-menu-dropdown > .sub-menu li.has-children:hover > .sub-menu .tooltip-content,[dir=ltr] .icon-trigger.mobile-shifted .main-menu #more-menu-dropdown > .sub-menu li.has-children:focus-within > .sub-menu .tooltip-content {
    transform: translate(-70px, -80px);
  }
}
  .main-menu #more-menu-dropdown > .sub-menu .sub-menu > ul:where([dir="ltr"], [dir="ltr"] *){ padding-left: 1rem; }
  .main-menu #more-menu-dropdown > .sub-menu .sub-menu > ul:where([dir="rtl"], [dir="rtl"] *){ padding-right: 1rem; }
  .main-menu .sub-menu ul > li:not(:first-child) > .sub-menu {
    border-top-right-radius: 0.375rem;
    border-top-left-radius: 0.375rem;
    border: none;
  }
}
@media only screen and (max-width: 1024px) {
  .filters-opened .close-filters {
    display: block !important;
  }
}
.dropdown__trigger{ height: 2.5rem; width: 2.5rem; border-radius: 9999px; font-weight: 500; overflow: hidden; }
.dropdown__trigger:focus{ --tw-ring-offset-color: transparent; }
.dropdown__trigger.filter{ height: auto; width: auto; border-radius: 0px; overflow: visible; }
.dropdown__menu{ visibility: hidden; position: absolute; top: 100%; z-index: 30; width: 20rem; transform-origin: top right; --tw-translate-y: -1rem; --tw-scale-y: .9; transform: translate(var(--tw-translate-x), -1rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(.9); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); opacity: 0; --tw-shadow: 5px 10px 30px #2B2D340D;; --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 5px 10px 30px #2B2D340D;; box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; }
input[type=radio].sr-only div.dropdown__menu {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.dropdown__menu {
  border-color: var(--color-main);
}
@media (min-width: 1024px){
 .dropdown__menu{ width: 15rem; border-top-left-radius: 0px; border-top-right-radius: 0px; border-top-width: 1px; border-color: rgba(209, 213, 219, 0.3); } }
.dropdown__menu:where([dir="ltr"], [dir="ltr"] *){ right: 0px; }
.dropdown__menu:where([dir="rtl"], [dir="rtl"] *){ left: 0px; }
.dropdown__menu {
  outline: none;
}
.dropdown-toggler{ margin-left: 0px; margin-right: 0px; display: inline-flex; width: 2.5rem; align-items: center; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
@media (min-width: 1024px){
 .dropdown-toggler{ height: 100%; } }
.dropdown-toggler.cat-filter{ position: static; width: auto; }
.dropdown-toggler.cat-filter .dropdown__trigger{ height: auto; width: auto; border-radius: 0px; overflow: visible; }
.dropdown-toggler:before {
  content: "";
  background: rgba(113, 113, 122, 0.75);
  pointer-events: none;
  visibility: hidden;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 10;
  height: 100vh;
  width: 100vw;
  opacity: 0;
  transition-duration: 300ms;
}
.dropdown-toggler.is-opened .dropdown__menu{ visibility: visible; --tw-translate-y: 0px; --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 1; }
.dropdown-toggler.is-opened .dropdown__menu .tooltip-content {
  visibility: visible;
  opacity: 1;
  transform: translate(82px, -110px);
}
[dir=rtl] .icon-trigger.dropdown-toggler.is-opened .dropdown__menu .tooltip-content {
  transform: translate(53px, -63px);
}
[dir=ltr] .icon-trigger.dropdown-toggler.is-opened .dropdown__menu .tooltip-content {
  transform: translate(-54px, -65px);
}
@media (max-width: 991px) {
  [dir=rtl] .icon-trigger.mobile-shifted.dropdown-toggler.is-opened .dropdown__menu .tooltip-content {
    transform: translate(70px, -80px);
  }
  [dir=ltr] .icon-trigger.mobile-shifted.dropdown-toggler.is-opened .dropdown__menu .tooltip-content {
    transform: translate(-70px, -80px);
  }
}
@media (max-width: 1024px) {
  .dropdown-toggler .dropdown__menu {
    left: 0 !important;
  }
  .dropdown-toggler .dropdown__menu {
    position: fixed;
    bottom: 0px;
    top: auto;
    width: 100%;
    transform-origin: center;
    --tw-translate-y: 2.5rem;
    transform: translate(var(--tw-translate-x), 2.5rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    opacity: 0;
    transition-duration: 300ms;
  }
  .dropdown-toggler .dropdown__menu .menu-item:where([dir="ltr"], [dir="ltr"] *){ padding-right: 0.625rem; }
  .dropdown-toggler .dropdown__menu .menu-item:where([dir="rtl"], [dir="rtl"] *){ padding-left: 0.625rem; }
  .dropdown-toggler.is-opened .dropdown__menu{ --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 1; }
  .dropdown-toggler.is-opened:before{ pointer-events: auto; visibility: visible; opacity: 1; }
.dropdown-toggler.is-opened .tooltip-content:before {
  visibility: visible;
  opacity: 1;
  transform: translate(82px, -110px);
}
[dir=rtl] .icon-trigger.dropdown-toggler.is-opened .tooltip-content:before {
  transform: translate(53px, -63px);
}
[dir=ltr] .icon-trigger.dropdown-toggler.is-opened .tooltip-content:before {
  transform: translate(-54px, -65px);
}
@media (max-width: 991px) {
  [dir=rtl] .icon-trigger.mobile-shifted.dropdown-toggler.is-opened .tooltip-content:before {
    transform: translate(70px, -80px);
  }
  [dir=ltr] .icon-trigger.mobile-shifted.dropdown-toggler.is-opened .tooltip-content:before {
    transform: translate(-70px, -80px);
  }
}
}
@media (max-width: 768px) {
  .single-order-header-item{ display: flex; align-items: center; justify-content: space-between; }
}
.order-file .s-button-text{ display: flex; gap: 0.5rem; }
/* tags */
.tag{ display: inline-block; border-radius: 1rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.125rem; padding-bottom: 0.25rem; font-size: 0.875rem; line-height: 1.25rem; }
.tag--primary{ border-color: #414042; border-color: var(--color-primary); color: #414042; color: var(--color-primary); }
/* Profile Header section */
.profile-header{ position: relative; overflow: hidden; }
@media (min-width: 1024px){
 .profile-header{ height: 12rem; }
  .profile-header .breadcrumbs{ margin-top: 0.625rem; } }
.profile-header .breadcrumbs a{ color: #ff6767; color: var(--color-primary-reverse); }
.profile-header .breadcrumbs a:hover{ opacity: 0.8; }
.profile-header .breadcrumbs span{ color: #ff6767; color: var(--color-primary-reverse); opacity: 0.8; }
.profile-header .breadcrumbs .arrow{ color: #ff6767; color: var(--color-primary-reverse); opacity: 0.7; }
.s-file-upload-profile-image .s-file-upload-has-error .filepond--file-status:where([dir="ltr"], [dir="ltr"] *){ left: -50%; }
.s-file-upload-profile-image .s-file-upload-has-error .filepond--file-status:where([dir="rtl"], [dir="rtl"] *){ right: 50%; }
.rating-header{ position: relative; border-radius: 0.375rem; --tw-gradient-from: var(--color-primary) var(--tw-gradient-from-position); --tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: var(--color-primary-dark) var(--tw-gradient-to-position); padding: 1.25rem; color: #ff6767; color: var(--color-primary-reverse); }
/* Profile additional fields */
.form--user-profile .s-file-upload-wrapper {
  min-height: 120px;
}
.form--user-profile .s-file-upload-wrapper .filepond--list-scroller {
  overflow-y: inherit !important;
}
.form--user-profile .s-file-upload-wrapper .filepond--drop-label {
  min-height: 120px !important;
}
.form--user-profile .s-file-upload-wrapper .filepond--drop-label {
  cursor: pointer;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, 1);
  border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
}
.form--user-profile .s-file-upload-wrapper .filepond--drop-label * {
  pointer-events: none;
}
.form--user-profile .s-file-upload-wrapper .profile-filepond-placholder{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.form--user-profile .s-file-upload-wrapper .profile-filepond-placholder-icon{ margin-bottom: 0.25rem; }
.form--user-profile .s-file-upload-wrapper .profile-filepond-placholder-icon i {
  color: #7c8082;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
/* 
* thank you page 
*/
.thankyou-block{ margin-bottom: 1.5rem; display: flex; flex: 1 1 0%; flex-direction: column; align-items: center; justify-content: center; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 2rem; transition-duration: 500ms; }
.thankyou-block:hover{ --tw-shadow: 5px 10px 30px #2B2D340D;; --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 5px 10px 30px #2B2D340D;; box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
@media (min-width: 768px){
 .thankyou-block{ margin-bottom: 2rem; } }
.thankyou-block.sent{ font-weight: 700; --tw-text-opacity: 1; color: rgba(34, 197, 94, 1); color: rgba(34, 197, 94, var(--tw-text-opacity, 1)); }
.account-main > h1.thankyou-block.sent {
  display: none;
}
.thankyou-block.sent:before{ margin-bottom: 0.5rem; display: flex; height: 4rem; width: 4rem; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(220, 252, 231, 1); background-color: rgba(220, 252, 231, var(--tw-bg-opacity, 1)); font-size: 1.5rem; line-height: 2rem; --tw-text-opacity: 1; color: rgba(34, 197, 94, 1); color: rgba(34, 197, 94, var(--tw-text-opacity, 1));
  content: "\ea9d";
  font-family: "sallaicons"; }
/* 
* Order rating actions
*/
.rating-actions{ display: flex; align-items: center; gap: 0.5rem; }
.rating-actions salla-button button{ margin-left: 0px !important; margin-right: 0px !important; height: 2rem !important; width: 2rem !important; border-radius: .75rem !important; }
/* 
* Blog single page
*/
.blog-single .s-comments-item-user-info-name{ margin-left: 0px; margin-right: 0px; }
/*
  Block Title
*/
.s-block__title{ margin-bottom: 1rem; display: flex; align-items: center; justify-content: space-between; }
@media (min-width: 768px){
 .s-block__title{ margin-bottom: 2rem; } }
.s-block__title .right-side:where([dir="ltr"], [dir="ltr"] *){ padding-right: 2rem; }
.s-block__title .right-side:where([dir="rtl"], [dir="rtl"] *){ padding-left: 2rem; }
.s-block__title h2{ position: relative; font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; line-height: 1.2; }
.account-main > h1.s-block__title h2 {
  display: none;
}
.s-block__title p{ margin-top: 0.5rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 0.875rem; line-height: 1.25rem; opacity: 0.6; }
@media (min-width: 640px){
 .s-block__title p{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } }
@media (min-width: 768px){
 .s-block__title p:where([dir="ltr"], [dir="ltr"] *){ padding-right: 4rem; }
 .s-block__title p:where([dir="rtl"], [dir="rtl"] *){ padding-left: 4rem; } }
.s-block__title-nav{ display: none; }
.s-block__title-nav > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.625rem * 0); margin-right: calc(0.625rem * var(--tw-space-x-reverse)); margin-left: calc(0.625rem * (1 - 0)); margin-left: calc(0.625rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.625rem * calc(1 - 0)); margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse))); }
@media (min-width: 640px){
 .s-block__title-nav{ display: flex; } }
.s-block__title-nav:where([dir="ltr"], [dir="ltr"] *){ margin-left: 1.5rem; flex-direction: row-reverse; }
.s-block__title-nav:where([dir="rtl"], [dir="rtl"] *){ margin-right: 1.5rem; }
.s-block__title-nav:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-block__display-all{ display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; opacity: 0.8; }
.account-main > h1.s-block__display-all {
  display: none;
}
.s-block__display-all:hover{ opacity: 1; }
.s-block__display-all i{ display: inline-block; }
.s-block__display-all i:where([dir="ltr"], [dir="ltr"] *){ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
/*
  Main slider
*/
.s-block--hero-slider .swiper-slide{ position: relative; height: 20rem; --tw-bg-opacity: 1; background-color: rgba(31, 41, 55, 1); background-color: rgba(31, 41, 55, var(--tw-bg-opacity, 1)); }
@media (min-width: 640px){
 .s-block--hero-slider .swiper-slide{ height: 24rem; } }
@media (min-width: 1024px){
 .s-block--hero-slider .swiper-slide{ height: 464px; } }
@media (min-width: 1280px){
 .s-block--hero-slider .swiper-slide{ height: 528px; } }
.s-block--hero-slider .swiper-slide .swiper-lazy:after{ position: absolute; top: 0px; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.6); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; --tw-content: ''; content: ''; content: var(--tw-content); }
input[type=radio].sr-only div.s-block--hero-slider .swiper-slide .swiper-lazy:after {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-block--hero-slider .swiper-slide .swiper-lazy:after {
  border-color: var(--color-main);
}
.s-block--hero-slider .swiper-slide .overlay-bg:after{ position: absolute; top: 0px; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.6); --tw-content: ''; content: ''; content: var(--tw-content); }
input[type=radio].sr-only div.s-block--hero-slider .swiper-slide .overlay-bg:after {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-block--hero-slider .swiper-slide .overlay-bg:after {
  border-color: var(--color-main);
}
/* Banner Block */
@media screen and (min-width: 768px) {
  .banner:hover .banner__title {
    animation: toTopFromBottom 0.9s;
  }
  .banner:hover .banner__description {
    animation: delayKeyframe 0.3s, toTopFromBottom 0.9s 0.3s;
  }
}
.banner--fixed img{ display: block; width: 100%; border-radius: 0.375rem; border-style: none; --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); -o-object-fit: cover; object-fit: cover; }
/* Square Banner Block */
.banner-entry{ position: relative; height: 200px; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 0.75rem; text-align: center; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); overflow: hidden; }
@media (min-width: 480px){
 .banner-entry{ padding: 1rem; } }
.banner-entry article{ display: flex; height: 100%; flex-direction: column; align-items: center; justify-content: center; padding: 0.625rem; }
.banner-entry.square-photos h3{ height: 100%; padding-left: 0.75rem; padding-right: 0.75rem; }
.banner-entry h3{ display: flex; flex-direction: column; justify-content: center; }
@media (min-width: 480px){
 .banner-entry h3{ padding-left: 0.25rem; padding-right: 0.25rem; } }
.banner-entry h3.text-with-border{ border-radius: 0.375rem; border-style: dashed; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); }
@media (min-width: 480px){
 .banner-entry h3.text-with-border{ border-width: 1px; } }
.banner-entry h3.text-with-border span{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.banner-entry p{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; opacity: 0.8; }
.banner-entry h3, .banner-entry p{ position: relative; z-index: 1; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
@media (min-width: 1024px){
 .banner-entry h3, .banner-entry p{ --tw-translate-y: 1.5rem; transform: translate(var(--tw-translate-x), 1.5rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 0; } }
.banner-entry:hover h3{ --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 1; }
.banner-entry:hover p{ --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 0.8; }
.two-row .banner-entry:first-child{ padding: 1.25rem; }
@media (min-width: 640px){
 .two-row .banner-entry:first-child{ grid-column: span 1 / span 1; grid-row: span 2 / span 2; } }
@media (min-width: 768px){
 .two-row .banner-entry:first-child{ height: 100%; } }
.two-row .banner-entry:first-child > a{ opacity: 1; }
.two-row .banner-entry:first-child h3{ font-size: 1.5rem; line-height: 3rem; }
.has-overlay:after{ position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.6); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; --tw-content: ''; content: ''; content: var(--tw-content); }
input[type=radio].sr-only div.has-overlay:after {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.has-overlay:after {
  border-color: var(--color-main);
}
.has-overlay.with-hover:after {
  transition: opacity 0.3s;
  opacity: 0;
}
.has-overlay.with-hover:hover:after {
  opacity: 1;
}
.has-overlay:hover:after{ background-color: rgba(0, 0, 0, 0.7); }
/* Full banner block */
.full-banner-entry{ position: relative; grid-row: span 2 / span 2; height: 20rem; --tw-bg-opacity: 1; background-color: rgba(231, 229, 228, 1); background-color: rgba(231, 229, 228, var(--tw-bg-opacity, 1)); background-size: cover; background-attachment: fixed; background-position: center; padding: 1.25rem; text-align: center; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; overflow: hidden; }
.full-banner-entry:hover{ opacity: 0.95; }
@media (min-width: 768px){
 .full-banner-entry{ height: 24rem; } }
@media (min-width: 1024px){
 .full-banner-entry{ height: 464px; } }
@media (min-width: 1280px){
 .full-banner-entry{ height: 528px; } }
.full-banner-entry {
  background-attachment: scroll;
  background-attachment: initial;
}
.full-banner-entry::after, .full-banner-entry::before {
  height: 100%;
  width: 100%;
  top: 0;
  right: -93%;
  content: "";
  background: #414042;
  background: var(--color-primary);
  position: absolute;
  transition: all 0.3s ease-in-out;
  transform: rotate(220deg) translateY(-50%) translateX(33%);
  opacity: 0.25;
}
.full-banner-entry::before {
  background: #fff;
  right: auto;
  transform: rotate(220deg) translateY(-40%) translateX(0);
}
[dir=ltr] .full-banner-entry::before {
  left: -52%;
}
@media (max-width: 1330px) {
  .full-banner-entry::after {
    top: -50%;
  }
}
@media (max-width: 480px) {
  .full-banner-entry::before {
    top: 20%;
  }
  .full-banner-entry::after {
    top: -80%;
  }
}
/*
  Tabs Block
*/
.tabs-wrapper .tabs__item{ display: none; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.tabs-wrapper .tabs__item.is-active{ display: block; }
.s-block--tabs-produtcs .tabs{ margin-left: -0.625rem; margin-right: -0.625rem; }
.s-block--tabs-produtcs .tabs > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.25rem * 0); margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * (1 - 0)); margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.25rem * calc(1 - 0)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); }
.s-block--tabs-produtcs .tabs{ overflow-x: auto; white-space: nowrap; padding-left: 1.25rem; padding-right: 1.25rem; padding-bottom: 1.5rem; text-align: center; }
@media (min-width: 640px){
 .s-block--tabs-produtcs .tabs{ margin-left: -1.25rem; margin-right: -1.25rem; padding-bottom: 2.5rem; } }
@media (min-width: 768px){
 .s-block--tabs-produtcs .tabs > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1rem * 0); margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * (1 - 0)); margin-left: calc(1rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(1rem * calc(1 - 0)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } }
@media (min-width: 1024px){
 .s-block--tabs-produtcs .tabs{ margin-left: 0px; margin-right: 0px; } }
.s-block--tabs-produtcs .tabs:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-block--tabs-produtcs .tab-trigger{ --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
.s-block--tabs-produtcs .tab-trigger.is-active button{ border-color: var(--color-primary-dark); background-color: var(--color-primary-dark); color: #ff6767; color: var(--color-primary-reverse); }
.s-block--special-products .tabs{ margin-bottom: 1rem; }
.s-block--special-products .tabs > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.5rem * 0); margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * (1 - 0)); margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.5rem * calc(1 - 0)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); }
.s-block--special-products .tabs{ overflow-x: auto; white-space: nowrap; }
@media (min-width: 640px){
 .s-block--special-products .tabs{ margin-bottom: 0px; } }
@media (min-width: 768px){
 .s-block--special-products .tabs > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(2rem * 0); margin-right: calc(2rem * var(--tw-space-x-reverse)); margin-left: calc(2rem * (1 - 0)); margin-left: calc(2rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(2rem * calc(1 - 0)); margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))); } }
.s-block--special-products .tabs:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.s-block--special-products .tabs__item{ flex: 1 1 0%; gap: 0.625rem; }
@media (min-width: 640px){
 .s-block--special-products .tabs__item{ gap: 2rem; } }
.s-block--special-products .tabs__item.is-active {
  display: grid;
}
.s-block--special-products .tab-trigger{ font-weight: 700; line-height: 1.75rem; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
.account-main > h1.s-block--special-products .tab-trigger {
  display: none;
}
.s-block--special-products .tab-trigger.is-active button{ border-color: var(--color-primary-dark); color: var(--color-primary-dark); }
.s-block--tabs-produtcs:not(.tabs-initialized) .tabs-wrapper > div:not(:first-child),
.s-block--special-products:not(.tabs-initialized) .tabs-wrapper > div:not(:first-child) {
  display: none;
}
/* feature products*/
.s-block--features-products.two-cols .inner {
  display: grid;
  grid-gap: 1.25rem;
  gap: 1.25rem;
}
@media (min-width: 1024px){
 .s-block--features-products.two-cols .inner{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* slider with bg block */
.s-block--slider-with-bg{ margin-top: 2rem; --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); padding-bottom: 2rem; }
.s-block--slider-with-bg:first-of-type{ margin-top: 0px; }
@media (min-width: 640px){
 .s-block--slider-with-bg{ margin-top: 4rem; padding-bottom: 4rem; } }
.s-block--slider-with-bg .slider-bg{ position: relative; height: 24rem; background-size: cover; background-position: center; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
@media (min-width: 640px){
 .s-block--slider-with-bg .slider-bg{ height: 464px; } }
.s-block--slider-with-bg .slider-bg:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, 1);
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity, 1));
  opacity: 0.6;
}
input[type=radio].sr-only div.s-block--slider-with-bg .slider-bg:before {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-block--slider-with-bg .slider-bg:before {
  border-color: var(--color-main);
}
.s-block--slider-with-bg .s-slider-block__title-right{ display: none; }
.s-block--slider-with-bg .s-slider-block__title-left{ display: flex; width: 100%; justify-content: space-between; }
.s-block--slider-with-bg .s-slider-block__display-all{ display: block; display: inline-flex; flex: 1 1 0%; align-items: center; justify-content: center; white-space: nowrap; border-radius: 0.375rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 0.625rem; padding-top: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.account-main > h1.s-block--slider-with-bg .s-slider-block__display-all {
  display: none;
}
.s-block--slider-with-bg .s-slider-block__display-all:hover{ opacity: 0.8; }
.s-block--slider-with-bg .s-slider-block__display-all{ display: inline-flex; flex: 1 1 0%; align-items: center; justify-content: center; white-space: nowrap; border-radius: 0.375rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 0.625rem; padding-top: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.account-main > h1.s-block--slider-with-bg .s-slider-block__display-all {
  display: none;
}
.s-block--slider-with-bg .s-slider-block__display-all:hover{ opacity: 0.8; }
.s-block--slider-with-bg .s-slider-block__display-all .loader {
  width: 0;
  opacity: 0;
  height: 16px;
  transform: scale(0);
  transition: 0.3s;
}
.s-block--slider-with-bg .s-slider-block__display-all {
  /* Disabled state */
}
.s-block--slider-with-bg .s-slider-block__display-all.btn:disabled{ cursor: default; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); background-color: transparent; --tw-text-opacity: 1; color: rgba(209, 213, 219, 1); color: rgba(209, 213, 219, var(--tw-text-opacity, 1)); --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-block--slider-with-bg .s-slider-block__display-all.btn:disabled:hover{ background-color: transparent; }
.s-block--slider-with-bg .s-slider-block__display-all:disabled .s-button-text{ opacity: 0.7; }
.s-block--slider-with-bg .s-slider-block__display-all {
  /* Button Variants */
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, 1);
  border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, 1);
  color: rgba(156, 163, 175, var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow)
}
.s-block--slider-with-bg .s-slider-block__display-all:hover{ border-color: #414042; border-color: var(--color-primary); background-color: #414042; background-color: var(--color-primary); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.s-block--slider-with-bg .s-slider-block__display-all.light{ --tw-border-opacity: 1; border-color: rgba(255, 255, 255, 1); border-color: rgba(255, 255, 255, var(--tw-border-opacity, 1)); background-color: transparent; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.btn--outline.s-block--slider-with-bg .s-slider-block__display-all{ --tw-border-opacity: 1; border-color: rgba(255, 255, 255, 1); border-color: rgba(255, 255, 255, var(--tw-border-opacity, 1)); background-color: transparent; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.s-block--slider-with-bg .s-slider-block__display-all{ border-radius: 9999px; }
@media only screen and (min-width: 1024px) {
  .main-menu .sub-menu .s-block--slider-with-bg .s-slider-block__display-all {
    padding: 8px 10px 10px;
  }
}
.s-block--slider-with-bg .s-slider-block__display-all{ background-color: transparent !important; --tw-text-opacity: 1 !important; color: rgba(255, 255, 255, 1) !important; color: rgba(255, 255, 255, var(--tw-text-opacity, 1)) !important;
  flex-grow: 0 !important; }
/*
  Main Links Block
*/
.slide--cat-entry{ display: flex; height: 9rem; flex-direction: column; align-items: center; justify-content: center; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(243, 244, 246, 1); border-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 0.75rem; text-align: center; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; }
.slide--cat-entry:hover{ --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); --tw-shadow: 5px 10px 30px #2B2D340D;; --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 5px 10px 30px #2B2D340D;; box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.slide--cat-entry i{ margin-bottom: 1rem; display: inline-block; font-size: 33px; color: #414042; color: var(--color-primary); }
.slide--cat-entry h2{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; }
.account-main > h1.slide--cat-entry h2 {
  display: none;
}
/*
  offers slider
*/
.slide--offer-entry{ display: flex; height: 9rem; flex-direction: column; align-items: center; justify-content: space-between; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); text-align: center; --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; }
.slide--offer-entry:hover{ --tw-shadow: 5px 10px 30px #2B2D340D;; --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 5px 10px 30px #2B2D340D;; box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.s-block{ margin-top: 2rem; }
@media (min-width: 640px){
 .s-block{ margin-top: 4rem; } }
.s-block--full-bg + footer,
.s-block--full-bg + .s-block--full-bg, .s-block--full-bg:first-of-type{ margin-top: 0px; }
.s-block--full-bg + .merge-with-top-component{ z-index: 1; margin-top: -7rem; }
@media (min-width: 768px){
 .s-block--full-bg + .merge-with-top-component{ margin-top: -8rem; } }
.s-block--full-bg + .merge-with-top-component .s-slider-block__title {
  color: #fff !important;
}
.s-block--full-bg + .merge-with-top-component .s-slider-block__title {
  text-align: center;
}
@media (min-width: 640px){
 .s-block--full-bg + .merge-with-top-component .s-slider-block__title{ margin-bottom: 1rem; text-align: left; } }
.s-block--full-bg + .merged-has-no-title{ margin-top: -4rem; }
@media (min-width: 768px){
 .s-block--full-bg + .merged-has-no-title{ margin-top: -74px; } }
@media (min-width: 640px){
 .s-block--full-bg + .merged-has-no-title .s-slider-block__title{ margin-bottom: 0px; } }
.s-block--categories{ position: relative; overflow: hidden; }
.s-block--categories__title{ position: relative; z-index: 1; min-height: 28px; font-size: 1rem; line-height: 1.5rem; font-weight: 700; }
.account-main > h1.s-block--categories__title {
  display: none;
}
@media (min-width: 640px){
 .s-block--categories__title{ margin-bottom: 1rem; font-size: 1.125rem; line-height: 1.75rem; } }
.s-block--features__item{ display: flex; flex-grow: 1; cursor: pointer; flex-direction: column; align-items: center; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 2rem; padding-bottom: 2rem; text-align: center; transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; }
.s-block--features__item * {
  pointer-events: none;
}
.s-block--features__item:hover{ --tw-shadow: 5px 10px 30px #2B2D340D;; --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 5px 10px 30px #2B2D340D;; box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
@media (min-width: 768px){
 .s-block--features__item{ padding-left: 2rem; padding-right: 2rem; } }
.s-block--features__item:first-child{ grid-column: span 2 / span 2; }
@media (min-width: 768px){
 .s-block--features__item:first-child{ grid-column: span 1 / span 1; } }
.s-block--features__item .feature-icon{ margin-bottom: 0.75rem; display: flex; height: 4rem; width: 4rem; align-items: center; justify-content: center; border-radius: 9999px; background-color: #414042; background-color: var(--color-primary); overflow: hidden; }
.s-block--features__item .feature-icon i{ font-size: 1.875rem; line-height: 2.25rem; color: #ff6767; color: var(--color-primary-reverse); }
.s-block--features__item h2{ margin-bottom: 0.25rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
.account-main > h1.s-block--features__item h2 {
  display: none;
}
.s-block--features__item p{ font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-block--features__item:hover .feature-icon i {
  animation: toRightFromLeft 0.3s forwards;
}
.s-block--features + .s-block--features,
.s-block--fixed-banner + .s-block--fixed-banner,
.s-block--banners + .s-block--banners {
  margin-top: 2em;
}
.s-block--tabs-produtcs + .s-block--tabs-produtcs {
  padding-top: 2em;
}
salla-slider{ display: block; }
salla-slider.details-slider .s-slider-container{ border-radius: 0.375rem; border-width: 1px; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); }
salla-slider.details-slider .swiper-slide{ position: relative; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(1px + 0px) #2563eb, 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); --tw-ring-inset: inset; --tw-ring-opacity: 1; --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity, 1)); }
salla-slider.details-slider salla-button.btn--wishlist{ position: absolute; bottom: 1rem; z-index: 2; }
input[type=radio].sr-only divsalla-slider.details-slider salla-button.btn--wishlist {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ divsalla-slider.details-slider salla-button.btn--wishlist {
  border-color: var(--color-main);
}
@media (min-width: 640px){
 salla-slider.details-slider salla-button.btn--wishlist{ display: none; } }
salla-slider.details-slider salla-button.btn--wishlist:where([dir="ltr"], [dir="ltr"] *){ left: 1rem; }
salla-slider.details-slider salla-button.btn--wishlist:where([dir="rtl"], [dir="rtl"] *){ right: 1rem; }
salla-slider.details-slider .s-slider-block__title-nav{ display: none; }
@media (min-width: 640px){
 salla-slider.details-slider .s-slider-block__title-nav{ display: flex; } }
salla-slider .slide--one-fourth{ height: auto; width: 100%; max-width: 250px; }
@media (min-width: 640px){
 salla-slider .slide--one-fourth{ width: 50%; max-width: 320px; } }
@media (min-width: 768px){
 salla-slider .slide--one-fourth{ width: 33.333333%; } }
@media (min-width: 1024px){
 salla-slider .slide--one-fourth{ width: 25%; } }
salla-slider .slide--one-sixth{ width: 50%; }
@media (min-width: 640px){
 salla-slider .slide--one-sixth{ width: 33.333333%; } }
@media (min-width: 768px){
 salla-slider .slide--one-sixth{ width: 25%; } }
@media (min-width: 1024px){
 salla-slider .slide--one-sixth{ width: 16.666667%; } }
salla-slider .swiper-slide {
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
.promotion-title{ position: absolute; top: 1rem; z-index: 10; --tw-bg-opacity: 1; background-color: rgba(153, 27, 27, 1); background-color: rgba(153, 27, 27, var(--tw-bg-opacity, 1)); font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.account-main > h1.promotion-title {
  display: none;
}
input[type=radio].sr-only div.promotion-title {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.promotion-title {
  border-color: var(--color-main);
}
.promotion-title:where([dir="ltr"], [dir="ltr"] *){ left: 0px; border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; }
.promotion-title:where([dir="rtl"], [dir="rtl"] *){ right: 0px; border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; }
.promotion-title{ margin: 0px !important; width: auto !important; padding-left: 0.75rem !important; padding-right: 0.75rem !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.discount-badge{ position: absolute; top: 1rem; z-index: 10; --tw-bg-opacity: 1; background-color: rgba(153, 27, 27, 1); background-color: rgba(153, 27, 27, var(--tw-bg-opacity, 1)); font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.account-main > h1.discount-badge {
  display: none;
}
input[type=radio].sr-only div.discount-badge {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.discount-badge {
  border-color: var(--color-main);
}
.discount-badge:where([dir="ltr"], [dir="ltr"] *){ right: 0px; border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; }
.discount-badge:where([dir="rtl"], [dir="rtl"] *){ left: 0px; border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; }
.discount-badge{ margin: 0px !important; width: auto !important; padding-left: 0.75rem !important; padding-right: 0.75rem !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.home-slider__slide {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.home-slider__slide:not(.loaded) .overlay {
  opacity: 0;
}
salla-slider.photos-slider .swiper-pagination-bullets.swiper-pagination-horizontal{ bottom: 0px; }
salla-slider.photos-slider .swiper{ padding-bottom: 2.5rem; }
salla-slider.photos-slider .swiper:where([dir="ltr"], [dir="ltr"] *){ padding-right: 1.5rem; }
@media (min-width: 768px){
 salla-slider.photos-slider .swiper:where([dir="ltr"], [dir="ltr"] *){ padding-right: 3rem; } }
salla-slider.photos-slider .swiper:where([dir="rtl"], [dir="rtl"] *){ padding-left: 1.5rem; }
@media (min-width: 768px){
 salla-slider.photos-slider .swiper:where([dir="rtl"], [dir="rtl"] *){ padding-left: 3rem; } }
salla-slider.photos-slider .swiper{ margin-left: 0px; margin-right: 0px; width: 100%; }
salla-slider.photos-slider:not(.hydrated) > div{ justify-content: center; }
salla-slider.photos-slider .swiper-slide{ position: relative; margin-left: 0.375rem; margin-right: 0.375rem; height: auto; width: 100%; border-radius: 0.375rem; overflow: hidden; }
@media (min-width: 768px){
 salla-slider.photos-slider .swiper-slide{ margin-left: 0.75rem; margin-right: 0.75rem; } }
@media (min-width: 1024px){
 salla-slider.photos-slider .swiper-slide{ margin-left: 1rem; margin-right: 1rem; width: 80%; } }
salla-slider.photos-slider .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){ --tw-bg-opacity: 1; background-color: rgba(209, 213, 219, 1); background-color: rgba(209, 213, 219, var(--tw-bg-opacity, 1)); }
@media (max-width: 1024px) {
  salla-slider.photos-slider .swiper:where([dir="ltr"], [dir="ltr"] *){ padding-left: 1rem; }
  salla-slider.photos-slider .swiper:where([dir="rtl"], [dir="rtl"] *){ padding-right: 1rem; }
  salla-slider.photos-slider .swiper-slide{ padding-left: 0px; padding-right: 0px; }
}
.swiper:not(.swiper-initialized) .swiper-button {
  opacity: 0;
}
.s-block--testimonials.container{ padding: 0px; }
@media (min-width: 1024px){
 .s-block--testimonials.container{ padding-left: 0.625rem; padding-right: 0.625rem; } }
.s-block--testimonials .s-slider-block__title{ padding-left: 0.625rem; padding-right: 0.625rem; }
@media (min-width: 1024px){
 .s-block--testimonials .s-slider-block__title{ padding-left: 0px; padding-right: 0px; } }
.s-block--testimonials .s-slider-block__title-nav{ top: 65% !important; display: none !important; max-width: 88% !important; }
@media (min-width: 1024px){
 .s-block--testimonials .s-slider-block__title-nav{ display: flex !important; } }
.s-block--testimonials .s-slider-block__title-nav button{ --tw-border-opacity: 1 !important; border-color: rgba(243, 244, 246, 1) !important; border-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)) !important; --tw-shadow-color: #d1d5db !important; --tw-shadow: var(--tw-shadow-colored) !important; }
@media screen and (min-width: 768px) {
  .best-products-slider .swiper-wrapper {
    height: 510px;
  }
  .best-products-slider .swiper-wrapper .swiper-slide {
    height: calc((100% - 30px) / 2);
  }
}
.swiper-button-disabled {
  opacity: 0.5;
}
salla-slider .swiper-pagination-bullet {
  width: 20px;
  border-radius: 5px;
  background: #fff;
  opacity: 0.3;
}
salla-slider .swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #414042;
  background-color: var(--color-primary);
}
salla-slider .swiper-pagination-bullets.swiper-pagination-horizontal{ bottom: 0.75rem; }
@media (min-width: 640px){
 salla-slider .swiper-pagination-bullets.swiper-pagination-horizontal{ bottom: 1.5rem; } }
.offer-slider .s-slider-block__title{ position: relative; margin-bottom: 1.25rem; }
.offer-slider .s-slider-block__title:before{ position: absolute; top: 1rem; font-size: 3rem; font-weight: 400; line-height: 1; --tw-text-opacity: 1; color: rgba(254, 242, 242, 1); color: rgba(254, 242, 242, var(--tw-text-opacity, 1)); }
input[type=radio].sr-only div.offer-slider .s-slider-block__title:before {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.offer-slider .s-slider-block__title:before {
  border-color: var(--color-main);
}
.offer-slider .s-slider-block__title:where([dir="ltr"], [dir="ltr"] *):before{ left: 0px; }
.offer-slider .s-slider-block__title:where([dir="rtl"], [dir="rtl"] *):before{ right: 0px; }
.offer-slider .s-slider-block__title:before {
  content: "\ee30";
  font-family: "sallaicons";
}
.offer-slider .s-slider-block__title h2{ font-size: 1.125rem; line-height: 1.75rem; --tw-text-opacity: 1; color: rgba(248, 113, 113, 1); color: rgba(248, 113, 113, var(--tw-text-opacity, 1)); }
.offer-slider .s-slider-block__title p{ margin-top: 0.25rem; overflow: visible; display: block; -webkit-box-orient: horizontal; -webkit-line-clamp: none; line-height: 1.5rem; }
.bank-offer .s-slider-block__title{ display: none; }
model-viewer[style*=width]:before{ display: none; }
.blog-slider .swiper-slide img{ max-height: 480px; min-height: 380px; }
@media (min-width: 768px){
 .blog-slider .swiper-slide img{ max-height: 680px; } }
/* ============================================================================
   Products section slider — align nav arrows with the custom heading
   ============================================================================ */
.home-products-section {
  position: relative;
}
.home-products-section salla-products-slider {
  position: relative;
  display: block;
}
.home-products-section salla-products-slider .s-slider-block__title {
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.home-products-section salla-products-slider .s-slider-block__title-content,
.home-products-section salla-products-slider .s-slider-block__title > h1,
.home-products-section salla-products-slider .s-slider-block__title > h2,
.home-products-section salla-products-slider .s-slider-block__title > h3,
.home-products-section salla-products-slider .s-slider-block__title > h4,
.home-products-section salla-products-slider .s-slider-block__title > p,
.home-products-section salla-products-slider .s-slider-block__title > span:not([class*=nav]) {
  display: none !important;
}
.home-products-section salla-products-slider .s-slider-block__title-nav {
  position: absolute !important;
  margin: 0 !important;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.home-products-section salla-products-slider .s-slider-block__title-nav {
  top: -56px;
  left: 16px;
  right: auto;
  z-index: 5;
  gap: 8px;
}
@media (max-width: 991px) {
  .home-products-section salla-products-slider .s-slider-block__title-nav {
    top: -48px;
    left: 12px;
  }
}
@media (max-width: 575px) {
  .home-products-section salla-products-slider .s-slider-block__title-nav {
    position: static !important;
    margin-top: 12px !important;
    margin-bottom: 8px !important;
  }
  .home-products-section salla-products-slider .s-slider-block__title-nav {
    justify-content: flex-end;
    top: auto;
    left: auto;
  }
}
.home-products-section:not(.hide-arrows) .xc-sec-heading {
  padding-left: 110px;
}
@media (max-width: 575px) {
  .home-products-section:not(.hide-arrows) .xc-sec-heading {
    padding-left: 0;
  }
}
.home-products-section.hide-arrows salla-products-slider .s-slider-block__title-nav {
  display: none !important;
}
[dir=ltr] .home-products-section salla-products-slider .s-slider-block__title-nav {
  left: auto !important;
  right: 16px !important;
}
@media (max-width: 991px) {
  [dir=ltr] .home-products-section salla-products-slider .s-slider-block__title-nav {
    right: 12px !important;
  }
}
[dir=ltr] .home-products-section:not(.hide-arrows) .xc-sec-heading {
  padding-left: 0;
  padding-right: 110px;
}
@media (max-width: 575px) {
  [dir=ltr] .home-products-section:not(.hide-arrows) .xc-sec-heading {
    padding-right: 0;
  }
}
.product-entry{ position: relative; display: flex; height: 100%; justify-content: space-between; border-radius: 0.5rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.product-entry:hover{ --tw-shadow: 5px 10px 30px #2B2D340D;; --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 5px 10px 30px #2B2D340D;; box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.product-entry--wishlist{ flex-direction: column; justify-content: space-between; padding: 1rem; }
@media (min-width: 640px){
 .product-entry--wishlist{ flex-direction: row; } }
.product-entry--wishlist .product-entry__image{ height: 3rem; width: 4rem; border-radius: 0.375rem; overflow: hidden; }
@media (min-width: 768px){
 .product-entry--wishlist .product-entry__image{ height: 4rem; width: 5rem; } }
.product-entry--wishlist salla-button{ display: flex; }
.s-comments-page{ padding-top: 4rem; }
.s-comments-product{ margin-bottom: 1rem; --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); padding-top: 1rem; padding-bottom: 1rem; }
@media (min-width: 768px){
 .s-comments-product{ margin-bottom: 3.5rem; padding-top: 3.5rem; padding-bottom: 3.5rem; } }
.s-comments-product .s-comments-container{ width: 100%; margin-right: auto; margin-left: auto; padding-right: 10px; padding-left: 10px; }
@media (min-width: 1280px){
 .s-comments-product .s-comments-container{ max-width: 1280px; } }
.footer-copyrights-vat-certificate .s-comments-product .s-comments-container {
  padding: 30px 0;
}
@media (max-width: 991px) {
  .footer .s-comments-product .s-comments-container{
    padding:0 15px;
  }}
@media (min-width: 1400px) {
  .s-comments-product .s-comments-container { max-width: 1320px; }
}
@media only screen and (min-width: 1024px) {
  .main-menu .sub-menu li.mega-menu .s-comments-product .s-comments-container ul{ margin: 0px; border-style: none; padding: 0px; }
  .main-menu .sub-menu li.mega-menu .s-comments-product .s-comments-container > div{ display: none; }
}
.s-block--testimonials.s-comments-product .s-comments-container{ padding: 0px; }
@media (min-width: 1024px){
 .s-block--testimonials.s-comments-product .s-comments-container{ padding-left: 0.625rem; padding-right: 0.625rem; } }
.breadcrumb-section .s-comments-product .s-comments-container {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  gap: 15px;
  text-align: left;
}
.stories-slider-section .s-comments-product .s-comments-container {
  position: relative;
}
.share-btns-list{ position: absolute; top: 3rem; z-index: 10; display: flex; flex-direction: column; align-items: center; border-radius: 1.5rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); opacity: 0; --tw-shadow: 0px 3px 6px rgba(0,0,0,0.16078); --tw-shadow-colored: 0px 3px 6px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0px 3px 6px rgba(0,0,0,0.16078); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); overflow: hidden; }
input[type=radio].sr-only div.share-btns-list {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.share-btns-list {
  border-color: var(--color-main);
}
.share-btns-list a{ display: block; padding: 0.75rem; }
.share-btns-list a:hover{ color: #414042; color: var(--color-primary); }
.cart-item salla-conditional-fields > section{ padding-left: 0px; padding-right: 0px; padding-top: 0px; }
.cart-item salla-conditional-fields > section:last-child{ margin-bottom: 0px; padding-bottom: 0px; }
.s-product-card-content-pie-svg-base {
  transition: stroke-dashoffset 1s linear;
  stroke: #E8EDF2;
  stroke-width: 2px;
  stroke-linecap: round;
  fill: none;
}
.s-product-card-content-pie-svg-bar {
  fill: none;
  stroke: #414042;
  stroke: var(--color-primary);
  stroke-dasharray: 100 100;
  stroke-dashoffset: 100;
}
.s-product-card-content-sub{ justify-content: flex-start; gap: 0.75rem; }
.s-product-card-starting-price{ width: auto; }
.s-product-card-content-title {
  word-break: break-word;
}
.pie-wrapper{ position: absolute; top: 0.625rem; display: flex; height: 72px; width: 72px; align-items: center; justify-content: center; color: #414042; color: var(--color-primary); }
input[type=radio].sr-only div.pie-wrapper {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.pie-wrapper {
  border-color: var(--color-main);
}
.pie-wrapper:where([dir="ltr"], [dir="ltr"] *){ right: 1.25rem; }
.pie-wrapper:where([dir="rtl"], [dir="rtl"] *){ left: 1.25rem; }
.pie-wrapper .pie-svg circle {
  transition: stroke-dashoffset 1s linear;
  stroke: #E8EDF2;
  stroke-width: 2px;
  stroke-linecap: round;
  fill: none;
}
.pie-wrapper .pie-svg circle.circle_bar {
  stroke: #414042;
  stroke: var(--color-primary);
  stroke-dasharray: 100 100;
  stroke-dashoffset: 100;
}
.pie-wrapper span {
  display: block;
  color: #7c8082;
  color: var(--color-text);
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
  font-size: var(--font-xsm);
}
.pie-wrapper span b {
  font-size: var(--font-md) !important;
}
.pie-wrapper span b {
  margin-bottom: 3px;
  color: #414042;
  color: var(--color-primary);
}
/* Add to cart sticky bar */
@media (max-width: 640px) {
  .is-sticky-product-bar.product-single{ padding-bottom: 7rem; }
  .is-sticky-product-bar .sticky-product-bar{ position: fixed; bottom: 0px; left: 0px; z-index: 2; display: flex; width: 100%; --tw-translate-y: 28rem; transform: translate(var(--tw-translate-x), 28rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); flex-direction: column; align-items: center; justify-content: space-between; gap: 0.625rem; padding: 0.75rem; opacity: 0; --tw-shadow: -1px -2px 9px 0 rgba(0,0,0,0.05); --tw-shadow-colored: -1px -2px 9px 0 var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), -1px -2px 9px 0 rgba(0,0,0,0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-delay: 500ms; transition-duration: 700ms; transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1); flex-wrap: wrap; }
  @media (min-width: 640px){
  .is-sticky-product-bar .sticky-product-bar{ gap: 1rem; } }
  .is-sticky-product-bar .sticky-product-bar__quantity,
  .is-sticky-product-bar .sticky-product-bar salla-add-product-button{ width: 100%; --tw-translate-y: 1.25rem; transform: translate(var(--tw-translate-x), 1.25rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 0; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 700ms; transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1); }
  .is-sticky-product-bar .sticky-product-bar__price,
  .is-sticky-product-bar .sticky-product-bar .form-label{ display: none; }
  .is-sticky-product-bar .sticky-product-bar__quantity salla-quantity-input{ width: 100%; }
  .is-sticky-product-bar .sticky-product-bar__quantity salla-quantity-input .s-quantity-input-container{ width: 100%; }
  .is-sticky-product-bar .sticky-product-bar__quantity salla-quantity-input .s-quantity-input-input{ width: 80%; }
  .is-sticky-product-bar .sticky-product-bar__quantity{ margin: 0px; transition-delay: 900ms; }
  .is-sticky-product-bar .sticky-product-bar salla-add-product-button{ margin: 0px; width: auto; flex: 1 1 0%; transition-delay: 1000ms; }
  .hydrated .is-sticky-product-bar .sticky-product-bar, .hydrated .is-sticky-product-bar .sticky-product-bar__quantity,
  .hydrated .is-sticky-product-bar .sticky-product-bar salla-add-product-button{ --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 1; }
}
.s-tabs-header * {
  pointer-events: auto !important;
}
.product__description ul,
.product__description li {
  list-style: inherit !important;
}
.product__description ul,
.product__description ol{ padding-left: 1.5rem; padding-right: 1.5rem; }
.product__description ol {
  list-style: auto !important;
}
.product__description a{ --tw-text-opacity: 1; color: rgba(29, 78, 216, 1); color: rgba(29, 78, 216, var(--tw-text-opacity, 1)); }
.model-viewer-wrapper{ position: relative; margin-bottom: 1rem; width: 100%; }
@media (min-width: 768px){
 .model-viewer-wrapper{ margin-bottom: 0px; } }
.switcher-3d-view{ position: absolute; top: 1.25rem; }
input[type=radio].sr-only div.switcher-3d-view {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.switcher-3d-view {
  border-color: var(--color-main);
}
.switcher-3d-view:where([dir="ltr"], [dir="ltr"] *){ right: 1rem; }
.switcher-3d-view:where([dir="rtl"], [dir="rtl"] *){ left: 1rem; }
.model-viewer{ height: 100%; width: 100%; }
.model-viewer__poster{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-size: contain; background-position: center; background-repeat: no-repeat; }
input[type=radio].sr-only div.model-viewer__poster {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.model-viewer__poster {
  border-color: var(--color-main);
}
.s-toggle .s-toggle-switcher-has-text:before{ text-align: center; font-size: 0.75rem; line-height: 1rem; font-weight: 700; line-height: 22px; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); --tw-content: attr(data-switcher-text); content: attr(data-switcher-text); content: var(--tw-content); }
.account-main > h1.s-toggle .s-toggle-switcher-has-text:before {
  display: none;
}
.s-toggle .s-toggle-switcher-has-text:before {
  font-family: arial, serif;
}
.s-toggle .s-toggle-input:checked + div.s-toggle-switcher-bg-white:before{ --tw-border-opacity: 1; border-color: rgba(255, 255, 255, 1); border-color: rgba(255, 255, 255, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); }
.product-option-uploader .s-file-upload-wrapper {
  min-height: 120px;
}
.product-option-uploader .s-file-upload-wrapper .filepond--list-scroller {
  overflow-y: inherit !important;
}
.product-option-uploader .s-file-upload-wrapper .filepond--drop-label {
  min-height: 120px !important;
}
.product-option-uploader .s-file-upload-wrapper .filepond--drop-label {
  cursor: pointer;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, 1);
  border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
}
.product-option-uploader .s-file-upload-wrapper .filepond--drop-label * {
  pointer-events: none;
}
.product-option-uploader .s-file-upload-wrapper .product-option-uploader-placholder{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.product-option-uploader .s-file-upload-wrapper .product-option-uploader-placholder-icon{ margin-bottom: 0.25rem; }
.product-option-uploader .s-file-upload-wrapper .product-option-uploader-placholder-icon i {
  color: #7c8082;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
@media (max-width: 640px) {
  .s-offer-modal-slider-centered .s-offer-modal-slider-item {
    max-width: 46% !important;
  }
}
.s-product-card-full-image salla-add-product-button{ border-radius: .75rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); }
.s-product-card-wishlist-added i{ --tw-text-opacity: 1; color: rgba(239, 68, 68, 1); color: rgba(239, 68, 68, var(--tw-text-opacity, 1)); }
.s-product-card-fit-height.s-product-card-vertical .s-product-card-image{ flex: none; }
@media (min-width: 640px){
 .s-product-card-fit-height.s-product-card-vertical .s-product-card-image{ flex: 1 1 0%; } }
.s-product-options-colors-wrapper{ display: flex; gap: 1rem; flex-wrap: wrap; }
.s-product-options-colors-wrapper .s-product-options-colors-item{ margin: 0px; width: auto; }
.s-product-options-colors-wrapper .s-product-options-colors-item:where([dir="ltr"], [dir="ltr"] *){ margin: 0px; }
.s-product-options-colors-wrapper .s-product-options-colors-item:where([dir="rtl"], [dir="rtl"] *){ margin: 0px; }
.s-product-card-minimal .s-product-card-image:where([dir="ltr"], [dir="ltr"] *){ border-top-left-radius: .75rem; border-bottom-left-radius: .75rem; }
.s-product-card-minimal .s-product-card-image:where([dir="rtl"], [dir="rtl"] *){ border-top-right-radius: .75rem; border-bottom-right-radius: .75rem; }
.s-product-card-starting-price{ justify-content: flex-start; gap: 0.625rem; }
.s-product-card-starting-price h4{ --tw-text-opacity: 1; color: rgba(153, 27, 27, 1); color: rgba(153, 27, 27, var(--tw-text-opacity, 1)); }
.s-product-card-minimal salla-button.s-product-card-wishlist-btn{ top: 0.625rem; }
.s-product-card-minimal salla-button.s-product-card-wishlist-btn:where([dir="ltr"], [dir="ltr"] *){ right: 0.625rem; }
.s-product-card-minimal salla-button.s-product-card-wishlist-btn:where([dir="rtl"], [dir="rtl"] *){ left: 0.625rem; }
.magnify-wrapper .img-magnifier-glass{ display: none; }
@media (min-width: 640px){
 .magnify-wrapper .img-magnifier-glass{ display: block; } }
.magnify-wrapper .img-magnifier-glass {
  position: absolute;
  z-index: 3;
  border-radius: 50%;
  cursor: none;
  /*Set the size of the magnifier glass:*/
  width: 300px;
  height: 300px;
  opacity: 0;
  pointer-events: none;
  transform: scale(0);
  transition: transform 0.5s ease;
  box-shadow: inset 0px 0px 30px #949494;
}
.magnify-wrapper:hover .img-magnifier-glass {
  opacity: 1;
  pointer-events: initial;
  transform: scale(1);
  transition-delay: 0.3s;
}
.s-product-card-image img{ opacity: 1; }
.s-product-card-horizontal .s-product-card-content{ margin-bottom: 0px; }
@media (max-width: 480px) {
  .s-product-card-horizontal salla-button.s-product-card-wishlist-btn{ position: absolute; bottom: 0.625rem; }
input[type=radio].sr-only div.s-product-card-horizontal salla-button.s-product-card-wishlist-btn {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.s-product-card-horizontal salla-button.s-product-card-wishlist-btn {
  border-color: var(--color-main);
}
  .s-product-card-horizontal salla-button.s-product-card-wishlist-btn:where([dir="ltr"], [dir="ltr"] *){ left: -3rem; }
  .s-product-card-horizontal salla-button.s-product-card-wishlist-btn:where([dir="rtl"], [dir="rtl"] *){ right: -3rem; }
}
.s-product-card-horizontal salla-progress-bar{ display: flex; flex-grow: 1; flex-direction: column; }
.s-rating-stars-reviews{ --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-product-card-promotion-title{ --tw-bg-opacity: 1; background-color: rgba(153, 27, 27, 1); background-color: rgba(153, 27, 27, var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.s-product-card-sale-price h4{ --tw-text-opacity: 1 !important; color: rgba(153, 27, 27, 1) !important; color: rgba(153, 27, 27, var(--tw-text-opacity, 1)) !important; }
.s-product-card-sale-price span{ color: inherit; }
@media (max-width: 1024px) {
  salla-filters,
  salla-filters > *{ padding-left: 1.25rem !important; padding-right: 1.25rem !important; }
}
#offer-corner-badge{ position: absolute; z-index: 1; float: left; margin: 0px; height: auto; width: auto; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-width: 0px; --tw-bg-opacity: 1; background-color: rgba(220, 38, 38, 1); background-color: rgba(220, 38, 38, var(--tw-bg-opacity, 1)); padding-left: 3rem; padding-right: 3rem; padding-top: 0.25rem; padding-bottom: 0.25rem; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
input[type=radio].sr-only div#offer-corner-badge {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div#offer-corner-badge {
  border-color: var(--color-main);
}
#offer-corner-badge:where([dir="ltr"], [dir="ltr"] *){ top: 1.25rem; right: -3.5rem; --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(45deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
#offer-corner-badge:where([dir="rtl"], [dir="rtl"] *){ top: 0.75rem; left: -3rem; --tw-rotate: -45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-45deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.cart-options{ border-radius: 0.375rem; border-width: 1px; border-style: dashed; --tw-border-opacity: 1; border-color: rgba(156, 163, 175, 1); border-color: rgba(156, 163, 175, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); }
.cart-options salla-product-options{ margin-bottom: 0px; padding-top: 0px; }
.cart-options salla-product-options .s-product-options-option:not(div.s-product-options-option-booking){ display: block !important; }
.cart-options salla-product-options-label{ margin-bottom: 0.75rem; }
.cart-options salla-product-options .s-form-control{ border-radius: 0.375rem; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); }
.cart-options salla-product-options .s-datetime-picker-input{ border-radius: 0.375rem; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); }
.cart-options salla-product-options .s-product-options-multiple-options-wrapper{ display: block !important; }
salla-quantity-input[max="1"] input{ pointer-events: none; opacity: 0.5; }
salla-quantity-input[max="1"] .s-quantity-input-button{ cursor: not-allowed; }
.s-fulfillment-methods-list {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
}
.s-fulfillment-methods-card {
  flex: 1;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  padding: 20px;
}
.s-fulfillment-methods-content {
  display: flex;
  align-items: center;
  gap: 12px;
}
.s-fulfillment-methods-icon-wrap {
  width: 50px;
  min-width: 50px;
  height: 50px;
  background-color: #f5f5f5;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s-fulfillment-methods-icon {
  font-size: 22px;
  color: #555;
}
.s-fulfillment-methods-text {
  display: flex;
  flex-direction: column;
  text-align: right;
}
.s-fulfillment-methods-title {
  font-size: 15px;
  font-weight: 700;
  color: #333;
  margin-bottom: 2px;
}
.s-fulfillment-methods-subtitle {
  font-size: 13px;
  color: #777;
}
@media (max-width: 640px) {
  .s-fulfillment-methods-list {
    flex-direction: column;
  }
}
.breadcrumb-section {
  background: var(--bread-bg);
  padding: 50px 0;
  position: relative;
  z-index: 1;
  margin-bottom: 50px;
}
.breadcrumb-section.withBg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 0;
}
.breadcrumb-section.withBg:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: -1;
}
.breadcrumb-section .container {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  gap: 15px;
  text-align: left;
}
.breadcrumb-section,
.s-breadcrumb-item {
  color: var(--bread-text-color);
  font-size: 20px;
}
.s-breadcrumb-item a {
  color: var(--primary-color);
  font-size: 20px;
}
.breadcrumb-section.withBg,
.breadcrumb-section.withBg .s-breadcrumb-item {
  color: var(--bread-text-color-with-bg);
}
.s-breadcrumb-arrow:after {
  font-family: "sallaicons" !important;
}
.s-breadcrumb-arrow:after {
  color: var(--primary-color);
  content: "\ea64";
  font-weight: 400;
  font-size: 15px;
  position: relative;
  top: 3px;
  display: block;
}
[dir=ltr] .s-breadcrumb-arrow::after {
  transform: scaleX(-1);
}
.s-breadcrumb-arrow svg {
  display: none;
}
.breadcrumb-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  direction: rtl;
  text-align: right;
  gap: 15px;
  flex-direction: row-reverse;
  justify-content: start;
}
[dir=ltr] .breadcrumb-inner {
  direction: ltr;
  text-align: left;
}
.breadcrumb-inner.has-cat-image .breadcrumb-text {
  flex: 1;
}
.breadcrumb-category-title {
  color: var(--bread-text-color);
  font-size: 26px;
  font-weight: 700;
  margin: 0 0 10px;
}
.breadcrumb-section.withBg .breadcrumb-category-title {
  color: var(--bread-text-color-with-bg);
}
.breadcrumb-cat-image {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 106px;
  height: 106px;
  border-radius: 50%;
  background-color: #E3E3EC;
  overflow: hidden;
  padding: 15px;
}
.breadcrumb-cat-image img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .breadcrumb-category-title {
    font-size: 20px;
  }
  .breadcrumb-cat-image {
    width: 80px;
    height: 80px;
    padding: 10px;
  }
}
@media (max-width: 1760px) {
  .breadcrumb-section {
    padding: 40px 0;
  }
  .breadcrumb-section.withBg {
    padding: 65px 0;
  }
  .breadcrumb-section,
  .s-breadcrumb-item {
    font-size: 15px;
  }
  .s-breadcrumb-item a {
    font-size: 15px;
  }
  .s-breadcrumb-arrow:after {
    top: 2px;
  }
}
@media (max-width: 768px) {
  .breadcrumb-section {
    padding: 30px 0;
  }
  .breadcrumb-section.withBg {
    padding: 50px 0;
  }
}
.brands-nav{ display: flex; flex-wrap: wrap; justify-content: center; }
.brands-nav > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.5rem * 0); margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * (1 - 0)); margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.5rem * calc(1 - 0)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); --tw-space-y-reverse: 0; margin-top: calc(0.5rem * (1 - 0)); margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(0.5rem * calc(1 - 0)); margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * 0); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); }
.brands-nav            { flex-wrap: wrap; }
.brands-nav:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.brands-nav__item{ display: flex; height: 2.5rem; width: 2.5rem; align-items: center; justify-content: center; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 0.25rem; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.brands-nav__item:hover{ --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.brands-nav__item:focus{ border-color: #414042; border-color: var(--color-primary); }
.brands-nav__item.is-selected{ background-color: #414042 !important; background-color: var(--color-primary) !important; color: #ff6767 !important; color: var(--color-primary-reverse) !important; }
.brands-nav__item span{ pointer-events: none; }
.brands-nav.is-sticky{ position: fixed; top: 2.25rem; z-index: 0; height: 100%; flex-direction: column; flex-wrap: wrap; }
.brands-nav.is-sticky > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.125rem * (1 - 0)); margin-top: calc(0.125rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(0.125rem * calc(1 - 0)); margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.125rem * 0); margin-bottom: calc(0.125rem * var(--tw-space-y-reverse)); }
.brands-nav.is-sticky{ padding-top: 4rem; padding-bottom: 2.5rem; flex-wrap: wrap; }
.brands-nav.is-sticky:where([dir="ltr"], [dir="ltr"] *){ left: 0.5rem; }
.brands-nav.is-sticky:where([dir="rtl"], [dir="rtl"] *){ right: 0.5rem; }
.brands-nav.is-sticky .brands-nav__item{ --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); }
@media (max-width: 1280px) {
  .brands-nav.is-sticky .brands-nav__item{ height: 1.5rem; width: 1.5rem; }
}
.brand-char{ display: flex; height: 2.5rem; width: 2.5rem; align-items: center; justify-content: center; border-radius: 0.375rem; border-width: 1px; border-color: transparent; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); font-size: 0.875rem; line-height: 1.25rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.brand-char:hover{ --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.brand-char:focus{ border-color: #414042; border-color: var(--color-primary); }
.brand-char:where([dir="ltr"], [dir="ltr"] *){ margin-right: 1.25rem; }
@media (min-width: 768px){
 .brand-char:where([dir="ltr"], [dir="ltr"] *){ margin-right: 3rem; } }
.brand-char:where([dir="rtl"], [dir="rtl"] *){ margin-left: 1.25rem; }
@media (min-width: 768px){
 .brand-char:where([dir="rtl"], [dir="rtl"] *){ margin-left: 3rem; } }
.brand-item{ position: relative; display: flex; height: 5rem; align-items: center; justify-content: center; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); background-size: cover; padding: 0.75rem; text-align: center; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; overflow: hidden; }
.brand-item:hover{ opacity: 0.95; }
@media (min-width: 640px){
 .brand-item{ height: 6rem; padding: 1rem; } }
@media (min-width: 768px){
 .brand-item{ height: 8rem; padding: 2rem; } }
.index .brand-item{ padding: 1rem; }
.index .brand-item img{ width: auto; }
@media (min-width: 480px){
 .index .brand-item img{ max-width: 150px; } }
.no-content-placeholder{ display: flex; height: 100%; flex-direction: column; align-items: center; justify-content: center; padding-top: 2.5rem; padding-bottom: 5rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.no-content-placeholder .icon{ margin-bottom: 1rem; display: flex; height: 8rem; width: 8rem; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); font-size: 3rem; line-height: 1; --tw-text-opacity: 1; color: rgba(209, 213, 219, 1); color: rgba(209, 213, 219, var(--tw-text-opacity, 1)); }
.no-content-placeholder p{ margin-bottom: 1rem; font-size: 1rem; line-height: 1.5rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.s-gifting-modal .s-checkbox {
  background-color: #fff !important;
  border: 1px solid #ccc !important;
}
.s-gifting-modal .s-checkbox:focus {
  --tw-ring-color: transparent !important;
}
.s-gifting-modal .s-gifting-filepond-placeholder-icon svg {
  fill: #ccc !important;
}
.s-gifting-widget .s-list-tile-item{ border-top-left-radius: 0px; border-top-right-radius: 0px; border-style: none; }
.loyalty .breadcrumbs{ padding-bottom: 0px; padding-top: 1rem; }
.loyalty .breadcrumbs ol{ justify-content: center; }
@media (min-width: 1024px){
 .loyalty .breadcrumbs ol{ justify-content: flex-start; } }
.loyalty .breadcrumbs a,
.loyalty .breadcrumbs span,
.loyalty .breadcrumbs .arrow{ color: rgba(255, 255, 255, 0.9);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); }
.loyalty__banner{ position: relative; margin: auto; margin-bottom: 7rem; margin-top: 5rem; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 2.5rem; --tw-shadow: 5px 10px 30px #2B2D340D;; --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 5px 10px 30px #2B2D340D;; box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); overflow: hidden; }
@media (min-width: 1024px){
 .loyalty__banner{ padding-top: 4rem; padding-bottom: 4rem; padding-left: 5rem; padding-right: 5rem; } }
.loyalty__banner-inner{ position: relative; z-index: 10; flex: 1 1 0%; align-items: center; text-align: center; }
@media (min-width: 640px){
 .loyalty__banner-inner{ display: flex; }
 .loyalty__banner-inner > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(3rem * 0); margin-right: calc(3rem * var(--tw-space-x-reverse)); margin-left: calc(3rem * (1 - 0)); margin-left: calc(3rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(3rem * calc(1 - 0)); margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse))); } }
.loyalty__banner-inner:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.loyalty__banner-content{ flex: 1 1 0%; align-items: center; justify-content: space-between; }
@media (min-width: 768px){
 .loyalty__banner-content{ display: flex; } }
.loyalty__banner-content .info{ margin-bottom: 1.5rem; }
@media (min-width: 768px){
 .loyalty__banner-content .info{ margin-bottom: 0px; } }
.loyalty__banner-content .info h1{ margin-bottom: 0.625rem; font-size: 1.875rem; line-height: 2.25rem; font-weight: 700; }
.account-main > h1.loyalty__banner-content .info h1 {
  display: none;
}
.loyalty__banner-content .info p{ margin-bottom: 0.5rem; max-width: 20rem; line-height: 1.5rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.loyalty__banner .loyalty-points{ font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
.loyalty__banner .loyalty-points .count-number{ font-size: 2.25rem; line-height: 2.5rem; font-weight: 700; color: #414042; color: var(--color-primary); }
.account-main > h1.loyalty__banner .loyalty-points .count-number {
  display: none;
}
.loyalty__banner .loyalty-points .count-number:where([dir="ltr"], [dir="ltr"] *){ margin-left: 0.625rem; }
.loyalty__banner .loyalty-points .count-number:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0.625rem; }
.loyalty-star{ position: absolute; z-index: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 0.7; }
input[type=radio].sr-only div.loyalty-star {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.loyalty-star {
  border-color: var(--color-main);
}
.loyalty-star i{ font-size: 400px; --tw-text-opacity: 1; color: rgba(243, 244, 246, 1); color: rgba(243, 244, 246, var(--tw-text-opacity, 1)); }
.loyalty-star--first{ right: -6rem; top: -12rem; --tw-rotate: -45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-45deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.loyalty-star--second{ left: -4rem; bottom: -10rem; --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-90deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.loyalty .product-entry__image {
  flex-shrink: initial;
}
.points-ways__list{ display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap: 0.625rem; gap: 0.625rem; }
@media (min-width: 640px){
 .points-ways__list{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; } }
@media (min-width: 768px){
 .points-ways__list{ grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1024px){
 .points-ways__list{ grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.points-ways__list .way-item{ display: flex; width: 100%; flex-direction: column; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 1.5rem; opacity: 1; --tw-shadow: 5px 10px 30px #2B2D340D;; --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 5px 10px 30px #2B2D340D;; box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.points-ways__list .way-item__icon{ position: relative; display: flex; height: 3rem; width: 3rem; flex-shrink: 0; align-items: center; justify-content: center; }
.points-ways__list .way-item__icon span{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 0; height: 100%; width: 100%; border-radius: 9999px; opacity: 0.1; }
input[type=radio].sr-only div.points-ways__list .way-item__icon span {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.points-ways__list .way-item__icon span {
  border-color: var(--color-main);
}
.points-ways__list .way-item__content{ display: flex; flex-direction: column; justify-content: flex-start; }
.points-ways__list .way-item__content h4{ word-break: break-all; font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; }
.account-main > h1.points-ways__list .way-item__content h4 {
  display: none;
}
.points-ways__list .way-item__content p{ font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); }
.points-ways__list .way-item__action{ margin-top: auto; padding-top: 1rem; }
.virtooal {
  margin: 15px 0;
  border-radius: 10px;
  border: 1px solid rgb(229, 229, 229);
  background: white;
}
@media screen and (min-width: 992px) {
  .virtooal {
    padding: 18px;
  }
}
.virtooal--content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.virtooal--details {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 992px) {
  .virtooal--details {
    display: none;
  }
}
.virtooal--details--title {
  font-size: 16px;
  font-weight: 700;
  color: #1F2937;
}
.virtooal--details--desc {
  font-size: 13px;
  color: #7C8082;
  font-weight: 400;
}
@media (max-width: 992px) {
  .virtooal--action {
    width: 100%;
  }
}
.virtooal--action button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  border: 1px solid #414042;
  border: 1px solid var(--color-primary);
  font-weight: 700;
  font-size: 14px;
  padding: 8px 30px;
  font-size: 0.875rem;
  padding: 0.5rem 1.5rem 0.625rem 1.5rem;
  line-height: 1.25rem;
  background: #414042;
  background: var(--color-primary);
  color: #ff6767;
  color: var(--color-primary-reverse);
  border-radius: 5px;
}
.virtooal--action button:hover {
  opacity: 0.8 !important;
}
.virtooal--action button:hover {
  background: var(--color-primary-dark);
}
@media (max-width: 992px) {
  .virtooal--action button {
    width: 100%;
  }
}
.virtooal--action button .icon {
  width: 14px;
  height: 14px;
}
[dir=rtl] .virtooal--action button .icon {
  margin-left: 0.75rem;
}
[dir=ltr] .virtooal--action button .icon {
  margin-right: 0.75rem;
}
.landing-page{ --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); }
@media (max-width: 640px) {
  .landing-page{ padding-bottom: 4rem; }
}
.landing-page > header{ position: relative; width: 100%; overflow: hidden; }
.landing-page > header .header-content{ position: relative; z-index: 1; margin-left: auto; margin-right: auto; max-width: 750px; padding-bottom: 30px; text-align: center; }
.landing-page > header .header-content-logo img{ margin-left: auto; margin-right: auto; margin-bottom: 6rem; margin-top: 2.5rem; height: auto; max-height: 75px; width: auto; max-width: 100%; }
.landing-page > header .header-content-inner > h1{ margin-bottom: 1rem; font-size: 1.5rem; line-height: 2rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(68, 68, 68, 1); color: rgba(68, 68, 68, var(--tw-text-opacity, 1)); }
.account-main > h1.landing-page > header .header-content-inner > h1 {
  display: none;
}
@media (min-width: 768px){
 .landing-page > header .header-content-inner > h1{ font-size: 2.25rem; line-height: 2.5rem; } }
.landing-page > header .header-content-inner > p{ font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(136, 136, 136, 1); color: rgba(136, 136, 136, var(--tw-text-opacity, 1)); }
@media (min-width: 768px){
 .landing-page > header .header-content-inner > p{ font-size: 1rem; line-height: 1.5rem; } }
.landing-page > header .header-content-offer{ margin-top: 4rem; }
.landing-page > header .header-content-offer p{ margin-bottom: 1.5rem; font-size: 1.25rem; line-height: 1.75rem; --tw-text-opacity: 1; color: rgba(234, 84, 85, 1); color: rgba(234, 84, 85, var(--tw-text-opacity, 1)); }
.landing-page > header .header-content-offer h3{ margin-bottom: 4rem; font-size: 1.875rem; line-height: 2.25rem; --tw-text-opacity: 1; color: rgba(68, 68, 68, 1); color: rgba(68, 68, 68, var(--tw-text-opacity, 1)); }
.landing-page > header:before {
  border-radius: 0 0 50% 50%/0 0 100% 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: none;
  height: 100%;
  width: 100%;
  --tw-scale-x: 1.5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.5) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgba(245, 247, 249, 1);
  background-color: rgba(245, 247, 249, var(--tw-bg-opacity, 1));
  --tw-content: '';
  content: '';
  content: var(--tw-content);
}
input[type=radio].sr-only div.landing-page > header:before {
  transition: all 0.3s;
}
input[type=radio].sr-only:checked ~ div.landing-page > header:before {
  border-color: var(--color-main);
}
@media (min-width: 640px){
 .landing-page > header:before{ display: block; } }
@media (min-width: 768px) {
  .landing-page .center-products .vertical-products .s-products-list-wrapper{ display: flex; justify-content: center; }
}
@media (max-width: 767px) {
  .landing-page .center-products .vertical-products .s-products-list-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important;
  }
}
@media (min-width: 1024px) {
  .landing-page .center-products .vertical-products .s-products-list-wrapper .s-product-card-vertical {
    min-width: 286px;
    max-width: 286px;
  }
}
@media ((min-width: 768px) and (max-width: 1023px)) {
  .landing-page .center-products .vertical-products .s-products-list-wrapper .s-product-card-vertical {
    min-width: 220px;
  }
}
.landing-page .swiper-wrapper{ padding-bottom: 1.25rem; }
.landing-page .swiper-wrapper .s-product-card-entry, .landing-page .s-products-list-wrapper .s-product-card-entry{ border-width: 1px; --tw-border-opacity: 1; border-color: rgba(238, 238, 238, 1); border-color: rgba(238, 238, 238, var(--tw-border-opacity, 1)); }
.landing-page--quick-buy{ margin-top: 1.5rem; text-align: center; }
.landing-page--quick-buy salla-mini-checkout-widget{ display: flex; justify-content: center;
  --salla-fast-checkout-button-width: 260px; }
@media (max-width: 640px) {
  .landing-page--quick-buy salla-mini-checkout-widget{ flex: 1 1 0%;
    --salla-fast-checkout-button-width: 100%; }
  .landing-page--quick-buy{ position: fixed; bottom: 0px; left: 0px; z-index: 2; display: flex; width: 100%; --tw-translate-y: 28rem; transform: translate(var(--tw-translate-x), 28rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); align-items: center; justify-content: space-between; gap: 0.625rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 0.75rem; opacity: 0; --tw-shadow: -1px -2px 9px 0 rgba(0,0,0,0.05); --tw-shadow-colored: -1px -2px 9px 0 var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), -1px -2px 9px 0 rgba(0,0,0,0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-delay: 500ms; transition-duration: 700ms; transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1); flex-wrap: wrap; }
  @media (min-width: 640px){
  .landing-page--quick-buy{ gap: 1rem; } }
  .hydrated .landing-page--quick-buy,
  .hydrated .landing-page--quick-buy salla-mini-checkout-widget{ --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 1; }
}
.landing-page.notfound > header{ margin-bottom: 3rem; display: flex; min-height: 50vh; align-items: center; justify-content: center; }
.landing-page.notfound > header img{ margin-bottom: 3rem; }
.landing-page.expired > header{ margin-bottom: 3rem; display: flex; min-height: 50vh; align-items: center; justify-content: center; }
.landing-page.expired > header .header-content{ max-width: 600px; }
.landing-page.expired > header .header-content img{ margin-bottom: 3rem; }
.landing-page.expired > header .header-content h1{ --tw-text-opacity: 1; color: rgba(234, 84, 85, 1); color: rgba(234, 84, 85, var(--tw-text-opacity, 1)); }
.landing-page .s-product-card-wishlist-btn {
  display: hidden;
}
.s-add-product-toast{ position: fixed; z-index: 9999; display: flex; width: 100vw; flex-direction: column; gap: 1rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 1.25rem; --tw-shadow: 5px 10px 30px #2B2D340D;; --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 5px 10px 30px #2B2D340D;; box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transform: translateY(-100%);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out; }
.s-add-product-toast.s-add-product-toast--visible {
  opacity: 1;
  transform: translateY(0);
}
@media (min-width: 768px) {
  .s-add-product-toast{ width: 400px; border-radius: 0.5rem;
    top: 1rem;
    left: auto;
    right: auto; }
  [dir=rtl] .s-add-product-toast {
    left: 1rem;
    transform: translateX(-100%);
  }
  [dir=rtl] .s-add-product-toast.s-add-product-toast--visible {
    transform: translateX(0);
  }
  [dir=ltr] .s-add-product-toast {
    right: 1rem;
    transform: translateX(100%);
  }
  [dir=ltr] .s-add-product-toast.s-add-product-toast--visible {
    transform: translateX(0);
  }
}
.s-add-product-toast__progress{ height: 0.5rem; width: 100%; --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)); }
.s-add-product-toast__progress-bar{ height: 100%; --tw-bg-opacity: 1; background-color: rgba(34, 197, 94, 1); background-color: rgba(34, 197, 94, var(--tw-bg-opacity, 1));
  transition: width 50ms linear; }
.s-add-product-toast__header{ display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; }
.s-add-product-toast__header-content{ display: flex; align-items: center; gap: 0.625rem; }
.s-add-product-toast__icon{ flex-shrink: 0; }
.cart-totals-row-wrapper .s-add-product-toast__icon {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-add-product-toast__icon {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-add-product-toast__icon {
  text-align: right;
}
.s-add-product-toast__title{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
.account-main > h1.s-add-product-toast__title {
  display: none;
}
.s-add-product-toast__close{ display: flex; height: 1.5rem; width: 1.5rem; cursor: pointer; align-items: center; justify-content: center; border-width: 0px; background-color: transparent; padding: 0px; flex-shrink: 0; }
.cart-totals-row-wrapper .s-add-product-toast__close {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-add-product-toast__close {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-add-product-toast__close {
  text-align: right;
}
.s-add-product-toast__close * {
  pointer-events: none;
}
.s-add-product-toast__close i{ font-size: 1.125rem; line-height: 1.75rem; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.s-add-product-toast__close:hover i{ --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); }
.s-add-product-toast__divider{ height: 1px; --tw-bg-opacity: 1; background-color: rgba(229, 231, 235, 1); background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1)); }
.s-add-product-toast__body{ display: flex; align-items: flex-start; gap: 0.75rem; }
.s-add-product-toast__image{ height: 5rem; width: 5rem; border-radius: 0.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(243, 244, 246, 1); border-color: rgba(243, 244, 246, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); -o-object-fit: contain; object-fit: contain; flex-shrink: 0; overflow: hidden; }
.cart-totals-row-wrapper .s-add-product-toast__image {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-add-product-toast__image {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-add-product-toast__image {
  text-align: right;
}
.s-add-product-toast__image img{ height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; }
@media (min-width: 768px) {
  .s-add-product-toast__image{ height: 88px; width: 88px; }
}
.s-add-product-toast__details{ display: flex; min-width: 0px; flex: 1 1 0%; flex-direction: column; gap: 0.25rem; }
.s-add-product-toast__name{ display: block; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; line-height: 1.375; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); text-decoration-line: none; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.s-add-product-toast__name:hover{ color: #414042; color: var(--color-primary); }
.s-add-product-toast__options{ margin-top: 0.25rem; display: flex; flex-direction: column; gap: 0.125rem; }
.s-add-product-toast__options span{ font-size: 0.75rem; line-height: 1rem; line-height: 1.625; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); }
@media (min-width: 768px) {
  .s-add-product-toast__options span{ font-size: 0.875rem; line-height: 1.25rem; }
}
.s-add-product-toast__show-more{ margin-top: 0.125rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; color: #414042; color: var(--color-primary); text-decoration-line: underline; }
.s-add-product-toast__show-more:hover{ text-decoration-line: none; }
@media (min-width: 768px) {
  .s-add-product-toast__show-more{ font-size: 0.875rem; line-height: 1.25rem; }
}
.s-add-product-toast__price{ display: flex; flex-direction: column; align-items: flex-end; gap: 0.25rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); flex-shrink: 0; }
.cart-totals-row-wrapper .s-add-product-toast__price {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-add-product-toast__price {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-add-product-toast__price {
  text-align: right;
}
.account-main > h1.s-add-product-toast__price {
  display: none;
}
@media (min-width: 768px) {
  .s-add-product-toast__price{ font-size: 1rem; line-height: 1.5rem; }
}
.s-add-product-toast__price-sale{ --tw-text-opacity: 1; color: rgba(153, 27, 27, 1); color: rgba(153, 27, 27, var(--tw-text-opacity, 1)); }
.s-add-product-toast__price-original{ font-size: 0.75rem; line-height: 1rem; font-weight: 400; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)); text-decoration-line: line-through; }
@media (min-width: 768px) {
  .s-add-product-toast__price-original{ font-size: 0.875rem; line-height: 1.25rem; }
}
.s-add-product-toast__actions{ display: flex; gap: 0.75rem; }
.s-add-product-toast__actions salla-button{ flex: 1 1 0%; }
.s-add-product-toast__actions salla-button svg{ display: inline-flex; flex-shrink: 0; }
.cart-totals-row-wrapper .s-add-product-toast__actions salla-button svg {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  color: var(--primary-color);
  direction: ltr;
}
.cart-product-row-wrapper .s-add-product-toast__actions salla-button svg {
  text-align: left;
}
[dir="ltr"] .cart-product-row-wrapper .s-add-product-toast__actions salla-button svg {
  text-align: right;
}
.s-add-product-toast__actions salla-button svg path {
  fill: none;
}
.s-add-product-toast__actions salla-button .s-button-btn{ border-radius: 0px; }
.s-add-product-toast__actions salla-button .s-button-btn.s-button-gray-outline{ --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity, 1)); }
/* ============================================================================
   Stories Slider — Instagram-style stories for the homepage
   ============================================================================ */
.stories-slider-section {
  direction: rtl;
}
.stories-slider-section .container,
.stories-slider-section .container-fluid {
  position: relative;
}
.stories-slider__header .stories-slider__title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #414042;
  color: var(--color-primary, #1a1a1a);
}
.stories-slider__header .stories-slider__subtitle {
  font-size: 0.85rem;
  color: #777;
}
[dir=ltr] .stories-slider__header {
  flex-direction: row-reverse;
}
.stories-slider__wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
}
.stories-slider__nav {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  cursor: pointer;
  transition: all 0.2s ease;
  z-index: 2;
}
.stories-slider__nav:hover {
  background: #414042;
  background: var(--color-primary, #1a1a1a);
  color: #fff;
  transform: scale(1.08);
}
.stories-slider__nav i {
  font-size: 14px;
}
@media (max-width: 768px) {
  .stories-slider__nav {
    display: none;
  }
}
.stories-slider__track {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 8px 4px 12px;
  flex-grow: 1;
}
.stories-slider__track::-webkit-scrollbar {
  display: none;
}
.story-item {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 92px;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  transition: transform 0.25s ease;
}
.story-item:hover {
  transform: translateY(-3px);
}
.story-item:hover .story-item__image img {
  transform: scale(1.08);
}
.story-item--new .story-item__ring {
  background: conic-gradient(from 180deg at 50% 50%, #f09433 0deg, #e6683c 90deg, #dc2743 180deg, #cc2366 270deg, #bc1888 360deg);
  animation: storyRingPulse 3s ease-in-out infinite;
}
.story-item__ring {
  position: relative;
  display: inline-block;
  width: 86px;
  height: 86px;
  padding: 3px;
  border-radius: 50%;
  background: linear-gradient(135deg, #d1d1d1, #a8a8a8);
}
.story-item__image {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  background: #f3f3f3;
  border: 2.5px solid #fff;
}
.story-item__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.story-item__placeholder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ccc;
  font-size: 28px;
}
.story-item__play-icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.25);
  font-size: 22px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.story-item__label {
  font-size: 0.78rem;
  color: #333;
  text-align: center;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}
@keyframes storyRingPulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.04);
  }
}
/* ============================================================================
   Stories Viewer — Fullscreen modal
   ============================================================================ */
.stories-viewer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  direction: rtl;
}
.stories-viewer[hidden] {
  display: none;
}
.stories-viewer__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.92);
  backdrop-filter: blur(8px);
  cursor: pointer;
  animation: storiesFadeIn 0.25s ease;
}
.stories-viewer__container {
  position: relative;
  width: 100%;
  max-width: 420px;
  height: 85vh;
  max-height: 760px;
  background: #000;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  animation: storiesScaleIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media (max-width: 600px) {
  .stories-viewer__container {
    width: 100%;
    height: 100vh;
    max-height: none;
    border-radius: 0;
  }
}
.stories-viewer__progress {
  position: absolute;
  top: 12px;
  left: 12px;
  right: 12px;
  display: flex;
  gap: 4px;
  z-index: 5;
}
.stories-viewer__progress span {
  flex: 1;
  height: 3px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}
.stories-viewer__progress span::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 0;
  background: #fff;
  transition: width 0.05s linear;
}
.stories-viewer__progress span.is-active::after {
  width: 0%;
  width: var(--story-progress, 0%);
}
.stories-viewer__progress span.is-done::after {
  width: 100%;
}
.stories-viewer__header {
  position: absolute;
  top: 28px;
  left: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 5;
  color: #fff;
  pointer-events: none;
}
.stories-viewer__header .stories-viewer__title {
  font-size: 0.95rem;
  font-weight: 600;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
.stories-viewer__header .stories-viewer__close {
  pointer-events: auto;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
  border: 0;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}
.stories-viewer__header .stories-viewer__close:hover {
  background: rgba(255, 255, 255, 0.3);
}
.stories-viewer__media {
  flex: 1;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
}
.stories-viewer__media img,
.stories-viewer__media video {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.stories-viewer__footer {
  position: absolute;
  bottom: 24px;
  left: 24px;
  right: 24px;
  z-index: 5;
  display: flex;
  justify-content: center;
}
.stories-viewer__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background: #fff;
  color: #1a1a1a;
  border-radius: 999px;
  font-weight: 700;
  -webkit-text-decoration: none;
  text-decoration: none;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
  transition: transform 0.2s, box-shadow 0.2s;
  font-size: 0.92rem;
}
.stories-viewer__cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4);
  color: #1a1a1a;
}
.stories-viewer__cta i {
  font-size: 12px;
}
.stories-viewer__tap {
  position: absolute;
  top: 60px;
  bottom: 80px;
  width: 35%;
  border: 0;
  background: transparent;
  cursor: pointer;
  z-index: 4;
}
.stories-viewer__tap--prev {
  right: 0;
}
.stories-viewer__tap--next {
  left: 0;
}
@keyframes storiesFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes storiesScaleIn {
  from {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
/* Lock scroll when viewer is open */
body.stories-open {
  overflow: hidden;
}
/* ============================================================================
   Live Sales Ticker — floating social-proof notifications
   ============================================================================ */
.live-ticker {
  position: fixed;
  z-index: 9000;
  width: 320px;
  max-width: calc(100vw - 24px);
  background: #fff;
  color: #1a1a1a;
  border-radius: 14px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18), 0 2px 6px rgba(0, 0, 0, 0.08);
  padding: 12px 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(20px);
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  font-family: inherit;
  direction: rtl;
  text-align: right;
  backdrop-filter: blur(8px);
}
.live-ticker.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.live-ticker--dark {
  background: rgba(20, 20, 24, 0.92);
  color: #fff;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
}
.live-ticker--dark .live-ticker__title {
  color: #fff;
}
.live-ticker--dark .live-ticker__subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.live-ticker {
  /* Positions */
}
.live-ticker--bottom-right {
  bottom: 20px;
  right: 20px;
}
@media (max-width: 768px) {
  .live-ticker--bottom-right {
    bottom: 14px;
    right: 12px;
    left: 12px;
    width: auto;
    max-width: none;
  }
}
.live-ticker--bottom-left {
  bottom: 20px;
  left: 20px;
}
@media (max-width: 768px) {
  .live-ticker--bottom-left {
    bottom: 14px;
    right: 12px;
    left: 12px;
    width: auto;
  }
}
.live-ticker--top-right {
  top: 96px;
  right: 20px;
}
@media (max-width: 768px) {
  .live-ticker--top-right {
    top: 70px;
    right: 12px;
    left: 12px;
    width: auto;
  }
}
.live-ticker--top-left {
  top: 96px;
  left: 20px;
}
@media (max-width: 768px) {
  .live-ticker--top-left {
    top: 70px;
    right: 12px;
    left: 12px;
    width: auto;
  }
}
.live-ticker__icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(20, 200, 130, 0.15), rgba(20, 200, 130, 0.05));
  color: #14b870;
  font-size: 22px;
  overflow: hidden;
}
.live-ticker__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.live-ticker__body {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.live-ticker__title {
  font-size: 0.92rem;
  font-weight: 600;
  color: #1a1a1a;
  line-height: 1.3;
  margin: 0 0 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.live-ticker__subtitle {
  font-size: 0.78rem;
  color: #777;
  line-height: 1.3;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 4px;
}
.live-ticker__subtitle::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #14b870;
  animation: liveTickerPulse 1.5s ease-in-out infinite;
}
.live-ticker__close {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: transparent;
  border: 0;
  color: #999;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  transition: background 0.2s, color 0.2s;
}
.live-ticker__close:hover {
  background: rgba(0, 0, 0, 0.06);
  color: #333;
}
.live-ticker--dark .live-ticker__close {
  color: rgba(255, 255, 255, 0.6);
}
.live-ticker--dark .live-ticker__close:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}
a.live-ticker {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
}
@keyframes liveTickerPulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.4;
    transform: scale(0.85);
  }
}
/* Hide the section itself — only the floating widget should be visible */
.live-ticker-section {
  display: contents;
}
/* ============================================================================
   Mood Shopping — interactive mood/occasion cards
   ============================================================================ */
.mood-shopping-section {
  direction: rtl;
}
.mood-shopping__header {
  margin-bottom: 36px;
}
@media (max-width: 768px) {
  .mood-shopping__header {
    margin-bottom: 24px;
  }
}
.mood-shopping__header .mood-shopping__title {
  font-size: max(1.4rem, min(3vw, 2rem));
  font-weight: 800;
  color: #414042;
  color: var(--color-primary, #1a1a1a);
  margin: 0 0 8px;
  letter-spacing: -0.02em;
}
.mood-shopping__header .mood-shopping__subtitle {
  font-size: max(0.9rem, min(1.5vw, 1rem));
  color: #777;
  margin: 0;
  font-weight: 500;
}
.mood-shopping__grid {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 576px) {
  .mood-shopping__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 992px) {
  .mood-shopping__grid {
    grid-template-columns: repeat(6, 1fr);
  }
}
.mood-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 24px 14px 20px;
  min-height: 170px;
  border-radius: 20px;
  background: #f5f7fa;
  background: var(--mood-bg, #f5f7fa);
  color: #1a1a1a;
  color: var(--mood-accent, #1a1a1a);
  -webkit-text-decoration: none;
  text-decoration: none;
  overflow: hidden;
  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.35s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  cursor: pointer;
  isolation: isolate;
  /* Background image variant */
}
.mood-card[data-has-image=true] {
  background-image: var(--mood-image);
  background-size: cover;
  background-position: center;
  color: #fff;
}
.mood-card[data-has-image=true]::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.55) 100%);
  z-index: -1;
  transition: background 0.35s ease;
}
.mood-card[data-has-image=true] .mood-card__icon {
  background: rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(6px);
  color: #fff;
}
.mood-card {
  /* Hover state */
}
.mood-card:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.12);
  color: #1a1a1a;
  color: var(--mood-accent, #1a1a1a);
}
.mood-card:hover[data-has-image=true] {
  color: #fff;
}
.mood-card:hover[data-has-image=true]::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.45) 100%);
}
.mood-card:hover .mood-card__icon {
  transform: scale(1.1) rotate(-4deg);
}
.mood-card:hover .mood-card__arrow {
  transform: translateX(-6px);
  opacity: 1;
}
.mood-card:hover .mood-card__shine {
  transform: translateX(-150%) skewX(-15deg);
}
.mood-card:active {
  transform: translateY(-2px) scale(0.99);
}
.mood-card__shine {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -50%;
  width: 50%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);
  transform: translateX(0) skewX(-15deg);
  transition: transform 0.8s ease;
  pointer-events: none;
  z-index: 1;
}
.mood-card__icon {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  color: inherit;
}
.mood-card__icon i {
  font-size: 26px;
}
.mood-card__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  z-index: 1;
}
.mood-card__title {
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.3;
  color: inherit;
}
.mood-card__subtitle {
  font-size: 0.75rem;
  opacity: 0.7;
  font-weight: 500;
}
.mood-card__arrow {
  position: absolute;
  bottom: 14px;
  left: 14px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateX(6px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  z-index: 2;
}
.mood-card__arrow i {
  font-size: 11px;
}
.mood-card[data-has-image=true] .mood-card__arrow {
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(4px);
  color: #fff;
}
/* ============================================================================
   Exclusive Offers — Hero-style discount cards with countdown
   ============================================================================ */
.exclusive-offers-section {
  position: relative;
  /* Allow nav arrows to overflow outside the card edges */
  overflow: visible;
  /* Direction is inherited from <html>/<body>; the slider JS reads
     `document.documentElement.dir` to compute transforms, so we must NOT
     force `direction: rtl` here — that would break LTR (English) mode. */
}
.exclusive-offers__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 24px;
}
.exclusive-offers__header .exclusive-offers__title {
  font-size: max(1.4rem, min(3vw, 1.9rem));
  font-weight: 700;
  color: #414042;
  color: var(--color-primary, #066bff);
  margin: 0;
  letter-spacing: -0.01em;
}
.exclusive-offers__header .exclusive-offers__badge {
  display: inline-block;
  padding: 6px 14px;
  background: #EFD33D;
  color: #1c1c1c;
  font-weight: 700;
  font-size: 0.8rem;
  border-radius: 6px;
  animation: badgePulse 2.5s ease-in-out infinite;
}
@keyframes badgePulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.04);
  }
}
/* ===== Empty state placeholder ===== */
.exclusive-offers__placeholder {
  text-align: center;
  padding: 60px 20px;
  color: #999;
  background: rgba(0, 0, 0, 0.02);
  border: 2px dashed rgba(0, 0, 0, 0.1);
  border-radius: 16px;
}
.exclusive-offers__placeholder i {
  font-size: 48px;
  opacity: 0.4;
  display: block;
  margin-bottom: 12px;
}
.exclusive-offers__placeholder p {
  margin: 0;
  font-size: 0.95rem;
}
/* ===== Wrap (arrows positioned over the card) ===== */
.exclusive-offers__wrap {
  position: relative;
  width: 100%;
}
.exclusive-offers__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.95);
  color: #1c1c1c;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.25s ease;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
  z-index: 5;
  backdrop-filter: blur(8px);
}
.exclusive-offers__nav:hover {
  background: #414042;
  background: var(--color-primary, #066bff);
  color: #fff;
  border-color: transparent;
  transform: translateY(-50%) scale(1.08);
}
.exclusive-offers__nav i {
  font-size: 14px;
}
.exclusive-offers__nav {
  /* LTR (default): prev arrow on the LEFT, next arrow on the RIGHT.
     The `[dir="rtl"]` block below flips this for Arabic stores. Half on
     the card, half outside (44px / 2 = -22px). NOTE: we use physical
     `left`/`right` because postcss-logical converts logical properties
     at build time, which drops RTL behavior. */
}
.exclusive-offers__nav--prev {
  left: -22px;
}
.exclusive-offers__nav--next {
  right: -22px;
}
@media (max-width: 768px) {
  .exclusive-offers__nav {
    width: 38px;
    height: 38px;
    /* 38px / 2 = -19px */
  }
  .exclusive-offers__nav--prev {
    left: -19px;
  }
  .exclusive-offers__nav--next {
    right: -19px;
  }
}
/* RTL override: swap arrow positions so prev sits on the right (start of
   reading) and next on the left (end of reading). */
[dir=rtl] .exclusive-offers__nav--prev {
  left: auto;
  right: -22px;
}
[dir=rtl] .exclusive-offers__nav--next {
  right: auto;
  left: -22px;
}
@media (max-width: 768px) {
  [dir=rtl] .exclusive-offers__nav--prev {
    right: -19px;
  }
  [dir=rtl] .exclusive-offers__nav--next {
    left: -19px;
  }
}
/* ===== Custom Track/Slider ===== */
.exclusive-offers__viewport {
  width: 100%;
  overflow: hidden;
  border-radius: 16px;
  /* Allow vertical page scroll while capturing horizontal swipes */
  touch-action: pan-y;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
/* The Twig hard-codes physical arrow icons (sicon-arrow-right on `--prev`,
   sicon-arrow-left on `--next`). They point the right way in RTL but the
   wrong way in LTR — flip them via CSS rather than touching the markup. */
[dir=ltr] .exclusive-offers__nav i {
  transform: scaleX(-1);
}
.exclusive-offers__track {
  display: flex;
  width: 100%;
  will-change: transform;
}
.exclusive-offers__track > .offer-card {
  flex: 0 0 100%;
  max-width: 100%;
}
.exclusive-offers__track--single > .offer-card {
  flex: 1;
}
.exclusive-offers__pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 18px;
}
.exclusive-offers__pagination-dot {
  width: 24px;
  height: 6px;
  border-radius: 999px;
  border: 0;
  background: rgba(0, 0, 0, 0.15);
  cursor: pointer;
  transition: all 0.25s ease;
  padding: 0;
}
.exclusive-offers__pagination-dot.is-active {
  background: #414042;
  background: var(--color-primary, #066bff);
  width: 32px;
}
.exclusive-offers__pagination-dot:hover:not(.is-active) {
  background: rgba(0, 0, 0, 0.3);
}
/* ============================================================================
   Offer Card — text on right (RTL), image fills the whole left side
   ============================================================================ */
.offer-card {
  background: #191c1f;
  background: var(--card-bg, #191c1f);
  color: #ffffff;
  color: var(--card-accent, #ffffff);
  border-radius: 16px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  grid-gap: 0;
  gap: 0;
  min-height: 420px;
  padding: 20px;
  position: relative;
}
@media (max-width: 991px) {
  .offer-card {
    grid-template-columns: 1fr;
    min-height: auto;
  }
}
/* ===== Body (text section — on the right in RTL, left in LTR) ===== */
.offer-card__body {
  padding: 36px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  position: relative;
  text-align: left;
}
@media (max-width: 991px) {
  .offer-card__body {
    padding: 24px 22px 30px;
  }
}
.offer-card__wishlist {
  position: absolute;
  top: 22px;
  /* Sit in the END corner of the body (LTR=right, RTL=left). */
  right: 22px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #ffffff;
  color: var(--card-accent, #ffffff);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  z-index: 2;
}
.offer-card__wishlist:hover {
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.4);
  transform: scale(1.08);
}
.offer-card__wishlist.is-active {
  background: #414042;
  background: var(--color-primary, #066bff);
  border-color: #414042;
  border-color: var(--color-primary, #066bff);
  color: #fff;
  transform: scale(1.05);
  box-shadow: 0 6px 16px rgba(6, 107, 255, 0.35);
}
.offer-card__wishlist i {
  font-size: 15px;
}
[dir=rtl] .offer-card__wishlist {
  right: auto;
  left: 22px;
}
.offer-card__discount {
  display: inline-block;
  align-self: flex-start;
  padding: 5px 12px;
  background: #414042;
  background: var(--color-primary, #066bff);
  color: #fff;
  font-weight: 700;
  font-size: 0.85rem;
  border-radius: 6px;
  direction: ltr;
}
.offer-card__title {
  font-size: max(1.25rem, min(2.2vw, 1.65rem));
  font-weight: 700;
  color: #ffffff;
  color: var(--card-accent, #ffffff);
  line-height: 1.3;
  margin: 0;
  max-width: 460px;
  text-align: left;
  /* `unicode-bidi: plaintext` lets each line decide its own direction based
     on its first strong character — works in both LTR and RTL stores. */
  unicode-bidi: plaintext;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.offer-card__title a {
  color: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.offer-card__title a:hover {
  color: inherit;
  opacity: 0.85;
}
.offer-card__description {
  color: rgba(255, 255, 255, 0.65);
  font-size: 0.88rem;
  line-height: 1.65;
  margin: 0;
  max-width: 460px;
  text-align: left;
  unicode-bidi: plaintext;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.offer-card__rating {
  display: flex;
  align-items: center;
  gap: 6px;
  direction: ltr;
}
.offer-card__rating-stars {
  display: inline-flex;
  gap: 2px;
  color: rgba(255, 255, 255, 0.25);
}
.offer-card__rating-stars .is-filled {
  color: #ffaa17;
}
.offer-card__rating-stars i {
  font-size: 14px;
}
.offer-card__rating-count {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.55);
}
.offer-card__price-row {
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 4px;
}
.offer-card__price-new {
  font-size: max(1.25rem, min(2.2vw, 1.6rem));
  font-weight: 800;
  color: #414042;
  color: var(--color-primary, #066bff);
  direction: ltr;
}
.offer-card__price-old {
  font-size: 0.95rem;
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  opacity: 0.5;
  color: #ffffff;
  color: var(--card-accent, #ffffff);
  direction: ltr;
}
/* ===== Countdown ===== */
.offer-card__countdown {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 8px;
  gap: 8px;
  max-width: 320px;
  margin-top: 6px;
}
@media (max-width: 480px) {
  .offer-card__countdown {
    max-width: none;
  }
}
.offer-card__countdown-box {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 10px 6px;
  text-align: center;
  transition: transform 0.3s ease;
}
.offer-card__countdown-box:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.1);
}
.offer-card__countdown-num {
  display: block;
  font-size: 1.4rem;
  font-weight: 800;
  color: #fff;
  line-height: 1;
  direction: ltr;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}
.offer-card__countdown-label {
  display: block;
  font-size: 0.68rem;
  color: rgba(255, 255, 255, 0.55);
  margin-top: 4px;
  font-weight: 500;
}
/* ===== Actions (quantity + add to cart) ===== */
.offer-card__actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: stretch;
  margin-top: 6px;
}
.offer-card__qty {
  display: inline-flex;
  align-items: stretch;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 8px;
  overflow: hidden;
  min-height: 46px;
  direction: ltr;
}
.offer-card__qty-btn {
  width: 38px;
  background: transparent;
  border: 0;
  color: #ffffff;
  color: var(--card-accent, #ffffff);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  transition: background 0.2s;
}
.offer-card__qty-btn:hover {
  background: rgba(255, 255, 255, 0.1);
}
.offer-card__qty-btn i {
  font-size: 13px;
}
.offer-card__qty-input {
  width: 42px;
  background: transparent;
  border: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.12);
  border-right: 1px solid rgba(255, 255, 255, 0.12);
  color: #ffffff;
  color: var(--card-accent, #ffffff);
  text-align: center;
  font-weight: 700;
  font-size: 0.95rem;
  direction: ltr;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  outline: none;
  padding: 0;
}
.offer-card__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 0.92rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  cursor: pointer;
  border: 0;
  transition: all 0.25s ease;
  min-height: 46px;
  position: relative;
  overflow: hidden;
}
.offer-card__btn i {
  font-size: 15px;
}
.offer-card__btn--primary {
  background: #414042;
  background: var(--color-primary, #066bff);
  color: #fff;
}
.offer-card__btn--primary:hover {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(6, 107, 255, 0.35);
  filter: brightness(1.1);
}
.offer-card__btn--primary.is-loading {
  color: transparent !important;
}
.offer-card__btn--primary.is-loading {
  pointer-events: none;
}
.offer-card__btn--primary.is-loading > i,
.offer-card__btn--primary.is-loading > span {
  opacity: 0;
  visibility: hidden;
}
.offer-card__btn--primary.is-loading::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  border: 2px solid rgba(255, 255, 255, 0.35);
  border-top-color: #fff;
  border-radius: 50%;
  animation: offerSpin 0.7s linear infinite;
}
.offer-card__btn--primary.is-success {
  background: #10b981;
}
.offer-card__btn--primary.is-success::after {
  content: "✓ ";
  font-weight: bold;
}
.offer-card__btn:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
/* salla-add-product-button renders .s-button-wrap + .s-button-element in LIGHT DOM — style them directly */
salla-add-product-button.offer-card__btn {
  display: flex !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}
salla-add-product-button.offer-card__btn {
  flex: 0 1 auto;
  min-width: 190px;
  max-width: 260px;
  align-items: stretch;
  min-height: 46px;
}
salla-add-product-button.offer-card__btn .s-button-wrap {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  padding: 0 !important;
  margin: 0 !important;
}
salla-add-product-button.offer-card__btn .s-button-element {
  width: 100% !important;
  min-height: 46px !important;
  padding: 10px 20px !important;
  background-color: #414042 !important;
  background-color: var(--color-primary, #066bff) !important;
  border: 0 !important;
  color: #fff !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-size: 0.92rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  line-height: 1 !important;
  transition: all 0.25s ease !important;
}
salla-add-product-button.offer-card__btn .s-button-element:hover {
  background-color: #414042 !important;
  background-color: var(--color-primary, #066bff) !important;
}
salla-add-product-button.offer-card__btn .s-button-element:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(6, 107, 255, 0.35);
  filter: brightness(1.1);
}
salla-add-product-button.offer-card__btn .s-button-element i {
  font-size: 14px;
  line-height: 1;
}
@keyframes offerSpin {
  to {
    transform: rotate(360deg);
  }
}
/* ===== Media (image — on the left in RTL, fills the entire column) ===== */
.offer-card__media {
  position: relative;
  background: #fff;
  overflow: hidden;
  display: block;
  min-height: 100%;
  border-radius: 15px;
}
@media (max-width: 991px) {
  .offer-card__media {
    min-height: 280px;
    order: -1;
  }
}
.offer-card__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: opacity 0.45s ease, transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  display: block;
  border-radius: 15px;
}
.offer-card__image--main {
  opacity: 1;
}
.offer-card__image--hover {
  opacity: 0;
}
.offer-card__media.has-hover-image:hover .offer-card__image--main {
  opacity: 0;
  transform: scale(1.04);
}
.offer-card__media.has-hover-image:hover .offer-card__image--hover {
  opacity: 1;
  transform: scale(1.04);
}
.offer-card__media:hover .offer-card__image--main {
  transform: scale(1.04);
}
.offer-card__image-placeholder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ddd;
  background: #f5f6f7;
}
.offer-card__image-placeholder i {
  font-size: 100px;
}
/* ===== Labels overlay (on image) ===== */
.offer-card__labels {
  position: absolute;
  top: 14px;
  left: 14px;
  right: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  z-index: 2;
  pointer-events: none;
}
.offer-card__label {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.2;
  backdrop-filter: blur(4px);
}
.offer-card__label--stock {
  background: rgba(0, 0, 0, 0.78);
  color: #fff;
}
.offer-card__label--promo {
  background: rgba(255, 69, 102, 0.92);
  color: #fff;
}
/* ===== Skeleton Loaders ===== */
.offer-card--skeleton {
  pointer-events: none;
}
.offer-card--skeleton .offer-card__skeleton-img {
  width: 100%;
  height: 100%;
  min-height: 360px;
  background: linear-gradient(90deg, #e8e8e8 25%, #f0f0f0 50%, #e8e8e8 75%);
  background-size: 200% 100%;
  animation: skeletonShimmer 1.4s linear infinite;
}
.offer-card--skeleton .offer-card__skeleton-line {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.12) 50%, rgba(255, 255, 255, 0.05) 75%);
  background-size: 200% 100%;
  animation: skeletonShimmer 1.4s linear infinite;
  border-radius: 6px;
  margin-bottom: 12px;
}
.offer-card--skeleton .offer-card__skeleton-line--badge {
  width: 60px;
  height: 22px;
}
.offer-card--skeleton .offer-card__skeleton-line--title {
  width: 70%;
  height: 28px;
}
.offer-card--skeleton .offer-card__skeleton-line--price {
  width: 40%;
  height: 24px;
}
.offer-card--skeleton .offer-card__skeleton-line--subtitle {
  width: 80%;
  height: 16px;
}
@keyframes skeletonShimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
/* ============================================================================
   Stats Counter — animated number stats section
   ============================================================================ */
.stats-counter-section {
  position: relative;
  overflow: hidden;
}
.stats-counter__header {
  text-align: center;
  margin-bottom: 38px;
}
@media (max-width: 768px) {
  .stats-counter__header {
    margin-bottom: 26px;
  }
}
.stats-counter__eyebrow {
  display: inline-block;
  font-size: 0.85rem;
  font-weight: 700;
  color: #414042;
  color: var(--color-primary, #066bff);
  letter-spacing: 0.04em;
  margin-bottom: 8px;
  position: relative;
  padding: 4px 14px;
  background: rgba(6, 107, 255, 0.08);
  border-radius: 999px;
}
.stats-counter__title {
  font-size: max(1.6rem, min(3.5vw, 2.4rem));
  font-weight: 800;
  color: #414042;
  color: var(--color-primary, #1a1a1a);
  margin: 0;
  letter-spacing: -0.02em;
}
/* ===== Grid layout ===== */
.stats-counter__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 18px;
  gap: 18px;
  padding-bottom: 40px;
}
@media (max-width: 991px) {
  .stats-counter__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .stats-counter__grid {
    grid-template-columns: 1fr;
  }
}
/* ===== Single stat card ===== */
.stat-card {
  --stat-accent: var(--color-primary, #066bff);
  position: relative;
  background: #fff;
  border-radius: 16px;
  padding: 24px 22px;
  display: flex;
  align-items: center;
  gap: 16px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.04);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.35s ease;
  isolation: isolate;
}
.stat-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--stat-accent);
  opacity: 0;
  transition: opacity 0.35s ease;
}
.stat-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.1);
}
.stat-card:hover::before {
  opacity: 1;
}
.stat-card:hover .stat-card__icon {
  transform: scale(1.1) rotate(-6deg);
  background: var(--stat-accent);
  color: #fff;
}
.stat-card:hover .stat-card__number {
  color: var(--stat-accent);
}
@media (max-width: 480px) {
  .stat-card {
    padding: 20px 18px;
  }
}
.stat-card__icon {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.04);
  color: var(--stat-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.stat-card__icon i {
  font-size: 26px;
}
@media (max-width: 480px) {
  .stat-card__icon {
    width: 52px;
    height: 52px;
  }
  .stat-card__icon i {
    font-size: 22px;
  }
}
.stat-card__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
}
.stat-card__number-wrap {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
}
.stat-card__number {
  font-size: max(1.6rem, min(2.6vw, 2.1rem));
  font-weight: 800;
  color: #1a1a1a;
  line-height: 1;
  letter-spacing: -0.02em;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  transition: color 0.35s ease;
}
.stat-card__suffix {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--stat-accent);
}
.stat-card__label {
  font-size: 0.9rem;
  color: #6b7280;
  font-weight: 500;
  text-align: left;
  unicode-bidi: plaintext;
}
@media (max-width: 480px) {
  .stat-card__label {
    font-size: 0.85rem;
  }
}
[dir=rtl] .stat-card__label {
  text-align: right;
}
/* When in dark theme contexts (overlay sections) the card text might need flipping — opt-in via class */
.stats-counter-section--dark .stat-card {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: none;
}
.stats-counter-section--dark .stat-card:hover {
  background: rgba(255, 255, 255, 0.1);
}
.stats-counter-section--dark .stat-card__icon {
  background: rgba(255, 255, 255, 0.08);
}
.stats-counter-section--dark .stat-card__number {
  color: #fff;
}
.stats-counter-section--dark .stat-card__label {
  color: rgba(255, 255, 255, 0.7);
}
/* ============================================================================
   Shop The Look — Interactive lookbook with animated hotspots
   ============================================================================ */
.shop-the-look-section {
  position: relative;
  overflow: hidden;
  --shop-accent: #066bff;
  --shop-radius: 22px;
  --shop-shadow: 0 30px 80px rgba(15, 23, 42, 0.12);
  --shop-card-bg: #ffffff;
  --shop-stage-bg: #f5f7fa;
}
/* ===== Header ===== */
.shop-the-look__header {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 46px;
}
@media (max-width: 768px) {
  .shop-the-look__header {
    margin-bottom: 30px;
  }
}
.shop-the-look__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--shop-accent);
  letter-spacing: 0.05em;
  padding: 6px 16px;
  background: color-mix(in srgb, var(--shop-accent) 10%, transparent);
  border-radius: 999px;
  margin-bottom: 14px;
}
.shop-the-look__eyebrow i {
  font-size: 14px;
}
.shop-the-look__title {
  font-size: max(1.7rem, min(3.4vw, 2.6rem));
  font-weight: 800;
  color: #0f172a;
  margin: 0 0 10px;
  letter-spacing: -0.02em;
  line-height: 1.15;
}
.shop-the-look__subtitle {
  font-size: 1rem;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
}
/* ===== Placeholder when no image ===== */
.shop-the-look__placeholder {
  text-align: center;
  padding: 60px 30px;
  background: linear-gradient(135deg, #f8fafc, #f1f5f9);
  border: 2px dashed #cbd5e1;
  border-radius: var(--shop-radius);
  color: #64748b;
}
.shop-the-look__placeholder i {
  font-size: 48px;
  margin-bottom: 14px;
  opacity: 0.5;
  display: inline-block;
}
.shop-the-look__placeholder p {
  margin: 0;
  font-size: 0.95rem;
}
/* ===== Layout (image + sidebar) ===== */
.shop-the-look__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
  grid-gap: 28px;
  gap: 28px;
  align-items: stretch;
}
@media (max-width: 991px) {
  .shop-the-look__layout {
    grid-template-columns: 1fr;
    gap: 22px;
  }
}
/* ===== Stage (image side) ===== */
.shop-the-look__stage {
  position: relative;
  min-width: 0;
}
.shop-the-look__media {
  position: relative;
  border-radius: var(--shop-radius);
  overflow: hidden;
  background: var(--shop-stage-bg);
  box-shadow: var(--shop-shadow);
  aspect-ratio: 4/3;
}
@media (max-width: 991px) {
  .shop-the-look__media {
    aspect-ratio: 16/11;
  }
}
@media (max-width: 480px) {
  .shop-the-look__media {
    aspect-ratio: 4/3;
    border-radius: 18px;
  }
}
.shop-the-look__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* Subtle Ken-burns on hover */
}
.shop-the-look__media:hover .shop-the-look__image {
  transform: scale(1.03);
}
.shop-the-look__vignette {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at center, transparent 55%, rgba(0, 0, 0, 0.18) 100%), linear-gradient(to top, rgba(0, 0, 0, 0.12) 0%, transparent 40%);
}
.shop-the-look__overlay {
  position: absolute;
  left: 22px;
  bottom: 22px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  z-index: 2;
  max-width: 60%;
}
[dir=rtl] .shop-the-look__overlay {
  left: auto;
  right: 22px;
  text-align: right;
}
@media (max-width: 480px) {
  .shop-the-look__overlay {
    left: 14px;
    bottom: 14px;
  }
  [dir=rtl] .shop-the-look__overlay {
    left: auto;
    right: 14px;
  }
}
.shop-the-look__overlay-title {
  font-size: max(1.1rem, min(2.2vw, 1.6rem));
  font-weight: 800;
  color: #fff;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
  line-height: 1.2;
}
.shop-the-look__overlay-subtitle {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
  font-weight: 500;
}
.shop-the-look__counter {
  position: absolute;
  right: 16px;
  top: 16px;
}
[dir=rtl] .shop-the-look__counter {
  right: auto;
  left: 16px;
}
.shop-the-look__counter {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 13px;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 999px;
  color: #0f172a;
  font-size: 0.82rem;
  font-weight: 700;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
  z-index: 2;
}
.shop-the-look__counter i {
  font-size: 13px;
  color: var(--shop-accent);
}
.shop-the-look__counter .shop-the-look__counter-text {
  font-weight: 500;
  color: #64748b;
}
/* ===== Hotspots ===== */
.shop-the-look__hotspots {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: 3;
}
.shop-hotspot {
  position: absolute;
  left: 50%;
  left: var(--hx, 50%);
  top: 50%;
  top: var(--hy, 50%);
  transform: translate(-50%, -50%);
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  pointer-events: auto;
  z-index: 1;
  opacity: 0;
  animation: shop-hotspot-in 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  animation-delay: 0ms;
  animation-delay: var(--hd, 0ms);
  transition: z-index 0s;
}
.shop-hotspot:hover, .shop-hotspot.is-active {
  z-index: 10;
}
.shop-hotspot:hover .shop-hotspot__core, .shop-hotspot.is-active .shop-hotspot__core {
  transform: scale(1.18);
  background: var(--shop-accent);
  color: #fff;
  box-shadow: 0 8px 22px color-mix(in srgb, var(--shop-accent) 50%, transparent);
}
.shop-hotspot:hover .shop-hotspot__tooltip, .shop-hotspot.is-active .shop-hotspot__tooltip {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}
.shop-hotspot.is-active .shop-hotspot__ring--2 {
  animation: shop-hotspot-ring-pop 0.6s ease-out;
}
.shop-hotspot__ring {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  background: color-mix(in srgb, var(--shop-accent) 35%, transparent);
  animation: shop-hotspot-pulse 2s ease-out infinite;
  pointer-events: none;
}
.shop-hotspot__ring--2 {
  animation-delay: 0.7s;
}
.shop-hotspot__core {
  position: absolute;
  top: 7px;
  right: 7px;
  bottom: 7px;
  left: 7px;
  border-radius: 50%;
  background: #fff;
  color: var(--shop-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.78rem;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.9), 0 4px 14px rgba(0, 0, 0, 0.25);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.shop-hotspot__num {
  line-height: 1;
}
.shop-hotspot__tooltip {
  position: absolute;
  bottom: calc(100% + 12px);
  left: 50%;
  transform: translateX(-50%) scale(0.85);
  padding: 6px 12px;
  background: #0f172a;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
  border-radius: 8px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.25s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  direction: rtl;
}
[dir=ltr] .shop-hotspot__tooltip {
  direction: ltr;
}
.shop-hotspot__tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: #0f172a;
}
@media (max-width: 480px) {
  .shop-hotspot__tooltip {
    display: none; /* tooltips noisy on mobile */
  }
}
@keyframes shop-hotspot-in {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes shop-hotspot-pulse {
  0% {
    transform: scale(1);
    opacity: 0.7;
  }
  100% {
    transform: scale(2.3);
    opacity: 0;
  }
}
@keyframes shop-hotspot-ring-pop {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  100% {
    transform: scale(2.6);
    opacity: 0;
  }
}
/* ===== Sidebar (product list) ===== */
.shop-the-look__sidebar {
  background: var(--shop-card-bg);
  border-radius: var(--shop-radius);
  box-shadow: var(--shop-shadow);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-width: 0;
}
@media (max-width: 991px) {
  .shop-the-look__sidebar {
    border-radius: 18px;
  }
}
.shop-the-look__sidebar-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 22px 22px 16px;
  border-bottom: 1px solid #f1f5f9;
}
.shop-the-look__sidebar-header > div:first-child {
  flex: 1 1 auto;
  min-width: 0;
}
.shop-the-look__sidebar-eyebrow {
  display: block;
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--shop-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 4px;
  text-align: left;
}
[dir=rtl] .shop-the-look__sidebar-eyebrow {
  text-align: right;
  letter-spacing: 0;
}
.shop-the-look__sidebar-title {
  font-size: 1.15rem;
  font-weight: 800;
  color: #0f172a;
  margin: 0;
  letter-spacing: -0.01em;
  text-align: left;
}
[dir=rtl] .shop-the-look__sidebar-title {
  text-align: right;
}
.shop-the-look__sidebar-badge {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--shop-accent) 18%, transparent), color-mix(in srgb, var(--shop-accent) 8%, transparent));
  color: var(--shop-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.95rem;
}
.shop-the-look__product-list {
  flex: 1;
  overflow-y: auto;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 404px;
  /* Custom scrollbar */
}
.shop-the-look__product-list::-webkit-scrollbar {
  width: 6px;
}
.shop-the-look__product-list::-webkit-scrollbar-track {
  background: transparent;
}
.shop-the-look__product-list::-webkit-scrollbar-thumb {
  background: #e2e8f0;
  border-radius: 3px;
}
.shop-the-look__product-list::-webkit-scrollbar-thumb:hover {
  background: #cbd5e1;
}
@media (max-width: 991px) {
  .shop-the-look__product-list {
    max-height: none;
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 14px;
    gap: 12px;
    scroll-snap-type: x mandatory;
  }
  .shop-the-look__product-list::-webkit-scrollbar {
    height: 6px;
    width: 0;
  }
}
.shop-the-look__sidebar-hint {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 22px;
  background: #f8fafc;
  border-top: 1px solid #f1f5f9;
  font-size: 0.78rem;
  color: #64748b;
}
.shop-the-look__sidebar-hint i {
  color: var(--shop-accent);
  font-size: 14px;
}
@media (max-width: 991px) {
  .shop-the-look__sidebar-hint {
    display: none;
  }
}
.shop-the-look__sidebar-empty {
  text-align: center;
  padding: 40px 20px;
  color: #94a3b8;
}
.shop-the-look__sidebar-empty i {
  font-size: 32px;
  display: inline-block;
  margin-bottom: 10px;
}
.shop-the-look__sidebar-empty p {
  margin: 0;
  font-size: 0.9rem;
}
/* ===== Mini product card in sidebar =====
   HTML order: <media> <body>
   LTR: media left, body right (flex-direction: row)
   RTL: media right, body left (flex-direction: row-reverse) */
.look-product {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 12px;
  padding: 10px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #f1f5f9;
  transition: all 0.3s ease;
  cursor: pointer;
}
[dir=rtl] .look-product {
  flex-direction: row-reverse;
  text-align: right;
}
@media (max-width: 991px) {
  .look-product {
    flex: 0 0 280px;
    scroll-snap-align: start;
  }
}
.look-product:hover {
  border-color: color-mix(in srgb, var(--shop-accent) 30%, transparent);
  background: #fafbfc;
  transform: translateY(-2px);
}
.look-product.is-active {
  border-color: var(--shop-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--shop-accent) 12%, transparent), 0 8px 24px color-mix(in srgb, var(--shop-accent) 20%, transparent);
  background: linear-gradient(135deg, color-mix(in srgb, var(--shop-accent) 4%, #fff), #ffffff);
}
.look-product.is-active .look-product__num {
  background: var(--shop-accent);
  color: #fff;
  border-color: var(--shop-accent);
  transform: scale(1.1);
}
.look-product__num {
  position: absolute;
  top: -8px;
  left: -8px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #fff;
  color: var(--shop-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.78rem;
  border: 2px solid color-mix(in srgb, var(--shop-accent) 25%, transparent);
  z-index: 2;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
}
[dir=rtl] .look-product__num {
  left: auto;
  right: -8px;
}
.look-product__media {
  position: relative;
  flex: 0 0 90px;
  width: 90px;
  height: 90px;
  border-radius: 10px;
  overflow: hidden;
  background: #f1f5f9;
  display: block;
}
@media (max-width: 991px) {
  .look-product__media {
    flex: 0 0 80px;
    width: 80px;
    height: 80px;
  }
}
.look-product__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.look-product__media:hover img {
  transform: scale(1.06);
}
.look-product__media .look-product__discount {
  position: absolute;
  top: 5px;
  right: 5px;
  background: #ef4444;
  color: #fff;
  font-size: 0.65rem;
  font-weight: 800;
  padding: 2px 6px;
  border-radius: 6px;
}
[dir=rtl] .look-product__media .look-product__discount {
  right: auto;
  left: 5px;
}
.look-product__body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  gap: 6px;
}
.look-product__title {
  font-size: 0.88rem;
  font-weight: 700;
  color: #0f172a;
  margin: 0;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  text-align: left;
}
[dir=rtl] .look-product__title {
  text-align: right;
}
.look-product__title a {
  color: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.look-product__title a:hover {
  color: var(--shop-accent);
}
.look-product__price-row {
  display: flex;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap;
}
.look-product__price {
  font-size: 0.95rem;
  font-weight: 800;
  color: var(--shop-accent);
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}
.look-product__price-old {
  font-size: 0.78rem;
  color: #94a3b8;
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}
.look-product__actions {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
}
.look-product__btn {
  flex: 1;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  height: 34px;
  font-size: 0.8rem;
  font-weight: 700;
  padding: 0 12px;
  border-radius: 8px;
  border: 0;
  cursor: pointer;
  transition: all 0.25s ease;
  white-space: nowrap;
}
.look-product__btn i {
  font-size: 14px;
}
.look-product__btn i.is-spinning {
  animation: shop-spin 0.8s linear infinite;
}
.look-product__btn--add {
  background-color: var(--shop-accent);
  color: #fff;
}
.look-product__btn--add:hover:not([data-busy="1"]) {
  background-color: color-mix(in srgb, var(--shop-accent) 85%, #000);
  transform: translateY(-1px);
  box-shadow: 0 6px 14px color-mix(in srgb, var(--shop-accent) 35%, transparent);
}
.look-product__btn--unavailable {
  background-color: #f1f5f9;
  color: #94a3b8;
  cursor: not-allowed;
  pointer-events: none;
}
@keyframes shop-spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
/* Visually dim the entire mini-card when product is unavailable */
.look-product--unavailable {
  opacity: 0.85;
}
.look-product--unavailable .look-product__media img {
  opacity: 0.6;
  filter: grayscale(0.3);
}
.look-product--unavailable .look-product__price {
  color: #94a3b8;
}
.look-product--unavailable:hover {
  border-color: #f1f5f9;
  background: #fff;
  transform: none;
}
.look-product__view {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #f1f5f9;
  color: #475569;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  cursor: pointer;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: all 0.25s ease;
  font-size: 13px;
}
.look-product__view:hover {
  background: var(--shop-accent);
  color: #fff;
}
/* ===== Skeleton state ===== */
.look-product--skeleton {
  pointer-events: none;
}
.look-product--skeleton .look-product__num {
  background: #e2e8f0;
  color: transparent;
  border-color: #e2e8f0;
  box-shadow: none;
}
.look-product--skeleton .look-product__media {
  background: linear-gradient(90deg, #f1f5f9 0%, #e2e8f0 50%, #f1f5f9 100%);
  background-size: 200% 100%;
  animation: shop-shimmer 1.4s ease infinite;
}
.look-product--skeleton .look-product__sk-line {
  height: 12px;
  background: linear-gradient(90deg, #f1f5f9 0%, #e2e8f0 50%, #f1f5f9 100%);
  background-size: 200% 100%;
  animation: shop-shimmer 1.4s ease infinite;
  border-radius: 4px;
}
.look-product--skeleton .look-product__sk-line--short {
  width: 55%;
  height: 10px;
}
.look-product--skeleton .look-product__sk-line--btn {
  width: 100%;
  height: 28px;
  margin-top: 4px;
  border-radius: 8px;
}
@keyframes shop-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
/* ===== Section entrance animation ===== */
.shop-the-look-section .shop-the-look__media,
.shop-the-look-section .shop-the-look__sidebar {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.shop-the-look-section.is-visible .shop-the-look__media {
  opacity: 1;
  transform: translateY(0);
}
.shop-the-look-section.is-visible .shop-the-look__sidebar {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.15s;
}
/* ============================================================================
   Why Choose Us — Feature cards with icons & subtle animations
   ============================================================================ */
.why-us-section {
  direction: rtl;
  position: relative;
  overflow: hidden;
  --why-accent: #066bff;
  --why-card-radius: 20px;
  --why-card-bg: #ffffff;
  --why-card-border: rgba(0, 0, 0, 0.05);
  --why-card-shadow: 0 4px 20px rgba(15, 23, 42, 0.05);
  --why-card-shadow-hover: 0 18px 40px rgba(15, 23, 42, 0.1);
}
/* ===== Header ===== */
.why-us__header {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 46px;
}
@media (max-width: 768px) {
  .why-us__header {
    margin-bottom: 32px;
  }
}
.why-us__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--why-accent);
  letter-spacing: 0.04em;
  padding: 6px 16px;
  background: color-mix(in srgb, var(--why-accent) 10%, transparent);
  border-radius: 999px;
  margin-bottom: 14px;
}
.why-us__eyebrow i {
  font-size: 14px;
}
.why-us__title {
  font-size: max(1.7rem, min(3.4vw, 2.6rem));
  font-weight: 800;
  color: #0f172a;
  margin: 0 0 10px;
  letter-spacing: -0.02em;
  line-height: 1.15;
}
.why-us__subtitle {
  font-size: 1rem;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
}
/* ===== Placeholder ===== */
.why-us__placeholder {
  text-align: center;
  padding: 60px 30px;
  background: linear-gradient(135deg, #f8fafc, #f1f5f9);
  border: 2px dashed #cbd5e1;
  border-radius: var(--why-card-radius);
  color: #64748b;
}
.why-us__placeholder i {
  font-size: 48px;
  margin-bottom: 14px;
  opacity: 0.5;
  display: inline-block;
}
.why-us__placeholder p {
  margin: 0;
  font-size: 0.95rem;
}
/* ===== Grid layout — adapts to feature count ===== */
.why-us__grid {
  display: grid;
  grid-gap: 22px;
  gap: 22px;
  grid-template-columns: repeat(4, 1fr);
}
.why-us__grid--3 {
  grid-template-columns: repeat(3, 1fr);
}
.why-us__grid--2 {
  grid-template-columns: repeat(2, 1fr);
  max-width: 820px;
  margin: 0 auto;
}
.why-us__grid--1 {
  grid-template-columns: 1fr;
  max-width: 480px;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .why-us__grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 480px) {
  .why-us__grid {
    grid-template-columns: 1fr !important;
  }
  .why-us__grid {
    gap: 16px;
  }
}
/* ===== Card (default: boxed style) ===== */
.why-card {
  --why-card-accent: var(--why-accent);
  position: relative;
  padding: 32px 26px 30px;
  background: var(--why-card-bg);
  border: 1px solid var(--why-card-border);
  border-radius: var(--why-card-radius);
  box-shadow: var(--why-card-shadow);
  text-align: center;
  overflow: hidden;
  isolation: isolate;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.4s ease, border-color 0.3s ease;
  opacity: 0;
  transform: translateY(28px);
}
.is-visible .why-card {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.is-visible .why-card[data-why-index="0"] {
  transition-delay: 0s;
}
.is-visible .why-card[data-why-index="1"] {
  transition-delay: 0.12s;
}
.is-visible .why-card[data-why-index="2"] {
  transition-delay: 0.24s;
}
.is-visible .why-card[data-why-index="3"] {
  transition-delay: 0.36s;
}
.is-visible .why-card[data-why-index="4"] {
  transition-delay: 0.48s;
}
.is-visible .why-card[data-why-index="5"] {
  transition-delay: 0.6s;
}
.is-visible .why-card[data-why-index="6"] {
  transition-delay: 0.72s;
}
.is-visible .why-card[data-why-index="7"] {
  transition-delay: 0.84s;
}
.why-card:hover {
  transform: translateY(-8px);
  border-color: color-mix(in srgb, var(--why-card-accent) 30%, transparent);
  box-shadow: var(--why-card-shadow-hover);
}
.why-card:hover .why-card__icon-bg {
  transform: scale(1.15) rotate(-8deg);
  opacity: 0.25;
}
.why-card:hover .why-card__icon {
  background: var(--why-card-accent);
  color: #fff;
  transform: scale(1.08) rotate(-6deg);
  box-shadow: 0 12px 28px color-mix(in srgb, var(--why-card-accent) 40%, transparent);
}
.why-card:hover .why-card__num {
  opacity: 0.4;
  transform: translate(0, -4px);
}
.why-card:hover .why-card__deco {
  opacity: 1;
  transform: scale(1);
}
@media (max-width: 480px) {
  .why-card {
    padding: 26px 22px 24px;
  }
}
/* Icon wrapper */
.why-card__icon-wrap {
  position: relative;
  width: 84px;
  height: 84px;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.why-card__icon-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: color-mix(in srgb, var(--why-card-accent) 14%, transparent);
  border-radius: 22px;
  transform: rotate(8deg);
  opacity: 0.5;
  transition: all 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);
  z-index: -1;
}
.why-card__icon {
  width: 64px;
  height: 64px;
  border-radius: 18px;
  background: color-mix(in srgb, var(--why-card-accent) 12%, #fff);
  color: var(--why-card-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.why-card__icon i {
  font-size: 28px;
}
.why-card__num {
  position: absolute;
  top: -6px;
  right: -8px;
  font-size: 1.1rem;
  font-weight: 900;
  color: color-mix(in srgb, var(--why-card-accent) 70%, #94a3b8);
  background: #fff;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid color-mix(in srgb, var(--why-card-accent) 18%, transparent);
  opacity: 0.7;
  transition: all 0.4s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
[dir=rtl] .why-card__num {
  inset-inline-end: auto;
  right: auto;
  left: -8px;
}
/* Body */
.why-card__body {
  position: relative;
  z-index: 1;
}
.why-card__title {
  font-size: 1.1rem;
  font-weight: 800;
  color: #0f172a;
  margin: 0 0 8px;
  letter-spacing: -0.01em;
  line-height: 1.3;
}
.why-card__desc {
  font-size: 0.92rem;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
}
/* Decorative gradient blob in corner that appears on hover */
.why-card__deco {
  position: absolute;
  bottom: -40px;
  left: -40px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--why-card-accent) 35%, transparent) 0%, transparent 70%);
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.5s ease;
  pointer-events: none;
  z-index: 0;
}
[dir=rtl] .why-card__deco {
  inset-inline-start: auto;
  left: auto;
  right: -40px;
}
/* ===== Style variant: minimal (no card bg, icon-focused) ===== */
.why-us-section--minimal .why-card {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 16px 14px;
}
.why-us-section--minimal .why-card:hover {
  transform: translateY(-4px);
  box-shadow: none;
  border-color: transparent;
}
.why-us-section--minimal .why-card .why-card__deco {
  display: none;
}
.why-us-section--minimal .why-card__icon-wrap {
  width: 100px;
  height: 100px;
}
.why-us-section--minimal .why-card__icon {
  width: 72px;
  height: 72px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--why-card-accent) 18%, #fff), color-mix(in srgb, var(--why-card-accent) 4%, #fff));
  box-shadow: 0 12px 24px color-mix(in srgb, var(--why-card-accent) 18%, transparent), inset 0 1px 0 #fff;
}
/* ===== Alignment variant: left ===== */
.why-us-section--align-left .why-card,
.why-us-section--align-right .why-card {
  text-align: right; /* RTL default */
}
.why-us-section--align-left .why-card__icon-wrap,
.why-us-section--align-right .why-card__icon-wrap {
  margin: 0 0 18px;
}
[dir=ltr] .why-us-section--align-left .why-card,
[dir=ltr] .why-us-section--align-right .why-card {
  text-align: left;
}
/* ============================================================================
   Featured Categories Mega-Grid — Magazine/bento layout for category showcase
   ============================================================================ */
.mega-grid-section {
  position: relative;
  overflow: hidden;
  --mega-accent: #066bff;
  --mega-radius: 20px;
  --mega-shadow: 0 12px 36px rgba(15, 23, 42, 0.08);
  --mega-shadow-hover: 0 22px 50px rgba(15, 23, 42, 0.18);
}
/* ===== Header ===== */
.mega-grid__header {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 44px;
}
@media (max-width: 768px) {
  .mega-grid__header {
    margin-bottom: 30px;
  }
}
.mega-grid__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--mega-accent);
  letter-spacing: 0.04em;
  padding: 6px 16px;
  background: color-mix(in srgb, var(--mega-accent) 12%, transparent);
  border-radius: 999px;
  margin-bottom: 14px;
}
.mega-grid__eyebrow i {
  font-size: 14px;
}
.mega-grid__title {
  font-size: max(1.7rem, min(3.4vw, 2.6rem));
  font-weight: 800;
  color: #0f172a;
  margin: 0 0 10px;
  letter-spacing: -0.02em;
  line-height: 1.15;
}
.mega-grid__subtitle {
  font-size: 1rem;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
}
/* ===== Placeholder ===== */
.mega-grid__placeholder {
  text-align: center;
  padding: 60px 30px;
  background: linear-gradient(135deg, #f8fafc, #f1f5f9);
  border: 2px dashed #cbd5e1;
  border-radius: var(--mega-radius);
  color: #64748b;
}
.mega-grid__placeholder i {
  font-size: 48px;
  margin-bottom: 14px;
  opacity: 0.5;
  display: inline-block;
}
.mega-grid__placeholder p {
  margin: 0;
  font-size: 0.95rem;
}
/* ===== Grid layouts ===== */
.mega-grid {
  display: grid;
  grid-gap: 18px;
  gap: 18px;
}
@media (max-width: 480px) {
  .mega-grid {
    gap: 14px;
  }
}
/* ----- Bento layout (default): first card is featured & larger ----- */
.mega-grid-section--bento .mega-grid {
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 200px;
  grid-auto-flow: dense;
}
@media (max-width: 991px) {
  .mega-grid-section--bento .mega-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 200px;
  }
}
@media (max-width: 480px) {
  .mega-grid-section--bento .mega-grid {
    grid-template-columns: 1fr;
    grid-auto-rows: 180px;
  }
}
.mega-grid-section--bento .mega-card {
  grid-column: span 1;
  grid-row: span 1;
}
.mega-grid-section--bento .mega-card--featured {
  grid-column: span 2;
  grid-row: span 2;
}
@media (max-width: 991px) {
  .mega-grid-section--bento .mega-card--featured {
    grid-column: span 2;
    grid-row: span 1;
  }
}
@media (max-width: 480px) {
  .mega-grid-section--bento .mega-card--featured {
    grid-column: span 1;
    grid-row: span 1;
  }
}
/* ----- Uniform layout: all cards same size ----- */
.mega-grid-section--uniform .mega-grid {
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 240px;
}
@media (max-width: 991px) {
  .mega-grid-section--uniform .mega-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .mega-grid-section--uniform .mega-grid {
    grid-template-columns: 1fr;
    grid-auto-rows: 200px;
  }
}
/* ===== Card ===== */
.mega-card {
  --card-tint: #0f172a;
  position: relative;
  display: block;
  border-radius: var(--mega-radius);
  overflow: hidden;
  background: #0f172a;
  background: var(--card-tint);
  box-shadow: var(--mega-shadow);
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #fff;
  isolation: isolate;
  transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.45s ease;
  min-height: 0;
  opacity: 0;
  transform: translateY(28px);
}
.mega-card.is-visible {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.45s ease;
}
.mega-card:hover {
  box-shadow: var(--mega-shadow-hover);
  transform: translateY(-4px);
}
.mega-card:hover .mega-card__image {
  transform: scale(1.08);
}
.mega-card:hover .mega-card__gradient {
  opacity: 1;
}
.mega-card:hover .mega-card__cta {
  background: var(--mega-accent);
  color: #fff;
  padding-left: 18px;
  padding-right: 18px;
}
.mega-card:hover .mega-card__cta i {
  /* `--arrow-flip` is -1 in LTR (icon mirrored) and 1 in RTL
     (icon natural). Combining with translateX(-3px) in the
     flipped/natural frame makes the arrow nudge in the same
     visual direction (toward the end of the card) in both. */
  transform: scaleX(1) translateX(-3px);
  transform: scaleX(var(--arrow-flip, 1)) translateX(-3px);
}
.mega-card:hover .mega-card__index {
  opacity: 0.6;
  transform: scale(1.05);
}
@media (max-width: 480px) {
  .mega-card {
    border-radius: 16px;
  }
}
.mega-card__media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: 0;
}
.mega-card__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.mega-card__image-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #e2e8f0, #cbd5e1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
}
.mega-card__image-placeholder i {
  font-size: 56px;
}
/* Gradient overlay for text readability */
.mega-card__gradient {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, transparent 35%, rgba(0, 0, 0, 0.55) 85%, rgba(0, 0, 0, 0.75) 100%), linear-gradient(135deg, color-mix(in srgb, var(--card-tint) 20%, transparent) 0%, transparent 60%);
  transition: opacity 0.45s ease;
  z-index: 1;
}
.mega-card__content {
  position: relative;
  height: 100%;
  z-index: 2;
  padding: 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
}
@media (max-width: 480px) {
  .mega-card__content {
    padding: 18px;
  }
}
.mega-card__index {
  position: absolute;
  top: 18px;
  right: 22px;
  font-size: 0.95rem;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.85);
  letter-spacing: 0.02em;
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 999px;
  opacity: 0.3;
  transition: all 0.4s ease;
}
[dir=rtl] .mega-card__index {
  inset-inline-end: auto;
  right: auto;
  left: 22px;
}
@media (max-width: 480px) {
  .mega-card__index {
    right: 18px;
    font-size: 0.85rem;
    padding: 5px 10px;
  }
  [dir=rtl] .mega-card__index {
    left: 18px;
  }
}
.mega-card__body {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: left;
  unicode-bidi: plaintext;
}
[dir=rtl] .mega-card__body {
  text-align: right;
}
/* CTA arrow icon (sicon-arrow-left in Twig) points the right way in RTL.
   Flip it in LTR so it points forward (→) visually. We use a CSS variable so
   the hover translate composes correctly with the flip. */
.mega-card__cta i {
  transform: scaleX(1);
  transform: scaleX(var(--arrow-flip, 1));
}
[dir=ltr] .mega-card__cta {
  --arrow-flip: -1;
}
.mega-card__subtitle {
  font-size: 0.78rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.85);
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  letter-spacing: 0.02em;
}
.mega-card__title {
  font-size: max(1.05rem, min(1.8vw, 1.45rem));
  font-weight: 800;
  color: #fff;
  margin: 0;
  line-height: 1.2;
  letter-spacing: -0.01em;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
  /* Featured card title is bigger */
}
.mega-card--featured .mega-card__title {
  font-size: max(1.4rem, min(2.6vw, 2rem));
}
.mega-card__cta {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 700;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: all 0.3s ease;
  margin-top: 12px;
}
.mega-card__cta i {
  font-size: 13px;
  transition: transform 0.3s ease;
}
@media (max-width: 480px) {
  .mega-card__cta {
    font-size: 0.75rem;
    padding: 6px 12px;
    gap: 5px;
  }
}
/* ===== Stagger entrance animation for cards ===== */
.mega-grid.is-visible .mega-card {
  opacity: 1;
  transform: translateY(0);
}
.is-visible .mega-card[data-mega-index="0"] {
  transition-delay: 0s;
}
.is-visible .mega-card[data-mega-index="1"] {
  transition-delay: 0.1s;
}
.is-visible .mega-card[data-mega-index="2"] {
  transition-delay: 0.2s;
}
.is-visible .mega-card[data-mega-index="3"] {
  transition-delay: 0.3s;
}
.is-visible .mega-card[data-mega-index="4"] {
  transition-delay: 0.4s;
}
.is-visible .mega-card[data-mega-index="5"] {
  transition-delay: 0.5s;
}
.is-visible .mega-card[data-mega-index="6"] {
  transition-delay: 0.6s;
}
.is-visible .mega-card[data-mega-index="7"] {
  transition-delay: 0.7s;
}
/* ============================================================================
   Product Tabs Plus — Animated tabs with icons + lazy-loaded product panels
   ============================================================================ */
.ptp-section {
  position: relative;
  overflow: hidden;
  --ptp-accent: #066bff;
  --ptp-radius: 16px;
  --ptp-card-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
  --ptp-card-shadow-hover: 0 16px 36px rgba(15, 23, 42, 0.1);
}
/* ===== Header ===== */
.ptp__header {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 32px;
}
.ptp__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--ptp-accent);
  letter-spacing: 0.04em;
  padding: 6px 16px;
  background: color-mix(in srgb, var(--ptp-accent) 12%, transparent);
  border-radius: 999px;
  margin-bottom: 14px;
}
.ptp__eyebrow i {
  font-size: 14px;
}
.ptp__title {
  font-size: max(1.7rem, min(3.4vw, 2.6rem));
  font-weight: 800;
  color: #0f172a;
  margin: 0 0 10px;
  letter-spacing: -0.02em;
  line-height: 1.15;
}
.ptp__subtitle {
  font-size: 1rem;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
}
/* ===== Placeholder ===== */
.ptp__placeholder {
  text-align: center;
  padding: 60px 30px;
  background: linear-gradient(135deg, #f8fafc, #f1f5f9);
  border: 2px dashed #cbd5e1;
  border-radius: var(--ptp-radius);
  color: #64748b;
}
.ptp__placeholder i {
  font-size: 48px;
  margin-bottom: 14px;
  opacity: 0.5;
  display: inline-block;
}
.ptp__placeholder p {
  margin: 0;
  font-size: 0.95rem;
}
/* ===== Tab navigation ===== */
.ptp__nav {
  position: relative;
  margin-bottom: 32px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .ptp__nav {
    margin-bottom: 22px;
  }
}
.ptp__nav-track {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 6px 4px 14px;
  scrollbar-width: none;
  -ms-overflow-style: none;
  justify-content: center;
}
.ptp__nav-track::-webkit-scrollbar {
  display: none;
}
.ptp__nav-track {
  /* Tablet: keep horizontal scroll but pinned to the start so the user
     can swipe the tabs. */
}
@media (max-width: 991px) and (min-width: 641px) {
  .ptp__nav-track {
    justify-content: flex-start;
    scroll-snap-type: x mandatory;
  }
}
.ptp__nav-track {
  /* Mobile: wrap to multiple lines instead of horizontal-scrolling so the
     tabs don't overflow off-screen. */
}
@media (max-width: 640px) {
  .ptp__nav-track {
    flex-wrap: wrap;
    justify-content: center;
    overflow: visible;
    scroll-snap-type: none;
    gap: 8px;
    padding: 4px 0 10px;
  }
}
.ptp-tab {
  --tab-accent: var(--ptp-accent);
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  color: #475569;
  font-size: 0.92rem;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  flex-shrink: 0;
  scroll-snap-align: start;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
}
.ptp-tab:hover:not(.is-active) {
  background: #f8fafc;
  border-color: color-mix(in srgb, var(--tab-accent) 30%, transparent);
  color: #0f172a;
  transform: translateY(-1px);
}
.ptp-tab:hover:not(.is-active) .ptp-tab__icon {
  background: color-mix(in srgb, var(--tab-accent) 12%, transparent);
  color: var(--tab-accent);
}
.ptp-tab.is-active {
  background: var(--tab-accent);
  border-color: var(--tab-accent);
  color: #fff;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--tab-accent) 30%, transparent);
  transform: translateY(-2px);
}
.ptp-tab.is-active .ptp-tab__icon {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.ptp-tab.is-active .ptp-tab__badge {
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
}
@media (max-width: 480px) {
  .ptp-tab {
    padding: 10px 14px;
    font-size: 0.85rem;
  }
}
.ptp-tab {
  /* On mobile (wrapped) the snap/no-shrink rules no longer make sense */
}
@media (max-width: 640px) {
  .ptp-tab {
    scroll-snap-align: none;
    flex-shrink: 1;
  }
}
.ptp-tab__icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--tab-accent) 10%, transparent);
  color: var(--tab-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  flex-shrink: 0;
}
.ptp-tab__icon i {
  font-size: 14px;
}
@media (max-width: 480px) {
  .ptp-tab__icon {
    width: 24px;
    height: 24px;
  }
  .ptp-tab__icon i {
    font-size: 12px;
  }
}
.ptp-tab__label {
  line-height: 1;
}
.ptp-tab__badge {
  padding: 2px 8px;
  background: color-mix(in srgb, var(--tab-accent) 15%, transparent);
  color: var(--tab-accent);
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 800;
  transition: all 0.3s ease;
}
/* ===== Tab panels ===== */
.ptp__panels {
  position: relative;
}
.ptp-panel {
  animation: ptp-fade-in 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.ptp-panel[hidden] {
  display: none;
}
@keyframes ptp-fade-in {
  0% {
    opacity: 0;
    transform: translateY(12px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ===== Native salla-products-list spacing ===== */
.ptp-panel__list {
  min-height: 200px;
}
/* ===== "View all" link below grid ===== */
.ptp-panel__more {
  text-align: center;
  margin-top: 28px;
}
.ptp-panel__more-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 22px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  color: #0f172a;
  font-weight: 700;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: all 0.25s ease;
}
.ptp-panel__more-link i {
  font-size: 14px;
  transition: transform 0.25s ease;
}
.ptp-panel__more-link {
  /* sicon-arrow-left in Twig points the right way in RTL.
     Flip it in LTR so the arrow points forward (→). */
}
[dir=ltr] .ptp-panel__more-link i {
  transform: scaleX(-1);
}
.ptp-panel__more-link:hover {
  background: var(--ptp-accent);
  border-color: var(--ptp-accent);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 10px 22px color-mix(in srgb, var(--ptp-accent) 30%, transparent);
}
.ptp-panel__more-link:hover i {
  transform: translateX(-3px);
}
/* ============================================================================
   Comparison Table — Horizontal product comparison with custom rows
   Products as columns (header), attributes as rows, label on the right (RTL)
   ============================================================================ */
.compare-section {
  position: relative;
  overflow: hidden;
  --compare-accent: #066bff;
  --compare-radius: 20px;
  --compare-border: #eef1f5;
  --compare-row-alt: #f8fafc;
  --compare-shadow: 0 12px 40px rgba(15, 23, 42, 0.06);
  --compare-best-tint: color-mix(in srgb, var(--compare-accent) 7%, #fff);
  --compare-best-border: color-mix(in srgb, var(--compare-accent) 30%, transparent);
}
/* ===== Header ===== */
.compare__header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 40px;
}
@media (max-width: 768px) {
  .compare__header {
    margin-bottom: 28px;
  }
}
.compare__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--compare-accent);
  letter-spacing: 0.04em;
  padding: 6px 16px;
  background: color-mix(in srgb, var(--compare-accent) 12%, transparent);
  border-radius: 999px;
  margin-bottom: 14px;
}
.compare__eyebrow i {
  font-size: 14px;
}
.compare__title {
  font-size: max(1.7rem, min(3.4vw, 2.6rem));
  font-weight: 800;
  color: #0f172a;
  margin: 0 0 10px;
  letter-spacing: -0.02em;
  line-height: 1.15;
}
.compare__subtitle {
  font-size: 1rem;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
}
/* ===== Placeholder ===== */
.compare__placeholder {
  text-align: center;
  padding: 60px 30px;
  background: linear-gradient(135deg, #f8fafc, #f1f5f9);
  border: 2px dashed #cbd5e1;
  border-radius: var(--compare-radius);
  color: #64748b;
}
.compare__placeholder i {
  font-size: 48px;
  margin-bottom: 14px;
  opacity: 0.5;
  display: inline-block;
}
.compare__placeholder p {
  margin: 0;
  font-size: 0.95rem;
}
/* ===== Wrap + scroll ===== */
.compare__wrap {
  background: #fff;
  border-radius: var(--compare-radius);
  box-shadow: var(--compare-shadow);
  border: 1px solid var(--compare-border);
  overflow: hidden;
}
.compare__scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 transparent;
}
.compare__scroll::-webkit-scrollbar {
  height: 8px;
}
.compare__scroll::-webkit-scrollbar-track {
  background: transparent;
}
.compare__scroll::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
/* ===== Table ===== */
.compare-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  min-width: 720px;
}
@media (max-width: 768px) {
  .compare-table {
    min-width: 718px;
  }
}
/* ===== Head row (product header cells) ===== */
.compare-table__head-row {
  background: linear-gradient(180deg, #f8fafc, #fff);
}
.compare-table__corner {
  width: 200px;
  padding: 22px 16px;
  border-bottom: 2px solid var(--compare-border);
  border-right: 1px solid var(--compare-border);
  background: linear-gradient(135deg, color-mix(in srgb, var(--compare-accent) 10%, #fff) 0%, color-mix(in srgb, var(--compare-accent) 3%, #fff) 100%);
  position: sticky;
  right: 0;
  z-index: 2;
  vertical-align: middle;
  text-align: center;
}
[dir=rtl] .compare-table__corner {
  right: auto;
  right: 0;
}
@media (max-width: 768px) {
  .compare-table__corner {
    width: 140px;
    padding: 16px 10px;
  }
}
.compare-table__corner-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.compare-table__corner-icon {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--compare-accent), color-mix(in srgb, var(--compare-accent) 70%, #000));
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 18px color-mix(in srgb, var(--compare-accent) 35%, transparent);
  margin-bottom: 2px;
}
.compare-table__corner-icon i {
  font-size: 20px;
}
@media (max-width: 768px) {
  .compare-table__corner-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
  }
  .compare-table__corner-icon i {
    font-size: 16px;
  }
}
.compare-table__corner-eyebrow {
  display: block;
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--compare-accent);
  letter-spacing: 0.04em;
}
@media (max-width: 768px) {
  .compare-table__corner-eyebrow {
    font-size: 0.62rem;
  }
}
.compare-table__corner-title {
  display: block;
  font-size: 0.98rem;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
@media (max-width: 768px) {
  .compare-table__corner-title {
    font-size: 0.82rem;
  }
}
.compare-table__head-cell {
  padding: 22px 16px 20px;
  border-bottom: 2px solid var(--compare-border);
  border-right: 1px solid var(--compare-border);
  text-align: center;
  vertical-align: top;
  position: relative;
  transition: background 0.3s ease;
}
.compare-table__head-cell:last-child {
  border-right: 0;
}
.compare-table__head-cell--best {
  background: var(--compare-best-tint);
}
@media (max-width: 768px) {
  .compare-table__head-cell {
    padding: 18px 12px 16px;
  }
}
/* Best price badge in column header */
.compare-table__best-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: linear-gradient(135deg, var(--compare-accent), color-mix(in srgb, var(--compare-accent) 65%, #000));
  color: #fff;
  font-size: 0.68rem;
  font-weight: 800;
  border-radius: 999px;
  letter-spacing: 0.02em;
  box-shadow: 0 6px 14px color-mix(in srgb, var(--compare-accent) 35%, transparent);
  z-index: 2;
}
[dir=rtl] .compare-table__best-badge {
  left: auto;
  right: auto;
  left: 10px;
}
.compare-table__best-badge i {
  font-size: 11px;
}
/* Product image + name */
.compare-product__image-wrap {
  width: 100%;
  aspect-ratio: 1;
  max-width: 140px;
  margin: 0 auto 12px;
  background: #f8fafc;
  border-radius: 14px;
  overflow: hidden;
  position: relative;
}
.compare-product__image-wrap a {
  display: block;
  height: 100%;
}
.compare-product__image-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}
.compare-product__image-wrap:hover img {
  transform: scale(1.06);
}
@media (max-width: 768px) {
  .compare-product__image-wrap {
    max-width: 100px;
  }
}
.compare-product__discount {
  position: absolute;
  top: 6px;
  right: 6px;
  background: linear-gradient(135deg, #ef4444, #f97316);
  color: #fff;
  font-size: 0.65rem;
  font-weight: 800;
  padding: 3px 7px;
  border-radius: 6px;
  box-shadow: 0 3px 8px rgba(239, 68, 68, 0.3);
}
[dir=rtl] .compare-product__discount {
  inset-inline-end: auto;
  right: auto;
  left: 6px;
}
.compare-product__name {
  font-size: 0.9rem;
  font-weight: 800;
  color: #0f172a;
  margin: 0;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  min-height: 2.7em;
}
.compare-product__name a {
  color: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.compare-product__name a:hover {
  color: var(--compare-accent);
}
/* ===== Body rows ===== */
.compare-row {
  transition: background 0.3s ease;
}
.compare-row:nth-child(even) {
  background: var(--compare-row-alt);
}
.compare-row:hover {
  background: color-mix(in srgb, var(--compare-accent) 4%, #fff);
}
.compare-row__label {
  width: 200px;
  padding: 18px;
  font-size: 0.92rem;
  font-weight: 700;
  color: #0f172a;
  background: #fff;
  border-bottom: 1px solid var(--compare-border);
  border-right: 1px solid var(--compare-border);
  text-align: left;
  vertical-align: middle;
  position: sticky;
  /* Sticky at the inline-START of the table (label column is always the
     first column). LTR: left:0. RTL: right:0. */
  left: 0;
  z-index: 1;
}
[dir=rtl] .compare-row__label {
  left: auto;
  right: 0;
}
.compare-row:nth-child(even) .compare-row__label {
  background: var(--compare-row-alt);
}
@media (max-width: 768px) {
  .compare-row__label {
    width: 140px;
    padding: 14px 12px;
    font-size: 0.85rem;
  }
}
[dir=rtl] .compare-row__label {
  text-align: right;
}
.compare-row__label-inner {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.compare-row__label-inner i {
  color: var(--compare-accent);
  font-size: 16px;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .compare-row__label-inner i {
    font-size: 14px;
  }
}
.compare-row__cell {
  padding: 18px 16px;
  border-bottom: 1px solid var(--compare-border);
  border-right: 1px solid var(--compare-border);
  text-align: center;
  vertical-align: middle;
  color: #334155;
  font-size: 0.92rem;
  font-weight: 600;
  line-height: 1.5;
  transition: background 0.3s ease;
}
.compare-row__cell:last-child {
  border-right: 0;
}
.compare-row__cell--best {
  background: var(--compare-best-tint);
}
.compare-row__cell--empty {
  color: #cbd5e1;
  font-weight: 400;
}
@media (max-width: 768px) {
  .compare-row__cell {
    padding: 14px 12px;
    font-size: 0.85rem;
  }
}
/* Price cells */
.compare-row__price-now {
  display: block;
  font-size: 1.15rem;
  font-weight: 900;
  color: var(--compare-accent);
  letter-spacing: -0.01em;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}
@media (max-width: 768px) {
  .compare-row__price-now {
    font-size: 1rem;
  }
}
.compare-row__price-old {
  display: block;
  font-size: 0.78rem;
  color: #94a3b8;
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  margin-top: 2px;
}
/* Pills (stock, options) */
.compare-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 700;
  white-space: nowrap;
}
.compare-pill i {
  font-size: 11px;
}
.compare-pill--success {
  background: #ecfdf5;
  color: #059669;
}
.compare-pill--warning {
  background: #fef3c7;
  color: #b45309;
}
.compare-pill--danger {
  background: #fef2f2;
  color: #dc2626;
}
@media (max-width: 768px) {
  .compare-pill {
    font-size: 0.72rem;
    padding: 4px 9px;
  }
}
/* ===== Foot row (buy buttons) ===== */
.compare-foot__label {
  width: 200px;
  padding: 22px 18px;
  background: #fff;
  border-right: 1px solid var(--compare-border);
  position: sticky;
  right: 0;
}
[dir=rtl] .compare-foot__label {
  right: auto;
  right: 0;
}
@media (max-width: 768px) {
  .compare-foot__label {
    width: 140px;
    padding: 18px 12px;
  }
}
.compare-foot__cell {
  padding: 22px 16px;
  border-right: 1px solid var(--compare-border);
  text-align: center;
  vertical-align: middle;
  background: #fff;
}
.compare-foot__cell:last-child {
  border-right: 0;
}
@media (max-width: 768px) {
  .compare-foot__cell {
    padding: 16px 12px;
  }
}
.compare-buy-btn {
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 12px;
  background: var(--compare-accent);
  color: #fff;
  border: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-size: 0.9rem;
  font-weight: 800;
  transition: all 0.25s ease;
}
.compare-buy-btn i {
  font-size: 14px;
}
.compare-buy-btn i.is-spinning {
  animation: compare-spin 0.8s linear infinite;
}
.compare-buy-btn:hover:not([data-busy="1"]):not(:disabled) {
  background: color-mix(in srgb, var(--compare-accent) 85%, #000);
  transform: translateY(-2px);
  box-shadow: 0 10px 22px color-mix(in srgb, var(--compare-accent) 35%, transparent);
}
.compare-buy-btn--unavailable {
  background: #f1f5f9;
  color: #94a3b8;
  cursor: not-allowed;
  pointer-events: none;
}
@media (max-width: 768px) {
  .compare-buy-btn {
    font-size: 0.82rem;
    min-height: 38px;
  }
}
@keyframes compare-spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
/* ===== Skeleton ===== */
.compare-skel {
  background: linear-gradient(90deg, #f1f5f9 0%, #e2e8f0 50%, #f1f5f9 100%);
  background-size: 200% 100%;
  animation: compare-shimmer 1.4s ease infinite;
  border-radius: 8px;
}
.compare-skel--img {
  aspect-ratio: 1;
  max-width: 140px;
  margin: 0 auto 12px;
  border-radius: 14px;
}
@media (max-width: 768px) {
  .compare-skel--img {
    max-width: 100px;
  }
}
.compare-skel--line {
  height: 14px;
  margin: 8px auto;
  max-width: 70%;
}
@keyframes compare-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
/* ============================================================================
   Store Locator — Branch cards grid (no map, just info cards)
   ============================================================================ */
.locator-section {
  position: relative;
  overflow: hidden;
  --locator-accent: #066bff;
  --locator-radius: 18px;
  --locator-card-bg: #ffffff;
  --locator-card-shadow: 0 6px 20px rgba(15, 23, 42, 0.05);
  --locator-card-shadow-hover: 0 18px 40px rgba(15, 23, 42, 0.1);
}
/* ===== Header ===== */
.locator__header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 44px;
}
@media (max-width: 768px) {
  .locator__header {
    margin-bottom: 30px;
  }
}
.locator__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--locator-accent);
  letter-spacing: 0.04em;
  padding: 6px 16px;
  background: color-mix(in srgb, var(--locator-accent) 12%, transparent);
  border-radius: 999px;
  margin-bottom: 14px;
}
.locator__eyebrow i {
  font-size: 14px;
}
.locator__title {
  font-size: max(1.7rem, min(3.4vw, 2.6rem));
  font-weight: 800;
  color: #0f172a;
  margin: 0 0 10px;
  letter-spacing: -0.02em;
  line-height: 1.15;
}
.locator__subtitle {
  font-size: 1rem;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
}
/* ===== Placeholder ===== */
.locator__placeholder {
  text-align: center;
  padding: 60px 30px;
  background: linear-gradient(135deg, #f8fafc, #f1f5f9);
  border: 2px dashed #cbd5e1;
  border-radius: var(--locator-radius);
  color: #64748b;
}
.locator__placeholder i {
  font-size: 48px;
  margin-bottom: 14px;
  opacity: 0.5;
  display: inline-block;
}
.locator__placeholder p {
  margin: 0;
  font-size: 0.95rem;
}
/* ===== Grid ===== */
.locator__grid {
  display: grid;
  grid-gap: 22px;
  gap: 22px;
  grid-template-columns: repeat(3, 1fr);
}
.locator__grid--2 {
  grid-template-columns: repeat(2, 1fr);
  max-width: 800px;
  margin: 0 auto;
}
.locator__grid--1 {
  grid-template-columns: 1fr;
  max-width: 460px;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .locator__grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 600px) {
  .locator__grid {
    grid-template-columns: 1fr !important;
  }
  .locator__grid {
    gap: 16px;
  }
}
/* ===== Branch card ===== */
.branch-card {
  background: var(--locator-card-bg);
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: var(--locator-radius);
  box-shadow: var(--locator-card-shadow);
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.35s ease, border-color 0.3s ease;
  opacity: 0;
  transform: translateY(24px);
}
.is-visible .branch-card {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.35s ease, border-color 0.3s ease;
}
.is-visible .branch-card[data-branch-index="0"] {
  transition-delay: 0s;
}
.is-visible .branch-card[data-branch-index="1"] {
  transition-delay: 0.1s;
}
.is-visible .branch-card[data-branch-index="2"] {
  transition-delay: 0.2s;
}
.is-visible .branch-card[data-branch-index="3"] {
  transition-delay: 0.3s;
}
.is-visible .branch-card[data-branch-index="4"] {
  transition-delay: 0.4s;
}
.is-visible .branch-card[data-branch-index="5"] {
  transition-delay: 0.5s;
}
.branch-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--locator-card-shadow-hover);
  border-color: color-mix(in srgb, var(--locator-accent) 30%, transparent);
}
.branch-card:hover .branch-card__icon {
  transform: scale(1.08) rotate(-6deg);
}
@media (max-width: 480px) {
  .branch-card {
    padding: 18px;
  }
}
/* ===== Head ===== */
.branch-card__head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid #f1f5f9;
}
.branch-card__icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--locator-accent), color-mix(in srgb, var(--locator-accent) 70%, #000));
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  box-shadow: 0 8px 18px color-mix(in srgb, var(--locator-accent) 30%, transparent);
}
.branch-card__icon i {
  font-size: 20px;
}
.branch-card__head-text {
  flex: 1;
  min-width: 0;
  text-align: left;
}
[dir=rtl] .branch-card__head-text {
  text-align: right;
}
.branch-card__eyebrow {
  display: block;
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--locator-accent);
  letter-spacing: 0.04em;
  margin-bottom: 2px;
}
.branch-card__name {
  font-size: 1.05rem;
  font-weight: 800;
  color: #0f172a;
  margin: 0;
  line-height: 1.3;
  letter-spacing: -0.01em;
}
/* ===== Body rows ===== */
.branch-card__body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
}
.branch-card__row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.branch-card__row-icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: color-mix(in srgb, var(--locator-accent) 10%, transparent);
  color: var(--locator-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}
.branch-card__row-icon i {
  font-size: 14px;
}
.branch-card__row-text {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
  min-width: 0;
  text-align: left;
}
[dir=rtl] .branch-card__row-text {
  text-align: right;
}
.branch-card__row-label {
  display: block;
  font-size: 0.7rem;
  font-weight: 700;
  color: #94a3b8;
  letter-spacing: 0.02em;
}
.branch-card__row-value {
  display: block;
  font-size: 0.9rem;
  color: #334155;
  font-weight: 600;
  line-height: 1.4;
  word-break: break-word;
  text-align: left;
}
.branch-card__row-value--link {
  color: var(--locator-accent);
  -webkit-text-decoration: none;
  text-decoration: none;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}
.branch-card__row-value--link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
/* ===== CTA ===== */
.branch-card__cta {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 18px;
  background: var(--locator-accent);
  color: #fff;
  border-radius: 12px;
  font-size: 0.88rem;
  font-weight: 800;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: all 0.25s ease;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--locator-accent) 25%, transparent);
}
.branch-card__cta i {
  font-size: 14px;
  transition: transform 0.25s ease;
}
.branch-card__cta:hover {
  background: color-mix(in srgb, var(--locator-accent) 85%, #000);
  transform: translateY(-2px);
  box-shadow: 0 10px 22px color-mix(in srgb, var(--locator-accent) 40%, transparent);
  color: #fff;
}
.branch-card__cta:hover i {
  transform: translateY(-1px);
}
/* ============================================================================
   Loyalty Points Showcase — Hero + earn-formula + tier cards
   ============================================================================ */
.loyalty-section {
  position: relative;
  overflow: hidden;
  --loyalty-accent: #8b5cf6;
  --loyalty-accent-2: #ec4899;
  --loyalty-radius: 26px;
  --loyalty-card-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
  --loyalty-card-shadow-hover: 0 22px 50px rgba(15, 23, 42, 0.12);
}
/* ===== Shell (hero + tiers in a single container) ===== */
.loyalty__shell {
  position: relative;
  background: linear-gradient(135deg, color-mix(in srgb, var(--loyalty-accent) 7%, #fff) 0%, color-mix(in srgb, var(--loyalty-accent-2) 5%, #fff) 60%, #fff 100%);
  border-radius: var(--loyalty-radius);
  padding: 48px 40px;
  border: 1px solid color-mix(in srgb, var(--loyalty-accent) 12%, transparent);
  overflow: hidden;
  isolation: isolate;
}
@media (max-width: 768px) {
  .loyalty__shell {
    padding: 32px 22px;
    border-radius: 22px;
  }
}
.loyalty__deco {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  z-index: 0;
  pointer-events: none;
}
.loyalty__deco--1 {
  top: -80px;
  right: -60px;
  width: 280px;
  height: 280px;
  background: radial-gradient(circle, color-mix(in srgb, var(--loyalty-accent) 40%, transparent) 0%, transparent 70%);
}
.loyalty__deco--2 {
  bottom: -100px;
  left: -80px;
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, color-mix(in srgb, var(--loyalty-accent-2) 35%, transparent) 0%, transparent 70%);
}
/* ===== Hero ===== */
.loyalty__hero {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 680px;
  margin: 0 auto 40px;
}
@media (max-width: 768px) {
  .loyalty__hero {
    margin-bottom: 28px;
  }
}
.loyalty__hero-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 20px;
  background: linear-gradient(135deg, var(--loyalty-accent), var(--loyalty-accent-2));
  color: #fff;
  box-shadow: 0 18px 36px color-mix(in srgb, var(--loyalty-accent) 38%, transparent);
  margin: 0 auto 18px;
  animation: loyalty-bounce 2.4s ease-in-out infinite;
}
.loyalty__hero-icon i {
  font-size: 32px;
}
@media (max-width: 768px) {
  .loyalty__hero-icon {
    width: 60px;
    height: 60px;
    border-radius: 17px;
  }
  .loyalty__hero-icon i {
    font-size: 26px;
  }
}
@keyframes loyalty-bounce {
  0%, 100% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-6px) rotate(-4deg);
  }
}
.loyalty__eyebrow {
  display: table; /* shrink-wrap, behaves like block for layout */
  font-size: 0.78rem;
  font-weight: 800;
  color: var(--loyalty-accent);
  letter-spacing: 0.04em;
  padding: 5px 14px;
  background: color-mix(in srgb, var(--loyalty-accent) 12%, transparent);
  border-radius: 999px;
  margin: 0 auto 14px;
}
.loyalty__title {
  font-size: max(1.7rem, min(3.4vw, 2.6rem));
  font-weight: 900;
  color: #0f172a;
  margin: 0 0 10px;
  letter-spacing: -0.02em;
  line-height: 1.15;
  background: linear-gradient(135deg, var(--loyalty-accent), var(--loyalty-accent-2));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.loyalty__subtitle {
  font-size: 1rem;
  color: #475569;
  margin: 0;
  line-height: 1.65;
}
/* ===== Formula widget (1 ر.س = 1 نقطة) =====
   In RTL reading: from-side (ر.س) on RIGHT, equals in middle, to-side (نقطة) on LEFT.
   Salla flex doesn't always honor direction:rtl, so force row-reverse in RTL. */
.loyalty__formula {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 22px;
  margin: 24px auto 0;
  padding: 18px 28px;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid color-mix(in srgb, var(--loyalty-accent) 18%, transparent);
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
}
[dir=rtl] .loyalty__formula {
  flex-direction: row-reverse;
}
@media (max-width: 480px) {
  .loyalty__formula {
    gap: 14px;
    padding: 14px 18px;
  }
}
.loyalty__formula-side {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.loyalty__formula-side strong {
  font-size: 1.7rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.02em;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}
.loyalty__formula-side small {
  font-size: 1.5rem;
  font-weight: 700;
  color: #64748b;
  letter-spacing: 0.02em;
}
.loyalty__formula-side--from strong {
  color: #0f172a;
}
.loyalty__formula-side--to strong {
  background: linear-gradient(135deg, var(--loyalty-accent), var(--loyalty-accent-2));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 480px) {
  .loyalty__formula-side strong {
    font-size: 1.4rem;
  }
}
.loyalty__formula-equals {
  font-size: 1.4rem;
  font-weight: 900;
  color: #cbd5e1;
}
/* ===== CTA ===== */
.loyalty__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 24px auto 0;
  padding: 14px 28px;
  background: linear-gradient(135deg, var(--loyalty-accent), var(--loyalty-accent-2));
  color: #fff;
  border-radius: 14px;
  font-size: 0.95rem;
  font-weight: 800;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: all 0.25s ease;
  box-shadow: 0 12px 28px color-mix(in srgb, var(--loyalty-accent) 35%, transparent);
  width: -moz-fit-content;
  width: fit-content;
}
.loyalty__cta i {
  font-size: 14px;
  transition: transform 0.25s ease;
}
.loyalty__cta {
  /* The trailing arrow icon (sicon-arrow-left in Twig) points the right way
     in RTL but the wrong way in LTR — flip it via a CSS variable that also
     composes with the hover translate below. */
}
.loyalty__cta i:last-child {
  transform: scaleX(1);
  transform: scaleX(var(--arrow-flip, 1));
}
.loyalty__cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 36px color-mix(in srgb, var(--loyalty-accent) 45%, transparent);
  color: #fff;
}
.loyalty__cta:hover i:last-child {
  transform: scaleX(1) translateX(-4px);
  transform: scaleX(var(--arrow-flip, 1)) translateX(-4px);
}
[dir=ltr] .loyalty__cta {
  --arrow-flip: -1;
}
/* ===== Tiers ===== */
.loyalty__tiers {
  position: relative;
  z-index: 1;
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  grid-template-columns: repeat(4, 1fr);
}
.loyalty__tiers--3 {
  grid-template-columns: repeat(3, 1fr);
}
.loyalty__tiers--2 {
  grid-template-columns: repeat(2, 1fr);
  max-width: 720px;
  margin: 0 auto;
}
.loyalty__tiers--1 {
  grid-template-columns: 1fr;
  max-width: 380px;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .loyalty__tiers {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 520px) {
  .loyalty__tiers {
    grid-template-columns: 1fr !important;
  }
  .loyalty__tiers {
    gap: 16px;
  }
}
.tier-card {
  --tier-color: var(--loyalty-accent);
  position: relative;
  background: #fff;
  border-radius: 18px;
  padding: 24px 22px;
  border: 1px solid #f1f5f9;
  box-shadow: var(--loyalty-card-shadow);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.4s ease, border-color 0.3s ease;
  overflow: hidden;
  isolation: isolate;
  /* Tinted top stripe */
}
.tier-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--tier-color);
  z-index: -1;
}
.tier-card {
  opacity: 0;
  transform: translateY(24px);
}
.is-visible .tier-card {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s ease, border-color 0.3s ease;
}
.is-visible .tier-card[data-tier-index="0"] {
  transition-delay: 0s;
}
.is-visible .tier-card[data-tier-index="1"] {
  transition-delay: 0.12s;
}
.is-visible .tier-card[data-tier-index="2"] {
  transition-delay: 0.24s;
}
.is-visible .tier-card[data-tier-index="3"] {
  transition-delay: 0.36s;
}
.is-visible .tier-card[data-tier-index="4"] {
  transition-delay: 0.48s;
}
.is-visible .tier-card[data-tier-index="5"] {
  transition-delay: 0.6s;
}
.tier-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--loyalty-card-shadow-hover);
  border-color: color-mix(in srgb, var(--tier-color) 35%, transparent);
}
.tier-card:hover .tier-card__icon {
  transform: scale(1.1) rotate(-6deg);
  background: var(--tier-color);
  color: #fff;
  box-shadow: 0 12px 26px color-mix(in srgb, var(--tier-color) 40%, transparent);
}
@media (max-width: 480px) {
  .tier-card {
    padding: 20px 18px;
  }
}
.tier-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 14px;
}
.tier-card__icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: color-mix(in srgb, var(--tier-color) 14%, #fff);
  color: var(--tier-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.tier-card__icon i {
  font-size: 22px;
}
.tier-card__label {
  padding: 4px 10px;
  background: color-mix(in srgb, var(--tier-color) 12%, transparent);
  color: var(--tier-color);
  font-size: 0.68rem;
  font-weight: 800;
  border-radius: 999px;
  letter-spacing: 0.02em;
}
.tier-card__name-wrap {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px dashed #e2e8f0;
}
.tier-card__name {
  font-size: 1.25rem;
  font-weight: 900;
  color: #0f172a;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
.tier-card__points {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.82rem;
  font-weight: 800;
  color: var(--tier-color);
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.tier-card__points i {
  font-size: 12px;
}
.tier-card__benefits {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.tier-card__benefits li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 0.88rem;
  color: #334155;
  font-weight: 500;
  line-height: 1.5;
}
.tier-card__benefits li i {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--tier-color) 14%, transparent);
  color: var(--tier-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  margin-top: 2px;
}
.tier-card__benefits li span {
  flex: 1;
}
[dir=rtl] .tier-card__benefits li {
  text-align: right;
}
/* ============================================================================
   Featured Promo Cards Grid — Promotional cards with optional countdown
   ============================================================================ */
.promo-section {
  position: relative;
  /* Allow nav arrows to overflow outside the card edges */
  overflow: visible;
  --promo-accent: #066bff;
  --promo-radius: 20px;
  --promo-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
  --promo-shadow-hover: 0 24px 50px rgba(15, 23, 42, 0.16);
}
/* ===== Header ===== */
.promo__header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 40px;
}
@media (max-width: 768px) {
  .promo__header {
    margin-bottom: 28px;
  }
}
.promo__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--promo-accent);
  letter-spacing: 0.04em;
  padding: 6px 16px;
  background: color-mix(in srgb, var(--promo-accent) 12%, transparent);
  border-radius: 999px;
  margin-bottom: 14px;
}
.promo__eyebrow i {
  font-size: 14px;
}
.promo__title {
  font-size: max(1.7rem, min(3.4vw, 2.6rem));
  font-weight: 800;
  color: #0f172a;
  margin: 0 0 10px;
  letter-spacing: -0.02em;
  line-height: 1.15;
}
.promo__subtitle {
  font-size: 1rem;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
}
/* ===== Placeholder ===== */
.promo__placeholder {
  text-align: center;
  padding: 60px 30px;
  background: linear-gradient(135deg, #f8fafc, #f1f5f9);
  border: 2px dashed #cbd5e1;
  border-radius: var(--promo-radius);
  color: #64748b;
}
.promo__placeholder i {
  font-size: 48px;
  margin-bottom: 14px;
  opacity: 0.5;
  display: inline-block;
}
.promo__placeholder p {
  margin: 0;
  font-size: 0.95rem;
}
/* ===== Slider ===== */
.promo__slider {
  --swiper-navigation-size: 22px;
  display: block;
}
/* Slide widths from inline CSS vars set by the user (twilight settings) */
.promo-slide {
  width: 100%;
  width: var(--promo-w-m, 100%);
  padding: 6px;
  box-sizing: border-box;
}
@media (min-width: 640px) {
  salla-slider .promo-slide {
    width: 50%;
    width: var(--promo-w-t, 50%);
  }
}
@media (min-width: 1024px) {
  salla-slider .promo-slide {
    width: 33.333333%;
    width: var(--promo-w-d, 33.333333%);
  }
}
/* ===== Slider wrapper (custom arrows on sides) ===== */
.promo__slider-wrap {
  position: relative;
}
/* Hide Salla's default arrows — we use our own */
.promo__slider .s-slider-block__title-nav,
.promo__slider .s-slider-prev,
.promo__slider .s-slider-next,
.promo__slider .s-slider-nav-arrow {
  display: none !important;
}
/* Custom arrows — same look as exclusive-offers, hover icon white */
.promo__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.06);
  background: rgba(255, 255, 255, 0.95);
  color: #1c1c1c;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.25s ease;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
  z-index: 5;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.promo__nav:hover {
  background: var(--promo-accent);
  color: #fff;
  border-color: transparent;
  transform: translateY(-50%) scale(1.08);
}
.promo__nav:hover i {
  color: #fff;
}
.promo__nav i {
  font-size: 14px;
}
.promo__nav {
  /* Half on the slide, half outside (44px / 2 = -22px) */
}
.promo__nav--prev {
  right: -22px;
}
.promo__nav--next {
  left: -22px;
}
@media (max-width: 768px) {
  .promo__nav {
    width: 38px;
    height: 38px;
    /* 38px / 2 = -19px */
  }
  .promo__nav--prev {
    right: -19px;
  }
  .promo__nav--next {
    left: -19px;
  }
}
/* LTR: mirror sides — prev on left, next on right */
[dir=ltr] .promo__nav--prev {
  right: auto;
  left: -22px;
}
[dir=ltr] .promo__nav--next {
  left: auto;
  right: -22px;
}
@media (max-width: 768px) {
  [dir=ltr] .promo__nav--prev {
    left: -19px;
  }
  [dir=ltr] .promo__nav--next {
    right: -19px;
  }
}
/* The Twig hard-codes RTL-correct physical arrow icons (sicon-arrow-right on
   prev, sicon-arrow-left on next, and sicon-arrow-left on the CTA). In LTR
   they point the wrong way visually. The slider nav buttons have no hover
   translate so a flat scaleX(-1) works. The CTA arrow does have a hover
   translate — use a CSS variable so the two transforms compose. */
[dir=ltr] .promo__nav i {
  transform: scaleX(-1);
}
.promo-card__cta i {
  transform: scaleX(1);
  transform: scaleX(var(--arrow-flip, 1));
}
[dir=ltr] .promo-card__cta {
  --arrow-flip: -1;
}
/* ===== Promo card ===== */
.promo-card {
  --card-bg: #0f172a;
  --card-text: #ffffff;
  --card-badge-bg: #ef4444;
  position: relative;
  display: block;
  background: #0f172a;
  background: var(--card-bg);
  color: #ffffff;
  color: var(--card-text);
  border-radius: var(--promo-radius);
  overflow: hidden;
  -webkit-text-decoration: none;
  text-decoration: none;
  aspect-ratio: 4/5;
  min-height: 320px;
  transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.45s ease;
  isolation: isolate;
  opacity: 0;
  transform: translateY(28px);
}
.is-visible .promo-card {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.45s ease;
}
.is-visible .promo-card[data-promo-index="0"] {
  transition-delay: 0s;
}
.is-visible .promo-card[data-promo-index="1"] {
  transition-delay: 0.1s;
}
.is-visible .promo-card[data-promo-index="2"] {
  transition-delay: 0.2s;
}
.is-visible .promo-card[data-promo-index="3"] {
  transition-delay: 0.3s;
}
.is-visible .promo-card[data-promo-index="4"] {
  transition-delay: 0.4s;
}
.is-visible .promo-card[data-promo-index="5"] {
  transition-delay: 0.5s;
}
.promo-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--promo-shadow-hover);
  color: var(--card-text);
}
.promo-card:hover .promo-card__image {
  transform: scale(1.08);
}
.promo-card:hover .promo-card__cta {
  background: var(--card-text);
  color: var(--card-bg);
  padding-left: 22px;
  padding-right: 22px;
}
.promo-card:hover .promo-card__cta i {
  /* Compose with the language-aware scaleX so the arrow keeps
     pointing the right way after hover. In the flipped (LTR)
     frame, `translateX(-3px)` becomes +3px on screen — both
     directions end up nudging the arrow toward the end. */
  transform: scaleX(1) translateX(-3px);
  transform: scaleX(var(--arrow-flip, 1)) translateX(-3px);
}
.promo-card:hover .promo-card__badge {
  transform: scale(1.05);
}
@media (max-width: 768px) {
  .promo-card {
    min-height: 280px;
  }
}
/* ===== Media (image background) ===== */
.promo-card__media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
}
.promo-card__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.promo-card__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.7) 100%);
}
/* ===== Background (no image fallback) ===== */
.promo-card__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background: radial-gradient(circle at 20% 20%, color-mix(in srgb, var(--card-text) 8%, transparent), transparent 60%), radial-gradient(circle at 80% 80%, color-mix(in srgb, var(--card-text) 5%, transparent), transparent 50%), var(--card-bg);
  overflow: hidden;
}
.promo-card__pattern {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 14px, color-mix(in srgb, var(--card-text) 3%, transparent) 14px, color-mix(in srgb, var(--card-text) 3%, transparent) 15px);
  opacity: 0.6;
}
/* ===== Content ===== */
.promo-card__content {
  position: relative;
  z-index: 2;
  height: 100%;
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: left;
}
[dir=rtl] .promo-card__content {
  text-align: right;
}
@media (max-width: 480px) {
  .promo-card__content {
    padding: 18px;
  }
}
.promo-card__badge {
  position: absolute;
  top: 18px;
  left: 18px;
  padding: 6px 14px;
  background: var(--card-badge-bg);
  color: #fff;
  font-size: 0.78rem;
  font-weight: 900;
  border-radius: 999px;
  letter-spacing: 0.02em;
  z-index: 2;
  box-shadow: 0 6px 16px color-mix(in srgb, var(--card-badge-bg) 40%, transparent);
  transition: transform 0.3s ease;
}
[dir=rtl] .promo-card__badge {
  left: auto;
  right: 18px;
}
@media (max-width: 480px) {
  .promo-card__badge {
    top: 14px;
    font-size: 0.72rem;
    padding: 5px 11px;
  }
  [dir=rtl] .promo-card__badge {
    right: 14px;
  }
}
.promo-card__body {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.promo-card__subtitle {
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--card-text);
  opacity: 0.85;
  letter-spacing: 0.02em;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}
.promo-card__title {
  font-size: max(1.2rem, min(2vw, 1.6rem));
  font-weight: 900;
  color: var(--card-text);
  margin: 0;
  line-height: 1.2;
  letter-spacing: -0.02em;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
}
.promo-card__description {
  font-size: 0.88rem;
  color: var(--card-text);
  opacity: 0.85;
  margin: 4px 0 0;
  line-height: 1.5;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.35);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* ===== Countdown ===== */
.promo-card__countdown {
  display: flex;
  align-items: center;
  gap: 6px;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  margin-top: 6px;
}
.promo-card__time-box {
  flex: 1;
  text-align: center;
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 9px;
  padding: 7px 4px 5px;
  color: var(--card-text);
}
.promo-card__time-box span {
  display: block;
  font-size: 1.05rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.01em;
}
.promo-card__time-box small {
  display: block;
  font-size: 0.6rem;
  font-weight: 600;
  opacity: 0.75;
  margin-top: 3px;
  letter-spacing: 0.02em;
}
/* ===== CTA ===== */
.promo-card__cta {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 6px;
  margin-top: 12px;
  padding: 10px 18px;
  background: rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.22);
  color: var(--card-text);
  font-size: 0.85rem;
  font-weight: 800;
  border-radius: 999px;
  transition: all 0.3s ease;
}
.promo-card__cta i {
  font-size: 13px;
  transition: transform 0.3s ease;
}
/* ============================================================================
   Section Spacing — per-component padding control via inline CSS variables
   Each home component injects --sp-pt-d / --sp-pb-d / --sp-pt-m / --sp-pb-m
   on its outermost <section>. This stylesheet applies them and overrides any
   existing utility padding (py-X) on those sections.
   ============================================================================ */
[style*="--sp-pt-d"] {
  padding-top: 60px !important;
  padding-top: var(--sp-pt-d, 60px) !important;
  padding-bottom: 60px !important;
  padding-bottom: var(--sp-pb-d, 60px) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
@media (max-width: 768px) {
  [style*="--sp-pt-m"] {
    padding-top: 40px !important;
    padding-top: var(--sp-pt-m, 40px) !important;
    padding-bottom: 40px !important;
    padding-bottom: var(--sp-pb-m, 40px) !important;
  }
}
body.mm-ocd-opened,
body.modal-is-open,
body.fancybox-open {
  overflow: hidden;
}
body.mm-ocd-opened #tidio-chat,
body.mm-ocd-opened [id^=gb-widget],
body.mm-ocd-opened [class$=__feedback],
body.mm-ocd-opened #fb-root,
body.mm-ocd-opened .fb_reset,
body.mm-ocd-opened #chat-widget-container,
body.modal-is-open #tidio-chat,
body.modal-is-open [id^=gb-widget],
body.modal-is-open [class$=__feedback],
body.modal-is-open #fb-root,
body.modal-is-open .fb_reset,
body.modal-is-open #chat-widget-container,
body.fancybox-open #tidio-chat,
body.fancybox-open [id^=gb-widget],
body.fancybox-open [class$=__feedback],
body.fancybox-open #fb-root,
body.fancybox-open .fb_reset,
body.fancybox-open #chat-widget-container {
  display: none !important;
}
/* CSS specific to iOS devices */
@supports (-webkit-touch-callout: none) {
  @media screen and (max-width: 767px) {
    .mobile #button {
      transform: translateY(-58px);
      margin-left: 5px;
    }
  }
}
@media (max-width: 1024px) {
  body.dropdown--is-opened {
    overflow: hidden;
  }
  body.dropdown--is-opened #tidio-chat,
  body.dropdown--is-opened [id^=gb-widget],
  body.dropdown--is-opened [class$=__feedback],
  body.dropdown--is-opened #fb-root,
  body.dropdown--is-opened .fb_reset,
  body.dropdown--is-opened #chat-widget-container {
    display: none !important;
  }
  #tidio-chat {
    z-index: 9999999999;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
  }
  #tidio-chat #tidio-chat-iframe {
    bottom: 0 !important;
  }
  #tidio-chat #tidio-chat-iframe {
    pointer-events: auto;
  }
  [id^=gb-widget] {
    bottom: 20px !important;
    z-index: 9999 !important;
  }
  #fb-root .fb_dialog iframe[data-testid=bubble_iframe] {
    bottom: 20px !important;
  }
  iframe.tawk-widget {
    bottom: 20px !important;
  }
  #chat-widget-container {
    bottom: 0 !important;
  }
  #chat-widget-container {
    height: 100%;
  }
}
iframe.tawk-widget {
  display: block;
  bottom: 20px;
}
.is-sticky-product-bar.product-single [id^=gb-widget],
.is-sticky-product-bar.product-single iframe.tawk-widget,
.is-sticky-product-bar.product-single #fb-root .fb_dialog iframe[data-testid=bubble_iframe],
.is-sticky-product-bar.product-single iframe.tawk-widget {
  bottom: 70px !important;
}
@media (max-width: 640px) {
  .swal2-container {
    width: 100% !important;
  }
}
.swal2-container .swal2-popup.swal2-toast {
  max-width: 300px;
  padding: 0 10px 5px;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.0705882353);
}
@media (max-width: 640px) {
  .swal2-container .swal2-popup.swal2-toast {
    max-width: 100%;
  }
}
.swal2-container .swal2-popup.swal2-toast .swal2-icon{ --tw-scale-x: .5; --tw-scale-y: .5; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.5) scaleY(.5); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); animation: none; }
.swal2-container .swal2-popup.swal2-toast .swal2-icon:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.25rem; margin-left: -0.375rem; }
.swal2-container .swal2-popup.swal2-toast .swal2-icon:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.25rem; margin-right: -0.375rem; }
.swal2-container .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{ --tw-border-opacity: 1; border-color: rgba(255, 255, 255, 1); border-color: rgba(255, 255, 255, var(--tw-border-opacity, 1)); }
.swal2-container .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-line-tip,
.swal2-container .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-line-long{ --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); }
.swal2-container .swal2-popup.swal2-toast .swal2-title{ margin: 0px; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.875rem; line-height: 1.5rem; }
.swal2-container .swal2-popup.swal2-toast .swal2-close{ flex-shrink: 0; --tw-scale-x: .75; --tw-scale-y: .75; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.75) scaleY(.75); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.swal2-container .swal2-popup.swal2-toast .swal2-close:where([dir="ltr"], [dir="ltr"] *){ margin-left: 0.5rem; }
.swal2-container .swal2-popup.swal2-toast .swal2-close:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0.5rem; }
.swal2-container .swal2-popup.swal2-toast .swal2-timer-progress-bar-container {
  height: 2px;
}
.swal2-container .swal2-popup.swal2-toast .swal2-timer-progress-bar {
  background: #ddd;
}
.swal2-container .swal2-popup.swal2-toast.swal2-icon-error{ --tw-bg-opacity: 1; background-color: rgba(248, 113, 113, 1); background-color: rgba(248, 113, 113, var(--tw-bg-opacity, 1)); }
.swal2-container .swal2-popup.swal2-toast.swal2-icon-error *{ --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
.swal2-container .swal2-popup.swal2-toast.swal2-icon-error .swal2-error{ --tw-border-opacity: 1; border-color: rgba(255, 255, 255, 1); border-color: rgba(255, 255, 255, var(--tw-border-opacity, 1)); }
.swal2-container .swal2-popup.swal2-toast.swal2-icon-error .swal2-x-mark-line-right,
.swal2-container .swal2-popup.swal2-toast.swal2-icon-error .swal2-x-mark-line-left{ --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); }
.swal2-container .swal2-popup.swal2-toast.swal2-icon-success{ --tw-bg-opacity: 1; background-color: rgba(34, 197, 94, 1); background-color: rgba(34, 197, 94, var(--tw-bg-opacity, 1)); }
.swal2-container .swal2-popup.swal2-toast.swal2-icon-success *{ --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .full-banner-entry {
      background-attachment: scroll;
      background-attachment: initial;
    }
  }
}
/* Custom Styles */
/* Font Awesome spin animation */
.fa-spin {
  animation: fa-spin 1s infinite linear;
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
[dir=rtl] .s-list-tile-item-content {
  text-align: right;
}
.before\:text-orange-300::before{ content: var(--tw-content); --tw-text-opacity: 1; color: rgba(253, 186, 116, 1); color: rgba(253, 186, 116, var(--tw-text-opacity, 1)); }
.first\:rounded-t-md:first-child{ border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; }
.first\:pt-16:first-child{ padding-top: 4rem; }
.last\:mb-0:last-child{ margin-bottom: 0px; }
.last\:rounded-b-md:last-child{ border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; }
.last\:border-b-0:last-child{ border-bottom-width: 0px; }
.last\:border-none:last-child{ border-style: none; }
.target\:btn:target{ display: inline-flex; flex: 1 1 0%; align-items: center; justify-content: center; white-space: nowrap; border-radius: 0.375rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 0.625rem; padding-top: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.account-main > h1.target\:btn:target {
  display: none;
}
.target\:btn:target:hover{ opacity: 0.8; }
.hover\:text-dark:hover{ --tw-text-opacity: 1; color: rgba(29, 31, 31, 1); color: rgba(29, 31, 31, var(--tw-text-opacity, 1)); }
.hover\:text-primary:hover{ color: #414042; color: var(--color-primary); }
.hover\:underline:hover{ text-decoration-line: underline; }
.hover\:opacity-80:hover{ opacity: 0.8; }
.hover\:opacity-90:hover{ opacity: 0.9; }
.hover\:shadow-default:hover{ --tw-shadow: 5px 10px 30px #2B2D340D;; --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 5px 10px 30px #2B2D340D;; box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }
.group:hover .group-hover\:-translate-x-1{ --tw-translate-x: -0.25rem; transform: translate(-0.25rem, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
@media (min-width: 640px){
 .sm\:col-span-2{ grid-column: span 2 / span 2; }
 .sm\:mb-0{ margin-bottom: 0px; }
 .sm\:mb-24{ margin-bottom: 6rem; }
 .sm\:mb-6{ margin-bottom: 1.5rem; }
 .sm\:mb-8{ margin-bottom: 2rem; }
 .sm\:mt-0{ margin-top: 0px; }
 .sm\:mt-8{ margin-top: 2rem; }
 .sm\:block{ display: block; }
 .sm\:grid{ display: grid; }
 .sm\:h-full{ height: 100%; }
 .sm\:\!w-\[220px\]{ width: 220px !important; }
 .sm\:grow-0{ flex-grow: 0; }
 .sm\:translate-y-0{ --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
 .sm\:scale-100{ --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
 .sm\:scale-95{ --tw-scale-x: .95; --tw-scale-y: .95; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.95) scaleY(.95); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
 .sm\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
 .sm\:items-start{ align-items: flex-start; }
 .sm\:gap-4{ gap: 1rem; }
 .sm\:gap-8{ gap: 2rem; }
 .sm\:pb-0{ padding-bottom: 0px; }
 .sm\:pt-20{ padding-top: 5rem; } }
@media (min-width: 768px){
 .md\:sticky{ position: sticky; }
 .md\:inset-0{ top: 0px; right: 0px; bottom: 0px; left: 0px; }
 .md\:-mb-2{ margin-bottom: -0.5rem; }
 .md\:mb-0{ margin-bottom: 0px; }
 .md\:mb-10{ margin-bottom: 2.5rem; }
 .md\:mb-20{ margin-bottom: 5rem; }
 .md\:mb-8{ margin-bottom: 2rem; }
 .md\:flex{ display: flex; }
 .md\:table-row{ display: table-row; }
 .md\:h-20{ height: 5rem; }
 .md\:h-\[400px\]{ height: 400px; }
 .md\:\!w-2\/4{ width: 50% !important; }
 .md\:w-2\/4{ width: 50%; }
 .md\:w-40{ width: 10rem; }
 .md\:w-5\/6{ width: 83.333333%; }
 .md\:w-7\/12{ width: 58.333333%; }
 .md\:w-72{ width: 18rem; }
 .md\:w-96{ width: 24rem; }
 .md\:w-auto{ width: auto; }
 .md\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .md\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
 .md\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
 .md\:flex-row{ flex-direction: row; }
 .md\:items-start{ align-items: flex-start; }
 .md\:items-center{ align-items: center; }
 .md\:gap-8{ gap: 2rem; }
 .md\:space-y-0 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0px * (1 - 0)); margin-top: calc(0px * (1 - var(--tw-space-y-reverse))); margin-top: calc(0px * calc(1 - 0)); margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * 0); margin-bottom: calc(0px * var(--tw-space-y-reverse)); }
 .md\:overflow-hidden{ overflow: hidden; }
 .md\:p-8{ padding: 2rem; }
 .md\:px-5{ padding-left: 1.25rem; padding-right: 1.25rem; }
 .md\:px-6{ padding-left: 1.5rem; padding-right: 1.5rem; }
 .md\:py-0{ padding-top: 0px; padding-bottom: 0px; }
 .md\:py-4{ padding-top: 1rem; padding-bottom: 1rem; }
 .md\:pb-16{ padding-bottom: 4rem; }
 .md\:text-base{ font-size: 1rem; line-height: 1.5rem; }
 .md\:first\:pt-24:first-child{ padding-top: 6rem; } }
@media (min-width: 1024px){
 .lg\:not-sr-only{ position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; white-space: normal; }
 .lg\:sticky{ position: sticky; }
 .lg\:top-20{ top: 5rem; }
 .lg\:col-span-6{ grid-column: span 6 / span 6; }
 .lg\:mb-8{ margin-bottom: 2rem; }
 .lg\:mt-12{ margin-top: 3rem; }
 .lg\:\!block{ display: block !important; }
 .lg\:block{ display: block; }
 .lg\:\!inline-block{ display: inline-block !important; }
 .lg\:flex{ display: flex; }
 .lg\:hidden{ display: none; }
 .lg\:min-h-\[528px\]{ min-height: 528px; }
 .lg\:w-10\/12{ width: 83.333333%; }
 .lg\:w-24{ width: 6rem; }
 .lg\:w-5\/12{ width: 41.666667%; }
 .lg\:w-6\/12{ width: 50%; }
 .lg\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .lg\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
 .lg\:grid-cols-6{ grid-template-columns: repeat(6, minmax(0, 1fr)); }
 .lg\:grid-cols-8{ grid-template-columns: repeat(8, minmax(0, 1fr)); }
 .lg\:space-x-8 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(2rem * 0); margin-right: calc(2rem * var(--tw-space-x-reverse)); margin-left: calc(2rem * (1 - 0)); margin-left: calc(2rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(2rem * calc(1 - 0)); margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))); }
 .lg\:space-y-16 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(4rem * (1 - 0)); margin-top: calc(4rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(4rem * calc(1 - 0)); margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(4rem * 0); margin-bottom: calc(4rem * var(--tw-space-y-reverse)); }
 .lg\:p-8{ padding: 2rem; }
 .lg\:px-0{ padding-left: 0px; padding-right: 0px; }
 .lg\:pb-2{ padding-bottom: 0.5rem; }
 .lg\:pb-20{ padding-bottom: 5rem; }
 .lg\:text-title-size{ font-size: 42px; } }
@media (min-width: 1280px){
 .xl\:px-0{ padding-left: 0px; padding-right: 0px; } }
@media (min-width: 480px){
 .xs\:p-11{ padding: 2.75rem; } }
.ltr\:left-0:where([dir="ltr"], [dir="ltr"] *){ left: 0px; }
.ltr\:right-1:where([dir="ltr"], [dir="ltr"] *){ right: 0.25rem; }
.ltr\:ml-1:where([dir="ltr"], [dir="ltr"] *){ margin-left: 0.25rem; }
.ltr\:ml-3:where([dir="ltr"], [dir="ltr"] *){ margin-left: 0.75rem; }
.ltr\:mr-0:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0px; }
.ltr\:mr-1:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.25rem; }
.ltr\:mr-1\.5:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.375rem; }
.ltr\:mr-2:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.5rem; }
.ltr\:mr-3:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.75rem; }
.ltr\:mr-8:where([dir="ltr"], [dir="ltr"] *){ margin-right: 2rem; }
.ltr\:mr-auto:where([dir="ltr"], [dir="ltr"] *){ margin-right: auto; }
.ltr\:rounded-l-none:where([dir="ltr"], [dir="ltr"] *){ border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.ltr\:rounded-r-none:where([dir="ltr"], [dir="ltr"] *){ border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.ltr\:border-r-0:where([dir="ltr"], [dir="ltr"] *){ border-right-width: 0px; }
.ltr\:pl-5:where([dir="ltr"], [dir="ltr"] *){ padding-left: 1.25rem; }
.ltr\:pr-10:where([dir="ltr"], [dir="ltr"] *){ padding-right: 2.5rem; }
.ltr\:pr-3:where([dir="ltr"], [dir="ltr"] *){ padding-right: 0.75rem; }
.ltr\:pr-5:where([dir="ltr"], [dir="ltr"] *){ padding-right: 1.25rem; }
.ltr\:pr-px:where([dir="ltr"], [dir="ltr"] *){ padding-right: 1px; }
.ltr\:text-right:where([dir="ltr"], [dir="ltr"] *){ text-align: right; }
.ltr\:text-end:where([dir="ltr"], [dir="ltr"] *){ text-align: right; }
@media (min-width: 768px){
 .ltr\:md\:pr-10:where([dir="ltr"], [dir="ltr"] *){ padding-right: 2.5rem; }
 .ltr\:md\:pr-8:where([dir="ltr"], [dir="ltr"] *){ padding-right: 2rem; }
 .ltr\:md\:text-left:where([dir="ltr"], [dir="ltr"] *){ text-align: left; } }
@media (min-width: 1024px){
 .ltr\:lg\:ml-8:where([dir="ltr"], [dir="ltr"] *){ margin-left: 2rem; }
 .ltr\:lg\:pl-10:where([dir="ltr"], [dir="ltr"] *){ padding-left: 2.5rem; } }
.rtl\:left-1:where([dir="rtl"], [dir="rtl"] *){ left: 0.25rem; }
.rtl\:right-0:where([dir="rtl"], [dir="rtl"] *){ right: 0px; }
.rtl\:ml-0:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0px; }
.rtl\:ml-1:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.25rem; }
.rtl\:ml-1\.5:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.375rem; }
.rtl\:ml-2:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.5rem; }
.rtl\:ml-3:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.75rem; }
.rtl\:ml-8:where([dir="rtl"], [dir="rtl"] *){ margin-left: 2rem; }
.rtl\:ml-auto:where([dir="rtl"], [dir="rtl"] *){ margin-left: auto; }
.rtl\:mr-1:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0.25rem; }
.rtl\:mr-3:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0.75rem; }
.rtl\:-scale-x-100:where([dir="rtl"], [dir="rtl"] *){ --tw-scale-x: -1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(-1) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; }
.rtl\:rounded-l-none:where([dir="rtl"], [dir="rtl"] *){ border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.rtl\:rounded-r-none:where([dir="rtl"], [dir="rtl"] *){ border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.rtl\:border-l-0:where([dir="rtl"], [dir="rtl"] *){ border-left-width: 0px; }
.rtl\:pl-10:where([dir="rtl"], [dir="rtl"] *){ padding-left: 2.5rem; }
.rtl\:pl-3:where([dir="rtl"], [dir="rtl"] *){ padding-left: 0.75rem; }
.rtl\:pl-5:where([dir="rtl"], [dir="rtl"] *){ padding-left: 1.25rem; }
.rtl\:pl-px:where([dir="rtl"], [dir="rtl"] *){ padding-left: 1px; }
.rtl\:pr-5:where([dir="rtl"], [dir="rtl"] *){ padding-right: 1.25rem; }
.rtl\:text-left:where([dir="rtl"], [dir="rtl"] *){ text-align: left; }
.rtl\:text-right:where([dir="rtl"], [dir="rtl"] *){ text-align: right; }
.rtl\:text-start:where([dir="rtl"], [dir="rtl"] *){ text-align: left; }
@media (min-width: 768px){
 .rtl\:md\:pl-10:where([dir="rtl"], [dir="rtl"] *){ padding-left: 2.5rem; }
 .rtl\:md\:pl-8:where([dir="rtl"], [dir="rtl"] *){ padding-left: 2rem; }
 .rtl\:md\:text-right:where([dir="rtl"], [dir="rtl"] *){ text-align: right; } }
@media (min-width: 1024px){
 .rtl\:lg\:mr-8:where([dir="rtl"], [dir="rtl"] *){ margin-right: 2rem; }
 .rtl\:lg\:pr-10:where([dir="rtl"], [dir="rtl"] *){ padding-right: 2.5rem; } }