/* The Shoe Plug Rwanda — high-refresh / smooth-motion tuning
   Designed for 90/120/144/165Hz displays without forcing a fake refresh rate.
   Keeps motion on compositor-friendly transform/opacity where possible. */
:root{
  --tsp-motion-fast: .14s;
  --tsp-motion-med: .22s;
  --tsp-ease: cubic-bezier(.2,.75,.25,1);
}

/* Let the browser schedule scrolling naturally; do not simulate a frame rate. */
html{scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-overflow-scrolling:touch;}
body{-webkit-tap-highlight-color:transparent;}

/* Prefer compositor-friendly transitions. */
button,a,.head-icon,.cart-head,.page-btn,.category-cards button,
.product-card,.card-actions button,.floating-card,.filter-trigger,.toolbar-action{
  transition-property:transform,opacity,background-color,color,border-color,box-shadow;
  transition-duration:var(--tsp-motion-med);
  transition-timing-function:var(--tsp-ease);
}

/* Hover is desktop-only: prevents pointless work on touch devices. */
@media (hover:hover) and (pointer:fine){
  .product-card:hover,
  .floating-card:hover,
  .head-icon:hover,
  .cart-head:hover,
  .filter-trigger:hover,
  .toolbar-action:hover{will-change:transform;}
}

/* Avoid painting effects on thousands of product tiles at once. */
.product-card{contain:layout paint style;content-visibility:auto;}
.product-card img,.hero-shoe img,.chat-product-media img,.thumb img{
  backface-visibility:hidden;
  transform:translateZ(0);
}
.product-card .photo img,.hero-shoe img,.chat-product-media img{
  image-rendering:auto;
}

/* Keep animations buttery on high-Hz panels. */
.page-enter{animation: tspPageEnter .34s var(--tsp-ease) both;}
@keyframes tspPageEnter{from{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translate3d(0,0,0)}}

/* A short scroll state lets expensive visual layers back off while the finger/wheel is moving. */
html.tsp-is-scrolling .header,
html.tsp-is-scrolling .mobile-dock{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.tsp-is-scrolling .header{box-shadow:0 4px 14px rgba(17,24,39,.045)!important;}

/* Avoid expensive blur/filter work during active scrolling on the hero image. */
html.tsp-is-scrolling .hero-editorial-product .hero-shoe img,
html.tsp-is-scrolling .hero-art .hero-shoe img{filter:none!important;}

/* GPU-friendly full-screen overlays. */
.customer-chat-modal,.customer-chat-card,.modal-card,.drawer,.mobile-nav,.search-panel{
  transform:translateZ(0);
  backface-visibility:hidden;
}

/* Images should not cause a layout jump while decoding. */
img[width][height]{height:auto;}

@media(max-width:800px){
  /* Phone GPUs benefit from less simultaneous shadow/blur work. */
  .product-card{box-shadow:0 7px 22px rgba(17,18,20,.045)!important;}
  .header{box-shadow:0 5px 18px rgba(17,24,39,.05)!important;}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important;}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
}

/* =========================================================
   YOUTUBE-LIKE MEDIA STABILITY
   Reserve every media slot before the image arrives. Once an
   image has loaded, keep the element present; do not virtualize
   the image itself while scrolling.
   ========================================================= */
.product-card .photo,
#products.product-grid .photo,
.detail-photo,
.category-cards button,
.promo-shoe,
.chat-product-media,
.compare-card-photo,
.wish-card .photo{
  overflow:hidden;
  contain:layout paint;
}

.product-card .photo{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1 / 1!important;
}
.product-card .photo::before,
.category-cards button::before,
.promo-shoe::after{
  content:"";
  position:absolute;
  pointer-events:none;
  opacity:.55;
}
.product-card .photo::before{
  inset:0;
  background:linear-gradient(110deg,rgba(255,255,255,0),rgba(255,255,255,.18),rgba(255,255,255,0));
  z-index:0;
}
.product-card .photo img{
  position:relative;
  z-index:1;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  aspect-ratio:1 / 1!important;
  object-fit:cover!important;
  object-position:center;
  background:#f5f7fa;
}

/* Never let the browser content-virtualize the actual images. */
img,
.tsp-phone img,
.tsp-phone .product-card img,
#products .product-card img{
  content-visibility:visible!important;
  contain:none!important;
}

/* Keep the card's geometry independent of image decode/network timing. */
#products.product-grid > .product-card{
  min-height:0!important;
  contain:layout paint!important;
}
#products.product-grid > .product-card .product-body{min-height:0;}

/* A subtle loading state, but never a collapse/reflow state. */
img[src]{background:#f4f6f8;}
img.tsp-media-loading{filter:saturate(.92);}
img.tsp-media-loaded{filter:none;}

/* Give remote/category imagery a permanent box too. */
.category-cards button img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
}
.promo-shoe img{
  display:block!important;
  max-width:min(82%,430px);
  max-height:330px;
}

/* Don't animate image arrival. Motion is reserved for user interaction. */
.product-card img,
.category-cards button img,
.promo-shoe img,
.hero-shoe img,
.detail-photo img,
.chat-product-media img{
  opacity:1!important;
  transition:transform .35s var(--tsp-ease),filter .25s ease!important;
}

@media(max-width:700px){
  .product-card .photo{aspect-ratio:1 / 1!important;}
}

@media(prefers-reduced-motion:reduce){
  .product-card img,
  .category-cards button img,
  .promo-shoe img,
  .hero-shoe img,
  .detail-photo img,
  .chat-product-media img{transition:none!important;}
}

