/* BCB88 Information Freshness Guide — charcoal, gold, red and warm white from the supplied BCB88 logo */
.kiss918-guide-hero {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    pointer-events: none;
}
.kiss918-guide-hero .container { width: min(1180px, calc(100% - 30px)); }
.kiss918-guide-hero-card {
    width: min(700px, 68%);
    padding: 30px 34px;
    border: 1px solid rgba(225,29,29,.42);
    border-left: 4px solid #e11d1d;
    border-radius: 8px 28px 8px 28px;
    background: linear-gradient(135deg, rgba(54,7,32,.94), rgba(111,19,67,.90) 68%, rgba(185,134,39,.20));
    box-shadow: 0 28px 70px rgba(0,0,0,.48);
    pointer-events: auto;
    backdrop-filter: blur(8px);
}
.kiss918-guide-kicker {
    display: inline-block;
    margin-bottom: 10px;
    color: #f2c14e !important;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}
.kiss918-guide-hero h1 {
    max-width: 680px;
    margin: 0;
    color: #fff;
    font-size: clamp(30px, 4.5vw, 58px);
    font-weight: 900;
    line-height: 1.02;
    letter-spacing: -.045em;
    text-wrap: balance;
}
.kiss918-guide-hero p {
    max-width: 640px;
    margin: 16px 0 0;
    color: #f8f0dc !important;
    font-size: 15px;
    line-height: 1.7;
}
.kiss918-guide-hero-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
.kiss918-guide-hero-tags span {
    padding: 7px 11px;
    border: 1px solid rgba(228,180,65,.35);
    border-radius: 999px;
    color: #fff5d8 !important;
    background: rgba(185,134,39,.10);
    font-size: 11px;
    font-weight: 800;
}

.kiss918-guide-panel {
    position: relative;
    margin: 0 0 28px;
    overflow: hidden;
    border: 1px solid rgba(225,29,29,.25);
    border-radius: 26px 8px 26px 8px;
    color: #f8f0dc;
    background:
        radial-gradient(circle at 95% 0, rgba(225,29,29,.13), transparent 25rem),
        radial-gradient(circle at 2% 100%, rgba(185,134,39,.12), transparent 24rem),
        linear-gradient(145deg, rgba(84,12,49,.98), rgba(42,5,24,.98));
    box-shadow: 0 22px 60px rgba(0,0,0,.34);
}
.kiss918-guide-panel::before {
    content:""; position:absolute; inset:0 0 auto; height:3px;
    background:linear-gradient(90deg,#e11d1d,#f2c14e 46%,#e4b441 72%,#b98627);
}
.kiss918-guide-head { padding: 32px 34px 24px; border-bottom:1px solid rgba(225,29,29,.14); }
.kiss918-guide-head h2,
.kiss918-guide-subsection > h2,
.kiss918-faq-section > h2 {
    margin:0;
    color:#fffaf0;
    font-size:clamp(27px,4vw,44px);
    font-weight:900;
    line-height:1.06;
    letter-spacing:-.035em;
}
.kiss918-guide-head p,
.kiss918-guide-subsection > p {
    max-width:900px;
    margin:13px 0 0;
    color:#d6c9a8 !important;
    font-size:14px;
    line-height:1.75;
}
.kiss918-guide-callout {
    margin: 24px 34px 0;
    padding: 18px 20px;
    border: 1px solid rgba(228,180,65,.28);
    border-left:4px solid #e4b441;
    border-radius: 6px 18px 6px 18px;
    background:rgba(185,134,39,.07);
}
.kiss918-guide-callout strong { color:#f0d78d; font-size:13px; text-transform:uppercase; letter-spacing:.08em; }
.kiss918-guide-callout p { margin:7px 0 0; color:#ddd0b0 !important; line-height:1.65; }
.kiss918-guide-subsection { padding: 32px 34px; }
.kiss918-guide-subsection + .kiss918-guide-subsection { border-top:1px solid rgba(225,29,29,.13); }

.kiss918-component-grid,
.kiss918-category-grid,
.kiss918-tip-grid { display:grid; gap:14px; margin-top:22px; }
.kiss918-component-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.kiss918-category-grid,
.kiss918-tip-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.kiss918-component-grid article,
.kiss918-category-grid article,
.kiss918-tip-grid article {
    min-width:0;
    padding:18px;
    border:1px solid rgba(225,29,29,.16);
    border-radius:16px 5px 16px 5px;
    background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
}
.kiss918-component-grid article:hover,
.kiss918-category-grid article:hover,
.kiss918-tip-grid article:hover { border-color:rgba(225,29,29,.42); transform:translateY(-2px); }
.kiss918-component-grid article { transition:transform .2s ease,border-color .2s ease; }
.kiss918-component-grid article > span {
    width:34px;height:34px;display:grid;place-items:center;margin-bottom:14px;border-radius:50%;
    color:#350716 !important;background:#f2c14e;font-size:10px;font-weight:900;
}
.kiss918-component-grid h3,
.kiss918-category-grid h3,
.kiss918-tip-grid strong { margin:0 0 8px; color:#fff; font-size:15px; font-weight:900; }
.kiss918-component-grid p,
.kiss918-category-grid p,
.kiss918-tip-grid p { margin:0; color:#cfbf9a !important; font-size:13px; line-height:1.62; }

.kiss918-step-list { list-style:none; margin:0; padding:24px 34px 34px; counter-reset:steps; }
.kiss918-step-list li { display:grid; grid-template-columns:48px minmax(0,1fr); gap:16px; align-items:start; padding:18px 0; border-bottom:1px solid rgba(225,29,29,.12); }
.kiss918-step-list li:last-child { border-bottom:0; }
.kiss918-step-list li > span { width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(228,180,65,.4);border-radius:14px 4px 14px 4px;color:#f0d78d !important;background:rgba(185,134,39,.08);font-weight:900; }
.kiss918-step-list h3 { margin:0 0 7px;color:#fffaf0;font-size:18px;font-weight:900; }
.kiss918-step-list p { margin:0;color:#d1c1a0 !important;font-size:13px;line-height:1.7; }

.kiss918-mistake-list { display:grid; gap:10px; margin-top:22px; }
.kiss918-mistake-list article { display:grid; grid-template-columns:44px minmax(0,1fr); gap:14px; padding:16px 18px; border:1px solid rgba(185,134,39,.16); border-radius:14px; background:rgba(185,134,39,.045); }
.kiss918-mistake-list article > span { color:#e4b441 !important; font-weight:900; }
.kiss918-mistake-list h3 { margin:0 0 5px;color:#fff;font-size:15px;font-weight:900; }
.kiss918-mistake-list p { margin:0;color:#d5c5a5 !important;line-height:1.62; }

.kiss918-faq-section { padding:32px 34px 36px; border-top:1px solid rgba(225,29,29,.13); }
.kiss918-faq-column { display:grid; gap:9px; margin-top:22px; }
.kiss918-faq-column details { border:1px solid rgba(225,29,29,.18); border-radius:14px; background:rgba(255,255,255,.025); overflow:hidden; }
.kiss918-faq-column details[open] { border-color:rgba(225,29,29,.42); background:linear-gradient(90deg,rgba(225,29,29,.07),rgba(185,134,39,.04)); }
.kiss918-faq-column summary { position:relative; padding:17px 46px 17px 18px; color:#fffaf0; cursor:pointer; list-style:none; font-weight:900; line-height:1.4; }
.kiss918-faq-column summary::-webkit-details-marker { display:none; }
.kiss918-faq-column summary::after { content:"+"; position:absolute; right:18px; top:50%; transform:translateY(-50%); color:#f2c14e; font-size:22px; font-weight:500; }
.kiss918-faq-column details[open] summary::after { content:"−"; color:#e4b441; }
.kiss918-faq-column details p { margin:0; padding:0 18px 18px; color:#d2c2a0 !important; line-height:1.7; }

.kiss918-footer-guide-note { padding:22px 0; color:#d6c9a8; }
.kiss918-footer-guide-note strong { display:block; margin-bottom:6px; color:#f2c14e; font-size:18px; }
.kiss918-footer-guide-note p { max-width:920px; margin:0; color:#c9b98f !important; line-height:1.7; }

/* Keep the educational content easy to read inside the BCB88 brand theme. */
.kiss918-neon-theme .home-info-container { padding-top:28px; }
.kiss918-neon-theme .banner { min-height:0; aspect-ratio:1920/630; }
.kiss918-neon-theme .banner-carousel,
.kiss918-neon-theme .banner-carousel .slick-list,
.kiss918-neon-theme .banner-carousel .slick-track,
.kiss918-neon-theme .banner-carousel .slick-slide { min-height:inherit; }
.kiss918-neon-theme .banner .slick-slide img,
.kiss918-neon-theme .banner-carousel>div:first-child img { min-height:inherit; object-fit:cover; filter:brightness(.55) saturate(.92) contrast(1.05); }

@media (max-width: 1100px) {
    .kiss918-component-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .kiss918-guide-hero-card { width:min(760px,78%); }
}
@media (max-width: 767px) {
    .kiss918-guide-hero { position:relative; padding:20px 0; background:linear-gradient(180deg,#111315,#1c1d1f); }
    .kiss918-neon-theme .banner { min-height:auto; }
    .kiss918-neon-theme .banner-carousel { min-height:190px; }
    .kiss918-guide-hero-card { width:100%; padding:23px 20px; border-radius:8px 20px 8px 20px; }
    .kiss918-guide-hero h1 { font-size:clamp(30px,10vw,42px); }
    .kiss918-guide-head,.kiss918-guide-subsection,.kiss918-faq-section { padding:24px 20px; }
    .kiss918-guide-callout { margin:20px 20px 0; }
    .kiss918-step-list { padding:12px 20px 24px; }
    .kiss918-component-grid,.kiss918-category-grid,.kiss918-tip-grid { grid-template-columns:1fr; }
    .kiss918-step-list li { grid-template-columns:42px minmax(0,1fr); gap:12px; }
    .kiss918-step-list li > span { width:38px;height:38px; }
    .kiss918-mistake-list article { grid-template-columns:34px minmax(0,1fr); }
}


/* BCB88 information-freshness page refinements */
.kiss918-neon-theme .banner{background:radial-gradient(circle at 72% 35%,rgba(225,29,29,.20),transparent 24rem),radial-gradient(circle at 20% 20%,rgba(242,193,78,.12),transparent 26rem),linear-gradient(135deg,#101214,#21170f 55%,#2f1111)!important}.kiss918-neon-theme .banner-carousel,.kiss918-neon-theme .banner-carousel>div:first-child,.kiss918-neon-theme .banner-carousel>div:first-child>a{height:100%!important}.kiss918-neon-theme .banner .slick-slide img,.kiss918-neon-theme .banner-carousel>div:first-child img{display:block!important;width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:1920/630!important;object-fit:cover!important;object-position:center center!important;padding:0!important;margin:0!important;background:transparent!important;filter:brightness(.84) saturate(1.02) contrast(1.05)!important}.kiss918-guide-hero-card{border-color:rgba(242,193,78,.42)!important;border-left-color:#e11d1d!important;background:linear-gradient(135deg,rgba(20,21,22,.95),rgba(61,22,18,.92) 66%,rgba(185,134,39,.18))!important}.kiss918-guide-panel{border-color:rgba(242,193,78,.24)!important;background:radial-gradient(circle at 95% 0,rgba(225,29,29,.12),transparent 25rem),radial-gradient(circle at 2% 100%,rgba(242,193,78,.10),transparent 24rem),linear-gradient(145deg,rgba(34,29,24,.98),rgba(16,18,19,.98))!important}.kiss918-guide-panel::before{background:linear-gradient(90deg,#e11d1d,#f2c14e 52%,#b98627)!important}.kiss918-guide-kicker,.kiss918-footer-guide-note strong{color:#f2c14e!important}.kiss918-guide-callout{border-color:rgba(242,193,78,.30)!important;border-left-color:#b98627!important;background:rgba(185,134,39,.07)!important}.kiss918-component-grid article,.kiss918-category-grid article,.kiss918-tip-grid article{border-color:rgba(242,193,78,.15)!important;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(225,29,29,.018))!important}.kiss918-component-grid article:hover,.kiss918-category-grid article:hover,.kiss918-tip-grid article:hover{border-color:rgba(242,193,78,.42)!important}.kiss918-component-grid article>span{color:#17120d!important;background:linear-gradient(135deg,#f5d77f,#d9a72f)!important}.kiss918-step-list li>span{border-color:rgba(242,193,78,.42)!important;color:#f2c14e!important;background:rgba(185,134,39,.08)!important}.kiss918-mistake-list article{border-color:rgba(225,29,29,.20)!important;background:rgba(225,29,29,.045)!important}.kiss918-mistake-list article>span{color:#f2c14e!important}.kiss918-faq-column details{border-color:rgba(242,193,78,.20)!important}.kiss918-faq-column details[open]{border-color:rgba(242,193,78,.44)!important;background:linear-gradient(90deg,rgba(225,29,29,.07),rgba(185,134,39,.05))!important}.kiss918-faq-column summary::after{color:#f2c14e!important}.kiss918-faq-column details[open] summary::after{color:#e11d1d!important}@media(max-width:767px){.kiss918-neon-theme .banner .slick-slide img,.kiss918-neon-theme .banner-carousel>div:first-child img{padding:0!important;object-position:center;min-height:0!important;width:100%!important;height:auto!important;aspect-ratio:1920/630!important;object-fit:cover!important}.kiss918-guide-hero{background:linear-gradient(180deg,#111315,#2b1c16)!important}}