/* Single Product Page Styles */
/* RESET */
*{box-sizing:border-box;margin:0;padding:0;font-family:'Inter', sans-serif;}
body{background:#fff;color:#000;}
a{text-decoration:none;color:inherit;}
button{cursor:pointer;border:none;background:none;}
img{max-width:100%;display:block;}

/* LAYOUT */
.outer{max-width:1280px;margin:0 auto;padding:40px 16px;}
.product-main{display:flex;gap:56px;align-items:flex-start;}
.product-images{flex:0 0 420px;}
.main-img{width:420px;height:420px;background-size:cover;background-position:center;border:1px solid #d9d9d9;}
.thumbs{display:flex;gap:8px;margin-top:12px;}
.thumbs img{width:80px;height:80px;object-fit:cover;border:1px solid #d9d9d9;opacity:0.7;transition:opacity 0.2s;}
.thumbs img.active{opacity:1;}
.thumb-nav{display:flex;align-items:center;gap:4px;margin-top:8px;}
.thumb-nav button{font-size:20px;line-height:20px;padding:0 4px;}
.thumb-nav .page{display:flex;gap:4px;}
.thumb-nav .page div{width:28px;height:28px;border:1px solid #000;display:flex;align-items:center;justify-content:center;font-size:14px;}
.thumb-nav .page .current{background:#000;color:#fff;}

.product-details{flex:1;max-width:600px;}
.product-details h1{font-size:56px;font-weight:700;line-height:1.1;}
.product-details .price{font-size:32px;font-weight:600;margin:12px 0 20px 0;}
.product-details p.description{max-width:480px;line-height:1.5;margin-bottom:24px;}

/* selectors */
.selector{margin-bottom:24px;}
.selector-title{font-size:14px;font-weight:600;margin-bottom:6px;letter-spacing:0.5px;}
.options{display:flex;gap:8px;flex-wrap:wrap;}
.opt{padding:6px 14px;border:1px solid #000;font-size:12px;text-transform:uppercase;}
.opt.active{background:#000;color:#fff;}

/* add to cart */
.cta-row{display:flex;gap:16px;align-items:center;margin-bottom:32px;flex-wrap:wrap;}
.cta-row .cart{display:flex;gap:16px;align-items:center;flex-wrap:wrap;}
.add-to-cart, .single_add_to_cart_button{background:#000;color:#fff;padding:12px 40px;display:flex;align-items:center;gap:14px;font-size:14px;text-transform:uppercase;border:none;cursor:pointer;}
.add-to-cart .arrow{width:16px;height:16px;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg);} 
.buy-now{padding:12px 40px;border:1px solid #000;font-size:14px;text-transform:uppercase;background:#fff;color:#000;transition:all 0.2s;cursor:pointer;}
.buy-now:hover{background:#000;color:#fff;}
.wishlist{width:48px;height:48px;border:1px solid #000;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.wishlist:before{content:'\2661';font-size:20px;}

/* quantity input */
.quantity-input{display:flex;align-items:center;gap:8px;}
.quantity-input input{width:60px;padding:8px 12px;border:1px solid #000;font-size:14px;text-align:center;}
.quantity-input .qty{width:60px;padding:8px 12px;border:1px solid #000;font-size:14px;text-align:center;}

/* accordion */
.accordion{border:1px solid #000;margin-bottom:12px;}
.accordion-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-size:16px;font-weight:600;}
.accordion-header .chevron{width:10px;height:10px;border-right:2px solid #000;border-bottom:2px solid #000;transform:rotate(-45deg);transition:transform 0.2s;}
.accordion.open .accordion-header .chevron{transform:rotate(135deg);} 
.accordion-content{padding:0 16px 16px 16px;font-size:14px;display:none;line-height:1.4;}
.accordion.open .accordion-content{display:block;}

/* related products */
.related-section{margin-top:80px;}
.related-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px;}
.related-header .title{font-style:italic;font-weight:700;font-size:32px;}
.related-header .subtitle{font-size:24px;}
.related-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;}
.card{display:flex;flex-direction:column;gap:8px;}
.card-img{width:100%;aspect-ratio:1/1;background-size:cover;background-position:center;border:1px solid #d9d9d9;}
.card-cat{font-size:12px;color:#555;}
.card-title{font-size:14px;line-height:1.3;}
.card-price{font-size:16px;font-weight:600;margin-top:4px;}

/* spacing helpers */
.mt-24{margin-top:24px;}

/* responsive */
@media(max-width:768px){
    .product-main{flex-direction:column;gap:32px;}
    .product-images{width:100%;max-width:none;}
    .main-img{width:100%;height:auto;aspect-ratio:1/1;}
    .thumbs{justify-content:center;}
    .thumbs img{width:60px;height:60px;height:60px;}
    .product-details h1{font-size:36px;}
    .product-details .price{font-size:24px;}
    .related-products{grid-template-columns:repeat(2,minmax(0,1fr));}
    .related-header{flex-direction:column;align-items:flex-start;gap:8px;}
    .related-header .title{font-size:24px;}
    .related-header .subtitle{font-size:18px;}
}
@media(max-width:480px){
    .thumbs img{width:48px;height:48px;height:48px;}
    .product-details h1{font-size:28px;}
    .product-details .price{font-size:20px;}
}