/* Public storefront finishing layer. Never loaded by the staff workspace. */
body.hkf-public-design{
 --hkf-page:#faf9f5;--hkf-surface-soft:#f3f5ef;--hkf-surface-warm:#fbfcf8;
 --hkf-ink:#253f36;--hkf-muted:#58695d;--hkf-subtle:#667568;
 --hkf-border:#dce3d8;--hkf-border-strong:#c6d2c2;--hkf-primary:#285441;
 --hkf-primary-dark:#1e4133;--hkf-primary-soft:#eef3e9;
 --hkf-price:#285441;--hkf-shadow-soft:0 5px 20px rgba(38,65,46,.035);
 background:var(--hkf-page);color:var(--hkf-ink);margin-top:0;
 -webkit-font-smoothing:antialiased;text-underline-offset:4px;
}
.hkf-public-design :is(h1,h2,h3){text-wrap:balance}
.hkf-public-design :is(p,li){text-wrap:pretty}
.hkf-public-design :is(input,select,textarea){accent-color:#285441}
.hkf-public-design :is(a,button,summary,input,select,textarea):focus-visible{outline:2px solid #9b824d;outline-offset:4px}
.hkf-public-design :is(section,[id]){scroll-margin-top:125px}
.hkf-public-design .public-icon{flex-shrink:0}
.hkf-public-design .public-icon svg{stroke-width:1.55}
.hkf-public-design .public-site-header{border-bottom-color:#e0e6db;box-shadow:0 2px 12px rgba(35,63,42,.025)}
.hkf-public-design .public-header-utility{background:#edf1e9;border-bottom-color:#e1e7dc}
.hkf-public-design .public-top-nav .nav-dropdown-content{border-color:#dce3d8;border-radius:10px;box-shadow:0 12px 35px #253f3614}
.hkf-public-design .public-top-nav .nav-dropdown-content a{line-height:1.5;min-height:42px}
.hkf-public-design .public-top-nav .nav-dropdown-content a:hover{background:#f0f4eb!important;color:#285441!important}
.hkf-public-design .public-site-footer{position:relative;border-top:1px solid #d8e0d1;background:#f0f3eb;padding-top:42px!important;padding-bottom:28px!important;border-radius:14px 14px 0 0;margin-top:44px}
.hkf-public-design .public-site-footer::before{content:"";position:absolute;left:24px;top:-1px;width:65px;height:2px;background:#a68c56}
.hkf-public-design .public-site-footer .footer-grid{grid-template-columns:minmax(210px,1.35fr) repeat(4,minmax(0,1fr))!important;gap:28px!important}
.hkf-public-design .public-site-footer .footer-column{max-width:none}
.hkf-public-design .public-site-footer .footer-column strong{font-size:13px;letter-spacing:.03em;margin-bottom:8px}
.hkf-public-design .public-site-footer .footer-column a{font-size:12px;line-height:1.7;padding:5px 0}
.hkf-public-design .public-site-footer .footer-column a:hover{color:#285441!important;text-decoration:underline}
.hkf-public-design .public-site-footer .footer-brand-copy{font-size:12px;line-height:1.85;margin-bottom:10px}
.hkf-public-design .public-site-footer .footer-brand-logo{max-width:220px;width:100%}
.hkf-public-design .public-site-footer .footer-legal{border-top-color:#d9e1d2;color:#71806c;font-size:12px;margin-top:28px;padding-top:20px}
.hkf-public-design.page-home .public-site-footer{background:#224b3d}
.hkf-public-design.page-home .public-site-footer .footer-column strong{color:#f4f5e9}
.hkf-public-design.page-home .public-site-footer .footer-column a,.hkf-public-design.page-home .public-site-footer .footer-brand-copy{color:#d3ddcc!important}
.hkf-public-design.page-home .public-site-footer .footer-column a:hover{color:#fff!important}
.hkf-public-design.page-home .public-site-footer .footer-legal{color:#d0dbcb;border-top-color:#ffffff26}
/* Information pages: editorial titles, quieter panels and botanical accents. */
.hkf-public-design:is(.hkf-guide-page,.hkf-venue-page) main.container{max-width:1180px;padding-bottom:24px}
.hkf-public-design:is(.hkf-guide-page,.hkf-venue-page) :is(.hero,.venue-hero){position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#f5f2e9,#eef3e8);border:1px solid #e0e4d4;border-top:0;border-radius:8px 8px 28px 8px;box-shadow:none;padding:clamp(24px,4vw,48px);margin:28px 0;gap:30px}
.hkf-public-design:is(.hkf-guide-page,.hkf-venue-page) :is(.hero,.venue-hero)::after{content:"";position:absolute;z-index:-1;right:-12px;top:-30px;width:195px;height:270px;background:url('/images/brand/botanical-line.svg') center/contain no-repeat;opacity:.13;pointer-events:none;transform:rotate(12deg)}
.hkf-public-design:is(.hkf-guide-page,.hkf-venue-page) :is(.hero,.venue-hero) h1{font-family:'HK Flowers Brand','Noto Serif TC','PMingLiU',serif;font-weight:600;font-size:clamp(28px,3.4vw,42px);line-height:1.5;letter-spacing:.025em;color:#254d40;margin:9px 0 16px}
.hkf-public-design:is(.hkf-guide-page,.hkf-venue-page) :is(.hero,.venue-hero) .intro{font-size:15px;line-height:1.95;color:#5d6c5c;max-width:66ch}
.hkf-public-design:is(.hkf-guide-page,.hkf-venue-page) :is(.hero,.venue-hero) .public-title-brand-line{font-size:12px;opacity:.8}
.hkf-public-design:is(.hkf-guide-page,.hkf-venue-page) :is(.kicker,.storefront-kicker){font-size:12px;color:#8d7341;letter-spacing:.07em}
.hkf-public-design:is(.hkf-guide-page,.hkf-venue-page) :is(.assurance,.info-visual-proof){background:#ffffffa8;border:1px solid #dce3d2;box-shadow:none;border-radius:8px;padding:22px}
.hkf-public-design.hkf-guide-page .panel{padding:28px;border-color:#e0e5da;border-radius:10px;box-shadow:none;margin-top:22px}
.hkf-public-design.hkf-guide-page .panel>h2{font-size:23px;font-family:'HK Flowers Brand','PMingLiU',serif;font-weight:600;line-height:1.55;margin-bottom:20px}
.hkf-public-design.hkf-guide-page :is(.chip-card,.story-card,.visual-fact-card,.info-card){background:#f8f9f4;border-color:#e0e5d9;box-shadow:none;border-radius:6px}
.hkf-public-design.hkf-guide-page .chip-card{border-left:2px solid #b3bf9b;padding:16px}
.hkf-public-design.hkf-guide-page .faq-item{background:#fff;border:0;border-bottom:1px solid #e0e5d9;border-radius:0;padding:0;box-shadow:none;margin:0}
.hkf-public-design.hkf-guide-page .faq-item summary{position:relative;display:block;list-style:none;cursor:pointer;padding:20px 34px 20px 0;font-size:15px;line-height:1.7;color:#2d4e3c}
.hkf-public-design.hkf-guide-page .faq-item summary::-webkit-details-marker{display:none}
.hkf-public-design.hkf-guide-page .faq-item summary::after{content:"+";position:absolute;right:3px;top:19px;font-size:20px;color:#9b824d;font-weight:400}
.hkf-public-design.hkf-guide-page .faq-item[open] summary::after{content:"−"}
.hkf-public-design.hkf-guide-page .faq-item p{font-size:14px;line-height:1.95;padding:0 24px 20px 0;margin:0;color:#5e6f5c}
.hkf-public-design.hkf-guide-page .faq-group-heading{border-left:2px solid #a88b51;padding-left:15px;background:transparent}
.hkf-public-design.hkf-guide-page .faq-group+.faq-group{margin-top:35px}
.hkf-topic-nav{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:20px 0;color:#7e886f;font-size:12px}
.hkf-topic-nav>a{display:flex;align-items:center;gap:12px;min-height:42px;border:1px solid #dce3d4;border-radius:5px;padding:8px 13px;background:#fff;color:#375a42;font-size:12px;text-decoration:none}
.hkf-topic-nav>a:hover{border-color:#9eaf8e;background:#f3f6ed}
.hkf-topic-nav>a>span{color:#a28a54}
.hkf-public-design.hkf-venue-page :is(.visual-fact-card,.venue-section,.venue-product-preview){border-color:#dce3d5;border-radius:10px;box-shadow:none}
.hkf-public-design.hkf-venue-page .visual-fact-card{border-top:2px solid #bdcaa9;background:#f6f8f0}
.hkf-public-design.hkf-venue-page .product-card{border-radius:8px;border-color:#dce3d5;box-shadow:none;overflow:hidden}
.hkf-public-design.hkf-venue-page .product-image{background:#f7f7f0;aspect-ratio:4/5;height:auto;padding:8px}
.hkf-public-design.hkf-venue-page .product-image img{width:100%;height:100%;object-fit:contain}
/* Product details: photo and price first, buying controls before supporting notes. */
.hkf-public-design.hkf-product-page .storefront-hero--product{display:block;padding:22px 0 12px!important;background:transparent!important;border:0!important;box-shadow:none!important;margin:16px 0 0!important}
.hkf-public-design.hkf-product-page .storefront-hero--product h1{font-size:clamp(26px,3vw,36px)!important;line-height:1.55;font-family:'HK Flowers Brand','PMingLiU',serif;font-weight:600;margin:5px 0!important}
.hkf-public-design.hkf-product-page .storefront-kicker{font-size:12px;color:#947843;letter-spacing:.08em}
.hkf-product-back{display:flex;justify-content:space-between;gap:12px;padding:4px 0 20px;font-size:12px;color:#6f7f69}
.hkf-product-back>a{color:#496746;text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.hkf-product-back>span{align-self:center;font-size:12px}
.hkf-public-design.hkf-product-page #product-detail{padding-top:0;margin-top:0}
.hkf-public-design.hkf-product-page #product-detail>h2{font-size:14px;letter-spacing:.08em;margin-bottom:15px}
.hkf-public-design.hkf-product-page .legacy-product-detail-card{padding:24px;background:#fff;border:1px solid #dce3d5;border-radius:12px;box-shadow:none;gap:32px!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important}
.hkf-public-design.hkf-product-page .legacy-product-detail-media{position:sticky;top:125px;gap:14px}
.hkf-public-design.hkf-product-page .is-detail .legacy-product-image{aspect-ratio:4/5;min-height:0;background:#f6f6ef;border:1px solid #e6e7da;border-radius:6px;padding:10px}
.hkf-public-design.hkf-product-page .is-detail .legacy-product-image img{width:100%;height:100%;object-fit:contain}
.hkf-public-design.hkf-product-page .legacy-product-image-note{font-size:12px;line-height:1.85;color:#76816e}
.hkf-public-design.hkf-product-page .legacy-product-name{font-size:23px!important;line-height:1.55}
.hkf-public-design.hkf-product-page .legacy-product-detail-top{display:block}
.hkf-public-design.hkf-product-page .legacy-product-meta{font-size:12px;color:#72816d}
.hkf-public-design.hkf-product-page .legacy-product-price{background:transparent!important;border:0!important;padding:0!important;margin:16px 0 0!important;font-size:30px!important;letter-spacing:-.035em;color:#285441!important}
.hkf-public-design.hkf-product-page .product-detail-cta{background:#f0f4e9;border:1px solid #dbe4cf;border-radius:8px;box-shadow:none;display:flex;flex-direction:column;padding:18px;gap:12px}
.hkf-public-design.hkf-product-page .product-detail-buy-reassurance{font-size:12px;font-weight:500;gap:8px;grid-template-columns:1fr;border-bottom-color:#d5dec9;padding-bottom:13px}
.hkf-public-design.hkf-product-page .product-detail-cta .legacy-product-cart-form{grid-template-columns:76px minmax(0,1fr);gap:12px}
.hkf-public-design.hkf-product-page .product-detail-cta .legacy-product-button{min-height:48px;background:#285441!important;border-color:#285441!important;box-shadow:none!important}
.hkf-public-design.hkf-product-page .product-detail-cta input{min-height:48px!important;background:#fff}
.hkf-public-design.hkf-product-page .product-detail-whatsapp-button{min-height:44px;background:transparent!important;border-color:#b9c9ad!important;font-size:13px!important}
.hkf-public-design.hkf-product-page :is(.product-detail-note,.product-detail-trust-item,.product-detail-checkout-box){background:#fafbf7;border-color:#e1e7d9;box-shadow:none;padding:14px}
.hkf-public-design.hkf-product-page .product-detail-note-grid{grid-template-columns:1fr;gap:0;border:1px solid #e1e7d9;border-radius:6px;overflow:hidden}
.hkf-public-design.hkf-product-page .product-detail-note{display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px;border:0;border-radius:0}
.hkf-public-design.hkf-product-page .product-detail-note+.product-detail-note{border-top:1px solid #e1e7d9}
.hkf-public-design.hkf-product-page .product-detail-note :is(strong,span){font-size:12px;line-height:1.8;margin:0}
.hkf-public-design.hkf-product-page .product-detail-trust-grid{grid-template-columns:1fr;gap:8px}
.hkf-public-design.hkf-product-page .product-detail-trust-item{background:transparent;border:0;padding:5px 0;gap:10px}
.hkf-public-design.hkf-product-page .product-detail-trust-item .public-icon{color:#7e9667;background:#eff3e7;border-radius:50%;padding:6px;width:30px;height:30px}
.hkf-public-design.hkf-product-page .product-detail-trust-item strong{font-size:12px;margin:0 0 3px}
.hkf-public-design.hkf-product-page .product-detail-trust-item span{font-size:12px;line-height:1.8}
/* Transactional screens: readable forms and restrained emphasis. */
.hkf-public-design.hkf-transactional-page :is(input:not([type=radio]):not([type=checkbox]):not([type=hidden]),select,textarea){border-color:#ccd8c7;background-color:#fff;border-radius:6px;font-size:16px}
.hkf-public-design.hkf-order-status-page .hero{border-color:#dce3d4;border-radius:12px;box-shadow:none;background:linear-gradient(130deg,#f1f3e9,#fff);gap:36px;padding:32px}
.hkf-public-design.hkf-order-status-page .hero h1{font-family:'HK Flowers Brand','PMingLiU',serif;font-size:32px;line-height:1.6;color:#254d40}
.hkf-public-design.hkf-order-status-page .lookup-form{background:#fff;border:1px solid #dce3d4;border-radius:8px;padding:24px}
.hkf-public-design.hkf-about-page .about-hero{position:relative;background:linear-gradient(130deg,#f5f2e8,#edf3e7);border-color:#dce3d4;box-shadow:none;border-radius:8px 8px 30px 8px}
.hkf-public-design.hkf-about-page .about-hero h1{font-family:'HK Flowers Brand','PMingLiU',serif;font-weight:600;line-height:1.6}
.hkf-public-design.whatsapp-support-page .whatsapp-support-hero{background:linear-gradient(130deg,#f5f2e8,#edf3e7);border-color:#dce3d4;border-radius:8px 8px 28px 8px;box-shadow:none}
.hkf-public-design.whatsapp-support-page .whatsapp-support-hero h1{font-family:'HK Flowers Brand','PMingLiU',serif;font-weight:600;line-height:1.5}
@media(min-width:641px) and (max-width:1100px){.hkf-public-design .public-site-footer .footer-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.hkf-public-design .footer-column--brand{grid-column:1/-1;max-width:440px!important}}
@media(max-width:760px){
 .hkf-public-design:is(.hkf-guide-page,.hkf-venue-page) main.container{padding-left:16px;padding-right:16px}
 .hkf-public-design:is(.hkf-guide-page,.hkf-venue-page) :is(.hero,.venue-hero){padding:24px 20px!important;margin:18px 0 22px;gap:20px;grid-template-columns:1fr}
 .hkf-public-design:is(.hkf-guide-page,.hkf-venue-page) :is(.hero,.venue-hero) h1{font-size:27px;line-height:1.5;margin:8px 0 12px}
 .hkf-public-design:is(.hkf-guide-page,.hkf-venue-page) :is(.hero,.venue-hero) .intro{font-size:14px;line-height:1.9}
 .hkf-public-design:is(.hkf-guide-page,.hkf-venue-page) :is(.hero,.venue-hero) .public-title-brand-line{display:none}
 .hkf-public-design.hkf-guide-page .panel{padding:20px 17px;margin-top:20px}
 .hkf-public-design.hkf-guide-page .panel>h2{font-size:21px;margin-bottom:16px}
 .hkf-public-design.hkf-guide-page .faq-item summary{font-size:14px;padding-top:18px;padding-bottom:18px}
 .hkf-public-design.hkf-guide-page .faq-item p{font-size:14px;padding-right:12px}
 .hkf-public-design.hkf-product-page .storefront-hero--product{padding:12px 0 5px!important;margin-top:12px!important}
 .hkf-public-design.hkf-product-page .storefront-hero--product h1{font-size:27px!important}
 .hkf-public-design.hkf-product-page .legacy-product-detail-card{grid-template-columns:minmax(0,1fr)!important;padding:16px;gap:22px!important}
 .hkf-public-design.hkf-product-page .legacy-product-detail-media{position:static}
 .hkf-public-design.hkf-product-page .is-detail .legacy-product-image{aspect-ratio:4/4.6;max-height:460px;padding:8px}
 .hkf-public-design.hkf-product-page .legacy-product-detail-info{gap:16px}
 .hkf-public-design.hkf-product-page .legacy-product-name{font-size:21px!important}
 .hkf-public-design.hkf-product-page .product-detail-cta{padding:16px}
 .hkf-public-design.hkf-product-page .product-detail-cta .legacy-product-cart-form{grid-template-columns:64px minmax(0,1fr)}
 .hkf-public-design.hkf-product-page .legacy-product-price{font-size:29px!important}
 .hkf-public-design.hkf-order-status-page .hero{padding:22px 18px;gap:24px}
 .hkf-public-design.hkf-order-status-page .lookup-form{padding:20px 16px}
 .hkf-public-design.hkf-order-status-page .hero h1{font-size:27px}
 .hkf-topic-nav{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:2px 0 10px;scrollbar-width:thin}
 .hkf-topic-nav>span{display:none}.hkf-topic-nav>a{flex-shrink:0}
}
@media(max-width:640px){
 .hkf-public-design .public-site-footer{padding:30px 18px 24px!important;margin-top:30px}
 .hkf-public-design .public-site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px 18px!important}
 .hkf-public-design .public-site-footer .footer-column--brand{grid-column:1/-1;border-bottom:1px solid #d9e1d1;padding-bottom:22px}
 .hkf-public-design .public-site-footer .footer-column a{padding:7px 0;min-height:32px;font-size:12px}
 .hkf-public-design .public-site-footer .footer-column strong{font-size:13px}
 .hkf-public-design .public-site-footer .footer-brand-logo{max-width:215px}
}
@media(prefers-reduced-motion:no-preference){.hkf-public-design :is(.hkf-topic-nav>a,.product-card,.legacy-product-card--listing){transition:box-shadow .18s,border-color .18s}.hkf-public-design :is(.product-card,.legacy-product-card--listing):hover{border-color:#a3b58d;box-shadow:0 8px 22px #284c3810}}
@media print{body.hkf-public-design{background:white}.hkf-public-design .public-site-footer::before{display:none}.hkf-public-design.hkf-product-page .legacy-product-detail-media{position:static}}

.hkf-public-design.hkf-checkout-page .panel{border-color:#dce3d5;box-shadow:none;border-radius:10px;padding:26px}
.hkf-public-design.hkf-checkout-page .section{padding-top:24px;margin-top:24px;border-top-color:#e1e7da}
.hkf-public-design.hkf-checkout-page .section h2{font-size:17px;color:#35573f;line-height:1.6;margin-bottom:12px}
.hkf-public-design.hkf-checkout-page .section h2::before{display:none}
.hkf-public-design.hkf-checkout-page .required-badge{font-size:12px;color:#697951;border-color:#d9e3cb;background:#f1f5e9;font-weight:500}
.hkf-public-design.hkf-checkout-page .checkout-process-line{background:transparent;border:0;border-bottom:1px solid #dce3d5;border-radius:0;padding:14px 0;font-size:12px;color:#75806e}
.hkf-public-design.hkf-checkout-page .checkout-reassurance-note{background:#f0f4e9;border-color:#dce5d0;font-size:13px;line-height:1.85}
.hkf-public-design.hkf-checkout-page .help{font-size:12px;line-height:1.85;color:#6b7964}
.hkf-public-design.hkf-checkout-page .layout>aside.panel{background:#f2f5ec}
.hkf-public-design.hkf-checkout-page .trust-note{background:#fafbf6;border-color:#dce3d5;font-size:12px;line-height:1.85}
.hkf-public-design.hkf-checkout-page #checkout-form>button{min-height:50px;width:100%;background:#285441!important;border-color:#285441!important;box-shadow:none!important}
.hkf-public-design.quick-order-page .quick-order-hero{background:linear-gradient(130deg,#f5f2e8,#edf3e7);border-color:#dce3d4;box-shadow:none;border-radius:8px 8px 28px 8px}
.hkf-public-design.quick-order-page .quick-order-hero h1{font-family:'HK Flowers Brand','PMingLiU',serif;line-height:1.5;font-weight:600}
@media(min-width:861px){.hkf-public-design.hkf-checkout-page .layout{align-items:start}.hkf-public-design.hkf-checkout-page .layout>aside.panel{position:sticky;top:24px}}
@media(max-width:760px){.hkf-public-design.hkf-checkout-page .panel{padding:20px 17px}.hkf-public-design.hkf-checkout-page .section{margin-top:22px;padding-top:22px}.hkf-public-design.hkf-checkout-page .section h2{font-size:16px}}
.hkf-public-design .public-site-header .public-icon{width:19px;height:19px;background:transparent;border:0;border-radius:0;color:inherit;padding:0}
.hkf-public-design .public-site-header .public-icon svg{width:100%;height:100%}
.hkf-public-design .public-floating-button .public-icon{background:transparent;border:0;border-radius:0;padding:0;color:inherit;width:18px;height:18px}
.hkf-public-design .public-floating-button .public-icon svg{width:18px;height:18px}
.hkf-public-design .public-floating-support-panel{display:block;max-width:188px;box-shadow:0 5px 22px #213c2b0d;background:#fffefb;padding:0;overflow:hidden}
.hkf-public-design .public-floating-support-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;list-style:none;padding:13px 15px;font-size:12px;color:#4a6449;min-height:44px;box-sizing:border-box}
.hkf-public-design .public-floating-support-panel>summary::-webkit-details-marker{display:none}
.hkf-public-design .public-floating-support-panel[open]>summary{border-bottom:1px solid #dce3d4}
.hkf-public-design .public-floating-support-panel[open]>summary>span{transform:rotate(45deg)}
.hkf-public-design .public-floating-support-panel .public-floating-support-heading{padding:12px 12px 0}
.hkf-public-design .public-floating-support-panel .public-floating-support-heading strong{display:none}
.hkf-public-design .public-floating-support-panel .public-floating-support-heading span{display:block;font-size:12px;line-height:1.8}
.hkf-public-design .public-floating-support-panel .public-floating-support-links{padding:12px}
.hkf-public-design.page-product-listing:not(.page-product-listing--wreaths):not(.page-product-listing--all) .storefront-hero--listing{position:relative;isolation:isolate;background:linear-gradient(120deg,#f5f2e8,#eef3e8);border-color:#dce3d5;border-top:0;border-radius:8px 8px 26px 8px;box-shadow:none;padding:30px!important;overflow:hidden}
.hkf-public-design.page-product-listing:not(.page-product-listing--wreaths):not(.page-product-listing--all) .storefront-hero--listing::after{content:"";position:absolute;z-index:-1;pointer-events:none;right:8px;top:0;width:140px;height:200px;opacity:.11;background:url('/images/brand/botanical-line.svg') center/contain no-repeat}
.hkf-public-design.page-product-listing:not(.page-product-listing--wreaths):not(.page-product-listing--all) .storefront-hero--listing h1{font-family:'HK Flowers Brand','PMingLiU',serif;font-weight:600;font-size:34px!important;line-height:1.6}
.hkf-public-design.hkf-guide-page .info-story-card{border-color:#dce3d5;border-radius:8px;box-shadow:none;background:#f8faf4}
.hkf-public-design.hkf-guide-page .visual-flow-step .step-badge{background:#eef3e5;color:#597148;border:1px solid #d9e2c9;box-shadow:none}
.hkf-public-design.hkf-guide-page .table-wrap{border-color:#dce3d5;border-radius:8px;scrollbar-width:thin}
.hkf-public-design.hkf-guide-page table th{background:#eef3e8;color:#3a573e;line-height:1.7}
.hkf-public-design.hkf-guide-page table td{line-height:1.8}
.hkf-public-design.hkf-guide-page table tbody tr:nth-child(even){background:#fafbf7}
@media(max-width:760px){.hkf-public-design.page-product-listing:not(.page-product-listing--wreaths):not(.page-product-listing--all) .storefront-hero--listing{padding:22px 18px!important}.hkf-public-design.page-product-listing:not(.page-product-listing--wreaths):not(.page-product-listing--all) .storefront-hero--listing h1{font-size:28px!important}}
@media(max-width:640px){.hkf-public-design .public-floating-support-panel{display:none}}
/* Mobile utility icons must remain visible when their text labels are clipped. */
.hkf-public-design .public-floating-button>.public-icon{clip:auto;clip-path:none;display:inline-flex;overflow:visible;position:static;white-space:normal;flex:0 0 18px}

/* Brand refinement, November 2026: shared public components, no business state changes. */
@media screen {
    body.hkf-public-design {
        --hkf-care-green: #234f40;
        --hkf-care-ink: #233f35;
        --hkf-care-muted: #526557;
        --hkf-care-gold: #806338;
        --hkf-care-line: #d7dfd2;
        --hkf-care-paper: #fffefa;
        --hkf-care-wash: #f0f4ed;
    }
    .hkf-public-design .brand-care-illustration { display: block; width: 200px; max-width: 100%; pointer-events: none; }
    .hkf-public-design .brand-care-illustration img { display: block; width: 100%; height: auto; }

    /* Reading guides have a deliberate cover, rather than a second miniature header. */
    body.hkf-public-design.hkf-guide-page .hero.hero--editorial {
        display: block; position: relative; padding: 32px 270px 32px 32px;
        background: #f6f5ee; border: 1px solid var(--hkf-care-line); border-radius: 14px;
        box-shadow: none; isolation: isolate;
    }
    body.hkf-public-design.hkf-guide-page .hero--editorial::before { display: none; }
    body.hkf-public-design.hkf-guide-page .hero--editorial::after {
        width: 50px; height: 3px; top: 0; left: 32px; right: auto;
        background: #b39a63; mask: none; transform: none; opacity: 1; border-radius: 0 0 2px 2px;
    }
    body.hkf-public-design.hkf-guide-page .hero--editorial > .brand-care-illustration {
        position: absolute; right: 32px; top: 50%; width: 200px; transform: translateY(-50%);
    }
    body.hkf-public-design.hkf-guide-page .hero--editorial .kicker,
    body.hkf-public-design.hkf-guide-page .hero--editorial .public-title-brand-line :is(.public-title-brand-mark, small) { display: none; }
    body.hkf-public-design.hkf-guide-page .hero--editorial .public-title-brand-line {
        display: block; color: var(--hkf-care-gold); font-size: 12px; letter-spacing: .04em; margin-bottom: 12px; opacity: 1;
    }
    body.hkf-public-design.hkf-guide-page .hero--editorial h1 { margin: 8px 0 12px; line-height: 1.4; }
    body.hkf-public-design.hkf-guide-page .hero--editorial .intro { color: var(--hkf-care-muted); margin-bottom: 18px; }
    body.hkf-public-design.hkf-guide-page .hero .actions { gap: 10px; }
    body.hkf-public-design.hkf-guide-page .hero .button-link { min-height: 46px; }
    body.hkf-public-design.hkf-guide-page .hero .button-link.secondary {
        background: var(--hkf-care-paper); color: var(--hkf-care-green); border: 1px solid #afc0aa;
    }
    body.hkf-public-design.hkf-guide-page .faq-group-list { counter-reset: faq-section; gap: 26px; }
    body.hkf-public-design.hkf-guide-page .faq-group { scroll-margin-top: 130px; }
    body.hkf-public-design.hkf-guide-page .faq-group-heading { display: grid; grid-template-columns: 38px minmax(0, 1fr); column-gap: 12px; align-items: center; }
    body.hkf-public-design.hkf-guide-page .faq-group-heading::before {
        counter-increment: faq-section; content: counter(faq-section, decimal-leading-zero);
        grid-row: 1 / 3; align-self: start; color: var(--hkf-care-gold); font: 24px/1.5 Georgia, serif;
    }
    body.hkf-public-design.hkf-guide-page .faq-group-heading :is(h3, p) { grid-column: 2; }
    body.hkf-public-design.hkf-guide-page details.faq-item { background: var(--hkf-care-paper); border: 1px solid var(--hkf-care-line); border-radius: 9px; }
    body.hkf-public-design.hkf-guide-page .faq-item summary {
        display: flex; align-items: center; justify-content: space-between; gap: 16px;
        min-height: 52px; padding: 14px 16px; list-style: none; color: var(--hkf-care-ink); line-height: 1.6;
    }
    body.hkf-public-design.hkf-guide-page .faq-item summary::-webkit-details-marker { display: none; }
    body.hkf-public-design.hkf-guide-page .faq-item summary::after {
        content: '+'; flex: 0 0 24px; text-align: center; font: 22px/1 Georgia, serif; color: var(--hkf-care-green);
    }
    body.hkf-public-design.hkf-guide-page .faq-item[open] { border-color: #9fb39b; background: #f7faf4; }
    body.hkf-public-design.hkf-guide-page .faq-item[open] summary::after { content: '−'; }
    body.hkf-public-design.hkf-guide-page .faq-item[open] summary { border-bottom: 1px solid var(--hkf-care-line); }
    body.hkf-public-design.hkf-guide-page .faq-item p { padding: 14px 16px; margin: 0; color: var(--hkf-care-muted); line-height: 1.85; }

    /* Useful empty-state illustration: card preparation, not an error or a warning. */
    body.cart-page .cart-empty-panel { padding: 30px; border-radius: 14px; background: var(--hkf-care-paper); }
    body.cart-page .cart-empty-panel .empty-state {
        display: grid; grid-template-columns: 180px minmax(0, 440px); align-items: center;
        justify-content: center; gap: 32px; min-height: 250px; text-align: left;
    }
    body.cart-page .cart-empty-copy { min-width: 0; display: grid; justify-items: start; gap: 14px; }
    body.cart-page .cart-empty-copy h2 { font-size: 23px; line-height: 1.5; }
    body.cart-page .cart-empty-copy .subtitle { margin: 0; line-height: 1.85; color: var(--hkf-care-muted); }
    body.cart-page .cart-empty-copy .button-primary { margin-top: 4px; box-shadow: none; }
    body.cart-page .cart-empty-copy .cart-empty-help { margin: 0; color: var(--hkf-care-green); line-height: 1.8; }

    /* The same numbered language carries through both checkout steps. */
    body.hkf-public-design .checkout-data-progress {
        display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0;
        list-style: none; border: 1px solid var(--hkf-care-line); border-radius: 10px;
        background: var(--hkf-care-paper); padding: 4px; overflow: hidden;
    }
    body.hkf-public-design .checkout-data-progress li {
        display: flex; align-items: center; justify-content: center; gap: 10px; min-width: 0;
        min-height: 60px; padding: 10px 14px; margin: 0; border: 0; border-radius: 7px;
        background: transparent; color: var(--hkf-care-muted); font-size: 13px; line-height: 1.5;
    }
    body.hkf-public-design .checkout-data-progress li.is-current { background: var(--hkf-care-wash); color: var(--hkf-care-green); box-shadow: inset 0 -2px #809a79; }
    body.hkf-public-design .checkout-data-progress__number {
        display: grid; place-items: center; flex: 0 0 30px; width: 30px; height: 30px;
        border: 1px solid #cdd8c9; border-radius: 50%; background: #fff; color: var(--hkf-care-muted); font-size: 13px;
    }
    body.hkf-public-design .checkout-data-progress .is-current .checkout-data-progress__number { background: var(--hkf-care-green); border-color: var(--hkf-care-green); color: #fff; }
    body.hkf-public-design .checkout-data-progress .is-complete .checkout-data-progress__number { background: #e8f2e8; color: var(--hkf-care-green); }
    body.hkf-public-design .checkout-data-progress small { display: block; color: var(--hkf-care-muted); font-size: 11px; }
    body.hkf-public-design .checkout-data-progress .public-icon { width: 17px; height: 17px; }
    body.hkf-public-design .checkout-section-heading > .public-icon { background: var(--hkf-care-wash); border: 1px solid var(--hkf-care-line); border-radius: 8px; padding: 7px; box-sizing: content-box; color: var(--hkf-care-green); }

    /* Small, contained flourishes support the photograph rather than replacing it. */
    body.hkf-public-design.page-home .home-intro--atelier { position: relative; isolation: isolate; border-top-color: #b9a571; }
    body.hkf-public-design.page-home .home-intro--atelier::before {
        content: ''; display: block; position: absolute; z-index: -1; bottom: 15px; left: 40%;
        width: 150px; height: 110px; background: url('/images/brand/botanical-branch.svg') center / contain no-repeat;
        opacity: .35; pointer-events: none; transform: none;
    }
    body.hkf-public-design.page-home .home-promises-heading h2 { color: var(--hkf-care-gold); }
    body.hkf-public-design.page-home #home-order-flow .home-flow-step-icon small { background: #e9dfc5; color: #594723; border-color: #f5f6ee; }
    body.hkf-public-design .wa-topic-icon { border-radius: 50%; border-color: var(--hkf-care-line); background: var(--hkf-care-wash); color: var(--hkf-care-green); }
    body.hkf-public-design .wa-topic { transition: border-color 150ms ease, background-color 150ms ease; }
    body.hkf-public-design .wa-topic:is(:hover, :focus-visible) { border-color: #809a79; background: #f5f8f1; }
    body.hkf-public-design footer#site-footer { position: relative; }
    body.hkf-public-design footer#site-footer::after {
        content: ''; display: block; position: absolute; top: -13px; left: calc(50% - 26px);
        width: 52px; height: 26px; background: var(--hkf-shell-sage) url('/images/brand/botanical-branch.svg') center / 45px auto no-repeat;
        pointer-events: none;
    }
}
@media screen and (max-width: 760px) {
    body.hkf-public-design.hkf-guide-page .hero.hero--editorial { padding: 24px 22px; }
    body.hkf-public-design.hkf-guide-page .hero--editorial > .brand-care-illustration { display: none; }
    body.hkf-public-design.hkf-guide-page .hero--editorial::after { left: 22px; }
    body.cart-page .cart-empty-panel { padding: 26px 20px; }
    body.cart-page .cart-empty-panel .empty-state { grid-template-columns: minmax(0, 1fr); gap: 14px; min-height: 0; text-align: center; }
    body.cart-page .cart-empty-panel .brand-care-illustration { width: 140px; margin: auto; }
    body.cart-page .cart-empty-copy { justify-items: center; gap: 12px; }
    body.cart-page .cart-empty-copy h2 { font-size: 21px; }
    body.hkf-public-design .checkout-data-progress li { flex-direction: column; align-items: center; justify-content: flex-start; padding: 10px 6px; gap: 7px; text-align: center; min-height: 0; font-size: 12px; }
    body.hkf-public-design .checkout-data-progress__number { width: 26px; height: 26px; flex-basis: 26px; }
    body.hkf-public-design.page-home .home-intro--atelier::before { left: auto; right: 6px; bottom: 6px; width: 90px; height: 75px; opacity: .22; }
}
@media screen and (prefers-reduced-motion: reduce) {
    body.hkf-public-design .wa-topic { transition: none; }
}
@media screen and (min-width: 761px) {
    body.cart-page .cart-empty-copy .button-primary { justify-self: start; margin-left: 0; margin-right: 0; }
    body.cart-page .cart-empty-copy .subtitle { text-align: left; }
}