:root{
  --primary:#EC2023 ;      
    /* your royal red */
  --primary-hover:#e2402d;   /* lighter hover */
  --primary-deep:#96281B;    /* darker hover option */
  --gold:#c89d66;
  --dark:#0b0b0b;
  --light:#f8f5f0;
  --muted:#6c757d;
}

html, body {
  font-family: 'Outfit', sans-serif;
  color: #1a1a1a;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  font-family: 'Outfit', sans-serif;
  letter-spacing: 0.5px;
}

@media (max-width: 575.98px){
  .btn-cart { padding-left: .6rem; padding-right: .6rem; }
}

p, a, li,label, span, button {
  font-weight: 400;
  font-family: 'Outfit', sans-serif;
  line-height: 1.6;
}

/* Brand dot (replace with logo as needed) */
.logo-dot{ width:14px; height:14px; background:var(--primary); display:inline-block; }

/* Nav colors */
.bg-dark-gold{ background: var(--dark); }
.navbar .nav-link{ color:#f1f1f1; font-weight:500; }
.navbar .nav-link:hover,
.navbar .nav-link.active{ color: var(--gold); }

/* Mode pill group (Delivery / Pickup) */
.bg-light-ghost{ background: rgba(255,255,255,.1); }
.btn-mode{
  background: #EC2023;
  color:#fff;
  border:0;
  padding:.45rem .9rem;
  border-radius:.75rem;
  font-weight:600;
  transition: all .25s ease;
}
.btn-mode:hover{ background: rgba(255,255,255,.12); color:#fff; }
.btn-mode.active{ background:#fff; color: var(--dark); }

/* Buttons */
.btn-royal{
  background: var(--primary);
  color:#fff;
  border: none;
  border-radius: .8rem;
  padding: .48rem .95rem;
  font-weight:700;
  transition: all .25s ease;
}
.btn-royal:hover{ background: var(--primary-hover); color:#fff; }

.btn-outline-royal{
  background: transparent;
  border:2px solid var(--primary);
  color:#fff;
  border-radius: .8rem;
  padding: .45rem .9rem;
  font-weight:700;
  transition: all .25s ease;
}
.btn-outline-royal:hover{
  background: var(--primary);
  color:#fff;
}

.btn-cart{
  background:var(--primary);
  color:#111;
  border:1px solid rgba(0,0,0,.08);
  border-radius:.8rem;
  padding:.48rem .72rem;
  font-weight:700;
}
.btn-cart:hover{ filter: brightness(.95); }

/* Offcanvas look */
.offcanvas.bg-dark{ background: #151515 !important; }
.offcanvas .nav-link{ color:#f1f1f1; padding:.6rem 0; }
.offcanvas .nav-link:hover{ color: var(--gold); }

/* Reduce jumpiness on sticky header */
/* Transparent Navbar */
.navbar {
  background: transparent !important;
  transition: background 0.4s ease, padding 0.3s ease;
 
}


/* Smooth background fade on scroll (optional) */
.navbar.scrolled {
  background: rgba(11, 11, 11, 0.9) !important;
  backdrop-filter: blur(8px);
  padding-top: 0.6rem !important;
  padding-bottom: 0.6rem !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}

/* Logo dot */
.logo-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--primary);
}

/* Nav Links */
.navbar .nav-link {
  color: #f8f5f0;
  font-weight: 500;
  transition: color 0.3s ease, transform 0.3s ease;
  padding: 0.6rem 0.8rem;
}
.navbar .nav-link:hover,
.navbar .nav-link.active {
  color: var(--gold);
  transform: translateY(-2px);
}

/* Buttons */
.btn-royal {
  background: var(--primary);
  color: #fff;
  border-radius: 0.7rem;
  font-weight: 600;
  padding: 0.5rem 1.1rem;
  transition: background 0.3s ease, transform 0.2s ease;
}
.btn-royal:hover {
  background: var(--primary-hover);
  transform: scale(1.05);
}

.btn-cart {
  background: var(--primary);
  color: var(--dark);
  border-radius: 0.7rem;
  font-weight: 600;
  transition: transform 0.2s ease;
}
.btn-cart:hover {
  transform: scale(1.05);
}

.btn-mode {
  font-weight: 600;
  font-size: 0.9rem;
  color: #fff;
  border-radius: 0.6rem;
}
.btn-mode.active {
  background: #fff;
  color: var(--dark);
}
.btn-mode:hover {
  background: var(--primary-hover);
}

/* Optional: backdrop when scrolling */
body.scrolled .navbar {
  background: rgba(11,11,11,0.9);
}



/* ===== Cheezious-like drawer (isolated with cz- prefix) ===== */
.cz-burger-btn{
  width: 34px; height: 34px; border: 0; background: transparent; position: relative;
}
.cz-burger-lines,
.cz-burger-lines::before,
.cz-burger-lines::after{
  display:block; width:24px; height:2px; background:#EC2023; /* your primary */
  content:""; position:absolute; left:5px; transition:all .2s ease;
}
.cz-burger-lines{ top:50%; transform:translateY(-50%); }
.cz-burger-lines::before{ top:-7px; }
.cz-burger-lines::after{ top:7px; }

.cz-drawer{ width: 340px; border-right: 0; }
.cz-avatar{
  width:44px; height:44px; border-radius:50%; background:var(--primary);
  display:grid; place-items:center; font-size:22px;
}
.cz-sep{ margin: 14px 0 10px; opacity:.2; }
.cz-menu .cz-item{
  display:flex; align-items:center; gap:12px; padding:12px 6px; border-radius:8px;
  text-decoration:none; color:#111;
}
.cz-menu .cz-item i{ font-size: 1.1rem; }
.cz-menu .cz-item:hover{ background:#f7f7f7; }

.cz-hotline{
  background:var(--primary);  /* yellow bar like screenshot */
  border-top:1px solid rgba(0,0,0,.05);
}
.cz-hotline .cz-call{
  width:38px; height:38px; border-radius:50%; background:white; color:#fff;
  display:grid; place-items:center; text-decoration:none;
}

/* Optional: small visual for cart badge on tiny screens */
.btn-cart .badge{ position: relative; top:-1px; }





/* verify  */
/* ===== OTP Page Polish (cz- prefix to avoid clashes) ===== */
/* Professional single OTP input (cz- prefix) */
.cz-otp-single{
  height: 60px;
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 12px;         /* visual spacing between digits */
  padding-left: 12px;           /* keep first digit centered with letter-spacing */
  border-radius: 14px;
  border: 1.5px solid #e7e7e7;
  background:
    /* six subtle slots */
    linear-gradient(#ddd,#ddd) left   calc(50% - 132px)/2px 30px no-repeat,
    linear-gradient(#ddd,#ddd) left   calc(50% - 88px)/2px 30px no-repeat,
    linear-gradient(#ddd,#ddd) left   calc(50% - 44px)/2px 30px no-repeat,
    linear-gradient(#ddd,#ddd) right  calc(50% - 44px)/2px 30px no-repeat,
    linear-gradient(#ddd,#ddd) right  calc(50% - 88px)/2px 30px no-repeat,
    linear-gradient(#ddd,#ddd) right  calc(50% - 132px)/2px 30px no-repeat;
}

.cz-otp-single:focus{
  border-color:#EC2023;                 /* your red */
  box-shadow:0 0 0 6px rgba(236,32,35,.12);
  outline:none;
}

.cz-otp-single::placeholder{
  color:#bbb; letter-spacing: 8px;
}

/* ===== OTP Page Polish (cz- prefix to avoid clashes) ===== */
.cz-otp-page {
  /* soft food-friendly background */
  background:
    radial-gradient(1200px 400px at 10% -10%, rgba(236,32,35,0.06) 0%, rgba(236,32,35,0) 60%),
    radial-gradient(800px 300px at 110% 110%, rgba(255,212,0,0.12) 0%, rgba(255,212,0,0) 60%);
}

.cz-otp-card {
  border-radius: 16px;
  overflow: hidden;
}

.cz-otp-icon {
  width: 46px; height: 46px; border-radius: 12px;
  display:grid; place-items:center;
  background: #fff3f3;
  color: #EC2023; /* your brand red */
  font-size: 22px;
  box-shadow: 0 2px 8px rgba(0,0,0,.05) inset;
}

.cz-otp-boxes {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}

.cz-otp-input {
  height: 54px;
  border: 1.5px solid #e6e6e6;
  border-radius: 12px;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 1px;
  background: #fff;
  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.cz-otp-input:focus {
  border-color: #EC2023;
  box-shadow: 0 0 0 4px rgba(236, 32, 35, 0.12);
}

.cz-otp-input::placeholder { color: #bbb; }

/* Buttons (fallback if btn-gold not defined) */
.btn-gold {
  background: #EC2023;
  color: white;
  border: none;
  border-radius: 12px;
}
.btn-gold:hover { filter: brightness(.95); }

/* Subtle hint text */
.form-hint { color: #666; }



  
.hero-royal h1, .hero-royal p, .hero-royal .btn {
  animation: fadeUp 1.2s ease forwards;
  opacity: 0;
}

.hero-royal h1 { animation-delay: 0.2s; }
.hero-royal p { animation-delay: 0.4s; }
.hero-royal .btn:nth-child(1) { animation-delay: 0.6s; }
.hero-royal .btn:nth-child(2) { animation-delay: 0.8s; }

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}



/* //hero */


.hero-royal {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 40px;
  color: #fff;
  overflow: hidden;
  background:
    linear-gradient(to bottom, rgba(0,0,0,0.55), rgba(0,0,0,0.65)),
    url("../images/banner new.png") center 15% / cover no-repeat;
}

/* Mobile */
@media (max-width: 576px) {
  .hero-royal {
    min-height: 50vh;
    background-position: center 10%;   /* Move image upward */
                /* zoom-out look (cover uses 100%) */
    background-repeat: no-repeat;
    padding-bottom: 20px;
  }
}



.text-ivory {
  color: #f5e6ca;
}

.text-white-75 {
  color: rgba(255, 255, 255, 0.85);
}

.text-shadow {
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
}

.btn-royal {
  background-color: #d4a017;
  border: none;
  color: #fff;
  transition: 0.3s ease;
}

.btn-royal:hover {
  background-color: #b88c11;
  transform: scale(1.05);
}

.btn-outline-light:hover {
  background-color: #fff;
  color: #000;
  transform: scale(1.05);
}




  .form-card { border-radius: 1.25rem; }
.form-floating > label { color: #666; }
.form-hint { font-size: .9rem; color: var(--muted); }
.badge-req { background: var(--gold); color:#111; }




/* Prevent weird wrapping/jumps on small screens */
.navbar .navbar-brand { min-width: 0; }
.navbar .btn-cart { border-radius: .7rem; background:var(--primary); color:white; }
.navbar .badge { top: -2px; }

.btn-royal:disabled,
.btn-royal.disabled {
  background-color: #7a1c18;   /* dark red shade */
  border-color: #7a1c18;
  color: #f8d7da;              /* light red text tone */
  cursor: not-allowed;
  opacity: 0.9;
}
header.top-0{
  position: sticky;        /* if not already */
  top: 0;
  z-index: 1050;           /* > 1020 */
}

/* dropdown layer above chips */
.dropdown-menu{
  z-index: 1060;           /* above header & chips; still below tooltips/popovers */
}
/* (Keep your existing .btn-royal / .btn-mode / .bg-transparent styles) */




/* auth */
/* ---- Auth page background: lighter tone of #C0392B ---- */
.auth-wrap{
  /* fallback tint */
  background: rgba(192, 57, 43, 0.06);
  /* nice subtle gradient */
  background: linear-gradient(
    180deg,
    rgba(192,57,43,0.06) 0%,
    rgba(192,57,43,0.03) 50%,
    rgba(200,157,102,0.05) 100%
  );
  display: flex;
  align-items: center;
  
}

/* Card look */
.form-card{
  border-radius: 1.1rem;
  border: 1px solid rgba(0,0,0,.06);
}
.form-card .card-body{ padding: 2rem 2rem; }
@media (min-width: 768px){
  .form-card .card-body{ padding: 2.5rem 3rem; }
}

/* Tiny brand badge (swap for logo if you have one) */
.brand-mini{
  width: 40px; height: 40px; border-radius: 50%;
  background: var(--primary,#C0392B);
  position: relative;
  box-shadow: 0 6px 18px rgba(192,57,43,.25);
}

/* Inputs */
.form-floating > label{ color:#6b6b6b; }
.form-control{
  border-radius: .75rem;
  border: 1px solid rgba(0,0,0,.12);
}
.form-control:focus{
  border-color: var(--primary,#C0392B);
  box-shadow: 0 0 0 .2rem rgba(192,57,43,.15);
}

/* Links in theme */
.link-royal{ color: var(--primary,#C0392B); text-decoration: none; font-weight: 600; }
.link-royal:hover{ color: var(--primary-hover,#E74C3C); text-decoration: underline; }

/* Terms block */
.terms-check .form-check-input{
  width: 1.05rem; height: 1.05rem; margin-top: .25rem;
  border-radius: .35rem;
  border: 1px solid rgba(0,0,0,.25);
}
.terms-check .form-check-input:checked{
  background-color: var(--primary,#C0392B);
  border-color: var(--primary,#C0392B);
}

/* Buttons (reuse your palette) */
.btn-royal{
  background: var(--primary);
  color:#fff; border:none; border-radius:.9rem;
  font-weight:700;
  transition: background .25s ease, transform .15s ease;
}
.btn-royal:hover{ background: var(--primary-hover,#E74C3C); transform: translateY(-1px); }

/* Small helper text */
.form-hint{ color: var(--muted,#6c757d); font-size:.95rem; }
.badge-req{ background: var(--gold,#c89d66); color:#111; }

/* Make the page breathe on small screens */
@media (max-width: 576px){
  .auth-wrap{ padding-top: 3rem; }
}



/* Login */
.back-home{
  color: var(--dark,#0b0b0b);
  text-decoration: none;
  font-weight: 600;
  opacity: .9;
}
.back-home:hover{ opacity: 1; color: var(--primary,#C0392B); }

/* Brand dot */
.brand-mini{
  width: 40px; height: 40px; border-radius: 50%;
  background: var(--primary,#C0392B);
  box-shadow: 0 6px 18px rgba(192,57,43,.25);
}

/* Inputs & focus */
.form-control{
  border-radius: .75rem;
  border: 1px solid rgba(0,0,0,.12);
}
.form-control:focus{
  border-color: var(--primary,#C0392B);
  box-shadow: 0 0 0 .2rem rgba(192,57,43,.15);
}

/* Eye toggle button */
.btn-eye{
  position: absolute;
  right: .55rem;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  border: 0;
  padding: .35rem;
  border-radius: .5rem;
  color: #444;
}
.btn-eye:hover{ color: var(--primary,#C0392B); }






/* Footer  */
/* Footer skin — light like the reference, but on your palette */
.site-footer{
  background: #faf9f7;                     /* light neutral */
  border-top: 1px solid rgba(0,0,0,.06);
  color: #222;
}
.text-dark-75{ color: rgba(0,0,0,.75); }

/* CTA button on the right */
.btn-royal-cta{
  background: var(--primary, #C0392B);
  color:#fff;
  border-radius: .9rem;
  border: none;
  box-shadow: 0 6px 16px rgba(192,57,43,.25);
  transition: transform .15s ease, background .25s ease;
}
.btn-royal-cta:hover{
  background: var(--primary-hover, #E74C3C);
  transform: translateY(-1px);
}

/* Social icons */
.social{
  width: 36px; height: 36px;
  display: grid; place-items: center;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 999px;
  transition: transform .15s ease, box-shadow .2s ease;
}
.social:hover{ transform: translateY(-2px); box-shadow: 0 8px 18px rgba(0,0,0,.08); }

/* Legal links */
.footer-legal .footer-link{
  color: rgba(0,0,0,.75);
  text-decoration: none;
  font-weight: 600;
  letter-spacing: .02em;
}
.footer-legal .footer-link:hover{ color: var(--primary, #C0392B); }
.footer-legal .sep{ margin: 0 .75rem; color: rgba(0,0,0,.25); }

/* Mobile: stack neatly, CTA full width */
@media (max-width: 576px){
  .btn-royal-cta{ width: 100%; }
}





/* index  */

/* ==== Simple, elegant pizza-style carousel ==== */
.menuCarousel {
  background: var(--light);
}
.menuCarousel-title {
  font-weight: 800;
  color: var(--dark);
}
.menuCarousel-viewAll {
  color: var(--primary);
  font-weight: 600;
  text-decoration: none;
  font-size: 0.95rem;
}
.menuCarousel-viewAll:hover {
  color: var(--primary-hover);
}

/* arrows */
.menuCarousel-arrow {
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  width: 36px; height: 36px;
  border: none;
  border-radius: 50%;
  background: #fff;
  color: var(--primary);
  box-shadow: 0 2px 8px rgba(0,0,0,.1);
  display: grid;
  place-items: center;
  cursor: pointer;
  z-index: 2;
}
.menuCarousel-arrow.left { left: -10px; }
.menuCarousel-arrow.right { right: -10px; }
.menuCarousel-arrow:hover {
  background: var(--primary);
  color: #fff;
}

/* scrolling area */
.menuCarousel-viewport {
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.menuCarousel-viewport::-webkit-scrollbar { display: none; }

.menuCarousel-track {
  display: flex;
  gap: 1.2rem;
  padding: 20px;
}

/* cards */
.menuCarousel-card {
  flex: 0 0 220px;
  background: #fff;
  border: 1px solid var(--primary);
  border-radius: 12px;
  text-align: center;
  text-decoration: none;
  color: var(--dark);
  padding: 0.9rem;
  transition: all 0.3s ease;
  box-shadow: 0 4px 14px rgba(0,0,0,.05);
  height: 220px;
}
.menuCarousel-card:hover {
  border-color: var(--primary);
  transform: translateY(-6px);
  box-shadow: 0 6px 18px rgba(0,0,0,.1);
}
.menuCarousel-img {
  /* width: 100%; */
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
  height: 160px;
  margin:auto;
}
.menuCarousel-img img {
  width: 100%;
  height: 150px;
  object-fit: contain;
}
.menuCarousel-name {
  font-weight: 700;
  font-size: 0.9rem;
  margin-top: 10px;
  color: var(--dark);
}

/* Responsive */
@media (max-width: 768px){
  .menuCarousel-card { flex: 0 0 180px; }
  .menuCarousel-arrow.left { left: 4px; }
  .menuCarousel-arrow.right { right: 4px; }
}








/* promo  */
/* ===== Promo Grid (pg-) ===== */
.pg-wrap { background: transparent; }

/* CTA on the right */
.pg-cta{
  display:inline-block;
  padding: .65rem 1.1rem;
  border-radius: 12px;
  font-weight: 700;
  text-decoration: none;
  background: var(--primary);
  color: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
  transition: transform .15s ease, background .15s ease, box-shadow .15s ease;
}
.pg-cta:hover{ background: var(--primary-hover); transform: translateY(-1px); }
.pg-cta:active{ transform: translateY(0); box-shadow: 0 2px 8px rgba(0,0,0,.08); }

/* Grid */
.pg-grid{
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 992px){ .pg-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px){ .pg-grid{ grid-template-columns: 1fr; } }

/* Card */
.pg-card{
  text-decoration: none;
  color: var(--dark);
  display: block;
}
.pg-media{
  width: 100%;
  aspect-ratio: 1 / 1;               /* square image like the reference */
  border-radius: 18px;
  overflow: hidden;
  background: #f3f3f3;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}
.pg-media img{
  width: 100%; height: 100%;
  object-fit: cover;                 /* fills, like the screenshot */
  display: block;
  transition: transform .35s ease;
}
.pg-card:hover .pg-media img{ transform: scale(1.03); }

.pg-title{
  margin: 12px 4px 0;
  font-size: 1.25rem;
  line-height: 1.25;
  font-weight: 800;                  /* heavy headline like the sample */
}

.menuX-title-hr {
  width: 70px;
  height: 4px;
  border-radius: 2px;
  background-color: var(--primary);
  margin: 10px auto 0;
}








/* privacy */
/* ========= Privacy Page (pp-) ========= */
.pp-hero{
  background: linear-gradient(135deg, rgba(236,32,35,.08), rgba(200,157,102,.08));
  padding: 48px 0 28px;
}
.pp-title{
  font-weight: 800;
  color: var(--dark);
  margin: 0;
}
.pp-sub{
  color: var(--muted);
  margin-top: 6px;
}

.pp-content{ padding: 24px 0 60px; }

/* TOC */
.pp-toc{
  position: sticky; top: 90px;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 14px;
}
.pp-toc-head{
  font-weight: 700; color: var(--dark); margin-bottom: 6px;
}
.pp-toc-list{
  margin: 0; padding-left: 18px;
  line-height: 1.6;
}
.pp-toc-list a{
  color: var(--dark); text-decoration: none;
}
.pp-toc-list a:hover{ color: var(--primary); }

/* Article */
.pp-article{
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 14px;
}
.pp-section + .pp-section{ margin-top: 24px; }
.pp-section h2{
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--dark);
  margin-bottom: .4rem;
  position: relative;
}
.pp-section h2::after{
  content:"";
  display:block; width: 48px; height: 3px;
  background: var(--primary);
  border-radius: 2px;
  margin-top: 8px;
}
.pp-section p, .pp-section ul{
  color: #1b1b1b;
}
.pp-section ul{ padding-left: 18px; }

/* Links inside content */
.pp-article a{ color: var(--primary); }
.pp-article a:hover{ color: var(--primary-hover); }

/* Disclaimer */
.pp-disclaimer{
  border-top: 1px dashed rgba(0,0,0,.1);
  padding-top: 16px;
}

/* Responsive */
@media (max-width: 991.98px){
  .pp-toc{ position: static; margin-bottom: 12px; }
}





/* terms  */
/* ========= Terms Page (tp-) ========= */
.tp-hero{
  background: linear-gradient(135deg, rgba(236,32,35,.08), rgba(200,157,102,.08));
  padding: 48px 0 28px;
}
.tp-title{
  font-weight: 800;
  color: var(--dark);
  margin: 0;
}
.tp-sub{ color: var(--muted); margin-top: 6px; }

.tp-content{ padding: 24px 0 60px; }

/* TOC */
.tp-toc{
  position: sticky; top: 90px;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 14px;
}
.tp-toc-head{ font-weight: 700; color: var(--dark); margin-bottom: 6px; }
.tp-toc-list{ margin: 0; padding-left: 18px; line-height: 1.6; }
.tp-toc-list a{ color: var(--dark); text-decoration: none; }
.tp-toc-list a:hover{ color: var(--primary); }

/* Article */
.tp-article{
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 14px;
}
.tp-section + .tp-section{ margin-top: 24px; }
.tp-section h2{
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--dark);
  margin-bottom: .4rem;
}
.tp-section h2::after{
  content:"";
  display:block; width: 48px; height: 3px;
  background: var(--primary);
  border-radius: 2px;
  margin-top: 8px;
}
.tp-section p, .tp-section ul{ color: #1b1b1b; }
.tp-section ul{ padding-left: 18px; }

/* Links */
.tp-article a{ color: var(--primary); }
.tp-article a:hover{ color: var(--primary-hover); }

/* Disclaimer */
.tp-disclaimer{
  border-top: 1px dashed rgba(0,0,0,.1);
  padding-top: 16px;
}

/* Responsive */
@media (max-width: 991.98px){
  .tp-toc{ position: static; margin-bottom: 12px; }
}