.elementor-kit-1077{--e-global-color-primary:#1E1919;--e-global-color-secondary:#313939;--e-global-color-text:#3D4747;--e-global-color-accent:#D5683D;--e-global-color-fg_on_accent:#3E3939;--e-global-color-fg_on_contrast:#E8E8E8;--e-global-color-accent_contrast:#5B380B;--e-global-color-accent_subtle:#FBE9AF;--e-global-color-accent_alt:#AAE8D9;--e-global-color-bg_primary:#FFFFFF;--e-global-color-bg_primary_0_7opacity:#FFFFFFAD;--e-global-color-bg_secondary:#EBEBE8;--e-global-color-bg_accent:#FBF9E5;--e-global-color-bg_contrast:#2B2323;--e-global-color-inputs_bg:#EBEBE8;--e-global-color-inputs_border:#DCDCD9;--e-global-color-inputs_text:#1E1919;--e-global-color-nav_bg:#F0F0F0;--e-global-color-nav_fg:#180E0E;--e-global-color-footer_bg:#170C0C;--e-global-color-footer_fg:#FFFFFF;--e-global-color-card_bg:#EAEAEA;--e-global-color-card_fg:#39393D;--e-global-color-card_border:#C7C7C7;--e-global-color-btn_primary_bg:#D5683D;--e-global-color-btn_primary_bg_hover:#D5683D;--e-global-color-btn_primary_fg:#3E3939;--e-global-color-btn_primary_fg_hover:#3E3939;--e-global-color-btn_primary_border:#D5683D;--e-global-color-btn_primary_border_hover:#D5683D;--e-global-color-btn_secondary_bg:#FFFFFF;--e-global-color-btn_secondary_bg_hover:#1E1919;--e-global-color-btn_secondary_fg:#1E1919;--e-global-color-btn_secondary_fg_hover:#FFFFFF;--e-global-color-btn_secondary_border:#1E1919;--e-global-color-btn_secondary_border_hover:#1E1919;--e-global-color-overlay_default:#000000CC;--e-global-color-white:#FFFFFF;--e-global-color-black:#000000;--e-global-color-transparent:#02010100;--e-global-color-sam_color_accent:#E2725B;--e-global-color-sam_bg_green:#1F493D;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:clamp(3rem, 2.5385rem + 2.0513vw, 4rem);--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:clamp(2.4rem, 2.1231rem + 1.2308vw, 3rem);--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-text-transform:capitalize;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-family:"Outfit";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"Outfit";--e-global-typography-accent-font-size:clamp(1.2rem, 1.1769rem + 0.1026vw, 1.25rem);--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-h3-font-family:"Inter";--e-global-typography-h3-font-size:clamp(2.1rem, 1.9154rem + 0.8205vw, 2.5rem);--e-global-typography-h3-font-weight:600;--e-global-typography-h3-line-height:1.3em;--e-global-typography-h4-font-family:"Inter";--e-global-typography-h4-font-size:clamp(1.8rem, 1.7077rem + 0.4103vw, 2rem);--e-global-typography-h4-font-weight:600;--e-global-typography-h4-line-height:1.4em;--e-global-typography-h5-font-family:"Inter";--e-global-typography-h5-font-size:clamp(1.6rem, 1.5308rem + 0.3077vw, 1.75rem);--e-global-typography-h5-font-weight:600;--e-global-typography-h6-font-family:"Inter";--e-global-typography-h6-font-size:clamp(1.4rem, 1.3538rem + 0.2051vw, 1.5rem);--e-global-typography-h6-font-weight:600;--e-global-typography-h6-line-height:1.5em;--e-global-typography-body_sm-font-family:"Inter";--e-global-typography-body_sm-font-size:0.875rem;--e-global-typography-body_sm-line-height:1.5em;--e-global-typography-body_bold-font-family:"Inter";--e-global-typography-body_bold-font-size:1rem;--e-global-typography-body_bold-font-weight:bold;--e-global-typography-body_bold-text-decoration:none;--e-global-typography-body_lg-font-family:"Inter";--e-global-typography-body_lg-font-size:1.125rem;--e-global-typography-link-font-family:"Inter";--e-global-typography-link-text-decoration:underline;background-color:var( --e-global-color-bg_primary );color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-1077 button,.elementor-kit-1077 input[type="button"],.elementor-kit-1077 input[type="submit"],.elementor-kit-1077 .elementor-button{background-color:var( --e-global-color-btn_primary_bg );font-family:var( --e-global-typography-body_bold-font-family ), Sans-serif;font-size:var( --e-global-typography-body_bold-font-size );font-weight:var( --e-global-typography-body_bold-font-weight );text-decoration:var( --e-global-typography-body_bold-text-decoration );color:var( --e-global-color-btn_primary_fg );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-btn_primary_border );border-radius:0px 0px 0px 0px;}.elementor-kit-1077 button:hover,.elementor-kit-1077 button:focus,.elementor-kit-1077 input[type="button"]:hover,.elementor-kit-1077 input[type="button"]:focus,.elementor-kit-1077 input[type="submit"]:hover,.elementor-kit-1077 input[type="submit"]:focus,.elementor-kit-1077 .elementor-button:hover,.elementor-kit-1077 .elementor-button:focus{background-color:var( --e-global-color-btn_primary_bg_hover );color:var( --e-global-color-btn_primary_fg );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-btn_primary_border_hover );}.elementor-kit-1077 e-page-transition{background-color:#FFBC7D;}.elementor-kit-1077 p{margin-block-end:8px;}.elementor-kit-1077 a{color:var( --e-global-color-accent );}.elementor-kit-1077 a:hover{color:var( --e-global-color-primary );}.elementor-kit-1077 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-1077 h2{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-1077 h3{font-family:"Outfit", Sans-serif;}.elementor-kit-1077 h4{font-family:var( --e-global-typography-h4-font-family ), Sans-serif;font-size:var( --e-global-typography-h4-font-size );font-weight:var( --e-global-typography-h4-font-weight );line-height:var( --e-global-typography-h4-line-height );}.elementor-kit-1077 h5{font-family:var( --e-global-typography-h5-font-family ), Sans-serif;font-size:var( --e-global-typography-h5-font-size );font-weight:var( --e-global-typography-h5-font-weight );line-height:var( --e-global-typography-h5-line-height );}.elementor-kit-1077 h6{font-family:var( --e-global-typography-h6-font-family ), Sans-serif;font-size:var( --e-global-typography-h6-font-size );font-weight:var( --e-global-typography-h6-font-weight );line-height:var( --e-global-typography-h6-line-height );}.elementor-kit-1077 label{color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-1077 input:not([type="button"]):not([type="submit"]),.elementor-kit-1077 textarea,.elementor-kit-1077 .elementor-field-textual{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-inputs_text );accent-color:var( --e-global-color-accent );background-color:var( --e-global-color-inputs_bg );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-inputs_border );border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1170px;}.e-con{--container-max-width:1170px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-1077{--e-global-typography-secondary-font-size:25px;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:14px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-1077 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-1077 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-1077 h4{font-size:var( --e-global-typography-h4-font-size );line-height:var( --e-global-typography-h4-line-height );}.elementor-kit-1077 h5{font-size:var( --e-global-typography-h5-font-size );line-height:var( --e-global-typography-h5-line-height );}.elementor-kit-1077 h6{font-size:var( --e-global-typography-h6-font-size );line-height:var( --e-global-typography-h6-line-height );}.elementor-kit-1077 button,.elementor-kit-1077 input[type="button"],.elementor-kit-1077 input[type="submit"],.elementor-kit-1077 .elementor-button{font-size:var( --e-global-typography-body_bold-font-size );}.elementor-kit-1077 label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-1077 input:not([type="button"]):not([type="submit"]),.elementor-kit-1077 textarea,.elementor-kit-1077 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-1077{--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-size:25px;--e-global-typography-accent-font-size:18px;--e-global-typography-h3-font-size:23px;--e-global-typography-h4-font-size:20px;--e-global-typography-h5-font-size:18px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-1077 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-1077 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-1077 h4{font-size:var( --e-global-typography-h4-font-size );line-height:var( --e-global-typography-h4-line-height );}.elementor-kit-1077 h5{font-size:var( --e-global-typography-h5-font-size );line-height:var( --e-global-typography-h5-line-height );}.elementor-kit-1077 h6{font-size:var( --e-global-typography-h6-font-size );line-height:var( --e-global-typography-h6-line-height );}.elementor-kit-1077 button,.elementor-kit-1077 input[type="button"],.elementor-kit-1077 input[type="submit"],.elementor-kit-1077 .elementor-button{font-size:var( --e-global-typography-body_bold-font-size );}.elementor-kit-1077 label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-1077 input:not([type="button"]):not([type="submit"]),.elementor-kit-1077 textarea,.elementor-kit-1077 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ================================================================
   DANKLEY FIDI — ELEMENTOR GLOBAL CSS
   Paste into: Elementor → Site Settings → Custom CSS
   Covers all 9 front-page sections (scoped under .dkly-*)
   ================================================================ */

/* ── Brand Tokens (shared across all sections) ── */
.dkly-s1,
.dkly-s2,
.dkly-s3,
.dkly-s4,
.dkly-s5,
.dkly-s6,
.dkly-s7,
.dkly-s8,
.dkly-s9 {
  --brand-green: #1f493d;
  --brand-orange: #d5683d;
  --brand-light: #fbf9e5;
  --brand-dark: rgba(200,200,200,0.1);
  font-family: 'Outfit', 'Inter', sans-serif;
  box-sizing: border-box;
}

.dkly-s1 *,
.dkly-s2 *,
.dkly-s3 *,
.dkly-s4 *,
.dkly-s5 *,
.dkly-s6 *,
.dkly-s7 *,
.dkly-s8 *,
.dkly-s9 *,
.dkly-s1 *::before,
.dkly-s2 *::before,
.dkly-s3 *::before,
.dkly-s4 *::before,
.dkly-s5 *::before,
.dkly-s6 *::before,
.dkly-s7 *::before,
.dkly-s8 *::before,
.dkly-s9 *::before,
.dkly-s1 *::after,
.dkly-s2 *::after,
.dkly-s3 *::after,
.dkly-s4 *::after,
.dkly-s5 *::after,
.dkly-s6 *::after,
.dkly-s7 *::after,
.dkly-s8 *::after,
.dkly-s9 *::after {
  box-sizing: inherit;
}

/* ================================================================
   SHARED COMPONENTS (pills, buttons, containers, section headers)
   ================================================================ */

/* ── Pill label — orange (light bg) ── */
.dkly .pill,
.dkly-s1 .pill,
.dkly-s3 .pill,
.dkly-s4 .pill,
.dkly-s5 .pill,
.dkly-s6 .pill,
.dkly-s8 .pill {
  display: inline-block;
  padding: 8px 20px;
  background: rgba(213, 104, 61, .1);
  color: var(--brand-orange);
  border-radius: 100px;
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
  margin-bottom: 20px;
}

/* ── Pill label — dark (light bg sections) ── */
.dkly-s2 .pill-dark,
.dkly-s7 .pill-dark,
.dkly-s9 .pill-dark {
  display: inline-block;
  padding: 8px 20px;
  background: rgba(31, 73, 61, .12);
  color: var(--brand-green);
  border: 1px solid rgba(31, 73, 61, .2);
  border-radius: 100px;
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
  margin-bottom: 20px;
}

/* ── Container ── */
.dkly-s2 .container,
.dkly-s3 .container,
.dkly-s4 .container,
.dkly-s5 .container,
.dkly-s7 .container,
.dkly-s9 .container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
}

