/* Shared, readable navigation and the designer's personal signature. */
html{scroll-padding-top:100px}
.header-order{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:46px;padding:11px 20px;border:1px solid #f5d21b;border-radius:6px;background:#f5d21b;color:#171d12!important;font-family:var(--font-body,Arial,sans-serif);font-size:16px;font-weight:750;line-height:1.3;white-space:nowrap;text-decoration:none!important;transition:background .2s,box-shadow .2s,transform .2s}
.header-order>span{font-size:22px;transition:transform .2s}
.header-order:hover,.header-order:focus-visible{background:#ffe650;box-shadow:0 5px 20px #f5d21b25}
.header-order:hover>span,.header-order:focus-visible>span{transform:translate(2px,-2px)}
.header-order:active{transform:translateY(1px)}
.header-order:focus-visible{outline:3px solid #f5d21b;outline-offset:5px}
.immersive-theme .site-header{gap:24px}
.immersive-theme .header-actions{gap:18px}
.immersive-theme .header-actions .talk-link{display:none}
.immersive-theme .desktop-nav{gap:22px}
.immersive-theme .site-header .brand-lockup{max-width:210px}
.immersive-theme .site-header .brand-lockup__tagline{white-space:nowrap}
.story-contact-links{margin-top:16px;border-top:1px solid #d8dccd;padding-top:8px}
.story-contact-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;border-bottom:1px solid #e7eadd;font-size:16px;line-height:1.5;color:#293722;text-decoration:none}
.story-contact-links a:last-child{border-bottom:0}
.story-contact-links a>span:first-child{font-weight:650}
.story-contact-links a:hover,.story-contact-links a:focus-visible{color:#657924;text-decoration:underline;text-underline-offset:4px}
.footer-contacts a{min-height:40px;display:flex;align-items:center;gap:8px;line-height:1.5;font-size:16px}
.creator-credit{display:flex;align-items:center;gap:22px;flex-wrap:wrap;color:#26341f;min-width:0}
.creator-credit p{font:400 15px/1.5 var(--font-body,Arial,sans-serif);margin:0}
.creator-credit strong{display:block;font-family:var(--font-display,Arial,sans-serif);font-size:21px;font-weight:650;letter-spacing:-.035em;color:inherit}
.creator-links{display:flex;align-items:center;gap:8px}
.creator-links a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:10px 12px;border:1px solid #c5cdb8;border-radius:100px;font:600 13px/1.2 var(--font-body,Arial,sans-serif);color:#293722;background:transparent;text-decoration:none!important;transition:background .2s,border-color .2s,transform .2s}
.creator-links svg{width:20px;height:20px;flex-shrink:0;transition:transform .3s}
.creator-links a:hover,.creator-links a:focus-visible{background:#f5d21b;border-color:#cdb02a;transform:translateY(-2px)}
.creator-links a:hover svg,.creator-links a:focus-visible svg{transform:rotate(-7deg)}
.creator-links a:focus-visible{outline:2px solid #526536;outline-offset:4px}
.detail-footer .creator-credit,.viewer-footer .creator-credit{color:#eaece0;text-align:left}
.detail-footer .creator-links,.viewer-footer .creator-links{text-align:left}
.detail-footer .creator-links a,.viewer-footer .creator-links a{display:inline-flex;margin:0;color:#eaece0;border-color:#5c6851}
.detail-footer .creator-links a:hover,.detail-footer .creator-links a:focus-visible,.viewer-footer .creator-links a:hover,.viewer-footer .creator-links a:focus-visible{color:#1a2116}
.detail-footer .creator-credit strong,.viewer-footer .creator-credit strong{font-size:21px}
.site-footer .footer-bottom{flex-wrap:wrap;gap:24px;padding-block:28px 5px}
.site-footer .footer-bottom>.creator-credit{margin-right:auto}
.site-footer .supplement-note{margin-top:22px}
@media(max-width:1100px){.immersive-theme .desktop-nav{gap:16px}.immersive-theme .desktop-nav a{font-size:15px}.immersive-theme .header-actions{gap:12px}.header-order{gap:10px;padding-inline:16px}.immersive-theme .site-header{padding-inline:4vw;gap:18px}}
@media(max-width:900px){.immersive-theme .site-header{gap:14px}.immersive-theme .header-actions{gap:14px}.site-footer .footer-bottom>.creator-credit{flex-basis:100%}.site-footer .footer-bottom .plain-button{margin-left:0}.site-footer .footer-bottom>a{margin-left:auto}}
@media(max-width:600px){.story-contact-links a{font-size:15px}.footer-main{grid-template-columns:1fr!important;gap:28px!important}.footer-main .footer-brand{grid-column:auto}.footer-main>div h3{font-size:17px!important;margin-bottom:10px!important}.footer-main>div>a{font-size:16px!important;min-height:36px!important;margin-bottom:3px!important}.footer-main .footer-payment{display:block}.footer-main .footer-payment p{font-size:15px;max-width:300px}.creator-credit{gap:16px}.creator-credit p{font-size:14px}.creator-credit strong{font-size:22px}.creator-links a{padding:11px}.creator-links a>span{display:none}.immersive-theme .site-header .brand-lockup{max-width:190px}.immersive-theme .header-actions{gap:8px}.header-order{font-size:15px;gap:8px;padding-inline:12px}}
@media(max-width:480px){
 html{scroll-padding-top:144px}
 .detail-header .detail-brand{grid-column:1/-1;grid-row:1;justify-self:start}
 .detail-header>nav{grid-column:1;grid-row:2;justify-content:flex-start;font-size:15px}
 .detail-header>.header-order{grid-column:2;grid-row:2;font-size:15px;min-height:44px;padding:10px 14px}
 .viewer-header{display:grid;grid-template-columns:1fr;height:auto;gap:12px;padding:16px!important}
 .viewer-header>.viewer-brand{grid-row:1;justify-self:start}
 .viewer-header>.header-note{display:none}
 .viewer-header>.header-order{grid-row:2;justify-self:stretch;font-size:16px;min-height:44px;padding:10px 14px}
 .immersive-theme .site-header,.immersive-theme:not(.in-experience) .site-header{display:grid;grid-template-columns:minmax(0,1fr) 48px 38px;grid-template-rows:46px 44px;height:118px;padding:10px 5vw;column-gap:8px;row-gap:8px}
 .immersive-theme .site-header>.brand{grid-column:1;grid-row:1}
 .immersive-theme .header-actions{display:contents}
 .immersive-theme .header-order{grid-column:1/-1;grid-row:2;min-height:44px;align-self:stretch;padding:8px 16px;border-radius:5px;font-size:16px;gap:12px}
 .immersive-theme .cart-toggle{grid-column:2;grid-row:1;min-width:0;padding:6px 0;gap:5px}
 .immersive-theme .menu-toggle{grid-column:3;grid-row:1;justify-self:end}
 .immersive-theme .mobile-menu{top:148px}
 .immersive-theme:not(.in-experience) .mobile-menu{top:118px}
 .immersive-theme .site-header .brand-lockup{gap:7px;max-width:190px}
 .immersive-theme .site-header .brand-lockup__symbol{width:30px;height:30px;flex-basis:30px}
 .immersive-theme .site-header .brand-lockup__wordmark{width:139px}
 .immersive-theme .site-header .brand-lockup__tagline{font-size:11px;letter-spacing:0}
}
@media(max-width:350px){.immersive-theme .site-header .brand-lockup__wordmark{width:125px}.immersive-theme .site-header .brand-lockup__symbol{width:26px;height:26px;flex-basis:26px}.immersive-theme .site-header .brand-lockup__tagline{font-size:10.5px}}
@media(prefers-reduced-motion:reduce){.header-order,.header-order>span,.creator-links a,.creator-links svg,.story-contact-links a>span{transition:none}.header-order:hover>span,.header-order:focus-visible>span,.creator-links a:hover,.creator-links a:focus-visible,.creator-links a:hover svg,.creator-links a:focus-visible svg{transform:none}}

/* A direct route to the shop, paired with the existing contact shortcut. */
.shop-float{position:fixed;right:22px;bottom:calc(82px + env(safe-area-inset-bottom,0px));z-index:15;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;min-height:48px;padding:0;border:1px solid #cdb51b;border-radius:50%;background:#f5d616;color:#172011;text-decoration:none;box-shadow:0 3px 18px #0002;transition:transform .2s,background .2s;touch-action:manipulation}
.shop-float .action-icon{width:27px;height:27px}
.shop-float:hover{background:#ffe33d;transform:translateY(-3px)}
.shop-float:focus-visible,.whatsapp-float:focus-visible{outline:2px solid #172011;outline-offset:3px;box-shadow:0 0 0 5px #fffef3}
.immersive-theme .whatsapp-float{width:48px;height:48px;bottom:calc(22px + env(safe-area-inset-bottom,0px));background:#168a4b;color:#fff;border-color:#11713c;touch-action:manipulation}
.immersive-theme .whatsapp-float:hover{background:#11743e}
@media(max-width:760px){
 .shop-float{right:14px;bottom:calc(72px + env(safe-area-inset-bottom,0px));width:44px;height:44px;min-height:44px}
 .shop-float .action-icon{width:25px;height:25px}
 .immersive-theme .whatsapp-float{width:44px;height:44px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}
 .immersive-theme.in-experience .shop-float,.immersive-theme.reading-formula .shop-float{visibility:hidden;pointer-events:none}
 body.immersive-theme .site-footer{padding-bottom:calc(132px + env(safe-area-inset-bottom,0px))}
}
@media(min-width:600px) and (max-height:550px){.immersive-theme.in-experience .shop-float{visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.shop-float,.whatsapp-float{transition:none}.shop-float:hover,.whatsapp-float:hover{transform:none}}

/* Contact methods share a colored symbol column and a readable label column. */
.contact-icon{display:inline-grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;box-shadow:inset 0 0 0 1px #00000008;vertical-align:middle}
.contact-icon--whatsapp{background:#dff3e7;color:#176b40}
.contact-icon--mail{background:#fff0ca;color:#8a5717}
.contact-icon--phone{background:#e3eefb;color:#245e9c}
.contact-icon .action-icon{display:block;width:25px;height:25px}
.contact-label{min-width:0;font-variant-numeric:tabular-nums}
.story-contact-links .contact-link,.footer-contacts .contact-link{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:50px;text-align:left;text-decoration:none}
.story-contact-links .contact-link{padding:8px 12px;color:#2c3825}
.story-contact-links .contact-link .contact-label{font-size:16px;font-weight:600}
body .story-contact-button.contact-link{justify-content:flex-start;gap:12px;padding:10px 12px}
.story-contact-button.contact-link>.contact-label{display:block;margin-left:0;font-size:16px;font-weight:600;line-height:1.45}
.site-footer .footer-main>.footer-contacts>a.contact-link{min-height:50px!important;margin-bottom:4px!important;gap:12px;color:#3e4934}
.detail-footer .footer-contacts .contact-link,.viewer-footer .footer-contacts .contact-link{display:flex;color:#f3f5ec;margin:0 0 5px;text-align:left}
.footer-contacts .contact-link .contact-label{font-size:16px;line-height:1.5}
.contact-link:is(:hover,:focus-visible) .contact-label{text-decoration:underline;text-underline-offset:4px}
.contact-link:focus-visible{outline:2px solid #728353;outline-offset:4px;border-radius:8px}
.footer-phone-group{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;color:#3e4934}
.footer-phone-group>.contact-icon{align-self:center}
.footer-contacts .footer-phone-group .footer-phone-numbers{text-align:left}
.footer-phone-group .footer-phone-numbers a{display:flex;align-items:center;min-height:44px;margin:0;padding:5px 0;font-size:16px;line-height:1.5;color:inherit;text-decoration:none;white-space:nowrap}
.footer-phone-numbers a:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:4px}
.footer-phone-numbers a:focus-visible{outline:2px solid #728353;outline-offset:3px;border-radius:4px}
.detail-footer .footer-phone-group,.viewer-footer .footer-phone-group{color:#f3f5ec}
@media(prefers-reduced-motion:no-preference){
 .contact-icon{transition:transform .25s ease}
 .contact-link:is(:hover,:focus-visible) .contact-icon{transform:translateY(-2px) rotate(-4deg)}
 .contact-icon .action-icon__receiver{transform-box:fill-box;transform-origin:50% 50%}
 .contact-link:is(:hover,:focus-visible) .action-icon__receiver{animation:contact-ring .45s ease-in-out 2}
 @keyframes contact-ring{0%,100%{transform:rotate(0)}25%{transform:rotate(-9deg)}75%{transform:rotate(9deg)}}
}
@media(max-width:380px){
 .story-contact-links .contact-link .contact-label{font-size:15px}
 .story-contact-button.contact-link>.contact-label{font-size:15px}
}