/* =========================================================
   Product Detail Page
========================================================= */
.detail-layout{display:grid;grid-template-columns:minmax(0,50%) minmax(360px,50%);gap:52px;align-items:start}
.product-gallery{display:block}
.gallery-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:16px}
.gallery-frame{background:var(--color-light);overflow:hidden;border:1px solid var(--color-line);margin:0}
.gallery-frame img{width:100%;aspect-ratio:1/1.18;object-fit:cover;transition:transform .45s ease}
.gallery-frame:hover img{transform:scale(1.025)}
.gallery-frame--wide{grid-column:1/-1}
.gallery-frame--wide img{aspect-ratio:1.9/1;object-fit:cover}

.gallery-swipe-hint{display:none;margin-top:10px;text-align:center;font-size:12px;letter-spacing:1.1px;text-transform:uppercase;color:var(--color-muted)}
.product-info{padding-top:8px;position:sticky;top:112px;background:var(--color-white);z-index:2}
.product-info__brand{font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:var(--color-muted);margin-bottom:12px}
.product-info h1{font-family:var(--font-title);font-size:42px;line-height:1.15;font-weight:400;margin:0 0 14px}
.review-line{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px;color:var(--color-muted);font-size:13px}
.detail-price{font-size:26px;font-weight:700;margin-bottom:20px}
.detail-price .old-price{font-size:16px}

