/* ==========================================================================
   DKK ADVENTURE DESIGN SYSTEM  (2026-10-15)
   The "Adventure Playground" direction - chosen by the client.
   Loads after style.css + home-v2.css and restyles the site into one
   playful, chunky, sky-and-sunshine language. Content stays identical.
   ========================================================================== */

:root{
    --adv-ink: #0B2A5B;
    --adv-ink-soft: #1F3A66;
    --adv-blue: var(--dkk-secondary);
    --adv-blue-deep: #1746A2;
    --adv-orange: #CC440E;
    --adv-orange-deep: #A33208;
    --adv-yellow: #FFE45C;
    --adv-yellow-deep: #E7C63B;
    --adv-green: #2E7D32;
    --adv-green-light: #8CE06A;
    --adv-sky-1: #7CC8FF;
    --adv-sky-2: #C9E9FF;
    --adv-sky-3: #EAF6FF;
    --adv-cream: #FFF9EF;
    --adv-snow: #F4F8FF;
    --dkk-fun-font: "Baloo 2", "Fredoka", sans-serif;
}

body{ color: var(--adv-ink); }

h1, h2, .dkk-hero-badge, .dkk-section-badge, .dkk-btn, .dkk-hero-stat-num{
    font-family: var(--dkk-fun-font);
}

/* --------------------------------------------------------------------------
   1. HEADER + NAV
   -------------------------------------------------------------------------- */
.dkk-header{ background: rgba(255, 255, 255, .92); backdrop-filter: blur(10px); border-bottom: 3px solid rgba(11, 42, 91, .1); }
.dkk-nav li a{ color: var(--adv-ink); font-weight: 800; }
.dkk-nav li a:hover{ color: var(--adv-blue); }
.dkk-nav li a.active, .dkk-nav li.current-menu-item a{ color: var(--adv-blue); }
.dkk-nav-cta{
    background: var(--adv-blue) !important;
    color: #fff !important;
    border-radius: 999px !important;
    box-shadow: 0 5px 0 var(--adv-blue-deep);
    font-family: var(--dkk-fun-font);
    font-weight: 700;
}
.dkk-nav-cta:hover{ transform: translateY(-2px); box-shadow: 0 7px 0 var(--adv-blue-deep); }
.dkk-menu-toggle{ color: var(--adv-ink); }

/* --------------------------------------------------------------------------
   2. BUTTONS - the chunky toy style
   -------------------------------------------------------------------------- */