/* A concise, reviewable cart summary keeps multi-item checkout clear on small screens. */
.purchase-order-lines{display:grid;gap:9px;margin-top:10px}
.purchase-order-lines>div{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(17,24,39,.09);font-size:13px;line-height:1.35}
.purchase-order-lines>div:last-child{border-bottom:0}
.purchase-order-lines span{color:var(--muted,#68707d)}
.purchase-order-lines strong{color:var(--ink,#14171c);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}

/* Storefront scroll budget: keep the premium styling, skip costly off-screen work. */
.motion-reveal{filter:none!important;transition:opacity .28s ease,transform .28s ease!important}
#products.product-grid > .product-card{
  opacity:1!important;
  transform:none!important;
  content-visibility:auto!important;
  contain:layout paint style!important;
  contain-intrinsic-size:auto 430px!important;
  will-change:auto!important;
}
#products.product-grid > .product-card .photo img{content-visibility:visible!important}
.header,.mobile-dock{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
@media (hover:hover) and (pointer:fine){
  #products.product-grid > .product-card:hover{transform:translateY(-3px)!important}
}
@media (max-width:700px){
  #products.product-grid > .product-card{contain-intrinsic-size:auto 390px!important}
}
@media (max-width:480px){
  #products.product-grid > .product-card{content-visibility:auto!important;contain-intrinsic-size:auto 430px!important}
}
@media (prefers-reduced-motion:reduce){
  #products.product-grid > .product-card{content-visibility:visible!important}
}

/* A shorter, compact phone collection; desktop and the seven pages stay intact. */
#loadMore{align-items:center;justify-content:center;width:min(280px,100%);min-height:46px;margin:22px auto 12px!important;padding:0 22px;border:1px solid #1b2939;border-radius:999px;background:#1b2939;color:#fff;font-size:11px;font-weight:850;letter-spacing:.03em}
#loadMore:hover{background:#32445b}
#loadMore:focus-visible{outline:3px solid #dba451;outline-offset:3px}
@media (min-width:360px) and (max-width:700px){
  #products.product-grid{gap:10px!important}
  #products.product-grid > .product-card{border-radius:14px!important;contain-intrinsic-size:auto 325px!important}
  #products .product-card .product-body{padding:10px!important}
  #products .product-card .brand{font-size:8px!important}
  #products .product-card .product-name{font-size:12px!important;line-height:1.25!important;min-height:2.5em!important}
  #products .product-card .rating{display:none!important}
  #products .product-card .compact-price{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important;margin:7px 0!important}
  #products .product-card .price{font-size:14px!important}
  #products .product-card .stock{font-size:8px!important}
  #products .product-card .card-actions{display:grid!important;grid-template-columns:minmax(0,1fr) 30px 30px!important;gap:3px!important}
  #products .product-card .card-actions button{min-height:36px!important}
  #products .product-card .card-actions .primary-action{padding:0 2px!important;font-size:8px!important;line-height:1.1!important;white-space:normal!important}
  #products .product-card .card-actions .quick{font-size:15px!important}
  #products .product-card .wish-btn{width:30px!important;height:30px!important}
}

/* The shoe-question conversation stays focused on the product and message. */
#customerChatModal[data-chat-mode="question"] .customer-chat-card{
  display:flex!important;
  flex-direction:column!important;
  width:min(680px,calc(100vw - 24px))!important;
  height:min(760px,92dvh)!important;
  max-height:92dvh!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.86)!important;
  border-radius:24px!important;
  box-shadow:0 30px 90px rgba(13,23,37,.22)!important;
  scroll-behavior:auto!important;
}
#customerChatModal[data-chat-mode="question"] .chat-head{
  flex:0 0 auto!important;
  padding:19px 66px 16px 20px!important;
  background:linear-gradient(135deg,#fff 0%,#f7f9fc 100%)!important;
  border-bottom:1px solid #e8edf2!important;
}
#customerChatModal[data-chat-mode="question"] .customer-chat-card > .close{
  position:absolute!important;
  top:15px!important;
  right:16px!important;
  z-index:5!important;
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  padding:0!important;
  border:1px solid #dbe3eb!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#172033!important;
  font-size:24px!important;
  line-height:1!important;
  box-shadow:0 4px 14px rgba(17,24,39,.09)!important;
}
#customerChatModal[data-chat-mode="question"] .customer-chat-card > .close:hover,
#customerChatModal[data-chat-mode="question"] .customer-chat-card > .close:focus-visible{
  background:#edf2f7!important;
  outline:2px solid #b8c8db!important;
  outline-offset:2px!important;
}
#customerChatModal[data-chat-mode="question"] .chat-product-hero{
  grid-template-columns:88px minmax(0,1fr)!important;
  gap:14px!important;
}
#customerChatModal[data-chat-mode="question"] .chat-product-media{
  width:88px!important;
  height:88px!important;
  border-radius:17px!important;
  background:#f2f5f8!important;
}
#customerChatModal[data-chat-mode="question"] .chat-product-info h2{
  font-size:clamp(20px,3vw,27px)!important;
  line-height:1.12!important;
  letter-spacing:-.04em!important;
}
#customerChatModal[data-chat-mode="question"] .chat-product-name{
  font-size:12px!important;
  font-weight:750!important;
  color:#34445a!important;
}
#customerChatModal[data-chat-mode="question"] .chat-main-grid{
  display:block!important;
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
#customerChatModal[data-chat-mode="question"] .chat-purchase-panel{display:none!important}
#customerChatModal[data-chat-mode="question"] .chat-conversation{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  border:0!important;
  background:#fff!important;
}
#customerChatModal[data-chat-mode="question"] .chat-action-bar{
  flex:0 0 auto!important;
  margin:0!important;
  padding:13px 20px 7px!important;
  border:0!important;
}
#customerChatModal[data-chat-mode="question"] .chat-quick-actions{
  display:flex!important;
  flex:0 0 auto!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin:0!important;
  padding:7px 20px 15px!important;
  border-bottom:1px solid #edf0f4!important;
}
#customerChatModal[data-chat-mode="question"] .chat-quick-chip{
  width:auto!important;
  min-height:34px!important;
  padding:7px 11px!important;
  border:1px solid #dde4ec!important;
  border-radius:999px!important;
  background:#f8fafc!important;
  color:#34445a!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.25!important;
  transition:background .15s ease,border-color .15s ease!important;
}
#customerChatModal[data-chat-mode="question"] .chat-quick-chip:hover,
#customerChatModal[data-chat-mode="question"] .chat-quick-chip:focus-visible{
  background:#eaf0f7!important;
  border-color:#aebdd0!important;
}
#customerChatModal[data-chat-mode="question"] .customer-chat-thread{
  flex:1 1 auto!important;
  min-height:clamp(180px,38dvh,360px)!important;
  height:auto!important;
  max-height:none!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  padding:18px 20px!important;
  background:radial-gradient(circle at 1px 1px,rgba(27,53,42,.045) 1px,transparent 0) 0 0/22px 22px,#f5f8f6!important;
  scrollbar-width:thin!important;
  scroll-behavior:auto!important;
}
#customerChatModal[data-chat-mode="question"] .chat-bubble-row{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  margin:0 0 15px!important;
}
#customerChatModal[data-chat-mode="question"] .chat-bubble{
  width:fit-content!important;
  max-width:min(82%,520px)!important;
  padding:11px 14px!important;
  font-size:13px!important;
  line-height:1.5!important;
}
#customerChatModal[data-chat-mode="question"] .chat-bubble.customer{
  align-self:flex-end!important;
  background:#e2f2e8!important;
  color:#17372a!important;
  border:1px solid #cee8d6!important;
  border-radius:16px 16px 5px 16px!important;
  box-shadow:0 4px 12px rgba(23,55,42,.07)!important;
}
#customerChatModal[data-chat-mode="question"] .chat-bubble.seller{
  align-self:flex-start!important;
  background:#fff!important;
  color:#172033!important;
  border:1px solid #e1e9e5!important;
  border-radius:16px 16px 16px 5px!important;
  box-shadow:0 4px 12px rgba(17,24,39,.06)!important;
}
#customerChatModal[data-chat-mode="question"] .chat-bubble small{
  display:block!important;
  margin-bottom:5px!important;
  font-size:10px!important;
  font-weight:750!important;
  opacity:.62!important;
}
#customerChatModal[data-chat-mode="question"] .chat-bubble p{
  margin:0!important;
  font-size:13px!important;
  line-height:1.5!important;
  overflow-wrap:anywhere!important;
}
#customerChatModal[data-chat-mode="question"] .customer-chat-form{
  flex:0 0 auto!important;
  display:grid!important;
  gap:10px!important;
  padding:15px 20px 18px!important;
  background:#fff!important;
  box-shadow:0 -8px 22px rgba(17,24,39,.035)!important;
}
#customerChatModal[data-chat-mode="question"] .chat-compose-row{display:none!important}
#customerChatModal[data-chat-mode="question"] .chat-empty:not(.chat-error){display:none!important}
#customerChatModal[data-chat-mode="question"] #customerChatInput{
  width:100%!important;
  min-height:72px!important;
  max-height:160px!important;
  resize:none!important;
  overflow-y:auto!important;
  padding:13px 15px!important;
  border:1px solid #d6dfe8!important;
  border-radius:15px!important;
  background:#f8fafc!important;
  color:#172033!important;
  font-size:14px!important;
  line-height:1.45!important;
}
#customerChatModal[data-chat-mode="question"] #customerChatInput:focus{
  outline:2px solid #b8c8db!important;
  outline-offset:1px!important;
  background:#fff!important;
}
#customerChatModal[data-chat-mode="question"] .chat-order-strip{
  display:none!important;
}
#customerChatModal[data-chat-mode="question"] #customerChatSubmit{
  min-height:44px!important;
  border-radius:12px!important;
  font-size:12px!important;
  font-weight:800!important;
}
@media(max-width:620px){
  #customerChatModal[data-chat-mode="question"] .customer-chat-card{
    width:calc(100vw - 16px)!important;
    height:calc(100dvh - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    border-radius:20px!important;
  }
  #customerChatModal[data-chat-mode="question"] .chat-head{padding:15px 56px 13px 14px!important}
  #customerChatModal[data-chat-mode="question"] .chat-product-hero{grid-template-columns:68px minmax(0,1fr)!important;gap:11px!important}
  #customerChatModal[data-chat-mode="question"] .chat-product-media{width:68px!important;height:68px!important;border-radius:13px!important}
  #customerChatModal[data-chat-mode="question"] .chat-product-info h2{font-size:19px!important}
  #customerChatModal[data-chat-mode="question"] .chat-product-info .muted{display:none!important}
  #customerChatModal[data-chat-mode="question"] .chat-action-bar{padding:10px 14px 5px!important}
  #customerChatModal[data-chat-mode="question"] .chat-quick-actions{padding:6px 14px 11px!important;gap:6px!important}
  #customerChatModal[data-chat-mode="question"] .chat-quick-chip{min-height:30px!important;padding:5px 9px!important;font-size:10px!important}
  #customerChatModal[data-chat-mode="question"] .customer-chat-thread{padding:13px 14px!important}
  #customerChatModal[data-chat-mode="question"] .customer-chat-form{padding:11px 14px max(13px,env(safe-area-inset-bottom))!important}
  #customerChatModal[data-chat-mode="question"] #customerChatInput{min-height:64px!important;font-size:16px!important}
}

