/* ═══════════════════════════════════════════
   20DZA-DRAW — Modern Creative Theme
   ═══════════════════════════════════════════ */

:root {
  --bg: #FEFCF9;
  --bg2: #F7F4EF;
  --dark: #1B1B1B;
  --dark2: #2E2E2E;
  --ink: #111;
  --accent: #D4883A;
  --accent2: #E8A55A;
  --dim: #999;
  --light: #BBB;
  --border: #ECEAE4;
  --white: #fff;
  --r: 16px;
  --t: all 0.45s cubic-bezier(0.16,1,0.3,1);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
::selection{background:var(--accent);color:#fff}

body{
  font-family:'Inter',-apple-system,sans-serif;
  background:var(--bg);
  color:var(--dark);
  overflow-x:clip;
  -webkit-font-smoothing:antialiased;
  line-height:1.6;
}

a{text-decoration:none;color:inherit}
.dza-container{max-width:1180px;margin:0 auto;padding:0 28px}

/* ═══ HEADER ═══ */
.dza-header{
  position:fixed;top:0;left:0;right:0;z-index:9999;
  padding:18px 0;transition:var(--t);
  background:#fefcf9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
.dza-header.scrolled{
  padding:12px 0;box-shadow:0 1px 0 var(--border);
}
/* header always visible — no hide on scroll */

.dza-header-inner{
  max-width:1180px;margin:0 auto;padding:0 28px;
  display:flex;justify-content:space-between;align-items:center;
}

.dza-logo{
  font-family:'Cormorant Garamond',serif;
  font-size:1.4rem;font-weight:700;color:var(--ink);
  letter-spacing:2px;
}
.dza-logo span{font-weight:300;color:var(--dim);margin-left:2px}

.dza-nav{display:flex;gap:28px}
.dza-nav a{
  font-size:0.78rem;font-weight:500;
  color:var(--dim);letter-spacing:0.5px;
  transition:var(--t);
}
.dza-nav a:hover{color:var(--ink)}

.dza-header-actions{display:flex;align-items:center;gap:14px}
.dza-cart-btn{position:relative;color:var(--ink);display:flex;transition:var(--t)}
.dza-cart-btn:hover{color:var(--accent)}
.dza-cart-count{
  position:absolute;top:-5px;right:-8px;
  background:var(--accent);color:#fff;
  font-size:0.55rem;font-weight:700;
  width:16px;height:16px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
}

.dza-burger{
  display:none;background:none;border:none;cursor:pointer;
  width:24px;height:16px;position:relative;
}
.dza-burger span{
  display:block;width:100%;height:1.5px;
  background:var(--ink);position:absolute;left:0;transition:all .3s;
}
.dza-burger span:nth-child(1){top:0}
.dza-burger span:nth-child(2){top:50%;transform:translateY(-50%)}
.dza-burger span:nth-child(3){bottom:0}
.dza-burger.active span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}
.dza-burger.active span:nth-child(2){opacity:0}
.dza-burger.active span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}

.admin-bar .dza-header{top:32px}

/* ═══ PILLS & LABELS ═══ */
.dza-pill{
  display:inline-block;
  font-size:0.72rem;font-weight:600;
  color:var(--accent);
  background:rgba(212,136,58,0.08);
  padding:6px 16px;border-radius:50px;
  margin-bottom:20px;letter-spacing:0.5px;
}

.dza-label{
  display:block;
  font-size:0.65rem;font-weight:700;
  text-transform:uppercase;letter-spacing:3px;
  color:var(--accent);margin-bottom:10px;
}

/* ═══ HERO ═══ */
.dza-hero{
  padding:120px 28px 80px;
  max-width:1180px;margin:0 auto;
  position:relative;overflow:visible;
}

/* Floating blobs */
.dza-hero::before{
  content:'';position:absolute;top:-80px;right:-120px;
  width:500px;height:500px;border-radius:50%;
  background:radial-gradient(circle,rgba(212,136,58,0.12),transparent 70%);
  filter:blur(60px);animation:blobFloat 8s ease-in-out infinite;
  pointer-events:none;z-index:0;
}
.dza-hero::after{
  content:'';position:absolute;bottom:-60px;left:-100px;
  width:400px;height:400px;border-radius:50%;
  background:radial-gradient(circle,rgba(232,165,90,0.1),transparent 70%);
  filter:blur(50px);animation:blobFloat 10s ease-in-out infinite reverse;
  pointer-events:none;z-index:0;
}

@keyframes blobFloat{
  0%,100%{transform:translate(0,0) scale(1)}
  33%{transform:translate(30px,-20px) scale(1.05)}
  66%{transform:translate(-20px,15px) scale(0.95)}
}

.dza-hero-grid{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:48px;
  align-items:center;
  position:relative;z-index:1;
}

/* Mosaic */
.dza-hero-mosaic{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:1fr 1fr;
  gap:12px;
  height:520px;
}

.dza-mosaic-item{
  overflow:hidden;border-radius:var(--r);
  position:relative;
}

.dza-mosaic-1{grid-row:1/3;border-radius:var(--r);animation:mosaic1 1s ease both}
.dza-mosaic-2{border-radius:var(--r);animation:mosaic2 1s ease .15s both}
.dza-mosaic-3{border-radius:var(--r);animation:mosaic3 1s ease .3s both}

@keyframes mosaic1{from{opacity:0;transform:translateX(-40px) scale(0.95)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes mosaic2{from{opacity:0;transform:translateY(-30px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes mosaic3{from{opacity:0;transform:translateY(30px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}

.dza-mosaic-item img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .8s cubic-bezier(.16,1,.3,1), filter .6s;
  filter:contrast(1.08) saturate(1.12) brightness(1.02);
  image-rendering:auto;
}
.dza-mosaic-item:hover img{transform:scale(1.08);filter:contrast(1.15) saturate(1.25) brightness(1.05)}

/* No shimmer on mosaic - keep clean */

/* Hero text */
.dza-hero-text{animation:heroTextIn 0.8s ease both .1s}
@keyframes heroTextIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}

.dza-hero-text h1{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2.4rem,4.5vw,3.8rem);
  font-weight:400;line-height:1.1;
  color:var(--ink);margin-bottom:18px;
  letter-spacing:-0.02em;
}
.dza-hero-text h1 em{
  font-style:italic;
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  background-size:200% 200%;
  animation:gradientShift 4s ease infinite;
}
@keyframes gradientShift{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

.dza-hero-text p{
  font-size:1rem;color:var(--dim);
  line-height:1.8;max-width:400px;margin-bottom:28px;
}

.dza-hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}

.dza-hero-trust{
  display:flex;gap:16px;align-items:center;flex-wrap:wrap;
  font-size:0.78rem;color:var(--dim);
  animation:heroTextIn 0.8s ease both .4s;
}
.dza-hero-trust strong{color:var(--dark);font-weight:600}
.dza-sep{width:1px;height:16px;background:var(--border)}

/* ═══ BUTTONS ═══ */
.dza-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:13px 28px;border-radius:50px;
  font-size:0.82rem;font-weight:600;
  cursor:pointer;transition:var(--t);
  border:1.5px solid transparent;
}
.dza-btn-primary{
  background:var(--ink);color:#fff;border-color:var(--ink);
}
.dza-btn-primary:hover{
  background:var(--accent);border-color:var(--accent);
  transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.12);
}
.dza-btn-ghost{
  background:transparent;color:var(--dark);border-color:transparent;
  padding-left:4px;padding-right:4px;
}
.dza-btn-ghost:hover{color:var(--accent)}

/* ═══ SECTIONS ═══ */
.dza-section{padding:80px 0}
.dza-section-accent{background:var(--bg2)}
/* ── CUSTOM ORDER SECTION ── */
.dza-section-custom{background:var(--bg);padding:100px 0}
.dza-custom{
  display:grid;grid-template-columns:1fr 300px;gap:48px;align-items:center;
  background:var(--bg2);border-radius:20px;padding:56px 48px;
  border:1px solid rgba(255,255,255,0.06);
}
.dza-custom-content h2{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.6rem,3vw,2.2rem);font-weight:400;color:var(--ink);margin-bottom:16px;
}
.dza-custom-content p{color:var(--dim);font-size:.95rem;line-height:1.7;margin-bottom:20px}
.dza-custom-list{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:10px}
.dza-custom-list li{
  font-size:.88rem;color:var(--ink);display:flex;align-items:center;gap:10px;
}
.dza-custom-list li::before{
  content:'✓';color:var(--accent);font-weight:700;font-size:.85rem;
  width:24px;height:24px;border-radius:50%;background:rgba(212,136,58,0.1);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.dza-custom-visual{
  display:flex;align-items:center;justify-content:center;
  font-size:6rem;opacity:0.6;
}
.dza-btn-whatsapp{
  background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;
  display:inline-flex;align-items:center;gap:8px;
}
.dza-btn-whatsapp:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(212,136,58,0.3);background:var(--accent2)!important}
.dza-btn-whatsapp svg{flex-shrink:0}

@media(max-width:768px){
  .dza-custom{grid-template-columns:1fr;padding:36px 24px}
  .dza-custom-visual{display:none}
}

.dza-section-cta{background:var(--bg2);padding:100px 0}

.dza-section-top{
  display:flex;justify-content:space-between;align-items:flex-end;
  margin-bottom:40px;flex-wrap:wrap;gap:16px;
}
.dza-section-top h2{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.8rem,3vw,2.4rem);
  font-weight:400;color:var(--ink);
}

.dza-section-cta h2{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2rem,3.5vw,2.8rem);
  font-weight:400;color:var(--ink);
  margin-bottom:12px;
}
.dza-section-cta p{color:var(--dim);font-size:1rem;line-height:1.7}

/* ═══ MASONRY GRID ═══ */
.dza-masonry{
  columns:3;column-gap:20px;
}

.dza-card{
  break-inside:avoid;
  margin-bottom:20px;
  background:var(--white);
  border-radius:var(--r);
  overflow:hidden;
  border:1px solid var(--border);
  transition:var(--t);
}
.dza-card:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 50px rgba(0,0,0,0.08);
  border-color:transparent;
}

.dza-card-img{
  display:block;position:relative;overflow:hidden;
}
.dza-card-img img{
  width:100%;display:block;
  transition:transform .7s cubic-bezier(.16,1,.3,1), filter .5s;
  filter:contrast(1.08) saturate(1.12) brightness(1.02);
}
.dza-card:hover .dza-card-img img{transform:scale(1.04);filter:contrast(1.12) saturate(1.2) brightness(1.05)}

.dza-card-overlay{
  position:absolute;inset:0;
  background:rgba(0,0,0,0.35);
  display:flex;align-items:center;justify-content:center;
  opacity:0;transition:var(--t);
}
.dza-card:hover .dza-card-overlay{opacity:1}

.dza-card-view{
  font-size:0.78rem;font-weight:600;
  color:#fff;letter-spacing:1px;
  padding:10px 22px;border:1.5px solid rgba(255,255,255,0.6);
  border-radius:50px;
}

.dza-tag-sold{
  position:absolute;top:12px;left:12px;
  background:var(--dark);color:#fff;
  font-size:0.6rem;font-weight:700;
  text-transform:uppercase;letter-spacing:1.5px;
  padding:5px 14px;border-radius:50px;z-index:2;
}

.dza-card-info{padding:16px 18px}

.dza-card-info h3{
  font-family:'Cormorant Garamond',serif;
  font-size:1.05rem;font-weight:500;
  color:var(--ink);margin-bottom:6px;
  transition:var(--t);
}
.dza-card-info h3:hover{color:var(--accent)}

.dza-card-bottom{
  display:flex;justify-content:space-between;align-items:center;
}

.dza-price{font-weight:600;font-size:0.95rem;color:var(--dark2)}
.dza-price .woocommerce-Price-amount{color:var(--dark2)}

.dza-quick-add{
  width:34px;height:34px;border-radius:50%;
  background:var(--ink);color:#fff;
  border:none;cursor:pointer;
  font-size:1.1rem;font-weight:400;
  display:flex;align-items:center;justify-content:center;
  transition:var(--t);
}
.dza-quick-add:hover{background:var(--accent);transform:scale(1.1)}
.dza-quick-add.done{background:#4a8c5c}

/* ═══ ARTIST ═══ */
.dza-artist{
  display:grid;grid-template-columns:1.5fr 1fr;
  gap:48px;align-items:center;
  background:var(--white);border-radius:24px;
  padding:56px;border:1px solid var(--border);
}

.dza-artist-content h2{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.8rem,3vw,2.4rem);
  font-weight:400;color:var(--ink);
  line-height:1.15;margin-bottom:16px;
}

.dza-artist-content p{
  color:var(--dim);line-height:1.8;margin-bottom:24px;
}

.dza-artist-actions{display:flex;gap:12px;flex-wrap:wrap}

.dza-artist-numbers{display:flex;flex-direction:column;gap:20px}

.dza-num{
  text-align:center;padding:24px;
  background:var(--bg2);border-radius:var(--r);
}
.dza-num span{
  display:block;
  font-family:'Cormorant Garamond',serif;
  font-size:2rem;font-weight:600;color:var(--ink);
}
.dza-num small{
  font-size:0.72rem;color:var(--dim);
  text-transform:uppercase;letter-spacing:1.5px;
}

/* ═══ FOOTER ═══ */
.dza-footer{
  border-top:1px solid var(--border);
  padding:40px 0;
}

.dza-footer-inner{
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:20px;
}

.dza-footer-logo{
  font-family:'Cormorant Garamond',serif;
  font-size:1.2rem;font-weight:700;color:var(--ink);
  letter-spacing:2px;
}
.dza-footer-logo span{font-weight:300;color:var(--dim);margin-left:2px}

.dza-footer-links{display:flex;gap:24px}
.dza-footer-links a{font-size:0.82rem;color:var(--dim);transition:var(--t)}
.dza-footer-links a:hover{color:var(--ink)}

.dza-footer p{font-size:0.75rem;color:var(--light)}

/* ═══ BACK TO TOP / TOAST ═══ */
.dza-back-top{
  position:fixed;bottom:28px;right:28px;z-index:900;
  width:42px;height:42px;border-radius:50%;
  background:var(--ink);color:#fff;
  border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  opacity:0;transform:translateY(16px);transition:var(--t);
  box-shadow:0 4px 16px rgba(0,0,0,0.15);
}
.dza-back-top.show{opacity:1;transform:translateY(0)}
.dza-back-top:hover{background:var(--accent)}

.dza-toast{
  position:fixed;bottom:28px;left:50%;
  transform:translateX(-50%) translateY(60px);
  background:var(--ink);color:#fff;
  font-size:0.85rem;font-weight:500;
  padding:14px 28px;border-radius:50px;
  z-index:9000;opacity:0;
  transition:all .5s cubic-bezier(.16,1,.3,1);
  pointer-events:none;box-shadow:0 8px 24px rgba(0,0,0,0.15);
}
.dza-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.dza-toast span{color:var(--accent2);margin-right:6px}

/* ═══ REVEAL ═══ */
.dza-reveal{
  opacity:0;transform:translateY(32px);
  transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1);
}
.dza-reveal.visible{opacity:1;transform:translateY(0)}