/* ── Section padding ── */
.dkly-s2 .section,
.dkly-s3 .section,
.dkly-s4 .section,
.dkly-s5 .section,
.dkly-s7 .section,
.dkly-s9 .section {
  padding: 100px 0;
}

/* ── Section header (centred) ── */
.dkly-s3 .sec-header,
.dkly-s4 .sec-header,
.dkly-s5 .sec-header {
  text-align: center;
  margin-bottom: 64px;
}

.dkly-s3 .sec-header h2,
.dkly-s4 .sec-header h2,
.dkly-s5 .sec-header h2 {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 900;
  letter-spacing: -.02em;
  margin: 12px 0 16px;
}

.dkly-s3 .sec-header h2 {
  color: var(--brand-green);
}

.dkly-s4 .sec-header h2 {
  color: var(--brand-light);
}

.dkly-s5 .sec-header h2 {
  color: var(--brand-green);
}

.dkly-s3 .sec-header p {
  opacity: .6;
  font-size: 1.05rem;
}

.dkly-s4 .sec-header p {
  color: rgba(251, 249, 229, .7);
  font-size: 1.05rem;
}

/* ── Accent colour ── */
.dkly-s1 .accent,
.dkly-s3 .acc,
.dkly-s4 .acc,
.dkly-s5 .acc,
.dkly-s6 .acc,
.dkly-s7 .acc,
.dkly-s8 .acc,
.dkly-s9 .acc {
  color: var(--brand-orange);
}

/* ── Primary button ── */
.dkly-s1 .btn-pri,
.dkly-s2 .btn-pri,
.dkly-s6 .btn-pri,
.dkly-s7 .btn-pri,
.dkly-s8 .btn-pri {
  display: inline-flex;
  align-items: center;
  background: var(--brand-orange);
  color: var(--brand-light);
  border-radius: 4px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .15em;
  font-size: .85rem;
  text-decoration: none;
  transition: all .3s ease;
}

.dkly-s1 .btn-pri {
  padding: 16px 40px;
}

.dkly-s2 .btn-pri {
  padding: 16px 36px;
}

.dkly-s6 .btn-pri,
.dkly-s8 .btn-pri {
  padding: 20px 52px;
  font-size: .9rem;
}

.dkly-s7 .btn-pri {
  padding: 16px 36px;
  margin-top: 32px;
}

.dkly-s1 .btn-pri:hover,
.dkly-s2 .btn-pri:hover,
.dkly-s7 .btn-pri:hover {
  background: var(--brand-green);
  color: var(--brand-light);
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .2);
}

.dkly-s6 .btn-pri:hover,
.dkly-s8 .btn-pri:hover {
  background: var(--brand-light);
  color: var(--brand-green);
  transform: translateY(-3px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, .3);
}

/* ── Outline light button ── */
.dkly-s1 .btn-out,
.dkly-s8 .btn-out {
  display: inline-flex;
  align-items: center;
  padding: 16px 40px;
  border: 2px solid rgba(251, 249, 229, .5);
  color: var(--brand-light);
  font-weight: 800;
  font-size: .8rem;
  letter-spacing: .15em;
  text-decoration: none;
  border-radius: 3px;
  transition: all .3s ease;
}

.dkly-s8 .btn-out {
  padding: 20px 52px;
  font-size: .9rem;
}

.dkly-s1 .btn-out:hover,
.dkly-s8 .btn-out:hover {
  border-color: var(--brand-orange);
  color: var(--brand-orange);
}

/* ── Location link ── */
.dkly-s2 .loc-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--brand-green);
  font-weight: 700;
  font-size: .9rem;
  text-decoration: none;
  opacity: .8;
  transition: opacity .2s;
}

.dkly-s2 .loc-link:hover {
  opacity: 1;
}


/* ================================================================
   SECTION 1 — HERO
   ================================================================ */
.dkly-s1 .hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--brand-dark);
  padding-top: 90px;
}

.dkly-s1 .hero__bg {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(17, 34, 30, .85), rgba(17, 34, 30, .85)),
    url('https://dankley.com/wp-content/themes/dankley-fidi/assets/images/cannabis-bg.png');
  background-size: cover;
  background-position: center;
}

.dkly-s1 .hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(17, 30, 27, .92) 0%, rgba(31, 73, 61, .7) 60%, rgba(17, 30, 27, .95) 100%);
}

.dkly-s1 .hero__content {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 60px 24px 40px;
  max-width: 900px;
  width: 100%;
}

.dkly-s1 .hero__headline {
  font-size: clamp(3rem, 8vw, 6.5rem);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.03em;
  color: var(--brand-light);
  margin: 20px 0 24px;
}

.dkly-s1 .hero__sub {
  font-size: 1.1rem;
  color: rgba(251, 249, 229, .75);
  margin-bottom: 48px;
  letter-spacing: .05em;
}

.dkly-s1 .hero__actions {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 80px;
}

.dkly-s1 .hero__badges {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.dkly-s1 .hero__badge {
  text-align: center;
  padding: 0 40px;
}

.dkly-s1 .hero__badge-num {
  display: block;
  font-size: 2.5rem;
  font-weight: 900;
  color: var(--brand-orange);
  line-height: 1;
}

.dkly-s1 .hero__badge span:last-child {
  font-size: .7rem;
  letter-spacing: .15em;
  opacity: .6;
  color: var(--brand-light);
  text-transform: uppercase;
}

.dkly-s1 .hero__badge-sep {
  width: 1px;
  height: 48px;
  background: rgba(251, 249, 229, .15);
}

.dkly-s1 .scroll-hint {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.dkly-s1 .scroll-hint span {
  font-size: .65rem;
  letter-spacing: .2em;
  color: rgba(251, 249, 229, .4);
}

.dkly-s1 .scroll-line {
  width: 1px;
  height: 40px;
  background: linear-gradient(to bottom, rgba(251, 249, 229, .4), transparent);
  animation: dklyScroll 2s infinite;
}

@keyframes dklyScroll {

  0%,
  100% {
    opacity: .3
  }

  50% {
    opacity: 1
  }
}


/* ================================================================
   SECTION 2 — TRUSTED INTRO
   ================================================================ */
.dkly-s2 .section {
  background: #fff;
}

.dkly-s2 .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}

.dkly-s2 .intro-heading {
  font-size: clamp(2rem, 3.5vw, 2.8rem);
  font-weight: 900;
  line-height: 1.1;
  color: var(--brand-green);
  margin: 16px 0 24px;
}

.dkly-s2 .intro-body {
  font-size: 1.05rem;
  line-height: 1.85;
  opacity: .7;
  margin-bottom: 16px;
  color: #222;
}

.dkly-s2 .intro-links {
  display: flex;
  align-items: center;
  gap: 32px;
  margin-top: 40px;
  flex-wrap: wrap;
}

.dkly-s2 .stat-card {
  background: var(--brand-green);
  border-radius: 24px;
  padding: 50px 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}

.dkly-s2 .stat {
  text-align: center;
}

.dkly-s2 .stat-num {
  display: block;
  font-size: 3rem;
  font-weight: 900;
  color: var(--brand-light);
  line-height: 1;
  margin-bottom: 8px;
}

.dkly-s2 .stat-num .acc {
  color: var(--brand-orange);
}

.dkly-s2 .stat-label {
  font-size: .75rem;
  letter-spacing: .12em;
  color: rgba(251, 249, 229, .6);
  text-transform: uppercase;
}

.dkly-s2 .icon-pin {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}


/* ================================================================
   SECTION 3 — SHOP BY CATEGORY
   ================================================================ */
.dkly-s3 .section {
  background: var(--brand-light);
}

.dkly-s3 .cat-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
}

.dkly-s3 .cat-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 28px 16px;
  background: #fff;
  border: 2px solid rgba(31, 73, 61, .08);
  border-radius: 16px;
  text-decoration: none;
  transition: all .3s ease;
}

.dkly-s3 .cat-card:hover {
  border-color: var(--brand-orange);
  background: var(--brand-green);
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(31, 73, 61, .15);
}

.dkly-s3 .cat-card:hover .cat-icon svg {
  stroke: var(--brand-orange);
}

.dkly-s3 .cat-card:hover .cat-label {
  color: var(--brand-light);
}

.dkly-s3 .cat-icon {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dkly-s3 .cat-icon svg {
  width: 28px;
  height: 28px;
  stroke: var(--brand-green);
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke .3s;
}

.dkly-s3 .cat-label {
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--brand-green);
  text-align: center;
  transition: color .3s;
}


/* ================================================================
   SECTION 4 — SHOP BY EFFECT
   ================================================================ */
.dkly-s4 .section {
  background: var(--brand-dark);
}

.dkly-s4 .eff-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.dkly-s4 .eff-card {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  min-height: 280px;
  display: flex;
  align-items: flex-end;
  text-decoration: none;
  transition: transform .3s;
}

.dkly-s4 .eff-card:hover {
  transform: translateY(-6px);
}

.dkly-s4 .eff-bg {
  position: absolute;
  inset: 0;
  background-color: var(--effect-color, #1F493D);
  transition: transform .4s;
}

.dkly-s4 .eff-card:hover .eff-bg {
  transform: scale(1.05);
}

.dkly-s4 .eff-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .2) 60%, transparent 100%);
}

.dkly-s4 .eff-body {
  position: relative;
  z-index: 2;
  padding: 28px;
}

.dkly-s4 .eff-icon {
  display: block;
  margin-bottom: 10px;
}

.dkly-s4 .eff-icon svg {
  width: 32px;
  height: 32px;
  stroke: var(--brand-orange);
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.dkly-s4 .eff-name {
  font-size: 1.2rem;
  font-weight: 900;
  color: #fff;
  margin: 0 0 8px;
  letter-spacing: -.01em;
}

.dkly-s4 .eff-desc {
  font-size: .85rem;
  color: rgba(255, 255, 255, .7);
  margin: 0 0 16px;
  line-height: 1.5;
}

.dkly-s4 .eff-cta {
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .1em;
  color: var(--brand-orange);
  text-transform: uppercase;
}


/* ================================================================
   SECTION 5 — DISPENSARY SERVICES
   ================================================================ */
.dkly-s5 .section {
  background: #fff;
}

.dkly-s5 .svc-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
}

.dkly-s5 .svc-card {
  padding: 36px 24px;
  border: 1px solid rgba(31, 73, 61, .1);
  border-radius: 16px;
  text-align: center;
  transition: all .3s ease;
  background: var(--brand-light);
}

.dkly-s5 .svc-card:hover {
  border-color: var(--brand-orange);
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(31, 73, 61, .1);
}

.dkly-s5 .svc-icon {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}

