/* Breeze Company · Flowers & Feelings · September 2026 */
:root{--bz-green:#233ea0;--bz-green-deep:#172967;--bz-green-light:#6478bd;--bz-green-pale:#edf0fa;--bz-pink:#edec5b;--bz-pink-light:#f8f7c9;--bz-cream:#f5f5f0;--bz-ink:#1d2d68;--bz-ink-soft:#3f4968;--bz-gray:#636a7b;--bz-line:#d5d8df;--bz-surface-2:#f1f2f4;--bz-text-xs:12px;--bz-text-sm:14px;--bz-text-base:16px;--bz-radius-sm:2px;--bz-radius-md:3px;--bz-radius-lg:3px;--bz-radius-xl:4px;--bz-shadow-xs:none;--bz-shadow-sm:none;--bz-shadow-md:none;--bz-shadow-cta:none;--bz-container:1240px;--dispatch-accent:#edec5b;--dispatch-paper:#f5f5f0}
body{color:var(--bz-ink);background:var(--bz-surface);font-size:16px}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--bz-green);outline-offset:5px}.skip-link{position:fixed;top:-100px;left:20px;z-index:9999;padding:14px;background:var(--dispatch-accent)}.skip-link:focus{top:12px}
#site-header{background:var(--bz-surface);box-shadow:none;border-bottom:1px solid var(--bz-line)}.nav-container{max-width:1440px;padding-left:5%;padding-right:5%}.logo-main{font-size:23px;font-weight:900;letter-spacing:-1px}.logo-sub{font-size:10px;letter-spacing:2.5px;color:var(--bz-green)}#mainNav a{font-size:14px}#mainNav li:last-child a{background:var(--bz-ink);color:white;border-radius:0;padding:12px 20px}.btn{border-radius:0;box-shadow:none}.btn-primary{background:var(--bz-green)}.page-banner{background:var(--dispatch-paper);border-bottom:1px solid var(--bz-line)}.page-banner h1{font-family:var(--bz-font-kr);font-weight:800;letter-spacing:-2px}.page-banner::before,.page-banner::after{display:none}
.dispatch-hero{padding:112px 5% 0;background:var(--dispatch-paper);overflow:hidden}.dispatch-topline,.dispatch-bottomline{max-width:1296px;margin:auto;display:flex;justify-content:space-between;gap:20px;font-family:var(--bz-font-en);font-size:12px;letter-spacing:1px}.dispatch-topline{padding:18px 0;border-top:1px solid var(--bz-ink)}.dispatch-layout{max-width:1296px;margin:34px auto 55px;display:grid;grid-template-columns:1.13fr 1fr;align-items:center;gap:6%}.dispatch-label{font-size:13px;font-weight:600;letter-spacing:1px}.dispatch-copy h1{font-family:var(--bz-font-kr);font-size:clamp(40px,5.1vw,76px);line-height:1.24;letter-spacing:-.065em;margin:24px 0 25px;font-weight:500}.dispatch-copy h1 span{font-weight:900}.dispatch-intro{font-size:16px;line-height:1.95;color:var(--bz-ink-soft)}.dispatch-cta{display:flex;justify-content:space-between;align-items:center;max-width:305px;margin-top:32px;padding:18px 22px;background:var(--bz-ink);color:white;font-weight:600}.dispatch-cta span{font-size:25px;transition:transform .2s}.dispatch-cta:hover span{transform:translate(3px,-3px)}.dispatch-secondary{display:inline-block;font-size:13px;margin-top:18px;text-decoration:underline;text-underline-offset:5px}.dispatch-photo{position:relative;background:white;transform:rotate(3deg);margin:8px 16px 14px 0;border:1px solid var(--bz-line);padding:20px 20px 0;box-shadow:10px 15px 0 #1d2d6808}.dispatch-photo-label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;gap:12px;padding-bottom:13px;border-bottom:1px solid var(--bz-line)}.dispatch-photo img{display:block;width:100%;height:clamp(280px,28vw,405px);object-fit:contain}.dispatch-photo figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--bz-line);font-size:12px;padding:15px 0}.dispatch-photo figcaption a{font-size:26px}.dispatch-seal{position:absolute;right:-26px;bottom:78px;width:115px;height:115px;display:grid;place-content:center;text-align:center;background:var(--dispatch-accent);border-radius:50%;transform:rotate(-13deg);font-weight:700;font-size:16px;line-height:1.5}.dispatch-bottomline{padding:18px 0;border-top:1px solid var(--bz-line)}
.occasion-section{display:grid;grid-template-columns:1fr 2fr;gap:7%;padding:75px 5%;max-width:1440px;margin:auto}.occasion-heading h2{font-size:34px;line-height:1.4;font-weight:600;letter-spacing:-1.5px;margin:16px 0 25px}.occasion-heading>a{font-size:14px;text-decoration:underline;text-underline-offset:6px}.occasion-links>a{display:grid;grid-template-columns:30px 1.15fr 1fr 25px;align-items:center;gap:15px;padding:23px 4px;border-bottom:1px solid var(--bz-line);transition:background .2s,padding .2s}.occasion-links>a:first-child{border-top:1px solid var(--bz-ink)}.occasion-links>a:hover{background:var(--bz-pink-light);padding-left:14px}.occasion-number{font:12px var(--bz-font-en)}.occasion-links strong{font-size:20px;font-weight:500;letter-spacing:-.7px}.occasion-links a>span:nth-of-type(2){font-size:13px;color:var(--bz-gray)}.occasion-links b{font-size:24px;font-weight:400}
.promise-strip{background:var(--bz-ink);color:white}.promise-icon{display:none}.promise-item{font-size:14px}.stats-bar{background:var(--bz-surface);border-bottom:1px solid var(--bz-line)}.stat-num{font-family:var(--bz-font-en);font-weight:500}.section-title h2,.delivery-banner-head h2{font-family:var(--bz-font-kr);font-weight:600;letter-spacing:-1.5px}.section-eyebrow{color:var(--bz-green);letter-spacing:2px}.section-line{height:1px;width:60px;background:var(--bz-ink)}.category-card,.feature-card,.product-card,.testimonial-card,.bz-step-card{border-radius:0;box-shadow:none;border:1px solid var(--bz-line)}.category-card:hover,.product-card:hover,.feature-card:hover{box-shadow:none;transform:translateY(-4px)}.category-icon{filter:grayscale(1);font-size:30px}.feature-icon-wrap{background:var(--dispatch-paper)!important;border-radius:0;filter:grayscale(1)}.product-card-img-wrap{background:white}.product-best-badge{border-radius:0;background:var(--bz-ink);font-size:12px}.product-info{border-top:1px solid var(--bz-line)}.product-info h3{font-size:20px}.price-sale{color:var(--bz-green)}.delivery-track{animation:none;gap:24px;width:max-content}.delivery-track-wrap{overflow:auto;padding-bottom:20px}.delivery-card{border-radius:0;box-shadow:none;border:1px solid var(--bz-line)}.testimonial-stars{color:var(--bz-green)}.bz-step-badge{background:var(--bz-ink)}.bz-step-icon{filter:grayscale(1)}.cta-banner{background:var(--bz-green-deep);animation:none}.cta-deco{display:none}.cta-banner h2{font-family:var(--bz-font-kr)}footer{background:var(--bz-ink)}.reveal{opacity:1;transform:none}.kakao-float-btn{box-shadow:none}
@media(min-width:901px){.breeze-home .category-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:900px){.dispatch-hero{padding-top:100px}.dispatch-layout{gap:3%;grid-template-columns:1fr 1fr}.dispatch-copy h1{font-size:43px}.dispatch-photo{padding:12px 12px 0}.dispatch-photo-label{font-size:10px;letter-spacing:0}.dispatch-seal{right:-12px;width:88px;height:88px;font-size:13px}.dispatch-photo figcaption{font-size:10px}.occasion-section{gap:5%;grid-template-columns:1fr 2fr}.occasion-links>a{grid-template-columns:23px 1fr 23px;gap:8px}.occasion-links a>span:nth-of-type(2){grid-column:2;grid-row:2}.occasion-links b{grid-column:3;grid-row:1}.occasion-heading h2{font-size:28px}}
@media(max-width:640px){.nav-container{padding-left:20px;padding-right:20px}.logo-main{font-size:20px}.dispatch-hero{padding:88px 22px 0}.dispatch-topline{font-size:10px}.dispatch-topline>span:last-child{display:none}.dispatch-layout{grid-template-columns:1fr;gap:34px;margin:20px auto 30px}.dispatch-copy h1{font-size:clamp(35px,9.5vw,56px);margin:18px 0}.dispatch-intro{font-size:15px}.dispatch-cta{max-width:100%;margin-top:24px}.dispatch-photo{width:90%;margin:0 auto 12px;transform:rotate(2deg)}.dispatch-photo img{height:280px}.dispatch-photo-label,.dispatch-photo figcaption{font-size:11px}.dispatch-seal{right:-18px}.dispatch-bottomline{font-size:10px;letter-spacing:0}.occasion-section{padding:48px 22px;grid-template-columns:1fr;gap:25px}.occasion-heading h2 br{display:none}.occasion-heading h2{font-size:28px;margin:12px 0 18px}.occasion-links strong{font-size:19px}.occasion-links>a{padding-top:17px;padding-bottom:17px}.promise-inner{gap:14px}.promise-item{font-size:12px}.category-grid{grid-template-columns:repeat(2,1fr)}.section-title h2{font-size:28px}.dispatch-label{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Product detail: stretch vertical order steps on narrow screens. */
@media (max-width: 640px) {
  .lightbox-body .lb-steps {
    align-items: stretch;
    flex-wrap: nowrap;
  }
  .lightbox-body .lb-step {
    flex: none;
    width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) 28px;
    gap: 8px 12px;
    padding: 16px;
    text-align: left;
    align-items: center;
  }
  .lightbox-body .lb-step-num { grid-column: 1; grid-row: 1; }
  .lightbox-body .lb-step-icon-em { grid-column: 3; grid-row: 1; }
  .lightbox-body .lb-step-label {
    grid-column: 2;
    grid-row: 1;
    font-size: 14px;
    margin: 0;
    line-height: 1.5;
  }
  .lightbox-body .lb-step-desc {
    grid-column: 2 / -1;
    grid-row: 2;
    font-size: 14px;
    line-height: 1.7;
    word-break: keep-all;
    overflow-wrap: anywhere;
  }
}

/* Mobile inquiry flow: form first, contextual information afterwards. */
.order-note { font-size: 14px; line-height: 1.8; margin-bottom: 24px; }
#copy-status { white-space: pre-line; }
@media (max-width: 640px) {
  .order-layout { display: flex; flex-direction: column; }
  .order-layout > .reveal { order: -1; width: 100%; }
  .order-info-panel { width: 100%; }
  .order-form-card { padding: 22px 18px; }
  .form-group input, .form-group select, .form-group textarea { font-size: 16px; }
  body { padding-bottom: 66px; }
  .kakao-float { bottom: 0; right: 0; left: 0; width: 100%; height: 56px; background: var(--dispatch-accent); display: flex; justify-content: center; align-items: center; }
  .kakao-float-btn { width: 38px; height: 38px; }
  .kakao-float-tooltip { position: static; opacity: 1; transform: none; background: transparent; color: var(--bz-ink); font-size: 14px; }
  .lightbox-overlay.active ~ .kakao-float { display: none; }
  .dispatch-hero { padding-top: 68px; }
  .dispatch-layout { gap: 24px; }
}
@media (max-width: 640px) {
  .kakao-float { flex-direction: row; gap: 10px; padding: 8px; }
  .kakao-float-label { margin: 0; padding: 0; background: transparent; color: var(--bz-ink); font-size: 14px; }
}