/* Shared design for Return, Shipping and Terms policy pages */

.policy-hero{position:relative;height:42vh;min-height:260px;overflow:hidden;}
.policy-hero .hero-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.policy-hero .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg, rgba(20,20,20,.55), rgba(20,20,20,.65));display:flex;align-items:center;justify-content:center;text-align:center;}
.policy-hero .hero-content{color:#fff;padding:0 20px;}
.policy-hero .hero-text{font-size:2.2rem;font-weight:700;margin:0;letter-spacing:.3px;}
.policy-hero .hero-sub{margin-top:10px;font-size:.95rem;color:rgba(255,255,255,.85);}
.policy-hero .hero-sub .divider{display:inline-block;width:60px;height:3px;border-radius:3px;background:linear-gradient(90deg,#e73229,#f28c13);margin:14px auto 0;}

.policy-body{background-color:#fcf2e8;padding:50px 20px 70px;}
.policy-wrap{max-width:1180px;margin:0 auto;display:flex;align-items:flex-start;gap:30px;}

.policy-toc{flex:0 0 260px;position:sticky;top:20px;background:#fff;border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.08);padding:22px;}
.policy-toc h4{margin:0 0 14px;font-size:15px;text-transform:uppercase;letter-spacing:.5px;color:#333;}
.policy-toc ul{list-style:none;margin:0;padding:0;}
.policy-toc li{margin-bottom:6px;}
.policy-toc a{display:block;padding:7px 10px;border-radius:6px;color:#555;text-decoration:none;font-size:14px;transition:background .15s,color .15s;}
.policy-toc a:hover{background:#fcf2e8;color:#e73229;}
.policy-toc-contact{margin-top:20px;padding-top:16px;border-top:1px solid #eee;font-size:13px;color:#666;}
.policy-toc-contact a{color:#e73229;text-decoration:none;font-weight:600;}
.policy-toc-contact i{width:18px;color:#f28c13;}

.policy-main{flex:1;min-width:0;}

.policy-updated{display:inline-block;background:#fff;border-radius:30px;padding:6px 16px;font-size:13px;color:#555;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-bottom:20px;}
.policy-updated i{color:#f28c13;margin-right:6px;}

.policy-lead{font-size:16px;line-height:1.7;color:#444;background:#fff;border-radius:10px;padding:22px 26px;box-shadow:0 4px 14px rgba(0,0,0,.06);margin-bottom:26px;}

.policy-draft-banner{display:flex;align-items:flex-start;gap:14px;background:#fff8e6;border:1px solid #ffd77a;border-left:5px solid #f28c13;border-radius:8px;padding:16px 20px;margin-bottom:26px;}
.policy-draft-banner i{font-size:20px;color:#f28c13;margin-top:2px;}
.policy-draft-banner strong{color:#b5590a;}
.policy-draft-banner p{margin:4px 0 0;font-size:14px;color:#6b5433;line-height:1.6;}

.policy-section{background:#fff;border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.06);padding:26px 28px;margin-bottom:22px;scroll-margin-top:90px;}
.policy-section h2{display:flex;align-items:center;gap:12px;font-size:19px;color:#222;margin:0 0 14px;}
.policy-section h2 .num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:linear-gradient(135deg,#e73229,#f28c13);color:#fff;font-size:15px;font-weight:700;}
.policy-section p{color:#555;line-height:1.75;font-size:15px;margin:0 0 10px;}
.policy-section ul{margin:8px 0 4px;padding-left:0;list-style:none;}
.policy-section ul li{position:relative;padding-left:26px;margin-bottom:10px;color:#555;line-height:1.65;font-size:15px;}
.policy-section ul li::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;top:2px;color:#f28c13;font-size:12px;}
.policy-section a{color:#e73229;text-decoration:none;font-weight:600;}
.policy-section a:hover{text-decoration:underline;}

.policy-table dl{display:grid;grid-template-columns:190px 1fr;gap:10px 16px;margin:4px 0 0;}
.policy-table dt{font-weight:700;color:#333;font-size:14px;}
.policy-table dd{margin:0;color:#555;font-size:14px;line-height:1.6;}
.policy-table dl + dl{margin-top:10px;padding-top:10px;border-top:1px dashed #eee;}

.policy-tbc{background:#fff3cd;border:1px solid #f2c14e;color:#7a5b00;padding:2px 8px;border-radius:5px;font-size:13px;font-weight:600;white-space:nowrap;}

.policy-contact-card{background:linear-gradient(120deg,#e73229,#f28c13);border-radius:10px;padding:28px 30px;color:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;}
.policy-contact-card h3{margin:0 0 6px;font-size:19px;}
.policy-contact-card p{margin:0;font-size:14px;opacity:.95;}
.policy-contact-card .policy-contact-links{display:flex;flex-wrap:wrap;gap:12px;}
.policy-contact-card .policy-contact-links a{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.5);color:#fff;text-decoration:none;padding:10px 18px;border-radius:30px;font-size:14px;font-weight:600;transition:background .15s;}
.policy-contact-card .policy-contact-links a:hover{background:rgba(255,255,255,.28);}

@media (max-width:991px){
  .policy-wrap{flex-direction:column;}
  .policy-toc{position:relative;top:0;width:100%;flex:1 1 auto;}
}
@media (max-width:768px){
  .policy-hero{height:32vh;min-height:200px;}
  .policy-hero .hero-text{font-size:1.6rem;}
  .policy-body{padding:34px 14px 50px;}
  .policy-section{padding:20px 18px;}
  .policy-table dl{grid-template-columns:1fr;gap:2px 0;}
  .policy-table dt{margin-top:8px;}
  .policy-contact-card{flex-direction:column;align-items:flex-start;}
}
