/* =================================================================
 * Barky Birch homepage redesign (Oct 2026)
 * Scoped to the homepage (.elementor-8) except the header logo block.
 * To roll back: remove the bb-home-redesign enqueue in
 * wp-content/novamira-sandbox/barky-birch-studio.php
 * ================================================================= */

/* ---------- Header: dachshund mark + wordmark ---------- */
.whb-header .site-logo .wd-logo { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; }
.whb-header .site-logo .wd-logo img { width: 52px !important; max-width: 52px !important; height: 52px; object-fit: contain; border-radius: 50%; background: #fff; }
.whb-header .site-logo .wd-logo::after { content: "Barky Birch"; font-family: "Bricolage Grotesque", sans-serif; font-weight: 700; font-size: 26px; line-height: 1; letter-spacing: -0.02em; color: #17201B; white-space: nowrap; }
@media (max-width: 1024px) { .whb-header .site-logo .wd-logo img { width: 44px !important; max-width: 44px !important; height: 44px; } .whb-header .site-logo .wd-logo::after { font-size: 22px; } }

/* ---------- Shared ---------- */
.elementor-8 .bb-h2 { font-size: 52px; letter-spacing: -0.025em; line-height: 1.05; }
.elementor-8 [data-interaction-id] { box-sizing: border-box; }
.elementor-8 .bb-card-lift { transition: transform .25s ease, box-shadow .25s ease; }
.elementor-8 .bb-card-lift:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(30,59,49,.16); }

/* ---------- Hero ---------- */
.elementor-8 [data-interaction-id="1db1bee7"] { overflow: hidden; padding-top: 72px !important; }
.elementor-8 [data-interaction-id="d3e9f25"] { display: grid !important; grid-template-columns: 7fr 5fr; gap: 56px; align-items: center; }
.elementor-8 [data-interaction-id="24938baa"] { gap: 28px !important; width: auto !important; max-width: none !important; }
.elementor-8 [data-interaction-id="bb0a0001"] { display: inline-flex; align-items: center; gap: 10px; align-self: flex-start; margin: 0; padding: 8px 16px 8px 12px; border-radius: 999px; background: #fff; border: 1px solid #D8DAD2; font-size: 14px; font-weight: 600; color: #4B5550; }
.elementor-8 [data-interaction-id="bb0a0001"]::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: #FDA600; }
.elementor-8 [data-interaction-id="4af5d07a"] { font-size: 76px !important; line-height: 1 !important; letter-spacing: -0.035em !important; margin: 0; }
.elementor-8 .bb-ul { white-space: nowrap; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M2 9 C 50 2, 120 2, 198 8' fill='none' stroke='%23FDA600' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") left bottom / 100% 14px no-repeat; padding-bottom: 6px; }
.elementor-8 [data-interaction-id="666f5030"] { max-width: 560px; }
.elementor-8 [data-interaction-id="53401b60"] { display: inline-flex; align-items: center; gap: 10px; }
.elementor-8 [data-interaction-id="53401b60"]::after { content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat; }
/* material chips */
.elementor-8 [data-interaction-id="e9fe47d"] { flex-wrap: wrap; align-items: center; gap: 8px !important; padding-top: 16px; border-top: 1px solid #D8DAD2; }
.elementor-8 [data-interaction-id="bb0a0002"] { margin: 0 10px 0 0; font-size: 13px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #8A5300; }
.elementor-8 [data-interaction-id="e9fe47d"] .bb-chip { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 6px 14px 6px 6px !important; border-radius: 999px; background: #fff !important; border: 0 !important; font-size: 14px; font-weight: 600; color: #17201B; }
.elementor-8 [data-interaction-id="e9fe47d"] .bb-chip::before { content: ""; width: 22px; height: 22px; border-radius: 50%; background: #B9874F; }
.elementor-8 [data-interaction-id="49914394"]::before { background: #3E4448 !important; }
.elementor-8 [data-interaction-id="675db177"]::before { background: #A9B0B4 !important; }
.elementor-8 [data-interaction-id="2eab4da0"]::before { background: #5B7FD1 !important; }
.elementor-8 [data-interaction-id="209ec028"]::before { background: #E6DCC8 !important; box-shadow: inset 0 0 0 1px #D8DAD2; }
/* collage */
.elementor-8 [data-interaction-id="46ec2bfe"] { position: relative !important; display: block !important; height: 600px; width: auto !important; min-height: 0 !important; }
.elementor-8 [data-interaction-id="46ec2bfe"]::before { content: ""; position: absolute; right: 10px; top: 30px; width: 74%; height: 86%; border-radius: 28px; background: #1E3B31; }
.elementor-8 [data-interaction-id="d621fa0"] { display: contents !important; }
.elementor-8 [data-interaction-id="2b5a8bd7"],
.elementor-8 [data-interaction-id="7057ab77"],
.elementor-8 [data-interaction-id="4c974b1b"] { position: absolute !important; margin: 0 !important; min-height: 0 !important; border-radius: 20px !important; border: 8px solid #fff !important; box-shadow: 0 24px 50px rgba(23,32,27,.22) !important; background-size: cover !important; background-position: center !important; }
.elementor-8 [data-interaction-id="2b5a8bd7"] { left: 4%; top: 0; width: 58% !important; height: 78% !important; transform: rotate(-3deg) !important; z-index: 1; }
.elementor-8 [data-interaction-id="7057ab77"] { right: 0; top: 12%; width: 44% !important; height: auto !important; aspect-ratio: 1 / 1; transform: rotate(4deg) !important; z-index: 2; }
.elementor-8 [data-interaction-id="4c974b1b"] { right: 12%; bottom: 0; width: 40% !important; height: 46% !important; transform: rotate(-2deg) !important; z-index: 3; }
.elementor-8 [data-interaction-id="bb0a0003"] { position: absolute; left: 0; bottom: 6%; z-index: 4; width: 150px; height: 150px; margin: 0; padding: 22px; border-radius: 50%; background: #FDA600; color: #17201B; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; transform: rotate(-10deg); box-shadow: 0 14px 30px rgba(23,32,27,.18); font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.3; }
.elementor-8 [data-interaction-id="bb0a0003"] strong { display: block; font-family: "Bricolage Grotesque", sans-serif; font-size: 25px; line-height: 1; letter-spacing: -0.01em; text-transform: none; margin-bottom: 4px; }

/* ---------- Materials bento ---------- */
.elementor-8 [data-interaction-id="13593925"] { display: grid !important; grid-template-columns: 1fr auto; align-items: end; column-gap: 32px; row-gap: 48px; }
.elementor-8 [data-interaction-id="3918e5b3"] { max-width: 640px; }
.elementor-8 [data-interaction-id="bb0a0004"] { justify-self: end; }
.elementor-8 [data-interaction-id="547b722a"] { grid-column: 1 / -1; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; grid-template-rows: 280px 280px !important; gap: 20px !important; }
.elementor-8 [data-interaction-id="547b722a"] > a { position: relative; border-radius: 24px !important; overflow: hidden; min-height: 0 !important; height: auto !important; margin: 0 !important; display: flex !important; flex-direction: column; justify-content: flex-end; padding: 16px !important; }
.elementor-8 [data-interaction-id="303f8a78"] { grid-column: 1 / 3; grid-row: 1 / 3; padding: 20px !important; }
.elementor-8 [data-interaction-id="664ddc11"] { grid-column: 3; grid-row: 1; }
.elementor-8 [data-interaction-id="660d6e69"] { grid-column: 4; grid-row: 1; }
.elementor-8 [data-interaction-id="74c4af87"] { grid-column: 3; grid-row: 2; }
.elementor-8 [data-interaction-id="1963dd8d"] { grid-column: 4; grid-row: 2; }
/* wood: white info card with arrow */
.elementor-8 [data-interaction-id="640c6ec"] { position: relative; background: #fff !important; border-radius: 18px !important; padding: 24px 88px 24px 24px !important; gap: 6px !important; margin: 0 !important; width: auto !important; box-shadow: none !important; }
.elementor-8 [data-interaction-id="640c6ec"]::after { content: ""; position: absolute; right: 24px; top: 50%; margin-top: -24px; width: 48px; height: 48px; border-radius: 50%; background: #FDA600 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317201B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7'/%3E%3Cpath d='M8 7h9v9'/%3E%3C/svg%3E") center / 20px no-repeat; }
.elementor-8 [data-interaction-id="119d98a4"] { font-size: 30px !important; margin: 0; }
.elementor-8 [data-interaction-id="3ca3a3b1"] { font-size: 16px !important; margin: 0; }
.elementor-8 [data-interaction-id="722b785c"] { display: none; }
/* slate + acrylic: name pill only */
.elementor-8 [data-interaction-id="740a49a5"],
.elementor-8 [data-interaction-id="4e2f3435"] { align-self: flex-start; background: #fff !important; border-radius: 999px !important; padding: 10px 18px !important; margin: 0 !important; width: auto !important; box-shadow: none !important; }
.elementor-8 [data-interaction-id="104a06fd"], .elementor-8 [data-interaction-id="517b266f"] { font-size: 20px !important; margin: 0; }
.elementor-8 [data-interaction-id="779f6b28"], .elementor-8 [data-interaction-id="6d3d3e92"],
.elementor-8 [data-interaction-id="6cb821f5"], .elementor-8 [data-interaction-id="777d1e5a"] { display: none; }
/* metal + canvas: material-toned tiles with an icon (until real photos exist) */
.elementor-8 [data-interaction-id="74c4af87"] { background: #C9CED1 !important; }
.elementor-8 [data-interaction-id="1963dd8d"] { background: #E6DCC8 !important; }
.elementor-8 [data-interaction-id="74c4af87"], .elementor-8 [data-interaction-id="1963dd8d"] { justify-content: space-between !important; padding: 24px !important; }
.elementor-8 [data-interaction-id="74c4af87"]::before, .elementor-8 [data-interaction-id="1963dd8d"]::before { content: ""; width: 44px; height: 44px; background: center / contain no-repeat; }
.elementor-8 [data-interaction-id="74c4af87"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317201B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h10l2 4-7 14L5 7l2-4z'/%3E%3Cpath d='M5 7h14'/%3E%3C/svg%3E"); }
.elementor-8 [data-interaction-id="1963dd8d"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317201B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='14' rx='1'/%3E%3Cpath d='M8 21l4-4 4 4'/%3E%3Cpath d='M7 13l3-3 3 3 2-2 2 2'/%3E%3C/svg%3E"); }
.elementor-8 [data-interaction-id="756a41"], .elementor-8 [data-interaction-id="7fc198e0"] { background: transparent !important; padding: 0 !important; margin: 0 !important; gap: 4px !important; box-shadow: none !important; width: auto !important; }
.elementor-8 [data-interaction-id="1cc42bd0"], .elementor-8 [data-interaction-id="55ecf225"] { font-size: 24px !important; margin: 0; }
.elementor-8 [data-interaction-id="28b1148e"], .elementor-8 [data-interaction-id="3bae41c8"] { font-size: 15px !important; line-height: 1.5 !important; color: #17201B !important; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.elementor-8 [data-interaction-id="41695eee"], .elementor-8 [data-interaction-id="482dac27"] { display: none; }

/* ---------- Custom projects ---------- */
.elementor-8 [data-interaction-id="3770ea1a"] { overflow: hidden; padding-top: 104px !important; padding-bottom: 104px !important; }
.elementor-8 [data-interaction-id="7772e370"] { display: grid !important; grid-template-columns: 1fr 1fr; gap: 64px !important; align-items: center; }
.elementor-8 [data-interaction-id="1be75719"] { position: relative !important; display: block !important; height: 520px; width: auto !important; }
.elementor-8 [data-interaction-id="592950e7"], .elementor-8 [data-interaction-id="783f564b"] { position: absolute !important; margin: 0 !important; min-height: 0 !important; transform: none !important; border-radius: 20px !important; background-size: cover !important; background-position: center !important; }
.elementor-8 [data-interaction-id="592950e7"] { left: 0; top: 0; width: 78% !important; height: 66% !important; z-index: 1; }
.elementor-8 [data-interaction-id="783f564b"] { right: 0; bottom: 0; width: 58% !important; height: 52% !important; border: 8px solid #1E3B31 !important; z-index: 2; }
.elementor-8 [data-interaction-id="bb0a0005"] { position: absolute; left: 6%; bottom: 8%; z-index: 3; display: flex; flex-direction: column; gap: 4px; padding: 16px 20px; border-radius: 16px; background: #F4F3EE; max-width: 230px; }
.elementor-8 [data-interaction-id="bb0a0006"] { margin: 0; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #8A5300; }
.elementor-8 [data-interaction-id="bb0a0007"] { margin: 0; font-family: "Bricolage Grotesque", sans-serif; font-weight: 700; font-size: 20px; line-height: 1.2; color: #17201B; }
.elementor-8 [data-interaction-id="73f1e47f"] { gap: 24px !important; width: auto !important; }
.elementor-8 [data-interaction-id="359c9810"] { font-size: 56px !important; line-height: 1.02 !important; letter-spacing: -0.03em; }
.elementor-8 [data-interaction-id="10193c18"] { color: #FDA600 !important; }
.elementor-8 [data-interaction-id="4e2cb8a9"] .bb-chip { background: transparent !important; border: 1px solid rgba(244,243,238,.3) !important; color: #F4F3EE !important; padding: 9px 16px !important; border-radius: 999px; font-weight: 500; }

/* ---------- Occasions ---------- */
.elementor-8 [data-interaction-id="7414408"] { align-items: center; text-align: center; max-width: 640px; margin: 0 auto; }
.elementor-8 [data-interaction-id="366b3260"] { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 16px !important; }
.elementor-8 [data-interaction-id="366b3260"] > * { display: grid !important; grid-template-columns: 52px 1fr; grid-template-rows: auto 1fr; column-gap: 16px; row-gap: 4px !important; align-content: start; padding: 24px !important; border-radius: 20px !important; background: #fff !important; }
.elementor-8 [data-interaction-id="366b3260"] > *::before { content: ""; grid-row: 1 / 3; grid-column: 1; width: 52px; height: 52px; border-radius: 16px; background: #DDE5DC center / 26px no-repeat; }
.elementor-8 [data-interaction-id="366b3260"] > * > * { grid-column: 2; margin: 0; }
.elementor-8 [data-interaction-id="366b3260"] .bb-h3 { font-size: 20px !important; }
.elementor-8 [data-interaction-id="366b3260"] .bb-body { font-size: 15px !important; line-height: 1.5 !important; }
.elementor-8 [data-interaction-id="19c11c8b"]::before { background-color: #FFF1D6; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A5300' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5.5' cy='10' r='2'/%3E%3Ccircle cx='9.5' cy='5.5' r='2'/%3E%3Ccircle cx='14.5' cy='5.5' r='2'/%3E%3Ccircle cx='18.5' cy='10' r='2'/%3E%3Cpath d='M12 11c-3 0-5 4-5 6s2 3 5 3 5-1 5-3-2-6-5-6z'/%3E%3C/svg%3E"); }
.elementor-8 [data-interaction-id="1043f199"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E3B31' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-7 9 7'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M10 20v-6h4v6'/%3E%3C/svg%3E"); }
.elementor-8 [data-interaction-id="2152fafb"]::before { background-color: #FFF1D6; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A5300' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='14' r='5'/%3E%3Ccircle cx='15' cy='14' r='5'/%3E%3Cpath d='M10 4l2 3 2-3'/%3E%3C/svg%3E"); }
.elementor-8 [data-interaction-id="5f994424"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E3B31' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-4.5-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 11c0 5.5-7 10-7 10z'/%3E%3C/svg%3E"); }
.elementor-8 [data-interaction-id="631ed22e"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E3B31' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='1.5'/%3E%3Ccircle cx='15.5' cy='12' r='0.8'/%3E%3C/svg%3E"); }
.elementor-8 [data-interaction-id="3d236fe2"]::before { background-color: #FFF1D6; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A5300' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l5 7h-3l4 6H6l4-6H7l5-7z'/%3E%3Cpath d='M12 16v5'/%3E%3C/svg%3E"); }
.elementor-8 [data-interaction-id="34020f64"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E3B31' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='1.5'/%3E%3Cpath d='M4 15c2 1.5 4 1.5 6 0s4-1.5 6 0 4 1.5 4 0'/%3E%3Cpath d='M12 11V7'/%3E%3Cpath d='M12 4v.5'/%3E%3C/svg%3E"); }
.elementor-8 [data-interaction-id="317556b2"]::before { background-color: #FFF1D6; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A5300' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='1.5'/%3E%3Cpath d='M9 7V4h6v3'/%3E%3Cpath d='M3 12h18'/%3E%3C/svg%3E"); }

/* ---------- How it works ---------- */
.elementor-8 [data-interaction-id="5674c6cd"] { display: grid !important; grid-template-columns: 1fr auto; align-items: end; column-gap: 32px; row-gap: 48px !important; }
.elementor-8 [data-interaction-id="3bb5db7d"] { grid-column: 1; grid-row: 1; max-width: 620px; }
.elementor-8 [data-interaction-id="57b8f9cb"] { grid-column: 2; grid-row: 1; margin: 0; font-weight: 600; }
.elementor-8 [data-interaction-id="d3e63e2"] { grid-column: 1 / -1; grid-row: 2; display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 20px !important; }
.elementor-8 [data-interaction-id="d3e63e2"] > * { gap: 14px !important; padding: 28px 24px !important; border-radius: 20px !important; background: #fff !important; }
.elementor-8 [data-interaction-id="d3e63e2"] .bb-step-num { font-size: 44px !important; line-height: 1; margin: 0; color: #8A5300; }
.elementor-8 [data-interaction-id="d3e63e2"] .bb-h3 { font-size: 21px !important; margin: 0; }
.elementor-8 [data-interaction-id="d3e63e2"] .bb-body { font-size: 15px !important; line-height: 1.55 !important; margin: 0; }
.elementor-8 [data-interaction-id="7875f4b4"] { background: #1E3B31 !important; }
.elementor-8 [data-interaction-id="7875f4b4"] .bb-step-num { color: #FDA600 !important; }
.elementor-8 [data-interaction-id="7875f4b4"] .bb-h3 { color: #F4F3EE !important; }
.elementor-8 [data-interaction-id="7875f4b4"] .bb-body { color: #BFCBC4 !important; }

/* ---------- Recent work ---------- */
.elementor-8 [data-interaction-id="2d08e3d6"] { background: #F4F3EE !important; }
.elementor-8 [data-interaction-id="7dfe31d1"] { display: grid !important; grid-template-columns: 1fr auto; align-items: end; column-gap: 32px; row-gap: 48px !important; }
.elementor-8 [data-interaction-id="476f7301"] { grid-column: 1; grid-row: 1; max-width: 620px; }
.elementor-8 [data-interaction-id="43dfd1aa"] { grid-column: 2; grid-row: 1; align-self: end !important; }
.elementor-8 [data-interaction-id="217eaca9"] { grid-column: 1 / -1; grid-row: 2; display: grid !important; grid-template-columns: repeat(12, minmax(0, 1fr)) !important; grid-auto-rows: 150px; gap: 20px !important; }
.elementor-8 [data-interaction-id="217eaca9"] > * { position: relative; border-radius: 20px; overflow: hidden; padding: 0 !important; gap: 0 !important; transition: transform .25s ease, box-shadow .25s ease; }
.elementor-8 [data-interaction-id="217eaca9"] > *:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(30,59,49,.16); }
.elementor-8 [data-interaction-id="2187f3d9"] { grid-column: 1 / 6; grid-row: 1 / 5; }
.elementor-8 [data-interaction-id="11720b85"] { grid-column: 6 / 10; grid-row: 1 / 3; }
.elementor-8 [data-interaction-id="1ad3a8ed"] { grid-column: 10 / 13; grid-row: 1 / 3; }
.elementor-8 [data-interaction-id="2562e3a6"] { grid-column: 6 / 13; grid-row: 3 / 5; }
.elementor-8 [data-interaction-id="217eaca9"] .bb-media { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; border-radius: 0 !important; transform: none !important; background-size: cover !important; background-position: center !important; transition: transform .5s ease; }
.elementor-8 [data-interaction-id="217eaca9"] > *:hover .bb-media { transform: scale(1.05) !important; }
.elementor-8 [data-interaction-id="217eaca9"] .bb-body { position: absolute; left: 14px; bottom: 14px; z-index: 2; margin: 0; padding: 10px 16px; border-radius: 14px; background: #fff; font-size: 13px !important; line-height: 1.45 !important; color: #4B5550; }
.elementor-8 [data-interaction-id="217eaca9"] .bb-body strong { font-size: 15px; color: #17201B; }

/* ---------- Why ---------- */
.elementor-8 [data-interaction-id="7a9f0e9b"] { background: #fff !important; }
.elementor-8 [data-interaction-id="5e0f2d5a"] { align-items: center; text-align: center; max-width: 720px; margin: 0 auto; }
.elementor-8 [data-interaction-id="53af433c"] { order: -1; }
.elementor-8 [data-interaction-id="2d6ce82b"] { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 32px !important; }
.elementor-8 [data-interaction-id="2d6ce82b"] > * { gap: 12px !important; padding: 24px 0 0 !important; background: transparent !important; border-radius: 0 !important; border-top: 3px solid #17201B; }
.elementor-8 [data-interaction-id="530e752"] { border-top-color: #FDA600; }
.elementor-8 [data-interaction-id="2d6ce82b"] .bb-h3 { font-size: 22px !important; margin: 0; }
.elementor-8 [data-interaction-id="2d6ce82b"] .bb-body { font-size: 16px !important; margin: 0; }

/* ---------- FAQ ---------- */
.elementor-8 [data-interaction-id="3b64bf77"] { background: #F4F3EE !important; }
.elementor-8 [data-interaction-id="66316450"] { display: grid !important; grid-template-columns: 5fr 7fr; gap: 64px !important; align-items: start; }
.elementor-8 [data-interaction-id="1aa2fb8b"] { width: auto !important; }
.elementor-8 [data-interaction-id="5bc3ab54"] { display: flex; flex-direction: column; gap: 12px; width: auto !important; }
.elementor-8 [data-interaction-id="5bc3ab54"] > * { background: #fff !important; border-radius: 18px !important; border: 0 !important; padding: 0 24px !important; overflow: hidden; }

/* ---------- Closing CTA with the peeking dachshund ---------- */
.elementor-8 [data-interaction-id="2383b515"] { background: #F4F3EE !important; padding-top: 120px !important; padding-bottom: 112px !important; }
.elementor-8 [data-interaction-id="acaafc1"] { position: relative; background: #FDA600; border-radius: 32px; padding: 72px 48px 64px !important; align-items: center; text-align: center; gap: 20px !important; }
.elementor-8 [data-interaction-id="acaafc1"]::before { content: ""; position: absolute; top: -104px; left: 50%; width: 150px; height: 105px; margin-left: -75px; background: url("/wp-content/uploads/2026/10/barky-birch-mark.png") center top / 150px auto no-repeat; }
.elementor-8 [data-interaction-id="7049f08e"] { font-size: 60px !important; line-height: 1 !important; letter-spacing: -0.03em !important; max-width: 760px; margin: 0; }
.elementor-8 [data-interaction-id="4c4f2a16"] { max-width: 580px; color: #17201B !important; margin: 0; }
.elementor-8 [data-interaction-id="51bd07a1"] { justify-content: center; flex-wrap: wrap; }
.elementor-8 [data-interaction-id="1a75a6a8"] { order: -1; background: #17201B !important; color: #FDA600 !important; border-color: #17201B !important; }
.elementor-8 [data-interaction-id="1a75a6a8"]:hover { background: #F4F3EE !important; color: #17201B !important; }
.elementor-8 [data-interaction-id="3da25164"] { background: transparent !important; color: #17201B !important; border: 2px solid #17201B !important; }
.elementor-8 [data-interaction-id="3da25164"]:hover { background: #17201B !important; color: #F4F3EE !important; }

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {
  .elementor-8 .bb-h2 { font-size: 40px; }
  .elementor-8 [data-interaction-id="d3e9f25"], .elementor-8 [data-interaction-id="7772e370"], .elementor-8 [data-interaction-id="66316450"] { grid-template-columns: 1fr; gap: 48px !important; }
  .elementor-8 [data-interaction-id="4af5d07a"] { font-size: 54px !important; }
  .elementor-8 [data-interaction-id="46ec2bfe"] { height: 520px; max-width: 620px; width: 100% !important; margin: 0 auto; }
  .elementor-8 [data-interaction-id="547b722a"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-template-rows: none !important; grid-auto-rows: 240px; }
  .elementor-8 [data-interaction-id="303f8a78"] { grid-column: 1 / -1; grid-row: auto; min-height: 380px !important; }
  .elementor-8 [data-interaction-id="664ddc11"], .elementor-8 [data-interaction-id="660d6e69"], .elementor-8 [data-interaction-id="74c4af87"], .elementor-8 [data-interaction-id="1963dd8d"] { grid-column: auto; grid-row: auto; }
  .elementor-8 [data-interaction-id="1be75719"] { max-width: 620px; width: 100% !important; margin: 0 auto; height: 480px; }
  .elementor-8 [data-interaction-id="359c9810"], .elementor-8 [data-interaction-id="7049f08e"] { font-size: 44px !important; }
  .elementor-8 [data-interaction-id="366b3260"], .elementor-8 [data-interaction-id="2d6ce82b"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .elementor-8 [data-interaction-id="d3e63e2"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .elementor-8 [data-interaction-id="217eaca9"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-rows: 260px; }
  .elementor-8 [data-interaction-id="217eaca9"] > * { grid-column: auto !important; grid-row: auto !important; }
  .elementor-8 [data-interaction-id="2562e3a6"] { grid-column: 1 / -1 !important; }
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
  .elementor-8 .bb-h2 { font-size: 32px; }
  .elementor-8 [data-interaction-id="1db1bee7"] { padding-top: 40px !important; }
  .elementor-8 [data-interaction-id="4af5d07a"] { font-size: 40px !important; }
  .elementor-8 [data-interaction-id="46ec2bfe"] { height: 400px; }
  .elementor-8 [data-interaction-id="bb0a0003"] { width: 112px; height: 112px; padding: 14px; font-size: 10px; }
  .elementor-8 [data-interaction-id="bb0a0003"] strong { font-size: 19px; }
  .elementor-8 [data-interaction-id="13593925"], .elementor-8 [data-interaction-id="5674c6cd"], .elementor-8 [data-interaction-id="7dfe31d1"] { grid-template-columns: 1fr; row-gap: 24px !important; }
  .elementor-8 [data-interaction-id="bb0a0004"], .elementor-8 [data-interaction-id="43dfd1aa"], .elementor-8 [data-interaction-id="57b8f9cb"] { justify-self: start; grid-column: 1; grid-row: auto; }
  .elementor-8 [data-interaction-id="547b722a"], .elementor-8 [data-interaction-id="d3e63e2"], .elementor-8 [data-interaction-id="217eaca9"] { grid-row: auto; }
  .elementor-8 [data-interaction-id="547b722a"] { grid-template-columns: 1fr !important; }
  .elementor-8 [data-interaction-id="303f8a78"] { min-height: 340px !important; }
  .elementor-8 [data-interaction-id="640c6ec"] { padding: 18px 76px 18px 18px !important; }
  .elementor-8 [data-interaction-id="119d98a4"] { font-size: 24px !important; }
  .elementor-8 [data-interaction-id="1be75719"] { height: 400px; }
  .elementor-8 [data-interaction-id="359c9810"], .elementor-8 [data-interaction-id="7049f08e"] { font-size: 36px !important; }
  .elementor-8 [data-interaction-id="366b3260"], .elementor-8 [data-interaction-id="2d6ce82b"], .elementor-8 [data-interaction-id="d3e63e2"] { grid-template-columns: 1fr !important; }
  .elementor-8 [data-interaction-id="217eaca9"] { grid-template-columns: 1fr !important; grid-auto-rows: 280px; }
  .elementor-8 [data-interaction-id="2562e3a6"] { grid-column: auto !important; }
  .elementor-8 [data-interaction-id="3770ea1a"] { padding-top: 56px !important; padding-bottom: 56px !important; }
  .elementor-8 [data-interaction-id="2383b515"] { padding-top: 112px !important; padding-bottom: 56px !important; }
  .elementor-8 [data-interaction-id="acaafc1"] { padding: 56px 24px 44px !important; border-radius: 24px; }
  .elementor-8 [data-interaction-id="acaafc1"]::before { width: 120px; height: 84px; top: -83px; margin-left: -60px; background-size: 120px auto; }
}

/* ---------- Fixes after first render ---------- */
.elementor-8 [data-interaction-id="756a41"], .elementor-8 [data-interaction-id="7fc198e0"] { position: static !important; inset: auto !important; transform: none !important; }
.elementor-8 [data-interaction-id="28b1148e"], .elementor-8 [data-interaction-id="3bae41c8"] { display: block !important; -webkit-line-clamp: unset; overflow: visible; }
.elementor-8 [data-interaction-id="7741ec97"] { display: flex !important; flex-direction: column !important; gap: 56px !important; }
.elementor-8 [data-interaction-id="5e0f2d5a"] { width: auto !important; gap: 16px !important; }
.elementor-8 [data-interaction-id="53af433c"] { justify-content: center; transform: scale(.6); margin-bottom: -6px; }
.elementor-8 [data-interaction-id="2d6ce82b"] { width: 100% !important; }
.elementor-8 [data-interaction-id="5803af55"] .e-accordion-item-icon, .elementor-8 [data-interaction-id="5803af55"] [class*="icon"] { color: #17201B; }
.elementor-8 [data-interaction-id="74c4af87"]::before, .elementor-8 [data-interaction-id="1963dd8d"]::before,
.elementor-8 [data-interaction-id="74c4af87"]::after, .elementor-8 [data-interaction-id="1963dd8d"]::after { display: none !important; }
.elementor-8 [data-interaction-id="74c4af87"] { background: #C9CED1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317201B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h10l2 4-7 14L5 7l2-4z'/%3E%3Cpath d='M5 7h14'/%3E%3C/svg%3E") 24px 24px / 44px no-repeat !important; justify-content: flex-end !important; }
.elementor-8 [data-interaction-id="1963dd8d"] { background: #E6DCC8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317201B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='14' rx='1'/%3E%3Cpath d='M8 21l4-4 4 4'/%3E%3Cpath d='M7 13l3-3 3 3 2-2 2 2'/%3E%3C/svg%3E") 24px 24px / 44px no-repeat !important; justify-content: flex-end !important; }
.elementor-8 [data-interaction-id="366b3260"] .bb-body { display: block !important; }
.elementor-8 [data-interaction-id="28b1148e"], .elementor-8 [data-interaction-id="28b1148e"] *, .elementor-8 [data-interaction-id="3bae41c8"], .elementor-8 [data-interaction-id="3bae41c8"] * { font-size: 15px !important; line-height: 1.5 !important; }
@media (max-width: 767px) { .elementor-8 [data-interaction-id="303f8a78"] { min-height: 440px !important; } }
.elementor-8 [data-interaction-id="4af5d07a"] span { white-space: nowrap; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M2 9 C 50 2, 120 2, 198 8' fill='none' stroke='%23FDA600' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") left bottom / 100% 14px no-repeat; padding-bottom: 6px; }