/* =====================================================================
   Boscoo — widgets.css
   LTR / English. Serif = Cormorant Garamond, Sans = Inter.
   Gold/bronze = #9f866b. Loaded LAST (priority 9999) to win the cascade.
   Tailwind sizing replicated exactly from the Lovable source.
   ===================================================================== */

/* =====================================================================
   0. HORIZONTAL-SCROLL DEFENSE (mandatory baseline)
   ===================================================================== */
[class^="boscoo-"], [class*=" boscoo-"],
[class^="boscoo-"] *, [class*=" boscoo-"] *,
[class^="boscoo-"] *::before, [class*=" boscoo-"] *::before,
[class^="boscoo-"] *::after, [class*=" boscoo-"] *::after { box-sizing: border-box; }

.boscoo-section, .boscoo-hero, .boscoo-header, .boscoo-footer,
.boscoo-contact, .boscoo-newsletter, .boscoo-products, .boscoo-curated,
.boscoo-page-hero { max-width: 100%; overflow-x: hidden; overflow-x: clip; }

[class^="boscoo-"][class*="-grid"] > *,
[class^="boscoo-"][class*="-row"] > *,
.boscoo-form-field, .boscoo-product-grid > * { min-width: 0; max-width: 100%; }

[class^="boscoo-"] img, [class*=" boscoo-"] img,
[class^="boscoo-"] svg, [class*=" boscoo-"] svg,
[class^="boscoo-"] iframe, [class*=" boscoo-"] iframe { max-width: 100%; }
[class^="boscoo-"] img, [class*=" boscoo-"] img { height: auto; }

[class^="boscoo-"] input, [class*=" boscoo-"] input,
[class^="boscoo-"] textarea, [class*=" boscoo-"] textarea,
[class^="boscoo-"] select, [class*=" boscoo-"] select { max-width: 100%; }

[class^="boscoo-"] p, [class^="boscoo-"] a, [class^="boscoo-"] span,
[class^="boscoo-"] li, [class^="boscoo-"] dd { overflow-wrap: anywhere; word-break: break-word; }

.boscoo-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }

/* =====================================================================
   1. DESIGN TOKENS
   ===================================================================== */
