/* DubiLook — components.css (bundle.css). Tokens come from tokens.css; this file uses var(--…) only.
   Plain CSS, no build step. Every class is prefixed dl-. */

@font-face{font-family:"Manrope";src:url("../fonts/Manrope-Latin-Variable.woff2") format("woff2");font-weight:200 800;font-display:swap;}
@font-face{font-family:"Manrope Cyrillic";src:url("../fonts/Manrope-Cyrillic-Variable.woff2") format("woff2");font-weight:200 800;font-display:swap;}
@font-face{font-family:"Vazirmatn";src:url("../fonts/Vazirmatn-Arabic-Variable.woff2") format("woff2");font-weight:100 900;font-display:swap;}

/* ---------- App shell ---------- */
.dl-app{
  margin:0; background:var(--bg-000); color:var(--ink);
  font-family:var(--font-sans); font-size:16px; line-height:24px; font-weight:500;
  -webkit-font-smoothing:antialiased; font-variant-numeric:tabular-nums;
  -webkit-tap-highlight-color:transparent;
}
.dl-app *,.dl-app *::before,.dl-app *::after{box-sizing:border-box;}
.dl-app [hidden]{display:none!important;}
.dl-app [dir="rtl"],.dl-app :lang(fa),.dl-app :lang(ar){font-family:var(--font-fa);}
.dl-page{padding:0 var(--space-4) calc(var(--tabbar-h) + var(--space-6) + env(safe-area-inset-bottom));max-width:var(--page-w);margin:0 auto;}
.dl-stack{display:flex;flex-direction:column;gap:var(--space-3);}
.dl-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;}
.dl-muted{color:var(--ink-muted);} .dl-faint{color:var(--ink-faint);}
.dl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* Demo frame for previews: transform makes position:fixed children (sheet, toast, tab bar) stay inside it. */
.dl-frame{position:relative;transform:translateZ(0);overflow:hidden;overflow:clip;width:390px;max-width:100%;margin:0 auto;background:var(--bg-000);border:1px solid var(--line-100);border-radius:var(--radius-lg);}

/* ---------- Icon ---------- */
.dl-icon{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;}
.dl-icon--sm{width:16px;height:16px;} .dl-icon--lg{width:24px;height:24px;}

/* ---------- Focus ---------- */
.dl-app :focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm);}

/* ---------- Buttons ---------- */
.dl-btn{
  --_bg:var(--bg-300); --_fg:var(--ink); --_bd:transparent;
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);
  min-height:48px;min-width:var(--tap-min);padding:0 var(--space-5);
  border:1.5px solid var(--_bd);border-radius:var(--radius-md);background:var(--_bg);color:var(--_fg);
  font:700 16px/20px var(--font-sans);letter-spacing:0;text-decoration:none;cursor:pointer;user-select:none;
  transition:background-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast);
}
.dl-btn:active{transform:scale(.97);}
.dl-btn--block{display:flex;width:100%;}
.dl-btn--sm{min-height:var(--tap-min);padding:0 var(--space-4);font-size:14px;border-radius:var(--radius-sm);}
.dl-btn--primary{--_bg:var(--gold);--_fg:var(--on-gold);}
.dl-btn--primary:hover{--_bg:var(--gold-hover);} .dl-btn--primary:active{--_bg:var(--gold-press);}
.dl-btn--secondary{--_bg:transparent;--_bd:var(--line-200);}
.dl-btn--secondary:hover{--_bg:var(--bg-200);}
.dl-btn--ghost{--_bg:transparent;--_fg:var(--ink);padding:0 var(--space-3);}
.dl-btn--ghost:hover{--_bg:var(--bg-200);}
.dl-btn--danger{--_bg:var(--danger-soft);--_fg:var(--state-danger);--_bd:var(--state-danger);}
.dl-btn--icon{padding:0;width:var(--tap-min);min-height:var(--tap-min);}
.dl-btn[disabled],.dl-btn[aria-disabled="true"]{--_bg:var(--bg-200);--_fg:var(--ink-faint);--_bd:transparent;cursor:not-allowed;transform:none;}
.dl-btn[aria-busy="true"]{color:transparent;pointer-events:none;}
.dl-btn[aria-busy="true"]::after{
  content:"";position:absolute;width:20px;height:20px;border-radius:50%;
  border:2px solid var(--_fg);border-right-color:transparent;animation:dl-spin .7s linear infinite;
}
.dl-btn[aria-busy="true"] .dl-icon{opacity:0;}
@keyframes dl-spin{to{transform:rotate(360deg);}}
.dl-link{color:var(--gold);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--tap-min);}
button.dl-link{background:none;border:0;padding:0;cursor:pointer;font-family:var(--font-sans);font-size:inherit;}

/* ---------- Labels (one catalogue) ---------- */
/* Fixed-size box: set --w (width) on the element or let the grid size it. Text auto-fits (JS fitLabels). */
.dl-label{
  --_c:var(--ink-faint);
  display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);
  height:var(--label-h-md);width:var(--w,auto);min-width:0;padding:0 var(--space-2);
  border:1.5px solid var(--_c);border-radius:var(--radius-xs);
  color:var(--_c);background:transparent;
  font:800 12px/14px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;
  font-family:var(--font-sans)!important; /* label TEXT is English in every language */
  box-shadow:inset 0 0 0 2px var(--bg-000),inset 0 0 0 2.75px color-mix(in srgb,var(--_c) 35%,transparent); /* precision double rule */
  cursor:pointer;transition:transform var(--dur-fast) var(--ease-out);
}
.dl-label:active{transform:scale(.97);}
.dl-label__t{display:block;overflow:hidden;text-overflow:clip;}
.dl-label--sm{height:var(--label-h-sm);padding:0 var(--space-2);font-size:11px;box-shadow:none;}
.dl-label--static{cursor:default;}
.dl-label--teal{--_c:var(--label-teal);} .dl-label--gold{--_c:var(--label-gold);}
.dl-label--blue{--_c:var(--label-blue);} .dl-label--violet{--_c:var(--label-violet);}
.dl-label--green{--_c:var(--label-green);} .dl-label--amber{--_c:var(--label-amber);}
/* off = not yet earned (own view only): dashed, faint, no colour, no double rule */
.dl-label.is-off{--_c:var(--ink-faint);border-style:dashed;border-color:var(--line-200);box-shadow:none;font-weight:700;}
/* level label: gold on a soft gold fill */
.dl-label--level{--_c:var(--gold);background:var(--gold-soft);box-shadow:none;}
.dl-label--notag{--_c:var(--ink-faint);border-style:dashed;border-color:var(--line-200);box-shadow:none;}
.dl-labels{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);}
.dl-labels .dl-label{width:100%;}

/* Page-state labels (cards): pill + dot + word */
.dl-state{
  --_c:var(--state-neutral);
  display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--radius-full);
  background:color-mix(in srgb,var(--_c) 14%,transparent);color:var(--_c);
  font:800 11px/14px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;
}
.dl-state::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;}
.dl-state--live{--_c:var(--state-success);}
.dl-state--review{--_c:var(--state-warning);}
.dl-state--expired{--_c:var(--state-neutral);}
.dl-state--hidden{--_c:var(--state-neutral);}
.dl-state--hidden::before{background:transparent;border:1.5px solid currentColor;width:7px;height:7px;}
.dl-state--sold{--_c:var(--state-info);}

/* ---------- App header ---------- */
.dl-header{padding:var(--space-4) 0 var(--space-2);}
.dl-header__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);}
.dl-logo-slot{display:flex;align-items:center;justify-content:center;width:112px;height:32px;border:1px dashed var(--line-200);border-radius:var(--radius-xs);color:var(--ink-faint);font:700 10px/1 var(--font-sans);letter-spacing:.14em;}
.dl-header__links{display:flex;gap:var(--space-1);}
.dl-header__links a{display:inline-flex;align-items:center;min-height:var(--tap-min);padding:0 var(--space-2);color:var(--ink-muted);font:600 14px/20px var(--font-sans);text-decoration:none;}
.dl-header__me{display:flex;align-items:center;gap:var(--space-3);}
.dl-avatar{flex:none;width:var(--avatar);height:var(--avatar);border-radius:var(--radius-full);background:var(--bg-300);color:var(--gold);display:grid;place-items:center;font:800 20px/1 var(--font-sans);overflow:hidden;}
.dl-avatar img{width:100%;height:100%;object-fit:cover;}
.dl-header__who{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px;}
.dl-header__name{font:700 20px/24px var(--font-sans);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dl-header__meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;}
.dl-public-id{font:600 13px/16px var(--font-sans);letter-spacing:.04em;color:var(--ink-muted);}

/* ---------- Card (generic + listing) ---------- */
.dl-surface{background:var(--bg-100);border:1px solid var(--line-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);}
.dl-card{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);}
.dl-card__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:28px;}
.dl-card__date{font:600 12px/16px var(--font-sans);color:var(--ink-muted);}
.dl-card__kicker{font:700 12px/16px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin:var(--space-1) 0 0;}
.dl-card__area{font:700 20px/26px var(--font-sans);margin:0;display:flex;align-items:center;gap:6px;}
.dl-card__area .dl-icon{color:var(--ink-faint);}
.dl-card__price{font:800 24px/30px var(--font-sans);letter-spacing:-.01em;color:var(--ink);margin:var(--space-1) 0 0;}
.dl-card__price small{font-size:14px;font-weight:700;color:var(--gold);letter-spacing:.04em;margin-right:6px;vertical-align:2px;}
.dl-card__size{font:600 14px/20px var(--font-sans);color:var(--ink-muted);margin:0;}
.dl-facts{display:flex;flex-wrap:wrap;gap:6px;margin:var(--space-1) 0 0;padding:0;list-style:none;}
.dl-facts li{font:600 12px/16px var(--font-sans);color:var(--ink-muted);padding:4px 8px;border-radius:var(--radius-xs);background:var(--bg-200);}
.dl-card__confirm{display:flex;align-items:center;gap:6px;font:600 13px/18px var(--font-sans);color:var(--ink-muted);}
.dl-card__confirm .dl-icon{color:var(--state-success);}
.dl-card__confirm.is-auto .dl-icon{color:var(--ink-faint);}
.dl-card__actions{display:flex;gap:var(--space-2);margin-top:0;padding-top:var(--space-3);border-top:1px solid var(--line-100);}
.dl-card__actions .dl-btn--secondary{flex:1;}
.dl-card__ask{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--bg-200);}
.dl-card__ask p{margin:0;font:700 14px/20px var(--font-sans);}
.dl-card.is-dim .dl-card__price,.dl-card.is-dim .dl-card__area{color:var(--ink-muted);}

/* Disclosure: "Show full post" */
.dl-disclose{display:inline-flex;align-items:center;gap:6px;min-height:var(--tap-min);padding:0;border:0;background:none;color:var(--gold);font:700 14px/20px var(--font-sans);cursor:pointer;}
.dl-disclose .dl-icon{transition:transform var(--dur-base) var(--ease-out);}
.dl-disclose[aria-expanded="true"] .dl-icon{transform:rotate(180deg);}
.dl-collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-base) var(--ease-out);}
.dl-collapse.is-open{grid-template-rows:1fr;}
.dl-collapse>div{overflow:hidden;}
.dl-rawpost{margin:0;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--bg-000);border:1px solid var(--line-100);color:var(--ink-muted);font:500 14px/22px var(--font-sans);white-space:pre-wrap;unicode-bidi:plaintext;}

