.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
  }
  .policy-link{color:#2563eb;text-decoration:underline;font-weight:600;cursor:pointer;}
  .policy-dialog{border:none;border-radius:18px;padding:0;width:92%;max-width:560px;background:#fff;color:#0f172a;border:1px solid #e2e8f0;box-shadow:0 20px 60px rgba(15,23,42,.35);}
  .policy-dialog header{padding:18px 20px;border-bottom:1px solid #e5e7eb;font-weight:800;font-size:18px;}
  .policy-dialog .body{padding:20px;font-size:14px;line-height:1.7;color:#1e293b;max-height:60vh;overflow:auto;}
  .policy-dialog .body ol{padding-left:18px;display:grid;gap:10px;}
  .policy-dialog .body li strong{color:#0f172a;}
  .policy-dialog footer{padding:18px 20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;}
  .policy-dialog .btn{border:none;border-radius:999px;padding:8px 18px;background:#111827;color:#fff;font-weight:600;cursor:pointer;}
  .tool-link{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:10px 12px;
    border-radius:12px;
    border:1px solid #fed7aa;
    background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);
    color:#ea580c;
    font-weight:700;
    text-decoration:none;
    box-shadow:0 10px 20px rgba(234,88,12,0.12);
    transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  }
  .tool-link:hover{
    transform:translateY(-1px);
    border-color:#fdba74;
    box-shadow:0 14px 24px rgba(234,88,12,0.16);
  }
  .tool-link-title{display:flex;align-items:center;gap:8px;}
  .tool-link-dot{width:10px;height:10px;border-radius:999px;background:#fb923c;box-shadow:0 0 0 4px rgba(251,146,60,.18);}
  .dlgIg{
    margin-top:12px;
    display:grid;
    gap:12px;
  }
  .dlgMediaItem{
    border:1px solid #e5e7eb;
    border-radius:16px;
    background:#fff;
    overflow:hidden;
  }
  .dlgMediaHead{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:10px 12px;
    font-size:12px;
    font-weight:700;
    color:#334155;
    border-bottom:1px solid #e5e7eb;
    background:#f8fafc;
  }
  .dlgMediaLink{
    color:#2563eb;
    text-decoration:none;
    font-size:12px;
    font-weight:700;
  }
  .dlgMediaLink:hover{text-decoration:underline;}
  .dlgMediaEmbed{
    position:relative;
    width:min(100%, 360px);
    margin:12px auto;
    background:#000;
    border-radius:14px;
    overflow:hidden;
  }
  .dlgMediaEmbed::before{
    content:"";
    display:block;
    padding-top:177.78%;
  }
  .dlgMediaEmbed iframe,
  .dlgMediaEmbed video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
    background:#000;
  }
  .dlgPriceWrap{
    display:flex;
    align-items:baseline;
    flex-wrap:wrap;
    gap:8px;
    margin-top:10px;
  }
  .dlgPriceOld{
    font-size:14px;
    color:#94a3b8;
    text-decoration:line-through;
    font-weight:700;
  }
  .dlgPriceCurrent{
    font-size:20px;
    font-weight:800;
    color:#0f172a;
  }
  .dlgPriceWrap.has-discount .dlgPriceCurrent{
    color:#dc2626;
  }
  #btnAddCart{
    min-width:min(100%, 280px);
    padding:14px 24px;
    border:none;
    border-radius:18px;
    background:
      linear-gradient(135deg, rgba(255,255,255,.24) 0%, rgba(255,255,255,0) 38%),
      linear-gradient(135deg, #8f5a16 0%, #c78a2c 44%, #f0c76a 100%);
    color:#fffdf7;
    font-size:16px;
    font-weight:900;
    letter-spacing:.04em;
    box-shadow:
      0 18px 32px rgba(120,74,18,.28),
      inset 0 1px 0 rgba(255,255,255,.3),
      inset 0 -2px 0 rgba(90,53,10,.2);
    transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
  }
  #btnAddCart:hover{
    transform:translateY(-1px);
    filter:saturate(1.04) brightness(1.02);
    box-shadow:
      0 22px 36px rgba(120,74,18,.32),
      inset 0 1px 0 rgba(255,255,255,.34),
      inset 0 -2px 0 rgba(90,53,10,.22);
  }
  #btnAddCart:active{
    transform:translateY(0);
    box-shadow:
      0 12px 22px rgba(120,74,18,.24),
      inset 0 2px 4px rgba(90,53,10,.18);
  }
  #btnAddCart:focus-visible{
    outline:none;
    box-shadow:
      0 0 0 4px rgba(240,199,106,.28),
      0 18px 32px rgba(120,74,18,.28),
      inset 0 1px 0 rgba(255,255,255,.3),
      inset 0 -2px 0 rgba(90,53,10,.2);
  }
  #btnAddCart[disabled]{
    filter:grayscale(.18);
    opacity:.72;
    cursor:not-allowed;
    transform:none;
    box-shadow:
      0 10px 18px rgba(120,74,18,.18),
      inset 0 1px 0 rgba(255,255,255,.2);
  }
  #dlgWishlistBtn{
    font-size:18px;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
  }
  #dlgWishlistBtn:hover{
    transform:translateY(-1px);
  }
  #dlgWishlistBtn:focus-visible{
    outline:none;
    box-shadow:0 0 0 4px rgba(240,199,106,.2);
  }
  #dlgWishlistBtn.is-active{
    color:#a51c30;
    border-color:rgba(165,28,48,.18);
    background:rgba(255,236,240,.92);
    box-shadow:0 10px 18px rgba(165,28,48,.12);
  }
  .dlgAddonSection{
    margin-top:12px;
    padding:14px;
    border:1px solid rgba(201,138,53,.28);
    border-radius:20px;
    background:radial-gradient(circle at top left, rgba(255,255,255,.96) 0%, rgba(255,250,235,.92) 30%, rgba(247,238,214,.98) 100%);
    box-shadow:0 12px 26px rgba(120,84,28,.08), inset 0 1px 0 rgba(255,255,255,.82);
  }
  .dlgAddonHead{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px;
    margin-bottom:10px;
  }
  .dlgAddonEyebrow{
    font-size:11px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#b45309;
  }
  .dlgAddonTitle{
    margin-top:4px;
    font-size:18px;
    line-height:1.15;
    font-weight:900;
    color:#1f2937;
  }
  .dlgAddonToggle{
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-width:112px;
    height:46px;
    padding:0 14px;
    border-radius:999px;
    background:rgba(255,255,255,.92);
    border:1.5px solid rgba(201,138,53,.24);
    font-size:14px;
    font-weight:900;
    color:#92400e;
    cursor:pointer;
    white-space:nowrap;
    box-shadow:0 10px 18px rgba(120,84,28,.08), inset 0 1px 0 rgba(255,255,255,.86);
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
  }
  .dlgAddonToggle:hover{
    transform:translateY(-1px);
    box-shadow:0 14px 24px rgba(120,84,28,.12), inset 0 1px 0 rgba(255,255,255,.86);
  }
  .dlgAddonToggle input{
    position:absolute;
    opacity:0;
    pointer-events:none;
  }
  .dlgAddonToggle .dlgAddonToggleKnob{
    width:22px;
    height:22px;
    border-radius:8px;
    border:1.5px solid rgba(146,64,14,.42);
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:transparent;
    font-size:13px;
    font-weight:900;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
    transition:all .18s ease;
  }
  .dlgAddonToggle.is-on{
    border-color:#c98a35;
    background:linear-gradient(135deg,#fff7dd 0%,#fff1c5 100%);
  }
  .dlgAddonToggle.is-on .dlgAddonToggleKnob{
    border-color:#c98a35;
    background:linear-gradient(135deg,#c98a35,#e4a947);
    color:#fff;
  }
  .dlgAddonCard{
    display:grid;
    grid-template-columns:96px minmax(0,1fr);
    gap:14px;
    align-items:start;
    padding:14px;
    border-radius:18px;
    background:rgba(255,252,245,.74);
    border:1px solid rgba(201,138,53,.18);
    box-shadow:0 8px 18px rgba(161,98,7,.06);
  }
  .dlgAddonList{
    display:grid;
    gap:10px;
  }
  .dlgAddonCard.is-disabled{
    opacity:.72;
  }
  .dlgAddonMedia{
    position:relative;
    width:96px;
    height:96px;
    border-radius:18px;
    overflow:hidden;
    border:1px solid rgba(201,138,53,.22);
    background:radial-gradient(circle at top,#fff 0%,#fef3c7 100%);
    box-shadow:0 8px 16px rgba(120,84,28,.10), inset 0 1px 0 rgba(255,255,255,.82);
    cursor:zoom-in;
  }
  .dlgAddonMedia img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .28s ease;
  }
  .dlgAddonMedia:hover img{
    transform:scale(1.06);
  }
  .dlgAddonZoomBadge{
    position:absolute;
    right:8px;
    bottom:8px;
    width:28px;
    height:28px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.92);
    color:#7c4a12;
    border:1px solid rgba(201,138,53,.22);
    box-shadow:0 8px 14px rgba(120,84,28,.16);
    font-size:14px;
  }
  .dlgAddonBody{
    min-width:0;
  }
  .dlgAddonTop{
    display:block;
  }
  .dlgAddonInfo{
    min-width:0;
  }
  .dlgAddonNameRow{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
  }
  .dlgAddonName{
    font-size:15px;
    line-height:1.4;
    font-weight:900;
    color:#111827;
  }
  .dlgAddonPrice{
    font-size:14px;
    font-weight:900;
    color:#b45309;
    white-space:nowrap;
  }
  .dlgAddonDesc{
    margin:8px 0 0;
    font-size:12px;
    line-height:1.8;
    color:#667085;
    white-space:normal;
    word-break:break-word;
    overflow-wrap:anywhere;
  }
  .dlgAddonControls{
    margin-top:12px;
    display:grid;
    gap:6px;
  }
  .dlgAddonControlsRow{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    flex-wrap:nowrap;
  }
.dlgAddonQtyWrap{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  font-weight:800;
  color:#667085;
  align-self:center;
}
.dlgAddonQtyWrap span{
  white-space:nowrap;
}
.dlgAddonQtyStepper{
  display:inline-grid;
  grid-template-columns:30px 44px 30px;
  align-items:center;
  border:1.5px solid #f59e0b;
  border-radius:12px;
  overflow:hidden;
  background:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
}
.dlgAddonQtyBtn{
  width:30px;
  height:34px;
  border:none;
  background:#fff7ed;
  color:#9a3412;
  font-size:18px;
  font-weight:900;
  cursor:pointer;
}
.dlgAddonQtyBtn:hover{
  background:#ffedd5;
}
.dlgAddonQtyWrap input{
  width:44px;
  height:34px;
  border:none;
  border-left:1px solid rgba(245,158,11,.28);
  border-right:1px solid rgba(245,158,11,.28);
  background:#fff;
  padding:0;
  text-align:center;
  font-size:15px;
  font-weight:900;
  color:#111827;
  outline:none;
}
  .dlgAddonToggle{
    gap:8px;
    min-width:90px;
    height:34px;
    padding:0 12px;
    border-radius:12px;
    font-size:12px;
  }
  .dlgAddonToggle .dlgAddonToggleKnob{
    width:18px;
    height:18px;
    border-radius:6px;
    font-size:11px;
  }
  .dlgAddonHint{
    font-size:12px;
    line-height:1.5;
    color:#92400e;
    text-align:left;
    margin-left:0;
    margin-top:0;
  }
  .dlgAddonGalleryHint{
    margin-top:8px;
    font-size:11px;
    font-weight:700;
    color:#9a6a28;
  }
  .dlgAddonSection.is-disabled{
    opacity:.72;
  }
  .dlgAddonSection.is-disabled .dlgAddonCard{
    filter:saturate(.82);
  }
  .dlgAddonLightbox{
    border:none;
    padding:0;
    background:transparent;
    width:min(92vw, 980px);
    max-width:min(92vw, 980px);
  }
  .dlgAddonLightbox::backdrop{
    background:rgba(15,23,42,.74);
    backdrop-filter:blur(3px);
  }
  .dlgAddonLightboxBox{
    position:relative;
    padding:20px 20px 14px;
    border-radius:28px;
    background:linear-gradient(180deg,#111827 0%,#0f172a 100%);
    box-shadow:0 28px 80px rgba(15,23,42,.42);
  }
  .dlgAddonLightboxStage{
    min-height:min(72vh, 720px);
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .dlgAddonLightboxStage img{
    max-width:100%;
    max-height:min(72vh, 720px);
    object-fit:contain;
    border-radius:20px;
  }
  .dlgAddonLightboxClose,
  .dlgAddonLightboxNav{
    position:absolute;
    border:none;
    color:#fff;
    cursor:pointer;
  }
  .dlgAddonLightboxClose{
    top:14px;
    right:14px;
    width:42px;
    height:42px;
    border-radius:999px;
    background:rgba(255,255,255,.14);
    font-size:18px;
  }
  .dlgAddonLightboxNav{
    top:50%;
    transform:translateY(-50%);
    width:48px;
    height:48px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    font-size:34px;
    line-height:1;
  }
  .dlgAddonLightboxNav.is-prev{ left:14px; }
  .dlgAddonLightboxNav.is-next{ right:14px; }
  .dlgAddonLightboxNav[disabled]{
    opacity:.35;
    cursor:not-allowed;
  }
  .dlgAddonLightboxMeta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding-top:10px;
    color:#e5e7eb;
  }
  .dlgAddonLightboxTitle{
    font-size:15px;
    font-weight:800;
  }
  .dlgAddonLightboxCount{
    font-size:13px;
    color:#cbd5e1;
  }
  .price{
    display:flex;
    align-items:baseline;
    flex-wrap:wrap;
    gap:8px;
    margin-top:6px;
    font-size:17px;
    font-weight:800;
  }
  .price-old{
    font-size:14px;
    color:#94a3b8;
    text-decoration:line-through;
    font-weight:700;
  }
  .price-new{
    color:#dc2626;
    font-weight:800;
  }
  .effect-tabs-section{
    margin:8px 0 14px;
    max-width:100%;
    padding:16px 16px 14px;
    border:1px solid rgba(201,138,53,.24);
    border-radius:22px;
    background:
      radial-gradient(circle at top left, rgba(255,255,255,.96) 0%, rgba(255,248,235,.98) 36%, rgba(249,240,220,.94) 100%);
    box-shadow:0 18px 36px rgba(120,84,28,.08), inset 0 1px 0 rgba(255,255,255,.82);
  }
  .effect-tabs-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
  }
  .effect-selection-panel{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
  }
  .effect-selection-meta{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:42px;
    padding:8px 14px;
    border-radius:16px;
    background:rgba(255,255,255,.76);
    border:1px solid rgba(201,138,53,.18);
    box-shadow:0 10px 18px rgba(120,84,28,.08);
  }
  .effect-selection-count{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:72px;
    height:28px;
    padding:0 10px;
    border-radius:999px;
    background:linear-gradient(135deg,#8a5a16 0%,#c98a35 48%,#e8b85d 100%);
    color:#fffdf8;
    font-size:11px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  .effect-selection-text{
    font-size:12px;
    font-weight:800;
    color:#7c4a12;
    white-space:nowrap;
  }
  .effect-selection-result{
    font-size:12px;
    font-weight:800;
    color:#9a6b2f;
    white-space:nowrap;
  }
  .clear-effect-btn{
    min-height:42px;
    padding:10px 14px;
    border-radius:999px;
    border:1px solid rgba(146,94,25,.22);
    background:rgba(255,255,255,.82);
    color:#8a5a16;
    font-size:12px;
    font-weight:900;
    cursor:pointer;
    box-shadow:0 10px 18px rgba(120,84,28,.08);
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  }
  .clear-effect-btn:hover{
    transform:translateY(-1px);
    border-color:rgba(146,94,25,.36);
    box-shadow:0 14px 22px rgba(120,84,28,.12);
  }
  .effect-tabs-eyebrow{
    font-size:11px;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:#b45309;
  }
  .effect-tabs-title{
    margin-top:4px;
    font-size:20px;
    line-height:1.2;
    font-weight:900;
    color:#1f2937;
  }
  .filter-summary{
    align-self:center;
    display:inline-flex;
    align-items:center;
    min-height:40px;
    padding:9px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.78);
    border:1px solid rgba(201,138,53,.2);
    color:#7c4a12;
    font-size:12px;
    font-weight:800;
    white-space:nowrap;
    box-shadow:0 10px 18px rgba(120,84,28,.08);
  }
  .effect-tabs{
    display:flex;
    align-items:stretch;
    gap:10px;
    max-width:100%;
    overflow-x:auto;
    padding-bottom:2px;
    scrollbar-width:none;
  }
  .effect-tabs::-webkit-scrollbar{
    display:none;
  }
  .effect-tab{
    flex:0 0 auto;
    min-width:116px;
    display:grid;
    gap:4px;
    padding:12px 14px;
    border-radius:18px;
    border:1px solid rgba(201,138,53,.18);
    background:rgba(255,255,255,.82);
    color:#6b4f1d;
    cursor:pointer;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
    box-shadow:0 10px 18px rgba(120,84,28,.05);
  }
  .effect-tab:hover{
    transform:translateY(-1px);
    border-color:rgba(201,138,53,.34);
    box-shadow:0 14px 22px rgba(120,84,28,.1);
  }
  .effect-tab.is-active{
    background:linear-gradient(135deg,#8a5a16 0%,#c98a35 48%,#e8b85d 100%);
    color:#fffdf8;
    border-color:#b7791f;
    box-shadow:0 18px 28px rgba(146,94,25,.22);
  }
  .effect-tab-label{
    font-size:15px;
    font-weight:900;
    line-height:1.2;
  }
  .effect-tab-desc{
    font-size:11px;
    line-height:1.5;
    opacity:.82;
    white-space:nowrap;
  }
  .meta.meta-effects{
    margin:0;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px;
  }
  .card .meta .badge-effect{
    background:#fff4e6;
    color:#c2410c;
    border-color:#fbd38d;
    box-shadow:none;
    padding:4px 9px;
    font-size:11px;
    font-weight:800;
  }
  .card .meta .badge-effect-more{
    background:#fffaf0;
    color:#9a6b2f;
    border-color:#f6d7a7;
    box-shadow:none;
    padding:4px 8px;
    font-size:11px;
    font-weight:900;
  }
  .dlgEffectTags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
  }
  .dlgTag--effect{
    background:#eff6ff;
    border-color:#bfdbfe;
    color:#1d4ed8;
  }
  #filterBar{
    display:flex !important;
    gap:10px;
    flex-wrap:wrap !important;
    justify-content:space-between;
    align-items:center;
    max-width:100%;
    padding:4px 0;
  }
  #filterBar select,
  #filterBar input{
    width:auto !important;
    min-width:140px;
    height:44px;
    flex:0 0 auto;
  }
  #filterBar .quiz-cta-btn{
    margin-right:auto;
    display:inline-flex;
    align-items:center;
    gap:8px;
    height:44px;
    padding:10px 18px;
    border-radius:999px;
    background:linear-gradient(135deg,#f97316,#ef4444);
    color:#fff;
    font-weight:800;
    text-decoration:none;
    border:1px solid rgba(239,68,68,.45);
    box-shadow:0 10px 22px rgba(239,68,68,.28);
    transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
    flex:0 0 auto;
  }
  #filterBar .quiz-cta-btn:hover{
    transform:translateY(-1px);
    box-shadow:0 16px 30px rgba(239,68,68,.32);
    filter:brightness(1.05);
  }
  #filterBar .quiz-cta-btn:active{
    transform:translateY(0);
  }
  @media(max-width:640px){
    .effect-tabs-section{
      padding:14px 14px 12px;
      border-radius:20px;
    }
    .effect-tabs-head{
      flex-direction:column;
      align-items:flex-start;
    }
    .effect-selection-panel{
      width:100%;
      justify-content:flex-start;
    }
    .effect-tabs-title{
      font-size:18px;
    }
    .effect-selection-meta{
      width:100%;
      justify-content:space-between;
      gap:10px;
    }
    .effect-selection-text{
      white-space:normal;
    }
    .effect-selection-result{
      white-space:nowrap;
    }
    .filter-summary{
      min-height:36px;
      padding:8px 12px;
      font-size:11px;
    }
    .effect-tab{
      min-width:108px;
      padding:11px 12px;
      border-radius:16px;
    }
    .effect-tab-label{
      font-size:14px;
    }
    .effect-tab-desc{
      font-size:10px;
    }
    .effect-group{
      width:100%;
    }
    .card .meta.meta-effects{
      gap:8px 6px;
    }
    .card .meta .badge-effect,
    .card .meta .badge-effect-more{
      display:inline-flex;
      flex:0 0 auto;
      white-space:nowrap;
    }
    .dlgTags{
      align-items:flex-start;
      gap:8px;
    }
    .dlgEffectTags{
      width:100%;
      gap:8px;
    }
    .dlgTag--effect{
      white-space:nowrap;
    }
    #filterBar{
      justify-content:flex-start;
    }
    #filterBar .quiz-cta-btn{display:none;}
    .dlgAddonCard{
      grid-template-columns:1fr;
      gap:12px;
    }
    .dlgAddonMedia{
      width:100%;
      height:180px;
      aspect-ratio:auto;
    }
    .dlgAddonNameRow{
      flex-direction:column;
      gap:4px;
    }
    .dlgAddonHead{
      align-items:flex-start;
    }
    .dlgAddonQtyWrap{
      gap:6px;
      font-size:11px;
    }
    .dlgAddonQtyStepper{
      grid-template-columns:28px 40px 28px;
    }
    .dlgAddonQtyBtn{
      width:28px;
      height:32px;
      font-size:17px;
    }
    .dlgAddonQtyWrap input{
      width:40px;
      height:32px;
      font-size:14px;
    }
    .dlgAddonToggle{
      min-width:78px;
      width:auto;
      height:32px;
      padding:0 10px;
      justify-content:center;
      gap:6px;
      font-size:11px;
    }
    .dlgAddonToggle .dlgAddonToggleKnob{
      width:16px;
      height:16px;
      border-radius:5px;
      font-size:10px;
    }
    .dlgAddonTop{
      display:block;
    }
    .dlgAddonControls{
      gap:6px;
    }
    .dlgAddonControlsRow{
      align-items:center;
      gap:8px;
      flex-wrap:nowrap;
    }
    .dlgAddonHint{
      text-align:left;
    }
    .dlgAddonLightbox{
      width:96vw;
      max-width:96vw;
    }
    .dlgAddonLightboxBox{
      padding:56px 12px 12px;
    }
    .dlgAddonLightboxNav{
      top:auto;
      bottom:68px;
      transform:none;
      width:42px;
      height:42px;
    }
  }
  #dlgLookup input{font-size:16px;}

.shop-empty-state{
  grid-column:1/-1;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  padding:48px 24px;
  text-align:center;
}
.shop-empty-icon{font-size:36px;line-height:1;margin-bottom:4px;}
.shop-empty-msg{font-size:15px;font-weight:700;color:#4a3626;}
.shop-empty-hint{font-size:13px;color:#7c6a55;margin-bottom:8px;}
.shop-empty-clear{
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(44,164,140,.4);
  background:rgba(44,164,140,.08);
  color:#1a7a6a;
  border-radius:999px;
  padding:8px 20px;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  transition:background 0.18s;
}
.shop-empty-clear:hover{background:rgba(44,164,140,.16);}