:root {
	--boscoo-bg:        #fafafa;
	--boscoo-fg:        #0f0f0f;
	--boscoo-primary:   #0f0f0f;
	--boscoo-primary-fg:#fafafa;
	--boscoo-card:      #ffffff;
	--boscoo-muted:     #f5f5f5;
	--boscoo-muted-fg:  #575757;
	--boscoo-secondary: #f0f0f0;
	--boscoo-border:    #e0e0e0;
	--boscoo-gold:      #9f866b;
	--boscoo-bronze:    #9f866b;
	--boscoo-accent:    #eae4dd;
	--boscoo-sand:      #ddd2c4;
	--boscoo-stone:     #616161;
	--boscoo-ivory:     #fafafa;
	--boscoo-font:         "Inter", "Helvetica Neue", system-ui, sans-serif;
	--boscoo-font-display: "Cormorant Garamond", "Playfair Display", Georgia, serif;
	--boscoo-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* =====================================================================
   2. BASE
   ===================================================================== */
.boscoo-section,
.boscoo-header, .boscoo-footer, .boscoo-hero, .boscoo-page-hero {
	font-family: var(--boscoo-font);
	color: var(--boscoo-fg);
	-webkit-font-smoothing: antialiased;
	line-height: 1.6;
}
[class^="boscoo-"] h1, [class^="boscoo-"] h2, [class^="boscoo-"] h3, [class^="boscoo-"] h4,
.boscoo-h2, .boscoo-h2-light {
	font-family: var(--boscoo-font-display);
	font-weight: 400;
	letter-spacing: -0.01em;
	margin: 0;
	line-height: 1.15;
}

.boscoo-container { max-width: 80rem; margin-inline: auto; padding-inline: 1.25rem; width: 100%; }
@media (min-width: 768px) { .boscoo-container { padding-inline: 2.5rem; } }

.boscoo-section { padding-block: 6rem; background: var(--boscoo-bg); }

.boscoo-eyebrow {
	text-transform: uppercase;
	letter-spacing: 0.28em;
	font-size: 0.75rem;
	font-weight: 500;
	color: var(--boscoo-bronze);
	margin: 0;
}
.boscoo-eyebrow-sand { color: var(--boscoo-sand); }

.boscoo-h2 { font-size: 2.25rem; color: var(--boscoo-primary); margin-top: 1rem; }
@media (min-width: 768px) { .boscoo-h2 { font-size: 3rem; } }
.boscoo-h2-light { color: #fff; }

.boscoo-lead { color: var(--boscoo-stone); line-height: 1.7; margin-top: 1.25rem; }

/* =====================================================================
   3. BUTTON SYSTEM
   ===================================================================== */
.boscoo-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
	font-family: var(--boscoo-font);
	font-size: 0.8125rem; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase;
	padding: 0.875rem 1.75rem; border: 1px solid transparent; cursor: pointer;
	text-decoration: none; white-space: nowrap; transition: var(--boscoo-transition);
}
a.boscoo-btn.boscoo-btn-primary, button.boscoo-btn.boscoo-btn-primary, .boscoo-btn.boscoo-btn-primary[class] {
	background: var(--boscoo-primary) !important; color: #fff !important; border-color: var(--boscoo-primary) !important; background-image: none !important;
}
a.boscoo-btn.boscoo-btn-primary:hover, button.boscoo-btn.boscoo-btn-primary:hover, .boscoo-btn.boscoo-btn-primary[class]:hover {
	background: var(--boscoo-bronze) !important; border-color: var(--boscoo-bronze) !important; color: #fff !important;
}
.boscoo-btn.boscoo-btn-primary * { color: #fff !important; }

.boscoo-btn-outline {
	background: transparent; color: var(--boscoo-primary); border-color: var(--boscoo-primary);
}
.boscoo-btn-outline:hover { background: var(--boscoo-primary); color: #fff; }
.boscoo-btn-block { width: 100%; }

.boscoo-btn-ghost {
	display: inline-flex; align-items: center; gap: 0.5rem;
	color: var(--boscoo-bronze); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.22em;
	font-weight: 500; border-bottom: 1px solid var(--boscoo-bronze); padding-bottom: 0.25rem;
	text-decoration: none; transition: var(--boscoo-transition);
}
.boscoo-btn-ghost:hover { opacity: 0.7; }

/* =====================================================================
   4. ANNOUNCEMENT BAR
   ===================================================================== */
.boscoo-announcement {
	background: var(--boscoo-primary); color: var(--boscoo-primary-fg);
	text-align: center; padding: 0.625rem 1rem;
}
.boscoo-announcement-text {
	font-family: var(--boscoo-font);
	font-size: 0.6875rem; letter-spacing: 0.28em; text-transform: uppercase;
}

/* =====================================================================
   5. HEADER
   ===================================================================== */
.boscoo-header {
	position: sticky; top: 0; z-index: 50;
	background: rgba(250, 250, 250, 0.95);
	backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
	border-bottom: 1px solid var(--boscoo-border);
}
.boscoo-header-inner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; height: 5rem; }
.boscoo-header-logo { display: flex; align-items: center; gap: 0.625rem; color: var(--boscoo-primary); text-decoration: none; }
.boscoo-header-logo img { height: 40px; width: auto; object-fit: contain; }
.boscoo-header-brand { font-family: var(--boscoo-font-display); font-size: 1.25rem; letter-spacing: 0.2em; text-transform: uppercase; }
@media (max-width: 639px) { .boscoo-header-brand { display: none; } }

.boscoo-header-nav .boscoo-nav-list { display: flex; align-items: center; gap: 1.75rem; list-style: none; margin: 0; padding: 0; }
.boscoo-nav-item { position: relative; }
.boscoo-nav-item > a, .boscoo-nav-toggle {
	color: var(--boscoo-primary); font-size: 0.75rem; letter-spacing: 0.22em; text-transform: uppercase;
	text-decoration: none; background: none; border: 0; cursor: pointer; font-family: var(--boscoo-font);
	display: inline-flex; align-items: center; gap: 0.25rem; transition: var(--boscoo-transition);
}
.boscoo-nav-item > a:hover, .boscoo-nav-toggle:hover { color: var(--boscoo-bronze); }

/* Dropdown (desktop hover, mobile click) */
.boscoo-dropdown {
	position: absolute; top: 100%; left: 0; min-width: 12rem; list-style: none; margin: 0; padding: 0.5rem 0;
	background: var(--boscoo-card); border: 1px solid var(--boscoo-border); box-shadow: 0 12px 30px -12px rgba(0,0,0,0.2);
	opacity: 0; visibility: hidden; transform: translateY(8px); transition: var(--boscoo-transition); z-index: 60;
}
.boscoo-has-dropdown:hover > .boscoo-dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
.boscoo-dropdown a { display: block; padding: 0.5rem 1.25rem; color: var(--boscoo-primary); font-size: 0.8125rem; text-decoration: none; }
.boscoo-dropdown a:hover { background: var(--boscoo-muted); color: var(--boscoo-bronze); }

.boscoo-header-actions { display: flex; align-items: center; gap: 1.25rem; color: var(--boscoo-primary); }
.boscoo-header-icon { position: relative; color: var(--boscoo-primary); display: inline-flex; transition: var(--boscoo-transition); }
.boscoo-header-icon:hover { color: var(--boscoo-bronze); }
.boscoo-cart-count {
	position: absolute; top: -0.5rem; right: -0.75rem; min-width: 1rem; height: 1rem; padding: 0 0.25rem;
	background: var(--boscoo-bronze); color: #fff; font-size: 0.625rem; line-height: 1rem; text-align: center;
	border-radius: 9999px; font-family: var(--boscoo-font);
}

/* Burger */
.boscoo-header-burger {
	display: none; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem;
	background: transparent; border: 0; cursor: pointer; color: var(--boscoo-primary); border-radius: 0.5rem;
}
.boscoo-header-burger:hover, .boscoo-header-burger:focus { background: rgba(0,0,0,0.04); }
.boscoo-header-burger-close { display: none; }
.boscoo-header.is-open .boscoo-header-burger-open { display: none; }
.boscoo-header.is-open .boscoo-header-burger-close { display: inline-flex; }

.boscoo-header-mobile-nav { display: none; border-top: 1px solid var(--boscoo-border); background: var(--boscoo-bg); }
.boscoo-header.is-open .boscoo-header-mobile-nav { display: block; }
.boscoo-mobile-list { list-style: none; margin: 0; padding: 1rem 1.25rem; display: flex; flex-direction: column; gap: 0.25rem; }
.boscoo-mobile-item > a, .boscoo-mobile-item .boscoo-nav-toggle {
	display: block; padding: 0.625rem 0.25rem; color: var(--boscoo-primary) !important; font-size: 0.8125rem;
	letter-spacing: 0.2em; text-transform: uppercase; text-decoration: none !important; width: 100%; text-align: left;
}
.boscoo-mobile-item .boscoo-dropdown { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: 0; padding-left: 1rem; display: none; }
.boscoo-mobile-item.boscoo-has-dropdown.is-open .boscoo-dropdown { display: block; }

@media (max-width: 767px) {
	.boscoo-header-burger { display: inline-flex; }
	.boscoo-header-nav { display: none; }
	.boscoo-header-search { display: none; }
	.boscoo-header-inner { height: 4rem; }
}

/* =====================================================================
   6. HERO
   ===================================================================== */
.boscoo-hero {
	position: relative; min-height: 88vh; display: flex; align-items: center; justify-content: center;
	background-size: cover; background-position: center; background-repeat: no-repeat;
	background-attachment: fixed; isolation: isolate;
}
@media (max-width: 767px) { .boscoo-hero { background-attachment: scroll !important; min-height: 100svh; } }
.boscoo-hero-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(37,30,24,0.55), rgba(43,34,25,0.45), rgba(37,30,24,0.70)); z-index: 1; pointer-events: none; }
.boscoo-hero-overlay-side { position: absolute; inset: 0; background: linear-gradient(to right, rgba(37,30,24,0.35), transparent); z-index: 1; pointer-events: none; }
.boscoo-hero-inner { position: relative; z-index: 2; text-align: center; color: var(--boscoo-ivory); max-width: 48rem; }
.boscoo-hero-eyebrow { text-transform: uppercase; letter-spacing: 0.32em; font-size: 0.75rem; font-weight: 600; color: #c8ad8a; text-shadow: 0 2px 8px rgba(0,0,0,0.6); }
@media (min-width: 768px) { .boscoo-hero-eyebrow { font-size: 0.875rem; } }
.boscoo-hero-title { font-family: var(--boscoo-font-display); color: var(--boscoo-ivory); font-size: 1.875rem; line-height: 1.15; margin-top: 1.25rem; max-width: 36rem; margin-inline: auto; }
@media (min-width: 640px) { .boscoo-hero-title { font-size: 2.25rem; } }
@media (min-width: 768px) { .boscoo-hero-title { font-size: 3rem; } }
.boscoo-hero-subtitle { margin-top: 1.25rem; font-size: 0.875rem; opacity: 0.9; max-width: 32rem; margin-inline: auto; line-height: 1.7; }
@media (min-width: 768px) { .boscoo-hero-subtitle { font-size: 1rem; } }
.boscoo-hero-cta { margin-top: 2.25rem; display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; }
.boscoo-hero-btn { display: inline-flex; align-items: center; justify-content: center; padding: 1rem 2rem; font-size: 0.75rem; letter-spacing: 0.28em; text-transform: uppercase; font-weight: 600; text-decoration: none; transition: var(--boscoo-transition); }
.boscoo-hero-btn-gold { background: var(--boscoo-gold); color: var(--boscoo-ivory); box-shadow: 0 10px 25px -10px rgba(0,0,0,0.4); }
.boscoo-hero-btn-gold:hover { background: var(--boscoo-ivory); color: var(--boscoo-primary); }
.boscoo-hero-btn-ghost { background: rgba(250,250,250,0.1); backdrop-filter: blur(4px); border: 2px solid var(--boscoo-ivory); color: var(--boscoo-ivory); }
.boscoo-hero-btn-ghost:hover { background: var(--boscoo-ivory); color: var(--boscoo-primary); }

/* =====================================================================
   7. CURATED CATEGORIES (auto-scroll rail)
   ===================================================================== */
.boscoo-curated-head { text-align: center; max-width: 42rem; margin-inline: auto; }
.boscoo-curated-body { margin-top: 1rem; color: var(--boscoo-stone); }
.boscoo-curated-rail-wrap { position: relative; max-width: 72rem; margin: 3rem auto 0; padding-inline: 0.75rem; }
@media (min-width: 768px) { .boscoo-curated-rail-wrap { padding-inline: 2.5rem; } }
.boscoo-curated-rail { overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; padding-inline: 2rem; }
.boscoo-curated-rail::-webkit-scrollbar { display: none; }
.boscoo-curated-track { display: flex; gap: 1rem; width: max-content; list-style: none; margin: 0; padding: 0; }
@media (min-width: 768px) { .boscoo-curated-track { gap: 1.5rem; } }
.boscoo-curated-item { flex-shrink: 0; width: 120px; }
@media (min-width: 768px) { .boscoo-curated-item { width: 126px; } }
.boscoo-curated-link { display: flex; flex-direction: column; align-items: center; text-align: center; text-decoration: none; }
.boscoo-curated-circle { display: block; width: 100%; aspect-ratio: 1/1; border-radius: 9999px; overflow: hidden; background: var(--boscoo-muted); box-shadow: inset 0 0 0 1px var(--boscoo-border); transition: transform 0.5s ease, box-shadow 0.3s ease; }
.boscoo-curated-circle img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.7s ease; }
.boscoo-curated-link:hover .boscoo-curated-circle { transform: scale(1.05); box-shadow: inset 0 0 0 1px var(--boscoo-bronze); }
.boscoo-curated-link:hover .boscoo-curated-circle img { transform: scale(1.1); }
.boscoo-curated-label { margin-top: 0.75rem; font-family: var(--boscoo-font-display); font-size: 0.9375rem; color: var(--boscoo-primary); transition: color 0.3s ease; }
.boscoo-curated-link:hover .boscoo-curated-label { color: var(--boscoo-bronze); }
.boscoo-curated-arrow { position: absolute; top: 50%; transform: translateY(-60%); z-index: 10; display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 9999px; background: rgba(250,250,250,0.9); backdrop-filter: blur(4px); border: 1px solid var(--boscoo-border); color: var(--boscoo-primary); cursor: pointer; transition: var(--boscoo-transition); }
.boscoo-curated-arrow:hover { background: var(--boscoo-bronze); color: #fff; }
.boscoo-curated-prev { left: 0.25rem; }
.boscoo-curated-next { right: 0.25rem; }

/* =====================================================================
   8. SIGNATURE SPACES
   ===================================================================== */
.boscoo-spaces { background: var(--boscoo-muted); }
.boscoo-spaces-head { max-width: 42rem; }
.boscoo-spaces-grid { display: grid !important; grid-template-columns: minmax(0,1fr); gap: 2rem; margin-top: 3.5rem; }
@media (min-width: 768px) { .boscoo-spaces-grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; } }
.boscoo-space-card { position: relative; display: block; overflow: hidden; height: 440px; text-decoration: none; }
@media (min-width: 768px) { .boscoo-space-offset { transform: translateY(3rem); } }
.boscoo-space-card img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.7s ease; display: block; max-width: none; }
.boscoo-space-card:hover img { transform: scale(1.05); }
.boscoo-space-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.2) 50%, transparent); }
.boscoo-space-body { position: absolute; bottom: 0; left: 0; right: 0; padding: 2rem; color: var(--boscoo-ivory); }
.boscoo-space-title { font-family: var(--boscoo-font-display); font-size: 1.875rem; }
.boscoo-space-desc { margin-top: 0.5rem; font-size: 0.875rem; opacity: 0.9; max-width: 28rem; }
.boscoo-space-link { display: inline-block; margin-top: 1rem; font-size: 0.75rem; letter-spacing: 0.28em; text-transform: uppercase; border-bottom: 1px solid var(--boscoo-sand); padding-bottom: 0.25rem; }

/* =====================================================================
   9. DESIGN PHILOSOPHY
   ===================================================================== */
.boscoo-philosophy { background: var(--boscoo-secondary); }
.boscoo-philosophy-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 3rem; align-items: center; }
@media (min-width: 768px) { .boscoo-philosophy-grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr); } }
.boscoo-philosophy-media { aspect-ratio: 4/5; overflow: hidden; }
.boscoo-philosophy-media img { width: 100%; height: 100%; object-fit: cover; }

