/* =====================================================================
   YouHoo · Quick buy popup ("רכישה מהירה") — Woo Quick View 1.1.4
   Visual language matches the YouHoo Cart drawer (youhoo-cart/assets/cart.css).
   Scope: only the remodal that contains #wcqv_contend, its overlay,
   and the loading state of the .quick_view trigger. Nothing else changes.
   DESIGN-ONLY build: no prices, totals, validation or submit logic are added or changed.
   Works without JS; yh-quickview.js only regroups the quantity + button into a bar,
   adds the "לפרטים מלאים" link and the accessibility helpers.
   ===================================================================== */

/* ---------- Tokens (same values as the cart) ---------- */
.remodal-wrapper:has(#wcqv_contend){
  --q-night:#140A2E; --q-sky:#9DB8FF; --q-tq:#03DAC4; --q-tq-hi:#2EEAD8;
  --q-ink:#F4F1FB; --q-dim:#C9BFE6; --q-line:rgba(255,255,255,.13); --q-card:rgba(255,255,255,.07);
  --q-err:#FFB4C2; --q-err-line:#FF8FA5;
  --q-ease:cubic-bezier(.16,1,.3,1);
  --q-pad:28px;
}

/* ---------- Overlay ---------- */
body:has(#wcqv_contend) .remodal-overlay{
  background:rgba(14,6,34,.55) !important;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}

