/* Keep the name explanation within the existing brand lockup height. */
#wbc-store .wb-brand-lockup {flex:none; min-width:0;}
#wbc-store .wb-brand-caption {display:flex; align-items:center; gap:10px; margin-top:4px; height:14px; white-space:nowrap;}
#wbc-store .wb-brand-caption small {font:10px/14px Arial,sans-serif; letter-spacing:1px; color:#5A4636;}
#wbc-store .wb-why-trigger {border:0; padding:0; margin:0; background:transparent; color:#75452d; font:11px/14px Arial,sans-serif; text-decoration:underline; text-underline-offset:3px; cursor:pointer;}
#wbc-store .wb-why-trigger:hover {color:#A13D3D;}
#wbc-store .wb-why-trigger:focus-visible {outline:2px solid #9b493d; outline-offset:3px; border-radius:2px;}
#wb-why-dialog {box-sizing:border-box; width:calc(100% - 32px); max-width:540px; max-height:calc(100dvh - 40px); margin:auto; padding:30px; border:1px solid #B8935A; border-radius:12px; background:#FAF3E9; color:#2B1B12; box-shadow:0 20px 70px #0004; overflow:auto;}
#wb-why-dialog::backdrop {background:rgba(43,27,18,.48);}
#wb-why-dialog .wb-why-heading {display:flex; justify-content:space-between; align-items:center; gap:12px; padding-bottom:16px; border-bottom:1px solid #D9BE8D;}
#wb-why-dialog h2 {margin:0; font:400 29px/1.2 'Playfair Display',Georgia,serif;}
#wb-why-dialog p {margin:20px 0 0; font:16px/1.7 'Poppins',Arial,sans-serif;}
#wb-why-dialog .wb-why-close {flex:none; min-height:44px; padding:0 12px; border:1px solid #B8935A; border-radius:22px; background:transparent; color:#2B1B12; font:13px Arial,sans-serif; cursor:pointer;}
#wb-why-dialog .wb-why-close:hover {background:#EEDFCB;}
#wb-why-dialog .wb-why-close:focus-visible {outline:2px solid #9b493d; outline-offset:3px;}
@media(max-width:650px){
  #wbc-store .wb-brand-caption {gap:7px;}
  #wbc-store .wb-brand-caption small {font-size:8px; letter-spacing:.7px;}
  #wbc-store .wb-why-trigger {font-size:10px;}
  #wb-why-dialog {padding:22px;}
  #wb-why-dialog h2 {font-size:25px;}
  #wb-why-dialog p {font-size:15px;}
}

/* Avoid a single final word at any viewport width. */
#wb-why-dialog p {text-wrap:pretty;}
#wb-why-dialog .wb-why-ending {white-space:nowrap;}