.dkly-s5 .svc-icon svg {
  width: 38px;
  height: 38px;
  stroke: var(--brand-green);
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.dkly-s5 .svc-card h3 {
  font-size: .9rem;
  font-weight: 900;
  letter-spacing: .05em;
  color: var(--brand-green);
  margin: 0 0 12px;
}

.dkly-s5 .svc-card p {
  font-size: .85rem;
  opacity: .65;
  line-height: 1.65;
  margin: 0;
  color: #333;
}


/* ================================================================
   SECTION 6 — FIND YOUR PRODUCT CTA
   ================================================================ */
.dkly-s6 .pill {
  background: rgba(213, 104, 61, .15);
}

.dkly-s6 .find {
  position: relative;
  padding: 120px 40px;
  text-align: center;
  overflow: hidden;
  background: var(--brand-green);
}

.dkly-s6 .find-bg {
  position: absolute;
  inset: 0;
  background-image: url('https://dankley.com/wp-content/themes/dankley-fidi/assets/images/cannabis-bg.png');
  background-size: cover;
  opacity: .08;
  pointer-events: none;
}

.dkly-s6 .find-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, var(--brand-green) 30%, rgba(31, 73, 61, .7));
  pointer-events: none;
}

.dkly-s6 .find-content {
  position: relative;
  z-index: 2;
  max-width: 700px;
  margin: 0 auto;
}

.dkly-s6 .find-content h2 {
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 900;
  color: var(--brand-light);
  letter-spacing: -.02em;
  margin: 16px 0 24px;
}

.dkly-s6 .find-content p {
  font-size: 1.05rem;
  color: rgba(251, 249, 229, .8);
  margin-bottom: 48px;
  line-height: 1.8;
}


/* ================================================================
   SECTION 7 — LOYALTY & DISCOUNTS
   ================================================================ */
.dkly-s7 .section {
  background: var(--brand-light);
}

.dkly-s7 .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}

.dkly-s7 .left h2 {
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  font-weight: 900;
  color: var(--brand-green);
  margin: 16px 0 24px;
  line-height: 1.1;
}

.dkly-s7 .left p {
  font-size: 1rem;
  line-height: 1.8;
  opacity: .7;
  color: #333;
  margin-bottom: 12px;
}

.dkly-s7 .left p.small {
  margin-top: 16px;
  opacity: .55;
  font-size: .95rem;
}

.dkly-s7 .subhead {
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--brand-green);
  margin: 32px 0 12px;
}

.dkly-s7 .loyalty-card {
  background: var(--brand-green);
  border-radius: 24px;
  overflow: hidden;
}

.dkly-s7 .card-header {
  padding: 28px 32px;
  border-bottom: 1px solid rgba(251, 249, 229, .1);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dkly-s7 .card-badge {
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .2em;
  color: var(--brand-orange);
}

.dkly-s7 .card-pts {
  font-size: .85rem;
  color: rgba(251, 249, 229, .7);
}

.dkly-s7 .card-body {
  padding: 32px 32px 24px;
}

.dkly-s7 .perk {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(251, 249, 229, .07);
  font-size: .9rem;
  color: rgba(251, 249, 229, .85);
}

.dkly-s7 .perk:last-child {
  border-bottom: none;
}

.dkly-s7 .perk-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.dkly-s7 .perk-icon svg {
  width: 18px;
  height: 18px;
  stroke: var(--brand-orange);
  fill: none;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.dkly-s7 .card-cta {
  display: block;
  text-align: center;
  padding: 20px;
  background: var(--brand-orange);
  color: #fff;
  font-size: .8rem;
  font-weight: 900;
  letter-spacing: .15em;
  text-decoration: none;
  transition: background .3s;
}

.dkly-s7 .card-cta:hover {
  background: #c05a30;
}


/* ================================================================
   SECTION 8 — QUALITY CARE BANNER
   ================================================================ */
.dkly-s8 .pill {
  background: rgba(213, 104, 61, .15);
}

.dkly-s8 .quality {
  position: relative;
  padding: 140px 40px;
  text-align: center;
  overflow: hidden;
  background: #0a110f;
}

.dkly-s8 .quality-overlay {
  position: absolute;
  inset: 0;
  background-image: url('https://dankley.com/wp-content/themes/dankley-fidi/assets/images/cannabis-bg.png');
  background-size: cover;
  opacity: .05;
  pointer-events: none;
}

.dkly-s8 .quality-content {
  position: relative;
  z-index: 2;
  max-width: 700px;
  margin: 0 auto;
}

.dkly-s8 .quality-content h2 {
  font-size: clamp(2.4rem, 5vw, 4rem);
  font-weight: 900;
  color: var(--brand-light);
  letter-spacing: -.03em;
  margin: 20px 0 24px;
}

.dkly-s8 .quality-content p {
  font-size: 1.1rem;
  color: rgba(251, 249, 229, .7);
  margin-bottom: 48px;
  line-height: 1.8;
}

.dkly-s8 .actions {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}


/* ================================================================
   SECTION 9 — NEWSLETTER
   ================================================================ */
.dkly-s9 .section {
  background: #fff;
}

.dkly-s9 .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}

.dkly-s9 .nl-text h2 {
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  font-weight: 900;
  color: var(--brand-green);
  margin: 16px 0 16px;
  line-height: 1.1;
}

.dkly-s9 .nl-text p {
  opacity: .65;
  line-height: 1.8;
  color: #333;
}

.dkly-s9 .nl-label {
  display: block;
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: .2em;
  color: var(--brand-green);
  margin-bottom: 10px;
  text-transform: uppercase;
}

.dkly-s9 .nl-row {
  display: flex;
  gap: 0;
  border: 2px solid rgba(31, 73, 61, .2);
  border-radius: 4px;
  overflow: hidden;
}

.dkly-s9 .nl-input {
  flex: 1;
  padding: 16px 20px;
  border: none;
  outline: none;
  font-size: .95rem;
  background: var(--brand-light);
  color: var(--brand-green);
  font-family: inherit;
}

.dkly-s9 .nl-input::placeholder {
  color: rgba(31, 73, 61, .4);
}

.dkly-s9 .nl-btn {
  padding: 16px 28px;
  background: var(--brand-green);
  color: var(--brand-light);
  font-family: inherit;
  font-size: .75rem;
  font-weight: 900;
  letter-spacing: .1em;
  border: none;
  cursor: pointer;
  transition: background .3s;
  white-space: nowrap;
  text-transform: uppercase;
}

.dkly-s9 .nl-btn:hover {
  background: var(--brand-orange);
}

.dkly-s9 .nl-disclaimer {
  font-size: .75rem;
  opacity: .45;
  margin-top: 12px;
  line-height: 1.5;
  color: #333;
}

.dkly-s9 .nl-success {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 20px;
  background: rgba(31, 73, 61, .08);
  border-radius: 4px;
  color: var(--brand-green);
  font-weight: 700;
  font-size: .95rem;
  margin-top: 12px;
}

.dkly-s9 .nl-success[hidden] {
  display: none;
}

.dkly-s9 .nl-success svg {
  width: 20px;
  height: 20px;
  stroke: var(--brand-green);
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}

/* ── Error message ── */
.dkly-s9 .nl-error {
  font-size: .78rem;
  color: #c0392b;
  margin-top: 8px;
  min-height: 1em;
  display: none;
}

.dkly-s9 .nl-error--visible {
  display: block;
}

/* ── Error border on row ── */
.dkly-s9 .nl-row--error {
  border-color: #c0392b;
}

/* ── Loading state on button ── */
.dkly-s9 .nl-btn--loading .nl-btn-text {
  visibility: hidden;
}

.dkly-s9 .nl-btn-spinner {
  display: none;
}

.dkly-s9 .nl-btn--loading .nl-btn-spinner {
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  border: 2px solid rgba(251, 249, 229, .35);
  border-top-color: var(--brand-light);
  border-radius: 50%;
  animation: dklyNLSpin .7s linear infinite;
}

/* The button needs position:relative for the spinner to overlay */
.dkly-s9 .nl-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@keyframes dklyNLSpin {
  to { transform: rotate(360deg); }
}


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

/* ── 1024px ── */
@media (max-width: 1024px) {
  .dkly-s3 .cat-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .dkly-s4 .eff-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .dkly-s5 .svc-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* ── 768px ── */
@media (max-width: 768px) {

  .dkly-s2 .container,
  .dkly-s3 .container,
  .dkly-s4 .container,
  .dkly-s5 .container,
  .dkly-s7 .container,
  .dkly-s9 .container {
    padding: 0 20px;
  }

  .dkly-s2 .section,
  .dkly-s3 .section,
  .dkly-s4 .section,
  .dkly-s5 .section,
  .dkly-s7 .section,
  .dkly-s9 .section {
    padding: 60px 0;
  }

  .dkly-s2 .grid,
  .dkly-s7 .grid,
  .dkly-s9 .grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .dkly-s3 .cat-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }

  .dkly-s4 .eff-grid {
    grid-template-columns: 1fr;
  }

  .dkly-s5 .svc-grid {
    grid-template-columns: 1fr 1fr;
  }

  .dkly-s2 .stat-card {
    padding: 32px 24px;
    gap: 24px;
  }

  .dkly-s1 .hero__badge {
    padding: 0 20px;
  }

  .dkly-s1 .hero__headline {
    font-size: clamp(2.4rem, 10vw, 4rem);
  }

  .dkly-s6 .find,
  .dkly-s8 .quality {
    padding: 80px 24px;
  }

  .dkly-s9 .nl-row {
    flex-direction: column;
    border: none;
  }

  .dkly-s9 .nl-input {
    border: 2px solid rgba(31, 73, 61, .2);
    border-radius: 4px;
    margin-bottom: 10px;
  }

  .dkly-s9 .nl-btn {
    border-radius: 4px;
    padding: 16px;
  }
}

/* ── 480px ── */
@media (max-width: 480px) {
  .dkly-s3 .cat-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .dkly-s5 .svc-grid {
    grid-template-columns: 1fr;
  }

  .dkly-s1 .hero__actions {
    flex-direction: column;
    align-items: center;
  }

  .dkly-s8 .actions {
    flex-direction: column;
    align-items: center;
  }
}


/* ================================================================
   FOOTER — SITE FOOTER  (.dkly-ft)
   ================================================================ */

.dkly-ft {
  --brand-green: #1f493d;
  --brand-orange: #d5683d;
  --brand-light: #fbf9e5;
  --brand-dark: #1f493d;
  font-family: 'Outfit', 'Inter', sans-serif;
  box-sizing: border-box;
}

.dkly-ft *,
.dkly-ft *::before,
.dkly-ft *::after {
  box-sizing: inherit;
}

.dkly-ft .ft-root {
  background: var(--brand-dark);
  color: rgba(251, 249, 229, .75);
}

.dkly-ft .ft-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 80px 40px 0;
}

.dkly-ft .ft-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1.4fr;
  gap: 60px;
  padding-bottom: 60px;
  border-bottom: 1px solid rgba(251, 249, 229, .08);
}

/* Brand column */
.dkly-ft .ft-logo {
  font-size: 1.8rem;
  font-weight: 900;
  letter-spacing: .08em;
  color: var(--brand-light);
}

.dkly-ft .ft-tagline {
  font-size: .8rem;
  letter-spacing: .12em;
  color: rgba(251, 249, 229, .45);
  text-transform: uppercase;
  margin: 12px 0 28px;
}

