.grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important;
  visibility: hidden; 
}
.grecaptcha-badge:hover {
  width: 256px !important;
}


._800px{
	width: 800px;
	padding-top: 0px;
	margin-top:0px;
}

.woocommerce .pswp__caption__center, .woocommerce-page .pswp__caption__center {
    text-align: center;
	visibility: hidden;
}

.blog-anchors{
	font-family: Montserrat-Medium-500, sans-serif !important;
	font-size:13px !important;
	font-weight: 500 !important;
	color: #011F26 !important;
}

.product-anchors{
	font-family: Montserrat-SemiBold-600, sans-serif !important;
	font-size:13px !important;
	font-weight: 600 !important;
	color: #335962 !important;
	text-decoration:none !important;
}

.onsale, 
.out-of-stock-badge, .square {
	left: initial;
	right: 10px !important;
	top: 10px !important;
	font-family: Montserrat-Medium-500, sans-serif !important;
	font-weight: 500 !important;
	font-size: 11px !important;
	width: 100px !important;
	padding: 0px 0px!important;
}



.legal-copy{
	font-family: Montserrat-Regular-400, sans-serif;
	font-weight: 400;
	color:#000000;
	text-align: left;
	font-size: 13px;
}

.legal-headers{
	font-family: Montserrat-SemiBold-600, sans-serif !important;
	font-weight: 600!important;
	color:#000000;
	text-align: left!important;
	font-size: 15px!important;
}

time.woocommerce-review__published-date {
	display: none;
}

span.woocommerce-review__dash {
	display: none;
}

nav.ct-breadcrumbs {
	font-family: Montserrat-Regular-400, sans-serif !important;
	font-weight: 400 important;
	/*text-transform:  capitalize !important;*/
}

input#um-submit-btn  {
	    background: #000000 !important;
		font-family: Montserrat-Medium-500, sans-serif !important;
		color: #ffffff !important;
}

.sup { 
	vertical-align: super; 
	position: relative;
    font-size: 40%;
    line-height: 0;
    vertical-align: baseline;
    top: -1.5em;
}

body {
    font-family: 'Montserrat-Regular-400', sans-serif !important;
}

h1{
    font-family: 'oswald-Medium-500', sans-serif !important;
}

h2{
    font-family: 'oswald-Regular-400', sans-serif !important;
}


h3, h4 {
    font-family: 'Montserrat-Medium-500', sans-serif !important;
}

h5, h6 {
    font-family: 'Montserrat-Regular-400', sans-serif !important;
	font-size: 14px;
}

p{
	font-size: 14px;
}

.hiLite{
  font-family: 'Montserrat-SemiBold-500', sans-serif !important;
  line-height: 1.5;
  color: #FFEB3B;
}

.sup {  
	font-family: 'oswald-Regular-500', sans-serif !important;
	position: relative;
    font-size: 50%;
    line-height: 0;
    vertical-align: baseline;
    top: -.9em;
	color: #FFEB3B;
}

.wp-block-list{
	font-family: 'Montserrat-Medium-500', sans-serif !important;
	font-size: 13px;
	line-height:1.5rem;
}
/* Remove underline from links inside WP block lists */
.wp-block-list li a {
    text-decoration: none !important;
}

/* Optional: Add a hover effect so users know it's still a link */
.wp-block-list li a:hover {
    text-decoration: underline !important;
}

/*No more products to load style*/
.ct-last-page-text{
	 font-family: 'Montserrat-SemiBold-600', sans-serif !important;
	 font-style:Regular !important;
	 font-weight:600 !important;
	 font-size: 13px !important;
	 color: #2196F3;
}



/*Woocommerce Product Archive Prices and Buttons*/
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
 	 font-family: 'Montserrat-SemiBold-600', sans-serif !important;
	 font-style:Regular !important;
	 font-weight:600 !important;
	 font-size: 13px !important;
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link{
	font-family: 'Montserrat-Medium-500', sans-serif !important;
	 font-style:Regular !important;
	 font-weight:500 !important;
	 font-size: .95em !important;

}


.woocommerce-Price-amount.amount {
	 font-family: 'Montserrat-SemiBold-600', sans-serif !important;
	 font-style:Regular !important;
	 font-weight:500 !important;
	 font-size: 16px !important;
}

