/* content-callout.css */
/* ContentCallout snippet — shared styles */

.cnt-callout {
    @media screen and (min-width: 1280px) {
        padding-inline: 1.4rem 2.22rem;
    }
}

/* coupon-tools.css */
/* Coupon Tools */
:root {
	--cpn-ttl-w: 3rem; /* { min: 0, max: 10, step: 1, friendly: 'Coupon Title Width' } */ 
	
	--cpn-bdr-pd: 1.167rem; /* { min: 0.25, max: 2, step: 0.001, friendly: 'Coupon Border Padding' } */ 
	--cpn-bdr-w: 2px; /* { min: 1, max: 5, step: 1, friendly: 'Coupon Border Width' } */  
	--cpn-bdr-s: dashed; /* { friendly: 'Coupon Border Style' } */ 
	
	--cpn-act-icn-s: .89rem; /* { min: .8, max: 3, step: 0.001, friendly: 'Action Icon Size' } */ 
	
	--cpn-lg-mx-wd: 188; /* { min: 50, max: 500, step: 10, friendly: 'Coupon Logo Max Width Desktop' } */
	--cpn-lg-mx-wd-mbl: 170; /* { min: 10, max: 300, step: 1, friendly: 'Coupon Logo Max Width Mobile' } */
	--cpn-lg-mx-wd-clc: calc((var(--cpn-lg-mx-wd-mbl) * 1px) + (var(--cpn-lg-mx-wd) - var(--cpn-lg-mx-wd-mbl)) * ((var(--vw_) - 320px) / (1920 - 320))); /* { readonly: true } */
	
	--cpn-lg-dsp: flex;  /* {friendly: 'Coupon Logo Display'} */
}

*:has( > .cpn-itm ) {
	container-type: inline-size;
}

.cpn-itm {
	padding: var(--cpn-bdr-pd);
	overflow: visible;

	&::after {
		content: '';
		position: absolute;
		inset: var(--cpn-bdr-pd);
		z-index: 1;
		border-width: var(--cpn-bdr-w);
		border-style: var(--cpn-bdr-s);
		border-radius: inherit;
		pointer-events: none;
	}

	&.no-bg:after {
		inset: 0;
	}

	.act {
		justify-content: center;

		.icn {
			font-size: var(--cpn-act-icn-s);
		}

		@media (width >= 700px) {
			& > li + li {
				border-left: 1px solid hsl(from var(--bdr-clr) h s l / 0.3);
				padding-left: var(--grd-sp-dyn);
			}
		}
	}

	.lgo {
		display: var(--cpn-lg-dsp);
		max-width: var(--cpn-lg-mx-wd-clc);
		margin-inline: auto;
		z-index: 2;
		position: relative;
	}

	.cpn-div {
		display: flex;
		justify-content: center;

		svg {
			width: 100%;
		}
	}

	.icn.ft {
		position: absolute;
		top: 0;
		left: 50%;
		translate: -50%;
		font-size: 2rem;
	}

	&.no-bg {
		padding: var(--cpn-bdr-pd);

		&::after {
			inset: 0;
		}
	}

}

/* @media print {
	header, 
	footer {
		display: none;
		visibility: hidden;
	}
} */