/* Premium chat utilities: useful controls without crowding the conversation. */
#customerChatModal .chat-composer-tools{display:flex;align-items:center;justify-content:flex-start;gap:7px;margin-top:-2px}
#customerChatModal .chat-composer-tools #customerChatAttach{border:0;background:transparent;color:#1b2738;font:800 11px/1 inherit;padding:5px 2px;cursor:pointer}
#customerChatModal .chat-composer-tools #customerChatSubmit{min-height:31px;padding:0 10px;border-radius:9px;font-size:10px}
#customerChatModal .chat-input-shell{position:relative}
#customerChatModal .chat-input-shell #customerChatInput{box-sizing:border-box;padding-right:30px}
#customerChatModal .chat-input-shell .chat-live-dot{position:absolute;right:12px;top:13px;width:8px;height:8px;border:1px solid rgba(120,80,10,.35);border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff4b7 0 16%,#e2b94f 34%,#a97913 100%);box-shadow:0 0 0 3px rgba(203,159,53,.13),0 2px 5px rgba(112,76,11,.2);pointer-events:none;animation:chat-live-jewel 2.4s ease-in-out infinite}
#customerChatModal[data-chat-live="offline"] .chat-input-shell .chat-live-dot{border-color:#0d1118;background:linear-gradient(145deg,#3c4653,#10151e);box-shadow:0 0 0 3px rgba(17,24,39,.10);animation:none}
@keyframes chat-live-jewel{50%{box-shadow:0 0 0 5px rgba(203,159,53,.07),0 2px 7px rgba(112,76,11,.28)}}
@media(prefers-reduced-motion:reduce){#customerChatModal .chat-input-shell .chat-live-dot{animation:none}}

/* Compare — gallery-grade product reading across desktop, tablet and phone. */
#compareModal.compare-modal-v2{padding:clamp(10px,2vw,28px)!important;background:rgba(11,18,28,.66)!important;backdrop-filter:blur(14px) saturate(120%)!important}
#compareModal .compare-modal-card{width:min(1420px,100%)!important;height:min(94dvh,980px)!important;max-height:94dvh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.65)!important;border-radius:28px!important;background:#f5f7f8!important;box-shadow:0 34px 110px rgba(0,0,0,.34)!important}
#compareModal .compare-modal-head{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:22px 26px!important;background:linear-gradient(135deg,#101a29,#1f2d3d)!important;color:#fff!important;border:0!important}
#compareModal .compare-title-block .eyebrow{color:#e4c46d!important}.compare-title-block h2{color:#fff!important;font-size:clamp(23px,3vw,37px)!important;letter-spacing:-.045em!important}.compare-title-block p{color:rgba(255,255,255,.7)!important;margin:4px 0 0!important}.compare-exit{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;gap:7px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:999px!important;background:rgba(255,255,255,.09)!important;color:#fff!important;padding:9px 12px!important;font-weight:800!important}
#compareModal .compare-workspace{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;padding:22px!important;background:radial-gradient(circle at 50% 0,#fff 0,#f4f6f7 50%,#eef2f3 100%)!important;scrollbar-width:thin!important;overscroll-behavior:contain!important}
#compareModal .compare-v2-grid{display:grid!important;grid-template-columns:repeat(var(--compare-columns,3),minmax(0,1fr))!important;gap:16px!important}
#compareModal .compare-v2-card{position:relative!important;overflow:hidden!important;border:1px solid #e0e6e5!important;border-radius:20px!important;background:#fff!important;box-shadow:0 10px 28px rgba(19,34,42,.07)!important;transition:transform .22s ease,box-shadow .22s ease!important}
#compareModal .compare-v2-card:hover{transform:translateY(-3px)!important;box-shadow:0 18px 38px rgba(19,34,42,.13)!important}
#compareModal .compare-v2-card-top{position:absolute!important;z-index:3;inset:12px 12px auto!important}.compare-v2-index{background:#172033!important;color:#fff!important;box-shadow:0 5px 12px rgba(0,0,0,.18)!important}.compare-live-status{backdrop-filter:blur(9px)!important}.compare-v2-remove{box-shadow:0 4px 12px rgba(0,0,0,.12)!important}
#compareModal .compare-v2-photo-wrap{padding:12px 12px 0!important;background:linear-gradient(145deg,#e9eeec,#f8faf9)!important}.compare-v2-photo{height:clamp(230px,27vw,355px)!important;border-radius:15px!important;background:radial-gradient(circle at 50% 35%,#fff 0,#edf1ef 58%,#e0e7e4 100%)!important;overflow:hidden!important}.compare-v2-photo img{width:100%!important;height:100%!important;object-fit:contain!important;mix-blend-mode:multiply!important;transform:scale(1.04)!important;transition:transform .35s ease!important}.compare-v2-card:hover .compare-v2-photo img{transform:scale(1.09)!important}.compare-v2-badge{bottom:12px!important;left:18px!important;border-radius:999px!important;background:#172033!important;color:#fff!important;padding:6px 9px!important;font-size:9px!important;font-weight:900!important;letter-spacing:.06em!important}
#compareModal .compare-v2-ident{padding:16px!important}.compare-v2-brand{font-size:9px!important;letter-spacing:.1em!important;color:#7e8c95!important}.compare-v2-ident h3{min-height:2.4em!important;margin:5px 0 9px!important;font-size:17px!important;line-height:1.18!important;color:#152235!important}.compare-v2-price{font-size:20px!important;letter-spacing:-.04em!important}.compare-decision-banner{margin:18px 0!important;border:1px solid #dce5df!important;border-radius:16px!important;background:linear-gradient(100deg,#eef7f1,#fffdf5)!important}.compare-matrix{border:1px solid #dfe6e4!important;border-radius:20px!important;background:#fff!important;overflow:hidden!important}.compare-matrix-head{padding:19px 20px!important}.compare-matrix-table{overflow-x:auto!important}.compare-matrix-row{min-width:760px!important}.compare-matrix-row-head{background:#172033!important;color:#fff!important}.compare-matrix-value{padding:13px 14px!important}.compare-v2-footer{margin-top:16px!important;border-radius:14px!important;background:#172033!important;color:#fff!important}
@media(max-width:980px){#compareModal .compare-v2-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#compareModal .compare-v2-photo{height:clamp(230px,38vw,330px)!important}}
@media(max-width:640px){#compareModal.compare-modal-v2{padding:0!important}#compareModal .compare-modal-card{width:100%!important;height:100dvh!important;max-height:none!important;border-radius:0!important}#compareModal .compare-modal-head{padding:16px!important;align-items:flex-start!important}.compare-title-block h2{font-size:22px!important}.compare-title-block p{font-size:10px!important}.compare-exit-label{display:none!important}.compare-exit{width:38px!important;height:38px!important;justify-content:center!important;padding:0!important}#compareModal .compare-workspace{padding:14px!important}#compareModal .compare-v2-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:12px!important;margin:0 -14px!important;padding:0 14px 6px!important}#compareModal .compare-v2-card{flex:0 0 min(82vw,340px)!important;scroll-snap-align:start!important}.compare-v2-card:hover{transform:none!important}#compareModal .compare-v2-photo{height:min(70vw,300px)!important}.compare-v2-ident{padding:14px!important}.compare-v2-ident h3{font-size:16px!important}.compare-decision-banner{display:grid!important;gap:6px!important;padding:14px!important}.compare-matrix-head{padding:16px!important}.compare-matrix-row{min-width:690px!important}.compare-v2-footer{display:grid!important;gap:9px!important;padding:14px!important}.compare-v2-footer button{justify-self:start!important}}

/* Fresh Compare workspace — simple, photo-led, and intentionally free of size selection. */
#compareModal .compare-clean-intro{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:17px;padding:2px 2px 0}.compare-clean-intro span{display:block;margin-bottom:5px;color:#917022;font-size:9px;font-weight:900;letter-spacing:.12em}.compare-clean-intro h3{margin:0;color:#162234;font-size:23px;letter-spacing:-.045em}.compare-clean-intro p{max-width:340px;margin:0;color:#667587;font-size:11px;line-height:1.55}
#compareModal .compare-clean-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.compare-clean-card{overflow:hidden;border:1px solid #dde5e3;border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(19,34,42,.06)}.compare-clean-top{display:flex;justify-content:space-between;align-items:center;padding:11px 12px 0}.compare-clean-top span{color:#7d8a96;font-size:9px;font-weight:900;letter-spacing:.1em}.compare-clean-top button{width:27px;height:27px;border:1px solid #e2e7e5;border-radius:50%;background:#fff;color:#536171;font-size:19px;line-height:1;cursor:pointer}.compare-clean-photo{height:clamp(250px,26vw,355px);margin:7px 11px 0;display:grid;place-items:center;overflow:hidden;border-radius:13px;background:linear-gradient(145deg,#eff3f1,#e0e7e4)}.compare-clean-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transform:scale(1.03)}.compare-clean-photo span{color:#718093;font-size:11px}.compare-clean-body{padding:15px}.compare-clean-brand{color:#84919c;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.compare-clean-body h3{min-height:2.35em;margin:5px 0 9px;color:#152235;font-size:17px;line-height:1.18;letter-spacing:-.03em}.compare-clean-price{color:#111c2b;font-size:21px;font-weight:900;letter-spacing:-.045em}.compare-clean-stock{display:inline-flex;align-items:center;gap:6px;margin:9px 0 12px;color:#28704f;font-size:10px;font-weight:800}.compare-clean-stock i{width:7px;height:7px;border-radius:50%;background:#35a875;box-shadow:0 0 0 4px rgba(53,168,117,.11)}.compare-clean-stock.empty{color:#9a3c34}.compare-clean-stock.empty i{background:#b94b42;box-shadow:none}.compare-clean-facts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 13px}.compare-clean-facts div{padding:9px;border:1px solid #e6ece9;border-radius:10px;background:#fafcfb}.compare-clean-facts dt{margin:0 0 3px;color:#8a96a2;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.compare-clean-facts dd{margin:0;color:#314054;font-size:10px;font-weight:800;line-height:1.4}.compare-clean-facts small{display:block;color:#8894a0;font-size:8px;font-weight:600}.compare-clean-view{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-radius:10px;background:#172033;color:#fff;padding:11px 12px;font-size:10px;font-weight:900;cursor:pointer}.compare-clean-view span{font-size:15px;line-height:0}.compare-clean-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px;padding:13px 15px;border-radius:13px;background:#172033;color:rgba(255,255,255,.72);font-size:10px;font-weight:700}.compare-clean-footer button,.compare-clean-empty button{border:0;border-radius:9px;background:#e7c367;color:#182234;padding:8px 10px;font-size:9px;font-weight:900;cursor:pointer}.compare-clean-empty{display:grid;place-items:center;text-align:center;min-height:380px;padding:35px;border:1px dashed #cdd8d5;border-radius:18px;background:#fff}.compare-clean-empty>span{font-size:35px;color:#b99133}.compare-clean-empty h3{margin:8px 0 4px;color:#172033}.compare-clean-empty p{max-width:300px;margin:0 0 15px;color:#718093;font-size:11px;line-height:1.55}
@media(max-width:980px){#compareModal .compare-clean-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-clean-photo{height:clamp(250px,40vw,340px)}}
@media(max-width:640px){#compareModal .compare-clean-intro{display:block;margin-bottom:13px}.compare-clean-intro h3{font-size:21px}.compare-clean-intro p{margin-top:6px}.compare-clean-card{border-radius:16px}.compare-clean-photo{height:min(78vw,330px);margin:7px 9px 0}.compare-clean-body{padding:13px}.compare-clean-body h3{font-size:16px;min-height:auto}.compare-clean-price{font-size:20px}.compare-clean-facts{grid-template-columns:1fr 1fr}.compare-clean-footer{margin-top:12px}.compare-clean-grid{grid-template-columns:1fr!important;gap:12px!important}}

/* Generous three-column desktop comparison: every pair gets equal visual weight. */
@media(min-width:1100px){
  #compareModal .compare-workspace{padding:28px!important}
  #compareModal .compare-clean-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
  #compareModal .compare-clean-card{border-radius:22px!important}
  #compareModal .compare-clean-photo{height:clamp(345px,31vw,455px)!important;margin:12px 14px 0!important;border-radius:17px!important}
  #compareModal .compare-clean-body{padding:20px!important}
  #compareModal .compare-clean-body h3{font-size:20px!important;margin:6px 0 11px!important}
  #compareModal .compare-clean-price{font-size:25px!important}
  #compareModal .compare-clean-stock{margin:11px 0 15px!important;font-size:11px!important}
  #compareModal .compare-clean-facts{gap:9px!important;margin-bottom:16px!important}
  #compareModal .compare-clean-facts div{padding:11px!important}
  #compareModal .compare-clean-facts dd{font-size:11px!important}
  #compareModal .compare-clean-view{padding:13px 14px!important;font-size:11px!important}
}

/* Compare: three full-width product columns with details directly below each photo. */
#compareModal .compare-workspace{padding:18px!important}
#compareModal .compare-clean-grid{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(12px,1.5vw,24px)!important;align-items:start!important}
#compareModal .compare-clean-card{min-width:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#compareModal .compare-clean-top{padding:0 0 8px!important}
#compareModal .compare-clean-photo{width:100%!important;height:clamp(280px,32vw,470px)!important;margin:0!important;border-radius:0!important;background:#e9eeeb!important}
#compareModal .compare-clean-photo img{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important}
#compareModal .compare-clean-body{padding:16px 0 0!important}
#compareModal .compare-clean-body h3{min-height:0!important}
#compareModal .compare-clean-facts{gap:16px!important;border-top:1px solid #dbe2df!important;border-bottom:1px solid #dbe2df!important;padding:12px 0!important}
#compareModal .compare-clean-facts div{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
#compareModal .compare-clean-view{margin-top:14px!important}
@media(max-width:980px){#compareModal .compare-clean-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#compareModal .compare-clean-photo{height:clamp(260px,40vw,400px)!important}}
@media(max-width:640px){#compareModal .compare-workspace{padding:14px!important}#compareModal .compare-clean-grid{grid-template-columns:1fr!important;gap:24px!important}#compareModal .compare-clean-photo{height:clamp(300px,82vw,440px)!important}#compareModal .compare-clean-card+.compare-clean-card{border-top:1px solid #dbe2df!important;padding-top:22px!important}}
#customerChatModal .chat-attachment-preview{position:relative;width:max-content;max-width:132px;margin-top:2px}
#customerChatModal .chat-attachment-preview img{display:block;width:132px;height:82px;object-fit:cover;border-radius:12px;border:1px solid #dbe4df}
#customerChatModal .chat-attachment-preview button{position:absolute;right:5px;top:5px;width:22px;height:22px;border:0;border-radius:50%;background:#111827;color:#fff;font-size:17px;line-height:20px;cursor:pointer}
#customerChatModal .chat-message-image{display:block;max-width:min(250px,100%);max-height:260px;width:auto;margin:8px 0 0;border-radius:13px;object-fit:cover}
#customerChatModal .chat-shared-location{display:inline-flex;align-items:center;margin-top:9px;padding:6px 8px;border-radius:9px;background:rgba(216,255,85,.15);color:#f1ffb7;font-size:9px;font-weight:800;text-decoration:none}
#customerChatModal .chat-order-timeline{display:flex;gap:0;margin-top:11px;padding:9px 0 2px;border-top:1px solid rgba(255,255,255,.17)}
#customerChatModal .chat-order-timeline span{position:relative;flex:1;color:rgba(255,255,255,.58);font-size:8px;font-weight:800;letter-spacing:.02em}
#customerChatModal .chat-order-timeline span:not(:last-child)::after{content:"";position:absolute;height:2px;background:rgba(255,255,255,.25);left:10px;right:-4px;top:4px}
#customerChatModal .chat-order-timeline i{display:block;position:relative;z-index:1;width:9px;height:9px;margin-bottom:4px;border:2px solid rgba(255,255,255,.45);border-radius:50%;background:#1b2430}
#customerChatModal .chat-order-timeline .done{color:#fff}
#customerChatModal .chat-order-timeline .done i{background:#d8ff55;border-color:#d8ff55}
#customerChatModal .chat-order-timeline .done:not(:last-child)::after{background:#d8ff55}
#customerChatModal .chat-payment-choice{margin-top:10px;padding:9px;border-radius:12px;background:rgba(255,255,255,.12)}
#customerChatModal .chat-payment-choice small{display:block;margin-bottom:7px;color:#fff;font-size:9px;font-weight:700}
#customerChatModal .chat-payment-choice div{display:flex;gap:6px;flex-wrap:wrap}
#customerChatModal .chat-payment-choice button{border:1px solid rgba(255,255,255,.34);border-radius:999px;background:rgba(255,255,255,.1);color:#fff;padding:5px 8px;font:800 9px/1 inherit;cursor:pointer}
#customerChatModal .chat-connection-status a,#customerChatModal .chat-empty a{display:inline-block;margin-top:7px;color:#245b43;font-weight:800;font-size:11px;text-decoration:none}
@media(max-width:620px){#customerChatModal .chat-composer-tools small{font-size:8px}#customerChatModal .chat-message-image{max-width:210px;max-height:230px}}

/* Seller workspace: a focused customer thread with the details needed to act. */
.admin-conversation-overlay{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(10,16,28,.54);backdrop-filter:blur(9px)}
.admin-conversation-overlay.open{display:flex}
.admin-conversation-card{width:min(720px,100%);max-height:min(86dvh,820px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.45);border-radius:22px;background:#f4f7f8;box-shadow:0 28px 90px rgba(0,0,0,.28)}
.admin-conversation-card header{display:flex;justify-content:space-between;gap:18px;padding:18px 20px 15px;background:#fff;border-bottom:1px solid #e6ebee}.admin-conversation-card header span{font-size:9px;font-weight:900;letter-spacing:.1em;color:#7c8996}.admin-conversation-card header h3{margin:4px 0 2px;color:#152132;font-size:19px;letter-spacing:-.035em}.admin-conversation-card header p{margin:0;color:#687587;font-size:11px}.admin-conversation-card header p a{margin-left:6px;color:#1b4c3b;font-weight:800;text-decoration:none}.admin-conversation-card header button{width:34px;height:34px;border:0;border-radius:10px;background:#f2f5f7;color:#152132;font-size:23px;line-height:1;cursor:pointer}
.admin-conversation-history{flex:1;min-height:240px;overflow:auto;padding:18px;background:linear-gradient(135deg,#eef3f4,#f8fafb)}
.admin-conversation-bubble{max-width:78%;margin:0 0 10px;padding:11px 12px;border-radius:15px;font-size:12px;line-height:1.5}.admin-conversation-bubble.customer{margin-right:auto;border:1px solid #e0e7e4;border-bottom-left-radius:5px;background:#fff;color:#263444}.admin-conversation-bubble.seller{margin-left:auto;border-bottom-right-radius:5px;background:#172033;color:#fff}.admin-conversation-bubble small{display:block;margin-bottom:5px;font-size:9px;opacity:.68}.admin-conversation-bubble p{margin:0}.admin-conversation-image{display:block;max-width:100%;max-height:240px;margin-top:8px;border-radius:10px;object-fit:cover}
.admin-conversation-order{display:grid;gap:3px;margin-top:8px;padding:8px 9px;border:1px solid #e4e9e6;border-radius:10px;background:#f7faf8;font-size:10px;color:#344054}.admin-conversation-order b{font-size:10px}.admin-conversation-order span{font-size:9px}.admin-conversation-order em{justify-self:start;padding:2px 6px;border-radius:999px;background:#fff1c9;color:#835908;font-size:8px;font-style:normal;font-weight:900;text-transform:uppercase}
.admin-conversation-composer{display:flex;gap:10px;align-items:flex-end;padding:13px 16px;background:#fff;border-top:1px solid #e6ebee}.admin-conversation-composer textarea{flex:1;min-height:44px;max-height:120px;resize:vertical;border:1px solid #dbe3e8;border-radius:12px;padding:10px 11px;font:inherit;font-size:12px;outline:none}.admin-conversation-composer textarea:focus{border-color:#7e8b99;box-shadow:0 0 0 3px rgba(23,32,51,.08)}.admin-conversation-composer button{min-height:44px;white-space:nowrap}
.admin-conversation-card header span{display:inline-flex;align-items:center;gap:7px}.admin-live-dot{width:7px;height:7px;border:1px solid rgba(120,80,10,.35);border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff4b7 0 16%,#e2b94f 34%,#a97913 100%);box-shadow:0 0 0 3px rgba(203,159,53,.13)}
.admin-order-progress{display:flex;gap:0;margin-top:7px}.admin-order-progress i{position:relative;flex:1;font-size:8px;font-style:normal;color:#8b96a3}.admin-order-progress i:before{content:"";display:block;width:7px;height:7px;margin-bottom:3px;border:2px solid #c7d0d7;border-radius:50%;background:#fff}.admin-order-progress i:not(:last-child):after{content:"";position:absolute;left:9px;right:0;top:4px;height:2px;background:#d9e0e4}.admin-order-progress i.done{color:#1a6043;font-weight:800}.admin-order-progress i.done:before{border-color:#2d9b6b;background:#2d9b6b}.admin-order-progress i.done:not(:last-child):after{background:#2d9b6b}.admin-order-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.admin-order-actions button,.admin-conversation-composer .admin-attach{min-height:32px;border:1px solid #d8e0e5;border-radius:9px;background:#fff;color:#223044;padding:0 9px;font-size:9px;font-weight:800;cursor:pointer}.admin-order-actions button:first-child{background:#172033;color:#fff;border-color:#172033}.admin-order-actions button:nth-child(2){color:#a22e2a}.admin-conversation-composer .admin-attach{flex:0 0 auto;margin-bottom:1px}
@media(max-width:620px){.admin-conversation-overlay{padding:8px}.admin-conversation-card{max-height:calc(100dvh - 16px);border-radius:18px}.admin-conversation-card header{padding:14px}.admin-conversation-card header h3{font-size:17px}.admin-conversation-history{padding:13px}.admin-conversation-bubble{max-width:91%}.admin-conversation-composer{padding:10px;gap:7px}.admin-conversation-composer button{padding-inline:10px;font-size:10px}}
@media(max-height:630px){
  #customerChatModal[data-chat-mode="question"] .customer-chat-thread{min-height:100px!important}
}

/* Shoe-message view: one clear product header, one open conversation. */
#customerChatModal[data-chat-mode="question"] .chat-head{
  padding:14px 70px 14px 18px!important;
}
#customerChatModal[data-chat-mode="question"] .chat-brandline{
  margin-bottom:11px!important;
  font-size:10px!important;
  letter-spacing:.1em!important;
}
#customerChatModal[data-chat-mode="question"] .chat-secure,
#customerChatModal[data-chat-mode="question"] #customerChatEyebrow,
#customerChatModal[data-chat-mode="question"] #customerChatTitle,
#customerChatModal[data-chat-mode="question"] .chat-product-info .muted,
#customerChatModal[data-chat-mode="question"] .order-location-option,
#customerChatModal[data-chat-mode="question"] .chat-action-bar,
#customerChatModal[data-chat-mode="question"] .chat-quick-actions{display:none!important}
#customerChatModal[data-chat-mode="question"] .chat-product-hero{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:center!important;
}
#customerChatModal[data-chat-mode="question"] .chat-product-media{
  width:112px!important;
  height:112px!important;
  border-radius:18px!important;
  border:1px solid #e3e8ec!important;
  box-shadow:0 7px 20px rgba(17,24,39,.08)!important;
}
#customerChatModal[data-chat-mode="question"] .chat-product-info{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-width:0!important;
}
#customerChatModal[data-chat-mode="question"] .chat-product-name{
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
  color:#172033!important;
  font-size:clamp(16px,2.4vw,21px)!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:-.025em!important;
}
#customerChatModal[data-chat-mode="question"] .chat-product-price-row{
  display:flex!important;
  flex:0 0 auto!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:8px!important;
  margin:0!important;
}
#customerChatModal[data-chat-mode="question"] .chat-product-price-row strong{
  white-space:nowrap!important;
  font-size:17px!important;
}
#customerChatModal[data-chat-mode="question"] .chat-live-pill{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  background:#e7f5ec!important;
  color:#17613c!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.06em!important;
}
#customerChatModal[data-chat-mode="question"] .chat-live-pill::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#23a461;
}
#customerChatModal[data-chat-mode="question"] .chat-live-pill.offline{
  background:#fff0d9!important;
  color:#8d5317!important;
}
#customerChatModal[data-chat-mode="question"] .chat-live-pill.offline::before{background:#cf842a}
#customerChatModal[data-chat-mode="question"] .chat-connection-status[hidden]{display:none!important}
#customerChatModal[data-chat-mode="question"] .chat-connection-status{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:12px!important;
  padding:9px 11px!important;
  border:1px solid #f0d8ae!important;
  border-radius:11px!important;
  background:#fff8e9!important;
  color:#775014!important;
  font-size:11px!important;
}
#customerChatModal[data-chat-mode="question"] .chat-connection-status > span{
  display:grid;
  place-items:center;
  flex:0 0 18px;
  height:18px;
  border-radius:50%;
  background:#c78024;
  color:#fff;
  font-weight:900;
}
#customerChatModal[data-chat-mode="question"] .chat-connection-status strong{font-size:11px!important}
#customerChatModal[data-chat-mode="question"] .chat-connection-status small{font-size:10px!important;overflow-wrap:anywhere}
#customerChatModal[data-chat-mode="question"] #customerChatInput{
  width:50%!important;
  max-width:50%!important;
  justify-self:start!important;
  margin-left:0!important;
}
@media(max-width:620px){
  #customerChatModal[data-chat-mode="question"] .chat-head{padding:12px 55px 12px 13px!important}
  #customerChatModal[data-chat-mode="question"] .chat-brandline{margin-bottom:8px!important;font-size:9px!important}
  #customerChatModal[data-chat-mode="question"] .chat-product-hero{grid-template-columns:88px minmax(0,1fr)!important;gap:11px!important}
  #customerChatModal[data-chat-mode="question"] .chat-product-media{width:88px!important;height:88px!important;border-radius:14px!important}
  #customerChatModal[data-chat-mode="question"] .chat-product-info{display:block!important}
  #customerChatModal[data-chat-mode="question"] .chat-product-name{font-size:16px!important;margin:0 0 8px!important}
  #customerChatModal[data-chat-mode="question"] .chat-product-price-row{align-items:flex-start!important;gap:5px!important}
  #customerChatModal[data-chat-mode="question"] .chat-product-price-row strong{font-size:14px!important}
  #customerChatModal[data-chat-mode="question"] .chat-connection-status{flex-wrap:wrap!important;gap:5px!important;margin-top:9px!important;padding:7px 9px!important}
}

/* Compact order request with the conversation as the primary surface. */
#customerChatModal[data-chat-mode="order"] .customer-chat-card{
  display:flex!important;
  flex-direction:column!important;
  width:min(620px,calc(100vw - 24px))!important;
  height:min(790px,94dvh)!important;
  max-height:94dvh!important;
  overflow:hidden!important;
  border:1px solid #e5e9ee!important;
  border-radius:24px!important;
  box-shadow:0 28px 80px rgba(13,23,37,.23)!important;
}
#customerChatModal[data-chat-mode="order"] .customer-chat-card > .close{
  position:absolute!important;
  top:17px!important;
  right:18px!important;
  z-index:8!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  padding:0 0 2px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#172033!important;
  font-size:25px!important;
  line-height:1!important;
  box-shadow:none!important;
}
#customerChatModal[data-chat-mode="order"] .customer-chat-card > .close::before,
#customerChatModal[data-chat-mode="order"] .customer-chat-card > .close::after{content:none!important;display:none!important}
#customerChatModal[data-chat-mode="order"] .chat-head{
  flex:0 0 auto!important;
  padding:15px 70px 14px 18px!important;
  border-bottom:1px solid #e9edf1!important;
  background:#fff!important;
}
#customerChatModal[data-chat-mode="order"] .chat-brandline{margin-bottom:10px!important;padding-right:0!important}
#customerChatModal[data-chat-mode="order"] .chat-brandline>span:first-child{font-size:10px!important;font-weight:850!important;letter-spacing:.08em!important}
#customerChatModal[data-chat-mode="order"] .chat-secure,
#customerChatModal[data-chat-mode="order"] .chat-live-pill,
#customerChatModal[data-chat-mode="order"] .chat-product-info .muted,
#customerChatModal[data-chat-mode="order"] .chat-action-bar,
#customerChatModal[data-chat-mode="order"] .chat-quick-actions{display:none!important}
#customerChatModal[data-chat-mode="order"] .chat-product-hero{
  display:grid!important;
  grid-template-columns:78px minmax(0,1fr)!important;
  gap:13px!important;
  align-items:center!important;
}
#customerChatModal[data-chat-mode="order"] .chat-product-info{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;column-gap:12px!important;row-gap:2px!important;min-width:0!important}
#customerChatModal[data-chat-mode="order"] #customerChatEyebrow,
#customerChatModal[data-chat-mode="order"] .chat-product-info h2{grid-column:1/-1!important}
#customerChatModal[data-chat-mode="order"] #customerChatEyebrow{margin:0!important;font-size:8px!important;letter-spacing:.15em!important}
#customerChatModal[data-chat-mode="order"] .chat-product-media{
  width:78px!important;
  height:78px!important;
  border:1px solid #e6eaf0!important;
  border-radius:15px!important;
  background:#f6f8fa!important;
}
#customerChatModal[data-chat-mode="order"] .chat-product-info h2{
  margin:1px 0 5px!important;
  font-size:14px!important;
  line-height:1.15!important;
  letter-spacing:-.035em!important;
}
#customerChatModal[data-chat-mode="order"] .chat-product-name{
  grid-column:1/-1!important;
  margin:0!important;
  color:#576477!important;
  font-size:12px!important;
  font-weight:700!important;
}
#customerChatModal[data-chat-mode="order"] .chat-product-price-row{display:none!important}
#customerChatModal[data-chat-mode="order"] .chat-product-price-row strong{font-size:14px!important;white-space:nowrap!important}
#customerChatModal[data-chat-mode="order"] .order-location-option{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:calc(100% - 82px)!important;
  max-width:360px!important;
  margin:11px 0 0 82px!important;
  padding:7px 9px!important;
  border:1px solid #e0e7e3!important;
  border-radius:10px!important;
  background:#f8fbf9!important;
  cursor:pointer!important;
}
#customerChatModal[data-chat-mode="order"] .order-location-option input{margin:0!important;accent-color:#1d7a4c!important}
#customerChatModal[data-chat-mode="order"] .order-location-option span{display:grid!important;gap:1px!important}
#customerChatModal[data-chat-mode="order"] .order-location-option b{color:#374151!important;font-size:10px!important;line-height:1.2!important}
#customerChatModal[data-chat-mode="order"] .order-location-option small{color:#7a8796!important;font-size:8px!important;line-height:1.25!important}
#customerChatModal[data-chat-mode="order"] .order-location-option:has(input:checked){border-color:#9dccaf!important;background:#eff8f1!important}
#customerChatModal[data-chat-mode="order"] .chat-main-grid{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  scrollbar-width:thin!important;
  scrollbar-color:#8a9a91 #e6ece8!important;
  background:#f7f9f8!important;
}
#customerChatModal[data-chat-mode="order"] .chat-purchase-panel{
  display:block!important;
  flex:0 0 auto!important;
  width:100%!important;
  max-height:135px!important;
  overflow:auto!important;
  padding:12px 18px!important;
  border:0!important;
  border-bottom:1px solid #e7ece8!important;
  background:#fff!important;
}
#customerChatModal[data-chat-mode="order"] .order-selection-line,
#customerChatModal[data-chat-mode="order"] .order-price-line{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:3px 0!important;
  color:#677386!important;
  font-size:11px!important;
}
#customerChatModal[data-chat-mode="order"] .order-selection-line strong{
  color:#172033!important;
  font-size:12px!important;
  text-align:right!important;
}
#customerChatModal[data-chat-mode="order"] .order-price-line strong{
  color:#172033!important;
  font-size:19px!important;
  letter-spacing:-.025em!important;
}
#customerChatModal[data-chat-mode="order"] .order-confirm-note{
  margin:5px 0 0!important;
  color:#697688!important;
  font-size:10px!important;
  line-height:1.4!important;
}
#customerChatModal[data-chat-mode="order"] .chat-purchase-panel.cart-order-panel{
  max-height:none!important;
  overflow:visible!important;
  padding:13px 18px!important;
}
#customerChatModal[data-chat-mode="order"] .cart-order-kicker{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:9px!important;
  color:#738093!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.1em!important;
}
#customerChatModal[data-chat-mode="order"] .cart-order-kicker strong{color:#172033!important;font-size:10px!important;letter-spacing:0!important}
#customerChatModal[data-chat-mode="order"] .cart-order-items{display:grid!important;gap:8px!important}
#customerChatModal[data-chat-mode="order"] .cart-order-item{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:8px!important;
  border:1px solid #e5ebe7!important;
  border-radius:12px!important;
  background:#fff!important;
}
#customerChatModal[data-chat-mode="order"] .cart-order-photo{
  width:58px!important;
  height:58px!important;
  overflow:hidden!important;
  border-radius:9px!important;
  background:#f1f4f3!important;
}
#customerChatModal[data-chat-mode="order"] .cart-order-photo img{width:100%!important;height:100%!important;object-fit:contain!important;padding:3px!important}
#customerChatModal[data-chat-mode="order"] .cart-order-item>div:nth-child(2){display:grid!important;gap:2px!important;min-width:0!important}
#customerChatModal[data-chat-mode="order"] .cart-order-item strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#172033!important;font-size:12px!important}
#customerChatModal[data-chat-mode="order"] .cart-order-item span{color:#718094!important;font-size:10px!important}
#customerChatModal[data-chat-mode="order"] .cart-order-item b{color:#59687a!important;font-size:9px!important;font-weight:700!important}
#customerChatModal[data-chat-mode="order"] .cart-order-item em{color:#172033!important;font-size:11px!important;font-style:normal!important;font-weight:850!important;white-space:nowrap!important}
#customerChatModal[data-chat-mode="order"] .cart-order-total{margin-top:10px!important;padding-top:8px!important;border-top:1px solid #e7ece8!important}
#customerChatModal[data-chat-mode="order"] .chat-conversation{
  display:flex!important;
  flex:0 0 auto!important;
  flex-direction:column!important;
  min-height:340px!important;
  overflow:visible!important;
  border:0!important;
  background:#f5f8f6!important;
}
#customerChatModal[data-chat-mode="order"] .customer-chat-thread{
  flex:0 0 auto!important;
  height:auto!important;
  min-height:340px!important;
  max-height:none!important;
  overflow:visible!important;
  padding:16px 18px!important;
  background:radial-gradient(circle at 1px 1px,rgba(27,53,42,.04) 1px,transparent 0) 0 0/22px 22px,#f5f8f6!important;
}
#customerChatModal[data-chat-mode="order"] .chat-main-grid::-webkit-scrollbar{display:block!important;width:9px!important}
#customerChatModal[data-chat-mode="order"] .chat-main-grid::-webkit-scrollbar-track{display:block!important;background:#e6ece8!important;border-radius:999px!important}
#customerChatModal[data-chat-mode="order"] .chat-main-grid::-webkit-scrollbar-thumb{display:block!important;background:#8a9a91!important;border:2px solid #f5f8f6!important;border-radius:999px!important}
#customerChatModal[data-chat-mode="order"] .chat-main-grid::-webkit-scrollbar-thumb:hover{background:#607268!important}
#customerChatModal[data-chat-mode="order"] .customer-chat-form{
  display:grid!important;
  flex:0 0 auto!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:8px!important;
  padding:12px 18px 16px!important;
  border-top:1px solid #e6ece8!important;
  background:#fff!important;
}
#customerChatModal[data-chat-mode="order"] .chat-compose-row{
  display:none!important;
}
#customerChatModal[data-chat-mode="order"] .chat-phone-field .muted{display:none!important}
#customerChatModal[data-chat-mode="order"] .chat-name-field input,
#customerChatModal[data-chat-mode="order"] .chat-phone-field input,
#customerChatModal[data-chat-mode="order"] #customerChatInput{
  grid-column:1!important;
  width:100%!important;
  border:1px solid #dce4e2!important;
  border-radius:12px!important;
  background:#f9fbfa!important;
  color:#172033!important;
  font-size:14px!important;
}
#customerChatModal[data-chat-mode="order"] #customerChatInput{
  min-height:48px!important;
  height:48px!important;
  max-height:132px!important;
  resize:none!important;
  overflow-y:hidden!important;
  padding:11px 12px!important;
}
#customerChatModal[data-chat-mode="order"] .chat-order-strip{
  display:block!important;
  grid-column:2!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}