a.button.product_type_variable.add_to_cart_button {
	 font-family: 'Montserrat-SemiBold-600', sans-serif !important;
	 font-style:Regular !important;
	 font-weight:600 !important;
	 font-size: 13px !important;
}

a.button.product_type_external {
	font-family: 'Montserrat-SemiBold-600', sans-serif !important;
	 font-style:Regular !important;
	 font-weight:600 !important;
	 font-size: 13px !important;
	/* text-transform:uppercase !important;*/
}



/*Main Menu Links*/
a.ct-menu-link {
	 font-family: 'Montserrat-Medium-500', sans-serif !important;
	 font-style:Regular !important;
	 font-weight:500 !important;
	 font-size: 13px !important;
	 /*text-transform:uppercase !important;*/
}

/*Product Description Meta Additional Information SVG Fill colors*/
.ct-product-additional-info ul li svg {
    fill: #03A9F4 !important;
}

.shipping-calculator-button{
	 color: #03A9F4 !important;
}

/*UM Button background*/
.um input[type=submit]:disabled:hover
{
    background: #0a8cbf!important;
}

.um input[type=submit].um-button:hover{
   background: #0a8cbf!important;
}

.um input[type=submit].um-button{
	background: #0a8cbf!important;
}

/*Hide Unlimited Members Cog Button*/

.um-profile-edit.um-profile-headericon.um-trigger-menu-on-click {
	visibility:none !important;
	display: none !important;
}

/*On Sale Badges*/
.onsale{
	padding: var(--badge-padding, 7px 7px) !important;
}

.star-rating {
	margin-top: 10px;
}

/* Capitalize text in WooCommerce variation dropdowns */
.variations select {
    text-transform: capitalize !important;
}

/* Optional: Target the list items specifically */
.variations select option {
    text-transform: capitalize !important;
}

/*Tax Info CSS*/
.tax-info {
	background-color:rgb(253,252,236);
	padding: 10px;
	margin-bottom: 10px;
	color: #000000;
}

/*Woocommerce Checkout Page Apply Coupon Button*/
/* Targets a button with class="button" AND name="apply_coupon" */
.button[name="apply_coupon"] {
    height: 35px;
}

/*Woo Cart and Checkout Buttons*/
a.checkout-button.button.alt.wc-forward{
	margin-bottom: 25px;
}

/*Woo Price Fonts Styles*/
/* Base price styling */
.woocommerce-Price-amount.amount {
    font-family: 'Montserrat-SemiBold-600', sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 16px !important;
}

/* Remove user agent stylesheet text-decoration: underline */
del {
	 text-decoration: none !important;
}
/* Strikethrough (original/regular price) styling */
.woocommerce del .woocommerce-Price-amount.amount,
.woocommerce del .amount,
.price del .woocommerce-Price-amount.amount,
.price del .amount {
  text-decoration: line-through !important;
  text-decoration-thickness: 2px !important;
    text-decoration-color: #666 !important;
    opacity: 0.7 !important;
    color: #999 !important;
}

/* Sale/current price styling */
.woocommerce ins .woocommerce-Price-amount.amount,
.woocommerce ins .amount,
.price ins .woocommerce-Price-amount.amount,
.price ins .amount {
    text-decoration: none !important;
    font-weight: 600 !important;
    color: #333 !important;
}


/*Title Truncator*/
/* 1. DESKTOP */
@media (min-width: 1025px) {
    h5.woocommerce-loop-product__title, 
    h5.wp-block-post-title, h2.wp-block-post-title, a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
        padding-top: 10px !important;
        font-size: 15px !important;
        line-height: 1.9em !important; /* Set a fixed line height */
        max-height: 3em !important; /* line-height (1.4) x 2 lines = 2.8 */
        color: #343434 !important;
        text-align: left !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        width: 100% !important;
        
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}

/* 2. TABLET */
@media (min-width: 768px) and (max-width: 1024px) {
    h5.woocommerce-loop-product__title, 
    h5.wp-block-post-title, h2.wp-block-post-title, a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
        padding-top: 10px !important;
        font-size: 14px !important;
        line-height: 1.2em !important;
        max-height: 3em !important;
        color: #343434 !important;
        text-align: left !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        width: 100% !important;

        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
}

