/* ЧАЙ ШОП — Gutenberg home owner v2.0.1 */
body.page-id-15{--chai-ink:#2b1b10;--chai-brown:#7a4f2b;--chai-cream:#fff8ea;--chai-paper:#fffaf1;--chai-border:#e8d8bf;--chai-green:#526f35;--chai-shadow:0 18px 46px rgba(84,49,21,.08);background:var(--chai-cream);color:var(--chai-ink)}
body.page-id-15 main.wp-block-group{padding-top:20px;padding-bottom:56px}
body.page-id-15 .wp-block-post-content{width:min(100% - 28px,1340px);max-width:1340px;margin-inline:auto}
body.page-id-15 .wp-block-post-content>.chai25-home-section{width:100%;max-width:none!important;margin:0 0 22px!important;box-sizing:border-box;border:1px solid var(--chai-border);border-radius:24px;background:var(--chai-paper);box-shadow:var(--chai-shadow);overflow:hidden}
body.page-id-15 .chai25-home-section h2{font-size:clamp(28px,4vw,48px);line-height:1.05;letter-spacing:-.035em;color:var(--chai-ink)}
body.page-id-15 .chai25-home-section h3{color:var(--chai-brown);font-weight:850}
body.page-id-15 .chai25-home-section p,body.page-id-15 .chai25-home-section li{line-height:1.68}
body.page-id-15 .chai25-home-section img{border-radius:18px}
body.page-id-15 .chai25-home-hero-gallery{padding:clamp(18px,3vw,36px)!important;background:linear-gradient(135deg,#fffaf1 0%,#f7ead3 100%)}
body.page-id-15 .chai25-home-hero-gallery .wp-block-columns{gap:clamp(18px,4vw,48px);align-items:center}
body.page-id-15 .chai25-home-hero-gallery h1,body.page-id-15 .chai25-home-hero-gallery h2{font-size:clamp(38px,5.7vw,76px);line-height:.96;letter-spacing:-.055em;margin-top:0}
body.page-id-15 .chai25-home-hero-gallery .wp-block-button__link{border-radius:999px;padding:.85em 1.35em;font-weight:800}
body.page-id-15 .chai25-home-new,body.page-id-15 .chai25-home-intro,body.page-id-15 .chai25-home-delivery,body.page-id-15 .chai25-home-pack,body.page-id-15 .chai25-home-reviews{padding:clamp(20px,3vw,38px)!important}
body.page-id-15 .chai25-home-why{padding:clamp(22px,3vw,40px)!important;background:#2f4f32;color:#fff}
body.page-id-15 .chai25-home-why h2,body.page-id-15 .chai25-home-why h3,body.page-id-15 .chai25-home-why p,body.page-id-15 .chai25-home-why li{color:inherit}
body.page-id-15 .chai25-home-shop{padding:clamp(22px,3vw,40px)!important;background:linear-gradient(135deg,#fffaf1,#f1e0c3)}
body.page-id-15 .chai25-home-pack .wp-block-columns{gap:18px}
body.page-id-15 .chai25-home-pack .wp-block-column{padding:16px;border:1px solid var(--chai-border);border-radius:18px;background:#fff}
body.page-id-15 .chai25-home-reviews{background:#fffdf8}
body.page-id-15 .chai-home-map-managed__frame,body.page-id-15 .chai-home-reviews-managed__frame{min-height:360px;border:1px solid var(--chai-border);border-radius:18px;overflow:hidden;background:#fff}
body.page-id-15 .chai-home-map-managed__iframe,body.page-id-15 .chai-home-reviews-managed__iframe{display:block;width:100%;min-height:420px;border:0}
body.page-id-15.chai-home-embeds-autoload .chai-home-embed-load,body.page-id-15.chai-home-embeds-autoload .chai-home-embed-note{display:none!important}
body.page-id-15 .wp-block-button__link{transition:transform .18s ease,box-shadow .18s ease}
body.page-id-15 .wp-block-button__link:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(84,49,21,.13)}
@media(max-width:782px){body.page-id-15 main.wp-block-group{padding-top:8px}body.page-id-15 .wp-block-post-content{width:min(100% - 20px,1340px)}body.page-id-15 .wp-block-post-content>.chai25-home-section{border-radius:18px;margin-bottom:14px!important}body.page-id-15 .chai25-home-section{padding:18px!important}body.page-id-15 .chai-home-map-managed__frame,body.page-id-15 .chai-home-reviews-managed__frame{min-height:300px}body.page-id-15 .chai-home-map-managed__iframe,body.page-id-15 .chai-home-reviews-managed__iframe{min-height:340px}}


/* v2.0.1 — visual repair after Gutenberg migration */
body.page-id-15 main.wp-block-group{margin-top:0!important;padding-top:0!important}
body.page-id-15 main.wp-block-group>.wp-block-group.alignfull{padding-top:0!important;padding-bottom:0!important;margin-left:calc(var(--wp--style--root--padding-left,10px) * -1)!important;margin-right:calc(var(--wp--style--root--padding-right,10px) * -1)!important}
body.page-id-15 main.wp-block-group>.wp-block-group.alignfull>.wp-block-post-title{display:none!important;margin:0!important}
body.page-id-15 .wp-block-post-content>.chai25-home-section.chai25-home-why{color:var(--chai-ink)!important}
body.page-id-15 .chai25-home-why h2,body.page-id-15 .chai25-home-why h3,body.page-id-15 .chai25-home-why p,body.page-id-15 .chai25-home-why li{color:var(--chai-ink)!important}
body.page-id-15 .chai25-home-pack .wp-block-gallery.has-nested-images>figure.wp-block-image{aspect-ratio:1/1;align-self:stretch;overflow:hidden;border-radius:14px;background:var(--chai-cream)}
body.page-id-15 .chai25-home-pack .wp-block-gallery.has-nested-images>figure.wp-block-image>img{display:block;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center;padding:6px;box-sizing:border-box}

/* v2.0.2 — mobile horizontal alignment */
@media(max-width:782px){
  body.page-id-15 .wp-block-post-content{
    width:calc(100% - 20px)!important;
    max-width:1340px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box;
  }
}

/* v2.1 — hero category panel matches the rounded card system */
body.page-id-15 .chai25-home-hero-gallery{
  border:1px solid #ead8bd!important;
  border-radius:24px!important;
  background:#fffaf1!important;
  box-shadow:0 12px 34px rgba(84,49,21,.06)!important;
  overflow:hidden!important;
  padding:clamp(8px,1.2vw,14px)!important;
}
body.page-id-15 .chai25-home-hero-gallery>.wp-block-columns{
  border-radius:18px!important;
  overflow:visible!important;
}
body.page-id-15 .chai25-home-hero-gallery .Lighthoverblock{
  border-radius:16px!important;
  transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease!important;
}
body.page-id-15 .chai25-home-hero-gallery .Lighthoverblock a{
  display:block;
  border-radius:14px;
  overflow:hidden;
  outline-offset:3px;
}
body.page-id-15 .chai25-home-hero-gallery .Lighthoverblock img{
  width:100%;
  border-radius:14px!important;
  transition:transform .24s ease,filter .24s ease!important;
}
@media(hover:hover){
  body.page-id-15 .chai25-home-hero-gallery .Lighthoverblock:hover{
    transform:translateY(-5px)!important;
    background:rgba(255,255,255,.5);
    box-shadow:0 14px 28px rgba(84,49,21,.12)!important;
  }
  body.page-id-15 .chai25-home-hero-gallery .Lighthoverblock:hover img{
    transform:scale(1.025);
    filter:saturate(1.04) contrast(1.02);
  }
}
body.page-id-15 .chai25-home-hero-gallery .Lighthoverblock:focus-within{
  transform:translateY(-3px)!important;
  box-shadow:0 0 0 3px rgba(82,111,53,.18),0 12px 28px rgba(84,49,21,.10)!important;
}
@media(max-width:760px){
  body.page-id-15 .chai25-home-hero-gallery{border-radius:18px!important;padding:6px!important}
  body.page-id-15 .chai25-home-hero-gallery .Lighthoverblock{border-radius:12px!important}
}



/* v2.2.0 — refined section typography + rounded pickup media */
body.page-id-15 .chai25-home-reviews>h2,
body.page-id-15 .chai25-home-pack>h3{
  position:relative;max-width:900px;margin:0 auto 18px!important;color:#2b1b10;
  font-size:clamp(28px,3.2vw,46px)!important;line-height:1.05!important;
  letter-spacing:-.035em;font-weight:780;text-wrap:balance
}
body.page-id-15 .chai25-home-reviews>h2::after,
body.page-id-15 .chai25-home-pack>h3::after{
  content:"";display:block;width:64px;height:4px;margin:14px auto 0;border-radius:999px;
  background:linear-gradient(90deg,#7a4f2b,#526f35)
}
body.page-id-15 .chai25-home-reviews>p.has-text-align-center,
body.page-id-15 .chai25-home-pack>p.has-text-align-center{
  max-width:820px;margin:0 auto 24px!important;color:#6f5b49;
  font-size:clamp(16px,1.25vw,18px)!important;line-height:1.72!important;text-wrap:pretty
}
body.page-id-15 .chai25-home-reviews .chai-home-reviews-managed__note{
  width:fit-content;max-width:100%;margin:0 auto 20px!important;padding:8px 13px;
  border:1px solid #ead8bd;border-radius:999px;background:#fff8ea;color:#7a4f2b;
  font-size:13px;line-height:1.35;text-align:center
}
body.page-id-15 .chai25-home-shop .wp-block-image,
body.page-id-15 .chai25-home-shop .wp-block-video{
  overflow:hidden;border-radius:24px!important;box-shadow:0 14px 34px rgba(84,49,21,.08)
}
body.page-id-15 .chai25-home-shop .wp-block-image img,
body.page-id-15 .chai25-home-shop .wp-block-video video{
  display:block;width:100%;border-radius:24px!important
}
@media(max-width:782px){
  body.page-id-15 .chai25-home-reviews>h2,
  body.page-id-15 .chai25-home-pack>h3{font-size:clamp(26px,8vw,34px)!important;margin-bottom:14px!important}
  body.page-id-15 .chai25-home-reviews>h2::after,
  body.page-id-15 .chai25-home-pack>h3::after{width:52px;height:3px;margin-top:10px}
  body.page-id-15 .chai25-home-reviews>p.has-text-align-center,
  body.page-id-15 .chai25-home-pack>p.has-text-align-center{margin-bottom:18px!important;font-size:16px!important;line-height:1.62!important}
  body.page-id-15 .chai25-home-shop .wp-block-image,
  body.page-id-15 .chai25-home-shop .wp-block-video,
  body.page-id-15 .chai25-home-shop .wp-block-image img,
  body.page-id-15 .chai25-home-shop .wp-block-video video{border-radius:18px!important}
}

/* v2.2.2 — mobile overflow root-cause repair
 * The quick-category hero is intentionally kept as one four-card row on mobile.
 * Gutenberg stores flex-basis:25% inline on every column; together with padding/gap
 * that row can establish an inline size wider than the viewport. Make the four
 * columns share the remaining row width instead of each reserving 25% before gaps. */
@media(max-width:782px){
  body.page-id-15 .chai25-home-hero-gallery>.wp-block-columns.is-not-stacked-on-mobile{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  body.page-id-15 .chai25-home-hero-gallery>.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{
    flex:1 1 0!important;
    flex-basis:0!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
}

/* v2.2.4 — definitive page geometry repair
 * site-global-styles makes the real page edge gutter --chai-site-edge-gutter
 * (10px on mobile), while Twenty Twenty-Five still defines its own
 * --wp--style--root--padding-* on body. Using the latter here made the outer
 * alignfull 20px wider than the viewport on each side. Use the actual site
 * gutter and neutralize the nested post-content gutter on mobile so the
 * section shells remain exactly 10px from both edges without clipping. */
body.page-id-15 main.wp-block-group>.wp-block-group.alignfull{
  width:auto!important;
  max-width:none!important;
  margin-left:calc(var(--chai-site-edge-gutter,10px) * -1)!important;
  margin-right:calc(var(--chai-site-edge-gutter,10px) * -1)!important;
  overflow-x:visible!important;
}
@media(max-width:782px){
  body.page-id-15 main.wp-block-group .wp-block-post-content{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
    overflow-x:visible!important;
  }
}
