/* ============================================================
   pages.css — Styles for every inner page added when the site
   went multi-page: generic content pages, auth forms, product
   detail, full cart/checkout pages, wishlist grid, profile,
   gift-card denomination picker, 404. Load AFTER responsive.css
   on any page that needs these (see each page's own <link> tags).
   ============================================================ */

/* ============ GENERIC CONTENT PAGE ============ */
/* about.html, contact.html, privacy.html, terms.html, support.html, faq.html */
.page-hero{padding:160px 0 60px;text-align:center;position:relative;}
.page-hero .eyebrow{justify-content:center;}
.page-hero h1{font-size:clamp(32px,5vw,52px);margin-bottom:14px;}
.page-hero p{color:var(--text-2);font-size:16px;max-width:560px;margin:0 auto;}
.content-section{padding:60px 0 110px;}
.content-wrap{max-width:820px;margin:0 auto;}
.content-wrap h2{font-size:24px;margin:40px 0 14px;}
.content-wrap h2:first-child{margin-top:0;}
.content-wrap p{color:var(--text-2);font-size:15px;line-height:1.8;margin-bottom:16px;}
.content-wrap ul{color:var(--text-2);font-size:15px;line-height:1.9;margin:0 0 16px 22px;}
.content-wrap a{color:var(--secondary);}

/* Contact / support cards */
.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:60px;}
.support-card{border-radius:20px;padding:30px 26px;text-align:center;transition:transform .35s var(--ease), box-shadow .35s var(--ease);box-shadow:0 12px 30px rgba(0,0,0,.2);}
.support-card:hover{transform:translateY(-6px);box-shadow:0 22px 46px rgba(0,0,0,.32);}
.support-card:hover .cat-icon{transform:scale(1.08);}
.support-card .cat-icon{margin:0 auto 16px;}
.support-card h4{font-size:16px;margin-bottom:8px;}
.support-card p{color:var(--text-2);font-size:13.5px;margin-bottom:18px;}
.status-row{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-radius:14px;margin-bottom:10px;}
.status-dot{width:9px;height:9px;border-radius:50%;background:#4ADE80;box-shadow:0 0 10px #4ADE80;display:inline-block;margin-right:10px;}

/* Contact form */
.contact-form{display:grid;gap:16px;max-width:560px;margin:0 auto;}
.contact-form textarea{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px;color:#fff;font-size:14px;font-family:var(--body-font);min-height:140px;resize:vertical;transition:border-color .2s,box-shadow .2s;}
.contact-form textarea:focus{outline:none;border-color:var(--secondary);box-shadow:var(--ring);}

/* ============ AUTH (login / register) ============ */
.auth-section{min-height:100vh;display:flex;align-items:center;padding:140px 0 80px;}
.auth-card{max-width:440px;margin:0 auto;border-radius:24px;padding:44px 38px;width:100%;box-shadow:0 26px 60px rgba(0,0,0,.4);}
.auth-card h1{font-size:26px;margin-bottom:8px;text-align:center;}
.auth-card > p{color:var(--text-2);font-size:13.5px;text-align:center;margin-bottom:32px;}
.auth-field{margin-bottom:18px;}
.auth-field label{display:block;font-size:12.5px;color:var(--text-2);margin-bottom:7px;}
.auth-field input{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:13px 15px;color:#fff;font-size:14px;transition:border-color .2s,box-shadow .2s;}
.auth-field input:focus{outline:none;border-color:var(--secondary);box-shadow:var(--ring);}
.auth-submit{width:100%;justify-content:center;margin-top:8px;}
.auth-foot{text-align:center;margin-top:24px;font-size:13.5px;color:var(--text-2);}
.auth-divider{display:flex;align-items:center;gap:14px;margin:26px 0;color:var(--text-2);font-size:12px;}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--line);}

/* ============ PRODUCT DETAIL ============ */
.product-detail{padding:150px 0 100px;}
.pd-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
.pd-media{border-radius:24px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.35);}
.pd-media img{width:100%;height:100%;object-fit:cover;}
.pd-media .p-icon{font-size:110px;}
.pd-breadcrumb{font-size:13px;color:var(--text-2);margin-bottom:24px;}
.pd-breadcrumb a{color:var(--text-2);}
.pd-breadcrumb a:hover{color:var(--secondary);}
.pd-info h1{font-size:30px;margin:14px 0 10px;}
.pd-info .p-price{font-size:28px;margin:20px 0;}
.pd-info .desc{color:var(--text-2);font-size:15px;line-height:1.8;margin-bottom:26px;}
.pd-actions{display:flex;gap:14px;margin-bottom:30px;}
.pd-actions .btn{flex:1;justify-content:center;padding:16px;}
.pd-meta{display:flex;flex-direction:column;gap:12px;font-size:13.5px;color:var(--text-2);border-top:1px solid var(--line);padding-top:22px;}
.pd-meta b{color:#fff;}
.pd-related{margin-top:90px;}

/* ============ WISHLIST ============ */
.wishlist-empty{text-align:center;padding:100px 20px;}
.wishlist-empty .icon{font-size:52px;margin-bottom:18px;}
.wishlist-empty h3{font-size:20px;margin-bottom:10px;}
.wishlist-empty p{color:var(--text-2);margin-bottom:26px;}

/* ============ FULL CART / CHECKOUT PAGES ============ */
.cart-page{padding:150px 0 100px;}
.cart-page-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:start;}
.cart-page-list{border-radius:22px;padding:10px;}
.cart-page-item{display:flex;gap:16px;align-items:center;padding:18px;border-bottom:1px solid var(--line);transition:background .2s;border-radius:12px;}
.cart-page-item:hover{background:rgba(255,255,255,.02);}
.cart-page-item:last-child{border-bottom:none;}
.cart-page-item .thumb{width:74px;height:74px;border-radius:14px;background:linear-gradient(160deg,#1b1230,#0d0d18);display:flex;align-items:center;justify-content:center;font-size:28px;overflow:hidden;}
.cart-page-item .thumb img{width:100%;height:100%;object-fit:cover;}
.cart-page-item .info{flex:1;}
.cart-page-item .info h5{font-size:15px;margin-bottom:4px;}
.cart-page-summary{border-radius:22px;padding:30px;position:sticky;top:120px;box-shadow:0 20px 46px rgba(0,0,0,.3);}
.cart-empty-full{text-align:center;padding:100px 20px;}

.checkout-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:start;}
.checkout-form-card{border-radius:22px;padding:34px;}
.checkout-summary-card{border-radius:22px;padding:30px;position:sticky;top:120px;box-shadow:0 20px 46px rgba(0,0,0,.3);}
.checkout-summary-card .cart-line{font-size:13.5px;}
.order-mini-item{display:flex;justify-content:space-between;font-size:13px;color:var(--text-2);margin-bottom:10px;}

/* ============ PROFILE ============ */
.profile-section{padding:150px 0 100px;}
.profile-grid{display:grid;grid-template-columns:280px 1fr;gap:34px;align-items:start;}
.profile-card{border-radius:22px;padding:30px;text-align:center;box-shadow:0 20px 46px rgba(0,0,0,.3);}
.profile-avatar{width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;font-family:var(--head-font);font-size:32px;font-weight:700;margin:0 auto 16px;}
.profile-card h3{font-size:18px;margin-bottom:4px;}
.profile-card span{font-size:13px;color:var(--text-2);}
.profile-nav{display:flex;flex-direction:column;gap:6px;margin-top:26px;text-align:left;}
.profile-nav a{padding:11px 14px;border-radius:10px;font-size:13.5px;color:var(--text-2);}
.profile-nav a:hover{background:rgba(255,255,255,.05);color:#fff;}
.profile-panel{border-radius:22px;padding:34px;}
.profile-panel h3{font-size:19px;margin-bottom:20px;}
.order-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);font-size:13.5px;transition:padding-left .2s;}
.order-row:hover{padding-left:6px;}
.order-row:last-child{border-bottom:none;}
.order-row .status{font-size:11px;font-weight:700;padding:4px 11px;border-radius:20px;background:rgba(74,222,128,.14);color:#4ADE80;}

/* ============ GIFT CARDS ============ */
.giftcard-visual{border-radius:22px;aspect-ratio:16/10;background:linear-gradient(135deg,var(--primary),var(--secondary));position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:26px;box-shadow:0 20px 60px rgba(123,46,255,.4);margin-bottom:40px;}
.giftcard-visual::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 20%, rgba(255,255,255,.25), transparent 55%);}
.giftcard-visual .gc-logo{font-family:var(--head-font);font-weight:700;font-size:18px;position:relative;z-index:1;}
.giftcard-visual .gc-amount{font-family:var(--head-font);font-size:40px;position:relative;z-index:1;}
.denom-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0 32px;}
.denom-btn{padding:16px 8px;border-radius:14px;text-align:center;font-family:var(--head-font);font-size:17px;border:1px solid rgba(255,255,255,.12);transition:.25s var(--ease);}
.denom-btn.active,.denom-btn:hover{border-color:var(--secondary);background:rgba(63,140,255,.1);transform:translateY(-2px);}

