/* =========================================================================
   home-v2.css - styles for the redesigned homepage (index.php) only.
   Moved out of two inline <style> blocks on 2026-10-24 so browsers can cache
   it. MUST load AFTER stylesan.css and homepage.css: several rules here
   override them (and a later @font-face of the same family wins).
   Bump the ?v= on the <link> in index.php whenever this file changes.
   ========================================================================= */

/* MUST STAY BELOW stylesan.css - a later @font-face of the same family wins. */

/* Poppins, self-hosted. Was fonts.googleapis.com, which is a four-request chain
   across two third-party origins before body text settles. Same latin subset
   Google serves: 217 glyphs, upem 1000, ascender 1050 / descender -350. */
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;
  src:url('/assets/fonts/poppins-400.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;
  src:url('/assets/fonts/poppins-500.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;
  src:url('/assets/fonts/poppins-600.woff2') format('woff2')}

/* Spectral, self-hosted (latin subset, same as Google serves; includes the
   euro sign and curly quotes). Homepage body text only, for now - see the
   HOMEPAGE BODY TEXT block at the end of this <style>. */
@font-face{font-family:'Spectral';font-style:normal;font-weight:400;font-display:swap;
  src:url('/assets/fonts/spectral-400.woff2') format('woff2')}
@font-face{font-family:'Spectral';font-style:normal;font-weight:500;font-display:swap;
  src:url('/assets/fonts/spectral-500.woff2') format('woff2')}
@font-face{font-family:'Spectral';font-style:normal;font-weight:600;font-display:swap;
  src:url('/assets/fonts/spectral-600.woff2') format('woff2')}

/* The brand face. stylesan.css line 282 declares myNinna with NO font-display,
   which means BLOCK - .headingSite, .newArrivals, h1 and h2 render INVISIBLE
   until a 54 KB file arrives, up to three seconds. It also points at an
   absolute https://debruns.ie/ URL, so it fails outright on debruns.test.
   Redeclared here: woff2 only, host-relative, swap. */
@font-face{font-family:'myNinna';font-weight:normal;font-style:normal;font-display:swap;
  src:url('/fonts/Ninna-Regular.woff2') format('woff2')}

/* Font Awesome: 66.6 KB of icon font for a handful of glyphs, and no
   font-display. fa-subset.woff2 is the same 4.5.0 face cut to what the site
   uses - 2.7 KB. */
@font-face{font-family:'FontAwesome';font-weight:normal;font-style:normal;font-display:swap;
  src:url('/assets/fonts/fa-subset.woff2') format('woff2')}

/* =========================================================================
   CAROUSELS REPLACED WITH CSS. slick.js was 82 KB of JavaScript driving two
   things on this page:

     .mu-testimonial-slider  - a "carousel" containing exactly ONE slide.
                               82 KB to rotate a single refunds-policy panel.
     .mu-chef-nav            - the 16-tile product rail (now .db-acq__rail).

   Both are now scroll-snap rails: native momentum scrolling on touch, a real
   scrollbar on desktop, keyboard-scrollable, no layout shift, and nothing to
   initialise. Removing slick also removed the last reason to load jQuery.
   ========================================================================= */

/* --- latest acquisitions rail -------------------------------------------
   Card = .product-card from include/category-grid-v2.inc (white, #ddd border,
   6px radius, Poppins 13px title, teal 600 price), so a piece looks the same
   on the homepage as it does in its category. Scroll-snap rail, arrows on
   pointer devices only. */
.db-acq{clear:both;float:left;width:100%;margin:10px 0 50px;text-align:center}

.db-acq__head{max-width:640px;margin:0 auto 34px}
.db-acq__eyebrow{
  display:block;margin-bottom:6px;
  font-family:'Poppins',sans-serif;font-size:11px;font-weight:500;
  letter-spacing:.32em;text-transform:uppercase;color:#8a7447;
}
.db-acq .db-acq__title{margin:0;line-height:1.15}
.db-acq__rule{
  position:relative;display:block;width:150px;height:1px;margin:16px auto 18px;
  background:linear-gradient(90deg,transparent,#debf80 30%,#debf80 70%,transparent);
}
.db-acq__rule::after{
  content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;
  background:#fff;border:1px solid #c9a55c;transform:translate(-50%,-50%) rotate(45deg);
}
#mu-chef p.db-acq__intro{
  margin:0;padding:0;font-family:'Poppins',sans-serif;
  font-size:14px;line-height:1.7;color:#555;
}

.db-acq__frame{position:relative}
.db-acq__rail{
  display:flex;gap:20px;list-style:none;margin:0;
  padding:6px 4px 26px;
  overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scroll-padding:0 4px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.db-acq__rail::-webkit-scrollbar{display:none}
.db-acq__rail:focus-visible{outline:2px solid #008080;outline-offset:4px}

.db-acq__item{
  flex:0 0 auto;width:74%;
  scroll-snap-align:start;display:flex;
}
.db-acq__card{
  display:flex;flex-direction:column;width:100%;
  background:#fff;border:1px solid #ddd;border-radius:6px;padding:10px;
  box-shadow:0 1px 3px rgba(34,25,25,.15);
  color:inherit;text-decoration:none;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.db-acq__card:hover,
.db-acq__card:focus-visible{
  transform:translateY(-3px);
  box-shadow:0 10px 24px rgba(34,25,25,.14);
  border-color:#d3c4a2;
  color:inherit;text-decoration:none;
}
.db-acq__card:focus-visible{outline:2px solid #008080;outline-offset:2px}

.db-acq__media{
  position:relative;display:block;overflow:hidden;border-radius:4px;
  background:#f4f2ee;aspect-ratio:1/1;
}
.db-acq__media img{
  display:block;width:100%;height:100%;object-fit:cover;
  transition:transform .8s cubic-bezier(.2,.6,.2,1);
}
.db-acq__card:hover .db-acq__media img{transform:scale(1.045)}

.db-acq__badge{
  position:absolute;left:10px;top:10px;padding:6px 10px 5px;
  background:rgba(0,77,77,.92);color:#f4e4bf;border-radius:2px;
  font-family:'Poppins',sans-serif;font-size:9.5px;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;line-height:1;
}

.db-acq__name{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
  min-height:36px;margin:12px 6px 0;
  font-family:'Poppins',sans-serif;font-size:13px;font-weight:500;line-height:18px;
  color:#363636;transition:color .25s ease;
}
.db-acq__card:hover .db-acq__name{color:#008080}
.db-acq__price{
  display:block;margin:6px 0 4px;
  font-family:'Poppins',sans-serif;font-size:13px;font-weight:600;color:#008080;
}
.db-acq__price--soon{
  font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#8a7447;
}
/* Stock ID: small and pale at the right of the price row (same as the
   category cards). Absolute, so the price stays exactly centred. */
.db-acq__pricerow{display:block;position:relative}
.db-acq__id{
  position:absolute;right:8px;bottom:5px;
  font-family:'Poppins',sans-serif;font-size:10px;font-weight:400;color:#c4c4c4;
}

/* closing "view all" tile */
.db-acq__card--all .db-acq__media{
  flex:1;aspect-ratio:auto;min-height:260px;
  background:radial-gradient(120% 90% at 50% 0%,#0a6363 0%,#004d4d 55%,#003636 100%);
}
.db-acq__all{
  position:absolute;inset:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:6px;padding:20px;
  color:#fff;
}
.db-acq__all::before{
  content:"";position:absolute;inset:12px;border:1px solid rgba(222,191,128,.55);border-radius:2px;
}
.db-acq__all-kicker{
  font-family:'Poppins',sans-serif;font-size:10.5px;font-weight:500;
  letter-spacing:.3em;text-transform:uppercase;color:#debf80;
}
.db-acq__all-title{font-family:'myNinna',Georgia,serif;font-size:30px;line-height:1.1}
.db-acq__all-link{
  margin-top:8px;padding-bottom:3px;border-bottom:1px solid #debf80;
  font-family:'Poppins',sans-serif;font-size:12px;letter-spacing:.08em;color:#fff;
}

/* arrows - same chevron as the category sort bar */
.db-acq__nav{
  display:none;position:absolute;top:calc(50% - 32px);z-index:2;
  width:44px;height:44px;padding:0;border:1px solid #ddd;border-radius:50%;
  background:rgba(255,255,255,.96);color:#008080;cursor:pointer;
  box-shadow:0 4px 14px rgba(0,0,0,.10);
  align-items:center;justify-content:center;
  transition:opacity .25s ease, background-color .25s ease, color .25s ease, border-color .25s ease;
}
.db-acq__nav:hover{background:#008080;border-color:#008080;color:#fff}
.db-acq__nav:disabled{opacity:0;pointer-events:none}
.db-acq__nav .chev{width:9px;height:9px;margin:0;border-right-width:1.5px;border-bottom-width:1.5px;opacity:1}
.db-acq__nav--prev{left:-22px}
.db-acq__nav--prev .chev{transform:rotate(135deg);margin-left:4px}
.db-acq__nav--next{right:-22px}
.db-acq__nav--next .chev{transform:rotate(-45deg);margin-right:4px}
.chev{
  display:inline-block;width:5px;height:5px;
  border-right:1.3px solid currentColor;border-bottom:1.3px solid currentColor;
}

.db-acq__cta{margin-top:8px}
.db-acq__cta .db-btn{font-family:'Poppins',sans-serif;font-size:14px;letter-spacing:.04em}

@media (min-width:600px){
  .db-acq__item{width:calc((100% - 20px) / 2)}
}
@media (min-width:992px){
  .db-acq__item{width:calc((100% - 40px) / 3)}
}
@media (min-width:1200px){
  .db-acq__item{width:calc((100% - 60px) / 4)}
}
@media (hover:hover) and (min-width:768px){
  .db-acq__nav{display:flex}
}
@media (max-width:767px){
  .db-acq{margin-bottom:36px}
  /* let the rail run to the screen edge so the next card visibly peeks in */
  .db-acq__frame{margin:0 -15px}
  .db-acq__rail{padding-left:15px;padding-right:15px;scroll-padding:0 15px}
  .db-acq__head{margin-bottom:22px;padding:0 8px}
  .db-acq__eyebrow{font-size:10px;letter-spacing:.26em}
}
@media (prefers-reduced-motion:reduce){
  .db-acq__card,.db-acq__media img,.db-acq__nav{transition:none}
  .db-acq__card:hover{transform:none}
  .db-acq__card:hover .db-acq__media img{transform:none}
}

/* --- testimonial: one slide, so just render it ------------------------- */
ul.mu-testimonial-slider{
  list-style:none;
  margin:0;
  padding:0;
}
ul.mu-testimonial-slider > li{max-width:900px;margin:0 auto}

/* --- scroll-to-top, from default-theme.css ----------------------------- */
.scrollToTop{background-color:#676767;border:2px solid #676767}

/* Cookie notice — same look as the jQuery popup it replaces, without jQuery. */
.db-cookie{position:fixed;left:0;right:0;bottom:0;z-index:120;
  background:rgba(51,51,51,.94);color:#fff;padding:14px 40px 16px 16px;
  text-align:center;font-family:'Poppins',sans-serif;font-size:13px;line-height:1.5}
.db-cookie__t{display:block;font-size:17px;font-weight:600;margin-bottom:4px}
.db-cookie__ok{background:none;border:0;color:#e8b73a;font:inherit;font-weight:700;
  cursor:pointer;padding:0 10px}
.db-cookie a{color:#e8b73a}
.db-cookie__x{position:absolute;top:8px;right:14px;color:#fff;font-size:15px;
  background:none;border:0;cursor:pointer;line-height:1}

/* =========================================================================
   HOMEPAGE HERO (2026-10-21)
   The welcome line, H1 and intro paragraph, unchanged in wording, now sit on
   the rose gold Albert chain photograph under a dark teal scrim.
   It lives inside the .container opened in the body, so it breaks out to
   full width with the 100vw trick (body already has overflow-x:hidden).
   The photo is a real <img> rather than a CSS background so the browser can
   find it early as the LCP image.
   ========================================================================= */
.db-hero{
  position:relative;left:50%;width:100vw;margin-left:-50vw;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;background:#0d2b2a;color:#fff;text-align:center;
}
.db-hero__img{
  position:absolute;top:0;left:0;width:100%;height:100%;
  object-fit:cover;object-position:62% 50%;
}
.db-hero::after{
  content:"";position:absolute;top:0;right:0;bottom:0;left:0;
  /* Neutral (not teal) and darkest only where the text sits, so the gold and
     the leaves keep their colour at the edges. A teal tint over a green photo
     turned the whole thing muddy. */
  background:
    radial-gradient(ellipse 58% 78% at 50% 50%,rgba(0,0,0,.64) 0%,rgba(0,0,0,.46) 55%,rgba(0,0,0,.20) 100%);
}
.db-hero__inner{
  position:relative;z-index:1;box-sizing:border-box;
  max-width:700px;padding:40px 22px 42px;
}
p.db-hero__welcome{
  margin:0;padding:0;
  font-family:'myNinna',Georgia,serif;font-size:31px;font-weight:normal;line-height:1.15;
  color:#fff;font-feature-settings:"swsh" 2;
  text-shadow:0 1px 18px rgba(0,0,0,.35);
}
.db-hero__rule{display:flex;align-items:center;justify-content:center;gap:10px;margin:16px 0 14px}
.db-hero__rule::before,.db-hero__rule::after{content:"";display:block;width:46px;height:1px;background:#e4c88f}
.db-hero__rule i{display:block;width:6px;height:6px;border:1px solid #e4c88f;transform:rotate(45deg)}
h1.db-hero__title{
  margin:0 0 14px;padding:0;
  font-family:'Poppins',sans-serif;font-size:11.5px;font-weight:500;line-height:1.6;
  letter-spacing:.26em;text-transform:uppercase;color:#ecd39e;
}
p.db-hero__intro{
  margin:0 auto;padding:0;max-width:600px;
  font-family:'Poppins',sans-serif;font-size:13.5px;font-weight:400;line-height:1.75;
  color:rgba(255,255,255,.95);text-align:center;
  text-shadow:0 1px 10px rgba(0,0,0,.65),0 0 2px rgba(0,0,0,.5);
}
a.db-hero__cta{
  display:inline-block;margin-top:24px;padding:13px 24px 12px;
  border:1px solid #e4c88f;color:#fff;text-decoration:none;
  font-family:'Poppins',sans-serif;font-size:11.5px;font-weight:500;line-height:1;
  letter-spacing:.2em;text-transform:uppercase;
  transition:background-color .25s ease,color .25s ease;
}
a.db-hero__cta:hover,a.db-hero__cta:focus-visible{background:#e4c88f;color:#0d2b2a;text-decoration:none}
/* On a phone the text covers nearly the whole hero, so darken it evenly. */
@media (max-width:767px){
  .db-hero::after{background:linear-gradient(180deg,rgba(0,0,0,.50) 0%,rgba(0,0,0,.58) 100%)}
}
@media (min-width:768px){
  .db-hero{min-height:460px}
  .db-hero__inner{padding:72px 30px}
  p.db-hero__welcome{font-size:44px}
  h1.db-hero__title{font-size:12.5px}
  p.db-hero__intro{font-size:14.5px}
}

/* Section spacing now that the hero leads the page. The !important matches
   the mobile/tablet overrides in homepage.css, and this block loads after it. */
#mu-chef{padding-top:44px !important;margin-top:0 !important}
@media (min-width:768px){#mu-chef{padding-top:64px !important}}

/* =========================================================================
   INSPIRATION, now below the latest acquisitions, as circular tiles.
   Markup comes from include/homePagePromos-v2.inc (three CMS-driven promos).
   Each image is cropped to a circle inside a fine gold ring with a white gap.
   ========================================================================= */
.db-insp-wrap{
  clear:both;float:left;position:relative;left:50%;box-sizing:border-box;
  width:100vw;margin:4px 0 0 -50vw;padding:48px 15px 56px;text-align:center;
  background:#eef4f3;border-top:1px solid #dbe7e5;border-bottom:1px solid #dbe7e5;
}
.db-insp-wrap .db-acq__title{margin:0;line-height:1.15}
/* About De Bruns heading: same eyebrow / title / rule as the sections above */
.mu-about-us-area .db-acq__head{max-width:640px;margin:0 auto 30px;text-align:center}
/* .mu-title h2 in stylesan.css (black Poppins 25px) outranks .newArrivals,
   so restate the section-title look here with a more specific selector,
   The other two section titles measure 25px at 900px and below, so match that. */
.mu-about-us-area .mu-title h2.db-acq__title{
  margin:0;line-height:1.15;
  font-family:'myNinna',serif;font-size:45px;font-weight:bold;color:#008080;
}
@media (max-width:900px){.mu-about-us-area .mu-title h2.db-acq__title{font-size:25px;line-height:1.3}}
.db-insp-wrap .db-acq__head{max-width:640px;margin:0 auto 26px}
.db-insp{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px;
  list-style:none;margin:0;padding:0 4px;
}
.db-insp__item{margin:0;padding:0}
.db-insp__link{display:flex;flex-direction:column;align-items:center;gap:12px;color:#363636;text-decoration:none}
.db-insp__link:hover,.db-insp__link:focus-visible{color:#008080;text-decoration:none}
.db-insp__link:focus-visible{outline:2px solid #008080;outline-offset:4px}
.db-insp__ring{
  display:block;box-sizing:border-box;width:100%;aspect-ratio:1/1;
  padding:5px;border:1px solid #d9c08d;border-radius:50%;background:#fff;
  transition:border-color .3s ease;
}
.db-insp__clip{display:block;width:100%;height:100%;overflow:hidden;border-radius:50%;background:#f4f2ee}
.db-insp__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.6,.2,1)}
.db-insp__link:hover .db-insp__ring{border-color:#008080}
.db-insp__link:hover .db-insp__img{transform:scale(1.06)}
.db-insp__name{font-family:'Poppins',sans-serif;font-size:12px;font-weight:500;line-height:1.4}
.db-insp__more{
  display:none;margin-top:-4px;padding-bottom:2px;border-bottom:1px solid #d9c08d;
  font-family:'Poppins',sans-serif;font-size:10px;font-weight:500;letter-spacing:.22em;
  text-transform:uppercase;color:#8a7447;
}
@media (min-width:768px){
  .db-insp-wrap{padding:64px 30px 72px}
  .db-insp{gap:28px 40px}
  .db-insp__ring{padding:7px}

  .db-insp__more{display:inline-block}
}
@media (prefers-reduced-motion:reduce){
  .db-insp__img{transition:none}
  .db-insp__link:hover .db-insp__img{transform:none}
}

/* =========================================================================
   HOMEPAGE BODY TEXT in Spectral (2026-10-21). Paragraphs, product names,
   prices and captions only. Headings stay myNinna; the small uppercase
   eyebrows, buttons, the stock ID and the header/nav/footer stay Poppins.
   Spectral is a little smaller on the line than Poppins at the same size,
   so sizes go up ~1px. Selectors are as specific as the stylesan.css rules
   they replace.
   ========================================================================= */
p.db-hero__intro{font-family:'Spectral',Georgia,serif;font-size:15.5px;line-height:1.7}
#mu-chef p.db-acq__intro{font-family:'Spectral',Georgia,serif;font-size:15.5px;line-height:1.7;color:#4a4a4a}
.db-acq__name{font-family:'Spectral',Georgia,serif;font-size:15px;font-weight:500;line-height:19px;min-height:38px}
.db-acq__price{font-family:'Spectral',Georgia,serif;font-size:16px;font-weight:600}
/* Inspiration captions use exactly the acquisition card title style. */
.db-insp__name{font-family:'Spectral',Georgia,serif;font-size:15px;font-weight:500;line-height:19px;color:#363636}
.mu-testimonial-slider li .mu-testimonial-single .mu-testimonial-info p{
  font-family:'Spectral',Georgia,serif;font-size:15.5px;font-weight:400;line-height:1.75;letter-spacing:0;
}
.db-about-snippet p,.mu-about-us-right .db-about-snippet ul li{
  font-family:'Spectral',Georgia,serif;font-size:16px;line-height:1.75;color:#3a3a3a;
}
/* HEADING SWASHES (2026-10-21). myNinna has a swirly alternate for most
   capitals and none for lowercase. The hero welcome line turns swashes on for
   the whole line, so every capitalised word gets the swirly first letter;
   stylesan.css only did that for the very first letter of the other headings
   (.newArrivals::first-letter, the *Spec spans). Same rule for every
   homepage heading now. */
.db-acq__title,
#mu-client-testimonial .mu-title span,
#mu-contact .mu-contact-title span{font-feature-settings:"swsh" 2}

@media (min-width:768px){
  p.db-hero__intro{font-size:17px}
  .db-acq__name{font-size:15.5px}
  .db-insp__name{font-size:15.5px}
  .mu-testimonial-slider li .mu-testimonial-single .mu-testimonial-info p{font-size:16.5px}
  .db-about-snippet p,.mu-about-us-right .db-about-snippet ul li{font-size:16.5px}
}

/* ---- moved from the second inline <style> (header tidy + buttons) ---- */
    @media (min-width: 1200px){

  /* Keep the header tidy – stop it growing taller */
  #mu-header,
  #mu-header .navbar{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
  }

  /* Align everything to one consistent height */
  #mu-header .navbar-header{
    height: 78px !important;          /* adjust 70–86 to taste */
  }

  /* Make the nav row not add extra height */
  #mu-header .mu-main-nav > li > a{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    line-height: 22px !important;
  }

  /* Stop the cart link itself from adding extra line-height/space */
  #mu-header .cartIconStyle{
    position: absolute !important;     /* ensure it stays absolute */
    display: block !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 28px !important;
  }

  /* If your badge is pushing the box, keep it contained */
  #mu-header .cartIconStyle #cartCount{
    margin: 0 !important;
    line-height: 1 !important;
  }
}/* Base Button */
.db-btn {
  display: inline-block;
  padding: 12px 26px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  border-radius: 40px; /* soft luxury pill */
  transition: all 0.25s ease;
  letter-spacing: 0.3px;
  cursor: pointer;
  border: 1px solid transparent;
}

/* Primary Button (Filled Teal) */
.db-btn--primary {
  background-color: #0f6b6f; /* adjust to your exact teal */
  color: #ffffff;
  border-color: #0f6b6f;
}

.db-btn--primary:hover {
  background-color: #0c5659;
  color:#00aa55;
  border-color: #0c5659;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(15, 107, 111, 0.25);
}

/* Outline Button (Elegant Teal Outline) */
.db-btn--outline {
  background-color: transparent;
  color: #0f6b6f;
  border: 1.5px solid #0f6b6f;
}

.db-btn--outline:hover {
  background-color: #0f6b6f;
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(15, 107, 111, 0.18);
}

/* Button container spacing */
.db-about-snippet__actions {
  margin-top: 25px;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

/* =========================================================================
   SECTION BUTTONS (2026-10-24). Same family as the hero's "See our latest
   acquisitions": square, Poppins small caps, wide tracking, gold accents.
   .db-cta        solid deep teal, the main action in a section
   .db-cta--line  gold-outlined, the secondary action
   Both fill with the hero's gold on hover, like the hero button does.
   ========================================================================= */
.db-cta{
  display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
  min-height:50px;padding:14px 30px 13px;margin:0;
  background:#0d2b2a;border:1px solid #0d2b2a;color:#fff;
  font-family:'Poppins',sans-serif;font-size:11.5px;font-weight:500;line-height:1;
  letter-spacing:.2em;text-transform:uppercase;text-decoration:none;text-align:center;
  border-radius:0;cursor:pointer;
  transition:background-color .25s ease,border-color .25s ease,color .25s ease;
}
.db-cta:hover,.db-cta:focus-visible{background:#e4c88f;border-color:#e4c88f;color:#0d2b2a;text-decoration:none}
.db-cta:focus-visible{outline:2px solid #008080;outline-offset:3px}
.db-cta--line{background:transparent;border-color:#c9a55c;color:#0d2b2a}
.db-cta--line:hover,.db-cta--line:focus-visible{background:#e4c88f;border-color:#e4c88f;color:#0d2b2a}
.db-acq__cta{margin-top:14px}
.db-about-snippet__actions{gap:12px}
@media (max-width:767px){
  .db-acq__cta .db-cta{width:100%;max-width:360px}
  .db-about-snippet__actions{flex-direction:column}
  .db-about-snippet__actions .db-cta{width:100%}
}
@media (prefers-reduced-motion:reduce){.db-cta{transition:none}}