#customerChatModal[data-chat-mode="order"] #customerChatModeLabel{
  display:none!important;
}
#customerChatModal[data-chat-mode="order"] #customerChatSubmit{
  width:auto!important;
  min-width:142px!important;
  justify-self:center!important;
  min-height:48px!important;
  padding:0 16px!important;
  border-radius:12px!important;
  background:#172033!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:850!important;
}
#customerChatModal[data-chat-mode="order"] #customerChatSubmit:hover{background:#2b3a4f!important}
body.modal-open #backToTop{opacity:0!important;pointer-events:none!important;transform:translateY(12px)!important}
@media(max-width:620px){
  #customerChatModal[data-chat-mode="order"] .customer-chat-card{width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;border-radius:19px!important}
  #customerChatModal[data-chat-mode="order"] .chat-head{padding:11px 58px 10px 12px!important}
  #customerChatModal[data-chat-mode="order"] .chat-product-hero{grid-template-columns:60px minmax(0,1fr)!important;gap:9px!important}
  #customerChatModal[data-chat-mode="order"] .chat-product-media{width:60px!important;height:60px!important;border-radius:12px!important}
  #customerChatModal[data-chat-mode="order"] .chat-product-info h2{font-size:13px!important;margin-bottom:4px!important}
  #customerChatModal[data-chat-mode="order"] .chat-product-name{font-size:11px!important}
  #customerChatModal[data-chat-mode="order"] .chat-product-price-row strong{font-size:12px!important}
  #customerChatModal[data-chat-mode="order"] .order-location-option{width:calc(100% - 62px)!important;margin:9px 0 0 62px!important;padding:6px 8px!important}
  #customerChatModal[data-chat-mode="order"] .order-location-option b{font-size:9px!important}
  #customerChatModal[data-chat-mode="order"] .order-location-option small{font-size:7.5px!important}
  #customerChatModal[data-chat-mode="order"] .chat-purchase-panel{padding:10px 12px!important;max-height:116px!important}
  #customerChatModal[data-chat-mode="order"] .chat-purchase-panel.cart-order-panel{padding:10px 12px!important;max-height:none!important}
  #customerChatModal[data-chat-mode="order"] .cart-order-item{grid-template-columns:50px minmax(0,1fr) auto!important;gap:8px!important;padding:7px!important}
  #customerChatModal[data-chat-mode="order"] .cart-order-photo{width:50px!important;height:50px!important}
  #customerChatModal[data-chat-mode="order"] .cart-order-item strong{font-size:11px!important}
  #customerChatModal[data-chat-mode="order"] .cart-order-item span{font-size:9px!important}
  #customerChatModal[data-chat-mode="order"] .cart-order-item em{font-size:10px!important}
  #customerChatModal[data-chat-mode="order"] .chat-conversation,
  #customerChatModal[data-chat-mode="order"] .customer-chat-thread{min-height:300px!important}
  #customerChatModal[data-chat-mode="order"] .customer-chat-thread{padding:12px!important}
  #customerChatModal[data-chat-mode="order"] .customer-chat-form{padding:10px 12px max(12px,env(safe-area-inset-bottom))!important;gap:7px!important}
  #customerChatModal[data-chat-mode="order"] #customerChatInput{min-width:0!important;min-height:46px!important;height:46px!important;padding:10px!important}
  #customerChatModal[data-chat-mode="order"] #customerChatSubmit{min-width:74px!important;min-height:46px!important;padding:0 11px!important;font-size:11px!important}
}