.dkly-ft .ft-locations {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.dkly-ft .ft-location p,
.dkly-ft .ft-location a {
  font-size: .85rem;
  line-height: 1.6;
  color: rgba(251, 249, 229, .65);
  text-decoration: none;
}

.dkly-ft .ft-location a:hover {
  color: var(--brand-orange);
}

.dkly-ft .ft-location__label {
  display: block;
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: .18em;
  color: var(--brand-orange);
  margin-bottom: 6px;
}

.dkly-ft .ft-license {
  margin-top: 20px;
  font-size: .7rem;
  letter-spacing: .1em;
  opacity: .35;
  text-transform: uppercase;
}

/* Column headings */
.dkly-ft .ft-col__title {
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: .2em;
  color: var(--brand-orange);
  margin: 0 0 24px;
}

/* Quick links */
.dkly-ft .ft-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.dkly-ft .ft-links a {
  font-size: .85rem;
  color: rgba(251, 249, 229, .6);
  text-decoration: none;
  transition: color .2s;
}

.dkly-ft .ft-links a:hover {
  color: var(--brand-light);
}

/* Hours */
.dkly-ft .ft-hours {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.dkly-ft .ft-hours__name {
  display: block;
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .12em;
  color: var(--brand-light);
  margin-bottom: 6px;
}

.dkly-ft .ft-hours p {
  font-size: .84rem;
  line-height: 1.6;
  color: rgba(251, 249, 229, .6);
  margin: 0;
}

/* Legal */
.dkly-ft .ft-legal-text {
  font-size: .78rem;
  line-height: 1.7;
  color: rgba(251, 249, 229, .45);
  margin: 0;
}

.dkly-ft .ft-hopeline {
  display: inline-block;
  margin-top: 12px;
  font-size: .78rem;
  color: var(--brand-orange);
  text-decoration: none;
  opacity: .8;
  transition: opacity .2s;
}

.dkly-ft .ft-hopeline:hover {
  opacity: 1;
}

/* Bottom bar */
.dkly-ft .ft-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 0 32px;
  gap: 16px;
  flex-wrap: wrap;
}

.dkly-ft .ft-copyright,
.dkly-ft .ft-powered {
  font-size: .75rem;
  color: rgba(251, 249, 229, .35);
  margin: 0;
}

/* Footer Responsive */
@media (max-width: 1024px) {
  .dkly-ft .ft-grid {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
}

@media (max-width: 640px) {
  .dkly-ft .ft-inner {
    padding: 60px 20px 0;
  }

  .dkly-ft .ft-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .dkly-ft .ft-bottom {
    flex-direction: column;
    text-align: center;
  }
}


/* ================================================================
   CONTACT — SECTION 1: HERO  (.dkly-ct1)
   ================================================================ */

.dkly-ct1 {
  --brand-green: #1f493d;
  --brand-orange: #d5683d;
  --brand-light: #fbf9e5;
  --brand-dark: #1f493d;
  font-family: 'Outfit', 'Inter', sans-serif;
  box-sizing: border-box;
}

.dkly-ct1 *,
.dkly-ct1 *::before,
.dkly-ct1 *::after {
  box-sizing: inherit;
}

.dkly-ct1 .ct-hero {
  position: relative;
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  background:
    linear-gradient(rgba(17, 30, 27, .88), rgba(17, 30, 27, .88)),
    url('https://dankley.com/wp-content/themes/dankley-fidi/assets/images/cannabis-bg.png') center/cover;
  padding: 120px 24px 100px;
}

.dkly-ct1 .ct-hero__inner {
  position: relative;
  z-index: 2;
  max-width: 700px;
}

.dkly-ct1 .ct-hero h1 {
  font-size: clamp(2.8rem, 7vw, 5.5rem);
  font-weight: 900;
  letter-spacing: -.03em;
  line-height: 1;
  color: var(--brand-light);
  margin: 0 0 20px;
}

.dkly-ct1 .ct-acc {
  color: var(--brand-orange);
}

.dkly-ct1 .ct-hero p {
  font-size: 1.05rem;
  color: rgba(251, 249, 229, .7);
  letter-spacing: .04em;
  margin: 0;
  line-height: 1.8;
}

@media (max-width: 768px) {
  .dkly-ct1 .ct-hero {
    min-height: 50vh;
    padding: 90px 20px 70px;
  }
}


/* ================================================================
   CONTACT — SECTION 2: LOCATION CARDS  (.dkly-ct2)
   ================================================================ */

.dkly-ct2 {
  --brand-green: #1f493d;
  --brand-orange: #d5683d;
  --brand-light: #fbf9e5;
  font-family: 'Outfit', 'Inter', sans-serif;
  box-sizing: border-box;
}

.dkly-ct2 *,
.dkly-ct2 *::before,
.dkly-ct2 *::after {
  box-sizing: inherit;
}

.dkly-ct2 .ct-locations {
  background: var(--brand-light);
  padding: 80px 40px;
}

.dkly-ct2 .ct-locations__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  max-width: 1280px;
  margin: 0 auto;
}

.dkly-ct2 .ct-loc-card {
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(31, 73, 61, .08);
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 24px rgba(31, 73, 61, .06);
}

.dkly-ct2 .ct-loc-card__body {
  padding: 36px 36px 0;
}

.dkly-ct2 .ct-loc-card__title {
  font-size: 1.3rem;
  font-weight: 900;
  color: var(--brand-green);
  letter-spacing: -.01em;
  margin: 0 0 24px;
}

.dkly-ct2 .ct-acc {
  color: var(--brand-orange);
}

.dkly-ct2 .ct-info-block,
.dkly-ct2 .ct-hours-block {
  margin-bottom: 20px;
}

.dkly-ct2 .ct-info-block__label {
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: .18em;
  color: var(--brand-orange);
  margin: 0 0 4px;
}

.dkly-ct2 .ct-info-block__value {
  font-size: .9rem;
  color: #333;
  margin: 0;
}

.dkly-ct2 .ct-info-block__value a {
  color: var(--brand-green);
  font-weight: 700;
  text-decoration: none;
}

.dkly-ct2 .ct-info-block__value a:hover {
  color: var(--brand-orange);
}

.dkly-ct2 .ct-hours-block__times {
  font-size: .9rem;
  color: #333;
  line-height: 1.7;
  margin: 0;
}

.dkly-ct2 .ct-loc-card__map {
  height: 220px;
  margin: 24px 0 0;
  overflow: hidden;
}

.dkly-ct2 .ct-loc-card__map iframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

.dkly-ct2 .ct-loc-card__actions {
  display: flex;
  gap: 12px;
  padding: 20px 36px 28px;
}

.dkly-ct2 .ct-btn-order {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 20px;
  background: var(--brand-green);
  color: var(--brand-light);
  font-size: .75rem;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 4px;
  transition: all .3s;
}

.dkly-ct2 .ct-btn-order:hover {
  background: var(--brand-orange);
}

.dkly-ct2 .ct-btn-outline {
  background: transparent;
  color: var(--brand-green);
  border: 2px solid var(--brand-green);
}

.dkly-ct2 .ct-btn-outline:hover {
  background: var(--brand-green);
  color: var(--brand-light);
}

@media (max-width: 900px) {
  .dkly-ct2 .ct-locations__grid {
    grid-template-columns: 1fr;
  }

  .dkly-ct2 .ct-locations {
    padding: 60px 20px;
  }
}


/* ================================================================
   CONTACT — SECTION 3: INQUIRY  (.dkly-ct3)
   ================================================================ */

.dkly-ct3 {
  --brand-green: #1f493d;
  --brand-orange: #d5683d;
  --brand-light: #fbf9e5;
  --brand-dark: #1f493d;
  font-family: 'Outfit', 'Inter', sans-serif;
  box-sizing: border-box;
}

.dkly-ct3 *,
.dkly-ct3 *::before,
.dkly-ct3 *::after {
  box-sizing: inherit;
}

.dkly-ct3 .ct-inquiry {
  background: var(--brand-dark);
  padding: 100px 40px;
}

.dkly-ct3 .ct-inquiry__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  max-width: 1280px;
  margin: 0 auto;
  align-items: start;
}

