/* v18 free template store and sign-in experience; desktop uses 90% */
@media(min-width:1000px){.container{width:90%;max-width:none}}
@media(max-width:999px){.container{width:calc(100% - 36px);max-width:none}}
@media(max-width:440px){.container{width:calc(100% - 28px);max-width:none}}
#collection .cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
@media(max-width:1100px){#collection .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){#collection .cards{grid-template-columns:minmax(0,1fr)}}
.product-info,.product-card{min-width:0}
.product-art{overflow:hidden}
.product-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}
.product-actions .btn{min-width:0;white-space:normal;justify-content:center;text-align:center;padding:12px 9px}
.product-actions .cf-download-link{grid-column:1/-1;background:linear-gradient(110deg,#6852ec,#8d6bf4);border-color:transparent;color:#fff;box-shadow:0 6px 14px rgba(104,82,236,.18)}
.product-actions .cf-download-link:hover{background:#5946e6;color:#fff;transform:translateY(-2px)}
.price{color:#256e56}.price small{color:#657e75}
.cf18-free-note{display:flex;align-items:center;gap:8px;border-radius:12px;background:#eafbf3;color:#196d4b;padding:10px 12px;font-size:12px;font-weight:750;margin-bottom:12px}
.cf18-mini-hint{color:#647086;font-size:11px;line-height:1.5;margin-top:9px}
.cf18-hero-pill{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:50px;background:#ecfff5;color:#096f4d;font-weight:750;font-size:12px;margin-top:15px;border:1px solid #caefdf}
.cf18-order-copy{font-size:12px;line-height:1.65}
.cf18-personalize{background:linear-gradient(135deg,#fcf7ff,#f1edff);border:1px solid #e7dffc;border-radius:16px;padding:15px;margin:13px 0}
.cf18-personalize strong{display:block;color:#332b62;font-size:17px}.cf18-personalize p{margin:7px 0 0;color:#675d86;font-size:12px;line-height:1.6}
.cf18-personalize .btn{margin-top:10px}
/* Pinterest-inspired sign-in modal: never a fake Google provider. */
.cf18-login-overlay[hidden]{display:none!important}
.cf18-login-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(20,18,40,.65);backdrop-filter:blur(9px);z-index:9999}
.cf18-login-card{position:relative;display:grid;grid-template-columns:minmax(220px,.92fr) 1.08fr;width:min(850px,100%);background:#fff;border-radius:27px;box-shadow:0 30px 100px rgba(10,9,32,.3);overflow:hidden;max-height:calc(100dvh - 32px);overflow-y:auto}
.cf18-login-art{background:linear-gradient(148deg,#654de7,#a16bef 55%,#dbbcfc);padding:40px 28px;display:flex;flex-direction:column;justify-content:space-between;min-height:370px;color:#fff;position:relative;overflow:hidden}
.cf18-login-art:before{content:'';position:absolute;width:300px;height:300px;border:50px solid #ffffff26;border-radius:50%;right:-175px;bottom:-95px}
.cf18-login-art:after{content:'';position:absolute;width:90px;height:90px;border-radius:24px;background:#f1ffb6;transform:rotate(22deg);right:80px;top:80px;box-shadow:75px 100px 0 #baf0e6}
.cf18-login-art strong{font-size:30px;letter-spacing:-.06em;line-height:1.12;position:relative;z-index:1}
.cf18-login-art span{position:relative;z-index:1;font-size:13px;line-height:1.8;color:#f6ecff}
.cf18-login-right{padding:42px 40px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;text-align:center}
.cf18-login-logo{display:flex;justify-content:center;align-items:center;gap:7px;color:#2c255b;font-size:18px;font-weight:850;letter-spacing:-.05em}
.cf18-login-logo img{width:37px;height:37px}
.cf18-login-right h2{font-size:32px;line-height:1.15;letter-spacing:-.055em;margin:20px 0 8px}
.cf18-login-right p{color:#6e7185;font-size:13px;line-height:1.7;margin:0 0 24px}
.cf18-google{display:flex;justify-content:center;gap:12px;align-items:center;padding:14px 18px;border:1px solid #dfe0ed;background:#fff;color:#25253c;border-radius:999px;text-decoration:none;font-size:14px;font-weight:750;box-shadow:0 4px 10px #1d25440a;transition:.2s}
.cf18-google:hover{border-color:#8071e9;box-shadow:0 6px 20px #8071e930;transform:translateY(-2px)}
.cf18-google svg{height:20px;width:20px}
.cf18-login-privacy{font-size:11px;color:#9699a8;line-height:1.55;margin-top:20px}.cf18-login-privacy a{color:#6752db}
.cf18-login-close{position:absolute;right:16px;top:16px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:0;background:#f3f3fb;color:#292947;font-size:22px;cursor:pointer;z-index:3}
@media(max-width:690px){.cf18-login-card{grid-template-columns:1fr;max-width:460px}.cf18-login-art{min-height:115px;padding:20px 26px}.cf18-login-art strong{font-size:23px}.cf18-login-art span{display:none}.cf18-login-art:after{height:45px;width:45px;right:38px;top:34px}.cf18-login-right{padding:27px 24px 31px}.cf18-login-right h2{font-size:28px;margin-top:13px}}
@media(max-width:370px){.product-actions .btn{font-size:11px;padding:11px 6px}}

/* CodeFrom v20 — clearer read-only template selection and safe download notice. */
#enquiryForm .cf20-selected-template{display:block;width:100%;border:1px solid #cfc9f5;border-radius:11px;background:#f5f2ff!important;color:#362878!important;font-weight:750;cursor:default;opacity:1;box-sizing:border-box;padding:12px 14px}
.cf20-download-notice{position:fixed;left:22px;bottom:22px;z-index:10001;display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:min(520px,calc(100% - 44px));box-sizing:border-box;background:#231a47;color:white;padding:15px 18px;border-radius:16px;box-shadow:0 12px 40px #18102c55;font-size:13px}
.cf20-download-notice a{color:#c8baff;font-weight:700;text-decoration:underline}
.cf20-download-notice button{margin-left:auto;background:transparent;border:0;color:#fff;font-size:23px;cursor:pointer}
@media(max-width:520px){.cf20-download-notice{left:12px;bottom:12px;max-width:calc(100% - 24px)}}