/* ═══ LOGIN PAGE ═══ */
.dza-login-page{display:flex;align-items:center;justify-content:center;min-height:70vh;padding:40px 24px}
.dza-login-card{background:var(--white);border-radius:20px;padding:48px 40px;max-width:420px;width:100%;box-shadow:0 8px 40px rgba(0,0,0,0.06);text-align:center}
.dza-login-logo{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:700;color:var(--ink);letter-spacing:2px;display:block;margin-bottom:24px}
.dza-login-logo span{font-weight:300;color:var(--dim);margin-left:2px}
.dza-login-card h2{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:400;color:var(--ink);margin-bottom:4px}
.dza-login-sub{color:var(--dim);font-size:.88rem;margin-bottom:28px}
.dza-login-form{text-align:left}
.dza-field{margin-bottom:16px}
.dza-field label{display:block;font-size:.78rem;font-weight:600;color:var(--dark);margin-bottom:6px}
.dza-field input{width:100%;border:1.5px solid var(--border)!important;border-radius:12px!important;padding:13px 16px!important;font-size:.9rem;background:var(--bg)!important;transition:var(--t)!important}
.dza-field input:focus{border-color:var(--accent)!important;background:var(--white)!important;box-shadow:0 0 0 3px rgba(212,136,58,.08)!important}
.dza-field input::placeholder{color:#ccc}
.dza-login-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:.82rem}
.dza-check{display:flex;align-items:center;gap:6px;color:var(--dim);cursor:pointer}
.dza-check input{accent-color:var(--accent);width:16px!important;height:16px}
.dza-forgot{color:var(--accent);font-weight:500;font-size:.82rem;transition:var(--t)}
.dza-forgot:hover{color:var(--ink)}
.dza-btn-full{width:100%;justify-content:center;padding:15px!important}
.dza-btn-outline-full{width:100%;justify-content:center;padding:15px;display:flex;background:transparent;color:var(--ink);border:1.5px solid var(--ink);border-radius:50px;font-size:.82rem;font-weight:600;cursor:pointer;transition:var(--t)}
.dza-btn-outline-full:hover{background:var(--ink);color:#fff}
.dza-login-sep{text-align:center;margin:24px 0;position:relative}
.dza-login-sep::before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:var(--border)}
.dza-login-sep span{position:relative;background:var(--white);padding:0 16px;font-size:.78rem;color:var(--dim)}
.dza-login-back{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}
.dza-login-back a{font-size:.85rem;color:var(--dim);transition:var(--t)}
.dza-login-back a:hover{color:var(--accent)}

