/* V12 — scoped redesign ONLY for THE PROMISE / 02 */
.product-page .costan-promise-story{
  position:relative!important;
  background:
    radial-gradient(circle at 82% 8%, rgba(202,255,24,.065), transparent 28%),
    #050505!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
.product-page .costan-promise-story:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 72%);
}
.product-page .costan-promise-wrap{position:relative!important;z-index:1!important;padding-top:88px!important;padding-bottom:88px!important}
.product-page .costan-promise-copy{align-items:end!important}
.product-page .costan-promise-copy h2{max-width:620px!important;font-size:clamp(30px,3.35vw,48px)!important}
.product-page .costan-promise-copy>p{max-width:620px!important}
.product-page .costan-promise-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;margin-top:54px!important;border:0!important;
}
.product-page .costan-promise-card{
  position:relative!important;min-height:330px!important;padding:30px!important;
  display:flex!important;flex-direction:column!important;
  border:1px solid rgba(255,255,255,.11)!important;border-radius:12px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;
  overflow:hidden!important;transition:transform .25s ease,border-color .25s ease,background .25s ease!important;
}
.product-page .costan-promise-card:after{
  content:"";position:absolute;left:30px;right:30px;bottom:0;height:2px;
  background:linear-gradient(90deg,var(--pp-lime,#caff18),transparent);opacity:.7;
}
@media(hover:hover){
  .product-page .costan-promise-card:hover{transform:translateY(-4px)!important;border-color:rgba(202,255,24,.34)!important;background:linear-gradient(180deg,rgba(202,255,24,.035),rgba(255,255,255,.014))!important}
}
.product-page .costan-promise-icon{
  width:64px!important;height:64px!important;margin:0 0 58px!important;
  display:grid!important;place-items:center!important;color:var(--pp-lime,#caff18)!important;
}
.product-page .costan-promise-icon svg{
  width:64px!important;height:64px!important;overflow:visible!important;
  stroke:currentColor!important;stroke-width:1.45!important;stroke-linecap:round!important;stroke-linejoin:round!important;
  filter:drop-shadow(0 0 14px rgba(202,255,24,.08));
}
.product-page .costan-promise-card h3{
  margin-top:auto!important;margin-bottom:12px!important;
  font-size:11px!important;line-height:1.35!important;font-weight:650!important;letter-spacing:.065em!important;
}
.product-page .costan-promise-card p{
  max-width:34ch!important;font-size:13px!important;line-height:1.7!important;color:rgba(245,245,239,.65)!important;
}
@media(max-width:900px){
  .product-page .costan-promise-wrap{padding-top:62px!important;padding-bottom:62px!important}
  .product-page .costan-promise-grid{grid-template-columns:1fr!important;gap:10px!important;margin-top:38px!important}
  .product-page .costan-promise-card{min-height:0!important;padding:24px!important;display:grid!important;grid-template-columns:64px 1fr!important;column-gap:20px!important;align-items:start!important}
  .product-page .costan-promise-icon{grid-row:1 / span 2!important;margin:0!important}
  .product-page .costan-promise-card h3{margin:7px 0 8px!important}
  .product-page .costan-promise-card p{max-width:none!important;margin:0!important}
  .product-page .costan-promise-card:after{left:24px;right:24px}
}
@media(max-width:520px){
  .product-page .costan-promise-wrap{padding-top:50px!important;padding-bottom:50px!important}
  .product-page .costan-promise-copy h2{font-size:29px!important}
  .product-page .costan-promise-grid{margin-top:30px!important}
  .product-page .costan-promise-card{grid-template-columns:52px 1fr!important;column-gap:16px!important;padding:20px!important;border-radius:9px!important}
  .product-page .costan-promise-icon,.product-page .costan-promise-icon svg{width:52px!important;height:52px!important}
  .product-page .costan-promise-card h3{font-size:9.5px!important}
  .product-page .costan-promise-card p{font-size:12.5px!important;line-height:1.65!important}
}