/* ---------- Wrapper: centre the dialog, the dialog scrolls inside ---------- */
.remodal-wrapper:has(#wcqv_contend){
  padding:24px !important; overflow:hidden !important; text-align:right; direction:rtl;
}
.remodal-wrapper:has(#wcqv_contend).remodal-is-opening,
.remodal-wrapper:has(#wcqv_contend).remodal-is-opened,
.remodal-wrapper:has(#wcqv_contend).remodal-is-closing{
  display:grid !important; place-items:center;
}
.remodal-wrapper:has(#wcqv_contend):after{display:none !important}

/* ---------- Dialog shell ---------- */
.remodal:has(#wcqv_contend){
  position:relative !important; inset:auto !important;
  width:min(580px,100%) !important; max-width:none !important;
  max-height:min(820px,calc(100dvh - 48px)) !important;
  margin:0 !important; padding:0 !important;
  display:flex !important; flex-direction:column;
  direction:rtl; text-align:right;
  font-family:Rubik,system-ui,sans-serif; color:var(--q-ink);
  border-radius:28px; overflow:hidden;
  border:1px solid var(--q-line);
  background:
    radial-gradient(520px 300px at 100% 0%,rgba(122,43,230,.55),transparent 70%),
    radial-gradient(440px 320px at 0% 100%,rgba(3,218,196,.22),transparent 70%),
    linear-gradient(170deg,#0D2270 0%,#0A1650 60%,#120A45 100%) !important;
  box-shadow:0 40px 80px -30px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.12) !important;
  -webkit-font-smoothing:antialiased;
}
.remodal:has(#wcqv_contend) *{box-sizing:border-box}
.remodal:has(#wcqv_contend):focus{outline:0}

/* Open / close motion (remodal waits for these animations to end) */
.remodal:has(#wcqv_contend).remodal-is-opening{animation:yhqvIn .45s var(--q-ease) both !important}
.remodal:has(#wcqv_contend).remodal-is-closing{animation:yhqvOut .25s ease-in both !important}
@keyframes yhqvIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@keyframes yhqvOut{to{opacity:0;transform:translateY(10px) scale(.98)}}

/* ---------- Close button (top inline-end = left in RTL, like the cart) ---------- */
.remodal:has(#wcqv_contend) > .remodal-close{
  position:absolute !important; top:18px !important; right:auto !important; left:auto !important;
  inset-inline-end:18px !important; z-index:6;
  width:44px !important; height:44px !important; padding:0 !important; margin:0 !important;
  border-radius:14px !important; border:1px solid var(--q-line) !important;
  background:rgba(255,255,255,.06) !important; color:var(--q-ink) !important;
  display:grid !important; place-items:center; cursor:pointer;
  transition:background .25s,transform .35s var(--q-ease);
}
.remodal:has(#wcqv_contend) > .remodal-close:before{
  content:"" !important; position:static !important; width:20px !important; height:20px !important;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E") center/contain no-repeat;
}
.remodal:has(#wcqv_contend) > .remodal-close:hover{background:rgba(255,255,255,.14) !important;transform:rotate(90deg)}
.remodal:has(#wcqv_contend) > .remodal-close:focus-visible{outline:2px solid var(--q-tq) !important;outline-offset:2px}

/* ---------- Scroll area ---------- */
#wcqv_contend{
  flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain;
  background:transparent !important; padding:0;
  scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.25) transparent;
}
#wcqv_contend::-webkit-scrollbar{width:6px}
#wcqv_contend::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}
#wcqv_contend > .product{display:block}

/* Product grid: [image | title] then the form full width */
#wcqv_contend .type-product{
  display:grid !important; grid-template-columns:76px minmax(0,1fr);
  column-gap:16px; align-items:center;
  padding:26px var(--q-pad) 0;
  margin:0 !important; float:none !important; width:auto !important;
}
#wcqv_contend .type-product > .summary,
#wcqv_contend .summary-content{display:contents !important}
/* clearfix pseudo-elements would become grid/flex items */
#wcqv_contend .type-product:before,#wcqv_contend .type-product:after,
#wcqv_contend form.cart:before,#wcqv_contend form.cart:after,
#wcqv_contend .images:before,#wcqv_contend .images:after{display:none !important;content:none !important}
#wcqv_contend .type-product > *:not(.images),
#wcqv_contend .summary-content > *{grid-column:1 / -1}

/* Image tile */
#wcqv_contend .images{
  grid-column:1 !important; grid-row:1 / span 2;
  width:76px !important; height:76px; padding:0 !important; margin:0 !important; float:none !important;
  border-radius:20px; overflow:hidden; background:#fff !important;
  display:block !important; box-shadow:0 10px 22px -10px rgba(0,0,0,.7);
}
#wcqv_contend .images a{display:block;width:100%;height:100%;pointer-events:none}
#wcqv_contend .images img{
  width:100% !important; height:100% !important; max-width:none !important; margin:0 !important;
  object-fit:cover; display:block; border:0 !important; box-shadow:none !important; border-radius:0 !important;
}
#wcqv_contend .images .thumbnails,#wcqv_contend .onsale,
#wcqv_contend .scrollbar_bg,#wcqv_contend .scrollbar,
#wcqv_contend .product_meta{display:none !important}

/* Title + price */
#wcqv_contend #yhqv-title:focus{outline:0}
#wcqv_contend h1.product_title{
  display:block !important; grid-column:2 !important; grid-row:1; align-self:center;
  margin:0 !important; padding:0 !important;
  font:600 22px/1.25 Rubik,system-ui,sans-serif !important; color:#fff !important;
  text-transform:none !important; letter-spacing:0; text-align:right;
  padding-inline-end:52px !important; /* room for the close button */
}
#wcqv_contend .images{grid-row:1 !important}
/* p.price stays hidden, exactly as before (the theme hid its amount; prices are per-category logic) */
#wcqv_contend .summary-content > p.price,
#wcqv_contend .summary-content > span.price{display:none !important}
#wcqv_contend .woocommerce-product-details__short-description{margin-top:18px;color:var(--q-dim);font-size:14.5px;line-height:1.6}

/* Out of stock */
#wcqv_contend p.stock{
  margin:20px 0 0 !important; padding:14px 16px; border-radius:16px;
  font:500 15px/1.5 Rubik,sans-serif; display:flex; align-items:center; gap:10px;
}
#wcqv_contend p.stock.out-of-stock{background:rgba(255,90,120,.12);border:1px solid rgba(255,143,165,.45);color:var(--q-err) !important}
#wcqv_contend p.stock.out-of-stock:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--q-err-line);flex:none}
#wcqv_contend p.stock.in-stock{display:none}

/* ---------- Form ---------- */
#wcqv_contend form.cart{
  margin:22px 0 0 !important; padding:0 !important;
  display:flex; flex-direction:column; gap:18px;
}
#wcqv_contend .wc-pao-addons-container,
#wcqv_contend .single_variation_wrap{display:flex;flex-direction:column;gap:18px;margin:0}
#wcqv_contend .wc-pao-addon-container{margin:0 !important;padding:0 !important;display:flex;flex-direction:column;gap:8px}
#wcqv_contend .wc-pao-addon-container .clear,
#wcqv_contend #product-addons-total:empty,
#wcqv_contend .validation_message:empty{display:none}

/* Labels */
#wcqv_contend .wc-pao-addon-name,
#wcqv_contend table.variations th.label label{
  display:block; margin:0 !important; padding:0 !important;
  font:600 15px/1.4 Rubik,system-ui,sans-serif !important; color:#fff !important; text-align:right;
}
#wcqv_contend .wc-pao-addon-name em.required,
#wcqv_contend .required{color:var(--q-sky);font-style:normal;margin-inline-start:2px;text-decoration:none;border:0}
#wcqv_contend .wc-pao-addon-wrap{margin:0 !important;padding:0 !important;width:100%}

