.elementor-111070401 .elementor-element.elementor-element-eec99f3 .elementor-wrapper{filter:brightness(100%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);}/* Start custom CSS for page-settings *//* ONLY FOR SPECIFIC CMS ID */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&display=swap');
.cms-id-111 .page-content.page-cms {padding: 1.25rem 0;}
.cms-id-111 #content-wrapper {padding-right: 0;padding-left: 0;}
.cms-id-111 .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {padding: 10px 0;}

#cms.elementor-page-111070401 .elementor-column-wrap.elementor-element-populated {
  padding-bottom: 0;
}

 
#cms.elementor-page-111070401 #content.page-cms-111 {
  padding-bottom: 0;
}

#cms.elementor-page-111070401 #main .page-content{
  margin-bottom: 0 !important;
}
#cms.elementor-page-111070401 #main .page-footer {
  margin-bottom: 0;
}

/* ===== GŁÓWNY KONTENER ===== */
#cms.elementor-page-111070401 .squarelVideo {
  position: relative !important;
  width: 100% !important;
  padding-bottom: calc(1078 / 862 * 100%) !important; /* ~125.06% */
  height: 0 !important;
}

#cms.elementor-page-111070401 .squarelVideo iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
#cms.cms-id-111.elementor-page-111070401 .page-content.page-cms ul {
  list-style: none;
}
#cms.elementor-page-111070401 .section-iconic p > a {
    font-size: inherit;
}
#cms.elementor-page-111070401 .page-content.page-cms {
  padding-top: 1.25rem;
  padding-right: 0;
  padding-bottom: 1.25rem;
  padding-left: 0;
}
#cms.elementor-page-111070401 .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
  padding-right: 0;
  padding-left: 0;
}
#black-line-77 {
  --primary: #000;
  --accent: #F00E00;
  --text: #000;
  --muted: #F0F0F0;
  
  /* UNIFIED SPACING SYSTEM */
  --spacing-xs: 1.5%;
  --spacing-sm: 3%;
  --spacing-md: 6%;
  --spacing-lg: 15%;
  --spacing-xl: 27%;
  
  /* UNIFIED TYPOGRAPHY SCALE */
  --font-xs: 13px;
  --font-sm: 16px;
  --font-md: 26px;
  --font-lg: 36px;
  --font-xl: 64px;
  --font-xxl: 70px;
  --font-hero: 70px;
  
  /* BASE STYLES */
  font-family: 'Poppins', Arial, sans-serif !important;
  color: #000 !important;
  letter-spacing: 0 !important;
  line-height: 1.5 !important;
  position: relative !important;
  width: 100% !important;
  max-width: 1920px !important;
  margin: 0 auto !important;
  background: #fff !important;
  overflow-x: hidden !important;
}

/* ===== UNIFIED TYPOGRAPHY CLASSES ===== */

/* ===== UNIFIED SPACING CLASSES ===== */

/* ===== LINKI I PRZYCISKI ===== */
#black-line-77 a, #black-line-77 a:visited { color: #000 !important; text-decoration: none !important; }
#black-line-77 .section-dark a, #black-line-77 .section-dark-cover a, #black-line-77 .stripe-section a, #black-line-77 .section-val a { color: #fff !important; }
#black-line-77 a:hover, #black-line-77 a:focus { text-decoration: underline !important; }
#black-line-77 .btn, #black-line-77 .btn:hover, #black-line-77 .btn:focus { text-decoration: none !important; }

/* UNIFIED BUTTON SYSTEM */
#black-line-77 .btn {
  border-radius: 0 !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  height: 90px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-width: 2px !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

#black-line-77 .btn-wide { 
  width: 100% !important; 
  max-width: 560px !important;
}

#black-line-77 .btn-ghost-light {
  color: #fff !important;
  border: 2px solid rgba(255,255,255,.75) !important;
  background: transparent !important;
}
#black-line-77 .btn-ghost-light:hover { 
  color: #111 !important; 
  background: #fff !important; 
  border-color: #fff !important; 
}

