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

:root {

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

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

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

	--bdr-rds-crd: 1.333rem;
	--bdr-tl-rds-crd: 1;
	--bdr-tr-rds-crd: 1;
	--bdr-br-rds-crd: 1;
	--bdr-bl-rds-crd: 1;

	/* ── 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: 3.125rem;
	--btn-v1-bdr-rds-tr: 3.125rem;
	--btn-v1-bdr-rds-br: 3.125rem;
	--btn-v1-bdr-rds-bl: 3.125rem;
	--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: 3.125rem; /* { min: 0, max: 5, step: 0.1, friendly: 'Button V2 Border Radius Top Left'  } */
	--btn-v2-bdr-rds-tr: 3.125rem; /* { min: 0, max: 5, step: 0.1, friendly: 'Button V2 Border Radius Top Right'  } */
	--btn-v2-bdr-rds-br: 3.125rem; /* { min: 0, max: 5, step: 0.1, friendly: 'Button V2 Border Radius Bottom Right'  } */
	--btn-v2-bdr-rds-bl: 3.125rem; /* { 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 32 32' fill='none'><path fill='black' d='M12.2358 1.25404C11.7167 1.25404 11.2947 1.67605 11.2947 2.1951V9.96182L1.60786 0.274965C1.42994 0.0970456 1.19319 0 0.941779 0C0.69034 0 0.453597 0.0985174 0.275699 0.274965C-0.0918998 0.642565 -0.0918998 1.23955 0.275699 1.60569L9.96407 11.2926H2.19734C1.67829 11.2926 1.25628 11.7146 1.25628 12.2336C1.25628 12.7527 1.67829 13.1747 2.19734 13.1747H12.2358C12.2681 13.1747 12.299 13.1732 12.3314 13.1703C12.3358 13.1703 12.3402 13.1688 12.3461 13.1688C12.3725 13.1658 12.399 13.1614 12.4255 13.157H12.4284C12.6063 13.1203 12.771 13.0335 12.9019 12.9012C12.9445 12.8585 12.9813 12.8129 13.0136 12.7659C13.0151 12.7644 13.0166 12.763 13.0166 12.7615C13.0298 12.7424 13.0416 12.7218 13.0518 12.7027C13.0563 12.6953 13.0607 12.6894 13.0636 12.6821C13.0724 12.6659 13.0798 12.6497 13.0871 12.6336C13.093 12.6218 13.0989 12.61 13.1033 12.5968C13.1077 12.585 13.1121 12.5718 13.1165 12.56C13.1224 12.5424 13.1298 12.5262 13.1342 12.5071C13.1371 12.4997 13.1386 12.4924 13.1401 12.485C13.146 12.463 13.1518 12.4395 13.1562 12.4159V12.4115C13.1665 12.3542 13.1739 12.2954 13.1739 12.2351L13.1768 2.19513C13.1768 1.67608 12.7548 1.25404 12.2358 1.25404Z'/><path fill='black' d='M18.8409 12.4142C18.8453 12.4377 18.8512 12.4598 18.857 12.4833C18.8585 12.4907 18.86 12.498 18.8629 12.5054L18.8806 12.5583C18.885 12.5701 18.8894 12.5818 18.8938 12.5936C18.8997 12.6068 18.9056 12.6186 18.9114 12.6304C18.9188 12.6465 18.9261 12.6627 18.935 12.6789C18.9394 12.6862 18.9438 12.6936 18.9482 12.7009C18.96 12.7201 18.9703 12.7406 18.9835 12.7598C18.985 12.7612 18.9864 12.7627 18.9879 12.7656C19.0203 12.8127 19.057 12.8583 19.0982 12.9009C19.229 13.0318 19.3937 13.12 19.5716 13.1568C19.5731 13.1568 19.5746 13.1568 19.5746 13.1582C19.6011 13.1641 19.6275 13.1671 19.654 13.17C19.6584 13.17 19.6643 13.1715 19.6687 13.1715C19.6996 13.1744 19.7319 13.1759 19.7643 13.1759H29.8027C30.3218 13.1759 30.7438 12.7539 30.7438 12.2348C30.7438 11.7158 30.3218 11.2938 29.8027 11.2938L22.036 11.2923L31.7228 1.60695C32.0904 1.23935 32.0904 0.642367 31.7228 0.27622C31.5449 0.0983005 31.3082 0.00125492 31.0568 0.00125492C30.8053 0.00125492 30.5686 0.0997723 30.3907 0.27622L20.7053 9.96157V2.19485C20.7053 1.6758 20.2833 1.25379 19.7643 1.25379C19.2452 1.25379 18.8232 1.6758 18.8232 2.19485V12.2333C18.8232 12.2936 18.8291 12.3524 18.8409 12.4097L18.8409 12.4142Z'/><path fill='black' d='M22.0359 20.703H29.8027C30.3217 20.703 30.7437 20.281 30.7437 19.762C30.7437 19.2429 30.3217 18.8209 29.8027 18.8209H19.7642C19.7319 18.8209 19.701 18.8224 19.6686 18.8253C19.6642 18.8253 19.6584 18.8268 19.6539 18.8268C19.6275 18.8298 19.601 18.8342 19.5745 18.8386C19.5731 18.8386 19.5716 18.84 19.5701 18.84C19.3922 18.8768 19.229 18.9636 19.0981 19.0959C19.057 19.1371 19.0202 19.1826 18.9893 19.2282C18.9879 19.2312 18.9849 19.2326 18.9834 19.2356C18.9702 19.2547 18.9599 19.2738 18.9482 19.2929C18.9437 19.3003 18.9393 19.3076 18.9349 19.315C18.9261 19.3312 18.9187 19.3473 18.9114 19.3635C18.9055 19.3753 18.8996 19.3885 18.8938 19.4003C18.8893 19.412 18.8849 19.4238 18.8805 19.437C18.8746 19.4547 18.8673 19.4723 18.8629 19.49C18.8599 19.4973 18.8585 19.5047 18.857 19.512C18.8511 19.5341 18.8452 19.5576 18.8408 19.5797C18.8408 19.5811 18.8408 19.5826 18.8393 19.5841C18.8291 19.6414 18.8217 19.6988 18.8217 19.759V29.7975C18.8217 30.3165 19.2437 30.7385 19.7628 30.7385C20.2818 30.7385 20.7038 30.3165 20.7038 29.7975L20.7053 22.0338L30.3921 31.7206C30.5701 31.8985 30.8068 31.9956 31.0582 31.9956C31.3097 31.9956 31.5464 31.8971 31.7243 31.7206C32.0919 31.353 32.0919 30.756 31.7243 30.3899L22.0359 20.703Z'/><path fill='black' d='M13.1591 19.5813C13.1547 19.5578 13.1488 19.5357 13.143 19.5122C13.1415 19.5048 13.14 19.4975 13.1371 19.4901C13.1312 19.4725 13.1253 19.4549 13.118 19.4372C13.1136 19.4254 13.1091 19.4137 13.1047 19.4019C13.0989 19.3887 13.093 19.3769 13.0871 19.3652C13.0797 19.349 13.0724 19.3328 13.0636 19.3166C13.0592 19.3093 13.0547 19.3019 13.0503 19.2946C13.0386 19.274 13.0268 19.2549 13.015 19.2358C13.0136 19.2343 13.0121 19.2328 13.0121 19.2313C12.9798 19.1843 12.943 19.1387 12.9003 19.0961C12.771 18.9667 12.6092 18.8799 12.4328 18.8417C12.4298 18.8417 12.4269 18.8402 12.4225 18.8388C12.4004 18.8343 12.3769 18.8314 12.3548 18.8285C12.346 18.827 12.3372 18.8255 12.3298 18.824C12.3092 18.8226 12.2872 18.8211 12.2666 18.8211C12.2563 18.8211 12.246 18.8196 12.2357 18.8196L2.19728 18.8211C1.67823 18.8211 1.25623 19.2431 1.25623 19.7622C1.25623 20.2812 1.67823 20.7032 2.19728 20.7032H9.96401L0.27715 30.3901C-0.0904492 30.7577 -0.0904492 31.3547 0.27715 31.7208C0.45507 31.8987 0.691817 31.9958 0.94323 31.9958C1.19464 31.9958 1.43141 31.8973 1.60931 31.7193L11.2947 22.034V29.8007C11.2947 30.3198 11.7167 30.7418 12.2357 30.7418C12.7548 30.7418 13.1768 30.3198 13.1768 29.8007V19.7623C13.1768 19.702 13.1709 19.6432 13.1591 19.5858L13.1591 19.5813Z'/></svg>"); /* { friendly: 'Flair Mask Image (Data URI)', group: 'Shapes & Decorative' } */

}

