/* DEEJADA GDPR - v2.0. Only styles markup with #djgdpr. */
#djgdpr, #djgdpr * { box-sizing: border-box; }
#djgdpr { width: 100%; max-width: 950px; margin: 0 auto 64px; color: #352e29; font-family: inherit; }
#djgdpr .djgdpr-hero { width: 100%; max-width: none; margin: 0 0 20px; padding: 44px 48px; background: #e7e2dd; border-radius: 10px; }
#djgdpr .djgdpr-eyebrow { display: block; margin-bottom: 14px; font-size: 10px; letter-spacing: .16em; font-weight: 800; color: #8b7765; text-transform: uppercase; }
#djgdpr .djgdpr-hero h2 { border: 0; padding: 0; margin: 0 0 12px; font-size: clamp(26px, 3vw, 36px); font-weight: 800; line-height: 1.2; color: #352e29; }
#djgdpr .djgdpr-hero p { max-width: 680px; margin: 0; padding: 0; font-size: 14px; line-height: 1.7; color: #605851; }
#djgdpr .djgdpr-content { width: 100%; max-width: none; padding: 0; margin: 0; display: grid; gap: 18px; }
#djgdpr .djgdpr-card { width: 100%; padding: 32px 42px; margin: 0; border: 1px solid #e9e4df; border-radius: 10px; background: #fff; box-shadow: 0 2px 12px rgba(53,46,41,.025); }
#djgdpr .djgdpr-card > h2 { margin: 0 0 22px; padding: 0 0 15px; border-bottom: 1px solid #e9e4df; font-size: 22px; line-height: 1.4; font-weight: 800; color: #352e29; }
#djgdpr .djgdpr-card h3 { margin: 26px 0 12px; padding: 0 0 8px; border-bottom: 1px solid #f0ede9; font-size: 17px; line-height: 1.45; font-weight: 750; color: #352e29; }
#djgdpr .djgdpr-card p, #djgdpr .djgdpr-card li { color: #605851; font-size: 14px; line-height: 1.85; }
#djgdpr .djgdpr-card p { margin: 0 0 14px; }
#djgdpr .djgdpr-card p:last-child { margin-bottom: 0; }
#djgdpr .djgdpr-card ul { margin: 12px 0 20px; padding: 0 0 0 24px; list-style: disc outside; }
#djgdpr .djgdpr-card li { margin: 0 0 8px; padding: 0; list-style: disc outside; }
#djgdpr .djgdpr-card strong { color: #403831; font-weight: 700; }
#djgdpr .djgdpr-card a { color: #8b7765; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
#djgdpr .djgdpr-card a:hover { color: #665344; }
/* Shoptet page title is hidden on this page only. Hero title stays visible. */
body:has(#djgdpr) .content-wrapper-in > h1,
body:has(#djgdpr) .content-inner > h1,
body:has(#djgdpr) .content-inner > .content-heading,
body:has(#djgdpr) .content-wrapper-in > .content-heading { display: none !important; }
@media (max-width: 767px) {
  #djgdpr { margin-bottom: 36px; }
  #djgdpr .djgdpr-hero { padding: 28px 24px; margin-bottom: 14px; }
  #djgdpr .djgdpr-content { gap: 12px; }
  #djgdpr .djgdpr-card { padding: 24px 21px; }
  #djgdpr .djgdpr-card > h2 { font-size: 19px; }
  #djgdpr .djgdpr-card h3 { font-size: 16px; }
  #djgdpr .djgdpr-card p, #djgdpr .djgdpr-card li { font-size: 13.5px; }
}
