/* Rainzon — professional Customer care sheet, matched to the Preferences sheet */
.support-panel.sp-sheet{
  position:absolute!important;top:calc(100% + 12px)!important;right:0!important;bottom:auto!important;
  width:min(380px,calc(100vw - 24px))!important;max-height:calc(100vh - 120px);overflow:auto;
  padding:0!important;border:1px solid #E7E2D5!important;border-radius:22px!important;background:#fff!important;
  box-shadow:0 44px 84px -46px rgba(10,36,29,.62),0 2px 8px rgba(10,36,29,.05)!important;
  opacity:0;visibility:hidden;transform:translateY(-8px) scale(.99);transform-origin:top right;
  transition:opacity .18s ease,transform .18s ease,visibility .18s!important;z-index:360!important;
}
.support-panel.sp-sheet.is-open{opacity:1!important;visibility:visible!important;transform:none!important}
.sp-sheet-head{
  position:relative;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;
  padding:21px 22px!important;background:#F7F5EE!important;border:0!important;border-bottom:1px solid #EEE9DD!important;
  border-radius:22px 22px 0 0!important;
}
.sp-sheet-kicker{
  display:block;font-family:var(--font-body,Manrope,sans-serif);font-size:10px;font-weight:800;
  letter-spacing:.22em;text-transform:uppercase;color:#6E7568;line-height:1.2;
}
.sp-sheet-status{display:flex;align-items:center;gap:6px;margin-top:7px;font-size:9.5px;font-weight:600;color:#567064;line-height:1.3}
.sp-sheet-status i{width:6px;height:6px;border-radius:50%;background:#18A06A;box-shadow:0 0 0 4px rgba(24,160,106,.12);flex:none}
.sp-sheet-close{
  display:grid!important;place-items:center!important;width:32px!important;height:32px!important;flex:none;
  border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;
  color:#7E877A!important;cursor:pointer;transition:.15s;
}
.sp-sheet-close:hover{background:#EDE9DD!important;border-color:#E4DED0!important;color:#123D2E!important}
.sp-sheet-body{background:#fff}
.sp-sheet-row{
  display:flex!important;align-items:center!important;gap:16px!important;width:100%;
  padding:19px 22px!important;border:0!important;border-bottom:1px solid #EEE9DD!important;
  background:#fff!important;text-align:left;text-decoration:none!important;color:#123D2E!important;transition:background .15s;
}
.sp-sheet-row:last-child{border-bottom:0!important}
.sp-sheet-row:hover{background:#FCFBF7!important}
.sp-sheet-row:focus-visible{outline:2px solid #0F8A5C;outline-offset:-4px;border-radius:0}
.sp-sheet-badge{
  width:56px;height:56px;flex:none;border-radius:16px;border:1px solid #ECE7DA;
  background:linear-gradient(145deg,#F8F6EF,#F2EFE5);color:#0B6B47;
  display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.sp-sheet-badge .ico{width:21px;height:21px;stroke-width:1.7}
.sp-sheet-txt{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.sp-sheet-txt small{font-size:9px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#A39D8E;line-height:1.2}
.sp-sheet-txt strong{
  display:block;font-family:var(--font-display,Bricolage,sans-serif);font-size:17px;line-height:1.2;
  font-weight:600;letter-spacing:-.025em;color:#123D2E;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.sp-sheet-txt em{display:block;margin-top:1px;font-style:normal;font-size:9.5px;line-height:1.4;color:#7B8F83;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-sheet-row>svg{color:#93A197;width:17px;height:17px;flex:none;transition:transform .15s,color .15s}
.sp-sheet-row:hover>svg{color:#0B6B47;transform:translateX(2px)}
.sp-sheet-foot{
  display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 22px;
  background:#FCFBF7;border-top:1px solid #EEE9DD;border-radius:0 0 22px 22px;
  color:#8B978E;font-size:8.5px;font-weight:600;line-height:1.4;
}
.sp-sheet-foot span{display:inline-flex;align-items:center;gap:5px;min-width:0}
.sp-sheet-foot svg{flex:none;color:#0B6B47}
.sp-sheet-scrim{display:none}

@media (max-width:900px){
  .support-panel.sp-sheet{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;
    width:100%!important;max-height:88dvh;overflow-y:auto;border:0!important;border-radius:24px 24px 0 0!important;
    z-index:400!important;box-shadow:0 -34px 70px -34px rgba(10,36,29,.55)!important;
    transform:translateY(100%);transform-origin:bottom center;
    transition:transform .26s cubic-bezier(.22,.61,.36,1),opacity .2s!important;
  }
  .support-panel.sp-sheet.is-open{transform:none!important}
  .sp-sheet-head{padding:24px 20px 16px!important;border-radius:24px 24px 0 0!important}
  .sp-sheet-head::before{
    content:"";position:absolute;left:50%;top:8px;width:42px;height:4px;margin-left:-21px;
    border-radius:99px;background:#DCD6C7;
  }
  .sp-sheet-kicker{font-size:10px}
  .sp-sheet-status{margin-top:6px;font-size:9px}
  .sp-sheet-row{padding:15px 20px!important;gap:13px!important}
  .sp-sheet-row:first-child{border-top:0!important}
  .sp-sheet-badge{width:52px;height:52px;border-radius:15px}
  .sp-sheet-txt strong{font-size:16.5px}
  .sp-sheet-txt em{font-size:9px}
  .sp-sheet-foot{padding:13px 20px;border-radius:0;font-size:8.5px}
  .sp-sheet-foot span:last-child{display:none}
  .sp-sheet-scrim{
    position:fixed;inset:0;z-index:399;background:rgba(8,30,22,.42);
    backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
  }
  .support-panel.sp-sheet.is-open ~ .sp-sheet-scrim{display:block}
  body.support-sheet-open{overflow:hidden!important}
}
@media (max-width:380px){
  .sp-sheet-row{padding:13px 16px!important;gap:11px!important}
  .sp-sheet-badge{width:47px;height:47px;border-radius:13px}
  .sp-sheet-badge .ico{width:19px;height:19px}
  .sp-sheet-txt strong{font-size:15.5px}
  .sp-sheet-head{padding:22px 16px 14px!important}
  .sp-sheet-foot{padding:12px 16px}
}
@media (max-width:900px){
  .sp-sheet-foot{padding-bottom:calc(13px + env(safe-area-inset-bottom,0px))!important}
}

/* Preferences sheet — mobile hierarchy and seller access grouping */
.qm-head-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.qm-panel--prefs .qm-head-copy>span{
  font-family:var(--font-body,Manrope,sans-serif);font-size:10px;font-weight:800;
  letter-spacing:.22em;text-transform:uppercase;color:#6E7568;line-height:1.2;
}
.qm-head-copy small{font-size:8.5px;font-weight:600;letter-spacing:.01em;color:#8C978E;line-height:1.35}
.qm-panel--prefs .qm-section-label{
  display:flex;align-items:center;gap:10px;padding:14px 22px 7px;background:#fff;
  border-top:1px solid #EEE9DD;
}
.qm-panel--prefs .qm-section-label span{
  font-size:8px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#A39D8E;white-space:nowrap;
}
.qm-panel--prefs .qm-section-label i{height:1px;flex:1;background:#EEE9DD}
.qm-panel--prefs .qm-foot{padding-bottom:calc(13px + env(safe-area-inset-bottom,0px))}
@media(max-width:900px){
  .qm-panel--prefs .qm-head-copy small{font-size:8px}
  .qm-panel--prefs .qm-section-label{padding:13px 18px 6px}
  .qm-panel--prefs .qm-section-label span{font-size:7.5px}
}

/* Preferences — match the owner-approved old Customer care card */
.qm-head-ic{
  display:grid;place-items:center;width:52px;height:52px;flex:none;border-radius:50%;
  background:#0F6B4F;color:#fff;box-shadow:0 10px 22px -14px rgba(15,107,79,.75);
}
.qm-head-ic .ico{width:21px;height:21px;stroke-width:1.8}
.qm-panel--prefs .qm-head{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;
  padding:16px 18px!important;border-bottom:1px solid #DCEBE2!important;
  background:linear-gradient(145deg,#F4FCF8 0%,#E8F8EF 100%)!important;border-radius:20px 20px 0 0!important;
}
.qm-panel--prefs .qm-head-copy{gap:3px!important}
.qm-panel--prefs .qm-head-copy>span{
  font-family:var(--font-body,Manrope,sans-serif)!important;font-size:17px!important;font-weight:800!important;
  letter-spacing:-.025em!important;text-transform:none!important;color:#123D2E!important;line-height:1.2!important;
}
.qm-panel--prefs .qm-head-copy small{font-size:9.5px!important;font-weight:600!important;color:#5F7D6D!important;letter-spacing:0!important;line-height:1.35!important}
.qm-panel--prefs .qm-close{margin-left:auto!important;width:30px!important;height:30px!important;border-radius:8px!important;border:1px solid transparent!important;background:transparent!important;color:#6B8073!important}
.qm-panel--prefs .qm-close:hover{background:#E2F4EA!important;border-color:#D2EBDD!important;color:#123D2E!important}
.qm-panel--prefs .qm-row{
  padding:14px 18px!important;gap:12px!important;border-bottom:1px solid #EDF5F0!important;background:#fff!important;
}
.qm-panel--prefs .qm-row:hover{background:#F8FCFA!important}
.qm-panel--prefs .qm-badge{
  width:44px!important;height:44px!important;border-radius:12px!important;border:1px solid #D7F0E4!important;
  background:#E7F7EF!important;color:#0F6B4F!important;font-size:13px!important;font-weight:800!important;
  font-family:var(--font-body,Manrope,sans-serif)!important;letter-spacing:-.02em!important;box-shadow:none!important;
}
.qm-panel--prefs .qm-badge .ico{width:18px!important;height:18px!important;stroke-width:1.8}
.qm-panel--prefs .qm-badge--currency{font-size:17px!important;color:#0F6B4F!important}
.qm-panel--prefs .qm-txt{display:flex!important;flex-direction:column-reverse!important;gap:2px!important;min-width:0!important}
.qm-panel--prefs .qm-txt strong{
  font-family:var(--font-body,Manrope,sans-serif)!important;font-size:13.5px!important;font-weight:800!important;
  letter-spacing:-.01em!important;line-height:1.35!important;color:#123D2E!important;white-space:nowrap!important;
  overflow:hidden!important;text-overflow:ellipsis!important;
}
.qm-panel--prefs .qm-txt small{
  font-size:9.5px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;
  color:#6B8073!important;line-height:1.4!important;
}
.qm-panel--prefs .qm-row>svg{color:#7FA093!important;width:16px!important;height:16px!important}
.qm-panel--prefs .qm-foot{
  padding:11px 18px!important;background:#F7FCF9!important;border-top:1px solid #E7F3EC!important;
  border-radius:0 0 20px 20px!important;color:#7B8F83!important;font-size:9px!important;
}
.qm-panel--prefs .qm-foot svg{color:#0F6B4F!important}
.qm-panel--prefs .qm-sub--lang,.qm-panel--prefs .qm-sub--currency{background:#F7FCF9!important;border-bottom-color:#E7F3EC!important;padding:6px 12px 12px!important}
.qm-panel--prefs .qm-opt{background:#fff!important;border-color:#DFEDE6!important;border-radius:10px!important;padding:10px 12px!important}
.qm-panel--prefs .qm-opt:hover{background:#F3FBF6!important;border-color:#BFE3D1!important}
.qm-panel--prefs .qm-opt.is-on{background:#EEF9F2!important;border-color:#BFE3D1!important}
.qm-panel--prefs .qm-opt-main b{font-size:12px!important;color:#123D2E!important}
.qm-panel--prefs .qm-opt-main small{font-size:8.5px!important;color:#6B8073!important}

@media (max-width:900px){
  .qm--head .qm-panel.qm-panel--prefs{
    position:fixed!important;left:50%!important;right:auto!important;top:78px!important;bottom:auto!important;
    width:min(420px,calc(100vw - 40px))!important;max-width:none!important;max-height:calc(100dvh - 112px)!important;
    overflow-y:auto!important;border:1px solid #DCEBE2!important;border-radius:20px!important;
    transform:translateX(-50%)!important;transform-origin:top center!important;
    box-shadow:0 30px 70px -38px rgba(10,36,29,.55)!important;animation:none!important;z-index:340!important;
  }
  .qm--head .qm-panel.qm-panel--prefs.is-open{transform:translateX(-50%)!important}
  .qm-panel--prefs .qm-head{border-radius:20px 20px 0 0!important;padding-top:16px!important;position:relative!important}
  .qm-panel--prefs .qm-head::before{display:none!important}
  .qm-panel--prefs .qm-head-ic{width:48px!important;height:48px!important}
  .qm-panel--prefs .qm-head-copy>span{font-size:16px!important}
  .qm-panel--prefs .qm-head-copy small{font-size:9px!important}
  .qm-panel--prefs .qm-row{padding:13px 16px!important}
  .qm-panel--prefs .qm-badge{width:42px!important;height:42px!important;border-radius:11px!important}
  .qm-panel--prefs .qm-txt strong{font-size:13px!important}
  .qm-panel--prefs .qm-txt small{font-size:9px!important}
  .qm-scrim{display:none!important}
}
@media (max-width:380px){
  .qm--head .qm-panel.qm-panel--prefs{width:calc(100vw - 28px)!important;top:70px!important}
  .qm-panel--prefs .qm-row{padding:12px 14px!important}
  .qm-panel--prefs .qm-badge{width:40px!important;height:40px!important}
}