/* ── figma-theme-converter output ───────────────────────────────────────────── */
/* Theme:  Tango Glacier */
/* Source: tango-glacier.json */
/* Do not edit manually — re-run converter to regenerate */

:root {

	/* ── Border Radius ──────────────────────────────────────────────────────── */

	--bdr-rds: 0rem;
	--bdr-tl-rds: 1;
	--bdr-tr-rds: 1;
	--bdr-br-rds: 1;
	--bdr-bl-rds: 1;

	/* ── Card Border Radius ─────────────────────────────────────────────────── */

	--bdr-rds-crd: 1.11rem;
	--bdr-tl-rds-crd: 0;
	--bdr-tr-rds-crd: 0;
	--bdr-br-rds-crd: 0;
	--bdr-bl-rds-crd: 0;

	/* ── Card Box Shadow ────────────────────────────────────────────────────── */

	--bx-sdw-crd-x:   0rem;
	--bx-sdw-crd-y:   0rem;
	--bx-sdw-crd-blr: 0rem;
	--bx-sdw-crd-o:   0;

	/* ── Button V1 Padding ──────────────────────────────────────────────────── */

	--btn-v1-pd-t: 1.125rem;
	--btn-v1-pd-b: 1.125rem;
	--btn-v1-pd-l: 1.875rem;
	--btn-v1-pd-r: 1.875rem;
	--btn-v1-pd: var(--btn-v1-pd-t) var(--btn-v1-pd-r) var(--btn-v1-pd-b) var(--btn-v1-pd-l);

	/* ── Button V1 Border Radius ────────────────────────────────────────────── */

	--btn-v1-bdr-rds-tl: 0rem;
	--btn-v1-bdr-rds-tr: 0rem;
	--btn-v1-bdr-rds-br: 0rem;
	--btn-v1-bdr-rds-bl: 0rem;
	--btn-v1-bdr-rds: var(--btn-v1-bdr-rds-tl) var(--btn-v1-bdr-rds-tr) var(--btn-v1-bdr-rds-br) var(--btn-v1-bdr-rds-bl);

	/* ── Button V1 Box Shadow ───────────────────────────────────────────────── */

	--btn-v1-bx-sdw-x:   0rem;
	--btn-v1-bx-sdw-y:   0rem;
	--btn-v1-bx-sdw-blr: 0rem;
	--btn-v1-bx-sdw-o:   0;

	/* ── Button V1 Border (Alt Variant) ─────────────────────────────────────── */

	--btn-v1-bdr-w:   2px;
	--btn-v1-bdr-stl: solid;

	/* ── Button V2 Padding ──────────────────────────────────────────────────── */

	--btn-v2-pd-t: 0.889rem; /* { min: 0.5, max: 2, step: 0.1, friendly: 'Button V2 Padding Top'  } */
	--btn-v2-pd-b: 0.889rem; /* { min: 0.5, max: 2, step: 0.1, friendly: 'Button V2 Padding Bottom'  } */
	--btn-v2-pd-l: 1.667rem; /* { min: 0.5, max: 4, step: 0.1, friendly: 'Button V2 Padding Left'  } */
	--btn-v2-pd-r: 1.667rem; /* { min: 0.5, max: 4, step: 0.1, friendly: 'Button V2 Padding Right'  } */
	--btn-v2-pd: var(--btn-v2-pd-t) var(--btn-v2-pd-r) var(--btn-v2-pd-b) var(--btn-v2-pd-l); /* { readonly: true  } */

	/* ── Button V2 Border Radius ────────────────────────────────────────────── */

	--btn-v2-bdr-rds-tl: 0rem; /* { min: 0, max: 5, step: 0.1, friendly: 'Button V2 Border Radius Top Left'  } */
	--btn-v2-bdr-rds-tr: 0rem; /* { min: 0, max: 5, step: 0.1, friendly: 'Button V2 Border Radius Top Right'  } */
	--btn-v2-bdr-rds-br: 0rem; /* { min: 0, max: 5, step: 0.1, friendly: 'Button V2 Border Radius Bottom Right'  } */
	--btn-v2-bdr-rds-bl: 0rem; /* { min: 0, max: 5, step: 0.1, friendly: 'Button V2 Border Radius Bottom Left'  } */
	--btn-v2-bdr-rds: var(--btn-v2-bdr-rds-tl) var(--btn-v2-bdr-rds-tr) var(--btn-v2-bdr-rds-br) var(--btn-v2-bdr-rds-bl); /* { readonly: true  } */

	/* ── Button V2 Box Shadow ───────────────────────────────────────────────── */

	--btn-v2-bx-sdw-x: 0rem; /* { min: 0,  max: 2, step: 0.1, friendly: 'Button V2 Box Shadow \'X\' Position' } */
	--btn-v2-bx-sdw-y: 0.25rem; /* { min: 0,  max: 2, step: 0.05, friendly: 'Button V2 Box Shadow \'Y\' Position' } */
	--btn-v2-bx-sdw-blr: 0.875rem; /* { min: 0, max: 4, step: 0.1, friendly: 'Button V2 Box Shadow Blur' } */
	--btn-v2-bx-sdw-o: 0; /* { min: 0, max: 1, step: 0.05, friendly: 'Button V2 Box Shadow Opacity' } */

	--btn-v2-bdr-w: 2px; /* { min: 1, max: 3, step: 0.1, friendly: 'Button V2 Border Width'  } */
	--btn-v2-bdr-stl: solid; /* { friendly: 'Button V2 Border Style'  } */

	/* ── Flair (Shapes & Decorative) ────────────────────────────────────────── */

	--flr-img: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'><path fill='black' d='M46.2857 22.3177H44.5714L36 9.56239C35.8477 9.3365 35.6439 9.15018 35.4054 9.01883C35.1669 8.88747 34.9006 8.81487 34.6286 8.80703C34.3549 8.7892 34.0812 8.84316 33.8347 8.96358C33.5882 9.08401 33.3773 9.26674 33.2229 9.49372L30.0171 13.734L21.5829 0.77273C21.4292 0.538968 21.2208 0.346378 20.9758 0.211731C20.7307 0.0770849 20.4566 0.00446657 20.1771 0.000200987C19.8994 -0.00405528 19.6248 0.0593466 19.3769 0.184949C19.129 0.310551 18.9154 0.494592 18.7543 0.721228L3.42857 22.3177H1.71429C1.25963 22.3177 0.823593 22.4986 0.502103 22.8205C0.180612 23.1425 0 23.5791 0 24.0344C0 24.4897 0.180612 24.9264 0.502103 25.2484C0.823593 25.5703 1.25963 25.7512 1.71429 25.7512H2.98286L12.6514 37.7683C12.8074 37.9662 13.0051 38.1272 13.2302 38.2399C13.4554 38.3527 13.7026 38.4144 13.9543 38.4206C14.1977 38.4203 14.4382 38.3681 14.6599 38.2675C14.8816 38.1668 15.0794 38.0201 15.24 37.837L18.1371 34.5923L26.3829 47.2275C26.5365 47.4612 26.745 47.6538 26.99 47.7885C27.235 47.9231 27.5091 47.9957 27.7886 48C28.0605 47.9987 28.3283 47.9327 28.5698 47.8073C28.8112 47.6819 29.0194 47.5008 29.1771 47.279L44.5714 25.7512H46.2857C46.7404 25.7512 47.1764 25.5703 47.4979 25.2484C47.8194 24.9264 48 24.4897 48 24.0344C48 23.5791 47.8194 23.1425 47.4979 22.8205C47.1764 22.4986 46.7404 22.3177 46.2857 22.3177ZM32.0571 16.704L34.4743 13.4765L40.4571 22.3177H35.1771C35.2226 21.9349 35.1381 21.5479 34.9371 21.219L32.0057 16.7383L32.0571 16.704ZM20.0571 4.68688L31.56 22.3177H7.56L20.0571 4.68688ZM27.8743 43.2447L19.6971 30.7125C19.574 30.5224 19.4144 30.3586 19.2277 30.2306C19.041 30.1026 18.8308 30.0128 18.6093 29.9665C18.3877 29.9203 18.1593 29.9184 17.937 29.9609C17.7147 30.0035 17.5031 30.0898 17.3143 30.2147C17.0292 30.4196 16.8138 30.7072 16.6971 31.0387L14.0571 34.1116L7.38857 25.7512H40.3714L27.8743 43.2447Z'/></svg>"); /* { friendly: 'Flair Mask Image (Data URI)', group: 'Shapes & Decorative' } */

}