/* ---------- Bottom sheet ---------- */
.dl-scrim{position:fixed;inset:0;z-index:var(--z-scrim);background:var(--scrim);opacity:0;pointer-events:none;transition:opacity var(--dur-sheet) var(--ease-out);}
.dl-sheet{
  position:fixed;left:0;right:0;bottom:0;z-index:var(--z-sheet);
  max-height:88%;overflow:auto;padding:var(--space-2) var(--space-5) calc(var(--space-5) + env(safe-area-inset-bottom));
  background:var(--bg-200);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-3);
  border-top:1px solid var(--line-100);
  transform:translateY(105%);visibility:hidden;transition:transform var(--dur-sheet) var(--ease-in),visibility 0s linear var(--dur-sheet);
}
.dl-sheet.is-open{transform:translateY(0);visibility:visible;transition:transform var(--dur-sheet) var(--ease-spring),visibility 0s;}
.dl-sheet.is-open+.dl-scrim,.dl-scrim.is-open{opacity:1;pointer-events:auto;}
.dl-sheet:focus,.dl-sheet:focus-visible{outline:none;}
.dl-sheet__handle{width:40px;height:4px;border-radius:2px;background:var(--line-200);margin:0 auto var(--space-4);}
.dl-sheet__title{font:700 20px/26px var(--font-sans);margin:var(--space-3) 0 var(--space-2);}
.dl-sheet__text{margin:0;color:var(--ink);}
.dl-sheet__sub{font:700 12px/16px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin:var(--space-5) 0 var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--line-100);}
.dl-sheet__status{display:flex;align-items:center;gap:6px;margin-top:var(--space-3);font:600 14px/20px var(--font-sans);color:var(--ink-muted);}
.dl-sheet__status .dl-icon{color:var(--state-success);}
.dl-sheet__actions{display:flex;gap:var(--space-3);margin-top:var(--space-6);}
.dl-sheet__actions .dl-btn{flex:1;}

/* Share sheet */
.dl-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:var(--radius-md);background:var(--bg-000);border:1px solid var(--line-100);}
.dl-seg button{min-height:40px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-muted);font:700 14px/18px var(--font-sans);cursor:pointer;transition:background-color var(--dur-fast),color var(--dur-fast);}
.dl-seg button[aria-pressed="true"]{background:var(--bg-300);color:var(--ink);}
.dl-dest{list-style:none;margin:var(--space-4) 0 0;padding:0;}
.dl-dest a,.dl-dest button{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:56px;padding:0 var(--space-1);border:0;border-bottom:1px solid var(--line-100);background:none;color:var(--ink);font:600 16px/22px var(--font-sans);text-align:left;text-decoration:none;cursor:pointer;}
.dl-dest li:last-child a,.dl-dest li:last-child button{border-bottom:0;}
.dl-dest__ic{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-full);background:var(--bg-300);color:var(--gold);flex:none;}
.dl-dest__go{margin-left:auto;color:var(--ink-faint);}
.dl-note{display:flex;gap:var(--space-2);align-items:flex-start;margin:var(--space-3) 0 0;font:500 13px/18px var(--font-sans);color:var(--ink-muted);}
.dl-note .dl-icon{margin-top:1px;color:var(--ink-faint);}

/* ---------- Tab bar ---------- */
.dl-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-tabbar);height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);}
.dl-tabbar__bg{position:absolute;left:0;top:0;width:100%;height:var(--tabbar-h);overflow:visible;pointer-events:none;}
.dl-tabbar__bg .fill{fill:var(--bg-100);} .dl-tabbar__bg .edge{fill:none;stroke:var(--line-100);stroke-width:1;}
.dl-tabbar::after{content:"";position:absolute;left:0;right:0;top:var(--tabbar-h);bottom:0;background:var(--bg-100);}
.dl-tabbar__circle{
  position:absolute;left:0;top:-18px;width:var(--tab-circle);height:var(--tab-circle);border-radius:var(--radius-full);
  background:var(--gold);box-shadow:var(--shadow-gold);pointer-events:none;will-change:transform;
}
.dl-tabbar__list{position:relative;display:grid;grid-template-columns:repeat(5,1fr);height:var(--tabbar-h);margin:0;padding:0;list-style:none;}
.dl-tab{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;
  width:100%;height:100%;padding:12px 0 0;border:0;background:none;color:var(--ink-muted);cursor:pointer;
  font:600 11px/14px var(--font-sans);letter-spacing:.01em;text-decoration:none;-webkit-tap-highlight-color:transparent;
}
.dl-tab .dl-icon{width:24px;height:24px;transition:transform var(--dur-slow) var(--ease-spring),color var(--dur-fast);}
.dl-tab__label{transition:color var(--dur-fast),transform var(--dur-slow) var(--ease-spring);}
.dl-tab[aria-current="page"]{color:var(--gold);}
.dl-tab[aria-current="page"] .dl-icon{transform:translateY(-18px);color:var(--on-gold);transition-delay:60ms;}
.dl-tab[aria-current="page"] .dl-tab__label{transform:translateY(4px);font-weight:800;}

/* ---------- Empty state ---------- */
.dl-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-12) var(--space-6) var(--space-8);}
.dl-empty__ic{display:grid;place-items:center;width:72px;height:72px;border-radius:var(--radius-full);background:var(--bg-200);border:1px solid var(--gold-line);color:var(--gold);margin-bottom:var(--space-5);}
.dl-empty__ic .dl-icon{width:32px;height:32px;stroke-width:1.5;}
.dl-empty h3{font:700 20px/26px var(--font-sans);margin:0 0 var(--space-2);}
.dl-empty p{margin:0 0 var(--space-6);color:var(--ink-muted);max-width:290px;}
.dl-empty .dl-btn{min-width:220px;}

/* ---------- Toast ---------- */
.dl-toasts{position:fixed;left:var(--space-4);right:var(--space-4);bottom:calc(var(--tabbar-h) + var(--space-4) + env(safe-area-inset-bottom));z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none;}
.dl-toast{
  --_c:var(--state-success);
  display:flex;align-items:center;gap:var(--space-3);min-height:52px;padding:var(--space-3) var(--space-4);
  border-radius:var(--radius-md);background:var(--bg-200);border:1px solid var(--line-100);box-shadow:var(--shadow-2);
  color:var(--ink);font:600 15px/20px var(--font-sans);pointer-events:auto;
  animation:dl-toast-in var(--dur-base) var(--ease-spring) both;
}
.dl-toast .dl-icon{color:var(--_c);}
.dl-toast--error{--_c:var(--state-danger);} .dl-toast--info{--_c:var(--state-info);}
.dl-toast.is-leaving{animation:dl-toast-out var(--dur-fast) var(--ease-in) both;}
.dl-toast__act{margin-left:auto;color:var(--gold);font-weight:800;background:none;border:0;min-height:var(--tap-min);padding:0 var(--space-1);cursor:pointer;font-family:inherit;font-size:14px;}
@keyframes dl-toast-in{from{opacity:0;transform:translateY(16px) scale(.98);}to{opacity:1;transform:none;}}
@keyframes dl-toast-out{to{opacity:0;transform:translateY(8px);}}

/* ---------- Form fields ---------- */
.dl-field{display:flex;flex-direction:column;gap:6px;}
.dl-field__label{font:700 14px/20px var(--font-sans);color:var(--ink);}
.dl-field__label small{font-weight:500;color:var(--ink-muted);}
.dl-input{
  width:100%;min-height:48px;padding:12px 14px;border:1.5px solid var(--line-200);border-radius:var(--radius-sm);
  background:var(--bg-200);color:var(--ink);font:500 16px/22px var(--font-sans);
  transition:border-color var(--dur-fast),box-shadow var(--dur-fast);
}
.dl-input::placeholder{color:var(--ink-faint);}
.dl-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft);}
textarea.dl-input{min-height:96px;resize:vertical;}
.dl-field__help{font:500 13px/18px var(--font-sans);color:var(--ink-muted);}
.dl-field.is-error .dl-input{border-color:var(--state-danger);background:var(--danger-soft);}
.dl-field.is-error .dl-field__help{color:var(--state-danger);display:flex;gap:6px;align-items:center;}
.dl-input:disabled{opacity:1;color:var(--ink-faint);border-style:dashed;background:transparent;}

/* Option row (checkbox + title + desc + price) */
.dl-option{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--line-100);cursor:pointer;min-height:var(--tap-min);}
.dl-option:last-child{border-bottom:0;}
.dl-check{appearance:none;-webkit-appearance:none;flex:none;width:24px;height:24px;margin:0;border:1.5px solid var(--line-200);border-radius:6px;background:transparent;display:grid;place-items:center;cursor:pointer;transition:background-color var(--dur-fast),border-color var(--dur-fast);}
.dl-check::after{content:"";width:12px;height:7px;border:2.5px solid var(--on-gold);border-top:0;border-right:0;transform:rotate(-45deg) scale(0);margin-top:-3px;transition:transform var(--dur-fast) var(--ease-spring);}
.dl-check:checked{background:var(--gold);border-color:var(--gold);}
.dl-check:checked::after{transform:rotate(-45deg) scale(1);}
.dl-option__body{flex:1;min-width:0;}
.dl-option__title{display:block;font:700 15px/20px var(--font-sans);}
.dl-option__desc{display:block;font:500 13px/18px var(--font-sans);color:var(--ink-muted);margin-top:2px;}
.dl-price-stars{display:inline-flex;align-items:center;gap:4px;font:800 15px/20px var(--font-sans);white-space:nowrap;}
.dl-price-stars .dl-icon{color:var(--gold);fill:var(--gold);width:16px;height:16px;}

/* ---------- Numbered steps 01-02-03 ---------- */
.dl-step{padding:var(--space-5) 0;border-top:1px solid var(--gold-line);}
.dl-step__head{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3);}
.dl-step__n{font:800 32px/32px var(--font-sans);color:var(--gold);letter-spacing:-.02em;min-width:44px;}
.dl-step__title{font:700 18px/24px var(--font-sans);margin:0;}
.dl-step.is-todo .dl-step__n{color:var(--ink-faint);}
.dl-step.is-todo .dl-step__title{color:var(--ink-muted);}
.dl-total{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);font:700 17px/24px var(--font-sans);}

/* Promoted mark */
.dl-promoted{display:inline-flex;align-items:center;gap:6px;font:700 12px/16px var(--font-sans);color:var(--gold);}
.dl-promoted .dl-icon{fill:var(--gold);width:14px;height:14px;}

/* ---------- Footer disclaimer ---------- */
.dl-disclaimer{margin:var(--space-6) 0 0;padding:var(--space-4);border-radius:var(--radius-md);background:var(--bg-100);border:1px solid var(--line-100);color:var(--ink-muted);font:500 12px/19px var(--font-sans);direction:ltr;text-align:left;}
.dl-disclaimer b{color:var(--ink);font-weight:700;}

/* ---------- Section title (screens) ---------- */
.dl-section-title{display:flex;align-items:center;justify-content:space-between;margin:var(--space-6) 0 var(--space-3);}
.dl-section-title h2{font:800 22px/28px var(--font-sans);margin:0;}

