/* =========================================================
   Pro Designify — Custom Checkout
   Colors below are overridden by admin settings (inline :root)
   ========================================================= */
:root{
  --pd-page:#fefefe;
  --pd-header:#f5f4f0;
  --pd-card-head:#f7f4ef;
  --pd-border:#e7e5df;
  --pd-input-border:#dcdcd8;
  --pd-text:#111111;
  --pd-muted:#6f6f6f;
  --pd-placeholder:#a7a7a7;
  --pd-btn:#0b0b0b;
  --pd-btn-text:#ffffff;
  --pd-accent:#a48a51;
  --pd-soft:#faf7f0;
  --pd-radius:6px;
  --pd-font:'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--pd-font);background:var(--pd-page);color:var(--pd-text);font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased}
a{color:inherit}
button,input,select{font-family:inherit}
img{max-width:100%;display:block}
.pd-hidden,[hidden]{display:none!important}

/* ---------- Header ---------- */
.pd-header{background:var(--pd-header);height:78px}
.pd-header__in{max-width:1294px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 5px 0 66px}
.pd-logo img{height:45px;width:auto}
.pd-logo__text{display:flex;flex-direction:column;text-decoration:none;color:#111}
.pd-logo__mark{display:flex;align-items:stretch;font-weight:700;font-size:29px;line-height:1;letter-spacing:-.2px}
.pd-logo__mark b{background:#0b0b0b;color:#fff;padding:2px 4px 1px;margin-right:2px;font-weight:700}
.pd-logo__mark span{padding:2px 0 1px}
.pd-logo__sub{font-size:8.5px;letter-spacing:9.6px;margin-top:6px;color:#333;text-transform:uppercase}
.pd-header__right{display:flex;align-items:center;gap:22px}
.pd-hitem{display:flex;align-items:center;gap:11px;font-size:13px;color:#111;text-decoration:none}
.pd-hitem svg{flex:none}
.pd-hitem small{display:block;font-size:13px;line-height:1.35}
.pd-hitem strong{display:block;font-size:13px;font-weight:700;line-height:1.3}
.pd-help{gap:9px}

/* ---------- Layout ---------- */
.pd-wrap{max-width:1294px;margin:0 auto;padding:0 0 40px;display:grid;grid-template-columns:688px 566px;gap:40px;justify-content:space-between}
.pd-left{padding-top:20px}
.pd-right{padding-top:30px}

/* ---------- Stepper ---------- */
.pd-steps{display:flex;align-items:center;justify-content:center;gap:0;padding-left:46px;height:26px}
.pd-step{display:flex;align-items:center;gap:13px;font-size:13.5px;color:#555}
.pd-step__n{width:23px;height:23px;border-radius:50%;background:#e9e8e6;color:#555;display:flex;align-items:center;justify-content:center;font-size:12.5px}
.pd-step.is-active{color:#111;font-weight:500}
.pd-step.is-active .pd-step__n{background:#0b0b0b;color:#fff;font-weight:700}
.pd-step.is-done .pd-step__n{background:#0b0b0b;color:#fff}
.pd-step__line{width:72px;height:1px;background:#cfcfcc;margin:0 11px 0 12px}
.pd-sub{text-align:center;color:var(--pd-muted);font-size:13px;margin:4px 0 14px;padding-left:22px}

/* ---------- Section cards ---------- */
.pd-card{background:#fff;border:1px solid var(--pd-border);border-radius:var(--pd-radius);margin-bottom:11px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.pd-card__head{background:var(--pd-card-head);height:47px;display:flex;align-items:center;padding:0 24px 0 25px;cursor:pointer;user-select:none;width:100%;border:0;text-align:left;color:inherit}
.pd-card__num{width:25px;height:25px;border-radius:50%;background:#0b0b0b;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}
.pd-card__title{font-size:18.5px;font-weight:700;margin-left:18px;flex:1;letter-spacing:-.1px}
.pd-card__chev{display:inline-flex;transition:transform .2s}
.pd-card.is-collapsed .pd-card__chev{transform:rotate(0)}
.pd-card:not(.is-collapsed) .pd-card__chev.up-when-open{transform:rotate(180deg)}
.pd-card__body{padding:11px 22px 18px 67px}
.pd-card.is-collapsed .pd-card__body{display:none}

/* ---------- Fields ---------- */
.pd-label{display:block;font-size:13px;color:#222;margin-bottom:7px}
.pd-req{color:#b0262c}
.pd-input{width:100%;height:35px;border:1px solid var(--pd-input-border);border-radius:5px;background:#fff;padding:0 13px;font-size:14px;color:#111;outline:none;transition:border-color .15s,box-shadow .15s}
.pd-input::placeholder{color:var(--pd-placeholder)}
.pd-input:focus,.pd-float:focus-within{border-color:#8a8a86;box-shadow:0 0 0 3px rgba(0,0,0,.05)}
.pd-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pd-field{margin-bottom:14px;position:relative}
.pd-field:last-child{margin-bottom:0}
.pd-check{display:flex;align-items:center;gap:10px;font-size:13.5px;margin-top:13px;cursor:pointer}
.pd-check input{position:absolute;opacity:0;pointer-events:none}
.pd-check__box{width:15px;height:15px;border-radius:3px;background:#0b0b0b;display:flex;align-items:center;justify-content:center;flex:none;border:1px solid #0b0b0b}
.pd-check input:not(:checked)+.pd-check__box{background:#fff;border-color:#9a9a96}
.pd-check input:not(:checked)+.pd-check__box svg{display:none}

/* floating-label field (Shopify style) */
.pd-float{position:relative;border:1px solid var(--pd-input-border);border-radius:5px;background:#fff;height:50px;transition:border-color .15s,box-shadow .15s}
.pd-float label{position:absolute;left:10px;top:8px;font-size:12.5px;color:#222;pointer-events:none;line-height:1}
.pd-float input,.pd-float select{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;padding:22px 13px 6px;font-size:14px;color:#111;outline:none;border-radius:5px;-webkit-appearance:none;appearance:none}
.pd-float input::placeholder{color:var(--pd-placeholder)}
.pd-float select{padding-right:40px;cursor:pointer}
.pd-float select.is-placeholder{color:#8d8d8d}
.pd-float .pd-sel-chev{position:absolute;right:15px;top:50%;transform:translateY(-50%);pointer-events:none;display:flex}
.pd-field .pd-err{display:none;color:#b0262c;font-size:12px;margin-top:5px}
.pd-field.has-error .pd-err{display:block}
.pd-field.has-error .pd-input,.pd-field.has-error .pd-float{border-color:#d33c43}
.pd-row .pd-field{margin-bottom:0}
.pd-stack>*+*{margin-top:13px}

/* address autocomplete */
.pd-ac{position:absolute;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--pd-border);border-radius:6px;box-shadow:0 12px 28px rgba(0,0,0,.12);z-index:50;max-height:280px;overflow:auto;display:none}
.pd-ac.is-open{display:block}
.pd-ac__item{display:flex;gap:10px;align-items:flex-start;padding:10px 13px;cursor:pointer;font-size:13.5px;line-height:1.35}
.pd-ac__item:hover,.pd-ac__item.is-hl{background:#f6f5f1}
.pd-ac__item svg{margin-top:2px;flex:none;color:#888}
.pd-ac__item small{display:block;color:#7a7a7a;font-size:12.5px}
.pd-ac__foot{padding:6px 13px;font-size:11px;color:#9a9a9a;text-align:right;border-top:1px solid #f0efeb}

/* ---------- Payment ---------- */
.pd-pay-note{font-size:13px;color:#555;margin:-5px 0 10px}
.pd-pay-box{border:1px solid #c8cbd6;border-radius:6px;overflow:hidden}
.pd-pay-opt{border-top:1px solid #e4e4e0}
.pd-pay-opt:first-child{border-top:0}
.pd-pay-opt__head{display:flex;align-items:center;padding:0 12px 0 19px;height:45px;cursor:pointer}
.pd-radio{width:17px;height:17px;border-radius:50%;border:1.5px solid #333;flex:none;position:relative;background:#fff}
.pd-pay-opt.is-active .pd-radio{border:1.5px solid #0b0b0b}
.pd-pay-opt.is-active .pd-radio:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#0b0b0b}
.pd-pay-opt__label{margin-left:21px;font-size:14px;font-weight:700;flex:1}
.pd-brands{display:flex;gap:9px;align-items:center}
.pd-brands img{height:27px;width:auto}
.pd-pay-opt__body{padding:0 22px 13px 55px}
.pd-pay-opt:not(.is-active) .pd-pay-opt__body{display:none}
.pd-se{position:relative;border:1px solid var(--pd-input-border);border-radius:5px;height:36px;padding:16px 40px 0 9px;background:#fff;transition:border-color .15s}
.pd-se.is-focus{border-color:#8a8a86;box-shadow:0 0 0 3px rgba(0,0,0,.05)}
.pd-se.is-invalid{border-color:#d33c43}
.pd-se__label{position:absolute;left:9px;top:3px;font-size:11.5px;color:#8b8b8b;line-height:1}
.pd-se__icon{position:absolute;right:10px;top:50%;transform:translateY(-50%)}
.pd-se-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:5px}
.pd-se--tall{height:43px;padding-top:21px}
.pd-se--tall .pd-se__label{top:7px;font-size:12.5px;color:#444}
.pd-card-err{color:#b0262c;font-size:12.5px;margin-top:8px;min-height:0}
.pd-paypal-logo{height:23px;margin-left:21px}
.pd-paypal-note{font-size:13px;color:#555;padding:2px 0 4px}
#pd-paypal-buttons{margin-top:10px;max-width:420px}

/* ---------- Shipping ---------- */
.pd-ship{border:1px solid #c8cbd6;border-radius:6px;overflow:hidden}
.pd-ship__opt{display:flex;align-items:center;gap:16px;padding:12px 16px 12px 19px;min-height:52px;cursor:pointer;border-top:1px solid #e4e4e0;transition:background .15s}
.pd-ship__opt:first-child{border-top:0}
.pd-ship__opt:hover{background:#fbfaf7}
.pd-ship__opt.is-active{background:#fbfaf6}
.pd-ship__opt input{position:absolute;opacity:0;pointer-events:none}
.pd-ship__opt.is-active .pd-radio:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#0b0b0b}
.pd-ship__opt input:focus-visible+.pd-radio{box-shadow:0 0 0 3px rgba(0,0,0,.12)}
.pd-ship__txt{flex:1;font-size:14px;line-height:1.35}
.pd-ship__txt strong{font-weight:700;display:block}
.pd-ship__txt small{display:block;color:#6f6f6f;font-size:12.5px}
.pd-ship__price{font-size:14px;font-weight:700;white-space:nowrap}
.pd-ship__none{background:#fdf0f0;border:1px solid #f1c6c8;color:#8e1f24;border-radius:6px;padding:11px 14px;font-size:13.5px}
.pd-ship.is-loading{opacity:.55;pointer-events:none}

/* ---------- Submit ---------- */
.pd-submit{width:100%;height:45px;border:0;border-radius:5px;background:var(--pd-btn);color:var(--pd-btn-text);font-size:16.5px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:14px;cursor:pointer;margin-top:9px;transition:opacity .15s}
.pd-submit:hover{opacity:.92}
.pd-submit:disabled{opacity:.6;cursor:not-allowed}
.pd-submit .pd-spin{display:none;width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:pdspin .7s linear infinite}
.pd-submit.is-loading .pd-spin{display:block}
.pd-submit.is-loading .pd-submit__ic{display:none}
@keyframes pdspin{to{transform:rotate(360deg)}}
.pd-terms{text-align:center;font-size:12.5px;color:#666;margin-top:12px}
.pd-terms a{color:#555}
.pd-alert{background:#fdf0f0;border:1px solid #f1c6c8;color:#8e1f24;border-radius:6px;padding:11px 14px;font-size:13.5px;margin-bottom:12px}

/* ---------- Order summary ---------- */
.pd-sum{background:#fff;border:1px solid #ecebe7;border-radius:8px;padding:17px 22px 20px;box-shadow:0 1px 3px rgba(0,0,0,.025)}
.pd-sum__head{display:flex;align-items:baseline;justify-content:space-between;padding:0 0 13px;border-bottom:1px solid #e8e7e3}
.pd-sum__title{font-size:21.5px;font-weight:700;letter-spacing:-.2px}
.pd-sum__title small{font-size:14px;font-weight:400;margin-left:2px}
.pd-sum__edit{font-size:13.5px;color:#111}
.pd-items{border-bottom:1px solid #e8e7e3;padding:17px 0 21px}
.pd-item{display:grid;grid-template-columns:114px 1fr auto;gap:0 22px;align-items:start}
.pd-item+.pd-item{margin-top:18px;padding-top:18px;border-top:1px dashed #ecebe6}
.pd-item__img{width:114px;height:114px;border-radius:6px;background:#efebe4;overflow:hidden;position:relative}
.pd-item__img img{width:100%;height:100%;object-fit:cover}
.pd-item__qty{position:absolute;top:5px;right:5px;background:rgba(17,17,17,.85);color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px}
.pd-item__title{font-size:17px;font-weight:700;line-height:1.25;padding-top:7px}
.pd-item__variant{font-size:13px;color:#777;margin-top:3px}
.pd-item__desc{font-size:14px;color:#5e5e5e;line-height:1.45;margin-top:7px;max-width:245px}
.pd-item__price{font-size:16.5px;font-weight:700;padding-top:7px;white-space:nowrap}
.pd-badge{display:inline-flex;align-items:center;gap:9px;background:var(--pd-soft);border-radius:4px;padding:6px 12px 6px 9px;font-size:12.5px;margin-top:10px}
.pd-badge__ic{width:16px;height:16px;border-radius:50%;background:var(--pd-accent);display:flex;align-items:center;justify-content:center;flex:none}
.pd-totals{padding:19px 0 0}
.pd-tline{display:flex;justify-content:space-between;font-size:15px;margin-bottom:9px}
.pd-tline--disc{color:#2e7d32}
.pd-disc-toggle{background:none;border:0;font-size:14px;text-decoration:underline;text-underline-offset:2px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:#111;padding:0}
.pd-disc-toggle svg{transition:transform .2s}
.pd-disc-toggle.is-open svg{transform:rotate(180deg)}
.pd-disc-form{display:flex;gap:8px;margin-top:10px}
.pd-disc-form .pd-input{height:38px}
.pd-disc-form button{height:38px;padding:0 18px;border-radius:5px;border:0;background:var(--pd-btn);color:var(--pd-btn-text);font-weight:500;cursor:pointer}
.pd-disc-msg{font-size:12.5px;margin-top:6px}
.pd-disc-msg.ok{color:#2e7d32}.pd-disc-msg.bad{color:#b0262c}
.pd-disc-applied{display:inline-flex;align-items:center;gap:6px;background:#f1f0ec;border-radius:4px;padding:3px 8px;font-size:12.5px;margin-left:6px}
.pd-disc-applied button{border:0;background:none;cursor:pointer;font-size:14px;line-height:1;color:#666}
.pd-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e8e7e3;margin-top:16px;padding:16px 0 0}
.pd-total__l{font-size:20px;font-weight:700}
.pd-total__r{display:flex;align-items:baseline;gap:8px}
.pd-total__r small{font-size:13.5px;color:#222}
.pd-total__r strong{font-size:27px;font-weight:700;letter-spacing:-.3px}
.pd-start{display:flex;gap:20px;background:var(--pd-soft);border-radius:6px;padding:18px 20px 18px 20px;margin-top:20px}
.pd-start svg{flex:none;margin-top:2px}
.pd-start h4{font-size:17px;font-weight:700;margin-bottom:3px}
.pd-start p{font-size:14px;color:#333;line-height:1.45;max-width:355px}
.pd-trust{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;margin-top:24px;font-size:14px;line-height:1.3}
.pd-trust svg{margin:0 auto 9px;display:block}

.pd-reviews{background:#fff;border:1px solid #ecebe7;border-radius:8px;padding:20px 22px 22px;margin-top:3px}
.pd-reviews h3{font-size:17.5px;font-weight:700}
.pd-stars{display:flex;align-items:center;gap:4px;margin:10px 0 0 10px;font-size:13px;color:#666}
.pd-stars span{margin-left:11px}
.pd-testi{display:flex;align-items:flex-start;gap:30px;margin:21px 0 0 10px}
.pd-avatars{display:flex;flex:none;padding-top:4px}
.pd-avatars img{width:48px;height:48px;border-radius:50%;border:2px solid #fff;object-fit:cover;background:#ddd}
.pd-avatars img+img{margin-left:-8px}
.pd-testi q{font-style:italic;color:#666;font-size:14.5px;line-height:1.45;quotes:"\201C" "\201D"}
.pd-testi cite{display:block;font-style:normal;color:#555;font-size:13.5px;margin-top:3px}

.pd-secure{background:#f8f8f8;border-radius:8px;padding:24px 14px 24px 22px;margin-top:6px;display:flex;align-items:center;gap:10px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.pd-secure__txt{display:flex;align-items:center;gap:12px;font-size:11.2px;color:#777;line-height:1.5;flex:1}
.pd-secure__txt svg{flex:none}
.pd-secure__badges{display:flex;align-items:center;gap:8px;flex:none}
.pd-secure__badges img{height:34px;width:auto}
.pd-secure__badges img.pd-b-g{height:46px}

/* ---------- Thank you ---------- */
.pd-ty{max-width:640px;margin:50px auto;background:#fff;border:1px solid var(--pd-border);border-radius:10px;padding:40px 40px 34px;text-align:center}
.pd-ty__ic{width:62px;height:62px;border-radius:50%;background:var(--pd-soft);display:flex;align-items:center;justify-content:center;margin:0 auto 18px}
.pd-ty h1{font-size:26px;margin-bottom:8px}
.pd-ty p{color:#555;font-size:15px;line-height:1.55}
.pd-ty__box{background:#faf9f6;border:1px solid #efeee9;border-radius:8px;text-align:left;padding:18px 20px;margin:24px 0}
.pd-ty__row{display:flex;justify-content:space-between;font-size:14px;padding:6px 0}
.pd-ty__row+.pd-ty__row{border-top:1px solid #efeee9}
.pd-ty a.pd-submit{text-decoration:none;max-width:280px;margin:0 auto}
.pd-empty{max-width:520px;margin:70px auto;text-align:center}
.pd-empty h1{font-size:24px;margin-bottom:10px}
.pd-empty p{color:#666;margin-bottom:22px}
.pd-empty a.pd-submit{text-decoration:none;max-width:260px;margin:0 auto}

/* ---------- Responsive ---------- */
@media (max-width:1320px){
  .pd-wrap{grid-template-columns:minmax(0,1fr) minmax(0,460px);padding:0 20px 40px;gap:28px}
  .pd-header__in{padding:0 20px}
}
@media (max-width:980px){
  .pd-wrap{grid-template-columns:1fr;gap:0}
  .pd-right{order:-1;padding-top:16px}
  .pd-os .pd-right{order:1}
  .pd-steps{padding-left:0}
  .pd-sub{padding-left:0}
}
@media (max-width:620px){
  .pd-header{height:64px}
  .pd-logo img{height:34px}
  .pd-logo__mark{font-size:22px}.pd-logo__sub{letter-spacing:6.6px;font-size:7px}
  .pd-hitem--secure span{display:none}
  .pd-help>div{display:none}
  .pd-wrap{padding:0 12px 30px}
  .pd-step__line{width:24px;margin:0 8px}
  .pd-step{gap:7px;font-size:12.5px}
  .pd-card__head{padding:0 16px}
  .pd-card__body{padding:16px}
  .pd-row,.pd-se-row{grid-template-columns:1fr}
  .pd-row{gap:13px}
  .pd-pay-opt__body{padding:0 14px 13px}
  .pd-pay-opt__head{padding:0 12px}
  .pd-brands img{height:19px}
  .pd-brands{gap:5px}
  .pd-sum{padding:16px}
  .pd-item{grid-template-columns:72px 1fr auto;gap:0 13px}
  .pd-item__img{width:72px;height:72px}
  .pd-item__title{font-size:15px;padding-top:0}
  .pd-item__desc{font-size:13px}
  .pd-trust{grid-template-columns:repeat(2,1fr);gap:16px}
  .pd-testi{flex-direction:column;gap:12px;margin-left:0}
  .pd-stars{margin-left:0;flex-wrap:wrap}
  .pd-secure{flex-direction:column;align-items:flex-start}
  .pd-secure__badges{flex-wrap:wrap}
  .pd-ty{margin:20px 12px;padding:28px 18px}
}

/* ---------- Order status (thank you / tracking) ---------- */
.pd-os .pd-left{padding-top:34px}
.pd-os__hero{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.pd-os__check{width:52px;height:52px;border-radius:50%;border:2px solid var(--pd-accent);color:var(--pd-accent);display:flex;align-items:center;justify-content:center;flex:none}
.pd-os__hero small{display:block;color:var(--pd-muted);font-size:14px}
.pd-os__hero h1{font-size:26px;font-weight:700;letter-spacing:-.3px;line-height:1.2}
.pd-os__box{background:#fff;border:1px solid var(--pd-border);border-radius:var(--pd-radius);padding:20px 22px;margin-bottom:14px}
.pd-os__box h2{font-size:18px;font-weight:700;margin-bottom:6px}
.pd-os__box>p{color:#555;font-size:14px;line-height:1.55}
.pd-os__box--alert{background:#fdf6f6;border-color:#f1d0d2}
.pd-os__link{display:inline-block;margin-top:10px;font-size:14px;font-weight:500;color:#111}
.pd-prog{list-style:none;display:flex;margin:22px 0 4px;position:relative}
.pd-prog li{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;font-size:13px;color:#888}
.pd-prog li:before{content:"";position:absolute;top:11px;left:-50%;width:100%;height:2px;background:#e6e4de;z-index:0}
.pd-prog li:first-child:before{display:none}
.pd-prog li.is-done:before,.pd-prog li.is-current:before{background:var(--pd-btn)}
.pd-prog__dot{width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid #d8d6d0;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}
.pd-prog li.is-done .pd-prog__dot,.pd-prog li.is-current .pd-prog__dot{background:var(--pd-btn);border-color:var(--pd-btn)}
.pd-prog li.is-current em{color:#111;font-weight:700}
.pd-prog em{font-style:normal}
.pd-prog.is-hold li.is-current .pd-prog__dot{background:#b45309;border-color:#b45309}
.pd-os__info{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;margin-top:12px}
.pd-os__info h3{font-size:14px;font-weight:700;margin-bottom:4px}
.pd-os__info p{font-size:14px;color:#444;line-height:1.55;word-break:break-word}
.pd-os__foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px;font-size:14px;color:#555}
.pd-os__foot span a{color:#111}
.pd-os__btn{width:auto;padding:0 26px;margin:0;text-decoration:none;color:var(--pd-btn-text)}
.pd-tl{list-style:none;margin-top:12px;position:relative;padding-left:22px}
.pd-tl:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:#efeee9}
.pd-tl li{position:relative;padding-bottom:16px}
.pd-tl li:last-child{padding-bottom:0}
.pd-tl__dot{position:absolute;left:-22px;top:4px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--pd-accent)}
.pd-tl li:first-child .pd-tl__dot{background:var(--pd-accent)}
.pd-tl strong{display:block;font-size:14px}
.pd-tl small{display:block;color:#888;font-size:12.5px}
.pd-tl p{margin-top:6px;font-size:14px;color:#333;background:var(--pd-soft);border-radius:6px;padding:9px 12px;line-height:1.5}
.pd-item--sm{grid-template-columns:64px 1fr auto;gap:0 16px;align-items:center}
.pd-item--sm .pd-item__img{width:64px;height:64px;overflow:visible;border:1px solid var(--pd-border)}
.pd-item--sm .pd-item__img img{border-radius:6px}
.pd-item--sm .pd-item__qty{top:-8px;right:-8px;background:#6f6f6f}
.pd-item--sm .pd-item__title{font-size:14.5px;padding:0}
.pd-item--sm .pd-item__price{font-size:14.5px;padding:0;font-weight:500}
.pd-track{max-width:460px;margin:60px auto;padding:0 16px}
.pd-track h1{font-size:26px;margin-bottom:6px}
.pd-track>p{color:#666;font-size:14.5px;margin-bottom:20px;line-height:1.5}
.pd-track__form{display:flex;flex-direction:column;gap:12px}
@media (max-width:620px){
  .pd-os__info{grid-template-columns:1fr}
  .pd-os__foot{flex-direction:column-reverse;align-items:stretch;text-align:center}
  .pd-os__btn{width:100%}
  .pd-os__hero h1{font-size:21px}
}