/* Purchase activity and live visitor tips */
.purchase-activity{
  display:grid;
  gap:10px;
  margin:0 0 20px;
}
.purchase-activity__tip{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:12px;
  align-items:flex-start;
  padding:13px 14px;
  border:1px solid var(--color-line);
  background:linear-gradient(135deg,#fff 0%,var(--color-light) 100%);
  color:var(--color-muted);
}
.purchase-activity__tip strong{
  display:block;
  margin-bottom:4px;
  font-size:12px;
  letter-spacing:1.4px;
  text-transform:uppercase;
  color:var(--color-ink);
}
.purchase-activity__tip p{
  margin:0;
  font-size:13px;
  line-height:1.55;
}
.purchase-activity__tip b{
  color:var(--color-ink);
  font-weight:600;
}
.purchase-activity__icon{
  width:30px;
  height:30px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--color-ink);
  color:var(--color-white);
  font-size:14px;
  line-height:1;
}
.purchase-activity__pulse{
  width:30px;
  height:30px;
  border-radius:50%;
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border:1px solid var(--color-line);
}
.purchase-activity__pulse::before{
  content:"";
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--color-accent);
  box-shadow:0 0 0 0 rgba(198,139,129,.42);
  animation:viewerPulse 0.8s infinite;
}
@keyframes viewerPulse{
  0%{box-shadow:0 0 0 0 rgba(198,139,129,.42)}
  70%{box-shadow:0 0 0 9px rgba(198,139,129,0)}
  100%{box-shadow:0 0 0 0 rgba(198,139,129,0)}
}
.option-block{border-top:1px solid var(--color-line);padding:22px 0}
.option-title{display:flex;justify-content:space-between;gap:14px;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:14px}
.size-options,.scent-options{display:flex;flex-wrap:wrap;gap:10px}
.option-pill{min-width:78px;height:42px;border:1px solid var(--color-line);background:var(--color-white);display:inline-flex;align-items:center;justify-content:center;padding:0 16px;color:var(--color-muted);transition:var(--transition)}
.option-pill.active,.option-pill:hover{border-color:var(--color-ink);color:var(--color-ink)}
.qty-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
.qty{display:flex;border:1px solid var(--color-line);height:48px}
.qty button{ flex: 1; border:0;background:var(--color-white);font-size:18px;color:var(--color-ink)}
.qty input{width:58px;border:0;text-align:center;outline:0;color:var(--color-ink)}
.add-row{display:grid;grid-template-columns:1fr 58px;gap:12px;margin-bottom:14px}
.secure-note{display:grid;gap:8px;background:var(--color-light);padding:18px;color:var(--color-muted);font-size:13px;line-height:1.6}
.desc-tabs{margin-top:30px;border-top:1px solid var(--color-line)}
.tab-item{border-bottom:1px solid var(--color-line)}
.tab-trigger{width:100%;border:0;background:var(--color-white);display:flex;justify-content:space-between;align-items:center;gap:18px;padding:21px 0;font-size:13px;letter-spacing:1.6px;text-transform:uppercase;color:var(--color-ink);text-align:left}
.tab-trigger span{transition:var(--transition)}
.tab-item.active .tab-trigger span{transform:rotate(45deg)}
.tab-panel{display:none;padding:0 0 24px;color:var(--color-muted);line-height:1.85}
.tab-item.active .tab-panel{display:block}
.note-table{display:grid;grid-template-columns:130px minmax(0,1fr);gap:0;border:1px solid var(--color-line);font-size:14px}
.note-table div{padding:12px 14px;border-bottom:1px solid var(--color-line);min-width:0;word-break:break-word}
.note-table div:nth-child(odd){background:var(--color-light);color:var(--color-ink)}
.note-table div:nth-last-child(-n+2){border-bottom:0}
.attribute-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.attribute-card{border:1px solid var(--color-line);background:var(--color-white);padding:14px}
.attribute-card strong{display:block;font-size:12px;letter-spacing:1.3px;text-transform:uppercase;color:var(--color-ink);margin-bottom:6px}
.attribute-card span{font-size:14px;color:var(--color-muted);line-height:1.6}
.faq-list{display:grid;gap:12px}
.faq-item{background:var(--color-light);padding:15px 16px}
.faq-item strong{display:block;color:var(--color-ink);margin-bottom:7px}
.faq-item p{margin:0;color:var(--color-muted);line-height:1.7}
.detail-story{margin-top:76px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;background:var(--color-light)}
.detail-story img{height:420px;width:100%;object-fit:cover}
.detail-story__copy{padding:30px 44px}
.detail-story__copy h2{font-family:var(--font-title);font-size:36px;font-weight:400;margin:0 0 16px}
.detail-story__copy p{color:var(--color-muted);line-height:1.85;margin:0}
.reviews-section{padding-top:72px}
.reviews-summary{display:grid;grid-template-columns:280px minmax(0,1fr);gap:34px;align-items:start;background:var(--color-light);padding:28px;margin-bottom:28px}
.rating-big{font-family:var(--font-title);font-size:52px;line-height:1;margin-bottom:8px}
.rating-bars{display:grid;gap:10px}
.rating-bar{display:grid;grid-template-columns:58px minmax(0,1fr) 42px;gap:10px;align-items:center;font-size:13px;color:var(--color-muted)}
.rating-track{height:6px;background:var(--color-line);overflow:hidden}.rating-track span{display:block;height:100%;background:var(--color-accent)}
.review-list{display:grid;gap:22px}
.review-card{border:1px solid var(--color-line);background:var(--color-white);padding:22px}
.review-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}
.reviewer{display:flex;align-items:center;gap:12px;min-width:0}
.avatar{width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--color-soft);color:var(--color-accent-dark);font-weight:700;letter-spacing:1px;flex:0 0 auto;overflow:hidden}
.avatar img{width:100%;height:100%;object-fit:cover}
.reviewer strong{display:block;font-size:14px;color:var(--color-ink);margin-bottom:4px}
.reviewer span,.review-date{font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:var(--color-muted)}
.review-card p{color:var(--color-muted);line-height:1.8;margin:0 0 14px}
.review-images{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 0}
.review-images img{width:88px;height:88px;object-fit:cover;border:1px solid var(--color-line);background:var(--color-light)}
.admin-reply{margin-top:16px;background:var(--color-light);padding:14px 16px;color:var(--color-muted);line-height:1.75;border-left:3px solid var(--color-accent)}
.admin-reply strong{display:block;color:var(--color-ink);font-size:12px;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:5px}
.related-section{padding-top:72px}


/* Mobile / iPad horizontal gallery
   PC: all images show in a grid.
   Tablet and phone: images become a left-right swipe gallery. */
