/* ---------- Generic page hero ---------- */
.page-hero{background:var(--cream-100); text-align:center; padding:56px 0 40px;}
.page-hero .eyebrow{justify-content:center;}
.page-hero p{max-width:560px; margin:0 auto;}

/* ---------- About ---------- */
.about-story{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;}
.about-story-img{aspect-ratio:1/1; border-radius:var(--r-lg); overflow:hidden; background:var(--cream-100); border:1px solid var(--cream-200);}
.about-story-img img{width:100%; height:100%; object-fit:cover;}
.value-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.value-card{background:var(--white); border:1px solid var(--cream-200); border-radius:var(--r-md); padding:28px; text-align:center;}
.value-card .why-icon{margin:0 auto 16px;}
.team-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:22px;}
.team-card{text-align:center;}
.team-avatar{width:100px; height:100px; border-radius:50%; margin:0 auto 12px; background:var(--maroon-800); color:#fff; display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-size:1.6rem;}
.team-card strong{display:block; color:var(--maroon-900);}
.team-card span{font-size:.82rem; color:var(--ink-500);}
@media (max-width:900px){.about-story{grid-template-columns:1fr;} .value-grid{grid-template-columns:1fr;} .team-grid{grid-template-columns:repeat(2,1fr);}}

/* ---------- Contact ---------- */
.contact-layout{display:grid; grid-template-columns:1fr 1.1fr; gap:48px; align-items:start;}
.contact-info-card{background:var(--maroon-900); color:#fff; border-radius:var(--r-lg); padding:36px;}
.contact-info-card h3{color:#fff;}
.contact-info-row{display:flex; gap:14px; margin-bottom:20px; align-items:flex-start;}
.contact-info-row svg{width:22px;height:22px; color:var(--gold-400); flex-shrink:0; margin-top:2px;}
.contact-info-row strong{display:block; font-size:.92rem;}
.contact-info-row span{font-size:.85rem; color:var(--cream-200);}
.contact-form-card{background:var(--white); border:1px solid var(--cream-200); border-radius:var(--r-lg); padding:36px;}
.contact-form-card textarea{width:100%; padding:12px 14px; border-radius:8px; border:1px solid var(--cream-200); font-family:var(--font-body); resize:vertical; min-height:120px;}
.map-embed{border-radius:var(--r-md); overflow:hidden; margin-top:24px; aspect-ratio:16/7; background:var(--cream-100); display:flex; align-items:center; justify-content:center; color:var(--ink-500); border:1px solid var(--cream-200);}
@media (max-width:900px){.contact-layout{grid-template-columns:1fr;}}

/* ---------- Blog ---------- */
.blog-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:28px;}
.blog-card{background:var(--white); border:1px solid var(--cream-200); border-radius:var(--r-md); overflow:hidden;}
.blog-card-img{aspect-ratio:16/10; background:var(--cream-100); overflow:hidden;}
.blog-card-img img{width:100%; height:100%; object-fit:cover; transition:transform .5s ease;}
.blog-card:hover .blog-card-img img{transform:scale(1.06);}
.blog-card-body{padding:20px;}
.blog-cat{font-size:.72rem; text-transform:uppercase; letter-spacing:.06em; color:var(--green-700); font-weight:700;}
.blog-card h3{font-size:1.05rem; margin:8px 0;}
.blog-card p{font-size:.88rem;}
.blog-meta{font-size:.78rem; color:var(--ink-500); margin-top:12px;}
.blog-featured{display:grid; grid-template-columns:1fr 1fr; gap:36px; align-items:center; background:var(--cream-100); border-radius:var(--r-lg); padding:36px; margin-bottom:50px;}
.blog-featured-img{aspect-ratio:4/3; border-radius:var(--r-md); overflow:hidden;}
.blog-featured-img img{width:100%;height:100%;object-fit:cover;}
@media (max-width:900px){.blog-grid{grid-template-columns:1fr 1fr;} .blog-featured{grid-template-columns:1fr;}}
@media (max-width:600px){.blog-grid{grid-template-columns:1fr;}}

/* ---------- Auth ---------- */
.auth-wrap{min-height:70vh; display:flex; align-items:center; justify-content:center; padding:70px 20px; background:var(--cream-100);}
.auth-card{background:var(--white); border-radius:var(--r-lg); box-shadow:var(--shadow-md); padding:44px; width:100%; max-width:420px;}
.auth-card .brand{justify-content:center; margin-bottom:20px;}
.auth-card h1{text-align:center; font-size:1.7rem; margin-bottom:6px;}
.auth-card p.sub{text-align:center; margin-bottom:26px; font-size:.9rem;}
.auth-tabs{display:flex; border-radius:999px; background:var(--cream-100); padding:4px; margin-bottom:24px;}
.auth-tabs button{flex:1; padding:10px; border:none; background:none; border-radius:999px; font-weight:600; font-size:.86rem; cursor:pointer; color:var(--ink-500);}
.auth-tabs button.active{background:var(--maroon-800); color:#fff;}
.auth-foot{text-align:center; margin-top:18px; font-size:.86rem; color:var(--ink-500);}
.auth-foot a{color:var(--maroon-800); font-weight:600;}
.otp-row{display:flex; gap:10px; justify-content:center; margin-bottom:20px;}
.otp-row input{width:44px; height:52px; text-align:center; font-size:1.2rem; border-radius:8px; border:1px solid var(--cream-200);}

/* ---------- Account ---------- */
.account-layout{display:grid; grid-template-columns:240px 1fr; gap:36px; align-items:start;}
.account-nav{background:var(--white); border:1px solid var(--cream-200); border-radius:var(--r-md); padding:14px; position:sticky; top:96px;}
.account-nav a{display:flex; align-items:center; gap:10px; padding:12px 14px; border-radius:8px; font-size:.9rem; font-weight:500; color:var(--ink-700);}
.account-nav a.active, .account-nav a:hover{background:var(--cream-100); color:var(--maroon-900);}
.account-card{background:var(--white); border:1px solid var(--cream-200); border-radius:var(--r-md); padding:26px; margin-bottom:20px;}
.order-row{display:flex; align-items:center; gap:16px; padding:16px 0; border-top:1px solid var(--cream-100);}
.order-row:first-child{border-top:none;}
.order-row img{width:56px;height:56px;border-radius:8px;object-fit:cover;background:var(--cream-100);}
.order-row .info{flex:1;}
.order-row strong{font-size:.9rem;}
.order-row span{font-size:.78rem; color:var(--ink-500); display:block;}
.status-pill{font-size:.74rem; font-weight:700; padding:5px 12px; border-radius:999px;}
.status-pill.delivered{background:#E6F0E0; color:var(--green-700);}
.status-pill.transit{background:var(--gold-100); color:var(--gold-600);}
@media (max-width:860px){.account-layout{grid-template-columns:1fr;} .account-nav{position:static; display:flex; overflow-x:auto; gap:4px;}}