/* SG EduTech v4 — regional brand, sticky navigation and MVP interaction layer */
:root{
  --navy:#00323B!important;
  --orange:#DC7339!important;
  --teal:#00A8B5!important;
  --sg-navy:#00323B;
  --sg-orange:#DC7339;
  --sg-teal:#00A8B5;
  --sg-teal-soft:#E9F9FA;
  --sg-ink:#17353A;
  --sg-muted:#60777B;
  --sg-line:#D7E4E6;
  --sg-bg:#F5F8F8;
  --sg-shadow:0 14px 42px rgba(0,50,59,.10);
  --sg-header-height:94px;
}
html{font-size:16px!important;scroll-padding-top:calc(var(--sg-header-height) + 58px);-webkit-text-size-adjust:100%;text-size-adjust:100%}

/* Native hidden state must win over layout display rules. */
[hidden]{display:none!important}
/* The bright logo teal is an accent only, not a large background fill. */
.promo-banner{background:linear-gradient(90deg,#00323B,#0B4B55)!important}
.hero-band,.sg-hub-hero,.checkout-hero{background:linear-gradient(135deg,#00323B 0%,#0B4B55 100%)!important}

body{font-family:'DM Sans',Arial,sans-serif!important;color:var(--sg-ink)!important;background:#fff!important}
h1,h2,h3,h4,h5,h6{font-family:'Syne','DM Sans',sans-serif!important;color:var(--sg-navy)}
body p,body li,body label,body input,body select,body textarea,body button,body a{font-size:inherit}
.back-home-fab{display:none!important}

/* Sticky, identical shell */
.main-header{position:sticky!important;top:0!important;z-index:1600!important;background:rgba(255,255,255,.98)!important;box-shadow:0 1px 0 rgba(0,50,59,.10)}
.main-header .header-inner{padding:8px 28px!important;min-height:86px!important}
.main-header .logo-wrap{min-width:92px}
.main-header .logo-img{height:72px!important;width:auto!important;max-width:110px!important;object-fit:contain!important;display:block!important}
.nav-bar{position:sticky!important;top:var(--sg-header-height)!important;z-index:1500!important;background:#fff!important;box-shadow:0 5px 16px rgba(0,50,59,.06)}
.nav-bar .sg-nav-link{min-height:48px!important;color:#526B70!important}
.nav-bar .sg-nav-link:hover,.nav-bar .sg-nav-link.active{color:var(--sg-navy)!important;border-bottom-color:var(--sg-orange)!important}
.main-header .hdr-btn-orange,.btn-primary,.btn-orange,.checkout-submit{background:var(--sg-orange)!important;color:#fff!important;border-color:var(--sg-orange)!important}
.main-header .hdr-btn-orange:hover,.btn-primary:hover,.btn-orange:hover,.checkout-submit:hover{background:#BC5D2D!important;border-color:#BC5D2D!important}
.btn-secondary{background:var(--sg-navy)!important;color:#fff!important;border-color:var(--sg-navy)!important}
.btn-outline{border-color:var(--sg-navy)!important;color:var(--sg-navy)!important;background:#fff!important}
.btn-outline:hover{background:var(--sg-navy)!important;color:#fff!important}
.btn-light{background:#fff!important;color:var(--sg-navy)!important;border:1px solid rgba(255,255,255,.7)!important}
.btn-sm{padding:8px 12px!important;font-size:.75rem!important;white-space:nowrap}
.sg-region-selector{border-color:var(--sg-line)!important;color:var(--sg-navy)!important}
.sg-region-selector i{color:var(--sg-teal)}
.sg-region-selector select{color:var(--sg-navy)!important}

/* New logo treatment: teal remains accent, never a large field */
.sg-home-footer .logo-wrap{background:#fff;border-radius:14px;padding:8px 12px;gap:10px!important}
.sg-home-footer .logo-wrap img{height:62px!important;width:auto!important;max-width:76px!important;object-fit:contain}
.sg-home-footer .brand{color:var(--sg-navy)!important}
.sg-home-footer{background:var(--sg-navy)!important}
.sg-home-footer .tagline,.sg-home-footer i{color:var(--sg-orange)!important}

/* Product cards and ACEBOTT visual correction */
.product-card{position:relative}
.product-image{overflow:hidden!important;background:#fff!important}
.product-image img,.lr-product-photo{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:8px!important;transform:none!important}
body[data-page*="acebott"] .product-image img,
.acebott-product-image img{padding:0!important;object-fit:contain!important}
.product-actions{display:flex!important;gap:9px!important;align-items:center!important;flex-wrap:wrap!important}
.sg-wishlist-btn{width:42px;height:42px;min-width:42px;border-radius:50%;border:1.5px solid var(--sg-line);background:#fff;color:var(--sg-navy);display:inline-grid;place-items:center;cursor:pointer;transition:.2s}
.sg-wishlist-btn:hover,.sg-wishlist-btn.active{background:#FFF3ED;border-color:var(--sg-orange);color:var(--sg-orange)}
.sg-wishlist-btn.active i{font-weight:900}
.sg-wishlist-badge{position:absolute;right:-3px;top:-3px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:var(--sg-orange);color:#fff;font-size:.62rem;font-weight:800}

/* Age filtering */
.grade-strip .gbtn,.sg-grade-chip{cursor:pointer!important;pointer-events:auto!important}
.grade-strip .gbtn:focus-visible,.sg-grade-chip:focus-visible{outline:3px solid rgba(0,168,181,.3);outline-offset:2px}
.sg-grade-chip.active{background:var(--sg-navy)!important;border-color:var(--sg-navy)!important;color:#fff!important}
.sg-tab-panel{scroll-margin-top:calc(var(--sg-header-height) + 58px)}

/* General MVP pages */
.sg-mvp-hero{background:linear-gradient(125deg,var(--sg-navy),#0B4B55);color:#fff;padding:52px 24px}
.sg-mvp-hero-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:30px;align-items:center}
.sg-mvp-hero h1{font-size:clamp(2rem,4vw,3.5rem)!important;color:#fff!important;margin:7px 0 12px}
.sg-mvp-hero p{font-size:1rem!important;line-height:1.7;color:rgba(255,255,255,.87);max-width:760px}
.sg-kicker{font-size:.76rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--sg-orange)}
.sg-kicker i{margin-right:7px}
.sg-mvp-status-card{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.09);border-radius:18px;padding:20px;backdrop-filter:blur(9px)}
.sg-mvp-status-card strong,.sg-mvp-status-card span{display:block}.sg-mvp-status-card strong{color:#fff;margin-bottom:7px}.sg-mvp-status-card span{color:rgba(255,255,255,.8);font-size:.84rem;line-height:1.55}
.sg-mvp-shell{max-width:1180px;margin:auto;padding:42px 24px 76px}
.sg-mvp-card{background:#fff;border:1px solid var(--sg-line);border-radius:20px;padding:24px;box-shadow:var(--sg-shadow)}
.sg-mvp-card h2{font-size:1.35rem!important;margin:0 0 18px}.sg-mvp-card h3{font-size:1.08rem!important;margin:0 0 14px}
.sg-account-auth,.sg-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.sg-full{grid-column:1/-1}
.sg-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sg-mvp-card form label{display:block;font-weight:700;color:var(--sg-navy);font-size:.82rem;margin-bottom:12px}
.sg-mvp-card form input,.sg-mvp-card form select,.sg-mvp-card form textarea{display:block;width:100%;margin-top:6px;margin-bottom:0;padding:12px 13px;border:1.5px solid var(--sg-line);border-radius:12px;background:#fff;color:var(--sg-ink);font:inherit;outline:none}
.sg-mvp-card form input:focus,.sg-mvp-card form select:focus,.sg-mvp-card form textarea:focus{border-color:var(--sg-teal);box-shadow:0 0 0 4px rgba(0,168,181,.10)}
.sg-inline-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.sg-inline-form label{margin:0!important}
.sg-form-status{display:none;margin-top:12px;border-radius:11px;padding:11px 13px;font-size:.82rem;line-height:1.5}.sg-form-status.ok{display:block;background:#ECF8F3;border:1px solid #B9DFCF;color:#155E43}.sg-form-status.error{display:block;background:#FFF2EC;border:1px solid #E9BDA8;color:#8A3C19}
.sg-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.sg-dashboard-head h2{margin:5px 0}.sg-card-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.sg-profile-list{display:grid;gap:10px;margin:0 0 18px}.sg-profile-list div{display:flex;justify-content:space-between;gap:15px;padding-bottom:9px;border-bottom:1px solid #EDF3F4}.sg-profile-list span{color:var(--sg-muted)}
.sg-action-list{display:grid;gap:9px}.sg-action-list a{display:flex;gap:11px;align-items:center;padding:11px;border:1px solid var(--sg-line);border-radius:12px;text-decoration:none;color:var(--sg-navy);font-weight:700}.sg-action-list a:hover{border-color:var(--sg-orange);background:#FFF8F4}.sg-action-list i{color:var(--sg-orange);width:20px}
.sg-order-row{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid #EDF3F4}.sg-order-row:last-child{border:0}.sg-order-row strong{color:var(--sg-navy)}.sg-order-row small{display:block;color:var(--sg-muted)}.sg-status-pill{padding:5px 10px;border-radius:999px;background:var(--sg-teal-soft);color:var(--sg-navy);font-size:.72rem;font-weight:800}

/* Wishlist */
.sg-list-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.sg-list-toolbar strong,.sg-list-toolbar span{display:block}.sg-list-toolbar span{color:var(--sg-muted);font-size:.82rem;margin-top:3px}
.sg-wishlist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sg-wishlist-card{border:1px solid var(--sg-line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 9px 28px rgba(0,50,59,.07);display:flex;flex-direction:column}.sg-wishlist-image{height:220px;background:#fff;display:grid;place-items:center;padding:14px}.sg-wishlist-image img{width:100%;height:100%;object-fit:contain}.sg-wishlist-body{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1}.sg-wishlist-body h3{font-size:1rem!important;margin:0}.sg-wishlist-price{color:var(--sg-orange);font-weight:900}.sg-wishlist-actions{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:auto}.sg-remove-wishlist{width:44px;border-radius:12px;border:1px solid var(--sg-line);background:#fff;color:#A43D31;cursor:pointer}.sg-remove-wishlist:hover{background:#FFF1EF;border-color:#E0AAA3}
.sg-empty-state{text-align:center;border:1px dashed #ABC0C4;background:var(--sg-bg);border-radius:20px;padding:55px 20px}.sg-empty-state>i{font-size:3rem;color:var(--sg-orange);margin-bottom:15px}.sg-empty-state h2{margin-bottom:8px}.sg-empty-state p{color:var(--sg-muted);margin-bottom:18px}

/* Order tracking */
.sg-track-layout,.sg-form-page{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;align-items:start}
.sg-check-row{display:flex!important;align-items:center;gap:9px;font-weight:600!important}.sg-check-row input{width:18px!important;margin:0!important;accent-color:var(--sg-orange)}
.sg-order-timeline{display:grid;gap:0;margin:12px 0 20px}.sg-timeline-step{position:relative;display:grid;grid-template-columns:38px 1fr;gap:13px;min-height:64px}.sg-timeline-step:not(:last-child)::after{content:'';position:absolute;left:18px;top:38px;width:2px;height:31px;background:#DDE8E9}.sg-timeline-step>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#EDF3F4;color:#6C8589;font-weight:900}.sg-timeline-step.active>span,.sg-timeline-step.done>span{background:var(--sg-orange);color:#fff}.sg-timeline-step.done:not(:last-child)::after{background:var(--sg-orange)}.sg-timeline-step strong,.sg-timeline-step small{display:block}.sg-timeline-step strong{color:var(--sg-navy)}.sg-timeline-step small{color:var(--sg-muted);margin-top:3px}
.sg-order-detail-card{border-top:1px solid var(--sg-line);padding-top:16px}.sg-order-detail-card dl{display:grid;grid-template-columns:130px 1fr;gap:8px 14px}.sg-order-detail-card dt{font-weight:800;color:var(--sg-navy)}.sg-order-detail-card dd{margin:0;color:var(--sg-muted)}
.sg-numbered{display:grid;gap:13px;padding-left:22px;color:var(--sg-muted);line-height:1.55}.sg-form-note{font-size:.78rem;color:var(--sg-muted);margin-top:12px}

/* Training actions */
#tab-training-overview .sg-category-card .btn,#tab-courses .sg-category-card .btn,#tab-certifications .sg-info-card .btn{margin-top:16px;align-self:flex-start}
#tab-courses .sg-category-card,#tab-training-overview .sg-category-card,#tab-certifications .sg-info-card{display:flex;flex-direction:column}
.sg-price-table{min-width:780px}.sg-price-table .btn{display:inline-flex}

/* AI assistant */
.sg-ai-fab{position:fixed;right:28px;bottom:96px;z-index:1460;width:56px;height:56px;border-radius:50%;border:0;background:var(--sg-navy);color:#fff;box-shadow:0 9px 26px rgba(0,50,59,.34);display:grid;place-items:center;font-size:1.32rem;cursor:pointer;transition:.2s}
.sg-ai-fab:hover{transform:translateY(-2px);background:#074650}.sg-ai-fab::after{content:'';position:absolute;right:4px;top:4px;width:11px;height:11px;border-radius:50%;background:var(--sg-teal);border:2px solid #fff}
.sg-ai-panel{position:fixed;right:28px;bottom:96px;z-index:1700;width:min(480px,calc(100vw - 32px));height:min(720px,calc(100vh - 120px));background:#fff;border:1px solid var(--sg-line);border-radius:20px;box-shadow:0 22px 70px rgba(0,50,59,.24);display:none;overflow:hidden;flex-direction:column}.sg-ai-panel.open{display:flex}
.sg-ai-head{background:var(--sg-navy);color:#fff;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.sg-ai-head strong{display:block}.sg-ai-head small{display:block;color:rgba(255,255,255,.7);margin-top:1px;font-size:.7rem}.sg-ai-close{border:0;background:rgba(255,255,255,.12);color:#fff;width:28px;height:28px;border-radius:50%;font-size:.75rem;cursor:pointer}
.sg-ai-messages{flex:1;min-height:0;padding:14px;overflow:auto;background:#F6F9F9;display:flex;flex-direction:column;gap:9px}.sg-ai-msg{max-width:91%;padding:9px 11px;border-radius:13px;font-size:.82rem;line-height:1.5}.sg-ai-msg.bot{background:#fff;border:1px solid var(--sg-line);align-self:flex-start}.sg-ai-msg.user{background:var(--sg-navy);color:#fff;align-self:flex-end}.sg-ai-msg a{color:var(--sg-orange);font-weight:800}.sg-ai-quick{display:flex;gap:5px;flex-wrap:wrap;padding:7px 10px;border-top:1px solid var(--sg-line)}.sg-ai-quick button{border:1px solid var(--sg-line);background:#fff;color:var(--sg-navy);border-radius:999px;padding:4px 7px;font-size:.63rem;line-height:1.2;font-weight:800;cursor:pointer}.sg-ai-quick button:hover{border-color:var(--sg-orange);color:var(--sg-orange)}.sg-ai-form{display:grid;grid-template-columns:1fr 34px;gap:6px;padding:8px 10px 10px;border-top:1px solid var(--sg-line)}.sg-ai-form input{border:1px solid var(--sg-line);border-radius:10px;padding:8px 10px;font-size:.78rem;outline:none}.sg-ai-form input:focus{border-color:var(--sg-teal)}.sg-ai-form button{border:0;border-radius:9px;background:var(--sg-orange);color:#fff;font-size:.72rem;cursor:pointer}

/* Confirmation */
.sg-confirm-card{text-align:center;max-width:760px;margin:auto}.sg-confirm-icon{width:70px;height:70px;border-radius:50%;background:#ECF8F3;color:#18805A;display:grid;place-items:center;font-size:1.8rem;margin:0 auto 16px}.sg-confirm-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}.sg-order-reference{background:var(--sg-bg);border:1px solid var(--sg-line);border-radius:14px;padding:14px;margin:18px auto;max-width:440px}.sg-order-reference strong{display:block;color:var(--sg-orange);font-size:1.2rem;margin-top:4px}

/* Contact/footer and tables */
.contact-row a{overflow-wrap:anywhere}.sg-home-footer .footer-top{align-items:start}.sg-home-footer .footer-bottom{color:#BED0D3}.table,.sg-price-table{width:100%}.sg-page-section table{display:table}

@media(max-width:1180px){
  .main-header .header-inner{min-height:80px!important}.main-header .logo-img{height:65px!important;max-width:92px!important}
}
@media(max-width:900px){
  :root{--sg-header-height:80px}
  .main-header .header-inner{min-height:72px!important;padding:5px 16px!important}.main-header .logo-img{height:62px!important;max-width:78px!important}
  .nav-bar{display:none!important}.sg-mvp-hero-inner,.sg-track-layout,.sg-form-page{grid-template-columns:1fr}.sg-account-auth,.sg-dashboard-grid{grid-template-columns:1fr}.sg-full{grid-column:auto}.sg-wishlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-inline-form{grid-template-columns:1fr}.sg-price-table{min-width:720px}.sg-page-section:has(.sg-price-table){overflow-x:auto}
}
@media(max-width:620px){
  .sg-mvp-hero{padding:38px 17px}.sg-mvp-shell{padding:28px 16px 62px}.sg-mvp-card{padding:18px}.sg-form-grid{grid-template-columns:1fr}.sg-wishlist-grid{grid-template-columns:1fr}.sg-list-toolbar,.sg-dashboard-head{align-items:flex-start;flex-direction:column}.sg-ai-fab{right:20px;bottom:91px}.sg-ai-panel{right:16px;bottom:158px}.wa-fab{right:20px!important;bottom:24px!important}.sg-home-footer .logo-wrap img{height:52px!important}.sg-order-row{grid-template-columns:1fr auto}.sg-order-row .sg-status-pill{grid-column:1/-1;justify-self:start}
}

/* SG catalogue and logo reliability */
.main-header .logo-img{height:78px!important;max-width:155px!important;min-width:90px!important;opacity:1!important;visibility:visible!important;}
.sg-own-highlight{display:flex;align-items:center;gap:16px;padding:18px 20px;margin:18px 0 22px;background:#f7fafb;border:1px solid #d9e5e7;border-left:5px solid #DC7339;border-radius:16px;}
.sg-own-highlight-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#e8f7f8;color:#006f78;font-size:1.2rem;flex:0 0 auto;}
.sg-own-highlight strong{display:block;color:#00323B;margin-bottom:4px;font-family:'Syne',sans-serif;}
.sg-own-highlight p{margin:0;color:#5b6b72;font-size:.9rem;}
.sg-own-highlight .btn{margin-left:auto;white-space:nowrap;}
@media(max-width:760px){.main-header .logo-img{height:64px!important;max-width:125px!important}.sg-own-highlight{align-items:flex-start;flex-wrap:wrap}.sg-own-highlight .btn{margin-left:64px}}

.sg-native-anchor{display:block;position:relative;top:calc(-1 * var(--sg-header-height,90px));visibility:hidden;height:0;pointer-events:none;}


/* SG forms, assistant and floating-action corrections — 2026-07 */
.wa-fab,.wa-tip{display:none!important}
.sg-ai-fab{right:28px!important;bottom:28px!important}
.sg-ai-panel{right:28px!important;bottom:96px!important}
.sg-ai-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 10px 8px}
.sg-ai-actions a{display:flex;align-items:center;justify-content:center;gap:5px;border-radius:9px;padding:6px 8px;text-decoration:none;font-size:.65rem;line-height:1.2;font-weight:800}
.sg-ai-whatsapp{background:#e8f8ee;color:#167841;border:1px solid #bfe8cf}
.sg-ai-contact{background:#fff6ef;color:var(--sg-orange);border:1px solid #f3d2bd}
.sg-ai-typing{display:inline-flex;gap:4px;align-items:center;min-width:52px}
.sg-ai-typing i{width:6px;height:6px;border-radius:50%;background:#7d8e91;animation:sgTyping 1.1s infinite ease-in-out}
.sg-ai-typing i:nth-child(2){animation-delay:.15s}.sg-ai-typing i:nth-child(3){animation-delay:.3s}
@keyframes sgTyping{0%,70%,100%{transform:translateY(0);opacity:.45}35%{transform:translateY(-4px);opacity:1}}
.sg-ai-msg.bot{white-space:normal}.sg-ai-msg.bot p{margin:0 0 7px}.sg-ai-msg.bot p:last-child{margin-bottom:0}.sg-ai-msg.bot ul{margin:6px 0 0 18px;padding:0}.sg-ai-msg.bot li{margin:3px 0}
.sg-submit-status{margin:0 0 16px;padding:12px 14px;border-radius:10px;font-size:.86rem;line-height:1.5}
.sg-submit-status:empty,.sg-submit-status[hidden]{display:none}
.sg-submit-status.ok{display:block;background:#e9f8ef;color:#11633a;border:1px solid #b9e5c9}
.sg-submit-status.error{display:block;background:#fff4ec;color:#8a390f;border:1px solid #f1c6aa}
.sg-submit-status a{color:inherit;font-weight:800}
@media(max-width:640px){.sg-ai-fab{right:20px!important;bottom:20px!important}.sg-ai-panel{right:8px!important;bottom:78px!important;width:calc(100vw - 16px);height:calc(100vh - 94px);border-radius:16px}.sg-ai-actions{grid-template-columns:1fr 1fr}}
.sg-track-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.sg-track-items{margin-top:20px;border-top:1px solid var(--sg-line);padding-top:18px}.sg-track-items h3{margin:0 0 12px}.sg-track-item{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--sg-line)}.sg-track-item img{width:52px;height:52px;object-fit:contain;border-radius:10px;background:#f4f7fb}.sg-track-item span{display:grid;gap:3px}.sg-track-item small,.sg-track-token-note{color:var(--sg-muted);font-size:.78rem}.sg-track-item b{color:var(--sg-orange)}


/* Order journey and account quick-action enhancement — 2026-07-17 */
.sg-journey-summary{display:grid;gap:10px;margin:2px 0 22px;padding:14px 16px;border:1px solid var(--sg-line);border-radius:14px;background:linear-gradient(135deg,#f7fbfb,#fff8f3)}
.sg-journey-summary>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:14px}.sg-journey-summary span{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--sg-muted)}.sg-journey-summary strong{color:var(--sg-navy);font-size:.94rem}
.sg-journey-progress{height:10px;border-radius:999px;background:#dfe9ea;overflow:hidden}.sg-journey-progress>span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sg-orange),#f5a05f);transition:width .55s ease}
.sg-timeline-step.done>span i{font-size:.78rem}.sg-timeline-step.active strong{color:var(--sg-orange)}
.sg-order-progress-callout{display:flex;align-items:center;gap:13px;margin:2px 0 16px;padding:13px 15px;border-radius:14px;background:var(--sg-teal-soft);border:1px solid #b9dfe0}.sg-order-progress-callout>i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--sg-navy);color:#fff}.sg-order-progress-callout span,.sg-order-progress-callout strong,.sg-order-progress-callout small{display:block}.sg-order-progress-callout span{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--sg-muted);font-weight:800}.sg-order-progress-callout strong{color:var(--sg-navy);font-size:1.02rem}.sg-order-progress-callout small{color:var(--sg-muted);margin-top:2px}
.sg-order-row{grid-template-columns:minmax(0,1fr) auto auto auto}.sg-order-track-btn{padding:8px 11px!important;font-size:.74rem!important;white-space:nowrap}.sg-order-total{font-weight:800;color:var(--sg-navy)}
@media(max-width:760px){.sg-order-row{grid-template-columns:1fr auto}.sg-order-row .sg-status-pill{grid-column:auto}.sg-order-track-btn{grid-column:1/-1;justify-content:center}.sg-journey-summary>div:first-child{align-items:flex-start;flex-direction:column;gap:3px}}