/* =========================================================
DGDEV POD — LiveCanvas / WordPress / WooCommerce
Design frais + 3D + responsive
========================================================= */
:root {
  --pod-blue: #18324C;
  --pod-coral: #d95e4f;
  --pod-coral-dark: #b94d41;
  --pod-ice: #F6FAFF;
  --pod-mint: #DDF7EE;
  --pod-lavender: #EEE8FF;
  --pod-yellow: #FFE9A7;
  --pod-white: #ffffff;
  --pod-text: #18212f;
  --pod-muted: #667085;
  --pod-border: rgba(24, 50, 76, .12);
  --pod-shadow: 0 24px 70px rgba(24, 50, 76, .14);
  --pod-radius: 4px;
  --pod-radius-sm: 4px;
}

html { scroll-behavior: smooth; }
body { background: var(--pod-ice); color: var(--pod-text); }

.dgpod-page {
  overflow: hidden;
  font-family: inherit;
}

.dgpod-section {
  position: relative;
  padding: clamp(72px, 8vw, 120px) 0;
}

.dgpod-kicker {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  padding: .45rem .85rem;
  border: 1px solid var(--pod-border);
  border-radius: 4px;
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(14px);
  color: var(--pod-blue);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.dgpod-kicker-dot {
  width: .55rem;
  height: .55rem;
  border-radius: 50%;
  background: var(--pod-coral);
  box-shadow: 0 0 0 7px rgba(217,94,79,.12);
}

.dgpod-title {
  margin: 1.2rem 0 1rem;
  color: var(--pod-blue);
  font-size: clamp(2.3rem, 6vw, 5.75rem);
  line-height: .92;
  letter-spacing: -.055em;
  font-weight: 900;
}

.dgpod-title span {
  color: var(--pod-coral);
}

.dgpod-subtitle {
  max-width: 720px;
  color: var(--pod-muted);
  font-size: clamp(1.05rem, 1.5vw, 1.28rem);
  line-height: 1.7;
}

.dgpod-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2rem;
}

.dgpod-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: .95rem 1.35rem;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 800;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}

.dgpod-btn-primary {
  background: var(--pod-coral);
  color: #fff;
  box-shadow: 0 18px 40px rgba(217, 94, 79, .28);
}
.dgpod-btn-primary:hover { color:#fff; background: var(--pod-coral-dark); transform: translateY(-3px); }

.dgpod-btn-secondary {
  background: #fff;
  color: var(--pod-blue);
  border: 1px solid var(--pod-border);
}
.dgpod-btn-secondary:hover { color: var(--pod-blue); transform: translateY(-3px); box-shadow: var(--pod-shadow); }

/* HERO */
.dgpod-hero {
  min-height: 88vh;
  display: flex;
  align-items: center;
  background:
    radial-gradient(circle at 10% 15%, rgba(221,247,238,.92), transparent 34%),
    radial-gradient(circle at 85% 20%, rgba(238,232,255,.92), transparent 32%),
    radial-gradient(circle at 60% 85%, rgba(255,233,167,.7), transparent 30%),
    linear-gradient(135deg, #ffffff 0%, var(--pod-ice) 100%);
}

.dgpod-hero-card {
  position: relative;
  min-height: 590px;
  perspective: 1200px;
}

.dgpod-3d-stage {
  position: relative;
  height: 590px;
  border-radius: 4px;
  background: rgba(255,255,255,.58);
  border: 1px solid rgba(255,255,255,.74);
  box-shadow: var(--pod-shadow);
  transform-style: preserve-3d;
  overflow: hidden;
}

.dgpod-orbit {
  position: absolute;
  inset: 10%;
  border: 1px dashed rgba(24,50,76,.18);
  border-radius: 50%;
  transform: rotateX(66deg) rotateZ(-18deg);
}

.dgpod-product-3d {
  position: absolute;
  width: min(62%, 370px);
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 70px) rotateZ(-5deg);
  filter: drop-shadow(0 34px 45px rgba(24,50,76,.22));
  will-change: transform;
}

.dgpod-product-card {
  position: absolute;
  padding: 1rem;
  border-radius: 4px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(255,255,255,.8);
  box-shadow: 0 20px 50px rgba(24,50,76,.14);
  backdrop-filter: blur(14px);
  transform-style: preserve-3d;
}
.dgpod-card-a { top: 9%; right: 7%; transform: translateZ(92px) rotate(4deg); }
.dgpod-card-b { left: 7%; bottom: 15%; transform: translateZ(80px) rotate(-5deg); }
.dgpod-card-c { right: 8%; bottom: 9%; transform: translateZ(60px) rotate(3deg); }

.dgpod-card-label { display:block; color: var(--pod-muted); font-size:.78rem; font-weight:700; }
.dgpod-card-value { display:block; color: var(--pod-blue); font-size:1.15rem; font-weight:900; }

.dgpod-blob {
  position: absolute;
  border-radius: 4px;
  filter: blur(0px);
  opacity: .9;
}
.dgpod-blob-one { width: 145px; height:145px; background: var(--pod-mint); left:8%; top:12%; }
.dgpod-blob-two { width: 105px; height:105px; background: var(--pod-lavender); right:12%; top:44%; }
.dgpod-blob-three { width: 125px; height:125px; background: var(--pod-yellow); left:28%; bottom:8%; }

/* STATS */
.dgpod-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin-top: 2.2rem;
}
.dgpod-stat {
  padding: 1.1rem;
  border: 1px solid var(--pod-border);
  border-radius: 4px;
  background: rgba(255,255,255,.75);
}
.dgpod-stat strong { display:block; color:var(--pod-blue); font-size:1.4rem; font-weight:900; }
.dgpod-stat span { color:var(--pod-muted); font-size:.9rem; }