@container (width > 900px) {
	.cpn-itm .pd_v {
		--pd-v: clamp(calc(var(--sp-vp-min) * 0.5), var(--sp-vp), calc(var(--sp-vp-max) * 0.5) );
	}
	
	.cpn-itm div.cpn-lyt {
		text-align: left;
		display: grid;
		column-gap: var(--flx-gap);
		grid-template-columns: calc(50% - var(--cpn-ttl-w)) 1fr;
		grid-template-areas:
			'prc ttl'
			'prc dsc'
			'prc dsc'
			'act dsc'
			'act dt'
			'act dis';
			
		&:after {
			content: "";
			position: absolute;
			top: 50%;
			height: 100%;
			width: var(--bdr-w);
			left: calc( 50% - var(--cpn-ttl-w) + ( var(--flx-gap) * 0.5 ) );
			background-color: hsl(from var(--text-color) h s l / 0.5);
			transform: translateY(-50%);
		}
			
		.prc {
			grid-area: prc;
			text-align: center;
			align-self: center;
			
			&:nth-last-child(6) {
				align-self:flex-end;
			}
		}
		
		.ttl {
			grid-area: ttl;
			margin-top: 0;
			text-align: center;
		}
	
		.dsc {
			grid-area: dsc;
		}
		
		.dt {
			grid-area: dt;
		}
		
		.dis {
			grid-area: dis;
			text-align: center;
		}
			
		.act {
			grid-area: act;
			justify-content: center;
			
			
			
		}
	}
	
	.cpn-itm > .cpn-lyt .act:nth-child(3) ) {
		grid-template-areas:
			'prc ttl'
			'prc act';
	}
	
	.cpn-itm > .cpn-lyt .act:nth-child(4) ):has( .dsc ) {
		grid-template-areas:
			'prc ttl'
			'prc dsc'
			'prc act';
	}
	
	.cpn-itm > .cpn-lyt .act:nth-child(4) ):has( .dt ) {
		grid-template-areas:
			'prc ttl'
			'prc dt'
			'prc act';
	}
	
	.cpn-itm > .cpn-lyt .act:nth-child(4) ):has( .dis ) {
		grid-template-areas:
			'prc ttl'
			'prc dis'
			'prc act';
	}
	
	.cpn-itm > .cpn-lyt .act:nth-child(5) ):has( .dis ) {
		grid-template-areas:
			'prc ttl'
			'prc dt'
			'prc dis'
			'prc act';
	}
	
	.cpn-itm > .cpn-lyt .act:nth-child(5) ):has( .dsc ) {
		grid-template-areas:
			'prc ttl'
			'prc dsc'
			'prc dt'
			'prc act';
	}
	
	.cpn-itm > .cpn-lyt .act:nth-child(5) ):not( :has( .dt ) ) {
		grid-template-areas:
			'prc ttl'
			'prc dsc'
			'prc dis'
			'prc act';
	}
}
/* reviews-tools.css */
/* Reviews panel tools */

/* top-nav-alt.css */
@media screen and (min-width: 1280px) {
    .fly-nv-acc-sm {
        cursor: pointer;
        list-style: none;
    }

    .fly-nv-acc-sm::-webkit-details-marker {
        display: none;
    }

    .fly-nv-acc-lbl {
        flex: 1;
    }

    .nv-chv-acc {
        transition: rotate var(--g-trn-sp) var(--g-trn-tf);
    }

    .fly-nv-acc[open] .nv-chv-acc {
        rotate: 180deg;
    }

    .fly-nv-acc-list {
        list-style: none;
        margin: 0;
        padding: 0 0 0 .5rem;
    }
}

/* content-v3.css */
.cnt.v3 {
    .f_gp:not(:has(> .three-8ths *)) {
        .three-8ths {
            display: none;
        }
    }

    .cnt-callout {
        picture {
            max-width:50%;
        }
    }
}