/* =====================================================================
   10. PRODUCTS SECTION + PRODUCT CARD
   ===================================================================== */
.boscoo-products { background: var(--boscoo-bg); }
.boscoo-products-head { display: flex; flex-direction: column; gap: 1.5rem; align-items: flex-start; }
@media (min-width: 768px) { .boscoo-products-head { flex-direction: row; align-items: flex-end; justify-content: space-between; } }
.boscoo-product-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; margin-top: 3.5rem; }
@media (min-width: 640px) { .boscoo-product-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width: 1024px) { .boscoo-product-grid { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 2rem; } }
.boscoo-empty { color: var(--boscoo-stone); text-align: center; padding: 3rem 0; }

.boscoo-product-card {
	position: relative; display: flex; flex-direction: column; border-radius: 2rem;
	background: var(--boscoo-bg); padding: 1rem 1rem 1.25rem;
	box-shadow: 0 10px 30px -18px rgba(0,0,0,0.25); transition: box-shadow 0.3s ease;
}
.boscoo-product-card:hover { box-shadow: 0 20px 45px -22px rgba(0,0,0,0.35); }
.boscoo-pc-image { position: relative; border-radius: 1.5rem; background: var(--boscoo-muted); overflow: hidden; aspect-ratio: 4/5; }
.boscoo-pc-image-link { display: block; width: 100%; height: 100%; }
.boscoo-pc-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.7s ease; }
.boscoo-product-card:hover .boscoo-pc-image img { transform: scale(1.04); }

/* Corner ribbon badge */
.boscoo-pc-ribbon-wrap { position: absolute; top: 0; left: 0; width: 100px; height: 100px; pointer-events: none; z-index: 20; overflow: hidden; }
.boscoo-pc-ribbon {
	position: absolute; top: 26px; left: -38px; width: 150px; padding: 5px 0; text-align: center; transform: rotate(-45deg);
	white-space: nowrap; background: linear-gradient(135deg, #e6c89a 0%, var(--boscoo-bronze) 50%, #5e4632 100%);
	color: var(--boscoo-ivory); font-size: 9px; letter-spacing: 0.14em; font-weight: 600; text-transform: uppercase;
	box-shadow: 0 6px 14px -4px rgba(0,0,0,0.55); border-top: 1px solid rgba(250,250,250,0.25); border-bottom: 1px solid rgba(250,250,250,0.25);
}

/* Overlapping gold price pill */
.boscoo-pc-price {
	position: relative; z-index: 10; margin: -1.25rem auto 0; background: var(--boscoo-gold); color: #fff;
	font-family: var(--boscoo-font); font-weight: 700; font-variant-numeric: tabular-nums; font-size: 1rem; line-height: 1.1;
	letter-spacing: 0.04em; padding: 0.5rem 1.25rem; border-radius: 9999px; box-shadow: 0 10px 22px -8px rgba(159,134,107,0.6);
	width: fit-content; max-width: calc(100% - 1rem); white-space: nowrap;
}
.boscoo-pc-price .woocommerce-Price-amount, .boscoo-pc-price bdi { color: #fff !important; font-size: 1rem; white-space: nowrap; }
.boscoo-pc-price del { opacity: 0.6; font-weight: 400; margin-right: 0.35rem; }
.boscoo-pc-price ins { text-decoration: none; }

.boscoo-pc-info { padding: 1rem 0.5rem 0.25rem; display: flex; flex-direction: column; gap: 0.75rem; align-items: center; text-align: center; }
.boscoo-pc-title { font-weight: 600; font-size: 1.0625rem; line-height: 1.2; color: var(--boscoo-primary); text-decoration: none; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.boscoo-pc-title:hover { color: var(--boscoo-gold); }
.boscoo-pc-sub { font-size: 0.6875rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--boscoo-stone); margin: 0; }
.boscoo-pc-tags { display: flex; flex-wrap: wrap; gap: 0.375rem; justify-content: center; }
.boscoo-pc-chip { font-size: 0.625rem; letter-spacing: 0.05em; padding: 0.25rem 0.625rem; border-radius: 9999px; background: var(--boscoo-muted); color: var(--boscoo-stone); }
.boscoo-pc-atc-wrap { padding-top: 0.5rem; width: 100%; }

/* Add To Cart button (native WC AJAX, restyled gold) — Lovable sizing + idle float */
.boscoo-atc-btn {
	position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center;
	width: 100%; white-space: nowrap; color: #fff; font-family: var(--boscoo-font); font-size: 0.625rem;
	letter-spacing: 0.12em; text-transform: uppercase; font-weight: 600; padding: 0.75rem 0.5rem; border-radius: 9999px;
	background: var(--boscoo-gold); text-decoration: none; box-shadow: 0 10px 22px -10px rgba(159,134,107,0.7);
	transition: background-color 0.3s ease, box-shadow 0.4s ease;
	animation: boscoo-atc-idle 3.6s ease-in-out infinite; will-change: transform;
}
@media (min-width: 640px) {
	.boscoo-atc-btn { font-size: 0.75rem; letter-spacing: 0.18em; padding: 0.875rem 0.75rem; }
}
.boscoo-atc-btn:hover { background: var(--boscoo-primary); box-shadow: 0 18px 30px -14px rgba(159,134,107,0.85); }
.boscoo-atc-btn:active { animation: none; transform: translateY(0) scale(0.97); transition: transform 0.12s ease; }
.boscoo-atc-btn.boscoo-added { background: var(--boscoo-primary); }
.boscoo-atc-btn .atc-label { display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem; min-width: 0; }
.boscoo-atc-btn .atc-label svg { flex: 0 0 auto; }
.boscoo-atc-btn .boscoo-atc-text { overflow: hidden; text-overflow: ellipsis; }
.boscoo-atc-btn.loading { opacity: 0.85; pointer-events: none; }
.boscoo-atc-btn.added::after { display: none; } /* suppress WC default "View cart" link */
@keyframes boscoo-atc-idle {
	0%, 100% { transform: translateY(0);    box-shadow: 0 10px 22px -10px rgba(159,134,107,0.55); }
	50%      { transform: translateY(-4px); box-shadow: 0 18px 28px -10px rgba(159,134,107,0.85); }
}
@media (prefers-reduced-motion: reduce) { .boscoo-atc-btn { animation: none !important; } }

/* =====================================================================
   11. WHY BOSCOO (dark)
   ===================================================================== */
.boscoo-why { background: var(--boscoo-primary); color: var(--boscoo-primary-fg); }
.boscoo-why-head { text-align: center; max-width: 42rem; margin-inline: auto; }
.boscoo-why-grid { display: grid; grid-template-columns: 1fr; gap: 2.5rem; margin-top: 3.5rem; }
@media (min-width: 768px) { .boscoo-why-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width: 1024px) { .boscoo-why-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } }
.boscoo-why-card { border-top: 1px solid rgba(255,255,255,0.15); padding-top: 1.75rem; }
.boscoo-why-icon { color: var(--boscoo-bronze); display: inline-flex; }
.boscoo-why-title { font-family: var(--boscoo-font-display); font-size: 1.25rem; margin-top: 1rem; color: #fff; }
.boscoo-why-desc { margin-top: 0.5rem; font-size: 0.875rem; opacity: 0.75; line-height: 1.7; }

/* =====================================================================
   12. NEWSLETTER
   ===================================================================== */
.boscoo-newsletter { background: var(--boscoo-muted); }
.boscoo-newsletter-inner { text-align: center; max-width: 42rem; margin-inline: auto; }
.boscoo-newsletter-form { margin-top: 2rem; display: flex; flex-direction: column; gap: 0.75rem; max-width: 32rem; margin-inline: auto; }
@media (min-width: 640px) { .boscoo-newsletter-form { flex-direction: row; } }
.boscoo-newsletter-input { flex: 1; background: var(--boscoo-bg); border: 1px solid var(--boscoo-border); padding: 0.875rem 1.25rem; font-size: 0.875rem; font-family: var(--boscoo-font); }
.boscoo-newsletter-input:focus { outline: none; border-color: var(--boscoo-bronze); }
.boscoo-newsletter-thanks { margin-top: 2rem; color: var(--boscoo-bronze); }
.boscoo-newsletter-error { margin-top: 0.75rem; color: #991b1b; font-size: 0.8125rem; }

/* =====================================================================
   13. PAGE HEROES (About / Contact)
   ===================================================================== */
.boscoo-page-hero { background: var(--boscoo-muted); text-align: center; padding-block: 5rem; }
.boscoo-page-hero-title { font-family: var(--boscoo-font-display); font-size: 3rem; margin-top: 1rem; color: var(--boscoo-primary); }
@media (min-width: 768px) { .boscoo-page-hero-title { font-size: 3.75rem; } }
.boscoo-page-hero-title-sm { font-size: 2.5rem; }
@media (min-width: 768px) { .boscoo-page-hero-title-sm { font-size: 3rem; } }
.boscoo-page-hero-sub { margin-top: 1rem; color: var(--boscoo-stone); max-width: 36rem; margin-inline: auto; }

/* About story */
.boscoo-about-story { background: var(--boscoo-bg); }
.boscoo-about-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 3rem; align-items: center; }
@media (min-width: 768px) { .boscoo-about-grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr); } }
.boscoo-about-media img { width: 100%; aspect-ratio: 4/5; object-fit: cover; }

/* =====================================================================
   14. CONTACT
   ===================================================================== */
