/* Product page (B2B) */
.single-product { --pp-ink: var(--sy-ink, #263653); --pp-muted: var(--sy-muted, #59677a); --pp-line: var(--sy-line, #d9e0e6); --pp-navy: var(--sy-navy, #283951); }

/* Quote journey steps */
.sy-pp-steps { display: flex; flex-wrap: wrap; gap: 8px 28px; align-items: center; list-style: none; margin: 0 0 30px; padding: 16px 0; border-bottom: 1px solid var(--pp-line); font-size: 13.5px; color: var(--pp-muted); }
.sy-pp-steps li { display: inline-flex; align-items: center; gap: 10px; }
.sy-pp-steps li span { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid var(--pp-line); border-radius: 50%; font-size: 11px; }
.sy-pp-steps li.is-current { color: var(--pp-ink); }
.sy-pp-steps li.is-current span { background: var(--pp-navy); border-color: var(--pp-navy); color: #fff; }
.sy-pp-steps li + li::before { content: ""; width: 26px; height: 1px; background: var(--pp-line); margin-right: 18px; }
.sy-pp-steps__or { margin-left: auto; color: #1e5c3a !important; }
.sy-pp-steps__or::before { display: none !important; }

/* Summary */
.single-product .product .summary .ct-breadcrumbs { font-size: 11px; letter-spacing: .08em; margin-bottom: 18px; }
.sy-pp-kicker { margin: 0 0 14px; font-size: 12px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: var(--pp-muted); }
.single-product .product .summary .product_title { font-size: clamp(32px, 3.6vw, 50px); font-weight: 400; letter-spacing: -.03em; line-height: 1.08; margin-bottom: 18px; }
.single-product .product .summary .woocommerce-product-details__short-description { color: var(--pp-muted); font-size: 16.5px; line-height: 1.7; }
.single-product .product .summary .price { margin: 4px 0 18px; font-size: 22px; color: var(--pp-ink); }
.single-product .product .summary .sy-unlock { margin: 2px 0 16px; }
.sy-pp-specs { margin: 18px 0 24px; border-top: 1px solid var(--pp-line); }
.sy-pp-specs > div { display: grid; grid-template-columns: minmax(110px, 36%) 1fr; gap: 16px; padding: 13px 0; border-bottom: 1px solid var(--pp-line); font-size: 14.5px; }
.sy-pp-specs dt { color: var(--pp-muted); }
.sy-pp-specs dd { margin: 0; color: var(--pp-ink); }

/* Actions */
.single-product .product .summary form.cart { margin: 0 0 12px; display: flex; gap: 10px; }
.single-product .product .summary form.cart .quantity input { height: 52px; border-radius: var(--sy-radius, 2px); }
.single-product .product .summary .single_add_to_cart_button { flex: 1; min-height: 52px; border-radius: var(--sy-radius, 2px); font-size: 15px; }
.single-product .sy-add-quote--single { width: 100%; min-height: 54px; justify-content: space-between; padding: 0 22px; margin: 0 0 14px !important; font-size: 15px; font-weight: 500; }
.single-product .sy-add-quote--single::after { content: "→"; transition: transform .3s cubic-bezier(.2, .7, .2, 1); }
.single-product .sy-add-quote--single:hover::after { transform: translateX(4px); }
.single-product .product.sy-ready-product .sy-add-quote--single, .single-product .sy-ready ~ * .sy-add-quote--single { background: #fff; color: var(--pp-ink); box-shadow: inset 0 0 0 1px var(--pp-line); }
.sy-pp-review { margin: 6px 0 18px; }
.sy-pp-note { margin: 0; font-size: 13px; color: var(--pp-muted); }
.single-product .product .summary .sy-moq { padding: 10px 14px; background: var(--sy-mist, #eef4f5); display: inline-block; }

/* B2C extras off */
.single-product .ct-compare-button-single, .single-product .product_meta, .single-product .ct-share-box { display: none !important; }

/* Gallery */
.single-product .woocommerce-product-gallery, .single-product .ct-product-gallery-container, .single-product .flexy-container { border-radius: var(--sy-radius, 2px) !important; overflow: hidden; }
/* Thumbnails, luxury-site style (user 2026-10-21: no rings, no double outline): borderless tiles; the others rest
   dimmed, the current one is full strength with a fine navy line beneath it. Hover brings a thumbnail up. */
.single-product .flexy-pills li, .single-product .flexy-pills li.active, .single-product .flexy-pills [data-active] img { outline: 0 !important; border: 0 !important; box-shadow: none !important; }
.single-product .flexy-pills .ct-media-container { position: relative; border-radius: 4px !important; overflow: visible; }
.single-product .flexy-pills .ct-media-container img { border-radius: 4px !important; }
.single-product .flexy-pills .ct-media-container::after { content: "" !important; position: absolute; inset: auto 30% -9px 30% !important; height: 1.5px; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: var(--pp-navy); opacity: 0; transform: scaleX(.4); transition: opacity .3s, transform .35s cubic-bezier(.2, .7, .2, 1); pointer-events: none; }
.single-product .flexy-pills li { opacity: .5 !important; transition: opacity .3s !important; }
.single-product .flexy-pills li:hover, .single-product .flexy-pills li.active, .single-product .flexy-pills li[data-active] { opacity: 1 !important; }
.single-product .flexy-pills li.active .ct-media-container::after, .single-product .flexy-pills [data-active] .ct-media-container::after { opacity: 1; transform: none; }
/* Air between the gallery row and the first section below it. */
.single-product .product-entry-wrapper { padding-bottom: clamp(40px, 5vw, 72px) !important; }

/* Details */
.sy-pp-details { padding-top: clamp(48px, 6vw, 80px) !important; }
.sy-pp-details__grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(300px, 1fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
.sy-pp-desc { color: var(--pp-ink); font-size: 16px; line-height: 1.75; margin-bottom: 36px; }
.sy-pp-features { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; }
.sy-pp-features li { position: relative; display: grid; gap: 4px; align-content: start; padding: 16px 0 18px 26px; border-top: 1px solid var(--pp-line); font-size: 14.5px; line-height: 1.6; color: var(--pp-ink); }
.sy-pp-features li strong { font-weight: 500; }
.sy-pp-features li span { color: var(--pp-muted); font-size: 14px; }
.sy-pp-features li::before { content: ""; position: absolute; left: 2px; top: 21px; width: 10px; height: 5px; border-left: 1.6px solid var(--pp-navy); border-bottom: 1.6px solid var(--pp-navy); transform: rotate(-45deg); }
.sy-pp-details__side { position: sticky; top: 120px; }
.sy-pp-specs--full { margin-top: 0; }
.sy-pp-custom { margin-top: 26px; padding: 22px; background: var(--sy-mist, #eef4f5); }
.sy-pp-custom p { margin: 0 0 16px; font-size: 14.5px; line-height: 1.6; color: var(--pp-muted); }
.sy-pp-custom strong { color: var(--pp-ink); display: block; font-size: 17px; font-weight: 500; margin-bottom: 4px; }

@media (max-width: 900px) {
	.sy-pp-details__grid { grid-template-columns: 1fr; }
	.sy-pp-details__side { position: static; }
	.sy-pp-features { grid-template-columns: 1fr; }
	.sy-pp-steps { display: none; }
}

/* Ready-to-ship purchase row */
.single-product .product .summary p.stock { display: none; }
.single-product .product .summary form.cart { align-items: stretch; flex-wrap: nowrap; }
.single-product .product .summary form.cart .quantity { flex: none; }
.single-product .product .summary .single_add_to_cart_button { flex: 1 1 auto !important; white-space: nowrap; padding: 0 28px !important; }

/* Gallery thumbnails: square, quiet active state */
.single-product .flexy-pills img, .single-product .flexy-pills li, .single-product .ct-product-gallery-container img { border-radius: var(--sy-radius, 2px) !important; }
.sy-pp-features li span:only-child { color: var(--pp-ink); }

/* Wishlist link under the actions */
.single-product .ct-product-additional-actions { margin: 0 0 14px !important; }
.single-product .ct-wishlist-button-single { display: inline-flex; align-items: center; gap: 9px; padding: 0 !important; background: none !important; border: 0 !important; font-size: 14px; font-weight: 500; color: var(--pp-navy) !important; --theme-icon-color: var(--pp-navy); cursor: pointer; }
.single-product .ct-wishlist-button-single svg { width: 16px; height: 16px; transition: transform .35s cubic-bezier(.3, 1.6, .5, 1); }
.single-product .ct-wishlist-button-single:hover svg { transform: scale(1.15); }
.single-product .ct-wishlist-button-single[data-button-state="active"] svg { animation: sy-heart .5s cubic-bezier(.3, 1.6, .5, 1); }
@keyframes sy-heart { 40% { transform: scale(1.35); } }

/* ======================================================================
 * Template product page (D-031): our palette, Enigwatch's structure
 * ==================================================================== */
.single-product { --pp-ease: cubic-bezier(.2, .7, .2, 1); --pp-brass: #c29a52; --pp-deep: #131c2b; }

/* Colour swatches */
.sy-pp-colors { margin: 4px 0 22px; }
.sy-pp-colors__label { margin: 0 0 10px; font-size: 13.5px; color: var(--pp-muted); }
.sy-pp-colors__label span { color: var(--pp-ink); font-weight: 500; }
.sy-pp-colors__list { display: flex; flex-wrap: wrap; gap: 10px; }
.sy-pp-swatch { position: relative; display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; background: none; cursor: pointer; transition: transform .3s var(--pp-ease); }
.sy-pp-swatch > span:first-child { width: 26px; height: 26px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12); }
.sy-pp-swatch::after { content: ""; position: absolute; inset: 0; border-radius: 50%; box-shadow: 0 0 0 1.5px var(--pp-navy); opacity: 0; transform: scale(.85); transition: opacity .25s, transform .3s var(--pp-ease); }
.sy-pp-swatch:hover { transform: translateY(-1px); }
.sy-pp-swatch.is-active::after { opacity: 1; transform: none; }
.sy-pp-swatch:focus-visible { outline: 2px solid var(--pp-navy); outline-offset: 3px; }

/* Key features next to the photos */
.sy-pp-keys { margin: 0 0 24px; padding: 0; list-style: none; border-top: 1px solid var(--pp-line); }
.sy-pp-keys li { display: flex; align-items: center; gap: 14px; margin: 0; padding: 12px 0; border-bottom: 1px solid var(--pp-line); font-size: 14.5px; color: var(--pp-ink); }
.sy-pp-keys__ico { display: grid; place-items: center; flex: none; width: 34px; height: 34px; border-radius: 50%; background: var(--sy-mist, #eef4f5); color: var(--pp-navy); }

/* Secondary actions */
.sy-pp-more { display: grid; margin: 4px 0 16px; border-top: 1px solid var(--pp-line); }
.sy-pp-more a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 0; border-bottom: 1px solid var(--pp-line); font-size: 14.5px; font-weight: 500; color: var(--pp-ink); text-decoration: none; transition: color .2s, padding .3s var(--pp-ease); }
.sy-pp-more a:hover { color: var(--pp-navy); padding-left: 4px; }
.sy-pp-more a .sy-arrow { transition: transform .3s var(--pp-ease); }
.sy-pp-more a:hover .sy-arrow { transform: translateX(3px); }

/* Sections */
.sy-pp-sec { padding: clamp(56px, 7vw, 104px) clamp(16px, 6vw, 85px); background: #fff; }
.sy-pp-sec__inner { max-width: 1290px; margin: 0 auto; }
.sy-pp-h2 { margin: 0; font-size: clamp(28px, 3vw, 42px); font-weight: 600; letter-spacing: -.02em; line-height: 1.12; color: var(--pp-ink); }
.sy-pp-sec .sy-kicker { margin: 0 0 12px; }
.sy-pp-split { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(28px, 5vw, 96px); align-items: start; }
.sy-pp-split__head { position: sticky; top: 150px; }

.sy-pp-desc { font-size: 17px; line-height: 1.75; color: var(--pp-ink); }
.sy-pp-desc p { margin: 0 0 1em; }
.sy-pp-feats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 32px; margin: 28px 0 0; padding: 0; list-style: none; }
.sy-pp-feats li { display: flex; gap: 14px; margin: 0; padding: 20px 0; border-top: 1px solid var(--pp-line); }
.sy-pp-feats__ico { display: grid; place-items: center; flex: none; width: 42px; height: 42px; border-radius: 50%; background: var(--sy-mist, #eef4f5); color: var(--pp-navy); }
.sy-pp-feats strong { display: block; font-size: 15.5px; font-weight: 600; color: var(--pp-ink); }
.sy-pp-feats p { margin: 4px 0 0; font-size: 14.5px; line-height: 1.6; color: var(--pp-muted); }

/* Technical details: accordion */
.sy-pp-tech { background: var(--sy-mist-2, #f5f8fa); }
.sy-pp-acc { border-top: 1px solid var(--pp-line); }
.sy-pp-acc__item { border-bottom: 1px solid var(--pp-line); interpolate-size: allow-keywords; }
.sy-pp-acc__item summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 2px; list-style: none; cursor: pointer; font-size: 18px; font-weight: 500; color: var(--pp-ink); transition: color .2s; }
.sy-pp-acc__item summary::-webkit-details-marker { display: none; }
.sy-pp-acc__item summary:hover { color: var(--pp-navy); }
.sy-pp-acc__item summary:focus-visible { outline: 2px solid var(--pp-navy); outline-offset: 2px; }
.sy-pp-acc__sign { position: relative; flex: none; width: 16px; height: 16px; }
.sy-pp-acc__sign::before, .sy-pp-acc__sign::after { content: ""; position: absolute; left: 0; right: 0; top: 7.25px; height: 1.5px; background: currentColor; transition: transform .35s var(--pp-ease); }
.sy-pp-acc__sign::after { transform: rotate(90deg); }
.sy-pp-acc__item[open] .sy-pp-acc__sign::after { transform: rotate(0deg); }
.sy-pp-acc__item::details-content { height: 0; overflow: hidden; transition: height .4s var(--pp-ease), content-visibility .4s allow-discrete; }
.sy-pp-acc__item[open]::details-content { height: auto; }
.sy-pp-acc__rows { margin: 0; padding: 0 2px 22px; }
.sy-pp-acc__rows > div { display: grid; grid-template-columns: minmax(140px, 38%) 1fr; gap: 16px; padding: 11px 0; border-top: 1px solid rgba(217, 224, 230, .6); font-size: 15px; line-height: 1.5; }
.sy-pp-acc__rows > div:first-child { border-top: 0; }
.sy-pp-acc__rows dt { color: var(--pp-muted); }
.sy-pp-acc__rows dd { margin: 0; color: var(--pp-ink); }
.sy-pp-acc__rows dd small { color: var(--pp-muted); }
.sy-pp-acc__rows a { color: var(--pp-navy); text-underline-offset: 3px; }

/* Take a closer look: dark band, photo with pins, point list */
.sy-pp-closer { background: var(--pp-deep); color: #fff; }
.sy-pp-closer .sy-kicker { color: rgba(255, 255, 255, .6); }
.sy-pp-closer .sy-pp-h2 { color: #fff; }
.sy-pp-closer__grid { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: clamp(24px, 3vw, 48px); align-items: center; }
.sy-pp-closer__head { grid-column: 1 / -1; margin-bottom: clamp(8px, 1.5vw, 20px); }
.sy-pp-closer__stage { position: relative; border-radius: var(--sy-radius-lg, 16px); overflow: hidden; background: #0b111c; }
.sy-pp-closer__img { display: block; width: 100%; height: auto; }
.sy-pp-pin { position: absolute; display: grid; place-items: center; width: 34px; height: 34px; margin: -17px 0 0 -17px; padding: 0; border: 1.5px solid rgba(255, 255, 255, .9); border-radius: 50%; background: rgba(19, 28, 43, .55); color: #fff; font-size: 13px; font-weight: 600; cursor: pointer; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); transition: background .25s, border-color .25s, transform .35s var(--pp-ease); }
.sy-pp-pin::before { content: ""; position: absolute; inset: -7px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .45); animation: sy-pp-ring 2.4s ease-out infinite; }
.sy-pp-pin:hover, .sy-pp-pin.is-active { background: var(--pp-brass); border-color: var(--pp-brass); transform: scale(1.1); }
.sy-pp-pin:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
@keyframes sy-pp-ring { from { opacity: .9; transform: scale(.8); } to { opacity: 0; transform: scale(1.35); } }
.sy-pp-closer__list { margin: 0; padding: 0; list-style: none; }
.sy-pp-closer__list li { margin: 0; }
.sy-pp-closer__item { display: flex; gap: 14px; width: 100%; padding: 16px 18px; border: 0; border-left: 2px solid rgba(255, 255, 255, .14); background: none; color: rgba(255, 255, 255, .7); text-align: left; font: inherit; cursor: pointer; transition: border-color .3s, color .3s, background .3s; }
.sy-pp-closer__list li.is-active .sy-pp-closer__item { border-left-color: var(--pp-brass); color: #fff; background: rgba(255, 255, 255, .04); }
.sy-pp-closer__item:focus-visible { outline: 2px solid #fff; outline-offset: -2px; }
.sy-pp-closer__n { flex: none; display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid currentColor; border-radius: 50%; font-size: 12px; font-weight: 600; }
.sy-pp-closer__txt strong { display: block; font-size: 16px; font-weight: 600; color: inherit; }
.sy-pp-closer__txt span { display: block; margin-top: 4px; font-size: 14px; line-height: 1.6; opacity: .85; }

/* Drawings, video */
.sy-pp-drawings__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; margin: 24px 0 0; padding: 0; list-style: none; }
.sy-pp-drawings__list li { margin: 0; }
.sy-pp-drawings__list a { display: block; padding: 20px; border: 1px solid var(--pp-line); border-radius: var(--sy-radius-lg, 16px); background: #fff; transition: border-color .25s, box-shadow .35s var(--pp-ease); }
.sy-pp-drawings__list a:hover { border-color: transparent; box-shadow: 0 18px 40px -22px rgba(38, 54, 83, .35); }
.sy-pp-drawings__list img { display: block; width: 100%; height: auto; }
.sy-pp-video { background: var(--sy-mist-2, #f5f8fa); }
.sy-pp-video__frame { margin-top: 24px; border-radius: var(--sy-radius-lg, 16px); overflow: hidden; background: #000; aspect-ratio: 16 / 9; }
.sy-pp-video__frame video { display: block; width: 100%; height: 100%; object-fit: contain; }

/* Promises */
.sy-pp-promises ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(20px, 3vw, 48px); margin: 0; padding: 0; list-style: none; }
.sy-pp-promises li { margin: 0; padding-top: 24px; border-top: 1px solid var(--pp-line); }
.sy-pp-promises__ico { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 16px; border-radius: 50%; background: var(--sy-mist, #eef4f5); color: var(--pp-navy); }
.sy-pp-promises strong { display: block; font-size: 17px; font-weight: 600; color: var(--pp-ink); }
.sy-pp-promises p { margin: 6px 0 0; font-size: 14.5px; line-height: 1.6; color: var(--pp-muted); }

/* Quote bar */
.sy-pp-bar { position: fixed; z-index: 60; left: 0; right: 0; bottom: 0; padding: 10px clamp(12px, 4vw, 40px); background: rgba(255, 255, 255, .94); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); box-shadow: 0 -12px 30px -18px rgba(21, 33, 52, .35); transform: translateY(110%); transition: transform .45s var(--pp-ease); }
.sy-pp-bar.is-in { transform: none; }
.sy-pp-bar__inner { display: flex; align-items: center; gap: 14px; max-width: 1290px; margin: 0 auto; }
.sy-pp-bar__img { flex: none; width: 44px; height: 44px; border-radius: 8px; object-fit: cover; background: var(--sy-mist, #eef4f5); }
.sy-pp-bar__name { flex: 1; min-width: 0; display: grid; }
.sy-pp-bar__name strong { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14.5px; font-weight: 600; color: var(--pp-ink); }
.sy-pp-bar__name span { font-size: 12.5px; color: var(--pp-muted); }
.sy-pp-bar__specs { font-size: 14px; font-weight: 500; color: var(--pp-navy); text-underline-offset: 3px; }
.sy-pp-bar .sy-add-quote--bar { min-height: 46px; padding: 0 22px; white-space: nowrap; }

@media (max-width: 1000px) {
	.sy-pp-split { grid-template-columns: 1fr; }
	.sy-pp-split__head { position: static; }
	.sy-pp-closer__grid { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
	.sy-pp-feats { grid-template-columns: 1fr; }
	.sy-pp-promises ul { grid-template-columns: 1fr; }
	.sy-pp-acc__rows > div { grid-template-columns: 1fr; gap: 2px; }
	.sy-pp-pin { width: 28px; height: 28px; margin: -14px 0 0 -14px; font-size: 12px; }
	.sy-pp-bar__specs { display: none; }
	.sy-pp-bar__img { width: 38px; height: 38px; }
}
@media (prefers-reduced-motion: reduce) {
	.sy-pp-pin::before { animation: none; }
	.sy-pp-bar, .sy-pp-acc__item::details-content, .sy-pp-swatch, .sy-pp-swatch::after, .sy-pp-more a, .sy-pp-acc__sign::before, .sy-pp-acc__sign::after { transition: none; }
}

/* No boxed seam (user 2026-10-21): the theme boxes the product page (article, 1290 px, faint shadow), so section
   colours stopped at the box edge. The box goes; each section's colour runs to the screen edges without changing
   layout (border-image bleed: no 100vw overflow). */
.single-product article[class*="post-"] { box-shadow: none !important; background: transparent !important; }
.single-product .sy-pp-sec { --sy-bleed: #fff; }
.single-product .sy-pp-tech, .single-product .sy-pp-video { --sy-bleed: var(--sy-mist-2, #f5f8fa); }
.single-product .sy-pp-closer { --sy-bleed: var(--pp-deep); }
.single-product article .sy-sec { --sy-bleed: #fff; }
.single-product article .sy-pg--category { --sy-bleed: #f6f9fa; }
.single-product .sy-pp-sec, .single-product article .sy-sec { border-image: conic-gradient(var(--sy-bleed) 0 0) fill 0 / / 0 100vmax; }

/* Ready-to-ship buying (user 2026-10-21: cart and quote must read differently at a glance). Blocksy wraps quantity
   + button in .ct-cart-actions, which did not fill the row (the button was squeezed to 84 px). Cart: solid navy with
   a cart icon, "Add to cart · in stock"; Add to Quote below it as an outline button for bulk or custom orders. */
.single-product .summary form.cart { width: 100%; }
.single-product .summary .ct-cart-actions { display: flex !important; flex-wrap: nowrap !important; align-items: stretch; gap: 10px; width: 100%; margin: 0 !important; padding: 0 !important; }
.single-product .summary form.cart { margin-left: 0 !important; margin-right: 0 !important; padding: 0 !important; }
.single-product .summary .ct-cart-actions .quantity { flex: none; }
.single-product .summary .single_add_to_cart_button { display: inline-flex !important; align-items: center; justify-content: center; gap: 10px; flex: 1 1 auto !important; min-width: 0; max-width: none !important; min-height: 52px; padding: 0 24px !important; border-radius: 2px !important; background: var(--pp-navy) !important; color: #fff !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .14em; text-transform: uppercase; white-space: nowrap; }
.single-product .summary .single_add_to_cart_button::before { content: ""; width: 18px; height: 18px; 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='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M3 4h2.2l2.2 11h10.4l2-8H6.3'/%3E%3Ccircle cx='9.5' cy='19' r='1.4'/%3E%3Ccircle cx='17' cy='19' r='1.4'/%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='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M3 4h2.2l2.2 11h10.4l2-8H6.3'/%3E%3Ccircle cx='9.5' cy='19' r='1.4'/%3E%3Ccircle cx='17' cy='19' r='1.4'/%3E%3C/svg%3E") center / contain no-repeat; }
.single-product .summary .single_add_to_cart_button:hover { background: #1b2840 !important; }
.single-product .product.sy-ready-product .summary .sy-add-quote--single { width: 100%; min-height: 48px; border-radius: 2px; background: #fff; color: var(--pp-ink); box-shadow: inset 0 0 0 1px var(--pp-ink); font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.single-product .product.sy-ready-product .summary .sy-add-quote--single:hover { background: var(--pp-ink); color: #fff; }
.single-product .summary .ct-cart-actions .quantity { margin: 0 !important; }
.single-product .summary form.cart { gap: 0 !important; } .single-product .summary form.cart::before, .single-product .summary form.cart::after { display: none !important; }