/* coupons-v1.css */
.cpn.v1 {
    --opacity: .2;
    --cpn-v1-lgo-ovlp: 5.5rem;

    --cpn-bdr-w: 3px;
    --cpn-bdr-s: dashed;
    --flr-mrg-tp: 2.7rem;
    --flr-mrg-bt: 2.7rem;

    --cpn-lg-mx-wd: 154;
    --cpn-lg-mx-wd-mbl: 170;
    --cpn-lg-mx-wd-clc: calc((var(--cpn-lg-mx-wd-mbl) * 1px) + (var(--cpn-lg-mx-wd) - var(--cpn-lg-mx-wd-mbl)) * ((var(--vw_) - 320px) / (1920 - 320)));

    position: relative;
    z-index: 1;

    &::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, var(--background) 16.02%, hsl(from var(--background) h s l / 0) 66.06%);
        content:'';
        z-index: -1;
    }

    .bg {
        z-index: -2;
    }

    .grd > li,
    .cpn-itm {
        overflow: visible;
    }

    .grd {

        @container (width < 33rem) {
            &.gp_sp {
                gap: calc(var(--grd-sp-dyn) + (var(--cpn-v1-lgo-ovlp) / 3));
            }
        }
    }

    /* Make room above each card for the overlapping logo */

    .lgo {
        z-index: 2;
        position: relative;

    }

    .act {
        justify-content: center;

        @media (width >= 700px) {
         

            & > li + li {
                border-left: 1px solid hsl(from var(--bdr-clr) h s l / 0.3);
                padding-left: var(--grd-sp-dyn);
            }
        }
    }

    .cpn-div {
        display: flex;
        justify-content: center;

        svg {
            width: 100%;
        }
    }

    @media screen and (max-width: 1280px) {
        li.cpn-cnt + li.cpn-cnt {
            display: none;
        }
    }
}

/* reviews-v6.css */
.rvw.v6 {
    --rvw-str-clr: #FBBF24;
    --rvw-str-s: 1.556rem;
    --fnt-pl-s: 1.22rem;
    --rvw-str-gp: 6px;
    .bg{
        img{
            opacity: 1;
        }
        
    }
    

    .bg-bx.frst-bg {
        --frst-bg-o: 0.1;
        --frst-blur: 10px;
        --bdr-clr-o: 0.2;
    }

    .fnt_t-5.cstm {
        --fnt-t-5-s-d: 1.222rem;
    }

    .fnt_t-6 {
        --fnt-t-6-s-d: 0.833rem;
    }

    .fnt_t-nt {
        --fnt-t-nt-s-d: 0.667rem;
    }

    .svg-con {
        width: 2.667rem;
        height: 2.667rem;
        border-radius: 50%;
        margin-inline: auto;
        background-color: hsl(from var(--text-alt) h s l / 0.15);
    }

    .cnt {
        font-size: .67rem;
    }

    @media screen and (min-width: 1280px) {
        & {
            --fnt-t-1-s: 3.556rem;
        }
        .pd_v.pd_h {
            padding: 2.222rem 1.778rem;
        }

        .rvw-itm > div {
            max-width: 50.22rem;
            margin-inline: auto;
        }
    }
}

/* contact-v2.css */
.ctc.v2 {
  --flr-bx-w: 293;
  --flr-bx-w-mbl: 293;
  --flr-mrg-tp: 1.5rem;
  --flr-mrg-bt: 1.5rem;
  --flr-bx-w-clc: calc((var(--flr-bx-w-mbl) * 1px) + (var(--flr-bx-w) - var(--flr-bx-w-mbl)) * ((var(--vw_) - 320px) / (1920 - 320)));

   --pd-v: clamp(calc(var(--sp-vp-min) * 0.6), var(--sp-vp), calc(var(--sp-vp-max) * 0.6) );

   &::before {
      background: linear-gradient(180deg, #212C5F 0%, rgba(33, 44, 95, 0.40) 19.57%), linear-gradient(180deg, rgba(33, 44, 95, 0.40) 85.14%, #212C5F 100.06%);
   }

   .bg {
    z-index: -2;
   }

  
  picture.bg img {
    mix-blend-mode: luminosity;
    opacity: 0.3;
  }

  .input-text {

    label.abs {
      opacity: 0;
      pointer-events: none;
    }

    :is(input, select, textarea)::placeholder {
      color: var(--text-color);
    }

    :is(input, select, textarea) {
      background: transparent;
      border-color: var(--text-color);
      border-width: 2px;
      border-radius: 0.444rem;
    }
  }
}