.boscoo-contact-info { padding-block: 5rem 2rem; }
.boscoo-contact-info-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 2rem; }
@media (min-width: 640px) { .boscoo-contact-info-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width: 1024px) { .boscoo-contact-info-grid { grid-template-columns: repeat(4, minmax(0,1fr)); } }
.boscoo-contact-info-item { display: flex; align-items: flex-start; gap: 1rem; }
.boscoo-contact-info-icon { color: var(--boscoo-bronze); margin-top: 0.25rem; }
.boscoo-contact-info-value { margin-top: 0.25rem; color: var(--boscoo-primary); }

.boscoo-contact { padding-block: 2rem 5rem; max-width: 100%; overflow-x: clip; }
.boscoo-contact-narrow { max-width: 42rem; }
.elementor-widget-boscoo-contact-form, .boscoo-contact form { max-width: 100%; overflow-x: clip; }
.boscoo-contact-form { display: flex; flex-direction: column; gap: 1rem; }
.boscoo-form-field { margin: 0; }
.boscoo-form-field input, .boscoo-form-field textarea, .boscoo-form-field select {
	width: 100%; max-width: 100%; background: var(--boscoo-bg); border: 1px solid var(--boscoo-border);
	padding: 0.875rem 1.25rem; font-size: 0.875rem; font-family: var(--boscoo-font); color: var(--boscoo-fg);
}
.boscoo-form-field textarea { min-height: 8rem; resize: vertical; }
.boscoo-form-field input:focus, .boscoo-form-field textarea:focus, .boscoo-form-field select:focus { outline: none; border-color: var(--boscoo-bronze); }

.boscoo-form-alert { margin-bottom: 1.5rem; padding: 1rem 1.25rem; border-radius: 0.5rem; font-size: 0.875rem; display: flex; align-items: center; gap: 0.75rem; }
.boscoo-form-alert-success { background: var(--boscoo-secondary); border: 1px solid var(--boscoo-border); color: var(--boscoo-primary); }
.boscoo-form-alert-error { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; }
.boscoo-form-alert-icon { color: var(--boscoo-bronze); display: inline-flex; }

/* =====================================================================
   15. FOOTER
   ===================================================================== */
.boscoo-footer { background: var(--boscoo-primary); color: var(--boscoo-primary-fg); margin-top: 5rem; }
.boscoo-footer-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 3rem; padding-block: 5rem; }
@media (min-width: 768px) { .boscoo-footer-grid { grid-template-columns: repeat(4, minmax(0,1fr)); } }
.boscoo-footer-brand-row { display: flex; align-items: center; gap: 0.75rem; }
.boscoo-footer-brand-row img { height: 48px; width: auto; max-width: 100%; object-fit: contain; filter: brightness(0) invert(1); }
.boscoo-footer-brand-name { font-family: var(--boscoo-font-display); font-size: 1.5rem; letter-spacing: 0.2em; text-transform: uppercase; }
.boscoo-footer-tagline { margin-top: 1.25rem; font-size: 0.875rem; line-height: 1.7; opacity: 0.75; }
.boscoo-footer-socials { display: flex; gap: 1rem; margin-top: 1.5rem; color: var(--boscoo-sand); }
.boscoo-footer-social { color: var(--boscoo-sand); display: inline-flex; transition: var(--boscoo-transition); }
.boscoo-footer-social:hover { color: #fff; }
.boscoo-footer-col-title { font-size: 0.75rem; letter-spacing: 0.28em; text-transform: uppercase; color: var(--boscoo-sand); font-family: var(--boscoo-font); }
.boscoo-footer-links, .boscoo-footer-contact { list-style: none; margin: 1.25rem 0 0; padding: 0; display: flex; flex-direction: column; gap: 0.75rem; }
.boscoo-footer-link a, .boscoo-footer-links a { color: rgba(255,255,255,0.8); font-size: 0.875rem; text-decoration: none; transition: var(--boscoo-transition); }
.boscoo-footer-link a:hover, .boscoo-footer-links a:hover { color: var(--boscoo-sand); }
.boscoo-footer-contact li { display: flex; align-items: flex-start; gap: 0.5rem; font-size: 0.875rem; opacity: 0.8; }
.boscoo-footer-ci { color: var(--boscoo-sand); display: inline-flex; margin-top: 0.125rem; }
.boscoo-footer-bar { border-top: 1px solid rgba(255,255,255,0.1); }
.boscoo-footer-bar-inner { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: space-between; padding-block: 1.5rem; font-size: 0.75rem; opacity: 0.6; }
.boscoo-footer-credit a { color: var(--boscoo-sand); text-decoration: none; }
.boscoo-footer-credit a:hover { color: #fff; }

/* =====================================================================
   16. ICON CONTAINER — universal svg + i rules
   ===================================================================== */
[class^="boscoo-"][class*="-icon"], [class*=" boscoo-"][class*="-icon"] {
	display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; line-height: 1;
}
[class^="boscoo-"][class*="-icon"] svg, [class*=" boscoo-"][class*="-icon"] svg { display: block; color: inherit; fill: none; stroke: currentColor; }

/* =====================================================================
   17. REVEAL ANIMATIONS + editor-preview-fix
   ===================================================================== */
.boscoo-reveal { opacity: 0; transform: translateY(36px); transition: opacity 0.9s cubic-bezier(0.22,1,0.36,1), transform 0.9s cubic-bezier(0.22,1,0.36,1); will-change: opacity, transform; }
.boscoo-reveal.boscoo-revealed { opacity: 1; transform: translateY(0); }
.boscoo-reveal-scale { opacity: 0; transform: scale(0.96); transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.22,1,0.36,1); }
.boscoo-reveal-scale.boscoo-revealed { opacity: 1; transform: scale(1); }

.elementor-editor-active .boscoo-reveal, .elementor-editor-active .boscoo-reveal-scale,
body.elementor-editor-preview .boscoo-reveal, body.elementor-editor-preview .boscoo-reveal-scale,
html.elementor-editor-active .boscoo-reveal, html.elementor-editor-active .boscoo-reveal-scale,
.elementor-edit-area-active .boscoo-reveal, .elementor-edit-area-active .boscoo-reveal-scale,
.elementor-editor-preview .boscoo-reveal, .elementor-editor-preview .boscoo-reveal-scale {
	opacity: 1 !important; transform: none !important; transition: none !important;
}
@media (prefers-reduced-motion: reduce) {
	.boscoo-reveal, .boscoo-reveal-scale { opacity: 1 !important; transform: none !important; transition: none !important; }
}

/* ATC burst (matches Lovable atc-btn) */
.boscoo-atc-btn.atc-burst { animation: boscoo-atc-pop 0.55s cubic-bezier(0.34,1.56,0.64,1); }
.boscoo-atc-btn.atc-burst::before { content: ""; position: absolute; inset: 0; border-radius: 9999px; background: radial-gradient(circle at center, rgba(255,255,255,0.55), transparent 60%); animation: boscoo-atc-ripple 0.6s ease-out forwards; pointer-events: none; }
@keyframes boscoo-atc-pop { 0% { transform: scale(1); } 35% { transform: scale(1.06); } 60% { transform: scale(0.97); } 100% { transform: scale(1); } }
@keyframes boscoo-atc-ripple { 0% { opacity: 0.9; transform: scale(0.6); } 100% { opacity: 0; transform: scale(1.25); } }
@media (prefers-reduced-motion: reduce) { .boscoo-atc-btn.atc-burst, .boscoo-atc-btn.atc-burst::before { animation: none !important; } }

/* =====================================================================
   18. WOOCOMMERCE SKIN — native WC surfaces, Boscoo-styled
   Fields & logic stay 100% WooCommerce; only styling changes.
   ===================================================================== */
.woocommerce, .woocommerce-page { font-family: var(--boscoo-font); color: var(--boscoo-fg); }
.woocommerce .woocommerce-breadcrumb { font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--boscoo-stone); }
.woocommerce h1, .woocommerce h2, .woocommerce h3,
.woocommerce-page h1, .woocommerce-page h2, .woocommerce-page h3 { font-family: var(--boscoo-font-display); font-weight: 400; color: var(--boscoo-primary); }
.woocommerce .price, .woocommerce-Price-amount { color: var(--boscoo-bronze); }

/* Buttons — gold/black, rounded pill */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce .single_add_to_cart_button,
.woocommerce button.button.alt, .woocommerce-page .button {
	background: var(--boscoo-primary); color: #fff; border-radius: 9999px; border: 1px solid var(--boscoo-primary);
	font-size: 0.8125rem; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 500; padding: 0.75rem 1.75rem;
	transition: var(--boscoo-transition);
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit:hover, .woocommerce .single_add_to_cart_button:hover,
.woocommerce button.button.alt:hover { background: var(--boscoo-bronze); border-color: var(--boscoo-bronze); color: #fff; }

/* Inputs */
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.woocommerce .select2-container, .woocommerce-page form .form-row input.input-text,
.woocommerce #order_review input, .woocommerce table.cart input,
.select2-container--default .select2-selection--single {
	border-radius: 0.5rem !important; border: 1px solid var(--boscoo-border) !important; padding: 0.5rem 0.875rem;
	font-family: var(--boscoo-font);
}
.woocommerce .select2-container .select2-selection--single { height: 2.75rem; display: flex; align-items: center; }

/* Notices */
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews {
	border-top-color: var(--boscoo-bronze); border-radius: 0.5rem; background: var(--boscoo-muted);
}
.woocommerce-message::before, .woocommerce-info::before { color: var(--boscoo-bronze); }

/* --- Shop / archive grid --- */
.woocommerce ul.products li.product .price { color: var(--boscoo-bronze); font-weight: 600; }
.woocommerce ul.products li.product h2, .woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--boscoo-font-display); color: var(--boscoo-primary);
}
.woocommerce span.onsale, .woocommerce ul.products li.product .onsale {
	background: var(--boscoo-bronze); color: #fff; border-radius: 9999px; min-height: auto; min-width: auto; padding: 0.25rem 0.75rem;
}

