/*
Theme Name: Nare'a
Theme URI: http://localhost/narea
Author: Nare'a
Description: Custom theme for Nare'a Perfume Body Serum. Replicates the original static landing page and adds an admin-managed Products feature that displays on the homepage.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: narea
*/

/* =========================================================
   The full visual design lives in the site-root style.css
   (enqueued via functions.php). Below are ONLY the styles
   for the dynamic, admin-managed Products section.
   Brand palette: bg #faf8f4 · dark #3d1f10 · text #2a1208
   accents #c9a96e / #8c6248 · cream #f5f0e6 / #ede4d4
   ========================================================= */

.shop-section{padding:100px 48px;background:#f5f0e6;}
.shop-section .container{max-width:1280px;margin:0 auto;}
.shop-grid{
  max-width:1280px;margin:48px auto 0;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:32px;
}
.shop-card{
  background:#faf8f4;border:1px solid #e0d4c0;border-radius:4px;overflow:hidden;
  display:flex;flex-direction:column;
  transition:transform .3s ease,box-shadow .3s ease;
}
.shop-card:hover{transform:translateY(-6px);box-shadow:0 18px 48px rgba(61,31,16,.12);}
.shop-card-media{position:relative;aspect-ratio:3/4;overflow:hidden;background:#ede4d4;}
.shop-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;}
.shop-card:hover .shop-card-media img{transform:scale(1.05);}
.shop-card-noimg{
  width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  font-family:'EB Garamond',serif;font-size:54px;color:#c9a96e;
  background:linear-gradient(135deg,#f5edd8,#dfc880);
}
.shop-card-body{padding:24px 24px 28px;display:flex;flex-direction:column;flex:1;}
.shop-card-name{
  font-family:'EB Garamond',serif;font-size:24px;line-height:1.2;color:#2a1208;margin-bottom:6px;
}
.shop-card-tagline{
  font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#c9a96e;
  font-weight:600;margin-bottom:14px;
}
.shop-card-desc{
  font-size:13px;line-height:1.8;color:#6b4c35;margin-bottom:20px;flex:1;
}
.shop-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;}
.shop-card-price{font-family:'EB Garamond',serif;font-size:20px;color:#2a1208;font-weight:500;}
.shop-card-btn{
  display:inline-flex;align-items:center;gap:8px;padding:11px 22px;background:#3d1f10;color:#fff;
  text-decoration:none;font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;
  border-radius:2px;transition:background .25s,transform .2s;white-space:nowrap;
}
.shop-card-btn:hover{background:#5c2d14;transform:translateY(-1px);}
.shop-card-btn svg{width:14px;height:14px;fill:currentColor;}
.shop-empty{
  grid-column:1/-1;text-align:center;color:#8c6248;font-size:13px;letter-spacing:.04em;
  padding:48px 0;line-height:1.9;
}
@media(max-width:680px){
  .shop-section{padding:64px 22px;}
  .shop-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));}
}