/* Scoped to order cards: gift themes and other screens keep their layout. */
#orders .ord-list { max-width: 960px; }
#orders .ord-card { padding:32px; margin-bottom:36px; border:1px solid #d8c3a580; border-radius:24px; background:#f1ede4; box-shadow:0 18px 55px #17130e20; }
#orders .ord-card-top { margin-bottom:22px; gap:20px; }
#orders .ord-title { font-size:28px; font-weight:750; letter-spacing:-1px; }
#orders .ord-sub { font-size:13px; margin-top:8px; }
#orders .ord-badge.ok { color:#246344; background:#e0e8dc; border:1px solid #c7d8c6; box-shadow:none; }
#orders .ord-tracks { gap:10px; }
#orders .ord-tracks .pl2 { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px 18px; padding:18px; background:#f7f3eb; border:1px solid #dbcfbd; border-radius:14px; }
#orders .ord-tracks .pl-top { display:contents; }
#orders .ord-tracks .play-btn { grid-column:1; grid-row:1/3; width:48px; height:48px; align-self:center; background:#e85a4f; color:#2d2a26; }
#orders .ord-tracks .pl-info { grid-column:1; grid-row:1; margin-left:64px; padding-right:90px; }
#orders .ord-tracks .pl-info .t1 { font-size:14px; font-weight:700; }
#orders .ord-tracks .pl-info .t2 { display:none; }
#orders .ord-tracks .pl-time { grid-column:1; grid-row:1; justify-self:end; font-size:11px; align-self:center; }
#orders .ord-tracks .pl-seek { grid-column:1; grid-row:2; margin:0 0 0 64px; height:28px; }
#orders .ord-tracks .pl-actions { grid-column:2; grid-row:1/3; align-self:center; display:flex; flex-direction:column; gap:4px; }
#orders .pl-dl { min-height:42px; padding:10px 14px; border-radius:9px; font-size:12px; white-space:nowrap; }
#orders .ord-tracks .pl-state:empty { display:none; }
#orders .ord-actions:empty { display:none; }
#orders .ord-actions { margin-top:16px; }
#orders .ord-revision { display:flex; align-items:center; justify-content:flex-end; gap:12px; flex-wrap:wrap; margin:14px 0 22px; padding:0; border:0; }
#orders .ord-revision .rev-note { margin:0; font-size:11px; flex:0 1 auto; }
.og-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding-top:22px; margin:20px 0; border-top:1px solid #d8c3a580; }
.og-option { border:1px solid #d8c3a5; border-radius:14px; padding:24px 12px 18px; text-align:center; background:#ebe3d5; color:#2d2a26; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:10px; transition:background-color .18s,border-color .18s,transform .18s; }
.og-option:hover:not(:disabled) { background:#e7d9c5; border-color:#b63c32; transform:translateY(-2px); }
.og-option:active:not(:disabled) { transform:translateY(0); }
.og-icon { display:block; width:34px; height:34px; flex:none; color:#5b3d2c; }
.og-icon svg { display:block; width:100%; height:100%; }
.og-option strong { font-size:15px; line-height:1.35; }
.og-option-desc { color:#736a60; font-size:12px; line-height:1.55; max-width:175px; }
.og-option-status { margin-top:auto; padding-top:4px; color:#96372f; font-size:11px; font-weight:700; }
.og-section { margin-top:18px; padding:20px; border:1px solid #dbcfbd; border-radius:16px; background:#f7f3eb; scroll-margin-top:100px; }
.og-section[hidden] { display:none; }
.og-section-head { display:flex; align-items:center; gap:14px; margin-bottom:18px; }
.og-section-head h3 { font-size:20px; font-weight:750; letter-spacing:-.5px; }
.og-section-head p { margin-left:auto; max-width:230px; font-size:12px; line-height:1.5; color:#736a60; }
#orders .og-body { display:flex; flex-wrap:wrap; align-items:center; gap:12px; border:0; padding:0; margin:0; }
#orders .og-body .ss-box-title { display:none; }
#orders .og-body .kv-wrap { width:100%; margin:0; flex-basis:100%; }
#orders .og-body .kv-meta { font-size:11px; color:#736a60; margin-top:8px; }
#orders .og-body video { width:100%; aspect-ratio:16/9; object-fit:contain; background:#201d19; }
#orders .og-body .plyr { --plyr-color-main:#e85a4f; border-radius:12px; }
#orders .og-body .plyr__control--overlaid { background:#e85a4f; color:#2d2a26; border:2px solid #ffffff60; padding:18px; box-shadow:0 8px 24px #0004; }
#orders .og-body .og-download { margin-left:auto; min-width:170px; min-height:44px; display:inline-flex; align-items:center; justify-content:center; border:0; border-radius:9px; padding:12px 20px; background:#e85a4f; color:#2d2a26; font-size:13px; font-weight:800; box-shadow:none; cursor:pointer; text-decoration:none; }
#orders .og-body .og-download:hover { background:#e98074; }
#orders .vp-host:empty { display:none; }
#orders .vp-host { margin-top:18px; }
#orders .og-surprise-ready { display:grid; grid-template-columns:minmax(0,1fr) minmax(180px,.75fr); gap:8px 20px; }
.og-surprise-preview { grid-column:1; grid-row:1/5; align-self:stretch; min-height:170px; display:flex; align-items:center; gap:18px; overflow:hidden; padding:16px; text-align:left; color:#53382a; background:linear-gradient(135deg,#e9dac6,#edc4b4); border:1px solid #d8c3a5; border-radius:12px; cursor:pointer; }
.og-surprise-preview img { width:42%; height:150px; object-fit:cover; border-radius:6px; }
.og-surprise-copy { display:flex; flex-direction:column; gap:12px; }
.og-surprise-copy strong { font-size:19px; }
.og-surprise-copy>span { font-size:12px; line-height:1.6; }
#orders .og-surprise-ready>button:not(.og-surprise-preview) { grid-column:2; margin:0; background:#eee7dc; color:#2d2a26; border:1px solid #d8c3a5; box-shadow:none; min-height:40px; text-align:left; justify-content:flex-start; border-radius:8px; }
.og-picker label { display:flex; align-items:center; gap:12px; min-height:52px; padding:12px; margin-top:10px; border:1px solid #d8c3a5; border-radius:10px; cursor:pointer; }
.og-picker input[type=radio] { width:18px; height:18px; margin:0; padding:0; accent-color:#b63c32; flex:none; }
.og-picker label:has(:checked) { background:#e8d9c5; border-color:#b63c32; }
@media(max-width:767px) {
  #orders .ord-card { padding:18px; border-radius:20px; margin-bottom:26px; }
  #orders .ord-title { font-size:23px; }
  #orders .ord-card-top { flex-wrap:wrap; gap:12px; }
  #orders .ord-tracks .pl2 { grid-template-columns:minmax(0,1fr); padding:14px; }
  #orders .ord-tracks .pl-info { padding-right:0; }
  #orders .ord-tracks .pl-time { grid-row:3; justify-self:start; margin-left:64px; }
  #orders .ord-tracks .pl-actions { grid-row:4; grid-column:1; align-items:stretch; }
  #orders .ord-revision { justify-content:flex-start; }
  .og-options { gap:7px; }
  .og-option { padding:16px 6px 12px; border-radius:11px; gap:9px; }
  .og-option strong { font-size:11px; overflow-wrap:anywhere; }
  .og-option-desc { display:none; }
  .og-option-status { font-size:10px; }
  .og-icon { width:28px; height:28px; }
  .og-section { padding:14px; }
  .og-section-head { flex-wrap:wrap; gap:10px; margin-bottom:14px; }
  .og-section-head h3 { font-size:17px; flex:1; }
  .og-section-head p { display:none; }
  #orders .og-body .og-download { width:100%; }
  #orders .og-surprise-ready { grid-template-columns:1fr; }
  .og-surprise-preview { grid-row:auto; grid-column:1; min-height:140px; }
  #orders .og-surprise-ready>button:not(.og-surprise-preview) { grid-column:1; }
}
@media(prefers-reduced-motion:reduce) { .og-option { transition:none; } }