:root{--djb-bg:#faf8f4;--djb-ink:#28251f;--djb-muted:#756d64;--djb-line:#e1dad1;--djb-accent:#89715c;--djb-soft:#eee7de;--djb-serif:"Cormorant Garamond",Georgia,serif;--djb-sans:"Manrope",Arial,sans-serif}
.djb-single{background:var(--djb-bg);color:var(--djb-ink)}
.djb-hero{position:relative;width:100%;height:clamp(360px,52vw,720px);overflow:hidden;background:#e8e1d8}
.djb-hero img{width:100%!important;height:100%!important;object-fit:cover;display:block}
.djb-hero__quote{position:absolute;right:8%;top:50%;max-width:260px;transform:translateY(-50%);color:#fff;text-shadow:0 1px 18px rgba(0,0,0,.2);font:italic 500 28px/1.2 var(--djb-serif)}
.djb-head{width:min(calc(100% - 48px),1180px);margin:auto;padding:58px 0 34px}
.djb-eyebrow{margin-bottom:12px;color:var(--djb-accent);font:600 10px/1.4 var(--djb-sans);letter-spacing:.15em;text-transform:uppercase}
.djb-title{max-width:950px;margin:0;font:500 clamp(44px,5vw,72px)/.98 var(--djb-serif);letter-spacing:-.02em}
.djb-lead{max-width:800px;margin:20px 0 0;color:var(--djb-muted);font:400 16px/1.72 var(--djb-sans)}
.djb-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px;color:#8b8279;font:500 10px/1.4 var(--djb-sans)}
.djb-rule{width:min(calc(100% - 48px),1180px);height:1px;margin:auto;background:var(--djb-line)}
.djb-content{width:min(calc(100% - 48px),1180px);margin:auto;padding:54px 0 68px}
.djb-layout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 42px;align-items:start}
.djb-layout-item{min-width:0}
.djb-layout-item--full{grid-column:1/-1}
.djb-layout-item--half{grid-column:span 1}
.djb-layout-item--full>.djb-section.djb-text,
.djb-layout-item--full>.djb-section.djb-steps-section{width:min(840px,100%);margin-left:auto;margin-right:auto}
.djb-layout-item>.djb-section{margin-bottom:0}
.djb-layout-item--half .djb-section h2{font-size:32px}
.djb-layout-item--half .djb-quote{width:100%;height:100%;box-sizing:border-box}
.djb-layout-item--half .djb-image img{aspect-ratio:1.15/1}
.djb-layout-item--half .djb-split{width:100%;margin-left:0;transform:none;grid-template-columns:1fr;gap:20px}
.djb-layout-item--half .djb-split--image-left .djb-split__copy,
.djb-layout-item--half .djb-split--image-left .djb-split__image{order:initial}

.djb-section{margin:0 0 54px}
.djb-section h2{margin:0 0 16px;font:500 36px/1.08 var(--djb-serif)}
.djb-prose{color:#4e4943;font:400 16px/1.82 var(--djb-sans)}
.djb-prose p{margin:0 0 1.35em}.djb-prose p:last-child{margin-bottom:0}
.djb-image img{display:block;width:100%;aspect-ratio:1.45/1;object-fit:cover}
.djb-image figcaption,.djb-split figcaption{margin-top:8px;color:#8b8279;font:400 10px/1.5 var(--djb-sans)}
.djb-image--wide{width:min(1180px,calc(100vw - 48px));margin-left:50%;transform:translateX(-50%)}
.djb-image--wide img{aspect-ratio:2.1/1}
.djb-split{width:min(1180px,calc(100vw - 48px));margin-left:50%;transform:translateX(-50%);display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);gap:52px;align-items:center}
.djb-split--image-left .djb-split__copy{order:2}.djb-split--image-left .djb-split__image{order:1}
.djb-split__image img{display:block;width:100%;aspect-ratio:1.2/1;object-fit:cover}
.djb-steps{display:grid;gap:16px;margin-top:24px}
.djb-step{display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:start}
.djb-step>span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#d8cbbb;color:#fff;font:600 11px/1 var(--djb-sans)}
.djb-step h3{margin:1px 0 4px;font:600 13px/1.3 var(--djb-sans)}.djb-step p{margin:0;color:var(--djb-muted);font:400 13px/1.55 var(--djb-sans)}
.djb-quote{width:min(560px,100%);margin-left:auto;margin-right:auto;padding:42px 34px;background:var(--djb-soft)}
.djb-quote__mark{color:#b5a18d;font:500 64px/.8 var(--djb-serif)}
.djb-quote blockquote{margin:0;font:italic 500 29px/1.35 var(--djb-serif)}
.djb-quote__author{display:flex;flex-direction:column;gap:3px;margin-top:27px;padding-top:17px;border-top:1px solid rgba(137,113,92,.28);color:var(--djb-muted);font:400 10px/1.45 var(--djb-sans)}
.djb-quote__author strong{color:var(--djb-ink)}
.djb-tags{width:min(calc(100% - 48px),1180px);margin:auto;padding:22px 0;border-top:1px solid var(--djb-line);border-bottom:1px solid var(--djb-line);display:flex;align-items:center;gap:10px;flex-wrap:wrap;font:500 10px/1.4 var(--djb-sans)}
.djb-tags a{padding:7px 10px;background:#efe9e2;color:#766d65!important;text-decoration:none!important}
.djb-related{width:min(calc(100% - 48px),1500px);margin:auto;padding:70px 0 84px}.djb-related h2{margin:0 0 23px;font:500 39px/1 var(--djb-serif)}
.djb-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.djb-related__card img{width:100%;aspect-ratio:1.35/1;object-fit:cover;display:block}
.djb-related__card h3{margin:12px 0 6px;font:500 24px/1.08 var(--djb-serif)}.djb-related__card h3 a{color:var(--djb-ink)!important;text-decoration:none!important}
.djb-related__card p{margin:0;color:var(--djb-muted);font:400 12px/1.6 var(--djb-sans)}
.djb-cta{padding:68px 24px;background:var(--djb-soft);text-align:center}.djb-cta h2{max-width:700px;margin:0 auto;font:500 42px/1.05 var(--djb-serif)}
.djb-cta p{max-width:620px;margin:16px auto 0;color:var(--djb-muted);font:400 14px/1.7 var(--djb-sans)}
.djb-cta a{display:inline-flex;min-height:50px;align-items:center;justify-content:center;margin-top:26px;padding:0 28px;background:var(--djb-ink);color:#fff!important;text-decoration:none!important;font:600 10px/1 var(--djb-sans);text-transform:uppercase}
@media(max-width:767px){.djb-layout-grid{grid-template-columns:1fr;gap:42px}.djb-layout-item--full,.djb-layout-item--half{grid-column:1}.djb-layout-item--half .djb-section h2{font-size:31px}.djb-hero{height:auto;aspect-ratio:4/3}.djb-head,.djb-rule,.djb-tags,.djb-related{width:calc(100% - 36px)}.djb-head{padding:34px 0 28px}.djb-title{font-size:40px}.djb-lead{font-size:14px}.djb-content{width:calc(100% - 36px);padding:38px 0 50px}.djb-section{margin-bottom:42px}.djb-section h2{font-size:31px}.djb-image--wide,.djb-split{width:100%;margin-left:0;transform:none}.djb-image img,.djb-image--wide img,.djb-split__image img{aspect-ratio:4/3}.djb-split{grid-template-columns:1fr;gap:22px}.djb-split--image-left .djb-split__copy,.djb-split--image-left .djb-split__image{order:initial}.djb-quote{padding:30px 24px}.djb-quote blockquote{font-size:25px}.djb-tags{align-items:flex-start}.djb-related{padding:52px 0 60px}.djb-related__grid{grid-template-columns:1fr;gap:30px}.djb-cta{padding:52px 18px}.djb-cta h2{font-size:34px}}


/* =========================================================
   Dormina Journal Builder v0.4 — wide canvas + hero placement
   ========================================================= */

/* Break out from any Astra content max-width. */
.djb-single{
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding-left:0!important;
  padding-right:0!important;
}

.djb-single article{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

/* Wider editorial canvas. */
.djb-head,
.djb-rule,
.djb-tags{
  width:min(calc(100% - 64px),1500px)!important;
}

.djb-content{
  width:min(calc(100% - 64px),1500px)!important;
}

.djb-related{
  width:min(calc(100% - 64px),1680px)!important;
}

/* Keep long reading text comfortable even though the overall canvas is wide. */
.djb-layout-item--full>.djb-section.djb-text,
.djb-layout-item--full>.djb-section.djb-steps-section{
  width:min(920px,100%)!important;
}

.djb-image--wide,
.djb-split{
  width:min(1500px,calc(100vw - 64px))!important;
}

/* Hero quote no longer lives in one hard-coded narrow column. */
.djb-hero__quote{
  top:auto;
  right:auto;
  bottom:auto;
  left:auto;
  max-width:520px;
  transform:none;
  padding:0;
  font:italic 500 clamp(26px,2.4vw,40px)/1.12 var(--djb-serif);
  letter-spacing:-.015em;
  text-wrap:balance;
}

.djb-hero__quote--wide{
  max-width:760px;
}

.djb-hero__quote--left-top{
  left:clamp(24px,5vw,90px);
  top:clamp(28px,6vw,95px);
}

.djb-hero__quote--left-center{
  left:clamp(24px,5vw,90px);
  top:50%;
  transform:translateY(-50%);
}

.djb-hero__quote--left-bottom{
  left:clamp(24px,5vw,90px);
  bottom:clamp(30px,6vw,90px);
}

.djb-hero__quote--center{
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  text-align:center;
}

.djb-hero__quote--right-top{
  right:clamp(24px,5vw,90px);
  top:clamp(28px,6vw,95px);
  text-align:right;
}

.djb-hero__quote--right-center{
  right:clamp(24px,5vw,90px);
  top:50%;
  transform:translateY(-50%);
  text-align:right;
}

.djb-hero__quote--right-bottom{
  right:clamp(24px,5vw,90px);
  bottom:clamp(30px,6vw,90px);
  text-align:right;
}

/* Wide desktop screens: smaller side margins without stretching prose too far. */
@media(min-width:1500px){
  .djb-head,
  .djb-rule,
  .djb-tags,
  .djb-content{
    width:min(calc(100% - 80px),1560px)!important;
  }

  .djb-related{
    width:min(calc(100% - 80px),1760px)!important;
  }

  .djb-image--wide,
  .djb-split{
    width:min(1560px,calc(100vw - 80px))!important;
  }
}

@media(max-width:767px){
  .djb-head,
  .djb-rule,
  .djb-tags,
  .djb-content,
  .djb-related{
    width:calc(100% - 36px)!important;
  }

  .djb-image--wide,
  .djb-split{
    width:100%!important;
  }

  .djb-hero__quote{
    display:block;
    max-width:78%;
    font-size:26px;
  }

  .djb-hero__quote--wide{
    max-width:86%;
  }

  .djb-hero__quote--left-top{
    left:18px;
    top:20px;
  }

  .djb-hero__quote--left-center{
    left:18px;
    top:50%;
  }

  .djb-hero__quote--left-bottom{
    left:18px;
    bottom:22px;
  }

  .djb-hero__quote--center{
    left:50%;
    top:50%;
  }

  .djb-hero__quote--right-top{
    right:18px;
    top:20px;
  }

  .djb-hero__quote--right-center{
    right:18px;
    top:50%;
  }

  .djb-hero__quote--right-bottom{
    right:18px;
    bottom:22px;
  }
}


/* =========================================================
   Dormina Journal Builder v0.5 — article cover hero
   ========================================================= */

.djb-hero{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  height:clamp(520px,62vw,780px)!important;
  min-height:520px;
  overflow:hidden!important;
  background:#625044!important;
  color:#fff;
}

.djb-hero--no-image{
  background:
    radial-gradient(circle at 75% 20%,rgba(255,255,255,.08),transparent 34%),
    linear-gradient(135deg,#6B5748 0%,#45362D 100%)!important;
}

.djb-hero__image,
.djb-hero > img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
}

.djb-hero__shade{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(20,14,10,.08) 0%,rgba(20,14,10,.12) 30%,rgba(20,14,10,.58) 100%),
    linear-gradient(90deg,rgba(20,14,10,.34) 0%,rgba(20,14,10,.10) 58%,rgba(20,14,10,.05) 100%);
}

.djb-hero__content{
  position:absolute;
  z-index:2;
  top:auto;
  right:auto;
  bottom:auto;
  left:auto;
  width:min(760px,calc(100% - 64px));
  max-width:calc(100% - 64px);
  color:#fff;
  text-shadow:0 2px 18px rgba(0,0,0,.18);
}

.djb-hero__content--wide{
  width:min(980px,calc(100% - 64px));
}

.djb-hero__eyebrow{
  margin:0 0 13px;
  color:rgba(255,255,255,.82);
  font:600 10px/1.4 var(--djb-sans);
  letter-spacing:.16em;
  text-transform:uppercase;
}

.djb-hero__title{
  margin:0!important;
  max-width:none!important;
  color:#fff!important;
  font:500 clamp(48px,5.2vw,82px)/.96 var(--djb-serif)!important;
  letter-spacing:-.025em!important;
  text-wrap:balance;
}

.djb-hero__lead{
  max-width:760px;
  margin:20px 0 0;
  color:rgba(255,255,255,.88);
  font:400 clamp(14px,1.15vw,17px)/1.65 var(--djb-sans);
}

.djb-hero__meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  margin-top:24px;
  color:rgba(255,255,255,.84);
  font:500 11px/1.4 var(--djb-sans);
}

.djb-hero__author{
  display:inline-flex;
  align-items:center;
  gap:9px;
}

.djb-hero__avatar{
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  border:1px solid rgba(255,255,255,.45);
}

.djb-hero__meta-sep{
  opacity:.6;
}

/* The v0.4 positioning selector now positions the full article information block. */
.djb-hero__content--left-top{
  left:clamp(28px,5vw,96px);
  top:clamp(36px,7vw,110px);
}
.djb-hero__content--left-center{
  left:clamp(28px,5vw,96px);
  top:50%;
  transform:translateY(-50%);
}
.djb-hero__content--left-bottom{
  left:clamp(28px,5vw,96px);
  bottom:clamp(42px,7vw,104px);
}
.djb-hero__content--center{
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  text-align:center;
}
.djb-hero__content--center .djb-hero__lead{
  margin-left:auto;
  margin-right:auto;
}
.djb-hero__content--center .djb-hero__meta{
  justify-content:center;
}
.djb-hero__content--right-top{
  right:clamp(28px,5vw,96px);
  top:clamp(36px,7vw,110px);
  text-align:right;
}
.djb-hero__content--right-center{
  right:clamp(28px,5vw,96px);
  top:50%;
  transform:translateY(-50%);
  text-align:right;
}
.djb-hero__content--right-bottom{
  right:clamp(28px,5vw,96px);
  bottom:clamp(42px,7vw,104px);
  text-align:right;
}
.djb-hero__content--right-top .djb-hero__lead,
.djb-hero__content--right-center .djb-hero__lead,
.djb-hero__content--right-bottom .djb-hero__lead{
  margin-left:auto;
}
.djb-hero__content--right-top .djb-hero__meta,
.djb-hero__content--right-center .djb-hero__meta,
.djb-hero__content--right-bottom .djb-hero__meta{
  justify-content:flex-end;
}

/* Old below-hero article heading is no longer used in v0.5. */
.djb-head,
.djb-rule,
.djb-hero__quote{
  display:none!important;
}

/* Start the actual article with a little more breathing room after the cover. */
.djb-content{
  padding-top:72px!important;
}

@media(max-width:767px){
  .djb-hero{
    height:max(560px,72svh)!important;
    min-height:560px!important;
    aspect-ratio:auto!important;
  }

  .djb-hero__shade{
    background:
      linear-gradient(180deg,rgba(20,14,10,.05) 0%,rgba(20,14,10,.16) 30%,rgba(20,14,10,.72) 100%);
  }

  .djb-hero__content,
  .djb-hero__content--wide{
    width:calc(100% - 36px)!important;
    max-width:calc(100% - 36px)!important;
    left:18px!important;
    right:auto!important;
    top:auto!important;
    bottom:30px!important;
    transform:none!important;
    text-align:left!important;
  }

  .djb-hero__content .djb-hero__lead{
    margin-left:0!important;
    margin-right:0!important;
  }

  .djb-hero__content .djb-hero__meta{
    justify-content:flex-start!important;
    gap:7px;
  }

  .djb-hero__title{
    font-size:clamp(38px,11vw,54px)!important;
    line-height:.98!important;
  }

  .djb-hero__lead{
    margin-top:15px;
    font-size:14px;
    line-height:1.55;
  }

  .djb-hero__meta{
    margin-top:18px;
    font-size:10px;
  }

  .djb-hero__avatar{
    width:30px!important;
    height:30px!important;
  }

  .djb-content{
    padding-top:46px!important;
  }
}

/* =========================================================
   Dormina Journal Builder v1.3 — commerce/editorial blocks
   ========================================================= */

.djb-commerce-section,
.djb-preset-cta{
  width:100%;
  margin-bottom:64px;
}

.djb-commerce-head{
  max-width:860px;
  margin:0 0 28px;
}

.djb-commerce-eyebrow{
  display:block;
  margin:0 0 10px;
  color:var(--djb-accent,#89715C);
  font:600 10px/1.4 var(--djb-sans);
  letter-spacing:.16em;
  text-transform:uppercase;
}

.djb-commerce-head h2{
  margin:0!important;
  color:var(--djb-ink)!important;
  font:500 clamp(34px,3.2vw,50px)/1.02 var(--djb-serif)!important;
  letter-spacing:-.02em!important;
  text-wrap:balance;
}

.djb-commerce-head p{
  max-width:720px;
  margin:14px 0 0;
  color:var(--djb-muted);
  font:400 14px/1.7 var(--djb-sans);
}

/* Reuse the exact Dormina Core product card; Journal controls only the grid. */
.djb-product-grid{
  display:grid;
  gap:18px;
  width:100%;
  min-width:0;
}

.djb-product-grid--count-1{
  grid-template-columns:minmax(0,390px);
}

.djb-product-grid--count-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:820px;
}

.djb-product-grid--count-3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.djb-product-grid--count-4{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.djb-product-grid .dormina-product-card,
.djb-product-grid .djb-product-fallback{
  min-width:0;
}

/* Fallback only if Dormina Core is temporarily disabled. */
.djb-product-fallback{
  margin:0;
  padding:0;
}

.djb-product-fallback__image{
  display:block;
  aspect-ratio:1/1.04;
  overflow:hidden;
  background:#E8E3DD;
}

.djb-product-fallback__image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.djb-product-fallback h3{
  margin:11px 0 7px!important;
  font:550 11.5px/1.35 var(--djb-sans)!important;
  letter-spacing:.035em;
  text-transform:uppercase;
}

.djb-product-fallback h3 a{
  color:var(--djb-ink)!important;
  text-decoration:none!important;
}

.djb-product-fallback__price{
  margin-bottom:10px;
  color:var(--djb-muted);
  font:450 10.5px/1.4 var(--djb-sans);
}

.djb-product-fallback__cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:37px;
  padding:9px 11px;
  border:1px solid rgba(40,37,31,.45);
  color:var(--djb-ink)!important;
  text-decoration:none!important;
  font:550 9.5px/1.2 var(--djb-sans);
  letter-spacing:.075em;
  text-transform:uppercase;
}

/* Materials presentation */
.djb-material-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.djb-material-card{
  min-width:0;
}

.djb-material-card__media{
  display:block;
  width:100%;
  aspect-ratio:1/1;
  overflow:hidden;
  background:#E8E3DD;
}

.djb-material-card__media img{
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover;
  transition:transform .32s ease;
}

.djb-material-card:hover .djb-material-card__media img{
  transform:scale(1.012);
}

.djb-material-card__placeholder{
  display:block;
  width:100%;
  height:100%;
  background:linear-gradient(135deg,#EEE7DE,#D9CFC4);
}

.djb-material-card__body{
  padding-top:15px;
}

.djb-material-card h3{
  margin:0 0 7px!important;
  font:500 31px/1.05 var(--djb-serif)!important;
}

.djb-material-card h3 a{
  color:var(--djb-ink)!important;
  text-decoration:none!important;
}

.djb-material-card p{
  margin:0 0 13px;
  color:var(--djb-muted);
  font:400 13px/1.6 var(--djb-sans);
}

.djb-material-card__link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding-bottom:3px;
  border-bottom:1px solid rgba(40,37,31,.48);
  color:var(--djb-ink)!important;
  text-decoration:none!important;
  font:600 10px/1.3 var(--djb-sans);
  letter-spacing:.04em;
  text-transform:uppercase;
}

/* Preset CTAs */
.djb-preset-cta{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
  align-items:center;
  gap:48px;
  padding:50px 54px;
  background:#EEE7DE;
}

.djb-preset-cta--guide{
  grid-template-columns:1fr;
  max-width:none;
  text-align:left;
}

.djb-preset-cta--bundle{
  background:#302B25;
  color:#fff;
}

.djb-preset-cta__copy{
  max-width:760px;
}

.djb-preset-cta h2{
  margin:0!important;
  color:var(--djb-ink)!important;
  font:500 clamp(34px,3.2vw,50px)/1.02 var(--djb-serif)!important;
  letter-spacing:-.02em!important;
  text-wrap:balance;
}

.djb-preset-cta p{
  max-width:650px;
  margin:14px 0 0;
  color:var(--djb-muted);
  font:400 14px/1.7 var(--djb-sans);
}

.djb-preset-cta__copy>a{
  display:inline-flex;
  min-height:50px;
  align-items:center;
  justify-content:center;
  margin-top:24px;
  padding:0 25px;
  border:1px solid var(--djb-ink);
  background:var(--djb-ink);
  color:#fff!important;
  text-decoration:none!important;
  font:600 10px/1 var(--djb-sans);
  letter-spacing:.055em;
  text-transform:uppercase;
}

.djb-preset-cta--bundle .djb-commerce-eyebrow{
  color:#C8B7A8;
}

.djb-preset-cta--bundle h2,
.djb-preset-cta--bundle p{
  color:#fff!important;
}

.djb-preset-cta--bundle p{
  color:rgba(255,255,255,.70)!important;
}

.djb-preset-cta--bundle .djb-preset-cta__copy>a{
  border-color:#fff;
  background:#fff;
  color:#302B25!important;
}

.djb-preset-cta__visual{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr;
  align-items:center;
  gap:10px;
  padding:26px 0;
}

.djb-preset-cta__visual span{
  display:flex;
  min-height:84px;
  align-items:center;
  justify-content:center;
  padding:14px;
  border:1px solid rgba(255,255,255,.25);
  color:#fff;
  text-align:center;
  font:600 9px/1.35 var(--djb-sans);
  letter-spacing:.09em;
}

.djb-preset-cta__visual b{
  color:#C8B7A8;
  font:400 25px/1 var(--djb-serif);
}

@media(max-width:1100px){
  .djb-product-grid--count-4{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:767px){
  .djb-commerce-section,
  .djb-preset-cta{
    margin-bottom:48px;
  }

  .djb-commerce-head{
    margin-bottom:22px;
  }

  .djb-commerce-head h2{
    font-size:33px!important;
  }

  .djb-product-grid,
  .djb-product-grid--count-1,
  .djb-product-grid--count-2,
  .djb-product-grid--count-3,
  .djb-product-grid--count-4{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    max-width:none;
  }

  .djb-product-grid--count-1{
    grid-template-columns:minmax(0,1fr);
    max-width:310px;
  }

  .djb-material-grid{
    grid-template-columns:1fr;
    gap:34px;
  }

  .djb-material-card h3{
    font-size:28px!important;
  }

  .djb-preset-cta,
  .djb-preset-cta--guide{
    grid-template-columns:1fr;
    gap:24px;
    padding:38px 26px;
  }

  .djb-preset-cta h2{
    font-size:33px!important;
  }

  .djb-preset-cta__visual{
    grid-template-columns:1fr;
    gap:8px;
    padding:0;
  }

  .djb-preset-cta__visual b{
    transform:rotate(90deg);
    text-align:center;
  }

  .djb-preset-cta__visual span{
    min-height:52px;
  }
}