/* ── Bottom Decoration (wave divider) ──────────────────────────────────── */

.btm-deco {
	position: absolute;
	bottom: -1px;
	z-index: 0;
	width: 100%;

	svg {
		width: 100%;
		height: 18.722rem;
		display: block;
	}

	@media screen and (max-width: 1279px) {
		margin-top: 2rem;
	}
}

section:has(> .btm-deco) {
	&:has(+ section[data-colors="primary-light"])   { --shape-clr-1-dyn: var(--lt-bg); }
	&:has(+ section[data-colors="alternate-light"]) { --shape-clr-1-dyn: var(--lt-alt-bg); }
	&:has(+ section[data-colors="primary-dark"])    { --shape-clr-1-dyn: var(--dk-bg); }
	&:has(+ section[data-colors="alternate-dark"])  { --shape-clr-1-dyn: var(--dk-alt-bg); }
}

/* When the btm-deco panel is the last thing in <main>, its visual neighbor is
   the first section of <footer>. Must set the var directly on the section
   (the @scope rule in color-structure.css sets --shape-clr-1-dyn on the
   section element itself, so a value set on a parent like <form> would be
   shadowed). Two paired selectors handle "section is direct last-child of
   main" and "section is wrapped (e.g. in <form>) as main's last-child". */
main:has(+ footer section[data-colors="primary-light"]:first-of-type)   > section:last-child:has(> .btm-deco),
main:has(+ footer section[data-colors="primary-light"]:first-of-type)   > :last-child section:has(> .btm-deco)   { --shape-clr-1-dyn: var(--lt-bg); }
main:has(+ footer section[data-colors="alternate-light"]:first-of-type) > section:last-child:has(> .btm-deco),
main:has(+ footer section[data-colors="alternate-light"]:first-of-type) > :last-child section:has(> .btm-deco)   { --shape-clr-1-dyn: var(--lt-alt-bg); }
main:has(+ footer section[data-colors="primary-dark"]:first-of-type)    > section:last-child:has(> .btm-deco),
main:has(+ footer section[data-colors="primary-dark"]:first-of-type)    > :last-child section:has(> .btm-deco)   { --shape-clr-1-dyn: var(--dk-bg); }
main:has(+ footer section[data-colors="alternate-dark"]:first-of-type)  > section:last-child:has(> .btm-deco),
main:has(+ footer section[data-colors="alternate-dark"]:first-of-type)  > :last-child section:has(> .btm-deco)   { --shape-clr-1-dyn: var(--dk-alt-bg); }