/* Text fields, textareas, selects */
#wcqv_contend textarea,
#wcqv_contend input[type="text"],
#wcqv_contend input[type="url"],
#wcqv_contend input[type="email"],
#wcqv_contend input[type="tel"],
#wcqv_contend select{
  width:100% !important; max-width:none !important; margin:0 !important;
  border-radius:14px !important; border:1px solid rgba(255,255,255,.4) !important; /* ≥3:1 against the panel (WCAG 1.4.11) */
  background:rgba(255,255,255,.06) !important; color:#fff !important;
  font:400 15px/1.5 Rubik,system-ui,sans-serif !important;
  padding:13px 14px !important; box-shadow:none !important; outline:0;
  transition:border-color .2s,background .2s,box-shadow .2s;
  -webkit-appearance:none; appearance:none;
}
#wcqv_contend textarea{min-height:112px;resize:vertical}
#wcqv_contend textarea.yhqv-short{min-height:52px !important;height:52px;resize:none;overflow:hidden;white-space:nowrap}
#wcqv_contend select{
  min-height:52px; cursor:pointer; padding-inline-start:40px !important;
  background:rgba(255,255,255,.06) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9BFE6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat left 14px center/18px !important;
}
#wcqv_contend select option{color:#140A2E;background:#fff}
#wcqv_contend textarea::placeholder,#wcqv_contend input::placeholder{color:rgba(201,191,230,.7)}
#wcqv_contend textarea:hover,#wcqv_contend input[type="text"]:hover,#wcqv_contend select:hover{border-color:rgba(255,255,255,.6) !important}
#wcqv_contend textarea:focus,#wcqv_contend input[type="text"]:focus,#wcqv_contend input[type="url"]:focus,#wcqv_contend select:focus{
  border-color:var(--q-tq) !important; background:rgba(255,255,255,.09) !important;
  box-shadow:0 0 0 3px rgba(3,218,196,.28) !important;
}

/* Variations table → stacked fields */
#wcqv_contend table.variations{width:100%;margin:0 !important;border:0 !important;background:none !important;border-collapse:collapse}
#wcqv_contend table.variations tbody,#wcqv_contend table.variations tr{display:flex !important;flex-direction:column;gap:8px;border:0 !important;background:none !important;padding:0 !important}
#wcqv_contend table.variations tbody{gap:18px}
#wcqv_contend table.variations th,#wcqv_contend table.variations td{display:block !important;padding:0 !important;border:0 !important;background:none !important;text-align:right;line-height:1.4}
#wcqv_contend .reset_variations{display:none !important}
#wcqv_contend .single_variation .price{color:#fff !important;font:600 18px/1.3 Rubik,sans-serif}
#wcqv_contend .woocommerce-variation-availability p.stock.out-of-stock{margin:0 !important}
#wcqv_contend .single_variation:empty{display:none}

/* Checkbox (consent) → a full-width tappable card */
#wcqv_contend .wc-pao-addon-checkbox-group-required,
#wcqv_contend .wc-pao-addon-checkbox-group{display:flex;flex-direction:column;gap:8px}
#wcqv_contend .wc-pao-addon-checkbox-group-required label,
#wcqv_contend .wc-pao-addon-wrap label{
  display:flex !important; align-items:flex-start; gap:12px; margin:0 !important;
  padding:14px 16px; border-radius:16px; cursor:pointer;
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12);
  font:400 14.5px/1.6 Rubik,system-ui,sans-serif !important; color:var(--q-ink) !important;
  transition:background .2s,border-color .2s;
}
#wcqv_contend .wc-pao-addon-wrap label:hover{background:rgba(255,255,255,.09)}
#wcqv_contend .wc-pao-addon-wrap label:has(input:checked){border-color:rgba(3,218,196,.55);background:rgba(3,218,196,.08)}
#wcqv_contend input[type="checkbox"]{
  -webkit-appearance:none !important; appearance:none !important;
  width:24px !important; height:24px !important; min-width:24px; flex:none; margin:1px 0 0 !important; padding:0 !important;
  border-radius:8px !important; border:1.5px solid rgba(255,255,255,.6) !important;
  background:transparent !important; display:grid !important; place-items:center; cursor:pointer;
  transition:background .2s,border-color .2s;
}
#wcqv_contend input[type="checkbox"]:checked{
  background:var(--q-tq) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23140A2E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/16px no-repeat !important;
  border-color:var(--q-tq) !important;
}
#wcqv_contend input[type="checkbox"]:focus-visible{outline:2px solid var(--q-tq);outline-offset:2px}


