/* GENERATED by tools/build-cards-css.py from assets/css/src/cards-central.tpl.css - edit the template, not this file.
   Central cards. Sizes, colours and which parts show come from one page: "หน้าตาการ์ด" (includes/card-design.php), which prints the --c3-* values
   next to the cards. A card has classes c3d-/c3t-/c3m-<layout> (desktop, tablet, mobile) and hd-/ht-/hm-<part> to hide parts;
   the admin preview uses c3p-<layout> and hp-<part>. The numbers below are only a fallback. */
.ssg-c3{--c3-accent:#E1795E;--c3-accent-dk:#D2542F;--c3-title-c:#1A2233;--c3-text-c:#4A5465;--c3-card-bg:#fff;--c3-border:#E3EAF3;
	--c3-soft:color-mix(in srgb,var(--c3-accent) 14%,#fff);--c3-press:color-mix(in srgb,var(--c3-accent) 78%,#000);
	--c3-title:20px;--c3-title-w:700;--c3-title-l:2;--c3-text-l:2;--c3-btn-r:12px;--c3-gap:8px;--c3-bw:1px;--c3-sh:24;--c3-btn-c:#fff;--c3-star:#F5A524;--c3-zf:#1D5FA8;--c3-zb:#1E7A46;--c3-zs:#C0392B;--c3-gi:#14264A;--c3-mk:#F26A2E;--c3-text:14.5px;--c3-meta:14px;--c3-btn:15px;--c3-btn-h:46px;--c3-radius:18px;--c3-pad:12px;--c3-ratio:1.25;--c3-mw:42%;--c3-minh:220px;
	position:relative;display:flex;flex-direction:column;box-sizing:border-box;height:100%;min-width:0;
	background:var(--c3-card-bg);border:var(--c3-bw) solid var(--c3-border);border-radius:var(--c3-radius);padding:var(--c3-pad);box-shadow:0 calc(var(--c3-sh) * .25px) calc(var(--c3-sh) * 1px) color-mix(in srgb,var(--c3-sh-c,#1A2233) 10%,transparent);
	font-family:Anuphan,sans-serif;color:var(--c3-text-c)}
.ssg-c3 .ssg-c3__media{position:relative;display:block;flex:none;box-sizing:border-box;aspect-ratio:var(--c3-ratio)}
.ssg-c3 .ssg-c3__media>img,.ssg-c3 .ssg-c3__media>.ssg-card__ph{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block;border-radius:max(6px,calc(var(--c3-radius) - 4px))}
.ssg-c3 .ssg-c3__media>.ssg-card__ph{background:#E9E4DE}
.ssg-c3 .ssg-c3__body{position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-width:0;box-sizing:border-box;gap:var(--c3-gap);padding:calc(var(--c3-pad) + var(--c3-imgap,8px)) 6px 4px}
.ssg-c3 .ssg-c3__title{margin:0;font-family:Prompt,sans-serif;font-weight:var(--c3-title-w);font-size:var(--c3-title);line-height:1.25;color:var(--c3-title-c)}
.ssg-c3 .ssg-c3__title a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--c3-title-l);overflow:hidden;color:inherit;text-decoration:none}
.ssg-c3 .ssg-c3__title a::after{content:"";position:absolute;inset:0;z-index:1}
.ssg-c3 .ssg-c3__text{margin:0;font-size:var(--c3-text);line-height:1.5;color:var(--c3-text-c);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--c3-text-l);overflow:hidden}
.ssg-c3 .ssg-c3__loc,.ssg-c3 .ssg-c3__meta{display:flex;align-items:center;gap:8px;margin:0;font-size:var(--c3-meta);line-height:1.4;color:var(--c3-meta-c,var(--c3-text-c))}
.ssg-c3 .ssg-c3__loc{color:var(--c3-meta-c,var(--c3-title-c))}
.ssg-c3 .ssg-c3__loc>span,.ssg-c3 .ssg-c3__meta>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ssg-c3 svg{display:block;flex:none}
.ssg-c3 .ssg-c3__loc svg,.ssg-c3 .ssg-c3__meta svg{width:calc(var(--c3-meta) + 6px);height:calc(var(--c3-meta) + 6px)}
.ssg-c3 .ssg-c3__meta svg,.ssg-c3 .ssg-c3__date svg{color:var(--c3-icon-c,#047363)}
.ssg-c3 .ssg-c3__loc svg{color:var(--c3-icon-c,var(--c3-title-c))}
/* rating (Google) */
.ssg-c3 .ssg-rating{display:flex;align-items:center;gap:7px;margin:0;font-size:var(--c3-meta)}
.ssg-c3 .ssg-rating__star{color:var(--c3-star);display:flex}
.ssg-c3 .ssg-rating__star svg{width:calc(var(--c3-meta) + 6px);height:calc(var(--c3-meta) + 6px)}
.ssg-c3 .ssg-rating__score{font-family:Prompt,sans-serif;font-weight:700;font-size:calc(var(--c3-meta) + 2px);color:var(--c3-title-c)}
.ssg-c3 .ssg-rating__count{font-size:var(--c3-meta);color:#6B7385}
.ssg-c3 .ssg-rating__src{font-size:calc(var(--c3-meta) - 2px);color:#6B7385;background:#EEEFF3;border-radius:999px;padding:2px 10px}
/* chips on the picture and under it */
.ssg-c3 .ssg-c3__tag,.ssg-c3 .ssg-c3__cat,.ssg-c3 .ssg-c3__badge,.ssg-c3 .ssg-c3__chip,.ssg-c3 .ssg-c3__zone,.ssg-c3 .ssg-c3__date{display:inline-flex;align-items:center;white-space:nowrap;font-family:Prompt,sans-serif;font-weight:600;font-size:var(--c3-meta);line-height:1.2;border-radius:999px}
.ssg-c3 .ssg-c3__tag,.ssg-c3 .ssg-c3__cat,.ssg-c3 .ssg-c3__badges,.ssg-c3 .ssg-c3__path,.ssg-c3 .ssg-c3__disc{position:absolute;z-index:2}
.ssg-c3 .ssg-c3__tag{left:12px;bottom:-16px;gap:7px;padding:6px 14px 6px 10px;background:var(--c3-tag-bg,var(--c3-soft));color:var(--c3-tag-c,var(--c3-accent-dk));max-width:calc(100% - 24px)}
.ssg-c3 .ssg-c3__tag,.ssg-c3 .ssg-c3__cat{font-size:var(--c3-tag-s,var(--c3-meta))}
.ssg-c3 .ssg-c3__tag img{display:block;flex:none;width:calc(var(--c3-tag-s,var(--c3-meta)) + 6px);height:calc(var(--c3-tag-s,var(--c3-meta)) + 6px)}
.ssg-c3 .ssg-c3__tag>span{overflow:hidden;text-overflow:ellipsis}
.ssg-c3 .ssg-c3__cat{left:10px;top:10px;padding:6px 16px;background:var(--c3-tag-bg,var(--c3-soft));color:var(--c3-tag-c,var(--c3-accent-dk));max-width:calc(100% - 20px)}
.ssg-c3 .ssg-c3__badges{display:flex;flex-wrap:wrap;gap:8px;left:10px;bottom:10px;max-width:calc(100% - 20px)}
.ssg-c3 .ssg-c3__badge{gap:6px;padding:5px 12px 5px 8px;color:#fff;border:2px solid transparent}
.ssg-c3 .ssg-c3__badge svg{width:calc(var(--c3-meta) + 4px);height:calc(var(--c3-meta) + 4px)}
.ssg-c3 .ssg-c3__badge--gi{background:var(--c3-gi);border-color:#E6B34E}
.ssg-c3 .ssg-c3__badge--mk{background:var(--c3-mk);border-color:#FFD7C2}
.ssg-c3 .ssg-c3__disc{right:10px;top:10px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:calc(var(--c3-title) * 2.4);height:calc(var(--c3-title) * 2.4);border-radius:999px;background:var(--c3-disc-bg,#fff);box-shadow:0 2px 8px rgba(26,34,51,.18)}
.ssg-c3 .ssg-c3__disc>span{display:block;width:62%;height:62%;background:var(--c3-disc-c,#047363);-webkit-mask:var(--ssg-icon) center/contain no-repeat;mask:var(--ssg-icon) center/contain no-repeat}
.ssg-c3 .ssg-c3__disc>img{display:block;width:68%;height:68%;object-fit:contain}
.ssg-c3 .ssg-c3__zone{align-self:flex-start;gap:6px;padding:4px 12px 4px 8px}
.ssg-c3 .ssg-c3__zone svg{width:calc(var(--c3-meta) + 6px);height:calc(var(--c3-meta) + 6px)}
.ssg-c3 .ssg-c3__zone--fresh{background:color-mix(in srgb,var(--c3-zf) 12%,#fff);color:var(--c3-zf)}
.ssg-c3 .ssg-c3__zone--brackish{background:color-mix(in srgb,var(--c3-zb) 12%,#fff);color:var(--c3-zb)}
.ssg-c3 .ssg-c3__zone--salt{background:color-mix(in srgb,var(--c3-zs) 12%,#fff);color:var(--c3-zs)}
.ssg-c3 .ssg-c3__badges .ssg-c3__zone{align-self:auto;gap:6px;padding:5px 12px 5px 8px;color:#fff;border:2px solid #fff}
.ssg-c3 .ssg-c3__badges .ssg-c3__zone--fresh{background:var(--c3-zf)}
.ssg-c3 .ssg-c3__badges .ssg-c3__zone--brackish{background:var(--c3-zb)}
.ssg-c3 .ssg-c3__badges .ssg-c3__zone--salt{background:var(--c3-zs)}
.ssg-c3 .ssg-c3__chips{display:flex;flex-wrap:wrap;gap:7px;margin:0;align-self:flex-start}
.ssg-c3 .ssg-c3__chip{gap:6px;padding:4px 12px 4px 9px;background:var(--c3-tag-bg,var(--c3-soft));color:var(--c3-tag-c,var(--c3-accent-dk));font-size:calc(var(--c3-meta) - 1px)}
.ssg-c3 .ssg-c3__chip svg{width:calc(var(--c3-meta) + 3px);height:calc(var(--c3-meta) + 3px)}
.ssg-c3 .ssg-c3__chip--theme-wisdom{background:#E9EEFB;color:#1F3C73}
.ssg-c3 .ssg-c3__path{left:12px;bottom:12px;display:block;width:80px;height:auto}
/* route facts */
.ssg-c3 .ssg-c3__stats{list-style:none;display:flex;margin:2px 0;padding:8px 4px;box-sizing:border-box;background:var(--c3-box-bg,#F3F4F6);border-radius:14px;color:var(--c3-title-c)}
.ssg-c3 .ssg-c3__stats li{display:flex;flex-direction:column;align-items:center;flex:1 1 0;min-width:0;gap:2px;padding:0 3px}
.ssg-c3 .ssg-c3__stats li+li{border-left:1px solid #D7DBE2}
.ssg-c3 .ssg-c3__stat-l{display:flex;align-items:center;gap:5px;max-width:100%;min-width:0}
.ssg-c3 .ssg-c3__stats svg{width:calc(var(--c3-meta) + 2px);height:calc(var(--c3-meta) + 2px);color:var(--c3-title-c)}
.ssg-c3 .ssg-c3__stats small{font-family:Prompt,sans-serif;font-size:calc(var(--c3-meta) - 2px);color:#6B7385;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ssg-c3 .ssg-c3__stats b{font-family:Prompt,sans-serif;font-weight:600;font-size:calc(var(--c3-meta) + 3px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ssg-c3 .ssg-c3__modes{display:flex;justify-content:center;flex-wrap:wrap;margin:0;font-size:var(--c3-meta);color:var(--c3-title-c)}
.ssg-c3 .ssg-c3__modes>span{display:inline-flex;align-items:center;gap:7px;padding:0 14px}
.ssg-c3 .ssg-c3__modes>span+span{border-left:1px solid #CFD4DC}
.ssg-c3 .ssg-c3__modes svg{width:calc(var(--c3-meta) + 8px);height:calc(var(--c3-meta) + 8px)}
/* bottom row and buttons */
.ssg-c3 .ssg-c3__foot{position:relative;z-index:2;display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:10px}
.ssg-c3 .ssg-c3__btn{display:flex;flex:1 1 auto;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-width:0;height:var(--c3-btn-h);border-radius:var(--c3-btn-r);font-family:Prompt,sans-serif;font-weight:600;font-size:var(--c3-btn);text-decoration:none;white-space:nowrap}
.ssg-c3 .ssg-c3__btn svg{width:calc(var(--c3-btn) + 4px);height:calc(var(--c3-btn) + 4px)}
.ssg-c3 .ssg-c3__btn--line{background:var(--c3-btn-bg,var(--c3-card-bg));color:var(--c3-btn-tx,var(--c3-accent-dk));border:2px solid var(--c3-btn-bd,var(--c3-accent))}
.ssg-c3 .ssg-c3__btn--solid{background:var(--c3-btn-bg,var(--c3-accent));color:var(--c3-btn-tx,var(--c3-btn-c));border:2px solid var(--c3-btn-bd,var(--c3-btn-bg,var(--c3-accent)))}
.ssg-c3 .ssg-c3__fav{display:flex;flex:none;align-items:center;justify-content:center;cursor:pointer;padding:0;box-sizing:border-box;width:var(--c3-btn-h);height:var(--c3-btn-h);border-radius:var(--c3-btn-r);background:var(--c3-fav-bg,var(--c3-soft));color:var(--c3-fav-c,var(--c3-accent-dk));border:2px solid var(--c3-fav-bd,var(--c3-accent))}
.ssg-c3 .ssg-c3__fav svg{width:calc(var(--c3-btn) + 8px);height:calc(var(--c3-btn) + 8px)}
.ssg-c3 .ssg-c3__fav>span{display:flex;align-items:center;justify-content:center}
.ssg-c3 .ssg-c3__fav .ssg-addroute__on,.ssg-c3 .ssg-c3__fav[aria-pressed="true"] .ssg-addroute__off{display:none}
.ssg-c3 .ssg-c3__fav[aria-pressed="true"] .ssg-addroute__on{display:flex}
.ssg-c3 .ssg-c3__fav .ssg-addroute__on svg{fill:currentColor}
.ssg-c3 .ssg-c3__fav[aria-pressed="true"]{background:var(--c3-fav-on,var(--c3-accent));color:var(--c3-btn-c)}
.ssg-c3 .ssg-c3__date{min-width:0;gap:7px;padding:6px 14px 6px 10px;background:var(--c3-box-bg,#F1F2F5);color:var(--c3-meta-c,var(--c3-text-c));font-family:Anuphan,sans-serif;font-weight:400}
.ssg-c3 .ssg-c3__date svg{width:calc(var(--c3-meta) + 6px);height:calc(var(--c3-meta) + 6px)}
.ssg-c3 .ssg-c3__go{display:flex;flex:none;align-items:center;justify-content:center;margin-left:auto;box-sizing:border-box;width:calc(var(--c3-btn-h) + 2px);height:calc(var(--c3-btn-h) + 2px);border-radius:999px;background:var(--c3-go-bg,var(--c3-accent));color:var(--c3-go-c,var(--c3-btn-c));text-decoration:none}
.ssg-c3 .ssg-c3__go svg{width:22px;height:22px}
/* article date: short form only on the small size */
.ssg-c3 .ssg-c3__d-short{display:none}
/* hover: effects and colours (set on the design page). Written with :hover; the build script adds the same rules for .is-hov so the admin preview can show them. */
.ssg-c3.c3-hv-lift,.ssg-c3.c3-hv-both,.ssg-c3.c3-hv-shadow{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease}
.ssg-c3.c3-hv-zoom .ssg-c3__media,.ssg-c3.c3-hv-both .ssg-c3__media{overflow:hidden;border-radius:max(6px,calc(var(--c3-radius) - 4px))}
.ssg-c3.c3-hv-zoom .ssg-c3__media>img,.ssg-c3.c3-hv-both .ssg-c3__media>img{transition:transform .35s ease}
.ssg-c3.c3-hv-lift:hover,.ssg-c3.c3-hv-both:hover{transform:translateY(-4px)}
.ssg-c3.c3-hv-shadow:hover{box-shadow:0 calc(var(--c3-sh) * .4px) calc(var(--c3-sh) * 1.6px) color-mix(in srgb,var(--c3-sh-c,#1A2233) 22%,transparent)}
.ssg-c3.c3-hv-zoom:hover .ssg-c3__media>img,.ssg-c3.c3-hv-both:hover .ssg-c3__media>img{transform:scale(1.05)}
.ssg-c3:hover{background:var(--c3-h-bg,var(--c3-card-bg));border-color:var(--c3-h-border,var(--c3-border))}
.ssg-c3:hover .ssg-c3__title{color:var(--c3-h-title,var(--c3-title-c))}
.ssg-c3:hover .ssg-c3__btn--line{background:var(--c3-h-btn-bg,var(--c3-soft));color:var(--c3-h-btn-tx,var(--c3-btn-tx,var(--c3-accent-dk)));border-color:var(--c3-h-btn-bd,var(--c3-btn-bd,var(--c3-accent)))}
.ssg-c3:hover .ssg-c3__btn--solid{background:var(--c3-h-btn-bg,var(--c3-btn-bg,var(--c3-press)));color:var(--c3-h-btn-tx,var(--c3-btn-tx,var(--c3-btn-c)));border-color:var(--c3-h-btn-bd,var(--c3-btn-bd,var(--c3-h-btn-bg,var(--c3-btn-bg,var(--c3-press)))))}
.ssg-c3:hover .ssg-c3__fav{background:var(--c3-h-fav-bg,var(--c3-fav-bg,var(--c3-soft)))}
.ssg-c3:hover .ssg-c3__fav[aria-pressed="true"]{background:var(--c3-fav-on,var(--c3-accent))}
.ssg-c3:hover .ssg-c3__go{background:var(--c3-h-go-bg,var(--c3-go-bg,var(--c3-press)))}
/* admin preview of the hover look */
.ssg-c3.c3-hv-lift.is-hov,.ssg-c3.c3-hv-both.is-hov{transform:translateY(-4px)}
.ssg-c3.c3-hv-shadow.is-hov{box-shadow:0 calc(var(--c3-sh) * .4px) calc(var(--c3-sh) * 1.6px) color-mix(in srgb,var(--c3-sh-c,#1A2233) 22%,transparent)}
.ssg-c3.c3-hv-zoom.is-hov .ssg-c3__media>img,.ssg-c3.c3-hv-both.is-hov .ssg-c3__media>img{transform:scale(1.05)}
.ssg-c3.is-hov{background:var(--c3-h-bg,var(--c3-card-bg));border-color:var(--c3-h-border,var(--c3-border))}
.ssg-c3.is-hov .ssg-c3__title{color:var(--c3-h-title,var(--c3-title-c))}
.ssg-c3.is-hov .ssg-c3__btn--line{background:var(--c3-h-btn-bg,var(--c3-soft));color:var(--c3-h-btn-tx,var(--c3-btn-tx,var(--c3-accent-dk)));border-color:var(--c3-h-btn-bd,var(--c3-btn-bd,var(--c3-accent)))}
.ssg-c3.is-hov .ssg-c3__btn--solid{background:var(--c3-h-btn-bg,var(--c3-btn-bg,var(--c3-press)));color:var(--c3-h-btn-tx,var(--c3-btn-tx,var(--c3-btn-c)));border-color:var(--c3-h-btn-bd,var(--c3-btn-bd,var(--c3-h-btn-bg,var(--c3-btn-bg,var(--c3-press)))))}
.ssg-c3.is-hov .ssg-c3__fav{background:var(--c3-h-fav-bg,var(--c3-fav-bg,var(--c3-soft)))}
.ssg-c3.is-hov .ssg-c3__fav[aria-pressed="true"]{background:var(--c3-fav-on,var(--c3-accent))}
.ssg-c3.is-hov .ssg-c3__go{background:var(--c3-h-go-bg,var(--c3-go-bg,var(--c3-press)))}
@media (min-width:1025px){
.c3d-horizontal{flex-direction:row;align-items:stretch}
.c3d-horizontal .ssg-c3__media{width:var(--c3-mw);min-height:var(--c3-minh);aspect-ratio:auto}
.c3d-horizontal .ssg-c3__body{justify-content:center;padding:6px 6px 6px calc(var(--c3-pad) + 10px)}
.c3d-horizontal .ssg-c3__tag{bottom:12px}
.ssg-c3--place.c3d-vertical .ssg-c3__text,.ssg-c3--place.c3d-small .ssg-c3__text,.ssg-c3--route.c3d-vertical .ssg-c3__text,.ssg-c3--route.c3d-small .ssg-c3__text{display:none}
.c3d-small .ssg-c3__d-full{display:none}
.c3d-small .ssg-c3__d-short{display:inline}
/* featured: picture fills the card, text over it */
.c3d-featured{justify-content:flex-end;min-height:var(--c3-minh);padding:0;overflow:hidden}
.c3d-featured .ssg-c3__media{position:absolute;inset:0;width:auto;height:auto;aspect-ratio:auto}
.c3d-featured .ssg-c3__media>img,.c3d-featured .ssg-c3__media>.ssg-card__ph{border-radius:var(--c3-radius)}
.c3d-featured .ssg-c3__body{z-index:1;margin-top:auto;flex:none;padding:110px 26px 22px;background:linear-gradient(0deg,rgba(16,24,40,.88) 0,rgba(16,24,40,.55) 55%,rgba(16,24,40,0) 100%)}
.c3d-featured .ssg-c3__title{color:#fff}
.ssg-c3.c3d-featured:hover .ssg-c3__title,.ssg-c3.c3d-featured.is-hov .ssg-c3__title{color:#fff}
.c3d-featured .ssg-c3__text{display:none}
.c3d-featured .ssg-c3__date{background:transparent;color:#fff;padding:0}
.c3d-featured .ssg-c3__date svg{color:#fff}
}
@media (min-width:768px) and (max-width:1024px){
.c3t-horizontal{flex-direction:row;align-items:stretch}
.c3t-horizontal .ssg-c3__media{width:var(--c3-mw);min-height:var(--c3-minh);aspect-ratio:auto}
.c3t-horizontal .ssg-c3__body{justify-content:center;padding:6px 6px 6px calc(var(--c3-pad) + 10px)}
.c3t-horizontal .ssg-c3__tag{bottom:12px}
.ssg-c3--place.c3t-vertical .ssg-c3__text,.ssg-c3--place.c3t-small .ssg-c3__text,.ssg-c3--route.c3t-vertical .ssg-c3__text,.ssg-c3--route.c3t-small .ssg-c3__text{display:none}
.c3t-small .ssg-c3__d-full{display:none}
.c3t-small .ssg-c3__d-short{display:inline}
/* featured: picture fills the card, text over it */
.c3t-featured{justify-content:flex-end;min-height:var(--c3-minh);padding:0;overflow:hidden}
.c3t-featured .ssg-c3__media{position:absolute;inset:0;width:auto;height:auto;aspect-ratio:auto}
.c3t-featured .ssg-c3__media>img,.c3t-featured .ssg-c3__media>.ssg-card__ph{border-radius:var(--c3-radius)}
.c3t-featured .ssg-c3__body{z-index:1;margin-top:auto;flex:none;padding:110px 26px 22px;background:linear-gradient(0deg,rgba(16,24,40,.88) 0,rgba(16,24,40,.55) 55%,rgba(16,24,40,0) 100%)}
.c3t-featured .ssg-c3__title{color:#fff}
.ssg-c3.c3t-featured:hover .ssg-c3__title,.ssg-c3.c3t-featured.is-hov .ssg-c3__title{color:#fff}
.c3t-featured .ssg-c3__text{display:none}
.c3t-featured .ssg-c3__date{background:transparent;color:#fff;padding:0}
.c3t-featured .ssg-c3__date svg{color:#fff}
}
@media (max-width:767px){
.c3m-horizontal{flex-direction:row;align-items:stretch}
.c3m-horizontal .ssg-c3__media{width:var(--c3-mw);min-height:var(--c3-minh);aspect-ratio:auto}
.c3m-horizontal .ssg-c3__body{justify-content:center;padding:6px 6px 6px calc(var(--c3-pad) + 10px)}
.c3m-horizontal .ssg-c3__tag{bottom:12px}
.ssg-c3--place.c3m-vertical .ssg-c3__text,.ssg-c3--place.c3m-small .ssg-c3__text,.ssg-c3--route.c3m-vertical .ssg-c3__text,.ssg-c3--route.c3m-small .ssg-c3__text{display:none}
.c3m-small .ssg-c3__d-full{display:none}
.c3m-small .ssg-c3__d-short{display:inline}
/* featured: picture fills the card, text over it */
.c3m-featured{justify-content:flex-end;min-height:var(--c3-minh);padding:0;overflow:hidden}
.c3m-featured .ssg-c3__media{position:absolute;inset:0;width:auto;height:auto;aspect-ratio:auto}
.c3m-featured .ssg-c3__media>img,.c3m-featured .ssg-c3__media>.ssg-card__ph{border-radius:var(--c3-radius)}
.c3m-featured .ssg-c3__body{z-index:1;margin-top:auto;flex:none;padding:110px 26px 22px;background:linear-gradient(0deg,rgba(16,24,40,.88) 0,rgba(16,24,40,.55) 55%,rgba(16,24,40,0) 100%)}
.c3m-featured .ssg-c3__title{color:#fff}
.ssg-c3.c3m-featured:hover .ssg-c3__title,.ssg-c3.c3m-featured.is-hov .ssg-c3__title{color:#fff}
.c3m-featured .ssg-c3__text{display:none}
.c3m-featured .ssg-c3__date{background:transparent;color:#fff;padding:0}
.c3m-featured .ssg-c3__date svg{color:#fff}
}
/* admin preview */
.c3p-horizontal{flex-direction:row;align-items:stretch}
.c3p-horizontal .ssg-c3__media{width:var(--c3-mw);min-height:var(--c3-minh);aspect-ratio:auto}
.c3p-horizontal .ssg-c3__body{justify-content:center;padding:6px 6px 6px calc(var(--c3-pad) + 10px)}
.c3p-horizontal .ssg-c3__tag{bottom:12px}
.ssg-c3--place.c3p-vertical .ssg-c3__text,.ssg-c3--place.c3p-small .ssg-c3__text,.ssg-c3--route.c3p-vertical .ssg-c3__text,.ssg-c3--route.c3p-small .ssg-c3__text{display:none}
.c3p-small .ssg-c3__d-full{display:none}
.c3p-small .ssg-c3__d-short{display:inline}
/* featured: picture fills the card, text over it */
.c3p-featured{justify-content:flex-end;min-height:var(--c3-minh);padding:0;overflow:hidden}
.c3p-featured .ssg-c3__media{position:absolute;inset:0;width:auto;height:auto;aspect-ratio:auto}
.c3p-featured .ssg-c3__media>img,.c3p-featured .ssg-c3__media>.ssg-card__ph{border-radius:var(--c3-radius)}
.c3p-featured .ssg-c3__body{z-index:1;margin-top:auto;flex:none;padding:110px 26px 22px;background:linear-gradient(0deg,rgba(16,24,40,.88) 0,rgba(16,24,40,.55) 55%,rgba(16,24,40,0) 100%)}
.c3p-featured .ssg-c3__title{color:#fff}
.ssg-c3.c3p-featured:hover .ssg-c3__title,.ssg-c3.c3p-featured.is-hov .ssg-c3__title{color:#fff}
.c3p-featured .ssg-c3__text{display:none}
.c3p-featured .ssg-c3__date{background:transparent;color:#fff;padding:0}
.c3p-featured .ssg-c3__date svg{color:#fff}
@media (min-width:1025px){
.ssg-c3.hd-tag .ssg-c3__tag,.ssg-c3.hd-rating .ssg-rating,.ssg-c3.hd-loc .ssg-c3__loc,.ssg-c3.hd-text .ssg-c3__text,
.ssg-c3.hd-fav .ssg-c3__fav,.ssg-c3.hd-badges .ssg-c3__badge,.ssg-c3.hd-disc .ssg-c3__disc,.ssg-c3.hd-zone .ssg-c3__zone,
.ssg-c3.hd-season .ssg-c3__meta,.ssg-c3.hd-chips .ssg-c3__chips,.ssg-c3.hd-stats .ssg-c3__stats,.ssg-c3.hd-modes .ssg-c3__modes,
.ssg-c3.hd-cat .ssg-c3__cat,.ssg-c3.hd-date .ssg-c3__date,.ssg-c3.hd-go .ssg-c3__go,.ssg-c3.hd-path .ssg-c3__path,
.ssg-c3.hd-btn .ssg-c3__btn,.ssg-c3.hd-foot .ssg-c3__foot{display:none}
}
@media (min-width:768px) and (max-width:1024px){
.ssg-c3.ht-tag .ssg-c3__tag,.ssg-c3.ht-rating .ssg-rating,.ssg-c3.ht-loc .ssg-c3__loc,.ssg-c3.ht-text .ssg-c3__text,
.ssg-c3.ht-fav .ssg-c3__fav,.ssg-c3.ht-badges .ssg-c3__badge,.ssg-c3.ht-disc .ssg-c3__disc,.ssg-c3.ht-zone .ssg-c3__zone,
.ssg-c3.ht-season .ssg-c3__meta,.ssg-c3.ht-chips .ssg-c3__chips,.ssg-c3.ht-stats .ssg-c3__stats,.ssg-c3.ht-modes .ssg-c3__modes,
.ssg-c3.ht-cat .ssg-c3__cat,.ssg-c3.ht-date .ssg-c3__date,.ssg-c3.ht-go .ssg-c3__go,.ssg-c3.ht-path .ssg-c3__path,
.ssg-c3.ht-btn .ssg-c3__btn,.ssg-c3.ht-foot .ssg-c3__foot{display:none}
}
@media (max-width:767px){
.ssg-c3.hm-tag .ssg-c3__tag,.ssg-c3.hm-rating .ssg-rating,.ssg-c3.hm-loc .ssg-c3__loc,.ssg-c3.hm-text .ssg-c3__text,
.ssg-c3.hm-fav .ssg-c3__fav,.ssg-c3.hm-badges .ssg-c3__badge,.ssg-c3.hm-disc .ssg-c3__disc,.ssg-c3.hm-zone .ssg-c3__zone,
.ssg-c3.hm-season .ssg-c3__meta,.ssg-c3.hm-chips .ssg-c3__chips,.ssg-c3.hm-stats .ssg-c3__stats,.ssg-c3.hm-modes .ssg-c3__modes,
.ssg-c3.hm-cat .ssg-c3__cat,.ssg-c3.hm-date .ssg-c3__date,.ssg-c3.hm-go .ssg-c3__go,.ssg-c3.hm-path .ssg-c3__path,
.ssg-c3.hm-btn .ssg-c3__btn,.ssg-c3.hm-foot .ssg-c3__foot{display:none}
}
/* admin preview */
.ssg-c3.hp-tag .ssg-c3__tag,.ssg-c3.hp-rating .ssg-rating,.ssg-c3.hp-loc .ssg-c3__loc,.ssg-c3.hp-text .ssg-c3__text,
.ssg-c3.hp-fav .ssg-c3__fav,.ssg-c3.hp-badges .ssg-c3__badge,.ssg-c3.hp-disc .ssg-c3__disc,.ssg-c3.hp-zone .ssg-c3__zone,
.ssg-c3.hp-season .ssg-c3__meta,.ssg-c3.hp-chips .ssg-c3__chips,.ssg-c3.hp-stats .ssg-c3__stats,.ssg-c3.hp-modes .ssg-c3__modes,
.ssg-c3.hp-cat .ssg-c3__cat,.ssg-c3.hp-date .ssg-c3__date,.ssg-c3.hp-go .ssg-c3__go,.ssg-c3.hp-path .ssg-c3__path,
.ssg-c3.hp-btn .ssg-c3__btn,.ssg-c3.hp-foot .ssg-c3__foot{display:none}