#black-line-77 .btn-grid { 
  display: grid !important; 
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important; 
  gap: var(--spacing-md) !important;
  align-items: stretch !important; 
}
#black-line-77 .btn-grid .btn { margin: 0 !important; }

/* ===== SEKCJE PODSTAWOWE ===== */
#black-line-77 .section { 
  scroll-margin-top: 80px !important;
  padding: var(--spacing-md) !important;
  margin: 0 !important;
}
#black-line-77 .section img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
}

/* Section variants */
#black-line-77 .section-gray { background: #F0F0F0 !important; }
#black-line-77 .section-alt { background: #ffffff !important; }
#black-line-77 .section-dark { background: #000 !important; color: #fff !important; }

/* Section modifiers */

/* Utility classes */
#black-line-77 .section-no-pt { padding-top: 0 !important; margin-top: 0 !important; }
#black-line-77 .section-no-pb { padding-bottom: 0 !important; margin-bottom: 0 !important; }
#black-line-77 .section-pad6 { padding: var(--spacing-md) !important; }
/* Needed by section 9 */
#black-line-77 .section-no-y { padding-top: 0 !important; padding-bottom: 0 !important; }

/* ===== HERO ===== */
#black-line-77 .hero-section {
  width: 100% !important;
  background: #000 !important;
  overflow: hidden !important;
  padding: 0 !important;
}

#black-line-77 .hero-media-wrapper {
  position: static !important;
  width: 100% !important;
}

#black-line-77 .hero-image {
  width: 100% !important;
  height: auto !important;
}

/* ===== NOT JUST A LINE (NJaL) ===== */
#black-line-77 .section-njal { 
  padding: 0 var(--spacing-md) !important; 
}

#black-line-77 #section-2-77-black-line {
  padding: var(--spacing-md) !important;
}

#black-line-77 .section-njal .eyebrow { font-weight: 500 !important; color: #000 !important; }
#black-line-77 .section-njal .njal-title { 
  display: inline-block !important; 
  padding-bottom: 0 !important; 
  margin-bottom: 0 !important; 
}
#black-line-77 .section-njal .njal-eyebrow { 
  display: block !important; 
  font-size: var(--font-xxl) !important; 
  font-weight: 400 !important; 
  padding-bottom: 0 !important; 
  margin-bottom: 0 !important; 
}
#black-line-77 .section-njal .njal-77 { 
  display: block !important; 
  font-size: var(--font-xxl) !important; 
  font-weight: 900 !important; 
  padding-bottom: 0 !important; 
  margin-bottom: 0 !important; 
}
#black-line-77 .section-njal .njal-77 .njal-strong { font-weight: 900 !important; }
#black-line-77 .section-njal .njal-credit { 
  font-size: var(--font-md) !important; 
  font-weight: 400 !important; 
  color: #000 !important; 
}
#black-line-77 .section-njal .njal-credit strong { font-weight: 700 !important; }
#black-line-77 .section-njal .small { font-size: var(--font-xs) !important; }

#black-line-77 .eyebrow { 
  text-transform: none !important; 
  letter-spacing: 0 !important; 
  font-size: .85rem !important; 
  color: var(--muted) !important; 
}
#black-line-77 .eyebrow.inv { color: #fff !important; }

 

/* ===== DARK COVER (BESTSELLER) ===== */
#black-line-77 .section-dark-cover {
  color: #fff !important;
  background: url("/img/cms/landing-pages/not-just-a-line-77-black-line/section3-bg.jpg") center center / cover no-repeat !important;
  padding: var(--spacing-lg) var(--spacing-md) !important;
}

/* Section 3: 6% spacing under title */
#black-line-77 #section-3-bestseller .bestseller-title {
  padding-bottom: var(--spacing-md) !important;
  color: #FFF !important;
}