/* Theme notices inside the popup */
/* The theme's own username notice: same behaviour, restyled in the cart's warning tone */
#wcqv_contend .notify_box,
#wcqv_contend .notify_box_quick_view{
  position:relative; width:auto !important; margin:0 !important; order:4;
  padding:11px 14px !important; padding-inline-end:46px !important;
  border-radius:14px !important; border:1px solid rgba(255,143,165,.5) !important;
  background:rgba(255,90,120,.12) !important; color:#FFD3DC !important;
}
#wcqv_contend .notify_box .content_box,
#wcqv_contend .notify_box_quick_view .content_box{font:400 13.5px/1.55 Rubik,sans-serif !important;color:#FFD3DC !important}
#wcqv_contend .woocommerce-error,
#wcqv_contend .validation_message:not(:empty){
  margin:0 !important; padding:12px 14px !important; list-style:none;
  border-radius:14px !important; border:1px solid rgba(255,143,165,.5) !important;
  background:rgba(255,90,120,.12) !important; color:#FFD3DC !important;
  font:500 14px/1.55 Rubik,sans-serif !important;
}
#wcqv_contend .woocommerce-error:before,#wcqv_contend .validation_message:before{display:none !important}
#wcqv_contend .wc-pao-addon-container > .notify_box,
#wcqv_contend .wc-pao-addon-container > .notify_box_quick_view{order:4}
#wcqv_contend .notify_message_close{
  position:absolute !important; top:4px !important; inset-inline-end:4px; left:4px !important; right:auto !important;
  background:transparent !important; border:0 !important; padding:0 !important; float:none !important; line-height:36px;
  width:36px; height:36px; border-radius:10px; display:grid; place-items:center;
  color:#FFD3DC !important; text-decoration:none !important; font:600 13px Rubik,sans-serif; cursor:pointer;
}
#wcqv_contend .notify_message_close:hover{background:rgba(255,255,255,.1)}

/* ---------- Bar: quantity + add to cart (sticky; JS groups the existing elements) ---------- */
.yhqv-bar{
  position:sticky; bottom:0; z-index:4;
  margin:6px calc(var(--q-pad) * -1) 0; padding:16px var(--q-pad) 22px;
  background:rgba(10,22,80,.72); border-top:1px solid var(--q-line);
  -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
  display:flex; flex-wrap:wrap; align-items:center; gap:12px;
}
#wcqv_contend .type-product{padding-bottom:0}
#wcqv_contend form.cart:not(:has(.yhqv-bar)){padding-bottom:26px !important}
.yhqv-bar > .quantity{flex:none}
.remodal #wcqv_contend .yhqv-bar > .single_add_to_cart_button{flex:1 1 200px;width:auto !important}
.yhqv-bar > .yhqv-more{flex:1 1 100%}
.yhqv-bar > .notify_box{flex:1 1 100%}