/* * ── Wave Banner Decoration (banner wave divider) ──────────────────────── */

.wv-bnr {
	pointer-events: none;

	svg {
		width: 100%;
		height: 100%;
		display: block;
	}

	.wv-bnr-stop-start {
		stop-color: var(--wv-bnr-grad-start);
	}

	.wv-bnr-stop-end {
		stop-color: var(--wv-bnr-grad-end);
	}
}

section.bnr.v1 {
	--bnr-v1-deco-h: 0 !important;
	--bnr-v1-wave-h: 36% !important;
	padding-bottom: var(--bnr-tls-pd-v-bt-clc) !important;

	.wv-bnr {
		bottom: -1% !important;
	}
}

.bnr-v1-deco {
	display: none !important;
}

.bnr.v1 {
    .bnr-v1-cnt {
        position: relative;
        z-index: 1;
        margin-bottom: 12rem !important;
		margin-top: 0 !important;
        padding-bottom: calc(var(--bnr-v1-deco-h) + 1.5rem);
    }
}


/* Coupon Styles */

.cpn.v2 {
    li:has(.cpn-itm)::before {
        inset: 0.75rem -1.2rem !important;
        transform: rotate(0deg) !important;
		clip-path: polygon(0.75rem 0%, 0% 50%, 0.75rem 100%, calc(100% - 0.75rem) 100%, 100% 50%, calc(100% - 0.75rem) 0%);
    }
}

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

	&::before {
		content: '';
		position: absolute;
		inset: calc(-1 * var(--cpn-udr-o)) var(--cpn-udr-s);
		background: var(--cpn-udr-clr, #ffce34);
		border-radius: var(--bdr-rds, 1rem);
		z-index: 0;
	}
}

.cpn-itm > div.full {
	position: relative;
	padding-inline: 3.6rem;

	&::before,
	&::after {
		content: '';
		position: absolute;
		top: 50%;
		translate: 0 -50%;
		width: 100%;
		height: 101%;
		background-color: var(--cpn-ntch-bg, var(--main-bg));
	}

	&::before {
		left: -1px;
		clip-path: polygon(2.278rem 0, 0 50%, 2.278rem 100%, 0 100%, 0 0);
	}

	&::after {
		right: -1px;
		clip-path: polygon(100% 0, 100% 100%, calc(100% - 2.278rem) 100%, 100% 50%, calc(100% - 2.278rem) 0);
	}
}


.cpn-ntch {
    position: absolute;
    top: var(--cpn-ntch-y);
    left: 50%;
    pointer-events: none;
    z-index: 2;
    width: calc(100% - 4.2rem);
    --bdr-stl: dashed;
    --bdr-w: 2px;
    translate: -50%;
}

@container (width > 900px) {
	.cpn-ntch {
		display: none;
	}
}

ul:has(.cpn-itm) {
	padding-top: var(--cpn-v1-lgo-ovlp, 5.5rem);
    padding-bottom: 1.8rem;
}

li:has(.cpn-itm) {
	flex-shrink: 0;
	position: relative;
	overflow: visible;


	
	&::before {
		content: '';
		position: absolute;
		inset: -1.444rem 3.667rem;
		background-color: var(--buttons);
		border-radius: var(--bdr-rds);
		z-index: 0;
	}

	
}

.cpn-itm {
	position: relative;
	z-index: 1;
	padding: var(--cpn-bdr-pd);

	&::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;
	}

	 .lgo {
        margin-top: calc(var(--cpn-v1-lgo-ovlp, 5.5rem) * -1);
        position: relative;
        z-index: 2;
    }
		
	&.no-bg:after {
		inset: 0;
	}
	
	.act .icn {
		font-size: var(--cpn-act-icn-s);
	}
	
	.lgo {
		display: var(--cpn-lg-dsp);
		max-width: var(--cpn-lg-mx-wd-clc);
		margin-inline: auto;
	}
	
	.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;
		}
	
		.dsc {
			grid-area: dsc;
		}
		
		.dt {
			grid-area: dt;
		}
		
		.dis {
			grid-area: dis;
		}
			
		.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';
	}
}