/* Section 3: 6% spacing after CTA button via margin */
#black-line-77 #section-3-bestseller .btn {
  margin-bottom: var(--spacing-md) !important;
}

#black-line-77 .bestseller-title { 
  font-size: var(--font-xxl) !important; 
  font-weight: 400 !important; 
  padding-bottom: var(--spacing-sm) !important;
}
#black-line-77 .bestseller-title span { display: inline-block !important; }
#black-line-77 .bestseller-title .bolder { font-weight: 900 !important; }

/* ===== BARBARA PALVIN ===== */
#black-line-77 .section-barbara { 
  padding: 0 !important; 
}

/* Kolumna z tekstem w sekcji Barbara (lewa kolumna) */
#black-line-77 #section-4-barbara .col-lg-6:first-child {
  padding-left: var(--spacing-md) !important;
  padding-right: var(--spacing-md) !important;
}

/* Kolumna ze zdjęciem w sekcji Barbara (prawa kolumna) */
#black-line-77 #section-4-barbara .col-lg-6:last-child {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#black-line-77 .section-barbara .barbara-title { 
  font-size: var(--font-xxl) !important; 
  font-weight: 400 !important; 
}
#black-line-77 .section-barbara .barbara-title .barbara-strong { font-weight: 900 !important; }
#black-line-77 .section-barbara .barbara-lead { 
  font-size: var(--font-md) !important; 
  padding-bottom: var(--spacing-xs) !important;
}
#black-line-77 .section-barbara .barbara-body { 
  font-size: var(--font-sm) !important; 
}

#black-line-77 .section3-h2 { 
  font-size: var(--font-lg) !important; 
  font-weight: 700 !important; 
  color: #fff !important; 
}
 
#black-line-77 .section3-text { 
  font-size: var(--font-sm) !important; 
  color: #fff !important; 
  opacity: 1 !important; 
}

/* ===== QUALITY ===== */
#black-line-77 .quality-title {
  font-size: var(--font-xxl) !important;
  font-weight: 500 !important;
  margin-bottom: 0 !important;
  padding-bottom: var(--spacing-sm) !important;
  color: #FFF !important;
}
#black-line-77 .quality-title .quality-strong { font-weight: 800 !important; }
#black-line-77 .quality-text {
  max-width: 720px !important;
  font-size: var(--font-sm) !important;
  color: #FFF !important;
}

/* Section 5: 6% spacing between text and button */
#black-line-77 #section-5-quality .quality-text { 
  padding-bottom: var(--spacing-md) !important; 
}

/* ===== STRIPE ===== */
#black-line-77 .stripe-section {
  color: #fff !important;
  background: url("/img/cms/landing-pages/not-just-a-line-77-black-line/amc-eyeliner-gel-77-57.jpg") center 30%/ cover no-repeat !important;
  background-size: 150% auto !important;
  height: 50vw !important;
  padding: var(--spacing-xl) var(--spacing-md) !important;
}
#black-line-77 .stripe-section .small {
  font-size: var(--font-lg) !important;
  color: #FFF !important;
}
#black-line-77 .stripe-section .container { 
  min-height: 100% !important; 
  display: flex !important; 
  align-items: center !important; 
  justify-content: flex-start !important; 
  text-align: left !important; 
  padding-left: 0 !important; 
}

/* ===== SEKCJA CLASSIC ===== */
#black-line-77 .section-classic .classic-title {
  font-size: var(--font-xxl) !important;
  font-weight: 500 !important;
  margin-bottom: 0 !important;
  padding-bottom: var(--spacing-sm) !important;
  color: #FFF !important;
}
#black-line-77 .section-classic .classic-title .classic-strong { font-weight: 900 !important; }
#black-line-77 .section-classic p { font-size: var(--font-sm) !important; }

