/* ═══════════════════════════════════════════════
   WILDIKUS – Single Product Page CSS
   Add to wildikus-theme/assets/css/wildikus.css
═══════════════════════════════════════════════ */

/* Product Hero */
.wld-product-page{padding-top:80px}
.prod-hero{background:var(--deep);padding:80px 60px}
.prod-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;max-width:1300px;margin:0 auto}

/* Gallery */
.prod-gallery{display:flex;flex-direction:column;gap:16px}
.prod-main-img{background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;position:relative;cursor:zoom-in}
.prod-img-main{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease-out)}
.prod-main-img:hover .prod-img-main{transform:scale(1.04)}
.prod-img-placeholder{font-size:6rem}
.prod-zoom-hint{position:absolute;bottom:16px;right:16px;background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);font-size:0.7rem;color:var(--steel);padding:5px 10px;border-radius:6px;opacity:0;transition:opacity .2s}
.prod-main-img:hover .prod-zoom-hint{opacity:1}
.prod-thumbs{display:flex;gap:8px;flex-wrap:wrap}
.prod-thumb{width:72px;height:54px;object-fit:cover;border-radius:8px;border:2px solid var(--border);cursor:pointer;transition:border-color .2s;opacity:0.6}
.prod-thumb.active,.prod-thumb:hover{border-color:var(--orange);opacity:1}
.prod-digital-badge{background:rgba(0,200,255,0.08);border:1px solid rgba(0,200,255,0.2);border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:10px;font-size:0.78rem;color:#00C8FF}
.dig-dot{width:7px;height:7px;border-radius:50%;background:#00C8FF;animation:pulse 1.5s ease infinite;flex-shrink:0}

/* Product Info */
.prod-info{display:flex;flex-direction:column;gap:20px;padding-top:8px}
.prod-breadcrumb .wld-breadcrumb{margin-bottom:0}
.prod-cat{font-family:var(--font-mono);font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--orange)}
.prod-title{font-family:var(--font-head);font-size:clamp(2rem,4vw,3.5rem);letter-spacing:0.02em;color:var(--white);line-height:1}
.prod-rating{display:flex;align-items:center;gap:10px}
.prod-review-count{font-size:0.78rem;color:var(--muted)}
.prod-price-wrap{display:flex;align-items:baseline;gap:16px}
.prod-price .woocommerce-Price-amount{font-family:var(--font-head);font-size:3rem;color:var(--orange);letter-spacing:0.02em}
.prod-savings{font-size:0.8rem;color:var(--green);background:rgba(0,204,102,0.08);border:1px solid rgba(0,204,102,0.2);border-radius:4px;padding:3px 10px}
.prod-short-desc{font-size:0.9rem;color:var(--steel);line-height:1.8;border-left:2px solid var(--orange);padding-left:16px}
.prod-attributes{display:flex;flex-direction:column;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px}
.prod-attr-item{display:flex;justify-content:space-between;font-size:0.82rem;padding:6px 0;border-bottom:1px solid var(--deep)}
.prod-attr-item:last-child{border-bottom:none}
.prod-attr-name{color:var(--muted)}
.prod-attr-val{color:var(--white);font-weight:600}

/* Cart */
.prod-cart-wrap .quantity{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.prod-cart-wrap .qty{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:var(--font-body);font-size:1.1rem;padding:12px 20px;width:80px;text-align:center;outline:none}
.prod-cart-wrap .single_add_to_cart_button{width:100%;background:var(--orange)!important;color:#000!important;font-family:var(--font-body)!important;font-size:0.9rem!important;font-weight:700!important;letter-spacing:0.1em!important;text-transform:uppercase!important;padding:18px!important;border-radius:var(--r)!important;border:none!important;cursor:pointer!important;transition:all .2s!important}
.prod-cart-wrap .single_add_to_cart_button:hover{background:#FF5500!important;transform:translateY(-2px)!important}

/* Meta */
.prod-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.prod-meta-item{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:10px}
.prod-meta-icon{font-size:1.1rem;flex-shrink:0;margin-top:2px}
.prod-meta-label{font-size:0.65rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.prod-meta-val{font-size:0.82rem;color:var(--white)}

/* Share */
.prod-share{display:flex;align-items:center;gap:10px}
.prod-share-label{font-size:0.72rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted)}
.share-btn{width:36px;height:36px;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s;text-decoration:none}
.share-btn:hover{border-color:var(--orange);background:var(--orange-glow)}

/* Tabs */
.prod-tabs-section{padding:80px 60px;background:var(--black)}
.prod-tabs-inner{max-width:1300px;margin:0 auto}
.prod-tabs-nav{display:flex;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:4px;margin-bottom:40px;flex-wrap:wrap}
.ptab{padding:10px 24px;font-size:0.8rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);cursor:pointer;border-radius:calc(var(--r) - 2px);border:none;background:transparent;transition:all .2s;font-family:var(--font-body)}
.ptab.active{background:var(--orange);color:#000}
.ptab-content{display:none;font-size:0.9rem;color:var(--steel);line-height:1.9}
.ptab-content.active{display:block}
.ptab-content h2,.ptab-content h3{font-family:var(--font-head);color:var(--white);margin:24px 0 12px}
.ptab-content p{margin-bottom:14px}
.ptab-content ul{padding-left:20px;margin-bottom:14px}
.ptab-content ul li{margin-bottom:6px}

/* Specs table */
.specs-table{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}
.spec-row{display:flex;align-items:center;padding:14px 20px;border-bottom:1px solid var(--deep)}
.spec-row:last-child{border-bottom:none}
.spec-row:nth-child(even){background:var(--surface)}
.spec-key{width:200px;font-size:0.82rem;font-weight:600;color:var(--steel);flex-shrink:0}
.spec-val{font-size:0.82rem;color:var(--white)}

/* FAQ */
.faq-list{display:flex;flex-direction:column;gap:2px}
.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.faq-q{padding:20px 24px;font-size:0.9rem;font-weight:600;color:var(--white);cursor:pointer;position:relative}
.faq-q::after{content:'▼';position:absolute;right:24px;font-size:0.75rem;color:var(--orange);transition:transform .2s}
.faq-a{padding:0 24px 20px;font-size:0.84rem;color:var(--steel);line-height:1.8}

/* Related */
.prod-related{padding:80px 60px;background:var(--deep)}
.prod-related-inner{max-width:1300px;margin:0 auto}
.prod-related-title{font-family:var(--font-head);font-size:2.5rem;color:var(--white);margin-bottom:40px;letter-spacing:0.02em}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

/* Responsive */
@media(max-width:900px){
  .prod-hero{padding:60px 24px}
  .prod-hero-inner{grid-template-columns:1fr;gap:40px}
  .prod-meta{grid-template-columns:1fr}
  .prod-tabs-section{padding:60px 24px}
  .related-grid{grid-template-columns:1fr}
  .prod-related{padding:60px 24px}
}