@media (max-width:1200px){
  .product-gallery{width:100%;max-width:100%;overflow:hidden}
  .gallery-grid{
    display:flex;
    grid-template-columns:none;
    gap:14px;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
    scroll-padding-left:0;
    padding-bottom:10px;
    overscroll-behavior-x:contain;
  }
  .gallery-grid::-webkit-scrollbar{height:3px}
  .gallery-grid::-webkit-scrollbar-track{background:var(--color-light)}
  .gallery-grid::-webkit-scrollbar-thumb{background:var(--color-line)}
  .gallery-frame,
  .gallery-frame--wide{
    flex:0 0 min(72vw,560px);
    width:min(72vw,560px);
    grid-column:auto;
    scroll-snap-align:start;
  }
  .gallery-frame img,
  .gallery-frame--wide img{
    aspect-ratio:1/1.12;
    height:auto;
    object-fit:cover;
  }
  .gallery-swipe-hint{display:block}
}

@media (max-width:640px){
  .gallery-grid{gap:12px;margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}
  .gallery-frame,
  .gallery-frame--wide{
    flex-basis:86vw;
    width:86vw;
  }
  .gallery-frame img,
  .gallery-frame--wide img{aspect-ratio:1/1.08}
}


/* Mobile / iPad sticky purchase bar */
.mobile-sticky-buy{display:none}
@media (max-width:1200px){
  .product-detail-page{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
  .mobile-sticky-buy{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:120;
    display:grid;
    gap:10px;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.97);
    border-top:1px solid var(--color-line);
    box-shadow:0 -10px 26px rgba(0,0,0,.08);
    backdrop-filter:saturate(160%) blur(12px);
  }
  .mobile-sticky-buy .btn{
    width:100%;
    height:50px;
    margin:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
  }
  .mobile-sticky-buy__entry{
    height:50px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    color:var(--color-ink);
    text-decoration:none;
    border:1px solid var(--color-line);
    background:var(--color-white);
    font-size:11px;
    letter-spacing:.8px;
    text-transform:uppercase;
  }
  .mobile-sticky-buy__entry-icon{
    font-size:18px;
    line-height:1;
  }
  .mobile-sticky-buy__wa{
    background:var(--color-white);
    color:var(--color-ink);
    border:1px solid var(--color-ink);
  }
  .mobile-sticky-buy__buy{
    background:var(--color-ink);
    color:var(--color-white);
    border:1px solid var(--color-ink);
  }
}
@media (max-width:420px){
  .mobile-sticky-buy{grid-template-columns:60px 1fr 1fr;padding-left:10px;padding-right:10px;gap:8px}
  .mobile-sticky-buy .btn{height:48px;font-size:12px;letter-spacing:1px}
  .mobile-sticky-buy__entry{height:48px;font-size:10px}
  .mobile-sticky-buy__entry-icon{font-size:17px}
}
@media (max-width:340px){
  .mobile-sticky-buy{grid-template-columns:54px 1fr 1fr;gap:6px}
  .mobile-sticky-buy .btn{font-size:11px;letter-spacing:.6px}
}

@media (max-width:640px){
  .purchase-activity{margin-bottom:18px}
  .purchase-activity__tip{grid-template-columns:30px minmax(0,1fr);padding:12px}
  .purchase-activity__icon,.purchase-activity__pulse{width:28px;height:28px}
  .purchase-activity__tip p{font-size:12px}
}