#black-line-77 .section-classic .btn-grid .btn { 
  border-width: 2px !important; 
  color: #fff !important; 
  border-color: rgba(255,255,255,.6) !important; 
  background: transparent !important;
  /*height: auto !important;*/
  /* Section 7 - smaller buttons */
  padding: 12px 16px !important; /* Mniejszy padding dla sekcji 7 */
}
#black-line-77 .section-classic .btn-grid .btn:hover { 
  background: #fff !important; 
  color: #000 !important; 
  border-color: #fff !important; 
}

/* Section 7: 6% spacing between text and buttons */
#black-line-77 #section-7-classic p {
  padding-bottom: var(--spacing-md) !important;
  margin-bottom: 0 !important;
  color: #FFF !important;
}

/* Section 7: margin-bottom dla całego btn-grid */
#black-line-77 #section-7-classic .btn-grid {
  margin-bottom: var(--spacing-md) !important;
}

/* Section 7: 4% bottom padding for grid buttons */
#black-line-77 #section-7-classic .btn-grid .btn {
  padding-bottom: 4% !important;
}

/* ===== ICONIC ===== */
#black-line-77 .section-iconic .iconic-title { font-size: var(--font-lg) !important; font-weight: 500 !important; }
#black-line-77 .section-iconic .iconic-list li { 
  margin-bottom: 0 !important; 
  font-size: var(--font-md) !important; 
  font-weight: 500 !important; 
  padding-bottom: var(--spacing-xs) !important; 
}
#black-line-77 .section-iconic .product-card .btn {
  border-width: 2px !important;
  padding: var(--spacing-sm) !important;
  margin-top: 0 !important;
  height: 90px !important;
  width: 100% !important;
  max-width: 560px !important;
}
#black-line-77 .section-iconic .product-card .card-body {
  margin-top: 0 !important;
  padding-top: 12% !important;
}
#black-line-77 .section-iconic { min-height: 50vh !important; }
#black-line-77 .section-iconic .btn { font-weight: 500 !important; }
#black-line-77 .section-iconic .btn:hover, 
#black-line-77 .section-iconic .btn:focus { 
  background: #000 !important; 
  color: #fff !important; 
  border-color: #000 !important; 
}

/* ===== VAL GARLAND ===== */
#black-line-77 .section-val { padding: 0 !important; }

/* Kolumna ze zdjęciem w sekcji Val (lewa kolumna) */
#black-line-77 #section-9-val-garland .col-lg-6:first-child {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Kolumna z tekstem w sekcji Val (prawa kolumna) */
#black-line-77 #section-9-val-garland .col-lg-6:last-child { padding-left: var(--spacing-md) !important; }
#black-line-77 .section-val .val-title { 
  font-size: var(--font-xl) !important; 
  font-weight: 500 !important; 
}
#black-line-77 .section-val .val-title .val-strong { font-weight: 800 !important; }
#black-line-77 .section-val .val-subtitle { 
  font-size: var(--font-lg) !important; 
  font-weight: 700 !important; 
}

/* Section 8: 6% spacing between paragraph and list */
#black-line-77 #section-8-iconic p {
  padding-bottom: var(--spacing-md) !important;
  font-size: var(--font-sm) !important;
}
#black-line-77 .section-val .btn { 
  font-weight: 500 !important; 
  color: #000 !important; 
}
#black-line-77 .section-val .btn:hover, 
#black-line-77 .section-val .btn:focus { 
  background: #000 !important; 
  color: #fff !important; 
  border-color: #000 !important; 
}

/* Section 9: 6% spacing between text and button */
#black-line-77 #section-9-val-garland p {
  padding-bottom: var(--spacing-md) !important;
  margin-bottom: 0 !important;
  font-size: var(--font-sm) !important;
}

/* ===== UNIFIED COLUMN SPACING ===== */
 

