/* ============================================================
   ChiangMaiDiscounts.com  –  Dark-Hero (Layout Bild 2)
   FIXED WIDTH (kein liquid). Tiers:
     Desktop : var(--w-desktop)   [TODO: exakte Breite von Emil bestaetigen]
     Tablet  : 800px   (Browser 800–1024px)
     Mobile  : 350px   (Browser <= 799px)
   ============================================================ */

:root{
	--w-desktop: 1280px;      /* bestaetigt von Emil 2026-07-31 */
	--w-tablet: 800px;
	--w-mobile: 350px;

	--gold:    #f2a900;
	--gold-2:  #d8b25a;
	--ink:     #0e0c0a;
	--ink-2:   #17130f;
	--cream:   #f4ede0;
	--white:   #ffffff;
	--muted:   #cfc4b4;
}

*,*::before,*::after{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body{
	background:#000;
	color:var(--white);
	font-family:"Poppins",system-ui,Arial,sans-serif;
	-webkit-font-smoothing:antialiased;
	display:flex;
	justify-content:center;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }

.screen-reader-text{
	position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px);
}

/* ---- FIXED-WIDTH CANVAS ---- */
.cmd-canvas{
	width:var(--w-desktop);
	background:var(--ink);
	overflow:hidden;
	position:relative;
}

/* ============ HEADER / NAV ============ */
.cmd-header{
	position:relative;
	z-index:5;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:18px 26px;
	background:rgba(6,5,4,.55);
}
.cmd-logo{ font-size:26px; line-height:1; font-weight:700; white-space:nowrap; }
.cmd-logo__chiangmai{ font-family:"Yellowtail",cursive; color:var(--gold); font-size:30px; }
.cmd-logo__discounts{ font-family:"Yellowtail",cursive; color:var(--white); font-size:30px; }
.cmd-logo__com{ font-family:"Poppins"; color:var(--gold); font-size:13px; font-weight:600; }

