/* =========================================================
   DEUTSCH GO — COLLECTION ULTIMATE FINAL
   One CSS file only — no JS-dependent styling
========================================================= */

:root{
  --dg-petrol:#123B4A;
  --dg-deep:#0A2832;
  --dg-navy:#0F1A3C;
  --dg-yellow:#F4C542;
  --dg-cream:#F7F5EF;
  --dg-paper:#FFFDF8;
  --dg-white:#FFFFFF;
  --dg-ink:#20272B;
  --dg-muted:#6B777C;
  --dg-line:rgba(18,59,74,.12);
  --dg-shadow:0 18px 46px rgba(18,59,74,.10);
  --dg-shadow-hover:0 28px 64px rgba(18,59,74,.17);
}

/* =========================================================
   COLLECTION PAGE SCOPE — works immediately, no JS class wait
========================================================= */

html:has(.category_products_grid_container),
body:has(.category_products_grid_container){
  overflow-x:clip !important;
}

body:has(.category_products_grid_container){
  background:
    radial-gradient(circle at 8% 10%,rgba(244,197,66,.11),transparent 24%),
    radial-gradient(circle at 92% 32%,rgba(18,59,74,.075),transparent 28%),
    linear-gradient(180deg,#FBFAF6 0%,var(--dg-cream) 52%,#FFFFFF 100%) !important;
  color:var(--dg-ink);
}

/* =========================================================
   MAIN FULL WIDTH
========================================================= */

body:has(.category_products_grid_container) main{
  position:relative !important;
  left:50% !important;
  width:100vw !important;
  max-width:none !important;
  margin-left:-50vw !important;
  padding:
    clamp(28px,4vw,56px)
    max(clamp(16px,4vw,56px),env(safe-area-inset-right))
    clamp(72px,8vw,118px)
    max(clamp(16px,4vw,56px),env(safe-area-inset-left)) !important;
  background:transparent !important;
}

body:has(.category_products_grid_container) main > div{
  width:min(1440px,100%) !important;
  margin:0 auto !important;
  transform:none !important;
}

/* =========================================================
   COLLECTION BAR
========================================================= */

body:has(.category_products_grid_container) .category_section_header{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:176px;
  margin:0 0 clamp(26px,4vw,46px) !important;
  padding:clamp(28px,4vw,46px);
  border:1px solid rgba(255,255,255,.08);
  border-radius:30px;
  background:
    radial-gradient(circle at 14% 50%,rgba(244,197,66,.08),transparent 28%),
    linear-gradient(135deg,var(--dg-navy),#13254F 58%,#102047) !important;
  box-shadow:0 22px 54px rgba(15,26,60,.22);
  align-items:flex-end !important;
}

body:has(.category_products_grid_container) .category_section_header::before{
  content:"";
  position:absolute;
  width:330px;
  height:330px;
  left:-118px;
  top:-154px;
  border:64px solid var(--dg-yellow);
  border-radius:50%;
  opacity:.98;
  z-index:-1;
}

body:has(.category_products_grid_container) .category_section_header::after{
  content:"DEUTSCH GO • BOOK COLLECTION";
  position:absolute;
  top:28px;
  right:clamp(28px,4vw,46px);
  color:rgba(255,255,255,.72);
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.15em;
}

body:has(.category_products_grid_container) .category_section_header_title{
  position:relative;
  margin:0 !important;
  padding:0 0 13px !important;
  color:#fff !important;
  font-size:clamp(34px,5vw,66px) !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:-.045em;
  text-shadow:0 8px 24px rgba(0,0,0,.16);
}

body:has(.category_products_grid_container) .category_section_header_title::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width:clamp(72px,22%,130px);
  height:5px;
  border-radius:999px;
  background:var(--dg-yellow);
}

/* Sort button on yellow circle side */
body:has(.category_products_grid_container)
.category_section_header button[aria-haspopup="true"]{
  min-height:48px;
  padding:0 17px !important;
  border:1px solid rgba(15,26,60,.12) !important;
  border-radius:15px !important;
  color:var(--dg-navy) !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 10px 24px rgba(15,26,60,.13);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  transition:
    transform .24s ease,
    border-color .24s ease,
    box-shadow .24s ease,
    background-color .24s ease;
}

body:has(.category_products_grid_container)
.category_section_header button[aria-haspopup="true"]:hover{
  transform:translateY(-2px);
  border-color:rgba(15,26,60,.22) !important;
  background:var(--dg-yellow) !important;
  box-shadow:0 15px 30px rgba(15,26,60,.17);
}

body:has(.category_products_grid_container)
.category_section_header button[aria-haspopup="true"] svg{
  color:var(--dg-navy) !important;
}

/* Remove inherited empty heading */
body:has(.category_products_grid_container) .home_section_top_container{
  display:none !important;
}

/* =========================================================
   GRID
========================================================= */

body:has(.category_products_grid_container) .category_products_grid_container{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:clamp(16px,2vw,26px) !important;
  align-items:stretch;
}

body:has(.category_products_grid_container)
.category_products_grid_container > div,
body:has(.category_products_grid_container)
.category_products_grid_container > div.animate-slideIn{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  transform:none !important;
  min-width:0;
}

/* Visible, safe entrance animation — does not hide cards */
@keyframes dgCollectionSoftIn{
  from{
    opacity:.82;
    transform:translateY(14px) scale(.992);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

body:has(.category_products_grid_container)
.category_products_grid_container > div{
  animation:dgCollectionSoftIn .52s cubic-bezier(.2,.8,.2,1) both;
}

body:has(.category_products_grid_container)
.category_products_grid_container > div:nth-child(1){animation-delay:.02s}
body:has(.category_products_grid_container)
.category_products_grid_container > div:nth-child(2){animation-delay:.06s}
body:has(.category_products_grid_container)
.category_products_grid_container > div:nth-child(3){animation-delay:.10s}
body:has(.category_products_grid_container)
.category_products_grid_container > div:nth-child(4){animation-delay:.14s}
body:has(.category_products_grid_container)
.category_products_grid_container > div:nth-child(5){animation-delay:.18s}
body:has(.category_products_grid_container)
.category_products_grid_container > div:nth-child(6){animation-delay:.22s}

/* =========================================================
   PRODUCT CARD
========================================================= */

body:has(.category_products_grid_container)
.category_products_grid_container > div > .group{
  position:relative;
  isolation:isolate;
  overflow:visible !important;
  display:flex !important;
  height:100%;
  padding:11px 11px 19px !important;
  border:1px solid var(--dg-line);
  border-radius:24px !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 12px 30px rgba(18,59,74,.065);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transform:none !important;
  transition:
    transform .34s cubic-bezier(.2,.78,.2,1),
    border-color .28s ease,
    box-shadow .34s ease,
    background-color .28s ease !important;
}

body:has(.category_products_grid_container)
.category_products_grid_container > div > .group::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:-1;
  border-radius:inherit;
  background:
    linear-gradient(140deg,rgba(244,197,66,0),rgba(244,197,66,.18),rgba(18,59,74,.05));
  opacity:0;
  transition:opacity .3s ease;
}

@media(hover:hover){
  body:has(.category_products_grid_container)
  .category_products_grid_container > div > .group:hover{
    transform:translateY(-9px) !important;
    border-color:rgba(244,197,66,.72);
    background:#fff !important;
    box-shadow:var(--dg-shadow-hover) !important;
  }

  body:has(.category_products_grid_container)
  .category_products_grid_container > div > .group:hover::before{
    opacity:1;
  }
}

/* =========================================================
   IMAGE AREA
========================================================= */

body:has(.category_products_grid_container)
.category_products_grid_container .group > .flex.relative{
  width:100%;
  overflow:hidden;
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 32%,rgba(244,197,66,.17),transparent 35%),
    linear-gradient(145deg,#F6F3EA,#E8EFEC);
}

body:has(.category_products_grid_container)
.category_products_grid_container
.group > .flex.relative > .relative.overflow-hidden{
  width:100%;
  aspect-ratio:1/1.06;
  overflow:hidden;
  border-radius:18px !important;
}

body:has(.category_products_grid_container)
.category_products_grid_container img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:clamp(10px,1.4vw,18px);
  border-radius:0 !important;
  transform:scale(.96);
  filter:drop-shadow(0 15px 14px rgba(18,59,74,.16));
  transition:
    transform .52s cubic-bezier(.2,.75,.2,1),
    filter .35s ease !important;
}

@media(hover:hover){
  body:has(.category_products_grid_container)
  .category_products_grid_container .group:hover img{
    transform:scale(1.035) rotate(-1deg);
    filter:drop-shadow(0 21px 17px rgba(18,59,74,.22));
  }
}

/* =========================================================
   DISCOUNT BADGE
========================================================= */

body:has(.category_products_grid_container)
.category_products_grid_container
.group > .flex.relative > span.absolute{
  top:11px !important;
  left:11px !important;
  right:auto !important;
  padding:8px 11px !important;
  border:1px solid rgba(255,255,255,.48);
  border-radius:999px !important;
  color:var(--dg-navy) !important;
  background:var(--dg-yellow) !important;
  box-shadow:0 8px 18px rgba(244,197,66,.25);
  font-size:11px !important;
  line-height:1 !important;
  font-weight:900 !important;
}

/* =========================================================
   ACTION POPUP / HOVER PANEL
========================================================= */

body:has(.category_products_grid_container)
.category_products_grid_container
.group > .flex.relative > div.absolute{
  right:11px !important;
  bottom:11px !important;
  padding:7px !important;
  gap:7px !important;
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px !important;
  background:rgba(15,26,60,.94) !important;
  box-shadow:0 14px 30px rgba(15,26,60,.25) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transform:translateY(6px) scale(.96);
  transition:
    opacity .24s ease,
    transform .28s cubic-bezier(.2,.8,.2,1),
    box-shadow .24s ease !important;
}

@media(hover:hover){
  body:has(.category_products_grid_container)
  .category_products_grid_container
  .group:hover > .flex.relative > div.absolute{
    opacity:1 !important;
    transform:translateY(0) scale(1);
    box-shadow:0 18px 38px rgba(15,26,60,.32) !important;
  }
}

/* Both popup buttons */
body:has(.category_products_grid_container)
.category_products_grid_container
.group > .flex.relative > div.absolute button{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.13);
  border-radius:11px;
  color:#fff !important;
  background:rgba(255,255,255,.09) !important;
  transition:
    transform .22s ease,
    color .22s ease,
    background-color .22s ease,
    border-color .22s ease;
}