/* ===== KOLUMNY ZE ZDJĘCIAMI - BEZ PADDINGU Z BOKÓW ===== */
/* Section 2 - left column with image */
#black-line-77 #section-2-77-black-line .col-lg-6:first-child {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* Section 2 - right column with text */
#black-line-77 #section-2-77-black-line .col-lg-6:last-child { padding-left: var(--spacing-md) !important; }

/* Section 5 - left column with image */
#black-line-77 #section-5-quality .col-lg-6:first-child {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* Section 5 - right column with text */
#black-line-77 #section-5-quality .col-lg-6:last-child { padding-left: var(--spacing-md) !important; padding-right: var(--spacing-md) !important; }

/* Section 7 - left column with text */
#black-line-77 #section-7-classic .col-lg-6:first-child { padding-left: 0 !important; padding-right: 0 !important; }
/* Section 7 - right column with image */
#black-line-77 #section-7-classic .col-lg-6:last-child {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Section 8 - right column with products */
#black-line-77 #section-8-iconic .col-lg-6:last-child { padding-left: var(--spacing-md) !important; }

/* Other specific overrides */
#black-line-77 #section-3-bestseller .col-lg-6:last-child { padding-left: var(--spacing-sm) !important; }

/* ===== GLOBAL TYPOGRAPHY SPACING ===== */
#black-line-77 .section:not(.section-njal):not(.section-val):not(.stripe-section) h1,
#black-line-77 .section:not(.section-njal):not(.section-val):not(.stripe-section) h2,
#black-line-77 .section:not(.section-njal):not(.section-val):not(.stripe-section) h3,
#black-line-77 .section:not(.section-njal):not(.section-val):not(.stripe-section) p,
#black-line-77 .section:not(.section-njal):not(.section-val):not(.stripe-section) .bestseller-title,
#black-line-77 .section:not(.section-njal):not(.section-val):not(.stripe-section) .section3-h2,
#black-line-77 .section:not(.section-njal):not(.section-val):not(.stripe-section) .section3-text,
#black-line-77 .section:not(.section-njal):not(.section-val):not(.stripe-section) .quality-title,
#black-line-77 .section:not(.section-njal):not(.section-val):not(.stripe-section) .quality-text,
#black-line-77 .section:not(.section-njal):not(.section-val):not(.stripe-section) .classic-title,
#black-line-77 .section:not(.section-njal):not(.section-val):not(.stripe-section) .iconic-title,
#black-line-77 .section:not(.section-njal):not(.section-val):not(.stripe-section) .val-title,
#black-line-77 .section:not(.section-njal):not(.section-val):not(.stripe-section) .njal-credit { 
  padding-right: var(--spacing-md) !important; 
}

/* ===== VERTICAL SPACING STANDARDIZATION ===== */
#black-line-77 .section-njal .njal-eyebrow,
#black-line-77 .section-njal .njal-77,
#black-line-77 .bestseller-title,
#black-line-77 .quality-title,
#black-line-77 .section-classic .classic-title,
#black-line-77 .section-iconic .iconic-title,
#black-line-77 .section-val .val-title,
#black-line-77 .section3-h2,
#black-line-77 .section3-h2--emph,
#black-line-77 .section-val .val-subtitle,
#black-line-77 .stripe-section .small,
#black-line-77 .section-barbara .barbara-lead,
#black-line-77 .section-njal .njal-credit,
#black-line-77 .section3-text,
#black-line-77 .quality-text,
#black-line-77 .section-barbara .barbara-body,
#black-line-77 .section-classic p,
#black-line-77 .section-iconic p {
  padding-bottom: var(--spacing-sm) !important;
  margin-bottom: 0 !important;
}

/* ===== MEDIA QUERIES ===== */