.cmd-nav__list{
	list-style:none; margin:0; padding:0;
	display:flex; gap:22px; align-items:center;
	font-size:13px; font-weight:600; letter-spacing:.04em; text-transform:uppercase;
}
.cmd-nav__list a{ color:#f3ede2; padding-bottom:4px; }
.cmd-nav__list .is-active a{ color:var(--gold); border-bottom:2px solid var(--gold); }
.cmd-nav__list a:hover{ color:var(--gold); }

/* ============ HERO ============ */
.cmd-hero{
	position:relative;
	min-height:715px;                 /* 1280 * 768/1376 ≈ vollständige Plate sichtbar */
}
.cmd-hero__art{
	position:absolute; inset:0;
	z-index:0;
	/* Dunkel-Overlay fuer Lesbarkeit ueber der Hero-Plate */
	background:
		linear-gradient(180deg,
			rgba(8,6,4,.60) 0%,
			rgba(8,6,4,.18) 20%,
			rgba(8,6,4,.05) 45%,
			rgba(8,6,4,.22) 78%,
			rgba(8,6,4,.55) 100%),
		url(../img/chiangmaidiscounts-header.png) center center / cover no-repeat;
}
.cmd-hero__inner{
	position:relative; z-index:2;
	padding:34px 24px 8px;
	text-align:center;
}

/* Headline */
.cmd-hero__headline{ margin:0; }
.cmd-hl-welcome{
	display:block;
	font-family:"Sacramento",cursive;
	font-weight:400;
	font-size:56px; line-height:.9;
	color:#f6f1e8;
	transform:rotate(-2deg);
	text-shadow:0 2px 8px rgba(0,0,0,.5);
}
.cmd-hl-chiangmai{
	display:block;
	font-family:"Anton",sans-serif;
	font-size:92px; line-height:.92;
	letter-spacing:.01em;
	color:var(--white);
	text-shadow:0 4px 18px rgba(0,0,0,.55);
}
.cmd-hl-discounts{
	display:block;
	font-family:"Yellowtail",cursive;
	font-size:70px; line-height:.8;
	color:var(--gold);
	text-shadow:0 3px 12px rgba(0,0,0,.5);
}
.cmd-hl-com{ font-family:"Poppins"; font-size:22px; font-weight:600; color:var(--gold); }

/* Subline */
.cmd-hero__subline{
	margin:16px 0 26px;
	font-size:0;
}
.cmd-hero__subline .line1{
	display:block;
	font-size:22px; font-weight:700; letter-spacing:.02em; color:#f4ede0;
	text-transform:uppercase;
	text-shadow:0 2px 10px rgba(0,0,0,.7);
}
.cmd-hero__subline .line1 strong{ color:var(--gold); }
.cmd-hero__subline .line2{
	display:block; margin-top:6px;
	font-family:"Sacramento",cursive; font-size:34px; color:#f6f1e8;
	text-shadow:0 2px 12px rgba(0,0,0,.8);
}

/* ---- OPT-IN BOX ---- */
.cmd-optin{
	position:relative; z-index:3;
	width:430px; max-width:90%;
	margin:34px auto 0;
	padding:52px 34px 26px;
	background:rgba(12,10,8,.82);
	border:1px solid rgba(216,178,90,.35);
	border-radius:22px;
	box-shadow:0 24px 60px rgba(0,0,0,.5);
	backdrop-filter:blur(2px);
}
.cmd-optin__gift{
	position:absolute; top:-32px; left:50%; transform:translateX(-50%);
	width:64px; height:64px; border-radius:50%;
	background:var(--gold);
	display:flex; align-items:center; justify-content:center;
	box-shadow:0 8px 22px rgba(0,0,0,.5);
}
.cmd-optin__free{
	margin:0; font-family:"Anton",sans-serif; font-size:34px; color:var(--gold);
	letter-spacing:.03em;
}
.cmd-optin__title{
	margin:2px 0 0; font-family:"Anton",sans-serif; font-size:24px; color:var(--white);
	letter-spacing:.02em;
}
.cmd-optin__foodguide{
	margin:0; font-family:"Anton",sans-serif; font-style:italic; font-size:30px; color:var(--gold);
	letter-spacing:.01em;
}
.cmd-optin__sub{
	margin:12px 0 20px; font-size:13.5px; line-height:1.5; color:var(--muted);
}

.cmd-field{
	position:relative; margin-bottom:12px;
}
.cmd-field__icon{
	position:absolute; left:16px; top:50%; transform:translateY(-50%);
	display:flex;
}
.cmd-field input{
	width:100%; height:52px;
	padding:0 16px 0 44px;
	background:rgba(255,255,255,.06);
	border:1px solid rgba(216,178,90,.45);
	border-radius:10px;
	color:#fff; font-size:14px;
}
.cmd-field input::placeholder{ color:#b9ad9a; }
.cmd-field input:focus{ outline:none; border-color:var(--gold); }

.cmd-btn{
	width:100%; height:54px;
	border:0; border-radius:10px; cursor:pointer;
	background:var(--gold);
	color:#1a1305; font-family:"Poppins"; font-weight:800; font-size:15px;
	letter-spacing:.03em; text-transform:uppercase;
	display:flex; align-items:center; justify-content:center; gap:8px;
	transition:transform .08s ease, filter .15s ease;
}
.cmd-btn:hover{ filter:brightness(1.05); }
.cmd-btn:active{ transform:translateY(1px); }
.cmd-btn__chev{ font-size:20px; }

.cmd-optin__nospam{
	margin:16px 0 0; font-size:11.5px; color:#a99d8b;
}

/* ---- FOOD STRIP: ausgeblendet, da Food bereits in der Hero-Plate enthalten ---- */
.cmd-foodstrip{ display:none; }
.cmd-foodstrip--legacy{
	position:relative; z-index:2;
	display:flex; gap:0; margin-top:18px;
}
.cmd-foodstrip__item{
	flex:1 1 0; aspect-ratio:1/1;
	background:#1c1611;
	border-right:1px solid rgba(0,0,0,.4);
	background-size:cover; background-position:center;
}
.cmd-foodstrip__item:last-child{ border-right:0; }

/* ============ TRUST BADGES ============ */
.cmd-trust{
	background:var(--ink);
	padding:26px 20px 34px;
}
.cmd-trust__list{
	list-style:none; margin:0; padding:0;
	display:flex; justify-content:space-between; gap:18px;
}
.cmd-trust__item{ display:flex; gap:12px; align-items:flex-start; flex:1; }
.cmd-trust__icon{ color:var(--gold); display:flex; align-items:center; flex:0 0 auto; }
.cmd-trust__icon svg{ display:block; }
.cmd-trust__text strong{
	display:block; font-size:15px; font-weight:800; color:#fff; line-height:1.1;
	text-transform:uppercase; letter-spacing:.02em;
}
.cmd-trust__text span{
	display:block; margin-top:6px; font-size:12px; color:var(--muted); line-height:1.4;
}

/* ============ CONTENT-SEITEN (Listings / Dashboards) ============ */
.cmd-single__wrap,
.cmd-archive__wrap,
.cmd-dash,
.cmd-page__wrap{
	padding:40px 32px 60px;
	color:#eee7db;
}
.cmd-single__title,
.cmd-archive__title,
.cmd-page__title{ font-family:"Anton",sans-serif; font-size:40px; color:#fff; margin:0 0 8px; letter-spacing:.01em; }
.cmd-single__cats,.cmd-single__cats{ color:var(--gold); font-weight:600; margin:0 0 20px; }
.cmd-single__cover{ border-radius:14px; overflow:hidden; margin-bottom:22px; }
.cmd-single__cover img{ width:100%; height:auto; }
.cmd-single__desc{ line-height:1.6; margin-bottom:20px; }
.cmd-single__discount{ background:rgba(242,169,0,.12); border:1px solid rgba(242,169,0,.4); border-radius:10px; padding:12px 16px; margin-bottom:20px; }
.cmd-single__meta{ list-style:none; padding:0; margin:0 0 26px; display:grid; gap:8px; }
.cmd-single__meta span{ color:#b7ab98; margin-right:6px; }
.cmd-single__meta a{ color:var(--gold-2); }
.cmd-maplink{ font-weight:600; }

.cmd-request-btn{ display:inline-flex; width:auto; padding:0 26px; height:52px; text-decoration:none; }
.cmd-request-result{ display:block; margin-top:12px; font-size:14px; }
.cmd-request-result.is-ok{ color:#7ddf82; }
.cmd-request-result.is-err{ color:#ff9b8a; }

/* Grid + Cards */
.cmd-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.cmd-card{ background:var(--ink-2); border:1px solid rgba(255,255,255,.06); border-radius:14px; overflow:hidden; display:block; color:inherit; transition:transform .12s ease; }
.cmd-card:hover{ transform:translateY(-3px); }
.cmd-card__img{ position:relative; aspect-ratio:16/10; background:#241c14; }
.cmd-card__img img{ width:100%; height:100%; object-fit:cover; }
.cmd-card__badge{ position:absolute; top:10px; left:10px; background:var(--gold); color:#1a1305; font-size:11px; font-weight:800; padding:4px 10px; border-radius:20px; text-transform:uppercase; }
.cmd-card__body{ padding:14px 16px; }
.cmd-card__title{ margin:0 0 6px; font-size:17px; font-weight:700; color:#fff; }
.cmd-card__cat{ font-size:12px; color:var(--gold-2); }

/* Dashboards */
.cmd-dash h3{ font-family:"Anton",sans-serif; color:#fff; font-size:26px; margin:0 0 14px; }
.cmd-dash__status{ font-weight:600; }
.cmd-dash__status.is-active{ color:#7ddf82; }
.cmd-stats{ list-style:none; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:10px; margin:0 0 22px; }
.cmd-stats li{ background:var(--ink-2); border:1px solid rgba(255,255,255,.06); border-radius:10px; padding:12px 14px; }
.cmd-req-list{ list-style:none; padding:0; display:grid; gap:6px; }
.cmd-req-list code{ background:rgba(242,169,0,.15); padding:2px 6px; border-radius:5px; color:var(--gold); }
.cmd-req-list--member{ gap:16px; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); }
.cmd-req{ background:var(--ink-2); border:1px solid rgba(255,255,255,.07); border-radius:12px; padding:14px 16px; }
.cmd-req__head{ display:flex; justify-content:space-between; align-items:center; gap:10px; }
.cmd-req__status{ font-size:11px; text-transform:uppercase; letter-spacing:.04em; color:#cabfae; }
.cmd-req__status.is-redeemed{ color:#7ddf82; }
.cmd-req__pin{ margin:6px 0; }
.cmd-qr{ margin:10px 0 4px; display:inline-block; }
.cmd-qr img,.cmd-qr canvas{ background:#fff; padding:8px; border-radius:8px; display:block; }
.cmd-req__hint{ color:#a99d8b; font-size:12px; }
.cmd-cta-form{ margin:10px 0; }

/* Inline request result (QR + PIN on the business page) */
.cmd-rr__msg{ color:#7ddf82; font-size:14px; margin:12px 0 8px; }
.cmd-rr__pin{ font-size:15px; margin-bottom:10px; color:#e7ddcd; }
.cmd-rr__pin code{ background:rgba(242,169,0,.15); color:var(--gold); padding:3px 10px; border-radius:6px; font-size:19px; letter-spacing:2px; }
.cmd-rr__qr{ display:inline-block; background:#fff; padding:10px; border-radius:10px; }
.cmd-request-result .cmd-btn{ margin-top:12px; display:inline-flex; width:auto; padding:0 24px; }
.cmd-request-alt{ font-size:13px; color:#a99d8b; margin:8px 0; }
.cmd-request-alt a{ color:var(--gold); }
.cmd-request-state{ background:rgba(125,223,130,.1); border:1px solid rgba(125,223,130,.3); border-radius:12px; padding:14px 16px; font-size:14px; color:#e7ddcd; }
.cmd-request-state a{ color:var(--gold); font-weight:600; }
.cmd-request-state__badge{ color:#7ddf82; font-weight:700; margin-right:4px; }
.cmd-req__offer{ color:var(--gold-2); font-size:13px; margin:4px 0; }
.cmd-req__status.is-redeemed{ color:#7ddf82; }
.cmd-req__status.is-pending{ color:var(--gold-2); }

/* Business dashboard: redeem + requests table */
.cmd-redeem-hint{ color:#a99d8b; font-size:13px; margin:4px 0 10px; }
.cmd-redeem-form input[type=text]{ height:46px; padding:0 14px; border-radius:8px; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.05); color:#fff; font-size:20px; letter-spacing:3px; width:170px; }
.cmd-reqtable{ width:100%; border-collapse:collapse; font-size:13px; margin-top:6px; }
.cmd-reqtable th,.cmd-reqtable td{ text-align:left; padding:9px 10px; border-bottom:1px solid rgba(255,255,255,.08); }
.cmd-reqtable th{ color:#b7ab98; font-weight:600; text-transform:uppercase; font-size:11px; letter-spacing:.04em; }
.cmd-reqtable code{ background:rgba(242,169,0,.15); color:var(--gold); padding:2px 6px; border-radius:5px; }
.cmd-editlisting{ background:var(--ink-2); border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:10px 16px; margin:6px 0 22px; }
.cmd-editlisting summary{ cursor:pointer; color:var(--gold); font-weight:600; padding:6px 0; list-style:revert; }
.cmd-form--listing{ max-width:540px; margin-top:12px; }
.cmd-form--listing label{ display:block; font-size:13px; color:#cabfae; margin-bottom:12px; }
.cmd-form--listing input[type=text],.cmd-form--listing textarea{ width:100%; margin-top:4px; padding:10px 12px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.2); border-radius:8px; color:#fff; font-size:14px; }
.cmd-form--listing input[type=file]{ margin-top:4px; color:#cabfae; font-size:13px; }
.cmd-editlisting__thumb{ display:inline-block; vertical-align:middle; margin-left:12px; }
.cmd-editlisting__thumb img{ border-radius:8px; }
.cmd-upgrade{ background:rgba(242,169,0,.1); border:1px solid rgba(242,169,0,.35); border-radius:12px; padding:16px 18px; margin-top:10px; }
.cmd-dash form{ margin:10px 0; }
.cmd-dash input[type=text],.cmd-dash input[type=number]{ height:44px; padding:0 12px; border-radius:8px; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.05); color:#fff; }

/* Formulare / Suche / Related */
.cmd-page__content{ line-height:1.65; }
.cmd-page__content h2,.cmd-page__content h3{ color:#fff; font-family:"Poppins"; font-weight:700; }
.cmd-form{ max-width:520px; }
.cmd-form label{ display:block; font-size:14px; color:#cabfae; margin-bottom:14px; }
.cmd-form input[type=text],.cmd-form input[type=email],.cmd-form textarea,.cmd-form select,.cmd-search input[type=search]{
	width:100%; padding:11px 13px; margin-top:4px;
	background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.18);
	border-radius:9px; color:#fff; font-size:14px;
}
.cmd-form .cmd-btn{ width:auto; padding:0 26px; height:50px; }
.cmd-form-msg{ padding:12px 16px; border-radius:9px; margin-bottom:16px; }
.cmd-form-msg.is-ok{ background:rgba(125,223,130,.12); color:#7ddf82; }
.cmd-form-msg.is-err{ background:rgba(255,155,138,.12); color:#ff9b8a; }
.cmd-search{ display:flex; gap:10px; margin-bottom:26px; max-width:560px; }
.cmd-search input[type=search]{ margin-top:0; }
.cmd-search .cmd-btn{ width:auto; padding:0 22px; height:44px; }
.cmd-related{ margin-top:34px; padding-top:20px; border-top:1px solid rgba(255,255,255,.1); }
.cmd-related ul{ list-style:none; padding:0; display:grid; gap:6px; }
.cmd-related a{ color:var(--gold-2); }

/* ============ AUTH (Login / Register) ============ */
.cmd-auth{ display:flex; justify-content:center; padding:10px 0 30px; }
.cmd-auth__card{ width:420px; max-width:100%; background:linear-gradient(180deg,#181310,#0f0b08); border:1px solid rgba(242,169,0,.3); border-radius:18px; padding:32px 30px; box-shadow:0 24px 60px rgba(0,0,0,.5); }
.cmd-auth__card h2{ font-family:"Anton",sans-serif; color:#fff; font-size:28px; margin:0 0 18px; }
.cmd-auth__card label{ display:block; font-size:13px; color:#cabfae; margin-bottom:14px; }
.cmd-auth__card input[type=text],.cmd-auth__card input[type=email],.cmd-auth__card input[type=password]{ width:100%; margin-top:5px; padding:11px 13px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.2); border-radius:9px; color:#fff; font-size:14px; }
.cmd-auth__card input:focus{ outline:none; border-color:var(--gold); }
.cmd-auth__card .cmd-btn{ width:100%; margin-top:4px; }
.cmd-auth__row{ display:flex; justify-content:space-between; align-items:center; font-size:13px; }
.cmd-auth__remember{ color:#b7ab98; margin:0; }
.cmd-auth__lost{ color:var(--gold-2); }
.cmd-auth__alt{ margin:16px 0 0; font-size:13px; color:#a99d8b; }
.cmd-auth__alt a,.cmd-auth__lost:hover{ color:var(--gold); }

/* ============ FOOTER ============ */
.cmd-footer{ background:#080605; border-top:1px solid rgba(242,169,0,.18); padding:44px 32px 22px; }
.cmd-footer__cols{ display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:34px; }
.cmd-footer__brand p{ color:#a99d8b; font-size:13px; line-height:1.6; margin:12px 0 16px; max-width:320px; }
.cmd-logo--footer{ font-size:22px; }
.cmd-logo--footer .cmd-logo__chiangmai,.cmd-logo--footer .cmd-logo__discounts{ font-size:24px; }
.cmd-footer__social{ display:flex; gap:12px; }
.cmd-footer__social a{ width:36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.06); color:var(--gold); transition:background .15s ease; }
.cmd-footer__social a:hover{ background:rgba(242,169,0,.2); }
.cmd-footer__col h4{ color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:.05em; margin:0 0 14px; }
.cmd-footer__col ul{ list-style:none; padding:0; margin:0; display:grid; gap:9px; }
.cmd-footer__col a{ color:#b7ab98; font-size:13px; }
.cmd-footer__col a:hover{ color:var(--gold); }
.cmd-footer__bar{ display:flex; justify-content:space-between; align-items:center; gap:16px; margin-top:34px; padding-top:18px; border-top:1px solid rgba(255,255,255,.08); }
.cmd-footer__bar p{ color:#8a7f6e; font-size:12px; margin:0; }
.cmd-footer__legal{ display:flex; gap:20px; }
.cmd-footer__legal a{ color:#a99d8b; font-size:12px; }
.cmd-footer__legal a:hover{ color:var(--gold); }

/* ============ CONTACT / MAPS ============ */
.cmd-contact{ display:grid; grid-template-columns:1fr 1fr; gap:34px; align-items:start; }
.cmd-contact__info li{ list-style:none; }
.cmd-contact__info{ padding:0; margin:0 0 22px; display:grid; gap:12px; }
.cmd-contact__info .lbl{ display:block; color:var(--gold); font-size:12px; text-transform:uppercase; letter-spacing:.05em; }
.cmd-map{ border-radius:14px; overflow:hidden; border:1px solid rgba(242,169,0,.25); }
.cmd-map iframe{ display:block; width:100%; height:340px; border:0;
	/* Einfaerbung passend zum dunklen/goldenen Layout */
	filter:invert(0.92) hue-rotate(180deg) saturate(0.75) sepia(0.28) brightness(0.95) contrast(0.95);
}

/* ============ JOIN / MEMBERSHIP ============ */
.cmd-join{ display:flex; justify-content:center; padding:10px 0 20px; }
.cmd-plan{ width:420px; max-width:100%; background:linear-gradient(180deg,#181310,#0f0b08); border:1px solid rgba(242,169,0,.35); border-radius:20px; padding:34px 32px; text-align:center; box-shadow:0 24px 60px rgba(0,0,0,.5); }
.cmd-plan__badge{ display:inline-block; background:rgba(242,169,0,.15); color:var(--gold); font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:6px 14px; border-radius:20px; }
.cmd-plan__name{ font-family:"Anton",sans-serif; font-size:30px; color:#fff; margin:16px 0 4px; }
.cmd-plan__price{ font-size:44px; font-weight:800; color:var(--gold); line-height:1; }
.cmd-plan__price small{ font-size:15px; color:#a99d8b; font-weight:500; }
.cmd-plan__list{ list-style:none; padding:0; margin:22px 0; display:grid; gap:12px; text-align:left; }
.cmd-plan__list li{ color:#e7ddcd; font-size:14px; display:flex; gap:10px; align-items:flex-start; }
.cmd-plan__list li::before{ content:"✓"; color:var(--gold); font-weight:800; }
.cmd-plan .cmd-btn{ width:100%; margin-top:6px; }
.cmd-plan__note{ color:#8a7f6e; font-size:12px; margin-top:14px; }

/* ============================================================
   TABLET  –  Browser 800–1279px  ->  Layout 800px
   ============================================================ */
@media (max-width:1279px){
	.cmd-canvas{ width:var(--w-tablet); }
	.cmd-nav__list{ gap:14px; font-size:11px; }
	.cmd-hl-chiangmai{ font-size:66px; }
	.cmd-hl-welcome{ font-size:42px; }
	.cmd-hl-discounts{ font-size:52px; }
	.cmd-trust__list{ flex-wrap:wrap; }
	.cmd-trust__item{ flex:1 1 45%; }
	.cmd-grid{ grid-template-columns:repeat(2,1fr); }
	.cmd-footer__cols{ grid-template-columns:1fr 1fr; gap:24px; }
	.cmd-contact{ grid-template-columns:1fr; }
}

/* ============================================================
   MOBILE  –  Browser <= 799px  ->  Layout 350px
   ============================================================ */
@media (max-width:799px){
	.cmd-canvas{ width:var(--w-mobile); }
	.cmd-header{ flex-direction:column; gap:12px; padding:14px; }
	.cmd-nav__list{ flex-wrap:wrap; justify-content:center; gap:10px; }
	.cmd-hl-welcome{ font-size:34px; }
	.cmd-hl-chiangmai{ font-size:44px; }
	.cmd-hl-discounts{ font-size:38px; }
	.cmd-hero__subline .line1{ font-size:15px; }
	.cmd-hero__subline .line2{ font-size:24px; }
	.cmd-optin{ width:320px; padding:46px 20px 22px; }
	.cmd-trust__list{ flex-direction:column; gap:16px; }
	.cmd-trust__item{ flex:1 1 100%; }
	.cmd-grid{ grid-template-columns:1fr; }
	.cmd-single__wrap,.cmd-archive__wrap,.cmd-dash,.cmd-page__wrap{ padding:26px 16px 40px; }
	.cmd-single__title,.cmd-archive__title,.cmd-page__title{ font-size:30px; }
	.cmd-footer{ padding:32px 16px 18px; }
	.cmd-footer__cols{ grid-template-columns:1fr; gap:22px; }
	.cmd-footer__bar{ flex-direction:column; align-items:flex-start; gap:10px; }
	.cmd-req-list--member{ grid-template-columns:1fr; }
}