body:has(.category_products_grid_container)
.category_products_grid_container
.group > .flex.relative > div.absolute button svg{
  color:currentColor !important;
  stroke:currentColor !important;
}

/* Eye button */
body:has(.category_products_grid_container)
.category_products_grid_container
.group > .flex.relative > div.absolute button:first-child:hover{
  transform:translateY(-2px);
  color:var(--dg-navy) !important;
  background:#fff !important;
  border-color:#fff;
}

/* Add to cart — yellow button / navy SVG for perfect contrast */
body:has(.category_products_grid_container)
.category_products_grid_container
button[aria-label="Add to cart"]{
  color:var(--dg-navy) !important;
  background:var(--dg-yellow) !important;
  border-color:rgba(244,197,66,.9) !important;
}

body:has(.category_products_grid_container)
.category_products_grid_container
button[aria-label="Add to cart"] svg,
body:has(.category_products_grid_container)
.category_products_grid_container
button[aria-label="Add to cart"] svg *{
  color:var(--dg-navy) !important;
  stroke:var(--dg-navy) !important;
  fill:var(--dg-navy);
}

body:has(.category_products_grid_container)
.category_products_grid_container
button[aria-label="Add to cart"]:hover{
  transform:translateY(-2px) scale(1.04);
  color:var(--dg-navy) !important;
  background:#FFD65E !important;
  box-shadow:0 8px 18px rgba(244,197,66,.30);
}

