.qdg{--qasa:#473949;--beige:#e3d5b3;--paper:#f7f1e5;--ink:#2d252b;--muted:#756a70;font-family:"IBM Plex Sans Arabic","IBM Plex Sans",system-ui,-apple-system,sans-serif;color:var(--ink);max-width:1240px;margin:0 auto;padding:34px 18px 80px}.qdg *{box-sizing:border-box}.qdg-hero{background:linear-gradient(135deg,var(--qasa),#5b475e);border-radius:28px;padding:40px;color:#fff;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;position:relative;overflow:hidden}.qdg-hero:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.11);border-radius:50%;left:-70px;top:-90px}.qdg-kicker{font-size:14px;opacity:.8}.qdg-hero h1{font-size:clamp(30px,4vw,52px);line-height:1.1;margin:8px 0 14px;color:#fff}.qdg-hero p{font-size:17px;line-height:1.9;max-width:720px;margin:0;opacity:.92}.qdg-stats{display:flex;align-items:center;gap:8px;margin-top:22px}.qdg-stats strong{font-size:21px}.qdg-stats span{font-size:13px;opacity:.8}.qdg-stats i{width:1px;height:22px;background:rgba(255,255,255,.25);margin:0 8px}.qdg-add-btn{border:0;background:var(--beige);color:var(--qasa);border-radius:16px;padding:15px 22px;font-weight:800;font-size:16px;cursor:pointer;white-space:nowrap;position:relative;z-index:2}.qdg-add-btn span{font-size:21px;margin-left:7px}.qdg-alert{margin:20px 0 0;padding:15px 18px;border-radius:14px;text-align:center;font-weight:700}.qdg-success{background:#eef8f0;color:#17612c}.qdg-error{background:#fff0ef;color:#9f2420}.qdg-family-wrap{padding:34px 0 22px}.qdg-family-title{font-weight:800;margin-bottom:12px;font-size:15px}.qdg-family-tabs{display:flex;gap:9px;overflow:auto;padding-bottom:8px;scrollbar-width:thin}.qdg-family-tabs button{border:1px solid #ded4dc;background:#fff;color:var(--qasa);border-radius:999px;padding:10px 16px;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}.qdg-family-tabs button small{background:#f0e9ef;padding:2px 7px;border-radius:99px;margin-right:5px}.qdg-family-tabs button.active{background:var(--qasa);color:#fff;border-color:var(--qasa)}.qdg-family-tabs button.active small{background:rgba(255,255,255,.16)}
.qdg-index{border-top:1px solid #e6dce2}.qdg-row{display:grid;grid-template-columns:68px minmax(0,1fr) 165px 92px 110px;gap:18px;align-items:center;min-height:112px;padding:14px 10px;border-bottom:1px solid #e8dfe4;background:#fff;cursor:pointer;transition:.2s;outline:none}.qdg-row:first-of-type{border-radius:20px 20px 0 0}.qdg-row:last-of-type{border-radius:0 0 20px 20px}.qdg-row:hover,.qdg-row:focus-visible{background:#faf6ee;transform:translateX(-3px)}.qdg-row.is-hidden{display:none}.qdg-row-number{font-size:25px;font-weight:800;color:var(--qasa);letter-spacing:1px;text-align:center}.qdg-row-thumb{width:82px;height:82px;border-radius:15px;overflow:hidden;background:var(--paper);display:grid;place-items:center;font-size:35px}.qdg-row-thumb img{width:100%;height:100%;object-fit:cover}.qdg-row-main{min-width:0}.qdg-row-main h2{margin:0 0 6px;color:var(--qasa);font-size:22px;line-height:1.3}.qdg-row-main p{margin:0;color:#756a70;font-size:14px;line-height:1.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qdg-row-family{justify-self:start;background:#f2ebef;color:var(--qasa);padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.qdg-row-action{color:var(--qasa);font-size:13px;font-weight:800;white-space:nowrap;text-align:left}.qdg-row-action span{font-size:18px;margin-right:5px}.qdg-empty{text-align:center;padding:60px 20px;background:var(--paper);border-radius:24px;color:var(--qasa);font-weight:700}
.qdg-modal{position:fixed;inset:0;z-index:999999;display:none}.qdg-modal.open{display:block}.qdg-backdrop{position:absolute;inset:0;background:rgba(31,23,30,.72);backdrop-filter:blur(4px)}.qdg-dialog{position:relative;width:min(760px,calc(100% - 28px));max-height:90vh;overflow:auto;margin:5vh auto;background:#fbf7ef;border-radius:26px;padding:30px;box-shadow:0 24px 80px rgba(0,0,0,.3)}.qdg-close{position:absolute;left:18px;top:15px;border:0;background:#ede4d4;color:var(--qasa);width:36px;height:36px;border-radius:50%;font-size:25px;cursor:pointer;z-index:4}.qdg-dialog-head>span{color:var(--qasa);font-weight:800;font-size:13px}.qdg-dialog-head h2{font-size:34px;color:var(--qasa);margin:3px 0 7px}.qdg-dialog-head p{margin:0 0 22px;color:var(--muted)}.qdg-form{display:grid;gap:16px}.qdg-field label{display:block;font-weight:800;margin-bottom:7px;color:var(--qasa)}.qdg-field label b{color:#a43636}.qdg-field input,.qdg-field textarea,.qdg-field select{width:100%;border:1px solid #d8cbd2;background:#fff;border-radius:13px;padding:13px 14px;font:inherit;color:var(--ink);outline:none}.qdg-field input:focus,.qdg-field textarea:focus,.qdg-field select:focus{border-color:var(--qasa);box-shadow:0 0 0 3px rgba(71,57,73,.08)}.qdg-field textarea{min-height:105px;resize:vertical}.qdg-field small{display:block;margin-top:5px;color:#81777c}.qdg-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.qdg-consent{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:#665d62}.qdg-consent input{margin-top:4px}.qdg-submit{border:0;background:var(--qasa);color:#fff;border-radius:14px;padding:15px 20px;font:inherit;font-size:16px;font-weight:800;cursor:pointer}.qdg-hp{display:none!important}.qdg-no-scroll{overflow:hidden!important}
.qdg-drink-dialog{width:min(900px,calc(100% - 28px));padding:0;overflow:auto;background:#fff}.qdg-detail{display:grid;grid-template-columns:minmax(280px,40%) 1fr;min-height:520px}.qdg-detail-visual{position:relative;background:var(--paper);min-height:100%}.qdg-detail-visual img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}.qdg-detail-placeholder{height:100%;display:grid;place-items:center;font-size:90px}.qdg-detail-number{position:absolute;right:18px;top:18px;background:var(--qasa);color:#fff;border-radius:12px;padding:8px 11px;font-weight:800;z-index:2}.qdg-detail-content{padding:44px 36px 34px}.qdg-detail-meta span{display:inline-block;background:#f1e9ee;color:var(--qasa);padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800}.qdg-detail-content>h2{font-size:38px;color:var(--qasa);line-height:1.2;margin:12px 0 26px}.qdg-detail-section{border-top:1px solid #ece4e8;padding-top:18px;margin-top:18px}.qdg-detail-section h3{font-size:15px;color:var(--qasa);margin:0 0 8px}.qdg-detail-section p{margin:0;color:#5f555b;line-height:1.9;font-size:15px}.qdg-detail-touch{background:var(--paper);border:0;border-radius:15px;padding:16px;margin-top:22px}.qdg-credit{display:inline-flex;align-items:center;gap:7px;margin-top:17px;padding:9px 13px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);border-radius:999px;font-size:13px}.qdg-credit span{color:var(--beige)}.qdg-credit strong{color:var(--beige);font-weight:800}
@media(max-width:900px){.qdg-hero{align-items:flex-start;flex-direction:column}.qdg-add-btn{align-self:stretch}.qdg-row{grid-template-columns:58px minmax(0,1fr) 120px 78px}.qdg-row-thumb{width:68px;height:68px}.qdg-row-action{display:none}.qdg-detail{grid-template-columns:1fr}.qdg-detail-visual{height:330px;min-height:330px}.qdg-detail-visual img{position:static;height:100%}}
@media(max-width:620px){.qdg{padding:18px 12px 55px}.qdg-hero{border-radius:22px;padding:28px 21px}.qdg-hero p{font-size:15px}.qdg-family-wrap{padding-top:26px}.qdg-dialog{padding:25px 18px;margin:3vh auto;max-height:94vh}.qdg-drink-dialog{padding:0}.qdg-two{grid-template-columns:1fr}.qdg-row{grid-template-columns:42px minmax(0,1fr) 60px;gap:11px;min-height:88px;padding:11px 6px}.qdg-row-number{font-size:18px}.qdg-row-thumb{width:58px;height:58px;border-radius:12px}.qdg-row-main h2{font-size:17px;margin-bottom:3px}.qdg-row-main p{font-size:12px}.qdg-row-family{grid-column:2;justify-self:start;padding:5px 8px;font-size:10px;max-width:100%;margin-top:-6px}.qdg-detail-visual{height:245px;min-height:245px}.qdg-detail-content{padding:28px 20px 24px}.qdg-detail-content>h2{font-size:30px;margin-bottom:20px}.qdg-detail-section p{font-size:14px}}
/* v1.4.0 — نافذة التفاصيل والمشروبات الشبيهة */
.qdg-drink-dialog .qdg-close{left:16px;top:16px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;font-size:29px;font-weight:400;background:rgba(255,255,255,.94);border:1px solid rgba(71,57,73,.14);box-shadow:0 5px 18px rgba(31,23,30,.13);color:var(--qasa);transition:transform .15s ease,background .15s ease;z-index:8}
.qdg-drink-dialog .qdg-close:hover{transform:scale(1.06);background:#fff}
.qdg-related-list{display:grid;gap:9px;margin-top:10px}.qdg-related-item{width:100%;display:grid;grid-template-columns:54px minmax(0,1fr) 24px;gap:11px;align-items:center;text-align:right;border:1px solid #eadfe5;background:#fff;border-radius:14px;padding:8px;cursor:pointer;font:inherit;color:var(--ink);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.qdg-related-item:hover{border-color:rgba(71,57,73,.38);transform:translateY(-1px);box-shadow:0 5px 16px rgba(71,57,73,.08)}.qdg-related-item img,.qdg-related-placeholder{width:54px;height:54px;border-radius:11px;object-fit:cover;display:grid;place-items:center;background:var(--paper);font-size:22px}.qdg-related-item span:not(.qdg-related-placeholder){display:flex;flex-direction:column;gap:2px;min-width:0}.qdg-related-item strong{font-size:14px;color:var(--qasa);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qdg-related-item small{font-size:11px;color:#887c83}.qdg-related-item>b{font-size:18px;color:var(--qasa)}.qdg-no-related{color:#8a7f84!important;font-size:13px!important}
@media(max-width:620px){.qdg-drink-dialog .qdg-close{left:12px;top:12px;width:40px;height:40px}.qdg-related-item{grid-template-columns:48px minmax(0,1fr) 20px}.qdg-related-item img,.qdg-related-placeholder{width:48px;height:48px}}

/* v1.5.0 — فهرس: رقم، اسم ووصف، تصنيف، صورة، تفاصيل */
.qdg-detail-description{margin:0 0 22px;color:#746970;font-size:15px;line-height:1.85}
.qdg-row-action{display:flex;align-items:center;justify-content:flex-end;gap:4px}
@media(max-width:620px){
  .qdg-row-thumb{grid-column:3;grid-row:1 / span 2}
  .qdg-row-main{grid-column:2}
  .qdg-row-number{grid-column:1;grid-row:1 / span 2}
  .qdg-row-family{grid-column:2}
}
.qdg-english-name{display:block;margin-top:-5px;margin-bottom:7px;direction:ltr;text-align:right;opacity:.62;font-size:13px}.qdg-detail-english{direction:ltr;text-align:right;margin:-7px 0 14px!important;font-size:15px;opacity:.65;font-weight:600}

/* v1.6.3 — واجهة أخف وصور أوضح */
.qdg{background:transparent}
.qdg-hero{background:rgba(247,241,229,.58);border:1px solid rgba(71,57,73,.12);box-shadow:0 12px 34px rgba(71,57,73,.06);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:22px;padding:24px 28px;color:var(--ink);align-items:center;min-height:auto}
.qdg-hero:after{display:none}.qdg-hero-copy{flex:1;text-align:center}.qdg-hero h1{color:var(--qasa);font-size:clamp(28px,3.4vw,42px);margin:0 0 9px;line-height:1.2;text-align:center}.qdg-hero p{color:#665c62;font-size:15px;line-height:1.8;max-width:760px;margin:0 auto;opacity:1}.qdg-stats{justify-content:center;margin-top:15px;color:var(--qasa)}.qdg-stats span{opacity:.72}.qdg-stats i{background:rgba(71,57,73,.18)}.qdg-add-btn{background:rgba(71,57,73,.96);color:#fff;padding:13px 20px;border-radius:13px;box-shadow:0 7px 18px rgba(71,57,73,.14)}
.qdg-family-tabs button{background:rgba(255,255,255,.64);backdrop-filter:blur(6px)}
.qdg-index{border-top-color:rgba(71,57,73,.12)}.qdg-row{grid-template-columns:68px minmax(0,1fr) 165px 118px 110px;min-height:126px;background:rgba(255,255,255,.66);border-bottom-color:rgba(71,57,73,.10);backdrop-filter:blur(7px)}.qdg-row:hover,.qdg-row:focus-visible{background:rgba(250,246,238,.9)}.qdg-row-thumb{width:108px;height:94px;border-radius:16px;background:rgba(247,241,229,.76);border:1px solid rgba(71,57,73,.08)}.qdg-row-thumb img{object-fit:cover;image-rendering:auto}
.qdg-dialog{background:rgba(247,241,229,.96)}.qdg-drink-dialog{width:min(980px,calc(100% - 28px));background:rgba(252,249,243,.97)}.qdg-detail{grid-template-columns:minmax(360px,44%) 1fr;min-height:560px}.qdg-detail-visual{background:rgba(247,241,229,.72)}.qdg-detail-visual img{object-fit:contain;padding:14px;background:rgba(247,241,229,.72)}
.qdg-feedback-dialog{width:min(480px,calc(100% - 28px));text-align:center;padding:36px 30px}.qdg-feedback-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:rgba(71,57,73,.10);color:var(--qasa);font-size:32px;font-weight:900}.qdg-feedback-dialog h2{color:var(--qasa);font-size:28px;margin:0 0 9px}.qdg-feedback-dialog p{color:#665c62;line-height:1.85;margin:0 0 22px}.qdg-feedback-dialog .qdg-submit{min-width:120px}
@media(max-width:900px){.qdg-hero{flex-direction:column;align-items:stretch}.qdg-add-btn{align-self:center;min-width:180px}.qdg-row{grid-template-columns:58px minmax(0,1fr) 120px 100px}.qdg-row-thumb{width:94px;height:84px}.qdg-detail{grid-template-columns:1fr}.qdg-detail-visual{height:410px;min-height:410px}.qdg-detail-visual img{position:static;height:100%;padding:10px}}
@media(max-width:620px){.qdg-hero{padding:22px 17px}.qdg-hero h1{font-size:29px}.qdg-hero p{font-size:14px}.qdg-row{grid-template-columns:42px minmax(0,1fr) 78px;min-height:108px}.qdg-row-thumb{width:76px;height:76px}.qdg-detail-visual{height:300px;min-height:300px}.qdg-detail-visual img{object-fit:contain;padding:8px}}


/* v1.6.5 — unified drink image sizing */
.qdg-row-thumb{
  width:108px;
  height:94px;
  padding:7px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:rgba(247,241,229,.76);
}
.qdg-row-thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  display:block;
}

/* Keep one fixed visual canvas for every drink, independent of source image dimensions. */
.qdg-detail-visual{
  position:relative;
  min-height:560px;
  height:100%;
  overflow:hidden;
  background:rgba(247,241,229,.72);
}
.qdg-detail-visual img{
  position:absolute;
  inset:24px;
  width:calc(100% - 48px);
  height:calc(100% - 48px);
  padding:0;
  margin:0;
  object-fit:contain;
  object-position:center;
  display:block;
  background:transparent;
}
.qdg-detail-placeholder{
  position:absolute;
  inset:24px;
  width:auto;
  height:auto;
}

@media(max-width:900px){
  .qdg-row-thumb{width:94px;height:84px;padding:6px}
  .qdg-detail-visual{height:410px;min-height:410px}
  .qdg-detail-visual img{position:absolute;inset:18px;width:calc(100% - 36px);height:calc(100% - 36px);padding:0}
  .qdg-detail-placeholder{inset:18px}
}
@media(max-width:620px){
  .qdg-row-thumb{width:76px;height:76px;padding:5px}
  .qdg-detail-visual{height:300px;min-height:300px}
  .qdg-detail-visual img{position:absolute;inset:14px;width:calc(100% - 28px);height:calc(100% - 28px);padding:0}
  .qdg-detail-placeholder{inset:14px}
}

/* v1.6.6 — compact family filters, always fully visible */
.qdg-family-wrap{
  padding:22px 0 18px;
}
.qdg-family-title{
  margin-bottom:10px;
  font-size:14px;
}
.qdg-family-tabs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  overflow:visible;
  padding:0;
  scrollbar-width:none;
}
.qdg-family-tabs::-webkit-scrollbar{display:none}
.qdg-family-tabs button{
  flex:0 0 auto;
  padding:7px 11px;
  border-radius:999px;
  font-size:12px;
  line-height:1.35;
  white-space:normal;
  text-align:center;
}
.qdg-family-tabs button small{
  display:inline-block;
  padding:1px 6px;
  margin-right:4px;
  font-size:10px;
}
@media(max-width:620px){
  .qdg-family-wrap{padding:18px 0 14px}
  .qdg-family-tabs{gap:6px}
  .qdg-family-tabs button{padding:6px 9px;font-size:11px;max-width:100%}
  .qdg-family-tabs button small{font-size:9px;padding:1px 5px}
}

/* v1.7.0 — navigation, contributor credit, and edit requests */
.qdg-added-by{margin-top:18px;padding:10px 13px;border-radius:12px;background:rgba(71,57,73,.06);color:#6d6268;font-size:13px}.qdg-added-by strong{color:var(--qasa)}
.qdg-request-edit-btn{width:100%;margin-top:12px;border:1px solid rgba(71,57,73,.22);background:transparent;color:var(--qasa);border-radius:13px;padding:11px 14px;font:inherit;font-weight:800;cursor:pointer}.qdg-request-edit-btn:hover{background:rgba(71,57,73,.06)}
.qdg-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:46px;height:58px;border:1px solid rgba(71,57,73,.15);background:rgba(255,255,255,.92);color:var(--qasa);border-radius:14px;font-size:35px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 7px 22px rgba(31,23,30,.12)}
.qdg-nav-prev{right:12px}.qdg-nav-next{left:12px}.qdg-nav:disabled{opacity:.25;cursor:default}.qdg-nav:not(:disabled):hover{background:#fff;transform:translateY(-50%) scale(1.04)}
.qdg-edit-modal .qdg-dialog{width:min(760px,calc(100% - 28px))}
@media(max-width:620px){.qdg-nav{width:38px;height:50px;font-size:30px;border-radius:11px}.qdg-nav-prev{right:7px}.qdg-nav-next{left:7px}}

/* v1.8.0 — form close button, mobile detail action, contributor credits, initiative credit */
.qdg-add-modal .qdg-close,.qdg-edit-modal .qdg-close,.qdg-volunteer-modal .qdg-close{
  left:16px;top:16px;width:42px;height:42px;padding:0;display:flex;align-items:center;justify-content:center;
  line-height:1;font-size:29px;border-radius:50%;background:rgba(255,255,255,.94);border:1px solid rgba(71,57,73,.14);
  box-shadow:0 5px 18px rgba(31,23,30,.13);color:var(--qasa);z-index:12;
}
.qdg-credit{border:0;background:transparent;border-radius:0;padding:0;margin:16px auto 0;display:flex;justify-content:center;flex-wrap:wrap;font-size:17px;gap:8px;color:var(--qasa)}
.qdg-credit>span:first-child{font-size:20px;color:var(--qasa)}
.qdg-credit-text{color:var(--qasa)!important;font-weight:650}
.qdg-credit-name{border:0;background:transparent;padding:0;color:var(--qasa);font:inherit;font-size:19px;font-weight:900;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.qdg-credit-name:hover{opacity:.78}
.qdg-contributors{margin-top:18px;padding:14px;border-radius:14px;background:rgba(71,57,73,.055)}
.qdg-contributors h3{margin:0 0 9px!important;font-size:14px!important;color:var(--qasa)}
.qdg-contributors span{display:inline-flex;gap:5px;align-items:center;margin:0 0 6px 8px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.72);font-size:12px;color:#655b61}
.qdg-contributors b{color:var(--qasa)}
.qdg-volunteer-dialog{width:min(620px,calc(100% - 28px));padding:34px;text-align:center}
.qdg-volunteer-profile img{width:118px;height:118px;border-radius:50%;object-fit:cover;margin:0 auto 14px;display:block}
.qdg-volunteer-profile h3{font-size:28px;color:var(--qasa);margin:0 0 6px}.qdg-vol-role{color:#766b71;font-weight:700}.qdg-vol-body{line-height:1.9;color:#5f555b;text-align:right}
@media(max-width:620px){
  .qdg-row{grid-template-columns:42px minmax(0,1fr) 78px;grid-template-rows:auto auto auto;align-items:center}
  .qdg-row-thumb{grid-column:3;grid-row:1 / span 2}
  .qdg-row-action{display:flex!important;grid-column:3;grid-row:3;justify-content:center;text-align:center;font-size:11px;margin-top:3px}
  .qdg-row-family{grid-column:2;grid-row:2}.qdg-row-main{grid-column:2;grid-row:1}.qdg-row-number{grid-column:1;grid-row:1 / span 3}
  .qdg-add-modal .qdg-close,.qdg-edit-modal .qdg-close,.qdg-volunteer-modal .qdg-close{left:10px;top:10px;width:39px;height:39px}
  .qdg-credit{font-size:15px}.qdg-credit-name{font-size:17px}
}


/* v1.8.1 — awareness section for alcoholic ingredients + fixed detail image placement */
.qdg-detail{
  grid-template-columns:minmax(0,1fr) minmax(330px,44%);
  grid-template-areas:"content visual";
  direction:ltr;
}
.qdg-detail-content{grid-area:content;direction:rtl;text-align:right;min-width:0}
.qdg-detail-visual{grid-area:visual;direction:rtl;min-width:0}
.qdg-alcohol-detail-note{
  display:flex;gap:10px;align-items:flex-start;margin:0 0 20px;padding:13px 14px;
  border:1px solid #d7ad54;background:#fff8e7;border-radius:14px;color:#684f1e;line-height:1.7;font-size:13px
}
.qdg-alcohol-detail-note strong{flex:0 0 auto;color:#7b5612}
.qdg-awareness{
  margin:34px 0 8px;padding:18px;border:1px solid rgba(141,102,28,.28);
  background:rgba(255,248,231,.72);border-radius:20px
}
.qdg-awareness-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:13px}
.qdg-awareness-icon{
  flex:0 0 34px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  background:#8b651c;color:#fff;font-weight:900;font-size:18px
}
.qdg-awareness-head h2{margin:0 0 5px;color:#684f1e;font-size:20px}
.qdg-awareness-head p{margin:0;color:#75633f;line-height:1.8;font-size:13px;max-width:820px}
.qdg-awareness-list{display:grid;gap:8px}
.qdg-awareness-row{
  display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center;
  background:rgba(255,255,255,.66);border:1px solid rgba(141,102,28,.17);border-radius:14px;padding:10px 12px;cursor:pointer
}
.qdg-awareness-row:hover{background:rgba(255,255,255,.9)}
.qdg-awareness-thumb{width:64px;height:58px;border-radius:10px;background:#f6edd8;display:grid;place-items:center;overflow:hidden}
.qdg-awareness-thumb img{width:100%;height:100%;object-fit:contain}
.qdg-awareness-copy h3{margin:3px 0 2px;color:var(--qasa);font-size:16px}.qdg-awareness-copy small{opacity:.62}
.qdg-awareness-copy p{margin:5px 0 0;color:#746a5b;font-size:12px;line-height:1.55}
.qdg-awareness-badge{display:inline-block;font-size:10px;font-weight:800;color:#775515;background:#f5e4b9;border-radius:999px;padding:3px 7px}
.qdg-awareness-action{font-size:12px;font-weight:800;color:#775515;white-space:nowrap}

@media(max-width:700px){
  .qdg-detail{
    grid-template-columns:1fr;
    grid-template-areas:"visual" "content";
  }
  .qdg-detail-visual{height:300px;min-height:300px}
  .qdg-awareness-row{grid-template-columns:56px minmax(0,1fr)}
  .qdg-awareness-thumb{width:56px;height:52px}
  .qdg-awareness-action{grid-column:2}
}


/* v1.8.2 — awareness as a real family, names-only; modal image aligned to top */
.qdg-awareness-names{display:flex;flex-wrap:wrap;gap:8px}
.qdg-awareness-name{display:inline-flex;align-items:baseline;gap:8px;padding:8px 11px;border:1px solid rgba(141,102,28,.17);background:rgba(255,255,255,.62);border-radius:999px;color:#684f1e}
.qdg-awareness-name strong{font-size:13px}.qdg-awareness-name small{font-size:11px;opacity:.65}
.qdg-detail-visual{display:flex;align-items:flex-start;justify-content:center;padding:22px 18px 18px;overflow:hidden}
.qdg-detail-visual img{position:static !important;inset:auto !important;width:100% !important;height:auto !important;max-height:460px;object-fit:contain;padding:0 !important;margin:0;display:block}
.qdg-detail-placeholder{width:100%;min-height:280px}
@media(max-width:900px){.qdg-detail-visual{padding:18px 14px 12px}.qdg-detail-visual img{max-height:370px}}
@media(max-width:620px){.qdg-detail-visual{padding:14px 10px 10px}.qdg-detail-visual img{max-height:280px}}

/* v1.8.7 — awareness tooltip fixed */
.qdg-awareness-tab{border-style:dashed !important}
.qdg-awareness{scroll-margin-top:24px}
.qdg-awareness.is-hidden{display:none !important}
.qdg-awareness-name{position:relative;cursor:help;outline:none;overflow:visible}
.qdg-awareness-name::after{
  content:attr(data-tooltip);
  position:absolute;
  right:50%;
  bottom:calc(100% + 10px);
  transform:translateX(50%) translateY(4px);
  width:max-content;
  max-width:min(340px,80vw);
  padding:10px 12px;
  border-radius:10px;
  background:#473949;
  color:#fff;
  font-size:12px;
  line-height:1.7;
  font-weight:500;
  text-align:right;
  white-space:normal;
  box-shadow:0 8px 24px rgba(35,27,36,.18);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .15s ease,transform .15s ease,visibility .15s ease;
  z-index:9999;
}
.qdg-awareness-name::before{
  content:'';
  position:absolute;
  right:50%;
  bottom:100%;
  transform:translateX(50%);
  border:6px solid transparent;
  border-top-color:#473949;
  opacity:0;
  visibility:hidden;
  transition:opacity .15s ease,visibility .15s ease;
  z-index:10000;
}
.qdg-awareness-name:hover::after,
.qdg-awareness-name:focus::after,
.qdg-awareness-name:focus-visible::after{
  opacity:1;
  visibility:visible;
  transform:translateX(50%) translateY(0);
}
.qdg-awareness-name:hover::before,
.qdg-awareness-name:focus::before,
.qdg-awareness-name:focus-visible::before{
  opacity:1;
  visibility:visible;
}
@media(max-width:620px){
  .qdg-awareness-name::after{right:0;transform:translateX(0) translateY(4px);max-width:78vw}
  .qdg-awareness-name:hover::after,
  .qdg-awareness-name:focus::after,
  .qdg-awareness-name:focus-visible::after{transform:translateX(0) translateY(0)}
}


/* v1.9.1 — precise close button in submission success modal */
.qdg-feedback-dialog{position:relative}
.qdg-feedback-modal .qdg-close{
  left:16px;top:16px;width:42px;height:42px;padding:0;margin:0;
  display:grid;place-items:center;border-radius:50%;
  background:rgba(255,255,255,.96);border:1px solid rgba(71,57,73,.14);
  box-shadow:0 5px 18px rgba(31,23,30,.13);color:var(--qasa);
  z-index:15;line-height:1;font-size:0;overflow:hidden;
}
.qdg-feedback-modal .qdg-close::before{
  content:"×";display:block;font-family:Arial,sans-serif;font-size:28px;font-weight:400;
  line-height:1;transform:translateY(-1px);
}
.qdg-feedback-modal .qdg-close:hover{background:#fff}
.qdg-feedback-modal .qdg-close:focus-visible{outline:2px solid var(--qasa);outline-offset:2px}
@media(max-width:620px){
  .qdg-feedback-modal .qdg-close{left:11px;top:11px;width:40px;height:40px}
  .qdg-feedback-modal .qdg-close::before{font-size:27px}
}


/* v1.9.3 — mobile drink navigation: keep arrows away from drink titles */
@media (max-width:620px){
  .qdg-drink-dialog{
    padding-top:62px !important;
  }
  .qdg-drink-dialog .qdg-nav{
    top:12px !important;
    transform:none !important;
    width:42px !important;
    height:42px !important;
    border-radius:12px !important;
    font-size:28px !important;
    z-index:24 !important;
    box-shadow:none !important;
    background:rgba(255,255,255,.88) !important;
  }
  .qdg-drink-dialog .qdg-nav-prev{right:14px !important;left:auto !important}
  .qdg-drink-dialog .qdg-nav-next{left:64px !important;right:auto !important}
  .qdg-drink-dialog .qdg-nav:not(:disabled):hover{
    transform:none !important;
  }
  .qdg-drink-dialog > .qdg-close{
    top:12px !important;
    left:14px !important;
    z-index:25 !important;
  }
  .qdg-drink-modal-content{
    position:relative;
  }
}


/* v1.9.4 — embedded volunteer profile uses the same roomy split layout as QASA Volunteers */
.qdg-volunteer-modal{
  overflow-y:auto !important;
  padding:22px !important;
}
.qdg-volunteer-modal .qdg-backdrop{position:fixed !important}
.qdg-volunteer-dialog{
  width:min(920px,calc(100% - 24px)) !important;
  max-height:none !important;
  overflow:visible !important;
  margin:4vh auto !important;
  padding:0 !important;
  text-align:right !important;
  background:#f7f2e8 !important;
  border-radius:24px !important;
}
.qdg-volunteer-dialog > .qdg-close{
  top:14px !important;
  left:14px !important;
  width:38px !important;
  height:38px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(255,255,255,.52) !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.13) !important;
  color:#fff !important;
  font-size:25px !important;
  line-height:1 !important;
  box-shadow:none !important;
  z-index:60 !important;
}

/* Markup supplied by qasa-volunteers-display v1.4+ */
.qdg-volunteer-dialog .qasa-volunteer-profile{
  display:grid !important;
  grid-template-columns:minmax(300px,42%) minmax(0,58%) !important;
  grid-template-areas:"identity about" !important;
  min-height:430px !important;
  direction:rtl !important;
  text-align:right !important;
  overflow:hidden !important;
  border-radius:24px !important;
}
.qdg-volunteer-dialog .qasa-volunteer-profile-identity{
  grid-area:identity !important;
  background:#f7f2e8 !important;
  color:#322a33 !important;
  padding:42px 34px 34px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  min-width:0 !important;
}
.qdg-volunteer-dialog .qasa-volunteer-profile-photo{
  width:112px !important;
  height:112px !important;
  margin:0 0 20px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  border:1px solid rgba(71,57,73,.16) !important;
  background:rgba(71,57,73,.06) !important;
}
.qdg-volunteer-dialog .qasa-volunteer-profile-photo img{
  width:100% !important;height:100% !important;object-fit:cover !important;display:block !important
}
.qdg-volunteer-dialog .qasa-volunteer-profile-identity-copy{min-width:0 !important;width:100% !important}
.qdg-volunteer-dialog .qasa-volunteer-profile h3{
  font-size:26px !important;line-height:1.3 !important;margin:0 0 7px !important;color:#473949 !important;font-weight:750 !important
}
.qdg-volunteer-dialog .qasa-volunteer-profile-tagline{
  font-size:14px !important;line-height:1.65 !important;color:#625866 !important;margin:0 0 18px !important
}
.qdg-volunteer-dialog .qasa-volunteer-profile-role{display:block !important;margin-top:4px !important}
.qdg-volunteer-dialog .qasa-volunteer-profile-role span{
  display:block !important;font-size:11px !important;color:#887c89 !important;margin-bottom:6px !important
}
.qdg-volunteer-dialog .qasa-volunteer-profile-role strong{
  display:inline-block !important;font-size:13px !important;line-height:1.55 !important;color:#473949 !important;
  background:rgba(71,57,73,.07) !important;border:1px solid rgba(71,57,73,.12) !important;
  padding:7px 10px !important;border-radius:10px !important
}
.qdg-volunteer-dialog .qasa-volunteer-profile-about{
  grid-area:about !important;
  background:#473949 !important;
  color:#fff !important;
  padding:54px 48px 44px !important;
  display:flex !important;
  align-items:center !important;
  min-width:0 !important;
}
.qdg-volunteer-dialog .qasa-volunteer-profile-bio{
  font-size:14px !important;
  line-height:1.9 !important;
  color:rgba(255,255,255,.9) !important;
  width:100% !important;
  max-height:none !important;
  overflow:visible !important;
}
.qdg-volunteer-dialog .qasa-volunteer-profile-bio h4{
  margin:0 0 16px !important;color:#e3d5b3 !important;font-size:15px !important;font-weight:700 !important
}
.qdg-volunteer-dialog .qasa-volunteer-profile-bio p{margin:0 0 12px !important;color:inherit !important}
.qdg-volunteer-dialog .qasa-volunteer-profile-bio p:last-child{margin-bottom:0 !important}
.qdg-volunteer-dialog .qasa-volunteer-profile-bio-empty{color:rgba(255,255,255,.65) !important}

/* Fallback profile if the volunteers plugin is temporarily unavailable. */
.qdg-volunteer-dialog .qdg-volunteer-profile{
  display:grid !important;
  grid-template-columns:minmax(300px,42%) minmax(0,58%) !important;
  min-height:430px !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:#f7f2e8 !important;
}
.qdg-volunteer-dialog .qdg-volunteer-profile > img{
  width:112px !important;height:112px !important;border-radius:18px !important;object-fit:cover !important;
  margin:42px 34px 18px auto !important;grid-column:1;grid-row:1
}
.qdg-volunteer-dialog .qdg-volunteer-profile > h3,
.qdg-volunteer-dialog .qdg-volunteer-profile > .qdg-vol-role{
  grid-column:1;padding:0 34px;color:#473949 !important
}
.qdg-volunteer-dialog .qdg-volunteer-profile > h3{font-size:26px !important;margin:0 0 7px !important}
.qdg-volunteer-dialog .qdg-volunteer-profile > .qdg-vol-role{font-size:13px !important;margin:0 0 34px !important}
.qdg-volunteer-dialog .qdg-volunteer-profile > .qdg-vol-body,
.qdg-volunteer-dialog .qdg-volunteer-profile > p:last-child{
  grid-column:2;grid-row:1 / span 4;margin:0 !important;padding:54px 48px 44px !important;
  background:#473949 !important;color:#fff !important;font-size:14px !important;line-height:1.9 !important;
  display:flex;align-items:center
}

@media(max-width:700px){
  .qdg-volunteer-modal{padding:12px !important}
  .qdg-volunteer-dialog{
    width:100% !important;
    margin:18px auto !important;
    border-radius:19px !important;
  }
  .qdg-volunteer-dialog > .qdg-close{
    top:10px !important;left:10px !important;width:34px !important;height:34px !important;font-size:22px !important
  }
  .qdg-volunteer-dialog .qasa-volunteer-profile{
    grid-template-columns:1fr !important;
    grid-template-areas:"identity" "about" !important;
    min-height:0 !important;
    border-radius:19px !important;
  }
  .qdg-volunteer-dialog .qasa-volunteer-profile-identity{
    padding:26px 20px 22px !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:78px minmax(0,1fr) !important;
    gap:16px !important;
    align-items:center !important;
  }
  .qdg-volunteer-dialog .qasa-volunteer-profile-photo{
    width:78px !important;height:78px !important;margin:0 !important;border-radius:14px !important
  }
  .qdg-volunteer-dialog .qasa-volunteer-profile h3{font-size:21px !important}
  .qdg-volunteer-dialog .qasa-volunteer-profile-tagline{font-size:12px !important;margin-bottom:10px !important}
  .qdg-volunteer-dialog .qasa-volunteer-profile-role span{font-size:10px !important;margin-bottom:4px !important}
  .qdg-volunteer-dialog .qasa-volunteer-profile-role strong{font-size:11px !important;padding:5px 8px !important}
  .qdg-volunteer-dialog .qasa-volunteer-profile-about{padding:25px 20px 26px !important;min-height:0 !important}
  .qdg-volunteer-dialog .qasa-volunteer-profile-bio{font-size:13px !important;line-height:1.8 !important}
  .qdg-volunteer-dialog .qasa-volunteer-profile-bio h4{font-size:14px !important;margin-bottom:10px !important}

  .qdg-volunteer-dialog .qdg-volunteer-profile{
    grid-template-columns:1fr !important;
    min-height:0 !important;
    border-radius:19px !important;
  }
  .qdg-volunteer-dialog .qdg-volunteer-profile > img,
  .qdg-volunteer-dialog .qdg-volunteer-profile > h3,
  .qdg-volunteer-dialog .qdg-volunteer-profile > .qdg-vol-role,
  .qdg-volunteer-dialog .qdg-volunteer-profile > .qdg-vol-body,
  .qdg-volunteer-dialog .qdg-volunteer-profile > p:last-child{
    grid-column:1 !important;grid-row:auto !important
  }
  .qdg-volunteer-dialog .qdg-volunteer-profile > img{margin:26px 20px 14px auto !important}
  .qdg-volunteer-dialog .qdg-volunteer-profile > h3,
  .qdg-volunteer-dialog .qdg-volunteer-profile > .qdg-vol-role{padding:0 20px !important}
  .qdg-volunteer-dialog .qdg-volunteer-profile > .qdg-vol-role{margin-bottom:20px !important}
  .qdg-volunteer-dialog .qdg-volunteer-profile > .qdg-vol-body,
  .qdg-volunteer-dialog .qdg-volunteer-profile > p:last-child{padding:25px 20px 26px !important}
}


/* v1.9.5 — simplified guide header */
.qdg-hero-copy > p{display:none!important}
.qdg-stats{display:none!important}
.qdg-edition{
  margin:5px 0 0;
  color:rgba(71,57,73,.72);
  font-size:14px;
  font-weight:700;
  line-height:1.5;
}
.qdg-hero-copy h1{margin-bottom:0!important}
.qdg-credit{margin-top:14px!important}
@media(max-width:620px){
  .qdg-edition{font-size:12px;margin-top:4px}
}

/* v1.9.6 — remove the container surrounding the guide heading area */
.qdg-hero{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}

/* v1.9.7 — breathing room between guide title and edition */
.qdg-edition{margin-top:12px!important}
@media(max-width:620px){.qdg-edition{margin-top:9px!important}}


/* v1.9.8 — volunteer modal mirrors QASA Volunteers Display v1.5.0 exactly */
.qdg-volunteer-modal{
  position:fixed!important;inset:0!important;z-index:999999!important;
  display:none!important;align-items:center!important;justify-content:center!important;
  padding:22px!important;direction:rtl!important;overflow-y:auto!important;
}
.qdg-volunteer-modal.open{display:flex!important}
.qdg-volunteer-modal .qdg-backdrop{
  position:fixed!important;inset:0!important;
  background:rgba(28,21,29,.64)!important;backdrop-filter:blur(5px)!important;
}
.qdg-volunteer-dialog{
  position:relative!important;
  width:min(920px,calc(100% - 12px))!important;
  max-height:none!important;overflow:visible!important;
  margin:auto!important;padding:0!important;
  background:#f7f2e8!important;
  border:1px solid rgba(71,57,73,.15)!important;
  border-radius:24px!important;
  box-shadow:0 28px 80px rgba(24,17,25,.3)!important;
  text-align:right!important;
}
.qdg-volunteer-dialog > .qdg-close{
  position:absolute!important;top:14px!important;left:14px!important;z-index:50!important;
  width:38px!important;height:38px!important;padding:0!important;
  border:1px solid rgba(255,255,255,.52)!important;border-radius:50%!important;
  background:rgba(255,255,255,.13)!important;color:#fff!important;
  font-size:25px!important;line-height:1!important;cursor:pointer!important;
  display:grid!important;place-items:center!important;font-family:Arial,sans-serif!important;
  box-shadow:none!important;
}

/* Same two-column structure, dimensions, spacing and colors as QASA Volunteers v1.5.0 */
.qdg-volunteer-dialog .qasa-volunteer-profile{
  display:grid!important;
  grid-template-columns:minmax(300px,42%) minmax(0,58%)!important;
  grid-template-areas:"identity about"!important;
  min-height:430px!important;
  direction:rtl!important;text-align:right!important;
  overflow:hidden!important;border-radius:24px!important;
}
.qdg-volunteer-dialog .qasa-volunteer-profile-identity{
  grid-area:identity!important;
  background:#473949!important;color:#fff!important;
  padding:42px 34px 34px!important;
  display:flex!important;flex-direction:column!important;
  align-items:flex-start!important;justify-content:center!important;
  min-width:0!important;
}
.qdg-volunteer-dialog .qasa-volunteer-profile-photo{
  width:112px!important;height:112px!important;margin:0 0 20px!important;
  border-radius:18px!important;overflow:hidden!important;
  border:1px solid rgba(255,255,255,.26)!important;
  background:rgba(255,255,255,.08)!important;
}
.qdg-volunteer-dialog .qasa-volunteer-profile-photo img{
  width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;
}
.qdg-volunteer-dialog .qasa-volunteer-profile-identity-copy{min-width:0!important;width:100%!important}
.qdg-volunteer-dialog .qasa-volunteer-profile h3{
  font-size:26px!important;line-height:1.3!important;margin:0 0 7px!important;
  color:#fff!important;font-weight:750!important;
}
.qdg-volunteer-dialog .qasa-volunteer-profile-tagline{
  font-size:14px!important;line-height:1.65!important;
  color:rgba(255,255,255,.82)!important;margin:0 0 18px!important;
}
.qdg-volunteer-dialog .qasa-volunteer-profile-role{display:block!important;margin-top:4px!important}
.qdg-volunteer-dialog .qasa-volunteer-profile-role span{
  display:block!important;font-size:11px!important;color:#e3d5b3!important;margin-bottom:6px!important;
}
.qdg-volunteer-dialog .qasa-volunteer-profile-role strong{
  display:inline-block!important;font-size:13px!important;line-height:1.55!important;
  color:#fff!important;background:rgba(255,255,255,.1)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  padding:7px 10px!important;border-radius:10px!important;
}
.qdg-volunteer-dialog .qasa-volunteer-profile-about{
  grid-area:about!important;
  background:#f7f2e8!important;color:#39313b!important;
  padding:54px 48px 44px!important;
  display:flex!important;align-items:center!important;min-width:0!important;
}
.qdg-volunteer-dialog .qasa-volunteer-profile-bio{
  font-size:14px!important;line-height:1.9!important;color:#39313b!important;
  width:100%!important;max-height:none!important;overflow:visible!important;
}
.qdg-volunteer-dialog .qasa-volunteer-profile-bio h4{
  margin:0 0 16px!important;color:#473949!important;font-size:15px!important;font-weight:700!important;
}
.qdg-volunteer-dialog .qasa-volunteer-profile-bio p{margin:0 0 12px!important;color:inherit!important}
.qdg-volunteer-dialog .qasa-volunteer-profile-bio p:last-child{margin-bottom:0!important}
.qdg-volunteer-dialog .qasa-volunteer-profile-bio-empty{color:#7a707c!important}

/* Exactly the same mobile transformation as QASA Volunteers v1.5.0 */
@media(max-width:700px){
  .qdg-volunteer-modal{
    padding:12px!important;align-items:flex-start!important;
  }
  .qdg-volunteer-dialog{
    width:100%!important;max-width:520px!important;
    margin:14px auto!important;border-radius:20px!important;
    overflow:hidden!important;
  }
  .qdg-volunteer-dialog .qasa-volunteer-profile{
    display:flex!important;flex-direction:column!important;
    min-height:0!important;border-radius:20px!important;overflow:hidden!important;
  }
  .qdg-volunteer-dialog .qasa-volunteer-profile-identity{
    width:100%!important;padding:26px 22px 24px!important;
    display:block!important;text-align:center!important;background:#473949!important;
  }
  .qdg-volunteer-dialog .qasa-volunteer-profile-photo{
    width:92px!important;height:92px!important;margin:0 auto 14px!important;border-radius:16px!important;
  }
  .qdg-volunteer-dialog .qasa-volunteer-profile-identity-copy{
    width:100%!important;min-width:0!important;
  }
  .qdg-volunteer-dialog .qasa-volunteer-profile h3{
    font-size:22px!important;line-height:1.35!important;margin:0 0 7px!important;
    text-align:center!important;color:#fff!important;
  }
  .qdg-volunteer-dialog .qasa-volunteer-profile-tagline{
    font-size:12.5px!important;line-height:1.65!important;margin:0 auto 13px!important;
    max-width:330px!important;text-align:center!important;color:rgba(255,255,255,.82)!important;
  }
  .qdg-volunteer-dialog .qasa-volunteer-profile-role{
    display:flex!important;flex-direction:column!important;align-items:center!important;
    gap:5px!important;margin-top:0!important;
  }
  .qdg-volunteer-dialog .qasa-volunteer-profile-role span{
    font-size:10.5px!important;margin:0!important;color:#e3d5b3!important;
  }
  .qdg-volunteer-dialog .qasa-volunteer-profile-role strong{
    font-size:11.5px!important;line-height:1.5!important;padding:5px 9px!important;
    max-width:100%!important;text-align:center!important;color:#fff!important;
  }
  .qdg-volunteer-dialog .qasa-volunteer-profile-about{
    width:100%!important;padding:23px 22px 26px!important;
    display:block!important;background:#f7f2e8!important;color:#39313b!important;
  }
  .qdg-volunteer-dialog .qasa-volunteer-profile-bio{
    width:100%!important;font-size:13px!important;line-height:1.85!important;
    text-align:right!important;color:#39313b!important;
  }
  .qdg-volunteer-dialog .qasa-volunteer-profile-bio h4{
    font-size:14px!important;margin:0 0 10px!important;color:#473949!important;
  }
  .qdg-volunteer-dialog .qasa-volunteer-profile-bio p{margin:0 0 10px!important}
  .qdg-volunteer-dialog > .qdg-close{
    top:10px!important;left:10px!important;width:34px!important;height:34px!important;
    font-size:22px!important;color:#fff!important;
    background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.38)!important;
    box-shadow:none!important;
  }
}
@media(max-width:430px){
  .qdg-volunteer-dialog .qasa-volunteer-profile-identity{padding:24px 18px 22px!important}
  .qdg-volunteer-dialog .qasa-volunteer-profile-about{padding:21px 18px 24px!important}
  .qdg-volunteer-dialog .qasa-volunteer-profile-photo{width:82px!important;height:82px!important}
  .qdg-volunteer-dialog .qasa-volunteer-profile h3{font-size:20px!important}
  .qdg-volunteer-dialog .qasa-volunteer-profile-tagline{font-size:12px!important}
  .qdg-volunteer-dialog .qasa-volunteer-profile-bio{font-size:12.5px!important;line-height:1.8!important}
}


/* v1.9.9 — smoother, fully reachable drink modal scrolling on mobile */
@media(max-width:700px){
  .qdg-drink-modal{
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
    touch-action:pan-y !important;
    padding:10px 0 28px !important;
  }

  .qdg-drink-dialog{
    width:calc(100% - 20px) !important;
    max-height:none !important;
    min-height:0 !important;
    overflow:visible !important;
    margin:10px auto 28px !important;
    padding-bottom:0 !important;
  }

  .qdg-drink-modal-content{
    overflow:visible !important;
    max-height:none !important;
    min-height:0 !important;
    padding-bottom:42px !important;
  }

  .qdg-detail{
    overflow:visible !important;
    max-height:none !important;
    padding-bottom:22px !important;
  }

  .qdg-related,
  .qdg-related-list,
  .qdg-related-grid{
    overflow:visible !important;
    max-height:none !important;
  }

  .qdg-related{
    padding-bottom:46px !important;
    margin-bottom:0 !important;
  }

  /* Give the final related item a comfortable touch-safe landing area. */
  .qdg-related > *:last-child,
  .qdg-related-list > *:last-child,
  .qdg-related-grid > *:last-child{
    margin-bottom:18px !important;
  }
}

/* Prevent the page behind the modal from stealing the swipe gesture. */
body.qdg-modal-open{
  overscroll-behavior:none !important;
}


/* v1.9.11 — mobile add/edit forms: reliable full-height touch scrolling */
@media(max-width:700px){
  .qdg-add-modal,
  .qdg-edit-modal{
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    touch-action:pan-y!important;
    padding:10px 0 54px!important;
  }
  .qdg-add-modal .qdg-backdrop,
  .qdg-edit-modal .qdg-backdrop{
    position:fixed!important;
  }
  .qdg-add-modal .qdg-dialog,
  .qdg-edit-modal .qdg-dialog{
    width:calc(100% - 20px)!important;
    max-height:none!important;
    min-height:0!important;
    overflow:visible!important;
    margin:10px auto 42px!important;
    padding-bottom:38px!important;
  }
  .qdg-add-modal .qdg-form,
  .qdg-edit-modal .qdg-form{
    overflow:visible!important;
    max-height:none!important;
    padding-bottom:28px!important;
  }
  .qdg-add-modal .qdg-submit,
  .qdg-edit-modal .qdg-submit{
    margin-bottom:18px!important;
  }
}