/*
Theme Name: YassamineCuir
Theme URI: https://yassaminecuir.ct.ws
Author: Atelier Cuir
Version: 4.1
*/
:root{--brown:#7a4a2c;--dark:#1a100a;--gold:#c79a63;--text:#4b3427;--muted:#7e675a;--shadow:0 20px 50px rgba(72,42,20,.12);--radius:22px;}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:Inter,system-ui,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#fbf7f1 0%,#f5ede2 100%);min-height:100vh;}
.site-container{width:min(1200px,calc(100% - 32px));margin:0 auto;}

/* HEADER */
.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(14px);background:rgba(251,247,241,.88);border-bottom:1px solid rgba(122,74,44,.1);}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:16px 0;}
.site-logo{font-weight:800;font-size:1.15rem;color:var(--dark);text-decoration:none; letter-spacing:-0.5px;}
.site-logo span{color:var(--gold);}
.site-nav a{color:var(--text);text-decoration:none;font-weight:600;margin-left:24px; transition:color 0.3s;}
.site-nav a:hover{color:var(--gold);}

/* ANIMATIONS */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
.fade-in-up {
  opacity: 0;
  animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.delay-1 { animation-delay: 0.15s; }
.delay-2 { animation-delay: 0.3s; }
.delay-3 { animation-delay: 0.45s; }
.delay-4 { animation-delay: 0.6s; }

/* HERO AESTHETIC */
.hero-aesthetic{padding:50px 0 60px;}
.hero-aesthetic .hero-wrap{
  display:grid;
  grid-template-columns:1.05fr 0.95fr;
  gap:48px;
  align-items:center;
  background:linear-gradient(145deg, #2b1a10, #140b07);
  color:#fff;
  border-radius:32px;
  padding:60px;
  box-shadow:0 30px 60px rgba(20, 11, 7, 0.25);
  position:relative;
  overflow:hidden;
}
.hero-aesthetic .hero-wrap::after{
  content:'';position:absolute;inset:0;
  background:radial-gradient(circle at 80% 20%,rgba(199, 154, 99,.15),transparent 40%);
  pointer-events:none;
}
.eyebrow{display:inline-block;padding:8px 16px;border-radius:999px;background:rgba(199, 154, 99,.15);color:var(--gold);border:1px solid rgba(199, 154, 99,.2);font-size:.85rem;font-weight:600;margin-bottom:20px; letter-spacing:0.5px; text-transform:uppercase;}
.hero-aesthetic h1{font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.1;margin-bottom:18px; letter-spacing:-1px;}
.hero-aesthetic p{color:rgba(255,255,255,.8);font-size:1.05rem;line-height:1.7;}

/* CRAFTING PROCESS STEPS */
.process-steps {
  display:flex;
  align-items:center;
  gap:16px;
  margin:32px 0;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,0.1);
}
.process-steps .step { display:flex; align-items:center; gap:8px;}
.step-num { color:var(--gold); font-weight:800; font-size:1rem; opacity:0.8; }
.step-text { color:#fff; font-size:0.8rem; text-transform:uppercase; letter-spacing:1px; font-weight:600;}
.step-separator { width:24px; height:1px; background:rgba(255,255,255,0.2); }

.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;}
.hero-visual { position:relative; }
.image-wrapper { position:relative; border-radius:24px; overflow:hidden; }
.image-wrapper img { width:100%; height:480px; object-fit:cover; display:block; transform:scale(1.02); transition:transform 0.5s; }
.image-wrapper:hover img { transform:scale(1.05); }
.floating-badge {
  position:absolute; bottom:24px; right:-20px;
  background:#fff; color:var(--dark); font-weight:700; font-size:0.9rem;
  padding:12px 24px; border-radius:12px; box-shadow:0 15px 30px rgba(0,0,0,0.15);
  transform:translateX(-40px);
}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:12px;border:none;cursor:pointer;text-decoration:none;font-weight:700;font-size:.95rem;transition:all .3s ease;}
.btn-primary{background:linear-gradient(135deg,var(--gold),#a67c4b);color:#fff;box-shadow:0 10px 24px rgba(199, 154, 99,.3);}
.btn-primary:hover{transform:translateY(-3px); box-shadow:0 15px 30px rgba(199, 154, 99,.4);}
.btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);}
.btn-outline:hover { background:rgba(255,255,255,0.05); border-color:#fff; }
.btn-wa{background:linear-gradient(135deg,#25D366,#128C3E);color:#fff;width:100%;margin-top:16px;border-radius:12px;padding:13px;font-weight:700;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:none;text-decoration:none;}
.btn-wa:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(37,211,102,.3);}

/* CATALOGUE */
.catalogue-section{padding:40px 0 80px;}
.section-head{margin-bottom:24px;}
.section-head h2{font-size:clamp(1.8rem,3vw,2.5rem);color:var(--dark); letter-spacing:-0.5px;}
.section-head p{color:var(--muted);line-height:1.7;margin-top:8px; font-size:1.05rem;}
.chips{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 40px;}
.chip{padding:10px 20px;background:#fff;border:1px solid rgba(122,74,44,.15);border-radius:999px;font-weight:600;color:var(--brown);text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.03);transition:all .3s;}
.chip:hover{background:var(--brown);color:#fff; border-color:var(--brown); transform:translateY(-2px);}

.category-block{margin-bottom:56px;}
.category-title{font-size:1.4rem;color:var(--dark);margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid rgba(199, 154, 99,.3); display:inline-block;}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}

/* PRODUCT CARD */
.product-card{background:rgba(255,255,255,.9);border:1px solid rgba(122,74,44,.08);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:all .3s cubic-bezier(0.16, 1, 0.3, 1);}
.product-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px rgba(72,42,20,.12);}
.card-media{position:relative;overflow:hidden;flex-shrink:0;}
.card-media img{width:100%;height:300px;object-fit:cover;display:block;transition:transform .5s ease;}
.product-card:hover .card-media img{transform:scale(1.06);}
.badge{position:absolute;top:16px;left:16px;background:rgba(26, 16, 10,.85);color:#fff;padding:6px 14px;border-radius:999px;font-size:.75rem;font-weight:700; text-transform:uppercase; letter-spacing:0.5px; backdrop-filter:blur(4px);}
.card-body{padding:20px;display:flex;flex-direction:column;flex:1;}
.card-cat{font-size:.75rem;color:var(--gold);font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;}
.card-body h3{font-size:1.1rem;color:var(--dark);line-height:1.3;margin-bottom:10px; font-weight:700;}
.card-body p{color:var(--muted);font-size:.95rem;line-height:1.6;flex:1;}

/* ABOUT */
.about-section{padding:40px 0 80px;}
.about-wrap{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:center;background:rgba(255,255,255,.8);border:1px solid rgba(122,74,44,.08);border-radius:32px;padding:48px;box-shadow:var(--shadow);}
.about-wrap img{width:100%;height:450px;object-fit:cover;border-radius:24px;}
.about-content .eyebrow{background:rgba(199, 154, 99,.15);color:var(--brown);border:none;}
.about-content h2{font-size:2rem;color:var(--dark);margin:16px 0; letter-spacing:-0.5px;}
.about-content p{color:var(--muted);line-height:1.8;margin-bottom:20px; font-size:1.05rem;}
.about-content ul{padding-left:20px;color:var(--muted);line-height:2.2; font-size:1rem;}
.about-content ul li::marker { color:var(--gold); }

/* MAP SECTION (NEW) */
.map-section {
  padding: 40px 0 80px;
}
.map-wrapper {
  border-radius: 32px;
  overflow: hidden;
  box-shadow: var(--shadow);
  border: 1px solid rgba(122,74,44,.08);
  height: 450px;
  position: relative;
  background: #e9e5df;
}
.map-wrapper iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

/* CONTACT */
.contact-section{padding:0 0 80px;}
.contact-box{background:linear-gradient(135deg,#2b1a10,#4a2c1a);color:#fff;border-radius:32px;padding:48px;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;}
.contact-box h2{font-size:2rem;margin-bottom:12px; letter-spacing:-0.5px;}
.contact-box p{color:rgba(255,255,255,.8);max-width:550px;line-height:1.7; font-size:1.05rem;}

/* FOOTER */
.site-footer{padding:30px 0 50px;border-top:1px solid rgba(122,74,44,.1); text-align:center;}
.site-footer p{color:var(--muted);font-size:.95rem;}

/* RESPONSIVE */
@media(max-width:1024px){
  .hero-aesthetic .hero-wrap, .about-wrap {grid-template-columns:1fr; padding:40px; gap:40px;}
  .product-grid{grid-template-columns:repeat(2,1fr);}
  .image-wrapper img {height:400px;}
}
@media(max-width:700px){
  .product-grid{grid-template-columns:1fr;}
  .nav-wrap{flex-direction:column;gap:16px;align-items:flex-start;}
  .site-nav a {margin-left:0; margin-right:20px;}
  .hero-aesthetic h1{font-size:2rem;}
  .process-steps {flex-direction:column; align-items:flex-start;}
  .step-separator {width:1px; height:16px; margin-left:12px;}
  .floating-badge {bottom:16px; right:16px; transform:none;}
  .image-wrapper img {height:320px;}
  .map-wrapper { height: 350px; border-radius: 24px; }
}