/* --- Single product --- */
.woocommerce div.product .product_title { font-family: var(--boscoo-font-display); font-size: 2.5rem; }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--boscoo-bronze); font-size: 1.5rem; }
.woocommerce div.product .quantity .qty { border-radius: 0.5rem; border: 1px solid var(--boscoo-border); }
.boscoo-specs { margin-top: 2rem; display: flex; flex-direction: column; gap: 0.75rem; }
.boscoo-spec-row { display: flex; gap: 1rem; border-top: 1px solid var(--boscoo-border); padding-top: 0.75rem; font-size: 0.875rem; }
.boscoo-spec-row dt { width: 8rem; flex-shrink: 0; }
.boscoo-spec-row dd { margin: 0; color: var(--boscoo-primary); }

/* --- Cart --- */
.woocommerce table.shop_table { border-radius: 0.75rem; border: 1px solid var(--boscoo-border); }
.woocommerce-cart table.cart img { border-radius: 0.5rem; }
.woocommerce-cart .cart-collaterals .cart_totals, .woocommerce .cart_totals {
	background: var(--boscoo-card); border: 1px solid var(--boscoo-border); border-radius: 0.75rem; padding: 1.5rem;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { background: var(--boscoo-primary); }

/* --- Checkout --- */
.woocommerce-checkout #payment { background: var(--boscoo-muted); border-radius: 0.75rem; }
.woocommerce-checkout .woocommerce-checkout-review-order-table { background: var(--boscoo-card); border-radius: 0.75rem; }
#add_payment_method #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background: var(--boscoo-secondary); }

/* --- Order received / Thank you --- */
.woocommerce-order .woocommerce-thankyou-order-received {
	font-family: var(--boscoo-font-display); font-size: 1.75rem; color: var(--boscoo-primary);
	border-left: 3px solid var(--boscoo-bronze); padding-left: 1rem;
}
.woocommerce-order .woocommerce-order-overview { border: 1px solid var(--boscoo-border); border-radius: 0.75rem; padding: 1.25rem; }
.woocommerce-order .woocommerce-order-overview li { border-right-color: var(--boscoo-border); text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.75rem; }
.woocommerce-order .woocommerce-order-overview li strong { color: var(--boscoo-bronze); }

/* --- My Account --- */
.woocommerce-account .woocommerce-MyAccount-navigation {
	background: var(--boscoo-muted); border-radius: 0.75rem; padding: 0.5rem;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation li { border: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: block; padding: 0.75rem 1rem; color: var(--boscoo-stone); text-decoration: none;
	font-size: 0.8125rem; letter-spacing: 0.08em; text-transform: uppercase; border-radius: 0.5rem; transition: var(--boscoo-transition);
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a, .woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
	background: var(--boscoo-primary); color: #fff;
}
.woocommerce-account .woocommerce-MyAccount-content { background: var(--boscoo-card); border: 1px solid var(--boscoo-border); border-radius: 0.75rem; padding: 1.5rem; }
.woocommerce-account .woocommerce-EditAccountForm .button, .woocommerce-account form.login .button, .woocommerce-account form.register .button { background: var(--boscoo-primary); }
.woocommerce form.login, .woocommerce form.register { border-radius: 0.75rem; border: 1px solid var(--boscoo-border); }
.woocommerce-orders-table, .woocommerce table.my_account_orders { border-radius: 0.75rem; overflow: hidden; }

/* =====================================================================
   19. GLOBAL FONTS — load Lovable's Cormorant + Inter site-wide
   (frontend + Elementor editor only; this sheet is not enqueued in admin)
   ===================================================================== */
body,
.elementor-default, .elementor-kit-default,
.e-con, .e-con-inner,
.woocommerce, .woocommerce-page, .woocommerce-checkout, .woocommerce-cart, .woocommerce-account {
	font-family: var(--boscoo-font);
}
/* Headings everywhere → serif display face */
.elementor-widget-heading .elementor-heading-title,
.woocommerce h1, .woocommerce h2, .woocommerce h3,
.woocommerce-page h1, .woocommerce-page h2, .woocommerce-page h3,
.product_title, .entry-title, .woocommerce-loop-product__title {
	font-family: var(--boscoo-font-display);
}

/* =====================================================================
   20. SHOP / ARCHIVE GRID (Boscoo Shop Grid widget)
   ===================================================================== */
.boscoo-archive { padding-block: 4rem; }
.boscoo-archive-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem;
}
@media (min-width: 640px) {
	.boscoo-archive-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem 1.25rem; }
}
@media (min-width: 1024px) {
	.boscoo-archive-grid { grid-template-columns: repeat(var(--boscoo-cols, 4), minmax(0, 1fr)); gap: 2.5rem 2rem; }
}
.boscoo-archive-pagination { margin-top: 3.5rem; display: flex; justify-content: center; }
.boscoo-archive-pagination .woocommerce-pagination ul { display: flex; gap: 0.5rem; border: 0; }
.boscoo-archive-pagination .woocommerce-pagination ul li { border: 0; }
.boscoo-archive-pagination .woocommerce-pagination ul li a,
.boscoo-archive-pagination .woocommerce-pagination ul li span {
	border: 1px solid var(--boscoo-border); border-radius: 9999px; min-width: 2.5rem; height: 2.5rem;
	display: inline-flex; align-items: center; justify-content: center; color: var(--boscoo-primary);
	font-family: var(--boscoo-font); font-size: 0.875rem; padding: 0 0.5rem; background: transparent;
}
.boscoo-archive-pagination .woocommerce-pagination ul li span.current,
.boscoo-archive-pagination .woocommerce-pagination ul li a:hover {
	background: var(--boscoo-primary); color: #fff; border-color: var(--boscoo-primary);
}

/* =====================================================================
   21. SINGLE PRODUCT — Boscoo PDP (Boscoo Single Product widget)
   ===================================================================== */
.boscoo-single { padding-block: 3.5rem; }
.boscoo-pdp { display: grid; grid-template-columns: 1fr; gap: 2.5rem; align-items: start; }
@media (min-width: 900px) { .boscoo-pdp { grid-template-columns: 1.05fr 0.95fr; gap: 4rem; } }

.boscoo-pdp-main-img { position: relative; overflow: hidden; border-radius: 1rem; background: var(--boscoo-muted); }
.boscoo-pdp-main-img img { width: 100%; height: auto; display: block; aspect-ratio: 4 / 5; object-fit: cover; }
.boscoo-pdp-thumbs { display: flex; gap: 0.75rem; margin-top: 0.875rem; }
.boscoo-pdp-thumb { width: 5rem; height: 5rem; border-radius: 0.625rem; overflow: hidden; border: 1px solid var(--boscoo-border); flex: 0 0 auto; }
.boscoo-pdp-thumb img { width: 100%; height: 100%; object-fit: cover; }

.boscoo-pdp-details { padding-top: 0.5rem; }
.boscoo-pdp-title { font-family: var(--boscoo-font-display); font-weight: 400; color: var(--boscoo-primary); font-size: 2.5rem; line-height: 1.1; margin: 0.5rem 0 0; }
.boscoo-pdp-price { font-family: var(--boscoo-font); font-weight: 600; color: var(--boscoo-bronze); font-size: 1.5rem; margin-top: 1rem; }
.boscoo-pdp-price .woocommerce-Price-amount, .boscoo-pdp-price bdi { color: var(--boscoo-bronze); }
.boscoo-pdp-excerpt { color: var(--boscoo-stone); line-height: 1.75; margin-top: 1.25rem; }

.boscoo-pdp .boscoo-specs { margin-top: 1.75rem; border-top: 1px solid var(--boscoo-border); }
.boscoo-specs { display: flex; flex-direction: column; }
.boscoo-spec-row { display: flex; justify-content: space-between; gap: 1.5rem; padding: 0.875rem 0; border-bottom: 1px solid var(--boscoo-border); }
.boscoo-spec-row dt { margin: 0; }
.boscoo-spec-row dd { margin: 0; text-align: right; color: var(--boscoo-primary); font-size: 0.9375rem; }