/* 3. MOBILE */
@media (max-width: 767px) {
    h5.woocommerce-loop-product__title, 
    h5.wp-block-post-title, h2.wp-block-post-title, a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
        padding-top: 8px !important;
        font-size: 13px !important;
        line-height: 1.2em !important;
        max-height: 3em !important;
        color: #343434 !important;
        text-align: left !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        width: 100% !important;

        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
}
/* Title Truncator Ends */

/*Shop Page CSS*/
h3.woocommerce-loop-category__title {
	font-family: 'oswald-Regular-400', sans-serif !important;
	 font-style:Regular !important;
	 font-weight:400 !important;
	 font-size: 14px !important;
}

/*Blocksy Side Bar*/
.gb-container.gb-container-ae1f5dba{
	width: 100% !important;
	visibility:block!important;
}

/*Shop Page CSS Ends*/

#main-container {
	background-color: var(--theme-palette-color-8) !important;
}

/* Base Hero Styles */
.strtwrks-hero {
  position: relative;
  margin-top: -60px;
  padding: 0px;
  width: 100vw;       /* Forced full viewport width */
  height: 75vh;       /* Locked to exactly 75% of viewport height */
  min-height: 450px;  /* Safety net so content doesn't overflow on short, wide screens */
  display: flex;
  align-items: center;
  overflow: hidden;
  /*background-color: #1a1a1a;*/
  /* Break out of standard WordPress container constraints if necessary */
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

/* Background Image Handling */
/* Background Image & Texture Layering */
.hero-bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  
  /* Layer 1 (Top): Your diagonal texture */
  /* Layer 2 (Bottom): Your apparel image */
  background-image: 
    repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(255,255,255,.07) 2px, rgba(255,255,255,.04) 4px),
    url('https://1shopstar.com/wp-content/uploads/2026/06/apprel-header-desktop-01.webp'); 
  
  background-size: auto, cover; /* 'auto' keeps the texture crisp, 'cover' scales the photo */
  background-position: center, center right; 
  z-index: 1;
}

/* Dark overlay for typography contrast */
.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0,0,0,0.16) 0%, rgba(0,0,0,0.17) 100%);
  z-index: 2;
}

/* Container & Grid Setup */
.hero-container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
  z-index: 3;
  display: flex;
  justify-content: flex-start; 
}

.hero-content {
  max-width: 500px; 
  color: #ffffff;
}

/* Typography & CTA */
.hero-headline{
  font-size: 2.1rem; /* Adjusted slightly down to fit beautifully inside 65vh */
  line-height: 1.10;
  text-transform: uppercase;
  letter-spacing: -1px;
  margin-bottom: 15px;
  color: #FFD166;
}

.hero-subheadline {
  font-family: 'Montserrat-SemiBold-500', sans-serif !important;
  font-size: 1.25rem;
  line-height: 1;
  margin-bottom: 25px;
  color: #e0e0e0;
}

.hero-cta {
  display: inline-block;
  font-family: 'Montserrat-SemiBold-600', sans-serif !important;
  background-color: #FFD166;
  border-radius: 12px;
  color: #1a1a1a;
  padding: 14px 35px;
  font-size: 0.95rem;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  transition: all 0.3s ease;
  border: 0px solid #ffffff;
}

.hero-cta:hover {
 color: #616161;
 background-position: right center; /* change the direction of the change here */
 transform: translateY(-2px);
}

/* --- Responsive Breakpoints --- */

/* Tablets (Portrait) */
@media (max-width: 991px) {
  .strtwrks-hero {
    height: 65vh; /* Maintains the 65vh ratio */
    align-items: flex-end; 
  }
  
  .hero-overlay {
    background: linear-gradient(0deg, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.1) 100%);
  }

  .hero-container {
    justify-content: center;
    padding-bottom: 40px; 
  }

  .hero-content {
    max-width: 550px;
    text-align: center;
  }

  .hero-headline {
    font-size: 2.4rem;
  }
}

/* Mobile Devices */
@media (max-width: 576px) {
  .strtwrks-hero {
    height: 75vh;
    min-height: 480px; /* Gives text breathing room if a phone screen is tiny */
  }
  
  .hero-container {
    padding: 0 20px 30px 20px;
  }

  .hero-headline {
    font-size: 2rem;
  }

  .hero-subheadline {
    font-size: 1.2rem;
	line-height: 1.1;
    margin-bottom: 20px;
  }

  .hero-cta {
    width: 100%; 
    box-sizing: border-box;
    padding: 12px 0;
  }
}