/* Card meta row: Show full post + confirmation mark */
.dl-card__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;}

/* RTL: never track or uppercase Arabic script */
.dl-app [dir="rtl"] .dl-sheet__sub,.dl-app [dir="rtl"] .dl-card__kicker,.dl-app [dir="rtl"] .dl-field__label,.dl-app [dir="rtl"] .pv-cap{letter-spacing:0;text-transform:none;font-size:13px;}
.dl-app [dir="rtl"] .dl-card__price small{margin:0 0 0 6px;}

/* ================= v2 additions ================= */

.dl-dest__txt{display:flex;flex-direction:column;}
.dl-dest__note{font:500 12px/16px var(--font-sans);color:var(--ink-muted);}
.dl-dest button:disabled{color:var(--ink-faint);cursor:not-allowed;}
.dl-dest button:disabled .dl-dest__ic{color:var(--ink-faint);background:var(--bg-200);}
.dl-dest button:disabled .dl-dest__go{visibility:hidden;}

/* ---------- Coming soon ---------- */
.dl-soon{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;border-radius:var(--radius-full);border:1px dashed var(--line-200);color:var(--ink-muted);background:transparent;font:800 10px/12px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;}
.dl-soon .dl-icon{width:12px;height:12px;}
.dl-btn.is-soon{--_bg:transparent;--_fg:var(--ink-faint);--_bd:var(--line-100);border-style:dashed;cursor:not-allowed;transform:none;}
.dl-btn.is-soon .dl-soon{margin-left:var(--space-1);}
.dl-menu__item.is-soon{color:var(--ink-faint);cursor:not-allowed;}
.dl-menu__item.is-soon .dl-soon{margin-left:auto;}

/* ---------- Action menu (⋯ More) ---------- */
.dl-menu-wrap{position:relative;display:inline-flex;}
.dl-menu{
  position:absolute;right:0;bottom:calc(100% + 8px);z-index:var(--z-sticky);min-width:232px;padding:6px;
  background:var(--bg-200);border:1px solid var(--line-100);border-radius:var(--radius-md);box-shadow:var(--shadow-2);
  opacity:0;transform:translateY(6px) scale(.97);transform-origin:bottom right;pointer-events:none;
  transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-base) var(--ease-spring);
}
.dl-menu.is-open{opacity:1;transform:none;pointer-events:auto;}
.dl-menu--down{bottom:auto;top:calc(100% + 8px);transform-origin:top right;}
.dl-menu__item{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--tap-min);padding:0 var(--space-3);border:0;border-radius:var(--radius-sm);background:none;color:var(--ink);font:600 15px/20px var(--font-sans);text-align:left;text-decoration:none;cursor:pointer;}
.dl-menu__item .dl-icon{color:var(--ink-muted);}
.dl-menu__item:hover,.dl-menu__item:active{background:var(--bg-300);}
.dl-menu__item[aria-expanded="true"]{background:var(--bg-300);}
.dl-menu__sep{height:1px;margin:6px 4px;background:var(--line-100);}
.dl-menu__choice{display:none;grid-template-columns:1fr 1fr;gap:6px;padding:4px 4px 6px;}
.dl-menu__choice.is-open{display:grid;}
.dl-menu__choice .dl-btn{min-height:40px;font-size:14px;}

/* ---------- Card additions ---------- */
.dl-card__actions .dl-btn--icon{flex:none;width:var(--tap-min);}
.dl-card__state{display:flex;align-items:center;gap:var(--space-2);}
.dl-card__sub{font:700 12px/16px var(--font-sans);color:var(--state-info);}
.dl-card.is-hidden .dl-card__price,.dl-card.is-hidden .dl-card__area,.dl-card.is-sold .dl-card__price{color:var(--ink-muted);}
.dl-card.is-hidden .dl-facts,.dl-card.is-hidden .dl-card__size{opacity:.7;}
.dl-card__ask--confirm{border:1px solid var(--gold-line);background:var(--gold-soft);}
.dl-card__ask .dl-ask__text{display:flex;flex-direction:column;gap:2px;}
.dl-card__ask .dl-ask__text small{font:500 12px/16px var(--font-sans);color:var(--ink-muted);}
a.dl-promoted{text-decoration:none;min-height:24px;}
a.dl-promoted:hover span{text-decoration:underline;}

/* ---------- Radio ---------- */
.dl-radio{appearance:none;-webkit-appearance:none;flex:none;width:24px;height:24px;margin:0;border:1.5px solid var(--line-200);border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:border-color var(--dur-fast);}
.dl-radio::after{content:"";width:12px;height:12px;border-radius:50%;background:var(--gold);transform:scale(0);transition:transform var(--dur-fast) var(--ease-spring);}
.dl-radio:checked{border-color:var(--gold);}
.dl-radio:checked::after{transform:scale(1);}
.dl-radio:disabled{border-style:dashed;cursor:not-allowed;}
.dl-rcards{display:flex;flex-direction:column;gap:var(--space-2);}
.dl-rcard{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1.5px solid var(--line-100);border-radius:var(--radius-md);background:var(--bg-100);cursor:pointer;transition:border-color var(--dur-fast),background-color var(--dur-fast);}
.dl-rcard:has(input:checked){border-color:var(--gold);background:var(--gold-soft);}
.dl-rcard:has(input:disabled){cursor:not-allowed;border-style:dashed;}
.dl-rcard:has(input:disabled) .dl-option__title{color:var(--ink-faint);}
.dl-rcard .dl-option__body{flex:1;}
.dl-pick__kicker{display:block;font:700 11px/14px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);}
.dl-pick__price{display:block;font:800 15px/20px var(--font-sans);margin-top:2px;}

/* ---------- Table (history) ---------- */
.dl-table{width:100%;border-collapse:collapse;font:500 13px/18px var(--font-sans);}
.dl-table th{text-align:left;font:700 11px/14px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);padding:0 8px 8px 0;border-bottom:1px solid var(--line-100);}
.dl-table td{padding:12px 8px 12px 0;border-bottom:1px solid var(--line-100);vertical-align:middle;}
.dl-table td:first-child{color:var(--ink-muted);white-space:nowrap;}
.dl-table td:last-child,.dl-table th:last-child{padding-right:0;text-align:right;}
.dl-state--paid{--_c:var(--state-info);} .dl-state--running{--_c:var(--state-success);}
.dl-state--finished{--_c:var(--state-neutral);} .dl-state--refunded{--_c:var(--state-warning);}

/* ---------- Page header with Back ---------- */
.dl-pagehead{display:flex;align-items:center;gap:var(--space-1);min-height:56px;margin:0 calc(var(--space-2) * -1);}
.dl-back{display:inline-flex;align-items:center;gap:2px;min-height:var(--tap-min);padding:0 var(--space-2);border:0;background:none;color:var(--gold);font:700 15px/20px var(--font-sans);text-decoration:none;cursor:pointer;border-radius:var(--radius-sm);}
.dl-pagehead__title{font:800 20px/26px var(--font-sans);margin:0 0 0 var(--space-1);}
.dl-pagehead--bare .dl-back{margin-right:auto;}

/* ---------- Agent block (listing page, full layer) ---------- */
.dl-agent{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);}
.dl-agent__row{display:flex;align-items:center;gap:var(--space-3);}
.dl-agent__name{font:700 18px/24px var(--font-sans);margin:0;}
.dl-members-only{display:inline-flex;align-items:center;gap:6px;font:600 13px/18px var(--font-sans);color:var(--ink-muted);}

/* ---------- Gallery + viewer ---------- */
.dl-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}
.dl-thumb{position:relative;aspect-ratio:1;border:0;padding:0;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-300);color:var(--ink-faint);display:grid;place-items:center;cursor:pointer;}
.dl-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.dl-thumb .dl-icon{width:28px;height:28px;stroke-width:1.5;}
.dl-thumb__more{position:absolute;inset:0;display:grid;place-items:center;background:rgba(5,6,7,.62);color:var(--ink);font:800 18px/1 var(--font-sans);}
.dl-files{list-style:none;margin:var(--space-3) 0 0;padding:0;}
.dl-files a{display:flex;align-items:center;gap:var(--space-3);min-height:52px;padding:0 var(--space-1);border-bottom:1px solid var(--line-100);color:var(--ink);text-decoration:none;font:600 14px/20px var(--font-sans);}
.dl-files a small{color:var(--ink-muted);font-weight:500;margin-left:auto;}
.dl-files .dl-icon{color:var(--gold);}
.dl-viewer{position:fixed;inset:0;z-index:var(--z-toast);display:flex;flex-direction:column;background:rgba(5,6,7,.96);opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out);}
.dl-viewer.is-open{opacity:1;pointer-events:auto;}
.dl-viewer__bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-2) 0 var(--space-4);min-height:56px;color:var(--ink-muted);font:700 14px/20px var(--font-sans);}
.dl-viewer__stage{flex:1;display:grid;place-items:center;padding:var(--space-4);}
.dl-viewer__img{width:100%;aspect-ratio:4/3;border-radius:var(--radius-md);background:var(--bg-200);display:grid;place-items:center;color:var(--ink-faint);transform:scale(.96);transition:transform var(--dur-base) var(--ease-spring);}
.dl-viewer.is-open .dl-viewer__img{transform:none;}
.dl-viewer__img .dl-icon{width:48px;height:48px;stroke-width:1.25;}
.dl-viewer__nav{display:flex;justify-content:space-between;padding:0 var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom));}
.dl-viewer .dl-btn--icon{--_bg:rgba(255,255,255,.08);--_fg:var(--ink);border-radius:var(--radius-full);}

/* ---------- Members gate + e-mail code (summary layer) ---------- */
.dl-gate{padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);text-align:center;align-items:center;}
.dl-gate__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--radius-full);background:var(--gold-soft);color:var(--gold);}
.dl-gate h3{font:700 18px/24px var(--font-sans);margin:0;}
.dl-gate p{margin:0;color:var(--ink-muted);font-size:14px;line-height:20px;}
.dl-gate .dl-btn{width:100%;}
.dl-summary{padding:var(--space-4);display:flex;flex-direction:column;gap:4px;}
.dl-summary__agent{display:flex;align-items:center;gap:6px;margin-top:var(--space-2);font:600 14px/20px var(--font-sans);color:var(--ink-muted);}
.dl-otp{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;}
.dl-otp input{width:100%;height:56px;padding:0;text-align:center;border:1.5px solid var(--line-200);border-radius:var(--radius-sm);background:var(--bg-200);color:var(--ink);font:800 22px/1 var(--font-sans);caret-color:var(--gold);transition:border-color var(--dur-fast);}
.dl-otp input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft);}
.dl-otp.is-error input{border-color:var(--state-danger);background:var(--danger-soft);animation:dl-shake var(--dur-slow) var(--ease-out);}
.dl-otp input:disabled{border-style:dashed;color:var(--ink-faint);background:transparent;}
@keyframes dl-shake{20%{transform:translateX(-4px);}40%{transform:translateX(4px);}60%{transform:translateX(-2px);}80%{transform:translateX(2px);}}
.dl-resend{display:inline-flex;align-items:center;gap:6px;min-height:var(--tap-min);padding:0;border:0;background:none;color:var(--gold);font:700 14px/20px var(--font-sans);cursor:pointer;}
.dl-resend:disabled{color:var(--ink-muted);cursor:default;}
.dl-alert{display:flex;gap:var(--space-2);align-items:flex-start;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--state-danger);font:600 14px/20px var(--font-sans);}
.dl-alert--warn{background:color-mix(in srgb,var(--state-warning) 12%,transparent);color:var(--state-warning);}

