/* GULI customer orders: compact summary card. */
.ordersPageContainer .orderCard:not(.expanded) { overflow: hidden !important; }
.ordersPageContainer .orderCard:not(.expanded) .orderProductsListUnder { display:none !important; height:0 !important; min-height:0 !important; max-height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important; }
.ordersPageContainer .orderCard:not(.expanded) .orderMain { display:block !important; min-height:0 !important; height:auto !important; padding:0 !important; margin:0 !important; }
.ordersPageContainer .orderCodeTag,.ordersPageContainer .recentBadge,.ordersPageContainer .recentStatusTime { display:none !important; }
.ordersPageContainer .orderTop { min-height:0 !important; height:auto !important; padding:8px 10px 4px !important; margin:0 !important; }
.ordersPageContainer .orderTopMeta { min-height:0 !important; }
.ordersPageContainer .orderInfoSummaryBar { box-sizing:border-box !important; min-height:34px !important; margin:3px 10px 0 !important; padding:6px 9px !important; border-radius:9px !important; gap:4px !important; }
.ordersPageContainer .orderInfoSummaryBar > div { line-height:1.2 !important; }
.ordersPageContainer .orderBottom { min-height:0 !important; padding:5px 10px 8px !important; margin:0 !important; gap:5px !important; }
.ordersPageContainer .orderBottom .orderActions { gap:5px !important; }

/* Modern five-stage live status stepper injected into every collapsed order card. */
.ordersPageContainer [data-guli-live-status-stepper] { display:block !important; padding:7px 10px 1px !important; }
.guliLiveStepper { display:grid; grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr); align-items:start; width:100%; box-sizing:border-box; padding:8px 7px 7px; border:1px solid var(--border-color,#eadfe3); border-radius:14px; background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,246,248,.96)); box-shadow:0 5px 16px rgba(66,36,46,.055); }
[data-theme="dark"] .guliLiveStepper { background:rgba(31,24,28,.92); }
.guliLiveStep { min-width:0; display:flex; flex-direction:column; align-items:center; gap:4px; position:relative; z-index:2; }
.guliLiveStepNode { width:28px; height:28px; border-radius:50%; display:grid; place-items:center; font-size:12px; font-weight:900; border:2px solid #d9cbd0; background:#fff; color:#9b8790; box-sizing:border-box; transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease; }
[data-theme="dark"] .guliLiveStepNode { background:#241d21; border-color:#514149; }
.guliLiveStepLabel { width:100%; min-height:24px; text-align:center; font-size:8.5px; line-height:1.15; font-weight:700; color:var(--text-muted,#8d7b83); word-break:break-word; }
.guliLiveStep.done .guliLiveStepNode { border-color:#16a34a; background:#ecfdf3; color:#15803d; box-shadow:0 0 0 3px rgba(22,163,74,.08); }
.guliLiveStep.current .guliLiveStepNode { border-color:#c9526b; background:#c9526b; color:#fff; transform:scale(1.08); box-shadow:0 0 0 4px rgba(201,82,107,.12),0 5px 14px rgba(201,82,107,.2); }
.guliLiveStep.current .guliLiveStepLabel { color:var(--text-main,#3b2b31); font-weight:900; }
.guliLiveConnector { height:3px; margin-top:13px; border-radius:999px; background:#e7dfe2; }
.guliLiveConnector.done { background:linear-gradient(90deg,#16a34a,#c9526b); }
.guliLiveCancelled { margin-top:6px; padding:6px 9px; border-radius:9px; text-align:center; font-size:10px; font-weight:800; color:#b91c1c; background:#fef2f2; border:1px solid #fecaca; }

/* Expanded order: same five-stage design instead of the old vertical timeline. */
.ordersPageContainer .statusTimeline { display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:0 !important; align-items:start !important; position:relative !important; padding:12px 8px 10px !important; margin:10px 0 !important; border:1px solid var(--border-color,#eadfe3) !important; border-radius:14px !important; background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,246,248,.96)) !important; }
[data-theme="dark"] .ordersPageContainer .statusTimeline { background:rgba(31,24,28,.92) !important; }
.ordersPageContainer .statusTimeline > div { min-width:0 !important; display:flex !important; flex-direction:column !important; align-items:center !important; gap:5px !important; position:relative !important; padding:0 2px !important; background:transparent !important; border:0 !important; color:var(--text-muted,#8d7b83) !important; }
.ordersPageContainer .statusTimeline > div::after { content:""; position:absolute; top:13px; left:calc(50% + 15px); width:calc(100% - 30px); height:3px; border-radius:999px; background:#e7dfe2; z-index:0; }
.ordersPageContainer .statusTimeline > div:last-child::after { display:none; }
.ordersPageContainer .statusTimeline > div.done::after { background:linear-gradient(90deg,#16a34a,#c9526b); }
.ordersPageContainer .statusTimeline > div > span { width:28px !important; height:28px !important; border-radius:50% !important; display:grid !important; place-items:center !important; padding:0 !important; margin:0 !important; position:relative !important; z-index:2 !important; border:2px solid #d9cbd0 !important; background:#fff !important; color:#9b8790 !important; font-size:11px !important; font-weight:900 !important; box-shadow:none !important; }
[data-theme="dark"] .ordersPageContainer .statusTimeline > div > span { background:#241d21 !important; border-color:#514149 !important; }
.ordersPageContainer .statusTimeline > div.done > span { border-color:#16a34a !important; background:#ecfdf3 !important; color:#15803d !important; box-shadow:0 0 0 3px rgba(22,163,74,.08) !important; }
.ordersPageContainer .statusTimeline > div.done:last-of-type > span { border-color:#c9526b !important; background:#c9526b !important; color:#fff !important; transform:scale(1.08); box-shadow:0 0 0 4px rgba(201,82,107,.12),0 5px 14px rgba(201,82,107,.2) !important; }
.ordersPageContainer .statusTimeline > div > b { width:100% !important; min-height:24px !important; text-align:center !important; font-size:8.5px !important; line-height:1.15 !important; font-weight:700 !important; color:var(--text-muted,#8d7b83) !important; }
.ordersPageContainer .statusTimeline > div.done > b { color:var(--text-main,#3b2b31) !important; font-weight:850 !important; }

@media (max-width:380px) {
  .guliLiveStepNode,.ordersPageContainer .statusTimeline > div > span { width:24px !important; height:24px !important; font-size:10px !important; }
  .guliLiveConnector { margin-top:11px; }
  .guliLiveStepLabel,.ordersPageContainer .statusTimeline > div > b { font-size:7.5px !important; }
  .guliLiveStepper { grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr); }
}

.hero .heroBadge,.hero .heroTitle,.hero .heroSubtitle,.hero .heroCtaWrap,.heroSlideItem .heroBadge,.heroSlideItem .heroTitle,.heroSlideItem .heroSubtitle,.heroSlideItem .heroCtaWrap { display:none !important; }