/* CATEGORY / COLLECTION CARDS */
.dgpod-grid { display:grid; gap: 1.4rem; }
.dgpod-grid-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.dgpod-grid-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }

.dgpod-float-card {
  position: relative;
  min-height: 260px;
  padding: 1.35rem;
  border-radius: var(--pod-radius);
  background: #fff;
  border: 1px solid var(--pod-border);
  box-shadow: 0 16px 48px rgba(24,50,76,.08);
  overflow: hidden;
  transition: transform .28s ease, box-shadow .28s ease;
  transform-style: preserve-3d;
}
.dgpod-float-card:hover { transform: translateY(-8px) rotateX(2deg) rotateY(-2deg); box-shadow: var(--pod-shadow); }
.dgpod-float-card h3 { color: var(--pod-blue); font-size:1.35rem; font-weight:900; }
.dgpod-float-card p { color: var(--pod-muted); }
.dgpod-float-img {
  position: absolute;
  max-width: 56%;
  right: -2%;
  bottom: -4%;
  transform: translateZ(40px) rotate(-5deg);
  filter: drop-shadow(0 26px 35px rgba(24,50,76,.18));
}
.dgpod-card-link {
  position: relative;
  z-index: 2;
  color: var(--pod-coral);
  text-decoration: none;
  font-weight: 900;
}