/* ---------- Level card ---------- */
.dl-level{padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);}
.dl-level__plaque{width:144px;height:144px;object-fit:contain;}
.dl-next{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);border-color:var(--gold-line);}
.dl-next__k{font:700 12px/16px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:0;}
.dl-next__t{font:700 18px/24px var(--font-sans);margin:0;}
.dl-next p{margin:0;color:var(--ink-muted);font-size:14px;line-height:20px;}
.dl-next .dl-btn{margin-top:var(--space-2);}
.dl-mini-level{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-decoration:none;color:var(--ink);}
.dl-mini-level img{width:56px;height:56px;object-fit:contain;flex:none;}
.dl-mini-level__t{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;}
.dl-mini-level__t b{font:700 15px/20px var(--font-sans);}
.dl-mini-level__t span{font:500 13px/18px var(--font-sans);color:var(--ink-muted);}
.dl-mini-level>.dl-icon{color:var(--ink-faint);}

/* ---------- Report ---------- */
.dl-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) var(--space-4);}
.dl-success__ic{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--state-success) 14%,transparent);color:var(--state-success);margin-bottom:var(--space-4);animation:dl-pop var(--dur-slow) var(--ease-spring) both;}
.dl-success__ic .dl-icon{width:30px;height:30px;}
.dl-success h3{font:700 20px/26px var(--font-sans);margin:0 0 var(--space-2);}
.dl-success p{margin:0 0 var(--space-5);color:var(--ink-muted);}
@keyframes dl-pop{from{transform:scale(.6);opacity:0;}to{transform:none;opacity:1;}}
.dl-radios .dl-option{align-items:center;}

/* ---------- Data timeline ---------- */
.dl-timeline{list-style:none;margin:0;padding:0;}
.dl-tl__month{font:700 12px/16px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);padding:var(--space-4) 0 var(--space-2);}
.dl-tl__row{position:relative;display:grid;grid-template-columns:32px 1fr;gap:var(--space-3);padding:var(--space-2) 0 var(--space-3);}
.dl-tl__row::before{content:"";position:absolute;left:15.5px;top:40px;bottom:-4px;width:1px;background:var(--line-100);}
.dl-tl__row:last-child::before{display:none;}
.dl-tl__ic{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--bg-300);color:var(--ink-muted);}
.dl-tl__row.is-you .dl-tl__ic{background:var(--gold-soft);color:var(--gold);}
.dl-tl__ic .dl-icon{width:16px;height:16px;}
.dl-tl__who{font:700 13px/18px var(--font-sans);}
.dl-tl__who time{font-weight:500;color:var(--ink-faint);margin-left:6px;}
.dl-tl__txt{font:500 14px/20px var(--font-sans);color:var(--ink-muted);margin-top:2px;}

/* ---------- Global states: error / skeleton / offline ---------- */
.dl-error{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) var(--space-4);}
.dl-error__ic{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--radius-full);background:var(--bg-200);color:var(--ink-muted);margin-bottom:var(--space-4);}
.dl-error h3{font:700 18px/24px var(--font-sans);margin:0 0 var(--space-2);}
.dl-error p{margin:0 0 var(--space-5);color:var(--ink-muted);font-size:14px;line-height:20px;}
.dl-skel{position:relative;overflow:hidden;background:var(--bg-200);border-radius:var(--radius-xs);}
.dl-skel::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:dl-shimmer 1.4s ease-in-out infinite;}
@keyframes dl-shimmer{to{transform:translateX(100%);}}
.dl-skel--line{height:12px;} .dl-skel--title{height:20px;} .dl-skel--price{height:26px;width:60%;} .dl-skel--circle{border-radius:var(--radius-full);}
.dl-offline{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);background:var(--bg-200);border-bottom:1px solid color-mix(in srgb,var(--state-warning) 40%,transparent);color:var(--ink);font:600 14px/20px var(--font-sans);animation:dl-slide-down var(--dur-base) var(--ease-out) both;}
.dl-offline .dl-icon{color:var(--state-warning);}
.dl-offline button{margin-left:auto;}
@keyframes dl-slide-down{from{transform:translateY(-100%);}to{transform:none;}}

/* ---------- Live demo frame ---------- */
.dl-phone{position:relative;transform:translateZ(0);overflow:hidden;overflow:clip;width:390px;height:844px;margin:0 auto;background:var(--bg-000);border:1px solid var(--line-100);border-radius:36px;box-shadow:var(--shadow-2);}
.dl-phone__tg{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 var(--space-4);background:var(--bg-000);border-bottom:1px solid var(--line-100);color:var(--ink);font:700 15px/20px var(--font-sans);}
.dl-phone__tg span{color:var(--ink-muted);font-weight:600;font-size:13px;}
.dl-phone__scroll{position:absolute;top:52px;left:0;right:0;bottom:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;}
.dl-phone__scroll::-webkit-scrollbar{display:none;}
.dl-screen[hidden]{display:none;}
.dl-screen{animation:dl-fade var(--dur-base) var(--ease-out) both;}
@keyframes dl-fade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}


/* ---------- v3: logo + launch (Coming soon) states ---------- */
.dl-logo{display:inline-flex;align-items:center;min-height:var(--tap-min);}
.dl-logo img{display:block;height:30px;width:auto;} /* PNG has built-in padding: the wordmark itself reads ~23px tall */
.dl-card__actions.has-soon .dl-btn--secondary{flex:none;}
.dl-card__actions.has-soon>a.dl-btn--secondary:first-child{flex:1;}
.dl-btn--soon{padding:0 var(--space-3);gap:6px;}
.dl-card__ask.is-soon-box{border:1px dashed var(--line-100);background:transparent;}
.dl-card__ask.is-soon-box p{color:var(--ink-muted);}
.dl-card__ask.is-soon-box .dl-ask__text{flex-direction:row;align-items:center;gap:var(--space-2);flex-wrap:wrap;}
.dl-card__ask.is-soon-box,.dl-card__ask--confirm{flex-direction:column;align-items:stretch;}
.dl-card__ask.is-soon-box .dl-row,.dl-card__ask--confirm .dl-row{flex-wrap:nowrap;}
.dl-card__ask.is-soon-box .dl-row .dl-btn,.dl-card__ask--confirm .dl-row .dl-btn{flex:1;}


/* ================= v4 (MESSAGES #4, owner review 12 Oct) ================= */

/* Earned member labels are all gold (owner, 12 Oct). Tone classes stay for markup compatibility. */
.dl-label--teal,.dl-label--gold,.dl-label--blue,.dl-label--violet,.dl-label--green,.dl-label--amber{--_c:var(--gold);}

/* Header: level as plain meta text + large plaque on the right */
.dl-header__me{position:relative;}
.dl-header__level{font:600 13px/16px var(--font-sans);color:var(--ink-muted);letter-spacing:.02em;}
.dl-header__sep{color:var(--ink-faint);}
.dl-header__plaque{flex:none;width:80px;height:80px;object-fit:contain;margin-left:auto;margin-top:-8px;margin-bottom:-8px;}

/* Library search */
.dl-section-title .dl-title-tools{display:flex;align-items:center;gap:var(--space-2);}
.dl-search{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-base) var(--ease-out);}
.dl-search.is-open{grid-template-rows:1fr;}
.dl-search>div{overflow:hidden;}
.dl-search__box{position:relative;margin:0 0 var(--space-3);}
.dl-search__box .dl-input{padding-left:42px;padding-right:44px;}
.dl-search__box>.dl-icon{position:absolute;left:14px;top:14px;color:var(--ink-faint);pointer-events:none;}
.dl-search__clear{position:absolute;right:2px;top:2px;width:var(--tap-min);height:var(--tap-min);border:0;background:none;color:var(--ink-muted);display:grid;place-items:center;cursor:pointer;border-radius:var(--radius-sm);}
.dl-search__clear[hidden]{display:none!important;}
.dl-nomatch{padding:var(--space-8) var(--space-4);text-align:center;color:var(--ink-muted);}
.dl-nomatch h3{font:700 17px/24px var(--font-sans);color:var(--ink);margin:var(--space-3) 0 var(--space-1);}
.dl-nomatch .dl-icon{width:28px;height:28px;color:var(--ink-faint);}
.dl-btn[aria-expanded="true"].dl-btn--icon{--_bd:var(--gold);color:var(--gold);}

/* Level: thank-you line + several next-step cards */
.dl-level__thanks{margin:0;max-width:300px;color:var(--ink-muted);font:500 14px/21px var(--font-sans);}
.dl-level__thanks[dir="rtl"]{font-family:var(--font-fa);line-height:26px;}
.dl-steps-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4);}
.dl-steps-list__head{font:700 12px/16px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:var(--space-5) 0 0;}
.dl-next .dl-next__row{display:flex;align-items:center;gap:var(--space-3);}
.dl-next__ic{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--gold-soft);color:var(--gold);}
.dl-next__ic .dl-icon{width:18px;height:18px;}
.dl-level-empty{width:96px;height:96px;border-radius:var(--radius-full);border:1.5px dashed var(--line-200);display:grid;place-items:center;color:var(--ink-faint);}

/* Public-profile entry card (own dashboard) */
.dl-profile-card{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);}
.dl-profile-card__link{display:flex;align-items:center;gap:var(--space-2);padding:10px 12px;border-radius:var(--radius-sm);background:var(--bg-000);border:1px solid var(--line-100);font:600 14px/20px var(--font-sans);color:var(--ink);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.dl-profile-card__link .dl-icon{color:var(--ink-faint);flex:none;}
.dl-profile-card .dl-row .dl-btn{flex:1;}

/* Public profile page */
.dl-pub-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0 var(--space-4);}
.dl-pub-head__plaque{width:88px;height:88px;object-fit:contain;margin-left:auto;flex:none;}
.dl-mini-cards{display:flex;flex-direction:column;gap:var(--space-2);}
.dl-mini-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-decoration:none;color:var(--ink);}
.dl-mini-card__t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.dl-mini-card__t b{font:700 16px/22px var(--font-sans);}
.dl-mini-card__t .dl-mini-card__p{font:800 16px/22px var(--font-sans);}
.dl-mini-card__t .dl-mini-card__p small{font-size:12px;color:var(--gold);margin-right:4px;}
.dl-mini-card__t span{font:500 13px/18px var(--font-sans);color:var(--ink-muted);}
.dl-mini-card>.dl-icon{color:var(--ink-faint);}
.dl-join{margin-top:var(--space-5);padding:var(--space-5) var(--space-4);text-align:center;display:flex;flex-direction:column;gap:var(--space-3);border-color:var(--gold-line);}
.dl-join h3{margin:0;font:700 18px/24px var(--font-sans);}
.dl-join p{margin:0;color:var(--ink-muted);font-size:14px;line-height:20px;}