.flr-pattern {
	display: none;
}

/* ── 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;
    }
}

.cpn.v2 {
    @media (min-width: 1280px) {
        .cpn-v2-inf::before, .cpn-v2-inf::after {
          
            background-color: var(--main-bg-alt, var(--lt-bg));
            mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 83'><path d='M20.3693 57.552C31.5036 49.6548 31.6295 33.1705 20.6172 25.1041L8.06424 15.9092C2.99367 12.1951 -0.00153351 6.28535 0.00105095 0L0.00103378 83L0.000915527 82.3367C-0.000234604 75.853 3.14182 69.771 8.43039 66.0199L20.3693 57.552Z' fill='black'/></svg>") no-repeat top / contain;
            -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 83'><path d='M20.3693 57.552C31.5036 49.6548 31.6295 33.1705 20.6172 25.1041L8.06424 15.9092C2.99367 12.1951 -0.00153351 6.28535 0.00105095 0L0.00103378 83L0.000915527 82.3367C-0.000234604 75.853 3.14182 69.771 8.43039 66.0199L20.3693 57.552Z' fill='black'/></svg>") no-repeat top / contain;
            pointer-events: none;
            z-index: 2;
        }

        .cpn-v2-inf::before {
            top: calc(var(--cpn-ntch-r) * -1.4) !important;
            transform: rotate(90deg) !important;
        }

        .cpn-v2-inf::after {
            bottom: calc(var(--cpn-ntch-r) * -1.4) !important;
            scale: -1 1 !important;
			transform: rotate(-90deg) !important;
        }
    }
}

.cpn.v2 {
    @media (min-width: 1280px) {
        .cpn-v2-inf::before, .cpn-v2-inf::after {
			height: calc(var(--cpn-ntch-r) * 4) !important;
		}
	}
}

*: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-ntch {
	position: absolute;
	top: var(--cpn-ntch-y);
	left: calc(-1 * var(--pd-h) );
	pointer-events: none;
	z-index: 2;
	width: calc(100% + (var(--pd-h) * 2));
	--bdr-stl: dashed;
	--bdr-w: 2px;

	&::before, &::after {
        content: '';
        position: absolute;
        top: 0;
        translate: 0 -50%;
        width: calc(var(--cpn-ntch-r) * 2);
        height: calc(var(--cpn-ntch-r) * 4);
        background-color: var(--cpn-ntch-bg, var(--main-bg));
        mask-size: contain;
        -webkit-mask-size: contain;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
		mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 83'><path d='M20.3693 57.552C31.5036 49.6548 31.6295 33.1705 20.6172 25.1041L8.06424 15.9092C2.99367 12.1951 -0.00153351 6.28535 0.00105095 0L0.00103378 83L0.000915527 82.3367C-0.000234604 75.853 3.14182 69.771 8.43039 66.0199L20.3693 57.552Z' fill='black'/></svg>") no-repeat left / contain;
        -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 83'><path d='M20.3693 57.552C31.5036 49.6548 31.6295 33.1705 20.6172 25.1041L8.06424 15.9092C2.99367 12.1951 -0.00153351 6.28535 0.00105095 0L0.00103378 83L0.000915527 82.3367C-0.000234604 75.853 3.14182 69.771 8.43039 66.0199L20.3693 57.552Z' fill='black'/></svg>") no-repeat left / contain;
    }

	&::before {
		left: -1%;
	}

	&::after {
		right: -1%;
		scale: -1 1;
	}
}

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.2rem 2.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';
	}
}