.bsm-stubb { --bsm-green:#001705; --bsm-ink:#1e293b; --bsm-sage:#cfdbcf; --bsm-pale:#f4faf4; --bsm-rust:#b95e31; --bsm-white:#fff; width:100%; max-width:1240px; margin:0 auto; color:var(--bsm-ink); font-family:Epilogue,"Plus Jakarta Sans",Arial,sans-serif; font-size:16px; line-height:1.55; }
.bsm-stubb, .bsm-stubb * { box-sizing:border-box; }
.bsm-stubb [hidden] { display:none!important; }
.bsm-stubb .screen-reader-text { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(1px,1px,1px,1px)!important; white-space:nowrap!important; }
.bsm-stubb__intro { padding:32px 22px; background:var(--bsm-sage); border-radius:24px 24px 0 0; text-align:center; }
.bsm-stubb__eyebrow { display:inline-block; margin-bottom:10px; padding:6px 11px; color:var(--bsm-rust); background:rgba(255,255,255,.48); border-radius:6px; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.bsm-stubb__title { max-width:780px; margin:0 auto 8px; color:var(--bsm-green); font-family:Urbanist,Epilogue,sans-serif; font-size:clamp(30px,5vw,52px); line-height:1.05; font-weight:650; }
.bsm-stubb__lead { margin:0 auto; max-width:620px; font-size:15px; }
.bsm-stubb__layout { padding:18px; background:var(--bsm-pale); border:1px solid var(--bsm-sage); border-top:0; border-radius:0 0 24px 24px; }
.bsm-stubb__main { min-width:0; }
.bsm-stubb__section, .bsm-stubb__guide { margin-bottom:16px; padding:20px; background:var(--bsm-white); border:1px solid rgba(30,41,59,.08); border-radius:18px; box-shadow:0 12px 35px rgba(30,41,59,.045); }
.bsm-stubb__heading { display:flex; align-items:flex-start; gap:13px; margin-bottom:20px; }
.bsm-stubb__heading h3 { margin:0; color:var(--bsm-green); font-family:Urbanist,Epilogue,sans-serif; font-size:clamp(20px,3vw,27px); line-height:1.15; }
.bsm-stubb__heading p { margin:4px 0 0; font-size:13px; }
.bsm-stubb__step { display:grid; flex:0 0 34px; width:34px; height:34px; place-items:center; color:#fff; background:var(--bsm-green); border-radius:50%; font-weight:700; }
.bsm-stubb__counter { display:flex; align-items:center; justify-content:center; gap:12px; }
.bsm-stubb__counter-button { display:grid; width:52px; height:52px; padding:0; place-items:center; color:var(--bsm-green); background:var(--bsm-sage); border:0; border-radius:50%; font:700 28px/1 inherit; cursor:pointer; transition:transform .18s,background .18s; }
.bsm-stubb__counter-button:hover:not(:disabled) { background:#bdcfbd; transform:translateY(-2px); }
.bsm-stubb__counter-button:disabled { opacity:.38; cursor:not-allowed; }
.bsm-stubb__counter-label { display:flex; min-width:128px; align-items:center; justify-content:center; gap:7px; }
.bsm-stubb__count { width:64px!important; height:52px!important; margin:0!important; padding:4px!important; color:var(--bsm-green)!important; background:#fff!important; border:2px solid var(--bsm-sage)!important; border-radius:12px!important; box-shadow:none!important; font:700 24px/1 inherit!important; text-align:center; appearance:textfield; }
.bsm-stubb__count::-webkit-inner-spin-button { appearance:none; }
.bsm-stubb__counter-label span:last-child { font-weight:600; }
.bsm-stubb__guide { display:grid; grid-template-columns:1fr; align-items:center; gap:20px; background:var(--bsm-sage); }
.bsm-stubb__guide-media { min-width:0; text-align:center; }
.bsm-stubb__image-open { position:relative; display:block; width:100%; max-width:440px; margin:0 auto; padding:0; background:#fff; border:0; border-radius:15px; overflow:hidden; cursor:zoom-in; box-shadow:0 9px 24px rgba(0,23,5,.12); }
.bsm-stubb__guide-image { display:block; width:100%; height:auto; max-height:290px; border-radius:15px; object-fit:contain; transition:transform .2s ease; }
.bsm-stubb__image-open:hover .bsm-stubb__guide-image { transform:scale(1.015); }
.bsm-stubb__image-open > span { position:absolute; right:12px; bottom:12px; display:grid; width:42px; height:42px; place-items:center; color:#fff; background:rgba(0,23,5,.88); border-radius:50%; font-size:27px; }
.bsm-stubb__image-link { margin:9px auto 0; padding:5px 8px; color:var(--bsm-green); background:transparent; border:0; border-bottom:1px solid currentColor; font:700 13px/1.3 inherit; cursor:pointer; }
.bsm-stubb__guide-icon { display:grid; float:left; width:38px; height:38px; margin-right:12px; place-items:center; color:#fff; background:var(--bsm-rust); border-radius:50%; font-size:23px; }
.bsm-stubb__guide h3 { margin:0; color:var(--bsm-green); font-size:17px; }
.bsm-stubb__guide p { margin:3px 0 0; font-size:13px; }
.bsm-stubb__grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr)); gap:13px; }
.bsm-stubb__card { --stump-scale:.82; min-width:0; padding:16px; background:var(--bsm-pale); border:2px solid transparent; border-radius:16px; transition:border-color .2s,box-shadow .2s,transform .2s; }
.bsm-stubb__card:focus-within { border-color:var(--bsm-rust); box-shadow:0 9px 24px rgba(185,94,49,.12); transform:translateY(-2px); }
.bsm-stubb__card-title { display:flex; align-items:center; justify-content:space-between; color:var(--bsm-green); }
.bsm-stubb__remove { width:30px; height:30px; padding:0; color:#657065; background:transparent; border:0; border-radius:50%; font:400 24px/1 inherit; cursor:pointer; }
.bsm-stubb__remove:hover { color:var(--bsm-rust); background:#fff; }
.bsm-stubb__remove:disabled { visibility:hidden; }
.bsm-stubb__visual { display:grid; height:145px; place-items:center; overflow:hidden; }
.bsm-stubb__svg { width:168px; max-width:100%; transform:scale(var(--stump-scale)); transform-origin:center bottom; transition:transform .25s ease; }
.bsm-stubb__root { fill:none; stroke:#785039; stroke-width:11; stroke-linecap:round; }
.bsm-stubb__bark { fill:#79523a; }
.bsm-stubb__bark-line { fill:none; stroke:#573825; stroke-width:3; stroke-linecap:round; opacity:.72; }
.bsm-stubb__wood { fill:#d5a86e; stroke:#62432e; stroke-width:7; }
.bsm-stubb__ring { fill:none; stroke:#a37444; stroke-width:2; opacity:.8; }
.bsm-stubb__crack { fill:none; stroke:#895c35; stroke-width:2.5; stroke-linecap:round; }
.bsm-stubb__diameter { display:block; margin:0; color:var(--bsm-ink); font-size:13px; font-weight:700; }
.bsm-stubb__input-wrap { display:flex; height:49px; margin-top:6px; align-items:center; background:#fff; border:2px solid var(--bsm-sage); border-radius:11px; overflow:hidden; transition:border-color .2s; }
.bsm-stubb__input-wrap:focus-within { border-color:var(--bsm-rust); }
.bsm-stubb__diameter input { min-width:0!important; width:100%!important; height:100%!important; margin:0!important; padding:8px 4px 8px 12px!important; color:var(--bsm-green)!important; background:transparent!important; border:0!important; border-radius:0!important; outline:0!important; box-shadow:none!important; font:700 20px/1 inherit!important; }
.bsm-stubb__input-wrap b { padding:0 12px; color:#5c675f; }
.bsm-stubb__card small { display:block; margin-top:7px; color:#647067; font-size:11px; }
.bsm-stubb__species { display:grid; gap:7px; margin:14px 0 0; padding:12px 0 0; border:0; border-top:1px solid var(--bsm-sage); }
.bsm-stubb__species legend { float:left; width:100%; margin-bottom:7px; padding:0; color:var(--bsm-ink); font-size:12px; font-weight:700; }
.bsm-stubb__species label { display:flex; align-items:flex-start; gap:8px; margin:0; color:var(--bsm-ink); font-size:12px; line-height:1.35; cursor:pointer; }
.bsm-stubb__species input { flex:0 0 auto; width:17px!important; height:17px!important; margin:0!important; accent-color:var(--bsm-rust); }
.bsm-stubb__species b { display:inline; color:var(--bsm-rust); font-weight:700; white-space:nowrap; }
.bsm-stubb__travel-options { display:grid; gap:10px; margin:0; padding:0; border:0; }
.bsm-stubb__travel { transition:border-color .2s,box-shadow .2s; }
.bsm-stubb__travel.is-required { border-color:rgba(185,94,49,.55); box-shadow:0 0 0 3px rgba(185,94,49,.08),0 12px 35px rgba(30,41,59,.045); }
.bsm-stubb__required { display:inline-block; margin-bottom:5px; padding:3px 8px; color:#fff; background:var(--bsm-rust); border-radius:50px; font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.bsm-stubb__travel-options label { display:flex; min-width:0; align-items:center; gap:12px; margin:0; padding:14px; background:var(--bsm-pale); border:2px solid transparent; border-radius:13px; cursor:pointer; transition:border-color .18s,background .18s; }
.bsm-stubb__travel-options label:has(input:checked) { background:#fff; border-color:var(--bsm-rust); }
.bsm-stubb__travel-options label:has(input:checked)::after { content:"✓"; display:grid; flex:0 0 25px; width:25px; height:25px; place-items:center; color:#fff; background:var(--bsm-rust); border-radius:50%; font-weight:800; }
.bsm-stubb__travel-options input { flex:0 0 auto; width:19px!important; height:19px!important; margin:0!important; accent-color:var(--bsm-rust); }
.bsm-stubb__travel-options span { display:flex; min-width:0; width:100%; justify-content:space-between; align-items:center; gap:10px; }
.bsm-stubb__travel-options b { color:var(--bsm-green); }
.bsm-stubb__travel-options small { color:#647067; text-align:right; }
.bsm-stubb__quote { padding:28px; color:var(--bsm-green); background:var(--bsm-sage); border:1px solid rgba(0,23,5,.1); border-radius:20px; box-shadow:0 12px 35px rgba(30,41,59,.06); text-align:center; }
.bsm-stubb__quote[hidden] { display:none; }
.bsm-stubb__quote-icon { display:grid; width:48px; height:48px; margin:0 auto 12px; place-items:center; color:#fff; background:var(--bsm-rust); border-radius:50%; font-size:23px; }
.bsm-stubb__quote h3 { margin:0; color:var(--bsm-green); font-family:Urbanist,Epilogue,sans-serif; font-size:clamp(25px,4vw,34px); }
.bsm-stubb__quote p { max-width:580px; margin:9px auto 20px; }
.bsm-stubb__quote-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
.bsm-stubb__quote-actions a { display:inline-flex; min-height:48px; padding:11px 18px; align-items:center; justify-content:center; color:#fff!important; background:var(--bsm-green); border-radius:50px; font-weight:700; text-decoration:none!important; }
.bsm-stubb__quote-actions a:last-child { background:var(--bsm-rust); }
.bsm-stubb__result { position:relative; padding:24px; color:#fff; background:var(--bsm-green); border-radius:20px; box-shadow:0 16px 38px rgba(0,23,5,.18); }
.bsm-stubb__heading--result .bsm-stubb__step { color:var(--bsm-green); background:var(--bsm-sage); }
.bsm-stubb__heading--result h3 { color:#fff; }
.bsm-stubb__result-label { color:var(--bsm-sage); font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.bsm-stubb__travel-reminder { margin:-5px 0 16px; padding:14px; color:var(--bsm-green); background:#f2d8c9; border:2px solid #d47b4d; border-radius:13px; text-align:center; }
.bsm-stubb__travel-reminder strong { display:block; margin-bottom:9px; line-height:1.3; }
.bsm-stubb__travel-reminder button { min-height:42px; padding:8px 16px; color:#fff; background:var(--bsm-rust); border:0; border-radius:50px; font:700 13px/1 inherit; cursor:pointer; }
.bsm-stubb__summary { margin:0; }
.bsm-stubb__summary div { display:flex; padding:11px 0; justify-content:space-between; gap:15px; border-bottom:1px solid rgba(255,255,255,.16); }
.bsm-stubb__summary dt { color:var(--bsm-sage); }
.bsm-stubb__summary dd { margin:0; font-weight:700; text-align:right; }
.bsm-stubb__summary .bsm-stubb__rut-row dd { color:#d6e9d6; }
.bsm-stubb__total { padding:24px 0 16px; }
.bsm-stubb__total span,.bsm-stubb__total small { display:block; color:var(--bsm-sage); }
.bsm-stubb__total strong { display:block; color:#fff; font-family:Urbanist,Epilogue,sans-serif; font-size:clamp(38px,6vw,56px); line-height:1.05; letter-spacing:-.035em; }
.bsm-stubb__total small { margin-top:4px; }
.bsm-stubb__note { margin:0; padding-top:15px; border-top:1px solid rgba(255,255,255,.16); color:var(--bsm-sage); font-size:12px; }
.bsm-stubb__inquiry-cta { margin-top:18px; padding-top:18px; border-top:1px solid rgba(255,255,255,.2); text-align:center; }
.bsm-stubb__inquiry-cta strong { display:block; color:#fff; font-size:18px; }
.bsm-stubb__inquiry-cta p { margin:4px 0 12px; color:var(--bsm-sage); font-size:12px; }
.bsm-stubb__inquiry-cta button { display:flex; width:100%; min-height:48px; padding:11px 15px; align-items:center; justify-content:center; color:var(--bsm-green); background:var(--bsm-sage); border:0; border-radius:50px; font:800 13px/1.3 inherit; cursor:pointer; }
.bsm-stubb__inquiry-cta a { display:inline-block; margin-top:9px; color:#fff!important; font-size:12px; font-weight:700; }
.bsm-stubb__inquiry { margin-top:20px; padding:clamp(20px,4vw,38px); color:var(--bsm-ink); background:#fff; border:1px solid var(--bsm-sage); border-radius:22px; box-shadow:0 18px 50px rgba(30,41,59,.1); }
.bsm-stubb__inquiry-heading { display:flex; align-items:flex-start; gap:14px; margin-bottom:24px; }
.bsm-stubb__inquiry-heading .bsm-stubb__quote-icon { flex:0 0 48px; margin:0; }
.bsm-stubb__inquiry-heading .bsm-stubb__eyebrow { margin-bottom:6px; background:var(--bsm-pale); }
.bsm-stubb__inquiry-heading h3,.bsm-stubb__form-success h3 { margin:0; color:var(--bsm-green); font-family:Urbanist,Epilogue,sans-serif; font-size:clamp(26px,4vw,38px); line-height:1.1; }
.bsm-stubb__inquiry-heading p { margin:6px 0 0; }
.bsm-stubb__form-grid { display:grid; grid-template-columns:1fr; gap:14px; }
.bsm-stubb__inquiry-form label > span,.bsm-stubb__contact-method legend { display:block; margin-bottom:6px; color:var(--bsm-green); font-size:13px; font-weight:750; }
.bsm-stubb__inquiry-form label > span small { font-weight:500; }
.bsm-stubb__inquiry-form input[type="text"],.bsm-stubb__inquiry-form input[type="tel"],.bsm-stubb__inquiry-form input[type="email"],.bsm-stubb__inquiry-form input[type="file"],.bsm-stubb__inquiry-form textarea { width:100%!important; margin:0!important; padding:12px 13px!important; color:var(--bsm-ink)!important; background:var(--bsm-pale)!important; border:2px solid var(--bsm-sage)!important; border-radius:11px!important; box-shadow:none!important; font:500 15px/1.4 inherit!important; }
.bsm-stubb__inquiry-form input[type="text"],.bsm-stubb__inquiry-form input[type="tel"],.bsm-stubb__inquiry-form input[type="email"] { min-height:49px; }
.bsm-stubb__inquiry-form textarea { resize:vertical; }
.bsm-stubb__inquiry-form input:focus,.bsm-stubb__inquiry-form textarea:focus { border-color:var(--bsm-rust)!important; outline:0!important; }
.bsm-stubb__contact-method { display:flex; flex-wrap:wrap; gap:10px 22px; margin:18px 0; padding:0; border:0; }
.bsm-stubb__contact-method legend { width:100%; }
.bsm-stubb__contact-method label,.bsm-stubb__privacy { display:flex; align-items:flex-start; gap:8px; margin:0; cursor:pointer; }
.bsm-stubb__contact-method label > span,.bsm-stubb__privacy > span { margin:0; }
.bsm-stubb__contact-method input,.bsm-stubb__privacy input { flex:0 0 auto; width:18px!important; height:18px!important; margin:1px 0 0!important; accent-color:var(--bsm-rust); }
.bsm-stubb__form-wide,.bsm-stubb__upload { display:block; margin-top:16px; }
.bsm-stubb__upload > small { display:block; margin-top:5px; color:#647067; font-size:11px; }
.bsm-stubb__privacy { margin-top:18px!important; }
.bsm-stubb__privacy > span { color:var(--bsm-ink)!important; font-weight:500!important; }
.bsm-stubb__privacy a { color:var(--bsm-rust)!important; font-weight:700; }
.bsm-stubb__honeypot { position:absolute!important; left:-9999px!important; width:1px!important; height:1px!important; opacity:0!important; pointer-events:none!important; }
.bsm-stubb__form-status { min-height:24px; margin:12px 0 0; color:#9d3d23; font-weight:700; }
.bsm-stubb__form-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:4px; }
.bsm-stubb__form-actions button { min-height:50px; padding:11px 22px; color:#fff; background:var(--bsm-green); border:0; border-radius:50px; font:800 14px/1.3 inherit; cursor:pointer; }
.bsm-stubb__form-actions button:disabled { opacity:.55; cursor:wait; }
.bsm-stubb__form-actions .bsm-stubb__form-cancel { color:var(--bsm-green); background:var(--bsm-sage); }
.bsm-stubb__form-success { padding:28px 10px; text-align:center; }
.bsm-stubb__form-success > span { display:grid; width:58px; height:58px; margin:0 auto 14px; place-items:center; color:#fff; background:var(--bsm-green); border-radius:50%; font-size:28px; }
.bsm-stubb__form-success p { max-width:600px; margin:9px auto 0; }
.bsm-stubb__modal[hidden] { display:none; }
.bsm-stubb__modal { position:fixed; z-index:999999; inset:0; display:grid; padding:18px; place-items:center; }
.bsm-stubb__modal-backdrop { position:absolute; inset:0; background:rgba(0,23,5,.84); backdrop-filter:blur(4px); }
.bsm-stubb__modal-content { position:relative; z-index:1; width:min(920px,100%); max-height:calc(100vh - 36px); padding:18px; overflow:auto; color:var(--bsm-ink); background:#fff; border-radius:20px; box-shadow:0 24px 80px rgba(0,0,0,.4); text-align:center; }
.bsm-stubb__modal-image { display:block; max-width:100%; width:auto; max-height:calc(100vh - 150px); height:auto; margin:0 auto; object-fit:contain; }
.bsm-stubb__modal-content p { margin:13px 42px 0; font-weight:650; }
.bsm-stubb__modal-close { position:absolute; z-index:2; top:10px; right:10px; display:grid; width:42px; height:42px; padding:0; place-items:center; color:#fff; background:var(--bsm-green); border:2px solid #fff; border-radius:50%; font:400 28px/1 inherit; cursor:pointer; box-shadow:0 4px 14px rgba(0,0,0,.25); }
html.bsm-stubb-modal-open { overflow:hidden; }
.bsm-stubb button:focus-visible,.bsm-stubb input:focus-visible { outline:3px solid #e59a71!important; outline-offset:3px!important; }
@media (min-width:780px) { .bsm-stubb__intro { padding:46px 38px; }.bsm-stubb__layout { padding:26px; }.bsm-stubb__section { padding:26px; }.bsm-stubb__guide { grid-template-columns:minmax(260px,42%) 1fr; padding:22px 24px; }.bsm-stubb__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.bsm-stubb__form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1050px) { .bsm-stubb__layout { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:20px; align-items:start; }.bsm-stubb__result { position:sticky; top:24px; }.bsm-stubb__grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (min-width:1050px) { .bsm-stubb--quote .bsm-stubb__layout { grid-template-columns:1fr; } }
@media (min-width:1220px) { .bsm-stubb__grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width:480px) { .bsm-stubb__layout { padding:10px; }.bsm-stubb__section,.bsm-stubb__result { padding:17px; }.bsm-stubb__guide { grid-template-columns:1fr; }.bsm-stubb__guide-image { width:100%; max-height:none; }.bsm-stubb__counter { gap:7px; }.bsm-stubb__counter-button { width:48px; height:48px; }.bsm-stubb__counter-label { min-width:115px; }.bsm-stubb__travel-options span { display:block; }.bsm-stubb__travel-options small { display:block; margin-top:2px; text-align:left; }.bsm-stubb__quote-actions { display:grid; }.bsm-stubb__modal { padding:8px; }.bsm-stubb__modal-content { max-height:calc(100vh - 16px); padding:10px; border-radius:15px; }.bsm-stubb__modal-content p { margin:12px 36px 4px; font-size:13px; } }
@media (prefers-reduced-motion:reduce) { .bsm-stubb * { scroll-behavior:auto!important; transition:none!important; } }