/* Promote: segmented tabs, option cards, calculator summary */
.dl-seg--tabs{margin-bottom:var(--space-4);grid-template-columns:1fr 1fr;}
.dl-tag{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:var(--radius-xs);border:1px solid var(--line-200);font:700 10px/12px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin-left:6px;vertical-align:1px;}
.dl-opt{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);transition:border-color var(--dur-fast),background-color var(--dur-fast);}
.dl-opt.is-on{border-color:var(--gold);}
.dl-opt__head{display:flex;align-items:flex-start;gap:var(--space-3);}
.dl-opt__n{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--bg-300);color:var(--ink-muted);font:800 13px/1 var(--font-sans);}
.dl-opt.is-on .dl-opt__n{background:var(--gold);color:var(--on-gold);}
.dl-opt__t{flex:1;min-width:0;}
.dl-opt__t b{display:block;font:700 16px/22px var(--font-sans);}
.dl-opt__t span{display:block;font:500 13px/18px var(--font-sans);color:var(--ink-muted);margin-top:2px;}
.dl-opt__body{display:none;flex-direction:column;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line-100);}
.dl-opt.is-on .dl-opt__body{display:flex;}
.dl-opt__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font:600 14px/20px var(--font-sans);}
.dl-opt__sub{display:flex;align-items:center;justify-content:space-between;font:700 14px/20px var(--font-sans);color:var(--ink-muted);}
.dl-opt__sub .dl-price-stars{color:var(--ink);}
.dl-opt__info{font:500 13px/19px var(--font-sans);color:var(--ink-muted);margin:0;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--bg-000);}
.dl-switch{position:relative;flex:none;width:48px;height:28px;}
.dl-switch input{appearance:none;-webkit-appearance:none;margin:0;width:48px;height:28px;border-radius:999px;background:var(--bg-300);border:1.5px solid var(--line-200);cursor:pointer;transition:background-color var(--dur-fast),border-color var(--dur-fast);}
.dl-switch input::after{content:"";position:absolute;left:4px;top:4px;width:20px;height:20px;border-radius:50%;background:var(--ink-muted);transition:transform var(--dur-base) var(--ease-spring),background-color var(--dur-fast);}
.dl-switch input:checked{background:var(--gold);border-color:var(--gold);}
.dl-switch input:checked::after{transform:translateX(20px);background:var(--on-gold);}
.dl-switch-wrap{display:flex;align-items:center;gap:var(--space-2);min-height:var(--tap-min);font:700 13px/16px var(--font-sans);color:var(--ink-muted);cursor:pointer;white-space:nowrap;}
.dl-stepper{display:inline-flex;align-items:center;border:1.5px solid var(--line-200);border-radius:var(--radius-sm);overflow:hidden;}
.dl-stepper button{width:var(--tap-min);height:40px;border:0;background:none;color:var(--ink);display:grid;place-items:center;cursor:pointer;}
.dl-stepper button:active{background:var(--bg-300);}
.dl-stepper output{min-width:56px;text-align:center;font:800 15px/20px var(--font-sans);}
.dl-chips-radio{display:flex;flex-wrap:wrap;gap:6px;}
.dl-chips-radio label{position:relative;}
.dl-chips-radio input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;}
.dl-chips-radio span{display:inline-flex;align-items:center;gap:4px;min-height:40px;padding:0 12px;border-radius:var(--radius-sm);border:1.5px solid var(--line-200);font:700 13px/16px var(--font-sans);color:var(--ink-muted);}
.dl-chips-radio input:checked+span{border-color:var(--gold);background:var(--gold-soft);color:var(--ink);}
.dl-chips-radio input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px;}
.dl-calc{position:sticky;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 8px);z-index:var(--z-sticky);margin-top:var(--space-5);padding:var(--space-3) var(--space-4) var(--space-4);background:var(--bg-200);border:1px solid var(--gold-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);}
.dl-calc--static{position:relative;bottom:auto;}
.dl-calc__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:var(--tap-min);padding:0;border:0;background:none;color:var(--ink);font:700 15px/20px var(--font-sans);cursor:pointer;}
.dl-calc__toggle .dl-icon{transition:transform var(--dur-base) var(--ease-out);}
.dl-calc.is-open .dl-calc__toggle .dl-icon{transform:rotate(180deg);}
.dl-calc__detail{display:none;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0 var(--space-3);border-bottom:1px solid var(--line-100);margin-bottom:var(--space-3);}
.dl-calc.is-open .dl-calc__detail{display:flex;}
.dl-calc__line{display:flex;justify-content:space-between;gap:var(--space-3);font:500 14px/20px var(--font-sans);color:var(--ink-muted);}
.dl-calc__line b{color:var(--ink);font-weight:700;}
.dl-calc__line.is-discount b{color:var(--state-success);}
.dl-calc__code{display:flex;gap:var(--space-2);}
.dl-calc__code .dl-input{min-height:44px;padding:10px 12px;font-size:15px;}
.dl-calc__msg{font:600 12px/16px var(--font-sans);}
.dl-calc__msg.is-ok{color:var(--state-success);} .dl-calc__msg.is-err{color:var(--state-danger);}
.dl-calc__total{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-3);}
.dl-calc__total .dl-price-stars{font-size:22px;line-height:28px;}
.dl-calc__total .dl-price-stars .dl-icon{width:20px;height:20px;}
.dl-calc__aed{display:block;text-align:right;font:600 12px/16px var(--font-sans);color:var(--ink-muted);}

/* Custom request: form rows, attachments, stepper, preview */
.dl-btnrow{display:grid;grid-template-columns:1fr 1.4fr auto;gap:6px;align-items:center;}
.dl-btnrow .dl-input{min-height:44px;padding:10px 12px;font-size:15px;}
.dl-attach{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;}
.dl-attach__item{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);background:var(--bg-300);display:grid;place-items:center;color:var(--ink-faint);}
.dl-attach__item small{position:absolute;left:4px;right:4px;bottom:4px;font:600 10px/12px var(--font-sans);color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;}
.dl-attach__rm{position:absolute;top:2px;right:2px;width:28px;height:28px;border:0;border-radius:50%;background:rgba(5,6,7,.7);color:var(--ink);display:grid;place-items:center;cursor:pointer;}
.dl-attach__add{border:1.5px dashed var(--line-200);background:transparent;color:var(--gold);cursor:pointer;font:700 12px/16px var(--font-sans);display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;}
.dl-track{list-style:none;margin:0;padding:0;}
.dl-track li{position:relative;display:grid;grid-template-columns:24px 1fr;gap:var(--space-3);padding:0 0 var(--space-4);}
.dl-track li::before{content:"";position:absolute;left:11.5px;top:24px;bottom:0;width:1px;background:var(--line-100);}
.dl-track li:last-child::before{display:none;}
.dl-track__dot{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--line-200);background:var(--bg-100);display:grid;place-items:center;color:var(--on-gold);}
.dl-track__dot .dl-icon{width:14px;height:14px;}
.dl-track li.is-done .dl-track__dot{background:var(--gold);border-color:var(--gold);}
.dl-track li.is-now .dl-track__dot{border-color:var(--gold);box-shadow:0 0 0 4px var(--gold-soft);}
.dl-track li.is-done::before{background:var(--gold-line);}
.dl-track li.is-declined .dl-track__dot{border-color:var(--state-danger);color:var(--state-danger);background:var(--danger-soft);}
.dl-track__t b{display:block;font:700 15px/20px var(--font-sans);}
.dl-track li:not(.is-done):not(.is-now):not(.is-declined) .dl-track__t b{color:var(--ink-faint);}
.dl-track__t span{display:block;font:500 13px/18px var(--font-sans);color:var(--ink-muted);}
.dl-req{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);}
.dl-req__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);}
.dl-req__head b{font:700 16px/22px var(--font-sans);}
.dl-state--progress{--_c:var(--state-warning);} .dl-state--ready{--_c:var(--gold);} .dl-state--declined{--_c:var(--state-danger);} .dl-state--scheduled{--_c:var(--state-info);}
.dl-tgpost{border-radius:var(--radius-md);background:#182533;padding:var(--space-3);color:#f2f5f8;font:500 14px/21px var(--font-sans);}
.dl-tgpost__media{aspect-ratio:16/9;border-radius:var(--radius-sm);background:#22303f;display:grid;place-items:center;color:#7d8b99;margin-bottom:var(--space-2);}
.dl-tgpost__media .dl-icon{width:32px;height:32px;}
.dl-tgpost__text{white-space:pre-wrap;margin:0;}
.dl-tgpost__mark{display:inline-flex;align-items:center;gap:4px;margin-top:var(--space-2);color:#e7c55b;font:700 12px/16px var(--font-sans);}
.dl-tgpost__mark .dl-icon{width:13px;height:13px;fill:#e7c55b;color:#e7c55b;}
.dl-tgpost__btns{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:6px;}
.dl-tgpost__btns span{display:flex;align-items:center;justify-content:center;min-height:38px;border-radius:var(--radius-sm);background:#2b3a4a;color:#f2f5f8;font:600 13px/16px var(--font-sans);}
.dl-tgpost__btns span:only-child{grid-column:1/-1;}
.dl-previewnote{font:500 12px/16px var(--font-sans);color:var(--ink-faint);margin:6px 0 0;}

/* Report forms */
.dl-pick-list{display:flex;flex-direction:column;gap:var(--space-2);}
.dl-or{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-3) 0;font:700 11px/14px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);}
.dl-or::before,.dl-or::after{content:"";flex:1;height:1px;background:var(--line-100);}
.dl-results{display:flex;flex-direction:column;gap:6px;margin-top:var(--space-2);}
.dl-person{display:flex;align-items:center;gap:var(--space-3);}
.dl-person .dl-avatar{width:36px;height:36px;font-size:15px;}
.dl-file-btn{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding:0 var(--space-3);border:1.5px dashed var(--line-200);border-radius:var(--radius-sm);color:var(--gold);font:700 14px/20px var(--font-sans);cursor:pointer;}
.dl-file-btn input{display:none;}
.dl-req-mark{color:var(--state-danger);}


/* ================= v5 (MESSAGES #5) ================= */

/* Listings grid + ListingTile */
.dl-lhead{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);margin:var(--space-3) 0 var(--space-3);}
.dl-lhead__k{font:700 12px/16px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:0 0 2px;}
.dl-lhead h2{font:800 26px/32px var(--font-sans);margin:0;}
.dl-lhead p{margin:2px 0 0;font:500 13px/18px var(--font-sans);color:var(--ink-muted);}
.dl-ltools{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);}
.dl-ltools .dl-search__box{flex:1;margin:0;}
.dl-filter-btn{position:relative;}
.dl-filter-btn .dl-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--gold);color:var(--on-gold);font:800 11px/20px var(--font-sans);text-align:center;}
.dl-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.dl-tile{position:relative;display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:visible;background:var(--bg-100);border:1px solid var(--line-100);cursor:pointer;text-align:left;color:var(--ink);transition:transform var(--dur-fast) var(--ease-out);}
.dl-tile:active{transform:scale(.98);}
.dl-tile.is-promoted{border:1.5px solid var(--gold);box-shadow:0 0 0 3px var(--gold-soft);}
.dl-tile__media{position:relative;aspect-ratio:1/1;border-radius:calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0;overflow:hidden;background:var(--bg-300);display:grid;place-items:center;color:var(--ink-faint);}
.dl-tile__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.dl-tile__media .dl-icon{width:32px;height:32px;stroke-width:1.25;}
.dl-tile__deal{position:absolute;left:8px;bottom:8px;height:24px;padding:0 8px;border-radius:var(--radius-xs);background:rgba(14,15,17,.82);color:var(--ink);font:800 11px/24px var(--font-sans);letter-spacing:.04em;}
.dl-tile__deal.is-rent{color:var(--state-info);} .dl-tile__deal.is-sale{color:var(--gold);}
.dl-tile__promo{position:absolute;left:8px;top:8px;display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-radius:var(--radius-xs);background:var(--gold);color:var(--on-gold);font:800 10px/24px var(--font-sans);letter-spacing:.04em;}
.dl-tile__promo .dl-icon{width:12px;height:12px;fill:var(--on-gold);color:var(--on-gold);}
.dl-tile__more{position:absolute;right:4px;top:4px;}
.dl-tile__more .dl-btn--icon{--_bg:rgba(14,15,17,.72);--_bd:transparent;width:36px;min-height:36px;border-radius:var(--radius-full);}
.dl-tile__more .dl-menu{min-width:200px;}
.dl-tile__body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:2px;min-width:0;}
.dl-tile__t{font:700 14px/19px var(--font-sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;}
.dl-tile__loc{display:flex;align-items:center;gap:4px;font:500 12px/16px var(--font-sans);color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dl-tile__loc .dl-icon{width:12px;height:12px;flex:none;}
.dl-tile__row{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-top:4px;}
.dl-tile__p{font:800 15px/20px var(--font-sans);color:var(--ink);white-space:nowrap;}
.dl-tile__p small{font-size:10px;color:var(--gold);margin-right:3px;letter-spacing:.04em;}
.dl-tile__beds{font:600 11px/14px var(--font-sans);color:var(--ink-muted);white-space:nowrap;}
.dl-tile--skel{cursor:default;}
.dl-tile--skel .dl-tile__media{background:var(--bg-200);}
.dl-tile[hidden]{display:none!important;}

/* Filter sheet */
.dl-fgroup{margin-top:var(--space-4);}
.dl-fgroup__t{font:700 13px/18px var(--font-sans);margin:0 0 8px;}
.dl-range{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;}
.dl-range .dl-input{min-height:44px;padding:10px 12px;font-size:15px;}
select.dl-input{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-muted) 50%),linear-gradient(135deg,var(--ink-muted) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:40px;}

/* Contact via DubiLook + phone row */
.dl-handoff__ic{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--radius-full);background:var(--gold-soft);color:var(--gold);margin:0 auto var(--space-3);}
.dl-phone-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--bg-000);border:1px solid var(--line-100);}
.dl-phone-row b{flex:1;font:700 15px/20px var(--font-sans);letter-spacing:.02em;white-space:nowrap;}
.dl-privacy{padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3);}
.dl-privacy__t{flex:1;min-width:0;}
.dl-privacy__t b{display:block;font:700 14px/20px var(--font-sans);}
.dl-privacy__t span{display:block;font:500 12px/17px var(--font-sans);color:var(--ink-muted);}

