/* Static CFP styles — extracted from call-for-price.liquid bottom <style> block.
   No Liquid variables here, safe as static asset. */
.installments:not(:has(shopify-payment-terms)),
.product-grid-view-zoom-out--details {
  display: block !important;
}

.product-grid-view-zoom-out--details > h1,
.product-grid-view-zoom-out--details > h2,
.product-grid-view-zoom-out--details > h3,
.product-grid-view-zoom-out--details > h4 {
  display: none !important;
}

/* ─── Sticky Quote Widget — Style 2 (vertical text tab) ──────────────────── */
/* Scoped to .sb_quote_stickybtn--style2 so Style 1 is never affected.
   Double-class selector raises specificity to (0,2,0) so it wins over the
   (0,1,0) rule `.sb_quote_stickybtn{position:relative!important}` that
   injectStyles() appends at runtime when the form panel opens.               */
.sb_quote_stickybtn.sb_quote_stickybtn--style2 {
  position: fixed !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 99999 !important;
  width: auto !important;
  height: auto !important;
  background: var(--sb-bg, #ff6b35) !important;
  color: var(--sb-fg, #ffffff) !important;
  font-size: var(--sb-fs, 14px) !important;
  font-weight: 600;
  padding: 14px 8px !important;
  cursor: pointer;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  overflow: visible;
  border: none;
  line-height: 1;
}
.sb_quote_stickybtn--style2.sb-side-right {
  right: 0 !important;
  left: auto !important;
  border-radius: 6px 0 0 6px !important;
}
.sb_quote_stickybtn--style2.sb-side-left {
  left: 0 !important;
  right: auto !important;
  border-radius: 0 6px 6px 0 !important;
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.18) !important;
}
.sb_quote_stickybtn--style2:hover {
  transform: translateY(-50%) translateX(-2px) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.28) !important;
}
.sb_quote_stickybtn--style2.sb-side-left:hover {
  transform: translateY(-50%) translateX(2px) !important;
}
/* Hide-when-basket-empty toggle (replaces the legacy inline rule for Style 2) */
.sb_quote_stickybtn--style2.sb-cfp2-widget-hidden {
  display: none !important;
}
.sb_quote_stickybtn--style2 .sb_quote_stickybtn__text {
  order: 1;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  letter-spacing: 0.5px;
  white-space: nowrap;
  pointer-events: none;
}
.sb_quote_stickybtn--style2 .sb_quote_stickybtn__icon {
  order: 2;
  display: block;
  line-height: 0;
  pointer-events: none;
}
.sb_quote_stickybtn--style2 .sb_quote_stickybtn__icon svg {
  width: 1.6em;
  height: 1.6em;
  display: block;
  fill: currentColor;
  transform: rotate(-90deg);
}
.sb_quote_stickybtn--style2.sb_quote_stickybtn--noicon {
  padding: 16px 8px !important;
}
/* Badge — available from page load (injectStyles only runs on first form open).
   Specificity (1,2,0) beats the injectStyles rule (1,1,0) for Style 2 buttons. */
.sb_quote_stickybtn.sb_quote_stickybtn--style2 #sb-cfp2-basket-badge {
  position: absolute !important;
  top: -7px !important;
  left: -7px !important;
  right: auto !important;
  min-width: 18px;
  height: 18px;
  background: #EF4444;
  color: #fff;
  border-radius: 9px;
  font-size: 10px;
  font-weight: 700;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  line-height: 1;
  pointer-events: none;
}
/* Left-side Style 2: badge protrudes right into viewport */
.sb_quote_stickybtn.sb_quote_stickybtn--style2.sb-side-left #sb-cfp2-basket-badge {
  left: auto !important;
  right: -7px !important;
}
@media (max-width: 600px) {
  .sb_quote_stickybtn--style2 {
    padding: 10px 5px !important;
    font-size: calc(var(--sb-fs, 14px) - 2px) !important;
    /* icon inherits em from the reduced font-size automatically */
  }
}