/* Trending Headlines */
.trending-container {
    display: flex;
    align-items: center;
    text-align: center;
    width: 100%;
    margin: 20px 0; /* Adjust spacing above/below as needed */
}

/* The lines on the left and right */
.trending-container::before,
.trending-container::after {
    content: "";
    flex: 1;
    height: 1.5px; /* Line thickness */
    background: #000; /* Line color */
}

/* The "Trending" text */
.trending-text {
    padding: 0 15px; /* Spacing between the text and the lines */
    font-family: sans-serif; /* Match your site's font */
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase; /* Optional: matches the clean look in the image */
    color: #000;
}
/* Trending Headlines */


/* Remove underline from links inside WP block lists */
.feature-links a {
    text-decoration: none !important;
	font-size: 15px;
}

/* Optional: Add a hover effect so users know it's still a link */
.feature-links a:hover {
    text-decoration: underline !important;
	font-size: 15px;
}

h2.wp-block-heading.ad-banner-header-style {
	font-size: 34px;
	line-height:2.2rem !important;
}
p.wp-block-heading ad-banner-copy-style{
	font-size: 16px;
	line-height:1.6rem !important;
}


@media (max-width: 768px) {
  	/* Landing Page Product Section top alignment */
	.wp-block-group.alignfull{
		margin-top: 10px !important;
	}
	.wp-block-woocommerce-product-collection{
		margin-top: 10px !important;
	}
	
	h2.wp-block-heading.ad-banner-header-style {
		font-size: 30px;
		line-height:1.95rem !important;
	}
	p.wp-block-heading ad-banner-copy-style{
		font-size: 15px;
		line-height:1.6rem !important;
	}

}

figcaption {
	display: none !important;
}

.about-subhead-3{
	color: #3F51B5;
}

a.added_to_cart.wc-forward {
	height: 20px;
	color: #ffffff;
	background-color: #000000;
}




/* Container for responsiveness */
.table-container {
    width: 100%;
    overflow-x: auto; /* Enables horizontal scroll on small screens */
    margin: 20px 0;
   /* border: 1px solid #e2e2e2;*/
	padding: 10px 30px;
}

/* General Table Styling */
.size-chart {
    width: 100%;
    border-collapse: collapse;
    min-width: 600px; /* Prevents the table from squishing too much */
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333;
}

.size-chart th, 
.size-chart td {
    border: 1px solid #e2e2e2;
    padding: 12px 8px;
    text-align: center;
    font-weight: 400;
}

/* Row Label Styling */
.size-chart td.label {
    text-align: left;
    font-weight: 500;
    min-width: 120px;
}

/* Header Styling */
.size-chart thead th {
    font-weight: bold;
}

.unit-header td {
    font-size: 12px;
    color: #666;
}

/* Background Utility Classes */
.bg-gray {
    background-color: #F8F8F8;
}

/* Hover effect for better readability */
.size-chart tbody tr:hover {
    background-color: #fcfcfc;
}

/* Sport-Tek Table Styles - Unique class names to distinguish from other tables */
.sport-tek-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 15px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f7f9fc;
    color: #333;
    line-height: 1.6;
}

.sport-tek-header {
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 2px solid #e63946; /* Sport-Tek brand accent color */
}

.sport-tek-title {
    color: #1d3557; /* Sport-Tek brand primary color */
    margin-bottom: 10px;
    font-size: 2rem;
}

.sport-tek-subtitle {
    color: #457b9d; /* Sport-Tek brand secondary color */
    font-size: 1.1rem;
}

.sport-tek-main {
    margin-bottom: 30px;
}

.sport-tek-table-section {
    margin-bottom: 40px;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(29, 53, 87, 0.1); /* Using brand color in shadow */
    overflow: hidden;
    border: 1px solid #e1e5eb;
}

.sport-tek-section-title {
    background-color: #1d3557; /* Sport-Tek brand primary color */
    color: white;
    padding: 15px 20px;
    margin: 0;
    font-size: 1.3rem;
    font-weight: 600;
}

.sport-tek-table-container {
    overflow-x: auto;
    padding: 15px;
}

/* Sport-Tek Size Table Styles */
.sport-tek-size-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 600px;
}

.sport-tek-size-header {
    background-color: #457b9d; /* Sport-Tek brand secondary color */
}

