.elementor-711 .elementor-element.elementor-element-12e0803{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-711 .elementor-element.elementor-element-12e0803:not(.elementor-motion-effects-element-type-background), .elementor-711 .elementor-element.elementor-element-12e0803 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-711 .elementor-element.elementor-element-732012b{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-711 .elementor-element.elementor-element-28cc04b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:10px 20px;--row-gap:10px;--column-gap:20px;}.elementor-711 .elementor-element.elementor-element-6683bc0{width:auto;max-width:auto;}.elementor-711 .elementor-element.elementor-element-1a9c561{width:auto;max-width:auto;}.elementor-711 .elementor-element.elementor-element-faf80bc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-711 .elementor-element.elementor-element-0785e71{--display:flex;--wd-sticky-offset:150px;}.elementor-711 .elementor-element.elementor-element-dc50c15{--display:flex;--wd-sticky-offset:150px;}.elementor-711 .elementor-element.elementor-element-8a3346b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--flex-wrap:nowrap;}.elementor-711 .elementor-element.elementor-element-a692804{width:var( --container-widget-width, 78% );max-width:78%;--container-widget-width:78%;--container-widget-flex-grow:0;}html .elementor-711 .elementor-element.elementor-element-a692804 .product_title{font-size:28px;}.elementor-711 .elementor-element.elementor-element-ba00ff8{width:var( --container-widget-width, 22% );max-width:22%;--container-widget-width:22%;--container-widget-flex-grow:0;}.elementor-711 .elementor-element.elementor-element-f213c2f{color:#FF0000;}.elementor-711 .elementor-element.elementor-element-2444467{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-711 .elementor-element.elementor-element-5e38082{width:auto;max-width:auto;}.elementor-711 .elementor-element.elementor-element-5e38082 .price, .elementor-711 .elementor-element.elementor-element-5e38082 .price del, .elementor-711 .elementor-element.elementor-element-5e38082 .amount{font-size:34px;}.elementor-711 .elementor-element.elementor-element-6776ae2{--divider-border-style:solid;--divider-color:#0000001C;--divider-border-width:1px;}.elementor-711 .elementor-element.elementor-element-6776ae2 .elementor-divider-separator{width:100%;}.elementor-711 .elementor-element.elementor-element-6776ae2 .elementor-divider{padding-block-start:1px;padding-block-end:1px;}.elementor-711 .elementor-element.elementor-element-99109d0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:12px 20px;--row-gap:12px;--column-gap:20px;}.elementor-711 .elementor-element.elementor-element-6c98896{--divider-border-style:solid;--divider-color:#0000001C;--divider-border-width:1px;}.elementor-711 .elementor-element.elementor-element-6c98896 .elementor-divider-separator{width:100%;}.elementor-711 .elementor-element.elementor-element-6c98896 .elementor-divider{padding-block-start:1px;padding-block-end:1px;}.elementor-711 .elementor-element.elementor-element-d5aba39{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-711 .elementor-element.elementor-element-d5aba39:not(.elementor-motion-effects-element-type-background), .elementor-711 .elementor-element.elementor-element-d5aba39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-711 .elementor-element.elementor-element-0d68bbe{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-711 .elementor-element.elementor-element-6195c67 > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-711 .elementor-element.elementor-element-1ec5707{--display:flex;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-711 .elementor-element.elementor-element-88d3ab5 .wd-products-with-bg, .elementor-711 .elementor-element.elementor-element-88d3ab5 .wd-products-with-bg .wd-product{--wd-prod-bg:#FFFFFF;--wd-bordered-bg:#FFFFFF;}.elementor-711 .elementor-element.elementor-element-88d3ab5 .wd-el-title{text-transform:capitalize;}.elementor-711 .elementor-element.elementor-element-0cc284c{--display:flex;}.elementor-711 .elementor-element.elementor-element-0cc284c.wd-collapsible-content.e-con{max-height:330px;}.elementor-711 .elementor-element.elementor-element-0cc284c.wd-collapsible-content.e-con:not(.wd-opened):after{color:#F3F2EE;}.elementor-711 .elementor-element.elementor-element-5ff02fd{--display:flex;}@media(max-width:1024px){.elementor-711 .elementor-element.elementor-element-8a3346b{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-711 .elementor-element.elementor-element-a692804{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}html .elementor-711 .elementor-element.elementor-element-a692804 .product_title{font-size:24px;}.elementor-711 .elementor-element.elementor-element-ba00ff8{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-711 .elementor-element.elementor-element-5e38082 .price, .elementor-711 .elementor-element.elementor-element-5e38082 .price del, .elementor-711 .elementor-element.elementor-element-5e38082 .amount{font-size:28px;}.elementor-711 .elementor-element.elementor-element-99109d0{--flex-wrap:wrap;}.elementor-711 .elementor-element.elementor-element-d5aba39{--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-711 .elementor-element.elementor-element-1ec5707{--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-711 .elementor-element.elementor-element-0cc284c.wd-collapsible-content.e-con{max-height:216px;}}@media(max-width:768px){.elementor-711 .elementor-element.elementor-element-faf80bc{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-711 .elementor-element.elementor-element-0785e71{--width:100%;}.elementor-711 .elementor-element.elementor-element-dc50c15{--width:100%;}html .elementor-711 .elementor-element.elementor-element-a692804 .product_title{font-size:22px;}.elementor-711 .elementor-element.elementor-element-5e38082 .price, .elementor-711 .elementor-element.elementor-element-5e38082 .price del, .elementor-711 .elementor-element.elementor-element-5e38082 .amount{font-size:22px;}.elementor-711 .elementor-element.elementor-element-d5aba39{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-711 .elementor-element.elementor-element-1ec5707{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}}@media(min-width:769px){.elementor-711 .elementor-element.elementor-element-0785e71{--width:58.3%;}.elementor-711 .elementor-element.elementor-element-dc50c15{--width:41.7%;}}/* Start custom CSS for wd_single_product_content, class: .elementor-element-b9ff2ba */.center{
    text-align: center;
}
.color-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 0px;
    justify-items: center;
    margin: 40px 0;
}

