@import url('//web.archive.org/web/20220327053821cs_/https://fonts.googleapis.com/css?family=Special+Elite');
@import url('//web.archive.org/web/20240612103205cs_/https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');
@import url('//web.archive.org/web/20240612103205cs_/https://fonts.googleapis.com/css2?family=Kanit:wght@300&display=swap');
@import url('//web.archive.org/web/20240612103205cs_/https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap');
@import url('//web.archive.org/web/20240612103205cs_/https://fonts.googleapis.com/css2?family=Norican&display=swap');

html{
    height:100%;
    font-family:Arial, sans-serif;
}

body {
    height: 100%;
    font-family: 'Kanit', sans-serif;
    font-weight: 300;
}

a {color: #fff;}
a:hover, a:focus {color: #a71e2e;}

p {font-size: 1.3em;}

h1, h2, h3, h5 {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
}

.content-wrapper {
    padding: 3.5em 0;
}

.section-header {
    margin-top: 45px;
    text-align: center;
    font-size: 6.4em;
    font-family: 'Norican', cursive;
    font-weight: 400;
    text-transform: initial;
    color: #971b29;
    text-align: center;
}

@media (max-width: 1200px) {
    .nav>li>a {
        padding: 10px 25px;
    }
}

@media (max-width: 1024px) {
    .nav>li>a {
        padding: 10px 20px;
    }
    .nav>li {
        padding: 0 10px;
    }
}

@media (max-width: 1023px) {
    .nav > li > a {
        padding: 10px 10px;
    }
}

@media (max-width: 769px) {
    .navbar-collapse.collapse {
        padding-bottom: 10px;
    }
}

/* ===== Namespaced styles (safe to drop in) ===== */
.crk-promos { padding-block: clamp(1.5rem, 2.5vw + .5rem, 3rem); }
.crk-promos .crk-card {
    border: 1px solid var(--bs-border-color, #e9ecef);
    border-radius: 1rem;
    box-shadow: 0 10px 28px rgba(0,0,0,.06);
    overflow: hidden;
    background: var(--bs-body-bg, #fff);
    height: 100%;
}
.crk-promos .crk-body { padding: 1.25rem; }
.crk-promos .crk-kicker {
    display:inline-block; font-weight:700; font-size:.8rem; letter-spacing:.06em;
    color: var(--bs-secondary-color,#6c757d); text-transform: uppercase;
    margin-bottom:.25rem;
}
.crk-promos .crk-title { font-weight: 800; margin: 0 0 .25rem; }
.crk-promos .crk-lead  { color: var(--bs-secondary-color,#6c757d); margin-bottom:.5rem; }
.crk-promos .btn-crk {
    border-color: #b71c1c; color: #b71c1c;
}
.crk-promos .btn-crk:hover { background:#b71c1c; color:#fff; border-color:#b71c1c; }

/* ===== Namespace wrapper ===== */
.crk-menu { padding-block: 2rem; }
.crk-menu .crk-heading { text-align: center; margin-bottom: 1rem; font-weight: 800; letter-spacing: .5px; }

/* ===== Top nav (Bootstrap pills style) ===== */
.crk-menu .crk-nav {
    display:flex; justify-content:center; gap:.5rem; margin:1rem auto 1rem; flex-wrap:wrap;
}
.crk-menu .crk-nav-link{
    display:inline-flex; align-items:center; gap:.5rem;
    padding:.6rem 1rem; border-radius:50rem; text-decoration:none;
    border:1px solid var(--bs-border-color,#dee2e6);
    color:var(--bs-body-color,#212529); background:var(--bs-body-bg,#fff);
    transition:.2s ease-in-out;
}
.crk-menu .crk-nav-link.active,
.crk-menu .crk-nav-link:hover{
    background:var(--bs-dark,#000); color:#fff; border-color:var(--bs-dark,#000);
}

/* ===== Search ===== */
.crk-menu .crk-search { max-width: 720px; }

/* ===== Category cards grid ===== */
.crk-menu .crk-grid{
    display:grid; gap:1.25rem;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
}
.crk-menu .crk-card{
    background:var(--bs-body-bg,#fff);
    border:1px solid var(--bs-border-color,#dee2e6);
    border-radius:1rem; box-shadow:0 8px 24px rgba(0,0,0,.05); overflow:hidden;
    backdrop-filter:saturate(120%);
}
.crk-menu .crk-card-body{ padding:1.25rem 1.25rem .75rem; }
.crk-menu .crk-card-body h2{ margin:0 0 .25rem; font-weight:700; line-height:1.2; }
.crk-menu .crk-desc p{ margin:0 0 1rem; color:var(--bs-secondary-color,#6c757d); }
.crk-menu .crk-empty { display:none; padding:1rem; text-align:center; color:var(--bs-secondary-color,#6c757d); }

/* ===== Items (CSS-only dot leader; no markup change needed) ===== */
.crk-menu .crk-list{ display:grid; gap:.5rem; }

.crk-menu .crk-item{
    display:flex; flex-wrap:wrap; align-items:baseline; gap:.5rem;
    padding:.75rem 0; border-bottom:1px dashed var(--bs-border-color,#e9ecef);
}
.crk-menu .crk-item:last-child{ border-bottom:0; }

/* Title */
.crk-menu .crk-title h3{
    margin:0; font-size:1rem; font-weight:600;
}

/* Leader fills gap between title and prices */
.crk-menu .crk-item::before{
    content:"";
    order:1;
    flex:1 1 auto;
    border-bottom:2px dotted var(--bs-border-color,#e9ecef);
    align-self:center;
    margin:0 .5rem;
}

/* Prices (can be multiple) */
.crk-menu .crk-price{
    order:2;
    font-weight:700;
    white-space:nowrap;
    margin:0;
    color: var(--bs-emphasis-color,#212529);
}

/* Description full width, below */
.crk-menu .crk-note{
    order:3;
    flex-basis:100%;
    margin-top:.25rem;
    font-size:.9375rem;
    color:var(--bs-secondary-color,#6c757d);
}

/* Clean out legacy rules if any sneak in */
.crk-menu .crk-price::before{ content:none !important; }
.crk-menu .crk-price{ float:none !important; }


@media (max-width: 1024px){ .crk-reviews { background-attachment: scroll; } }

.crk-reviews .crk-wrap { max-width: 900px; margin: 0 auto; padding-inline: 1rem; }
.crk-reviews .crk-heading { text-align: center; margin: 0 0 1rem; font-weight: 800;
    font-size: clamp(1.75rem, 2.5vw + 1rem, 2.75rem); font-family: Georgia, "Times New Roman", serif; }

/* Each review */
.crk-reviews .crk-review { display: none; opacity: 0; transition: opacity .4s ease-in-out; }
.crk-reviews .crk-review.show { display: block; opacity: 1; }

.crk-reviews .crk-item { text-align: center; position: relative; padding: 0 .5rem; }
.crk-reviews .crk-source { text-transform: uppercase; font-size: .95rem; opacity: .9; letter-spacing: .04em; }
.crk-reviews .crk-name { margin: .75rem auto 1rem; text-transform: uppercase; font-size: 1rem; color: #fff; font-weight: 700; }
.crk-reviews .crk-stars .bi-star-fill { color: #ffd166; margin: 0 .05rem; }

.crk-reviews blockquote { margin: 0 auto; padding: 0; border: 0; }
.crk-reviews blockquote p {
    max-width: 60ch; /* readable line length */
    margin: 0 auto;
    font-size: clamp(1rem, .7vw + .9rem, 1.2rem);
    line-height: 1.7;
    letter-spacing: .01em;
}

.crk-reviews .crk-quote {
    position: absolute; font-size: 48px; opacity: .25; line-height: 1;
}
.crk-reviews .crk-quote.left  { top: -8px; left: 0; }
.crk-reviews .crk-quote.right { bottom: -8px; right: 0; }

/* Controls */
.crk-reviews .crk-controls {
    display: flex; gap: .5rem; justify-content: center; margin-top: 1.25rem;
}
.crk-reviews .crk-controls .btn {
    --bs-btn-color:#fff; --bs-btn-border-color:#fff;
    --bs-btn-hover-bg:#fff; --bs-btn-hover-border-color:#fff; --bs-btn-hover-color:#000;
    --bs-btn-padding-y: .35rem; --bs-btn-padding-x: .75rem; --bs-btn-font-size: .875rem;
}

.crk-reviews::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55); /* Dark overlay */
    z-index: 0;
}

.crk-reviews .crk-wrap {
    position: relative; /* keep content above overlay */
    z-index: 1;
    max-width: 900px;
    margin: 0 auto;
    padding-inline: 1rem;
}

.tce-banner-section {
    background-color: #fbeed7;
    color: #222;
    text-align: center;
    overflow: hidden;
    padding: 30px 0 30px 0;
}

.tce-banner-section h1 {
    margin: 0 auto;
    font-size: 1.6em;
    line-height: 1.5em;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
}

.tce-banner-section a {
    color: #fff;
}

@media (max-width: 767px) {
    .tce-banner-section {
        padding-top: 20px;
        padding-bottom: 15px;
    }

    .tce-banner-section h1 {
        font-size: 1.1em;
    }
}

@media (max-width: 320px) {
    .tce-banner-section h1 {
        font-size: 0.85em;
    }
}