/*
Theme Name: BestPicks Child
Template: generatepress
Description: Amazon-inspired, lightweight child theme for bestpicksindia.com
Version: 0.1.0
Text Domain: bestpicks-child
*/
:root{--navy:#131921;--navy2:#232F3E;--orange:#FF9900;--search:#FEBD69;--cta:#FFD814;--cta-h:#F7CA00;--link:#007185;--bg:#EAEDED;--price:#B12704;--text:#0F1111;--muted:#565959;--radius:8px}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Arial,Helvetica,sans-serif}
a{color:var(--link);text-decoration:none}a:hover{color:#C7511F;text-decoration:underline}
.bp-wrap{max-width:1500px;margin:0 auto;padding:0 12px}
/* Header */
.bp-top{background:var(--navy);color:#fff;position:sticky;top:0;z-index:50}
.bp-top .bp-wrap{display:flex;align-items:center;gap:12px;height:60px}
.bp-logo{display:block;width:145px;height:40px;flex:none}
.bp-logo img{height:40px;width:auto}
.bp-loc{font-size:12px;line-height:1.2;color:#ccc;display:none}.bp-loc b{color:#fff;font-size:14px}
.bp-search{flex:1;display:flex;min-width:0}
.bp-search select{display:none;border:0;background:#e6e6e6;border-radius:4px 0 0 4px;padding:0 8px}
.bp-search input{flex:1;min-width:0;border:0;padding:0 12px;height:40px;font-size:15px}
.bp-search button{border:0;background:var(--search);width:46px;border-radius:0 4px 4px 0;cursor:pointer}
.bp-search button:hover{background:var(--orange)}
.bp-links{display:none;gap:16px;color:#fff;font-weight:700}.bp-links a{color:#fff}
.bp-nav{background:var(--navy2)}
.bp-nav .bp-wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.bp-nav a{color:#fff;padding:8px 10px;white-space:nowrap;border:1px solid transparent;border-radius:2px}
.bp-nav a:hover{border-color:#fff;text-decoration:none;color:#fff}
@media(min-width:800px){.bp-loc{display:block}.bp-search select{display:block}.bp-links{display:flex}}
/* Hero */
.bp-hero{background:linear-gradient(135deg,#232F3E,#37475A);color:#fff;padding:40px 0 140px}
.bp-hero h1{font-size:clamp(24px,4vw,40px);margin:0 0 8px}
.bp-hero p{margin:0 0 16px;color:#ddd;max-width:640px}
.bp-btn{display:inline-block;background:var(--cta);color:var(--text)!important;border:1px solid #FCD200;border-radius:20px;padding:8px 18px;font-weight:700;text-decoration:none!important;cursor:pointer}
.bp-btn:hover{background:var(--cta-h)}
.bp-btn--or{background:#FFA41C;border-color:#FF8F00}
/* Tiles */
.bp-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:-110px auto 16px;position:relative}
@media(min-width:1000px){.bp-tiles{grid-template-columns:repeat(4,1fr);gap:20px}}
.bp-tile{background:#fff;padding:16px;display:flex;flex-direction:column;gap:8px;min-height:340px}
.bp-tile h2{font-size:21px;margin:0;min-height:2.6em}
.bp-tile .bp-mini{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1}
.bp-tile .bp-mini a{display:block;color:var(--text);font-size:12px}
.bp-tile .bp-mini span{display:block;aspect-ratio:1;background:#f3f3f3;margin-bottom:2px}
/* Product card + rails */
.bp-section{background:#fff;padding:16px;margin:0 0 16px}
.bp-section h2{margin:0 0 12px;font-size:21px}
.bp-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,1fr);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
.bp-card{scroll-snap-align:start;border:1px solid #e7e7e7;border-radius:4px;padding:10px;display:flex;flex-direction:column;gap:6px;background:#fff}
.bp-card img{width:100%;aspect-ratio:1;object-fit:contain}
.bp-card h3{font-size:14px;font-weight:400;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bp-stars{color:#FFA41C;letter-spacing:1px}.bp-stars small{color:var(--link);letter-spacing:0}
.bp-price{color:var(--price);font-weight:700}
.bp-tag{font-size:11px;color:var(--muted)}
/* Content */
.bp-content{background:#fff;padding:20px;margin:16px 0}
.bp-disclosure{background:#FFF8E5;border-left:4px solid var(--orange);padding:8px 12px;margin:0 0 16px;font-size:13px}
/* Footer */
.bp-back{display:block;background:#37475A;color:#fff;text-align:center;padding:14px}
.bp-foot{background:var(--navy2);color:#ddd;padding:32px 0;font-size:13px}
.bp-foot .bp-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}
.bp-foot h4{color:#fff;margin:0 0 8px}.bp-foot a{color:#ddd;display:block;padding:2px 0}
.bp-copy{background:var(--navy);color:#aaa;text-align:center;padding:16px 12px;font-size:12px}