/* Quantity stepper (SMNTCS buttons are hidden by the theme — shown here) */
#wcqv_contend .quantity{
  display:inline-flex !important; align-items:stretch; flex-wrap:nowrap;
  height:48px; float:none !important; margin:0 !important;
  border-radius:14px; background:rgba(0,0,0,.25); border:1px solid rgba(255,255,255,.4); overflow:hidden;
}
#wcqv_contend .quantity.hidden{display:none !important}
.woocommerce .remodal #wcqv_contend .product form.cart .quantity input.minus.button,
.woocommerce .remodal #wcqv_contend .product form.cart .quantity input.plus.button,
.remodal #wcqv_contend .quantity input.minus,
.remodal #wcqv_contend .quantity input.plus{
  display:block !important; width:44px !important; height:100% !important; min-height:0 !important;
  margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important;
  background:transparent !important; color:var(--q-ink) !important; box-shadow:none !important;
  font:500 22px/1 Rubik,sans-serif !important; cursor:pointer; transition:background .2s;
}
.woocommerce .remodal #wcqv_contend .product form.cart .quantity input.button:hover,
.remodal #wcqv_contend .quantity input.minus:hover,
.remodal #wcqv_contend .quantity input.plus:hover{background:rgba(255,255,255,.1) !important}
.woocommerce .remodal #wcqv_contend .product form.cart .quantity input.button:disabled,
.remodal #wcqv_contend .quantity input.minus:disabled,
.remodal #wcqv_contend .quantity input.plus:disabled{opacity:.3;cursor:default;background:transparent !important}
.remodal #wcqv_contend .quantity input.qty{
  width:84px !important; height:100% !important; margin:0 !important; padding:0 4px !important;
  border:0 !important; border-inline:1px solid var(--q-line) !important; border-radius:0 !important;
  background:transparent !important; box-shadow:none !important; color:#fff !important;
  font:600 17px/1 Rubik,sans-serif !important; text-align:center; font-variant-numeric:tabular-nums;
  -moz-appearance:textfield;
}
#wcqv_contend .quantity input.qty::-webkit-outer-spin-button,
#wcqv_contend .quantity input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#wcqv_contend .quantity input:focus-visible{outline:2px solid var(--q-tq) !important;outline-offset:-2px}
#wcqv_contend .quantity:has(input.qty[aria-invalid="true"]){border-color:var(--q-err-line)}

/* Primary button, cart icon before the text */
.woocommerce .remodal #wcqv_contend .product form.cart .single_add_to_cart_button.button,
.remodal #wcqv_contend .single_add_to_cart_button{
  position:relative; width:100% !important; height:56px; min-height:56px;
  margin:0 !important; padding:0 24px !important; float:none !important;
  display:flex !important; align-items:center; justify-content:center; gap:10px;
  border:0 !important; border-radius:17px !important;
  background:var(--q-tq) !important; color:var(--q-night) !important;
  font:600 17px/1 Rubik,system-ui,sans-serif !important; letter-spacing:0; text-transform:none;
  box-shadow:0 14px 28px -12px rgba(3,218,196,.7),inset 0 1px 0 rgba(255,255,255,.45) !important;
  cursor:pointer; transition:transform .3s var(--q-ease),background .25s,box-shadow .3s;
}
.remodal #wcqv_contend .single_add_to_cart_button:before{
  content:""; width:22px; height:22px; flex:none; background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:transform .35s var(--q-ease);
}
.woocommerce .remodal #wcqv_contend .product form.cart .single_add_to_cart_button.button:hover,
.remodal #wcqv_contend .single_add_to_cart_button:hover{
  background:var(--q-tq-hi) !important; color:var(--q-night) !important; transform:translateY(-2px);
  box-shadow:0 18px 32px -12px rgba(3,218,196,.85),inset 0 1px 0 rgba(255,255,255,.45) !important;
}
.remodal #wcqv_contend .single_add_to_cart_button:hover:before{transform:translateX(-3px)}
.remodal #wcqv_contend .single_add_to_cart_button:active{transform:translateY(0) scale(.985)}
.remodal #wcqv_contend .single_add_to_cart_button:focus-visible{outline:2px solid #fff !important;outline-offset:3px}
.remodal #wcqv_contend .single_add_to_cart_button.disabled,
.remodal #wcqv_contend .single_add_to_cart_button:disabled{opacity:.45 !important;cursor:not-allowed;transform:none;box-shadow:none !important}
@keyframes yhqvSpin{to{transform:rotate(360deg)}}