/* Desktop - min-width: 1200px */
@media (min-width: 1200px) {
  #black-line-77 .container { max-width: 1920px !important; }
  
  /* Global large typography override */
  #black-line-77 .bestseller-title, 
  #black-line-77 .section-njal .njal-77, 
  #black-line-77 .section-njal .njal-eyebrow, 
  #black-line-77 .quality-title, 
  #black-line-77 .section-classic .classic-title, 
  #black-line-77 .section-iconic .iconic-title, 
  #black-line-77 .section-val .val-title { 
    font-size: var(--font-hero) !important; 
  }

  /* Section 7 (Classic): right padding on left btn-grid */
  #black-line-77 #section-7-classic .col-lg-6:first-child .btn-grid {
    padding-right: var(--spacing-md) !important;
  }
}

/* Mobile - reduce headline scale by ~30%, keep body at 16px */
@media (max-width: 767.98px) {
  #black-line-77 {
    --font-hero: 50px;
    --font-xxl: 40px;
    --font-xl: 35px;
    --font-lg: 20px;
    --font-md: 18px;
    --font-xs: 9px;
    --font-sm: 16px;
  }
  /* Section 9 (Val): equal top/bottom padding on right column */
  #black-line-77 #section-9-val-garland .col-lg-6:last-child {
    padding-top: var(--spacing-md) !important;
    padding-bottom: var(--spacing-md) !important;
  }
  /* Section 7 (Classic): flex layout na mobile */
  #black-line-77 #section-7-classic .btn-grid {
    display: flex !important;
    flex-direction: column !important;
    padding-bottom: 0 !important;
  }
  #black-line-77 #section-7-classic .btn-grid .btn {
    width: 100% !important;
    margin-bottom: 3% !important;
  }
  /* Section 7: 6% bottom padding on the last button */
  #black-line-77 #section-7-classic .btn-grid .btn:last-child {
    margin-bottom: 0 !important;
    padding-bottom: var(--spacing-md) !important;
  }
  /* Section 7: ensure spacing between stacked columns */
  #black-line-77 #section-7-classic .col-lg-6:first-child {
    margin-bottom: var(--spacing-md) !important;
  }
  /* Section 4 (Barbara): padding top dla pierwszej kolumny na mobile */
  #black-line-77 #section-4-barbara .col-lg-6:first-child {
    padding-top: var(--spacing-md) !important;
  }
  /* Section 2: brak lewego i prawego paddingu dla prawej kolumny na mobile */
  #black-line-77 #section-2-77-black-line .col-lg-6:last-child {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* Section 5: brak lewego i prawego paddingu dla prawej kolumny na mobile */
  #black-line-77 #section-5-quality .col-lg-6:last-child {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* Section 8: brak lewego i prawego paddingu dla prawej kolumny na mobile */
  #black-line-77 #section-8-iconic .col-lg-6:last-child {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #cms.elementor-page-111070401 .section-barbara .barbara-body,
  #cms.elementor-page-111070401 .section3-text,
#cms.elementor-page-111070401 .quality-text,
#cms.elementor-page-111070401 #section-7-classic p,
#cms.elementor-page-111070401 #section-8-iconic p,
#cms.elementor-page-111070401 #section-9-val-garland p
  {
  /*font-size: 14px !important;*/
  padding-top: 20px;
  font-weight: 300;
}
#cms.elementor-page-111070401 h2.njal-title {
  padding-top: 0;
}

/* ===== DARK COVER (BESTSELLER) ===== */
#black-line-77 .section-dark-cover {
  color: #fff !important;
  background: url("/img/cms/landing-pages/not-just-a-line-77-black-line/amc-eyeliner-gel-77a.jpg") center center / cover no-repeat !important;
  padding: var(--spacing-lg) var(--spacing-md) !important;
}

#cms.elementor-page-111070401 #section-2-77-black-line{
  padding-top: 0 !important;
}
#cms.elementor-page-111070401 .section3-h2 {
  padding-top: 20px;
}
#cms.elementor-page-111070401 .section-barbara .barbara-lead {
  font-size: 20px !important;
  /*padding-top: 20px;*/
  font-weight: 500;
}}/* End custom CSS */