:root {
--baf-green:      #3a5a3a;
--baf-green-light:#5a8a5a;
--baf-gold:       #8B6914;
--baf-gold-light: #c49a2a;
--baf-cream:      #fdf6e3;
--baf-cream-dark: #f5ead0;
--baf-brown:      #5a3e00;
--baf-text:       #2d2d2d;
--baf-muted:      #666;
--baf-border:     #ddd;
--baf-white:      #ffffff;
--baf-radius:     10px;
--baf-shadow:     0 20px 60px rgba(0,0,0,0.35);
--baf-font:       'Georgia', 'Times New Roman', serif;
--baf-font-sans:  -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
} .baf-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.65);
z-index: 999999999;
align-items: center;
justify-content: center;
padding: 16px;
backdrop-filter: blur(2px);
isolation: isolate;
transform: translateZ(0);
-webkit-backdrop-filter: blur(2px);
animation: bafFadeIn 0.2s ease;
}
.baf-overlay.open {
display: flex;
}
@keyframes bafFadeIn {
from { opacity: 0; }
to   { opacity: 1; }
} .baf-modal {
background: var(--baf-white);
border-radius: 16px;
width: 100%;
max-width: 620px;
max-height: 90vh;
display: flex;
flex-direction: column;
box-shadow: var(--baf-shadow);
animation: bafSlideUp 0.25s ease;
position: relative;
z-index: 1000000000;
overflow: hidden;
}
@keyframes bafSlideUp {
from { opacity: 0; transform: translateY(24px); }
to   { opacity: 1; transform: translateY(0); }
} .baf-close {
position: absolute;
top: 14px;
right: 16px;
background: rgba(0,0,0,0.08);
border: none;
border-radius: 50%;
width: 32px;
height: 32px;
font-size: 18px;
line-height: 1;
cursor: pointer;
color: var(--baf-muted);
z-index: 10;
transition: background 0.15s, color 0.15s;
display: flex;
align-items: center;
justify-content: center;
}
.baf-close:hover {
background: rgba(0,0,0,0.15);
color: var(--baf-text);
} .baf-modal-header {
background: linear-gradient(135deg, var(--baf-green) 0%, var(--baf-green-light) 100%);
padding: 22px 52px 22px 24px;
display: flex;
align-items: center;
gap: 14px;
flex-shrink: 0;
}
.baf-header-icon {
font-size: 32px;
flex-shrink: 0;
}
.baf-modal-header h2 {
color: var(--baf-white) !important;
margin: 0 0 4px 0 !important;
font-family: var(--baf-font) !important;
font-size: 1.3rem !important;
font-weight: 700 !important;
line-height: 1.2 !important;
}
.baf-modal-header p {
color: rgba(255,255,255,0.85) !important;
margin: 0 !important;
font-size: 0.88rem !important;
line-height: 1.4 !important;
} .baf-steps-nav {
display: flex;
align-items: center;
padding: 16px 20px;
background: var(--baf-cream);
border-bottom: 1px solid var(--baf-cream-dark);
flex-shrink: 0;
overflow-x: auto;
}
.baf-step-indicator {
display: flex;
flex-direction: column;
align-items: center;
cursor: default;
min-width: 60px;
}
.baf-step-circle {
width: 30px;
height: 30px;
border-radius: 50%;
background: #ddd;
color: #aaa;
font-size: 13px;
font-weight: 700;
font-family: var(--baf-font-sans);
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s, color 0.2s;
border: 2px solid #ddd;
}
.baf-step-label {
font-size: 10px;
color: #aaa;
margin-top: 4px;
text-align: center;
font-family: var(--baf-font-sans);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.03em;
white-space: nowrap;
transition: color 0.2s;
}
.baf-step-line {
flex: 1;
height: 2px;
background: #ddd;
margin: 0 4px;
margin-bottom: 18px;
transition: background 0.2s;
} .baf-step-indicator.active .baf-step-circle {
background: var(--baf-green);
color: var(--baf-white);
border-color: var(--baf-green);
}
.baf-step-indicator.active .baf-step-label {
color: var(--baf-green);
} .baf-step-indicator.done .baf-step-circle {
background: var(--baf-gold);
color: var(--baf-white);
border-color: var(--baf-gold);
}
.baf-step-indicator.done .baf-step-label {
color: var(--baf-gold);
}
.baf-step-indicator.done + .baf-step-line {
background: var(--baf-gold);
} .baf-panels {
flex: 1;
overflow-y: auto;
padding: 0;
}
.baf-panel {
display: none;
padding: 24px;
animation: bafPanelIn 0.2s ease;
}
.baf-panel.active {
display: block;
}
@keyframes bafPanelIn {
from { opacity: 0; transform: translateX(10px); }
to   { opacity: 1; transform: translateX(0); }
}
.baf-panel-icon {
font-size: 36px;
margin-bottom: 10px;
}
.baf-panel h3 {
color: var(--baf-brown) !important;
font-family: var(--baf-font) !important;
font-size: 1.15rem !important;
font-weight: 700 !important;
margin: 0 0 12px 0 !important;
line-height: 1.3 !important;
}
.baf-panel p {
color: var(--baf-text) !important;
font-family: var(--baf-font-sans) !important;
font-size: 0.92rem !important;
line-height: 1.6 !important;
margin: 0 0 12px 0 !important;
} .baf-callout {
background: var(--baf-cream);
border-left: 4px solid var(--baf-gold);
border-radius: 0 8px 8px 0;
padding: 14px 16px;
margin: 14px 0;
font-family: var(--baf-font-sans);
font-size: 0.88rem;
color: var(--baf-text);
line-height: 1.5;
}
.baf-callout strong {
color: var(--baf-brown);
}
.baf-callout ul {
margin: 8px 0 0 0;
padding-left: 18px;
}
.baf-callout ul li {
margin-bottom: 4px;
}
.baf-callout-info {
border-left-color: var(--baf-green);
background: #f0f6f0;
} .baf-cards {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
margin: 14px 0;
}
.baf-card {
background: var(--baf-cream);
border: 2px solid var(--baf-cream-dark);
border-radius: var(--baf-radius);
padding: 16px;
text-align: center;
transition: border-color 0.15s;
}
.baf-card:hover {
border-color: var(--baf-gold-light);
}
.baf-card-icon {
font-size: 28px;
margin-bottom: 6px;
}
.baf-card h4 {
color: var(--baf-brown) !important;
font-family: var(--baf-font) !important;
font-size: 1rem !important;
margin: 0 0 8px 0 !important;
font-weight: 700 !important;
}
.baf-card-stat {
font-size: 0.95rem;
font-weight: 700;
color: var(--baf-green);
margin-bottom: 4px;
font-family: var(--baf-font-sans);
}
.baf-card-detail {
font-size: 0.8rem;
color: var(--baf-muted);
margin-bottom: 2px;
font-family: var(--baf-font-sans);
}
.baf-card-price {
font-size: 1.05rem;
font-weight: 700;
color: var(--baf-brown);
margin-top: 10px;
font-family: var(--baf-font-sans);
}
.baf-card-ppl {
font-size: 0.8rem;
color: var(--baf-gold);
font-weight: 600;
font-family: var(--baf-font-sans);
} .baf-step-breakdown {
display: flex;
flex-direction: column;
gap: 14px;
margin: 14px 0;
}
.baf-breakdown-item {
display: flex;
gap: 14px;
align-items: flex-start;
}
.baf-breakdown-num {
background: var(--baf-green);
color: var(--baf-white);
border-radius: 50%;
width: 30px;
height: 30px;
min-width: 30px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 700;
font-family: var(--baf-font-sans);
flex-shrink: 0;
margin-top: 2px;
}
.baf-breakdown-item strong {
display: block;
color: var(--baf-brown);
font-size: 0.9rem;
font-family: var(--baf-font-sans);
}
.baf-breakdown-item span {
color: var(--baf-muted);
font-size: 0.83rem;
font-family: var(--baf-font-sans);
line-height: 1.5;
} .baf-final-cta {
background: var(--baf-green);
border-radius: var(--baf-radius);
padding: 20px;
text-align: center;
margin-top: 16px;
}
.baf-final-cta p {
color: rgba(255,255,255,0.9) !important;
margin: 0 0 14px 0 !important;
font-size: 0.95rem !important;
}
.baf-reserve-btn {
display: inline-block;
background: var(--baf-gold);
color: var(--baf-white) !important;
text-decoration: none !important;
padding: 12px 28px;
border-radius: 6px;
font-family: var(--baf-font-sans);
font-weight: 700;
font-size: 1rem;
letter-spacing: 0.03em;
transition: background 0.15s, transform 0.1s;
}
.baf-reserve-btn:hover {
background: var(--baf-gold-light);
transform: translateY(-1px);
}
.baf-contact-line {
color: rgba(255,255,255,0.75) !important;
font-size: 0.83rem !important;
margin-top: 10px !important;
margin-bottom: 0 !important;
}
.baf-contact-line a {
color: rgba(255,255,255,0.9) !important;
} .baf-footer {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 24px;
border-top: 1px solid var(--baf-border);
background: var(--baf-cream);
flex-shrink: 0;
}
.baf-nav-btn {
background: var(--baf-green);
color: var(--baf-white);
border: none;
border-radius: 6px;
padding: 10px 22px;
font-family: var(--baf-font-sans);
font-weight: 700;
font-size: 0.9rem;
cursor: pointer;
transition: background 0.15s, opacity 0.15s, transform 0.1s;
letter-spacing: 0.03em;
text-transform: uppercase;
}
.baf-nav-btn:hover:not(:disabled) {
background: var(--baf-green-light);
transform: translateY(-1px);
}
.baf-nav-btn:disabled {
opacity: 0.3;
cursor: default;
}
.baf-nav-btn.baf-next {
background: var(--baf-gold);
}
.baf-nav-btn.baf-next:hover:not(:disabled) {
background: var(--baf-gold-light);
}
.baf-step-counter {
font-family: var(--baf-font-sans);
font-size: 0.83rem;
color: var(--baf-muted);
} .baf-trigger-link {
color: var(--baf-gold) !important;
text-decoration: underline !important;
cursor: pointer;
font-family: var(--baf-font-sans);
font-size: inherit;
}
.baf-trigger-link:hover {
color: var(--baf-gold-light) !important;
}
.baf-trigger-btn {
background: transparent;
border: 2px solid var(--baf-gold);
color: var(--baf-gold);
border-radius: 6px;
padding: 8px 18px;
font-family: var(--baf-font-sans);
font-weight: 600;
font-size: 0.9rem;
cursor: pointer;
transition: background 0.15s, color 0.15s;
}
.baf-trigger-btn:hover {
background: var(--baf-gold);
color: var(--baf-white);
} .baf-inline-price,
.baf-inline-deposit {
font-weight: 700;
color: var(--baf-brown);
} @media (max-width: 540px) {
.baf-modal {
max-height: 95vh;
border-radius: 12px;
}
.baf-cards {
grid-template-columns: 1fr;
}
.baf-step-label {
display: none;
}
.baf-step-indicator {
min-width: 36px;
}
.baf-modal-header h2 {
font-size: 1.05rem !important;
}
.baf-panel {
padding: 18px;
}
.baf-footer {
padding: 12px 16px;
}
.baf-nav-btn {
padding: 9px 16px;
font-size: 0.82rem;
}
} .baf-step-intro {
font-size: 1rem !important;
color: var(--baf-text) !important;
font-family: var(--baf-font-sans) !important;
margin: 0 0 16px 0 !important;
line-height: 1.5 !important;
} .baf-visual-compare {
display: flex;
align-items: stretch;
gap: 0;
margin-bottom: 16px;
border-radius: var(--baf-radius);
overflow: hidden;
border: 1px solid var(--baf-border);
}
.baf-compare-box {
flex: 1;
padding: 16px 14px;
font-family: var(--baf-font-sans);
}
.baf-compare-store {
background: #fafafa;
}
.baf-compare-farm {
background: #f0f6f0;
}
.baf-compare-vs {
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px;
background: #fff;
font-weight: 800;
font-size: 0.85rem;
color: var(--baf-muted);
font-family: var(--baf-font-sans);
border-left: 1px solid var(--baf-border);
border-right: 1px solid var(--baf-border);
}
.baf-compare-icon {
font-size: 28px;
margin-bottom: 6px;
}
.baf-compare-label {
font-weight: 700;
font-size: 0.88rem;
margin-bottom: 8px;
color: var(--baf-brown);
}
.baf-compare-box ul {
margin: 0;
padding-left: 16px;
font-size: 0.82rem;
color: var(--baf-text);
line-height: 1.7;
} .baf-cow-visual {
margin-bottom: 10px;
}
.baf-cow-svg {
width: 100%;
height: auto;
display: block;
} .baf-payment-flow {
display: flex;
flex-direction: column;
gap: 0;
margin: 0 0 16px 0;
background: var(--baf-cream);
border-radius: var(--baf-radius);
overflow: hidden;
border: 1px solid var(--baf-cream-dark);
}
.baf-flow-step {
display: flex;
align-items: center;
gap: 14px;
padding: 14px 16px;
background: var(--baf-white);
margin: 1px 0;
}
.baf-flow-icon {
font-size: 24px;
flex-shrink: 0;
width: 36px;
text-align: center;
}
.baf-flow-text {
display: flex;
flex-direction: column;
font-family: var(--baf-font-sans);
}
.baf-flow-text strong {
font-size: 0.9rem;
color: var(--baf-brown);
display: block;
}
.baf-flow-text span {
font-size: 0.8rem;
color: var(--baf-muted);
margin-top: 2px;
}
.baf-flow-arrow {
text-align: center;
font-size: 1.1rem;
color: var(--baf-gold);
padding: 2px 0;
font-weight: 700;
background: var(--baf-cream);
} .baf-cuts-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
margin-bottom: 16px;
}
.baf-cut-item {
background: var(--baf-cream);
border: 1px solid var(--baf-cream-dark);
border-radius: 8px;
padding: 14px 12px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 4px;
}
.baf-cut-emoji {
font-size: 28px;
}
.baf-cut-name {
font-weight: 700;
font-size: 0.88rem;
color: var(--baf-brown);
font-family: var(--baf-font-sans);
}
.baf-cut-desc {
font-size: 0.75rem;
color: var(--baf-muted);
font-family: var(--baf-font-sans);
line-height: 1.3;
} .baf-pickup-steps {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 16px;
}
.baf-pickup-item {
display: flex;
align-items: center;
gap: 12px;
background: var(--baf-cream);
border-radius: 8px;
padding: 12px 14px;
border: 1px solid var(--baf-cream-dark);
}
.baf-pickup-num {
background: var(--baf-green);
color: #fff;
border-radius: 50%;
width: 24px;
height: 24px;
min-width: 24px;
display: flex;
align-items: center;
justify-content: center;
font-size: 11px;
font-weight: 700;
font-family: var(--baf-font-sans);
}
.baf-pickup-icon {
font-size: 22px;
flex-shrink: 0;
}
.baf-pickup-text {
display: flex;
flex-direction: column;
font-family: var(--baf-font-sans);
}
.baf-pickup-text strong {
font-size: 0.88rem;
color: var(--baf-brown);
}
.baf-pickup-text span {
font-size: 0.78rem;
color: var(--baf-muted);
margin-top: 2px;
} @media (max-width: 480px) {
.baf-cuts-grid {
grid-template-columns: 1fr 1fr;
gap: 8px;
}
.baf-visual-compare {
flex-direction: column;
}
.baf-compare-vs {
padding: 6px;
border: none;
border-top: 1px solid var(--baf-border);
border-bottom: 1px solid var(--baf-border);
}
}@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Outfit:wght@300;400;500;600&display=swap");
:root {
--bafs-cream: #F5F0E8;
--bafs-cream-dark: #EDE6D8;
--bafs-bark: #3B2F20;
--bafs-bark-light: #5C4A36;
--bafs-sage: #6B7F5E;
--bafs-sage-light: #8FA67E;
--bafs-gold: #C4973B;
--bafs-gold-light: #D4AD5A;
--bafs-text: #4A4035;
--bafs-red: #A34A3B;
--bafs-font-display: 'Cormorant Garamond', Georgia, serif;
--bafs-font-body: 'Outfit', -apple-system, sans-serif;
--bafs-nav-height: 0px; } .bafs-cart-overlay {
position: fixed;
inset: 0;
background: rgba(42, 37, 32, 0.5);
z-index: 99998;
opacity: 0;
visibility: hidden;
transition: opacity 0.4s, visibility 0.4s;
}
.bafs-cart-overlay.open { opacity: 1; visibility: visible; } .bafs-cart-drawer {
position: fixed;
top: var(--bafs-nav-height, 0px);
right: 0;
bottom: 0;
width: 420px;
max-width: 90vw;
background: var(--bafs-cream);
z-index: 99999;
transform: translateX(100%);
transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
display: flex;
flex-direction: column;
box-shadow: -10px 0 60px rgba(42,37,32,0.15);
font-family: var(--bafs-font-body);
}
.bafs-cart-drawer.open { transform: translateX(0); }
.bafs-cart-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1.5rem 1.75rem;
border-bottom: 1px solid var(--bafs-cream-dark);
flex-shrink: 0;
}
.bafs-cart-header h3 {
font-family: var(--bafs-font-display) !important;
font-size: 1.5rem !important;
font-weight: 600 !important;
color: var(--bafs-bark) !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.3 !important;
}
.bafs-cart-close {
background: none !important;
border: none !important;
cursor: pointer;
color: var(--bafs-bark-light);
padding: 0.25rem !important;
transition: color 0.3s, transform 0.3s;
line-height: 0 !important;
}
.bafs-cart-close:hover { color: var(--bafs-bark); transform: rotate(90deg); }
.bafs-cart-close svg { width: 24px; height: 24px; display: block; }
.bafs-cart-items {
flex: 1;
overflow-y: auto;
padding: 1rem 1.75rem;
}
.bafs-cart-empty {
text-align: center;
padding: 3rem 1rem;
color: var(--bafs-bark-light);
}
.bafs-cart-empty p { margin: 0 !important; }
.bafs-cart-item {
display: flex;
gap: 1rem;
padding: 1.25rem 0;
border-bottom: 1px solid var(--bafs-cream-dark);
}
.bafs-cart-item-img {
width: 64px;
height: 64px;
border-radius: 8px;
overflow: hidden;
flex-shrink: 0;
background: var(--bafs-cream-dark);
}
.bafs-cart-item-img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.bafs-cart-item-info {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
gap: 0.2rem;
}
.bafs-cart-item-name {
font-family: var(--bafs-font-display);
font-size: 1rem;
font-weight: 600;
color: var(--bafs-bark);
line-height: 1.2;
}
.bafs-cart-item-price {
font-size: 0.82rem;
color: var(--bafs-bark-light);
}
.bafs-cart-item-qty {
display: flex;
align-items: center;
gap: 0;
margin-top: 0.35rem;
}
.bafs-qty-btn {
width: 28px;
height: 28px;
border: 1.5px solid var(--bafs-cream-dark) !important;
background: #fff !important;
color: var(--bafs-bark) !important;
font-size: 1rem !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: border-color 0.2s, background 0.2s;
padding: 0 !important;
line-height: 1 !important;
min-height: 0 !important;
}
.bafs-qty-btn:first-child { border-radius: 6px 0 0 6px !important; }
.bafs-qty-btn:last-child { border-radius: 0 6px 6px 0 !important; }
.bafs-qty-btn:hover { border-color: var(--bafs-bark-light) !important; background: var(--bafs-cream-dark) !important; }
.bafs-cart-item-qty > span {
width: 36px;
height: 28px;
border-top: 1.5px solid var(--bafs-cream-dark);
border-bottom: 1.5px solid var(--bafs-cream-dark);
display: flex;
align-items: center;
justify-content: center;
font-size: 0.82rem;
font-weight: 500;
background: #fff;
color: var(--bafs-bark);
}
.bafs-cart-item-remove {
align-self: flex-start;
background: none !important;
border: none !important;
color: var(--bafs-bark-light) !important;
cursor: pointer;
padding: 0.2rem !important;
opacity: 0.4;
transition: opacity 0.3s, color 0.3s;
flex-shrink: 0;
line-height: 0 !important;
}
.bafs-cart-item-remove:hover { opacity: 1; color: var(--bafs-red) !important; }
.bafs-cart-item-remove svg { width: 16px; height: 16px; display: block; } .bafs-cart-footer {
padding: 1.5rem 1.75rem;
border-top: 1px solid var(--bafs-cream-dark);
background: #fff;
flex-shrink: 0;
}
.bafs-cart-subtotal {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1rem;
}
.bafs-cart-subtotal span {
font-size: 0.9rem;
color: var(--bafs-bark-light);
}
.bafs-cart-subtotal strong {
font-family: var(--bafs-font-display);
font-size: 1.5rem;
color: var(--bafs-bark);
}
.bafs-checkout-btn {
display: block !important;
width: 100% !important;
padding: 1rem !important;
background: var(--bafs-gold) !important;
color: var(--bafs-bark) !important;
border: none !important;
border-radius: 10px !important;
font-family: var(--bafs-font-body) !important;
font-size: 0.82rem !important;
font-weight: 600 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
cursor: pointer !important;
transition: background 0.3s, transform 0.2s, box-shadow 0.3s !important;
text-align: center !important;
line-height: 1.4 !important;
}
.bafs-checkout-btn:hover {
background: var(--bafs-gold-light) !important;
transform: translateY(-1px);
box-shadow: 0 6px 20px rgba(196, 151, 59, 0.35);
}
.bafs-checkout-btn:disabled {
opacity: 0.5 !important;
cursor: not-allowed !important;
transform: none !important;
box-shadow: none !important;
}
.bafs-stripe-note {
margin-top: 0.85rem;
display: flex;
align-items: center;
justify-content: center;
gap: 0.4rem;
font-size: 0.7rem;
color: var(--bafs-bark-light);
opacity: 0.6;
} .bafs-floating-cart {
position: fixed;
bottom: 2rem;
right: 2rem;
z-index: 99997;
width: 56px;
height: 56px;
border-radius: 50% !important;
background: var(--bafs-bark) !important;
color: var(--bafs-cream) !important;
border: none !important;
cursor: pointer !important;
box-shadow: 0 4px 24px rgba(42,37,32,0.3);
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.3s, box-shadow 0.3s;
padding: 0 !important;
min-height: 0 !important;
line-height: 0 !important;
}
.bafs-floating-cart:hover {
transform: scale(1.08);
box-shadow: 0 6px 32px rgba(42,37,32,0.4);
}
.bafs-floating-cart svg { width: 24px; height: 24px; display: block; }
.bafs-floating-count {
position: absolute;
top: -4px;
right: -4px;
background: var(--bafs-gold);
color: var(--bafs-bark);
font-family: var(--bafs-font-body);
font-size: 0.65rem;
font-weight: 700;
width: 20px;
height: 20px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
} .bafs-toast {
position: fixed;
bottom: 2rem;
left: 50%;
transform: translateX(-50%) translateY(100px);
background: var(--bafs-bark);
color: var(--bafs-cream);
padding: 0.85rem 1.5rem;
border-radius: 10px;
font-size: 0.85rem;
font-family: var(--bafs-font-body);
z-index: 100000;
display: flex;
align-items: center;
gap: 0.6rem;
box-shadow: 0 10px 40px rgba(42,37,32,0.25);
opacity: 0;
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s;
pointer-events: none;
white-space: nowrap;
}
.bafs-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
.bafs-toast svg { width: 18px; height: 18px; color: var(--bafs-sage-light); flex-shrink: 0; display: block; } @media (max-width: 550px) {
.bafs-cart-drawer { width: 100%; max-width: 100vw; }
.bafs-floating-cart { bottom: 1.25rem; right: 1.25rem; }
}