.dgel-wrap {
  --bg: var(--dgel-bg, #f7f7f7);
  --card: var(--dgel-card, #fff);
  --text: var(--dgel-text, #1f2933);
  --muted: var(--dgel-muted, #667085);
  --border: var(--dgel-border, #d9dee8);
  --accent: var(--dgel-accent, #f4a300);
  --accent-dark: var(--dgel-accent-dark, #d98e00);
  --price: var(--dgel-price, #b5121b);
  --dark: var(--dgel-dark, #1f1f1f);
  box-sizing: border-box;
  width: min(100%, var(--dgel-ui-width, 1240px));
  max-width: var(--dgel-ui-width, 1240px);
  margin: 0 auto;
  padding: var(--dgel-ui-padding, 18px);
  color: var(--text);
  background: linear-gradient(135deg, var(--bg), #fff);
  border-radius: var(--dgel-card-radius, 16px);
}
.dgel-wrap *, .dgel-wrap *::before, .dgel-wrap *::after { box-sizing: border-box; }
.dgel-head { margin-bottom: 18px; }
.dgel-kicker { display: inline-flex; width: fit-content; margin-bottom: 8px; padding: 5px 10px; border-radius: 999px; background: rgba(244, 163, 0, .16); color: var(--price); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.dgel-wrap h1 { margin: 0 0 8px; color: var(--text); font-size: clamp(28px, 4vw, 44px); line-height: 1.05; font-weight: 900; letter-spacing: -.03em; }
.dgel-wrap h2, .dgel-wrap h3 { color: var(--text); }
.dgel-wrap p { color: var(--muted); }
.dgel-tiles, .dgel-toolbar, .dgel-auth-tabs, .dgel-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.dgel-tile, .dgel-auth-tabs button, .dgel-tabs button { appearance: none; border: 1px solid var(--border); border-radius: 999px; background: var(--card); color: var(--text); cursor: pointer; padding: 10px 14px; font-weight: 800; }
.dgel-tile.active, .dgel-auth-tabs button.active, .dgel-tabs button.active { border-color: var(--accent); background: #fff6df; color: var(--price); }
.dgel-tile:focus-visible, .dgel-auth-tabs button:focus-visible, .dgel-tabs button:focus-visible, .dgel-auth-foot button:focus-visible { outline: 3px solid rgba(244, 163, 0, .35); outline-offset: 2px; }
.dgel-toolbar { align-items: center; justify-content: space-between; padding: 12px; border: 1px solid var(--border); border-radius: var(--dgel-card-radius, 12px); background: var(--card); }
.dgel-toolbar select, .dgel-form input, .dgel-form select, .dgel-form textarea, .dgel-filter-form input, .dgel-filter-form select { width: 100%; min-height: 44px; border: 1px solid var(--border); border-radius: var(--dgel-button-radius, 10px); background: #fff; color: var(--text); padding: 10px 12px; font: inherit; }
section.dgel-account .dgel-form input:not([type="file"]), section.dgel-account .dgel-form select, section.dgel-account .dgel-form textarea { background: #fff !important; border-color: var(--border) !important; box-shadow: none !important; }
section.dgel-account .dgel-form input:focus, section.dgel-account .dgel-form select:focus, section.dgel-account .dgel-form textarea:focus { border-color: var(--accent) !important; outline: 3px solid rgba(244, 163, 0, .18); }
.dgel-form textarea { resize: vertical; }
.dgel-toolbar select { width: auto; }
.dgel-filter-form { display: grid; grid-template-columns: 1.4fr repeat(4, minmax(130px, 1fr)); gap: 12px; align-items: end; margin-bottom: 18px; padding: 14px; border: 1px solid var(--border); border-radius: var(--dgel-card-radius, 14px); background: rgba(255, 255, 255, .86); box-shadow: var(--dgel-shadow, 0 10px 28px rgba(31, 31, 31, .05)); }
.dgel-filter-form label { display: grid; gap: 6px; color: var(--text); font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .03em; }
.dgel-filter-actions { display: flex; gap: 8px; align-items: center; }
.dgel-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.dgel-card, .dgel-panel, .dgel-auth-box, .dgel-sidebar, .dgel-main { border: 1px solid var(--border); border-radius: var(--dgel-card-radius, 14px); background: var(--card); box-shadow: var(--dgel-shadow, 0 14px 38px rgba(31, 31, 31, .07)); }
.dgel-card { padding: 14px; transition: transform .16s, border-color .16s; }
.dgel-card:hover { border-color: var(--price); transform: translateY(-2px); }
.dgel-card-image { display: flex; align-items: center; justify-content: center; aspect-ratio: 1; margin-bottom: 12px; border-radius: var(--dgel-image-radius, 10px); background: var(--bg); overflow: hidden; }
.dgel-card-image img { width: 100%; height: 100%; object-fit: var(--dgel-product-image-fit, contain); padding: var(--dgel-product-image-padding, 10px); }
.dgel-card h2 { min-height: 42px; margin: 0 0 8px; font-size: 15px; line-height: 1.35; }
.dgel-card h2 a, .dgel-link { color: var(--price); text-decoration: none; font-weight: 800; }
.dgel-card-meta { display: flex; justify-content: space-between; gap: 8px; min-height: 24px; margin-bottom: 8px; color: var(--muted); font-size: 11px; font-weight: 900; text-transform: uppercase; }
.dgel-stock { display: inline-flex; align-items: center; width: fit-content; border-radius: 999px; padding: 3px 8px; font-size: 10px; }
.dgel-stock-in { background: #dcfce7; color: #166534; }
.dgel-stock-out { background: #fee2e2; color: #991b1b; }
.dgel-stock-quote { background: #fef3c7; color: #92400e; }
.dgel-price { margin-bottom: 12px; color: var(--price); font-size: 18px; font-weight: 900; }
.dgel-price-login { color: var(--price); font-size: 14px; font-weight: 900; text-decoration: none; }
.dgel-price small { color: var(--muted); font-size: 12px; }
.dgel-price-large { font-size: 34px; }
.dgel-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; border: 0; border-radius: var(--dgel-button-radius, 10px); background: var(--accent); color: var(--dark) !important; cursor: pointer; padding: 11px 16px; font-weight: 900; text-decoration: none !important; }
.dgel-button:hover { background: var(--accent-dark); }
.dgel-button-block { width: 100%; }
.dgel-button-quote { background: var(--price); color: #fff !important; }
.dgel-button-light { border: 1px solid var(--border); background: #fff; color: var(--text) !important; }
.dgel-button-danger { border: 1px solid rgba(181, 18, 27, .18); background: #fff1f2; color: var(--price) !important; }
.dgel-button-danger:hover { background: #ffe4e6; }
.dgel-card-actions { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 12px; }
.dgel-inline-form { display: inline-flex; margin: 0; }
.dgel-chip { min-height: 32px; border: 1px solid var(--border); border-radius: 999px; background: #fff; color: var(--text); cursor: pointer; padding: 6px 10px; font-size: 12px; font-weight: 900; }
.dgel-chip.active, .dgel-chip:hover { border-color: var(--accent); background: #fff6df; color: var(--price); }
.dgel-empty { grid-column: 1 / -1; padding: 32px; text-align: center; }
.dgel-product { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; }
.dgel-gallery, .dgel-product-info { padding: 18px; border: 1px solid var(--border); border-radius: var(--dgel-card-radius, 14px); background: var(--card); }
.dgel-gallery > img { width: 100%; aspect-ratio: 1; object-fit: var(--dgel-product-image-fit, contain); padding: var(--dgel-product-image-padding, 10px); border-radius: var(--dgel-image-radius, 12px); background: var(--bg); }
.dgel-thumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.dgel-thumbs button { width: 70px; height: 70px; border: 2px solid var(--border); border-radius: var(--dgel-image-radius, 10px); background: #fff; cursor: pointer; overflow: hidden; }
.dgel-thumbs button.active { border-color: var(--price); }
.dgel-thumbs img { width: 100%; height: 100%; object-fit: var(--dgel-product-image-fit, contain); padding: min(var(--dgel-product-image-padding, 10px), 6px); }
.dgel-summary { color: var(--muted); line-height: 1.6; }
.dgel-product-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.dgel-product-meta span { display: inline-flex; align-items: center; border: 1px solid var(--border); border-radius: 999px; padding: 6px 10px; background: var(--bg); color: var(--muted); font-size: 12px; font-weight: 900; }
.dgel-buy { display: flex; gap: 10px; align-items: center; }
.dgel-buy input { width: 86px; min-height: 44px; border: 1px solid var(--border); border-radius: var(--dgel-button-radius, 10px); padding: 8px; }
.dgel-tab-panel { display: none; padding: 18px; border: 1px solid var(--border); border-radius: var(--dgel-card-radius, 14px); background: var(--card); }
.dgel-tab-panel.active { display: block; }
.dgel-quote-panel { margin-top: 18px; }
.dgel-alert { margin-bottom: 14px; padding: 13px 15px; border-radius: var(--dgel-card-radius, 10px); font-weight: 800; }
.dgel-alert-ok { border: 1px solid #bbf7d0; background: #ecfdf5; color: #166534; }
.dgel-alert-error { border: 1px solid #fecdd3; background: #fff1f2; color: #9f1239; }
.dgel-auth { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(380px, .78fr); gap: 24px; align-items: stretch; }
.dgel-auth-intro { position: relative; display: flex; min-height: 520px; flex-direction: column; justify-content: center; padding: 44px; border-radius: var(--dgel-card-radius, 18px); overflow: hidden; background: radial-gradient(circle at 18% 18%, rgba(244, 163, 0, .44), transparent 28%), radial-gradient(circle at 82% 78%, rgba(181, 18, 27, .78), transparent 34%), linear-gradient(145deg, #17100a, #361619 62%, var(--price)); }
.dgel-auth-intro::after { content: ""; position: absolute; inset: auto -70px -105px auto; width: 300px; height: 300px; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; box-shadow: -90px -55px 0 rgba(255,255,255,.04); }
.dgel-auth-intro h1, .dgel-auth-intro p { color: #fff; }
.dgel-auth-intro h1, .dgel-auth-intro p, .dgel-auth-label { position: relative; z-index: 1; }
.dgel-auth-label { display: inline-flex; width: fit-content; margin-bottom: 28px; border-left: 4px solid var(--accent); color: #fff; padding-left: 12px; font-size: 13px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.dgel-auth-box, .dgel-main, .dgel-sidebar, .dgel-panel { padding: 20px; }
.dgel-auth-box { align-self: start; padding: 22px; border-radius: var(--dgel-card-radius, 18px); }
.dgel-auth-heading { margin-bottom: 14px; }
.dgel-auth-heading h2 { margin: 0 0 6px; font-size: 28px; letter-spacing: -.02em; }
.dgel-auth-heading p { margin: 0; font-size: 14px; line-height: 1.5; }
section.dgel-account .dgel-auth-panel { display: none !important; height: 0; opacity: 0; overflow: hidden; pointer-events: none; }
section.dgel-account .dgel-auth-panel.active { display: grid !important; height: auto; opacity: 1; overflow: visible; pointer-events: auto; }
.dgel-form { display: grid; gap: 13px; }
.dgel-form label { display: grid; gap: 6px; color: var(--text); font-size: 13px; font-weight: 800; }
.dgel-form-row, .dgel-profile-grid, .dgel-dashboard, .dgel-stats { display: grid; gap: 14px; }
.dgel-form-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dgel-auth-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.dgel-check { display: inline-flex !important; align-items: center; gap: 8px !important; margin: 0; }
.dgel-check input[type="checkbox"] { width: 18px !important; min-height: 18px !important; accent-color: var(--price); }
.dgel-auth-foot { margin: 0; text-align: center; font-size: 13px; }
.dgel-auth-foot button { appearance: none; border: 0; background: transparent; color: var(--price); cursor: pointer; font-weight: 900; padding: 0; text-decoration: underline; }
.dgel-dashboard { grid-template-columns: 280px minmax(0, 1fr); }
.dgel-dashboard-hero { grid-column: 1 / -1; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 18px; align-items: center; padding: 22px; border-radius: var(--dgel-card-radius, 18px); background: radial-gradient(circle at 0 0, rgba(244, 163, 0, .38), transparent 30%), linear-gradient(135deg, var(--dark), var(--price)); }
.dgel-dashboard-hero h1, .dgel-dashboard-hero p { color: #fff; }
.dgel-dashboard-hero > div { min-width: 0; flex: 1 1 520px; }
.dgel-dashboard-hero .dgel-kicker { background: rgba(255,255,255,.16); color: #fff; border: 1px solid rgba(255,255,255,.28); box-shadow: none; }
.dgel-dashboard-hero h1 { margin-bottom: 6px; overflow-wrap: anywhere; }
.dgel-dashboard-hero p { margin: 0; }
.dgel-sidebar { align-self: start; text-align: center; }
.dgel-sidebar strong, .dgel-sidebar small { display: block; max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
.dgel-sidebar nav { display: grid; gap: 6px; margin-top: 18px; text-align: left; }
.dgel-sidebar nav a { display: flex; justify-content: space-between; padding: 11px 12px; border-radius: var(--dgel-button-radius, 10px); color: var(--text); text-decoration: none; font-weight: 800; }
.dgel-sidebar nav a.active, .dgel-sidebar nav a:hover { background: #fff6df; color: var(--price); }
.dgel-logout { color: #b91c1c !important; }
.dgel-avatar, .dgel-avatar-large { display: block; border-radius: 50%; object-fit: cover; margin: 0 auto 12px; background: var(--bg); border: 4px solid #fff; box-shadow: var(--dgel-shadow, 0 8px 20px rgba(31, 31, 31, .12)); }
.dgel-avatar { width: 96px; height: 96px; }
.dgel-avatar-large { width: 160px; height: 160px; }
.dgel-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dgel-stats div { padding: 18px; border: 1px solid var(--border); border-radius: var(--dgel-card-radius, 14px); background: linear-gradient(180deg, #fff, var(--bg)); }
.dgel-stats strong { display: block; color: var(--price); font-size: 26px; font-weight: 900; }
.dgel-stats span { color: var(--muted); font-size: 12px; font-weight: 800; }
.dgel-section-head { margin-bottom: 18px; }
.dgel-section-head p { max-width: 720px; margin: 0; }
.dgel-profile-grid { grid-template-columns: minmax(260px, 320px) minmax(0, 1fr); align-items: stretch; }
.dgel-profile-grid .dgel-panel { border-radius: var(--dgel-card-radius, 18px); padding: 24px; }
.dgel-panel-heading { margin-bottom: 18px; }
.dgel-panel-heading h2 { margin: 0 0 6px; font-size: clamp(24px, 3vw, 34px); line-height: 1.08; letter-spacing: -.03em; }
.dgel-panel-heading p { margin: 0; font-size: 14px; line-height: 1.45; }
.dgel-avatar-panel { text-align: center; }
.dgel-avatar-panel .dgel-avatar-large { width: 150px; height: 150px; margin-bottom: 18px; }
.dgel-avatar-upload { margin-top: 6px; }
.dgel-avatar-remove { margin-top: 10px; }
.dgel-file-field { display: grid !important; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 8px !important; width: 100%; min-height: 54px; border: 1px dashed var(--border); border-radius: var(--dgel-card-radius, 14px); background: linear-gradient(180deg, #fff, var(--bg)); padding: 8px; cursor: pointer; text-align: left; }
.dgel-file-field input[type="file"] { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.dgel-file-button { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; border-radius: var(--dgel-button-radius, 10px); background: var(--dark); color: #fff; padding: 8px 11px; font-size: 12px; font-weight: 900; white-space: nowrap; }
.dgel-file-name { min-width: 0; color: var(--muted); font-size: 12px; font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dgel-help { color: var(--muted); font-size: 12px; line-height: 1.45; text-align: left; }
.dgel-profile-panel .dgel-form { gap: 14px; }
.dgel-form-divider { height: 1px; margin: 4px 0; background: linear-gradient(90deg, transparent, var(--border), transparent); }
.dgel-checkout-grid { display: grid; grid-template-columns: minmax(280px, .85fr) minmax(0, 1.15fr); gap: 16px; align-items: start; }
.dgel-order-lines { display: grid; gap: 10px; }
.dgel-order-line { display: grid; grid-template-columns: 74px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 12px; border: 1px solid var(--border); border-radius: var(--dgel-card-radius, 12px); background: linear-gradient(180deg, #fff, var(--bg)); }
.dgel-order-thumb img { display: block; width: 74px; height: 74px; object-fit: var(--dgel-product-image-fit, contain); padding: min(var(--dgel-product-image-padding, 10px), 6px); border-radius: var(--dgel-image-radius, 12px); background: #fff; }
.dgel-order-line > div:not(.dgel-order-thumb) { min-width: 0; }
.dgel-order-line > div:not(.dgel-order-thumb) strong { display: block; overflow-wrap: anywhere; line-height: 1.25; }
.dgel-order-line span { display: block; margin-top: 4px; color: var(--muted); font-size: 12px; font-weight: 800; }
.dgel-order-line > strong { color: var(--price); white-space: nowrap; }
.dgel-order-price-mode { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-top: 14px; padding: 12px 16px; border: 1px solid var(--border); border-radius: var(--dgel-card-radius, 12px); background: var(--bg); }
.dgel-order-price-mode span { color: var(--muted); font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .04em; }
.dgel-order-price-mode strong { color: var(--price); font-size: 16px; font-weight: 900; }
.dgel-order-total { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-top: 14px; padding: 16px; border-radius: var(--dgel-card-radius, 14px); background: var(--dark); color: #fff; }
.dgel-order-total span { font-size: 13px; font-weight: 900; text-transform: uppercase; letter-spacing: .04em; }
.dgel-order-total strong { font-size: 22px; font-weight: 900; }
.dgel-checkout-cart-link { margin-top: 12px; }
.dgel-confirmed { padding: 26px; border: 1px solid #bbf7d0; border-radius: var(--dgel-card-radius, 18px); background: linear-gradient(135deg, #ecfdf5, #fff); box-shadow: var(--dgel-shadow, 0 14px 38px rgba(31, 31, 31, .07)); }
.dgel-confirmed h2 { margin: 0 0 8px; font-size: clamp(24px, 3vw, 36px); }
.dgel-confirmed-meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 18px 0; }
.dgel-confirmed-meta div { padding: 14px; border: 1px solid var(--border); border-radius: var(--dgel-card-radius, 12px); background: #fff; }
.dgel-confirmed-meta strong { display: block; color: var(--price); font-size: 20px; font-weight: 900; }
.dgel-confirmed-meta span { color: var(--muted); font-size: 12px; font-weight: 800; }
.dgel-cart-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: 16px; align-items: start; }
.dgel-cart-form { margin: 0; }
.dgel-cart-items { display: grid; gap: 12px; }
.dgel-cart-item { display: grid; grid-template-columns: 86px minmax(0, 1fr) 110px 112px 130px; gap: 12px; align-items: center; padding: 12px; border: 1px solid var(--border); border-radius: var(--dgel-card-radius, 14px); background: linear-gradient(180deg, #fff, var(--bg)); }
.dgel-cart-thumb img { display: block; width: 86px; height: 86px; object-fit: var(--dgel-product-image-fit, contain); padding: min(var(--dgel-product-image-padding, 10px), 6px); border-radius: var(--dgel-image-radius, 12px); background: #fff; }
.dgel-cart-product { min-width: 0; display: grid; gap: 5px; }
.dgel-cart-product a { color: var(--text); text-decoration: none; }
.dgel-cart-product strong { display: block; overflow-wrap: anywhere; line-height: 1.25; }
.dgel-cart-product span, .dgel-cart-price span, .dgel-cart-qty span, .dgel-cart-line span { color: var(--muted); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .03em; }
.dgel-cart-price, .dgel-cart-line { display: grid; gap: 5px; }
.dgel-cart-price strong, .dgel-cart-line strong { color: var(--price); font-weight: 900; white-space: nowrap; }
.dgel-cart-qty { display: grid; gap: 5px; margin: 0; font-weight: 900; }
.dgel-cart-qty input { width: 100%; min-height: 42px; border: 1px solid var(--border); border-radius: var(--dgel-button-radius, 10px); background: #fff; color: var(--text); padding: 8px; text-align: center; font: inherit; font-weight: 900; }
.dgel-mini-link { appearance: none; width: fit-content; border: 0; background: transparent; color: var(--price); cursor: pointer; padding: 0; font-weight: 900; text-decoration: underline; }
.dgel-cart-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; }
.dgel-cart-summary { position: sticky; top: 20px; }
.dgel-cart-summary-lines { display: grid; gap: 0; margin-bottom: 18px; }
.dgel-cart-summary-lines div { display: flex; justify-content: space-between; gap: 14px; padding: 13px 0; border-bottom: 1px solid var(--border); }
.dgel-cart-summary-lines span { color: var(--muted); font-weight: 900; }
.dgel-cart-summary-lines strong { color: var(--text); font-weight: 900; }
.dgel-cart-summary-total strong { color: var(--price); font-size: 22px; }
.dgel-cart-continue { display: block; margin-top: 12px; text-align: center; }
.dgel-cart-empty { text-align: center; }
.dgel-table-wrap { overflow-x: auto; }
.dgel-table { width: 100%; min-width: 680px; border-collapse: collapse; }
.dgel-table th, .dgel-table td { padding: 12px; border-bottom: 1px solid var(--border); text-align: left; }
.dgel-status { display: inline-flex; width: fit-content; align-items: center; border-radius: 999px; padding: 6px 10px; background: #fff6df; color: var(--price); font-size: 12px; font-weight: 900; }
.dgel-status-processing { background: #e0f2fe; color: #075985; }
.dgel-status-completed { background: #dcfce7; color: #166534; }
.dgel-status-cancelled, .dgel-status-failed { background: #fee2e2; color: #991b1b; }
.dgel-back-link { display: inline-flex; margin-bottom: 14px; }
.dgel-order-detail { display: grid; gap: 14px; }
.dgel-order-detail-head { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; padding: 18px; border: 1px solid var(--border); border-radius: var(--dgel-card-radius, 16px); background: linear-gradient(135deg, #fff, var(--bg)); }
.dgel-order-detail-head h2 { margin: 0 0 8px; font-size: clamp(24px, 3vw, 34px); letter-spacing: -.03em; }
.dgel-order-detail-head p { max-width: 680px; margin: 0; }
.dgel-order-detail-meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.dgel-order-detail-meta div, .dgel-order-detail-lines, .dgel-order-message { padding: 16px; border: 1px solid var(--border); border-radius: var(--dgel-card-radius, 14px); background: #fff; }
.dgel-order-detail-meta strong { display: block; color: var(--price); font-size: 20px; font-weight: 900; }
.dgel-order-detail-meta span { color: var(--muted); font-size: 12px; font-weight: 900; text-transform: uppercase; }
.dgel-order-detail-lines h3, .dgel-order-message h3 { margin: 0 0 12px; }
.dgel-order-detail-line { display: flex; justify-content: space-between; gap: 14px; padding: 12px 0; border-top: 1px solid var(--border); }
.dgel-order-detail-line:first-of-type { border-top: 0; }
.dgel-order-detail-line span { display: block; margin-top: 4px; color: var(--muted); font-size: 12px; font-weight: 800; }
.dgel-order-detail-line > strong { color: var(--price); white-space: nowrap; }
.dgel-order-message p { margin: 0; color: var(--text); line-height: 1.6; }
.dgel-pagination { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 22px; }
.dgel-pagination a { display: inline-flex; min-width: 42px; min-height: 42px; align-items: center; justify-content: center; border: 1px solid var(--border); border-radius: var(--dgel-button-radius, 10px); background: var(--card); color: var(--text); font-weight: 900; text-decoration: none; }
.dgel-pagination a.active, .dgel-pagination a:hover { border-color: var(--accent); background: #fff6df; color: var(--price); }
@media (max-width: 1000px) {
  .dgel-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .dgel-auth, .dgel-dashboard, .dgel-product, .dgel-checkout-grid, .dgel-cart-grid { grid-template-columns: 1fr; }
  .dgel-cart-summary { position: static; }
  .dgel-auth-intro { min-height: 360px; }
  .dgel-filter-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .dgel-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dgel-form-row, .dgel-profile-grid, .dgel-stats, .dgel-filter-form, .dgel-confirmed-meta { grid-template-columns: 1fr; }
  .dgel-filter-actions { flex-direction: column; align-items: stretch; }
  .dgel-auth { grid-template-columns: 1fr; }
  .dgel-auth-row, .dgel-dashboard-hero { align-items: stretch; flex-direction: column; }
  .dgel-dashboard-hero { justify-content: flex-start; }
  .dgel-order-detail-head { flex-direction: column; }
  .dgel-order-detail-meta { grid-template-columns: 1fr; }
  .dgel-order-line { grid-template-columns: 62px minmax(0, 1fr); }
  .dgel-order-thumb img { width: 62px; height: 62px; }
  .dgel-order-line > strong { grid-column: 2; justify-self: start; }
  .dgel-cart-item { grid-template-columns: 72px minmax(0, 1fr); }
  .dgel-cart-thumb img { width: 72px; height: 72px; }
  .dgel-cart-price, .dgel-cart-qty, .dgel-cart-line { grid-column: 1 / -1; }
}
@media (max-width: 480px) {
  .dgel-grid { grid-template-columns: 1fr; }
  section.dgel-account.dgel-wrap { width: 100%; padding: 10px; border-radius: 0; overflow: hidden; }
  section.dgel-account .dgel-dashboard { gap: 10px; }
  section.dgel-account .dgel-dashboard-hero { min-height: 0; padding: 14px; border-radius: 12px; gap: 12px; }
  section.dgel-account .dgel-dashboard-hero > div { flex: 0 1 auto; }
  section.dgel-account .dgel-dashboard-hero h1 { font-size: 20px !important; line-height: 1.15; letter-spacing: -.02em; word-break: break-word; }
  section.dgel-account .dgel-dashboard-hero p { font-size: 12px; line-height: 1.35; }
  section.dgel-account .dgel-dashboard-hero .dgel-button { width: 100%; min-height: 38px; padding: 9px 12px; font-size: 12px; }
  section.dgel-account .dgel-sidebar, section.dgel-account .dgel-main { padding: 14px; border-radius: 12px; }
  section.dgel-account .dgel-sidebar .dgel-avatar { width: 72px; height: 72px; }
  section.dgel-account .dgel-sidebar strong { font-size: 13px; line-height: 1.25; }
  section.dgel-account .dgel-sidebar small { font-size: 11px; line-height: 1.25; }
  section.dgel-account .dgel-sidebar nav { gap: 4px; margin-top: 12px; }
  section.dgel-account .dgel-sidebar nav a { min-height: 38px; padding: 9px 10px; font-size: 12px; }
  section.dgel-account .dgel-main h1 { font-size: 22px !important; line-height: 1.12; }
  section.dgel-account .dgel-table-wrap { overflow: visible; }
  section.dgel-account .dgel-table { display: block; width: 100%; min-width: 0; border-collapse: separate; border-spacing: 0; }
  section.dgel-account .dgel-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  section.dgel-account .dgel-table tbody { display: grid; gap: 10px; }
  section.dgel-account .dgel-table tr { display: grid; gap: 7px; padding: 12px; border: 1px solid var(--border); border-radius: var(--dgel-card-radius, 12px); background: #fff; box-shadow: var(--dgel-shadow, 0 8px 22px rgba(31, 31, 31, .05)); }
  section.dgel-account .dgel-table td { display: flex; justify-content: space-between; gap: 12px; padding: 0; border: 0; font-size: 12px; line-height: 1.35; text-align: right; }
  section.dgel-account .dgel-table td::before { flex: 0 0 auto; color: var(--muted); font-weight: 900; text-align: left; }
  section.dgel-account .dgel-table td:nth-child(1)::before { content: "Date"; }
  section.dgel-account .dgel-table td:nth-child(2)::before { content: "Statut"; }
  section.dgel-account .dgel-table td:nth-child(3)::before { content: "Total"; }
  section.dgel-account .dgel-table td:nth-child(4) { justify-content: flex-start; padding-top: 6px; border-top: 1px solid var(--border); text-align: left; }
  section.dgel-account .dgel-table td:nth-child(4)::before { content: ""; display: none; }
  section.dgel-account .dgel-status { max-width: 170px; justify-content: center; padding: 5px 8px; font-size: 10px; line-height: 1.2; text-align: center; white-space: normal; }
  section.dgel-account .dgel-table .dgel-link { display: inline-flex; width: 100%; min-height: 34px; align-items: center; justify-content: center; border-radius: 9px; background: #fff6df; color: var(--price); font-size: 12px; text-decoration: none; }
}