/* Left: Content */
.dkly-ct3 .ct-pill {
  display: inline-block;
  padding: 8px 20px;
  background: rgba(213, 104, 61, .12);
  color: var(--brand-orange);
  border-radius: 100px;
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.dkly-ct3 .ct-inquiry__title {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 900;
  letter-spacing: -.02em;
  line-height: 1.05;
  color: var(--brand-light);
  margin: 0 0 20px;
}

.dkly-ct3 .ct-inquiry__subtitle {
  color: var(--brand-orange);
}

.dkly-ct3 .ct-inquiry__body {
  font-size: 1rem;
  line-height: 1.8;
  color: rgba(251, 249, 229, .65);
  margin: 0 0 36px;
}

.dkly-ct3 .ct-feature-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.dkly-ct3 .ct-feature-item {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.dkly-ct3 .ct-feature-icon {
  width: 32px;
  height: 32px;
  background: rgba(213, 104, 61, .15);
  color: var(--brand-orange);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .85rem;
  flex-shrink: 0;
}

.dkly-ct3 .ct-feature-item h3 {
  font-size: .9rem;
  font-weight: 900;
  color: var(--brand-light);
  margin: 0 0 4px;
  letter-spacing: .03em;
}

.dkly-ct3 .ct-feature-item p {
  font-size: .85rem;
  color: rgba(251, 249, 229, .55);
  margin: 0;
  line-height: 1.6;
}

.dkly-ct3 .ct-btn-primary {
  display: inline-flex;
  align-items: center;
  padding: 16px 36px;
  background: var(--brand-orange);
  color: var(--brand-light);
  text-decoration: none;
  font-size: .85rem;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
  border-radius: 4px;
  transition: all .3s;
}

.dkly-ct3 .ct-btn-primary:hover {
  background: var(--brand-light);
  color: var(--brand-green);
  transform: translateY(-2px);
}

/* Right: Form */
.dkly-ct3 .ct-inquiry__form {
  background: rgba(251, 249, 229, .04);
  border: 1px solid rgba(251, 249, 229, .08);
  border-radius: 20px;
  padding: 40px;
}

.dkly-ct3 .ct-form-title {
  font-size: 1.1rem;
  font-weight: 900;
  letter-spacing: .1em;
  color: var(--brand-light);
  margin: 0 0 8px;
}

.dkly-ct3 .ct-form-subtitle {
  font-size: .85rem;
  color: rgba(251, 249, 229, .45);
  margin: 0 0 28px;
}

.dkly-ct3 .ct-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.dkly-ct3 .ct-form__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

@media (max-width: 540px) {
  .dkly-ct3 .ct-form__row {
    grid-template-columns: 1fr;
  }
}

.dkly-ct3 .ct-form__group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.dkly-ct3 .ct-form__group label {
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: .18em;
  color: rgba(251, 249, 229, .45);
  text-transform: uppercase;
}

.dkly-ct3 .ct-form__group input,
.dkly-ct3 .ct-form__group select,
.dkly-ct3 .ct-form__group textarea {
  padding: 14px 16px;
  background: rgba(251, 249, 229, .06);
  border: 1px solid rgba(251, 249, 229, .12);
  border-radius: 6px;
  color: var(--brand-light);
  font-family: inherit;
  font-size: .9rem;
  outline: none;
  transition: border-color .2s;
  resize: vertical;
}

.dkly-ct3 .ct-form__group input::placeholder,
.dkly-ct3 .ct-form__group textarea::placeholder {
  color: rgba(251, 249, 229, .3);
}

.dkly-ct3 .ct-form__group select option {
  background: var(--brand-dark);
}

.dkly-ct3 .ct-form__group input:focus,
.dkly-ct3 .ct-form__group select:focus,
.dkly-ct3 .ct-form__group textarea:focus {
  border-color: var(--brand-orange);
}

.dkly-ct3 .ct-form__submit {
  padding: 16px;
  background: var(--brand-orange);
  color: var(--brand-light);
  font-family: inherit;
  font-size: .85rem;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background .3s;
  margin-top: 4px;
}

.dkly-ct3 .ct-form__submit:hover {
  background: var(--brand-green);
}

.dkly-ct3 .ct-form__success {
  padding: 16px 20px;
  background: rgba(31, 73, 61, .3);
  border: 1px solid rgba(31, 73, 61, .5);
  border-radius: 6px;
  color: var(--brand-light);
  font-weight: 700;
  font-size: .9rem;
  margin-top: 12px;
}

@media (max-width: 900px) {
  .dkly-ct3 .ct-inquiry__grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .dkly-ct3 .ct-inquiry {
    padding: 70px 20px;
  }
}


/* ================================================================
   ABOUT — SHARED TOKENS  (.dkly-ab1 … .dkly-ab6)
   ================================================================ */

.dkly-ab1,
.dkly-ab2,
.dkly-ab3,
.dkly-ab4,
.dkly-ab5,
.dkly-ab6 {
  --brand-green: #1f493d;
  --brand-orange: #d5683d;
  --brand-light: #fbf9e5;
  --brand-dark: #1f493d;
  font-family: 'Outfit', 'Inter', sans-serif;
  box-sizing: border-box;
}

.dkly-ab1 *,
.dkly-ab2 *,
.dkly-ab3 *,
.dkly-ab4 *,
.dkly-ab5 *,
.dkly-ab6 *,
.dkly-ab1 *::before,
.dkly-ab2 *::before,
.dkly-ab3 *::before,
.dkly-ab4 *::before,
.dkly-ab5 *::before,
.dkly-ab6 *::before,
.dkly-ab1 *::after,
.dkly-ab2 *::after,
.dkly-ab3 *::after,
.dkly-ab4 *::after,
.dkly-ab5 *::after,
.dkly-ab6 *::after {
  box-sizing: inherit;
}

/* Shared shared pills */
.dkly-ab1 .ab-pill,
.dkly-ab2 .ab-pill,
.dkly-ab3 .ab-pill,
.dkly-ab4 .ab-pill,
.dkly-ab5 .ab-pill,
.dkly-ab6 .ab-pill {
  display: inline-block;
  padding: 8px 20px;
  background: rgba(213, 104, 61, .1);
  color: var(--brand-orange);
  border-radius: 100px;
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.dkly-ab2 .ab-pill-dark,
.dkly-ab4 .ab-pill-dark {
  display: inline-block;
  padding: 8px 20px;
  background: rgba(31, 73, 61, .1);
  color: var(--brand-green);
  border: 1px solid rgba(31, 73, 61, .2);
  border-radius: 100px;
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
  margin-bottom: 20px;
}

/* Accent colour */
.dkly-ab1 .ab-acc,
.dkly-ab2 .ab-acc,
.dkly-ab3 .ab-acc,
.dkly-ab4 .ab-acc,
.dkly-ab5 .ab-acc,
.dkly-ab6 .ab-acc {
  color: var(--brand-orange);
}

/* Container */
.dkly-ab2 .ab-container,
.dkly-ab3 .ab-container,
.dkly-ab4 .ab-container,
.dkly-ab5 .ab-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
}

/* Shared image placeholder */
.dkly-ab2 .ab-img-placeholder,
.dkly-ab4 .ab-img-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: rgba(31, 73, 61, .06);
  border: 1px solid rgba(31, 73, 61, .1);
  border-radius: 20px;
  min-height: 300px;
  color: var(--brand-green);
  opacity: .5;
}

.dkly-ab2 .ab-img-placeholder svg,
.dkly-ab4 .ab-img-placeholder svg {
  width: 40px;
  height: 40px;
}

.dkly-ab4 .ab-img-placeholder--sm {
  min-height: 180px;
  margin-top: 24px;
  border-radius: 16px;
}


/* ================================================================
   ABOUT — SECTION 1: HERO  (.dkly-ab1)
   ================================================================ */

.dkly-ab1 .ab-hero {
  position: relative;
  min-height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  background: var(--brand-dark);
  padding: 120px 24px 100px;
}

.dkly-ab1 .ab-hero__bg {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(17, 30, 27, .9), rgba(17, 30, 27, .9)),
    url('https://dankley.com/wp-content/themes/dankley-fidi/assets/images/cannabis-bg.png');
  background-size: cover;
  background-position: center;
}

.dkly-ab1 .ab-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(17, 30, 27, .92) 0%, rgba(31, 73, 61, .65) 60%, rgba(17, 30, 27, .95) 100%);
}

.dkly-ab1 .ab-hero__content {
  position: relative;
  z-index: 2;
  max-width: 800px;
}

.dkly-ab1 .ab-hero h1 {
  font-size: clamp(3rem, 8vw, 6rem);
  font-weight: 900;
  letter-spacing: -.03em;
  line-height: 1;
  color: var(--brand-light);
  margin: 16px 0 20px;
}

.dkly-ab1 .ab-hero p {
  font-size: 1.05rem;
  color: rgba(251, 249, 229, .7);
  letter-spacing: .05em;
  line-height: 1.8;
  margin: 0;
}

@media (max-width: 768px) {
  .dkly-ab1 .ab-hero {
    min-height: 55vh;
    padding: 90px 20px 70px;
  }
}


/* ================================================================
   ABOUT — SECTION 2: MISSION  (.dkly-ab2)
   ================================================================ */

.dkly-ab2 .ab-mission {
  background: #fff;
  padding: 100px 0;
}

.dkly-ab2 .ab-mission__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}

.dkly-ab2 .ab-mission__left h2 {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 900;
  letter-spacing: -.02em;
  line-height: 1.1;
  color: var(--brand-green);
  margin: 0 0 24px;
}

.dkly-ab2 .ab-mission__lead {
  font-size: 1.05rem;
  line-height: 1.85;
  color: #333;
  opacity: .8;
  margin-bottom: 16px;
}

.dkly-ab2 .ab-mission__left p {
  font-size: .95rem;
  line-height: 1.8;
  opacity: .65;
  color: #333;
  margin: 0 0 16px;
}

.dkly-ab2 .ab-mission__quote {
  margin: 32px 0 0;
  padding: 24px 28px;
  border-left: 3px solid var(--brand-orange);
  background: rgba(213, 104, 61, .04);
  border-radius: 0 8px 8px 0;
}

.dkly-ab2 .ab-mission__quote p {
  font-size: 1rem;
  font-style: italic;
  color: var(--brand-green);
  font-weight: 600;
  margin: 0 0 8px;
  opacity: 1;
}

.dkly-ab2 .ab-mission__quote cite {
  font-size: .8rem;
  color: var(--brand-orange);
  font-style: normal;
  font-weight: 700;
}

@media (max-width: 900px) {
  .dkly-ab2 .ab-mission {
    padding: 70px 0;
  }

  .dkly-ab2 .ab-container {
    padding: 0 20px;
  }

  .dkly-ab2 .ab-mission__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}


/* ================================================================
   ABOUT — SECTION 3: THREE PILLARS  (.dkly-ab3)
   ================================================================ */

.dkly-ab3 .ab-pillars {
  background: var(--brand-dark);
  padding: 100px 0;
}

.dkly-ab3 .ab-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
}

.dkly-ab3 .ab-sec-header {
  text-align: center;
  margin-bottom: 64px;
}

.dkly-ab3 .ab-sec-header h2 {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 900;
  letter-spacing: -.02em;
  color: var(--brand-light);
  margin: 0;
}

.dkly-ab3 .ab-pillars__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

.dkly-ab3 .ab-pillar {
  padding: 40px 32px;
  background: rgba(251, 249, 229, .04);
  border: 1px solid rgba(251, 249, 229, .08);
  border-radius: 20px;
  transition: border-color .3s, transform .3s;
}

.dkly-ab3 .ab-pillar:hover {
  border-color: var(--brand-orange);
  transform: translateY(-6px);
}

.dkly-ab3 .ab-pillar__num {
  font-size: 3.5rem;
  font-weight: 900;
  color: rgba(251, 249, 229, .06);
  line-height: 1;
  margin-bottom: 12px;
}

.dkly-ab3 .ab-pillar__icon-wrap {
  width: 48px;
  height: 48px;
  background: rgba(213, 104, 61, .12);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.dkly-ab3 .ab-pillar__icon-wrap svg {
  width: 24px;
  height: 24px;
  stroke: var(--brand-orange);
}

.dkly-ab3 .ab-pillar h3 {
  font-size: .9rem;
  font-weight: 900;
  letter-spacing: .08em;
  color: var(--brand-light);
  margin: 0 0 12px;
}

.dkly-ab3 .ab-pillar p {
  font-size: .88rem;
  line-height: 1.75;
  color: rgba(251, 249, 229, .55);
  margin: 0;
}

@media (max-width: 900px) {
  .dkly-ab3 .ab-container {
    padding: 0 20px;
  }

  .dkly-ab3 .ab-pillars {
    padding: 70px 0;
  }

  .dkly-ab3 .ab-pillars__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

@media (max-width: 640px) {
  .dkly-ab3 .ab-pillars__grid {
    grid-template-columns: 1fr;
  }
}


/* ================================================================
   ABOUT — SECTION 4: STORY / TIMELINE  (.dkly-ab4)
   ================================================================ */

.dkly-ab4 .ab-story {
  background: #fff;
  padding: 100px 0;
}

.dkly-ab4 .ab-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
}

.dkly-ab4 .ab-story__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}

/* Timeline */
.dkly-ab4 .ab-story__timeline h2 {
  font-size: clamp(2rem, 3.5vw, 2.8rem);
  font-weight: 900;
  color: var(--brand-green);
  letter-spacing: -.02em;
  margin: 0 0 40px;
  line-height: 1.1;
}

.dkly-ab4 .ab-timeline {
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
}

.dkly-ab4 .ab-timeline::before {
  content: '';
  position: absolute;
  left: 10px;
  top: 12px;
  bottom: 12px;
  width: 2px;
  background: rgba(31, 73, 61, .1);
}

.dkly-ab4 .ab-timeline__item {
  display: flex;
  gap: 24px;
  padding-bottom: 32px;
  position: relative;
}

.dkly-ab4 .ab-timeline__marker {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(31, 73, 61, .15);
  border: 2px solid rgba(31, 73, 61, .25);
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  margin-top: 3px;
}

.dkly-ab4 .ab-timeline__marker--active {
  background: var(--brand-orange);
  border-color: var(--brand-orange);
  box-shadow: 0 0 0 4px rgba(213, 104, 61, .2);
}

.dkly-ab4 .ab-timeline__year {
  display: block;
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .12em;
  color: var(--brand-orange);
  text-transform: uppercase;
  margin-bottom: 4px;
}

.dkly-ab4 .ab-timeline__body h3 {
  font-size: 1rem;
  font-weight: 800;
  color: var(--brand-green);
  margin: 0 0 8px;
}

.dkly-ab4 .ab-timeline__body p {
  font-size: .88rem;
  line-height: 1.75;
  color: #555;
  margin: 0;
}

/* Stats grid */
.dkly-ab4 .ab-story__stat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 0;
}

