/* THE BLUES STUDIOS — CLEAN REDESIGN */

:root{--tbs-bg:#090e17;--tbs-surface:#101827;--tbs-border:#24334a;--tbs-primary:#2878f0;--tbs-primary-hover:#4394ff;--tbs-text:#f3f6fc;--tbs-muted:#a4b3c9}

html,body{width:100%;margin:0;background-color:var(--tbs-bg);color:var(--tbs-text);font-family:Arial,Helvetica,sans-serif}

a{transition:color .2s ease}a:hover{color:var(--tbs-primary-hover)}.btn-primary{background-color:var(--tbs-primary);color:#fff;border-radius:8px}.btn-primary:hover{background-color:var(--tbs-primary-hover)}.panel,.card{border-color:var(--tbs-border)}

/* HEADER */

body .site-header.tbs-header{width:100%;max-width:none;min-height:0;height:auto;padding:0;margin:0;box-sizing:border-box;background:#0b1019;border-bottom:1px solid #1c2c43}

body .site-header.tbs-header .site-header-inner.tbs-header-inner{width:100%;max-width:1280px;min-height:82px;height:auto;margin:0 auto;padding:14px 28px;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:32px}

body .tbs-header .site-title.tbs-brand{position:static;display:flex;flex:0 0 190px;align-items:center;justify-content:flex-start;width:190px;height:70px;max-width:none;margin:0;padding:0;transform:none;line-height:1;overflow:visible}

body .tbs-header .tbs-brand a{display:flex;align-items:center;justify-content:center;width:190px;height:70px;margin:0;padding:0;color:var(--tbs-text);text-decoration:none;overflow:visible}

body .tbs-header .tbs-brand img{display:block;width:190px;height:70px;max-width:none;max-height:none;object-fit:contain;transform:scale(1.6);transform-origin:center}

body .tbs-header .tbs-header-navigation{position:static;display:flex;flex:1 1 auto;min-width:0;align-items:center;justify-content:center;margin:0;padding:0}

body .tbs-header .tbs-header-navigation .site-navigation{position:static;width:auto;max-width:100%;margin:0;padding:0;background:transparent;border:0;box-shadow:none}

body .tbs-header .tbs-header-navigation a{color:#b8c8dc;text-decoration:none}body .tbs-header .tbs-header-navigation a:hover{color:#459bff}

body .tbs-header .user-actions.tbs-header-actions{position:static;display:flex;flex:0 0 auto;flex-direction:row;align-items:center;justify-content:flex-end;gap:12px;width:auto;height:auto;margin:0;padding:0;transform:none}

body .tbs-header .tbs-header-actions .open-basket{background:#2563eb;color:#fff;border:0;border-radius:8px}body .tbs-header .tbs-header-actions .open-basket:hover{background:#3b82f6}body .tbs-header .tbs-mobile-actions{display:none}

/* HOMEPAGE WIDTH & HERO */

body.page-index .tbs-hero,body.page-index .tbs-section{box-sizing:border-box;width:calc(100% - 48px);max-width:1200px;margin-left:auto;margin-right:auto}

body.page-index .tbs-hero{position:relative;display:flex;align-items:center;min-height:340px;margin-top:32px;padding:64px 48px;background:radial-gradient(circle at 80% 20%,rgba(40,120,240,.2),transparent 45%),linear-gradient(135deg,#142440,#0b1322);background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid var(--tbs-border);border-radius:16px;overflow:hidden}

body.page-index .tbs-hero.tbs-hero-compact{min-height:280px;padding-top:42px;padding-bottom:42px}body.page-index .tbs-hero.tbs-hero-large{min-height:470px;padding-top:85px;padding-bottom:85px}

.tbs-hero-content{position:relative;z-index:1;max-width:650px}.tbs-hero-label,.tbs-section-label{color:#59a6ff;font-size:12px;font-weight:800;letter-spacing:2px}.tbs-hero h1{margin:18px 0;color:#fff;font-size:clamp(30px,4vw,52px);font-weight:800;line-height:1.12}.tbs-hero h1 span{display:block;color:#58a6ff}.tbs-hero p{max-width:520px;color:#b7c5d8;font-size:16px;line-height:1.7}.tbs-hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.tbs-button-primary,.tbs-button-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 22px;box-sizing:border-box;border-radius:8px;font-weight:700;text-decoration:none}.tbs-button-primary{background:#2878f0;color:#fff}.tbs-button-primary:hover{background:#4394ff;color:#fff}.tbs-button-secondary{background:rgba(255,255,255,.05);border:1px solid #3b506c;color:#fff}.tbs-button-secondary:hover{border-color:#58a6ff;color:#fff}

/* SECTIONS & CATEGORIES */

body.page-index .tbs-section{margin-top:48px}.tbs-section-heading{margin-bottom:24px}.tbs-section-heading h2{margin:10px 0;color:#fff;font-size:28px;font-weight:800}.tbs-section-heading p{color:var(--tbs-muted)}

body.page-index .tbs-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;max-width:none}

body.page-index .tbs-category-card{display:flex;flex-direction:column;min-width:0;height:185px;box-sizing:border-box;overflow:hidden;background:#101b2e;border:1px solid var(--tbs-border);border-radius:12px;text-decoration:none;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}

body.page-index .tbs-category-card:hover{border-color:var(--tbs-primary);transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.2)}

body.page-index .tbs-category-image{position:relative;display:block;flex:1 1 auto;min-height:0;overflow:hidden;background:#0c1422}body.page-index .tbs-category-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}body.page-index .tbs-category-card:hover .tbs-category-image img{transform:scale(1.05)}body.page-index .tbs-category-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#182b47,#0c1422)}

body.page-index .tbs-category-title{display:flex;flex:0 0 45px;align-items:center;justify-content:space-between;gap:8px;min-height:0;padding:10px 13px;box-sizing:border-box;background:#101b2e;color:#fff}body.page-index .tbs-category-name{min-width:0;color:#f3f6fc;font-size:14px;font-weight:700;line-height:1.3}body.page-index .tbs-category-arrow{flex:0 0 auto;color:#58a6ff;font-size:18px;font-weight:700}

body.page-index .tbs-categories-medium .tbs-category-card{height:225px}body.page-index .tbs-categories-medium .tbs-category-title{flex-basis:50px}body.page-index .tbs-categories-large .tbs-category-card{height:270px}body.page-index .tbs-categories-large .tbs-category-title{flex-basis:55px}body.page-index .tbs-categories-large .tbs-category-name{font-size:16px}

/* ABOUT: ONE CLEAN PANEL */

body.page-index .tbs-about-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:42px;padding:38px 42px;background:radial-gradient(circle at 0% 0%,rgba(40,120,240,.09),transparent 48%),#101b2e;border:1px solid var(--tbs-border);border-radius:14px}

body.page-index .tbs-about-intro h2{margin:14px 0 16px;color:#fff;font-size:clamp(25px,3vw,36px);font-weight:800;line-height:1.18}body.page-index .tbs-about-intro p{margin:0;max-width:530px;color:#b7c5d8;font-size:15px;line-height:1.8}

body.page-index .tbs-about-link{display:inline-flex;align-items:center;gap:10px;margin-top:24px;padding:12px 16px;background:#1c3355;border:1px solid #34557e;border-radius:8px;color:#78b6ff;text-decoration:none;font-size:14px;font-weight:700;transition:background .2s ease,border-color .2s ease}body.page-index .tbs-about-link:hover{background:#25446e;border-color:#58a6ff;color:#fff}

body.page-index .tbs-about-features{display:grid;gap:12px}body.page-index .tbs-about-feature{display:flex;align-items:center;gap:15px;min-width:0;padding:17px 18px;background:#17263d;border:1px solid #273b57;border-radius:11px}body.page-index .tbs-feature-icon{display:flex;flex:0 0 46px;align-items:center;justify-content:center;width:46px;height:46px;background:#1e395e;border-radius:10px;color:#58a6ff;font-size:23px;font-weight:700}body.page-index .tbs-feature-text{display:flex;flex-direction:column;gap:5px;min-width:0}body.page-index .tbs-feature-text strong{color:#fff;font-size:15px}body.page-index .tbs-feature-text small{color:#a4b3c9;font-size:12px;line-height:1.4}

/* COMMUNITY & SOCIALS */

body.page-index .tbs-community{margin-bottom:20px}body.page-index .tbs-social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}body.page-index .tbs-social-card{display:flex;align-items:center;gap:12px;min-width:0;padding:18px 16px;box-sizing:border-box;background:#101b2e;border:1px solid #24334a;border-radius:12px;color:#fff;text-decoration:none;transition:border-color .2s ease,transform .2s ease,background .2s ease}body.page-index .tbs-social-card:hover{background:#15243b;border-color:#2878f0;transform:translateY(-3px);color:#fff}body.page-index .tbs-social-icon{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:10px;background:#1c3355;color:#58a6ff;font-size:25px;font-weight:700}body.page-index .tbs-social-info{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;gap:5px}body.page-index .tbs-social-info strong{color:#f3f6fc;font-size:14px}body.page-index .tbs-social-info small{color:#a4b3c9;font-size:11px;line-height:1.4}body.page-index .tbs-social-arrow{flex:0 0 auto;color:#58a6ff;font-size:18px}

body.page-index .tbs-fivem-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px;padding:26px 30px;background:radial-gradient(circle at 90% 20%,rgba(40,120,240,.18),transparent 45%),#101b2e;border:1px solid #29476d;border-radius:12px}body.page-index .tbs-fivem-label{color:#58a6ff;font-size:11px;font-weight:800;letter-spacing:1.5px}body.page-index .tbs-fivem-details h3{margin:10px 0;color:#fff;font-size:23px}body.page-index .tbs-fivem-details p{margin:0;color:#a4b3c9;font-size:14px;line-height:1.6}body.page-index .tbs-fivem-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex:0 0 auto;min-height:44px;padding:12px 22px;box-sizing:border-box;background:#2878f0;border-radius:8px;color:#fff;font-weight:700;text-decoration:none;transition:background .2s ease}body.page-index .tbs-fivem-button:hover{background:#4394ff;color:#fff}

/* RESPONSIVE */

@media(max-width:1000px){body.page-index .tbs-category-grid,body.page-index .tbs-social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.page-index .tbs-about-panel{gap:22px;padding:30px}}

@media(max-width:900px){body .site-header.tbs-header .site-header-inner.tbs-header-inner{min-height:72px;padding:12px 16px;gap:12px}body .tbs-header .site-title.tbs-brand,body .tbs-header .tbs-brand a{flex-basis:120px;width:120px;height:60px}body .tbs-header .tbs-brand img{width:120px;height:60px;transform:scale(1.3)}body .tbs-header .tbs-header-navigation{display:none}body .tbs-header .tbs-mobile-actions{display:flex;align-items:center}}

@media(max-width:700px){body.page-index .tbs-about-panel{grid-template-columns:1fr;gap:25px}}

@media(max-width:600px){body{overflow-x:hidden}body.page-index .tbs-hero,body.page-index .tbs-section{width:calc(100% - 28px)}body.page-index .tbs-hero{min-height:300px;margin-top:18px;padding:38px 22px}body.page-index .tbs-hero.tbs-hero-large{min-height:380px;padding:48px 22px}body.page-index .tbs-section{margin-top:36px}body.page-index .tbs-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body.page-index .tbs-category-card{height:175px}body.page-index .tbs-categories-medium .tbs-category-card{height:205px}body.page-index .tbs-categories-large .tbs-category-card{height:235px}body.page-index .tbs-category-title{padding:8px 10px}body.page-index .tbs-category-name{font-size:12px}body.page-index .tbs-about-panel{padding:24px 20px}body.page-index .tbs-about-intro h2{font-size:27px}body.page-index .tbs-social-grid{grid-template-columns:1fr}body.page-index .tbs-fivem-card{flex-direction:column;align-items:flex-start;padding:22px}body.page-index .tbs-fivem-button{width:100%}}

@media(max-width:480px){body .site-header.tbs-header .site-header-inner.tbs-header-inner{flex-wrap:wrap}body .tbs-header .tbs-header-actions{gap:6px}}

@media(max-width:360px){body.page-index .tbs-category-grid{grid-template-columns:1fr}body.page-index .tbs-category-card,body.page-index .tbs-categories-medium .tbs-category-card,body.page-index .tbs-categories-large .tbs-category-card{height:200px}}



/* Branded SVG icons — no external library required */

body.page-index .tbs-social-icon svg{display:block;width:23px;height:23px;fill:currentColor;flex-shrink:0}

body.page-index .tbs-social-card:hover{box-shadow:0 10px 30px rgba(26,108,240,.16)}

body.page-index .tbs-social-card:hover .tbs-social-icon{background:#264a7a;color:#8bc1ff}





/* ==========================================

   THE BLUES STUDIOS - FOOTER

   ========================================== */



body .site-footer.tbs-footer {

  width: 100%;

  margin: 30px 0 0;

  padding: 0;

  background: #0d1523;

  border-top: 1px solid #263b59;

  color: #f3f6fc;

}



body .tbs-footer .tbs-footer-inner {

  width: calc(100% - 48px);

  max-width: 1200px;

  margin: 0 auto;

  padding: 55px 0 24px;

  box-sizing: border-box;

}



body .tbs-footer .tbs-footer-main {

  display: grid;

  grid-template-columns: 2fr 1fr 1fr;

  gap: 70px;

  padding-bottom: 45px;

}



body .tbs-footer .tbs-footer-label {

  color: #58a6ff;

  font-size: 12px;

  font-weight: 800;

  letter-spacing: 2px;

}



body .tbs-footer .tbs-footer-brand h3 {

  margin: 15px 0;

  color: #fff;

  font-size: 27px;

  font-weight: 800;

  line-height: 1.3;

}



body .tbs-footer .tbs-footer-brand h3 span {

  color: #58a6ff;

}

/* Footer description and navigation */

body .tbs-footer .tbs-footer-brand p{max-width:390px;margin:0;color:#a4b3c9;font-size:14px;line-height:1.8}

body .tbs-footer .tbs-footer-column h4{margin:0 0 20px;color:#fff;font-size:16px;font-weight:800}

body .tbs-footer .tbs-footer-column ul{display:flex;flex-direction:column;gap:13px;margin:0;padding:0;list-style:none}

body .tbs-footer .tbs-footer-column li{margin:0;padding:0}

body .tbs-footer .tbs-footer-column a{color:#a4b3c9;font-size:14px;text-decoration:none;transition:color .2s ease}

body .tbs-footer .tbs-footer-column a:hover{color:#58a6ff}



/* Footer bottom and payment logos */

body .tbs-footer .tbs-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:24px;border-top:1px solid #263b59}

body .tbs-footer .tbs-footer-bottom .copyright{flex:1 1 auto;margin:0;color:#8294ae;font-size:12px;line-height:1.6}

body .tbs-footer .tbs-footer-bottom .we-accept{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px;margin:0;padding:0;list-style:none;overflow:visible}

body .tbs-footer .tbs-footer-bottom .we-accept li{display:flex;flex:0 0 auto;align-items:center;justify-content:center;margin:0;padding:0;overflow:visible;width:auto;height:auto}

body .tbs-footer .tbs-footer-bottom .we-accept li img{display:block;box-sizing:border-box;width:auto;max-width:55px;height:23px;max-height:23px;object-fit:contain;object-position:center;transform:none}



/* Responsive footer */

@media(max-width:900px){body .tbs-footer .tbs-footer-main{grid-template-columns:1.5fr 1fr 1fr;gap:30px}body .tbs-footer .tbs-footer-bottom{flex-direction:column;align-items:flex-start}}

@media(max-width:600px){body .tbs-footer .tbs-footer-inner{width:calc(100% - 28px);padding:38px 0 24px}body .tbs-footer .tbs-footer-main{grid-template-columns:1fr 1fr;gap:35px 20px}body .tbs-footer .tbs-footer-brand{grid-column:1/-1}body .tbs-footer .tbs-footer-brand h3{font-size:24px}body .tbs-footer .tbs-footer-bottom .we-accept{justify-content:flex-start}}







/* ============================================

   THE BLUES STUDIOS — CATEGORY PREMIUM STYLE

   ============================================ */



body.tbs-category-page .tbs-category-header {

  padding: 28px 30px;

  margin-bottom: 22px;

  background: #101e34;

  border: 1px solid #29415f;

  border-radius: 12px;

}



body.tbs-category-page .tbs-category-eyebrow {

  margin-bottom: 14px;

  color: #58a6ff;

  font-size: 12px;

  font-weight: 700;

  letter-spacing: .08em;

  text-transform: uppercase;

}



body.tbs-category-page .tbs-category-title {

  margin: 0 0 12px;

  color: #fff;

  font-size: clamp(25px, 2.5vw, 34px);

  line-height: 1.2;

}



body.tbs-category-page .tbs-category-description {

  color: #b7c5da;

  line-height: 1.65;

}



body.tbs-category-page .tbs-category-description > :last-child {

  margin-bottom: 0;

}



@media (max-width: 600px) {

  body.tbs-category-page .tbs-category-header {

    padding: 22px 18px;

  }



  body.tbs-category-page .tbs-category-title {

    font-size: 26px;

  }

}





/* ==================================================

   THE BLUES STUDIOS — MIDNIGHT PREMIUM PRODUCT CARDS

   Category pages only

   ================================================== */



@media (min-width: 701px) {

  body.tbs-category-page .tbs-category-products {

    display: grid !important;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 22px;

    align-items: stretch;

  }

}



body.tbs-category-page .tbs-premium-product {

  display: flex;

  flex-direction: column;

  min-width: 0;

  height: 100%;

  box-sizing: border-box;

  padding: 12px;

  background: #101e34;

  border: 1px solid #29415f;

  border-radius: 12px;

  overflow: hidden;

  transition:

    border-color .25s ease,

    box-shadow .25s ease,

    transform .25s ease;

}



@media (hover: hover) {

  body.tbs-category-page .tbs-premium-product:hover {

    border-color: #438bd7;

    box-shadow: 0 8px 30px rgba(29, 100, 195, .14);

    transform: translateY(-3px);

  }

}



body.tbs-category-page .tbs-product-image-link {

  display: block;

  width: 100%;

  aspect-ratio: 16 / 10;

  overflow: hidden;

  border-radius: 8px;

  background: #091321;

}



body.tbs-category-page .tbs-product-image {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: transform .35s ease;

}



@media (hover: hover) {

  body.tbs-category-page .tbs-premium-product:hover

  .tbs-product-image {

    transform: scale(1.035);

  }

}



body.tbs-category-page .tbs-product-image-default {

  width: 100%;

  height: 100%;

}



body.tbs-category-page .tbs-product-title {

  margin: 16px 2px 12px;

  font-size: 17px;

  font-weight: 700;

  line-height: 1.4;

}



body.tbs-category-page .tbs-product-title a {

  color: #f4f8ff;

  text-decoration: none;

}



body.tbs-category-page .tbs-product-title a:hover {

  color: #58a6ff;

}



/* Responsive product grid */

@media (max-width: 700px) {

  body.tbs-category-page .tbs-category-products {

    display: grid !important;

    grid-template-columns: minmax(0, 1fr);

    gap: 16px;

  }



  body.tbs-category-page .tbs-premium-product {

    padding: 10px;

  }

}



@media (prefers-reduced-motion: reduce) {

  body.tbs-category-page .tbs-premium-product,

  body.tbs-category-page .tbs-product-image {

    transition: none !important;

  }



  body.tbs-category-page .tbs-premium-product:hover,

  body.tbs-category-page .tbs-premium-product:hover

  .tbs-product-image {

    transform: none !important;

  }

}





/* TBS — Clean category description */

body.tbs-category-page .tbs-category-header

.category-description {

  background: transparent !important;

  background-image: none !important;

  border: none !important;

  border-radius: 0 !important;

  box-shadow: none !important;

  padding: 0 !important;

  margin: 0 !important;

}





/* ================================================

   THE BLUES STUDIOS — PREMIUM PRODUCT BADGES

   ================================================ */



.tbs-product-badges {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  gap: 8px;

  margin: 0 0 15px;

}



.tbs-info-badge {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

  min-height: 30px;

  padding: 5px 11px;

  box-sizing: border-box;



  color: #e4ebf5;

  background: #1b2b3d;

  border: 1px solid #385066;

  border-radius: 6px;



  font-size: 12px;

  font-weight: 600;

  line-height: 1.3;

  white-space: nowrap;

}



.tbs-badge-icon {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  font-size: 14px;

  line-height: 1;

}



.tbs-badge-framework {

  color: #3bdac9;

  font-weight: 800;

}



.tbs-badge-esx {

  color: #ffc44d;

  font-size: 10px;

  font-weight: 900;

  letter-spacing: -0.04em;

}



@media (max-width: 600px) {

  .tbs-product-badges {

    gap: 6px;

  }



  .tbs-info-badge {

    font-size: 11px;

    padding: 5px 9px;

  }

}





/* ================================================

   THE BLUES STUDIOS — PRODUCT VIDEO PREVIEW

   ================================================ */



.tbs-preview-video {

  margin-top: 24px;

  padding: 20px;

  background: #101e34;

  border: 1px solid #29415f;

  border-radius: 12px;

}



.tbs-preview-video h3 {

  margin: 0 0 16px;

  color: #58a6ff;

  font-size: 18px;

  font-weight: 700;

}



.tbs-preview-video-link {

  display: block;

  color: #b7c5da;

  text-decoration: none;

}



.tbs-preview-video-link img {

  display: block;

  width: 100%;

  aspect-ratio: 16 / 9;

  object-fit: cover;

  border-radius: 8px;

}



.tbs-preview-video-link span {

  display: block;

  margin-top: 10px;

  font-size: 13px;

}



.tbs-preview-video-link:hover span {

  color: #58a6ff;

}

/* ====================================================

   THE BLUES STUDIOS — MIDNIGHT PREMIUM PRODUCT DETAIL

   Scoped to the full product page only

   ==================================================== */

body.tbs-detail-page .tbs-detail-layout {

  width: calc(100% - 48px) !important;

  max-width: 1320px !important;

  margin: 30px auto 55px !important;

  padding: 0 !important;

  display: block !important;

  box-sizing: border-box;

}

body.tbs-detail-page .tbs-detail-product {

  display: block !important;

  width: 100% !important;

  max-width: none !important;

  margin: 0 !important;

  padding: 0 !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;

  min-width: 0;

}

body.tbs-detail-page .tbs-detail-breadcrumb {

  display: flex; align-items: center; flex-wrap: wrap; gap: 10px;

  margin: 0 0 22px; color: #a4b3c9; font-size: 13px;

}

body.tbs-detail-page .tbs-detail-breadcrumb a { color: #58a6ff; text-decoration: none; }

body.tbs-detail-page .tbs-detail-grid {

  display: grid; grid-template-columns: minmax(0, 1.95fr) minmax(320px, 1fr);

  align-items: start; gap: 26px;

}

body.tbs-detail-page .tbs-detail-left,

body.tbs-detail-page .tbs-detail-right { min-width: 0; }

body.tbs-detail-page .tbs-detail-right { display: grid; gap: 18px; }

body.tbs-detail-page .tbs-detail-eyebrow {

  color: #58a6ff; font-size: 11px; font-weight: 800;

  letter-spacing: .12em; margin-bottom: 10px;

}

body.tbs-detail-page .tbs-detail-heading { margin: 0 0 20px; }

body.tbs-detail-page .tbs-detail-title {

  margin: 0; color: #f5f8ff; font-size: clamp(27px, 3vw, 38px);

  line-height: 1.2; font-weight: 800;

}

body.tbs-detail-page .tbs-detail-panel {

  box-sizing: border-box; min-width: 0; padding: 23px;

  background: #101e34; border: 1px solid #29415f;

  border-radius: 12px;

}

body.tbs-detail-page .tbs-detail-gallery {

  min-width: 0; padding: 12px; background: #101e34;

  border: 1px solid #29415f; border-radius: 12px;

  overflow: hidden;

}

body.tbs-detail-page .tbs-detail-gallery .media-slider { width: 100%; min-width: 0; }

body.tbs-detail-page .tbs-detail-gallery .slider {

  display: block; width: 100%; max-width: 100%;

  background: #081321; border-radius: 9px; overflow: hidden;

}

body.tbs-detail-page .tbs-detail-gallery .slide {

  display: flex; align-items: center; justify-content: center;

  width: 100%; height: auto; aspect-ratio: 16 / 9;

  background: #081321;

}

body.tbs-detail-page .tbs-detail-gallery .slide-image {

  display: block; width: 100%; height: 100%; object-fit: cover;

}

body.tbs-detail-page .tbs-detail-gallery .slide-frame {

  width: 100%; height: 100%; border: 0;

}

body.tbs-detail-page .tbs-detail-gallery .thumbs {

  display: flex; flex-wrap: nowrap; gap: 10px;

  margin: 12px 0 0; padding: 0 0 5px; list-style: none;

  overflow-x: auto; max-width: 100%;

}

body.tbs-detail-page .tbs-detail-gallery .thumb {

  flex: 0 0 100px; width: 100px; height: 67px;

  margin: 0; overflow: hidden; border-radius: 7px;

  background: #081321; cursor: pointer;

}

body.tbs-detail-page .tbs-detail-gallery .thumb img,

body.tbs-detail-page .tbs-detail-gallery .thumb-youtube,

body.tbs-detail-page .tbs-detail-gallery .thumb-youtube img {

  display: block; width: 100%; height: 100%; object-fit: cover;

}

body.tbs-detail-page .tbs-detail-gallery .open-lightbox {

  margin-top: 12px; color: #7ebcff;

}

body.tbs-detail-page .tbs-detail-single-image,

body.tbs-detail-page .tbs-detail-image-default {

  display: block; width: 100%; aspect-ratio: 16 / 9;

  object-fit: contain; border-radius: 8px; background: #081321;

}

body.tbs-detail-page .tbs-detail-description { margin-top: 20px; }

body.tbs-detail-page .tbs-detail-description h2 {

  margin: 0 0 17px; font-size: 22px; color: #f5f8ff;

}

body.tbs-detail-page .tbs-detail-description .descr {

  margin: 0; padding: 0; background: transparent; border: 0;

  color: #b7c5da; font-size: 14px; line-height: 1.75;

  overflow-wrap: anywhere;

}

body.tbs-detail-page .tbs-detail-description .descr h1,

body.tbs-detail-page .tbs-detail-description .descr h2,

body.tbs-detail-page .tbs-detail-description .descr h3 { color: #78b6ff; }

body.tbs-detail-page .tbs-detail-buy {

  background: linear-gradient(145deg, #112440, #0c1a2e);

  border-color: #24538b;

}

body.tbs-detail-page .tbs-detail-buy-label {

  color: #58a6ff; font-size: 11px; font-weight: 800;

  letter-spacing: .12em; margin-bottom: 10px;

}

body.tbs-detail-page .tbs-detail-buy h2 {

  margin: 0 0 18px; font-size: 19px; color: #fff;

  line-height: 1.4;

}

body.tbs-detail-page .tbs-detail-buy .product-actions {

  display: flex; flex-wrap: wrap; align-items: stretch; gap: 10px;

  width: 100%; margin: 0; padding: 0; background: transparent;

  border: 0; box-shadow: none;

}

body.tbs-detail-page .tbs-detail-buy .product-actions .price {

  flex: 0 0 100%; width: 100%; margin: 0 0 8px;

  color: #36a8ff; font-size: 30px; font-weight: 800;

  text-align: left;

}

body.tbs-detail-page .tbs-detail-buy .product-actions .discount {

  font-size: 15px; color: #8c9db2;

}

body.tbs-detail-page .tbs-detail-buy .product-actions .add,

body.tbs-detail-page .tbs-detail-buy .product-actions .subscribe,

body.tbs-detail-page .tbs-detail-buy .product-actions .open-basket-cta {

  display: flex; align-items: center; justify-content: center;

  box-sizing: border-box; min-height: 50px;

  border-radius: 8px; text-align: center;

}

body.tbs-detail-page .tbs-detail-buy .product-actions .wide {

  flex: 1 1 auto; min-width: 0;

}

body.tbs-detail-page .tbs-detail-buy .product-actions .half {

  flex: 1 1 calc(50% - 5px); min-width: 0;

}

body.tbs-detail-page .tbs-detail-buy .product-actions .gift {

  flex: 0 0 50px; width: 50px; min-height: 50px;

  border-radius: 8px;

}

body.tbs-detail-page .tbs-detail-buy .product-actions .quantity-field {

  flex: 1 1 100%; min-width: 0;

}

body.tbs-detail-page .tbs-detail-checkout-note {

  margin: 16px 0 0; color: #9fb2c9; font-size: 12px;

  text-align: center;

}

body.tbs-detail-page .tbs-detail-facts h3,

body.tbs-detail-page .tbs-preview-video h3 {

  margin: 0 0 15px; font-size: 17px; color: #58a6ff;

}

body.tbs-detail-page .tbs-detail-fact {

  display: flex; justify-content: space-between; align-items: baseline;

  gap: 16px; padding: 12px 0; border-bottom: 1px solid #263d5b;

  color: #a9b9cf; font-size: 13px;

}

body.tbs-detail-page .tbs-detail-fact:last-child { border-bottom: 0; padding-bottom: 0; }

body.tbs-detail-page .tbs-detail-fact strong {

  color: #edf4ff; font-weight: 600; text-align: right;

}

body.tbs-detail-page .tbs-preview-video { margin: 0; }

body.tbs-detail-page .tbs-detail-video-image {

  position: relative; display: block; overflow: hidden; border-radius: 8px;

}

body.tbs-detail-page .tbs-detail-video-image img { border-radius: 8px; }

body.tbs-detail-page .tbs-detail-play {

  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);

  display: grid; place-items: center; width: 58px; height: 58px;

  margin: 0; border: 1px solid rgba(255,255,255,.8);

  border-radius: 50%; background: rgba(3,12,24,.72);

  color: #fff; font-size: 22px;

}

@media (max-width: 950px) {

  body.tbs-detail-page .tbs-detail-grid { grid-template-columns: minmax(0, 1fr); }

  body.tbs-detail-page .tbs-detail-right { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  body.tbs-detail-page .tbs-detail-buy { grid-column: 1 / -1; }

}

@media (max-width: 600px) {

  body.tbs-detail-page .tbs-detail-layout {

    width: calc(100% - 28px) !important; margin-top: 20px !important;

  }

  body.tbs-detail-page .tbs-detail-grid { gap: 18px; }

  body.tbs-detail-page .tbs-detail-right { grid-template-columns: 1fr; }

  body.tbs-detail-page .tbs-detail-panel { padding: 18px; }

  body.tbs-detail-page .tbs-detail-gallery { padding: 8px; }

  body.tbs-detail-page .tbs-detail-gallery .thumb {

    flex-basis: 76px; width: 76px; height: 52px;

  }

  body.tbs-detail-page .tbs-detail-title { font-size: 27px; }

  body.tbs-detail-page .tbs-detail-buy .product-actions .price { font-size: 27px; }

}



/* ============================================================

   TBS — PREMIUM DETAIL FEATURE CARDS & CSS-ONLY TABS

   Only product detail pages; original Tebex controls untouched.

   ============================================================ */

body.tbs-detail-page .tbs-detail-feature-grid {

  display: grid;

  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 10px;

  margin: 16px 0 20px;

}

body.tbs-detail-page .tbs-detail-feature {

  display: flex;

  align-items: flex-start;

  gap: 12px;

  min-width: 0;

  padding: 16px 13px;

  box-sizing: border-box;

  background: #101e34;

  border: 1px solid #29415f;

  border-radius: 10px;

}

body.tbs-detail-page .tbs-detail-feature-icon {

  display: grid;

  flex: 0 0 38px;

  place-items: center;

  width: 38px;

  height: 38px;

  border-radius: 9px;

  background: #12345c;

  color: #37aaff;

  font-size: 23px;

  line-height: 1;

}

body.tbs-detail-page .tbs-detail-feature > div { min-width: 0; }

body.tbs-detail-page .tbs-detail-feature strong {

  display: block;

  margin: 2px 0 6px;

  color: #f5f8ff;

  font-size: 13px;

  line-height: 1.35;

}

body.tbs-detail-page .tbs-detail-feature small {

  display: block;

  color: #a9b9cf;

  font-size: 11px;

  line-height: 1.5;

}



body.tbs-detail-page .tbs-detail-tabs {

  position: relative;

  margin-top: 0;

  padding: 0;

  overflow: hidden;

}

body.tbs-detail-page .tbs-detail-tabs .tbs-tab-radio {

  position: absolute !important;

  width: 1px !important;

  height: 1px !important;

  margin: 0 !important;

  padding: 0 !important;

  opacity: 0 !important;

  overflow: hidden !important;

  clip-path: inset(50%) !important;

  pointer-events: none !important;

}

body.tbs-detail-page .tbs-tab-nav {

  display: flex;

  align-items: stretch;

  gap: 0;

  overflow-x: auto;

  border-bottom: 1px solid #29415f;

  scrollbar-width: thin;

}

body.tbs-detail-page .tbs-tab-nav label {

  position: relative;

  display: inline-flex;

  flex: 0 0 auto;

  align-items: center;

  justify-content: center;

  min-height: 54px;

  padding: 12px 16px;

  box-sizing: border-box;

  color: #b7c5da;

  font-size: 13px;

  white-space: nowrap;

  cursor: pointer;

  transition: color .2s ease, background .2s ease;

}

body.tbs-detail-page .tbs-tab-nav label:hover {

  color: #fff;

  background: rgba(44, 126, 241, .1);

}

body.tbs-detail-page #tbs-tab-description:checked ~ .tbs-tab-nav label[for="tbs-tab-description"],

body.tbs-detail-page #tbs-tab-features:checked ~ .tbs-tab-nav label[for="tbs-tab-features"],

body.tbs-detail-page #tbs-tab-installation:checked ~ .tbs-tab-nav label[for="tbs-tab-installation"],

body.tbs-detail-page #tbs-tab-requirements:checked ~ .tbs-tab-nav label[for="tbs-tab-requirements"],

body.tbs-detail-page #tbs-tab-updates:checked ~ .tbs-tab-nav label[for="tbs-tab-updates"],

body.tbs-detail-page #tbs-tab-support:checked ~ .tbs-tab-nav label[for="tbs-tab-support"] {

  color: #55b4ff;

  background: rgba(23, 96, 181, .19);

  box-shadow: inset 0 -3px 0 #2eafff;

}

body.tbs-detail-page .tbs-tab-content {

  display: none;

  padding: 24px;

  min-width: 0;

  color: #b7c5da;

  font-size: 14px;

  line-height: 1.75;

  overflow-wrap: anywhere;

}

body.tbs-detail-page #tbs-tab-description:checked ~ .tbs-tab-content-description,

body.tbs-detail-page #tbs-tab-features:checked ~ .tbs-tab-content-features,

body.tbs-detail-page #tbs-tab-installation:checked ~ .tbs-tab-content-installation,

body.tbs-detail-page #tbs-tab-requirements:checked ~ .tbs-tab-content-requirements,

body.tbs-detail-page #tbs-tab-updates:checked ~ .tbs-tab-content-updates,

body.tbs-detail-page #tbs-tab-support:checked ~ .tbs-tab-content-support {

  display: block;

}

body.tbs-detail-page .tbs-tab-content h2 {

  margin: 0 0 14px;

  color: #f5f8ff;

  font-size: 20px;

  line-height: 1.3;

}

body.tbs-detail-page .tbs-tab-content .descr {

  margin: 0;

  padding: 0;

  background: transparent;

  border: 0;

  box-shadow: none;

  color: #b7c5da;

  font-size: 14px;

  line-height: 1.75;

}

body.tbs-detail-page .tbs-tab-content .descr h1,

body.tbs-detail-page .tbs-tab-content .descr h2,

body.tbs-detail-page .tbs-tab-content .descr h3 {

  color: #78b6ff;

}

body.tbs-detail-page .tbs-tab-content .descr img {

  max-width: 100%;

  height: auto;

}

body.tbs-detail-page .tbs-tab-content p:last-child,

body.tbs-detail-page .tbs-tab-content .descr > :last-child { margin-bottom: 0; }



@media (max-width: 1150px) {

  body.tbs-detail-page .tbs-detail-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

}

@media (max-width: 600px) {

  body.tbs-detail-page .tbs-detail-feature-grid { gap: 9px; margin: 12px 0 16px; }

  body.tbs-detail-page .tbs-detail-feature { padding: 12px 10px; gap: 9px; }

  body.tbs-detail-page .tbs-detail-feature-icon { flex-basis: 32px; width: 32px; height: 32px; font-size: 19px; }

  body.tbs-detail-page .tbs-detail-feature strong { font-size: 12px; }

  body.tbs-detail-page .tbs-detail-feature small { font-size: 10px; }

  body.tbs-detail-page .tbs-tab-nav label { min-height: 48px; padding: 10px 13px; font-size: 12px; }

  body.tbs-detail-page .tbs-tab-content { padding: 18px; }

}

@media (max-width: 380px) {

  body.tbs-detail-page .tbs-detail-feature-grid { grid-template-columns: minmax(0, 1fr); }

}

@media (prefers-reduced-motion: reduce) {

  body.tbs-detail-page .tbs-tab-nav label { transition: none; }

}


/* ============================================================
   TBS — PREMIUM FEATURE CARDS FIX
   Product detail only. Keep all original shop styles intact.
   ============================================================ */
body.tbs-detail-page .tbs-detail-feature-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0;
  width: 100%;
}
body.tbs-detail-page .tbs-detail-feature {
  display: flex !important;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
  padding: 16px 12px;
  background: #101e34;
  border: 1px solid #23446e;
  border-radius: 10px;
  box-sizing: border-box;
}
body.tbs-detail-page .tbs-detail-feature-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 9px;
  background: #10305a;
  color: #39aaff;
  font-size: 20px;
}
body.tbs-detail-page .tbs-detail-feature > div {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}
body.tbs-detail-page .tbs-detail-feature strong {
  display: block;
  color: #f4f8ff;
  font-size: 13px;
  line-height: 1.4;
}
body.tbs-detail-page .tbs-detail-feature small {
  display: block;
  color: #a8bbd4;
  font-size: 11px;
  line-height: 1.5;
}
@media (max-width: 1100px) {
  body.tbs-detail-page .tbs-detail-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  body.tbs-detail-page .tbs-detail-feature-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* ============================================================
   TBS — PRODUCT DETAIL STABILITY PATCH
   Scoped exclusively to body.tbs-detail-page.
   Homepage, categories, navigation, footer and Tebex actions stay intact.
   ============================================================ */

/* Prevent the Exo full-product defaults from stretching the detail grid. */
body.tbs-detail-page .tbs-detail-grid,
body.tbs-detail-page .tbs-detail-left,
body.tbs-detail-page .tbs-detail-right,
body.tbs-detail-page .tbs-detail-gallery {
  min-width: 0;
  box-sizing: border-box;
}
body.tbs-detail-page .tbs-detail-gallery {
  width: 100%;
  max-width: 100%;
}

/* Keep the native Tebex gallery/Swiper layout in control of slide widths.
   Forcing width:100% on every .slide can break carousel positioning. */
body.tbs-detail-page .tbs-detail-gallery .slide {
  width: auto;
  max-width: none;
  min-width: 0;
  flex-shrink: 0;
}
body.tbs-detail-page .tbs-detail-gallery .swiper-slide {
  flex-shrink: 0;
}
body.tbs-detail-page .tbs-detail-gallery .slide-image,
body.tbs-detail-page .tbs-detail-gallery .slide img {
  max-width: 100%;
}
body.tbs-detail-page .tbs-detail-gallery .media-slider,
body.tbs-detail-page .tbs-detail-gallery .swiper,
body.tbs-detail-page .tbs-detail-gallery .swiper-container {
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

/* Four real cards, with readable icon/text separation. */
body.tbs-detail-page .tbs-detail-feature-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0 20px;
  width: 100%;
}
body.tbs-detail-page .tbs-detail-feature {
  display: flex !important;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
  padding: 14px 10px;
}
body.tbs-detail-page .tbs-detail-feature-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
}
body.tbs-detail-page .tbs-detail-feature > div {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}
body.tbs-detail-page .tbs-detail-feature strong,
body.tbs-detail-page .tbs-detail-feature small {
  display: block;
  margin: 0;
  overflow-wrap: anywhere;
}

/* Accessible horizontal tab navigation on narrower screens. */
body.tbs-detail-page .tbs-tab-nav {
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
}
body.tbs-detail-page .tbs-tab-content .descr iframe,
body.tbs-detail-page .tbs-tab-content .descr video {
  max-width: 100%;
}

@media (max-width: 1150px) {
  body.tbs-detail-page .tbs-detail-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  body.tbs-detail-page .tbs-detail-feature-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  body.tbs-detail-page .tbs-detail-feature {
    padding: 12px;
  }
}

/* ============================================================
   THE BLUES STUDIOS — FOOTER LAYOUT RESTORE
   Scoped exclusively to the TBS footer
   ============================================================ */

.site-footer.tbs-footer {
  width: 100%;
  box-sizing: border-box;
  background: #101e34;
  border-top: 1px solid #29415f;
  color: #b7c5da;
}

.site-footer.tbs-footer .tbs-footer-inner {
  width: calc(100% - 48px);
  max-width: 1200px;
  margin: 0 auto;
  padding: 52px 0 22px;
  box-sizing: border-box;
}

/* Main footer: brand + two link columns */

.site-footer.tbs-footer .tbs-footer-main {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 48px;
  align-items: start;
  padding-bottom: 38px;
}

.site-footer.tbs-footer .tbs-footer-brand,
.site-footer.tbs-footer .tbs-footer-column {
  min-width: 0;
}

.site-footer.tbs-footer .tbs-footer-label {
  display: block;
  margin-bottom: 14px;
  color: #58a6ff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
}

.site-footer.tbs-footer .tbs-footer-brand h3 {
  margin: 0 0 16px;
  color: #f4f8ff;
  font-size: 25px;
  font-weight: 800;
  line-height: 1.3;
}

.site-footer.tbs-footer .tbs-footer-brand h3 span {
  color: #58a6ff;
}

.site-footer.tbs-footer .tbs-footer-brand p {
  max-width: 380px;
  margin: 0;
  color: #a8bbd4;
  font-size: 14px;
  line-height: 1.8;
}

/* Explore / Support columns */

.site-footer.tbs-footer .tbs-footer-column h4 {
  margin: 0 0 20px;
  color: #f4f8ff;
  font-size: 15px;
  font-weight: 800;
}

.site-footer.tbs-footer .tbs-footer-column ul {
  display: flex;
  flex-direction: column;
  gap: 13px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-footer.tbs-footer .tbs-footer-column li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-footer.tbs-footer .tbs-footer-column a {
  color: #a8bbd4;
  font-size: 14px;
  line-height: 1.5;
  text-decoration: none;
  transition: color .2s ease;
}

.site-footer.tbs-footer .tbs-footer-column a:hover {
  color: #58a6ff;
}

/* Copyright + payment methods */

.site-footer.tbs-footer .tbs-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
  padding-top: 22px;
  border-top: 1px solid #29415f;
}

.site-footer.tbs-footer .tbs-footer-bottom .copyright {
  flex: 1 1 350px;
  margin: 0;
  color: #8397b2;
  font-size: 12px;
  line-height: 1.7;
}

.site-footer.tbs-footer .we-accept {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-footer.tbs-footer .we-accept li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-footer.tbs-footer .we-accept img {
  display: block;
  width: auto;
  max-width: 55px;
  height: 23px;
  object-fit: contain;
}

/* Tablet */

@media (max-width: 900px) {
  .site-footer.tbs-footer .tbs-footer-main {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 36px;
  }

  .site-footer.tbs-footer .tbs-footer-brand {
    grid-column: 1 / -1;
  }
}

/* Mobile */

@media (max-width: 600px) {
  .site-footer.tbs-footer .tbs-footer-inner {
    width: calc(100% - 36px);
    padding: 36px 0 22px;
  }

  .site-footer.tbs-footer .tbs-footer-main {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
    padding-bottom: 30px;
  }

  .site-footer.tbs-footer .tbs-footer-brand {
    grid-column: auto;
  }

  .site-footer.tbs-footer .tbs-footer-brand h3 {
    font-size: 23px;
  }

  .site-footer.tbs-footer .tbs-footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  .site-footer.tbs-footer .tbs-footer-bottom .copyright {
    flex: 0 1 auto;
  }

  .site-footer.tbs-footer .we-accept {
    justify-content: flex-start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-footer.tbs-footer .tbs-footer-column a {
    transition: none;
  }
}

/* TBS — Ambient Background: slightly more visible */
body {
  background-image:
    radial-gradient(ellipse 48% 37% at 7% 28%, rgba(45, 119, 229, .20), transparent 100%),
    radial-gradient(ellipse 44% 34% at 93% 65%, rgba(34, 119, 178, .17), transparent 100%),
    radial-gradient(ellipse 35% 30% at 48% 100%, rgba(45, 119, 229, .11), transparent 100%);
}

@media (max-width: 600px) {
  body {
    background-image:
      radial-gradient(ellipse 90% 35% at 0% 20%, rgba(45, 119, 229, .15), transparent 100%),
      radial-gradient(ellipse 90% 35% at 100% 78%, rgba(34, 119, 178, .12), transparent 100%);
  }
}

/* TBS — Product detail layout diagnostic fix */
@media (min-width: 951px) {
  body.tbs-detail-page .tbs-detail-product .tbs-detail-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.9fr) minmax(320px, 1fr) !important;
    align-items: start;
    gap: 26px;
  }
}

body.tbs-detail-page .tbs-detail-product .tbs-detail-left,
body.tbs-detail-page .tbs-detail-product .tbs-detail-right {
  min-width: 0;
}

body.tbs-detail-page .tbs-detail-product .tbs-detail-tabs .tbs-tab-radio {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.tbs-detail-page .tbs-detail-product .tbs-tab-content {
  display: none !important;
}

body.tbs-detail-page .tbs-detail-product
#tbs-tab-description:checked ~ .tbs-tab-content-description,
body.tbs-detail-page .tbs-detail-product
#tbs-tab-features:checked ~ .tbs-tab-content-features,
body.tbs-detail-page .tbs-detail-product
#tbs-tab-installation:checked ~ .tbs-tab-content-installation,
body.tbs-detail-page .tbs-detail-product
#tbs-tab-requirements:checked ~ .tbs-tab-content-requirements,
body.tbs-detail-page .tbs-detail-product
#tbs-tab-updates:checked ~ .tbs-tab-content-updates,
body.tbs-detail-page .tbs-detail-product
#tbs-tab-support:checked ~ .tbs-tab-content-support {
  display: block !important;
}

@media (max-width: 950px) {
  body.tbs-detail-page .tbs-detail-product .tbs-detail-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* ==================================================
   TBS — PRODUCT DETAIL TABS FIX
   Only affects product detail tabs
   ================================================== */

/* Hide all tab contents by default */
body.tbs-detail-page .tbs-detail-tabs .tbs-tab-content {
  display: none !important;
}

/* Show only the selected tab */
body.tbs-detail-page .tbs-detail-tabs
#tbs-tab-description:checked ~ .tbs-tab-content-description,
body.tbs-detail-page .tbs-detail-tabs
#tbs-tab-features:checked ~ .tbs-tab-content-features,
body.tbs-detail-page .tbs-detail-tabs
#tbs-tab-installation:checked ~ .tbs-tab-content-installation,
body.tbs-detail-page .tbs-detail-tabs
#tbs-tab-requirements:checked ~ .tbs-tab-content-requirements,
body.tbs-detail-page .tbs-detail-tabs
#tbs-tab-updates:checked ~ .tbs-tab-content-updates,
body.tbs-detail-page .tbs-detail-tabs
#tbs-tab-support:checked ~ .tbs-tab-content-support {
  display: block !important;
}

/* Hide the actual radio buttons */
body.tbs-detail-page .tbs-detail-tabs input.tbs-tab-radio {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Style the clickable tab navigation */
body.tbs-detail-page .tbs-detail-tabs .tbs-tab-nav {
  display: flex !important;
  flex-wrap: nowrap;
  overflow-x: auto;
  border-bottom: 1px solid #29415f;
}

body.tbs-detail-page .tbs-detail-tabs .tbs-tab-nav label {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 48px;
  padding: 12px 14px;
  color: #b7c5da;
  cursor: pointer;
  white-space: nowrap;
}

body.tbs-detail-page .tbs-detail-tabs .tbs-tab-nav label:hover {
  color: #58a6ff;
  background: rgba(40, 120, 240, .1);
}

/* ==================================================
   TBS — VIDEO PLAY BUTTON FIX
   Product detail page only
   ================================================== */

body.tbs-detail-page .tbs-preview-video-link .tbs-detail-video-image {
  position: relative;
  display: block;
  margin: 0;
  overflow: hidden;
  border-radius: 8px;
}

body.tbs-detail-page .tbs-preview-video-link .tbs-detail-video-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  margin: 0;
}

body.tbs-detail-page .tbs-preview-video-link
.tbs-detail-video-image .tbs-detail-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 50%;
  background: rgba(5, 15, 30, .78);
  color: #fff;
  font-size: 22px;
  line-height: 1;
  z-index: 2;
  pointer-events: none;
}

body.tbs-detail-page .tbs-preview-video-link:hover
.tbs-detail-video-image .tbs-detail-play {
  background: #2878f0;
  border-color: #58a6ff;
  color: #fff;
}

/* =====================================================
   TBS — MIDNIGHT PREMIUM PURCHASE PANEL
   Scoped to product detail page only
   ===================================================== */

/* Purchase panel */
body.tbs-detail-page .tbs-detail-buy {
  background: linear-gradient(
    145deg,
    #102442 0%,
    #0d1b32 100%
  );
  border: 1px solid #2a476a;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .15);
}

/* Price */
body.tbs-detail-page .tbs-detail-buy .price,
body.tbs-detail-page .tbs-detail-buy .product-price {
  color: #35caff;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -.5px;
}

/* Add to Basket button */
body.tbs-detail-page .tbs-detail-buy .btn-primary,
body.tbs-detail-page .tbs-detail-buy .button-primary {
  border-radius: 9px;
  background: linear-gradient(135deg, #2878f0, #1760d2);
  border: 1px solid #408eff;
  box-shadow: 0 6px 18px rgba(28, 105, 225, .22);
  transition: background .2s ease, transform .2s ease;
}

body.tbs-detail-page .tbs-detail-buy .btn-primary:hover,
body.tbs-detail-page .tbs-detail-buy .button-primary:hover {
  background: linear-gradient(135deg, #3990ff, #2478ed);
  transform: translateY(-1px);
}

/* Product information panel */
body.tbs-detail-page .tbs-detail-facts {
  background: #0d1c33;
  border: 1px solid #294564;
  border-radius: 12px;
  padding: 22px 24px;
}

body.tbs-detail-page .tbs-detail-facts h3 {
  margin: 0 0 16px;
  color: #62b5ff;
  font-size: 15px;
  font-weight: 700;
}

/* Product information rows */
body.tbs-detail-page .tbs-detail-fact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(102, 150, 205, .18);
}

body.tbs-detail-page .tbs-detail-fact:last-child {
  border-bottom: none;
}

body.tbs-detail-page .tbs-detail-fact > span {
  color: #94abc7;
  font-size: 13px;
}

body.tbs-detail-page .tbs-detail-fact > strong {
  color: #f2f7ff;
  font-size: 13px;
  text-align: right;
  overflow-wrap: anywhere;
}

/* Keep hover movement accessible */
@media (prefers-reduced-motion: reduce) {
  body.tbs-detail-page .tbs-detail-buy .btn-primary,
  body.tbs-detail-page .tbs-detail-buy .button-primary {
    transition: none;
    transform: none;
  }
}

/* ==================================================
   TBS — MOBILE PRODUCT DETAIL FIX 01
   Gallery thumbnails + Tebex purchase buttons
   Only product detail pages
   ================================================== */

@media (max-width: 600px) {

  /* Gallery: horizontal scrolling instead of squeezed thumbnails */
  body.tbs-detail-page .tbs-detail-gallery .thumbs {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 100%;
    padding-bottom: 8px;
    -webkit-overflow-scrolling: touch;
  }

  body.tbs-detail-page .tbs-detail-gallery .thumbs .thumb {
    flex: 0 0 76px;
    width: 76px;
    min-width: 76px;
    height: 52px;
  }

  /* Keep the primary purchase action and gift button together */
  body.tbs-detail-page .tbs-detail-buy .product-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 10px;
  }

  body.tbs-detail-page .tbs-detail-buy .product-actions .price {
    flex: 0 0 100%;
    width: 100%;
  }

  body.tbs-detail-page .tbs-detail-buy .product-actions > a.add.wide,
  body.tbs-detail-page .tbs-detail-buy .product-actions > a.subscribe.wide,
  body.tbs-detail-page .tbs-detail-buy .product-actions > button.open-basket-cta.wide {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    margin: 0;
  }

  body.tbs-detail-page .tbs-detail-buy .product-actions > button.gift {
    flex: 0 0 50px;
    width: 50px;
    min-width: 50px;
    margin: 0;
  }

  /* Preserve native Tebex hidden states */
  body.tbs-detail-page .tbs-detail-buy .product-actions [hidden] {
    display: none !important;
  }
}

/* =====================================================
   TBS — MOBILE PRODUCT ORDER
   Purchase box directly after gallery
   Desktop layout remains unchanged
   ===================================================== */

@media (max-width: 600px) {

  body.tbs-detail-page .tbs-detail-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 0;
  }

  body.tbs-detail-page .tbs-detail-left,
  body.tbs-detail-page .tbs-detail-right {
    display: contents !important;
  }

  /* 1 — Product title and breadcrumb */
  body.tbs-detail-page .tbs-detail-breadcrumb {
    order: 1;
  }

  body.tbs-detail-page .tbs-detail-heading {
    order: 2;
  }

  /* 2 — Gallery */
  body.tbs-detail-page .tbs-detail-gallery {
    order: 3;
  }

  /* 3 — Purchase box */
  body.tbs-detail-page .tbs-detail-buy {
    order: 4;
    margin-top: 18px;
    margin-bottom: 18px;
  }

  /* 4 — Feature cards */
  body.tbs-detail-page .tbs-detail-feature-grid {
    order: 5;
  }

  /* 5 — Description and tabs */
  body.tbs-detail-page .tbs-detail-tabs {
    order: 6;
  }

  /* 6 — Product facts */
  body.tbs-detail-page .tbs-detail-facts {
    order: 7;
    margin-top: 18px;
  }

  /* 7 — Preview video */
  body.tbs-detail-page .tbs-preview-video {
    order: 8;
    margin-top: 18px;
  }
}


/* TBS — Product category badge */
body.tbs-detail-page .tbs-detail-category-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 5px 12px;
  margin-top: 9px;
  color: #79c4ff;
  background: #12365c;
  border: 1px solid #28669d;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .08em;
  text-transform: uppercase;
}


/* ==========================================
   THE BLUES STUDIOS — CATEGORY BADGE
   MLO / MAP
   ========================================== */

body.tbs-detail-page .tbs-detail-badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}

body.tbs-detail-page .tbs-detail-badge-type {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 5px 12px;
  box-sizing: border-box;
  background: #12365c;
  color: #79c4ff;
  border: 1px solid #28669d;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* TBS Product Type & FREE Badges */

body.tbs-detail-page .tbs-detail-badge-mlo {
  background: #12365c;
  border-color: #28669d;
  color: #79c4ff;
}

body.tbs-detail-page .tbs-detail-badge-map {
  background: #123d37;
  border-color: #277c69;
  color: #72e3c0;
}

body.tbs-detail-page .tbs-detail-badge-props {
  background: #38274f;
  border-color: #7955aa;
  color: #d3a8ff;
}

body.tbs-detail-page .tbs-detail-badge-free {
  background: #173d2c;
  border-color: #34875a;
  color: #86e6a8;
}

  font-size: 13px;
}

body.tbs-detail-page .tbs-detail-fact > strong {
  color: #f2f7ff;
  font-size: 13px;
  text-align: right;
  overflow-wrap: anywhere;
}

/* Keep hover movement accessible */
@media (prefers-reduced-motion: reduce) {
  body.tbs-detail-page .tbs-detail-buy .btn-primary,
  body.tbs-detail-page .tbs-detail-buy .button-primary {
    transition: none;
    transform: none;
  }
}

/* ==================================================
   TBS — MOBILE PRODUCT DETAIL FIX 01
   Gallery thumbnails + Tebex purchase buttons
   Only product detail pages
   ================================================== */

@media (max-width: 600px) {

  /* Gallery: horizontal scrolling instead of squeezed thumbnails */
  body.tbs-detail-page .tbs-detail-gallery .thumbs {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 100%;
    padding-bottom: 8px;
    -webkit-overflow-scrolling: touch;
  }

  body.tbs-detail-page .tbs-detail-gallery .thumbs .thumb {
    flex: 0 0 76px;
    width: 76px;
    min-width: 76px;
    height: 52px;
  }

  /* Keep the primary purchase action and gift button together */
  body.tbs-detail-page .tbs-detail-buy .product-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 10px;
  }

  body.tbs-detail-page .tbs-detail-buy .product-actions .price {
    flex: 0 0 100%;
    width: 100%;
  }

  body.tbs-detail-page .tbs-detail-buy .product-actions > a.add.wide,
  body.tbs-detail-page .tbs-detail-buy .product-actions > a.subscribe.wide,
  body.tbs-detail-page .tbs-detail-buy .product-actions > button.open-basket-cta.wide {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    margin: 0;
  }

  body.tbs-detail-page .tbs-detail-buy .product-actions > button.gift {
    flex: 0 0 50px;
    width: 50px;
    min-width: 50px;
    margin: 0;
  }

  /* Preserve native Tebex hidden states */
  body.tbs-detail-page .tbs-detail-buy .product-actions [hidden] {
    display: none !important;
  }
}

/* =====================================================
   TBS — MOBILE PRODUCT ORDER
   Purchase box directly after gallery
   Desktop layout remains unchanged
   ===================================================== */

@media (max-width: 600px) {

  body.tbs-detail-page .tbs-detail-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 0;
  }

  body.tbs-detail-page .tbs-detail-left,
  body.tbs-detail-page .tbs-detail-right {
    display: contents !important;
  }

  /* 1 — Product title and breadcrumb */
  body.tbs-detail-page .tbs-detail-breadcrumb {
    order: 1;
  }

  body.tbs-detail-page .tbs-detail-heading {
    order: 2;
  }

  /* 2 — Gallery */
  body.tbs-detail-page .tbs-detail-gallery {
    order: 3;
  }

  /* 3 — Purchase box */
  body.tbs-detail-page .tbs-detail-buy {
    order: 4;
    margin-top: 18px;
    margin-bottom: 18px;
  }

  /* 4 — Feature cards */
  body.tbs-detail-page .tbs-detail-feature-grid {
    order: 5;
  }

  /* 5 — Description and tabs */
  body.tbs-detail-page .tbs-detail-tabs {
    order: 6;
  }

  /* 6 — Product facts */
  body.tbs-detail-page .tbs-detail-facts {
    order: 7;
    margin-top: 18px;
  }

  /* 7 — Preview video */
  body.tbs-detail-page .tbs-preview-video {
    order: 8;
    margin-top: 18px;
  }
}


/* TBS — Product category badge */
body.tbs-detail-page .tbs-detail-category-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 5px 12px;
  margin-top: 9px;
  color: #79c4ff;
  background: #12365c;
  border: 1px solid #28669d;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.3;
  
  /* ============================================================
   TBS — MIDNIGHT PREMIUM FEATURE CARDS
   Static information cards — no hover effects
   ============================================================ */

body.tbs-detail-page .tbs-detail-feature {
  position: relative;
  background: linear-gradient(
    145deg,
    #142641 0%,
    #101c30 100%
  );
  border: 1px solid #2b4668;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
  overflow: hidden;
  cursor: default;
  transition: none;
}

/* Subtle blue accent */
body.tbs-detail-page .tbs-detail-feature::before {
  content: "";
  position: absolute;
  top: 0;
  left: 14px;
  right: 14px;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(69, 155, 255, .55),
    transparent
  );
}

/* Premium icon background */
body.tbs-detail-page .tbs-detail-feature-icon {
  background: linear-gradient(145deg, #194779, #10305a);
  color: #69baff;
  border: 1px solid #28568a;
  border-radius: 10px;
}

/* Clear typography */
body.tbs-detail-page .tbs-detail-feature strong {
  color: #f4f8ff;
  font-weight: 700;
}

body.tbs-detail-page .tbs-detail-feature small {
  color: #aebfd5;
}

/* Keep cards visually static */
body.tbs-detail-page .tbs-detail-feature:hover {
  transform: none;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
  border-color: #2b4668;
}

/* ============================================================
   TBS — ESCROW BADGES (product detail + category cards)
   Does not affect MLO, MAP, PROPS or FREE badges.
   ============================================================ */

body.tbs-category-page .tbs-entry-source-badges {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 12px;
}

body.tbs-category-page .tbs-entry-escrow-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 5px 11px;
  border: 1px solid #94672d;
  border-radius: 6px;
  background: #342617;
  color: #ffd18b;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  line-height: 1.3;
  white-space: nowrap;
}

/* TBS — Source badges on product detail pages only */

body.tbs-detail-page .tbs-detail-badge-source-escrow {
  background: #342617;
  border-color: #94672d;
  color: #ffd18b;
}

body.tbs-detail-page .tbs-detail-badge-source-open-source {
  background: #18382e;
  border-color: #317b60;
  color: #8de6bb;
}

/* ============================================================
   TBS — CATEGORY ESCROW BADGE FIX
   ============================================================ */

body.tbs-category-page .tbs-premium-product .tbs-product-escrow-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin: 8px auto 4px;
  padding: 5px 12px;

  background: #342617;
  border: 1px solid #94672d;
  border-radius: 6px;

  color: #ffd18b;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .06em;
  text-transform: uppercase;
  box-sizing: border-box;
}

/* ============================================================
   TBS — CATEGORY ESCROW BADGE
   ============================================================ */

body.tbs-category-page .tbs-premium-product .tbs-product-escrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  width: fit-content;

  margin: 8px auto 4px;
  padding: 5px 12px;

  background: #342617;
  border: 1px solid #94672d;
  border-radius: 6px;

  color: #ffd18b;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .06em;
  text-transform: uppercase;
  box-sizing: border-box;
}

/* ============================================================
   TBS — CATEGORY ESCROW BADGE
   Exact class verified in DevTools
   ============================================================ */

.tbs-entry-escrow-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: fit-content !important;
  padding: 5px 12px !important;

  background: #12365c !important;
  border: 1px solid #28669d !important;
  border-radius: 6px !important;

  color: #79c4ff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;

  box-sizing: border-box !important;
}

/* ============================================================
   TBS — CATEGORY ESCROW BADGE (FINAL)
   ============================================================ */

.tbs-entry-escrow-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 5px 12px !important;
  margin: 8px auto 4px !important;

  background: #342617 !important;
  border: 1px solid #94672d !important;
  border-radius: 6px !important;

  color: #ffd18b !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  box-sizing: border-box !important;
}

/* TBS — ESCROW BADGE CATEGORY TEST */
body.tbs-category-page article.tbs-premium-product span.tbs-entry-escrow-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;

  width: fit-content !important;
  margin: 8px auto 4px !important;
  padding: 5px 12px !important;

  background-color: #342617 !important;
  border: 1px solid #94672d !important;
  border-radius: 6px !important;

  color: #ffd18b !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  box-sizing: border-box !important;
}

/* ============================================
   TBS — ESCROW BADGE FIX
   Nur Produktkarten auf Kategorieseiten
   ============================================ */

body.tbs-category-page
.tbs-premium-product
.tbs-entry-source-badges {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 12px;
}

body.tbs-category-page
.tbs-premium-product
.tbs-entry-escrow-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: fit-content;
  padding: 5px 11px;

  background-color: #352817;
  color: #ffd68a;
  border: 1px solid #9a7132;
  border-radius: 6px;

  font-size: 11px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

/* TBS – THUMBNAIL DESIGN FIX */

body.tbs-detail-page .tbs-detail-gallery .thumbs .thumb {
  box-sizing: border-box;
  background: #14243a;
  border: 1px solid #2c4565;
  border-radius: 7px;
  box-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}

body.tbs-detail-page .tbs-detail-gallery .thumbs .thumb:hover {
  border-color: #58a6ff;
}

body.tbs-detail-page .tbs-detail-gallery .thumbs .thumb img,
body.tbs-detail-page .tbs-detail-gallery .thumbs .thumb-youtube img {
  object-fit: cover;
  opacity: 1;
  filter: none;
}


/* TBS – Clean Checkout Notes */
body.tbs-detail-page .tbs-detail-checkout-note {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  margin: 14px 0 0;
  color: #b8c9df;
  font-size: 11px;
}



/* TBS – PRODUCT TABS VISUAL POLISH */
/* Nur Umrandungen und Abstände */

body.tbs-detail-page .tbs-detail-tabs {
  border: 1px solid #29476d;
  border-radius: 12px;
  background: #101e34;
  overflow: hidden;
}

body.tbs-detail-page .tbs-tab-nav {
  padding: 6px 8px 0;
  background: #0d1b30;
  border-bottom: 1px solid #29476d;
}

body.tbs-detail-page .tbs-tab-content {
  padding: 26px 24px;
}

body.tbs-detail-page .tbs-detail-feature-grid {
  margin-bottom: 20px;
}

@media (max-width: 600px) {
  body.tbs-detail-page .tbs-tab-nav {
    padding: 4px 4px 0;
  }

  body.tbs-detail-page .tbs-tab-content {
    padding: 18px;
  }
}

/* TBS — Tab-Box Design Preview | NUR ANHAENGEN, nicht ersetzen */
/* Scoped exclusively to the product detail tabs. */
body.tbs-detail-page .tbs-detail-product .tbs-detail-tabs.tbs-detail-panel {
  border: 1px solid #214a77;
  border-radius: 12px;
  background: #0b1b32;
  padding: 0;
  overflow: hidden;
}

body.tbs-detail-page .tbs-detail-product .tbs-detail-tabs .tbs-tab-nav {
  gap: 0;
  padding: 6px 8px 0;
  background: #0a1a30;
  border-bottom: 1px solid #214a77;
}

body.tbs-detail-page .tbs-detail-product .tbs-detail-tabs .tbs-tab-nav label {
  min-height: 48px;
  padding: 12px 14px;
  border-radius: 7px 7px 0 0;
}

body.tbs-detail-page .tbs-detail-product .tbs-detail-tabs .tbs-tab-content {
  padding: 24px 22px;
}

@media (max-width: 600px) {
  body.tbs-detail-page .tbs-detail-product .tbs-detail-tabs .tbs-tab-nav {
    padding: 4px 4px 0;
  }
  body.tbs-detail-page .tbs-detail-product .tbs-detail-tabs .tbs-tab-content {
    padding: 18px;
  }
}


/* TBS Product Information – reference styling ONLY */
body.tbs-detail-page .tbs-detail-facts {
  background: linear-gradient(145deg,#0b1a30,#09182d);
  border: 1px solid #174579;
  border-radius: 11px;
  padding: 17px 22px 16px;
}

body.tbs-detail-page .tbs-detail-facts h3 {
  color: #41baff;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 11px;
}

body.tbs-detail-page .tbs-detail-facts .tbs-detail-fact {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr) minmax(0,1.15fr);
  align-items: center;
  column-gap: 13px;
  min-height: 49px;
  padding: 6px 0;
  border-bottom: 1px solid rgba(68,123,181,.18);
}

body.tbs-detail-page .tbs-detail-facts .tbs-detail-fact:last-child {
  border-bottom: 0;
}

body.tbs-detail-page .tbs-detail-facts .tbs-detail-fact::before {
  content: '▣';
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: #0e3159;
  color: #37b9ff;
  font-size: 20px;
  font-weight: 600;
  grid-column: 1;
}

body.tbs-detail-page .tbs-detail-facts .tbs-fact-category::before {
  content: '▣';
}

body.tbs-detail-page .tbs-detail-facts .tbs-fact-framework::before {
  content: '⌘';
}

body.tbs-detail-page .tbs-detail-facts .tbs-fact-compatibility::before {
  content: '▲';
  font-size: 17px;
}

body.tbs-detail-page .tbs-detail-facts .tbs-fact-filesize::before {
  content: '▱';
  font-size: 25px;
}

body.tbs-detail-page .tbs-detail-facts .tbs-fact-updated::before {
  content: '◷';
  font-size: 25px;
}

body.tbs-detail-page .tbs-detail-facts .tbs-fact-source::before {
  content: '⬡';
  font-size: 24px;
}

body.tbs-detail-page .tbs-detail-facts .tbs-detail-fact > span {
  grid-column: 2;
  color: #d9e5f7;
  font-size: 13px;
}

body.tbs-detail-page .tbs-detail-facts .tbs-detail-fact > strong {
  grid-column: 3;
  color: #b7c9e1;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  overflow-wrap: anywhere;
}

@media (max-width: 480px) {
  body.tbs-detail-page .tbs-detail-facts {
    padding: 16px 13px;
  }

  body.tbs-detail-page .tbs-detail-facts .tbs-detail-fact {
    grid-template-columns: 36px minmax(0,1fr) minmax(0,1.05fr);
    column-gap: 8px;
  }

  body.tbs-detail-page .tbs-detail-facts .tbs-detail-fact::before {
    width: 32px;
    height: 32px;
    font-size: 18px;
  }

  body.tbs-detail-page .tbs-detail-facts .tbs-detail-fact > span,
  body.tbs-detail-page .tbs-detail-facts .tbs-detail-fact > strong {
    font-size: 12px;
  }
}