/* ═══ MY ACCOUNT ═══ */
.woocommerce-account .woocommerce-MyAccount-navigation{display:none!important}
.dza-account{display:grid;grid-template-columns:260px 1fr;gap:28px;max-width:1000px;margin:0 auto;padding:32px 24px 80px}
.dza-account-side{background:var(--white);border-radius:var(--r);overflow:hidden;height:fit-content;position:sticky;top:100px;box-shadow:0 4px 20px rgba(0,0,0,0.04)}
.dza-account-profile{padding:32px 20px;text-align:center;background:linear-gradient(135deg,var(--ink),#2a1810);color:#fff}
.dza-account-avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;margin:0 auto 12px;border:3px solid var(--accent);box-shadow:0 4px 16px rgba(0,0,0,.2)}
.dza-account-avatar img{width:100%;height:100%;object-fit:cover}
.dza-account-profile h3{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 4px}
.dza-account-profile p{font-size:.72rem;color:rgba(255,255,255,.5);margin:0;word-break:break-all}
.dza-account-nav{padding:8px 0}
.dza-account-link{display:flex;align-items:center;gap:10px;padding:13px 20px;font-size:.85rem;font-weight:500;color:var(--dark);transition:var(--t);border-left:3px solid transparent}
.dza-account-link:hover{background:var(--bg);color:var(--accent);padding-left:24px}
.dza-account-link.active{background:var(--bg);color:var(--accent);border-left-color:var(--accent);font-weight:600}
.dza-account-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--bg2);color:var(--dim);flex-shrink:0;transition:var(--t)}
.dza-account-link.active .dza-account-icon,.dza-account-link:hover .dza-account-icon{background:rgba(212,136,58,.12);color:var(--accent)}
.dza-account-link:last-child{color:#c62828;margin-top:8px;border-top:1px solid var(--border)}
.dza-account-link:last-child .dza-account-icon{background:rgba(198,40,40,.08);color:#c62828}
.dza-account-main{background:var(--white);border-radius:var(--r);padding:40px;box-shadow:0 4px 20px rgba(0,0,0,0.04);min-height:300px}
.dza-account-main h2,.dza-account-main h3{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:400;margin-bottom:16px}

/* Address edit links */
.woocommerce-Address-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.woocommerce-Address-title h3{margin-bottom:0!important}
.woocommerce-Address-title a{
  display:inline-flex;align-items:center;gap:4px;
  padding:8px 18px;border-radius:50px;
  background:var(--ink);color:#fff;
  font-size:.78rem;font-weight:600;
  transition:var(--t);
}
.woocommerce-Address-title a:hover{background:var(--accent)}
.woocommerce-Addresses{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.woocommerce-Addresses .woocommerce-Address{background:var(--bg);border-radius:var(--r);padding:24px;border:1px solid var(--border)}
.woocommerce-Addresses address{font-style:normal;color:var(--dark);font-size:.88rem;line-height:1.7}

/* ═══ SINGLE PRODUCT ═══ */
.dza-single-product{padding-top:80px;padding-bottom:60px}
.admin-bar .dza-single-product{padding-top:112px}
.dza-breadcrumb{padding:16px 0;font-size:.8rem;color:var(--dim);display:flex;gap:8px;flex-wrap:wrap}
.dza-breadcrumb a{color:var(--dim);transition:var(--t)}
.dza-breadcrumb a:hover{color:var(--accent)}
.dza-breadcrumb .current{color:var(--ink);font-weight:500}
.dza-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:16px 0 60px}
.dza-gallery-main{position:relative;border-radius:var(--r);overflow:hidden;background:var(--bg2)}
.dza-gallery-main img{width:100%;display:block;filter:contrast(1.08) saturate(1.12);transition:var(--t)}
.dza-gallery-thumbs{display:flex;gap:8px;margin-top:10px}
.dza-thumb{width:64px;height:64px;border-radius:8px;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:var(--t);background:var(--bg2);padding:0}
.dza-thumb img{width:100%;height:100%;object-fit:cover}
.dza-thumb.active,.dza-thumb:hover{border-color:var(--accent)}
.dza-product-detail h1{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:400;color:var(--ink);margin-bottom:12px}
.dza-detail-price{font-size:1.4rem;font-weight:700;color:var(--dark);margin-bottom:16px}
.dza-detail-price .woocommerce-Price-amount{color:var(--dark)}
.dza-detail-desc{font-size:.92rem;color:var(--dim);line-height:1.8;margin-bottom:16px}
.dza-detail-stock{font-size:.82rem;font-weight:600;color:#4a8c5c;display:flex;align-items:center;gap:6px;margin-bottom:20px}
.dza-detail-stock.sold{color:#c62828}
.dza-stock-dot{width:8px;height:8px;border-radius:50%;background:#4a8c5c;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
.dza-detail-actions{margin-bottom:24px}
.dza-atc-text,.dza-atc-done{transition:var(--t)}
.dza-atc-done{position:absolute;opacity:0}
.dza-ajax-single{position:relative;overflow:hidden}
.dza-ajax-single.done{background:#4a8c5c!important;border-color:#4a8c5c!important}
.dza-detail-trust{display:flex;flex-direction:column;gap:10px;padding:20px;background:var(--bg);border-radius:var(--r);margin-bottom:24px}
.dza-detail-trust div{font-size:.82rem;font-weight:500;color:var(--dim);display:flex;align-items:center;gap:8px}
.dza-detail-full-desc{border-top:1px solid var(--border);padding-top:20px}
.dza-detail-full-desc h3{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:500;margin-bottom:10px}
.dza-detail-full-desc p{font-size:.9rem;color:var(--dim);line-height:1.8}
.dza-related{padding-top:60px;border-top:1px solid var(--border)}
.dza-related h2{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:400;margin-bottom:28px}

/* ═══ CART ═══ */
.dza-empty-cart{text-align:center;padding:80px 24px;max-width:440px;margin:0 auto}
.dza-empty-cart h2{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:400;margin:20px 0 10px}
.dza-empty-cart p{color:var(--dim);margin-bottom:28px}
.dza-cart{max-width:1000px;margin:0 auto;padding:24px 24px 60px}
.dza-cart-title{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:400;margin-bottom:28px}
.dza-cart-title span{font-size:.9rem;color:var(--dim);font-family:'Inter',sans-serif;margin-left:8px}
.dza-cart-grid{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:flex-start}
.dza-cart-item{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid var(--border)}
.dza-cart-item-img{width:90px;height:90px;border-radius:10px;overflow:hidden;flex-shrink:0;background:var(--bg2)}
.dza-cart-item-img img{width:100%!important;height:100%!important;object-fit:cover}
.dza-cart-item-info{flex:1;display:flex;flex-direction:column;justify-content:space-between}
.dza-cart-item-row{display:flex;justify-content:space-between;gap:12px}
.dza-cart-item-name{font-weight:600;font-size:.95rem;color:var(--ink);display:block;margin-bottom:4px;transition:var(--t)}
.dza-cart-item-name:hover{color:var(--accent)}
.dza-cart-item-unit{font-size:.82rem;color:var(--dim)}
.dza-cart-item-total{font-weight:700;font-size:1rem;color:var(--ink);white-space:nowrap}
.dza-cart-item-actions{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.dza-cart-item-actions .quantity input{width:48px!important;text-align:center;border:1.5px solid var(--border)!important;border-radius:8px!important;padding:6px!important;font-weight:600;font-size:.88rem;-moz-appearance:textfield;background:transparent!important}
.dza-cart-item-actions .quantity input::-webkit-inner-spin-button{display:none}
.dza-cart-remove{font-size:.78rem;color:#c62828;font-weight:500;transition:var(--t)}
.dza-cart-remove:hover{text-decoration:underline}
.dza-btn-outline-sm{font-size:.78rem;padding:10px 20px;background:transparent;color:var(--ink);border:1.5px solid var(--border);border-radius:50px;cursor:pointer;transition:var(--t);margin-top:16px;font-weight:600}
.dza-btn-outline-sm:hover{border-color:var(--ink)}
.dza-cart-summary{background:var(--white);border-radius:var(--r);padding:28px;box-shadow:0 4px 20px rgba(0,0,0,0.04);position:sticky;top:100px}
.dza-cart-summary h3{font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-weight:500;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:16px}
.dza-summary-line{display:flex;justify-content:space-between;padding:8px 0;font-size:.9rem}
.dza-summary-line span:first-child{color:var(--dim)}
.dza-summary-line span:last-child{font-weight:600}
.dza-summary-total{display:flex;justify-content:space-between;padding:16px 0;margin-top:8px;border-top:2px solid var(--ink);font-weight:700;font-size:1.1rem}
.dza-continue{display:block;text-align:center;font-size:.82rem;color:var(--dim);margin-top:12px;transition:var(--t)}
.dza-continue:hover{color:var(--accent)}
.admin-bar .dza-cart-summary{top:132px}

/* ═══ RESPONSIVE ACCOUNT/PRODUCT/CART ═══ */
@media(max-width:768px){
  .dza-account{grid-template-columns:1fr}
  .dza-account-side{position:static}
  .dza-product-grid{grid-template-columns:1fr;gap:28px}
  .dza-cart-grid{grid-template-columns:1fr}
  .dza-cart-summary{position:static}
  .dza-related .dza-masonry{columns:2!important}
  .dza-login-card{padding:32px 24px}
  .dza-login-row{flex-direction:column;gap:10px;align-items:flex-start}
}

/* ═══ FULL GALLERY — SCROLL ═══ */
.dza-gallery-filters{display:flex;gap:8px;flex-wrap:wrap}
.dza-filter{padding:8px 20px;border-radius:50px;border:1.5px solid var(--border);background:transparent;color:var(--dim);font-size:.82rem;font-weight:600;cursor:pointer;transition:var(--t);font-family:'Inter',sans-serif}
.dza-filter:hover{border-color:var(--ink);color:var(--ink)}
.dza-filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.dza-filter-count{font-weight:400;opacity:.6;margin-left:4px}
.dza-gallery-count{text-align:center;margin-top:20px;font-size:.9rem;color:var(--dim);font-weight:500}

.dza-scroll-row{overflow:hidden;padding:6px 0;transition:opacity .4s,max-height .5s}
.dza-scroll-row.hidden{opacity:0;max-height:0!important;padding:0;overflow:hidden}
.dza-scroll-track{display:flex;gap:12px;width:max-content}
.dza-scroll-left{animation:scrollLeft 600s linear infinite}
.dza-scroll-right{animation:scrollRight 600s linear infinite}
.dza-scroll-row:hover .dza-scroll-track{animation-play-state:paused}

@keyframes scrollLeft{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes scrollRight{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}

.dza-scroll-item{flex-shrink:0;width:320px;height:400px;border-radius:var(--r);overflow:hidden;background:var(--bg2);cursor:pointer;position:relative}
.dza-scroll-item img{width:100%;height:100%;object-fit:cover;filter:contrast(1.08) saturate(1.12) brightness(1.02);transition:transform .5s cubic-bezier(.16,1,.3,1),filter .4s}
.dza-scroll-item:hover img{transform:scale(1.08);filter:contrast(1.15) saturate(1.25) brightness(1.05)}

/* Lightbox */
.dza-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;backdrop-filter:blur(8px)}
.dza-lightbox.open{opacity:1;pointer-events:all}
.dza-lightbox img{max-width:90vw;max-height:90vh;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.5);transition:transform .4s;transform:scale(.9)}
.dza-lightbox.open img{transform:scale(1)}
.dza-lb-close{position:absolute;top:24px;right:28px;background:none;border:none;color:#fff;font-size:2.5rem;cursor:pointer;opacity:.6;transition:var(--t);line-height:1}
.dza-lb-close:hover{opacity:1;transform:rotate(90deg)}

@media(max-width:768px){
  .dza-scroll-item{width:240px;height:300px}
}
@media(max-width:480px){
  .dza-scroll-item{width:200px;height:260px}
  .dza-scroll-track{gap:10px}
}

/* ═══ SHOP PAGE ═══ */
.dza-shop-page{padding-top:90px;padding-bottom:60px;min-height:80vh}
.admin-bar .dza-shop-page{padding-top:122px}

.dza-shop-header{
  text-align:center;padding:40px 0 48px;
}
.dza-shop-header h1{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2rem,4vw,3rem);font-weight:400;
  color:var(--ink);margin-bottom:8px;
}
.dza-shop-header p{color:var(--dim);font-size:1rem}

/* ═══ WC PAGES ═══ */
.dza-page-wrap{padding-top:80px;min-height:60vh;padding-bottom:60px}
.dza-wc-wrap{padding-top:80px;min-height:60vh}
.admin-bar .dza-page-wrap,.admin-bar .dza-wc-wrap{padding-top:112px}

.woocommerce{max-width:1000px;margin:0 auto;padding:32px 24px;font-family:'Inter',sans-serif}

.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{
  background:var(--ink)!important;color:#fff!important;
  border:1.5px solid var(--ink)!important;border-radius:50px!important;
  font-weight:600!important;text-transform:none!important;
  font-size:.85rem!important;padding:13px 28px!important;
  transition:var(--t)!important;font-family:'Inter',sans-serif!important;
}
.woocommerce a.button:hover,.woocommerce button.button:hover{
  background:var(--accent)!important;border-color:var(--accent)!important;
}

.woocommerce table.shop_table{border:1px solid var(--border)!important;border-radius:var(--r)!important;overflow:hidden}
.woocommerce table.shop_table th{background:var(--bg2)!important;color:var(--ink)!important;border:none!important;font-weight:600;font-size:.78rem}
.woocommerce table.shop_table td{border-color:var(--border)!important}

.woocommerce input[type=text],.woocommerce input[type=email],
.woocommerce input[type=password],.woocommerce input[type=tel],
.woocommerce textarea,.woocommerce select{
  border:1.5px solid var(--border)!important;border-radius:12px!important;
  padding:12px 16px!important;transition:var(--t)!important;
  font-family:'Inter',sans-serif!important;
}
.woocommerce input:focus,.woocommerce textarea:focus{
  border-color:var(--accent)!important;outline:none!important;
  box-shadow:0 0 0 3px rgba(212,136,58,.1)!important;
}

::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}

body{opacity:0;animation:fadeIn .4s ease .1s forwards}
@keyframes fadeIn{to{opacity:1}}

/* ═══ ARTISTIC BACKGROUND ANIMATIONS ═══ */

/* Floating paint splatters */
.dza-art-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.dza-splat{position:absolute;border-radius:50%;opacity:0;animation:splatFloat linear infinite}

.dza-splat:nth-child(1){width:180px;height:180px;background:radial-gradient(circle,rgba(212,136,58,.06) 0%,transparent 70%);left:5%;animation-duration:25s;animation-delay:0s}
.dza-splat:nth-child(2){width:240px;height:240px;background:radial-gradient(circle,rgba(212,136,58,.04) 0%,transparent 70%);right:10%;animation-duration:30s;animation-delay:5s}
.dza-splat:nth-child(3){width:140px;height:140px;background:radial-gradient(circle,rgba(198,40,40,.03) 0%,transparent 70%);left:40%;animation-duration:22s;animation-delay:8s}
.dza-splat:nth-child(4){width:200px;height:200px;background:radial-gradient(circle,rgba(74,140,92,.04) 0%,transparent 70%);right:30%;animation-duration:28s;animation-delay:3s}
.dza-splat:nth-child(5){width:160px;height:160px;background:radial-gradient(circle,rgba(212,136,58,.05) 0%,transparent 70%);left:70%;animation-duration:20s;animation-delay:12s}
.dza-splat:nth-child(6){width:120px;height:120px;background:radial-gradient(circle,rgba(60,80,160,.04) 0%,transparent 70%);left:20%;animation-duration:26s;animation-delay:7s}

@keyframes splatFloat{
  0%{transform:translateY(110vh) scale(.6) rotate(0deg);opacity:0}
  10%{opacity:1}
  90%{opacity:1}
  100%{transform:translateY(-20vh) scale(1.2) rotate(60deg);opacity:0}
}

/* Golden dust particles */
.dza-dust{position:absolute;border-radius:50%;background:var(--accent);animation:dustDrift linear infinite}

.dza-dust:nth-child(7){width:3px;height:3px;left:15%;opacity:.25;animation-duration:18s;animation-delay:0s}
.dza-dust:nth-child(8){width:2px;height:2px;left:35%;opacity:.2;animation-duration:22s;animation-delay:4s}
.dza-dust:nth-child(9){width:4px;height:4px;left:55%;opacity:.15;animation-duration:16s;animation-delay:9s}
.dza-dust:nth-child(10){width:2px;height:2px;left:75%;opacity:.2;animation-duration:20s;animation-delay:2s}
.dza-dust:nth-child(11){width:3px;height:3px;left:90%;opacity:.18;animation-duration:24s;animation-delay:6s}
.dza-dust:nth-child(12){width:2px;height:2px;left:50%;opacity:.22;animation-duration:19s;animation-delay:11s}
.dza-dust:nth-child(13){width:3px;height:3px;left:8%;opacity:.15;animation-duration:21s;animation-delay:14s}
.dza-dust:nth-child(14){width:2px;height:2px;left:65%;opacity:.2;animation-duration:17s;animation-delay:8s}

@keyframes dustDrift{
  0%{transform:translateY(110vh) translateX(0) scale(1);opacity:0}
  8%{opacity:var(--dust-o,.2)}
  50%{transform:translateY(50vh) translateX(40px) scale(1.3)}
  92%{opacity:var(--dust-o,.2)}
  100%{transform:translateY(-10vh) translateX(-20px) scale(.8);opacity:0}
}

/* Brushstroke accents on sections */
.dza-section::before{
  content:'';position:absolute;top:-30px;left:50%;transform:translateX(-50%);
  width:120px;height:3px;
  background:linear-gradient(90deg,transparent,var(--accent),transparent);
  opacity:.25;border-radius:2px;
}
.dza-section{position:relative}

/* Cursor paint trail (subtle glow) */
.dza-cursor-glow{
  position:fixed;width:200px;height:200px;border-radius:50%;
  background:radial-gradient(circle,rgba(212,136,58,.04) 0%,transparent 70%);
  pointer-events:none;z-index:0;
  transform:translate(-50%,-50%);
  transition:left .3s ease,top .3s ease,opacity .5s;
  opacity:0;
}

/* ═══ RESPONSIVE ═══ */
@media(max-width:768px){
  .dza-hero{padding:90px 20px 50px}
  .dza-hero-grid{grid-template-columns:1fr;gap:32px}
  .dza-hero-mosaic{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:140px 140px;gap:8px}
  .dza-mosaic-1{grid-row:1/3}
  .dza-mosaic-2{grid-row:1}
  .dza-mosaic-3{grid-row:2}
  .dza-hero-text h1{font-size:2.2rem}
  .dza-section{padding:56px 0}
  .dza-masonry{columns:2;column-gap:12px}
  .dza-card{margin-bottom:12px}
  .dza-artist{grid-template-columns:1fr;padding:32px;gap:32px}
  .dza-artist-numbers{flex-direction:row;gap:12px}
  .dza-num{flex:1}
  .dza-footer-inner{flex-direction:column;text-align:center}
  .dza-footer-links{flex-wrap:wrap;justify-content:center}
  .dza-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9999!important;background:#fefcf9!important}
  .dza-header-inner{height:56px}
  .dza-burger{display:block!important;position:relative;z-index:10001;width:28px;height:20px}
  .dza-burger span{height:2.5px!important;background:var(--ink)!important}
  .dza-nav{
    display:none !important;
    position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;
    background:#fefcf9!important;
    flex-direction:column!important;
    align-items:center!important;justify-content:center!important;gap:28px!important;
    z-index:10000!important;
  }
  .dza-nav.open{display:flex !important}
  .dza-nav.open a{
    font-size:1.4rem;color:var(--ink);font-weight:500;
    padding:8px 0;letter-spacing:0.5px;
  }
  .dza-nav.open a:hover{color:var(--accent)}
  .dza-hero-trust{display:none}
}

@media(max-width:480px){
  .dza-masonry{columns:1}
  .dza-hero-mosaic{grid-template-rows:120px 120px}
}

/* Custom order visual — pinceaux + palette */
.dza-custom-visual {
    position: relative;
    min-height: 280px;
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    gap: 22px;
    background:
      radial-gradient(circle at 30% 20%, rgba(42,157,143,.1), transparent 55%),
      linear-gradient(135deg, #FEFCF9, #F7F4EF);
    border-radius: 24px;
    padding: 36px;
    font-size: inherit !important;
    overflow: hidden;
}
.dza-custom-brushes { display: flex; gap: 14px; align-items: flex-end; height: 90px; }
.dza-brush {
    width: 16px; display: block; position: relative;
    border-radius: 4px 4px 8px 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,.1);
    transform-origin: bottom center;
    animation: dzaBrushWave 3s ease-in-out infinite;
}
.dza-brush::after {
    content: ''; position: absolute; top: -14px; left: 50%;
    transform: translateX(-50%);
    width: 0; height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 16px solid;
    border-bottom-color: inherit;
}
.dza-brush-1 { height: 70px; background: #D4883A; border-bottom-color: #D4883A; animation-delay: 0s; }
.dza-brush-2 { height: 90px; background: #2A9D8F; border-bottom-color: #2A9D8F; animation-delay: .5s; }
.dza-brush-3 { height: 80px; background: #E76F51; border-bottom-color: #E76F51; animation-delay: 1s; }
@keyframes dzaBrushWave { 0%,100%{transform:rotate(-3deg)} 50%{transform:rotate(3deg)} }
.dza-custom-palette {
    display: flex;
    border-radius: 100px;
    overflow: hidden;
    box-shadow: 0 6px 18px rgba(0,0,0,.08);
}
.dza-custom-palette span { width: 38px; height: 38px; display: block; transition: transform .3s; }
.dza-custom-palette:hover span:hover { transform: scale(1.2); z-index: 2; }
.dza-custom-label {
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    font-size: 1.05rem;
    color: #2E2E2E;
    letter-spacing: .3px;
}

/* ══════════════════════════════════════
   Custom order — Luxe edition
   ══════════════════════════════════════ */

/* Section background — papier texturé subtil */
.dza-section-custom {
    background:
      radial-gradient(ellipse at 20% 0%, rgba(212,136,58,.06), transparent 50%),
      radial-gradient(ellipse at 80% 100%, rgba(42,157,143,.05), transparent 55%),
      linear-gradient(180deg, #FEFCF9 0%, #F4EFE7 100%) !important;
    position: relative;
}
.dza-section-custom::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .8 0 0 0 0 .7 0 0 0 0 .5 0 0 0 .035 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    pointer-events: none;
    opacity: .5;
    mix-blend-mode: multiply;
}
.dza-section-custom > * { position: relative; z-index: 1; }

/* Container carte — cadre luxueux */
.dza-custom {
    background: linear-gradient(135deg, #FFFCF7 0%, #FAF5EC 100%) !important;
    border: 1px solid rgba(212,136,58,.2);
    border-radius: 4px;
    box-shadow:
      0 1px 0 rgba(255,255,255,.9) inset,
      0 30px 60px -20px rgba(60,40,20,.18),
      0 10px 20px rgba(60,40,20,.06);
    padding: 60px 56px !important;
    position: relative;
}
.dza-custom::before,
.dza-custom::after {
    content: '';
    position: absolute;
    left: 20px; right: 20px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(212,136,58,.45), transparent);
}
.dza-custom::before { top: 14px; }
.dza-custom::after  { bottom: 14px; }

/* Pill Sur mesure — refined gold */
.dza-section-custom .dza-pill {
    background: transparent !important;
    color: #D4883A !important;
    border: 1px solid rgba(212,136,58,.5);
    letter-spacing: 4px !important;
    text-transform: uppercase;
    font-size: .65rem !important;
    font-weight: 500 !important;
    padding: 8px 18px !important;
}

/* Titre dramatique */
.dza-custom-content h2 {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: clamp(2.2rem, 4.5vw, 3.4rem) !important;
    font-weight: 400 !important;
    line-height: 1.1 !important;
    color: #1B1B1B !important;
    letter-spacing: -.5px;
    margin: 20px 0 10px !important;
    position: relative;
}
.dza-custom-content h2::after {
    content: '';
    display: block;
    width: 48px;
    height: 1px;
    background: #D4883A;
    margin-top: 22px;
}

/* Sous-titre espacé */
.dza-custom-content > p {
    font-size: .95rem !important;
    line-height: 1.8 !important;
    color: #5A5148 !important;
    max-width: 480px;
    margin-top: 20px !important;
    margin-bottom: 36px !important;
    letter-spacing: .2px;
}

/* Liste numérotée luxe */
.dza-custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 40px !important;
    counter-reset: luxe;
}
.dza-custom-list li {
    counter-increment: luxe;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1.1rem !important;
    line-height: 1.5 !important;
    color: #2E2E2E !important;
    padding: 14px 0 14px 58px !important;
    border-bottom: 1px solid rgba(212,136,58,.15) !important;
    position: relative;
    font-style: italic;
    letter-spacing: .2px;
    transition: padding .3s ease, color .3s ease;
}
.dza-custom-list li:last-child { border-bottom: none !important; }
.dza-custom-list li::before {
    content: counter(luxe, upper-roman);
    position: absolute;
    left: 0; top: 50%;
    transform: translateY(-50%);
    font-family: 'Cormorant Garamond', serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    color: #D4883A;
    width: 42px; height: 42px;
    border: 1px solid rgba(212,136,58,.4);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0;
    transition: all .35s cubic-bezier(.2,.8,.3,1);
}
.dza-custom-list li:hover {
    padding-left: 64px !important;
    color: #1B1B1B !important;
}
.dza-custom-list li:hover::before {
    background: #D4883A;
    color: #FFFCF7;
    border-color: #D4883A;
    transform: translateY(-50%) rotate(-8deg) scale(1.05);
}

/* Bouton WhatsApp luxe */
.dza-section-custom .dza-btn-whatsapp {
    background: #1B1B1B !important;
    color: #FFFCF7 !important;
    border: 1px solid #1B1B1B !important;
    padding: 16px 32px !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1.05rem !important;
    font-weight: 500 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase;
    border-radius: 0 !important;
    position: relative;
    overflow: hidden;
    transition: all .4s cubic-bezier(.2,.8,.3,1) !important;
}
.dza-section-custom .dza-btn-whatsapp::before {
    content: '';
    position: absolute;
    inset: 3px;
    border: 1px solid rgba(255,252,247,.2);
    pointer-events: none;
    transition: inset .3s;
}
.dza-section-custom .dza-btn-whatsapp:hover {
    background: #D4883A !important;
    border-color: #D4883A !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(184,144,77,.3);
}
.dza-section-custom .dza-btn-whatsapp:hover::before { inset: 6px; }
.dza-section-custom .dza-btn-whatsapp svg { width: 14px !important; height: 14px !important; }

/* ── VISUAL — Cadre luxe avec flourish ── */
.dza-custom-visual {
    background: transparent !important;
    padding: 0 !important;
    min-height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dza-luxe-frame {
    position: relative;
    width: 100%;
    max-width: 380px;
    aspect-ratio: 3/4;
    background: linear-gradient(160deg, #FFFEF9 0%, #F7F0E4 100%);
    padding: 40px 34px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    color: #D4883A;
    box-shadow:
      inset 0 0 0 1px rgba(212,136,58,.35),
      inset 0 0 0 6px #FFFEF9,
      inset 0 0 0 7px rgba(212,136,58,.15),
      0 30px 50px -20px rgba(60,40,20,.25);
}

.dza-luxe-corner {
    position: absolute;
    color: #D4883A;
    opacity: .85;
    z-index: 2;
}
.dza-luxe-tl { top: 16px; left: 16px; }
.dza-luxe-tr { top: 16px; right: 16px; transform: scaleX(-1); }
.dza-luxe-bl { bottom: 16px; left: 16px; transform: scaleY(-1); }
.dza-luxe-br { bottom: 16px; right: 16px; transform: scale(-1, -1); }

.dza-luxe-mono {
    font-family: 'Cormorant Garamond', serif;
    font-size: .72rem;
    font-weight: 500;
    letter-spacing: 6px;
    text-transform: uppercase;
    color: #D4883A;
    opacity: .85;
    position: absolute;
    top: 28px;
}

.dza-luxe-flourish {
    color: #D4883A;
    opacity: .8;
    margin-top: 20px;
    animation: dzaLuxeBreath 5s ease-in-out infinite;
}
@keyframes dzaLuxeBreath {
    0%,100% { transform: translateY(0) scale(1); opacity: .8; }
    50%     { transform: translateY(-4px) scale(1.02); opacity: 1; }
}

.dza-luxe-divider {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 70%;
    color: #D4883A;
}
.dza-luxe-divider span {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, transparent, #D4883A);
    opacity: .45;
}
.dza-luxe-divider span:last-child {
    background: linear-gradient(90deg, #D4883A, transparent);
}
.dza-luxe-divider em {
    font-style: normal;
    font-size: .6rem;
    color: #D4883A;
    opacity: .7;
    transform: rotate(0deg);
    animation: dzaLuxeRot 8s linear infinite;
}
@keyframes dzaLuxeRot { to { transform: rotate(360deg); } }

.dza-luxe-caption {
    font-family: 'Cormorant Garamond', serif;
    font-size: .82rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #5A5148;
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.dza-luxe-caption em {
    font-style: normal;
    color: #D4883A;
    opacity: .6;
}

.dza-luxe-sig {
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    font-size: 1rem;
    color: #D4883A;
    margin-top: 8px;
    letter-spacing: .5px;
    opacity: .9;
}

/* Responsive */
@media (max-width: 860px) {
    .dza-custom { padding: 40px 28px !important; }
    .dza-custom-visual { min-height: 340px; }
    .dza-luxe-frame { max-width: 320px; padding: 30px 24px; }
    .dza-custom-content h2 { font-size: 2rem !important; }
}


/* Nav carbone pour lisibilité */
.dza-nav a {
    color: #2C2C2E !important;
    font-weight: 500 !important;
}
.dza-nav a:hover { color: var(--accent) !important; }

/* ═══════════════════════════════════════════
   MY ACCOUNT & LOGIN — Luxe redesign (DNA site)
   ═══════════════════════════════════════════ */

:root { --gold: #D4883A;
    --gold-strong: #B5651D; --gold-soft: rgba(212,136,58,.2); --ink: #1B1B1B; --paper: #FEFCF9; --paper2: #F7F0E4; }

.dza-wc-wrap { background: linear-gradient(180deg, var(--paper) 0%, #F4EFE7 100%); min-height: 100vh; padding-top: 86px; }

/* ── HERO titre ── */
.dza-acc-page { max-width: 1240px; margin: 0 auto; padding: 40px 28px 80px; }
.dza-acc-hero { text-align: center; padding: 30px 0 44px; position: relative; }
.dza-acc-eyebrow {
    display: inline-block;
    font-family: 'Cormorant Garamond', serif;
    font-size: .72rem;
    letter-spacing: 6px;
    text-transform: uppercase;
    color: var(--gold);
    border: 1px solid var(--gold-soft);
    padding: 7px 18px;
    margin-bottom: 22px;
}
.dza-acc-title {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: clamp(2.2rem, 5vw, 3.6rem) !important;
    font-weight: 400 !important;
    color: var(--ink) !important;
    margin: 0 !important;
    letter-spacing: -.5px;
    line-height: 1.1;
}
.dza-acc-title em { font-style: italic; color: var(--gold); }
.dza-acc-flourish {
    display: flex; align-items: center; justify-content: center;
    gap: 14px; margin: 24px auto 14px; max-width: 220px;
    color: var(--gold); opacity: .8;
}
.dza-acc-flourish span {
    flex: 1; height: 1px;
    background: linear-gradient(90deg, transparent, var(--gold));
}
.dza-acc-flourish span:last-child {
    background: linear-gradient(90deg, var(--gold), transparent);
}
.dza-acc-sub {
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    font-size: 1.05rem;
    color: #5A5148;
    margin: 0;
    letter-spacing: .2px;
}

/* ── GRID ── */
.dza-acc-grid {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 36px;
    align-items: start;
}
@media (max-width: 880px) {
    .dza-acc-grid { grid-template-columns: 1fr; gap: 20px; }
}

/* ── Card base ── */
.dza-acc-card {
    background: linear-gradient(135deg, #FFFCF7 0%, #FAF5EC 100%);
    border: 1px solid var(--gold-soft);
    padding: 28px;
    position: relative;
    box-shadow:
      0 1px 0 rgba(255,255,255,.9) inset,
      0 20px 40px -20px rgba(60,40,20,.12);
}
.dza-acc-card::before,
.dza-acc-card::after {
    content: ''; position: absolute;
    left: 14px; right: 14px; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(212,136,58,.4), transparent);
}
.dza-acc-card::before { top: 10px; }
.dza-acc-card::after  { bottom: 10px; }

/* ── Sidebar ── */
.dza-acc-side { display: flex; flex-direction: column; gap: 20px; }

.dza-acc-profile { text-align: center; padding: 36px 24px 28px; }
.dza-acc-avatar-wrap {
    display: inline-block;
    padding: 4px;
    border: 1px solid var(--gold-soft);
    border-radius: 50%;
    margin-bottom: 16px;
    position: relative;
}
.dza-acc-avatar-wrap::before {
    content: '';
    position: absolute;
    inset: -6px;
    border: 1px solid var(--gold-soft);
    border-radius: 50%;
    opacity: .5;
}
.dza-acc-avatar {
    width: 96px; height: 96px;
    border-radius: 50%;
    overflow: hidden;
    background: var(--gold);
    display: flex; align-items: center; justify-content: center;
    color: var(--paper);
    font-family: 'Cormorant Garamond', serif;
    font-size: 2rem;
}
.dza-acc-avatar img { width: 100%; height: 100%; object-fit: cover; }
.dza-acc-stats {
    display: flex; justify-content: center; align-items: center;
    gap: 18px; margin-top: 14px;
}
.dza-acc-stats > div { text-align: center; }
.dza-acc-stats strong {
    display: block;
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.3rem;
    color: var(--ink);
    font-weight: 500;
}
.dza-acc-stats small {
    font-size: .68rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--gold);
}
.dza-acc-stats-sep {
    width: 1px; height: 26px;
    background: var(--gold-soft);
}

/* Menu */
.dza-acc-menu {
    background: #FFFCF7;
    border: 1px solid var(--gold-soft);
    padding: 10px;
    display: flex;
    flex-direction: column;
}
.dza-acc-menu-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    color: #2C2C2E !important;
    text-decoration: none;
    font-family: 'Cormorant Garamond', serif;
    font-size: 1rem;
    letter-spacing: .3px;
    border-bottom: 1px solid rgba(212,136,58,.1);
    transition: all .3s cubic-bezier(.2,.8,.3,1);
    position: relative;
}
.dza-acc-menu-item:last-child { border-bottom: none; }
.dza-acc-menu-icon {
    width: 28px; height: 28px;
    display: flex; align-items: center; justify-content: center;
    color: var(--gold);
    opacity: .8;
    transition: all .3s;
}
.dza-acc-menu-label { flex: 1; }
.dza-acc-menu-arrow {
    font-size: .85rem;
    color: var(--gold);
    opacity: 0;
    transform: translateX(-6px);
    transition: all .3s;
}
.dza-acc-menu-item:hover {
    background: rgba(193,150,88,.05);
    color: var(--ink) !important;
    padding-left: 20px;
}
.dza-acc-menu-item:hover .dza-acc-menu-arrow { opacity: 1; transform: translateX(0); }
.dza-acc-menu-item.is-active {
    background: var(--ink);
    color: var(--paper) !important;
}
.dza-acc-menu-item.is-active .dza-acc-menu-icon { color: var(--gold); opacity: 1; }
.dza-acc-menu-item.is-active .dza-acc-menu-arrow { color: var(--gold); opacity: 1; transform: translateX(0); }

.dza-acc-shop-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 20px;
    border: 1px solid var(--gold-soft);
    color: var(--gold) !important;
    text-decoration: none;
    font-family: 'Cormorant Garamond', serif;
    font-size: .95rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: all .3s;
    justify-content: center;
    background: transparent;
}
.dza-acc-shop-link:hover {
    background: var(--gold);
    color: var(--paper) !important;
    border-color: var(--gold);
}

/* ── Main content ── */
.dza-acc-content { padding: 40px 42px; }
.dza-acc-content h2, .dza-acc-content h3 {
    font-family: 'Cormorant Garamond', serif;
    color: var(--ink);
    font-weight: 500;
    letter-spacing: -.3px;
}
.dza-acc-content h2 { font-size: 1.9rem; margin-bottom: 16px; }
.dza-acc-content h3 { font-size: 1.4rem; margin: 28px 0 14px; }
.dza-acc-content p { color: #4A4A4C; line-height: 1.75; margin-bottom: 14px; }
.dza-acc-content a { color: var(--gold); text-decoration: underline; text-underline-offset: 3px; }
.dza-acc-content a:hover { color: var(--ink); }
.dza-acc-content a.button,
.dza-acc-content .button {
    background: var(--ink) !important;
    color: var(--paper) !important;
    font-family: 'Cormorant Garamond', serif !important;
    padding: 12px 24px !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: .92rem !important;
    border: none !important;
    border-radius: 0 !important;
    text-decoration: none !important;
    display: inline-block;
    transition: all .3s;
}
.dza-acc-content a.button:hover,
.dza-acc-content .button:hover { background: var(--gold) !important; color: var(--paper) !important; }

/* Tables WooCommerce */
.dza-acc-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    background: #FFFCF7;
    border: 1px solid var(--gold-soft);
}
.dza-acc-content table th {
    font-family: 'Cormorant Garamond', serif;
    font-size: .78rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--gold);
    font-weight: 500;
    padding: 14px 16px;
    text-align: left;
    border-bottom: 1px solid var(--gold-soft);
    background: linear-gradient(180deg, #FAF5EC, #FFFCF7);
}
.dza-acc-content table td {
    padding: 14px 16px;
    font-size: .92rem;
    color: #2C2C2E;
    border-bottom: 1px solid rgba(212,136,58,.1);
}
.dza-acc-content table tr:last-child td { border-bottom: none; }

/* Forms WooCommerce */
.dza-acc-content form .woocommerce-input-wrapper { display: block; }
.dza-acc-content form input[type="text"],
.dza-acc-content form input[type="email"],
.dza-acc-content form input[type="tel"],
.dza-acc-content form input[type="password"],
.dza-acc-content form select,
.dza-acc-content form textarea {
    width: 100%;
    padding: 12px 14px !important;
    background: #FFFCF7 !important;
    border: 1px solid var(--gold-soft) !important;
    border-radius: 0 !important;
    font-family: 'Inter', sans-serif;
    font-size: .92rem;
    color: var(--ink);
    transition: border-color .2s;
    margin-bottom: 4px !important;
}
.dza-acc-content form input:focus,
.dza-acc-content form select:focus,
.dza-acc-content form textarea:focus {
    outline: none;
    border-color: var(--gold) !important;
}
.dza-acc-content form label {
    display: block;
    font-family: 'Cormorant Garamond', serif;
    font-size: .85rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 6px;
    margin-top: 14px;
}

/* ═══════════════════════════════════════════
   LOGIN PAGE — Luxe
   ═══════════════════════════════════════════ */

.dza-login-luxe {
    min-height: 100vh;
    padding: 100px 20px 40px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dza-login-bg {
    position: absolute; inset: 0;
    background:
      radial-gradient(ellipse at 30% 20%, rgba(42,157,143,.08), transparent 55%),
      radial-gradient(ellipse at 70% 80%, rgba(184,144,77,.08), transparent 55%),
      linear-gradient(180deg, var(--paper) 0%, #F4EFE7 100%);
    z-index: -1;
}
.dza-login-bg::after {
    content: '';
    position: absolute; inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .8 0 0 0 0 .7 0 0 0 0 .5 0 0 0 .035 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    opacity: .5;
    mix-blend-mode: multiply;
}
.dza-login-wrap { width: 100%; max-width: 460px; }

.dza-login-frame {
    position: relative;
    background: linear-gradient(135deg, #FFFCF7 0%, #FAF5EC 100%);
    border: 1px solid var(--gold-soft);
    padding: 48px 40px;
    text-align: center;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.9),
      0 40px 80px -30px rgba(60,40,20,.25);
}
.dza-login-corner {
    position: absolute;
    color: var(--gold);
    opacity: .6;
}
.dza-login-tl { top: 14px; left: 14px; }
.dza-login-tr { top: 14px; right: 14px; transform: scaleX(-1); }
.dza-login-bl { bottom: 14px; left: 14px; transform: scaleY(-1); }
.dza-login-br { bottom: 14px; right: 14px; transform: scale(-1,-1); }

.dza-login-logo {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: 3px;
    color: var(--ink) !important;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 24px;
}
.dza-login-logo span { font-weight: 300; color: var(--gold); margin-left: 2px; }

.dza-login-eyebrow {
    display: block;
    font-family: 'Cormorant Garamond', serif;
    font-size: .68rem;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 8px;
}
.dza-login-frame h2 {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 2.2rem !important;
    font-weight: 400 !important;
    color: var(--ink) !important;
    margin: 0 0 10px !important;
    letter-spacing: -.3px;
}
.dza-login-sub {
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    font-size: 1rem;
    color: #5A5148;
    margin: 0 0 22px;
}
.dza-login-divider,
.dza-login-or {
    display: flex; align-items: center; gap: 12px;
    margin: 24px 0;
    color: var(--gold); opacity: .8;
}
.dza-login-divider span,
.dza-login-or span {
    flex: 1; height: 1px;
    background: linear-gradient(90deg, transparent, var(--gold));
}
.dza-login-divider span:last-child,
.dza-login-or span:last-child {
    background: linear-gradient(90deg, var(--gold), transparent);
}
.dza-login-divider em,
.dza-login-or em {
    font-style: italic;
    font-family: 'Cormorant Garamond', serif;
    font-size: .85rem;
    color: var(--gold);
    letter-spacing: 2px;
    text-transform: lowercase;
}

.dza-login-form { text-align: left; }
.dza-login-form .dza-field { margin-bottom: 16px; }
.dza-login-form label {
    display: block;
    font-family: 'Cormorant Garamond', serif;
    font-size: .72rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 6px;
    font-weight: 500;
}
.dza-login-form input[type="text"],
.dza-login-form input[type="email"],
.dza-login-form input[type="password"] {
    width: 100%;
    padding: 13px 14px;
    background: #FFFCF7;
    border: 1px solid var(--gold-soft);
    border-radius: 0;
    font-family: 'Inter', sans-serif;
    font-size: .95rem;
    color: var(--ink);
    transition: all .25s;
}
.dza-login-form input:focus {
    outline: none;
    border-color: var(--gold);
    background: #FFFEF9;
}
.dza-login-form input::placeholder { color: #B8B0A6; font-style: italic; }

.dza-login-row {
    display: flex; justify-content: space-between; align-items: center;
    margin: 10px 0 20px;
    font-size: .82rem;
}
.dza-login-row .dza-check {
    display: flex; align-items: center; gap: 8px;
    color: #5A5148;
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    cursor: pointer;
}
.dza-login-row .dza-check input[type="checkbox"] {
    accent-color: var(--gold);
}
.dza-forgot {
    color: var(--gold) !important;
    text-decoration: none;
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    transition: color .2s;
}
.dza-forgot:hover { color: var(--ink) !important; text-decoration: underline; }

.dza-btn-luxe {
    width: 100%;
    padding: 16px 24px;
    background: var(--ink);
    color: var(--paper);
    border: 1px solid var(--ink);
    border-radius: 0;
    font-family: 'Cormorant Garamond', serif;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    transition: all .35s cubic-bezier(.2,.8,.3,1);
}
.dza-btn-luxe::before {
    content: '';
    position: absolute;
    inset: 3px;
    border: 1px solid rgba(255,252,247,.2);
    pointer-events: none;
    transition: inset .3s;
}
.dza-btn-luxe:hover {
    background: var(--gold);
    border-color: var(--gold);
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(184,144,77,.3);
}
.dza-btn-luxe:hover::before { inset: 6px; border-color: rgba(255,252,247,.35); }
.dza-btn-luxe-outline {
    background: transparent;
    color: var(--ink);
    border-color: var(--gold-soft);
}
.dza-btn-luxe-outline::before { border-color: transparent; }
.dza-btn-luxe-outline:hover { background: var(--ink); color: var(--paper); border-color: var(--ink); }

.dza-login-back {
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid rgba(212,136,58,.15);
}
.dza-login-back a {
    color: #5A5148 !important;
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    font-size: .88rem;
    text-decoration: none;
    transition: color .2s;
}
.dza-login-back a:hover { color: var(--gold) !important; }

@media (max-width: 520px) {
    .dza-login-frame { padding: 36px 24px; }
    .dza-acc-content { padding: 28px 22px; }
    .dza-acc-profile { padding: 28px 18px 22px; }
}

/* ═══════════════════════════════════════════════════════
   CUSTOM SECTION — Natural refinement
   Moins "palace", plus "atelier d'artiste"
   Meilleure lisibilité sur le cadre blanc
   ═══════════════════════════════════════════════════════ */

/* Section : atténuer le grain, fond plus naturel */
.dza-section-custom {
    background:
      radial-gradient(ellipse at 50% 0%, rgba(212,136,58,.04), transparent 60%),
      linear-gradient(180deg, #FEFCF9 0%, #F7F3EC 100%) !important;
}
.dza-section-custom::before { opacity: .25 !important; }

/* Card principale : moins "encadré certifié", plus discret */
.dza-custom {
    background: #FFFDF9 !important;
    border: 1px solid rgba(212,136,58,.12) !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.9) inset,
      0 20px 40px -22px rgba(60,40,20,.1),
      0 6px 14px rgba(60,40,20,.04) !important;
    padding: 52px 48px !important;
}
.dza-custom::before,
.dza-custom::after { display: none !important; }

/* Pill sur mesure : plus doux */
.dza-section-custom .dza-pill {
    color: #8B5E2A !important;
    border-color: rgba(212,136,58,.3) !important;
    letter-spacing: 3px !important;
}

/* Titre : plus sombre, plus lisible */
.dza-custom-content h2 {
    color: #1B1B1B !important;
    font-size: clamp(2rem, 4vw, 3rem) !important;
}
.dza-custom-content h2::after {
    width: 40px;
    background: #D4883A;
    opacity: .7;
}

/* Description : contraste renforcé */
.dza-custom-content > p {
    color: #3E3630 !important;
    font-size: 1rem !important;
}

/* Liste romaine : cercles plus doux, texte plus foncé */
.dza-custom-list li {
    color: #1B1B1B !important;
    font-size: 1.05rem !important;
    font-style: normal !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    border-bottom: 1px solid rgba(212,136,58,.1) !important;
    padding-left: 52px !important;
}
.dza-custom-list li::before {
    color: #8B5E2A;
    border-color: rgba(212,136,58,.35);
    width: 36px;
    height: 36px;
    font-size: .88rem;
    background: rgba(212,136,58,.04);
}
.dza-custom-list li:hover {
    padding-left: 58px !important;
}
.dza-custom-list li:hover::before {
    background: #D4883A;
    color: #fff;
    border-color: #D4883A;
    transform: translateY(-50%) scale(1.05);
}

/* Bouton : retour au style site (pas de majuscules rigides) */
.dza-section-custom .dza-btn-whatsapp {
    background: #1B1B1B !important;
    color: #fff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: .92rem !important;
    font-weight: 600 !important;
    letter-spacing: .3px !important;
    text-transform: none !important;
    padding: 14px 28px !important;
    border-radius: 100px !important;
    border: none !important;
}
.dza-section-custom .dza-btn-whatsapp::before { display: none !important; }
.dza-section-custom .dza-btn-whatsapp:hover {
    background: #D4883A !important;
    box-shadow: 0 10px 24px rgba(212,136,58,.3);
}

/* ── VISUAL SIDE — cadre naturel façon atelier ── */
.dza-custom-visual {
    min-height: 380px;
}
.dza-luxe-frame {
    background: #FFFFFF !important;
    max-width: 340px;
    aspect-ratio: 4/5;
    padding: 32px 28px !important;
    box-shadow:
      inset 0 0 0 1px rgba(212,136,58,.15),
      0 20px 40px -20px rgba(60,40,20,.2),
      0 6px 14px rgba(60,40,20,.06) !important;
    color: #3E3630 !important;
    gap: 16px !important;
}

/* Masquer les coins décoratifs trop "luxury hotel" */
.dza-luxe-corner { display: none !important; }

/* N° 01 : plus marqué, plus contraste */
.dza-luxe-mono {
    color: #1B1B1B !important;
    opacity: 1 !important;
    letter-spacing: 4px !important;
    font-size: .68rem !important;
    font-weight: 600 !important;
    top: 22px !important;
}
.dza-luxe-mono::after {
    content: '';
    display: block;
    width: 30px;
    height: 1px;
    background: #D4883A;
    margin: 6px auto 0;
}

/* Flourish : plus peintre, moins "mariage luxe" */
.dza-luxe-flourish {
    color: #D4883A !important;
    opacity: .7 !important;
    margin-top: 36px !important;
}

/* Divider losange : retirer l'animation rotation (trop gimmicky) */
.dza-luxe-divider em {
    animation: none !important;
    opacity: .5 !important;
}
.dza-luxe-divider span {
    opacity: .3 !important;
}

/* Caption : beaucoup plus lisible */
.dza-luxe-caption {
    color: #1B1B1B !important;
    font-size: .72rem !important;
    letter-spacing: 2.5px !important;
    font-weight: 500 !important;
}
.dza-luxe-caption em {
    color: #D4883A !important;
    opacity: .8 !important;
    margin: 0 2px;
}

/* Signature : plus affirmée */
.dza-luxe-sig {
    color: #1B1B1B !important;
    opacity: .85 !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    margin-top: 4px !important;
}

/* Responsive */
@media (max-width: 860px) {
    .dza-custom { padding: 36px 26px !important; }
    .dza-luxe-frame { max-width: 300px; padding: 26px 22px !important; }
    .dza-custom-content h2 { font-size: 1.9rem !important; }
}

/* ── Artwork frame — vrai tableau de l'artiste ── */
.dza-artwork-frame {
    margin: 0;
    width: 100%;
    max-width: 360px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.dza-artwork-mount {
    background: #FFFFFF;
    padding: 14px;
    box-shadow:
      inset 0 0 0 1px rgba(212,136,58,.18),
      0 30px 50px -25px rgba(60,40,20,.3),
      0 10px 20px rgba(60,40,20,.08);
    transition: transform .5s cubic-bezier(.2,.8,.3,1), box-shadow .5s ease;
    display: block;
    width: 100%;
    aspect-ratio: 4/5;
    overflow: hidden;
}
.dza-artwork-mount img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .8s cubic-bezier(.2,.8,.3,1);
}
.dza-artwork-frame:hover .dza-artwork-mount {
    transform: translateY(-4px);
    box-shadow:
      inset 0 0 0 1px rgba(212,136,58,.35),
      0 40px 60px -20px rgba(60,40,20,.35),
      0 14px 28px rgba(60,40,20,.12);
}
.dza-artwork-frame:hover .dza-artwork-mount img {
    transform: scale(1.03);
}
.dza-artwork-caption {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.dza-artwork-label {
    font-family: 'Inter', sans-serif;
    font-size: .7rem;
    font-weight: 500;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: #1B1B1B;
}
.dza-artwork-sig {
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    font-size: 1rem;
    color: #8B5E2A;
    letter-spacing: .3px;
}

/* Hide the old luxe frame completely */
.dza-luxe-frame { display: none !important; }

@media (max-width: 860px) {
    .dza-artwork-frame { max-width: 280px; }
}

/* ═══════════════════════════════════════════════════════
   DASHBOARD CLIENT — Custom luxe
   ═══════════════════════════════════════════════════════ */

.dza-dash { color: #1B1B1B; }

/* ── Greeting ── */
.dza-dash-greet {
    text-align: left;
    margin-bottom: 36px;
    padding-bottom: 28px;
    border-bottom: 1px solid rgba(212,136,58,.15);
}
.dza-dash-hour {
    display: block;
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    font-size: .9rem;
    color: #8B5E2A;
    letter-spacing: .5px;
    margin-bottom: 6px;
}
.dza-dash-name {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: clamp(2rem, 4vw, 2.8rem) !important;
    font-weight: 400 !important;
    color: #1B1B1B !important;
    margin: 0 0 8px !important;
    letter-spacing: -.5px;
}
.dza-dash-sub {
    color: #3E3630 !important;
    font-size: 1rem !important;
    margin: 0 !important;
}

/* ── Stats row ── */
.dza-dash-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-bottom: 40px;
}
.dza-dash-stat {
    background: linear-gradient(135deg, #FFFCF7, #F9F3E8);
    border: 1px solid rgba(212,136,58,.12);
    padding: 22px 18px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 4px;
    transition: all .3s;
}
.dza-dash-stat:hover {
    border-color: rgba(212,136,58,.3);
    transform: translateY(-2px);
}
.dza-dash-stat-value {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.8rem;
    font-weight: 500;
    color: #1B1B1B;
    line-height: 1;
}
.dza-dash-stat-label {
    font-size: .68rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #8B5E2A;
    font-weight: 500;
}

/* ── Section head ── */
.dza-dash-section { margin-bottom: 40px; }
.dza-dash-section-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(212,136,58,.12);
}
.dza-dash-section-head h3 {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1.4rem !important;
    color: #1B1B1B !important;
    margin: 0 !important;
    font-weight: 500 !important;
}
.dza-dash-more {
    font-family: 'Inter', sans-serif;
    font-size: .82rem;
    color: #D4883A !important;
    text-decoration: none;
    font-weight: 500;
    transition: all .25s;
}
.dza-dash-more:hover { color: #1B1B1B !important; letter-spacing: 1px; }

/* ── Orders list ── */
.dza-dash-orders { display: flex; flex-direction: column; gap: 10px; }
.dza-dash-order {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px;
    background: #FFFCF7;
    border: 1px solid rgba(212,136,58,.12);
    text-decoration: none;
    color: #1B1B1B !important;
    transition: all .3s;
}
.dza-dash-order:hover {
    border-color: rgba(212,136,58,.35);
    transform: translateX(3px);
    box-shadow: 0 8px 20px -8px rgba(60,40,20,.12);
}
.dza-dash-order-img {
    width: 64px; height: 64px;
    flex-shrink: 0;
    overflow: hidden;
    background: #FAF5EC;
}
.dza-dash-order-img img {
    width: 100%; height: 100%;
    object-fit: cover;
}
.dza-dash-order-img-ph {
    display: flex; align-items: center; justify-content: center;
    color: #D4883A;
    font-size: 1.8rem;
}
.dza-dash-order-info { flex: 1; min-width: 0; }
.dza-dash-order-meta {
    display: flex;
    gap: 12px;
    align-items: center;
    font-size: .72rem;
    color: #8B5E2A;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 4px;
}
.dza-dash-order-num { font-weight: 600; }
.dza-dash-order-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.1rem;
    color: #1B1B1B;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dza-dash-order-bottom {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: .88rem;
}
.dza-dash-order-bottom strong {
    margin-left: auto;
    color: #1B1B1B;
    font-weight: 600;
}
.dza-dash-status {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 100px;
    font-size: .7rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
}
.dza-dash-status-completed  { background: rgba(42,157,143,.1); color: #1F7A6F; }
.dza-dash-status-processing { background: rgba(212,136,58,.12); color: #8B5E2A; }
.dza-dash-status-on-hold    { background: rgba(180,130,60,.12); color: #8B5E2A; }
.dza-dash-status-pending    { background: rgba(120,120,120,.12); color: #4A4A4A; }
.dza-dash-status-cancelled  { background: rgba(200,80,60,.1);  color: #A04030; }
.dza-dash-status-refunded   { background: rgba(100,100,100,.1); color: #666; }
.dza-dash-order-arrow {
    color: #D4883A;
    font-size: 1.2rem;
    transition: transform .25s;
}
.dza-dash-order:hover .dza-dash-order-arrow { transform: translateX(4px); }

/* ── Empty ── */
.dza-dash-empty {
    text-align: center;
    padding: 48px 20px;
    background: linear-gradient(135deg, #FFFCF7, #FAF5EC);
    border: 1px dashed rgba(212,136,58,.3);
}
.dza-dash-empty-icon {
    color: #D4883A;
    opacity: .6;
    margin-bottom: 14px;
    display: inline-block;
}
.dza-dash-empty p {
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    font-size: 1.1rem;
    color: #3E3630 !important;
    margin: 0 0 18px !important;
}
.dza-dash-cta {
    display: inline-block;
    padding: 12px 28px;
    background: #1B1B1B;
    color: #FEFCF9 !important;
    text-decoration: none;
    font-size: .88rem;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 100px;
    transition: all .3s;
}
.dza-dash-cta:hover {
    background: #D4883A;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(212,136,58,.3);
}

/* ── Featured paintings ── */
.dza-dash-featured {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}
.dza-dash-feat {
    display: block;
    text-decoration: none;
    color: inherit !important;
    transition: transform .35s cubic-bezier(.2,.8,.3,1);
}
.dza-dash-feat:hover { transform: translateY(-4px); }
.dza-dash-feat-img {
    aspect-ratio: 3/4;
    overflow: hidden;
    background: #FAF5EC;
    margin-bottom: 10px;
    box-shadow: 0 4px 12px rgba(60,40,20,.08);
    transition: box-shadow .35s;
}
.dza-dash-feat:hover .dza-dash-feat-img { box-shadow: 0 12px 24px rgba(60,40,20,.15); }
.dza-dash-feat-img img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform .6s cubic-bezier(.2,.8,.3,1);
}
.dza-dash-feat:hover .dza-dash-feat-img img { transform: scale(1.05); }
.dza-dash-feat-info h4 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1rem;
    margin: 0 0 4px;
    color: #1B1B1B;
    line-height: 1.3;
    font-weight: 500;
}
.dza-dash-feat-price {
    font-size: .85rem;
    color: #8B5E2A;
    font-weight: 600;
}
.dza-dash-feat-price ins { text-decoration: none; color: #D4883A; }
.dza-dash-feat-price del { opacity: .5; font-size: .78rem; margin-right: 4px; }

/* ── Quick links ── */
.dza-dash-quicklinks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 36px;
    padding-top: 28px;
    border-top: 1px solid rgba(212,136,58,.15);
}
.dza-dash-quick {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    background: #FFFCF7;
    border: 1px solid rgba(212,136,58,.12);
    color: #1B1B1B !important;
    text-decoration: none;
    font-size: .88rem;
    font-weight: 500;
    transition: all .25s;
    justify-content: center;
}
.dza-dash-quick:hover {
    background: #1B1B1B;
    color: #FEFCF9 !important;
    border-color: #1B1B1B;
    transform: translateY(-2px);
}
.dza-dash-quick svg {
    color: #D4883A;
    transition: color .25s;
}
.dza-dash-quick:hover svg { color: #D4883A; }

/* ── Improve Woo default output lisibility ── */
.dza-acc-content p,
.dza-acc-content ul li,
.dza-acc-content .woocommerce-Message,
.dza-acc-content .woocommerce-info,
.dza-acc-content .woocommerce-MyAccount-content {
    color: #1B1B1B !important;
    font-size: .98rem !important;
    line-height: 1.7 !important;
}
.dza-acc-content strong { color: #1B1B1B; font-weight: 600; }
.dza-acc-content .woocommerce-message,
.dza-acc-content .woocommerce-info {
    background: #FFFCF7 !important;
    border-left: 3px solid #D4883A !important;
    padding: 14px 18px !important;
    color: #1B1B1B !important;
    font-size: .95rem !important;
    margin-bottom: 18px !important;
}
.dza-acc-content .woocommerce-error {
    background: #FDF2EF !important;
    border-left: 3px solid #A04030 !important;
    padding: 14px 18px !important;
    color: #6B2A1E !important;
    list-style: none !important;
}

/* Mobile */
@media (max-width: 760px) {
    .dza-dash-stats { grid-template-columns: 1fr 1fr 1fr; }
    .dza-dash-stat { padding: 16px 10px; }
    .dza-dash-stat-value { font-size: 1.4rem; }
    .dza-dash-featured { grid-template-columns: 1fr 1fr; }
    .dza-dash-featured > :last-child { display: none; }
    .dza-dash-quicklinks { grid-template-columns: 1fr; }
    .dza-dash-order-img { width: 56px; height: 56px; }
}

/* ── Dashboard lisibilité boost — tout en carbone ── */
.dza-dash-name { color: #0F0F0F !important; font-weight: 500 !important; }
.dza-dash-hour { color: #5A4020 !important; font-size: .95rem !important; }
.dza-dash-sub  { color: #1B1B1B !important; font-weight: 400 !important; }

.dza-dash-stat-value { color: #0F0F0F !important; font-weight: 600 !important; }
.dza-dash-stat-label { color: #5A4020 !important; font-weight: 600 !important; }

.dza-dash-section-head h3 { color: #0F0F0F !important; font-weight: 600 !important; }
.dza-dash-more { color: #B5651D !important; font-weight: 600 !important; }

.dza-dash-empty p { color: #1B1B1B !important; }

.dza-acc-title { color: #0F0F0F !important; font-weight: 500 !important; }
.dza-acc-eyebrow { color: #5A4020 !important; font-weight: 600 !important; }
.dza-acc-sub { color: #1B1B1B !important; }

/* Sidebar menu — boost contraste */
.dza-acc-menu-item {
    color: #1B1B1B !important;
    font-family: 'Inter', sans-serif !important;
    font-size: .95rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    padding: 14px 14px !important;
}
.dza-acc-menu-item:hover { color: #0F0F0F !important; background: rgba(212,136,58,.08) !important; }

.dza-acc-stats strong { color: #0F0F0F !important; font-weight: 600 !important; }
.dza-acc-stats small { color: #5A4020 !important; font-weight: 600 !important; }

.dza-acc-shop-link {
    color: #B5651D !important;
    font-weight: 600 !important;
    font-family: 'Inter', sans-serif !important;
    letter-spacing: 1px !important;
    font-size: .82rem !important;
}
.dza-acc-shop-link:hover { color: #fff !important; }

/* Card filets or atténués (moins "certificat") */
.dza-acc-card::before,
.dza-acc-card::after { opacity: .5; }

/* ═══════════════════════════════════════════════════════
   DASHBOARD v2 — Banner + stats + action cards
   ═══════════════════════════════════════════════════════ */

.dza-dash2 {
    max-width: 1180px;
    margin: 0 auto;
    padding: 40px 28px 80px;
}

/* Banner dark */
.dza-dash2-banner {
    background: linear-gradient(135deg, #1B1B1B 0%, #2A1F15 100%);
    border-radius: 18px;
    padding: 22px 28px;
    margin-bottom: 24px;
    box-shadow: 0 16px 40px -20px rgba(60,40,20,.25);
}
.dza-dash2-banner-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}
.dza-dash2-user {
    display: flex;
    align-items: center;
    gap: 18px;
}
.dza-dash2-avatar {
    width: 64px; height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, #D4883A, #B5651D);
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 1px;
    flex-shrink: 0;
}
.dza-dash2-info h2 {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1.7rem !important;
    font-weight: 400 !important;
    color: #FEFCF9 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    letter-spacing: -.3px;
}
.dza-dash2-info h2 strong { font-weight: 700; letter-spacing: 1px; }
.dza-dash2-info p {
    color: rgba(254,252,249,.6) !important;
    font-size: .88rem !important;
    margin: 2px 0 0 !important;
}
.dza-dash2-logout {
    padding: 10px 22px;
    border: 1px solid rgba(254,252,249,.2);
    color: #FEFCF9 !important;
    text-decoration: none;
    font-size: .85rem;
    border-radius: 100px;
    transition: all .25s;
    white-space: nowrap;
}
.dza-dash2-logout:hover {
    background: rgba(254,252,249,.08);
    border-color: rgba(254,252,249,.4);
}

/* Stats row */
.dza-dash2-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-bottom: 24px;
}
.dza-dash2-stat {
    background: #FFFFFF;
    border-radius: 14px;
    padding: 22px 24px;
    display: flex;
    align-items: center;
    gap: 16px;
    border: 1px solid rgba(212,136,58,.08);
    box-shadow: 0 4px 14px rgba(60,40,20,.04);
    transition: transform .3s, box-shadow .3s;
}
.dza-dash2-stat:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(60,40,20,.1);
}
.dza-dash2-stat-ico {
    width: 48px; height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.dza-dash2-stat-body strong {
    display: block;
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.8rem;
    color: #0F0F0F;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -.5px;
}
.dza-dash2-stat-body strong .woocommerce-Price-amount { font-size: 1.5rem; }
.dza-dash2-stat-body small {
    display: block;
    font-size: .68rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #8B5E2A;
    font-weight: 700;
    margin-top: 6px;
}

/* Action cards */
.dza-dash2-actions {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-bottom: 28px;
}
.dza-dash2-action {
    background: #FFFFFF;
    border-radius: 14px;
    padding: 24px 22px;
    text-decoration: none;
    color: inherit !important;
    border: 1px solid rgba(212,136,58,.08);
    box-shadow: 0 4px 14px rgba(60,40,20,.04);
    transition: transform .35s cubic-bezier(.2,.8,.3,1), box-shadow .35s, border-color .3s;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.dza-dash2-action:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px -15px rgba(60,40,20,.18);
    border-color: rgba(212,136,58,.25);
}
.dza-dash2-action-ico {
    width: 44px; height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    transition: transform .35s cubic-bezier(.2,.8,.3,1);
}
.dza-dash2-action:hover .dza-dash2-action-ico { transform: translateY(-2px) rotate(-4deg); }
.dza-dash2-action h3 {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.02rem !important;
    font-weight: 700 !important;
    color: #0F0F0F !important;
    margin: 0 !important;
    letter-spacing: -.2px;
}
.dza-dash2-action p {
    font-size: .85rem !important;
    color: #7A7A7C !important;
    margin: 2px 0 0 !important;
    line-height: 1.5 !important;
}

/* Intro card (WC default text) */
.dza-dash2-intro {
    background: #FFFFFF;
    border-radius: 14px;
    padding: 30px 32px;
    border: 1px solid rgba(212,136,58,.08);
    box-shadow: 0 4px 14px rgba(60,40,20,.04);
}
.dza-dash2-intro p {
    color: #2C2C2E !important;
    font-size: .95rem !important;
    line-height: 1.8 !important;
    margin: 0 0 14px !important;
}
.dza-dash2-intro p:last-child { margin-bottom: 0 !important; }
.dza-dash2-intro strong { color: #0F0F0F; font-weight: 700; }
.dza-dash2-intro a {
    color: #B5651D !important;
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px dashed rgba(181,101,29,.4);
    transition: all .2s;
}
.dza-dash2-intro a:hover {
    color: #0F0F0F !important;
    border-bottom-style: solid;
    border-bottom-color: #0F0F0F;
}

@media (max-width: 960px) {
    .dza-dash2-actions { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    .dza-dash2 { padding: 24px 16px 60px; }
    .dza-dash2-banner { padding: 18px 20px; }
    .dza-dash2-avatar { width: 52px; height: 52px; font-size: 1.05rem; }
    .dza-dash2-info h2 { font-size: 1.3rem !important; }
    .dza-dash2-stats { grid-template-columns: 1fr; }
    .dza-dash2-actions { grid-template-columns: 1fr; }
    .dza-dash2-intro { padding: 22px 22px; }
}

/* ── Custom section — compactée + touche de couleur ── */
.dza-section-custom { padding-top: 60px !important; padding-bottom: 60px !important; }

.dza-custom {
    padding: 36px 40px !important;
    background:
      linear-gradient(90deg, rgba(42,157,143,.04), transparent 30%),
      linear-gradient(270deg, rgba(212,136,58,.05), transparent 35%),
      #FFFDF9 !important;
    border-top: 3px solid transparent !important;
    border-image: linear-gradient(90deg, #D4883A 0%, #2A9D8F 100%) 1 !important;
    border-top-style: solid !important;
}
.dza-custom-content h2 {
    font-size: clamp(1.7rem, 3.2vw, 2.3rem) !important;
    margin: 14px 0 8px !important;
}
.dza-custom-content > p {
    margin-top: 14px !important;
    margin-bottom: 24px !important;
    font-size: .95rem !important;
}
.dza-custom-list { margin-bottom: 26px !important; }
.dza-custom-list li {
    padding: 10px 0 10px 48px !important;
    font-size: 1rem !important;
}
.dza-custom-list li::before {
    width: 32px !important;
    height: 32px !important;
    font-size: .82rem !important;
}
.dza-custom-list li:hover { padding-left: 54px !important; }

.dza-custom-visual { min-height: auto !important; }
.dza-artwork-frame { max-width: 260px !important; }
.dza-artwork-mount {
    padding: 10px !important;
    aspect-ratio: 4/5 !important;
    box-shadow:
      inset 0 0 0 1px rgba(42,157,143,.18),
      0 22px 36px -22px rgba(60,40,20,.28),
      0 6px 14px rgba(60,40,20,.08) !important;
}
.dza-artwork-label { font-size: .65rem !important; letter-spacing: 2px !important; }
.dza-artwork-sig { font-size: .92rem !important; }

.dza-section-custom .dza-btn-whatsapp {
    padding: 12px 24px !important;
    font-size: .88rem !important;
    background: linear-gradient(135deg, #1B1B1B, #2E2E2E) !important;
}
.dza-section-custom .dza-btn-whatsapp:hover {
    background: linear-gradient(135deg, #D4883A, #B5651D) !important;
    color: #fff !important;
}

/* Pill orange plus vive */
.dza-section-custom .dza-pill {
    background: rgba(212,136,58,.1) !important;
    color: #B5651D !important;
    border-color: rgba(212,136,58,.25) !important;
}

@media (max-width: 860px) {
    .dza-custom { padding: 28px 22px !important; }
    .dza-artwork-frame { max-width: 220px !important; }
}

/* Natural — sans bordure gradient, ombre tableau nette */
.dza-custom {
    border: none !important;
    border-top: none !important;
    border-image: none !important;
}
.dza-artwork-mount {
    padding: 8px !important;
    box-shadow:
      0 20px 40px -22px rgba(60,40,20,.28),
      0 6px 14px rgba(60,40,20,.08) !important;
}
.dza-artwork-mount img {
    filter: none !important;
}

/* Tableau flottant — effet dynamique léger */
.dza-custom-visual {
    perspective: 1000px;
}
.dza-artwork-frame {
    transform-style: preserve-3d;
    animation: dzaFloat 6s ease-in-out infinite;
}
@keyframes dzaFloat {
    0%, 100% { transform: translateY(0) rotate(-.8deg); }
    50%      { transform: translateY(-14px) rotate(.8deg); }
}
.dza-artwork-mount {
    transition: transform .6s cubic-bezier(.2,.8,.3,1), box-shadow .6s ease !important;
    transform-origin: center center;
    animation: dzaShadowBreath 6s ease-in-out infinite;
}
@keyframes dzaShadowBreath {
    0%, 100% {
        box-shadow:
          0 18px 30px -20px rgba(60,40,20,.25),
          0 6px 14px rgba(60,40,20,.08);
    }
    50% {
        box-shadow:
          0 36px 50px -22px rgba(60,40,20,.35),
          0 10px 20px rgba(60,40,20,.12);
    }
}
.dza-artwork-frame:hover {
    animation-play-state: paused;
}
.dza-artwork-frame:hover .dza-artwork-mount {
    animation-play-state: paused;
    transform: translateY(-6px) rotateX(2deg) rotateY(-3deg) scale(1.02);
    box-shadow:
      0 44px 60px -18px rgba(60,40,20,.35),
      0 14px 26px rgba(60,40,20,.15) !important;
}
.dza-artwork-frame:hover .dza-artwork-mount img {
    transform: scale(1.05);
}

/* Léger reflet subtil sous le tableau au repos */
.dza-artwork-mount::after {
    content: '';
    position: absolute;
    left: 10%; right: 10%;
    bottom: -20px;
    height: 18px;
    background: radial-gradient(ellipse, rgba(60,40,20,.18), transparent 70%);
    filter: blur(8px);
    z-index: -1;
    animation: dzaShadowFloat 6s ease-in-out infinite;
}
@keyframes dzaShadowFloat {
    0%, 100% { transform: scale(1); opacity: .8; }
    50%      { transform: scale(.85); opacity: .5; }
}
.dza-artwork-mount { position: relative; }

/* Respect des utilisateurs sensibles aux animations */
@media (prefers-reduced-motion: reduce) {
    .dza-artwork-frame, .dza-artwork-mount, .dza-artwork-mount::after {
        animation: none !important;
    }
}

/* HD painting — no white frame, no overlay */
.dza-artwork-mount {
    background: transparent !important;
    padding: 0 !important;
}
.dza-artwork-mount img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: auto;
}

/* Custom sans visuel — une seule colonne centrée */
.dza-custom {
    display: block !important;
    max-width: 720px;
    margin: 0 auto !important;
    text-align: left;
}
.dza-custom-content { max-width: 100%; }

/* Restore 2-column layout with vertical scrolling gallery */
.dza-custom {
    display: grid !important;
    grid-template-columns: 1.4fr 1fr !important;
    gap: 44px !important;
    max-width: 1080px !important;
    text-align: left;
    align-items: center;
}

/* Vertical scrolling paintings */
.dza-custom-scroll {
    position: relative;
    height: 460px;
    overflow: hidden;
    border-radius: 14px;
    mask-image: linear-gradient(180deg, transparent 0%, #000 12%, #000 88%, transparent 100%);
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 12%, #000 88%, transparent 100%);
}
.dza-custom-scroll-track {
    display: flex;
    flex-direction: column;
    gap: 14px;
    animation: dzaScrollUp 40s linear infinite;
}
.dza-custom-scroll:hover .dza-custom-scroll-track { animation-play-state: paused; }
@keyframes dzaScrollUp {
    from { transform: translateY(0); }
    to   { transform: translateY(-50%); }
}
.dza-custom-scroll-item {
    flex: 0 0 auto;
    aspect-ratio: 4/5;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 10px 26px -12px rgba(60,40,20,.2), 0 4px 10px rgba(60,40,20,.05);
    transition: transform .5s cubic-bezier(.2,.8,.3,1), box-shadow .5s ease;
}
.dza-custom-scroll-item:hover {
    transform: scale(1.03);
    box-shadow: 0 20px 40px -10px rgba(60,40,20,.3);
}
.dza-custom-scroll-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media (max-width: 860px) {
    .dza-custom { grid-template-columns: 1fr !important; gap: 32px !important; }
    .dza-custom-scroll { height: 360px; }
}

/* Ultra HD rendering */
.dza-custom-scroll-item img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    image-rendering: auto;
    will-change: transform;
}

/* Tableaux carrés + plus petits pour résolution optimale */
.dza-custom-scroll {
    height: 420px;
    max-width: 220px;
    margin: 0 auto;
}
.dza-custom-scroll-track { gap: 12px; }
.dza-custom-scroll-item {
    aspect-ratio: 1/1 !important;
    width: 100%;
}
.dza-custom-scroll-item img {
    object-position: center;
}

@media (max-width: 860px) {
    .dza-custom-scroll { height: 340px; max-width: 180px; }
}

/* ── Brand marquee horizontale ── */
.dza-brand-marquee {
    overflow: hidden;
    padding: 26px 0;
    background: #1B1B1B;
    color: #FEFCF9;
    border-top: 1px solid rgba(212,136,58,.15);
    border-bottom: 1px solid rgba(212,136,58,.15);
    position: relative;
}
.dza-brand-marquee::before,
.dza-brand-marquee::after {
    content: '';
    position: absolute;
    top: 0; bottom: 0;
    width: 80px;
    z-index: 2;
    pointer-events: none;
}
.dza-brand-marquee::before { left: 0;  background: linear-gradient(90deg, #1B1B1B, transparent); }
.dza-brand-marquee::after  { right: 0; background: linear-gradient(270deg, #1B1B1B, transparent); }

.dza-brand-track {
    display: flex;
    align-items: center;
    gap: 30px;
    width: max-content;
    animation: dzaBrandScroll 38s linear infinite;
}
@keyframes dzaBrandScroll {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}
.dza-brand-marquee:hover .dza-brand-track { animation-play-state: paused; }

.dza-brand-item {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(2.2rem, 5vw, 3.6rem);
    font-weight: 500;
    letter-spacing: 6px;
    color: #FEFCF9;
    white-space: nowrap;
    transition: color .3s;
}
.dza-brand-item em {
    font-style: normal;
    color: #D4883A;
    margin: 0 6px;
    font-weight: 300;
}
.dza-brand-item:hover { color: #D4883A; }

.dza-brand-dot {
    color: #D4883A;
    font-size: 1.2rem;
    opacity: .6;
}

@media (max-width: 640px) {
    .dza-brand-marquee { padding: 18px 0; }
    .dza-brand-track { gap: 20px; }
}

/* ── Slider œuvres — defilement manuel (swipe/drag/arrows) ── */
.dza-slider {
    position: relative;
    margin: 0 -8px;
}
.dza-slider-track {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    padding: 8px;
    scrollbar-width: thin;
    scrollbar-color: #D4883A transparent;
    -webkit-overflow-scrolling: touch;
    cursor: grab;
    user-select: none;
}
.dza-slider-track.dragging { cursor: grabbing; scroll-behavior: auto; }
.dza-slider-track::-webkit-scrollbar { height: 6px; }
.dza-slider-track::-webkit-scrollbar-thumb { background: #D4883A; border-radius: 3px; }
.dza-slider-track::-webkit-scrollbar-track { background: transparent; }

/* Override masonry -> card fixed width */
.dza-slider .dza-card {
    flex: 0 0 280px;
    max-width: 280px;
    scroll-snap-align: start;
    margin: 0 !important;
    break-inside: auto;
}
.dza-slider .dza-card a { -webkit-user-drag: none; }
.dza-slider .dza-card img { pointer-events: none; }

/* Arrows */
.dza-slider-arrow {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    width: 44px; height: 44px;
    border-radius: 50%;
    background: #1B1B1B;
    color: #FEFCF9;
    border: none;
    font-size: 1.8rem;
    line-height: 1;
    cursor: pointer;
    z-index: 3;
    box-shadow: 0 8px 20px rgba(60,40,20,.2);
    transition: background .25s, transform .25s, opacity .25s;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 3px;
}
.dza-slider-prev { left: -8px; }
.dza-slider-next { right: -8px; }
.dza-slider-arrow:hover:not(:disabled) {
    background: #D4883A;
    transform: translateY(-50%) scale(1.08);
}
.dza-slider-arrow:disabled {
    opacity: 0;
    pointer-events: none;
}
@media (max-width: 720px) {
    .dza-slider-arrow { display: none; }
    .dza-slider .dza-card { flex: 0 0 72%; max-width: 72%; }
}
@media (max-width: 480px) {
    .dza-slider .dza-card { flex: 0 0 82%; max-width: 82%; }
}

/* ── Responsivité générale — patches ── */
@media (max-width: 960px) {
    .dza-hero-grid { grid-template-columns: 1fr !important; gap: 32px !important; }
    .dza-hero-mosaic { max-height: 380px; }
    .dza-hero-text { text-align: center; }
    .dza-hero-ctas { justify-content: center; }
    .dza-hero-trust { justify-content: center; }
    .dza-artist { grid-template-columns: 1fr !important; }
    .dza-artist-numbers { justify-content: center; flex-wrap: wrap; }
}
@media (max-width: 720px) {
    .dza-section { padding: 60px 20px !important; }
    .dza-container { padding: 0 20px !important; }
    .dza-nav { display: none; }
    .dza-nav.open {
        display: flex !important;
        position: fixed; top: 60px; left: 0; right: 0;
        flex-direction: column;
        background: rgba(254,252,249,.98);
        backdrop-filter: blur(14px);
        padding: 20px;
        gap: 8px;
        box-shadow: 0 10px 30px rgba(0,0,0,.08);
        z-index: 9998;
    }
    .dza-nav.open a {
        padding: 12px 16px;
        border-bottom: 1px solid rgba(212,136,58,.1);
        font-size: .95rem !important;
    }
    .dza-burger { display: flex; }
    .dza-custom { padding: 28px 22px !important; }
    .dza-custom-scroll { max-width: 100%; height: 300px; }
    .dza-section-top { flex-direction: column; align-items: flex-start !important; gap: 14px; }
    .dza-footer-inner { flex-direction: column; align-items: flex-start !important; gap: 16px; }
}
@media (max-width: 480px) {
    .dza-brand-item { letter-spacing: 3px !important; }
    .dza-custom-list li { font-size: .95rem !important; padding: 10px 0 10px 42px !important; }
    .dza-custom-list li::before { width: 28px !important; height: 28px !important; font-size: .75rem !important; }
    .dza-dash2-banner-inner { flex-direction: column; align-items: flex-start; gap: 14px; }
    .dza-dash2-logout { align-self: stretch; text-align: center; }
}

/* Brand marquee — taille réduite + largeur container */
.dza-brand-marquee {
    max-width: 1180px;
    margin: 40px auto;
    padding: 14px 0 !important;
    border-radius: 12px;
    border-top: none !important;
    border-bottom: none !important;
}
.dza-brand-marquee::before,
.dza-brand-marquee::after {
    border-radius: 12px 0 0 12px;
    width: 40px;
}
.dza-brand-marquee::after { border-radius: 0 12px 12px 0; }
.dza-brand-track { gap: 18px !important; }
.dza-brand-item {
    font-size: clamp(1.1rem, 1.8vw, 1.4rem) !important;
    letter-spacing: 3px !important;
    font-weight: 500 !important;
}
.dza-brand-item em { margin: 0 4px !important; }
.dza-brand-dot {
    font-size: .75rem !important;
    opacity: .5 !important;
}
@media (max-width: 720px) {
    .dza-brand-marquee { margin: 24px 20px; padding: 10px 0 !important; }
    .dza-brand-item { font-size: .95rem !important; letter-spacing: 2px !important; }
}

/* Hide prices + quick-add in slider section */
.dza-slider .dza-price,
.dza-slider .dza-quick-add {
    display: none !important;
}

/* Hide scrollbar naturally */
.dza-slider-track {
    scrollbar-width: none !important;
}
.dza-slider-track::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
}

/* Intégration naturelle du slider — sans titre, fondu latéral */
.dza-section-slider {
    padding: 30px 0 !important;
}
.dza-section-slider .dza-slider {
    position: relative;
    padding: 0 60px;
    max-width: 1280px;
    margin: 0 auto;
    mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}
.dza-section-slider .dza-slider-track {
    padding: 24px 4px;
}
.dza-section-slider .dza-slider-arrow {
    top: 50%;
}
.dza-section-slider .dza-slider-prev { left: 10px; }
.dza-section-slider .dza-slider-next { right: 10px; }
@media (max-width: 720px) {
    .dza-section-slider { padding: 20px 0 !important; }
    .dza-section-slider .dza-slider { padding: 0 16px; mask-image: none; -webkit-mask-image: none; }
}

/* Brand marquee — intégration naturelle (sans fond, style logo) */
.dza-brand-marquee {
    background: transparent !important;
    border: none !important;
    padding: 8px 0 !important;
    margin: 20px auto !important;
    max-width: 1180px;
}
.dza-brand-marquee::before {
    background: linear-gradient(90deg, #FEFCF9 10%, transparent) !important;
}
.dza-brand-marquee::after {
    background: linear-gradient(270deg, #FEFCF9 10%, transparent) !important;
}

.dza-brand-item {
    font-family: 'Cormorant Garamond', serif !important;
    color: #0F0F0F !important;
    font-weight: 700 !important;
    letter-spacing: 4px !important;
    font-size: clamp(1rem, 1.6vw, 1.3rem) !important;
}
.dza-brand-item i {
    font-style: normal;
    font-weight: 300 !important;
    color: #9A9A9A !important;
    margin-left: 4px;
}
.dza-brand-item:hover { color: #0F0F0F !important; }
.dza-brand-item:hover i { color: #D4883A !important; }

.dza-brand-dot {
    color: #D4883A !important;
    font-size: .7rem !important;
    opacity: .5;
}

@media (max-width: 720px) {
    .dza-brand-marquee { margin: 14px auto !important; padding: 6px 0 !important; }
    .dza-brand-item { font-size: .9rem !important; letter-spacing: 2.5px !important; }
}

/* ═══════════════════════════════════════════════════════
   SINGLE PRODUCT v2 — lisibilité + bouton compact
   ═══════════════════════════════════════════════════════ */

.dza-product-page {
    background: linear-gradient(180deg, #FEFCF9 0%, #F9F4EC 100%);
    padding: 100px 0 60px;
    min-height: 80vh;
}
.dza-product-wrap {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 28px;
}

/* Breadcrumb */
.dza-breadcrumb {
    font-size: .82rem;
    margin-bottom: 28px;
    color: #6E6E70;
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}
.dza-breadcrumb a {
    color: #6E6E70;
    text-decoration: none;
    transition: color .2s;
}
.dza-breadcrumb a:hover { color: #D4883A; }
.dza-breadcrumb span { color: #C0C0C0; }
.dza-breadcrumb .current { color: #0F0F0F; font-weight: 500; }

/* Grid */
.dza-product-grid-v2 {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 48px;
    align-items: start;
    margin-bottom: 60px;
}

/* ── Gallery ── */
.dza-product-gallery-v2 {
    position: sticky;
    top: 100px;
}
.dza-product-main-img {
    position: relative;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow:
      0 30px 60px -25px rgba(60,40,20,.18),
      0 8px 18px rgba(60,40,20,.06);
}
.dza-product-main-img a { display: block; cursor: zoom-in; }
.dza-product-main-img img {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 4/5;
    object-fit: cover;
    transition: transform .6s cubic-bezier(.2,.8,.3,1);
}
.dza-product-main-img:hover img { transform: scale(1.02); }
.dza-product-main-img .dza-tag-sold {
    position: absolute;
    top: 20px; left: 20px;
    background: rgba(27,27,27,.9);
    color: #fff;
    padding: 6px 14px;
    border-radius: 100px;
    font-size: .72rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    backdrop-filter: blur(10px);
    z-index: 2;
}
.dza-product-thumbs {
    display: flex;
    gap: 10px;
    margin-top: 14px;
    overflow-x: auto;
    scrollbar-width: none;
    padding: 2px;
}
.dza-product-thumbs::-webkit-scrollbar { display: none; }
.dza-thumb {
    flex: 0 0 auto;
    width: 72px;
    height: 72px;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid transparent;
    background: transparent;
    padding: 0;
    cursor: pointer;
    transition: border-color .25s, transform .25s;
}
.dza-thumb img {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
}
.dza-thumb:hover { transform: translateY(-2px); }
.dza-thumb.active { border-color: #D4883A; }

/* ── Detail ── */
.dza-product-detail-v2 {
    padding: 4px 0;
}
.dza-product-detail-inner {
    background: #fff;
    border-radius: 16px;
    padding: 36px 34px;
    box-shadow: 0 4px 14px rgba(60,40,20,.04);
    border: 1px solid rgba(212,136,58,.08);
}
.dza-product-cat {
    display: inline-block;
    font-size: .7rem;
    letter-spacing: 3px;
    color: #B5651D !important;
    text-decoration: none;
    font-weight: 700;
    margin-bottom: 14px;
    transition: color .2s;
}
.dza-product-cat:hover { color: #0F0F0F !important; }

.dza-product-title {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: clamp(1.8rem, 3.5vw, 2.6rem) !important;
    font-weight: 500 !important;
    color: #0F0F0F !important;
    line-height: 1.15 !important;
    margin: 0 0 16px !important;
    letter-spacing: -.5px;
}

.dza-product-price {
    font-family: 'Inter', sans-serif;
    font-size: 1.45rem;
    font-weight: 700;
    color: #0F0F0F;
    margin-bottom: 20px;
    letter-spacing: -.3px;
}
.dza-product-price ins { text-decoration: none; color: #B5651D; }
.dza-product-price del { opacity: .5; font-size: 1rem; margin-right: 8px; font-weight: 400; }

.dza-product-lead {
    color: #2C2C2E;
    font-size: 1rem;
    line-height: 1.75;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(212,136,58,.12);
}
.dza-product-lead p { margin-bottom: 10px; }
.dza-product-lead p:last-child { margin-bottom: 0; }

/* Status */
.dza-product-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    border-radius: 100px;
    font-size: .85rem;
    font-weight: 600;
    margin-bottom: 20px;
}
.dza-product-status.is-available {
    background: rgba(42,157,143,.1);
    color: #1F7A6F;
}
.dza-product-status.is-sold {
    background: rgba(160,48,32,.08);
    color: #A04030;
}
.dza-product-status .dza-dot {
    width: 8px; height: 8px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 3px currentColor;
    opacity: .3;
    position: relative;
}
.dza-product-status.is-available .dza-dot::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: currentColor;
    animation: dzaDotPulse 1.8s ease-in-out infinite;
}
@keyframes dzaDotPulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.5); opacity: .3; }
}

/* Buy button — compact */
.dza-product-buy {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}
.dza-buy-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 13px 28px;
    background: #0F0F0F;
    color: #FEFCF9;
    border: none;
    border-radius: 100px;
    font-family: 'Inter', sans-serif;
    font-size: .92rem;
    font-weight: 600;
    letter-spacing: .3px;
    cursor: pointer;
    transition: all .3s cubic-bezier(.2,.8,.3,1);
    position: relative;
    overflow: hidden;
    min-width: 150px;
}
.dza-buy-btn .dza-buy-done { display: none; }
.dza-buy-btn.done { background: #1F7A6F; }
.dza-buy-btn.done .dza-buy-text,
.dza-buy-btn.done svg { display: none; }
.dza-buy-btn.done .dza-buy-done { display: inline; }
.dza-buy-btn.loading { opacity: .7; pointer-events: none; }
.dza-buy-btn:hover:not(.done):not(.loading) {
    background: #D4883A;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(212,136,58,.3);
}
.dza-buy-cart {
    color: #6E6E70 !important;
    text-decoration: none;
    font-size: .85rem;
    font-weight: 500;
    transition: all .25s;
}
.dza-buy-cart:hover { color: #D4883A !important; letter-spacing: 1px; }

/* Perks list */
.dza-product-perks {
    list-style: none;
    padding: 18px 0 0;
    margin: 0;
    border-top: 1px solid rgba(212,136,58,.12);
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.dza-product-perks li {
    display: flex;
    align-items: center;
    gap: 14px;
}
.dza-product-perks svg {
    flex-shrink: 0;
    color: #D4883A;
    width: 30px;
    height: 30px;
    padding: 6px;
    background: rgba(212,136,58,.1);
    border-radius: 8px;
}
.dza-product-perks strong {
    display: block;
    color: #0F0F0F;
    font-size: .92rem;
    font-weight: 600;
    margin-bottom: 1px;
}
.dza-product-perks span {
    display: block;
    color: #6E6E70;
    font-size: .82rem;
}

/* ── About section ── */
.dza-product-about,
.dza-related-v2 {
    max-width: 820px;
    margin: 0 auto 60px;
    padding: 40px 0;
    border-top: 1px solid rgba(212,136,58,.12);
}
.dza-product-about-head,
.dza-related-head {
    text-align: center;
    margin-bottom: 28px;
}
.dza-product-about-eyebrow {
    display: inline-block;
    font-size: .68rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #B5651D;
    font-weight: 700;
    margin-bottom: 8px;
}
.dza-product-about h2,
.dza-related-head h2 {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: clamp(1.6rem, 2.8vw, 2.1rem) !important;
    color: #0F0F0F !important;
    font-weight: 500 !important;
    margin: 0 !important;
    letter-spacing: -.3px;
}
.dza-product-about-body {
    font-size: 1rem;
    line-height: 1.85;
    color: #2C2C2E;
}
.dza-product-about-body p {
    margin-bottom: 14px;
}
.dza-product-about-body p:first-child::first-letter {
    font-family: 'Cormorant Garamond', serif;
    font-size: 3rem;
    line-height: .9;
    float: left;
    margin: 4px 10px 0 0;
    color: #D4883A;
    font-weight: 500;
}

/* ── Related ── */
.dza-related-v2 { max-width: 1180px; }
.dza-related-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}
.dza-related-card {
    text-decoration: none;
    color: inherit !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transition: transform .35s cubic-bezier(.2,.8,.3,1);
}
.dza-related-card:hover { transform: translateY(-4px); }
.dza-related-img {
    aspect-ratio: 4/5;
    overflow: hidden;
    border-radius: 12px;
    background: #F9F4EC;
    box-shadow: 0 6px 16px rgba(60,40,20,.06);
    transition: box-shadow .35s;
}
.dza-related-card:hover .dza-related-img { box-shadow: 0 16px 32px rgba(60,40,20,.14); }
.dza-related-img img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform .6s cubic-bezier(.2,.8,.3,1);
}
.dza-related-card:hover .dza-related-img img { transform: scale(1.05); }
.dza-related-info h3 {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1rem !important;
    color: #0F0F0F !important;
    margin: 0 0 2px !important;
    font-weight: 500 !important;
    line-height: 1.3;
}
.dza-related-price {
    font-size: .85rem;
    color: #6E6E70;
    font-weight: 600;
}
.dza-related-price ins { text-decoration: none; color: #B5651D; }

/* Responsive */
@media (max-width: 960px) {
    .dza-product-grid-v2 { grid-template-columns: 1fr; gap: 28px; }
    .dza-product-gallery-v2 { position: static; }
    .dza-related-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
    .dza-product-page { padding: 80px 0 40px; }
    .dza-product-wrap { padding: 0 18px; }
    .dza-product-detail-inner { padding: 26px 22px; }
    .dza-product-perks li { align-items: flex-start; }
    .dza-product-buy { flex-direction: column; align-items: stretch; gap: 10px; }
    .dza-buy-btn { width: 100%; }
    .dza-buy-cart { text-align: center; }
    .dza-related-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
}

/* Hover ne pause plus — seul le maintien (clic/appui) pause */
.dza-brand-marquee:hover .dza-brand-track,
.dza-custom-scroll:hover .dza-custom-scroll-track,
.dza-scroll-row:hover .dza-scroll-track {
    animation-play-state: running !important;
}

/* Maintien du clic/tap pause le défilement */
.dza-brand-marquee:active .dza-brand-track,
.dza-custom-scroll:active .dza-custom-scroll-track,
.dza-scroll-row:active .dza-scroll-track,
.dza-brand-marquee.dza-held .dza-brand-track,
.dza-custom-scroll.dza-held .dza-custom-scroll-track,
.dza-scroll-row.dza-held .dza-scroll-track {
    animation-play-state: paused !important;
}

/* Hero trust — inverser couleurs */
.dza-hero-trust > div {
    color: #0F0F0F !important;
    font-weight: 600 !important;
}
.dza-hero-trust > div strong {
    color: #9A9A9A !important;
    font-weight: 400 !important;
}

/* Mobile : garder les 2 colonnes côte-à-côte */
@media (max-width: 860px) {
    .dza-custom {
        grid-template-columns: 1.3fr 1fr !important;
        gap: 18px !important;
        padding: 22px 18px !important;
    }
    .dza-custom-content h2 { font-size: 1.4rem !important; }
    .dza-custom-content > p { font-size: .88rem !important; margin-bottom: 16px !important; }
    .dza-custom-list li {
        padding: 8px 0 8px 40px !important;
        font-size: .9rem !important;
        line-height: 1.4 !important;
    }
    .dza-custom-list li::before {
        width: 28px !important;
        height: 28px !important;
        font-size: .72rem !important;
    }
    .dza-section-custom .dza-btn-whatsapp {
        padding: 10px 18px !important;
        font-size: .82rem !important;
    }
    .dza-custom-scroll {
        height: 320px !important;
        max-width: 100% !important;
    }
    .dza-custom-scroll-track { gap: 10px; }
}
@media (max-width: 520px) {
    .dza-custom { grid-template-columns: 1.4fr 1fr !important; gap: 14px !important; padding: 18px 14px !important; }
    .dza-custom-content h2 { font-size: 1.15rem !important; line-height: 1.15 !important; }
    .dza-custom-content > p { font-size: .78rem !important; line-height: 1.5 !important; }
    .dza-custom-list li { padding: 7px 0 7px 36px !important; font-size: .82rem !important; }
    .dza-custom-list li::before { width: 24px !important; height: 24px !important; font-size: .65rem !important; }
    .dza-section-custom .dza-btn-whatsapp { padding: 9px 14px !important; font-size: .76rem !important; }
    .dza-section-custom .dza-btn-whatsapp svg { width: 12px !important; height: 12px !important; }
    .dza-custom-scroll { height: 260px !important; }
    .dza-custom-scroll-track { gap: 8px; }
    .dza-section-custom .dza-pill { font-size: .58rem !important; padding: 5px 10px !important; letter-spacing: 2px !important; }
}

/* Mobile — boutons compacts partout */
@media (max-width: 720px) {
    .dza-btn {
        padding: 10px 18px !important;
        font-size: .82rem !important;
    }
    .dza-btn svg { width: 14px !important; height: 14px !important; }
    .dza-btn-primary,
    .dza-btn-ghost,
    .dza-btn-outline,
    .dza-btn-light,
    .dza-btn-whatsapp {
        padding: 10px 18px !important;
        font-size: .82rem !important;
    }
    .dza-btn-full { padding: 12px 18px !important; }
    .dza-buy-btn { padding: 11px 20px !important; font-size: .85rem !important; min-width: 130px; }
    .dza-footer-whatsapp,
    .sk-btn-whatsapp,
    .dza-dash-cta { padding: 10px 20px !important; font-size: .82rem !important; }
    .dza-artist-actions { gap: 8px; flex-wrap: wrap; }
    .dza-hero-ctas .dza-btn { padding: 11px 20px !important; font-size: .85rem !important; }
}
@media (max-width: 480px) {
    .dza-btn,
    .dza-btn-primary,
    .dza-btn-ghost,
    .dza-btn-outline,
    .dza-btn-light,
    .dza-btn-whatsapp {
        padding: 9px 14px !important;
        font-size: .78rem !important;
    }
    .dza-btn svg { width: 12px !important; height: 12px !important; }
    .dza-buy-btn { padding: 10px 16px !important; font-size: .8rem !important; min-width: 120px; }
}

/* Gold accent sur "tableau personnalisé" */
.dza-custom-gold {
    font-style: italic;
    color: #C49347;
    background: linear-gradient(90deg, #C49347, #E3B060, #C49347);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
}

/* Taille intermédiaire (tablette / viewport moyen) */
@media (max-width: 1100px) and (min-width: 861px) {
    .dza-custom { padding: 40px 36px !important; gap: 36px !important; }
    .dza-custom-content h2 { font-size: 1.8rem !important; line-height: 1.15 !important; }
    .dza-custom-content > p { font-size: .92rem !important; }
    .dza-custom-list li {
        padding: 10px 0 10px 46px !important;
        font-size: .95rem !important;
    }
    .dza-custom-list li::before { width: 30px !important; height: 30px !important; font-size: .78rem !important; }
    .dza-section-custom .dza-btn-whatsapp {
        padding: 11px 22px !important;
        font-size: .85rem !important;
    }
    .dza-custom-scroll { height: 380px; }
}

/* Mobile — boutons encore plus compacts (override) */
@media (max-width: 720px) {
    .dza-btn,
    .dza-btn-primary,
    .dza-btn-ghost,
    .dza-btn-outline,
    .dza-btn-light,
    .dza-btn-whatsapp {
        padding: 7px 14px !important;
        font-size: .74rem !important;
        letter-spacing: .2px !important;
    }
    .dza-btn svg,
    .dza-btn-whatsapp svg { width: 11px !important; height: 11px !important; }
    .dza-btn-full { padding: 9px 14px !important; font-size: .76rem !important; }
    .dza-buy-btn { padding: 8px 16px !important; font-size: .76rem !important; min-width: 108px !important; }
    .dza-buy-btn svg { width: 12px !important; height: 12px !important; }
    .dza-dash-cta,
    .dza-dash2-logout,
    .dza-footer-whatsapp,
    .sk-btn-whatsapp {
        padding: 7px 14px !important;
        font-size: .74rem !important;
    }
    .dza-slider-arrow {
        width: 34px !important;
        height: 34px !important;
        font-size: 1.3rem !important;
    }
}
@media (max-width: 480px) {
    .dza-btn,
    .dza-btn-primary,
    .dza-btn-ghost,
    .dza-btn-outline,
    .dza-btn-light,
    .dza-btn-whatsapp {
        padding: 6px 12px !important;
        font-size: .7rem !important;
    }
    .dza-btn svg,
    .dza-btn-whatsapp svg { width: 10px !important; height: 10px !important; }
    .dza-btn-full { padding: 8px 12px !important; font-size: .72rem !important; }
    .dza-buy-btn { padding: 7px 14px !important; font-size: .72rem !important; min-width: 96px !important; }
    .dza-section-custom .dza-btn-whatsapp {
        padding: 6px 12px !important;
        font-size: .68rem !important;
    }
    .dza-section-custom .dza-btn-whatsapp svg { width: 10px !important; height: 10px !important; }
}

/* ═══ FIX : overflow horizontal + nav/panier recentrés ═══ */
html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
}
#dza-home, .dza-wc-wrap {
    overflow-x: hidden;
    max-width: 100vw;
}
/* Rapproche nav + panier du centre (desktop) */
.dza-header-inner {
    max-width: 960px !important;
    padding: 0 32px !important;
}
@media (max-width: 1024px) {
    .dza-header-inner { max-width: 100% !important; padding: 0 20px !important; }
}

/* ═══ FIX : bouton "Commander sur mesure" sur petits écrans (Poco X6 Pro etc.) ═══ */
@media (max-width: 520px) {
    .dza-section-custom .dza-btn-whatsapp {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        white-space: nowrap !important;
        padding: 12px 22px !important;
        font-size: .82rem !important;
        line-height: 1 !important;
        width: auto !important;
        max-width: 100% !important;
    }
    .dza-section-custom .dza-btn-whatsapp svg {
        width: 14px !important;
        height: 14px !important;
        flex-shrink: 0 !important;
    }
}
@media (max-width: 380px) {
    .dza-section-custom .dza-btn-whatsapp {
        padding: 11px 18px !important;
        font-size: .76rem !important;
        gap: 7px !important;
    }
    .dza-section-custom .dza-btn-whatsapp svg { width: 13px !important; height: 13px !important; }
}