/* PRODUCT */
.dgpod-product {
  background: #fff;
  border: 1px solid var(--pod-border);
  border-radius: var(--pod-radius);
  padding: 1rem;
  box-shadow: 0 15px 44px rgba(24,50,76,.08);
  transition: transform .25s ease, box-shadow .25s ease;
}
.dgpod-product:hover { transform: translateY(-7px); box-shadow: var(--pod-shadow); }
.dgpod-product-media {
  border-radius: 4px;
  background: linear-gradient(135deg, var(--pod-ice), #fff);
  overflow: hidden;
  aspect-ratio: 1/1;
  display:flex;
  align-items:center;
  justify-content:center;
}
.dgpod-product-media img { width: 86%; height:auto; filter: drop-shadow(0 24px 30px rgba(24,50,76,.17)); }
.dgpod-product h3 { margin: 1rem 0 .3rem; color: var(--pod-blue); font-size: 1.05rem; font-weight: 900; }
.dgpod-price { color: var(--pod-coral); font-weight: 900; }

/* PROCESS */
.dgpod-step {
  position: relative;
  padding: 1.5rem;
  min-height: 230px;
  border-radius: var(--pod-radius);
  background: rgba(255,255,255,.75);
  border: 1px solid var(--pod-border);
  box-shadow: 0 18px 45px rgba(24,50,76,.08);
}
.dgpod-step-number {
  display:flex;
  width: 48px;
  height: 48px;
  align-items:center;
  justify-content:center;
  border-radius: 4px;
  background: var(--pod-blue);
  color:#fff;
  font-weight:900;
  margin-bottom: 1rem;
}
.dgpod-step h3 { color: var(--pod-blue); font-weight: 900; }
.dgpod-step p { color: var(--pod-muted); }

/* CTA */
.dgpod-cta-box {
  position: relative;
  padding: clamp(2rem, 5vw, 4rem);
  border-radius: 4px;
  background:
    radial-gradient(circle at 8% 20%, rgba(255,233,167,.35), transparent 32%),
    radial-gradient(circle at 85% 30%, rgba(221,247,238,.35), transparent 32%),
    var(--pod-blue);
  color: #fff;
  box-shadow: var(--pod-shadow);
  overflow: hidden;
}
.dgpod-cta-box h2 { color: #fff; font-size: clamp(2rem, 4vw, 4rem); line-height:1; letter-spacing:-.045em; font-weight:900; }
.dgpod-cta-box p { color: rgba(255,255,255,.78); max-width: 720px; font-size:1.1rem; }

/* REVEAL */
.dgpod-reveal { opacity: 0; transform: translateY(34px); transition: opacity .7s ease, transform .7s ease; }
.dgpod-reveal.is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 991px) {
  .dgpod-hero { padding-top: 90px; }
  .dgpod-hero-card, .dgpod-3d-stage { min-height: 460px; height: 460px; margin-top: 2rem; }
  .dgpod-grid-3, .dgpod-grid-4 { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 575px) {
  .dgpod-section { padding: 64px 0; }
  .dgpod-grid-3, .dgpod-grid-4, .dgpod-stats { grid-template-columns: 1fr; }
  .dgpod-btn { width: 100%; }
  .dgpod-hero-card, .dgpod-3d-stage { min-height: 390px; height: 390px; }
  .dgpod-product-card { padding: .8rem; }
  .dgpod-card-a { top: 6%; right: 4%; }
  .dgpod-card-b { left: 4%; bottom: 14%; }
  .dgpod-card-c { display:none; }
}

/* =========================================================
   DGDEV POD — Boutique / product cards
========================================================= */
.dg-pod-shop-preview{position:relative;padding:110px 0;background:linear-gradient(180deg,#ffffff 0%,#f5f7fb 100%);overflow:hidden}
.dg-pod-shop-preview:before{content:"";position:absolute;inset:8% -10% auto auto;width:420px;height:420px;background:radial-gradient(circle,rgba(217,94,79,.22),transparent 68%);filter:blur(8px)}
.dg-pod-section-head{max-width:780px;margin:0 auto 48px;text-align:center}
.dg-pod-kicker{display:inline-flex;gap:10px;align-items:center;padding:8px 14px;border-radius: 4px;background:#fff;border:1px solid rgba(24,50,76,.12);color:#d95e4f;font-weight:800;letter-spacing:.08em;font-size:.78rem}
.dg-pod-section-head h2{margin:18px 0 14px;color:#18324C;font-size:clamp(2rem,4vw,3.4rem);line-height:1.02;font-weight:900}
.dg-pod-section-head p{color:rgba(24,50,76,.72);font-size:1.05rem}
.dg-pod-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;position:relative;z-index:1}
.dg-pod-product-card{background:rgba(255,255,255,.82);border:1px solid rgba(24,50,76,.10);border-radius: 4px;padding:14px;box-shadow:0 24px 70px rgba(24,50,76,.10);transform-style:preserve-3d;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.dg-pod-product-card:hover{box-shadow:0 34px 90px rgba(24,50,76,.16);border-color:rgba(217,94,79,.32)}
.dg-pod-product-visual{position:relative;aspect-ratio:1/1;border-radius: 4px;overflow:hidden;background:linear-gradient(145deg,#eef3f8,#ffffff)}
.dg-pod-product-visual img{width:100%;height:100%;object-fit:cover;transform:translateZ(24px) scale(1.02);transition:transform .35s ease}
.dg-pod-product-card:hover img{transform:translateZ(34px) scale(1.06)}
.dg-pod-badge{position:absolute;top:12px;right:12px;background:#18324C;color:#fff;border-radius: 4px;padding:7px 10px;font-weight:800;font-size:.72rem}
.dg-pod-product-body{padding:18px 8px 8px}
.dg-pod-product-cat{margin:0 0 8px;color:#d95e4f;font-size:.76rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.dg-pod-product-body h3{margin:0 0 8px;color:#18324C;font-size:1.1rem;font-weight:900}
.dg-pod-product-body p{color:rgba(24,50,76,.68);font-size:.94rem;line-height:1.48}
.dg-pod-product-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
.dg-pod-product-footer strong{font-size:1.05rem;color:#18324C}
.dg-pod-mini-link{display:inline-flex;text-decoration:none;color:#d95e4f;font-weight:900}
.dg-pod-shop-cta{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:42px}
@media(max-width:1199px){.dg-pod-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.dg-pod-shop-preview{padding:72px 0}.dg-pod-product-grid{grid-template-columns:1fr}.dg-pod-product-card{border-radius:24px}.dg-pod-shop-cta .dg-pod-btn{width:100%;justify-content:center}}

/* =========================================================
   DGDEV POD v1.2 — Menu global, footer global, radius 4px
   Style inspiré d’un header/footer agence moderne : glassmorphism,
   menu centré, sticky propre, micro-interactions, scroll reveal.
========================================================= */
:root{
  --pod-radius:4px;
  --pod-radius-sm:4px;
  --pod-radius-global:4px;
  --pod-header-height:84px;
}

/* Radius demandé : cards, CTA, boutons, dropdowns, champs et blocs WooCommerce */
.dgpod-page .dgpod-btn,
.dgpod-global-header .dgpod-btn,
.dgpod-global-footer .dgpod-btn,
.dgpod-float-card,
.dgpod-product,
.dgpod-product-media,
.dgpod-product-card,
.dgpod-step,
.dgpod-cta-box,
.dgpod-3d-stage,
.dgpod-stat,
.dg-pod-product-card,
.dg-pod-product-visual,
.dgpod-footer-cta,
.dgpod-dropdown,
.dgpod-cart-link,
.dgpod-icon-link,
.woocommerce ul.products li.product,
.woocommerce div.product,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button,
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout #payment,
input, textarea, select { border-radius:4px !important; }

body.dgpod-has-sticky, body { scroll-padding-top: calc(var(--pod-header-height) + 22px); }

.dgpod-global-header{position:sticky;top:0;z-index:1080;padding:14px 0;transition:padding .28s ease,background .28s ease,box-shadow .28s ease;}
.dgpod-global-header:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(246,250,255,.92),rgba(246,250,255,.58));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(24,50,76,.08);opacity:.96;}
.dgpod-global-header.is-scrolled{padding:8px 0;box-shadow:0 20px 60px rgba(24,50,76,.10)}
.dgpod-navbar{position:relative;min-height:56px;padding:0;}
.dgpod-nav-container{position:relative;}
.dgpod-brand,.dgpod-footer-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--pod-blue)}
.dgpod-brand:hover,.dgpod-footer-brand:hover{color:var(--pod-blue)}
.dgpod-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:4px;background:linear-gradient(135deg,var(--pod-blue),#244966);color:#fff;font-weight:950;letter-spacing:-.04em;box-shadow:0 18px 35px rgba(24,50,76,.22);transform:translateZ(20px)}
.dgpod-brand-text{display:flex;flex-direction:column;line-height:1.05}.dgpod-brand-text strong{font-size:1.04rem;font-weight:950;letter-spacing:-.035em}.dgpod-brand-text small{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--pod-muted);font-weight:800}
.dgpod-menu{align-items:center;gap:.18rem;padding:.25rem;background:rgba(255,255,255,.60);border:1px solid rgba(24,50,76,.08);border-radius:4px;box-shadow:0 14px 38px rgba(24,50,76,.07)}
.dgpod-menu .nav-link{position:relative;color:var(--pod-blue);font-weight:850;font-size:.94rem;padding:.72rem .95rem!important;border-radius:4px;transition:color .22s ease,background .22s ease,transform .22s ease}
.dgpod-menu .nav-link:after{content:"";position:absolute;left:.95rem;right:.95rem;bottom:.42rem;height:2px;background:var(--pod-coral);transform:scaleX(0);transform-origin:left;transition:transform .24s ease}
.dgpod-menu .nav-link:hover,.dgpod-menu .nav-link:focus{color:var(--pod-coral);background:rgba(217,94,79,.07);transform:translateY(-1px)}
.dgpod-menu .nav-link:hover:after,.dgpod-menu .nav-link:focus:after{transform:scaleX(1)}
.dgpod-dropdown{padding:.55rem;border:1px solid rgba(24,50,76,.10);box-shadow:0 25px 70px rgba(24,50,76,.14);background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}
.dgpod-dropdown .dropdown-item{border-radius:4px;font-weight:750;color:var(--pod-blue);padding:.68rem .85rem}.dgpod-dropdown .dropdown-item:hover{background:rgba(217,94,79,.09);color:var(--pod-coral)}
.dgpod-nav-actions{display:flex;align-items:center;gap:.65rem}.dgpod-icon-link,.dgpod-cart-link{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(24,50,76,.10);background:#fff;color:var(--pod-blue);text-decoration:none;font-weight:900;box-shadow:0 12px 34px rgba(24,50,76,.08);transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.dgpod-icon-link{width:44px}.dgpod-cart-link{padding:0 1rem;gap:.55rem}.dgpod-icon-link:hover,.dgpod-cart-link:hover{color:#fff;background:var(--pod-coral);transform:translateY(-2px);box-shadow:0 18px 42px rgba(217,94,79,.22)}.dgpod-cart-dot{width:8px;height:8px;border-radius:50%;background:var(--pod-coral);box-shadow:0 0 0 6px rgba(217,94,79,.12)}.dgpod-cart-link:hover .dgpod-cart-dot{background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.18)}
.dgpod-nav-toggle{width:46px;height:46px;border:1px solid rgba(24,50,76,.12);border-radius:4px;background:#fff;box-shadow:0 14px 34px rgba(24,50,76,.08)}.dgpod-nav-toggle:focus{box-shadow:0 0 0 .2rem rgba(217,94,79,.18)}.dgpod-nav-toggle span{display:block;width:22px;height:2px;background:var(--pod-blue);margin:5px auto;border-radius:2px;transition:transform .2s ease,opacity .2s ease}

/* Footer global */
.dgpod-global-footer{position:relative;padding:90px 0 24px;background:linear-gradient(180deg,#fff 0%,#eef4fa 100%);overflow:hidden}.dgpod-global-footer:before{content:"";position:absolute;width:560px;height:560px;right:-220px;top:40px;background:radial-gradient(circle,rgba(217,94,79,.16),transparent 66%)}.dgpod-global-footer:after{content:"";position:absolute;width:480px;height:480px;left:-210px;bottom:-160px;background:radial-gradient(circle,rgba(24,50,76,.12),transparent 67%)}.dgpod-global-footer>.container{position:relative;z-index:1}.dgpod-footer-cta{padding:clamp(1.6rem,4vw,3.2rem);background:var(--pod-blue);color:#fff;box-shadow:0 30px 90px rgba(24,50,76,.20);overflow:hidden;position:relative}.dgpod-footer-cta:before{content:"";position:absolute;inset:auto -8% -35% auto;width:360px;height:360px;background:radial-gradient(circle,rgba(217,94,79,.36),transparent 70%)}.dgpod-footer-kicker{display:inline-flex;align-items:center;gap:.65rem;font-size:.78rem;font-weight:950;letter-spacing:.12em;color:rgba(255,255,255,.76);margin-bottom:1rem}.dgpod-footer-kicker span{width:30px;height:2px;background:var(--pod-coral)}.dgpod-footer-cta h2{margin:0 0 .8rem;color:#fff;font-size:clamp(2rem,4.4vw,4.3rem);line-height:.95;font-weight:950;letter-spacing:-.055em}.dgpod-footer-cta p{max-width:760px;margin:0;color:rgba(255,255,255,.76);font-size:1.05rem;line-height:1.7}.dgpod-footer-main{padding:60px 0 34px}.dgpod-footer-text{max-width:360px;margin:1.25rem 0;color:var(--pod-muted);line-height:1.7}.dgpod-footer-socials{display:flex;gap:.7rem}.dgpod-footer-socials a{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid rgba(24,50,76,.11);border-radius:4px;background:#fff;color:var(--pod-blue);font-weight:950;text-decoration:none;transition:transform .22s ease,background .22s ease,color .22s ease}.dgpod-footer-socials a:hover{background:var(--pod-coral);color:#fff;transform:translateY(-2px)}.dgpod-footer-main h3{margin:0 0 1rem;color:var(--pod-blue);font-size:1rem;font-weight:950}.dgpod-footer-main ul{list-style:none;margin:0;padding:0}.dgpod-footer-main li+li{margin-top:.62rem}.dgpod-footer-main a{color:var(--pod-muted);text-decoration:none;font-weight:720}.dgpod-footer-main a:hover{color:var(--pod-coral)}.dgpod-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:22px;border-top:1px solid rgba(24,50,76,.10);color:var(--pod-muted);font-size:.92rem}.dgpod-footer-bottom p{margin:0}.dgpod-backtop{position:fixed;right:22px;bottom:22px;width:48px;height:48px;border:0;border-radius:4px;background:var(--pod-coral);color:#fff;font-weight:950;box-shadow:0 20px 50px rgba(217,94,79,.26);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .22s ease,visibility .22s ease,transform .22s ease;z-index:1085}.dgpod-backtop.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.dgpod-backtop:hover{background:var(--pod-blue)}

/* Animation supplémentaire type site agence : apparition + effet de profondeur */
.dgpod-reveal{will-change:opacity,transform}.dgpod-reveal.dgpod-reveal-left{transform:translateX(-38px)}.dgpod-reveal.dgpod-reveal-right{transform:translateX(38px)}.dgpod-reveal.is-visible.dgpod-reveal-left,.dgpod-reveal.is-visible.dgpod-reveal-right{transform:translateX(0)}.dgpod-magnetic{transition:transform .18s ease}

@media (max-width:991px){.dgpod-global-header{padding:10px 0}.dgpod-menu-collapse{margin-top:14px;padding:1rem;background:rgba(255,255,255,.95);border:1px solid rgba(24,50,76,.10);border-radius:4px;box-shadow:0 22px 70px rgba(24,50,76,.13)}.dgpod-menu{align-items:stretch;background:transparent;border:0;box-shadow:none}.dgpod-menu .nav-link{padding:.8rem .9rem!important}.dgpod-nav-actions{margin-top:1rem}.dgpod-icon-link,.dgpod-cart-link{flex:1}.dgpod-footer-bottom{display:block}.dgpod-footer-bottom p+p{margin-top:.55rem}.dgpod-global-footer{padding-top:64px}}
@media (max-width:575px){.dgpod-brand-text small{display:none}.dgpod-brand-mark{width:42px;height:42px}.dgpod-footer-cta .dgpod-btn{width:100%}.dgpod-backtop{right:14px;bottom:14px;width:44px;height:44px}}


/* =========================================================
DGDEV POD v1.3 — WooCommerce + Collections LiveCanvas
Toutes les cards / CTA / boutons : radius 4px
========================================================= */
.dgpod-card,
.dgpod-cta,
.dgpod-global-menu,
.dgpod-footer,
.dgpod-collection-hero,
.dgpod-filter-bar,
.dgpod-collection-tile,
.dgpod-category-card,
.dgpod-product-highlight,
.dgpod-page-card,
.dgpod-shop-panel,
.dgpod-newsletter,
.dgpod-mobile-panel,
.dgpod-dropdown,
.woocommerce ul.products li.product,
.woocommerce div.product,
.woocommerce .product .summary,
.woocommerce-cart-form,
.woocommerce-checkout,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-radius: 4px !important;
}

.dgpod-btn,
.dgpod-global-menu a,
.dgpod-menu-cta,
.dgpod-footer a.dospod-btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .single_add_to_cart_button,
.woocommerce .checkout-button,
.wp-block-button__link,
button,
input[type="submit"] {
  border-radius: 4px !important;
}

.dgpod-shop-livecanvas {
  background:
    radial-gradient(circle at 12% 8%, rgba(221,247,238,.85), transparent 28%),
    radial-gradient(circle at 88% 14%, rgba(238,232,255,.85), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, var(--pod-ice) 100%);
}

.dgpod-collection-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(72px, 8vw, 118px) 0;
  border: 1px solid var(--pod-border);
  background: rgba(255,255,255,.74);
  box-shadow: 0 22px 70px rgba(24,50,76,.10);
}

.dgpod-collection-hero:before {
  content:"";
  position:absolute;
  inset:auto -10% -34% auto;
  width:min(48vw,520px);
  aspect-ratio:1;
  background: radial-gradient(circle, rgba(217,94,79,.22), transparent 62%);
  transform: translateY(var(--dgpod-scroll-y,0px));
  pointer-events:none;
}

.dgpod-shop-title {
  color: var(--pod-blue);
  font-size: clamp(2.25rem, 5vw, 5rem);
  line-height: .95;
  letter-spacing: -.05em;
  font-weight: 900;
}

.dgpod-shop-title span { color: var(--pod-coral); }
.dgpod-shop-intro { color: var(--pod-muted); font-size: 1.08rem; line-height: 1.75; max-width: 760px; }

.dgpod-collection-grid {
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 18px;
}

.dgpod-collection-tile {
  position:relative;
  overflow:hidden;
  min-height: 245px;
  padding: 22px;
  border: 1px solid var(--pod-border);
  background: rgba(255,255,255,.78);
  box-shadow: 0 18px 45px rgba(24,50,76,.08);
  text-decoration:none;
  color: var(--pod-blue);
  transform-style: preserve-3d;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.dgpod-collection-tile:hover {
  color: var(--pod-blue);
  transform: translateY(-6px) rotateX(2deg) rotateY(-2deg);
  box-shadow: 0 28px 70px rgba(24,50,76,.14);
  border-color: rgba(217,94,79,.32);
}
.dgpod-collection-tile small {
  display:inline-flex;
  padding:.35rem .55rem;
  color:#fff;
  background: var(--pod-coral);
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
  font-size:.68rem;
  border-radius:4px;
}
.dgpod-collection-tile h3 { margin:1rem 0 .6rem; font-weight:900; letter-spacing:-.035em; }
.dgpod-collection-tile p { color: var(--pod-muted); line-height:1.6; margin:0; }
.dgpod-collection-visual {
  position:absolute;
  right:-24px;
  bottom:-32px;
  width:150px;
  height:150px;
  border-radius:4px;
  background: linear-gradient(135deg, rgba(221,247,238,.9), rgba(238,232,255,.95));
  transform: rotate(-8deg) translateZ(40px);
  box-shadow: 0 25px 45px rgba(24,50,76,.12);
}
.dgpod-collection-visual:after {
  content:"";
  position:absolute;
  inset:20px;
  border-radius:4px;
  background: rgba(255,255,255,.74);
  border:1px solid rgba(24,50,76,.10);
}

.dgpod-filter-bar {
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
  padding:14px;
  background:rgba(255,255,255,.82);
  border:1px solid var(--pod-border);
  box-shadow: 0 14px 40px rgba(24,50,76,.07);
}
.dgpod-filter-bar a {
  text-decoration:none;
  padding:.72rem .95rem;
  border:1px solid var(--pod-border);
  color:var(--pod-blue);
  font-weight:800;
  background:#fff;
  border-radius:4px;
}
.dgpod-filter-bar a:hover,
.dgpod-filter-bar a.is-active { background:var(--pod-blue); color:#fff; }

.woocommerce ul.products {
  display:grid;
  gap:22px !important;
}
.woocommerce ul.products.columns-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
.woocommerce ul.products.columns-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.woocommerce ul.products li.product {
  width:auto !important;
  float:none !important;
  margin:0 !important;
  padding:18px !important;
  background:#fff;
  border:1px solid var(--pod-border);
  box-shadow:0 18px 45px rgba(24,50,76,.08);
  transition: transform .25s ease, box-shadow .25s ease;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-6px);
  box-shadow:0 28px 70px rgba(24,50,76,.14);
}
.woocommerce ul.products li.product a img {
  border-radius:4px !important;
  aspect-ratio:1/1;
  object-fit:cover;
  background: var(--pod-ice);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color:var(--pod-blue);
  font-weight:900;
  letter-spacing:-.025em;
  font-size:1.05rem;
}
.woocommerce ul.products li.product .price { color: var(--pod-coral) !important; font-weight:900; }
.woocommerce ul.products li.product .button {
  width:100%;
  text-align:center;
  background:var(--pod-blue) !important;
  color:#fff !important;
  font-weight:900 !important;
  padding:.85rem 1rem !important;
}
.woocommerce ul.products li.product .button:hover { background:var(--pod-coral) !important; color:#fff !important; }

@media (max-width: 991.98px) {
  .dgpod-collection-grid, .woocommerce ul.products.columns-4 { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 575.98px) {
  .dgpod-collection-grid, .woocommerce ul.products.columns-4, .woocommerce ul.products.columns-3 { grid-template-columns: 1fr; }
  .dgpod-filter-bar a { width:100%; text-align:center; }
}


/* =========================================================
   DGDEV POD v1.4 — Mega menu Collections LiveCanvas
   Même logique que le menu Services : 4 colonnes, highlight,
   glassmorphism, animations, radius 4px partout.
========================================================= */
.dgpod-dropdown-mega { position: static !important; }
.dgpod-mega-menu {
  width: min(1120px, calc(100vw - 32px));
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) translateY(12px);
  top: calc(100% + 14px);
  padding: 0;
  border: 1px solid rgba(24,50,76,.10);
  border-radius: 4px !important;
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 90px rgba(24,50,76,.16);
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  display: block;
  pointer-events: none;
  transition: opacity .22s ease, visibility .22s ease, transform .22s ease;
}
.dgpod-dropdown-mega.show .dgpod-mega-menu,
.dgpod-dropdown-mega:hover .dgpod-mega-menu,
.dgpod-dropdown-mega .dgpod-mega-menu.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}
.dgpod-mega-inner {
  position: relative;
  padding: clamp(1.1rem, 2.4vw, 2rem);
  background:
    radial-gradient(circle at 82% 18%, rgba(217,94,79,.13), transparent 30%),
    radial-gradient(circle at 8% 90%, rgba(24,50,76,.10), transparent 32%),
    rgba(255,255,255,.88);
}
.dgpod-mega-column {
  height: 100%;
  padding: 1.25rem;
  border: 1px solid rgba(24,50,76,.08);
  border-radius: 4px !important;
  background: rgba(255,255,255,.74);
  box-shadow: 0 18px 45px rgba(24,50,76,.07);
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease, background .24s ease;
}
.dgpod-mega-column:hover {
  transform: translateY(-5px);
  border-color: rgba(217,94,79,.30);
  box-shadow: 0 26px 70px rgba(24,50,76,.12);
  background: #fff;
}
.dgpod-mega-highlight {
  background: linear-gradient(145deg, #18324C, #244966);
  color: #fff;
  border-color: rgba(255,255,255,.16);
  box-shadow: 0 28px 78px rgba(24,50,76,.20);
}
.dgpod-mega-eyebrow {
  display: inline-flex;
  margin-bottom: .85rem;
  color: var(--pod-coral);
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.dgpod-mega-highlight .dgpod-mega-eyebrow { color: #ffb199; }
.dgpod-mega-title {
  margin: 0 0 .7rem;
  color: var(--pod-blue);
  font-size: 1.04rem;
  line-height: 1.18;
  font-weight: 950;
  letter-spacing: -.025em;
}
.dgpod-mega-highlight .dgpod-mega-title { color: #fff; }
.dgpod-mega-description {
  min-height: 72px;
  margin: 0 0 1rem;
  color: rgba(24,50,76,.66);
  font-size: .92rem;
  line-height: 1.55;
}
.dgpod-mega-highlight .dgpod-mega-description { color: rgba(255,255,255,.74); }
.dgpod-mega-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin-top: .48rem;
  padding: .68rem .74rem;
  border-radius: 4px !important;
  color: var(--pod-blue);
  background: rgba(24,50,76,.045);
  text-decoration: none;
  font-weight: 850;
  font-size: .91rem;
  transition: transform .2s ease, background .2s ease, color .2s ease;
}
.dgpod-mega-link:hover {
  color: #fff;
  background: var(--pod-coral);
  transform: translateX(4px);
}
.dgpod-mega-highlight .dgpod-mega-link {
  color: #fff;
  background: rgba(255,255,255,.10);
}
.dgpod-mega-highlight .dgpod-mega-link:hover {
  background: var(--pod-coral);
}
.dgpod-mega-link-featured {
  border: 2px solid var(--pod-coral) !important;
  background: rgba(217,94,79,.12) !important;
  padding: .62rem .74rem !important;
}

@media (max-width: 991px) {
  .dgpod-dropdown-mega { position: relative !important; }
  .dgpod-mega-menu {
    position: static !important;
    width: 100%;
    max-width: 100%;
    transform: none !important;
    margin-top: .6rem;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    display: none;
    pointer-events: auto;
  }
  .dgpod-dropdown-mega .dgpod-mega-menu.show { display: block; }
  .dgpod-mega-inner { padding: 1rem; }
  .dgpod-mega-column { padding: 1rem; }
  .dgpod-mega-description { min-height: auto; }
}