/** Shopify CDN: Minification failed

Line 133:0 Unexpected "}"
Line 591:1 Expected "}" to go with "{"

**/
/*==================================================
  ZAMORA PRODUCT INFO
  Version: 1.0
==================================================*/

/*=========================
  VARIABLES
=========================*/

:root{
  --zp-primary:#BDAAE6;
  --zp-primary-hover:#A993DD;

  --zp-bg:#F8F5EF;
  --zp-card:#FFFFFF;
  --zp-soft:#FAF8FD;

  --zp-border:#E9E2F8;

  --zp-text:#2D2D2D;
  --zp-text-light:#666666;

  --zp-radius:20px;

  --zp-shadow:0 10px 30px rgba(0,0,0,.05);

  --zp-transition:.25s ease;
}


/*=========================
  SECTION
=========================*/

.zp-section{

  padding:10px 10px;

}


.zp-container{

  max-width:1200px;

  margin:auto;

}


/*=========================
  HEADER
=========================*/

.zp-section-header{

  max-width:760px;

  margin:0 auto 10px;

  text-align:center;

}


.zp-title{

    max-width:650px;

    margin:18px auto 24px;

    font-size:clamp(34px,5vw,52px);

    font-weight:700;

    line-height:1.08;

    letter-spacing:-1.5px;

    color:var(--zp-text);

}


.zp-description{

    max-width:680px;

    margin:auto;

    font-size:10px;

    line-height:1.9;

    color:#6F6F6F;

}
/*========================================
DIVISOR
========================================*/

.zp-section-header::after{

content:"";

display:block;

width:70px;

height:2px;

margin:45px auto 0;

border-radius:999px;

background:linear-gradient(
90deg,
transparent,
var(--zp-primary),
transparent
);

opacity:.8;

}

}

/*=========================
  BENEFITS
=========================*/
.zp-benefits{

display:grid;

grid-template-columns:repeat(2,minmax(0,1fr));

gap:10px;

margin-top:10px;

}


/*=========================
  CARD
=========================*/
.zp-card{

background:#FFFFFF;

border:1px solid #EEE8FB;

border-radius:24px;

padding:22px;

box-shadow:

0 8px 30px rgba(0,0,0,.04);

transition:

transform .35s ease,

box-shadow .35s ease,

border-color .35s ease;

height:100%;

}



.zp-card__wrapper{

    display:flex;

    align-items:flex-start;

    gap:14px;

}
.zp-card__icon{

margin-top:4px;

}

.zp-card:hover{

transform:translateY(-8px);

border-color:#D8C8F8;

box-shadow:

0 18px 45px rgba(0,0,0,.08);

}


.zp-card__icon{

width:58px;

height:58px;

min-width:58px;

border-radius:50%;

background:linear-gradient(
180deg,
#FCFAFF,
#F3EDFF
);

display:flex;

align-items:center;

justify-content:center;

font-size:28px;

box-shadow:

0 10px 20px rgba(189,170,230,.18);

}


.zp-card__title{

font-size:22px;

font-weight:700;

line-height:1.25;

margin-bottom:10px;

color:var(--zp-text);

}


.zp-card__text{

font-size:16px;

line-height:1.75;

color:#707070;

margin:0;

}


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

@media(max-width:1100px){

.zp-benefits{

grid-template-columns:repeat(2,1fr);

}

}



@media(max-width:768px){

.zp-section{

grid-template-columns:repeat(2,1fr);

}


.zp-title{

font-size:34px;

}


.zp-description{

    max-width:680px;

    margin:auto;

    font-size:18px;

    line-height:1.9;

    color:#6F6F6F;

}

.zp-benefits{

grid-template-columns:1fr;

gap:24px;

}

.zp-card{

    padding:16px;
    border-radius:22px;

}

.zp-card__wrapper{

    gap:12px;

}

.zp-card__icon{

    width:52px;

    height:52px;

    min-width:52px;

    font-size:24px;

}

.zp-card__title{

    font-size:18px;

}

.zp-card__text{

    font-size:14px;

    line-height:1.45;

}


.zp-overline{

font-size:11px;

letter-spacing:.18em;

}

.zp-description{

font-size:16px;

line-height:1.8;

}
/*=========================
  SCROLL ANIMATION
=========================*/
.zp-section{
    opacity:1;
    transform:none;
}
/*==================================================
OVERLINE
==================================================*/




/*==================================================
ICON IMAGE
==================================================*/

.zp-card__icon-image{

width:24px;

height:24px;

object-fit:contain;

}
/*==================================================
BENEFIT CARD V2
==================================================*/

.zp-benefit-card{

display:flex;

flex-direction:column;

align-items:center;

justify-content:flex-start;

background:#fff;

border:1px solid var(--zp-border);

border-radius:24px;

padding:22px;

text-align:center;

transition:all .30s ease;

box-shadow:0 10px 25px rgba(0,0,0,.04);

height:100%;

}


.zp-benefit-card:hover{

transform:translateY(-6px);

border-color:var(--zp-primary);

box-shadow:0 20px 45px rgba(0,0,0,.08);

}


.zp-benefit-icon{

width:58px;

height:58px;

border-radius:50%;

background:linear-gradient(
180deg,
#FAF8FD,
#F3EDFF
);

display:flex;

align-items:center;

justify-content:center;

margin-bottom:14px;

font-size:28px;

transition:.30s;

}
.zp-benefit-card:hover .zp-benefit-icon{

transform:scale(1.08);

}


.zp-benefit-image{

width:25px;

height:25px;

object-fit:contain;

}


.zp-benefit-card h3{

font-size:18px;

font-weight:700;

line-height:1.3;

margin-bottom:8px;

color:var(--zp-text);

}


.zp-benefit-card p{

font-size:14px;

line-height:1.5;

color:var(--zp-text-light);

margin:0;

max-width:260px;

}
.zp-card__content{

    flex:1;

}
/*==================================================
  BENEFIT CARD PREMIUM
==================================================*/

.zp-benefit-card{
    position:relative;
    overflow:hidden;
}

.zp-benefit-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:linear-gradient(
        90deg,
        var(--zp-primary),
        #d9cdf5
    );

    transform:scaleX(0);

    transform-origin:left;

    transition:.35s ease;

}

.zp-benefit-card:hover::before{

    transform:scaleX(1);

}
.zp-benefit-card h3{

transition:.30s ease;

}

.zp-benefit-card:hover h3{

color:var(--zp-primary);

}
.zp-benefit-icon{

box-shadow:

0 8px 20px rgba(189,170,230,.18);

}
.zp-benefit-card{

cursor:default;

}