.color-item {
    text-align: center;
    color: #000000; /* matches original */
    font-weight: bold;
    letter-spacing: 1px;
}

.color-circle {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin-bottom: 10px;
    box-shadow: inset -10px -10px 20px rgba(255,255,255,0.4),
                inset 10px 10px 20px rgba(0,0,0,0.15);
    
    /* Animation */
    transition: transform 0.25s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

.color-circle:hover {
    transform: scale(1.12);
    box-shadow: inset -10px -10px 20px rgba(255,255,255,0.4),
                inset 10px 10px 20px rgba(0,0,0,0.15),
                0 0 18px rgba(255,255,255,0.45);
}

/* Colors extracted from image */
.chrome {
    background: 
        radial-gradient(circle at 30% 30%, rgba(255,255,255,0.9), rgba(200,200,200,0.5) 60%, rgba(150,150,150,0.4)),
        linear-gradient(135deg, #f5f5f5 0%, #dcdcdc 30%, #b5b5b5 50%, #e6e6e6 70%, #ffffff 100%);
    background-blend-mode: soft-light, normal;
}

.white       { background: #E9EFF3; }
.ivory       { background: #EAE0CD; }
.sage-green  { background: #CFE7D8; }
.pink        { background: #E7BDC2; }
.grey        { background: #C1CED8; }
.beige       { background: #EBD3B8; }

.features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 1000px;
  margin: 40px auto;
  padding: 0 20px;
}

.feature-box {
  background: linear-gradient(180deg, #ff0000, #c40000);
  padding: 35px 20px;
  text-align: center;
  border-radius: 12px;
  color: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0,0,0,0.25);
}

.feature-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 20px rgba(0,0,0,0.35);
}

.feature-icon {
  width: 100px;
  height: auto;
  margin-bottom: 2px;
}

.feature-text {
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.feature-text-white{
    color: #ffffff;
    font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.feature-row {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}

/* Main pill design */
.feature-pill {
    background: #e6e6e6;
    border-radius: 40px;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    position: relative;
    min-width: 170px;
    justify-content: space-between;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
    cursor: pointer;

    /* Animation */
    opacity: 0;
    transform: translateY(20px);
    animation: fadeSlideIn 0.7s ease forwards;
}

/* Delay each pill's animation */
.feature-pill:nth-child(1) { animation-delay: 0.1s; }
.feature-pill:nth-child(2) { animation-delay: 0.2s; }
.feature-pill:nth-child(3) { animation-delay: 0.3s; }
.feature-pill:nth-child(4) { animation-delay: 0.4s; }

.feature-text {
    font-size: 15px;
    line-height: 1.2;
    color: #000;
    font-weight: 500;
}

/* Red numbered badge */
.feature-badge {
    background: #C40B0B;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

/* Hover effects */
.feature-pill:hover {
    transform: scale(1.06);
    box-shadow: 0px 8px 20px rgba(0,0,0,0.25);
}

/* Keyframes for entrance animation */
@keyframes fadeSlideIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ---------- RESPONSIVE ---------- */

/* Tablet */
@media (max-width: 900px) {
  .features-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile */
@media (max-width: 600px) {
  .features-grid {
    grid-template-columns: 1fr;
  }

  .feature-box {
    padding: 30px 15px;
  }

  .feature-icon {
    width: 60px;
  }
}/* End custom CSS */