/* =========================================================
   Wholesale Product Detail Version
========================================================= */
.wholesale-price-box{border:1px solid var(--color-line);background:linear-gradient(135deg,var(--color-white),var(--color-light));padding:18px 20px;margin:20px 0}.wholesale-price-box div{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.wholesale-price-box strong{font-size:36px;font-family:var(--font-title);font-weight:400;color:var(--color-ink)}.wholesale-price-box em{font-style:normal;color:var(--color-muted)}.wholesale-price-label{font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:var(--color-accent-dark);width:100%}.wholesale-price-box p{margin:6px 0 0;color:var(--color-muted);font-size:13px;line-height:1.6}.wholesale-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 22px}.wholesale-summary-grid div{border:1px solid var(--color-line);background:var(--color-white);padding:14px;min-width:0}.wholesale-summary-grid strong{display:block;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:6px;color:var(--color-ink)}.wholesale-summary-grid span{font-size:13px;line-height:1.55;color:var(--color-muted)}.wholesale-tier-box,.wholesale-inquiry-card{border:1px solid var(--color-line);background:var(--color-light);padding:20px;margin:0 0 22px}.wholesale-box-head h2{font-family:var(--font-title);font-size:28px;line-height:1.15;font-weight:400;margin:0 0 8px}.wholesale-box-head p:not(.eyebrow){color:var(--color-muted);font-size:13px;line-height:1.65;margin:0 0 16px}.tier-table{display:grid;border:1px solid var(--color-line);background:var(--color-white);font-size:13px}.tier-table>div{display:grid;grid-template-columns:1fr 1fr 1.4fr}.tier-table>div>*{padding:12px 13px;border-right:1px solid var(--color-line);border-bottom:1px solid var(--color-line);min-width:0}.tier-table>div>*:last-child{border-right:0}.tier-table>div:last-child>*{border-bottom:0}.tier-table>div:first-child{background:var(--color-ink);color:var(--color-white);font-size:11px;letter-spacing:1.3px;text-transform:uppercase}.wholesale-main-quote{width:100%;margin-bottom:16px}.wholesale-add-row{grid-template-columns:1fr 58px}.wholesale-secure-note{grid-template-columns:1fr 1fr}.inquiry-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.inquiry-grid input,.inquiry-grid textarea{width:100%;min-width:0;border:1px solid var(--color-line);background:var(--color-white);padding:0 12px;min-height:44px;color:var(--color-ink);outline:0}.inquiry-grid textarea{grid-column:1/-1;min-height:92px;padding:12px;resize:vertical}.wholesale-inquiry-card .btn{width:100%}.wholesale-detail-story{background:linear-gradient(135deg,var(--color-light),var(--color-soft))}.wholesale-product-grid .quick-add{font-size:11px}.wholesale-mobile-sticky{grid-template-columns:68px 1fr 1fr}.mobile-sticky-buy .mobile-sticky-buy__buy{text-decoration:none}
@media (max-width:640px){.wholesale-price-box{padding:16px}.wholesale-price-box strong{font-size:31px}.wholesale-summary-grid{grid-template-columns:1fr}.wholesale-tier-box,.wholesale-inquiry-card{padding:16px}.tier-table>div{grid-template-columns:1fr}.tier-table>div>*{border-right:0}.tier-table>div:not(:last-child)>*:last-child{border-bottom:1px solid var(--color-line)}.tier-table>div:first-child{display:none}.tier-table span:nth-child(1)::before{content:'Quantity: ';font-weight:700;color:var(--color-ink)}.tier-table span:nth-child(2)::before{content:'Unit Price: ';font-weight:700;color:var(--color-ink)}.tier-table span:nth-child(3)::before{content:'Note: ';font-weight:700;color:var(--color-ink)}.wholesale-secure-note{grid-template-columns:1fr}.inquiry-grid{grid-template-columns:1fr}.wholesale-box-head h2{font-size:25px}.wholesale-mobile-sticky{grid-template-columns:60px 1fr 1fr}.wholesale-mobile-sticky .btn{font-size:11px;letter-spacing:.8px}}