.dkly-ab4 .ab-story__stat {
  background: var(--brand-light);
  border: 1px solid rgba(31, 73, 61, .08);
  border-radius: 16px;
  padding: 28px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
  transition: border-color .3s, transform .3s;
}

.dkly-ab4 .ab-story__stat:hover {
  border-color: var(--brand-orange);
  transform: translateY(-3px);
}

.dkly-ab4 .ab-story__stat svg {
  width: 24px;
  height: 24px;
  stroke: var(--brand-orange);
}

.dkly-ab4 .ab-story__stat-num {
  font-size: 2rem;
  font-weight: 900;
  color: var(--brand-green);
  line-height: 1;
}

.dkly-ab4 .ab-story__stat-label {
  font-size: .7rem;
  letter-spacing: .1em;
  color: rgba(31, 73, 61, .55);
  text-transform: uppercase;
}

@media (max-width: 900px) {
  .dkly-ab4 .ab-container {
    padding: 0 20px;
  }

  .dkly-ab4 .ab-story {
    padding: 70px 0;
  }

  .dkly-ab4 .ab-story__grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }
}


/* ================================================================
   ABOUT — SECTION 5: COMPLIANCE  (.dkly-ab5)
   ================================================================ */

.dkly-ab5 .ab-compliance {
  background: var(--brand-dark);
  padding: 100px 0;
}

.dkly-ab5 .ab-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
}

.dkly-ab5 .ab-compliance__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}

/* Text side */
.dkly-ab5 .ab-compliance__text h2 {
  font-size: clamp(1.8rem, 3.5vw, 2.6rem);
  font-weight: 900;
  color: var(--brand-light);
  letter-spacing: -.01em;
  margin: 0 0 24px;
  line-height: 1.15;
}

.dkly-ab5 .ab-compliance__text p {
  font-size: .92rem;
  line-height: 1.8;
  color: rgba(251, 249, 229, .6);
  margin: 0 0 16px;
}

.dkly-ab5 .ab-compliance__badges {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 32px;
}

.dkly-ab5 .ab-compliance__badge {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  background: rgba(251, 249, 229, .04);
  border: 1px solid rgba(251, 249, 229, .08);
  border-radius: 10px;
  font-size: .8rem;
  color: rgba(251, 249, 229, .7);
  transition: border-color .2s;
}

.dkly-ab5 .ab-compliance__badge:hover {
  border-color: var(--brand-orange);
}

.dkly-ab5 .ab-compliance__badge svg {
  width: 18px;
  height: 18px;
  stroke: var(--brand-orange);
  flex-shrink: 0;
}

/* Visual card side */
.dkly-ab5 .ab-compliance__card {
  background: rgba(251, 249, 229, .04);
  border: 1px solid rgba(251, 249, 229, .1);
  border-radius: 20px;
  overflow: hidden;
}

.dkly-ab5 .ab-compliance__card-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 24px 28px;
  border-bottom: 1px solid rgba(251, 249, 229, .08);
  font-size: .75rem;
  font-weight: 900;
  letter-spacing: .18em;
  color: var(--brand-orange);
}

.dkly-ab5 .ab-compliance__card-header svg {
  width: 20px;
  height: 20px;
  stroke: var(--brand-orange);
}

.dkly-ab5 .ab-compliance__list {
  list-style: none;
  padding: 24px 28px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.dkly-ab5 .ab-compliance__list li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: .88rem;
  color: rgba(251, 249, 229, .7);
  line-height: 1.5;
}

.dkly-ab5 .ab-compliance__list li svg {
  width: 16px;
  height: 16px;
  stroke: var(--brand-orange);
  flex-shrink: 0;
}

@media (max-width: 900px) {
  .dkly-ab5 .ab-container {
    padding: 0 20px;
  }

  .dkly-ab5 .ab-compliance {
    padding: 70px 0;
  }

  .dkly-ab5 .ab-compliance__grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .dkly-ab5 .ab-compliance__badges {
    grid-template-columns: 1fr;
  }
}


/* ================================================================
   ABOUT — SECTION 6: VISIT US CTA  (.dkly-ab6)
   ================================================================ */

.dkly-ab6 .ab-cta {
  position: relative;
  min-height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  padding: 120px 40px;
}

.dkly-ab6 .ab-cta__bg {
  position: absolute;
  inset: 0;
  background: var(--brand-green);
  background-image:
    url('https://dankley.com/wp-content/themes/dankley-fidi/assets/images/cannabis-bg.png');
  background-size: cover;
  background-position: center;
  opacity: .06;
}

.dkly-ab6 .ab-cta__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, var(--brand-green) 20%, rgba(31, 73, 61, .75) 100%);
}

.dkly-ab6 .ab-cta__content {
  position: relative;
  z-index: 2;
  max-width: 680px;
}

.dkly-ab6 .ab-cta h2 {
  font-size: clamp(2.5rem, 6vw, 4.5rem);
  font-weight: 900;
  letter-spacing: -.03em;
  line-height: 1;
  color: var(--brand-light);
  margin: 16px 0 20px;
}

.dkly-ab6 .ab-cta p {
  font-size: 1rem;
  line-height: 1.8;
  color: rgba(251, 249, 229, .75);
  margin: 0 0 40px;
}

.dkly-ab6 .ab-cta__actions {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

.dkly-ab6 .ab-btn-primary {
  display: inline-flex;
  align-items: center;
  padding: 18px 44px;
  background: var(--brand-orange);
  color: var(--brand-light);
  font-size: .85rem;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 4px;
  transition: all .3s;
}

.dkly-ab6 .ab-btn-primary:hover {
  background: var(--brand-light);
  color: var(--brand-green);
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .2);
}

.dkly-ab6 .ab-btn-outline {
  display: inline-flex;
  align-items: center;
  padding: 18px 44px;
  border: 2px solid rgba(251, 249, 229, .5);
  color: var(--brand-light);
  font-size: .85rem;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 4px;
  transition: all .3s;
}

.dkly-ab6 .ab-btn-outline:hover {
  border-color: var(--brand-orange);
  color: var(--brand-orange);
}

@media (max-width: 768px) {
  .dkly-ab6 .ab-cta {
    padding: 80px 20px;
  }

  .dkly-ab6 .ab-cta__actions {
    flex-direction: column;
    align-items: center;
  }
}


/* ================================================================
   FOOTER — LEGAL DISCLAIMER BAR  (.dkly-fleg)
   Place directly below the main footer widget (10-footer.html)
   ================================================================ */

.dkly-fleg {
  --brand-green: #1f493d;
  --brand-orange: #d5683d;
  --brand-light: #fbf9e5;
  --brand-dark: #1f493d;
  font-family: 'Outfit', 'Inter', sans-serif;
  box-sizing: border-box;
}

.dkly-fleg *,
.dkly-fleg *::before,
.dkly-fleg *::after {
  box-sizing: inherit;
}

.dkly-fleg .fleg-bar {
  background: #0a100e;
  border-top: 1px solid rgba(251, 249, 229, .06);
  padding: 28px 40px;
}

.dkly-fleg .fleg-inner {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  gap: 32px;
  flex-wrap: wrap;
}

/* License badge */
.dkly-fleg .fleg-license {
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .14em;
  color: var(--brand-orange);
  text-transform: uppercase;
  white-space: nowrap;
  padding-top: 2px;
  flex-shrink: 0;
}

/* Vertical divider */
.dkly-fleg .fleg-divider {
  width: 1px;
  align-self: stretch;
  min-height: 40px;
  background: rgba(251, 249, 229, .07);
  flex-shrink: 0;
}

/* Main legal text */
.dkly-fleg .fleg-body p {
  font-size: .74rem;
  line-height: 1.65;
  color: rgba(251, 249, 229, .38);
  margin: 0 0 6px;
}

.dkly-fleg .fleg-body p:last-child {
  margin-bottom: 0;
}

.dkly-fleg .fleg-body strong {
  color: rgba(251, 249, 229, .55);
  font-weight: 700;
}

/* HOPENY block */
.dkly-fleg .fleg-hopeny {
  flex-shrink: 0;
}

.dkly-fleg .fleg-hopeny p {
  font-size: .74rem;
  line-height: 1.65;
  color: rgba(251, 249, 229, .38);
  margin: 0 0 4px;
}

.dkly-fleg .fleg-hopeny p:last-of-type {
  margin-bottom: 6px;
}

.dkly-fleg .fleg-hopeny strong {
  color: rgba(251, 249, 229, .55);
  font-weight: 700;
}

.dkly-fleg .fleg-hopeny a {
  font-size: .74rem;
  color: var(--brand-orange);
  text-decoration: none;
  opacity: .7;
  transition: opacity .2s;
}

.dkly-fleg .fleg-hopeny a:hover {
  opacity: 1;
}

/* Responsive */
@media (max-width: 900px) {
  .dkly-fleg .fleg-bar {
    padding: 24px 20px;
  }

  .dkly-fleg .fleg-divider {
    display: none;
  }

  .dkly-fleg .fleg-inner {
    flex-direction: column;
    gap: 16px;
  }
}


/* ================================================================
   HEADER & STORE SWITCHER  (.dkly-hd)
   ================================================================ */

.dkly-hd {
  --brand-green:  #1f493d;
  --brand-orange: #d5683d;
  --brand-light:  #fbf9e5;
  --brand-dark:   #1f493d;
  --shadow-premium: 0 40px 100px -20px rgba(0, 0, 0, 0.4);
  font-family: 'Outfit', 'Inter', sans-serif;
  box-sizing: border-box;
}
.dkly-hd *, .dkly-hd *::before, .dkly-hd *::after { box-sizing: inherit; }

.dkly-hd .site-header {
  position: absolute;
  top: 0; left: 0; right: 0; width: 100%;
  z-index: 999;
  background: var(--brand-green);
  border-bottom: 1px solid rgba(251, 249, 229, 0.07);
  transition: padding 0.4s cubic-bezier(0.16, 1, 0.3, 1), background 0.4s ease;
  padding: 6px 0 !important;
}
.dkly-hd .site-header.scrolled {
  padding: 8px 0 !important;
  background: rgba(17, 34, 30, 0.97);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom-color: rgba(251, 249, 229, 0.04);
}

.dkly-hd .nav-container {
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 5vw; max-width: 1600px; margin: 0 auto; gap: 20px;
}

/* Logos */
.dkly-hd .logo-text {
  font-family: 'Outfit', sans-serif; font-size: 1.15rem; font-weight: 900;
  letter-spacing: 0.22rem; color: var(--brand-light); white-space: nowrap; display: block;
}
.dkly-hd .logo a { text-decoration: none; display: flex; align-items: center; }

/* Desktop Nav */
.dkly-hd .mobile-nav-order { display: none; }
.dkly-hd .main-nav { flex: 1; display: flex; justify-content: center; }
.dkly-hd .main-nav > ul { display: flex; list-style: none; gap: 32px; margin: 0; padding: 0; }
.dkly-hd .main-nav ul li a {
  color: var(--brand-light); font-family: 'Inter', sans-serif; font-weight: 600; font-size: 0.72rem;
  text-transform: uppercase; letter-spacing: 0.15rem; opacity: 0.65; transition: opacity 0.3s ease, color 0.3s ease;
  display: flex; align-items: center; gap: 6px; padding: 6px 0; border-bottom: 2px solid transparent; text-decoration: none;
}
.dkly-hd .main-nav ul li a:hover { opacity: 1; color: var(--brand-orange); border-bottom-color: var(--brand-orange); }
.dkly-hd .menu-item-has-children > a::after {
  content: ''; display: inline-block; width: 8px; height: 8px; border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor; transform: rotate(45deg); margin-bottom: 4px; opacity: 0.6; transition: transform 0.3s ease;
}
.dkly-hd .menu-item-has-children.sub-menu-open > a::after { transform: rotate(-135deg); margin-bottom: -2px; }

