#fw-section-links-list-228717b9-ce97-4cee-95b0-50dd1ea73ba4 {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #fffdfd;
--color-on-background-rgb: 255, 253, 253;
--color-product-image-background: #fffdfd;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-links-list-35f7da91-1eb0-49ae-a3e2-b72abe7b4451 {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #fffdfd;
--color-on-background-rgb: 255, 253, 253;
--color-product-image-background: #fffdfd;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-links-list-283e8cee-8a2d-4df2-bc33-69b2fdec8d7b {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #fffdfd;
--color-on-background-rgb: 255, 253, 253;
--color-product-image-background: #fffdfd;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-links-list-070252be-1020-4856-89fb-793b4d288595 {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #fffdfd;
--color-on-background-rgb: 255, 253, 253;
--color-product-image-background: #fffdfd;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-links-list-5475b30d-37ed-408f-aff7-0be685c59e8a {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #fffdfd;
--color-on-background-rgb: 255, 253, 253;
--color-product-image-background: #fffdfd;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-links-list-3012437b-e9ee-4078-aca4-91f6ce767860 {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #fffdfd;
--color-on-background-rgb: 255, 253, 253;
--color-product-image-background: #fffdfd;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-image-with-text-59d2f1b0-d86b-45b2-a728-4dc39c69d4af {
--font-heading-scale: 1.0;
--font-body-scale: 1.5;
}
#fw-section-image-with-text-59d2f1b0-d86b-45b2-a728-4dc39c69d4af {
--color-primary: #ce0038;
--color-primary-rgb: 206, 0, 56;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-fd5c45a3-5f8f-4bc7-9d4f-427ee988b6d3 {
--font-heading-scale: 1.0;
--font-body-scale: 1.0;
}
#fw-section-custom-html-fd5c45a3-5f8f-4bc7-9d4f-427ee988b6d3 {

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Fjalla+One&display=swap');

:root{
  --primary: #ce0038;
  --bg: #000000;
  --text: #ffffff;
}

/* Section container */
.tools-section{
  background: var(--bg);
  color: var(--text);
  font-family: 'Fjalla One', sans-serif;
  padding: 36px 20px;
}

/* Optional section heading */
.tools-section .section-heading{
  display: none; /* CHANGE 1: Remove “Tools & Offers” title */
  font-family: 'Alfa Slab One', serif;
  text-transform: uppercase;
  color: var(--text);
  font-size: 28px;
  letter-spacing: 1px;
  margin: 0 0 20px;
  text-align: center;
}

/* Grid */
.tools-grid{
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, minmax(260px, 1fr)); /* CHANGE 3: Force 3 and 3 (3 columns) */
  max-width: 1100px;
  margin: 0 auto;
  justify-content: center; /* CHANGE 2: Center-align the grid */
}

/* Card */
.tool-card{
  background: rgba(255,255,255,0.02);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  border: 1px solid rgba(255,255,255,0.04);
}

/* Image */
.tool-card .tool-image{
  width: 100%;
  aspect-ratio: 1 / 1;      /* CHANGE 5: Keep 1:1 aspect ratio */
  height: auto;             /* CHANGE 5: Prevent cutoff due to fixed height */
  object-fit: contain;       /* CHANGE 5: Don’t crop; preserve image */
  display: block;
  background: #111;
}

/* Content */
.tool-card .tool-body{
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  text-align: center; /* align Tool Name, Description, and buttons to center of the image */
  align-items: center; /* ensure buttons align centered as well */
}

.tool-title{
  font-family: 'Alfa Slab One', serif;
  text-transform: uppercase;
  font-size: 28px; /* increased */
  margin: 0;
  color: var(--text);
  letter-spacing: 0.8px;
}

.tool-desc{
  color: rgba(255,255,255,0.92);
  font-size: 15px; /* increased */
  margin: 0;
  line-height: 1.35;
  flex: 1;
}

/* Button area */
.tool-actions{
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center; /* center buttons under the image */
  margin-top: 8px;
}

.tool-btn{
  background: #ffffff; /* CHANGE 4: White button */
  color: #000000;      /* CHANGE 4: Black text */
  text-decoration: none;
  padding: 10px 12px;
  border-radius: 8px;
  display: inline-block;
  font-weight: 700;
  text-transform: uppercase;
  font-family: 'Fjalla One', sans-serif;
  font-size: 18px; /* increased */

  /* UPDATED: stronger/more vibrant red shadow */
  box-shadow:
    0 6px 14px rgba(206,0,56,0.38),
    0 0 0 1px rgba(206,0,56,0.22);

  transition: transform .12s ease, box-shadow .12s ease, opacity .12s ease;
}

.tool-btn:hover,
.tool-btn:focus{
  transform: translateY(-3px);

  /* UPDATED: stronger hover shadow */
  box-shadow:
    0 14px 28px rgba(206,0,56,0.50),
    0 0 0 1px rgba(206,0,56,0.30);

  opacity: 0.98;
}

.tool-alt{
  margin-left: auto;
  font-size: 12px;
  color: rgba(255,255,255,0.6);
}

/* Responsive tweaks */
@media (max-width: 1024px){
  .tools-grid{
    grid-template-columns: repeat(2, minmax(260px, 1fr)); /* iPad/tablet: 2 per row */
  }
}

