/*
Theme Name: AmazonShop
Description: Fast, secure eCommerce theme
Version: 1.0
*/

:root {
    --primary: #FF9900;
    --secondary: #232F3E;
    --text-dark: #0F1111;
    --bg-light: #F7F8FA;
}

*{margin:0;padding:0;box-sizing:border-box}

body{font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;color:var(--text-dark);background:var(--bg-light);font-display:swap}

.container{max-width:1280px;margin:0 auto;padding:0 24px}

header{background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.05);position:sticky;top:0;z-index:1000;will-change:transform}

.site-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0}

.site-logo{font-size:28px;font-weight:700;color:var(--secondary);text-decoration:none;transition:color .3s ease}

.site-logo:hover{color:var(--primary)}

nav ul{display:flex;list-style:none;gap:32px}

nav a{color:var(--text-dark);text-decoration:none;font-weight:500;transition:color .3s ease}

nav a:hover{color:var(--primary)}

.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:32px;padding:48px 0}

.product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;position:relative;will-change:transform}

.product-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(0,0,0,.15)}

.product-badge{position:absolute;top:16px;left:16px;background:#C7511F;color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;z-index:10}

.product-badge.bestseller{background:#FFD700;color:#000}
.product-badge.new{background:#146EB4}
.product-badge.featured{background:#067D62}

.product-image{width:100%;height:320px;object-fit:cover;transition:transform .3s ease;will-change:transform}

.product-card:hover .product-image{transform:scale(1.05)}

.product-info{padding:24px}

.product-title{font-size:18px;font-weight:600;margin-bottom:12px;line-height:1.4}

.product-title a{color:var(--text-dark);text-decoration:none;transition:color .3s ease}

.product-title a:hover{color:var(--primary)}

.product-rating{display:flex;align-items:center;gap:8px;margin-bottom:12px}

.stars{color:#FFA41C;font-size:16px}

.product-price{display:flex;align-items:center;gap:12px;margin-bottom:20px}

.current-price{font-size:28px;font-weight:700;color:#C7511F}

.original-price{font-size:18px;text-decoration:line-through;color:#888}

.discount-badge{background:#C7511F;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}

.amazon-button{display:block;width:100%;padding:14px 24px;background:linear-gradient(180deg,#FFD700,#FF9900);color:#000;text-align:center;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease;will-change:transform}

.amazon-button:hover{background:linear-gradient(180deg,#FFE55C,#FFB84D);transform:translateY(-2px)}

.single-product{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:48px;background:#fff;margin:48px auto;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);max-width:1200px}

.single-product-image{position:relative}

.single-product-image img{width:100%;border-radius:12px;max-height:600px;object-fit:contain;background:#f8f8f8}

.single-product-details h1{font-size:32px;margin-bottom:16px;line-height:1.3}

.single-product-details .product-rating{margin-bottom:24px}

.single-product-details .product-price{margin-bottom:24px;padding-bottom:24px;border-bottom:2px solid #e0e0e0}

.single-product-details .current-price{font-size:36px}

.single-product-details .amazon-button{margin-top:32px;font-size:18px;padding:18px 32px}

.product-description{margin-bottom:24px;line-height:1.8;color:#565959}

footer{background:var(--secondary);color:#fff;text-align:center;padding:48px 0;margin-top:64px}

@media(max-width:768px){
.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.site-header{flex-direction:column;gap:16px}
.single-product{grid-template-columns:1fr;gap:32px;padding:24px;margin:24px 16px}
.single-product-details h1{font-size:24px}
.single-product-details .current-price{font-size:28px}
.single-product-details .amazon-button{padding:16px 24px;font-size:16px}
nav ul{gap:16px;flex-wrap:wrap;justify-content:center}
}

@media(min-width:769px){
.single-product{min-height:500px}
.single-product-image{display:flex;align-items:center;justify-content:center}
}