/* Secondary link */
.yhqv-more{
  display:flex; align-items:center; justify-content:center; gap:6px; min-height:44px;
  margin:-2px auto 0; padding:0 14px; border-radius:12px;
  font:500 14.5px/1 Rubik,sans-serif; color:var(--q-dim) !important; text-decoration:none !important;
  transition:color .2s,background .2s;
}
.yhqv-more:after{
  content:""; width:16px; height:16px; background:currentColor; transition:transform .3s var(--q-ease);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;
}
.yhqv-more:hover{color:#fff !important;background:rgba(255,255,255,.07)}
.yhqv-more:hover:after{transform:translateX(-3px)}
.yhqv-more:focus-visible{outline:2px solid var(--q-tq);outline-offset:2px}
.yhqv-solo{padding:4px var(--q-pad) 22px}

/* Content entrance */
.remodal:has(#wcqv_contend).remodal-is-opening #wcqv_contend .type-product > *,
#wcqv_contend.is-swap .type-product > *{animation:yhqvRise .5s var(--q-ease) both}
#wcqv_contend .summary-content > h1{animation-delay:40ms}
#wcqv_contend .summary-content > form{animation-delay:90ms}
@keyframes yhqvRise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ---------- Trigger loading state (the plugin appends .spinner while AJAX loads) ---------- */
.quick_view{position:relative}
.quick_view:has(.spinner){color:transparent !important}
.quick_view .spinner{
  position:absolute !important; inset:0 !important; width:auto !important; height:auto !important;
  background:none !important; display:grid; place-items:center;
}
.quick_view .spinner:after{
  content:""; width:18px; height:18px; border-radius:50%;
  border:2.5px solid rgba(63,5,146,.25); border-top-color:#3F0592;
  animation:yhqvSpin .7s linear infinite;
}
.quick_view .spinner ~ .spinner{display:none !important}
.quick_view:focus-visible{outline:2px solid #3F0592;outline-offset:3px}


/* ---------- Mobile: bottom sheet ---------- */
@media (max-width:640px){
  .remodal-wrapper:has(#wcqv_contend){padding:0 !important;--q-pad:18px}
  .remodal-wrapper:has(#wcqv_contend).remodal-is-opening,
  .remodal-wrapper:has(#wcqv_contend).remodal-is-opened,
  .remodal-wrapper:has(#wcqv_contend).remodal-is-closing{place-items:end stretch}
  .remodal:has(#wcqv_contend){
    width:100% !important; max-height:92dvh !important;
    border-radius:28px 28px 0 0; border-bottom:0;
  }
  .remodal:has(#wcqv_contend):before{
    content:""; display:block; flex:none; width:44px; height:5px; border-radius:3px;
    background:rgba(255,255,255,.28); margin:10px auto 0;
  }
  .remodal:has(#wcqv_contend).remodal-is-opening{animation:yhqvSheetIn .5s var(--q-ease) both !important}
  .remodal:has(#wcqv_contend).remodal-is-closing{animation:yhqvSheetOut .28s ease-in both !important}
  .remodal:has(#wcqv_contend) > .remodal-close{top:16px !important;inset-inline-end:14px !important}
  #wcqv_contend .type-product{grid-template-columns:60px minmax(0,1fr);column-gap:14px;padding-top:14px}
  #wcqv_contend .images{width:60px !important;height:60px;border-radius:17px}
  #wcqv_contend h1.product_title{font-size:19px !important}
  #wcqv_contend form.cart{margin-top:20px !important}
  .yhqv-bar{padding-bottom:calc(16px + env(safe-area-inset-bottom));gap:10px 12px}
  .remodal #wcqv_contend .quantity input.qty{width:72px !important}
  #wcqv_contend textarea,#wcqv_contend input[type="text"],#wcqv_contend select{font-size:16px !important} /* no iOS zoom */
}
@keyframes yhqvSheetIn{from{transform:translateY(100%)}to{transform:none}}
@keyframes yhqvSheetOut{to{transform:translateY(100%)}}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .remodal:has(#wcqv_contend).remodal-is-opening{animation:yhqvFade .15s linear both !important}
  .remodal:has(#wcqv_contend).remodal-is-closing{animation:yhqvFade .12s linear reverse both !important}
  #wcqv_contend .type-product > *{animation:none !important}
  .remodal:has(#wcqv_contend) > .remodal-close:hover,
  .remodal #wcqv_contend .single_add_to_cart_button:hover,
  .remodal #wcqv_contend .single_add_to_cart_button:hover:before,.yhqv-more:hover:after{transform:none}
  .quick_view .spinner:after{animation-duration:1.6s}
}
@keyframes yhqvFade{from{opacity:0}to{opacity:1}}

/* ---------- While the popup is open, the UserWay button moves to the top corner (same as the cart) ---------- */
html:has(.remodal-wrapper.remodal-is-opened #wcqv_contend) .uwy .userway_buttons_wrapper,
html:has(.remodal-wrapper.remodal-is-opened #wcqv_contend) .uwy .uai,
html:has(.remodal-wrapper.remodal-is-opened #wcqv_contend) #userwayAccessibilityIcon{
  top:20px !important; bottom:auto !important; left:auto !important; right:20px !important;
}