/* ==========================================================================
   PEPTIK — Hero 1:1
   Generado por build/extract_hero_css.py desde el tema original y mantenido
   a mano desde 2026-09, cuando salio el gate por pais de peptik (ocultaba
   WhatsApp en escritorio y pintaba "Cash on Delivery" para Emiratos). No
   volver a correr el extractor: lo traeria de vuelta. Los @media se conservan
   tal cual — aplastarlos rompe el hero en todos los breakpoints.
   ========================================================================== */

.peptik-marketing-hero{position:relative;width:min(1440px,100%);max-width:1440px;height:830px;margin:0 auto;background:#f2f5fc;overflow:hidden;isolation:isolate;box-sizing:border-box}
.peptik-marketing-hero__copy{position:relative;z-index:2;width:50%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;background:#f2f5fc;text-align:center;box-sizing:border-box}
.peptik-marketing-hero__visual{position:absolute;top:0;right:0;width:50%;height:100%;z-index:1;overflow:hidden}
.peptik-marketing-hero__visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.peptik-marketing-hero__button--mobile{display:none!important}
.peptik-marketing-hero__flag{display:inline-flex;align-items:center;justify-content:center;gap:0;width:72px;height:72px;margin:0 auto 24px;border-radius:50%;background:#fff;box-shadow:0 4px 12px #00000014;overflow:hidden}
.peptik-marketing-hero__flag span{display:block;width:14px;height:32px}
.peptik-marketing-hero__flag span:nth-child(1){background:#0535a8}
.peptik-marketing-hero__flag span:nth-child(2){background:#fff}
.peptik-marketing-hero__flag span:nth-child(3){background:#fe2b36}
.peptik-marketing-hero h1{margin:0;color:#10003e;font-family:Lato,sans-serif;font-size:72px;font-weight:400;line-height:1.1;letter-spacing:-3px;white-space:pre-line;text-align:center}
.peptik-marketing-hero__lead{max-width:493px;margin:20px auto 0;color:#686677;font-size:18px;line-height:26px;letter-spacing:-.2px;text-align:center}
.peptik-marketing-hero__lead-flag,.peptik-marketing-hero__visual-img--mobile{display:none}
.peptik-marketing-hero__features{display:grid;grid-template-columns:repeat(3,max-content);justify-content:center;column-gap:28px;row-gap:12px;margin:28px auto 0;padding:0;list-style:none}
.peptik-marketing-hero__features li{display:flex;align-items:center;gap:6px;margin:0;list-style:none;color:#686677;font-size:12px;line-height:16px;white-space:nowrap}
.peptik-marketing-hero__features li img{width:16px;height:16px;flex:0 0 16px}
.peptik-marketing-hero__features li span{color:#686677;font-size:12px;line-height:16px;font-weight:400}
.peptik-marketing-hero__button{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;width:284px;height:68px;margin:32px auto 0;padding:0;border-radius:9999px;background:#10003e;color:#fff;font-family:Lato,sans-serif;font-size:18px;font-weight:500;line-height:1;text-decoration:none;transition:background .15s}
.peptik-marketing-hero__button:hover{background:var(--blue);color:#fff}
.peptik-marketing-hero__subnote{max-width:none;margin:14px auto 0;color:#686677;font-size:14px;line-height:22px;text-align:center}
.peptik-marketing-hero__disclaimer{margin:24px auto 0;color:#686677;font-size:14px;line-height:22px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center}
.peptik-marketing-hero__disclaimer:before{content:"\24d8";flex:0 0 auto;color:#686677;font-size:14px;line-height:1}
.peptik-wa-fab{position:fixed;right:20px;bottom:20px;width:72px;height:72px;border-radius:50%;background:#25d366;box-shadow:0 6px 20px #0003;display:inline-flex;align-items:center;justify-content:center;z-index:9999;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
.peptik-wa-fab:hover{transform:scale(1.05);box-shadow:0 8px 26px #00000047}
.peptik-wa-fab svg{display:block;width:36px;height:36px}
@media(max-width:768px){
.peptik-wa-fab{right:auto;left:14px;bottom:14px;width:58px;height:58px;box-shadow:0 4px 14px #0000002e}
.peptik-wa-fab svg{width:30px;height:30px}
body.page-product .peptik-wa-fab{bottom:96px}
}
@media(max-width:979px){
.peptik-marketing-hero{display:block;position:relative;width:100%;height:auto;min-height:0;overflow:visible;background-color:#f2f5fc;background-size:100% auto;background-position:center top;background-repeat:no-repeat;padding:64vw 20px 28px}
.peptik-marketing-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:115vw;background:linear-gradient(180deg,#f2f5fc00 30%,#f2f5fcb8 62%,#f2f5fcf5 82%,#f2f5fc);pointer-events:none}
.peptik-marketing-hero__visual{display:none}
.peptik-marketing-hero__copy{position:relative;z-index:2;width:100%;max-width:100%;height:auto;min-height:auto;margin:0;padding:0;background:none;border:none;border-radius:0;box-shadow:none;align-items:center;text-align:center}
.peptik-marketing-hero__flag{display:none}
.peptik-marketing-hero__lead-flag{display:inline}
.peptik-marketing-hero__features li[data-feature-index="1"],.peptik-marketing-hero__features li[data-feature-index="2"],.peptik-marketing-hero__features li[data-feature-index="3"],.peptik-marketing-hero__features li[data-feature-index="4"],.peptik-marketing-hero__features li[data-feature-index="7"]{display:none}
.peptik-marketing-hero h1{order:-3}
.peptik-marketing-hero__button--mobile{order:-2;margin:20px 0 8px}
.peptik-marketing-hero h1{font-size:48px;line-height:54px;letter-spacing:-3px;text-align:center}
.peptik-marketing-hero__lead{margin:16px auto 0;font-size:16px;line-height:22px;text-align:center;max-width:343px}
.peptik-marketing-hero__features{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:max-content;margin:24px auto 0;padding:0}
.peptik-marketing-hero__features li{display:flex;align-items:center;gap:10px;font-size:13px;line-height:18px;white-space:normal}
.peptik-marketing-hero__features li img{width:16px;height:16px;flex:0 0 16px}
.peptik-marketing-hero__features li span{font-size:13px;line-height:18px;white-space:normal}
.peptik-marketing-hero__button{width:100%;max-width:343px;min-height:58px;font-size:16px;margin:24px auto 0}
.peptik-marketing-hero__button--desktop{display:none!important}
.peptik-marketing-hero__button--mobile{display:inline-flex!important}
.peptik-marketing-hero__subnote{max-width:none;margin:14px auto 0;text-align:center}
.peptik-marketing-hero__disclaimer{display:none}
.peptik-marketing-hero__visual{position:relative;top:auto;right:auto;width:100%;height:auto;background:#fff;padding:0;min-height:0;overflow:hidden}
.peptik-marketing-hero__visual:has(.peptik-marketing-hero__visual-img--mobile) .peptik-marketing-hero__visual-img--desktop{display:none}
.peptik-marketing-hero__visual-img--mobile{display:block;width:100%;height:auto!important;min-height:0!important;max-height:none!important;object-fit:cover!important}
.peptik-marketing-hero__visual img{position:relative;inset:auto;display:block;width:100%;height:auto!important;min-height:0!important;max-height:none!important;object-fit:cover!important}
}
@media(max-width:749px){
html.peptik-drawer-open .peptik-wa-fab{display:none!important}
}
@media(min-width:601px)and (max-width:979px){
.peptik-marketing-hero{display:block;position:relative;min-height:0;height:830px}
.peptik-marketing-hero__copy{position:relative;z-index:2;width:50%;height:100%;padding:60px 40px;align-items:center;text-align:center}
.peptik-marketing-hero__flag{display:inline-flex}
.peptik-marketing-hero h1{font-size:72px;line-height:1.1;letter-spacing:-3px}
.peptik-marketing-hero__lead{max-width:493px;font-size:18px;line-height:26px}
.peptik-marketing-hero__features{display:grid;grid-template-columns:repeat(3,max-content);column-gap:28px;row-gap:12px;width:auto;margin:28px auto 0}
.peptik-marketing-hero__features li,.peptik-marketing-hero__features li span{font-size:12px;line-height:16px;white-space:nowrap}
.peptik-marketing-hero__button{width:284px;height:68px;min-height:0;font-size:18px;max-width:none}
.peptik-marketing-hero__button--desktop{display:inline-flex!important}
.peptik-marketing-hero__button--mobile{display:none!important}
.peptik-marketing-hero__disclaimer{display:inline-flex}
.peptik-marketing-hero__visual{position:absolute;top:0;right:0;width:50%;height:100%;padding:0;background:#fff}
.peptik-marketing-hero__visual img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0!important;max-height:none!important;object-fit:cover!important}
}
.peptik-marketing-hero__feature-flag{display:inline-block;line-height:1;font-size:20px;flex:0 0 auto}
.peptik-marketing-hero__social-proof{display:inline-flex;align-items:center;gap:10px;margin:24px 0 16px;padding:10px 18px;background:#eef1f8;border:1px solid rgba(16,0,62,.06);border-radius:9999px;color:#10003e;font-size:15px;line-height:1.2;font-weight:600;letter-spacing:-.1px}
.peptik-marketing-hero__social-proof-dot{width:9px;height:9px;border-radius:50%;background:#00b074;box-shadow:0 0 0 4px #00b0742e;flex:0 0 auto;animation:peptik-pulse 1.8s ease-out infinite}
@media(max-width:768px){
.peptik-marketing-hero__social-proof{margin:18px auto 4px;padding:9px 16px;font-size:14px}
.peptik-marketing-hero__copy .peptik-marketing-hero__social-proof+.peptik-marketing-hero__button{margin-top:8px}
}
.peptik-marketing-hero__researchers{display:flex;align-items:center;gap:0;margin:14px 0 0;font-size:16px;line-height:22px;color:var(--gray800)}
.peptik-marketing-hero__researchers .peptik-researcher-avatars{margin-right:6px}
.peptik-marketing-hero__researchers-text{display:inline-block}
@media(max-width:768px){
.peptik-marketing-hero__researchers{margin:10px 0 0;font-size:14px}
}
.peptik-researcher-avatars{display:inline-flex;align-items:center;vertical-align:middle;margin-right:10px}
.peptik-researcher-avatars__face{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #10003e0f;object-fit:cover;display:inline-block;flex:0 0 auto;background:#fff}
.peptik-researcher-avatars__face+.peptik-researcher-avatars__face{margin-left:-9px}
.peptik-wa-consult{display:flex;align-items:center;gap:14px;max-width:600px;margin:10px auto 0;padding:13px 15px;background:#fff;border:1px solid #e7eef0;border-left:4px solid #25D366;border-radius:12px;text-decoration:none;box-shadow:0 6px 20px #10003e0d;transition:box-shadow .2s,transform .2s}
.peptik-wa-consult:hover{box-shadow:0 12px 30px #10003e1a;transform:translateY(-1px)}
.peptik-wa-consult__ic{flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center}
.peptik-wa-consult__body{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
.peptik-wa-consult__title{color:#10003e;font-size:15px;font-weight:600;line-height:1.3}
.peptik-wa-consult__sub{color:#6b6a78;font-size:13px;line-height:1.4}
.peptik-wa-consult__cta{flex:0 0 auto;background:#10003e;color:#fff;font-size:13px;font-weight:600;padding:10px 18px;border-radius:999px;white-space:nowrap}
@media(max-width:600px){
.peptik-wa-consult{flex-wrap:wrap}
.peptik-wa-consult__body{flex-basis:calc(100% - 58px)}
.peptik-wa-consult__cta{width:100%;text-align:center;margin-top:8px}
}
.peptik-marketing-hero__consult{margin:18px 0 6px;max-width:560px}
.peptik-marketing-hero__consult .peptik-wa-consult{margin:0}
@media(max-width:749px){
.peptik-marketing-hero__consult{max-width:100%}
}
.peptik-marketing-hero{position:relative;width:min(1440px,100%);max-width:1440px;height:830px;margin:0 auto;background:#f2f5fc;overflow:hidden;isolation:isolate;box-sizing:border-box}
.peptik-marketing-hero__copy{position:relative;z-index:2;width:50%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;background:#f2f5fc;text-align:center;box-sizing:border-box}
.peptik-marketing-hero__visual{position:absolute;top:0;right:0;width:50%;height:100%;z-index:1;overflow:hidden}
.peptik-marketing-hero__visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.peptik-marketing-hero__button--mobile{display:none!important}
.peptik-marketing-hero__flag{display:inline-flex;align-items:center;justify-content:center;gap:0;width:72px;height:72px;margin:0 auto 24px;border-radius:50%;background:#fff;box-shadow:0 4px 12px #00000014;overflow:hidden}
.peptik-marketing-hero__flag span{display:block;width:14px;height:32px}
.peptik-marketing-hero__flag span:nth-child(1){background:#0535a8}
.peptik-marketing-hero__flag span:nth-child(2){background:#fff}
.peptik-marketing-hero__flag span:nth-child(3){background:#fe2b36}
.peptik-marketing-hero h1{margin:0;color:#10003e;font-family:Lato,sans-serif;font-size:72px;font-weight:400;line-height:1.1;letter-spacing:-3px;white-space:pre-line;text-align:center}
.peptik-marketing-hero__lead{max-width:493px;margin:20px auto 0;color:#686677;font-size:18px;line-height:26px;letter-spacing:-.2px;text-align:center}
.peptik-marketing-hero__lead-flag,.peptik-marketing-hero__visual-img--mobile{display:none}
.peptik-marketing-hero__features{display:grid;grid-template-columns:repeat(3,max-content);justify-content:center;column-gap:28px;row-gap:12px;margin:28px auto 0;padding:0;list-style:none}
.peptik-marketing-hero__features li{display:flex;align-items:center;gap:6px;margin:0;list-style:none;color:#686677;font-size:12px;line-height:16px;white-space:nowrap}
.peptik-marketing-hero__features li img{width:16px;height:16px;flex:0 0 16px}
.peptik-marketing-hero__features li span{color:#686677;font-size:12px;line-height:16px;font-weight:400}
.peptik-marketing-hero__button{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;width:284px;height:68px;margin:32px auto 0;padding:0;border-radius:9999px;background:#10003e;color:#fff;font-family:Lato,sans-serif;font-size:18px;font-weight:500;line-height:1;text-decoration:none;transition:background .15s}
.peptik-marketing-hero__button:hover{background:var(--blue);color:#fff}
.peptik-marketing-hero__subnote{max-width:none;margin:14px auto 0;color:#686677;font-size:14px;line-height:22px;text-align:center}
.peptik-marketing-hero__disclaimer{margin:24px auto 0;color:#686677;font-size:14px;line-height:22px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center}
.peptik-marketing-hero__disclaimer:before{content:"\24d8";flex:0 0 auto;color:#686677;font-size:14px;line-height:1}
.peptik-wa-fab{position:fixed;right:20px;bottom:20px;width:72px;height:72px;border-radius:50%;background:#25d366;box-shadow:0 6px 20px #0003;display:inline-flex;align-items:center;justify-content:center;z-index:9999;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
.peptik-wa-fab:hover{transform:scale(1.05);box-shadow:0 8px 26px #00000047}
.peptik-wa-fab svg{display:block;width:36px;height:36px}
@media(max-width:768px){
.peptik-wa-fab{right:auto;left:14px;bottom:14px;width:58px;height:58px;box-shadow:0 4px 14px #0000002e}
.peptik-wa-fab svg{width:30px;height:30px}
body.page-product .peptik-wa-fab{bottom:96px}
}
@media(max-width:979px){
.peptik-marketing-hero{display:block;position:relative;width:100%;height:auto;min-height:0;overflow:visible;background-color:#f2f5fc;background-size:100% auto;background-position:center top;background-repeat:no-repeat;padding:64vw 20px 28px}
.peptik-marketing-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:115vw;background:linear-gradient(180deg,#f2f5fc00 30%,#f2f5fcb8 62%,#f2f5fcf5 82%,#f2f5fc);pointer-events:none}
.peptik-marketing-hero__visual{display:none}
.peptik-marketing-hero__copy{position:relative;z-index:2;width:100%;max-width:100%;height:auto;min-height:auto;margin:0;padding:0;background:none;border:none;border-radius:0;box-shadow:none;align-items:center;text-align:center}
.peptik-marketing-hero__flag{display:none}
.peptik-marketing-hero__lead-flag{display:inline}
.peptik-marketing-hero__features li[data-feature-index="1"],.peptik-marketing-hero__features li[data-feature-index="2"],.peptik-marketing-hero__features li[data-feature-index="3"],.peptik-marketing-hero__features li[data-feature-index="4"],.peptik-marketing-hero__features li[data-feature-index="7"]{display:none}
.peptik-marketing-hero h1{order:-3}
.peptik-marketing-hero__button--mobile{order:-2;margin:20px 0 8px}
.peptik-marketing-hero h1{font-size:48px;line-height:54px;letter-spacing:-3px;text-align:center}
.peptik-marketing-hero__lead{margin:16px auto 0;font-size:16px;line-height:22px;text-align:center;max-width:343px}
.peptik-marketing-hero__features{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:max-content;margin:24px auto 0;padding:0}
.peptik-marketing-hero__features li{display:flex;align-items:center;gap:10px;font-size:13px;line-height:18px;white-space:normal}
.peptik-marketing-hero__features li img{width:16px;height:16px;flex:0 0 16px}
.peptik-marketing-hero__features li span{font-size:13px;line-height:18px;white-space:normal}
.peptik-marketing-hero__button{width:100%;max-width:343px;min-height:58px;font-size:16px;margin:24px auto 0}
.peptik-marketing-hero__button--desktop{display:none!important}
.peptik-marketing-hero__button--mobile{display:inline-flex!important}
.peptik-marketing-hero__subnote{max-width:none;margin:14px auto 0;text-align:center}
.peptik-marketing-hero__disclaimer{display:none}
.peptik-marketing-hero__visual{position:relative;top:auto;right:auto;width:100%;height:auto;background:#fff;padding:0;min-height:0;overflow:hidden}
.peptik-marketing-hero__visual:has(.peptik-marketing-hero__visual-img--mobile) .peptik-marketing-hero__visual-img--desktop{display:none}
.peptik-marketing-hero__visual-img--mobile{display:block;width:100%;height:auto!important;min-height:0!important;max-height:none!important;object-fit:cover!important}
.peptik-marketing-hero__visual img{position:relative;inset:auto;display:block;width:100%;height:auto!important;min-height:0!important;max-height:none!important;object-fit:cover!important}
}
@media(max-width:749px){
html.peptik-drawer-open .peptik-wa-fab{display:none!important}
}
@media(min-width:601px)and (max-width:979px){
.peptik-marketing-hero{display:block;position:relative;min-height:0;height:830px}
.peptik-marketing-hero__copy{position:relative;z-index:2;width:50%;height:100%;padding:60px 40px;align-items:center;text-align:center}
.peptik-marketing-hero__flag{display:inline-flex}
.peptik-marketing-hero h1{font-size:72px;line-height:1.1;letter-spacing:-3px}
.peptik-marketing-hero__lead{max-width:493px;font-size:18px;line-height:26px}
.peptik-marketing-hero__features{display:grid;grid-template-columns:repeat(3,max-content);column-gap:28px;row-gap:12px;width:auto;margin:28px auto 0}
.peptik-marketing-hero__features li,.peptik-marketing-hero__features li span{font-size:12px;line-height:16px;white-space:nowrap}
.peptik-marketing-hero__button{width:284px;height:68px;min-height:0;font-size:18px;max-width:none}
.peptik-marketing-hero__button--desktop{display:inline-flex!important}
.peptik-marketing-hero__button--mobile{display:none!important}
.peptik-marketing-hero__disclaimer{display:inline-flex}
.peptik-marketing-hero__visual{position:absolute;top:0;right:0;width:50%;height:100%;padding:0;background:#fff}
.peptik-marketing-hero__visual img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0!important;max-height:none!important;object-fit:cover!important}
}
.peptik-marketing-hero__feature-flag{display:inline-block;line-height:1;font-size:20px;flex:0 0 auto}
.peptik-marketing-hero__social-proof{display:inline-flex;align-items:center;gap:10px;margin:24px 0 16px;padding:10px 18px;background:#eef1f8;border:1px solid rgba(16,0,62,.06);border-radius:9999px;color:#10003e;font-size:15px;line-height:1.2;font-weight:600;letter-spacing:-.1px}
.peptik-marketing-hero__social-proof-dot{width:9px;height:9px;border-radius:50%;background:#00b074;box-shadow:0 0 0 4px #00b0742e;flex:0 0 auto;animation:peptik-pulse 1.8s ease-out infinite}
@media(max-width:768px){
.peptik-marketing-hero__social-proof{margin:18px auto 4px;padding:9px 16px;font-size:14px}
.peptik-marketing-hero__copy .peptik-marketing-hero__social-proof+.peptik-marketing-hero__button{margin-top:8px}
}
.peptik-marketing-hero__researchers{display:flex;align-items:center;gap:0;margin:14px 0 0;font-size:16px;line-height:22px;color:var(--gray800)}
.peptik-marketing-hero__researchers .peptik-researcher-avatars{margin-right:6px}
.peptik-marketing-hero__researchers-text{display:inline-block}
@media(max-width:768px){
.peptik-marketing-hero__researchers{margin:10px 0 0;font-size:14px}
}
.peptik-researcher-avatars{display:inline-flex;align-items:center;vertical-align:middle;margin-right:10px}
.peptik-researcher-avatars__face{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #10003e0f;object-fit:cover;display:inline-block;flex:0 0 auto;background:#fff}
.peptik-researcher-avatars__face+.peptik-researcher-avatars__face{margin-left:-9px}
.peptik-wa-consult{display:flex;align-items:center;gap:14px;max-width:600px;margin:10px auto 0;padding:13px 15px;background:#fff;border:1px solid #e7eef0;border-left:4px solid #25D366;border-radius:12px;text-decoration:none;box-shadow:0 6px 20px #10003e0d;transition:box-shadow .2s,transform .2s}
.peptik-wa-consult:hover{box-shadow:0 12px 30px #10003e1a;transform:translateY(-1px)}
.peptik-wa-consult__ic{flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center}
.peptik-wa-consult__body{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
.peptik-wa-consult__title{color:#10003e;font-size:15px;font-weight:600;line-height:1.3}
.peptik-wa-consult__sub{color:#6b6a78;font-size:13px;line-height:1.4}
.peptik-wa-consult__cta{flex:0 0 auto;background:#10003e;color:#fff;font-size:13px;font-weight:600;padding:10px 18px;border-radius:999px;white-space:nowrap}
@media(max-width:600px){
.peptik-wa-consult{flex-wrap:wrap}
.peptik-wa-consult__body{flex-basis:calc(100% - 58px)}
.peptik-wa-consult__cta{width:100%;text-align:center;margin-top:8px}
}
.peptik-marketing-hero__consult{margin:18px 0 6px;max-width:560px}
.peptik-marketing-hero__consult .peptik-wa-consult{margin:0}
@media(max-width:749px){
.peptik-marketing-hero__consult{max-width:100%}
}
Loox review
         popup + "Get 100 AED" rewards tab) while the hamburger menu is open. Class is toggled by the
         details 'toggle' listener below — no :has() (browser support) and inline so it is served fresh
         (the style.css asset is Cloudflare-cached ~1yr). */
      html.peptik-drawer-open .peptik-wa-fab{display: none !important;}
.peptik-marketing-hero__delivery{display:flex; align-items:center; justify-content:flex-start; gap:11px; margin:12px 0 4px; font-weight:800; font-size:18px; line-height:24px; letter-spacing:.07em; color:#10003e; white-space:nowrap;}
.peptik-hero-delivery__icon{width:32px; height:32px; flex:0 0 32px; border-radius:9px; background:linear-gradient(135deg,#0C5AFB 0%,#7B61FF 100%); display:inline-flex; align-items:center; justify-content:center; animation:peptikDeliveryPulse 2.2s ease-out infinite;}
.peptik-hero-delivery__icon svg{width:19px; height:19px; fill:#fff; animation:peptikTruckDrive 1.4s ease-in-out infinite;}
@media (prefers-reduced-motion: reduce){
.peptik-hero-delivery__icon,.peptik-hero-delivery__icon svg{animation:none;}
}
@media (max-width:749px){
.peptik-marketing-hero__delivery{font-size:15px; letter-spacing:.05em; gap:9px;}
.peptik-hero-delivery__icon{width:28px; height:28px; flex-basis:28px; border-radius:8px;}
.peptik-hero-delivery__icon svg{width:17px; height:17px;}
}
spacing — Big Cheese 2026-07-22 (test theme). */
    .peptik-hero-titlerow{display:block;}
.peptik-hero-badge{display:none;}
@media (max-width:749px){
.peptik-marketing-hero .peptik-hero-titlerow{position:relative; display:block; order:-3; width:100%; text-align:center;}
.peptik-marketing-hero .peptik-hero-titlerow h1{margin:0;}
.peptik-hero-badge{position:absolute; top:50%; transform:translateY(-50%); display:inline-flex; flex-direction:column; align-items:center; justify-content:center; width:84px; height:84px; border-radius:20px; background:#fff; box-shadow:0 6px 20px rgba(16,0,62,.16); border:1.5px solid #e6e9f5;}
.peptik-hero-badge--purity{left:4px;}
.peptik-hero-badge--support{right:4px;}
.peptik-hero-badge strong{font-size:26px; font-weight:800; line-height:1; color:#0C5AFB;}
.peptik-hero-badge small{font-size:12px; font-weight:600; letter-spacing:.03em; text-transform:uppercase; color:#686677; margin-top:4px;}
.peptik-hero-badge--support strong{color:#00B074;}
.peptik-marketing-hero__features li.peptik-feat--coldchain{display:none !important;}
/* features list placed directly under the delivery line on mobile */
      .peptik-marketing-hero__delivery{order:0;}
.peptik-marketing-hero__features{order:1; margin-top:10px !important;}
.peptik-marketing-hero__lead{order:2;}
.peptik-marketing-hero__researchers{order:2;}
.peptik-marketing-hero__social-proof{order:2;}
.peptik-marketing-hero__consult{order:2; margin-top:8px !important;}
.peptik-marketing-hero__subnote{order:2;}
}
@media (max-width:360px){
.peptik-marketing-hero .peptik-hero-titlerow{gap:8px;}
.peptik-hero-badge{width:60px; height:60px;}
.peptik-hero-badge strong{font-size:19px;}
.peptik-hero-badge small{font-size:10px;}
}
@media (max-width:749px){
.peptik-marketing-hero{background-image:url(/img/hero/uu-hero-mobile-2026-09.webp);}
}
@keyframes peptikDeliveryPulse{ 0%{ box-shadow:0 0 0 0 rgba(12,90,251,.35); } 70%{ box-shadow:0 0 0 10px rgba(12,90,251,0); } 100%{ box-shadow:0 0 0 0 rgba(12,90,251,0); } }
@keyframes peptikTruckDrive{ 0%,100%{ transform:translateX(0); } 50%{ transform:translateX(2.5px); } }