/* =========================================================
   PRODUCT TEXT
========================================================= */

body:has(.category_products_grid_container)
.category_products_grid_container .text-center.w-full{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:0 8px !important;
}

body:has(.category_products_grid_container)
.category_products_grid_container
.text-center.w-full > div:first-child{
  margin-top:14px !important;
}

body:has(.category_products_grid_container)
.category_products_grid_container
.text-center.w-full > div:first-child span{
  color:var(--dg-petrol) !important;
  font-size:10px !important;
  line-height:1.2;
  font-weight:900 !important;
  letter-spacing:.04em;
  text-transform:uppercase;
}

body:has(.category_products_grid_container)
.category_products_grid_container h3{
  min-height:2.65em;
  margin:8px 0 0 !important;
  color:var(--dg-deep) !important;
  font-size:clamp(15px,1.25vw,19px) !important;
  line-height:1.34 !important;
  font-weight:850 !important;
  letter-spacing:-.015em;
}

body:has(.category_products_grid_container)
.category_products_grid_container
.text-center.w-full > div:last-child{
  margin-top:auto !important;
  padding-top:15px;
  color:var(--dg-petrol) !important;
  font-size:clamp(18px,1.55vw,22px) !important;
  font-weight:900 !important;
}

body:has(.category_products_grid_container)
.category_products_grid_container
.text-center.w-full > div:last-child > span:first-child{
  color:var(--dg-petrol) !important;
}