.sport-tek-empty-cell {
    background-color: #1d3557; /* Sport-Tek brand primary color */
    color: white;
    font-weight: 600;
    text-align: center;
    padding: 15px 10px;
    border-bottom: 2px solid #1d3557;
}

.sport-tek-size-cell {
    background-color: #f1faee; /* Sport-Tek light brand color */
    color: #1d3557; /* Sport-Tek brand primary color */
    font-weight: 600;
    text-align: center;
    padding: 15px 10px;
    border-bottom: 2px solid #e1e5eb;
    border-right: 1px solid #e1e5eb;
}

.sport-tek-size-cell:last-child {
    border-right: none;
}

.sport-tek-measurement-row {
    transition: background-color 0.2s ease;
}

.sport-tek-measurement-row:hover {
    background-color: #f8f9fa;
}

.sport-tek-measurement-label {
    text-align: left;
    font-weight: 600;
    background-color: #f1faee; /* Sport-Tek light brand color */
    padding-left: 20px;
    border-bottom: 1px solid #e1e5eb;
    color: #1d3557;
}

.sport-tek-measurement-value {
    padding: 15px 10px;
    text-align: center;
    border-bottom: 1px solid #e1e5eb;
    border-right: 1px solid #e1e5eb;
    font-weight: 500;
}

.sport-tek-measurement-value:last-child {
    border-right: none;
}

.sport-tek-measurement-row:last-child .sport-tek-measurement-value,
.sport-tek-measurement-row:last-child .sport-tek-measurement-label {
    border-bottom: none;
}

/* Sport-Tek Care Table Styles */
.sport-tek-care-table {
    width: 100%;
    border-collapse: collapse;
}

.sport-tek-care-row {
    transition: background-color 0.2s ease;
}

.sport-tek-care-row:hover {
    background-color: #f8f9fa;
}

.sport-tek-care-header {
    width: 25%;
    background-color: #f1faee; /* Sport-Tek light brand color */
    font-weight: 600;
    padding: 15px;
    text-align: left;
    border-bottom: 1px solid #e1e5eb;
    color: #1d3557;
}

.sport-tek-care-detail {
    padding: 15px;
    text-align: left;
    border-bottom: 1px solid #e1e5eb;
}

.sport-tek-care-row:last-child .sport-tek-care-header,
.sport-tek-care-row:last-child .sport-tek-care-detail {
    border-bottom: none;
}

/* Sport-Tek Note Section */
.sport-tek-note {
    background-color: #fff8e1;
    padding: 15px;
    border-radius: 5px;
    margin-top: 20px;
    font-size: 0.9rem;
    color: #5d4037;
    border-left: 4px solid #e63946; /* Sport-Tek brand accent color */
}

.sport-tek-note-text {
    margin: 0;
}

/* Sport-Tek Footer */
.sport-tek-footer {
    text-align: center;
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #e1e5eb;
    color: #457b9d; /* Sport-Tek brand secondary color */
    font-size: 0.9rem;
}

.sport-tek-footer-text {
    margin-bottom: 5px;
    font-weight: 600;
}

.sport-tek-footer-subtext {
    margin: 0;
    color: #7f8c8d;
}