/* ============ BUNDLES ============ */
.bundle-card{position:relative;}
.bundle-card .tag{position:absolute;top:-13px;right:26px;background:linear-gradient(135deg,var(--primary),var(--accent));font-size:11px;font-weight:700;padding:5px 14px;border-radius:20px;z-index:2;}

/* ============ 404 ============ */
.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px 20px 80px;}
.error-code{font-family:var(--head-font);font-size:clamp(80px,16vw,160px);line-height:1;background:linear-gradient(100deg,var(--secondary),var(--accent) 55%,var(--primary));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:10px;}
.error-page h2{font-size:24px;margin-bottom:14px;}
.error-page p{color:var(--text-2);margin-bottom:30px;max-width:420px;}

/* ============ RESPONSIVE (pages.css additions) ============ */
@media (max-width:980px){
  .pd-grid{grid-template-columns:1fr;gap:36px;}
  .cart-page-grid{grid-template-columns:1fr;}
  .checkout-grid{grid-template-columns:1fr;}
  .profile-grid{grid-template-columns:1fr;}
  .support-grid{grid-template-columns:1fr;}
  .cart-page-summary,.checkout-summary-card{position:static;}
}
@media (max-width:600px){
  .denom-grid{grid-template-columns:repeat(2,1fr);}
  .pd-actions{flex-direction:column;}
}