@media (max-width: 600px){
  .tools-grid{
    grid-template-columns: 1fr; /* mobile: 1 per row */
  }
}

@media (max-width:420px){
  .tool-card .tool-image{ height: 130px; }
  .tools-section{ padding: 20px 12px; }
  .section-heading{ font-size: 22px; }
}

}
#fw-section-rich-text-41631093-786c-48b5-b30d-607bd7aecb84 {
--font-heading-scale: 1.0;
--font-body-scale: 0.75;
}
#fw-section-image-with-text-a2673381-6248-4cc8-b923-5f937f8ce408 {
--font-heading-scale: 1.0;
--font-body-scale: 1.5;
}
#fw-section-image-with-text-a2673381-6248-4cc8-b923-5f937f8ce408 {
--color-primary: #ce0038;
--color-primary-rgb: 206, 0, 56;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}


#fw-section-links-list-ee1c75b7-0450-4ef4-a142-194ab9a0b06f {
--font-heading-scale: 1.0;
--font-body-scale: 0.75;
}
#fw-section-rich-text-aa6b419f-664a-403c-a463-e15ff6f6eca2 {
--font-heading-scale: 1.0;
--font-body-scale: 0.7;
}


#fw-section-image-with-text-ced7f910-0326-4f3d-a81a-248ff75ff4ec {
--font-heading-scale: 1.0;
--font-body-scale: 1.5;
}
#fw-section-image-with-text-ced7f910-0326-4f3d-a81a-248ff75ff4ec {
--color-primary: #ce0038;
--color-primary-rgb: 206, 0, 56;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-hero-21845807-9439-499f-ae90-8e8a3bd95c49 {
--font-heading-scale: 1.0;
--font-body-scale: 1.5;
}
#fw-section-hero-21845807-9439-499f-ae90-8e8a3bd95c49 {
--color-primary: #0069ce;
--color-primary-rgb: 0, 105, 206;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-hero-c532ed46-cb9f-4ac8-ab33-d20d09f5bd74 {
--font-heading-scale: 1.0;
--font-body-scale: 1.5;
}
#fw-section-hero-c532ed46-cb9f-4ac8-ab33-d20d09f5bd74 {
--color-primary: #024d99;
--color-primary-rgb: 2, 77, 153;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-hero-1095f221-65b6-4ed5-a499-68c11b521daa {
--font-heading-scale: 1.0;
--font-body-scale: 1.5;
}
#fw-section-hero-1095f221-65b6-4ed5-a499-68c11b521daa {
--color-primary: #9dc7ff;
--color-primary-rgb: 157, 199, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #93c7ff;
--color-on-background-rgb: 147, 199, 255;
--color-product-image-background: #93c7ff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-hero-3ddd1798-6f77-4352-9237-9dd4e343aa9a {
--font-heading-scale: 1.0;
--font-body-scale: 1.5;
}
#fw-section-hero-3ddd1798-6f77-4352-9237-9dd4e343aa9a {
--color-primary: #8f00ff;
--color-primary-rgb: 143, 0, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-hero-783af676-4bbc-4403-b083-ca3c425b9c80 {
--font-heading-scale: 1.0;
--font-body-scale: 1.5;
}
#fw-section-hero-783af676-4bbc-4403-b083-ca3c425b9c80 {
--color-primary: #a40325;
--color-primary-rgb: 164, 3, 37;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #fffdfd;
--color-on-background-rgb: 255, 253, 253;
--color-product-image-background: #fffdfd;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}


#fw-section-newsletter-8301f838-1537-40a3-a58d-62d65d57dfab {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #ce0038;
--color-background-rgb: 206, 0, 56;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #fffdfd;
--color-on-background-rgb: 255, 253, 253;
--color-product-image-background: #fffdfd;
--color-background-brightness: 68;
background-color: var(--color-background);
color: var(--color-on-background);

}



#fw-section-hero-71ad8261-9305-4c25-aa3f-6e648c60be6f {
--color-primary: #ce0038;
--color-primary-rgb: 206, 0, 56;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #fffdfd;
--color-on-background-rgb: 255, 253, 253;
--color-product-image-background: #fffdfd;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-image-with-text-bbf2582e-d8be-4492-8519-091bb2b740ba {
--font-heading-scale: 1.0;
--font-body-scale: 1.5;
}
#fw-section-image-with-text-bbf2582e-d8be-4492-8519-091bb2b740ba {
--color-primary: #ce0038;
--color-primary-rgb: 206, 0, 56;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-collections-list-1e87dce4-7b39-472e-add8-138eb5e3770f {
--font-heading-scale: 1.5;
--font-body-scale: 1.0;
}
#fw-section-image-with-text-c80e52a5-a503-4123-84d0-b60d7da7538e {
--font-heading-scale: 1.0;
--font-body-scale: 1.5;
}
#fw-section-image-with-text-c80e52a5-a503-4123-84d0-b60d7da7538e {
--color-primary: #ce0038;
--color-primary-rgb: 206, 0, 56;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-recent-videos-980a23e1-8673-4bb3-988c-a686e92e558b {
--color-primary: #ce0038;
--color-primary-rgb: 206, 0, 56;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-newsletter-94a4eeaf-eb73-40a4-ae14-cecd9e072422 {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #ce0038;
--color-background-rgb: 206, 0, 56;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 68;
background-color: var(--color-background);
color: var(--color-on-background);

}