.boscoo-pdp-buy { margin-top: 2rem; display: flex; flex-direction: column; gap: 0.875rem; }
.boscoo-pdp-buy .quantity { margin-bottom: 0.25rem; }
.boscoo-pdp-buy .quantity .qty { width: 5rem; height: 3rem; border-radius: 0.5rem; border: 1px solid var(--boscoo-border); text-align: center; font-family: var(--boscoo-font); }
.boscoo-pdp-buy form.cart { display: flex; gap: 0.875rem; align-items: stretch; flex-wrap: wrap; margin: 0; }
.boscoo-pdp-buy .single_add_to_cart_button,
.boscoo-pdp-buy button.single_add_to_cart_button {
	flex: 1 1 auto; min-height: 3rem; border-radius: 9999px; background: var(--boscoo-bronze); color: #fff;
	border: 0; font-family: var(--boscoo-font); font-size: 0.875rem; letter-spacing: 0.08em; text-transform: uppercase;
	padding-inline: 2rem; transition: var(--boscoo-transition);
}
.boscoo-pdp-buy .single_add_to_cart_button:hover { background: var(--boscoo-primary); }
.boscoo-btn-outline {
	display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; min-height: 3rem;
	border-radius: 9999px; border: 1px solid var(--boscoo-primary); color: var(--boscoo-primary);
	background: transparent; text-decoration: none; padding-inline: 1.75rem; font-size: 0.875rem;
	letter-spacing: 0.08em; text-transform: uppercase; transition: var(--boscoo-transition); font-family: var(--boscoo-font);
}
.boscoo-btn-outline:hover { background: var(--boscoo-primary); color: #fff; }

/* =====================================================================
   22. CART + CHECKOUT — Lovable skin over real WooCommerce / Pro widgets
   Targets native shortcode markup AND Elementor Pro Cart/Checkout widgets.
   ===================================================================== */
.woocommerce-cart .boscoo-section, .woocommerce-checkout .boscoo-section { background: var(--boscoo-bg); }

/* Section headings on cart/checkout */
.woocommerce-cart .entry-title, .woocommerce-checkout .entry-title,
.woocommerce-checkout #order_review_heading, .woocommerce form .form-row label,
.woocommerce-checkout h3, .e-checkout__order_review h3 {
	font-family: var(--boscoo-font-display); color: var(--boscoo-primary);
}
.woocommerce-billing-fields h3, .woocommerce-shipping-fields h3,
#order_review_heading, .woocommerce-checkout-review-order h3 {
	font-size: 1.75rem; font-weight: 400; letter-spacing: -0.01em;
}

/* Inputs — rounded, bronze focus (covers checkout + cart coupon) */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce #order_review input.input-text,
.select2-container--default .select2-selection--single,
.woocommerce table.cart td.actions .coupon .input-text {
	border-radius: 0.625rem !important; border: 1px solid var(--boscoo-border) !important;
	background: #fff !important; padding: 0.85rem 1rem !important; font-family: var(--boscoo-font) !important;
	min-height: 3rem; color: var(--boscoo-fg) !important; box-shadow: none !important;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
	border-color: var(--boscoo-bronze) !important; outline: 0;
}

/* Order-review / cart-totals → gold summary card (the Lovable panel) */
.woocommerce-checkout-review-order, .e-checkout__order_review,
.cart_totals, .cart-collaterals .cart_totals {
	background: var(--boscoo-accent); border: 1px solid var(--boscoo-sand);
	border-radius: 1rem; padding: 1.75rem !important;
}
.woocommerce-checkout-review-order-table, .e-checkout .shop_table {
	background: transparent !important; border: 0 !important; margin: 0;
}
.woocommerce-checkout-review-order-table thead th { font-family: var(--boscoo-font); font-size: 0.7rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--boscoo-stone); border: 0; }
.woocommerce-checkout-review-order-table tbody td, .woocommerce-checkout-review-order-table tfoot td,
.woocommerce-checkout-review-order-table tfoot th { border-top: 1px solid var(--boscoo-sand); padding: 0.75rem 0; }
.woocommerce-checkout-review-order-table .order-total .amount,
.cart_totals .order-total .amount { color: var(--boscoo-primary); font-weight: 700; font-size: 1.125rem; }

/* Cart line items → card rows */
.woocommerce-cart table.cart, .woocommerce table.shop_table {
	border: 1px solid var(--boscoo-border); border-radius: 1rem; overflow: hidden; background: #fff;
}
.woocommerce-cart table.cart img { border-radius: 0.5rem; }
.woocommerce-cart table.cart td.product-name a { color: var(--boscoo-primary); font-family: var(--boscoo-font-display); font-size: 1.125rem; }
.woocommerce a.remove { color: var(--boscoo-bronze) !important; border-color: var(--boscoo-sand); }
.woocommerce a.remove:hover { background: var(--boscoo-bronze) !important; color: #fff !important; }

/* Place-order + proceed buttons → full-width gold */
.woocommerce #place_order, .e-checkout #place_order,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	width: 100%; background: var(--boscoo-bronze) !important; color: #fff !important; border: 0 !important;
	border-radius: 9999px !important; min-height: 3.25rem; font-family: var(--boscoo-font) !important;
	letter-spacing: 0.1em; text-transform: uppercase; font-size: 0.875rem; transition: var(--boscoo-transition);
}
.woocommerce #place_order:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
	background: var(--boscoo-primary) !important;
}
.woocommerce table.cart td.actions .button, .woocommerce #payment #place_order { font-family: var(--boscoo-font); }

/* Payment box */
.woocommerce-checkout #payment, .e-checkout #payment { background: #fff; border: 1px solid var(--boscoo-border); border-radius: 1rem; }
.woocommerce-checkout #payment ul.payment_methods { border-bottom: 1px solid var(--boscoo-border); }
.woocommerce-checkout #payment div.payment_box { background: var(--boscoo-muted); border-radius: 0.5rem; }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: var(--boscoo-muted); }

/* Two-column checkout spacing on wide screens (native shortcode) */
@media (min-width: 992px) {
	.woocommerce-checkout form.checkout.woocommerce-checkout { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 3rem; align-items: start; }
	.woocommerce-checkout form.checkout .col2-set, .woocommerce-checkout #customer_details { grid-column: 1; }
	.woocommerce-checkout form.checkout #order_review, .woocommerce-checkout form.checkout #order_review_heading { grid-column: 2; }
}

/* =====================================================================
   10. GLOBAL TYPOGRAPHY BASE (v1.1)
   The Lovable site is Inter (body) + Cormorant Garamond (headings)
   EVERYWHERE. The .boscoo-* rules above only style our widgets, so on
   native WooCommerce pages, Elementor text and theme chrome the fonts
   reverted to the theme default — which is why the type "didn't look
   like Lovable." This sets the Lovable fonts as the site default.
   No !important: explicit Elementor per-element typography still wins.
   ===================================================================== */
body,
body.woocommerce, body.woocommerce-page,
body.woocommerce-cart, body.woocommerce-checkout, body.woocommerce-account {
	font-family: var(--boscoo-font);
	color: var(--boscoo-fg);
}
body h1, body h2, body h3, body h4,
.woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce h4 {
	font-family: var(--boscoo-font-display);
}
/* Lovable's "eyebrow" + small-caps labels reused on WC pages */
.woocommerce .boscoo-eyebrow { color: var(--boscoo-bronze); }

/* =====================================================================
   11. SHOP HERO  (Products-Archive template — ShopHero.tsx)
   ===================================================================== */
.boscoo-shop-hero {
	position: relative;
	padding-block: 7rem;
	text-align: center;
	overflow: hidden;
	background-size: cover;
	background-position: center 62%;
	background-color: var(--boscoo-primary);
}
@media (min-width: 768px) { .boscoo-shop-hero { padding-block: 9rem; } }
.boscoo-shop-hero-overlay {
	position: absolute; inset: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0.55), rgba(0,0,0,0.4) 45%, rgba(0,0,0,0.65));
}
.boscoo-shop-hero-inner { position: relative; }
.boscoo-shop-hero-eyebrow {
	font-size: 0.6875rem; letter-spacing: 0.32em; text-transform: uppercase;
	color: #c8ad8a; margin: 0;
}
.boscoo-shop-hero-title {
	font-family: var(--boscoo-font-display); font-weight: 400;
	font-size: 3rem; line-height: 1.05; color: #fff; margin: 1rem 0 0;
}
@media (min-width: 768px) { .boscoo-shop-hero-title { font-size: 3.75rem; } }
.boscoo-shop-hero-sub {
	margin: 1.25rem auto 0; max-width: 36rem; color: rgba(255,255,255,0.85); line-height: 1.7;
}

/* =====================================================================
   12. SHOP FILTER  (category pills + native ordering — ProductCatalog.tsx)
   ===================================================================== */