/* Submenu */
.dkly-hd .main-nav ul li { position: relative; }
.dkly-hd .main-nav ul li ul.sub-menu {
  position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); background: var(--brand-dark); min-width: 220px;
  padding: 15px 0; border-radius: 8px; list-style: none; margin: 0; display: flex !important; flex-direction: column !important;
  align-items: stretch !important; gap: 0; opacity: 0; visibility: hidden; pointer-events: none; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: var(--shadow-premium); border: 1px solid rgba(251, 249, 229, 0.08); z-index: 100;
}
.dkly-hd .main-nav ul li.sub-menu-open ul.sub-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%) translateY(0); }
.dkly-hd .main-nav ul li .sub-menu li a { padding: 12px 25px; font-size: 0.7rem; color: var(--brand-light); opacity: 0.7; white-space: nowrap; border: none; text-align: center; justify-content: center; }
.dkly-hd .main-nav ul li .sub-menu li a:hover { opacity: 1; color: var(--brand-orange); background: rgba(251, 249, 225, 0.05); }

/* Header Actions */
.dkly-hd .header-actions { display: flex; align-items: center; gap: 16px; flex-shrink: 0; }
.dkly-hd .header-cta {
  background: var(--brand-orange); color: var(--brand-light); padding: 12px 24px; border-radius: 4px; font-size: 0.72rem;
  font-weight: 900; text-transform: uppercase; letter-spacing: 0.15rem; white-space: nowrap; transition: all 0.3s ease;
  text-decoration: none; display: inline-flex; align-items: center; border: 1.5px solid var(--brand-orange);
}
.dkly-hd .header-cta:hover { background: var(--brand-light); color: var(--brand-green); border-color: var(--brand-light); }

/* Switcher Button */
.dkly-hd .store-switcher-btn {
  display: inline-flex; align-items: center; gap: 7px; background: transparent; border: 1.5px solid rgba(251, 249, 229, 0.3);
  color: var(--brand-light); padding: 10px 16px; border-radius: 4px; font-family: 'Outfit', sans-serif; font-size: 0.68rem; font-weight: 900;
  letter-spacing: 0.12em; text-transform: uppercase; cursor: pointer; transition: all 0.3s ease; white-space: nowrap; flex-shrink: 0;
}
.dkly-hd .store-switcher-btn:hover { background: rgba(251, 249, 229, 0.08); border-color: var(--brand-orange); color: var(--brand-orange); }
.dkly-hd .store-switcher-icon { width: 18px; height: 18px; stroke: currentColor; flex-shrink: 0; }
.dkly-hd .store-switcher-btn__label { font-size: 0.65rem; font-weight: 700; letter-spacing: 0.12em; }

/* Hamburger */
.dkly-hd .mobile-toggle {
  display: none; flex-direction: column; justify-content: center; gap: 5px; width: 40px; height: 40px; background: none; border: none; border-radius: 4px;
  cursor: pointer; padding: 6px; z-index: 10001; flex-shrink: 0;
}
.dkly-hd .hamburger-bar { display: block; width: 100%; height: 2px; background: var(--brand-light); border-radius: 2px; transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease, width 0.3s ease; transform-origin: center; }
.dkly-hd .mobile-toggle.active .bar-1 { transform: translateY(7px) rotate(45deg); }
.dkly-hd .mobile-toggle.active .bar-2 { opacity: 0; width: 0; }
.dkly-hd .mobile-toggle.active .bar-3 { transform: translateY(-7px) rotate(-45deg); }

.dkly-hd .mobile-overlay {
  display: none; position: fixed; inset: 0; background: rgba(10, 20, 15, 0.75); z-index: 900; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
  opacity: 0; pointer-events: none; transition: opacity 0.35s ease;
}
.dkly-hd .mobile-overlay.visible { opacity: 1; pointer-events: auto; }

/* Mobile CSS */
@media (max-width: 900px) {
  .dkly-hd .mobile-toggle { display: flex; }
  .dkly-hd .mobile-overlay { display: block; pointer-events: none; }
  .dkly-hd .main-nav {
    position: fixed; top: 0; right: -100%; width: min(320px, 80vw); height: 100vh; height: 100dvh; background: var(--brand-green);
    border-left: 1px solid rgba(251, 249, 229, 0.08); box-shadow: -20px 0 60px rgba(0, 0, 0, 0.4); z-index: 999; padding: 100px 40px 60px;
    overflow-y: auto; flex-direction: column; justify-content: flex-start; transition: right 0.45s cubic-bezier(0.16, 1, 0.3, 1); display: flex !important;
  }
  .dkly-hd .main-nav.open { right: 0; }
  .dkly-hd .main-nav ul { flex-direction: column; gap: 0; width: 100%; }
  .dkly-hd .main-nav ul li { border-bottom: 1px solid rgba(251, 249, 229, 0.06); }
  .dkly-hd .main-nav ul li a { font-size: 0.9rem; letter-spacing: 0.15em; opacity: 0.75; padding: 18px 0; border-bottom: none; }
  .dkly-hd .main-nav ul li a:hover { opacity: 1; color: var(--brand-orange); padding-left: 8px; }
  .dkly-hd .mobile-nav-order {
    display: flex; align-items: center; justify-content: center; gap: 10px; background: var(--brand-orange); color: var(--brand-light); margin-top: 30px;
    padding: 16px 24px; border-radius: 4px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.15rem; font-size: 0.85rem; text-decoration: none; transition: background 0.3s;
  }
  .dkly-hd .main-nav ul li ul.sub-menu { position: static !important; transform: none !important; opacity: 1 !important; visibility: visible !important; display: none !important; box-shadow: none; border: none; padding: 0 0 15px 15px; background: transparent; min-width: 100%; pointer-events: auto; }
  .dkly-hd .main-nav ul li.sub-menu-open ul.sub-menu { display: block !important; }
  .dkly-hd .main-nav ul li .sub-menu li a { text-align: left; justify-content: flex-start; padding: 10px 15px; font-size: 0.85rem; opacity: 0.6; }
}
@media (max-width: 480px) {
  .dkly-hd .nav-container { padding: 0 20px; }
  .dkly-hd .logo-text { font-size: 1rem; letter-spacing: 0.15rem; }
  .dkly-hd .header-cta { padding: 10px 14px; font-size: 0.62rem; letter-spacing: 0.1em; }
  .dkly-hd .store-switcher-btn { width: 34px; height: 34px; padding: 8px; justify-content: center; }
  .dkly-hd .store-switcher-btn .store-switcher-btn__label { display: none; }
  .dkly-hd .store-switcher-icon { width: 16px; height: 16px; }
}

/* Store Switcher Drawer */
.dkly-hd .store-switcher-overlay {
  display: none; position: fixed; inset: 0; background: rgba(10, 20, 15, 0.75); z-index: 9998; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); opacity: 0; transition: opacity 0.35s ease;
}
.dkly-hd .store-switcher-overlay.visible { opacity: 1; }
.dkly-hd .store-switcher-drawer {
  position: fixed; top: 0; right: -480px; width: 460px; max-width: 95vw; height: 100vh; height: 100dvh;
  background: radial-gradient(circle at top center, #1a3a31 0%, var(--brand-dark) 100%);
  z-index: 9999; padding: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: right 0.45s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: -20px 0 60px rgba(0, 0, 0, 0.5); border-left: 1px solid rgba(251, 249, 229, 0.07); display: flex; flex-direction: column; color: var(--brand-light);
}
.dkly-hd .store-switcher-drawer.open { right: 0; }
.dkly-hd .store-switcher-drawer__header { display: flex; align-items: center; justify-content: space-between; padding: 28px 32px 20px; border-bottom: 1px solid rgba(251, 249, 229, 0.07); flex-shrink: 0; }
.dkly-hd .store-switcher-drawer__title { font-family: 'Outfit', sans-serif; font-size: 0.72rem; font-weight: 900; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(251, 249, 229, 0.5); }
.dkly-hd .store-switcher-close { background: none; border: none; color: rgba(251, 249, 229, 0.5); cursor: pointer; padding: 6px; display: flex; align-items: center; border-radius: 50%; transition: all 0.3s; line-height: 1; font-size: 1.4rem; }
.dkly-hd .store-switcher-close:hover { color: var(--brand-light); background: rgba(251, 249, 229, 0.06); }
.dkly-hd .store-switcher-drawer__body { padding: 32px 32px 40px; flex: 1; display: flex; flex-direction: column; gap: 24px; }
.dkly-hd .store-switcher-drawer__intro { font-family: 'Outfit', sans-serif; font-size: clamp(1.6rem, 5vw, 2.2rem); font-weight: 900; line-height: 1.1; letter-spacing: 0.05em; text-transform: uppercase; margin: 0; }
.dkly-hd .store-switcher-drawer__intro span { color: var(--brand-orange); }
.dkly-hd .store-switcher-drawer__sub { font-size: 0.9rem; color: rgba(251, 249, 229, 0.5); margin: -12px 0 0; line-height: 1.5; font-family: 'Inter', sans-serif;}
.dkly-hd .ss-location-card {
  background: rgba(251, 249, 229, 0.04); border: 1px solid rgba(251, 249, 229, 0.09); border-radius: 18px; padding: 28px 24px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275); display: flex; flex-direction: column; gap: 0; text-decoration: none;
}
.dkly-hd .ss-location-card:hover { border-color: var(--brand-orange); background: rgba(251, 249, 229, 0.07); box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.4); transform: translateY(-4px); }
.dkly-hd .ss-card__city { font-family: 'Outfit', sans-serif; font-size: 1.25rem; font-weight: 900; color: var(--brand-orange); letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 4px; line-height: 1;}
.dkly-hd .ss-card__neighborhood { font-size: 0.65rem; font-weight: 900; letter-spacing: 0.22em; color: var(--brand-orange); opacity: 0.65; text-transform: uppercase; margin-bottom: 12px; font-family: 'Inter', sans-serif;}
.dkly-hd .ss-card__address { color: rgba(251, 249, 229, 0.75); font-size: 0.88rem; line-height: 1.6; margin-bottom: 6px; font-family: 'Inter', sans-serif;}
.dkly-hd .ss-card__phone a { color: rgba(251, 249, 229, 0.5); font-size: 0.82rem; text-decoration: none; transition: color 0.2s; font-family: 'Inter', sans-serif;}
.dkly-hd .ss-card__phone a:hover { color: var(--brand-light); }
.dkly-hd .ss-card__actions { display: flex; flex-direction: column; gap: 10px; margin-top: 20px; }
.dkly-hd .ss-btn-visit { display: block; text-align: center; background: var(--brand-orange); color: #fff !important; font-family: 'Outfit', sans-serif; font-weight: 900; font-size: 0.78rem; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; padding: 14px 24px; border-radius: 100px; transition: all 0.3s ease; box-shadow: 0 8px 20px -5px rgba(213, 104, 61, 0.4); }
.dkly-hd .ss-btn-visit:hover { background: var(--brand-light); color: #18342d !important; transform: scale(1.03); }
.dkly-hd .store-switcher-drawer__footer { padding: 16px 32px 24px; border-top: 1px solid rgba(251, 249, 229, 0.05); font-size: 0.75rem; color: rgba(251, 249, 229, 0.35); text-align: center; line-height: 1.5; flex-shrink: 0; font-family: 'Inter', sans-serif; }

@media (max-width: 768px) {
  .dkly-hd .store-switcher-drawer {
    right: auto; left: 0; bottom: 0; transform: translateY(120%); visibility: hidden; top: auto; width: 100%; max-width: 100%; height: auto; max-height: 92vh; border-left: none; border-top: 1px solid rgba(251, 249, 229, 0.09); border-radius: 24px 24px 0 0; box-shadow: 0 -20px 60px rgba(0, 0, 0, 0.5); transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), visibility 0s 0.45s;
  }
  .dkly-hd .store-switcher-drawer.open { right: auto; bottom: 0; transform: translateY(0); visibility: visible; transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), visibility 0s 0s; }
  .dkly-hd .store-switcher-drawer__body { padding: 24px 20px 32px; }
  .dkly-hd .store-switcher-drawer__header { padding: 20px 24px 16px; }
}