body:has(.category_products_grid_container)
.category_products_grid_container del{
  color:var(--dg-muted) !important;
  font-size:14px !important;
  opacity:.72;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media(min-width:1500px){
  body:has(.category_products_grid_container)
  .category_products_grid_container{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  }
}

@media(min-width:769px) and (max-width:1100px){
  body:has(.category_products_grid_container)
  .category_products_grid_container{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  body:has(.category_products_grid_container) .category_section_header{
    min-height:164px;
  }
}

@media(max-width:768px){
  body:has(.category_products_grid_container) main{
    padding:
      18px
      max(11px,env(safe-area-inset-right))
      68px
      max(11px,env(safe-area-inset-left)) !important;
  }

  body:has(.category_products_grid_container) .category_section_header{
    min-height:154px;
    margin-bottom:18px !important;
    padding:22px 16px 16px;
    border-radius:22px;
  }

  body:has(.category_products_grid_container)
  .category_section_header::before{
    width:230px;
    height:230px;
    left:-100px;
    top:-116px;
    border-width:43px;
  }

  body:has(.category_products_grid_container)
  .category_section_header::after{
    top:18px;
    right:17px;
    font-size:8px;
  }

  body:has(.category_products_grid_container)
  .category_section_header_title{
    max-width:63%;
    padding-bottom:10px !important;
    font-size:clamp(27px,8vw,38px) !important;
  }

  body:has(.category_products_grid_container)
  .category_section_header_title::after{
    height:4px;
  }

  body:has(.category_products_grid_container)
  .category_section_header button[aria-haspopup="true"]{
    min-height:41px;
    padding:0 10px !important;
    border-radius:12px !important;
    font-size:10px !important;
  }

  body:has(.category_products_grid_container)
  .category_products_grid_container{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  body:has(.category_products_grid_container)
  .category_products_grid_container > div > .group{
    padding:7px 7px 12px !important;
    border-radius:17px !important;
  }

  body:has(.category_products_grid_container)
  .category_products_grid_container
  .group > .flex.relative,
  body:has(.category_products_grid_container)
  .category_products_grid_container
  .group > .flex.relative > .relative.overflow-hidden{
    border-radius:13px !important;
  }

  body:has(.category_products_grid_container)
  .category_products_grid_container img{
    padding:7px;
  }

  body:has(.category_products_grid_container)
  .category_products_grid_container
  .group > .flex.relative > span.absolute{
    top:7px !important;
    left:7px !important;
    padding:6px 8px !important;
    font-size:8px !important;
  }

  body:has(.category_products_grid_container)
  .category_products_grid_container
  .group > .flex.relative > div.absolute{
    right:7px !important;
    bottom:7px !important;
    padding:5px !important;
    gap:5px !important;
    border-radius:11px !important;
    opacity:1 !important;
    transform:none !important;
  }

  body:has(.category_products_grid_container)
  .category_products_grid_container
  .group > .flex.relative > div.absolute button{
    width:30px;
    height:30px;
    border-radius:8px;
  }

  body:has(.category_products_grid_container)
  .category_products_grid_container
  .group > .flex.relative > div.absolute svg{
    width:16px !important;
    height:16px !important;
  }

  body:has(.category_products_grid_container)
  .category_products_grid_container .text-center.w-full{
    padding:0 3px !important;
  }

  body:has(.category_products_grid_container)
  .category_products_grid_container
  .text-center.w-full > div:first-child{
    margin-top:9px !important;
  }

  body:has(.category_products_grid_container)
  .category_products_grid_container
  .text-center.w-full > div:first-child span{
    font-size:8px !important;
  }

  body:has(.category_products_grid_container)
  .category_products_grid_container h3{
    min-height:2.7em;
    margin-top:5px !important;
    font-size:12px !important;
    line-height:1.35 !important;
  }

  body:has(.category_products_grid_container)
  .category_products_grid_container
  .text-center.w-full > div:last-child{
    padding-top:9px;
    font-size:15px !important;
  }

  body:has(.category_products_grid_container)
  .category_products_grid_container del{
    margin-inline-start:5px !important;
    font-size:10px !important;
  }
}

@media(max-width:380px){
  body:has(.category_products_grid_container)
  .category_section_header{
    padding-inline:14px;
  }

  body:has(.category_products_grid_container)
  .category_section_header_title{
    max-width:57%;
    font-size:25px !important;
  }

  body:has(.category_products_grid_container)
  .category_products_grid_container{
    gap:8px !important;
  }

  body:has(.category_products_grid_container)
  .category_products_grid_container h3{
    font-size:11px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  body:has(.category_products_grid_container) *,
  body:has(.category_products_grid_container) *::before,
  body:has(.category_products_grid_container) *::after{
    animation:none !important;
    transition-duration:.01ms !important;
  }
}

/* =========================================================
   ACTION RAIL ALIGNMENT FIX — EYE + CART MATCH PERFECTLY
========================================================= */

body:has(.category_products_grid_container)
.category_products_grid_container
.group > .flex.relative > div.absolute{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:54px !important;
  box-sizing:border-box !important;
}

body:has(.category_products_grid_container)
.category_products_grid_container
.group > .flex.relative > div.absolute button{
  flex:0 0 38px !important;
  width:38px !important;
  min-width:38px !important;
  max-width:38px !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  line-height:0 !important;
  overflow:hidden !important;
}

body:has(.category_products_grid_container)
.category_products_grid_container
.group > .flex.relative > div.absolute button svg{
  display:block !important;
  flex:none !important;
  width:20px !important;
  height:20px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}

/* Eye icon stays clean white */
body:has(.category_products_grid_container)
.category_products_grid_container
.group > .flex.relative > div.absolute button:first-child svg,
body:has(.category_products_grid_container)
.category_products_grid_container
.group > .flex.relative > div.absolute button:first-child svg *{
  color:currentColor !important;
  stroke:currentColor !important;
  fill:none !important;
}

/* Cart icon: preserve original outlined construction */
body:has(.category_products_grid_container)
.category_products_grid_container
button[aria-label="Add to cart"] svg{
  color:var(--dg-navy) !important;
  stroke:var(--dg-navy) !important;
  fill:none !important;
}

body:has(.category_products_grid_container)
.category_products_grid_container
button[aria-label="Add to cart"] svg path{
  stroke:var(--dg-navy) !important;
}

/* Bag outline + plus line remain unfilled */
body:has(.category_products_grid_container)
.category_products_grid_container
button[aria-label="Add to cart"] svg path:nth-child(1),
body:has(.category_products_grid_container)
.category_products_grid_container
button[aria-label="Add to cart"] svg path:nth-child(2){
  fill:none !important;
}

/* The two wheel dots remain solid */
body:has(.category_products_grid_container)
.category_products_grid_container
button[aria-label="Add to cart"] svg path:nth-child(3),
body:has(.category_products_grid_container)
.category_products_grid_container
button[aria-label="Add to cart"] svg path:nth-child(4){
  fill:var(--dg-navy) !important;
  stroke:var(--dg-navy) !important;
}

/* Mobile rail proportions */
@media(max-width:768px){
  body:has(.category_products_grid_container)
  .category_products_grid_container
  .group > .flex.relative > div.absolute{
    min-width:40px !important;
    padding:5px !important;
    gap:5px !important;
  }

  body:has(.category_products_grid_container)
  .category_products_grid_container
  .group > .flex.relative > div.absolute button{
    flex-basis:30px !important;
    width:30px !important;
    min-width:30px !important;
    max-width:30px !important;
    height:30px !important;
    min-height:30px !important;
    max-height:30px !important;
  }

  body:has(.category_products_grid_container)
  .category_products_grid_container
  .group > .flex.relative > div.absolute button svg{
    width:16px !important;
    height:16px !important;
  }
}


/* =========================================================
   ACTION BUTTONS FINAL CONTRAST FIX
   Both icons/buttons are yellow on navy
========================================================= */

body:has(.category_products_grid_container)
.category_products_grid_container
.group > .flex.relative > div.absolute button{
  color:var(--dg-navy) !important;
  background:var(--dg-yellow) !important;
  border-color:rgba(244,197,66,.95) !important;
  box-shadow:0 7px 16px rgba(244,197,66,.22);
}

body:has(.category_products_grid_container)
.category_products_grid_container
.group > .flex.relative > div.absolute button svg{
  color:var(--dg-navy) !important;
  stroke:var(--dg-navy) !important;
  fill:none !important;
}

body:has(.category_products_grid_container)
.category_products_grid_container
.group > .flex.relative > div.absolute button svg path{
  stroke:var(--dg-navy) !important;
}

/* Eye icon stays outline-only */
body:has(.category_products_grid_container)
.category_products_grid_container
.group > .flex.relative > div.absolute button:first-child svg,
body:has(.category_products_grid_container)
.category_products_grid_container
.group > .flex.relative > div.absolute button:first-child svg *{
  stroke:var(--dg-navy) !important;
  fill:none !important;
}

/* Cart icon: outline paths + solid wheels */
body:has(.category_products_grid_container)
.category_products_grid_container
button[aria-label="Add to cart"] svg path:nth-child(1),
body:has(.category_products_grid_container)
.category_products_grid_container
button[aria-label="Add to cart"] svg path:nth-child(2){
  fill:none !important;
  stroke:var(--dg-navy) !important;
}

body:has(.category_products_grid_container)
.category_products_grid_container
button[aria-label="Add to cart"] svg path:nth-child(3),
body:has(.category_products_grid_container)
.category_products_grid_container
button[aria-label="Add to cart"] svg path:nth-child(4){
  fill:var(--dg-navy) !important;
  stroke:var(--dg-navy) !important;
}

body:has(.category_products_grid_container)
.category_products_grid_container
.group > .flex.relative > div.absolute button:hover{
  color:var(--dg-navy) !important;
  background:#FFD65E !important;
  border-color:#FFD65E !important;
  transform:translateY(-2px) scale(1.04);
  box-shadow:0 10px 22px rgba(244,197,66,.32);
}