.boscoo-shop-filter {
	display: block;
	margin-bottom: 2.5rem;
}
.boscoo-shop-filter-bar {
	display: flex; flex-wrap: wrap; gap: 0.75rem 1rem;
	align-items: center; justify-content: space-between;
}
.boscoo-shop-filter-pills { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.boscoo-pill {
	display: inline-flex; align-items: center;
	padding: 0.5rem 1rem; border-radius: 9999px;
	border: 1px solid var(--boscoo-border);
	font-size: 0.6875rem; letter-spacing: 0.22em; text-transform: uppercase; font-weight: 500;
	color: var(--boscoo-primary); text-decoration: none;
	background: transparent; transition: var(--boscoo-transition); white-space: nowrap;
	cursor: pointer; font-family: inherit; line-height: 1.2;
}
.boscoo-pill:hover { background: var(--boscoo-muted); }
.boscoo-pill.is-active {
	background: var(--boscoo-primary); color: #fff; border-color: var(--boscoo-primary);
}

/* Sub-category pills (revealed when a category is active) */
.boscoo-subfilter { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin-top: 1.25rem; }
.boscoo-subfilter[hidden] { display: none; }
.boscoo-subfilter-rule { width: 3px; height: 18px; background: var(--boscoo-bronze); display: inline-block; margin-right: 0.35rem; flex: 0 0 auto; }
.boscoo-subpill {
	display: inline-flex; align-items: center; cursor: pointer; font-family: inherit; line-height: 1.2;
	padding: 0.4rem 0.9rem; border-radius: 9999px; border: 1px solid var(--boscoo-border);
	background: transparent; color: var(--boscoo-fg);
	font-size: 0.625rem; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 500;
	transition: var(--boscoo-transition); white-space: nowrap;
}
.boscoo-subpill:hover { border-color: var(--boscoo-bronze); }
.boscoo-subpill.is-active { background: var(--boscoo-bronze); border-color: var(--boscoo-bronze); color: #fff; }

/* Filter fade-in (so products animate in on every category / sub click) */
@keyframes boscooFilterIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.boscoo-product-card.boscoo-filter-in { animation: boscooFilterIn 0.45s cubic-bezier(0.22,1,0.36,1) both; }

/* Native WooCommerce ordering dropdown restyled to match the Lovable select */
.boscoo-shop-sort { margin: 0; }
.boscoo-shop-sort form.woocommerce-ordering { margin: 0; }
.boscoo-shop-sort select,
.boscoo-sort-select,
.boscoo-shop-sort .orderby {
	-webkit-appearance: none; appearance: none;
	background: var(--boscoo-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23616161' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 1rem center;
	border: 1px solid var(--boscoo-border); border-radius: 9999px;
	padding: 0.55rem 2.5rem 0.55rem 1.25rem; font-size: 0.875rem; font-family: var(--boscoo-font);
	color: var(--boscoo-primary); cursor: pointer;
}

/* =====================================================================
   13. RELATED PRODUCTS  (PDP — "You May Also Like")
   ===================================================================== */
.boscoo-related { padding-block: 4.5rem; }
.boscoo-related-head { text-align: center; margin-bottom: 3rem; }
.boscoo-related-head .boscoo-h2 { margin-top: 0.5rem; }
.boscoo-related-grid {
	display: grid; grid-template-columns: 1fr; gap: 1.5rem;
}
@media (min-width: 640px) { .boscoo-related-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width: 1024px) { .boscoo-related-grid { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 2rem; } }

/* PDP "Continue Browsing" link */
.boscoo-pdp-continue {
	display: inline-flex; align-items: center; gap: 0.4rem;
	margin-top: 2rem; font-size: 0.6875rem; letter-spacing: 0.22em; text-transform: uppercase;
	color: var(--boscoo-bronze); text-decoration: none; transition: var(--boscoo-transition);
}
.boscoo-pdp-continue:hover { opacity: 0.7; }
.boscoo-pdp-continue svg { width: 14px; height: 14px; }

/* =====================================================================
   14. CART / CHECKOUT PAGE SHELL  (Boscoo hero over native WC shortcode)
   ===================================================================== */
.boscoo-shop-page { padding-block: 4rem; }
.boscoo-shop-page-head { margin-bottom: 2.5rem; }
.boscoo-cart-page .boscoo-shop-page-head,
.boscoo-checkout-page .boscoo-shop-page-head { text-align: left; }
.boscoo-shop-page-head .boscoo-page-hero-title { margin-top: 0; }
.boscoo-wc-shell { max-width: 100%; }
/* Strip WooCommerce's default top margin so it sits under our hero cleanly */
.boscoo-wc-shell > .woocommerce { margin-top: 0; }
.boscoo-wc-shell .woocommerce-notices-wrapper:empty { margin: 0; }

/* =====================================================================
   23. MOTION POLISH (v1.2) — button lift + sheen, icon micro-motion,
   section reveal entrance. Mirrors Lovable's ScrollReveal / data-anim.
   ===================================================================== */

/* Buttons: idle→hover lift + a sheen sweep across primary/gold/hero buttons */
.boscoo-btn, .boscoo-hero-btn, .boscoo-btn-outline, .boscoo-pill, .boscoo-pdp-continue {
	transition: transform 0.35s cubic-bezier(0.22,1,0.36,1), box-shadow 0.35s ease, background-color 0.3s ease, color 0.3s ease, letter-spacing 0.3s ease;
	will-change: transform;
}
.boscoo-btn:hover, .boscoo-hero-btn:hover, .boscoo-btn-outline:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 28px -14px rgba(0,0,0,0.35);
}
.boscoo-btn:active, .boscoo-hero-btn:active, .boscoo-btn-outline:active {
	transform: translateY(0) scale(0.985); transition-duration: 0.12s;
}
/* Sheen sweep on the prominent buttons */
.boscoo-btn-primary, .boscoo-hero-btn-gold, .boscoo-hero-btn-ghost { position: relative; overflow: hidden; }
.boscoo-btn-primary::after, .boscoo-hero-btn-gold::after, .boscoo-hero-btn-ghost::after {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.28) 50%, transparent 70%);
	transform: translateX(-120%); transition: transform 0.7s ease;
}
.boscoo-btn-primary:hover::after, .boscoo-hero-btn-gold:hover::after, .boscoo-hero-btn-ghost:hover::after { transform: translateX(120%); }

/* Icon micro-motion inside buttons/links on hover */
[class^="boscoo-"] a:hover > svg, [class^="boscoo-"] button:hover > svg,
.boscoo-btn:hover svg, .boscoo-hero-btn:hover svg {
	transform: translateY(-1px) scale(1.08);
	transition: transform 0.4s cubic-bezier(0.22,1,0.36,1);
}

/* Heading entrance (paired with auto-reveal sections) */
.boscoo-section .boscoo-h2, .boscoo-shop-hero-title, .boscoo-page-hero-title { will-change: transform, opacity; }

@media (prefers-reduced-motion: reduce) {
	.boscoo-btn, .boscoo-hero-btn, .boscoo-btn-outline, .boscoo-pill { transform: none !important; transition: none !important; }
	.boscoo-btn-primary::after, .boscoo-hero-btn-gold::after, .boscoo-hero-btn-ghost::after { display: none !important; }
}

/* =====================================================================
   24. CART QTY STEPPER (native WooCommerce, JS-enhanced) — Lovable look
   ===================================================================== */
.boscoo-qty-stepper { display: inline-flex; align-items: center; border: 1px solid var(--boscoo-border); border-radius: 0.5rem; overflow: hidden; background: var(--boscoo-bg); }
.boscoo-qty-stepper button {
	border: 0; background: transparent; width: 2.25rem; height: 2.5rem; cursor: pointer;
	font-size: 1.1rem; line-height: 1; color: var(--boscoo-primary); font-family: var(--boscoo-font); transition: background-color 0.2s ease;
}
.boscoo-qty-stepper button:hover { background: var(--boscoo-muted); }
.boscoo-qty-stepper .qty {
	width: 2.75rem !important; height: 2.5rem; border: 0 !important; text-align: center; background: transparent;
	font-family: var(--boscoo-font); -moz-appearance: textfield; border-radius: 0 !important;
}
.boscoo-qty-stepper .qty::-webkit-outer-spin-button, .boscoo-qty-stepper .qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* =====================================================================
   25. CUSTOM CART (Boscoo Cart widget) — exact Lovable "Your Cart" layout
   ===================================================================== */
.boscoo-cart-layout { display: grid; grid-template-columns: 1fr; gap: 2.5rem; margin-top: 2.5rem; align-items: start; }
@media (min-width: 1024px) { .boscoo-cart-layout { grid-template-columns: 1fr 360px; gap: 2.5rem; } }

.boscoo-cart-items { display: flex; flex-direction: column; gap: 1.5rem; }
.boscoo-cart-row { display: flex; gap: 1.5rem; align-items: flex-start; border-bottom: 1px solid var(--boscoo-border); padding-bottom: 1.5rem; }
.boscoo-cart-thumb { flex: 0 0 auto; width: 7rem; height: 7rem; border-radius: 0.5rem; overflow: hidden; background: var(--boscoo-muted); display: block; }
.boscoo-cart-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.boscoo-cart-info { flex: 1 1 auto; min-width: 0; }
.boscoo-cart-name { font-family: var(--boscoo-font-display); font-weight: 400; font-size: 1.25rem; line-height: 1.2; margin: 0; color: var(--boscoo-primary); }
.boscoo-cart-name a { color: inherit; text-decoration: none; }
.boscoo-cart-name a:hover { color: var(--boscoo-bronze); }
.boscoo-cart-price { margin: 0.35rem 0 0; font-size: 0.875rem; color: var(--boscoo-bronze); }
.boscoo-cart-price .woocommerce-Price-amount, .boscoo-cart-price bdi { color: var(--boscoo-bronze); }
.boscoo-cart-controls { display: flex; align-items: center; gap: 1rem; margin-top: 1rem; flex-wrap: wrap; }
.boscoo-cart-remove { font-size: 0.6875rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--boscoo-stone); text-decoration: none; transition: color 0.2s ease; }
.boscoo-cart-remove:hover { color: var(--boscoo-bronze); }
.boscoo-cart-linetotal { flex: 0 0 auto; margin: 0; font-family: var(--boscoo-font-display); font-size: 1.125rem; color: var(--boscoo-primary); white-space: nowrap; }
.boscoo-cart-linetotal .woocommerce-Price-amount, .boscoo-cart-linetotal bdi { color: var(--boscoo-primary); }

.boscoo-cart-summary { background: var(--boscoo-muted); padding: 2rem; border-radius: 0.25rem; align-self: start; }
.boscoo-cart-summary-title { font-family: var(--boscoo-font-display); font-weight: 400; font-size: 1.5rem; margin: 0; color: var(--boscoo-primary); }
.boscoo-cart-summary-row { display: flex; justify-content: space-between; margin-top: 1.5rem; color: var(--boscoo-primary); font-size: 0.95rem; }
.boscoo-cart-summary-note { font-size: 0.75rem; color: var(--boscoo-stone); margin: 0.5rem 0 0; }
.boscoo-cart-checkout-btn { width: 100%; margin-top: 1.5rem; }
.boscoo-cart-update { display: none !important; }