/* Standard Dankley Primary Button */
.btn-pri {
    border-radius: 4px !important;    /* Change to 0px for square, 100px for pill-shape */
}

.e--pointer-underline .elementor-item:after{
	    background-color: #fbf9e5;
}


/* ================================================================
   12. STANDALONE ELEMENTOR STORE SWITCHER WIDGET
   ================================================================ */

.elementor-store-switcher .store-switcher-btn.has-store {
  background: var(--brand-orange, #d5683d) !important;
  border-color: var(--brand-orange, #d5683d) !important;
  color: #fff !important;
}

/* Base styles incase it's not nested inside header */
.elementor-store-switcher.dkly-hd {
  font-family: 'Outfit', 'Inter', sans-serif;
}

/* Make sure the drawer overlay stays above everything else */
.elementor-store-switcher .store-switcher-overlay {
  z-index: 999998 !important;
}
.elementor-store-switcher .store-switcher-drawer {
  z-index: 999999 !important;
}


/* ----------------------------------------------------------------
   MODERN STORE SWITCHER (NEW DESIGN OVERRIDES)
   ---------------------------------------------------------------- */

.dkly-hd .store-switcher-drawer.modern-switcher {
  background: radial-gradient(circle at top center, #1a3a31 0%, var(--brand-dark, #1f493d) 100%);
  color: var(--brand-light, #fbf9e5);
  width: 440px;
  max-width: 100vw;
  padding: 0;
  border-radius: 20px 0 0 20px;
  display: flex;
  flex-direction: column;
  border-left: 1px solid rgba(251, 249, 229, 0.08); /* slight crisp edge */
}

.modern-switcher .store-switcher-drawer__header {
  padding: 24px 32px 16px;
  border-bottom: 1px solid rgba(251, 249, 229, 0.07);
}
.modern-switcher .store-switcher-drawer__title {
  color: rgba(251, 249, 229, 0.8);
  font-size: 1.15rem;
  text-transform: none;
  letter-spacing: 0;
  font-family: 'Outfit', sans-serif;
  font-weight: 800;
}
.modern-switcher .store-switcher-close {
  color: rgba(251, 249, 229, 0.4);
  font-size: 1.2rem;
  padding: 6px;
  background: transparent;
  border-radius: 50%;
  transition: all 0.3s ease;
}
.modern-switcher .store-switcher-close:hover {
  background: rgba(251, 249, 229, 0.08);
  color: var(--brand-light, #fbf9e5);
}

.modern-switcher .ss-drawer-body {
  padding: 24px 32px 0;
  flex: 1;
  overflow-y: auto;
}

/* Toggle Container */
.modern-switcher .ss-toggle-container {
  display: flex;
  background: rgba(251, 249, 229, 0.05); /* very dark/translucent */
  border-radius: 8px;
  padding: 6px;
  margin-bottom: 24px;
}
.modern-switcher .ss-toggle-btn {
  flex: 1;
  padding: 12px 0;
  border: none;
  background: transparent;
  font-family: 'Outfit', sans-serif;
  font-weight: 800;
  font-size: 0.95rem;
  color: rgba(251, 249, 229, 0.5); /* inactive pale yellow */
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.modern-switcher .ss-toggle-btn svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  opacity: 0.6;
}
.modern-switcher .ss-toggle-btn:hover:not(.active) {
  color: rgba(251, 249, 229, 0.8);
}
.modern-switcher .ss-toggle-btn.active {
  background: var(--brand-orange, #d5683d);
  color: #fff;
  box-shadow: 0 4px 12px rgba(213, 104, 61, 0.3);
}
.modern-switcher .ss-toggle-btn.active svg {
  opacity: 1;
}

/* View Panels */
.modern-switcher .ss-view {
  display: none;
  animation: fadeIn 0.3s ease;
}
.modern-switcher .ss-view.active {
  display: block;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Pickup Options (Glassmorphism inspired by your theme) */
.modern-switcher .ss-location-option {
  display: block;
  position: relative;
  cursor: pointer;
  padding: 20px 20px 20px 48px;
  background: rgba(251, 249, 229, 0.03);
  border: 1px solid rgba(251, 249, 229, 0.08);
  border-radius: 12px;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  margin-bottom: 12px;
}
.modern-switcher .ss-location-option:hover {
  background: rgba(251, 249, 229, 0.06);
  border-color: rgba(251, 249, 229, 0.15);
  transform: translateY(-2px);
}
.modern-switcher .ss-location-option input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.modern-switcher .ss-radio-custom {
  position: absolute;
  top: 24px;
  left: 16px;
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid rgba(251, 249, 229, 0.3);
  border-radius: 50%;
  transition: all 0.2s;
}
.modern-switcher .ss-location-option input:checked ~ .ss-radio-custom {
  border-color: var(--brand-orange, #d5683d);
}
.modern-switcher .ss-radio-custom:after {
  content: "";
  position: absolute;
  display: none;
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--brand-orange, #d5683d);
}
.modern-switcher .ss-location-option input:checked ~ .ss-radio-custom:after {
  display: block;
}

/* When radio is checked, highlight the card border */
.modern-switcher .ss-location-option:has(input:checked) {
  border-color: var(--brand-orange, #d5683d);
  background: rgba(251, 249, 229, 0.05);
}

.modern-switcher .ss-location-info h4 {
  margin: 0 0 6px;
  font-family: 'Outfit', sans-serif;
  font-size: 1.05rem;
  color: var(--brand-light, #fbf9e5);
  font-weight: 700;
  letter-spacing: 0.02em;
}
.modern-switcher .ss-location-info p {
  margin: 0 0 12px;
  font-family: 'Inter', sans-serif;
  font-size: 0.85rem;
  color: rgba(251, 249, 229, 0.6);
  line-height: 1.4;
}
.modern-switcher .ss-location-status {
  display: flex;
  align-items: center;
  gap: 8px;
}
.modern-switcher .status-badge {
  background: rgba(213, 104, 61, 0.15);
  color: var(--brand-orange, #d5683d);
  font-size: 0.65rem;
  font-weight: 900;
  padding: 4px 8px;
  border-radius: 4px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border: 1px solid rgba(213, 104, 61, 0.2);
}
.modern-switcher .status-time {
  font-size: 0.75rem;
  color: rgba(251, 249, 229, 0.5);
  font-family: 'Inter', sans-serif;
}

/* Delivery Zip Field */
.modern-switcher .ss-zip-form {
  padding: 10px 0 20px;
}
.modern-switcher .ss-zip-form label {
  display: block;
  font-size: 0.95rem;
  color: rgba(251, 249, 229, 0.8);
  margin-bottom: 16px;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  line-height: 1.4;
}
.modern-switcher .ss-zip-input-group {
  display: flex;
  gap: 12px;
}
.modern-switcher .ss-zip-input-group input {
  flex: 1;
  padding: 14px 16px;
  background: rgba(251, 249, 229, 0.04);
  border: 1px solid rgba(251, 249, 229, 0.15);
  border-radius: 6px;
  font-size: 1rem;
  font-family: 'Inter', sans-serif;
  color: var(--brand-light, #fbf9e5);
  outline: none;
  transition: all 0.3s ease;
}
.modern-switcher .ss-zip-input-group input::placeholder {
  color: rgba(251, 249, 229, 0.3);
}
.modern-switcher .ss-zip-input-group input:focus {
  border-color: var(--brand-orange, #d5683d);
  background: rgba(251, 249, 229, 0.08);
}
.modern-switcher .ss-zip-btn {
  background: transparent;
  color: var(--brand-orange, #d5683d);
  border: 1px solid var(--brand-orange, #d5683d);
  padding: 0 24px;
  border-radius: 6px;
  font-weight: 800;
  font-family: 'Outfit', sans-serif;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}
.modern-switcher .ss-zip-btn:hover {
  background: rgba(213, 104, 61, 0.1);
}
.modern-switcher .ss-zip-msg {
  margin-top: 16px;
  font-size: 0.85rem;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  line-height: 1.4;
}
.modern-switcher .ss-zip-msg.success { color: #8fdab5; } /* pastel green for success on dark bg */
.modern-switcher .ss-zip-msg.error { color: var(--brand-orange, #d5683d); }

/* Action Buttons */
.modern-switcher .ss-drawer-actions {
  padding: 24px 32px 40px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  border-top: 1px solid rgba(251, 249, 229, 0.07);
}
.modern-switcher .ss-action-primary {
  background: var(--brand-orange, #d5683d);
  color: #fff;
  border: none;
  padding: 18px;
  border-radius: 8px;
  font-family: 'Outfit', sans-serif;
  font-weight: 900;
  font-size: 0.95rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  text-align: center;
  text-decoration: none;
  display: block;
  box-shadow: 0 8px 20px -5px rgba(213, 104, 61, 0.3);
}
.modern-switcher .ss-action-primary:hover {
  background: var(--brand-light, #fbf9e5);
  color: var(--brand-green, #17362d);
  transform: translateY(-3px);
  box-shadow: 0 12px 24px -5px rgba(213, 104, 61, 0.4);
}
.modern-switcher .ss-action-secondary {
  background: transparent;
  color: rgba(251, 249, 229, 0.7);
  border: 1.5px solid rgba(251, 249, 229, 0.2);
  padding: 16px;
  border-radius: 8px;
  font-family: 'Outfit', sans-serif;
  font-weight: 800;
  font-size: 0.85rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.2s;
  text-align: center;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.modern-switcher .ss-action-secondary svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  opacity: 0.8;
}
.modern-switcher .ss-action-secondary:hover {
  border-color: rgba(251, 249, 229, 0.5);
  color: var(--brand-light, #fbf9e5);
  background: rgba(251, 249, 229, 0.03);
}

@media (max-width: 768px) {
  .dkly-hd .store-switcher-drawer.modern-switcher {
    border-radius: 20px 20px 0 0;
    max-height: 90vh; /* Allow some top space */
    border-left: none;
    border-top: 1px solid rgba(251, 249, 229, 0.08); /* slight crisp edge on top */
  }
}/* End custom CSS */