/* Telegram header ⋯ (app menu) */
.dl-phone__tg button{border:0;background:none;color:var(--ink-muted);min-width:var(--tap-min);min-height:var(--tap-min);display:grid;place-items:center;cursor:pointer;}
.dl-admin-row{display:flex;align-items:center;gap:var(--space-3);min-height:56px;padding:0 var(--space-1);border-top:1px solid var(--line-100);margin-top:var(--space-2);}
.dl-admin-row b{flex:1;font:700 15px/20px var(--font-sans);color:var(--gold);}
.dl-admin-row small{display:block;font:500 12px/16px var(--font-sans);color:var(--ink-muted);}

/* Splash */
.dl-splash{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:var(--bg-000);transition:opacity 250ms var(--ease-out);}
.dl-splash[hidden]{display:none!important;}
.dl-splash__stage{position:relative;width:240px;height:140px;display:grid;place-items:center;}
.dl-splash__lens{position:absolute;width:96px;height:96px;object-fit:contain;opacity:0;transform:scale(.6);}
.dl-splash__word{position:absolute;width:220px;height:auto;opacity:0;transform:scale(.96);}
.dl-splash.is-playing .dl-splash__lens{animation:dl-sp-lens 1000ms var(--ease-spring) forwards;}
.dl-splash.is-playing .dl-splash__word{animation:dl-sp-word 650ms var(--ease-out) 550ms forwards;}
.dl-splash.is-leaving{opacity:0;}
.dl-splash__skip{position:absolute;bottom:calc(24px + env(safe-area-inset-bottom));left:0;right:0;text-align:center;font:600 12px/16px var(--font-sans);color:var(--ink-faint);}
@keyframes dl-sp-lens{0%{opacity:0;transform:scale(.6);}35%{opacity:1;transform:scale(1);}60%{opacity:1;transform:scale(1);}100%{opacity:0;transform:scale(.7);}}
@keyframes dl-sp-word{from{opacity:0;transform:scale(.96);}to{opacity:1;transform:scale(1);}}
.dl-splash.is-static .dl-splash__lens{display:none;}
.dl-splash.is-static .dl-splash__word{opacity:1;transform:none;animation:none;}

/* Admin mode (internal) */
.dl-admin-banner{display:flex;align-items:center;gap:var(--space-2);padding:10px 12px;margin:var(--space-2) 0 var(--space-3);border-radius:var(--radius-sm);border:1px dashed var(--gold);background:var(--gold-soft);color:var(--ink);font:700 13px/18px var(--font-sans);}
.dl-admin-banner .dl-icon{color:var(--gold);}
.dl-admin-banner small{margin-left:auto;font-weight:600;color:var(--ink-muted);}
.dl-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.dl-stat{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--ink);}
.dl-stat b{font:800 26px/30px var(--font-sans);}
.dl-stat span{font:600 13px/18px var(--font-sans);color:var(--ink-muted);}
.dl-stat.is-hot b{color:var(--gold);}
.dl-kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font:500 14px/20px var(--font-sans);}
.dl-kv dt{color:var(--ink-muted);}
.dl-kv dd{margin:0;font-weight:700;}
.dl-optlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.dl-optlist li{display:flex;justify-content:space-between;gap:var(--space-2);font:500 14px/20px var(--font-sans);color:var(--ink-muted);}
.dl-optlist li b{color:var(--ink);font-weight:700;}
.dl-answer{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--bg-000);border:1px solid var(--line-100);font:500 14px/20px var(--font-sans);}
.dl-answer b{display:block;margin-bottom:4px;}
.dl-dt{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
input[type="date"].dl-input,input[type="time"].dl-input{color-scheme:dark;}

/* ---------- v6: Post category (step 01) — required; everything below stays locked until chosen ---------- */
.dl-req-mark{margin-left:auto;align-self:center;padding:2px 8px;border-radius:var(--radius-full);border:1px solid var(--gold-line);color:var(--gold);font:700 11px/16px var(--font-sans);letter-spacing:.04em;text-transform:uppercase;}
.dl-rcard.dl-cat{align-items:center;padding:var(--space-3);}
.dl-cat__ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-sm);background:var(--bg-300);color:var(--ink-muted);}
.dl-rcard.dl-cat:has(input:checked) .dl-cat__ic{background:var(--gold);color:var(--on-gold);}
.dl-cat__price{display:block;margin-top:2px;font:600 13px/18px var(--font-sans);color:var(--ink-muted);}
.dl-cat__price b{color:var(--gold);font-weight:700;}
.dl-cat__more{flex:none;min-height:40px;padding:0 4px;font-size:13px;}
.dl-cat .dl-radio{position:absolute;opacity:0;pointer-events:none;}
.dl-cat{position:relative;}
.dl-cat:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px;}
.dl-cat-handoff{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--gold-soft);color:var(--ink);animation:dl-fade-in var(--dur-base) var(--ease-out);}
.dl-cat-echo{display:flex;gap:var(--space-2);align-items:flex-start;margin:0 0 var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--gold-line);background:var(--gold-soft);font:500 13px/18px var(--font-sans);color:var(--ink);}
[data-cat-gate]{transition:opacity var(--dur-base) var(--ease-out),filter var(--dur-base) var(--ease-out);}
[data-cat-gate].is-locked{opacity:.38;filter:saturate(.4);pointer-events:none;user-select:none;}
@keyframes dl-fade-in{from{opacity:0;transform:translateY(-4px);}to{opacity:1;transform:none;}}

/* ---------- v6: Counters — disabled ends + hidden max note ---------- */
.dl-stepper button:disabled{color:var(--ink-faint);opacity:.45;cursor:not-allowed;background:none;}
.dl-opt__maxnote{display:flex;gap:6px;align-items:flex-start;margin:-4px 0 0;font:600 13px/18px var(--font-sans);color:var(--state-warning);}
.dl-opt__maxnote[hidden]{display:none;}
.dl-opt__row small{font-weight:500;color:var(--ink-faint);}

/* ---------- v6: Buttons under the post — one field per platform + live mini preview ---------- */
.dl-chips-radio span .dl-icon{width:15px;height:15px;}
.dl-btnfields{display:flex;flex-direction:column;gap:var(--space-2);}
.dl-btnfield{display:flex;flex-direction:column;gap:4px;}
.dl-btnfield__lab{display:flex;align-items:center;gap:6px;font:700 13px/18px var(--font-sans);color:var(--ink-muted);}
.dl-btnfield__lab .dl-icon{width:15px;height:15px;}
.dl-btnfield__row{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;}
.dl-btnfield .dl-input{min-height:44px;padding:10px 12px;font-size:15px;}
.dl-btnfield.is-error .dl-input{border-color:var(--state-danger);background:var(--danger-soft);}
.dl-btnfield__err{display:flex;gap:6px;align-items:center;font:600 12px/16px var(--font-sans);color:var(--state-danger);}
.dl-btnfield__err[hidden]{display:none;}
.dl-btnpv{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--bg-000);}
.dl-btnpv__cap{display:block;margin-bottom:6px;font:700 11px/14px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);}
.dl-tgpost--mini{padding:10px 12px;font-size:13px;line-height:19px;}
.dl-tgpost__btns span{gap:6px;}
.dl-tgpost__btns span .dl-icon{width:14px;height:14px;}
.dl-tgpost__btns span.is-pending{background:transparent;border:1px dashed #4a5b6c;color:#7d8b99;}
.dl-btnpv .dl-note{margin-top:6px;}
.dl-calc__hint{display:flex;gap:6px;align-items:center;margin:0 0 var(--space-2);font:600 13px/18px var(--font-sans);color:var(--state-danger);}
.dl-calc__hint[hidden]{display:none;}
.dl-calc__est{margin:0 0 var(--space-3);font:500 13px/18px var(--font-sans);color:var(--ink-muted);}
.dl-opt--bare{padding:0;border:0;background:none;}
.dl-opt--bare .dl-opt__body{display:flex;padding-top:0;border-top:0;}

/* ---------- v6: Coming soon card that explains the flow ---------- */
.dl-soonflow{list-style:none;margin:0 0 var(--space-4);padding:0;display:flex;flex-direction:column;gap:var(--space-2);text-align:left;width:100%;max-width:300px;}
.dl-soonflow li{display:flex;gap:var(--space-3);align-items:baseline;font:500 14px/20px var(--font-sans);color:var(--ink-muted);}
.dl-soonflow li b{flex:none;min-width:24px;font:800 14px/20px var(--font-sans);color:var(--gold);}

/* ---------- v6: Admin — View post (exact post, expandable) ---------- */
.dl-viewpost{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-3);}
.dl-viewpost .dl-tgpost__btns{margin-top:-6px;}
.dl-tgpost__media--grid{aspect-ratio:auto;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:3px;background:none;height:150px;}
.dl-tgpost__media--grid>span{display:grid;place-items:center;border-radius:6px;background:#22303f;color:#7d8b99;}
.dl-tgpost__media--grid>span:first-child{grid-row:1/3;}
.dl-tgpost__media--grid .dl-icon{width:22px;height:22px;}
.dl-viewpost__row{border-top:1px solid var(--line-100);padding-top:var(--space-2);}

/* ---------- v7: post wall live — edit note ---------- */
.dl-card__note{display:flex;gap:6px;align-items:flex-start;margin:var(--space-2) 0 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--bg-000);font:500 13px/18px var(--font-sans);color:var(--ink-muted);}
.dl-btnfield--other .dl-btnfield__row+.dl-btnfield__row{margin-top:2px;}

