.hanabal-box-page{--hbb-navy: var(--hb-navy, #082838);--hbb-navy-2: var(--hb-navy-2, #0f3a4b);--hbb-paper: var(--hb-paper, #fffdf8);--hbb-cream: var(--hb-cream, #f5f0e6);--hbb-stone: var(--hb-stone, #d9d0c0);--hbb-coral: var(--hb-coral, #d9654c);--hbb-ink: var(--hb-ink, #10252c);--hbb-muted: var(--hb-muted, #647277);background:var(--hbb-paper);color:var(--hbb-ink)}.hanabal-box-page *,.hanabal-box-page *:before,.hanabal-box-page *:after{box-sizing:border-box}.hanabal-box-page h1,.hanabal-box-page h2,.hanabal-box-page h3,.hanabal-box-page p{margin:0}.hanabal-box-page button,.hanabal-box-page input,.hanabal-box-page select,.hanabal-box-page textarea{font:inherit}.hanabal-box-page__hero{position:relative;min-height:min(760px,82vh);isolation:isolate;display:flex;align-items:end;overflow:hidden;background:var(--hbb-navy);color:#fff}.hanabal-box-page__hero-media,.hanabal-box-page__hero-shade{position:absolute;top:0;right:0;bottom:0;left:0}.hanabal-box-page__hero-media img{width:100%;height:100%;object-fit:cover}.hanabal-box-page__hero-shade{z-index:1;background:linear-gradient(90deg,#041a25f5,#041a25bf 42%,#041a2524 76%),linear-gradient(0deg,rgba(4,26,37,.62),transparent 62%)}.hanabal-box-page--dried .hanabal-box-page__hero-shade{background:linear-gradient(90deg,#2b1914f2,#44231bbf 42%,#44231b1f 76%),linear-gradient(0deg,rgba(43,25,20,.64),transparent 62%)}.hanabal-box-page__hero-content{position:relative;z-index:2;width:min(100% - 40px,1280px);margin-inline:auto;padding-block:clamp(78px,10vw,132px)}.hanabal-box-page__eyebrow{color:#ffd2c7;font-size:.74rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.hanabal-box-page__hero h1{max-width:940px;margin-block:18px 24px;font-size:clamp(3.5rem,7.4vw,7.7rem);line-height:.91;letter-spacing:-.06em}.hanabal-box-page__hero-lead{max-width:670px;color:#ffffffd1;font-size:clamp(1.04rem,1.7vw,1.3rem);line-height:1.65}.hanabal-box-page__hero-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:32px}.hanabal-box-page__hero-meta span{padding:9px 13px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:#ffffff17;color:#ffffffe0;font-size:.78rem;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hanabal-box-page__steps{background:var(--hbb-navy);color:#fff}.hanabal-box-page--dried .hanabal-box-page__steps{background:#43251f}.hanabal-box-page__steps-inner{width:min(100% - 40px,1280px);margin-inline:auto;display:grid;grid-template-columns:repeat(3,1fr)}.hanabal-box-page__step{display:grid;grid-template-columns:40px 1fr;gap:15px;padding:28px;border-right:1px solid rgba(255,255,255,.13)}.hanabal-box-page__step:first-child{padding-left:0}.hanabal-box-page__step:last-child{border-right:0}.hanabal-box-page__step>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--hbb-coral);font-size:.78rem;font-weight:900}.hanabal-box-page__step strong,.hanabal-box-page__step small{display:block}.hanabal-box-page__step strong{margin-top:2px;font-size:.94rem}.hanabal-box-page__step small{margin-top:5px;color:#ffffff9e;font-size:.76rem;line-height:1.4}.hanabal-box-builder{display:block;width:min(100% - 40px,1280px);margin-inline:auto;padding-block:clamp(76px,9vw,128px)}.hanabal-box-builder__heading{display:grid;grid-template-columns:1fr minmax(260px,450px);gap:55px;align-items:end;margin-bottom:48px}.hanabal-box-builder__heading h2{max-width:760px;margin-top:12px;font-size:clamp(2.6rem,5.2vw,5.7rem);line-height:.96;letter-spacing:-.055em}.hanabal-box-builder__heading>p{color:var(--hbb-muted);line-height:1.65}.hanabal-box-builder__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,390px);gap:clamp(26px,4vw,58px);align-items:start}.hanabal-box-builder__products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hanabal-box-product{position:relative;overflow:hidden;border:1px solid #e8e0d5;border-radius:25px;background:#fff;box-shadow:0 12px 35px #0828380e;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.hanabal-box-product:focus-within,.hanabal-box-product.is-selected{border-color:#d9654cb8;box-shadow:0 16px 42px #0828381c;transform:translateY(-2px)}.hanabal-box-product__media{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden;background:#f0ebe3}.hanabal-box-product__media img,.hanabal-box-product__media svg{width:100%;height:100%;object-fit:contain;transition:transform .35s ease}.hanabal-box-product:hover .hanabal-box-product__media img{transform:scale(1.025)}.hanabal-box-product__badge{position:absolute;top:14px;left:14px;z-index:1;padding:7px 10px;border-radius:999px;background:#082838e6;color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.hanabal-box-page--dried .hanabal-box-product__badge{background:#5e2f24eb}.hanabal-box-product__body{padding:22px}.hanabal-box-product__type{color:var(--hbb-coral);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hanabal-box-product h3{margin-block:8px 7px;font-size:1.24rem;line-height:1.16;letter-spacing:-.025em}.hanabal-box-product h3 a{color:inherit;text-decoration:none}.hanabal-box-product__price{color:var(--hbb-muted);font-size:.86rem;font-weight:750}.hanabal-box-product__controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:11px;align-items:end;margin-top:20px}.hanabal-box-product__variant{display:grid;gap:6px}.hanabal-box-product__variant label{font-size:.72rem;font-weight:800}.hanabal-box-product__variant select{width:100%;height:44px;padding-inline:12px 34px;border:1px solid #cfc5b7;border-radius:12px;background-color:var(--hbb-paper);color:var(--hbb-ink)}.hanabal-box-quantity{display:grid;grid-template-columns:37px 42px 37px;height:44px;overflow:hidden;border:1px solid #cfc5b7;border-radius:999px;background:var(--hbb-paper)}.hanabal-box-quantity button{border:0;background:transparent;color:var(--hbb-ink);font-size:1.12rem;cursor:pointer}.hanabal-box-quantity button:hover{background:var(--hbb-cream)}.hanabal-box-quantity input{min-width:0;width:42px;border:0;background:transparent;color:var(--hbb-ink);text-align:center;-webkit-appearance:textfield;appearance:textfield}.hanabal-box-quantity input::-webkit-inner-spin-button,.hanabal-box-quantity input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.hanabal-box-builder__empty{grid-column:1 / -1;padding:clamp(32px,6vw,70px);border:1px dashed #bcb1a0;border-radius:24px;background:var(--hbb-cream);text-align:center}.hanabal-box-builder__empty h3{margin-bottom:12px;font-size:1.7rem}.hanabal-box-builder__empty p{max-width:610px;margin-inline:auto;color:var(--hbb-muted);line-height:1.6}.hanabal-box-summary{position:sticky;top:calc(var(--header-height, 80px) + 22px);overflow:hidden;border-radius:27px;background:var(--hbb-navy);color:#fff;box-shadow:0 24px 70px #08283833}.hanabal-box-page--dried .hanabal-box-summary{background:#43251f}.hanabal-box-summary__head{padding:27px 27px 22px;border-bottom:1px solid rgba(255,255,255,.14)}.hanabal-box-summary__head span{color:#f4aa98;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hanabal-box-summary__head h3{margin-top:9px;font-size:1.65rem;letter-spacing:-.03em}.hanabal-box-summary__metrics{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid rgba(255,255,255,.14)}.hanabal-box-summary__metric{padding:19px 11px;border-right:1px solid rgba(255,255,255,.14);text-align:center}.hanabal-box-summary__metric:last-child{border-right:0}.hanabal-box-summary__metric strong,.hanabal-box-summary__metric small{display:block}.hanabal-box-summary__metric strong{font-size:1.05rem}.hanabal-box-summary__metric small{margin-top:4px;color:#ffffff91;font-size:.64rem;text-transform:uppercase}.hanabal-box-summary__progress{padding:22px 27px 12px}.hanabal-box-summary__progress-label{display:flex;justify-content:space-between;gap:20px;margin-bottom:10px;color:#ffffffb8;font-size:.75rem}.hanabal-box-summary__progress-track{height:8px;overflow:hidden;border-radius:999px;background:#ffffff21}.hanabal-box-summary__progress-track span{display:block;width:var(--hbb-progress, 0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#e7816a,#ffd0c4);transition:width .25s ease}.hanabal-box-summary__lines{max-height:205px;margin:0;padding:12px 27px 18px;overflow:auto;list-style:none}.hanabal-box-summary__line,.hanabal-box-summary__empty-line{display:grid;grid-template-columns:1fr auto;gap:16px;padding-block:9px;border-bottom:1px solid rgba(255,255,255,.1);font-size:.76rem}.hanabal-box-summary__line span{color:#ffffffb8;line-height:1.4}.hanabal-box-summary__line strong{white-space:nowrap}.hanabal-box-summary__empty-line{display:block;border:0;color:#ffffff8a;line-height:1.5}.hanabal-box-summary__options{display:grid;gap:17px;padding:22px 27px 0;border-top:1px solid rgba(255,255,255,.14)}.hanabal-box-summary__options fieldset{min-width:0;margin:0;padding:0;border:0}.hanabal-box-summary__options legend,.hanabal-box-summary__options label{display:block;margin-bottom:8px;color:#ffffffd1;font-size:.75rem;font-weight:750}.hanabal-box-presentation{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.hanabal-box-presentation label{position:relative;display:block;margin:0;cursor:pointer}.hanabal-box-presentation input{position:absolute;opacity:0;pointer-events:none}.hanabal-box-presentation span{display:grid;place-items:center;min-height:40px;padding:7px;border:1px solid rgba(255,255,255,.24);border-radius:12px;color:#ffffffc2;font-size:.68rem;text-align:center}.hanabal-box-presentation input:checked+span{border-color:#f5ac99;background:#f5ac99;color:#351d18;font-weight:850}.hanabal-box-summary textarea{width:100%;min-height:78px;resize:vertical;padding:12px 13px;border:1px solid rgba(255,255,255,.25);border-radius:13px;background:#ffffff14;color:#fff}.hanabal-box-summary textarea::placeholder{color:#ffffff7a}.hanabal-box-summary__message-count{display:block;margin-top:5px;color:#ffffff80;font-size:.65rem;text-align:right}.hanabal-box-summary__ack{display:grid!important;grid-template-columns:18px 1fr;gap:10px;align-items:start;margin:0!important;color:#ffffffb8!important;font-size:.7rem!important;line-height:1.45}.hanabal-box-summary__ack input{width:17px;height:17px;margin:1px 0 0;accent-color:var(--hbb-coral)}.hanabal-box-summary__footer{padding:22px 27px 27px}.hanabal-box-summary__status{min-height:20px;margin-bottom:11px!important;color:#ffd1c5;font-size:.72rem;line-height:1.45}.hanabal-box-summary__status.is-success{color:#b8f2d5}.hanabal-box-summary__button{width:100%;min-height:54px;border:0;border-radius:999px;background:var(--hbb-coral);color:#fff;font-weight:850;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.hanabal-box-summary__button:not(:disabled):hover{transform:translateY(-2px)}.hanabal-box-summary__button:disabled{cursor:not-allowed;opacity:.44}.hanabal-box-summary__fine-print{margin-top:12px!important;color:#ffffff80;font-size:.65rem;line-height:1.45;text-align:center}.hanabal-box-page__assurance{background:var(--hbb-cream)}.hanabal-box-page__assurance-inner{width:min(100% - 40px,1280px);margin-inline:auto;padding-block:clamp(62px,8vw,105px)}.hanabal-box-page__assurance h2{max-width:720px;margin-top:12px;font-size:clamp(2.3rem,4.5vw,4.9rem);line-height:.98;letter-spacing:-.05em}.hanabal-box-page__assurance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px}.hanabal-box-page__assurance-grid article{min-height:230px;padding:28px;border-radius:22px;background:var(--hbb-paper)}.hanabal-box-page__assurance-grid span{color:var(--hbb-coral);font-size:.72rem;font-weight:850}.hanabal-box-page__assurance-grid h3{margin-block:42px 12px;font-size:1.35rem}.hanabal-box-page__assurance-grid p{color:var(--hbb-muted);font-size:.88rem;line-height:1.6}.hanabal-ready-boxes{background:var(--hbb-paper);color:var(--hbb-ink)}.hanabal-ready-boxes__inner{width:min(100% - 40px,1280px);margin-inline:auto;padding-block:clamp(74px,9vw,126px)}.hanabal-ready-boxes__head{display:grid;grid-template-columns:1fr minmax(250px,420px);gap:50px;align-items:end;margin-bottom:42px}.hanabal-ready-boxes__head h2{max-width:760px;margin-top:12px;font-size:clamp(2.5rem,5vw,5.3rem);line-height:.97;letter-spacing:-.052em}.hanabal-ready-boxes__head>p{color:var(--hbb-muted);line-height:1.65}.hanabal-ready-boxes__grid{display:grid;grid-template-columns:repeat(var(--hbb-card-count, 3),minmax(0,1fr));gap:18px}.hanabal-ready-box{overflow:hidden;border-radius:25px;background:var(--hbb-cream)}.hanabal-ready-box__media{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:#e7ded0}.hanabal-ready-box__media img,.hanabal-ready-box__media svg{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.hanabal-ready-box:hover .hanabal-ready-box__media img{transform:scale(1.03)}.hanabal-ready-box__body{padding:25px}.hanabal-ready-box__category{color:var(--hbb-coral);font-size:.68rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.hanabal-ready-box h3{margin-block:10px 10px;font-size:1.45rem;line-height:1.12;letter-spacing:-.03em}.hanabal-ready-box__description{min-height:4.6em;color:var(--hbb-muted);font-size:.86rem;line-height:1.55}.hanabal-ready-box__bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:24px;padding-top:18px;border-top:1px solid var(--hbb-stone)}.hanabal-ready-box__price{font-weight:850}.hanabal-ready-box__link,.hanabal-ready-box__pending{display:inline-flex;align-items:center;min-height:40px;padding-inline:16px;border-radius:999px;font-size:.76rem;font-weight:800;text-decoration:none}.hanabal-ready-box__link{background:var(--hbb-navy);color:#fff}.hanabal-ready-box__pending{background:#e0d6c7;color:var(--hbb-muted)}.hanabal-box-page__cross-link{background:var(--hbb-coral);color:#fff}.hanabal-box-page--dried .hanabal-box-page__cross-link{background:var(--hbb-navy)}.hanabal-box-page__cross-link-inner{width:min(100% - 40px,1280px);margin-inline:auto;padding-block:clamp(46px,7vw,76px);display:flex;justify-content:space-between;gap:50px;align-items:center}.hanabal-box-page__cross-link h2{max-width:820px;margin-top:10px;font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:-.045em}.hanabal-box-page__cross-link a{flex:0 0 auto;display:inline-flex;min-height:50px;padding-inline:22px;align-items:center;border-radius:999px;background:#fff;color:var(--hbb-navy);font-weight:850;text-decoration:none}@media(max-width:1040px){.hanabal-box-builder__layout{grid-template-columns:1fr}.hanabal-box-summary{position:static}.hanabal-box-summary__lines{max-height:none}}@media(max-width:820px){.hanabal-box-page__steps-inner,.hanabal-box-page__assurance-grid{grid-template-columns:1fr}.hanabal-box-page__step{padding:20px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.13)}.hanabal-box-page__step:last-child{border-bottom:0}.hanabal-box-builder__heading,.hanabal-ready-boxes__head{grid-template-columns:1fr;gap:18px;align-items:start}.hanabal-ready-boxes__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hanabal-box-page__cross-link-inner{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.hanabal-box-page__hero-content,.hanabal-box-page__steps-inner,.hanabal-box-builder,.hanabal-box-page__assurance-inner,.hanabal-ready-boxes__inner,.hanabal-box-page__cross-link-inner{width:min(100% - 28px,1280px)}.hanabal-box-page__hero{min-height:690px}.hanabal-box-page__hero-shade,.hanabal-box-page--dried .hanabal-box-page__hero-shade{background:linear-gradient(0deg,#041a25f7,#041a2570 72%,#041a251a)}.hanabal-box-page--dried .hanabal-box-page__hero-shade{background:linear-gradient(0deg,#2b1914f7,#2b19146b 72%,#2b191414)}.hanabal-box-page__hero h1{font-size:3.35rem}.hanabal-box-builder__products,.hanabal-ready-boxes__grid{grid-template-columns:1fr}.hanabal-box-builder__heading h2,.hanabal-ready-boxes__head h2{font-size:3rem}.hanabal-box-product__controls{grid-template-columns:1fr}.hanabal-box-quantity{width:max-content}.hanabal-box-summary__metrics{grid-template-columns:repeat(3,1fr)}.hanabal-ready-box__description{min-height:0}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/hanabal-box-builder.css.map */