.dkk-btn{
    font-family: var(--dkk-fun-font);
    font-weight: 700;
    border-radius: 999px;
    letter-spacing: .01em;
}
.dkk-btn-primary{
    background: var(--adv-orange);
    border-color: var(--adv-orange);
    color: #fff;
    box-shadow: 0 6px 0 var(--adv-orange-deep);
}
.dkk-btn-primary:hover{ background: var(--adv-orange); border-color: var(--adv-orange); transform: translateY(-2px); box-shadow: 0 8px 0 var(--adv-orange-deep); }
.dkk-btn-primary:active{ transform: translateY(2px); box-shadow: 0 3px 0 var(--adv-orange-deep); }
.dkk-btn-outline{
    background: #fff;
    color: var(--adv-ink);
    border: 3px solid var(--adv-ink);
    box-shadow: 0 6px 0 rgba(11, 42, 91, .25);
}
.dkk-btn-outline:hover{ background: var(--adv-sky-3); color: var(--adv-ink); transform: translateY(-2px); box-shadow: 0 8px 0 rgba(11, 42, 91, .25); }
.dkk-btn-secondary{ background: var(--adv-blue); border-color: var(--adv-blue); color: #fff; box-shadow: 0 6px 0 var(--adv-blue-deep); }

/* --------------------------------------------------------------------------
   3. HERO - sky, clouds, bubble headline
   -------------------------------------------------------------------------- */
.dkk-hero{
    background: linear-gradient(180deg, var(--adv-sky-1) 0%, var(--adv-sky-2) 48%, var(--adv-sky-3) 100%);
    border-radius: 0 0 52px 52px;
    overflow: hidden;
    position: relative;
}
.dkk-hero::after{ /* wavy bottom edge */
    content: "";
    position: absolute; left: 0; right: 0; bottom: -2px; height: 18px;
    background: radial-gradient(120% 100% at 50% 100%, #fff 55%, transparent 56%);
    pointer-events: none;
}
.dkk-hero-bg{ background-image: none; }

/* clouds (the two shape divs + two pseudo clouds) */
.dkk-hero-shape{ position: absolute; background: #fff; border-radius: 999px; opacity: .92; z-index: 0; }
.dkk-hero-shape::before, .dkk-hero-shape::after{ content: ""; position: absolute; background: #fff; border-radius: 50%; }
.dkk-hero-shape-1{ width: 190px; height: 56px; left: 3%; top: 175px; }
.dkk-hero-shape-1::before{ width: 84px; height: 84px; left: 30px; top: -38px; }
.dkk-hero-shape-1::after{ width: 58px; height: 58px; right: 26px; top: -24px; }
.dkk-hero-shape-2{ width: 150px; height: 46px; right: 6%; top: 130px; }
.dkk-hero-shape-2::before{ width: 68px; height: 68px; left: 24px; top: -30px; }
.dkk-hero-shape-2::after{ width: 46px; height: 46px; right: 20px; top: -18px; }
.dkk-hero-bg::before{ /* third small cloud */
    content: "";
    position: absolute; right: 32%; top: 340px; width: 110px; height: 36px;
    background: #fff; border-radius: 999px; opacity: .75;
}
.dkk-hero-bg::after{
    content: "";
    position: absolute; right: 32%; top: 310px; width: 52px; height: 52px;
    background: #fff; border-radius: 50%; opacity: .75;
}

.dkk-hero-content{ position: relative; z-index: 2; }
.dkk-hero-badge{
    display: inline-flex; align-items: center; gap: 8px;
    background: var(--adv-yellow);
    color: #7A5300;
    border: 3px solid var(--adv-ink);
    border-radius: 999px;
    font-weight: 700; font-size: var(--dkk-fs-15);
    padding: 8px 20px;
    transform: rotate(-2deg);
    box-shadow: 0 4px 0 rgba(11, 42, 91, .25);
}
.dkk-hero h1{
    color: var(--adv-ink);
    font-family: var(--dkk-fun-font);
    font-weight: 800;
    letter-spacing: -.5px;
    text-shadow: 3px 3px 0 rgba(255, 255, 255, .65);
}
.dkk-text-gradient{
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    -webkit-text-fill-color: currentColor;
    color: var(--adv-orange);
}
.dkk-hero-sub{ color: var(--adv-ink-soft); font-weight: 600; }
.dkk-hero-actions .dkk-btn-lg{ border-radius: 999px; }

/* hero mascot + bubble */
.dkk-hero-spark{ filter: drop-shadow(0 20px 34px rgba(11, 42, 91, .28)); }
.dkk-hero-bubble{
    background: #fff;
    border: 3px solid var(--adv-ink);
    border-radius: 20px;
    box-shadow: 0 6px 0 rgba(11, 42, 91, .25);
    font-family: var(--dkk-fun-font);
    color: var(--adv-ink);
}
.dkk-hero-bubble::after{ border-color: #fff transparent transparent transparent; }

/* hero stickers (trust points) */
.dkk-hero-stats{ display: flex; gap: 12px; flex-wrap: wrap; }
.dkk-hero-stat{
    background: #fff;
    border: 3px solid var(--adv-ink);
    border-radius: 16px;
    padding: 8px 16px;
    box-shadow: 0 4px 0 rgba(11, 42, 91, .25);
}

/* --------------------------------------------------------------------------
   4. SECTION BADGES + HEADERS
   -------------------------------------------------------------------------- */
.dkk-section-badge{
    display: inline-flex; align-items: center; gap: 8px;
    background: var(--adv-yellow);
    color: #7A5300;
    border: 3px solid var(--adv-ink);
    border-radius: 999px;
    font-weight: 700; font-size: var(--dkk-fs-14);
    padding: 7px 18px;
    transform: rotate(-1.5deg);
    box-shadow: 0 4px 0 rgba(11, 42, 91, .25);
    font-family: var(--dkk-fun-font);
}
.dkk-section-header h2, .dkk-what-section h2, .dkk-how-section h2,
.dkk-benefits-section h2, .dkk-gift-section h2, .dkk-ways-section h2,
.dkk-reassure-section h2, .dkk-cta-section h2{
    color: var(--adv-ink) !important;
    font-family: var(--dkk-fun-font);
    letter-spacing: -.5px;
}
.dkk-section-header p{ color: var(--adv-ink-soft); }

/* --------------------------------------------------------------------------
   5. CARDS - chunky toy cards everywhere
   -------------------------------------------------------------------------- */
.dkk-what-item, .dkk-benefit-card, .dkk-way-card, .dkk-mkt-card,
.dkk-gift-card, .dkk-timeline-step, .dkk-cta-card, .dkk-reassure-grid > *{
    background: #fff;
    border: 3px solid var(--adv-ink) !important;
    border-radius: 22px !important;
    box-shadow: 0 6px 0 rgba(11, 42, 91, .22) !important;
}
.dkk-what-item:hover, .dkk-benefit-card:hover, .dkk-way-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 10px 0 rgba(11, 42, 91, .22) !important;
}
.dkk-way-card-alt{ border-color: var(--adv-blue) !important; box-shadow: 0 6px 0 rgba(47, 123, 255, .35) !important; }
.dkk-what-icon, .dkk-benefit-icon{
    background: var(--adv-sky-3);
    border: 3px solid var(--adv-ink);
    border-radius: 16px;
    display: inline-flex; align-items: center; justify-content: center;
}
.dkk-benefit-card:nth-child(3n+1) .dkk-benefit-icon{ background: var(--adv-yellow); }
.dkk-benefit-card:nth-child(3n+2) .dkk-benefit-icon{ background: #D6F5C9; }
.dkk-benefit-card:nth-child(3n) .dkk-benefit-icon{ background: #FFE0D3; }
.dkk-what-item h3, .dkk-benefit-card h3, .dkk-way-card h3{ color: var(--adv-ink) !important; font-family: var(--dkk-fun-font); }

/* timeline (how it works) */
.dkk-timeline-num{
    background: var(--adv-yellow);
    border: 3px solid var(--adv-ink);
    color: var(--adv-ink);
    font-family: var(--dkk-fun-font);
    font-weight: 800;
    box-shadow: 0 4px 0 rgba(11, 42, 91, .25);
}
.dkk-timeline-step h3{ color: var(--adv-ink) !important; font-family: var(--dkk-fun-font); }

/* badges band */
.dkk-badges-list span, .dkk-badges-list > *{
    border: 2px solid rgba(11, 42, 91, .25) !important;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 3px 0 rgba(11, 42, 91, .15);
}

/* reassure band */
.dkk-reassure-icon{
    background: var(--adv-yellow);
    border: 3px solid var(--adv-ink);
    border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
}

/* --------------------------------------------------------------------------
   6. KIT + WAYS SECTIONS
   -------------------------------------------------------------------------- */
.dkk-kit-section{ background: #fff; }
.dkk-kit-text-col h2{ font-family: var(--dkk-fun-font); color: var(--adv-ink); }
.dkk-kit-note{ color: var(--adv-ink-soft); }
.dkk-ways-section{ background: var(--adv-snow); }
.dkk-ways-section .dkk-section-header h2{ color: var(--adv-ink); }

/* --------------------------------------------------------------------------
   7. GIFT + CTA SECTIONS
   -------------------------------------------------------------------------- */
.dkk-gift-section{ background: linear-gradient(180deg, #FFFFFF, var(--adv-cream)); }
.dkk-gift-point-icon{
    background: var(--adv-yellow);
    border: 3px solid var(--adv-ink);
    border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
}
.dkk-cta-card{
    background: linear-gradient(160deg, var(--adv-sky-2), var(--adv-sky-3)) !important;
    border: 4px solid var(--adv-ink) !important;
    box-shadow: 0 8px 0 rgba(11, 42, 91, .28) !important;
    border-radius: 28px !important;
}
.dkk-cta-card h2{ font-family: var(--dkk-fun-font); }

/* --------------------------------------------------------------------------
   8. FOOTER - the green ground
   -------------------------------------------------------------------------- */
.dkk-footer{
    background: linear-gradient(180deg, var(--adv-green-light), var(--adv-green)) !important;
    border-top: 4px solid rgba(11, 42, 91, .25);
    color: var(--adv-ink);
}
.dkk-footer .dkk-footer-desc, .dkk-footer .dkk-footer-tagline-big, .dkk-footer a{ color: var(--adv-ink); }
.dkk-footer a:hover{ color: #fff; }
.dkk-footer-bottom{ background: var(--adv-green) !important; border-top: 2px solid rgba(11, 42, 91, .18) !important; }

/* --------------------------------------------------------------------------
   9. FORMS / INPUTS (site-wide softness)
   -------------------------------------------------------------------------- */
input[type="text"], input[type="email"], input[type="search"], textarea, select{
    border-radius: 14px;
}

/* --------------------------------------------------------------------------
   10. SMALL RESPONSIVE GUARDS
   -------------------------------------------------------------------------- */
@media (max-width: 860px){
    .dkk-hero{ border-radius: 0 0 32px 32px; }
    .dkk-hero-shape-1{ top: 70px; }
    .dkk-hero-shape-2{ top: 40px; }
}

/* ---- render fixes after first look (15 Oct) ---- */
.dkk-header .dkk-brand-img{ max-height: 72px; }
.dkk-hero-stats .dkk-hero-stat{
    flex: 0 0 auto;
    width: auto;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}
.dkk-hero-stat-num{ font-size: var(--dkk-fs-26); line-height: 1; color: var(--adv-blue); }
.dkk-hero-stat-label{ font-size: var(--dkk-fs-12); letter-spacing: .08em; text-transform: uppercase; color: var(--adv-ink-soft); font-weight: 800; }

/* ---- batch-2 fixes (15 Oct) ---- */
.dkk-hero-visual{ position: relative; }
.dkk-hero-covers{
    position: absolute;
    left: -30px;
    bottom: 10px;
    display: flex;
    align-items: flex-end;
    z-index: 3;
}
.dkk-hero-cover{
    width: 132px;
    border: 5px solid #fff;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 20px 40px rgba(11, 42, 91, .28);
}
.dkk-hero-cover:nth-child(1){ transform: rotate(-8deg) translateY(12px); }
.dkk-hero-cover:nth-child(2){ margin-left: -36px; z-index: 2; transform: rotate(-1deg) translateY(-8px); }
.dkk-hero-cover:nth-child(3){ margin-left: -36px; transform: rotate(6deg) translateY(10px); }
.dkk-hero-cover img{ display: block; width: 100%; aspect-ratio: 3 / 4; object-fit: cover; }
@media (max-width: 1050px){ .dkk-hero-covers{ display: none; } }
.dkk-cta-card p, .dkk-cta-content p{ color: var(--adv-ink-soft) !important; }
.dkk-footer-bottom, .dkk-footer-bottom *{ color: #fff !important; }
.dkk-timeline-step .dkk-timeline-num{
    background: var(--adv-yellow) !important;
    border-color: var(--adv-ink) !important;
    color: var(--adv-ink) !important;
}

/* ===== batch-3: lower page polish (15 Oct) ===== */
/* old dash bars hidden - the eyebrows are yellow stickers now */
.dkk-section-badge::before, .dkk-showcase-eyebrow::before{ display: none !important; }

/* showcase eyebrow -> same sticker as the rest of the page */
.dkk-showcase-eyebrow{
    display: inline-flex;
    align-items: center;
    background: var(--adv-yellow) !important;
    color: #7A5300 !important;
    border: 3px solid var(--adv-ink);
    border-radius: 999px;
    padding: 7px 18px;
    font-weight: 700;
    font-size: var(--dkk-fs-14);
    letter-spacing: .04em;
    transform: rotate(-1.5deg);
    box-shadow: 0 4px 0 rgba(11, 42, 91, .25);
    font-family: var(--dkk-fun-font);
}
.dkk-showcase-title{ color: var(--adv-ink) !important; font-family: var(--dkk-fun-font); }
.dkk-showcase-sub{ color: var(--adv-ink-soft) !important; }
.dkk-showcase{ background: linear-gradient(180deg, #EAF6FF 0%, #F7FBFF 100%) !important; }

/* badges band: navy block -> light card, readable text */
.dkk-badges-band{
    background: linear-gradient(160deg, #EAF6FF, #F4F8FF) !important;
    border: 3px solid var(--adv-ink) !important;
    border-radius: 26px !important;
    box-shadow: 0 7px 0 rgba(11, 42, 91, .22) !important;
    padding: 30px 36px !important;
    margin: 44px 0 0 !important;
}
.dkk-badges-band h3{ font-family: var(--dkk-fun-font); }
.dkk-badges-band h3, .dkk-badges-band p{ color: var(--adv-ink) !important; }
.dkk-badges-list li{
    background: #fff !important;
    border: 2px solid rgba(11, 42, 91, .35) !important;
    border-radius: 999px !important;
    color: var(--adv-ink) !important;
    box-shadow: 0 3px 0 rgba(11, 42, 91, .12);
}
.dkk-badges-list li span{ color: var(--adv-ink) !important; }

/* section rhythm now lives in the final system layer (72px everywhere) */

/* ===== batch-4: ALL PAGES - adventure look (15 Oct) ===== */

/* 1) PAGE TITLES: same 980px column as the content, playful underline */
.dkk-page .dkk-entry-title{
    max-width: 980px;
    margin: 30px auto 22px;
    font-family: var(--dkk-fun-font);
    color: var(--adv-ink);
    letter-spacing: -.5px;
}
.dkk-page .dkk-entry-title::after{
    content: "";
    display: block;
    width: 78px;
    height: 8px;
    border-radius: 999px;
    background: var(--adv-yellow);
    border: 2px solid var(--adv-ink);
    margin-top: 14px;
}
.dkk-page .dkk-mkt{ margin-top: 4px !important; margin-bottom: 90px !important; }

/* 2) MARKETING CONTENT (.dkk-mkt pages: About / Pricing / Offering / Benefits) */
.dkk-mkt h2, .dkk-mkt h3{ font-family: var(--dkk-fun-font); color: var(--adv-ink); }
.dkk-mkt p, .dkk-mkt li, .dkk-mkt-lead{ color: var(--adv-ink-soft); }
.dkk-mkt a{ color: var(--adv-blue); }
.dkk-mkt-note{ color: var(--adv-ink-soft) !important; }

/* pricing columns */
.dkk-mkt-price-col{
    border: 3px solid var(--adv-ink) !important;
    border-radius: 22px !important;
    box-shadow: 0 7px 0 rgba(11, 42, 91, .22) !important;
}
.dkk-mkt-price-head{ background: linear-gradient(160deg, var(--adv-blue), var(--adv-blue-deep)) !important; }
.dkk-mkt-price-row .dkk-mkt-amount{ color: var(--adv-orange) !important; font-family: var(--dkk-fun-font); }
.dkk-mkt-price-head h3{ color: #fff !important; }

/* 3) LEGAL + FAQ PAGES: one big friendly card + chunky accordions */
.dkk-page .dkk-legal-page{
    max-width: 980px;
    margin: 0 auto 90px;
    background: #fff;
    border: 3px solid var(--adv-ink);
    border-radius: 26px;
    box-shadow: 0 7px 0 rgba(11, 42, 91, .22);
    padding: 34px 40px;
}
.dkk-legal-page p, .dkk-legal-page li{ color: var(--adv-ink-soft); }
.dkk-legal-page a{ color: var(--adv-blue); }
.dkk-legal-page .dkk-legal-tools{
    border: 0 !important;
    background: var(--adv-sky-3);
    border-radius: 999px;
    padding: 8px 10px 8px 18px;
}
.dkk-legal-tool-btn{
    border: 2px solid var(--adv-ink) !important;
    background: #fff !important;
    color: var(--adv-ink) !important;
    border-radius: 999px !important;
    font-family: var(--dkk-fun-font);
    font-weight: 700;
}
.dkk-legal-tool-btn:hover{ background: var(--adv-yellow) !important; color: var(--adv-ink) !important; }
.dkk-legal-count{ color: var(--adv-ink-soft) !important; }
.dkk-legal-page .dkk-legal-sec{
    border: 3px solid var(--adv-ink) !important;
    border-radius: 18px !important;
    background: #fff;
    box-shadow: 0 4px 0 rgba(11, 42, 91, .18);
    margin-bottom: 10px !important;
}
.dkk-legal-page .dkk-legal-sec > summary{
    background: #fff !important;
    color: var(--adv-ink) !important;
    font-family: var(--dkk-fun-font);
    font-weight: 700;
}
.dkk-legal-page .dkk-legal-sec[open]{ border-color: var(--adv-blue) !important; box-shadow: 0 4px 0 rgba(47, 123, 255, .3); }
.dkk-legal-page .dkk-legal-sec[open] > summary{ background: var(--adv-sky-3) !important; color: var(--adv-ink) !important; }
.dkk-legal-page .dkk-legal-sec > summary::after{
    background: var(--adv-yellow) !important;
    border: 2px solid var(--adv-ink);
    color: var(--adv-ink) !important;
}
.dkk-legal-page .dkk-legal-sec-body{ background: #fff !important; }
.dkk-legal-page .dkk-legal-sec-body p{ color: var(--adv-ink-soft); }

/* 4) CONTACT PAGE */
.dkk-contact-wrap{ max-width: 1100px; margin: 0 auto 90px; }
.dkk-contact-lead{ color: var(--adv-ink-soft); }
.dkk-contact-tile{
    background: #fff;
    border: 3px solid var(--adv-ink);
    border-radius: 20px;
    box-shadow: 0 5px 0 rgba(11, 42, 91, .2);
    padding: 18px 20px;
}
.dkk-contact-tile h3{ font-family: var(--dkk-fun-font); color: var(--adv-ink); }
.dkk-contact-tile a{ color: var(--adv-blue); }
.dkk-contact-tile span{ color: var(--adv-ink-soft); }
.dkk-contact-form{
    background: #fff;
    border: 3px solid var(--adv-ink);
    border-radius: 24px;
    box-shadow: 0 7px 0 rgba(11, 42, 91, .22);
    padding: 26px 28px;
}
.dkk-contact-form h3, .dkk-contact-form h2{ font-family: var(--dkk-fun-font); color: var(--adv-ink); }
.dkk-contact-note{ color: var(--adv-ink-soft); }
.dkk-contact-note a{ color: var(--adv-blue) !important; }

/* 5) CATALOG (Books for Sale) */
.dkk-catalog-card{
    background: #fff;
    border: 3px solid var(--adv-ink);
    border-radius: 22px;
    box-shadow: 0 6px 0 rgba(11, 42, 91, .22);
    overflow: hidden;
}
.dkk-catalog-card:hover{ transform: translateY(-4px); box-shadow: 0 10px 0 rgba(11, 42, 91, .22); }
.dkk-catalog-grid{ gap: 24px; }
.dkk-catalog-card .dkk-btn{ margin-top: 10px; }
.dkk-catalog-empty{
    background: var(--adv-sky-3);
    border: 3px dashed var(--adv-ink);
    border-radius: 24px;
}
.dkk-catalog-empty-title{ font-family: var(--dkk-fun-font); color: var(--adv-ink); }
.dkk-pagination a, .dkk-pagination span{
    border: 2px solid var(--adv-ink) !important;
    border-radius: 999px !important;
    background: #fff;
    color: var(--adv-ink) !important;
}
.dkk-pagination .current{ background: var(--adv-yellow) !important; }

/* ===== batch-4b: contact page finishing (15 Oct) ===== */
.dkk-page .dkk-contact-tile{
    border: 3px solid var(--adv-ink) !important;
    border-radius: 20px !important;
    box-shadow: 0 5px 0 rgba(11, 42, 91, .2) !important;
    background: #fff !important;
}
.dkk-page .dkk-contact-formcard{
    border: 3px solid var(--adv-ink) !important;
    border-radius: 24px !important;
    box-shadow: 0 7px 0 rgba(11, 42, 91, .22) !important;
    background: #fff !important;
}
.dkk-contact-formcard h2, .dkk-contact-formcard h3{
    font-family: var(--dkk-fun-font) !important;
    color: var(--adv-ink) !important;
}
/* the inner form was doubling the card - make it a plain block */
.dkk-contact-form{
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
}
.dkk-contact-formcard .dkk-contact-note{ color: var(--adv-ink-soft) !important; }
.dkk-contact-formcard .dkk-contact-note a{ color: var(--adv-blue) !important; }

/* ===== batch-4c: catalog cards sized + placeholders (15 Oct) ===== */
.dkk-catalog-card img{
    display: block;
    width: 100%;
    aspect-ratio: 210 / 297;
    object-fit: cover;
    border-radius: 16px 16px 0 0;
}
.dkk-catalog-card{ padding: 10px 10px 16px; }
.dkk-catalog-card h3{ font-family: var(--dkk-fun-font); color: var(--adv-ink); }
.dkk-cover-placeholder{
    aspect-ratio: 210 / 297;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--adv-sky-3);
    border: 3px dashed rgba(11, 42, 91, .4);
    border-radius: 16px 16px 0 0;
    color: var(--adv-ink);
    font-size: var(--dkk-fs-44);
}

/* ===== batch-4d: gift page (15 Oct) ===== */
.dkk-gift-page{ max-width: 980px; margin: 0 auto 90px; }
.dkk-gift-hero{ text-align: left; }
.dkk-gift-hero h1, .dkk-gift-hero h2{
    font-family: var(--dkk-fun-font);
    color: var(--adv-ink);
    letter-spacing: -.5px;
}
.dkk-gift-hero p{ color: var(--adv-ink-soft); }
.dkk-gift-eyebrow{
    display: inline-flex;
    align-items: center;
    background: var(--adv-yellow);
    color: #7A5300 !important;
    border: 3px solid var(--adv-ink);
    border-radius: 999px;
    padding: 7px 18px;
    font-weight: 700;
    font-size: var(--dkk-fs-14);
    letter-spacing: .04em;
    text-transform: uppercase;
    transform: rotate(-1.5deg);
    box-shadow: 0 4px 0 rgba(11, 42, 91, .25);
    font-family: var(--dkk-fun-font);
}
.dkk-gift-eyebrow::before{ display: none !important; }
.dkk-gift-step{ font-family: var(--dkk-fun-font); color: var(--adv-ink); }
.dkk-gift-group h3, .dkk-gift-group h4{ font-family: var(--dkk-fun-font); color: var(--adv-ink); }
.dkk-gift-pack{
    background: #fff !important;
    border: 3px solid var(--adv-ink) !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 0 rgba(11, 42, 91, .2);
}
.dkk-gift-pack-type{ color: var(--adv-blue); }
.dkk-gift-pack-price{ font-family: var(--dkk-fun-font); color: var(--adv-orange); }
.dkk-gift-pack-price del{ color: #9AA7C2; font-size: .8em; }
.dkk-gift-pack-price ins{ text-decoration: none; color: var(--adv-orange); }
.dkk-gift-field input, .dkk-gift-field textarea, .dkk-gift-field select{ border-radius: 14px; }
.dkk-gift-note{ color: var(--adv-ink-soft) !important; }
.dkk-gift-steps h3{ font-family: var(--dkk-fun-font); color: var(--adv-ink); }
.dkk-gift-steps p{ color: var(--adv-ink-soft); }