html,body{margin:0;padding:0}
.suc-gen2-shop{background:#F7F8FC;overflow-x:hidden}
/* Page image ownership belongs to BODY only. The stage is intentionally
 * transparent so a seamless tile is never restarted/scaled at this boundary. */
.suc-gen2-shop .suc-gen2-stage{background-color:transparent!important;background-image:none!important}
.suc-gen2-stage{min-height:100vh;padding:48px 0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:18px;font-family:inherit;width:100%}
.suc-gen2-status{font-size:12px;color:#6d7285;padding-inline:12px}

/*
 * Frontend Gen2 Grid contract:
 * - fixed card design width
 * - fixed column count
 * - fixed gap
 * - grid width is derived from those three values
 * - outer viewport may scroll when the physical screen cannot fit the design
 * - stored Card Canvas geometry never changes to fill spare page width
 * - a separate display wrapper may uniformly zoom the complete card
 */
/* Shared Card Appearance Engine owns border/background/frame/radius/shadow. */
.suc-gen2-card{position:relative;box-sizing:border-box;overflow:hidden;flex:0 0 auto;isolation:isolate}
.suc-gen2-image-frame{position:absolute;box-sizing:border-box;overflow:hidden}
.suc-gen2-product-wrap{position:absolute;inset:0;overflow:hidden;box-sizing:border-box}
.suc-gen2-product-image{display:block;width:100%;height:100%;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important}
.suc-gen2-footer-placeholder{position:absolute;left:0;right:0;bottom:0;pointer-events:none}
.suc-gen2-runtime-state{font-size:11px;color:#8a8fa0;background:#fff;border:1px solid #e7e9f3;border-radius:10px;padding:7px 10px;direction:rtl}
.suc-gen2-runtime-state[data-ok="1"]{color:#247a4a}
.suc-gen2-runtime-state[data-ok="0"]{color:#b23a3a}
.suc-gen2-empty,.suc-gen2-no-image{font-family:inherit}
.suc-gen2-empty{background:#fff;padding:20px;border-radius:16px}
.suc-gen2-no-image{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#9297a8;font-size:12px}

@media (max-width:1024px){.suc-gen2-stage{padding-block:28px}}
@media (max-width:767px){.suc-gen2-stage{padding-block:18px;gap:14px}.suc-gen2-status{font-size:11px}}

/* === Frontend Gen2 card items / footer layer ===
 * Contract: item geometry is device-owned and matches the Card Builder preview.
 * Coordinates are design-space coordinates around the card center; card scaling,
 * if ever physically required by Geometry Engine, scales the whole layer with it.
 */
.suc-gen2-items-layer{position:absolute!important;inset:0!important;z-index:5!important;pointer-events:none!important;overflow:hidden!important;border-radius:inherit!important}
.suc-gen2-item{z-index:6!important;box-sizing:border-box!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;line-height:1.35;direction:rtl}
.suc-gen2-wishlist,.suc-gen2-cart{pointer-events:auto!important;cursor:pointer!important;appearance:none!important;-webkit-appearance:none!important;background:transparent!important;border:0!important;box-shadow:none!important;text-shadow:none!important;font:inherit}
.suc-gen2-item .suc-item-media{display:inline-block;width:var(--suc-item-icon-size,1em);height:var(--suc-item-icon-size,1em);max-width:none!important;max-height:none!important;margin:0!important;object-fit:contain;vertical-align:middle;flex:0 0 auto}
.suc-gen2-item.has-item-media{position:absolute!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.suc-gen2-item.has-item-media>.suc-item-media{opacity:1!important;pointer-events:none!important}
.suc-gen2-item.has-item-media:after{content:none}
.suc-gen2-item.has-item-media.is-item-media-tinted{color:var(--suc-item-color,#23263A)!important}
.suc-gen2-item.has-item-media.is-item-media-tinted>.suc-item-media{opacity:0!important}
.suc-gen2-item.has-item-media.is-item-media-tinted:after{content:"";position:absolute;inset:0;background:var(--suc-item-color,#23263A);-webkit-mask-image:var(--suc-item-mask);mask-image:var(--suc-item-mask);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}
.suc-gen2-rating,.suc-gen2-colors{display:flex;align-items:center;min-height:1em}
.suc-gen2-rating{gap:4px;direction:ltr}
.suc-gen2-rating-stars{display:flex;gap:var(--suc-rating-gap,2px)}
.suc-gen2-rating-star{position:relative;width:1em;height:1em;display:block;flex:0 0 auto}
.suc-gen2-rating-star svg{display:block;width:100%;height:100%;fill:var(--suc-rating-empty,#DADDE7);stroke:none!important;overflow:visible;vertical-align:top}.suc-gen2-rating-star .suc-rating-icon{width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important}
.suc-gen2-rating-star:after{content:"";position:absolute;inset:0;width:var(--fill,0%);background:var(--suc-rating-color,#F3B63A);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.25l2.55 5.17 5.7.83-4.12 4.02.97 5.67L12 16.25l-5.1 2.69.97-5.67-4.12-4.02 5.7-.83L12 3.25Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.25l2.55 5.17 5.7.83-4.12 4.02.97 5.67L12 16.25l-5.1 2.69.97-5.67-4.12-4.02 5.7-.83L12 3.25Z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.suc-gen2-rating-count{color:var(--suc-rating-count-color,#989DAF);font-size:.65em;line-height:1}
.suc-gen2-colors{flex-wrap:wrap;line-height:1;--suc-color-more-color:#8E7BEF}
.suc-gen2-color-dot{display:block;box-sizing:border-box;border-radius:999px;background-clip:padding-box;box-shadow:0 0 0 1px rgba(255,255,255,.92) inset,0 2px 10px rgba(157,125,235,.18),0 0 0 1px rgba(35,38,58,.06);pointer-events:none;flex:0 0 auto}
.suc-gen2-color-dot.is-unknown-color{background:linear-gradient(135deg,#E9EBF1 0 45%,#B9BEC9 45% 55%,#E9EBF1 55% 100%)!important}
.suc-gen2-color-more{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 .45em;border:1px solid rgba(194,164,243,.55);border-radius:999px;background:linear-gradient(135deg,#FFFFFF 0%,#F8F0FF 100%);box-shadow:0 4px 10px rgba(164,131,238,.16);color:var(--suc-color-more-color,#8E7BEF);font-size:.72em;font-weight:700;line-height:1;pointer-events:none;flex:0 0 auto}
.suc-gen2-price,.suc-gen2-old-price{font-variant-numeric:tabular-nums;white-space:nowrap}
.suc-gen2-price .suc-price-number,.suc-gen2-old-price .suc-price-number{font-size:1em;line-height:1}
.suc-gen2-price .suc-price-unit,.suc-gen2-old-price .suc-price-unit{line-height:1;opacity:.92}
.suc-gen2-old-price{text-decoration-line:line-through}
.suc-gen2-discount{font-style:normal;white-space:nowrap;box-sizing:border-box}
.suc-gen2-discount .suc-discount-value,.suc-gen2-discount .suc-discount-label{line-height:1}


/* === 0.98.0 Cart + Wishlist interaction states === */
.suc-gen2-wishlist,.suc-gen2-cart{--suc-icon-current:var(--suc-icon-normal);transition:color .18s ease,opacity .18s ease,transform .18s ease}
.suc-gen2-wishlist:not(.has-item-media):hover,.suc-gen2-cart:not(.has-item-media):hover{--suc-icon-current:var(--suc-icon-hover)}
.suc-gen2-wishlist:not(.has-item-media):hover .suc-native-icon,.suc-gen2-cart:not(.has-item-media):hover .suc-native-icon{transform:scale(1.05)}
.suc-gen2-wishlist.is-active:not(.has-item-media){--suc-icon-current:var(--suc-icon-active)}
.suc-gen2-cart.is-loading:not(.has-item-media){--suc-icon-current:var(--suc-icon-loading)}
.suc-gen2-cart.is-added:not(.has-item-media){--suc-icon-current:var(--suc-icon-added)}
.suc-gen2-wishlist.is-loading{opacity:.58;cursor:wait!important}
.suc-gen2-cart.is-loading{cursor:wait!important;opacity:.76}
.suc-gen2-cart:disabled{cursor:not-allowed!important;opacity:.4}
.suc-native-icon{display:block;width:1em;height:1em;overflow:visible;color:inherit;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:transform .18s ease,fill .18s ease,stroke .18s ease}
.suc-native-heart{transition:fill .18s ease,stroke .18s ease,transform .18s ease}
.suc-gen2-wishlist.is-active .suc-native-heart{fill:currentColor;stroke:currentColor;transform:scale(1.04)}
.suc-native-check{display:none}
.suc-gen2-cart.is-added .suc-native-cart{display:none}
.suc-gen2-cart.is-added .suc-native-check{display:block;stroke-width:2.3}
.suc-gen2-cart.is-loading .suc-native-cart{opacity:.25}
.suc-gen2-cart.is-loading:before{content:"";position:absolute;width:.72em;height:.72em;border:1.7px solid currentColor;border-inline-start-color:transparent;border-radius:50%;animation:suc-cart-spin .7s linear infinite}
.suc-gen2-item.has-item-media>.suc-native-icon{display:none!important}
@keyframes suc-cart-spin{to{transform:rotate(360deg)}}

/* === Price Item Engine 0.98.2 ===
 * Number spacing and currency gap are separate presentation variables.
 */
.suc-gen2-price.suc-price-presentation,
.suc-gen2-old-price.suc-price-presentation{
  display:inline-flex!important;
  align-items:baseline!important;
  gap:0!important;
  white-space:nowrap!important;
  font-weight:var(--suc-price-weight,700)!important;
  font-variant-numeric:normal!important;
  font-feature-settings:"pnum" 1,"tnum" 0!important;
}
.suc-gen2-price.suc-price-presentation .suc-price-number,
.suc-gen2-old-price.suc-price-presentation .suc-price-number{
  display:inline-block!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  letter-spacing:var(--suc-price-digit-spacing,0px)!important;
  word-spacing:0!important;
  font-size:1em!important;
  line-height:1!important;
  font-variant-numeric:proportional-nums!important;
  font-feature-settings:"pnum" 1,"tnum" 0!important;
}
.suc-gen2-price.suc-price-presentation .suc-price-unit,
.suc-gen2-old-price.suc-price-presentation .suc-price-unit{
  display:inline-block!important;
  margin-inline-start:var(--suc-price-unit-gap,2px)!important;
  font-size:var(--suc-price-unit-size,8px)!important;
  line-height:1!important;
  letter-spacing:0!important;
  word-spacing:0!important;
}
.suc-gen2-old-price.suc-price-presentation{
  text-decoration-line:line-through!important;
  text-decoration-thickness:var(--suc-price-strike-width,1px)!important;
}

/* Card navigation */
.suc-gen2-card[data-suc-product-url]:not([data-suc-product-url=""]){cursor:pointer}.suc-gen2-card:focus-visible{outline:2px solid #8E7BEF;outline-offset:3px}

/* === 1.7.0 Professional card action surfaces === */
.suc-gen2-wishlist.has-action-surface,.suc-gen2-cart.has-action-surface{
  width:var(--suc-action-size,36px)!important;height:var(--suc-action-size,36px)!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:0!important;border:var(--suc-action-border-w,1px) solid var(--suc-action-border,#E9E4ED)!important;
  border-radius:var(--suc-action-radius,14px)!important;background:var(--suc-action-bg,#fff)!important;
  box-shadow:0 calc(var(--suc-action-shadow,10)*.28px) calc(var(--suc-action-shadow,10)*1.35px) rgba(63,48,83,.12)!important;
  backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease!important;
}
.suc-gen2-wishlist.has-action-surface:hover,.suc-gen2-cart.has-action-surface:hover{
  background:var(--suc-action-hover-bg,#FFF5F9)!important;
  border-color:color-mix(in srgb,var(--suc-action-border,#E9E4ED) 58%,currentColor)!important;
  box-shadow:0 calc(var(--suc-action-shadow,10)*.4px) calc(var(--suc-action-shadow,10)*1.7px) rgba(63,48,83,.16)!important;
}
.suc-gen2-wishlist.has-action-surface.is-active,.suc-gen2-cart.has-action-surface.is-added{
  background:var(--suc-action-active-bg,#FFF0F6)!important;
}
.suc-gen2-wishlist.has-action-surface:focus-visible,.suc-gen2-cart.has-action-surface:focus-visible{
  outline:2px solid color-mix(in srgb,currentColor 58%,#fff)!important;outline-offset:2px!important;
}
.suc-gen2-wishlist.has-action-surface.is-active .suc-native-heart{animation:suc-heart-pop .26s cubic-bezier(.2,.9,.3,1.25)}
@keyframes suc-heart-pop{0%{transform:scale(.88)}70%{transform:scale(1.13)}100%{transform:scale(1.04)}}
.suc-discount-icon{display:block;width:1.05em;height:1.05em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.78;flex:0 0 auto}


/* === 1.8.0 Professional native icon library v2 === */
.suc-icon-v2{shape-rendering:geometricPrecision}.suc-gen2-wishlist .suc-icon-v2,.suc-gen2-cart .suc-icon-v2{stroke-width:1.75}.suc-gen2-cart .suc-native-cart{width:1.04em;height:1.04em}.suc-gen2-wishlist .suc-native-heart{width:1.02em;height:1.02em}