/* Each guide occupies its own space in normal document flow. */
.hermano-guide,.hermano-guide[data-position]{position:relative;inset:auto;z-index:auto;display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 32px);margin:8px 16px;flex:none;box-sizing:border-box;color:#fff;font-family:Georgia,serif;pointer-events:none}
body>.hermano-guide[data-position$="right"]{align-self:flex-end;margin-left:auto}
.hermano-guide img{width:72px;height:104px;object-fit:contain;flex:none}
.hermano-guide p{max-width:280px;font:15px/1.4 Georgia,serif;text-align:left;margin:0;padding:8px 12px;border:1px solid #dfbc61;border-radius:12px;background:#11216b}
.hermano-purchase-guide{margin:0!important;max-width:100%;flex-direction:row!important}
.hermano-purchase-guide p{max-width:225px}
.book-cart-controls:has(.hermano-purchase-guide){align-items:center;gap:16px;margin-top:12px}
.hermano-cart-confirmation{display:flex;align-items:center;gap:12px;margin:12px 0;padding:12px;border:1px solid #dfbc61;border-radius:8px}
.hermano-cart-confirmation img{width:60px;height:86px;object-fit:contain;flex:none}
.hermano-cart-confirmation p{margin:0;text-align:left}
@media(max-width:640px){.hermano-guide img{width:54px;height:78px}.hermano-guide p{font-size:13px;max-width:240px}.hermano-purchase-guide{flex-basis:100%;width:100%;margin-bottom:8px!important}.hermano-cart-confirmation{flex-wrap:wrap}}

.hermano-guide.hermano-free-margin,.hermano-guide.hermano-free-margin[data-position]{position:fixed;margin:0;inset:auto;align-self:auto;z-index:2}

/* A direct body guide must NEVER create a row or reduce main height. */
body>.hermano-guide,body>.hermano-guide[data-position]{position:fixed!important;inset:auto;margin:0!important;align-self:auto;z-index:2;width:max-content;max-width:calc(100vw - 24px)}
body>.hermano-guide[data-fit="compact"] img{width:54px;height:78px}
body>.hermano-guide[data-fit="compact"] p{max-width:150px;font-size:12px;padding:6px}
body>.hermano-guide[data-fit="icon"] img{width:48px;height:70px}
body>.hermano-guide[data-fit="icon"] p{display:none}

/* Compact footer groups around their own GIF, with a reserved central host. */
body>footer:has(.footer-hermano){display:grid!important;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr)!important;align-items:center!important;gap:18px!important;padding:12px 24px!important}
body>footer:has(.footer-hermano)>.brand{display:none!important}
body>footer:has(.footer-hermano)>.mailbox-link{grid-column:1;grid-row:1;display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important;min-height:86px!important;width:100%;padding:0!important}
body>footer:has(.footer-hermano) .mailbox-link>span{flex:0 1 auto!important;padding:0!important;text-align:left!important}
body>footer:has(.footer-hermano) .mailbox-link strong,body>footer:has(.footer-hermano) .mailbox-link small{text-align:left!important}
body>footer:has(.footer-hermano) .mailbox-link small{min-height:0!important;margin-top:8px}
body>footer:has(.footer-hermano)>.footer-hermano{grid-column:2;grid-row:1;width:64px;height:86px;object-fit:contain;justify-self:center;pointer-events:none}
body>footer:has(.footer-hermano)>.collaboration-invitation{grid-column:3;grid-row:1;display:grid!important;grid-template-columns:minmax(0,1fr) 92px;grid-template-rows:auto auto;column-gap:12px;align-items:center;min-height:86px!important;padding:0!important}
body>footer:has(.footer-hermano) .collaboration-invitation>strong{grid-column:1;grid-row:1;text-align:right!important;margin:0 0 6px!important}
body>footer:has(.footer-hermano) .contribution-content{display:contents!important}
body>footer:has(.footer-hermano) .contribution-copy{grid-column:1;grid-row:2;text-align:right!important}
body>footer:has(.footer-hermano) .contribution-copy p{white-space:normal!important;text-align:right!important;margin:0!important}
body>footer:has(.footer-hermano) .contribution-button{grid-column:2;grid-row:1 / span 2;position:static!important;transform:none!important;align-self:center;width:92px!important;height:74px!important}
@media(max-width:800px){body>footer:has(.footer-hermano){grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr)!important;gap:8px!important;padding:10px!important}body>footer:has(.footer-hermano) .mailbox-link strong,body>footer:has(.footer-hermano) .collaboration-invitation>strong{font-size:16px!important}body>footer:has(.footer-hermano) .mailbox-link small,body>footer:has(.footer-hermano) .contribution-copy p{font-size:12px!important}body>footer:has(.footer-hermano)>.collaboration-invitation{grid-template-columns:minmax(0,1fr) 54px}body>footer:has(.footer-hermano) .contribution-button,body>footer:has(.footer-hermano) .contribution-icon img{width:54px!important}body>footer:has(.footer-hermano)>.footer-hermano{width:48px;height:70px}body>footer:has(.footer-hermano) .mailbox-link picture img{width:48px!important;height:44px!important}}

/* Centre each footer heading within its own text section. */
body>footer:has(.footer-hermano) .mailbox-link>span{flex:1!important;min-width:0}
body>footer:has(.footer-hermano) .mailbox-link strong{display:block;text-align:center!important}
body>footer:has(.footer-hermano) .collaboration-invitation>strong{text-align:center!important}
body>footer:has(.footer-hermano){grid-template-columns:minmax(0,1fr) 140px minmax(0,1fr)!important}
body>footer:has(.footer-hermano)>.footer-hermano{grid-column:2;grid-row:1;justify-self:start;align-self:center}
body>footer:has(.footer-hermano)>.footer-hermano-message{grid-column:2;grid-row:1;justify-self:end;align-self:center;width:68px;font:15px/1.3 Georgia,serif;color:#fff;text-align:center}
@media(max-width:800px){body>footer:has(.footer-hermano){grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr)!important}body>footer:has(.footer-hermano)>.footer-hermano-message{width:48px;font-size:12px}}

body>footer:has(.footer-hermano)>.footer-hermano-message{box-sizing:border-box;border:1px solid #dfbc61;border-radius:12px;background:#11216b;padding:8px 6px}