/* Responsive adjustments for Sport-Tek tables */
@media (max-width: 768px) {
    .sport-tek-container {
        padding: 10px;
    }
    
    .sport-tek-title {
        font-size: 1.7rem;
    }
    
    .sport-tek-section-title {
        padding: 12px 15px;
        font-size: 1.2rem;
    }
    
    .sport-tek-size-cell,
    .sport-tek-measurement-value,
    .sport-tek-measurement-label,
    .sport-tek-empty-cell {
        padding: 12px 8px;
        font-size: 0.9rem;
    }
    
    .sport-tek-measurement-label {
        padding-left: 15px;
    }
    
    /* Stacked layout for care table on mobile */
    .sport-tek-care-table .sport-tek-care-header,
    .sport-tek-care-table .sport-tek-care-detail {
        display: block;
        width: 100%;
        padding: 12px;
    }
    
    .sport-tek-care-table .sport-tek-care-header {
        border-bottom: none;
        background-color: #f1faee;
        font-weight: 600;
        color: #1d3557;
    }
    
    .sport-tek-care-table .sport-tek-care-row {
        display: block;
        margin-bottom: 10px;
        border-bottom: 1px solid #e1e5eb;
        background-color: white;
        border-radius: 4px;
        overflow: hidden;
    }
    
    .sport-tek-care-table .sport-tek-care-row:last-child {
        margin-bottom: 0;
    }
	/* Add this to your existing sport-tek-styles.css file */

	/* Alternating column styling for measurement tables */
	.sport-tek-size-table .sport-tek-measurement-row .sport-tek-measurement-value:nth-child(odd):not(:first-child) {
		background-color: #f1faee; /* Light sport-tek brand color */
	}

	.sport-tek-size-table .sport-tek-measurement-row .sport-tek-measurement-value:nth-child(even) {
		background-color: #f8f9fa; /* Slightly lighter background for even columns */
	}

	/* Header row with unit labels */
	.sport-tek-size-table thead .sport-tek-measurement-row .sport-tek-measurement-value:nth-child(odd):not(:first-child) {
		background-color: #457b9d; /* Sport-Tek secondary color */
		color: white;
		font-weight: 600;
	}

	.sport-tek-size-table thead .sport-tek-measurement-row .sport-tek-measurement-value:nth-child(even) {
		background-color: #1d3557; /* Sport-Tek primary color */
		color: white;
		font-weight: 600;
	}
}

@media (max-width: 480px) {
    .sport-tek-title {
        font-size: 1.5rem;
    }
    
    .sport-tek-subtitle {
        font-size: 1rem;
    }
    
    .sport-tek-table-container {
        padding: 10px;
    }
    
    .sport-tek-size-cell,
    .sport-tek-measurement-value,
    .sport-tek-measurement-label,
    .sport-tek-empty-cell {
        padding: 10px 5px;
        font-size: 0.85rem;
    }
    
    .sport-tek-measurement-label {
        padding-left: 10px;
    }
    
    .sport-tek-note {
        padding: 12px;
        font-size: 0.85rem;
    }
}

/* Print styles for Sport-Tek tables */
@media print {
    .sport-tek-container {
        background-color: white;
        padding: 0;
        max-width: 100%;
    }
    
    .sport-tek-table-section {
        box-shadow: none;
        border: 1px solid #ddd;
        break-inside: avoid;
    }
    
    .sport-tek-size-cell,
    .sport-tek-measurement-value,
    .sport-tek-measurement-label,
    .sport-tek-empty-cell {
        border: 1px solid #ddd !important;
    }
}

/* =====================================
  Headline and Subheader CSS - Single Line
===================================== */
.hero-brand-headline {
    font-family: 'oswald-Medium-500', sans-serif;
    font-size: clamp(60px, 10vw, 140px);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: rgba(255, 255, 255, 0.4);
    position: absolute;
    top: 6%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
    pointer-events: none;
    white-space: nowrap;
    line-height: 1;
}

/* Style the "2" slightly different for emphasis */
.hero-brand-headline .b2b-num {
    display: inline;
    font-size: 0.7em;
    opacity: 0.5;
    margin: 0 0.05em;
    vertical-align: middle;
}

/* =====================================
  Tablet (768px - 1024px)
===================================== */
@media screen and (max-width: 1024px) {
    .hero-brand-headline {
        font-size: clamp(48px, 12vw, 90px);
        top: 5%;
        letter-spacing: 0.04em;
    }
    
    .hero-brand-headline .b2b-num {
        font-size: 0.65em;
    }
}

/* =====================================
  Mobile Large (480px - 767px)
===================================== */
@media screen and (max-width: 767px) {
    .hero-brand-headline {
        font-size: clamp(36px, 14vw, 70px);
        top: 10%;
        letter-spacing: 0.03em;
    }
    
    .hero-brand-headline .b2b-num {
        font-size: 0.6em;
        opacity: 0.4;
    }
}

/* =====================================
  Mobile Small (up to 479px) — FIXED
===================================== */
@media screen and (max-width: 479px) {
    .hero-brand-headline {
        font-size: clamp(28px, 16vw, 50px);
        top: 10%;
        letter-spacing: 0.02em;
        white-space: nowrap; /* Prevent any wrapping */
    }
    
    .hero-brand-headline .b2b-num {
        display: inline-block !important; /* Force visibility */
        font-size: 0.47em;
        opacity: 0.8;
        margin: 0 0.05em;
        vertical-align: middle;
        min-width: 0.3em; /* Ensure space allocated */
    }
}