/* =========================================================
   HI-TECH PATHSHALA — PRODUCT / COURSE DETAIL PAGE STYLES
   Only rules used on product-detail.blade.php. Depends on
   style.css for tokens and shared components (.code-tag,
   .btn-hip, .price, .breadcrumb-hip, .input-hip ...).
   Loaded via @push('styles') so it only ships on this page.
   ========================================================= */

/* =========================================================
   HERO
   ========================================================= */
   .pd-hero{
    background:var(--ink-dark); color:#fff;
    padding:32px 0 96px;
    position:relative;
  }
  .pd-hero .breadcrumb-hip{margin-bottom:18px;}
  .pd-hero .breadcrumb-hip .sep{opacity:.4;}
  
  .pd-hero__badge{margin-bottom:14px;}
  .pd-hero__title{color:#fff; font-size:clamp(26px,3.4vw,38px); margin:0 0 10px; max-width:680px;}
  .pd-hero__subtitle{color:#B9C9D4; font-size:15px; max-width:600px; margin:0 0 18px;}
  
  .pd-hero__rating{display:flex; align-items:center; gap:9px; margin-bottom:20px; font-size:14px;}
  .pd-hero__rating strong{color:#fff;}
  .pd-hero__rating span{color:#9FB0BE; font-family:var(--font-mono); font-size:12.5px;}
  .pd-hero__stars{color:var(--gold); font-size:13px; letter-spacing:2px;}
  .pd-hero__stars--sm{font-size:11px; letter-spacing:1.5px;}
  
  .pd-hero__meta{display:flex; flex-wrap:wrap; gap:18px; margin-bottom:22px;}
  .pd-hero__meta span{
    display:flex; align-items:center; gap:7px;
    font-size:13px; color:#CBD8E1; font-family:var(--font-mono);
  }
  .pd-hero__meta i{color:var(--gold); font-size:12px;}
  
  .pd-hero__provider{display:flex; align-items:center; gap:10px; font-size:13.5px; color:#CBD8E1;}
  .pd-hero__provider strong{color:#fff;}
  .pd-hero__avatar{
    width:34px; height:34px; border-radius:50%; flex-shrink:0;
    background:rgba(255,255,255,.1); color:#fff; border:1px solid rgba(255,255,255,.2);
    display:flex; align-items:center; justify-content:center;
    font-family:var(--font-display); font-weight:700; font-size:13px;
  }
  
  /* =========================================================
     MAIN CONTENT SECTIONS
     ========================================================= */
  .pd-section-wrap{padding-top:0;}
  
  .pd-section{
    background:var(--white); border:1px solid var(--line); border-radius:var(--r-md);
    padding:28px; margin-bottom:20px;
  }
  .pd-section__title{
    font-size:18px; margin:0 0 16px; padding-bottom:14px;
    border-bottom:2px solid var(--ink); display:inline-block;
  }
  .pd-section__text{color:var(--muted); font-size:14.5px; line-height:1.7; margin:0 0 6px;}
  
  .pd-checklist{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px;}
  .pd-checklist--2col{display:grid; grid-template-columns:1fr 1fr; gap:12px 24px;}
  .pd-checklist__item{
    display:flex; align-items:flex-start; gap:10px;
    font-size:14px; color:var(--ink-text); line-height:1.5;
  }
  .pd-checklist__item i{color:var(--success); font-size:15px; margin-top:2px; flex-shrink:0;}
  .pd-checklist__item strong{color:var(--ink-dark);}
  
  /* product content table */
  .pd-table-wrap{overflow-x:auto; margin-bottom:18px;}
  .pd-table{width:100%; border-collapse:collapse; font-size:14px;}
  .pd-table thead th{
    text-align:left; font-family:var(--font-mono); font-size:11px; letter-spacing:.06em; text-transform:uppercase;
    color:var(--muted); padding:10px 14px; background:var(--paper); border-bottom:1px solid var(--line);
  }
  .pd-table tbody td{padding:12px 14px; border-bottom:1px solid var(--line-soft);}
  .pd-table tbody tr:last-child td{border-bottom:none;}
  
  .pd-addon-toggle{
    display:flex; align-items:center; gap:9px; cursor:pointer;
    font-size:13.5px; font-weight:600; color:var(--ink);
  }
  .pd-addon-toggle input{accent-color:var(--ink);}
  
  .pd-addon-list{margin-top:14px; display:none; flex-direction:column; gap:10px;}
  .pd-addon-list.is-open{display:flex;}
  .pd-addon-item{
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    padding:12px 14px; border:1px solid var(--line); border-radius:var(--r-sm);
    font-size:13.5px; cursor:pointer;
  }
  .pd-addon-item span:first-child{display:flex; align-items:center; gap:10px;}
  .pd-addon-item input{accent-color:var(--ink);}
  
  /* ratings & reviews */
  .pd-rating-summary{
    display:flex; gap:32px; flex-wrap:wrap; align-items:center;
    padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid var(--line-soft);
  }
  .pd-rating-summary__score{display:flex; flex-direction:column; align-items:center; gap:6px; min-width:110px;}
  .pd-rating-summary__score strong{font-family:var(--font-display); font-size:36px; color:var(--ink-dark); line-height:1;}
  .pd-rating-summary__score span{font-family:var(--font-mono); font-size:12px; color:var(--muted);}
  .pd-rating-summary__bars{flex:1; min-width:220px; display:flex; flex-direction:column; gap:7px;}
  .pd-rating-bar{display:grid; grid-template-columns:28px 1fr 36px; align-items:center; gap:10px; font-family:var(--font-mono); font-size:11.5px; color:var(--muted);}
  .pd-rating-bar__track{height:6px; border-radius:999px; background:var(--line-soft); overflow:hidden;}
  .pd-rating-bar__track div{height:100%; background:var(--gold); border-radius:999px;}
  
  .pd-review-card{padding:18px 0; border-bottom:1px solid var(--line-soft);}
  .pd-review-card:last-child{border-bottom:none; padding-bottom:0;}
  .pd-review-card__head{display:flex; align-items:center; gap:12px; margin-bottom:10px;}
  .pd-review-card__head strong{display:block; font-size:14px;}
  .pd-review-card p{margin:0; font-size:14px; color:var(--muted); line-height:1.6;}
  
  /* =========================================================
     SIDEBAR — purchase card
     ========================================================= */
  .pd-purchase-card{
    background:var(--white); border:1px solid var(--line); border-radius:var(--r-lg);
    padding:20px; box-shadow:0 20px 44px -18px rgba(10,42,64,.35);
    margin-top:-64px; position:relative; z-index:2;
  }
  .pd-purchase-card__media{
    aspect-ratio:16/11; border-radius:var(--r-md); overflow:hidden; margin-bottom:18px;
    background:linear-gradient(150deg, var(--ink) 0%, var(--ink-dark) 60%, var(--gold-dark) 130%);
    position:relative; display:flex; align-items:center; justify-content:center;
  }
  .pd-purchase-card__media i{font-size:56px; color:rgba(255,255,255,.25);}
  .pd-purchase-card__ribbon{
    position:absolute; top:12px; left:12px; right:12px;
    font-family:var(--font-mono); font-size:11px; font-weight:700; letter-spacing:.04em;
    color:#fff; text-transform:uppercase;
  }
  
  .pd-purchase-card__price{display:flex; align-items:center; gap:10px; margin-bottom:16px; flex-wrap:wrap;}
  .pd-purchase-card__price .price{font-size:24px;}
  .pd-purchase-card__old{font-family:var(--font-mono); font-size:14px; color:var(--muted); text-decoration:line-through;}
  
  .pd-purchase-card .btn-hip{margin-bottom:10px;}
  
  .pd-coupon-form{
    display:none; gap:8px; margin-bottom:6px;
  }
  .pd-coupon-form.is-open{display:flex;}
  .pd-coupon-form .input-hip{flex:1; padding:9px 10px; font-size:13px;}
  .pd-coupon-form .coupon-msg{width:100%; font-size:11.5px; margin:6px 0 0;}
  
  .pd-purchase-card__includes{
    margin-top:16px; padding-top:16px; border-top:1px solid var(--line-soft);
    display:flex; flex-direction:column; gap:10px;
  }
  .pd-purchase-card__includes-title{
    font-family:var(--font-mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase;
    color:var(--muted); margin-bottom:2px;
  }
  .pd-include-row{
    display:flex; align-items:center; gap:9px; font-size:13.5px; color:var(--ink-text);
  }
  .pd-include-row i{color:var(--ink); width:16px; text-align:center;}
  .pd-include-row strong{margin-left:auto; color:var(--ink-dark);}
  
  .pd-purchase-card__trust{
    margin-top:16px; padding-top:16px; border-top:1px solid var(--line-soft);
    display:flex; flex-direction:column; gap:8px;
  }
  .pd-purchase-card__trust span{
    display:flex; align-items:center; gap:8px; font-size:12px; color:var(--success); font-weight:600;
  }
  
  /* related courses */
  .pd-related{
    background:var(--white); border:1px solid var(--line); border-radius:var(--r-lg);
    padding:20px; margin-top:20px;
  }
  .pd-related h6{
    font-family:var(--font-mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase;
    color:var(--muted); margin:0 0 14px;
  }
  .pd-related__item{
    display:flex; align-items:center; gap:12px; padding:10px 0;
    border-bottom:1px solid var(--line-soft);
  }
  .pd-related__item:last-child{border-bottom:none; padding-bottom:0;}
  .pd-related__thumb{
    width:52px; height:52px; border-radius:var(--r-sm); flex-shrink:0;
    background:linear-gradient(150deg, var(--ink), var(--ink-dark));
    display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.4); font-size:18px;
  }
  .pd-related__info{display:flex; flex-direction:column; gap:3px;}
  .pd-related__info strong{font-size:13.5px; color:var(--ink-text); line-height:1.3;}
  .pd-related__info .price{font-size:13px;}