/* Reset & Base Styles */@font-face {    font-family: 'Sabler Titling Ext Regular';    src: url('SablerTitlingExt-Regular.woff2') format('woff2'),        url('SablerTitlingExt-Regular.woff') format('woff');    font-weight: 300;    font-style: normal;    font-display: swap;}* {    margin: 0;    padding: 0;    box-sizing: border-box;}:root {    --primary-orange: #FF6B35;    --light-orange: #FFA07A;    --dark-orange: #E85D2A;    --accent-orange: #FFE5DC;    --text-black: #0A0A0A;    --text-dark: #1F1F1F;    --text-gray: #4A4A4A;    --text-light-gray: #8B8B8B;    --bg-white: #FFFFFF;    --bg-light: #FAFAFA;    --bg-orange-light: #FFF5F2;    --border-color: #E0E0E0;    --border-orange: #FFB399;    --success-color: #10b981;    --shadow-sm: 0 2px 12px rgba(255, 107, 53, 0.08);    --shadow-md: 0 4px 20px rgba(255, 107, 53, 0.15);    --shadow-lg: 0 8px 40px rgba(255, 107, 53, 0.25);    --shadow-dark: 0 4px 16px rgba(10, 10, 10, 0.1);}body {    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;    color: var(--text-black);    line-height: 1.6;    background: var(--bg-white);    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}.container {    max-width: 1280px;    margin: 0 auto;    padding: 0 20px;}/* Header */.header {    background: var(--bg-white);    border-bottom: 1px solid var(--border-color);    position: sticky;    top: 0;    z-index: 100;    box-shadow: var(--shadow-sm);}.header-content {    display: flex;    align-items: center;    justify-content: space-between;    padding: 20px 0;}.logo {    display: flex;    align-items: center;}.logo-img {    height: 50px;    width: auto;    object-fit: contain;    transition: transform 0.3s ease;}.logo-img:hover {    transform: scale(1.05);}.logo h1 {    font-family: 'Sabler Titling Ext Regular', sans-serif;    font-size: 32px;    font-weight: 700;    color: var(--primary-orange);    letter-spacing: 3px;    text-transform: uppercase;}.nav {    display: flex;    gap: 32px;}.nav-link {    text-decoration: none;    color: var(--text-black);    font-weight: 600;    font-size: 15px;    transition: all 0.3s ease;    position: relative;}.nav-link:hover {    color: var(--primary-orange);}.nav-link::after {    content: '';    position: absolute;    bottom: -5px;    left: 0;    width: 0;    height: 2px;    background: var(--primary-orange);    transition: width 0.3s ease;}.nav-link:hover::after {    width: 100%;}.cart-btn {    background: none;    border: none;    cursor: pointer;    position: relative;    padding: 8px;    transition: transform 0.2s ease;}.cart-btn:hover {    transform: none;    opacity: 0.8;}.cart-count {    position: absolute;    top: 0;    right: 0;    background: var(--primary-orange);    color: white;    border-radius: 50%;    width: 18px;    height: 18px;    font-size: 11px;    display: flex;    align-items: center;    justify-content: center;    font-weight: 600;}/* Main Content */.main-content {    padding: 40px 0;}.breadcrumb {    color: var(--text-gray);    font-size: 14px;    margin-bottom: 30px;}.breadcrumb a {    color: var(--text-gray);    text-decoration: none;    transition: color 0.3s ease;}.breadcrumb a:hover {    color: var(--primary-orange);}/* Product Section */.product-section {    display: grid;    grid-template-columns: 1fr 1fr;    gap: 60px;    margin-bottom: 60px;}/* Product Images */.product-images {    display: flex;    flex-direction: column;    gap: 20px;}.main-image {    background: var(--bg-white);    border-radius: 20px;    padding: 20px;    aspect-ratio: 1;    display: flex;    align-items: center;    justify-content: center;    border: 2px solid var(--border-color);    box-shadow: var(--shadow-sm);    overflow: hidden;}.main-image img {    width: 100%;    height: 100%;    max-height: 100%;    /* Ensure it doesn't overflow height */    object-fit: contain;    border-radius: 12px;    transition: transform 0.3s ease;}.main-image img:hover {    transform: none;}.product-image-placeholder {    width: 100%;    height: 100%;    display: flex;    align-items: center;    justify-content: center;}/* Product Jar Illustration */.product-jar {    width: 280px;    height: 320px;    position: relative;    animation: float 3s ease-in-out infinite;}@keyframes float {    0%,    100% {        transform: translateY(0px);    }    50% {        transform: translateY(-10px);    }}.jar-lid {    width: 100%;    height: 40px;    background: var(--primary-orange);    border-radius: 50% 50% 0 0 / 20% 20% 0 0;    box-shadow: none;    border-bottom: 2px solid rgba(0, 0, 0, 0.1);    position: relative;    z-index: 2;}.jar-lid::before {    content: '';    position: absolute;    top: 10px;    left: 50%;    transform: translateX(-50%);    width: 60px;    height: 15px;    background: var(--light-orange);    border-radius: 8px;}.jar-body {    width: 100%;    height: 280px;    background: var(--bg-white);    border-radius: 0 0 20px 20px;    position: relative;    box-shadow: var(--shadow-lg);    border: 4px solid var(--primary-orange);    display: flex;    align-items: center;    justify-content: center;}.jar-body::before {    content: '';    position: absolute;    top: 0;    left: 20px;    width: 40px;    height: 100%;    background: rgba(255, 255, 255, 0.4);    border-radius: 0 0 0 20px;}.jar-label {    background: var(--primary-orange);    padding: 32px 24px;    border-radius: 16px;    text-align: center;    color: white;    box-shadow: var(--shadow-lg);    width: 85%;    border: 2px solid rgba(255, 255, 255, 0.3);}.jar-label h3 {    font-family: 'Sabler Titling Ext Regular', sans-serif;    font-size: 36px;    font-weight: 600;    letter-spacing: 4px;    margin-bottom: 8px;    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);}.jar-label p {    font-size: 16px;    font-weight: 600;    margin: 4px 0;}.jar-label span {    display: block;    font-size: 14px;    margin-top: 8px;    opacity: 0.9;}/* Thumbnails */.thumbnail-images {    display: flex;    gap: 12px;    overflow-x: auto;    padding-bottom: 8px;    /* For scrollbar */    scrollbar-width: none;    /* Hide standard scrollbars */    -webkit-overflow-scrolling: touch;}.thumbnail {    width: 100px;    height: 100px;    background: var(--bg-white);    border: 2px solid var(--border-color);    border-radius: 12px;    cursor: pointer;    transition: all 0.3s ease;    display: flex;    align-items: center;    justify-content: center;    overflow: hidden;    padding: 8px;}.thumbnail img {    width: 100%;    height: 100%;    object-fit: contain;    border-radius: 8px;}.thumbnail:hover,.thumbnail.active {    border-color: var(--primary-orange);    box-shadow: var(--shadow-md);    transform: translateY(-4px);}.thumb-jar {    width: 40px;    height: 50px;    background: var(--accent-orange);    border: 2px solid var(--primary-orange);    border-radius: 0 0 8px 8px;}.thumb-box {    width: 50px;    height: 50px;    background: var(--primary-orange);    border-radius: 8px;}.thumb-texture {    width: 50px;    height: 50px;    background: var(--accent-orange);    border-radius: 50%;}/* Product Info */.product-info {    display: flex;    flex-direction: column;    gap: 24px;}.product-badge {    display: inline-block;}.badge-hot {    background: var(--primary-orange);    color: white;    padding: 8px 16px;    border-radius: 20px;    font-size: 13px;    font-weight: 600;    display: inline-block;    animation: pulse 2s ease-in-out infinite;}@keyframes pulse {    0%,    100% {        transform: scale(1);    }    50% {        transform: scale(1.05);    }}.product-title {    font-family: 'Sabler Titling Ext Regular', sans-serif;    font-size: 32px;    font-weight: 500;    line-height: 1.3;    color: var(--text-dark);}.product-rating {    display: flex;    align-items: center;    gap: 12px;}.stars {    color: #FFD700;    font-size: 20px;    letter-spacing: 2px;}.rating-count {    color: var(--text-gray);    font-size: 14px;}.product-price {    display: flex;    align-items: center;    gap: 12px;}.current-price {    font-size: 36px;    font-weight: 800;    color: var(--primary-orange);}.original-price {    font-size: 24px;    color: var(--text-light-gray);    text-decoration: line-through;}.discount {    background: var(--success-color);    color: white;    padding: 4px 12px;    border-radius: 6px;    font-size: 14px;    font-weight: 600;}.product-highlights {    background: var(--bg-orange-light);    padding: 24px;    border-radius: 12px;    border-left: 4px solid var(--primary-orange);}.highlight-item {    display: flex;    align-items: center;    gap: 12px;    margin-bottom: 12px;}.highlight-item:last-child {    margin-bottom: 0;}.highlight-item span {    font-size: 15px;    font-weight: 500;    color: var(--text-dark);}.quantity-selector {    display: flex;    align-items: center;    gap: 16px;}.quantity-selector label {    font-weight: 600;    font-size: 15px;}.quantity-controls {    display: flex;    align-items: center;    border: 2px solid var(--border-color);    border-radius: 8px;    overflow: hidden;}.qty-btn {    background: var(--bg-light);    border: none;    width: 40px;    height: 40px;    cursor: pointer;    font-size: 20px;    font-weight: 600;    transition: all 0.3s ease;}.qty-btn:hover {    background: var(--primary-orange);    color: white;}#quantity {    width: 60px;    height: 40px;    border: none;    text-align: center;    font-size: 16px;    font-weight: 600;    border-left: 1px solid var(--border-color);    border-right: 1px solid var(--border-color);}.product-actions {    display: flex;    gap: 12px;}.btn {    padding: 16px 32px;    border: none;    border-radius: 8px;    font-size: 16px;    font-weight: 600;    cursor: pointer;    transition: all 0.3s ease;    flex: 1;}.btn-large {    padding: 18px 36px;    font-size: 17px;}.btn-primary {    background: var(--primary-orange);    color: white;    box-shadow: none;}.btn-primary:hover {    transform: translateY(-1px);    box-shadow: 0 4px 12px rgba(255, 107, 53, 0.2);    opacity: 0.9;}.btn-secondary {    background: white;    color: var(--primary-orange);    border: 2px solid var(--primary-orange);}.btn-secondary:hover {    background: var(--primary-orange);    color: white;}.trust-badges {    display: grid;    grid-template-columns: repeat(2, 1fr);    gap: 16px;    padding: 24px;    background: #fff;    border: 1px solid var(--border-color);    border-radius: 12px;}.trust-badge {    display: flex;    align-items: center;    gap: 8px;}.badge-icon {    width: 32px;    height: 32px;    background: var(--light-orange);    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    font-size: 16px;}.trust-badge span {    font-size: 13px;    font-weight: 600;    color: var(--text-dark);}/* Product Tabs */.product-tabs {    margin: 60px 0;}.tabs-header {    display: flex;    gap: 8px;    border-bottom: 2px solid var(--border-color);    margin-bottom: 32px;}.tab-btn {    background: none;    border: none;    padding: 16px 24px;    font-size: 16px;    font-weight: 600;    color: var(--text-gray);    cursor: pointer;    position: relative;    transition: all 0.3s ease;}.tab-btn:hover {    color: var(--primary-orange);}.tab-btn.active {    color: var(--primary-orange);}.tab-btn.active::after {    content: '';    position: absolute;    bottom: -2px;    left: 0;    width: 100%;    height: 3px;    background: var(--primary-orange);    border-radius: 3px 3px 0 0;}.tab-content {    display: none;}.tab-content.active {    display: block;    animation: fadeIn 0.5s ease;}@keyframes fadeIn {    from {        opacity: 0;        transform: translateY(10px);    }    to {        opacity: 1;        transform: translateY(0);    }}.tab-content h2 {    font-family: 'Sabler Titling Ext Regular', sans-serif;    font-size: 28px;    font-weight: 500;    margin-bottom: 32px;    color: var(--text-dark);}/* Steps Grid */.steps-grid {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));    gap: 24px;}.step-card {    background: white;    padding: 28px;    border-radius: 12px;    border: 2px solid var(--border-color);    transition: all 0.3s ease;    position: relative;}.step-card:hover {    border-color: var(--primary-orange);    box-shadow: var(--shadow-sm);    transform: translateY(-2px);}.step-number {    width: 48px;    height: 48px;    background: var(--primary-orange);    color: white;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    font-size: 24px;    font-weight: 800;    margin-bottom: 16px;}.step-card h3 {    font-size: 18px;    font-weight: 500;    margin-bottom: 12px;    color: var(--text-dark);}.step-card p {    color: var(--text-gray);    font-size: 14px;    line-height: 1.6;}/* Benefits Grid */.benefits-grid {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));    gap: 24px;}.benefit-card {    background: var(--bg-orange-light);    padding: 32px;    border-radius: 16px;    text-align: center;    transition: all 0.3s ease;    border: 2px solid var(--border-color);    box-shadow: var(--shadow-sm);}.benefit-card:hover {    border-color: var(--primary-orange);    transform: translateY(-8px);    box-shadow: var(--shadow-lg);}.benefit-icon {    font-size: 48px;    margin-bottom: 16px;}.benefit-card h3 {    font-size: 18px;    font-weight: 500;    margin-bottom: 12px;    color: var(--text-dark);}.benefit-card p {    color: var(--text-gray);    font-size: 14px;    line-height: 1.6;}/* Ingredients Section */.ingredients-section {    display: flex;    flex-direction: column;    gap: 24px;}.ingredient-group {    background: var(--bg-light);    padding: 24px;    border-radius: 12px;    border-left: 4px solid var(--primary-orange);}.ingredient-group h3 {    font-size: 18px;    font-weight: 500;    margin-bottom: 12px;    color: var(--text-dark);}.ingredient-group p {    color: var(--text-gray);    line-height: 1.8;}.ingredient-group strong {    color: var(--primary-orange);    font-weight: 700;}/* Do's & Don'ts */.dos-donts-grid {    display: grid;    grid-template-columns: 1fr 1fr;    gap: 32px;    margin-bottom: 32px;}.dos-section,.donts-section {    background: white;    padding: 32px;    border-radius: 16px;    border: 2px solid var(--border-color);}.dos-title {    font-size: 24px;    font-weight: 700;    margin-bottom: 20px;    color: var(--success-color);}.donts-title {    font-size: 24px;    font-weight: 600;    margin-bottom: 20px;    color: #EF4444;}.dos-list,.donts-list {    list-style: none;}.dos-list li,.donts-list li {    padding: 12px 0;    padding-left: 32px;    position: relative;    color: var(--text-gray);    line-height: 1.6;}.dos-list li::before {    content: '✓';    position: absolute;    left: 0;    color: var(--success-color);    font-weight: 800;    font-size: 18px;}.donts-list li::before {    content: '✗';    position: absolute;    left: 0;    color: #EF4444;    font-weight: 800;    font-size: 18px;}.warning-box {    background: linear-gradient(135deg, #FFF3CD 0%, #FFE8A1 100%);    padding: 24px;    border-radius: 12px;    border-left: 4px solid #FFA500;}.warning-box h4 {    font-size: 18px;    font-weight: 700;    margin-bottom: 16px;    color: #B45309;}.warning-box ol {    padding-left: 20px;    color: var(--text-dark);}.warning-box li {    margin-bottom: 8px;    line-height: 1.6;}/* Why Niconi Section */.why-niconi-section {    margin: 60px 0;    padding: 48px;    background: linear-gradient(135deg, var(--bg-white) 0%, var(--bg-orange-light) 100%);    border-radius: 20px;    border: 2px solid var(--border-orange);}.why-niconi-section h2 {    font-size: 32px;    font-weight: 800;    text-align: center;    margin-bottom: 40px;    color: var(--text-dark);}.why-niconi-section h2 {    font-family: 'Sabler Titling Ext Regular', sans-serif;    font-size: 32px;    text-align: center;    margin-bottom: 40px;    color: var(--text-dark);}.comparison-table {    background: white;    border-radius: 12px;    overflow: hidden;    box-shadow: var(--shadow-md);}.comparison-header,.comparison-row {    display: grid;    grid-template-columns: 2fr 1fr 1fr;    gap: 16px;    padding: 20px 24px;    align-items: center;}.comparison-header {    background: var(--primary-orange);    color: white;    font-weight: 700;    font-size: 16px;}.comparison-row {    border-bottom: 1px solid var(--border-color);}.comparison-row:last-child {    border-bottom: none;}.comparison-row:hover {    background: var(--bg-light);}.col-feature {    font-weight: 600;    color: var(--text-dark);}.col-niconi,.col-others {    text-align: center;    font-size: 24px;    font-weight: 700;}.col-niconi {    color: var(--success-color);}.col-others {    color: #EF4444;}/* Product Infographics */.product-infographics {    margin: 60px 0;}.product-infographics h2 {    font-size: 32px;    font-weight: 800;    text-align: center;    margin-bottom: 40px;    color: var(--text-dark);}.infographic-grid {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));    gap: 24px;}.infographic-item {    background: var(--bg-white);    border-radius: 16px;    overflow: hidden;    border: 2px solid var(--border-color);    transition: all 0.3s ease;    box-shadow: var(--shadow-sm);}.infographic-item:hover {    border-color: var(--primary-orange);    box-shadow: var(--shadow-lg);    transform: translateY(-8px);}.infographic-item img {    width: 100%;    height: auto;    display: block;}/* Reviews Section */.reviews-section {    margin: 60px 0;}.reviews-section h2 {    font-size: 32px;    font-weight: 800;    text-align: center;    margin-bottom: 32px;}.reviews-summary {    text-align: center;    margin-bottom: 48px;}.rating-overview {    display: inline-block;    padding: 32px 48px;    background: var(--bg-orange-light);    border-radius: 16px;}.rating-number {    font-size: 64px;    font-weight: 800;    color: var(--primary-orange);    line-height: 1;}.rating-stars {    font-size: 32px;    color: #FFD700;    margin: 8px 0;}.rating-text {    color: var(--text-gray);    font-size: 14px;}.reviews-grid {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));    gap: 24px;}.review-card {    background: white;    padding: 28px;    border-radius: 12px;    border: 2px solid var(--border-color);    transition: all 0.3s ease;}.review-card:hover {    border-color: var(--primary-orange);    box-shadow: var(--shadow-md);}.review-stars {    color: #FFD700;    font-size: 18px;    margin-bottom: 12px;}.review-card h4 {    font-size: 18px;    font-weight: 700;    margin-bottom: 12px;    color: var(--text-dark);}.review-card p {    color: var(--text-gray);    line-height: 1.7;    margin-bottom: 16px;}.review-author {    color: var(--text-light-gray);    font-size: 14px;    font-style: italic;}/* FAQ Section */.faq-section {    margin: 60px 0;    padding: 48px;    background: var(--bg-light);    border-radius: 20px;}.faq-section h2 {    font-size: 32px;    font-weight: 800;    text-align: center;    margin-bottom: 40px;}.faq-grid {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));    gap: 24px;}.faq-item {    background: white;    padding: 24px;    border-radius: 12px;    border-left: 4px solid var(--primary-orange);    transition: all 0.3s ease;}.faq-item:hover {    box-shadow: var(--shadow-md);    transform: translateX(4px);}.faq-item h3 {    font-size: 16px;    font-weight: 700;    margin-bottom: 12px;    color: var(--text-dark);}.faq-item p {    color: var(--text-gray);    line-height: 1.7;    font-size: 14px;}/* Social Proof Banner */.social-proof-banner {    display: grid;    grid-template-columns: repeat(4, 1fr);    gap: 24px;    padding: 48px;    background: var(--primary-orange);    border-radius: 20px;    margin: 60px 0;}.proof-stat {    text-align: center;    color: white;}.stat-number {    font-size: 48px;    font-weight: 800;    line-height: 1;    margin-bottom: 8px;}.stat-label {    font-size: 14px;    opacity: 0.9;}/* Sticky Bottom Bar */.sticky-bottom-bar {    position: fixed;    bottom: -100px;    left: 0;    right: 0;    background: white;    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.15);    z-index: 99;    transition: bottom 0.3s ease;}.sticky-bottom-bar.visible {    bottom: 0;    transition: bottom 0.3s ease;}.sticky-bottom-bar .container {    padding: 0 16px;}.sticky-content {    display: flex;    align-items: center;    justify-content: space-between;    padding: 16px 0;}.sticky-price {    display: flex;    align-items: center;    gap: 12px;}.sticky-price .price {    font-size: 28px;    font-weight: 800;    color: var(--primary-orange);}.sticky-price .original {    font-size: 18px;    color: var(--text-light-gray);    text-decoration: line-through;}.sticky-actions {    display: flex;    gap: 12px;    flex: 1;    justify-content: flex-end;}/* Footer */.footer {    background: var(--text-dark);    color: white;    padding: 60px 0 20px;    margin-top: 80px;}.footer-content {    display: grid;    grid-template-columns: repeat(4, 1fr);    gap: 40px;    margin-bottom: 40px;}.footer-col h3 {    font-size: 18px;    font-weight: 700;    margin-bottom: 20px;}.footer-col ul {    list-style: none;}.footer-col li {    margin-bottom: 12px;}.footer-col a {    color: rgba(255, 255, 255, 0.7);    text-decoration: none;    transition: color 0.3s ease;    font-size: 14px;}.footer-col a:hover {    color: var(--primary-orange);}.footer-col p {    color: rgba(255, 255, 255, 0.7);    font-size: 14px;    margin-bottom: 16px;}.newsletter {    display: flex;    gap: 8px;}.newsletter input {    flex: 1;    padding: 12px;    border: none;    border-radius: 6px;    font-size: 14px;}.newsletter button {    padding: 12px 24px;    background: var(--primary-orange);    color: white;    border: none;    border-radius: 6px;    font-weight: 600;    cursor: pointer;    transition: transform 0.3s ease;}.newsletter button:hover {    transform: scale(1.05);}.footer-bottom {    text-align: center;    padding-top: 20px;    border-top: 1px solid rgba(255, 255, 255, 0.1);    color: rgba(255, 255, 255, 0.5);    font-size: 14px;}/* Responsive Design */@media (max-width: 1024px) {    .product-section {        grid-template-columns: 1fr;        gap: 24px;        /* Reduce gap */    }    .nav {        display: none;    }    .social-proof-banner {        grid-template-columns: repeat(2, 1fr);    }    .footer-content {        grid-template-columns: repeat(2, 1fr);    }}@media (max-width: 768px) {    .product-title {        font-size: 24px;    }    .current-price {        font-size: 28px;    }    .product-actions {        flex-direction: column;    }    .tabs-header {        overflow-x: auto;        flex-wrap: nowrap;    }    .tab-btn {        white-space: nowrap;    }    .steps-grid,    .benefits-grid {        grid-template-columns: 1fr;    }    .dos-donts-grid {        grid-template-columns: 1fr;    }    .comparison-header,    .comparison-row {        grid-template-columns: 1.5fr 1fr 1fr;        font-size: 14px;        padding: 16px;    }    .social-proof-banner {        grid-template-columns: 1fr;        gap: 32px;    }    .faq-grid {        grid-template-columns: 1fr;    }    .footer-content {        grid-template-columns: 1fr;    }    .sticky-actions .btn {        flex: 1;        padding: 12px 16px;        /* Adjust padding for mobile */        font-size: 14px;        /* Ensure text fits */        white-space: nowrap;        /* Prevent text wrapping */    }    .sticky-content {        flex-direction: row;        /* Force row on mobile */        justify-content: space-between;        align-items: center;        gap: 12px;    }    .sticky-price {        display: none;        /* Hide price on very small sticky bar if needed, or adjust */    }}@media (max-width: 480px) {    .product-jar {        width: 100%;        max-width: 220px;        /*Reduce size slightly for better fit*/        height: auto;        margin: 0 auto;        /* Center it */    }    .jar-label h3 {        font-size: 20px;        /* Scale down text */    }    .main-image {        padding: 10px;        /* Reduce padding to give more space to image */        aspect-ratio: auto;        /* Allow flexible height */        height: 350px;        /* Fixed height for consistency */    }    .limited-time-offer {        padding: 12px;    }    .time-val {        font-size: 16px;        /* Slightly smaller */    }    .separator {        font-size: 16px;    }    .jar-label p {        font-size: 14px;    }    .mobile-showcase {        width: 100%;        overflow: hidden;        /* Ensure no horiz scroll */    }    .trust-badges {        grid-template-columns: repeat(2, 1fr);        gap: 12px;        padding: 16px;        /* Reduce padding */    }    .thumbnail {        width: 70px;        /* Smaller thumbnails on mobile */        height: 70px;        flex-shrink: 0;        /* Prevent squishing */    }    .thumbnail-images {        gap: 8px;        justify-content: flex-start;        /* Align left for scrolling */    }    .product-title {        font-size: 22px;        /* Smaller title */        line-height: 1.4;    }    .quantity-selector {        flex-direction: column;        /* Stack label and controls */        align-items: flex-start;        gap: 8px;    }    .quantity-controls {        width: 100%;        /* Full width controls */        justify-content: space-between;    }    .qty-btn {        width: 48px;        /* Larger touch targets */        height: 44px;    }    #quantity {        flex: 1;        /* Stretch input */    }}/* Specific Tweak for 430px (iPhone 14/15 Pro Max) */@media (max-width: 430px) {    .sticky-actions .btn {        padding: 12px 12px;        font-size: 13px;    }}/* Mobile Showcase / Stories - Updated Integration *//* Mobile Showcase / Stories - Updated Integration */.mobile-showcase {    margin: 60px 0;    padding: 40px 0;    background: var(--bg-light);}.mobile-showcase h2 {    font-family: 'Sabler Titling Ext Regular', sans-serif;    font-size: 32px;    text-align: center;    margin-bottom: 8px;    color: var(--text-dark);}.showcase-subtitle {    text-align: center;    color: var(--text-gray);    margin-bottom: 40px;    font-size: 16px;}.mobile-screens-scroll-container {    display: flex;    flex-direction: column;    /* Stack vertically */    align-items: center;    /* Center horizontally */    gap: 40px;    /* Space between screenshots */    padding: 0 20px;}.mobile-screens-scroll-container::-webkit-scrollbar {    display: none;}.mobile-screen-item {    width: 100%;    max-width: 480px;    /* Limit width on bigger screens to look like a mobile device */    border-radius: 20px;    overflow: hidden;    box-shadow: var(--shadow-lg);    border: 4px solid var(--text-dark);    background: black;    position: relative;    /* Ensure no cropping */    height: auto;    display: flex;    justify-content: center;    align-items: center;}.mobile-screen-item:hover {    transform: translateY(-5px);}.mobile-screen-item img {    width: 100%;    height: auto;    /* Maintain aspect ratio */    object-fit: contain;    /* Ensure full image is visible */    display: block;}/* Mobile Responsive *//* Mobile Responsive */@media (max-width: 768px) {    body,    html {        overflow-x: hidden;        max-width: 100vw;    }    .container {        padding: 0 16px;        width: 100%;        overflow-x: hidden;    }    .mobile-showcase {        margin: 40px 0;        width: 100%;    }    .mobile-screens-scroll-container {        gap: 24px;        padding: 0;        width: 100%;    }    .mobile-screen-item {        width: 100%;        /* Use full width available in container */        max-width: 100%;        /* Allow it to go full width on mobile if needed */        border-width: 2px;        border-radius: 12px;        /* Slightly reduced radius for mobile */    }}/* Limited Time Offer */.limited-time-offer {    background: #FFF5F2;    /* Very light orange bg */    border: 1px solid #FFD8CC;    border-radius: 12px;    padding: 16px;    margin-bottom: 24px;    display: flex;    align-items: center;    justify-content: space-between;}.offer-header {    display: flex;    align-items: center;    gap: 8px;    color: var(--primary-orange);    font-weight: 600;    font-size: 15px;}.countdown-timer {    display: flex;    align-items: center;    gap: 8px;}.time-block {    display: flex;    flex-direction: column;    align-items: center;    min-width: 40px;}.time-val {    font-size: 18px;    font-weight: 700;    color: var(--text-dark);    line-height: 1;}.time-label {    font-size: 10px;    text-transform: uppercase;    color: var(--text-gray);    margin-top: 2px;}.separator {    font-size: 18px;    font-weight: 700;    color: var(--primary-orange);    margin-bottom: 12px;    /* Align with numbers */}@media (max-width: 480px) {    .limited-time-offer {        flex-direction: column;        gap: 12px;        text-align: center;    }}