/* =========================================================
   Wholesale Quote Action With Quantity On The Left
========================================================= */
.wholesale-quote-action{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  align-items:stretch;
  margin:0 0 8px;
}
.quote-qty--detail{
  height:52px;
  width:100%;
}
.quote-qty--detail .quote-qty__btn{
  width:42px;
  height:50px;
  font-size:18px;
}
.quote-qty--detail .quote-qty__input{
  width:58px;
  font-size:15px;
}
.wholesale-add-quote-btn{height:52px;width:100%}
.wholesale-qty-note{display:block;margin:0 0 16px;font-size:13px;line-height:1.55}
.related-section .wholesale-product-card .product-card__actions,
.related-section .wholesale-product-card:hover .product-card__actions{
  opacity:1;
  transform:none;
}
.wholesale-mobile-sticky--qty{grid-template-columns:58px 88px 1fr 1fr}
.quote-qty--mobile{
  height:50px;
  min-width:0;
}
.quote-qty--mobile .quote-qty__btn{width:24px;height:48px;font-size:16px}
.quote-qty--mobile .quote-qty__value{width:32px;font-size:12px}
@media (max-width:640px){
  .wholesale-quote-action{grid-template-columns:1fr;gap:10px;}
  .quote-qty--detail{height:48px}
  .quote-qty--detail .quote-qty__btn{width:34px;height:46px}
  .quote-qty--detail .quote-qty__input{width:48px;font-size:14px}
  .wholesale-add-quote-btn{height:48px;font-size:12px;letter-spacing:1px}
  .wholesale-mobile-sticky--qty{grid-template-columns:54px 82px 1fr 1fr;gap:7px}
  .quote-qty--mobile{height:48px}
  .quote-qty--mobile .quote-qty__btn{width:22px;height:46px;font-size:15px}
  .quote-qty--mobile .quote-qty__value{width:30px;font-size:12px}
}
@media (max-width:380px){
  .wholesale-mobile-sticky--qty{grid-template-columns:50px 74px 1fr 1fr;gap:6px;padding-left:8px;padding-right:8px}
  .quote-qty--mobile .quote-qty__btn{width:20px}
  .quote-qty--mobile .quote-qty__value{width:28px;font-size:11px}
  .wholesale-mobile-sticky--qty .btn{font-size:10px;letter-spacing:.4px}
}



.wishlist-toggle-btn{ height: 52px; width: 52px;;}

/* =========================================================
   Sticky Action Bar – 走出可视区后固定右侧
========================================================= */
.wholesale-quote-action.is-pinned{
  position:fixed !important;
  z-index:99;
  background:var(--color-white);
  padding:12px 16px;
  border:1px solid var(--color-line);
  border-radius:8px;
  box-shadow:0 4px 20px rgba(0,0,0,.08);
  margin:0;
  align-items:center;
}



/* =========================================================
   Wholesale Product List Version
========================================================= */
.wholesale-list-banner .page-banner__content{max-width:560px}
.wholesale-list-banner .page-banner__content h1{max-width:520px}
.wholesale-buyer-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:-12px 0 34px;background:var(--color-line);border:1px solid var(--color-line)}
.wholesale-buyer-path div{background:var(--color-white);padding:18px 20px;min-width:0}
.wholesale-buyer-path strong{display:block;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--color-ink);margin-bottom:6px}
.wholesale-buyer-path span{display:block;color:var(--color-muted);font-size:13px;line-height:1.55}
.filter-note{margin:10px 0 0;color:var(--color-muted);font-size:12px;line-height:1.6}
.wholesale-info-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--color-line);background:var(--color-light)}
.wholesale-info-strip div{padding:18px 18px;border-right:1px solid var(--color-line);min-width:0}
.wholesale-info-strip div:last-child{border-right:0}
.wholesale-info-strip strong{display:block;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--color-ink);margin-bottom:6px}
.wholesale-info-strip span{display:block;font-size:13px;line-height:1.55;color:var(--color-muted)}
.bulk-action-band{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px;background:var(--color-ink);color:var(--color-white);padding:20px 22px}
.bulk-action-band strong{display:block;font-family:var(--font-title);font-size:24px;font-weight:400;margin-bottom:5px}
.bulk-action-band span{display:block;color:rgba(255,255,255,.78);font-size:14px;line-height:1.65}.bulk-action-band .btn{background:var(--color-white);color:var(--color-ink);border-color:var(--color-white);white-space:nowrap}.bulk-action-band .btn:hover{background:transparent;color:var(--color-white)}
.wholesale-product-card .product-card__body{padding-top:16px}.wholesale-price-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 7px;margin-bottom:10px}.wholesale-price-line .price{font-size:17px}.wholesale-price-line .unit{font-size:12px;color:var(--color-muted)}.wholesale-price-line .old-price{font-size:12px;margin-left:4px}.wholesale-card-meta{display:grid;gap:6px;margin:10px 0 12px}.wholesale-card-meta span{display:inline-flex;align-items:center;min-height:28px;padding:6px 9px;background:var(--color-light);border:1px solid var(--color-line);font-size:12px;color:var(--color-muted);line-height:1.3}.quote-link{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:38px;border:1px solid var(--color-ink);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--color-ink);transition:var(--transition)}.quote-link:hover{background:var(--color-ink);color:var(--color-white)}.wholesale-copy h2{max-width:720px}
@media (max-width:1200px){.wholesale-buyer-path{grid-template-columns:repeat(2,minmax(0,1fr))}.wholesale-info-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.wholesale-info-strip div:nth-child(2){border-right:0}.wholesale-info-strip div:nth-child(-n+2){border-bottom:1px solid var(--color-line)}}
@media (max-width:640px){.wholesale-buyer-path{grid-template-columns:1fr;margin-top:-8px}.wholesale-buyer-path div{padding:15px 16px}.wholesale-info-strip{grid-template-columns:1fr}.wholesale-info-strip div{border-right:0;border-bottom:1px solid var(--color-line);padding:15px 14px}.wholesale-info-strip div:last-child{border-bottom:0}.bulk-action-band{align-items:flex-start;flex-direction:column;padding:18px 16px}.bulk-action-band strong{font-size:22px}.bulk-action-band .btn{width:100%}.wholesale-price-line .price{font-size:15px}.wholesale-card-meta span{font-size:11px}.quote-link{font-size:10px;letter-spacing:1px}}


