/* ─── LOCKSTATION HELP PAGE (Shipping & Returns / Terms & Conditions) ─── */
.hp-wrap{font-family:'Inter',system-ui,-apple-system,sans-serif;color:#353435;line-height:1.5;background:#F5F6F8;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:1rem 0 2rem;}
.hp{width:95%;max-width:1800px;margin:0 auto;padding:0;}
.hp *{box-sizing:border-box;}
.hp a{text-decoration:none;}

/* Breadcrumb */
.hp-bc{display:flex;align-items:center;flex-wrap:wrap;font-size:.8125rem;color:#6B7280;padding:0;margin:0 0 1rem;}
.hp-bc a{color:#6B7280;transition:color .15s;}
.hp-bc a:hover{color:#0F172A;}
.hp-bc-sep{color:#9CA3AF;margin:0 .5rem;font-weight:400;}
.hp-bc-cur{color:#0F172A;font-weight:500;}

/* Card base */
.hp-card{background:#fff;border:1px solid #E5E7EB;border-radius:12px;box-shadow:0 1px 2px rgba(15,23,42,.04);margin-bottom:1rem;}

/* HERO */
.hp-hero-wrap{padding:1.25rem 1.75rem 1.75rem;}
.hp-hero{display:flex;gap:1.5rem;align-items:stretch;}
.hp-hero--solo{display:block;}
.hp-hero-left{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;}
.hp-hero-img{width:46%;flex-shrink:0;border-radius:10px;overflow:hidden;position:relative;min-height:280px;}
.hp-hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.hp-h1{font-size:2.125rem;font-weight:800;color:#0F172A;margin:0 0 .5rem;line-height:1.15;letter-spacing:-.5px;}
.hp-subtitle{color:#4B5563;font-size:.875rem;line-height:1.6;margin:0 0 .375rem;max-width:34rem;}
.hp-updated{color:#9CA3AF;font-size:.75rem;margin:0 0 1rem;}

/* Warning / Info notice box */
.hp-warn{background:#FEF2F2;border:1.5px solid #FCA5A5;border-radius:12px;padding:1rem 1.125rem;display:flex;gap:.75rem;align-items:flex-start;}
.hp-warn--info{background:#EFF6FF;border-color:#BFDBFE;}
.hp-warn-icon{width:1.125rem;height:1.125rem;flex-shrink:0;margin-top:2px;color:#BF1718;}
.hp-warn--info .hp-warn-icon{color:#1D4ED8;}
.hp-warn-title{font-weight:700;color:#BF1718;font-size:.875rem;margin:0 0 .25rem;display:block;letter-spacing:.005em;}
.hp-warn--info .hp-warn-title{color:#1D4ED8;}
.hp-warn-text{color:#7F1D1D;font-size:.8125rem;line-height:1.55;margin:0;}
.hp-warn--info .hp-warn-text{color:#1E3A8A;}

/* FEATURE STRIP */
.hp-feat-card{padding:1.125rem 1.75rem;}
.hp-feat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}
.hp-feat-item{display:flex;gap:.75rem;align-items:flex-start;}
.hp-feat-icon{width:1.75rem;height:1.75rem;flex-shrink:0;color:#037682;}
.hp-feat-text{flex:1;min-width:0;}
.hp-feat-title{font-weight:700;font-size:.8125rem;color:#0F172A;margin:0 0 .1875rem;line-height:1.3;}
.hp-feat-sub{font-size:.71875rem;color:#6B7280;line-height:1.4;margin:0;}

/* MAIN BODY (accordion + sidebar) */
.hp-body{display:grid;grid-template-columns:1fr 290px;gap:1rem;align-items:start;}

/* ACCORDION */
.hp-accordion{background:#fff;border:1px solid #E5E7EB;border-radius:12px;box-shadow:0 1px 2px rgba(15,23,42,.04);overflow:hidden;}
.hp-acc-item{border-bottom:1px solid #F3F4F6;}
.hp-acc-item:last-child{border-bottom:none;}
.hp-acc-btn{list-style:none;cursor:pointer;width:100%;display:flex;align-items:center;gap:.875rem;padding:1rem 1.5rem;background:none;border:none;text-align:left;}
.hp-acc-btn::-webkit-details-marker{display:none;}
.hp-acc-btn::marker{content:"";display:none;}
.hp-acc-btn:hover{background:#FAFBFC;}
.hp-acc-circle{width:2.25rem;height:2.25rem;min-width:2.25rem;border-radius:50%;background:#F3F4F6;display:flex;align-items:center;justify-content:center;color:#037682;}
.hp-acc-circle.is-red{background:#FEF2F2;color:#BF1718;}
.hp-acc-circle svg{width:1rem;height:1rem;}
.hp-acc-info{flex:1;min-width:0;}
.hp-acc-title{font-weight:700;font-size:.875rem;color:#0F172A;display:block;margin:0 0 .125rem;}
.hp-acc-desc{font-size:.75rem;color:#6B7280;display:block;margin:0;}
.hp-acc-chev{width:1rem;height:1rem;color:#9CA3AF;flex-shrink:0;transition:transform .2s ease;}
.hp-acc-item[open] .hp-acc-chev{transform:rotate(180deg);color:#BF1718;}
.hp-acc-item[open] .hp-acc-circle{background:#FEF2F2;color:#BF1718;}
.hp-acc-body{padding:.25rem 1.5rem 1.125rem 4.375rem;color:#475569;font-size:.8125rem;line-height:1.65;animation:hp-fade .2s ease;}
.hp-acc-body p{margin:0 0 .625rem;}
.hp-acc-body p:last-child{margin-bottom:0;}
.hp-acc-body ul,.hp-acc-body ol{margin:.25rem 0 .625rem 1.25rem;padding:0;}
.hp-acc-body li{margin-bottom:.3125rem;}
.hp-acc-body a{color:#037682;font-weight:600;}
.hp-acc-body a:hover{color:#BF1718;text-decoration:underline;}
@keyframes hp-fade{from{opacity:0;transform:translateY(-4px);}to{opacity:1;transform:translateY(0);}}

/* SIDEBAR */
.hp-sidebar{display:flex;flex-direction:column;gap:1rem;}
.hp-side-card{background:#fff;border:1px solid #E5E7EB;border-radius:12px;box-shadow:0 1px 2px rgba(15,23,42,.04);padding:1.25rem 1.375rem;}

/* On this page */
.hp-onpage-hd{font-weight:700;font-size:.9375rem;color:#0F172A;margin:0 0 .625rem;}
.hp-onpage-link{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;font-weight:500;color:#BF1718;padding:.4375rem 0;border-bottom:1px solid #F3F4F6;}
.hp-onpage-link:last-child{border-bottom:none;}
.hp-onpage-link:hover{color:#991414;}
.hp-onpage-link svg{width:.75rem;height:.75rem;flex-shrink:0;color:#BF1718;}

/* Need help */
.hp-help-hd{font-weight:800;font-size:1rem;color:#0F172A;margin:0 0 .25rem;}
.hp-help-sub{font-size:.75rem;color:#6B7280;line-height:1.5;margin:0 0 .9375rem;}
.hp-help-item{display:flex;gap:.625rem;align-items:flex-start;margin-bottom:.75rem;}
.hp-help-item:last-child{margin-bottom:0;}
.hp-help-item svg{width:1rem;height:1rem;flex-shrink:0;margin-top:2px;color:#037682;}
.hp-help-main{font-weight:700;font-size:.8125rem;color:#0F172A;display:block;margin:0 0 .0625rem;}
.hp-help-main:hover{color:#037682;}
.hp-help-small{font-size:.6875rem;color:#9CA3AF;display:block;}

/* CTA BAR */
.hp-cta{background:#F5F6F8;background-image:radial-gradient(circle,rgba(15,23,42,.08) 1px,transparent 1px);background-size:14px 14px;border:1px solid #E5E7EB;border-radius:12px;padding:1.375rem 1.75rem;display:flex;align-items:center;gap:1.125rem;margin-top:1rem;box-shadow:0 1px 2px rgba(15,23,42,.04);}
.hp-cta-bubble{width:2.75rem;height:2.75rem;min-width:2.75rem;border-radius:50%;background:#0F172A;display:flex;align-items:center;justify-content:center;}
.hp-cta-bubble svg{width:1.375rem;height:1.375rem;color:#fff;}
.hp-cta-body{flex:1;min-width:0;}
.hp-cta-ttl{color:#0F172A;font-weight:800;font-size:.9375rem;margin:0 0 .1875rem;}
.hp-cta-sub{color:#6B7280;font-size:.71875rem;margin:0;line-height:1.5;}
.hp-cta-btns{display:flex;gap:.625rem;flex-shrink:0;}
.hp-btn-dark{background:#0F1518;color:#fff;font-weight:600;font-size:.8125rem;padding:.6875rem 1.125rem;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:.625rem;white-space:nowrap;border:1px solid rgba(255,255,255,.06);min-width:190px;}
.hp-btn-dark:hover{background:#1A2329;color:#fff;}
.hp-btn-red-out{background:#fff;border:1.5px solid #BF1718;color:#BF1718;font-weight:600;font-size:.8125rem;padding:.625rem 1.125rem;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:.625rem;white-space:nowrap;min-width:190px;}
.hp-btn-red-out:hover{background:#BF1718;color:#fff;}

/* RESPONSIVE */
@media(max-width:1024px){.hp-body{grid-template-columns:1fr 260px;}}
@media(max-width:900px){
  .hp-hero-wrap{padding:1rem 1.25rem 1.25rem;}
  .hp-hero{flex-direction:column;}
  .hp-hero-img{width:100%;min-height:220px;}
  .hp-feat-strip{grid-template-columns:repeat(2,1fr);}
  .hp-body{grid-template-columns:1fr;}
  .hp-cta{flex-direction:column;text-align:center;padding:1.5rem;}
  .hp-cta-btns{justify-content:center;flex-wrap:wrap;}
  .hp-h1{font-size:1.75rem;}
}