/* CM Shop Azadi — front-end effects
   All colours fall back if the inline --cmaz-green is missing. */
:root{--cmaz-green:#01411c;--cmaz-white:#ffffff;}

/* ---------- Greeting banner ---------- */
.cmaz-banner{
	background:var(--cmaz-green);
	color:#fff;
	text-align:center;
	font-size:14px;
	font-weight:700;
	letter-spacing:.3px;
	padding:9px 14px;
	line-height:1.4;
	position:relative;
	z-index:100;
}
.cmaz-banner a{color:#fff;text-decoration:underline;}
.cmaz-banner-star{opacity:.9;}

/* ---------- Hanging bunting ---------- */
.cmaz-bunting{
	display:flex;
	justify-content:center;
	flex-wrap:nowrap;
	gap:0;
	padding:0;
	margin:0;
	overflow:hidden;
	height:26px;
	line-height:0;
	position:relative;
	z-index:99;
	background:transparent;
}
.cmaz-flag{
	width:0;height:0;
	border-left:11px solid transparent;
	border-right:11px solid transparent;
	border-top:20px solid var(--cmaz-green);
	margin:0 3px;
	transform-origin:top center;
	animation:cmazSway 3s ease-in-out infinite;
}
.cmaz-flag-white{border-top-color:#e9f3ec;}
.cmaz-flag:nth-child(odd){animation-delay:.4s;}
.cmaz-flag:nth-child(3n){animation-delay:.8s;}
@keyframes cmazSway{
	0%,100%{transform:rotate(-4deg);}
	50%{transform:rotate(4deg);}
}

/* ---------- Anthem button ---------- */
.cmaz-anthem-btn{
	position:fixed;
	left:18px;
	bottom:18px;
	z-index:9998;
	display:inline-flex;
	align-items:center;
	gap:8px;
	background:var(--cmaz-green);
	color:#fff;
	border:none;
	border-radius:40px;
	padding:11px 18px;
	font-size:14px;
	font-weight:700;
	cursor:pointer;
	box-shadow:0 6px 18px rgba(0,0,0,.22);
	font-family:inherit;
	transition:transform .15s,box-shadow .15s;
}
.cmaz-anthem-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.28);}
.cmaz-anthem-btn .cmaz-eq{display:inline-flex;gap:2px;align-items:flex-end;height:14px;}
.cmaz-anthem-btn .cmaz-eq i{width:3px;height:6px;background:#fff;border-radius:2px;display:block;}
.cmaz-anthem-btn.is-playing .cmaz-eq i{animation:cmazEq .9s ease-in-out infinite;}
.cmaz-anthem-btn .cmaz-eq i:nth-child(2){animation-delay:.2s;}
.cmaz-anthem-btn .cmaz-eq i:nth-child(3){animation-delay:.4s;}
@keyframes cmazEq{0%,100%{height:5px;}50%{height:14px;}}

/* ---------- Flag cursor ---------- */
.cmaz-cursor{
	position:fixed;
	top:0;left:0;
	width:34px;height:24px;
	margin-left:6px;margin-top:6px;
	pointer-events:none;
	z-index:9999;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	will-change:transform;
	transition:transform .06s linear;
}

/* ---------- Falling pieces ---------- */
.cmaz-fall{
	position:fixed;
	top:-40px;
	z-index:9997;
	pointer-events:none;
	will-change:transform;
}
.cmaz-fall svg{display:block;}

@media (prefers-reduced-motion:reduce){
	.cmaz-flag,.cmaz-anthem-btn.is-playing .cmaz-eq i{animation:none;}
	.cmaz-fall{display:none;}
}

/* Hide the flag cursor on touch devices (no cursor there). */
@media (hover:none){
	.cmaz-cursor{display:none;}
}

/* ---------- Full-page waving flag background ---------- */
.cmaz-bgflag{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:var(--cmaz-bgflag-opacity,.12);}
.cmaz-bgflag .cmaz-bgflag-svg,.cmaz-bgflag-img{position:absolute;inset:0;width:100%;height:100%;}
.cmaz-bgflag-img{background-size:cover;background-position:center;}
.cmaz-bgflag-svg{animation:cmazWave 6s ease-in-out infinite;transform-origin:center;}
@keyframes cmazWave{
	0%,100%{transform:scale(1.05) skewY(0deg);}
	25%{transform:scale(1.05) skewY(1.2deg) translateY(-6px);}
	50%{transform:scale(1.05) skewY(0deg) translateY(4px);}
	75%{transform:scale(1.05) skewY(-1.2deg) translateY(-6px);}
}
/* Keep site content above the flag. */
body>*:not(.cmaz-bgflag):not(#cmaz-preloader){position:relative;z-index:1;}

/* ---------- Corner ribbon ---------- */
.cmaz-ribbon{position:fixed;top:0;right:0;width:130px;height:130px;overflow:hidden;z-index:9996;pointer-events:none;}
.cmaz-ribbon span{position:absolute;top:26px;right:-38px;transform:rotate(45deg);background:var(--cmaz-green);color:#fff;font-size:12px;font-weight:800;letter-spacing:.4px;text-align:center;width:170px;padding:6px 0;box-shadow:0 3px 8px rgba(0,0,0,.2);}

/* ---------- Countdown ---------- */
.cmaz-countdown{display:inline-flex;gap:5px;font-weight:800;margin:0 4px;}
.cmaz-countdown b{background:rgba(255,255,255,.22);padding:1px 6px;border-radius:5px;font-variant-numeric:tabular-nums;}
.cmaz-banner-count{font-weight:700;}

/* ---------- Preloader ---------- */
#cmaz-preloader.cmaz-hide{opacity:0;pointer-events:none;}
.cmaz-pre-flag{width:120px;height:80px;border-radius:6px;overflow:hidden;box-shadow:0 8px 26px rgba(0,0,0,.3);animation:cmazWave 3s ease-in-out infinite;}
.cmaz-pre-flag svg{width:100%;height:100%;}
.cmaz-pre-text{color:#fff;font-size:20px;font-weight:800;letter-spacing:1px;opacity:.95;}

/* ---------- Greeting popup ---------- */
.cmaz-popup-overlay{position:fixed;inset:0;background:rgba(10,20,14,.55);z-index:100001;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .3s;}
.cmaz-popup-overlay.is-open{opacity:1;}
.cmaz-popup{background:#fff;max-width:400px;width:100%;border-radius:16px;overflow:hidden;text-align:center;transform:translateY(16px) scale(.98);transition:transform .3s;box-shadow:0 20px 60px rgba(0,0,0,.35);}
.cmaz-popup-overlay.is-open .cmaz-popup{transform:none;}
.cmaz-popup-head{background:var(--cmaz-green);padding:22px;}
.cmaz-popup-head svg{width:96px;height:64px;border-radius:5px;}
.cmaz-popup-body{padding:22px 22px 26px;}
.cmaz-popup-body h3{margin:0 0 8px;font-size:21px;color:var(--cmaz-green);}
.cmaz-popup-body p{margin:0 0 16px;font-size:14.5px;line-height:1.6;color:#333;}
.cmaz-popup-btn{display:inline-block;background:var(--cmaz-green);color:#fff;padding:11px 24px;border-radius:30px;font-weight:700;font-size:14px;text-decoration:none;border:none;cursor:pointer;}
.cmaz-popup-close{position:absolute;top:12px;right:14px;background:rgba(255,255,255,.25);border:none;color:#fff;width:30px;height:30px;border-radius:50%;font-size:18px;cursor:pointer;}

/* ---------- Product sale badge ---------- */
.cmaz-sale-badge{position:absolute;top:8px;left:8px;z-index:5;background:var(--cmaz-green);color:#fff;font-size:11px;font-weight:800;padding:4px 9px;border-radius:5px;letter-spacing:.3px;box-shadow:0 2px 6px rgba(0,0,0,.2);}

/* ---------- Logo flag badge ---------- */
.cmaz-logo-badge{display:inline-block;width:26px;height:18px;margin-left:8px;vertical-align:middle;border-radius:3px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.2);}
.cmaz-logo-badge svg{width:100%;height:100%;display:block;}

/* ---------- Fireworks ---------- */
.cmaz-fx-canvas{position:fixed;inset:0;z-index:9995;pointer-events:none;}

@media (prefers-reduced-motion:reduce){
	.cmaz-bgflag-svg,.cmaz-pre-flag{animation:none;}
	.cmaz-fx-canvas{display:none;}
}
@media (max-width:600px){
	.cmaz-ribbon{width:104px;height:104px;}
	.cmaz-ribbon span{font-size:11px;top:20px;}
	.cmaz-pre-text{font-size:17px;}
}