/* =========================================================
   Wholesale Always-visible Quote Quantity Controls
========================================================= */
.wholesale-product-card .product-card__actions,
.wholesale-product-card:hover .product-card__actions{
  opacity:1;
  transform:none;
}
.quote-card-actions{
  align-items:center;
  gap:8px;
  background:rgba(255,255,255,.94);
  padding:8px;
  border:1px solid rgba(236,226,222,.92);
  box-shadow:0 10px 26px rgba(31,31,31,.08);
}
.quote-qty{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--color-line);
  background:var(--color-white);
  min-width:0;
}
.quote-qty__btn{
  border:0;
  background:transparent;
  color:var(--color-ink);
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:var(--transition);
}
.quote-qty__btn:hover{background:var(--color-ink);color:var(--color-white)}
.quote-qty__value,
.quote-qty__input{
  border:0;
  text-align:center;
  color:var(--color-ink);
  background:transparent;
  font-weight:600;
  outline:0;
  min-width:0;
}
.quote-qty--card{height:38px;flex:0 0 96px}
.quote-qty--card .quote-qty__btn{width:28px;height:36px;font-size:16px}
.quote-qty--card .quote-qty__value{width:38px;font-size:13px}
.quote-card-actions .quick-add{
  height:38px;
  min-width:0;
  padding:0 10px;
  cursor:pointer;
}
@media (max-width:900px){
  .quote-card-actions{left:10px;right:10px;bottom:10px;padding:7px;gap:7px}
  .quote-qty--card{flex-basis:88px;height:36px}
  .quote-qty--card .quote-qty__btn{width:26px;height:34px}
  .quote-qty--card .quote-qty__value{width:34px;font-size:12px}
  .quote-card-actions .quick-add{height:36px;font-size:10px;letter-spacing:.8px}
}
@media (max-width:420px){
  .quote-card-actions{left:8px;right:8px;bottom:8px;gap:6px;padding:6px}
  .quote-qty--card{flex-basis:80px;height:34px}
  .quote-qty--card .quote-qty__btn{width:23px;height:32px;font-size:15px}
  .quote-qty--card .quote-qty__value{width:32px;font-size:12px}
  .quote-card-actions .quick-add{height:34px;font-size:9px;letter-spacing:.5px;padding:0 6px}
}
/****/
.product-card__body{ padding: 14px 0 !important;}