/* Tall, reviewable cart: the selected pairs scroll while checkout stays in view. */
#cartDrawer{
  width:min(760px,calc(100vw - 24px))!important;
  height:min(92dvh,860px)!important;
  max-height:92dvh!important;
  border-radius:24px!important;
}
#cartDrawer .drawer-head,
#cartDrawer .drawer-foot{flex:0 0 auto!important}
#cartDrawer .drawer-head .close{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  padding:0 0 2px!important;
  line-height:1!important;
  text-align:center!important;
}
#cartDrawer .drawer-head .close::before,
#cartDrawer .drawer-head .close::after{content:none!important;display:none!important}
#cartDrawer .drawer-head{align-items:flex-start!important;padding:17px 22px 14px!important}
#cartDrawer .drawer-head>div:after{display:none!important}
#cartDrawer .cart-head-copy{min-width:0!important;width:100%!important}
#cartDrawer .cart-head-copy h3{margin:3px 0 12px!important}
#cartDrawer .cart-header-summary{
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  align-items:center!important;
  gap:12px!important;
}
#cartDrawer .cart-header-summary>div{
  display:grid!important;
  gap:1px!important;
  padding-right:12px!important;
  border-right:1px solid #e6ece9!important;
}
#cartDrawer .cart-header-summary>div span{color:#697386!important;font-size:9px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.08em!important}
#cartDrawer .cart-header-summary>div strong{color:#172033!important;font-size:18px!important;letter-spacing:-.035em!important}
#cartDrawer .cart-header-summary .location-consent-inline{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
#cartDrawer .cart-header-summary .location-consent-inline input{margin:0!important}
#cartDrawer .cart-header-summary .location-consent-inline b{font-size:10px!important;color:#374151!important}
#cartDrawer .cart-header-summary .location-consent-inline small{display:block!important;margin-top:1px!important;font-size:8px!important;color:#8a94a5!important}
#cartDrawer .drawer-foot{padding:12px 22px 14px!important}
#cartDrawer .drawer-foot #checkout{min-height:46px!important}
#cartDrawer .drawer-foot #clearCart{margin-top:5px!important}
#cartDrawer .drawer-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  scrollbar-width:thin!important;
  scrollbar-color:#8a9a91 #e7ece9!important;
}
#cartDrawer .drawer-body::-webkit-scrollbar{display:block!important;width:9px!important}
#cartDrawer .drawer-body::-webkit-scrollbar-track{display:block!important;background:#e7ece9!important;border-radius:999px!important}
#cartDrawer .drawer-body::-webkit-scrollbar-thumb{display:block!important;background:#8a9a91!important;border:2px solid #fff!important;border-radius:999px!important}
#cartDrawer .drawer-body::-webkit-scrollbar-thumb:hover{background:#607268!important}
@media(max-width:620px){
  #cartDrawer{width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;border-radius:20px!important}
  #cartDrawer .drawer-head{padding:13px 14px 11px!important}
  #cartDrawer .cart-head-copy h3{font-size:19px!important;margin-bottom:9px!important}
  #cartDrawer .cart-header-summary{grid-template-columns:auto 1fr!important;gap:9px!important}
  #cartDrawer .cart-header-summary>div{padding-right:9px!important}
  #cartDrawer .cart-header-summary>div strong{font-size:15px!important}
  #cartDrawer .cart-header-summary .location-consent-inline b{font-size:9px!important}
  #cartDrawer .cart-header-summary .location-consent-inline small{font-size:7.5px!important}
#cartDrawer .drawer-body{padding:8px 14px!important}
}

