/* Gorilla Dirt – Pre-order Display (v1.0.1) */
:root{--gdpo-gold:#FEB442;--gdpo-brown:#302413;--gdpo-sand:#fbf5e8;--gdpo-line:#ecdfc6;--gdpo-ink:#1f1a14;--gdpo-mute:#6e655b}

/* ---- Summary panel (replaces Why You'll Love It) ---- */
.gd-po{margin:18px 0;padding:16px 18px 6px;background:var(--gdpo-sand);border:1px solid var(--gdpo-line);border-left:4px solid var(--gdpo-gold);border-radius:12px}
.gd-po-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.gd-po-head h3{margin:0;font-size:20px;text-transform:uppercase;letter-spacing:.02em}
.gd-po-badge{display:inline-block;background:var(--gdpo-brown);color:var(--gdpo-gold);font-family:Oswald,Impact,sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:3px 9px;border-radius:4px}
.gd-po-lead{margin:0 0 10px;font-size:14.5px;color:#3a352f;line-height:1.5}
.gd-po-rows{list-style:none;margin:0;padding:0}
.gd-po-rows li{display:grid;grid-template-columns:28px 130px 1fr;gap:10px;align-items:start;padding:11px 0;border-top:1px solid var(--gdpo-line)}
.gd-po-ico{font-size:18px;line-height:1.2}
.gd-po-k{font-family:Oswald,Impact,sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:13px;color:var(--gdpo-mute);padding-top:3px}
.gd-po-v strong{display:block;font-size:16px;color:var(--gdpo-ink)}
.gd-po-v em{display:block;font-style:normal;font-size:12.5px;color:var(--gdpo-mute);margin-top:2px}
.gd-po.is-closed{border-left-color:#999;background:#f6f4ef}
.gd-po.is-closed .gd-po-badge{background:#777;color:#fff}
@media (max-width:480px){.gd-po-rows li{grid-template-columns:24px 1fr}.gd-po-v{grid-column:2}}

/* ---- Timeline (above description) ---- */
.gd-po-tl{margin:34px 0 26px;padding:26px 24px 22px;background:#fff;border:1px solid var(--gdpo-line);border-radius:14px}
.gd-po-tl-head{margin-bottom:22px}
.gd-po-tl-head h2{margin:2px 0 6px;font-size:26px;text-transform:uppercase}
.gd-po-tl-head p{margin:0;color:#3a352f;font-size:15px}
.gd-po-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:relative}
.gd-po-steps::before{content:"";position:absolute;left:12.5%;right:12.5%;top:17px;height:4px;background:var(--gdpo-line);border-radius:2px}
.gd-po-steps::after{content:"";position:absolute;left:12.5%;top:17px;height:4px;width:calc(75% * var(--gdpo-pct,0));background:linear-gradient(90deg,var(--gdpo-gold),#e38a1c);border-radius:2px;transition:width .6s}
.gd-po-steps li{position:relative;text-align:center;padding-top:50px}
.gd-po-dot{position:absolute;top:0;left:50%;transform:translateX(-50%);width:38px;height:38px;border-radius:50%;background:#fff;border:3px solid var(--gdpo-line);color:var(--gdpo-mute);font-family:Oswald,Impact,sans-serif;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;z-index:1}
.gd-po-steps li.is-done .gd-po-dot{background:var(--gdpo-gold);border-color:var(--gdpo-gold);color:var(--gdpo-brown)}
.gd-po-steps li.is-now .gd-po-dot{background:var(--gdpo-brown);border-color:var(--gdpo-gold);color:var(--gdpo-gold);box-shadow:0 0 0 6px rgba(254,180,66,.25)}
.gd-po-date{display:block;font-family:Oswald,Impact,sans-serif;font-size:17px;text-transform:uppercase;letter-spacing:.03em;color:var(--gdpo-ink)}
.gd-po-label{display:block;font-weight:600;font-size:14px;margin-top:2px}
.gd-po-sub{display:block;font-size:12.5px;color:var(--gdpo-mute)}
.gd-po-steps li.is-now .gd-po-label{color:#b85c00}
.gd-po-steps li.is-next{opacity:.7}
@media (max-width:640px){
  .gd-po-steps{grid-template-columns:1fr;gap:0}
  .gd-po-steps::before,.gd-po-steps::after{left:18px;right:auto;top:0;bottom:0;width:4px;height:auto}
  .gd-po-steps::after{height:calc(100% * var(--gdpo-pct,0));width:4px}
  .gd-po-steps li{text-align:left;padding:4px 0 18px 56px}
  .gd-po-dot{left:0;transform:none}
}

/* ---- Cart / checkout ---- */
.gd-po-cartline{color:#7a4b00}
