/* Garden customer visual release, 10 November 2026. Scoped away from staff UI. */
.garden-retail-v2.garden-visual{background:radial-gradient(ellipse at 100% 0,#f3e7ef 0,transparent 48%),#fcfaf7}
.garden-retail-v2 .garden-hero-fresh .garden-hero-chat{display:flex!important}.garden-retail-v2 .garden-hero-fresh .garden-hero-photos:after{display:none}
.garden-retail-v2 .garden-hero-fresh{display:grid;grid-template-columns:1fr 1.15fr;position:relative;overflow:hidden;isolation:isolate;background:#eadfef;color:#412c53;border-radius:30px;min-height:410px;padding:38px;gap:12px}
.garden-retail-v2 .garden-hero-fresh .garden-hero-copy{position:relative;z-index:3;align-self:center;width:auto;max-width:none;padding:0}
.garden-retail-v2 .garden-hero-fresh .eyebrow{color:#775889;font-size:10px;letter-spacing:.13em;margin-bottom:24px}
.garden-retail-v2 .garden-hero-fresh h1{font-size:clamp(32px,4.4vw,51px);line-height:1.03;letter-spacing:-.055em;max-width:360px;font-weight:650;margin:0 0 20px;color:#412c53}
.garden-retail-v2 .garden-hero-fresh h1 em{font-family:Georgia,serif;font-weight:400;color:#775289;letter-spacing:-.06em}
.garden-retail-v2 .garden-hero-fresh p{color:#725e7c;font-size:14px;line-height:1.65;max-width:260px;margin:0 0 22px}
.garden-retail-v2 .garden-hero-fresh .garden-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.garden-retail-v2 .garden-hero-fresh .primary{background:#6b507f;color:white;border-radius:16px;min-height:48px;padding:12px 18px}
.garden-retail-v2 .garden-hero-fresh .garden-hero-chat{background:transparent;color:#614573;border:1px solid #bfa7cc;min-height:44px;padding:10px 15px;border-radius:16px}
.garden-retail-v2 .garden-hero-fresh .garden-hero-note{color:#7e6c86;display:block;line-height:1.5;font-size:10px;margin-top:19px;max-width:220px}
.garden-retail-v2 .garden-hero-fresh .garden-hero-photos{position:relative;inset:auto;width:100%;height:100%;min-height:325px;z-index:1;overflow:visible;transform:none}
.garden-retail-v2 .garden-hero-fresh .garden-hero-flower{position:absolute;object-fit:cover;box-shadow:0 12px 35px #4e355d25;border:5px solid #fff9}
.garden-retail-v2 .garden-hero-fresh .hero-flower-0{width:88%;height:91%;left:3%;top:0;border-radius:140px 140px 22px 22px;transform:rotate(6deg);object-position:50% 40%}
.garden-retail-v2 .garden-hero-fresh .hero-flower-1{width:49%;height:54%;left:auto;right:-13%;top:auto;bottom:-10%;border-radius:21px;transform:rotate(-9deg);object-position:50% 35%}
.garden-retail-v2 .garden-hero-fresh .garden-hero-label{display:none}
.garden-retail-v2 .garden-preview-card{border:1px solid #e6dae7;border-radius:25px;overflow:hidden;background:#fff;margin:20px 0 24px;box-shadow:0 8px 32px #51335f08}
.garden-preview-heading{padding:16px 18px 0;display:flex;align-items:center;justify-content:space-between;gap:8px}.garden-preview-heading .eyebrow{font-size:10px;letter-spacing:.08em}.garden-preview-heading button{font-size:11px;min-height:40px;max-width:155px;padding:8px 12px}
#garden-bouquet-preview{max-width:660px;margin:auto}.gbp-stage{position:relative;aspect-ratio:1.12;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#fffdf9 25%,#f7f2ee 76%);margin:14px;border-radius:20px}
.gbp-wrap{position:absolute;left:50%;top:44%;width:78%;height:75%;transform:translate(-50%,-50%) rotate(-10deg);background:linear-gradient(130deg,#f8e2cd 0%,#fff1e5 30%,#e7c8b1 61%,#ffe6d1 80%);box-shadow:0 5px 13px #9c786029;clip-path:polygon(12% 5%,35% 0,47% 7%,73% 0,94% 11%,99% 34%,91% 61%,62% 100%,38% 100%,8% 59%,0 31%);z-index:1}
.gbp-wrap-back:after{content:'';position:absolute;inset:5%;border:1px solid #fff9;clip-path:inherit;background:linear-gradient(45deg,transparent 47%,#fff5 48%,transparent 51%)}
.gbp-wrap-front{z-index:600;top:77%;height:30%;width:51%;transform:translate(-50%,-50%);background:linear-gradient(125deg,#efd4bb,#fff0df 48%,#dfbfa5);clip-path:polygon(0 0,50% 22%,100% 0,65% 100%,35% 100%)}
.gbp-film .gbp-wrap-back{background:linear-gradient(135deg,#d5c1df88,#f2eaf399 35%,#cdb6debb 65%,#e8d7efaa);border:1px solid #d5bcdf}.gbp-film .gbp-wrap-front{background:linear-gradient(130deg,#c6a7d4aa,#eee0f1aa,#ae8dc8aa)}
.gbp-foamiran .gbp-wrap-back{background:linear-gradient(140deg,#e7c5d8,#fff0f4 40%,#c78ba9 75%,#edcedc)}.gbp-foamiran .gbp-wrap-front{background:linear-gradient(120deg,#dcaec7,#f6dfe9 45%,#bc7b9c)}
.gbp-stems{position:absolute;left:43%;top:56%;width:14%;height:27%;background:repeating-linear-gradient(85deg,#547b42 0 4px,#8c9d61 5px 8px);clip-path:polygon(0 0,100% 0,80% 100%,25% 100%);z-index:2}
.gbp-bloom{position:absolute;object-fit:contain;height:auto;filter:drop-shadow(0 3px 2px #2b3a292c);pointer-events:none;max-width:none}.gbp-ribbon{position:absolute;z-index:601;left:41%;top:83%;width:18%;height:4%;border-radius:35%;background:linear-gradient(90deg,#78537f,#bc8fc2,#6f4678);transform:rotate(-4deg);box-shadow:0 3px 6px #5a345836}.gbp-ribbon:after{content:'';position:absolute;top:90%;left:55%;height:45px;width:15px;transform:rotate(-21deg);background:linear-gradient(90deg,#9a6ba1,#c69acb);clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%)}
.gbp-watermark{position:absolute;bottom:12px;right:15px;font-size:9px;letter-spacing:.1em;color:#9a859a}.gbp-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 20px}.gbp-meta strong{font-size:17px;color:#4e375a}.gbp-meta span{font-size:11px;color:#9b889e}.garden-preview-note{font-size:11px!important;color:#9a879f!important;margin:10px 20px 17px!important;line-height:1.5!important}
.gbp-empty .gbp-wrap,.gbp-empty .gbp-stems,.gbp-empty .gbp-ribbon{opacity:.4}.gbp-empty-copy{position:absolute;z-index:602;top:34%;left:8%;right:8%;text-align:center;color:#674d75}.gbp-empty-copy span{font-family:Georgia,serif;font-size:25px;line-height:1.2}.gbp-empty-copy small{display:block;margin-top:12px;font-size:12px}.gbp-unknown{position:absolute;color:#b9a1c4;font-size:35px;transform:translate(-50%,-50%)}
.garden-wrap-picker{margin:20px 0;padding:0;border:0;min-width:0}.garden-wrap-picker legend{font-weight:650;font-size:16px;color:#50375d;margin-bottom:12px}.garden-wrap-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.garden-wrap-option{background:#faf7fa;border:1px solid #e7dce9;border-radius:14px!important;min-width:0;padding:8px 4px!important;min-height:90px;display:flex;flex-direction:column;align-items:center;gap:6px}.garden-wrap-option strong{font-size:10px;line-height:1.2;overflow-wrap:anywhere;font-weight:500}.garden-wrap-option.active{border-color:#8a629b;background:#f0e6f5;box-shadow:inset 0 0 0 1px #8a629b}.garden-wrap-sample{display:block;width:42px;height:38px;clip-path:polygon(0 4%,40% 12%,55% 0,100% 14%,70% 100%,32% 100%);background:linear-gradient(125deg,#e3c3a5,#f9e9d5 42%,#d8b28e)}.garden-wrap-sample.auto{background:linear-gradient(125deg,#decce6,#f1e9f6 42%,#bba1c9)}.garden-wrap-sample.film{background:linear-gradient(125deg,#c8a9d2aa,#f6edfa 42%,#b19dc6aa)}.garden-wrap-sample.foamiran{background:linear-gradient(125deg,#d8a3bd,#fae1ed 42%,#c18da8)}
.garden-guest-contact{padding:16px;background:#f6eff8;border:1px solid #e8daee;border-radius:18px;margin:15px 0 20px}.garden-guest-contact h3{font-size:17px;margin-top:0}.garden-guest-consent{font-size:12px;line-height:1.5;align-items:flex-start;margin:20px 0}.garden-guest-consent input{flex:none}.garden-guest-receipt{max-width:540px;margin:25px auto;padding:28px 20px;text-align:center;background:#fff;border:1px solid #e7dbe9;border-radius:25px}.garden-receipt-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 20px;background:#eee4f5;color:#745087;border-radius:50%}.garden-receipt-icon svg{width:30px;height:30px}.garden-receipt-next{text-align:left;padding:18px;background:#f8f3fa;border-radius:16px;margin:25px 0}.garden-guest-receipt .wide{margin-top:9px}
.garden-retail-v2.garden-builder-active .garden-contact-button,.garden-retail-v2.garden-cart-active .garden-contact-button{display:none}.garden-retail-v2.garden-builder-active .gcd:not(.is-open) .gcd-chip,.garden-retail-v2.garden-cart-active .gcd:not(.is-open) .gcd-chip{display:none}
.garden-retail-v2.garden-builder-active .garden-builder-mobile-summary{bottom:calc(81px + env(safe-area-inset-bottom));z-index:20;left:12px;right:12px;transform:none;width:auto;border-radius:18px;box-shadow:0 5px 22px #4d355021;padding:11px 14px}.garden-retail-v2.garden-builder-active .garden-builder{padding-bottom:110px}.garden-builder-selection{scroll-margin-top:15px}
@media(min-width:700px){.garden-retail-v2 .garden-preview-card{max-width:620px;margin:24px auto 30px}.garden-retail-v2.garden-builder-active .garden-builder-mobile-summary{display:none}}
@media(max-width:600px){.garden-retail-v2 .garden-hero-fresh{padding:24px 20px;min-height:470px;grid-template-columns:1fr;gap:0;background:linear-gradient(130deg,#eee3f1,#e5d4e8);border-radius:25px}.garden-retail-v2 .garden-hero-fresh .garden-hero-copy{align-self:start;max-width:78%;z-index:3}.garden-retail-v2 .garden-hero-fresh h1{font-size:39px;max-width:240px;margin-bottom:14px}.garden-retail-v2 .garden-hero-fresh .eyebrow{margin-bottom:19px;font-size:8px}.garden-retail-v2 .garden-hero-fresh p{font-size:12px;max-width:185px;line-height:1.55}.garden-retail-v2 .garden-hero-fresh .garden-hero-photos{position:absolute;right:-18px;top:150px;width:52%;height:330px;min-height:0}.garden-retail-v2 .garden-hero-fresh .hero-flower-0{left:0;top:0;width:100%;height:80%;border-width:4px;transform:rotate(9deg);border-radius:110px 110px 18px 18px}.garden-retail-v2 .garden-hero-fresh .hero-flower-1{width:68%;height:49%;right:3%;bottom:-2%;border-width:4px;border-radius:17px}.garden-retail-v2 .garden-hero-fresh .garden-hero-actions{display:flex;align-items:flex-start;flex-direction:column;max-width:175px;margin-top:24px}.garden-retail-v2 .garden-hero-fresh .primary{font-size:13px;padding:12px 14px}.garden-retail-v2 .garden-hero-fresh .garden-hero-chat{font-size:12px;padding:10px 14px}.garden-retail-v2 .garden-hero-fresh .garden-hero-note{font-size:9px;max-width:145px;margin-top:20px}.garden-preview-heading{padding:12px 12px 0}.garden-preview-heading .eyebrow{font-size:8px}.garden-preview-heading button{font-size:10px;max-width:132px}.gbp-stage{margin:10px;aspect-ratio:1.03}.gbp-meta{padding:0 15px}.gbp-meta strong{font-size:15px}.garden-preview-note{margin:8px 15px 14px!important;font-size:10px!important}.garden-builder-filters{grid-template-columns:1fr!important}.garden-builder-filters label{font-size:12px}.garden-retail-v2 .garden-preview-card{margin:17px 0}.garden-retail-v2 .garden-directions{gap:6px}.garden-retail-v2 .garden-direction{padding:10px 8px;min-width:0}.garden-retail-v2 .garden-direction strong{font-size:12px}.garden-retail-v2 .garden-direction small{font-size:9px}.garden-retail-v2 .garden-direction-copy>span{font-size:10px;line-height:1.4}}
@media(prefers-reduced-motion:reduce){.gbp-bloom{transition:none}}
@supports not (aspect-ratio:1){.gbp-stage{height:0;padding-bottom:89.2857%}@media(max-width:600px){.gbp-stage{padding-bottom:97.0874%}}}

/* Footer social links must not inherit the app's fixed bottom navigation. */
.garden-retail-v2 .site-contacts nav{position:static!important;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:auto;max-width:500px;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;z-index:auto}
/* Main bottom navigation already provides catalogue, cart and contact access. */
.garden-retail-v2.garden-builder-active #site-menu-anchor,.garden-retail-v2.garden-cart-active #site-menu-anchor{display:none!important}

/* Reserve the initial app surface so the server footer never jumps out of view on bootstrap. */
.garden-retail-v2 #screen{min-height:calc(100vh - 100px)}
.garden-retail-v2 #app>header{min-height:100px}
@media(max-width:650px){
 .garden-retail-v2 .garden-quick-grid strong{font-size:12px;line-height:1.35}
 .garden-retail-v2 .garden-quick-grid small{font-size:10px;line-height:1.4}
 .garden-retail-v2 .garden-direction small{font-size:10px}
 .garden-retail-v2 .garden-direction-copy>span{font-size:11px;color:#75647e}
 .garden-retail-v2 .garden-preview-note,.garden-retail-v2 .gbp-meta>span{font-size:11px!important;color:#796780!important}
 .garden-retail-v2 .garden-wrap-option strong{font-size:11px}
 .garden-retail-v2 .garden-builder-mobile-summary small{font-size:11px;color:#76627e}
 .garden-retail-v2 nav#nav button{font-size:10px;color:#7c6886}
}