/* Comparison width: flexible columns with a practical screen-based minimum. */
#compareModal.compare-modal-v2 .compare-modal-card{width:min(1600px,calc(100vw - 24px))!important;max-width:none!important}
#compareModal.compare-modal-v2 .compare-workspace{padding:16px!important}
#compareModal.compare-modal-v2 .compare-clean-grid{display:grid!important;width:100%!important;grid-template-columns:repeat(3,minmax(17rem,1fr))!important;gap:clamp(10px,1.2vw,20px)!important}
#compareModal.compare-modal-v2 .compare-clean-card{width:100%!important;min-width:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#compareModal.compare-modal-v2 .compare-clean-photo{width:100%!important;min-height:300px!important}
@media(max-width:980px){#compareModal.compare-modal-v2 .compare-clean-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){#compareModal.compare-modal-v2 .compare-modal-card{width:100vw!important}#compareModal.compare-modal-v2 .compare-workspace{padding:12px!important}#compareModal.compare-modal-v2 .compare-clean-grid{grid-template-columns:minmax(0,1fr)!important}#compareModal.compare-modal-v2 .compare-clean-photo{min-height:260px!important}}
#compareModal.compare-modal-v2 .compare-clean-remove{display:block;margin:13px 0 0;padding:4px 0;border:0;background:transparent;color:#687787;font-size:10px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#compareModal.compare-modal-v2 .compare-clean-footer{margin-top:clamp(48px,7vh,100px)!important;padding:20px 0!important;border-top:1px solid #d5ddda!important;border-radius:0!important;background:transparent!important;color:#5e6a76!important}
#compareModal.compare-modal-v2 .compare-clean-footer button{min-height:42px;padding:0 16px;font-size:11px}
@media(max-width:640px){#compareModal.compare-modal-v2 .compare-clean-footer{margin-top:42px!important}}

/* Desktop-first Compare surface. These classes are separate from older card layouts. */
#compareModal.compare-modal-v2 .compare-modal-card{width:min(1600px,calc(100vw - 24px))!important;max-width:none!important}
#compareModal.compare-modal-v2 .compare-workspace{padding:clamp(16px,2vw,30px)!important;overflow-y:auto!important;overflow-x:hidden!important}
#compareModal.compare-modal-v2 .compare-studio-grid{display:grid;width:100%;grid-template-columns:repeat(var(--compare-count,3),minmax(0,1fr));gap:clamp(18px,2vw,34px);align-items:start}
#compareModal.compare-modal-v2 .compare-studio-item{min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none}
#compareModal.compare-modal-v2 .compare-studio-photo{display:grid;place-items:center;width:100%;height:clamp(320px,30vw,500px);overflow:hidden;background:#edf1ef}
#compareModal.compare-modal-v2 .compare-studio-photo img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
#compareModal.compare-modal-v2 .compare-studio-photo span{color:#718093;font-size:12px}
#compareModal.compare-modal-v2 .compare-studio-info{padding:20px 0 0}
#compareModal.compare-modal-v2 .compare-studio-brand{display:block;color:#89939b;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
#compareModal.compare-modal-v2 .compare-studio-info h3{margin:6px 0 10px;color:#172033;font-size:clamp(18px,1.65vw,25px);line-height:1.15;letter-spacing:-.035em}
#compareModal.compare-modal-v2 .compare-studio-price{display:block;color:#111a28;font-size:clamp(21px,1.9vw,28px);letter-spacing:-.04em}
#compareModal.compare-modal-v2 .compare-studio-stock{display:flex;align-items:center;gap:7px;margin:11px 0 17px;color:#28704f;font-size:11px;font-weight:800}
#compareModal.compare-modal-v2 .compare-studio-stock i{width:7px;height:7px;border-radius:50%;background:#35a875}
#compareModal.compare-modal-v2 .compare-studio-stock.empty{color:#a2453c}
#compareModal.compare-modal-v2 .compare-studio-stock.empty i{background:#b94b42}
#compareModal.compare-modal-v2 .compare-studio-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0;padding:14px 0;border-top:1px solid #d8e0dc;border-bottom:1px solid #d8e0dc}
#compareModal.compare-modal-v2 .compare-studio-facts div{min-width:0}
#compareModal.compare-modal-v2 .compare-studio-facts dt{margin-bottom:4px;color:#89939b;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
#compareModal.compare-modal-v2 .compare-studio-facts dd{margin:0;color:#344254;font-size:11px;font-weight:800;line-height:1.5}
#compareModal.compare-modal-v2 .compare-studio-facts small{display:block;color:#89939b;font-size:9px;font-weight:600}
#compareModal.compare-modal-v2 .compare-studio-view{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:44px;margin-top:16px;padding:0 14px;border:0;border-radius:9px;background:#172033;color:#fff;font-size:11px;font-weight:900;cursor:pointer}
#compareModal.compare-modal-v2 .compare-studio-remove{display:block;margin-top:12px;padding:4px 0;border:0;background:transparent;color:#687787;font-size:10px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#compareModal.compare-modal-v2 .compare-studio-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:72px;padding:22px 0 4px;border-top:1px solid #d8e0dc;color:#687787;font-size:11px;font-weight:700}
#compareModal.compare-modal-v2 .compare-studio-footer button,#compareModal.compare-modal-v2 .compare-studio-empty button{min-height:42px;padding:0 16px;border:0;border-radius:9px;background:#e7c367;color:#182234;font-size:11px;font-weight:900;cursor:pointer}
#compareModal.compare-modal-v2 .compare-studio-empty{display:grid;place-items:center;align-content:center;gap:8px;min-height:380px;text-align:center}
#compareModal.compare-modal-v2 .compare-studio-empty>span{color:#b99133;font-size:36px}
#compareModal.compare-modal-v2 .compare-studio-empty h3{margin:0;color:#172033}
#compareModal.compare-modal-v2 .compare-studio-empty p{max-width:340px;margin:0 0 12px;color:#718093;font-size:12px;line-height:1.5}
@media(max-width:1050px){#compareModal.compare-modal-v2 .compare-studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#compareModal.compare-modal-v2 .compare-studio-photo{height:clamp(290px,43vw,430px)}}
@media(max-width:680px){#compareModal.compare-modal-v2 .compare-modal-card{width:100vw!important}#compareModal.compare-modal-v2 .compare-workspace{padding:14px!important}#compareModal.compare-modal-v2 .compare-studio-grid{grid-template-columns:minmax(0,1fr);gap:30px}#compareModal.compare-modal-v2 .compare-studio-item+.compare-studio-item{padding-top:26px;border-top:1px solid #d8e0dc}#compareModal.compare-modal-v2 .compare-studio-photo{height:clamp(300px,82vw,450px)}#compareModal.compare-modal-v2 .compare-studio-info{padding-top:15px}#compareModal.compare-modal-v2 .compare-studio-footer{margin-top:50px}}
#compareModal.compare-modal-v2 .compare-workspace{display:block!important}
#compareModal.compare-modal-v2 .compare-studio-grid{float:none!important;margin-inline:0!important}
#compareModal.compare-modal-v2 .compare-studio-item{display:flex!important;flex-direction:column!important}
#compareModal.compare-modal-v2 .compare-studio-info{width:100%!important;box-sizing:border-box!important}
#compareModal.compare-modal-v2 .compare-studio-footer{justify-content:center!important}