/* ================= v7: WEBSITE (dubilook.com) =================
   One shell for every page: .dl-web (container) > .dl-wnav + .dl-wpage > .dl-wmain + .dl-wfoot.
   Phone first; ≥ 960 px container width = desktop (top nav links, grids, side TOC, sticky summary).
   Container queries (not media queries) so the same markup works in a page and inside preview frames. */
.dl-web{container-type:inline-size;container-name:web;position:relative;min-height:100%;background:var(--bg-000);color:var(--ink);}
.dl-web.is-in .dl-only-out,.dl-web:not(.is-in) .dl-only-in{display:none!important;}
.dl-wwrap{max-width:1200px;margin:0 auto;padding:0 var(--space-4);}

/* Top nav */
.dl-wnav{position:sticky;top:0;z-index:30;background:rgba(14,15,17,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line-100);}
.dl-wnav__in{display:flex;align-items:center;gap:var(--space-3);height:60px;}
.dl-wnav__logo{display:flex;align-items:center;flex:none;}
.dl-wnav__logo img{height:22px;width:auto;display:block;}
.dl-wnav__links{display:none;align-items:center;gap:2px;margin-left:var(--space-4);}
.dl-wnav__links a{display:inline-flex;align-items:center;min-height:40px;padding:0 12px;border-radius:var(--radius-sm);color:var(--ink-muted);font:600 14px/20px var(--font-sans);text-decoration:none;}
.dl-wnav__links a:hover{color:var(--ink);background:var(--bg-100);}
.dl-wnav__links a[aria-current="page"]{color:var(--ink);background:var(--bg-200);}
.dl-wnav__end{margin-left:auto;display:flex;align-items:center;gap:var(--space-2);}
.dl-wnav__me{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 10px 0 4px;border-radius:var(--radius-full);border:1px solid var(--line-200);background:var(--bg-100);color:var(--ink);font:700 13px/16px var(--font-sans);text-decoration:none;cursor:pointer;}
.dl-wnav__me .dl-avatar{width:32px;height:32px;font-size:14px;}
.dl-wnav__menu{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-sm);border:1px solid var(--line-200);background:var(--bg-100);color:var(--ink);cursor:pointer;}
.dl-wnav__signin{display:none;}
.dl-wdrawer{display:none;border-top:1px solid var(--line-100);padding:var(--space-2) var(--space-4) var(--space-4);}
.dl-web.is-menu .dl-wdrawer{display:block;}
.dl-wdrawer a{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 4px;border-bottom:1px solid var(--line-100);color:var(--ink);font:600 16px/22px var(--font-sans);text-decoration:none;}
.dl-wdrawer a[aria-current="page"]{color:var(--gold);}
.dl-wdrawer .dl-btn{margin-top:var(--space-3);}
.dl-wlang{display:inline-flex;gap:2px;padding:3px;border-radius:var(--radius-sm);border:1px solid var(--line-100);background:var(--bg-000);}
.dl-wlang button{min-height:32px;min-width:36px;padding:0 8px;border:0;border-radius:6px;background:none;color:var(--ink-muted);font:700 12px/16px var(--font-sans);cursor:pointer;}
.dl-wlang button[aria-pressed="true"]{background:var(--bg-300);color:var(--ink);}

/* Page + sections */
.dl-wpage{display:block;}
.dl-wmain{padding:var(--space-6) 0 var(--space-12);}
.dl-wkicker{margin:0 0 var(--space-2);font:700 12px/16px var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);}
.dl-wh1{margin:0 0 var(--space-3);font:800 34px/40px var(--font-sans);letter-spacing:-.02em;}
.dl-wh2{margin:0 0 var(--space-3);font:800 24px/30px var(--font-sans);letter-spacing:-.01em;}
.dl-wlead{margin:0 0 var(--space-5);font:500 17px/27px var(--font-sans);color:var(--ink-muted);max-width:620px;}
.dl-wsec{padding:var(--space-8) 0 0;}
.dl-wbtns{display:flex;flex-wrap:wrap;gap:var(--space-2);}
.dl-wbtns .dl-btn{flex:1 1 100%;}
.dl-wgrid{display:grid;grid-template-columns:1fr;gap:var(--space-3);}
.dl-wfeature{padding:var(--space-5);}
.dl-wfeature__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--gold-soft);color:var(--gold);margin-bottom:var(--space-3);}
.dl-wfeature h3{margin:0 0 6px;font:700 18px/24px var(--font-sans);}
.dl-wfeature p{margin:0;color:var(--ink-muted);font-size:15px;line-height:23px;}
.dl-wfeature .dl-link{margin-top:var(--space-2);}
.dl-whero{display:grid;gap:var(--space-6);align-items:center;padding-top:var(--space-4);}
.dl-whero__art{display:none;place-items:center;aspect-ratio:1;border-radius:var(--radius-xl);background:radial-gradient(closest-side,rgba(201,162,39,.18),transparent 70%),var(--bg-100);border:1px solid var(--line-100);}
.dl-whero__art img{width:52%;height:auto;}
.dl-wsteps{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3);counter-reset:ws;}
.dl-wsteps li{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--bg-100);border:1px solid var(--line-100);}
.dl-wsteps li::before{counter-increment:ws;content:"0" counter(ws);flex:none;font:800 24px/28px var(--font-sans);color:var(--gold);min-width:36px;}
.dl-wsteps b{display:block;font:700 16px/22px var(--font-sans);}
.dl-wsteps span{display:block;color:var(--ink-muted);font-size:15px;line-height:22px;margin-top:2px;}
.dl-wcta{margin-top:var(--space-8);padding:var(--space-6) var(--space-5);border-radius:var(--radius-xl);border:1px solid var(--gold-line);background:linear-gradient(180deg,var(--gold-soft),transparent),var(--bg-100);text-align:center;}
.dl-wcta h2{margin:0 0 6px;font:800 22px/28px var(--font-sans);}
.dl-wcta p{margin:0 0 var(--space-4);color:var(--ink-muted);}
.dl-wcta .dl-wbtns{justify-content:center;}
.dl-wbanner{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--line-200);background:var(--bg-100);margin-bottom:var(--space-4);}
.dl-wbanner b{display:block;font:700 16px/22px var(--font-sans);}
.dl-wbanner span{display:block;color:var(--ink-muted);font-size:14px;line-height:20px;margin-top:2px;}
.dl-wbanner--sold{border-color:var(--gold-line);}

/* Footer */
.dl-wfoot{border-top:1px solid var(--line-100);background:var(--bg-000);padding:var(--space-8) 0 var(--space-6);}
.dl-wfoot__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6) var(--space-4);}
.dl-wfoot__brand{grid-column:1/-1;}
.dl-wfoot__brand img{height:22px;width:auto;display:block;margin-bottom:var(--space-3);}
.dl-wfoot__brand p{margin:0;color:var(--ink-muted);font-size:14px;line-height:21px;max-width:320px;}
.dl-wfoot h4{margin:0 0 var(--space-2);font:700 12px/16px var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);}
.dl-wfoot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;}
.dl-wfoot ul a{display:inline-flex;align-items:center;min-height:36px;color:var(--ink-muted);font:600 14px/20px var(--font-sans);text-decoration:none;}
.dl-wfoot ul a:hover{color:var(--ink);}
.dl-wfoot__base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--line-100);color:var(--ink-faint);font:500 13px/18px var(--font-sans);}
.dl-wfoot .dl-disclaimer{margin-top:var(--space-6);}

/* Reading pages (How it works, Rules, guides, Terms, Privacy) */
.dl-wread{display:grid;grid-template-columns:1fr;gap:var(--space-5);}
.dl-wtoc{border:1px solid var(--line-100);border-radius:var(--radius-md);background:var(--bg-100);}
.dl-wtoc summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 var(--space-4);font:700 14px/20px var(--font-sans);cursor:pointer;list-style:none;}
.dl-wtoc summary::-webkit-details-marker{display:none;}
.dl-wtoc ol{list-style:none;margin:0;padding:0 var(--space-2) var(--space-3);}
.dl-wtoc a{display:flex;gap:8px;min-height:38px;align-items:center;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--ink-muted);font:600 14px/19px var(--font-sans);text-decoration:none;}
.dl-wtoc a:hover{background:var(--bg-200);color:var(--ink);}
.dl-wtoc a small{color:var(--gold);font-weight:800;min-width:20px;}
.dl-wtoc--desk{display:none;background:none;border:0;}
.dl-wtoc--desk ol{padding:0;}
.dl-wtoc__t{margin:0 0 6px;padding:0 var(--space-2);font:700 12px/16px var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);}
.dl-wprose{max-width:720px;}
.dl-wprose h2{scroll-margin-top:80px;margin:var(--space-8) 0 var(--space-2);font:800 22px/28px var(--font-sans);display:flex;gap:10px;align-items:baseline;}
.dl-wprose h2:first-child{margin-top:0;}
.dl-wprose h2 small{font:800 14px/20px var(--font-sans);color:var(--gold);}
.dl-wprose p,.dl-wprose li{font:500 16px/27px var(--font-sans);color:var(--ink-muted);}
.dl-wprose p{margin:0 0 var(--space-3);}
.dl-wprose b{color:var(--ink);}
.dl-wprose ul{margin:0 0 var(--space-3);padding-left:20px;}
.dl-wprose a{color:var(--gold);}
.dl-wprose [dir="rtl"] ul,.dl-wprose[dir="rtl"] ul{padding-left:0;padding-right:20px;}
.dl-wprose[dir="rtl"] p,.dl-wprose[dir="rtl"] li{font:var(--text-fa-body);}
.dl-wprose[dir="rtl"] h2{font-family:var(--font-fa);}
.dl-wprose .dl-labels{margin:var(--space-2) 0 var(--space-3);}
.dl-wrule{padding:var(--space-4);border-radius:var(--radius-md);background:var(--bg-100);border:1px solid var(--line-100);margin-bottom:var(--space-2);}
.dl-wrule h3{margin:0 0 4px;font:700 16px/22px var(--font-sans);display:flex;gap:10px;}
.dl-wrule h3 small{color:var(--gold);font-weight:800;}
.dl-wrule p{margin:0;font-size:15px;line-height:23px;}
.dl-wprose[dir="rtl"] .dl-wrule h3{font-family:var(--font-fa);}
.dl-wupdated{margin:0 0 var(--space-5);font:500 13px/18px var(--font-sans);color:var(--ink-faint);}
.dl-wexample{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--line-100);background:var(--bg-100);margin-bottom:var(--space-3);}
.dl-wexample>b{display:flex;gap:6px;align-items:center;margin-bottom:var(--space-2);font:700 14px/20px var(--font-sans);}
.dl-wexample.is-good>b{color:var(--state-success);} .dl-wexample.is-poor>b{color:var(--state-danger);}
.dl-wexample pre{margin:0;white-space:pre-wrap;font:500 14px/22px var(--font-sans);color:var(--ink);}