.boscoo-cart-empty { text-align: center; padding: 5rem 0; }
.boscoo-cart-empty-text { color: var(--boscoo-stone); margin: 0 0 1.5rem; }

/* =====================================================================
   26. FIXES — category hero title white, suppress WC "View cart" link
   ===================================================================== */
/* Category/Shop hero <h1> kept white (overrides the .woocommerce h1 black rule) */
.boscoo-shop-hero .boscoo-shop-hero-title,
.boscoo-shop-hero h1.boscoo-shop-hero-title { color: #fff !important; }
.boscoo-shop-hero .boscoo-shop-hero-eyebrow { color: #c8ad8a !important; }
.boscoo-shop-hero .boscoo-shop-hero-sub { color: rgba(255,255,255,0.85) !important; }

/* The "Added" feedback must live INSIDE the card button — hide WooCommerce's
   default "View cart" link that it appends after an AJAX add on the cards. */
.boscoo-product-card a.added_to_cart,
.boscoo-pc-atc-wrap a.added_to_cart,
.boscoo-pc-info a.added_to_cart,
.boscoo-product-grid a.added_to_cart { display: none !important; }

/* Checkout: reveal entrance + keep the order panel on the right (Lovable) */
.boscoo-checkout-page .woocommerce, .boscoo-cart-page .woocommerce { margin-top: 0; }

/* =====================================================================
   27. BOSCOO CHECKOUT (custom two-column template) — exact Lovable look
   Form (Delivery Details + Payment + Place Order) left, Order aside right.
   ===================================================================== */
.boscoo-checkout-grid { display: grid; grid-template-columns: 1fr; gap: 2.5rem; margin-top: 2.5rem; align-items: start; }
@media (min-width: 1024px) { .boscoo-checkout-grid { grid-template-columns: minmax(0,1fr) 360px; gap: 2.5rem; } }
/* The form itself must NOT be a grid (older rule targeted form.checkout) */
.boscoo-checkout-form.woocommerce-checkout, form.checkout.boscoo-checkout-form { display: block !important; }

.boscoo-checkout-main { min-width: 0; }

/* Section headings as gold eyebrows ("Delivery Details", "Payment") */
.boscoo-checkout-form .woocommerce-billing-fields > h3,
.boscoo-checkout-form .woocommerce-shipping-fields > h3,
.boscoo-checkout-eyebrow,
.boscoo-checkout-form #ship-to-different-address {
	font-family: var(--boscoo-font) !important; font-size: 0.75rem !important; font-weight: 500 !important;
	letter-spacing: 0.28em !important; text-transform: uppercase !important; color: var(--boscoo-bronze) !important;
	margin: 2rem 0 1rem !important;
}
.boscoo-checkout-form .woocommerce-billing-fields > h3:first-child { margin-top: 0 !important; }

/* Fields — clean Lovable inputs, full width, gold focus, labels hidden */
.boscoo-checkout-form .form-row { margin: 0 0 0.75rem; padding: 0; display: block; }
.boscoo-checkout-form .form-row label.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.boscoo-checkout-form .form-row input.input-text,
.boscoo-checkout-form .form-row textarea,
.boscoo-checkout-form .form-row select,
.boscoo-checkout-form .select2-container .select2-selection {
	width: 100% !important; background: var(--boscoo-bg) !important; border: 1px solid var(--boscoo-border) !important;
	border-radius: 0 !important; padding: 0.9rem 1.25rem !important; font-size: 0.9rem !important;
	font-family: var(--boscoo-font) !important; color: var(--boscoo-fg) !important; box-shadow: none !important; min-height: 3rem;
}
.boscoo-checkout-form .form-row input.input-text:focus,
.boscoo-checkout-form .form-row textarea:focus,
.boscoo-checkout-form .form-row select:focus { outline: none !important; border-color: var(--boscoo-bronze) !important; }
.boscoo-checkout-form .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 1.4 !important; padding: 0 !important; color: var(--boscoo-fg); }
.boscoo-checkout-form .select2-container--default .select2-selection--single .select2-selection__arrow { top: 0.65rem !important; }

/* Two-up rows (first/last name, city/postcode) like Lovable */
@media (min-width: 600px) {
	.boscoo-checkout-form .form-row-first, .boscoo-checkout-form .form-row-last { display: inline-block; width: calc(50% - 0.4rem); vertical-align: top; }
	.boscoo-checkout-form .form-row-first { margin-right: 0.7rem; }
}

/* Payment box — clean, no woo "box" chrome */
.boscoo-checkout-form #payment { background: transparent !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; }
.boscoo-checkout-form #payment ul.payment_methods { border: 1px solid var(--boscoo-border) !important; border-radius: 0 !important; padding: 1rem 1.25rem !important; background: var(--boscoo-bg) !important; margin: 0 0 1rem !important; }
.boscoo-checkout-form #payment div.payment_box { background: var(--boscoo-muted) !important; border-radius: 0 !important; }
.boscoo-checkout-form #payment div.payment_box::before { display: none !important; }

/* Place Order — black, full width (Lovable) */
.boscoo-checkout-form #place_order,
.boscoo-checkout-form #payment #place_order {
	width: 100% !important; background: var(--boscoo-primary) !important; color: #fff !important; border: 0 !important;
	border-radius: 0 !important; padding: 1.1rem 1.5rem !important; font-family: var(--boscoo-font) !important;
	font-size: 0.8125rem !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; font-weight: 600 !important;
	margin-top: 0.5rem !important; transition: background-color 0.3s ease !important; float: none !important;
}
.boscoo-checkout-form #place_order:hover { background: var(--boscoo-bronze) !important; }

/* Order aside — Lovable summary panel */
.boscoo-checkout-aside { background: var(--boscoo-muted); padding: 2rem; align-self: start; }
@media (min-width: 1024px) { .boscoo-checkout-aside { position: sticky; top: 1.5rem; } }
.boscoo-checkout-order-title { font-family: var(--boscoo-font-display) !important; font-weight: 400 !important; font-size: 1.5rem !important; color: var(--boscoo-primary) !important; margin: 0 0 1.25rem !important; letter-spacing: 0 !important; }
.boscoo-checkout-aside table.shop_table { background: transparent !important; border: 0 !important; margin: 0; }
.boscoo-checkout-aside table.shop_table th,
.boscoo-checkout-aside table.shop_table td { border: 0 !important; padding: 0.5rem 0 !important; font-size: 0.9rem; color: var(--boscoo-fg); }
.boscoo-checkout-aside table.shop_table tbody td { border-bottom: 1px solid var(--boscoo-sand) !important; }
.boscoo-checkout-aside .cart-subtotal th, .boscoo-checkout-aside .cart-subtotal td { padding-top: 0.9rem !important; }
.boscoo-checkout-aside .order-total th { font-family: var(--boscoo-font-display); font-weight: 400; font-size: 1.05rem; }
.boscoo-checkout-aside .order-total td, .boscoo-checkout-aside .order-total .amount { color: var(--boscoo-bronze) !important; font-family: var(--boscoo-font-display); font-size: 1.1rem; }
.boscoo-checkout-aside .product-name { color: var(--boscoo-fg); }
.boscoo-checkout-aside .product-total .amount { color: var(--boscoo-fg); }

/* ---- Checkout reinforcement: kill ALL input radius + lock Order aside font/bg ---- */
.boscoo-checkout-form input,
.boscoo-checkout-form select,
.boscoo-checkout-form textarea,
.boscoo-checkout-form .select2-selection,
.boscoo-checkout-form .select2-dropdown,
.boscoo-checkout-form button { border-radius: 0 !important; }

.boscoo-checkout-aside,
.boscoo-checkout-aside .woocommerce-checkout-review-order,
.boscoo-checkout-aside table.shop_table { background: var(--boscoo-muted) !important; border-radius: 0 !important; }
.boscoo-checkout-aside,
.boscoo-checkout-aside table.shop_table,
.boscoo-checkout-aside .cart-subtotal,
.boscoo-checkout-aside .product-name,
.boscoo-checkout-aside .product-total,
.boscoo-checkout-aside .amount { font-family: var(--boscoo-font) !important; }
.boscoo-checkout-order-title,
.boscoo-checkout-aside .order-total th,
.boscoo-checkout-aside .order-total td,
.boscoo-checkout-aside .order-total .amount { font-family: var(--boscoo-font-display) !important; }

/* ---- Cart mobile: stop the right-hand line totals being clipped ---- */
@media (max-width: 600px) {
	.boscoo-cart-row { flex-wrap: wrap; gap: 1rem; }
	.boscoo-cart-thumb { width: 5rem; height: 5rem; }
	.boscoo-cart-info { flex: 1 1 calc(100% - 6rem); min-width: 0; }
	.boscoo-cart-linetotal { flex: 1 1 100%; text-align: right; margin: 0.25rem 0 0; }
	.boscoo-cart-name, .boscoo-cart-price { overflow-wrap: anywhere; }
}
/* Never let the cart layout force horizontal scroll / clip content */
.boscoo-cart-layout, .boscoo-cart-items, .boscoo-cart-row { max-width: 100%; }
.boscoo-cart-row > * { min-width: 0; }