/* ============================================================
 * 두레 담기 토스트 — 전 사이트 공용 (2026-07-11 v1.0)
 * 마크업/스크립트 = include/comm/cartToast.jsp (commFunctions.jsp에서 로드)
 * 메인 rd(.mrdz-ctoast)와 동일 손맛 디자인을 전 화면으로 통일.
 * ============================================================ */
.dure-ctoast{
	position:fixed; left:50%; bottom:26px; transform:translate(-50%,150%);
	z-index:10050; display:flex; align-items:center; gap:12px;
	background:#3D6041; color:#fff;
	padding:12px 14px 12px 13px; border-radius:16px;
	box-shadow:0 10px 34px rgba(20,40,22,.4);
	max-width:calc(100% - 30px);
	opacity:0; transition:transform .44s cubic-bezier(.18,1.28,.4,1),opacity .28s;
	pointer-events:none;
}
.dure-ctoast.show{ transform:translate(-50%,0); opacity:1; pointer-events:auto; }
.dure-ctoast .ct-check{ flex:none; width:31px; height:31px; border-radius:50%; background:#fff; display:grid; place-items:center; }
.dure-ctoast .ct-check svg{ width:18px; height:18px; fill:none; stroke:#3D6041; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:26; stroke-dashoffset:26; }
.dure-ctoast.show .ct-check{ animation:dctpop .42s .04s both; }
.dure-ctoast.show .ct-check svg{ animation:dctdraw .38s .2s forwards; }
.dure-ctoast .ct-msg{ font-size:16px; font-weight:700; white-space:nowrap; letter-spacing:-.01em; }
.dure-ctoast .ct-go{ flex:none; margin-left:2px; background:rgba(255,255,255,.18); color:#fff; border:1px solid rgba(255,255,255,.55); border-radius:11px; padding:9px 13px; font-size:14.5px; font-weight:700; white-space:nowrap; cursor:pointer; transition:background .15s; }
.dure-ctoast .ct-go:active{ background:rgba(255,255,255,.32); }
@keyframes dctpop{ 0%{ transform:scale(0); } 58%{ transform:scale(1.2); } 100%{ transform:scale(1); } }
@keyframes dctdraw{ to{ stroke-dashoffset:0; } }

/* PC(넓은 뷰포트) — 하단 여백 확대 + hover 전이 */
@media (min-width:768px){
	.dure-ctoast{ bottom:34px; padding:12px 16px 12px 14px; max-width:calc(100% - 40px); }
	.dure-ctoast .ct-go:hover{ background:rgba(255,255,255,.3); }
}

@media (prefers-reduced-motion:reduce){
	.dure-ctoast{ transition:opacity .2s; }
	.dure-ctoast.show .ct-check,.dure-ctoast.show .ct-check svg{ animation:none; }
	.dure-ctoast .ct-check svg{ stroke-dashoffset:0; }
}