/* Forms / auth */
.dl-wauth{max-width:440px;margin:0 auto;}
.dl-wauth .dl-surface{padding:var(--space-6) var(--space-5);}
.dl-wauth h1{margin:0 0 6px;font:800 26px/32px var(--font-sans);}
.dl-wauth>p,.dl-wauth .dl-wauth__sub{margin:0 0 var(--space-5);color:var(--ink-muted);}
.dl-check{display:flex;gap:10px;align-items:center;min-height:44px;font:600 14px/20px var(--font-sans);cursor:pointer;}
.dl-check{width:100%;}
.dl-check input{flex:none;width:20px!important;height:20px;min-height:0;accent-color:var(--gold);margin:0;padding:0;}
.dl-phonefield{display:grid;grid-template-columns:96px 1fr;gap:6px;margin-top:6px;}
.dl-wdone{text-align:center;}
.dl-wdone__ic{display:grid;place-items:center;width:56px;height:56px;margin:0 auto var(--space-3);border-radius:var(--radius-full);background:var(--gold-soft);color:var(--gold);}

/* Dashboard */
.dl-wdash{display:grid;grid-template-columns:1fr;gap:var(--space-5);}
.dl-wdash__side{display:flex;flex-direction:column;gap:var(--space-3);}
.dl-wposts{display:grid;grid-template-columns:1fr;gap:var(--space-3);}
.dl-wcomplete{padding:var(--space-5);}
.dl-wcomplete h3{margin:0 0 4px;font:700 17px/23px var(--font-sans);}
.dl-wcomplete p{margin:0 0 var(--space-3);color:var(--ink-muted);font-size:14px;line-height:21px;}
.dl-wcomplete .dl-stack{gap:var(--space-2);}
.dl-wtabs{display:flex;gap:4px;border-bottom:1px solid var(--line-100);margin-bottom:var(--space-4);overflow-x:auto;}
.dl-wtabs button{min-height:44px;padding:0 14px;border:0;border-bottom:2px solid transparent;background:none;color:var(--ink-muted);font:700 14px/20px var(--font-sans);cursor:pointer;white-space:nowrap;}
.dl-wtabs button[aria-pressed="true"]{color:var(--ink);border-bottom-color:var(--gold);}

/* Web calculator (AED, paid via WhatsApp / admins) */
.dl-wcalc-layout{display:grid;grid-template-columns:1fr;gap:var(--space-5);align-items:start;}
.dl-wplat{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);}
.dl-wplat label{position:relative;display:flex;align-items:center;gap:10px;min-height:56px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1.5px solid var(--line-100);background:var(--bg-100);font:700 15px/20px var(--font-sans);cursor:pointer;}
.dl-wplat label:has(input:checked){border-color:var(--gold);background:var(--gold-soft);}
.dl-wplat input{flex:none;width:20px!important;height:20px;min-height:0;accent-color:var(--gold);margin:0;padding:0;}
.dl-wsection-t{display:flex;align-items:center;gap:8px;margin:var(--space-5) 0 var(--space-2);font:800 13px/18px var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);}
.dl-wsection-t:first-child{margin-top:0;}
.dl-wformula{margin:0;padding:8px 12px;border-radius:var(--radius-sm);background:var(--bg-000);font:700 14px/20px var(--font-sans);color:var(--ink);font-variant-numeric:tabular-nums;}
.dl-wformula:empty{display:none;}
.dl-wgroups{display:flex;flex-direction:column;gap:var(--space-2);}
.dl-wgroups .dl-chips-radio{margin:0;}
.dl-wgroups .dl-stepper.is-off{opacity:.4;pointer-events:none;}
.dl-wsum{position:sticky;bottom:0;z-index:20;margin:var(--space-5) calc(-1 * var(--space-4)) 0;background:var(--bg-200);border-top:1px solid var(--line-200);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-3);}
.dl-wsum__bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);}
.dl-wsum__bar b{font:800 20px/26px var(--font-sans);}
.dl-wsum__bar small{display:block;color:var(--ink-muted);font:600 12px/16px var(--font-sans);}
.dl-wsum__bar .dl-btn{margin-left:auto;}
.dl-wsum__body{display:none;padding:0 var(--space-4) var(--space-4);max-height:60vh;overflow:auto;}
.dl-wsum.is-open .dl-wsum__body{display:block;}
.dl-wsum.is-open .dl-wsum__bar .dl-icon{transform:rotate(180deg);}
.dl-wsum h3{display:none;margin:0 0 var(--space-3);font:800 18px/24px var(--font-sans);}
.dl-wline{display:grid;grid-template-columns:1fr auto;gap:2px var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--line-100);}
.dl-wline span{font:600 14px/20px var(--font-sans);}
.dl-wline b{font:800 14px/20px var(--font-sans);}
.dl-wline small{grid-column:1/-1;color:var(--ink-muted);font:500 12px/17px var(--font-sans);}
.dl-wtotal{display:flex;align-items:baseline;justify-content:space-between;margin:var(--space-3) 0;}
.dl-wtotal span{font:700 16px/22px var(--font-sans);}
.dl-wtotal b{font:800 26px/32px var(--font-sans);color:var(--gold);}
.dl-wsum .dl-calc__code{margin-top:var(--space-3);}
.dl-wsum__acts{display:flex;flex-direction:column;gap:var(--space-2);}
.dl-wsum__note{margin:var(--space-2) 0 0;font:500 12px/17px var(--font-sans);color:var(--ink-faint);text-align:center;}
.dl-wa-btn{background:#1fa855;border-color:#1fa855;color:#fff;}
.dl-wa-btn:hover{background:#23b95e;}

.dl-btn.is-disabled{opacity:.45;pointer-events:none;}

/* Post builder */
.dl-wpb{display:grid;grid-template-columns:1fr;gap:var(--space-5);align-items:start;}
.dl-wpb__form{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);}
.dl-wpb__form .is-wide{grid-column:1/-1;}
.dl-wpb__out{position:sticky;top:76px;}
.dl-wpb__out pre{margin:0 0 var(--space-3);min-height:180px;padding:var(--space-4);border-radius:var(--radius-md);background:#182533;color:#f2f5f8;white-space:pre-wrap;font:500 14px/22px var(--font-sans);}

/* Website demo shell (preview only): toolbar + browser frame with its own scroll */
.dl-wdemo{display:flex;flex-direction:column;gap:var(--space-3);}
.dl-wtool{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);}
.dl-wtool select{min-height:40px;max-width:260px;}
.dl-wtool .dl-seg{grid-template-columns:repeat(2,auto);}
.dl-wtool .dl-seg button{padding:0 12px;}
.dl-webframe{position:relative;transform:translateZ(0);overflow:hidden;overflow:clip;margin:0 auto;max-width:100%;border:1px solid var(--line-200);border-radius:14px;background:var(--bg-000);box-shadow:var(--shadow-2);transition:width var(--dur-base) var(--ease-out);}
.dl-wchrome{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;background:var(--bg-200);border-bottom:1px solid var(--line-100);}
.dl-wchrome i{width:10px;height:10px;border-radius:50%;background:var(--bg-300);}
.dl-wchrome__url{flex:1;display:flex;align-items:center;gap:6px;height:24px;margin-left:8px;padding:0 10px;border-radius:6px;background:var(--bg-000);color:var(--ink-muted);font:600 12px/16px var(--font-sans);overflow:hidden;white-space:nowrap;}
.dl-webframe__scroll{height:calc(100% - 36px);overflow-y:auto;overscroll-behavior:contain;}

@container web (min-width: 960px){
  .dl-wwrap{padding:0 var(--space-8);}
  .dl-wnav__links{display:flex;}
  .dl-wnav__menu{display:none;}
  .dl-wnav__signin{display:inline-flex;}
  .dl-wdrawer,.dl-web.is-menu .dl-wdrawer{display:none;}
  .dl-wmain{padding:var(--space-8) 0 var(--space-12);}
  .dl-wh1{font-size:56px;line-height:62px;}
  .dl-wh2{font-size:32px;line-height:38px;}
  .dl-wlead{font-size:19px;line-height:30px;}
  .dl-wbtns .dl-btn{flex:0 0 auto;}
  .dl-whero{grid-template-columns:1.25fr 1fr;gap:var(--space-12);padding-top:var(--space-8);}
  .dl-whero__art{display:grid;}
  .dl-wgrid--3{grid-template-columns:repeat(3,1fr);}
  .dl-wgrid--2{grid-template-columns:repeat(2,1fr);}
  .dl-wsteps{grid-template-columns:repeat(3,1fr);}
  .dl-wsteps li{flex-direction:column;}
  .dl-wfoot__grid{grid-template-columns:1.6fr 1fr 1fr 1fr;}
  .dl-wfoot__brand{grid-column:auto;}
  .dl-wread{grid-template-columns:240px 1fr;gap:var(--space-12);}
  .dl-wtoc--phone{display:none;}
  .dl-wtoc--desk{display:block;position:sticky;top:84px;}
  .dl-wread>div:first-child{align-self:stretch;}
  .dl-wauth{padding-top:var(--space-8);}
  .dl-wdash{grid-template-columns:340px 1fr;gap:var(--space-8);align-items:start;}
  .dl-wdash__side{position:sticky;top:84px;}
  .dl-wposts{grid-template-columns:1fr 1fr;}
  .dl-wcalc-layout{grid-template-columns:1fr 380px;gap:var(--space-8);}
  .dl-wsum{top:84px;bottom:auto;margin:0;border:1px solid var(--line-100);border-radius:var(--radius-xl);background:var(--bg-100);box-shadow:var(--shadow-1);}
  .dl-wsum__bar{display:none;}
  .dl-wsum__body{display:block;padding:var(--space-5);max-height:none;}
  .dl-wsum h3{display:block;}
  .dl-wpb{grid-template-columns:1fr 400px;gap:var(--space-8);}
  .dl-wtiles{grid-template-columns:repeat(4,1fr);}
}
.dl-wdrawer a.dl-btn{justify-content:center;border-bottom:0;min-height:48px;padding:0 var(--space-5);}
.dl-wdrawer a.dl-btn--primary{color:var(--on-gold);}
/* On the website, sheets and toasts stay a readable width on desktop */
.dl-webframe .dl-sheet,.dl-webframe .dl-toasts{margin:0 auto;max-width:560px;}
.dl-webframe .dl-toasts{bottom:var(--space-4);}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce){
  .dl-app *,.dl-app *::before,.dl-app *::after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;transition-delay:0ms!important;}
  .dl-btn[aria-busy="true"]::after{animation:dl-spin 1.6s linear infinite!important;}
}