/** Shopify CDN: Minification failed

Line 864:0 Unexpected "}"

**/
/* Generated by scripts/build-bundles.js from 14 files - do not edit. */
/* product-page.css */
.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;font-weight:600;line-height:1.5;border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1);white-space:nowrap;user-select:none;background:#03045e;color:#fff}.button:disabled{opacity:.6;cursor:not-allowed}.button:hover:not(:disabled){background:#023e8a;transform:translateY(-1px);box-shadow:0 12px 40px rgba(3,4,94,.35)}.button:active:not(:disabled){transform:translateY(0)}.button--secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;font-weight:600;line-height:1.5;border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1);white-space:nowrap;user-select:none;background:#fff;color:#03045e;border:2px solid #03045e}.button--secondary:disabled{opacity:.6;cursor:not-allowed}.button--secondary:hover:not(:disabled){background:#03045e;color:#fff;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.button--secondary:active:not(:disabled){transform:translateY(0)}.button--ghost{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;font-weight:600;line-height:1.5;border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1);white-space:nowrap;user-select:none;background:rgba(0,0,0,0);color:#121212;border:2px solid #e5e5e5}.button--ghost:disabled{opacity:.6;cursor:not-allowed}.button--ghost:hover:not(:disabled){border-color:#03045e;color:#03045e}.button--small{padding:8px 16px;font-size:.875rem}.button--large{padding:16px 32px;font-size:1.125rem}.button--full{width:100%}.button--icon{display:inline-flex;align-items:center;gap:8px}.button--icon .icon{width:20px;height:20px}.button--loading{position:relative;color:rgba(0,0,0,0);pointer-events:none}.button--loading::after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin:-10px 0 0 -10px;border:2px solid #fff;border-top-color:rgba(0,0,0,0);border-radius:50%;animation:spin 1s linear infinite}.button--success{background:#00c66b}.button--success:hover{background:rgb(0,147,79.4393939394)}.shopify-payment-button__button,.shopify-challenge__button,button[type=submit],input[type=submit]{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;font-weight:600;line-height:1.5;border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1);white-space:nowrap;user-select:none;background:#03045e;color:#fff}.shopify-payment-button__button:disabled,.shopify-challenge__button:disabled,button[type=submit]:disabled,input[type=submit]:disabled{opacity:.6;cursor:not-allowed}.shopify-payment-button__button:hover:not(:disabled),.shopify-challenge__button:hover:not(:disabled),button[type=submit]:hover:not(:disabled),input[type=submit]:hover:not(:disabled){background:#023e8a;transform:translateY(-1px);box-shadow:0 12px 40px rgba(3,4,94,.35)}.shopify-payment-button__button:active:not(:disabled),.shopify-challenge__button:active:not(:disabled),button[type=submit]:active:not(:disabled),input[type=submit]:active:not(:disabled){transform:translateY(0)}.btn,.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;font-weight:600;line-height:1.5;border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1);white-space:nowrap;user-select:none;background:#03045e;color:#fff}.btn:disabled,.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:#023e8a;transform:translateY(-1px);box-shadow:0 12px 40px rgba(3,4,94,.35)}.btn:active:not(:disabled),.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;font-weight:600;line-height:1.5;border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1);white-space:nowrap;user-select:none;background:#fff;color:#03045e;border:2px solid #03045e}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary:hover:not(:disabled){background:#03045e;color:#fff;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.cart__submit,.cart__checkout,.product-form__submit{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;font-weight:600;line-height:1.5;border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1);white-space:nowrap;user-select:none;background:#03045e;color:#fff;width:100%;font-size:1.125rem;padding:16px 32px}.cart__submit:disabled,.cart__checkout:disabled,.product-form__submit:disabled{opacity:.6;cursor:not-allowed}.cart__submit:hover:not(:disabled),.cart__checkout:hover:not(:disabled),.product-form__submit:hover:not(:disabled){background:#023e8a;transform:translateY(-1px);box-shadow:0 12px 40px rgba(3,4,94,.35)}.cart__submit:active:not(:disabled),.cart__checkout:active:not(:disabled),.product-form__submit:active:not(:disabled){transform:translateY(0)}.button-link{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;font-weight:600;line-height:1.5;border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1);white-space:nowrap;user-select:none;background:rgba(0,0,0,0);color:#121212;border:2px solid #e5e5e5;text-decoration:none}.button-link:disabled{opacity:.6;cursor:not-allowed}.button-link:hover:not(:disabled){border-color:#03045e;color:#03045e}.button-link:hover{text-decoration:none}.button-icon{padding:0;border:none;background:none;font:inherit;color:inherit;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1)}.button-icon:hover{background:#f8f9fa;transform:scale(1.1)}.button-icon .icon{width:20px;height:20px;color:#121212}.button-icon--primary{background:#03045e}.button-icon--primary:hover{background:#023e8a}.button-icon--primary .icon{color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.product-hero-gallery{position:relative;width:100%}.product-hero-gallery .gallery__main{position:relative;margin-bottom:16px;background:#f8f9fa;border-radius:12px;overflow:hidden;border:1px solid #f0f0f0}.product-hero-gallery .gallery__main .gallery__images{position:relative;aspect-ratio:4/3;width:100%;overflow:hidden;background:#fff}.product-hero-gallery .gallery__main .gallery__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}.product-hero-gallery .gallery__main .gallery__image.is-active{opacity:1;z-index:1}.product-hero-gallery .gallery__main .gallery__image img{width:100%;height:100%;object-fit:contain}.product-hero-gallery .gallery__main .zoom-indicator{position:absolute;top:16px;right:16px;background:hsla(0,0%,100%,.95);border-radius:8px;padding:8px 16px;font-size:.875rem;font-weight:500;color:#121212;pointer-events:none;opacity:0;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);z-index:10;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}@media(min-width: 1280px){.gallery__main:hover .product-hero-gallery .gallery__main .zoom-indicator{opacity:1}}.product-hero-gallery .gallery__main .zoom-indicator .icon{width:16px;height:16px;margin-right:6px;vertical-align:-3px}.product-hero-gallery .gallery__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5}.product-hero-gallery .gallery__nav button{width:40px;height:40px;border-radius:50%;border:none;background:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1)}.product-hero-gallery .gallery__nav button:hover{transform:scale(1.1);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.product-hero-gallery .gallery__nav button:active{transform:scale(0.95)}.product-hero-gallery .gallery__nav button svg{width:20px;height:20px;color:#121212}.product-hero-gallery .gallery__nav--prev{left:16px}.product-hero-gallery .gallery__nav--next{right:16px}@media(max-width: 767px){.product-hero-gallery .gallery__nav{display:none}}.product-hero-gallery .gallery__thumbs{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media(max-width: 767px){.product-hero-gallery .gallery__thumbs{gap:8px}}.product-hero-gallery .gallery__thumb{width:80px;height:80px;padding:0;border:2px solid rgba(0,0,0,0);border-radius:8px;overflow:hidden;cursor:pointer;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1);background:#f8f9fa}@media(max-width: 767px){.product-hero-gallery .gallery__thumb{width:60px;height:60px}}.product-hero-gallery .gallery__thumb.is-active{border-color:#03045e}.product-hero-gallery .gallery__thumb:hover:not(.is-active){border-color:#e5e5e5;transform:translateY(-2px);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.product-hero-gallery .gallery__thumb:focus{outline:none;box-shadow:0 0 0 3px rgba(3,4,94,.2)}.product-hero-gallery .gallery__thumb img{width:100%;height:100%;object-fit:cover}.product-hero-gallery .badge{position:absolute;top:16px;left:16px;background:#ff3b30;color:#fff;padding:6px 12px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:10;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.product-hero-gallery .badge--new{background:#00c66b}.product-hero-gallery .badge--limited{background:#ffb800}.product-hero-gallery .badge--sale{background:#03045e}.product-hero-gallery .gallery__dots{display:none;justify-content:center;gap:8px;margin-top:16px}@media(max-width: 767px){.product-hero-gallery .gallery__dots{display:flex}}.product-hero-gallery .gallery__dots button{width:8px;height:8px;padding:0;border:none;border-radius:50%;background:#e5e5e5;cursor:pointer;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1)}.product-hero-gallery .gallery__dots button.is-active{width:24px;border-radius:4px;background:#03045e}.product-hero-gallery .gallery__dots button:hover:not(.is-active){background:#666}@media(max-width: 767px){.product-hero-gallery{margin-bottom:24px}.product-hero-gallery .gallery__main{margin-bottom:12px;border-radius:8px}.product-hero-gallery .gallery__main .gallery__images{cursor:grab}.product-hero-gallery .gallery__main .gallery__images:active{cursor:grabbing}}@media(min-width: 1280px){.product-hero-gallery .gallery__main .gallery__images{cursor:zoom-in}.product-hero-gallery.zoom-active .gallery__main .gallery__images{cursor:zoom-out}}.gallery-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1)}.gallery-fullscreen.is-active{opacity:1;visibility:visible}.gallery-fullscreen .fullscreen__image{max-width:90vw;max-height:90vh;object-fit:contain}.gallery-fullscreen .fullscreen__nav{position:absolute;top:50%;transform:translateY(-50%)}.gallery-fullscreen .fullscreen__nav button{padding:0;border:none;background:none;font:inherit;color:inherit;cursor:pointer;width:60px;height:60px;background:hsla(0,0%,100%,.1);border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1)}.gallery-fullscreen .fullscreen__nav button:hover{background:hsla(0,0%,100%,.2);transform:scale(1.1)}.gallery-fullscreen .fullscreen__nav button svg{width:32px;height:32px;color:#fff}.gallery-fullscreen .fullscreen__nav--prev{left:40px}.gallery-fullscreen .fullscreen__nav--next{right:40px}.gallery-fullscreen .fullscreen__counter{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);color:#fff;text-align:center;font-size:.875rem;margin-top:1rem}.gallery-fullscreen .fullscreen__close{position:absolute;top:24px;right:24px;background:#fff;border:none;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.gallery-fullscreen .fullscreen__close:hover{background:#f8f9fa;transform:scale(1.1)}.gallery-fullscreen .fullscreen__close svg{width:24px;height:24px;color:#121212}.gallery__skeleton{position:relative;overflow:hidden;background:#f8f9fa;border-radius:12px;overflow:hidden;position:relative}.gallery__skeleton::before{content:"";display:block;padding-bottom:75%}.gallery__skeleton>*{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.gallery__skeleton::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.5) 50%, transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.product-sticky-header{position:fixed;top:0;left:0;right:0;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08);z-index:100;transition:transform 300ms cubic-bezier(0.4, 0, 0.2, 1)}.product-sticky-header.is-visible{box-shadow:0 4px 12px rgba(0,0,0,.1)}.product-sticky-header .sticky-header__container{padding:12px 0}@media(max-width: 768px){.product-sticky-header .sticky-header__container{padding:8px 0}}.product-sticky-header .sticky-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px}@media(max-width: 768px){.product-sticky-header .sticky-header__inner{gap:12px}}.product-sticky-header .sticky-header__left{display:flex;align-items:center;gap:24px;flex:1;min-width:0}@media(max-width: 768px){.product-sticky-header .sticky-header__left{gap:12px}}.product-sticky-header .sticky-header__logo{flex-shrink:0;display:flex;align-items:center}.product-sticky-header .sticky-header__logo img{height:30px;width:auto}@media(max-width: 768px){.product-sticky-header .sticky-header__logo img{height:24px}}@media(max-width: 768px){.product-sticky-header .sticky-header__logo{display:none}}.product-sticky-header .sticky-header__product{display:flex;align-items:center;gap:12px;min-width:0}.product-sticky-header .sticky-header__image{flex-shrink:0;width:40px;height:40px;object-fit:cover;border-radius:4px;background:#f5f5f7}@media(max-width: 768px){.product-sticky-header .sticky-header__image{display:none}}.product-sticky-header .sticky-header__title{font-size:16px;font-weight:600;color:#121212;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width: 768px){.product-sticky-header .sticky-header__title{font-size:14px}}.product-sticky-header .sticky-header__center{flex-shrink:0}@media(max-width: 768px){.product-sticky-header .sticky-header__center{display:none}}.product-sticky-header .sticky-header__price-wrapper{display:flex;align-items:center;gap:12px}.product-sticky-header .sticky-header__price{display:flex;align-items:baseline;gap:8px}.product-sticky-header .sticky-header__price .price__current{font-size:20px;font-weight:700;color:#121212}.product-sticky-header .sticky-header__price .price__compare{font-size:16px;color:#666}.product-sticky-header .sticky-header__badge{display:inline-flex;align-items:center;padding:4px 12px;background:#00c66b;color:#fff;border-radius:20px;font-size:12px;font-weight:600}.product-sticky-header .sticky-header__right{display:flex;align-items:center;gap:12px;flex-shrink:0}.product-sticky-header .sticky-header__form{display:flex}.product-sticky-header .sticky-add-to-cart{display:flex;align-items:center;gap:8px;padding:10px 24px;font-size:14px}@media(max-width: 768px){.product-sticky-header .sticky-add-to-cart{padding:8px 16px}}.product-sticky-header .sticky-add-to-cart .text-desktop{display:inline}@media(max-width: 768px){.product-sticky-header .sticky-add-to-cart .text-desktop{display:none}}.product-sticky-header .sticky-add-to-cart .text-mobile{display:none}@media(max-width: 768px){.product-sticky-header .sticky-add-to-cart .text-mobile{display:inline}}.product-sticky-header .sticky-add-to-cart .button__price{font-weight:700}.product-sticky-header .sticky-add-to-cart .button__price::before{content:"- ";font-weight:400}@media(max-width: 768px){.product-sticky-header .sticky-add-to-cart .button__price{display:inline}}.product-sticky-header .sticky-add-to-cart .button__loading{display:inline-flex;align-items:center;justify-content:center}.product-sticky-header .sticky-add-to-cart .spinner{animation:rotate 1.5s linear infinite}.product-sticky-header .sticky-add-to-cart.is-success{background:#00c66b;border-color:#00c66b}.product-sticky-header .sticky-add-to-cart.is-success .icon--check{width:16px;height:16px;margin-right:4px}.product-sticky-header .sticky-add-to-cart.is-error{background:#d32f2f;border-color:#d32f2f}.product-sticky-header .sticky-header__wishlist{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e5e5;border-radius:50%;cursor:pointer;transition:all 250ms ease}.product-sticky-header .sticky-header__wishlist:hover{border-color:#03045e;color:#03045e}.product-sticky-header .sticky-header__wishlist.is-active{background:#03045e;border-color:#03045e;color:#fff}.product-sticky-header .sticky-header__wishlist.is-active .icon--heart{fill:currentColor}.product-sticky-header .sticky-header__wishlist .icon{width:20px;height:20px}@media(max-width: 768px){.product-sticky-header .sticky-header__wishlist{width:36px;height:36px}.product-sticky-header .sticky-header__wishlist .icon{width:18px;height:18px}}.product-sticky-header .sticky-header__variants{display:none;padding:8px 16px;border-top:1px solid #e5e5e5}@media(max-width: 768px){.product-sticky-header .sticky-header__variants{display:block}}.product-sticky-header .sticky-header__variant-select{width:100%;padding:8px 12px;border:1px solid #e5e5e5;border-radius:4px;background:#fff;font-size:14px}.product-sticky-header .sticky-header__variant-select:focus{outline:none;border-color:#03045e}@media(min-width: 769px){body.sticky-header-visible{padding-top:64px}}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media(max-width: 768px){.sticky-header__left .sticky-header__price-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-left:auto;margin-right:12px}.sticky-header__left .sticky-header__price{font-size:14px}.sticky-header__left .sticky-header__price .price__current{font-size:16px}.sticky-header__left .sticky-header__price .price__compare{font-size:14px}.sticky-header__left .sticky-header__badge{font-size:11px;padding:2px 8px}}.product-info{padding:0}@media(min-width: 1280px){.product-info{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:thin}.product-info::-webkit-scrollbar{width:6px}.product-info::-webkit-scrollbar-track{background:#f8f9fa}.product-info::-webkit-scrollbar-thumb{background:#e5e5e5;border-radius:3px}}.product-info .product-badge{display:inline-flex;align-items:center;padding:6px 16px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.product-info .product-badge--bestseller{background:#03045e;color:#fff}.product-info .product-badge--new{background:#00c66b;color:#fff}.product-info .product-badge--sale{background:#03045e;color:#fff}.product-info__title{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:2.25rem;font-weight:700;line-height:1.2;letter-spacing:-0.02em;color:#121212;margin:0 0 16px 0}@media(min-width: 1280px){.product-info__title{font-size:3rem}}.product-info .product-reviews{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:24px}.product-info .product-reviews .star-rating{display:flex;gap:2px}.product-info .product-reviews .star-rating .star{width:20px;height:20px;color:#ffb800}.product-info .product-reviews .star-rating .star--filled{fill:currentColor}.product-info .product-reviews__count{color:#03045e;text-decoration:none;font-size:.875rem;font-weight:600}.product-info .product-reviews__count:hover{text-decoration:underline}.product-info .product-reviews__verified{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#00c66b;font-weight:600}.product-info .product-reviews__verified .icon{width:16px;height:16px}.product-info .product-pricing{padding:20px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;margin-bottom:24px}.product-info .product-pricing .price-group{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin-bottom:8px}.product-info .product-pricing .price--current{font-size:2.25rem;font-weight:700;color:#121212}.product-info .product-pricing .price--compare{font-size:1.5rem;color:#666;text-decoration:line-through}.product-info .product-pricing .price-badge{display:inline-flex;align-items:center;padding:4px 12px;background:#03045e;color:#fff;border-radius:20px;font-size:.875rem;font-weight:600}.product-info .product-pricing .payment-plans{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:.875rem;color:#666}.product-info .product-pricing .payment-plans .icon{width:16px;height:16px}.product-info .product-pricing .payment-plans strong{color:#121212}.product-info .product-pricing .payment-plans .payment-info{padding:2px;background:none;border:none;cursor:pointer;color:#03045e}.product-info .product-pricing .payment-plans .payment-info:hover{color:#023e8a}.product-info .product-features{list-style:none;padding:0;margin:0 0 24px 0}.product-info .product-features__item{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;font-size:1rem;line-height:1.5}.product-info .product-features__item .icon{width:20px;height:20px;color:#03045e;flex-shrink:0;margin-top:2px}.product-info .product-variants{margin-bottom:24px}.product-info .product-variants__label{display:block;font-size:.875rem;font-weight:600;color:#121212;margin-bottom:12px}.product-info .product-variants__options{display:flex;flex-wrap:wrap;gap:12px}.product-info .product-variants__option{position:relative}.product-info .product-variants__option input[type=radio]{position:absolute;opacity:0}.product-info .product-variants__option input[type=radio]:checked+label{border-color:#03045e;box-shadow:0 0 0 2px #03045e}.product-info .product-variants__option input[type=radio]:focus-visible+label{outline:2px solid #03045e;outline-offset:2px}.product-info .product-variants__option label{display:block;padding:12px 24px;border:2px solid #e5e5e5;border-radius:8px;font-size:.875rem;font-weight:500;color:#121212;cursor:pointer;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1);text-align:center;min-width:120px}.product-info .product-variants__option label:hover{border-color:#03045e;transform:translateY(-2px);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.product-info .product-variants__option label .price-diff{display:block;font-size:.75rem;color:#666;margin-top:4px}.product-info .product-variants--color .product-variants__option label{min-width:auto;padding:4px;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.product-info .product-variants--color .product-variants__option label .swatch{width:36px;height:36px;border-radius:50%;border:1px solid #e5e5e5}.product-info .product-quantity{margin-bottom:24px}.product-info .product-quantity__label{display:block;font-size:.875rem;font-weight:600;color:#121212;margin-bottom:12px}.product-info .product-quantity__selector{display:inline-flex;align-items:center;border:2px solid #e5e5e5;border-radius:8px;background:#fff}.product-info .product-quantity__selector button{padding:0;border:none;background:none;font:inherit;color:inherit;cursor:pointer;width:48px;height:48px;display:flex;align-items:center;justify-content:center;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1)}.product-info .product-quantity__selector button:hover:not(:disabled){background:#f8f9fa}.product-info .product-quantity__selector button:disabled{opacity:.3;cursor:not-allowed}.product-info .product-quantity__selector button svg{width:16px;height:16px;color:#121212}.product-info .product-quantity__selector input{width:60px;text-align:center;border:none;font-size:1rem;font-weight:600;color:#121212;background:none;-moz-appearance:textfield}.product-info .product-quantity__selector input::-webkit-outer-spin-button,.product-info .product-quantity__selector input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.product-info .product-form{margin-bottom:24px}.product-info .product-form__submit{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;font-weight:600;line-height:1.5;border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1);white-space:nowrap;user-select:none;background:#03045e;color:#fff;width:100%;font-size:1.125rem;padding:16px 32px;position:relative}.product-info .product-form__submit:disabled{opacity:.6;cursor:not-allowed}.product-info .product-form__submit:hover:not(:disabled){background:#023e8a;transform:translateY(-1px);box-shadow:0 12px 40px rgba(3,4,94,.35)}.product-info .product-form__submit:active:not(:disabled){transform:translateY(0)}.product-info .product-form__submit--loading{color:rgba(0,0,0,0);pointer-events:none}.product-info .product-form__submit--loading::after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin:-10px 0 0 -10px;border:2px solid #fff;border-top-color:rgba(0,0,0,0);border-radius:50%;animation:spin 1s linear infinite}.product-info .product-form__submit--success{background:#00c66b}.product-info .product-form__submit--success:hover{background:#00c66b}.product-info .product-form .shopify-payment-button{margin-top:12px}.product-info .product-form .shopify-payment-button .shopify-payment-button__button{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;font-weight:600;line-height:1.5;border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1);white-space:nowrap;user-select:none;background:#fff;color:#03045e;border:2px solid #03045e;width:100%;font-size:1.125rem;padding:16px 32px}.product-info .product-form .shopify-payment-button .shopify-payment-button__button:disabled{opacity:.6;cursor:not-allowed}.product-info .product-form .shopify-payment-button .shopify-payment-button__button:hover:not(:disabled){background:#03045e;color:#fff;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.product-info .product-form .shopify-payment-button .shopify-payment-button__button:active:not(:disabled){transform:translateY(0)}.product-info .product-stock{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:.875rem}.product-info .product-stock--available{color:#00c66b}.product-info .product-stock--available .icon{color:#00c66b}.product-info .product-stock--low{color:#ffb800}.product-info .product-stock--low .icon{color:#ffb800}.product-info .product-stock--out{color:#ff3b30}.product-info .product-stock--out .icon{color:#ff3b30}.product-info .product-stock .icon{width:16px;height:16px}.product-info .product-shipping{padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:24px}.product-info .product-shipping__item{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:.875rem}.product-info .product-shipping__item:last-child{margin-bottom:0}.product-info .product-shipping__item .icon{width:20px;height:20px;color:#03045e;flex-shrink:0}.product-info .product-trust{display:grid;grid-template-columns:repeat(2, 1fr);gap:12px;margin-bottom:24px}@media(max-width: 767px){.product-info .product-trust{grid-template-columns:1fr}}.product-info .product-trust__badge{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid #e5e5e5;border-radius:8px;font-size:.875rem;text-align:center;justify-content:center}.product-info .product-trust__badge .icon{width:24px;height:24px;color:#03045e}.product-info .product-share{padding-top:24px;border-top:1px solid #e5e5e5}.product-info .product-share__label{font-size:.875rem;font-weight:600;color:#121212;margin-bottom:12px}.product-info .product-share__buttons{display:flex;gap:8px}.product-info .product-share__buttons button{padding:0;border:none;background:none;font:inherit;color:inherit;cursor:pointer;width:40px;height:40px;border:1px solid #e5e5e5;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1)}.product-info .product-share__buttons button:hover{border-color:#03045e;transform:translateY(-2px);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.product-info .product-share__buttons button:hover .icon{color:#03045e}.product-info .product-share__buttons button .icon{width:20px;height:20px;color:#121212}@keyframes spin{to{transform:rotate(360deg)}}.product-description-section{padding:40px 0}.product-description-section .container{max-width:1400px;margin:0 auto;padding-left:20px;padding-right:20px}@media(min-width: 1024px){.product-description-section .container{padding-left:40px;padding-right:40px}}@media(min-width: 1280px){.product-description-section .container{padding-left:40px;padding-right:40px}}.product-description-section .product-description-content{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:20px;max-width:840px;margin:0 auto}@media(min-width: 1200px){.product-description-section .product-description-content{max-width:920px}}@media(max-width: 768px){.product-description-section .product-description-content{padding:16px}}.product-description-section .product-description-headline{font-size:18px;line-height:1.6;color:#1b4b82;font-weight:600;margin-bottom:16px}@media(max-width: 768px){.product-description-section .product-description-headline{font-size:16px}}.product-description-section .product-description-text{font-size:16px;line-height:1.6;color:#333;margin-bottom:0}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}.tech-specs{padding:80px 0;background:#f5f5f7}@media(max-width: 768px){.tech-specs{padding:60px 0}}.tech-specs .container{max-width:1200px;margin:0 auto;padding:0 20px}@media(max-width: 768px){.tech-specs .container{padding:0 16px}}.tech-specs .section-header{text-align:center;margin-bottom:60px}.tech-specs .section-header h2{font-size:36px;font-weight:700;color:#121212;margin-bottom:16px}@media(max-width: 768px){.tech-specs .section-header h2{font-size:28px}}.tech-specs .section-header .section-subtitle{font-size:18px;color:#666;max-width:600px;margin:0 auto}@media(max-width: 768px){.tech-specs .section-header .section-subtitle{font-size:16px}}.tech-specs .specs-layout{margin-bottom:80px}.tech-specs .device-viewer{position:relative;background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 24px rgba(0,0,0,.08)}@media(max-width: 768px){.tech-specs .device-viewer{padding:24px}}.tech-specs .device-viewer .device-images{position:relative;height:400px;margin-bottom:32px}@media(max-width: 768px){.tech-specs .device-viewer .device-images{height:300px}}.tech-specs .device-viewer .device-images .device-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 300ms ease}.tech-specs .device-viewer .device-images .device-image.is-active{opacity:1}.tech-specs .device-viewer .hotspot{position:absolute;background:none;border:none;cursor:pointer;z-index:10}.tech-specs .device-viewer .hotspot__dot{display:block;width:24px;height:24px;background:#03045e;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.2);position:relative;transition:transform 250ms ease}.tech-specs .device-viewer .hotspot__dot::after{content:"";position:absolute;inset:-8px;border:2px solid #03045e;border-radius:50%;opacity:0;animation:pulse 2s infinite}.tech-specs .device-viewer .hotspot:hover .hotspot__dot{transform:scale(1.2)}.tech-specs .device-viewer .hotspot-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-8px);background:#03045e;color:#fff;padding:8px 12px;border-radius:4px;font-size:14px;white-space:nowrap;opacity:0;visibility:hidden;transition:all 250ms ease;pointer-events:none}.tech-specs .device-viewer .hotspot-tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid rgba(0,0,0,0);border-top-color:#03045e}.tech-specs .device-viewer .hotspot-tooltip.is-visible{opacity:1;visibility:visible;transform:translateX(-50%) translateY(-12px)}.tech-specs .device-viewer .device-controls{display:flex;align-items:center;justify-content:center;gap:16px}.tech-specs .device-viewer .device-controls .rotate-button{width:40px;height:40px;border-radius:50%;border:1px solid #e5e5e5;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 250ms ease}.tech-specs .device-viewer .device-controls .rotate-button:hover{background:#f5f5f7;border-color:#03045e}.tech-specs .device-viewer .device-controls .rotate-button:hover svg{color:#03045e}.tech-specs .device-viewer .device-controls .rotate-button svg{width:20px;height:20px;color:#666;transition:color 250ms ease}.tech-specs .device-viewer .device-controls .angle-indicators{display:flex;gap:8px}.tech-specs .device-viewer .device-controls .angle-indicators .indicator{width:8px;height:8px;border-radius:50%;background:#e5e5e5;cursor:pointer;transition:all 250ms ease}.tech-specs .device-viewer .device-controls .angle-indicators .indicator:hover{background:#023e8a}.tech-specs .device-viewer .device-controls .angle-indicators .indicator.is-active{background:#03045e;width:24px;border-radius:4px}.tech-specs .device-dimensions{margin-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width: 768px){.tech-specs .device-dimensions{grid-template-columns:1fr}}.tech-specs .device-dimensions:has(.dimension-diagram:only-child){grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.tech-specs .device-dimensions .dimension-diagram{background:#fff;border-radius:8px;padding:24px;border:1px solid #e5e5e5}.tech-specs .device-dimensions .dimension-diagram .dimension-svg{width:100%;height:auto;max-width:300px;margin:0 auto;display:block}.tech-specs .device-dimensions .dimension-diagram .dimension-label{text-align:center;font-size:14px;color:#666;margin-top:16px}.tech-specs .spec-category{margin-bottom:48px;opacity:0;transform:translateY(20px);transition:all 500ms ease}.tech-specs .spec-category.is-visible{opacity:1;transform:translateY(0)}.tech-specs .spec-category h3{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:20px;font-weight:700;color:#121212}.tech-specs .spec-category h3 .icon{width:24px;height:24px;color:#03045e}.tech-specs .spec-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:24px}@media(max-width: 768px){.tech-specs .spec-grid{grid-template-columns:1fr}}.tech-specs .spec-item dt{font-size:14px;font-weight:600;color:#666;margin-bottom:8px}.tech-specs .spec-item dd{margin:0}.tech-specs .spec-item dd strong{font-size:24px;font-weight:700;color:#121212}.tech-specs .spec-item dd .unit{font-size:18px;font-weight:400;color:#121212}.tech-specs .spec-item dd .spec-note{display:block;font-size:13px;color:#666;margin-top:4px}.tech-specs .progress-bar{height:8px;background:rgba(229,229,229,.5);border-radius:4px;margin-top:12px;overflow:hidden}.tech-specs .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg, #03045E, #023E8A);border-radius:4px;transition:width 1.5s ease;position:relative}.tech-specs .progress-bar .progress-fill::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);animation:shimmer 2s infinite}.tech-specs .spec-table{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05)}.tech-specs .spec-table table{width:100%;border-collapse:collapse}.tech-specs .spec-table table th,.tech-specs .spec-table table td{padding:16px;text-align:left;border-bottom:1px solid #e5e5e5}.tech-specs .spec-table table thead{background:#f5f5f7}.tech-specs .spec-table table thead th{font-weight:600;font-size:14px;color:#666;text-transform:uppercase;letter-spacing:.5px}.tech-specs .spec-table table tbody tr:last-child td{border-bottom:none}.tech-specs .spec-table table tbody td{font-size:15px;color:#121212}.tech-specs .spec-table table tbody td strong{font-weight:600;color:#03045e}.tech-specs .spec-list{margin:0}.tech-specs .spec-row{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(229,229,229,.5)}.tech-specs .spec-row:last-child{border-bottom:none}.tech-specs .spec-row dt{font-weight:600;color:#666;font-size:15px}.tech-specs .spec-row dd{color:#121212;font-size:15px;margin:0;text-align:right}.tech-specs .cert-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));gap:24px}@media(max-width: 480px){.tech-specs .cert-grid{grid-template-columns:repeat(3, 1fr);gap:16px}}.tech-specs .cert-badge{text-align:center}.tech-specs .cert-badge .cert-icon{width:60px;height:60px;margin:0 auto 8px;background:#fff;border:2px solid #e5e5e5;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#03045e;transition:all 250ms ease}.tech-specs .cert-badge .cert-icon:hover{border-color:#03045e;transform:translateY(-2px);box-shadow:0 4px 12px rgba(3,4,94,.2)}.tech-specs .cert-badge .cert-name{font-size:12px;color:#666;display:block}.tech-specs .comparison-chart{margin-top:80px}.tech-specs .comparison-chart h3{font-size:28px;font-weight:700;color:#121212;text-align:center;margin-bottom:32px}.tech-specs .comparison-chart .chart-wrapper{background:#fff;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.08);overflow:hidden}.tech-specs .comparison-chart .table-scroll{overflow-x:auto;position:relative;-webkit-overflow-scrolling:touch}.tech-specs .comparison-chart .table-scroll::-webkit-scrollbar{height:8px}.tech-specs .comparison-chart .table-scroll::-webkit-scrollbar-track{background:#f5f5f7}.tech-specs .comparison-chart .table-scroll::-webkit-scrollbar-thumb{background:#e5e5e5;border-radius:4px}.tech-specs .comparison-chart .scroll-indicator{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:rgba(3,4,94,.9);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;pointer-events:none;transition:opacity 300ms ease}@media(min-width: 769px){.tech-specs .comparison-chart .scroll-indicator{display:none}}.tech-specs .comparison-table{width:100%;min-width:600px;border-collapse:collapse}.tech-specs .comparison-table thead{background:#03045e}.tech-specs .comparison-table thead th{padding:20px;text-align:left;color:#fff;font-weight:600;font-size:15px;white-space:nowrap}.tech-specs .comparison-table thead th.highlight{background:#03045e;position:relative}.tech-specs .comparison-table thead th.highlight .product-name{display:block;font-size:16px;margin-bottom:4px}.tech-specs .comparison-table thead th.highlight .badge{display:inline-block;background:hsla(0,0%,100%,.2);padding:2px 8px;border-radius:12px;font-size:11px;text-transform:uppercase}.tech-specs .comparison-table tbody tr{border-bottom:1px solid #e5e5e5}.tech-specs .comparison-table tbody tr:hover{background:#f5f5f7}.tech-specs .comparison-table tbody td{padding:20px;font-size:15px;color:#121212}.tech-specs .comparison-table tbody td:first-child{font-weight:600;color:#666}.tech-specs .comparison-table tbody td.highlight{background:rgba(3,4,94,.05);font-weight:600;color:#03045e;position:relative}.tech-specs .comparison-table tbody td.highlight strong{display:block;font-size:16px;margin-bottom:4px}.tech-specs .comparison-table tbody td.highlight .advantage{display:inline-block;font-size:12px;color:#00c66b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tech-specs .comparison-table tbody td.best-value::before{content:"✓";color:#00c66b;font-weight:700;margin-right:4px}.tech-specs .specs-download{text-align:center;margin-top:60px;padding-top:60px;border-top:1px solid #e5e5e5}.tech-specs .specs-download .button{margin-bottom:24px}.tech-specs .specs-download .spec-questions p{font-size:16px;color:#666;margin-bottom:8px}.tech-specs .specs-download .spec-questions .text-link{font-size:16px;color:#03045e;text-decoration:none;font-weight:600}.tech-specs .specs-download .spec-questions .text-link:hover{text-decoration:underline}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:0}100%{transform:scale(1.5);opacity:0}}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.in-the-box{padding:80px 0;background:#fff}@media(max-width: 768px){.in-the-box{padding:60px 0}}.in-the-box .container{max-width:1200px;margin:0 auto;padding:0 20px}@media(max-width: 768px){.in-the-box .container{padding:0 16px}}.in-the-box .section-header{text-align:center;margin-bottom:48px}.in-the-box .section-header h2{font-size:36px;font-weight:700;color:#121212;margin-bottom:16px}@media(max-width: 768px){.in-the-box .section-header h2{font-size:28px}}.in-the-box .section-header .section-subtitle{font-size:18px;color:#666}@media(max-width: 768px){.in-the-box .section-header .section-subtitle{font-size:16px}}.in-the-box .box-visual{position:relative;margin-bottom:48px;background:#f5f5f7;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.08)}.in-the-box .box-image-wrapper{position:relative;overflow:hidden;user-select:none}.in-the-box .box-image-wrapper .box-image{display:block;transition:transform 300ms ease;transform-origin:center center;cursor:default}.in-the-box .box-image-wrapper .box-image:active{cursor:grabbing}.in-the-box .hotspot-marker{position:absolute;transform:translate(-50%, -50%);cursor:pointer;z-index:10}.in-the-box .hotspot-marker .marker-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#03045e;color:#fff;border:3px solid #fff;border-radius:50%;font-weight:700;font-size:16px;box-shadow:0 2px 12px rgba(0,0,0,.2);transition:all 250ms ease;position:relative}.in-the-box .hotspot-marker .marker-number::after{content:"";position:absolute;inset:-8px;border:2px solid #03045e;border-radius:50%;opacity:0;animation:pulse 2s infinite}@media(max-width: 768px){.in-the-box .hotspot-marker .marker-number{width:32px;height:32px;font-size:14px}}.in-the-box .hotspot-marker:hover .marker-number,.in-the-box .hotspot-marker:focus .marker-number{transform:scale(1.1);box-shadow:0 4px 16px rgba(0,0,0,.3)}.in-the-box .hotspot-marker.is-highlighted .marker-number{background:#023e8a}.in-the-box .hotspot-marker.is-highlighted .marker-number::after{opacity:1;animation:pulse-once 300ms ease}.in-the-box .hotspot-marker:focus{outline:none}.in-the-box .hotspot-marker:focus .marker-number{box-shadow:0 0 0 3px rgba(3,4,94,.3)}.in-the-box .item-tooltip{position:absolute;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.15);padding:20px;min-width:280px;max-width:320px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all 250ms ease;z-index:100;pointer-events:none}.in-the-box .item-tooltip.is-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.in-the-box .item-tooltip.tooltip--right{left:calc(100% + 20px);top:50%;transform:translateY(-50%)}.in-the-box .item-tooltip.tooltip--right.is-visible{transform:translateY(-50%)}.in-the-box .item-tooltip.tooltip--left{right:calc(100% + 20px);top:50%;transform:translateY(-50%)}.in-the-box .item-tooltip.tooltip--left.is-visible{transform:translateY(-50%)}.in-the-box .item-tooltip.tooltip--top{bottom:calc(100% + 20px);left:50%;transform:translateX(-50%) translateY(10px)}.in-the-box .item-tooltip.tooltip--top.is-visible{transform:translateX(-50%) translateY(0)}.in-the-box .item-tooltip.tooltip--bottom{top:calc(100% + 20px);left:50%;transform:translateX(-50%) translateY(-10px)}.in-the-box .item-tooltip.tooltip--bottom.is-visible{transform:translateX(-50%) translateY(0)}.in-the-box .item-tooltip .tooltip-image{width:100%;height:140px;object-fit:cover;border-radius:8px;margin-bottom:16px;background:#f5f5f7}.in-the-box .item-tooltip h4{font-size:18px;font-weight:700;color:#121212;margin-bottom:8px}.in-the-box .item-tooltip p{font-size:14px;line-height:1.5;color:#666;margin-bottom:12px}.in-the-box .item-tooltip .item-value{display:inline-block;font-size:14px;color:#03045e;font-weight:600;padding:4px 12px;background:rgba(3,4,94,.1);border-radius:20px}.in-the-box .zoom-controls{position:absolute;bottom:20px;right:20px;display:flex;gap:8px;background:#fff;padding:4px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.in-the-box .zoom-controls button{width:36px;height:36px;border:none;background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 250ms ease;color:#121212}.in-the-box .zoom-controls button:hover:not(:disabled){background:#f5f5f7;color:#03045e}.in-the-box .zoom-controls button:active:not(:disabled){transform:scale(0.95)}.in-the-box .zoom-controls button:disabled{opacity:.4;cursor:not-allowed}.in-the-box .zoom-controls button svg{width:20px;height:20px}.in-the-box .interaction-hint{position:absolute;bottom:20px;left:20px;font-size:14px;color:#666;background:hsla(0,0%,100%,.9);padding:8px 16px;border-radius:20px;backdrop-filter:blur(8px)}.in-the-box .interaction-hint .desktop-hint{display:inline}@media(max-width: 768px){.in-the-box .interaction-hint .desktop-hint{display:none}}.in-the-box .interaction-hint .mobile-hint{display:none}@media(max-width: 768px){.in-the-box .interaction-hint .mobile-hint{display:inline}}.in-the-box .items-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:24px;margin-bottom:48px}@media(max-width: 768px){.in-the-box .items-grid{grid-template-columns:1fr;gap:16px}}.in-the-box .item-card{display:flex;gap:20px;padding:24px;background:#f5f5f7;border-radius:12px;border:1px solid rgba(0,0,0,0);transition:all 250ms ease;cursor:pointer}.in-the-box .item-card:hover,.in-the-box .item-card:focus{background:#fff;border-color:#03045e;box-shadow:0 4px 16px rgba(3,4,94,.1);transform:translateY(-2px)}.in-the-box .item-card:hover .item-number,.in-the-box .item-card:focus .item-number{background:#03045e;color:#fff}.in-the-box .item-card:focus{outline:none;box-shadow:0 0 0 3px rgba(3,4,94,.2)}.in-the-box .item-card .item-number{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;color:#03045e;border:2px solid #03045e;border-radius:12px;font-weight:700;font-size:18px;transition:all 250ms ease}.in-the-box .item-card .item-details{flex:1}.in-the-box .item-card .item-details h3{font-size:18px;font-weight:700;color:#121212;margin-bottom:8px}.in-the-box .item-card .item-details p{font-size:14px;line-height:1.5;color:#666;margin-bottom:8px}.in-the-box .item-card .item-details .item-quantity{display:inline-block;font-size:13px;color:#666;font-weight:600;padding:2px 8px;background:hsla(0,0%,40%,.1);border-radius:12px}.in-the-box .box-extras{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;padding-top:48px;border-top:1px solid #e5e5e5}@media(max-width: 768px){.in-the-box .box-extras{flex-direction:column;align-items:flex-start}}.in-the-box .packaging-note{display:flex;align-items:center;gap:16px}.in-the-box .packaging-note .icon--eco{flex-shrink:0;width:32px;height:32px;color:#00c66b}.in-the-box .packaging-note p{font-size:16px;color:#121212;margin:0}.in-the-box .download-link{display:inline-flex;align-items:center;gap:8px;color:#03045e;font-weight:600;font-size:16px;text-decoration:none;transition:all 250ms ease}.in-the-box .download-link:hover{color:#023e8a;transform:translateX(4px)}.in-the-box .download-link:hover .icon--download{transform:translateY(2px)}.in-the-box .download-link .icon--download{width:20px;height:20px;transition:transform 250ms ease}@media(max-width: 768px){.in-the-box .item-tooltip{position:fixed !important;left:16px !important;right:16px !important;top:50% !important;transform:translateY(-50%) !important;max-height:80vh;overflow-y:auto}.in-the-box .item-tooltip.is-visible{transform:translateY(-50%) !important}.in-the-box .item-tooltip::before{content:"×";position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f5f5f7;border-radius:50%;font-size:24px;line-height:1;cursor:pointer}}@keyframes pulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.5);opacity:0}}@keyframes pulse-once{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.3);opacity:0}}.benefits-grid{padding:80px 0;background:#f5f5f7}@media(max-width: 768px){.benefits-grid{padding:60px 0}}.benefits-grid .container{max-width:1200px;margin:0 auto;padding:0 20px}@media(max-width: 768px){.benefits-grid .container{padding:0 16px}}.benefits-grid .section-header{text-align:center;margin-bottom:48px}.benefits-grid .section-header h2{font-size:36px;font-weight:700;color:#121212;margin-bottom:16px}@media(max-width: 768px){.benefits-grid .section-header h2{font-size:28px}}.benefits-grid .section-header .section-subtitle{font-size:18px;color:#666;max-width:600px;margin:0 auto}@media(max-width: 768px){.benefits-grid .section-header .section-subtitle{font-size:16px}}.benefits-grid .benefits__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:32px;margin-bottom:60px}@media(max-width: 1024px){.benefits-grid .benefits__grid{grid-template-columns:repeat(2, 1fr);gap:24px}}@media(max-width: 768px){.benefits-grid .benefits__grid{grid-template-columns:1fr;gap:20px}}.benefits-grid .benefit-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all 300ms ease;opacity:0;transform:translateY(20px);position:relative;overflow:hidden}@media(max-width: 768px){.benefits-grid .benefit-card{padding:24px}}.benefits-grid .benefit-card.is-visible{opacity:1;transform:translateY(0)}.benefits-grid .benefit-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-4px)}.benefits-grid .benefit-card:hover .benefit-card__icon{transform:scale(1.1) rotate(5deg)}.benefits-grid .benefit-card:hover .benefit-card__cta .icon{transform:translateX(4px)}.benefits-grid .benefit-card__icon{width:64px;height:64px;margin-bottom:24px;transition:transform 300ms ease}.benefits-grid .benefit-card__icon .icon{width:100%;height:100%}.benefits-grid .benefit-card__icon .icon--savings{color:#00c66b}.benefits-grid .benefit-card__icon .icon--eco{color:#023e8a}.benefits-grid .benefit-card__icon .icon--performance{color:#03045e}.benefits-grid .benefit-card__icon .icon--safety{color:#03045e}.benefits-grid .benefit-card__icon .icon--convenience{color:#023e8a}.benefits-grid .benefit-card__icon .icon--durability{color:#023e8a}.benefits-grid .benefit-card__title{font-size:22px;font-weight:700;margin-bottom:12px;color:#121212}@media(max-width: 768px){.benefits-grid .benefit-card__title{font-size:20px}}.benefits-grid .benefit-card__metric{display:flex;align-items:baseline;gap:4px;margin-bottom:16px}.benefits-grid .benefit-card__metric .metric-value{font-size:40px;font-weight:700;color:#03045e;line-height:1}@media(max-width: 768px){.benefits-grid .benefit-card__metric .metric-value{font-size:36px}}.benefits-grid .benefit-card__metric .metric-suffix{font-size:20px;font-weight:600;color:#666}.benefits-grid .benefit-card__description{font-size:16px;line-height:1.6;color:#666;margin-bottom:20px}@media(max-width: 768px){.benefits-grid .benefit-card__description{font-size:15px}}.benefits-grid .benefit-card__cta{display:inline-flex;align-items:center;gap:8px;color:#03045e;font-weight:600;font-size:15px;text-decoration:none}.benefits-grid .benefit-card__cta:hover{color:#023e8a}.benefits-grid .benefit-card__cta .icon{width:16px;height:16px;transition:transform 250ms ease}.benefits-grid .benefit-card[data-benefit-type=savings]{background:linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%)}.benefits-grid .benefit-card[data-benefit-type=savings]::before{content:"$";position:absolute;top:-20px;right:-20px;font-size:120px;font-weight:700;color:rgba(0,198,107,.05);transform:rotate(-15deg)}.benefits-grid .benefit-card[data-benefit-type=eco]{background:linear-gradient(135deg, #f0f9ff 0%, #ffffff 100%)}.benefits-grid .benefit-card[data-benefit-type=eco]::before{content:"♻";position:absolute;top:-20px;right:-20px;font-size:100px;color:rgba(2,62,138,.05);transform:rotate(15deg)}.benefits-grid .benefit-card[data-benefit-type=performance]{background:linear-gradient(135deg, #f0fdfa 0%, #ffffff 100%)}.benefits-grid .benefit-card[data-benefit-type=safety]{background:linear-gradient(135deg, #eff6ff 0%, #ffffff 100%)}.benefits-grid .savings-calculator{background:#f5f5f7;border-radius:12px;padding:20px;margin-top:20px}.benefits-grid .savings-calculator .calc-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px}.benefits-grid .savings-calculator .calc-row.total{padding-top:12px;border-top:2px solid #e5e5e5;margin-bottom:16px}.benefits-grid .savings-calculator .calc-row span{color:#666}.benefits-grid .savings-calculator .calc-row strong{font-weight:600;color:#121212}.benefits-grid .savings-calculator .calc-row .highlight{color:#00c66b;font-size:20px}.benefits-grid .savings-calculator .calc-link{display:block;width:100%;padding:12px;background:none;border:2px solid #03045e;border-radius:8px;color:#03045e;font-weight:600;font-size:14px;text-align:center;cursor:pointer;transition:all 250ms ease}.benefits-grid .savings-calculator .calc-link:hover{background:#03045e;color:#fff}.benefits-grid .eco-impact{margin-top:20px}.benefits-grid .eco-impact .impact-stat{display:flex;align-items:center;gap:12px;margin-bottom:12px}.benefits-grid .eco-impact .impact-stat .icon{flex-shrink:0;width:24px;height:24px;color:#03045e}.benefits-grid .eco-impact .impact-stat span{font-size:15px;color:#666}.benefits-grid .eco-impact .impact-stat span strong{font-weight:600;color:#121212}.benefits-grid .performance-chart{width:120px;height:120px;margin:20px auto}.benefits-grid .performance-chart canvas{width:100%;height:100%}.benefits-grid .safety-features{margin:20px 0 0 0;padding:0 0 0 20px}.benefits-grid .safety-features li{position:relative;margin-bottom:8px;font-size:14px;color:#121212}.benefits-grid .safety-features li::before{content:"✓";position:absolute;left:-20px;color:#00c66b;font-weight:700}.benefits-grid .benefits__cta{text-align:center}.benefits-grid .benefits__cta .button--large{font-size:18px;padding:16px 32px}.savings-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 300ms ease}.savings-modal.is-active{opacity:1;visibility:visible}.savings-modal.is-active .savings-modal__content{transform:scale(1)}.savings-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);cursor:pointer}.savings-modal__content{position:relative;background:#fff;border-radius:16px;padding:40px;max-width:480px;width:90%;max-height:90vh;overflow-y:auto;transform:scale(0.9);transition:transform 300ms ease}@media(max-width: 768px){.savings-modal__content{padding:32px 24px}}.savings-modal__content h3{font-size:24px;font-weight:700;margin-bottom:24px;text-align:center}.savings-modal__close{position:absolute;top:16px;right:16px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f7;border:none;border-radius:50%;font-size:28px;line-height:1;cursor:pointer;transition:all 250ms ease}.savings-modal__close:hover{background:#e5e5e5;transform:rotate(90deg)}.savings-modal .savings-form .form-group{margin-bottom:24px}.savings-modal .savings-form .form-group label{display:block;font-size:16px;font-weight:600;color:#121212;margin-bottom:8px}.savings-modal .savings-form .form-group input{width:100%;padding:12px 16px;border:2px solid #e5e5e5;border-radius:8px;font-size:16px;transition:border-color 250ms ease}.savings-modal .savings-form .form-group input:focus{outline:none;border-color:#03045e}.savings-modal .savings-form .results{background:#f5f5f7;border-radius:12px;padding:24px;margin:24px 0}.savings-modal .savings-form .results .result-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:16px}.savings-modal .savings-form .results .result-row:last-child{margin-bottom:0}.savings-modal .savings-form .results .result-row.highlight{padding-top:16px;border-top:2px solid #e5e5e5;font-size:20px}.savings-modal .savings-form .results .result-row.highlight strong{color:#00c66b}.savings-modal .savings-form .results .result-row strong{font-weight:700;color:#121212}.savings-modal .savings-form .savings-note{text-align:center;font-size:16px;color:#03045e;font-weight:600;margin:0}.how-it-works{padding:80px 0;background:linear-gradient(180deg, #F5F5F7 0%, white 100%)}@media(max-width: 768px){.how-it-works{padding:60px 0}}.how-it-works .container{max-width:1200px;margin:0 auto;padding:0 20px}@media(max-width: 768px){.how-it-works .container{padding:0 16px}}.how-it-works .section-header{text-align:center;margin-bottom:60px}.how-it-works .section-header h2{font-size:36px;font-weight:700;color:#121212;margin-bottom:16px}@media(max-width: 768px){.how-it-works .section-header h2{font-size:28px}}.how-it-works .section-header .section-subtitle{font-size:18px;color:#666}@media(max-width: 768px){.how-it-works .section-header .section-subtitle{font-size:16px}}.how-it-works .steps-container{position:relative;margin-bottom:60px}.how-it-works .steps-progress{position:absolute;top:50px;left:10%;right:10%;z-index:1}@media(max-width: 768px){.how-it-works .steps-progress{display:none}}.how-it-works .steps-progress .progress-line{height:3px;background:rgba(229,229,229,.3);position:relative;border-radius:2px}.how-it-works .steps-progress .progress-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg, #03045E, #023E8A);width:0;transition:width 1s ease;border-radius:2px}.how-it-works .steps-progress .progress-fill::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#023e8a;border-radius:50%;box-shadow:0 0 0 3px rgba(2,62,138,.3)}.how-it-works .steps-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:40px;position:relative;z-index:2}@media(max-width: 768px){.how-it-works .steps-grid{grid-template-columns:1fr;gap:32px;overflow-x:hidden}}.how-it-works .step-card{text-align:center;position:relative;opacity:0;transform:translateY(30px);transition:all 500ms ease}.how-it-works .step-card.is-visible{opacity:1;transform:translateY(0)}.how-it-works .step-card.is-highlighted .step-number{background:#03045e;color:#fff;border-color:#03045e;transform:scale(1.05)}.how-it-works .step-card.is-highlighted .step-connector .connector-arrow{color:#03045e}.how-it-works .step-card.is-hovered .step-number{transform:scale(1.1);box-shadow:0 8px 24px rgba(3,4,94,.3)}.how-it-works .step-card.is-hovered .step-visual{transform:translateY(-4px)}.how-it-works .step-card.is-complete .step-number{background:#00c66b;border-color:#00c66b}.how-it-works .step-card.is-complete .step-number span{opacity:0}.how-it-works .step-card.is-complete .step-number .step-check{opacity:1;transform:scale(1)}.how-it-works .step-number{width:80px;height:80px;margin:0 auto 24px;background:#fff;border:3px solid #03045e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#03045e;position:relative;transition:all 300ms ease;cursor:pointer}@media(max-width: 768px){.how-it-works .step-number{width:70px;height:70px;font-size:28px}}.how-it-works .step-number span{transition:opacity 300ms ease}.how-it-works .step-number .step-check{position:absolute;width:40px;height:40px;fill:#fff;opacity:0;transform:scale(0) rotate(-180deg);transition:all 300ms ease}.how-it-works .step-visual{margin-bottom:24px;height:160px;position:relative;transition:transform 300ms ease}.how-it-works .step-visual img{width:100%;height:100%;object-fit:contain;border-radius:8px}.how-it-works .step-visual .step-icon-wrapper{width:140px;height:140px;margin:0 auto;background:linear-gradient(135deg, rgba(3, 4, 94, 0.1) 0%, rgba(2, 62, 138, 0.1) 100%);border-radius:24px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.how-it-works .step-visual .step-icon-wrapper::before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg, #03045E, #023E8A);border-radius:24px;opacity:0;transition:opacity 300ms ease;z-index:-1}.step-card:hover .how-it-works .step-visual .step-icon-wrapper::before{opacity:.1}.how-it-works .step-visual .step-icon-wrapper .step-icon{width:60px;height:60px;color:#03045e}.how-it-works .timer-animation{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.95);border-radius:24px}.how-it-works .timer-animation .timer-circle{width:120px;height:120px;transform:rotate(-90deg)}.how-it-works .timer-animation .timer-circle circle{fill:none;stroke:#03045e;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.how-it-works .timer-animation .timer-text{position:absolute;font-size:28px;font-weight:700;color:#03045e}.how-it-works .step-content .step-title{font-size:22px;font-weight:700;color:#121212;margin-bottom:12px}@media(max-width: 768px){.how-it-works .step-content .step-title{font-size:20px}}.how-it-works .step-content .step-description{font-size:16px;color:#666;line-height:1.6;max-width:300px;margin:0 auto}@media(max-width: 768px){.how-it-works .step-content .step-description{font-size:15px}}.how-it-works .step-content .step-tip{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:8px 16px;background:rgba(3,4,94,.1);border-radius:20px;font-size:14px;color:#03045e}.how-it-works .step-content .step-tip .icon--tip{width:16px;height:16px}.how-it-works .step-connector{position:absolute;right:-40px;top:40px}@media(max-width: 1024px){.how-it-works .step-connector{right:-30px}}@media(max-width: 768px){.how-it-works .step-connector{display:none}}.how-it-works .step-connector .connector-arrow{width:40px;height:20px;color:rgba(229,229,229,.5);transition:color 300ms ease}.how-it-works .step-indicators{display:none;justify-content:center;gap:8px;margin-top:32px}@media(max-width: 768px){.how-it-works .step-indicators{display:flex}}.how-it-works .step-indicators .indicator{width:8px;height:8px;border-radius:50%;background:#e5e5e5;border:none;cursor:pointer;transition:all 250ms ease;padding:0}.how-it-works .step-indicators .indicator.is-active{width:24px;border-radius:4px;background:#03045e}.how-it-works .step-indicators .indicator:hover:not(.is-active){background:#023e8a}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0deg);opacity:1}100%{transform:translateY(200px) rotate(720deg);opacity:0}}.how-it-works .confetti{position:absolute;width:8px;height:8px;border-radius:2px;pointer-events:none;animation:confetti-fall 2s ease-out forwards}.how-it-works .demo-video{margin:80px 0;text-align:center}@media(max-width: 768px){.how-it-works .demo-video{margin:60px 0}}.how-it-works .demo-video h3{font-size:28px;font-weight:700;color:#121212;margin-bottom:32px}@media(max-width: 768px){.how-it-works .demo-video h3{font-size:24px}}.how-it-works .demo-video .video-wrapper{position:relative;max-width:800px;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.12);background:#03045e}.how-it-works .demo-video .video-wrapper video{width:100%;height:auto;display:block}.how-it-works .demo-video .video-wrapper .play-button{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);border:none;cursor:pointer;transition:background 300ms ease}.how-it-works .demo-video .video-wrapper .play-button:hover{background:rgba(0,0,0,.5)}.how-it-works .demo-video .video-wrapper .play-button:hover .icon--play{transform:scale(1.1)}.how-it-works .demo-video .video-wrapper .play-button .icon--play{transition:transform 300ms ease;filter:drop-shadow(0 4px 12px rgba(0, 0, 0, 0.3))}.how-it-works .resources-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px}@media(max-width: 768px){.how-it-works .resources-grid{grid-template-columns:1fr;gap:16px}}.how-it-works .resource-card{display:flex;flex-direction:column;align-items:center;padding:32px 24px;background:#fff;border-radius:12px;border:2px solid #e5e5e5;text-align:center;text-decoration:none;transition:all 300ms ease}@media(max-width: 768px){.how-it-works .resource-card{padding:24px}}.how-it-works .resource-card:hover{border-color:#03045e;transform:translateY(-4px);box-shadow:0 8px 24px rgba(3,4,94,.1)}.how-it-works .resource-card:hover .icon{transform:scale(1.1);color:#023e8a}.how-it-works .resource-card:hover h4{color:#03045e}.how-it-works .resource-card .icon{width:48px;height:48px;color:#03045e;margin-bottom:16px;transition:all 300ms ease}.how-it-works .resource-card h4{font-size:18px;font-weight:700;color:#121212;margin-bottom:8px;transition:color 300ms ease}.how-it-works .resource-card p{font-size:14px;color:#666;margin:0}.product-reviews{padding:80px 0;background:#f5f5f7}@media(max-width: 768px){.product-reviews{padding:60px 0}}.product-reviews .container{max-width:1200px;margin:0 auto;padding:0 20px}@media(max-width: 768px){.product-reviews .container{padding:0 16px}}.product-reviews .section-header{text-align:center;margin-bottom:48px}.product-reviews .section-header h2{font-size:36px;font-weight:700;color:#121212;margin:0}@media(max-width: 768px){.product-reviews .section-header h2{font-size:28px}}.product-reviews .reviews-layout{display:grid;grid-template-columns:320px 1fr;gap:48px;margin-top:40px}@media(max-width: 1024px){.product-reviews .reviews-layout{grid-template-columns:1fr;gap:40px}}@media(max-width: 1024px){.product-reviews .reviews-summary{display:grid;grid-template-columns:1fr 1fr;gap:32px}}@media(max-width: 768px){.product-reviews .reviews-summary{grid-template-columns:1fr}}.product-reviews .rating-average{text-align:center;padding:32px;background:#fff;border-radius:16px;margin-bottom:24px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.product-reviews .rating-average .rating-number{font-size:48px;font-weight:700;color:#121212;line-height:1;margin-bottom:12px}.product-reviews .rating-average .rating-stars{margin:12px 0}.product-reviews .rating-average .rating-count{font-size:14px;color:#666}.product-reviews .rating-distribution{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.product-reviews .rating-distribution .distribution-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;background:none;border:none;width:100%;cursor:pointer;padding:0;transition:opacity 200ms ease}.product-reviews .rating-distribution .distribution-row:last-child{margin-bottom:0}.product-reviews .rating-distribution .distribution-row:hover{opacity:.8}.product-reviews .rating-distribution .distribution-row:hover .distribution-bar{background:rgba(229,229,229,.3)}.product-reviews .rating-distribution .distribution-row .star-label{font-size:14px;color:#666;white-space:nowrap;min-width:50px;text-align:left}.product-reviews .rating-distribution .distribution-row .distribution-bar{flex:1;height:8px;background:rgba(229,229,229,.2);border-radius:4px;overflow:hidden;transition:background 200ms ease}.product-reviews .rating-distribution .distribution-row .distribution-bar .bar-fill{height:100%;background:linear-gradient(90deg, #03045E, #023E8A);transition:width 500ms ease}.product-reviews .rating-distribution .distribution-row .percentage{font-size:14px;font-weight:600;color:#121212;min-width:40px;text-align:right}.product-reviews .write-review-btn{width:100%;margin-bottom:24px}.product-reviews .write-review-btn .icon{margin-right:8px}.product-reviews .review-badges .badge{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(0,198,107,.1);border-radius:8px;margin-bottom:12px}.product-reviews .review-badges .badge:last-child{margin-bottom:0}.product-reviews .review-badges .badge .icon{width:20px;height:20px;color:#00c66b;flex-shrink:0}.product-reviews .review-badges .badge span{font-size:14px;font-weight:600;color:#121212}.product-reviews .reviews-content{min-height:500px;position:relative}.product-reviews .reviews-content.is-loading::before{content:"";position:absolute;inset:0;background:hsla(0,0%,100%,.8);z-index:10;display:flex;align-items:center;justify-content:center}.product-reviews .reviews-content.is-loading::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:40px;height:40px;border:3px solid #e5e5e5;border-top-color:#03045e;border-radius:50%;animation:spin 1s linear infinite;z-index:11}@keyframes spin{to{transform:translate(-50%, -50%) rotate(360deg)}}.product-reviews .reviews-filters{display:flex;gap:16px;align-items:center;padding:20px;background:#fff;border-radius:12px;margin-bottom:24px;flex-wrap:wrap}@media(max-width: 768px){.product-reviews .reviews-filters{padding:16px}}.product-reviews .reviews-filters .filter-group{display:flex;align-items:center;gap:8px}.product-reviews .reviews-filters .filter-group label{font-size:14px;font-weight:600;color:#121212}.product-reviews .reviews-filters .filter-group select{padding:8px 32px 8px 12px;border:1px solid #e5e5e5;border-radius:8px;background:#fff;font-size:14px;color:#121212;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.product-reviews .reviews-filters .filter-group select:hover{border-color:#03045e}.product-reviews .reviews-filters .filter-group select:focus{outline:none;border-color:#03045e;box-shadow:0 0 0 3px rgba(3,4,94,.1)}.product-reviews .reviews-filters .filter-clear{margin-left:auto;background:none;border:none;color:#03045e;font-size:14px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all 200ms ease}.product-reviews .reviews-filters .filter-clear:hover{background:rgba(3,4,94,.1)}.product-reviews .review-card{background:#fff;border-radius:12px;padding:24px;margin-bottom:16px;transition:box-shadow 200ms ease}.product-reviews .review-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}.product-reviews .review-card .review-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.product-reviews .review-card .review-header .review-rating{display:flex}.product-reviews .review-card .review-header .verified-badge{display:flex;align-items:center;gap:4px;font-size:13px;color:#00c66b;font-weight:600}.product-reviews .review-card .review-header .verified-badge .icon{width:16px;height:16px}.product-reviews .review-card .review-title{font-size:16px;font-weight:600;color:#121212;margin:0 0 8px 0}.product-reviews .review-card .review-body{font-size:15px;line-height:1.6;color:#666}.product-reviews .review-card .review-body .review-text,.product-reviews .review-card .review-body .review-text-full{margin:0}.product-reviews .review-card .review-body .read-more{color:#03045e;font-weight:600;background:none;border:none;cursor:pointer;padding:0;margin-top:4px;font-size:14px}.product-reviews .review-card .review-body .read-more:hover{text-decoration:underline}.product-reviews .review-card .review-images{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}.product-reviews .review-card .review-images .review-image-thumb{width:80px;height:80px;border-radius:8px;overflow:hidden;cursor:pointer;border:none;padding:0;background:#f5f5f7}.product-reviews .review-card .review-images .review-image-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 200ms ease}.product-reviews .review-card .review-images .review-image-thumb:hover img{transform:scale(1.1)}.product-reviews .review-card .review-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid rgba(229,229,229,.5)}@media(max-width: 480px){.product-reviews .review-card .review-footer{flex-direction:column;align-items:flex-start;gap:12px}}.product-reviews .review-card .review-footer .reviewer-info{display:flex;gap:8px;font-size:14px;color:#666;flex-wrap:wrap}.product-reviews .review-card .review-footer .reviewer-info .reviewer-name{font-weight:600;color:#121212}.product-reviews .review-card .review-footer .reviewer-info .review-date::before,.product-reviews .review-card .review-footer .reviewer-info .review-variant::before{content:"•";margin:0 4px}.product-reviews .review-card .review-footer .helpful-btn{display:flex;align-items:center;gap:6px;background:none;border:1px solid #e5e5e5;border-radius:20px;padding:6px 16px;font-size:13px;color:#666;cursor:pointer;transition:all 200ms ease}.product-reviews .review-card .review-footer .helpful-btn:hover:not(.is-voted){border-color:#03045e;color:#03045e}.product-reviews .review-card .review-footer .helpful-btn:hover:not(.is-voted) .icon{transform:translateY(-1px)}.product-reviews .review-card .review-footer .helpful-btn.is-voted{background:#03045e;color:#fff;border-color:#03045e;cursor:default}.product-reviews .review-card .review-footer .helpful-btn .icon{width:14px;height:14px;transition:transform 200ms ease}.product-reviews .reviews-pagination{text-align:center;margin-top:40px}.product-reviews .reviews-pagination .load-more{margin-bottom:16px}.product-reviews .reviews-pagination .load-more.is-loading{opacity:.6;cursor:not-allowed}.product-reviews .reviews-pagination .pagination-info{font-size:14px;color:#666}.product-reviews .review-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.product-reviews .review-modal[aria-hidden=true]{display:none}.product-reviews .review-modal .modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);cursor:pointer}.product-reviews .review-modal .modal-content{position:relative;background:#fff;border-radius:16px;padding:32px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:modalSlideIn 300ms ease}@media(max-width: 480px){.product-reviews .review-modal .modal-content{padding:24px}}.product-reviews .review-modal .modal-content h3{font-size:24px;font-weight:700;color:#121212;margin:0 0 8px 0}.product-reviews .review-modal .modal-content>p{font-size:16px;color:#666;margin:0 0 24px 0}.product-reviews .review-modal .modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;background:none;border:none;cursor:pointer;color:#666;transition:color 200ms ease;padding:0}.product-reviews .review-modal .modal-close:hover{color:#121212}.product-reviews .review-modal .modal-close svg{width:100%;height:100%}@keyframes modalSlideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.product-reviews .review-form .form-group{margin-bottom:24px}.product-reviews .review-form .form-group label{display:block;font-size:14px;font-weight:600;color:#121212;margin-bottom:8px}.product-reviews .review-form .form-group input[type=text],.product-reviews .review-form .form-group input[type=email],.product-reviews .review-form .form-group textarea{width:100%;padding:12px 16px;border:1px solid #e5e5e5;border-radius:8px;font-size:15px;color:#121212;transition:all 200ms ease}.product-reviews .review-form .form-group input[type=text]:hover,.product-reviews .review-form .form-group input[type=email]:hover,.product-reviews .review-form .form-group textarea:hover{border-color:rgba(3,4,94,.5)}.product-reviews .review-form .form-group input[type=text]:focus,.product-reviews .review-form .form-group input[type=email]:focus,.product-reviews .review-form .form-group textarea:focus{outline:none;border-color:#03045e;box-shadow:0 0 0 3px rgba(3,4,94,.1)}.product-reviews .review-form .form-group input[type=text]::placeholder,.product-reviews .review-form .form-group input[type=email]::placeholder,.product-reviews .review-form .form-group textarea::placeholder{color:#666}.product-reviews .review-form .form-group textarea{resize:vertical;min-height:120px}.product-reviews .review-form .form-group small{display:block;font-size:13px;color:#666;margin-top:4px}.product-reviews .review-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width: 480px){.product-reviews .review-form .form-row{grid-template-columns:1fr}}.product-reviews .review-form .character-count{font-size:13px;color:#666;margin-top:4px;text-align:right}.product-reviews .review-form .character-count.is-warning{color:#ffb800}.product-reviews .review-form .form-actions{display:flex;gap:12px;margin-top:32px}.product-reviews .review-form .form-actions button{flex:1}.product-reviews .rating-selector{display:flex;gap:8px}.product-reviews .rating-selector input[type=radio]{display:none}.product-reviews .rating-selector input[type=radio]:checked~label .star{fill:#03045e;color:#03045e}.product-reviews .rating-selector input[type=radio]:checked~label~label .star{fill:rgba(0,0,0,0);color:#e5e5e5}.product-reviews .rating-selector .star-label{cursor:pointer}.product-reviews .rating-selector .star-label.is-hovered .star{fill:rgba(3,4,94,.3);color:#03045e}.product-reviews .rating-selector .star-label .star{width:32px;height:32px;fill:rgba(0,0,0,0);color:#e5e5e5;transition:all 200ms ease}.product-reviews .rating-selector .star-label .star:hover{color:#03045e}.product-reviews .image-upload .upload-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#f5f5f7;border:2px dashed #e5e5e5;border-radius:8px;font-size:15px;font-weight:600;color:#121212;cursor:pointer;transition:all 200ms ease}.product-reviews .image-upload .upload-button:hover{border-color:#03045e;background:rgba(3,4,94,.05)}.product-reviews .image-upload .upload-button:hover .icon{color:#03045e}.product-reviews .image-upload .upload-button .icon{width:20px;height:20px;color:#666;transition:color 200ms ease}.product-reviews .image-upload .image-previews{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.product-reviews .image-upload .image-previews .image-preview{position:relative;width:80px;height:80px}.product-reviews .image-upload .image-previews .image-preview img{width:100%;height:100%;object-fit:cover;border-radius:8px}.product-reviews .image-upload .image-previews .image-preview .remove-image{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#ff3b30;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:transform 200ms ease;padding:0}.product-reviews .image-upload .image-previews .image-preview .remove-image:hover{transform:scale(1.1)}.product-reviews .image-upload .image-previews .image-preview .remove-image svg{width:12px;height:12px}.product-reviews .image-upload .image-previews .upload-message{width:100%;font-size:13px;color:#ffb800;margin:8px 0 0 0}.product-reviews .review-success-message{position:fixed;top:20px;left:50%;transform:translateX(-50%) translateY(-100px);background:#fff;border-radius:12px;padding:16px 24px;box-shadow:0 4px 24px rgba(0,0,0,.15);display:flex;align-items:center;gap:12px;z-index:1100;transition:transform 300ms ease}.product-reviews .review-success-message.is-visible{transform:translateX(-50%) translateY(0)}.product-reviews .review-success-message .icon{width:24px;height:24px;color:#00c66b;flex-shrink:0}.product-reviews .review-success-message p{font-size:15px;font-weight:600;color:#121212;margin:0}.product-reviews .review-image-lightbox{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity 300ms ease}.product-reviews .review-image-lightbox.is-visible{opacity:1}.product-reviews .review-image-lightbox.is-visible .lightbox-content{transform:scale(1)}.product-reviews .review-image-lightbox .lightbox-overlay{position:absolute;inset:0;background:rgba(0,0,0,.9);cursor:pointer}.product-reviews .review-image-lightbox .lightbox-content{position:relative;max-width:90vw;max-height:90vh;transform:scale(0.9);transition:transform 300ms ease}.product-reviews .review-image-lightbox .lightbox-content img{max-width:100%;max-height:90vh;border-radius:8px}.product-reviews .review-image-lightbox .lightbox-close{position:absolute;top:-40px;right:0;width:32px;height:32px;background:none;border:none;cursor:pointer;color:#fff;padding:0;transition:opacity 200ms ease}.product-reviews .review-image-lightbox .lightbox-close:hover{opacity:.8}.product-reviews .review-image-lightbox .lightbox-close svg{width:100%;height:100%}.star-rating{display:inline-flex;gap:2px}.star-rating .star{width:20px;height:20px;color:#ffb800}.star-rating.star-rating--large .star{width:24px;height:24px}.star-rating .star--filled{fill:currentColor}.star-rating .star--half{position:relative}.star-rating .star--half::before{content:"";position:absolute;inset:0;background:currentColor;clip-path:polygon(0 0, 50% 0, 50% 100%, 0 100%)}.sticky-cart{position:fixed;bottom:8px;left:0;right:0;z-index:100;transition:transform 300ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.sticky-cart>*{pointer-events:auto}.sticky-cart__mobile{display:block;background:#fff;box-shadow:0 -2px 10px rgba(0,0,0,.1);border-top:1px solid #e5e5e5}@media(min-width: 768px){.sticky-cart__mobile{display:none}}.sticky-cart__container{display:flex;align-items:center;gap:12px;padding:12px;position:relative}@media(max-width: 380px){.sticky-cart__container{gap:8px;padding:10px}}.sticky-cart__price{flex:0 0 auto}.sticky-cart__price .price-display{display:flex;align-items:baseline;gap:6px}@media(max-width: 380px){.sticky-cart__price .price-display{flex-direction:column;gap:2px}}.sticky-cart__price .price-current{font-size:18px;font-weight:700;color:#121212}@media(max-width: 380px){.sticky-cart__price .price-current{font-size:16px}}.sticky-cart__price .price-compare{font-size:14px;color:#666;text-decoration:line-through}.sticky-cart__price .price-savings{font-size:12px;color:#00c66b;font-weight:600}@media(max-width: 380px){.sticky-cart__price .price-savings{display:none}}.sticky-cart__quantity{flex:0 0 auto;display:flex;align-items:center;border:1px solid #e5e5e5;border-radius:6px;background:#fff}.sticky-cart__quantity .qty-btn{width:32px;height:32px;border:none;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#121212;transition:all 200ms ease;padding:0}.sticky-cart__quantity .qty-btn:hover{background:#f5f5f7}.sticky-cart__quantity .qty-btn:active{transform:scale(0.95)}.sticky-cart__quantity .qty-btn:disabled{opacity:.3;cursor:not-allowed}.sticky-cart__quantity .qty-btn .icon{width:12px;height:12px}.sticky-cart__quantity .qty-input{width:36px;text-align:center;border:none;font-size:14px;font-weight:600;color:#121212;background:none;padding:0;-moz-appearance:textfield}.sticky-cart__quantity .qty-input::-webkit-outer-spin-button,.sticky-cart__quantity .qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sticky-cart__form{flex:1}.sticky-cart__submit{width:100%;min-height:44px;font-size:15px;padding:10px 16px;position:relative}@media(max-width: 380px){.sticky-cart__submit{font-size:14px;padding:10px 12px}}.sticky-cart__submit .spinner{width:20px;height:20px;animation:spin 1s linear infinite;display:inline-block}.sticky-cart__submit .icon--check{width:20px;height:20px;display:inline-block;margin-right:6px}.sticky-cart__submit .button__text,.sticky-cart__submit .button__loading,.sticky-cart__submit .button__success{display:inline-flex;align-items:center;justify-content:center}.sticky-cart__close{position:absolute;top:-40px;right:12px;width:32px;height:32px;background:#fff;border:1px solid #e5e5e5;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all 200ms ease}.sticky-cart__close:hover{background:#f5f5f7;transform:scale(1.1)}.sticky-cart__close .icon{width:16px;height:16px;color:#121212}.sticky-cart__desktop{display:none}@media(min-width: 768px){.sticky-cart__desktop{display:block;position:fixed;right:24px;bottom:24px}}.floating-cart{position:relative}.floating-cart__trigger{width:64px;height:120px;background:#03045e;border:none;border-radius:32px;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:16px 8px;box-shadow:0 4px 16px rgba(0,0,0,.2);transition:all 300ms ease}.floating-cart__trigger:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(0,0,0,.3);background:rgb(2.2113402062,2.9484536082,69.2886597938)}.floating-cart__trigger:active{transform:scale(0.98)}.floating-cart__trigger .trigger-price{font-size:16px;font-weight:700}.floating-cart__trigger .trigger-icon{position:relative}.floating-cart__trigger .trigger-icon .icon--cart{width:24px;height:24px}.floating-cart__expanded{position:absolute;right:0;bottom:100%;width:320px;background:#fff;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.15);padding:20px;margin-bottom:16px;opacity:0;visibility:hidden;transform:translateY(20px) scale(0.95);transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1)}.is-expanded .floating-cart__expanded{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.floating-cart__expanded::after{content:"";position:absolute;bottom:-8px;right:24px;width:16px;height:16px;background:#fff;transform:rotate(45deg);box-shadow:4px 4px 8px rgba(0,0,0,.05)}.floating-cart .cart-badge{position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;background:#00c66b;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;padding:0 6px;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.2)}.floating-cart .product-preview{display:flex;gap:12px;padding-bottom:16px;border-bottom:1px solid #e5e5e5;margin-bottom:16px}.floating-cart .product-preview img{width:60px;height:60px;object-fit:cover;border-radius:8px;border:1px solid #e5e5e5}.floating-cart .product-preview .preview-info{flex:1;min-width:0}.floating-cart .product-preview h4{font-size:14px;font-weight:600;color:#121212;margin:0 0 4px 0;line-height:1.3}.floating-cart .product-preview .preview-price{display:flex;align-items:center;gap:8px}.floating-cart .product-preview .preview-price .price-current{font-size:16px;font-weight:700;color:#121212}.floating-cart .product-preview .preview-price .price-badge{padding:2px 6px;background:#00c66b;color:#fff;border-radius:4px;font-size:11px;font-weight:600}.floating-cart .variant-quick-select{margin-bottom:16px}.floating-cart .variant-quick-select select{width:100%;padding:10px 36px 10px 12px;border:1px solid #e5e5e5;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:all 200ms ease}.floating-cart .variant-quick-select select:hover{border-color:#03045e}.floating-cart .variant-quick-select select:focus{outline:none;border-color:#03045e;box-shadow:0 0 0 3px rgba(3,4,94,.1)}.floating-cart .expanded-actions .qty-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.floating-cart .expanded-actions .qty-row .qty-label{font-size:14px;font-weight:600;color:#121212}.floating-cart .expanded-actions .qty-row .qty-controls{display:flex;align-items:center;border:1px solid #e5e5e5;border-radius:6px;background:#fff}.floating-cart .expanded-actions .qty-row .qty-controls button{width:32px;height:32px;border:none;background:none;font-size:18px;font-weight:600;color:#121212;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 200ms ease}.floating-cart .expanded-actions .qty-row .qty-controls button:hover{background:#f5f5f7}.floating-cart .expanded-actions .qty-row .qty-controls button:active{transform:scale(0.9)}.floating-cart .expanded-actions .qty-row .qty-controls input{width:40px;text-align:center;border:none;font-size:14px;font-weight:600;color:#121212;background:none;padding:0;-moz-appearance:textfield}.floating-cart .expanded-actions .qty-row .qty-controls input::-webkit-outer-spin-button,.floating-cart .expanded-actions .qty-row .qty-controls input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.floating-cart .expanded-actions .button--full{width:100%;justify-content:center}.floating-cart .expanded-actions .button--full .spinner{width:16px;height:16px;animation:spin 1s linear infinite;display:inline-block}.floating-cart .stock-status{margin-top:12px;font-size:13px}.floating-cart .stock-status span{display:flex;align-items:center;gap:6px;font-weight:600}.floating-cart .stock-status span .icon{width:14px;height:14px;flex-shrink:0}.floating-cart .stock-status .stock-available{color:#00c66b}.floating-cart .stock-status .stock-low{color:#f57c00}.floating-cart .stock-status .stock-out{color:#d32f2f}.floating-cart .expanded-close{position:absolute;top:12px;right:12px;width:24px;height:24px;background:none;border:none;cursor:pointer;padding:0;color:#666;transition:all 200ms ease}.floating-cart .expanded-close:hover{color:#121212;transform:scale(1.1)}.floating-cart .expanded-close .icon{width:16px;height:16px}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media(max-width: 767px){body.sticky-cart-visible{padding-bottom:88px}}.sticky-cart{z-index:90}@media(prefers-color-scheme: dark){.sticky-cart__mobile{background:#1a1a1a;border-top-color:#333}.sticky-cart__mobile .price-current{color:#fff}.sticky-cart__mobile .qty-input{color:#fff}.sticky-cart .floating-cart__expanded{background:#1a1a1a;color:#fff}.sticky-cart .floating-cart__expanded::after{background:#1a1a1a}}.product-template{min-height:100vh;background:#f5f5f7}.product-template>section{padding-top:60px;padding-bottom:60px}@media(min-width: 1280px){.product-template>section{padding-top:80px;padding-bottom:80px}}.product-template>section:first-child{padding-top:40px}@media(min-width: 1280px){.product-template>section:first-child{padding-top:60px}}.product-template>section:nth-child(even):not(.product-hero-section){background:#f8f9fa}.product-template .container{max-width:1400px;margin:0 auto;padding-left:20px;padding-right:20px}@media(min-width: 1024px){.product-template .container{padding-left:40px;padding-right:40px}}@media(min-width: 1280px){.product-template .container{padding-left:40px;padding-right:40px}}.product-hero-section{background:#f5f5f7}.product-hero-section .container{max-width:1400px;margin:0 auto;padding-left:20px;padding-right:20px}@media(min-width: 1024px){.product-hero-section .container{padding-left:40px;padding-right:40px}}@media(min-width: 1280px){.product-hero-section .container{padding-left:40px;padding-right:40px}}.product-hero-grid{display:grid;gap:40px;align-items:start}@media(min-width: 1280px){.product-hero-grid{grid-template-columns:1fr 1fr;gap:60px}}@media(max-width: 767px){.product-hero-grid{grid-template-columns:1fr}}.product-description-tabs .container,.tech-specs .container,.product-in-the-box .container,.product-benefits .container,.how-it-works .container,.product-reviews .container,.related-products .container,.product-faq .container{max-width:1400px;margin:0 auto;padding-left:20px;padding-right:20px}@media(min-width: 1024px){.product-description-tabs .container,.tech-specs .container,.product-in-the-box .container,.product-benefits .container,.how-it-works .container,.product-reviews .container,.related-products .container,.product-faq .container{padding-left:40px;padding-right:40px}}@media(min-width: 1280px){.product-description-tabs .container,.tech-specs .container,.product-in-the-box .container,.product-benefits .container,.how-it-works .container,.product-reviews .container,.related-products .container,.product-faq .container{padding-left:40px;padding-right:40px}}.product-template>section{padding-top:60px;padding-bottom:60px}@media(min-width: 1280px){.product-template>section{padding-top:80px;padding-bottom:80px}}.product-template>section:first-child{padding-top:40px}@media(min-width: 1280px){.product-template>section:first-child{padding-top:60px}}.product-template>section:nth-child(even):not(.product-hero-section){background:#f8f9fa}.button,.btn,button[type=submit],.product-form__submit{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:1.2;letter-spacing:-0.02em;color:#121212;margin-bottom:1rem}@media(min-width: 1280px){.section-header h2{font-size:2.25rem}}.section-header p{font-size:1.125rem;color:#666;max-width:600px;margin:0 auto}.tabs-navigation .tab-button.is-active{color:#03045e}.tabs-navigation .tab-button.is-active::after{background:#03045e}.tech-specs .spec-category h3{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.25;color:#121212;display:flex;align-items:center;gap:12px;margin-bottom:1.5rem}@media(min-width: 1280px){.tech-specs .spec-category h3{font-size:1.875rem}}.tech-specs .spec-category h3 .icon{color:#03045e}.tech-specs .comparison-table th.highlight{background:rgba(3,4,94,.1);color:#121212}.tech-specs .comparison-table td.highlight{background:rgba(3,4,94,.05);font-weight:600}.benefits-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(1, 1fr)}@media(min-width: 1024px){.benefits-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1280px){.benefits-grid{grid-template-columns:repeat(3, 1fr)}}.benefits-grid .benefit-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1);padding:2rem;text-align:center}.benefits-grid .benefit-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.12);transform:translateY(-2px)}.benefits-grid .benefit-card .benefit-icon{width:64px;height:64px;margin:0 auto 1.5rem;color:#03045e}.benefits-grid .benefit-card h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.review-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1);padding:1.5rem}.review-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.12);transform:translateY(-2px)}.review-card .review-rating .star{color:#ffb800}.review-card .review-rating .star--filled{fill:currentColor}.related-products .carousel-track{gap:1.5rem}.related-products .related-product-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1)}.related-products .related-product-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.12);transform:translateY(-2px)}.related-products .related-product-card .product-card__image{position:relative;overflow:hidden;background:#f8f9fa}.related-products .related-product-card .product-card__image::before{content:"";display:block;padding-bottom:100%}.related-products .related-product-card .product-card__image>*{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.related-products .related-product-card .product-card__info{padding:1rem}.related-products .related-product-card .product-card__price .price__current{font-size:1.25rem;font-weight:700;color:#121212}.related-products .related-product-card .product-card__price .price__compare{font-size:1rem;color:#666;text-decoration:line-through}.faq-accordion .faq-item{border:1px solid #e5e5e5;border-radius:8px;margin-bottom:1rem;overflow:hidden}.faq-accordion .faq-item.is-open .faq-question{background:#f8f9fa}.faq-accordion .faq-item.is-open .faq-question .icon{transform:rotate(180deg)}.faq-accordion .faq-question{width:100%;padding:1.5rem;background:#fff;border:none;font-size:1rem;font-weight:600;text-align:left;cursor:pointer;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1)}.faq-accordion .faq-question:hover{background:#f8f9fa}.faq-accordion .faq-question .icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.faq-accordion .faq-answer{padding:0 1.5rem 1.5rem}.faq-accordion .faq-answer p{margin:0}@media(max-width: 767px){.sticky-cart__mobile{display:block}}@media(min-width: 1280px){.sticky-cart__mobile{display:none}}@media(max-width: 767px){.sticky-cart__desktop{display:none}}@media(min-width: 1280px){.sticky-cart__desktop{display:block}}img{max-width:100%;height:auto;display:block}.placeholder-svg{width:100%;height:100%;fill:#e5e5e5;background:#f8f9fa}h1,h2,h3,h4,h5,h6{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#121212;font-weight:700;line-height:1.2}p,li,td,th{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#121212;line-height:1.5}a{color:#03045e;text-decoration:none;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}a:hover{color:#023e8a;text-decoration:underline}.product-template{background:#f5f5f7}.product-template .product-hero-section{max-width:1400px;margin:0 auto;padding-left:20px;padding-right:20px;padding-top:40px;padding-bottom:40px}@media(min-width: 1024px){.product-template .product-hero-section{padding-left:40px;padding-right:40px}}@media(min-width: 1280px){.product-template .product-hero-section{padding-left:40px;padding-right:40px}}@media(min-width: 1280px){.product-template .product-hero-section{padding-top:60px;padding-bottom:60px}}.product-template .product-hero-grid{display:grid;gap:40px}@media(min-width: 1280px){.product-template .product-hero-grid{grid-template-columns:1fr 1fr;gap:60px;align-items:start}}.product-template section{padding-top:60px;padding-bottom:60px}@media(min-width: 1280px){.product-template section{padding-top:80px;padding-bottom:80px}}.product-template section:first-child{padding-top:0}.product-template section:nth-child(even){background:#f8f9fa}.product-template .container{max-width:1400px;margin:0 auto;padding-left:20px;padding-right:20px}@media(min-width: 1024px){.product-template .container{padding-left:40px;padding-right:40px}}@media(min-width: 1280px){.product-template .container{padding-left:40px;padding-right:40px}}.product-template h1{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:2.25rem;font-weight:700;line-height:1.2;letter-spacing:-0.02em;color:#121212;margin-bottom:1.5rem}@media(min-width: 1280px){.product-template h1{font-size:3rem}}.product-template h2{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:1.2;letter-spacing:-0.02em;color:#121212;margin-bottom:2rem;text-align:center}@media(min-width: 1280px){.product-template h2{font-size:2.25rem}}.product-template h3{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.25;color:#121212;margin-bottom:1.5rem}@media(min-width: 1280px){.product-template h3{font-size:1.875rem}}.product-template p{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#121212;margin-bottom:1rem}.product-template .button{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;font-weight:600;line-height:1.5;border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1);white-space:nowrap;user-select:none;background:#03045e;color:#fff}.product-template .button:disabled{opacity:.6;cursor:not-allowed}.product-template .button:hover:not(:disabled){background:#023e8a;transform:translateY(-1px);box-shadow:0 12px 40px rgba(3,4,94,.35)}.product-template .button:active:not(:disabled){transform:translateY(0)}.product-template .button--secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;font-weight:600;line-height:1.5;border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1);white-space:nowrap;user-select:none;background:#fff;color:#03045e;border:2px solid #03045e}.product-template .button--secondary:disabled{opacity:.6;cursor:not-allowed}.product-template .button--secondary:hover:not(:disabled){background:#03045e;color:#fff;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.product-template .button--secondary:active:not(:disabled){transform:translateY(0)}.product-template .button--ghost{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;font-weight:600;line-height:1.5;border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1);white-space:nowrap;user-select:none;background:rgba(0,0,0,0);color:#121212;border:2px solid #e5e5e5}.product-template .button--ghost:disabled{opacity:.6;cursor:not-allowed}.product-template .button--ghost:hover:not(:disabled){border-color:#03045e;color:#03045e}.product-template .button--full{width:100%}.product-template .button--large{padding:16px 32px;font-size:18px}.product-template input[type=text],.product-template input[type=email],.product-template input[type=number],.product-template select,.product-template textarea{width:100%;padding:12px 16px;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:1.5;color:#121212;background:#fff;border:1px solid #e5e5e5;border-radius:8px;transition:all 150ms cubic-bezier(0.4, 0, 0.2, 1)}.product-template input[type=text]:focus,.product-template input[type=email]:focus,.product-template input[type=number]:focus,.product-template select:focus,.product-template textarea:focus{outline:none;border-color:#03045e;box-shadow:0 0 0 3px rgba(3,4,94,.1)}.product-template input[type=text]::placeholder,.product-template input[type=email]::placeholder,.product-template input[type=number]::placeholder,.product-template select::placeholder,.product-template textarea::placeholder{color:#666}.product-template .price{display:flex;align-items:baseline;gap:.5rem}.product-template .price__current{font-size:1.875rem;font-weight:700;color:#121212}.product-template .price__compare{font-size:1.25rem;color:#666;text-decoration:line-through}.product-template .price__savings{font-size:.875rem;font-weight:600;color:#00c66b;background:rgba(0,198,107,.1);padding:2px 8px;border-radius:4px}.product-template .icon{width:24px;height:24px;fill:currentColor}.product-template .icon--small{width:16px;height:16px}.product-template .icon--large{width:32px;height:32px}.product-template .loading{opacity:.6;pointer-events:none;position:relative}.product-template .loading::after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #03045e;border-top-color:rgba(0,0,0,0);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.product-template img{max-width:100%;height:auto;display:block}.product-template .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.product-template .section-header{text-align:center;margin-bottom:4rem}.product-template .section-header h2{margin-bottom:1rem}.product-template .section-header .section-subtitle{font-size:1.125rem;color:#666;max-width:600px;margin:0 auto}@media(min-width: 1280px){.product-hero-gallery{grid-column:1}}@media(min-width: 1280px){.product-info-sidebar{grid-column:2;position:sticky;top:100px}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:2rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:2rem}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}@media(max-width: 767px){.mobile-only{display:block}.desktop-only{display:none}}@media(min-width: 1280px){.mobile-only{display:none}.desktop-only{display:block}}
/* product-page-modern-layout.css */
/* Product Page Casper-style Layout */
/* Clean, modern product page layout inspired by Casper's design */

/* Hero Section Layout */
.product-hero-section {
  padding: 40px 0;
}

@media (min-width: 1025px) {
  .product-hero-section {
    padding: 80px 0;
  }
}

.product-hero-grid {
  display: grid;
  gap: 40px;
}

@media (min-width: 1025px) {
  .product-hero-grid {
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: start;
    grid-auto-rows: auto;
  }
}

/* Ensure gallery can be its natural height */
.product-hero-gallery {
  height: auto !important;
  min-height: auto !important;
}

/* Product Gallery Styles (Left Column) */
.product-hero-gallery {
  position: relative;
}

.product-hero-gallery .gallery__main {
  position: relative;
  margin-bottom: 20px;
}

.product-hero-gallery .gallery__main .gallery__images {
  position: relative;
  aspect-ratio: 1;
  border-radius: 16px;
  overflow: hidden;
  background: #f8f9fa;
}

.product-hero-gallery .gallery__main .gallery__images .gallery__slide {
  display: none;
  width: 100%;
  height: 100%;
}

.product-hero-gallery .gallery__main .gallery__images .gallery__slide.is-active {
  display: block;
}

.product-hero-gallery .gallery__main .gallery__images .gallery__slide img,
.product-hero-gallery .gallery__main .gallery__images .gallery__slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Navigation arrows */
.product-hero-gallery .gallery__main .gallery__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.product-hero-gallery .gallery__main .gallery__arrow--prev {
  left: 16px;
}

.product-hero-gallery .gallery__main .gallery__arrow--next {
  right: 16px;
}

.product-hero-gallery .gallery__main .gallery__arrow svg {
  color: #333;
}

.product-hero-gallery .gallery__main:hover .gallery__arrow {
  opacity: 1;
}

/* Expand button */
.product-hero-gallery .gallery__main .gallery__expand {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.product-hero-gallery .gallery__main .gallery__expand svg {
  color: #333;
}

/* Thumbnail navigation */
.product-hero-gallery .gallery__thumbs-container .gallery__thumbs {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  padding: 4px 0;
}

.product-hero-gallery .gallery__thumbs-container .gallery__thumbs .gallery__thumb {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  overflow: hidden;
  border: 2px solid transparent;
  cursor: pointer;
  transition: border-color 0.2s ease;
}

.product-hero-gallery .gallery__thumbs-container .gallery__thumbs .gallery__thumb.is-active {
  border-color: #1B4B82;
}

.product-hero-gallery .gallery__thumbs-container .gallery__thumbs .gallery__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-hero-gallery .gallery__thumbs-container .gallery__thumbs .gallery__thumb .gallery__thumb-video {
  position: relative;
  width: 100%;
  height: 100%;
}

.product-hero-gallery .gallery__thumbs-container .gallery__thumbs .gallery__thumb .gallery__thumb-video .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

/* Mobile dots: 8px dot painted in the content box, padding gives a 24px touch target */
.product-hero-gallery .gallery__dots {
  display: flex;
  justify-content: center;
  gap: 0;
  margin-top: 16px;
}

@media (min-width: 1025px) {
  .product-hero-gallery .gallery__dots {
    display: none;
  }
}

.product-hero-gallery .gallery__dots .gallery__dot {
  box-sizing: content-box;
  width: 8px;
  height: 8px;
  padding: 8px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
  background-clip: content-box;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.product-hero-gallery .gallery__dots .gallery__dot.is-active {
  width: 24px;
  border-radius: 12px;
  background-color: #1B4B82;
  background-clip: content-box;
}

/* Product Info Styles (Right Column) */

/* Rating Summary */
.product-info .product-rating-summary {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.product-info .product-rating-summary .rating-stars {
  display: flex;
  gap: 2px;
}

.product-info .product-rating-summary .rating-stars .star {
  color: #FF8800;
}

.product-info .product-rating-summary .rating-stars .star--filled {
  color: #FF8800;
}

.product-info .product-rating-summary .rating-stars .star--half {
  color: #FF8800;
}

.product-info .product-rating-summary .rating-text {
  font-size: 14px;
  color: #666;
  font-weight: 500;
}

.product-info .product-rating-summary .rating-link {
  color: #1B4B82;
  font-size: 14px;
  text-decoration: none;
}

.product-info .product-rating-summary .rating-link:hover {
  text-decoration: underline;
}

/* Product Title */
.product-info .product-info__title {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  color: #1B4B82;
  margin-bottom: 16px;
}

@media (min-width: 1025px) {
  .product-info .product-info__title {
    font-size: 36px;
  }
}

/* Pricing Section */
.product-info .product-pricing {
  background: white;
  border: 1px solid #E5E5E5;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 24px;
}

.product-info .product-pricing .price-display {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.product-info .product-pricing .price-display .price-current {
  font-size: 28px;
  font-weight: 700;
  color: #333;
}


.product-info .product-pricing .financing-info {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  background: #F8FBFF;
  padding: 12px 16px;
  border-radius: 8px;
  border-left: 3px solid #1B4B82;
}

.product-info .product-pricing .financing-info .financing-text {
  font-size: 14px;
  color: #666;
}

.product-info .product-pricing .financing-info .financing-brand {
  color: #1B4B82;
  font-weight: 600;
  font-size: 14px;
}

.product-info .product-pricing .financing-info .financing-learn-more {
  background: none;
  border: none;
  color: #1B4B82;
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
  margin-left: 4px;
}

/* Product Description */
.product-info .product-description-short {
  background: white;
  border: 1px solid #E5E5E5;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 24px;
}

.product-info .product-description-short p {
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  margin-bottom: 12px;
}

.product-info .product-description-short p:first-child {
  font-weight: 600;
  color: #1B4B82;
  font-size: 18px;
  margin-bottom: 16px;
}

.product-info .product-description-short p:last-child {
  margin-bottom: 0;
}

.product-info .product-description-short h1,
.product-info .product-description-short h2,
.product-info .product-description-short h3,
.product-info .product-description-short h4 {
  font-weight: 600;
  color: #1B4B82;
  margin-top: 20px;
  margin-bottom: 12px;
  line-height: 1.4;
}

.product-info .product-description-short h1 {
  font-size: 20px;
}

.product-info .product-description-short h2 {
  font-size: 18px;
}

.product-info .product-description-short h3 {
  font-size: 17px;
}

.product-info .product-description-short h4 {
  font-size: 16px;
}

.product-info .product-description-short ul,
.product-info .product-description-short ol {
  margin: 12px 0;
  padding-left: 20px;
}

.product-info .product-description-short li {
  margin-bottom: 8px;
  line-height: 1.6;
  color: #333;
}

.product-info .product-description-short strong {
  color: #1B4B82;
  font-weight: 600;
}

/* Highlights Section */
.product-info .product-highlights {
  background: white;
  border: 1px solid #E5E5E5;
  border-radius: 12px;
  margin-bottom: 24px;
  overflow: hidden;
}

.product-info .product-highlights .highlights-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: none;
  border: none;
  padding: 20px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  transition: background-color 0.2s ease;
}

.product-info .product-highlights .highlights-toggle:hover {
  background: #F8FBFF;
}

.product-info .product-highlights .highlights-toggle .icon-chevron {
  transition: transform 0.2s ease;
  color: #1B4B82;
}

.product-info .product-highlights .highlights-toggle.is-open .icon-chevron {
  transform: rotate(180deg);
}

.product-info .product-highlights .highlights-content {
  padding: 0 20px 20px 20px;
  border-top: 1px solid #F0F0F0;
}

.product-info .product-highlights .highlights-content .product-features {
  list-style: none;
  padding: 0;
  margin: 16px 0 0 0;
}

.product-info .product-highlights .highlights-content .product-features__item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
  font-size: 15px;
  line-height: 1.5;
  color: #333;
}

.product-info .product-highlights .highlights-content .product-features__item:last-child {
  margin-bottom: 0;
}

.product-info .product-highlights .highlights-content .product-features__item .icon {
  color: #00C66B;
  margin-top: 2px;
  flex-shrink: 0;
}

/* Product Options */
.product-info .product-options {
  margin-bottom: 24px;
}

.product-info .product-options .options-title {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 12px;
}

/* Variant Options */
.product-info .product-options .variant-buttons {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.product-info .product-options .variant-buttons .size-option {
  cursor: pointer;
}

.product-info .product-options .variant-buttons .size-option input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.product-info .product-options .variant-buttons .size-option .size-name {
  display: block;
  padding: 12px 20px;
  border: 2px solid #E5E5E5;
  border-radius: 8px;
  background: white;
  font-weight: 500;
  color: #333;
  transition: all 0.2s ease;
}

.product-info .product-options .variant-buttons .size-option--selected .size-name,
.product-info .product-options .variant-buttons .size-option:hover .size-name {
  border-color: #1B4B82;
  background: #F8FBFF;
  color: #1B4B82;
}

.product-info .product-options .variant-buttons .size-option--selected .size-name {
  box-shadow: 0 0 0 1px #1B4B82;
}

/* Product Purchase Section */
.product-info .product-purchase-section {
  background: white;
  border: 2px solid #1B4B82;
  border-radius: 12px;
  padding: 24px;
  margin-top: 24px;
  box-shadow: 0 2px 8px rgba(27, 75, 130, 0.1);
}

.product-info .product-purchase-section .quantity-section {
  margin-bottom: 24px;
}

.product-info .product-purchase-section .quantity-section .options-title {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 16px;
}

/* Quantity Controls */
.product-info .product-purchase-section .quantity-controls {
  display: flex;
  align-items: center;
  gap: 0;
  max-width: 150px;
  background: #F8F9FA;
  border-radius: 8px;
  padding: 4px;
}

.product-info .product-purchase-section .quantity-controls .quantity-button {
  width: 44px;
  height: 44px;
  border: 2px solid #E5E5E5;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}

.product-info .product-purchase-section .quantity-controls .quantity-button:hover {
  border-color: #1B4B82;
  background: #F8FBFF;
  color: #1B4B82;
}

.product-info .product-purchase-section .quantity-controls .quantity-button--minus {
  border-radius: 6px 0 0 6px;
  border-right: none;
}

.product-info .product-purchase-section .quantity-controls .quantity-button--plus {
  border-radius: 0 6px 6px 0;
  border-left: none;
}

.product-info .product-purchase-section .quantity-controls .quantity-input {
  width: 62px;
  height: 44px;
  border: 2px solid #E5E5E5;
  border-left: none;
  border-right: none;
  background: white;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

.product-info .product-purchase-section .quantity-controls .quantity-input:focus {
  outline: none;
  border-color: #1B4B82;
}

/* Product Actions within Purchase Section */
.product-info .product-purchase-section .product-actions {
  margin-bottom: 20px;
}

.product-info .product-purchase-section .product-actions .add-to-cart {
  width: 100%;
  background: #1B4B82;
  color: white;
  border: none;
  border-radius: 10px;
  padding: 18px 24px;
  font-size: 17px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(27, 75, 130, 0.2);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.product-info .product-purchase-section .product-actions .add-to-cart:hover:not(:disabled) {
  background: #164A7A;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(27, 75, 130, 0.3);
}

.product-info .product-purchase-section .product-actions .add-to-cart:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(27, 75, 130, 0.2);
}

.product-info .product-purchase-section .product-actions .add-to-cart:disabled {
  background: #CCC;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

/* Stock Status within Purchase Section */
.product-info .product-purchase-section .stock-status {
  margin: 0;
}

.product-info .product-purchase-section .stock-status .stock-message {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #1B4B82;
  background: #F0F7FF;
  padding: 14px 16px;
  border-radius: 10px;
  border: 1px solid #E0F0FF;
  font-weight: 500;
}

.product-info .product-purchase-section .stock-status .stock-message .icon-truck {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.product-info .product-purchase-section .stock-status .stock-message--out {
  color: #FF3B30;
  background: #FFF5F5;
  border-color: #FFE5E5;
}


/* Mobile Header Styles */
.product-mobile-header {
  margin-bottom: 24px;
  padding: 0 20px;
}

/* Mobile Header Rating Summary */
.product-mobile-header .product-rating-summary {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.product-mobile-header .product-rating-summary .rating-stars {
  display: flex;
  gap: 2px;
}

.product-mobile-header .product-rating-summary .rating-stars .star {
  color: #FF8800;
}

.product-mobile-header .product-rating-summary .rating-stars .star--filled {
  color: #FF8800;
}

.product-mobile-header .product-rating-summary .rating-text {
  font-size: 14px;
  color: #666;
  font-weight: 500;
}

/* Mobile Header Title */
.product-mobile-header .product-info__title {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  color: #1B4B82;
  margin-bottom: 16px;
}

/* Mobile Header Price Display */
.product-mobile-header .price-display {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 8px;
}

.product-mobile-header .price-display .price-current {
  font-size: 24px;
  font-weight: 600;
  color: #333;
}

/* Mobile Header Financing Info */
.product-mobile-header .financing-info {
  margin-bottom: 0;
  font-size: 14px;
  color: #666;
  line-height: 1.4;
}

.product-mobile-header .financing-info .financing-text {
  color: #666;
}

.product-mobile-header .financing-info .financing-brand {
  color: #1463FF;
  font-weight: 600;
  font-style: italic;
}

.product-mobile-header .financing-info .financing-learn-more {
  background: none;
  border: none;
  color: #1463FF;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
  font-size: inherit;
  margin-left: 4px;
}

/* Mobile Purchase Section Styles - Casper Layout */
.product-mobile-purchase {
  margin-top: 20px;
  padding: 0 20px;
}

.product-mobile-purchase .product-form {
  width: 100%;
}

/* Variant Dropdown - Casper Style */
.product-mobile-purchase .product-options {
  margin-bottom: 16px;
}

.product-mobile-purchase .variant-dropdown {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #E5E5E5;
  border-radius: 8px;
  background: white;
  font-size: 16px;
  color: #333;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 12px center;
  background-repeat: no-repeat;
  background-size: 16px;
  padding-right: 40px;
}

.product-mobile-purchase .variant-dropdown:focus {
  outline: none;
  border-color: #1B4B82;
  box-shadow: 0 0 0 3px rgba(27, 75, 130, 0.1);
}

/* Add to Cart Button - Casper Style */
.product-mobile-purchase .product-actions {
  margin: 0;
}

.product-mobile-purchase .add-to-cart-btn {
  width: 100%;
  background: #1B4B82;
  color: white;
  border: none;
  border-radius: 50px;
  padding: 16px 24px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  text-transform: none;
  letter-spacing: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.product-mobile-purchase .add-to-cart-btn:hover:not(:disabled) {
  background: #164A7A;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(27, 75, 130, 0.25);
}

.product-mobile-purchase .add-to-cart-btn:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(27, 75, 130, 0.2);
}

.product-mobile-purchase .add-to-cart-btn:disabled {
  background: #CCC;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

/* Mobile Floating Add to Cart Button */
@media (max-width: 768px) {
  .product-mobile-purchase .add-to-cart-btn {
    position: fixed !important;
    bottom: 20px !important;
    left: 20px !important;
    right: 20px !important;
    z-index: 1000 !important;
    margin: 0 !important;
    width: calc(100% - 40px) !important;
    box-shadow: 0 4px 20px rgba(27, 75, 130, 0.25) !important;
    transition: all 0.3s ease !important;
  }
  
  /* When button reaches end of hero section, make it absolute within hero section */
  .product-hero-section {
    position: relative;
  }
  
  .product-mobile-purchase .add-to-cart-btn.at-bottom {
    position: absolute !important;
    bottom: -10px !important;
    left: 20px !important;
    right: 20px !important;
    width: calc(100% - 40px) !important;
    box-shadow: 0 4px 20px rgba(27, 75, 130, 0.25) !important;
  }
}
  
  /* Hide the original button container positioning */
  .product-mobile-purchase .product-actions {
    position: relative;
  }
}

/* Desktop/Mobile Visibility Classes */
.desktop-only {
  display: block;
}

.mobile-only {
  display: none;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
  /* Show mobile header only on mobile */
  .product-mobile-header {
    display: block;
  }
  
  /* Hide desktop-only elements on mobile */
  .desktop-only {
    display: none !important;
  }
  
  /* Show mobile-only elements on mobile */
  .mobile-only {
    display: block;
  }
  
  /* Mobile grid order: Gallery -> Mobile Purchase -> Sidebar */
  .product-hero-grid .product-hero-gallery {
    order: 1;
  }
  
  .product-hero-grid .product-mobile-purchase {
    order: 2;
  }
  
  .product-hero-grid .product-info {
    order: 3;
  }
  
  .product-info .product-info__title {
    font-size: 28px;
  }
  
  .product-info .product-options .quantity-options {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 769px) {
  /* Hide mobile header on desktop */
  .product-mobile-header {
    display: none;
  }
  
  /* Show desktop-only elements on desktop */
  .desktop-only {
    display: block;
  }
  
  /* Hide mobile-only elements on desktop */
  .mobile-only {
    display: none;
  }
  
  /* Reset mobile floating button on desktop */
  .product-mobile-purchase .add-to-cart-btn {
    position: static !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    box-shadow: none !important;
  }
}
/* product-gallery.css */
/* Product Gallery - Consolidated Styles */

/* ==========================================================================
   Breadcrumb Styling (from fixes.css)
   ========================================================================== */
.product-breadcrumb {
  padding: 16px 0;
  background: #F5F5F7;
  border-bottom: 1px solid #E5E5E5;
}

.breadcrumb__list {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  gap: 8px;
}

.breadcrumb__item {
  font-size: 14px;
}

.breadcrumb__link {
  color: #666;
  text-decoration: none;
  transition: color 250ms ease;
}

.breadcrumb__link:hover {
  color: #03045E;
}

.breadcrumb__divider {
  color: #999;
  display: flex;
  align-items: center;
}

.breadcrumb__divider svg {
  width: 14px;
  height: 14px;
}

.breadcrumb__current {
  color: #121212;
  font-weight: 600;
}

/* ==========================================================================
   Gallery Container
   ========================================================================== */
.product-hero-gallery {
  width: 100%;
  height: 100%;
  background: white;
  padding: 0;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

/* ==========================================================================
   Main Gallery Area
   ========================================================================== */
.gallery__main {
  position: relative;
  width: 100%;
  background: #F8F9FA;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
}

/* Gallery Images Container */
.gallery__images,
.gallery__viewport {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  background: #F8F9FA;
}

/* Adjust for portrait video on mobile */
@media (max-width: 767px) {
  .gallery__images.has-video {
    aspect-ratio: 9/16;
    background: #000;
  }
}

/* ==========================================================================
   Slides and Images
   ========================================================================== */
/* Hide all slides by default */
.gallery__slide,
.gallery__image,
.lightbox__slide,
.lightbox__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms ease, visibility 300ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Show active slides */
.gallery__slide.is-active,
.gallery__image.is-active,
.lightbox__slide.is-active,
.lightbox__image.is-active {
  opacity: 1;
  visibility: visible;
}

/* Image styling */
.gallery__slide img,
.gallery__image {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Video styling */
.gallery__video,
.lightbox__video {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  outline: none;
}

.gallery__video:focus,
.lightbox__video:focus {
  outline: 2px solid #03045E;
  outline-offset: 2px;
}

/* ==========================================================================
   Navigation Arrows
   ========================================================================== */
.gallery__arrow,
.gallery__nav {
  position: absolute;
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  cursor: pointer;
  z-index: 10;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(12px) saturate(180%);
}

.gallery__arrow {
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04) !important;
  opacity: 1 !important;
  padding: 0;
}

.gallery__arrow--prev,
.gallery__nav--prev {
  left: 16px;
}

.gallery__arrow--next,
.gallery__nav--next {
  right: 16px;
}

.gallery__arrow:hover {
  background: rgba(255, 255, 255, 1) !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  transform: translateY(-50%) scale(1.05);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.06) !important;
}

.gallery__arrow:active {
  transform: translateY(-50%) scale(0.98);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) !important;
}

.gallery__arrow svg,
.gallery__arrow i {
  width: 20px;
  height: 20px;
  color: #1a1a1a !important;
  fill: #1a1a1a !important;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  margin: 0;
  padding: 0;
}

/* Keep dark icons in all states */
.gallery__arrow:hover svg,
.gallery__arrow:hover i,
.gallery__arrow:active svg,
.gallery__arrow:active i,
.gallery__arrow:focus svg,
.gallery__arrow:focus i {
  color: #1a1a1a !important;
  fill: #1a1a1a !important;
}

/* ==========================================================================
   Expand/Fullscreen Button
   ========================================================================== */
.gallery__expand,
.gallery__fullscreen {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.95);
  border: none;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transition: all 250ms ease;
}

.gallery__expand:hover,
.gallery__fullscreen:hover {
  background: white;
  transform: scale(1.1);
}

.gallery__expand svg,
.gallery__fullscreen svg {
  width: 20px;
  height: 20px;
  color: #121212;
}

/* ==========================================================================
   Thumbnails Container
   ========================================================================== */
.gallery__thumbs-container,
.gallery__nav {
  background: white;
  padding: 16px;
  border-radius: 0 0 12px 12px;
  border-top: 1px solid #E5E5E5;
  position: relative;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: #03045E #E5E5E5;
}

.gallery__thumbs-container::-webkit-scrollbar,
.gallery__nav::-webkit-scrollbar {
  height: 6px;
}

.gallery__thumbs-container::-webkit-scrollbar-track,
.gallery__nav::-webkit-scrollbar-track {
  background: #E5E5E5;
  border-radius: 3px;
}

.gallery__thumbs-container::-webkit-scrollbar-thumb,
.gallery__nav::-webkit-scrollbar-thumb {
  background: #03045E;
  border-radius: 3px;
}

/* Thumbnails grid */
.gallery__thumbs {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding: 4px;
  min-height: 96px;
  align-items: center;
}

/* Individual thumbnails */
.gallery__thumb {
  position: relative;
  flex-shrink: 0;
  width: 90px;
  height: 90px;
  border: 3px solid #E5E5E5;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  padding: 0;
  background: #F5F5F5;
  transition: all 250ms ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.gallery__thumb:hover {
  border-color: #023E8A;
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.gallery__thumb.is-active {
  border-color: #03045E;
  box-shadow: 0 4px 12px rgba(3, 4, 94, 0.3);
  transform: scale(1.05);
}

.gallery__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Video thumbnail special styling */
.gallery__thumb-video {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
}

.gallery__thumb-video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.8;
}

.gallery__thumb-video .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  z-index: 1;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

.video-thumb-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  color: white;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  padding: 8px;
}

/* Scroll indicators */
.gallery__thumbs-container::before,
.gallery__thumbs-container::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 100%;
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  transition: opacity 250ms ease;
}

.gallery__thumbs-container::before {
  left: 0;
  background: linear-gradient(90deg, white 0%, transparent 100%);
}

.gallery__thumbs-container::after {
  right: 0;
  background: linear-gradient(-90deg, white 0%, transparent 100%);
}

.gallery__thumbs-container.has-scroll::before,
.gallery__thumbs-container.has-scroll::after {
  opacity: 1;
}

/* Empty state */
.gallery__thumbs:empty::after {
  content: 'No thumbnails available';
  padding: 20px;
  color: #999;
  font-style: italic;
}

/* ==========================================================================
   Mobile Dots Navigation
   ========================================================================== */
.gallery__dots {
  display: none;
  justify-content: center;
  gap: 8px;
  padding: 16px;
  background: white;
  border-top: 1px solid #E5E5E5;
}

.gallery__dot {
  width: 8px;
  height: 8px;
  border: none;
  border-radius: 50%;
  background: #E5E5E5;
  cursor: pointer;
  padding: 0;
  transition: all 250ms ease;
}

.gallery__dot:hover {
  background: #023E8A;
}

.gallery__dot.is-active {
  background: #03045E;
  width: 24px;
  border-radius: 4px;
}

/* ==========================================================================
   Lightbox
   ========================================================================== */
.gallery-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
}

.gallery-lightbox.is-open {
  display: flex;
  align-items: center;
  justify-content: center;
}

.lightbox__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.95);
  cursor: pointer;
}

.lightbox__content {
  position: relative;
  width: 90%;
  height: 90%;
  max-width: 1200px;
  max-height: 800px;
  z-index: 1;
}

/* Lightbox close button */
.lightbox__close {
  position: absolute;
  top: -50px;
  right: 0;
  width: 48px;
  height: 48px;
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 250ms ease;
  z-index: 10;
}

.lightbox__close:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  transform: scale(1.1);
}

.lightbox__close svg {
  color: white;
  width: 24px;
  height: 24px;
}

/* Lightbox images container */
.lightbox__images {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lightbox__slide img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

.lightbox__video {
  max-height: 90vh;
}

/* Lightbox navigation */
.lightbox__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 250ms ease;
  z-index: 10;
}

.lightbox__arrow:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-50%) scale(1.1);
}

.lightbox__arrow--prev,
.lightbox__nav--prev {
  left: 20px;
}

.lightbox__arrow--next,
.lightbox__nav--next {
  right: 20px;
}

.lightbox__arrow svg,
.lightbox__nav svg {
  color: white;
  width: 30px;
  height: 30px;
}

/* Lightbox counter */
.lightbox__counter {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 8px 20px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  z-index: 10;
}

/* ==========================================================================
   Placeholder Content
   ========================================================================== */
.placeholder-svg {
  width: 100%;
  height: 100%;
  max-width: 400px;
  max-height: 400px;
  margin: 0 auto;
  opacity: 0.3;
}

/* Remove any duplicate or placeholder content */
.product-info__placeholder,
.gallery__skeleton,
.skeleton-shimmer {
  display: none;
}

/* ==========================================================================
   Gallery Additional Info Section
   ========================================================================== */
.gallery__additional-info {
  background: white;
  padding: 32px;
  border-radius: 0 0 12px 12px;
  border-top: 1px solid #E5E5E5;
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: auto;
  min-height: auto;
}

/* Gallery Trust Indicators */
.gallery-trust-indicators {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  padding: 24px;
  background: linear-gradient(135deg, #F0FBFD 0%, #E6F7FA 100%);
  border-radius: 16px;
  border: 1px solid rgba(3, 4, 94, 0.08);
}

.gallery-trust-indicators .trust-item {
  display: flex;
  align-items: center;
  gap: 16px;
  text-align: left;
}

.gallery-trust-indicators .trust-icon {
  width: 44px;
  height: 44px;
  color: #03045E;
  background: white;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  box-shadow: 0 4px 12px rgba(3, 4, 94, 0.1);
  transition: all 250ms ease;
}

.gallery-trust-indicators .trust-item:hover .trust-icon {
  transform: scale(1.05);
  box-shadow: 0 6px 16px rgba(3, 4, 94, 0.2);
}

.gallery-trust-indicators .trust-item__content {
  flex: 1;
}

.gallery-trust-indicators .trust-item__content strong {
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: #03045E;
  margin-bottom: 4px;
}

.gallery-trust-indicators .trust-item__content span {
  font-size: 13px;
  color: #666;
}

/* Gallery Lifestyle Section - travel case coming-soon line only */
.gallery-lifestyle .travel-case-notice {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 16px;
  background: linear-gradient(135deg, #03045E 0%, #023E8A 100%);
  color: white;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(3, 4, 94, 0.2);
}

.gallery-lifestyle .travel-case-icon {
  width: 20px;
  height: 20px;
  font-size: 16px;
}

.gallery-lifestyle .travel-case-notice span {
  font-size: 14px;
  font-weight: 600;
}

/* Gallery Shipping Calculator */
.gallery-shipping-calculator {
  padding: 24px;
  background: white;
  border-radius: 16px;
  border: 1px solid #E5E5E5;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.gallery-shipping-calculator .shipping-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.gallery-shipping-calculator .shipping-icon {
  width: 28px;
  height: 28px;
  color: #03045E;
  font-size: 24px;
}

.gallery-shipping-calculator .shipping-header h3 {
  font-size: 18px;
  font-weight: 700;
  color: #03045E;
  margin: 0;
  flex: 1;
}

.gallery-shipping-calculator .ships-today-badge {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #00C66B;
  color: white;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.gallery-shipping-calculator .ships-today-badge i {
  font-size: 12px;
}

.gallery-shipping-calculator .shipping-cutoff {
  background: #F8F9FA;
  padding: 16px;
  border-radius: 12px;
  margin-bottom: 20px;
}

.gallery-shipping-calculator .shipping-cutoff p {
  font-size: 14px;
  color: #666;
  margin-bottom: 12px;
}

.gallery-shipping-calculator .cutoff-progress {
  height: 6px;
  background: #E5E5E5;
  border-radius: 3px;
  overflow: hidden;
}

.gallery-shipping-calculator .cutoff-fill {
  height: 100%;
  background: linear-gradient(90deg, #00C66B 0%, #FFB700 100%);
  border-radius: 3px;
  transition: width 300ms ease;
}

.gallery-shipping-calculator .shipping-form {
  margin-bottom: 20px;
}

.gallery-shipping-calculator .shipping-form label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 12px;
}

.gallery-shipping-calculator .zip-input-group {
  display: flex;
  gap: 12px;
}

.gallery-shipping-calculator .zip-input-group input {
  flex: 1;
  padding: 12px 16px;
  border: 2px solid #E5E5E5;
  border-radius: 8px;
  font-size: 14px;
  transition: border-color 250ms ease;
}

.gallery-shipping-calculator .zip-input-group input:focus {
  outline: none;
  border-color: #03045E;
}

.gallery-shipping-calculator .calculate-btn {
  padding: 12px 24px;
  background: #03045E;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 250ms ease;
}

.gallery-shipping-calculator .calculate-btn:hover {
  background: #023E8A;
  transform: translateY(-1px);
}

.gallery-shipping-calculator .shipping-features {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.gallery-shipping-calculator .shipping-feature {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #666;
}

.gallery-shipping-calculator .shipping-feature i {
  width: 16px;
  height: 16px;
  color: #03045E;
  font-size: 14px;
}

/* ==========================================================================
   Mobile Responsive
   ========================================================================== */
@media (max-width: 768px) {
  /* Hide thumbnails, show dots on mobile */
  .gallery__thumbs-container,
  .gallery__nav {
    display: none;
  }
  
  .gallery__dots {
    display: flex;
  }
  
  /* Smaller navigation arrows */
  .gallery__arrow {
    width: 40px;
    height: 40px;
    opacity: 1 !important;
  }

  .gallery__arrow svg,
  .gallery__arrow i {
    width: 18px;
    height: 18px;
  }

  .gallery__arrow--prev {
    left: 12px;
  }

  .gallery__arrow--next {
    right: 12px;
  }
  
  /* Smaller thumbnails if shown */
  .gallery__thumb {
    width: 70px;
    height: 70px;
  }
  
  .gallery__thumbs {
    gap: 8px;
  }
  
  /* Lightbox adjustments */
  .lightbox__close {
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
  }
  
  .lightbox__arrow {
    width: 48px;
    height: 48px;
  }
  
  .lightbox__arrow--prev {
    left: 10px;
  }
  
  .lightbox__arrow--next {
    right: 10px;
  }
  
  /* Mobile adjustments for gallery additional info */
  .gallery__additional-info {
    padding: 20px;
    gap: 24px;
  }
  
  .gallery-trust-indicators {
    display: none;
  }

  .gallery-lifestyle {
    display: none;
  }
  
  .gallery-shipping-calculator {
    padding: 20px;
  }
  
  .gallery-shipping-calculator .shipping-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  
  .gallery-shipping-calculator .shipping-features {
    flex-direction: column;
    gap: 12px;
  }
  
  .gallery-shipping-calculator .zip-input-group {
    flex-direction: column;
  }
}
/* product-sidebar.css */
/* Consolidated Product Sidebar Styles
   Merged from: clean, redesign, visual-enhance, final-polish, scroll-override
   Created: 2025-06-24
*/

/* ==========================================================================
   Base Container Styles
   ========================================================================== */

/* Main container with modern card design */
.product-info-sidebar,
.product-info {
  background: white;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
  position: relative;
  overflow: visible;
  transition: box-shadow 300ms ease;
}

@media (max-width: 768px) {
  .product-info-sidebar,
  .product-info {
    padding: 24px;
    border-radius: 16px;
  }
}

/* Subtle radial gradient overlay */
.product-info::before,
.product-info-sidebar::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(202, 240, 248, 0.15) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

.product-info > *,
.product-info-sidebar > * {
  position: relative;
  z-index: 1;
}

.product-info:hover,
.product-info-sidebar:hover {
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);
}

/* Clean up spacing */
.product-info > *:last-child,
.product-info-sidebar > *:last-child {
  margin-bottom: 0;
  padding-bottom: 20px;
}

/* ==========================================================================
   Scroll Behavior - Normal Document Flow
   ========================================================================== */

/* Remove ALL sticky positioning for consistent behavior */
.product-info,
.product-info-sidebar,
.product-hero-grid > *:last-child,
.product-template .product-info,
.product-template .product-info-sidebar {
  position: static !important;
  position: relative !important;
  top: auto !important;
  max-height: none !important;
  overflow-y: visible !important;
  overflow: visible !important;
  transform: none !important;
  will-change: auto !important;
}

/* Grid layout without sticky */
.product-hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  align-items: start !important;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 1024px) {
  .product-hero-grid {
    grid-template-columns: 1fr 1fr;
    gap: 60px;
  }
}

@media (max-width: 1023px) {
  .product-hero-grid {
    display: block !important;
  }
  
  .product-hero-gallery {
    margin-bottom: 32px;
  }
  
  .product-info-sidebar {
    margin-bottom: 40px;
  }
}

/* Override any JavaScript-applied styles */
.product-info-sidebar[style*="position: sticky"],
.product-info-sidebar[style*="position: fixed"],
.product-info[style*="position: sticky"],
.product-info[style*="position: fixed"] {
  position: relative !important;
}

/* Final override with maximum specificity */
html body .product-template .product-hero-section .product-hero-grid .product-info-sidebar {
  position: relative !important;
  top: 0 !important;
  transform: none !important;
  max-height: none !important;
  overflow: visible !important;
}

/* ==========================================================================
   Product Title
   ========================================================================== */

.product-info__title {
  font-size: 36px;
  font-weight: 800;
  color: #03045E;
  margin: 0 0 20px 0;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

@media (max-width: 768px) {
  .product-info__title {
    font-size: 28px;
  }
}

/* ==========================================================================
   Badges
   ========================================================================== */

/* Primary product badge */
.product-badge {
  display: inline-block;
  background: linear-gradient(135deg, #03045E 0%, #023E8A 100%);
  color: white;
  padding: 8px 20px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 16px;
  box-shadow: 0 4px 12px rgba(3, 4, 94, 0.25);
  animation: fadeIn 600ms ease 200ms both;
}

.product-badge--bestseller {
  background: linear-gradient(135deg, #FFB700 0%, #FF9500 100%);
  box-shadow: 0 4px 12px rgba(255, 183, 0, 0.25);
}

.product-badge--new {
  background: linear-gradient(135deg, #00C66B 0%, #00A857 100%);
  box-shadow: 0 4px 12px rgba(0, 198, 107, 0.25);
}

/* Lifestyle badge */
.lifestyle-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #03045E 0%, #023E8A 100%);
  color: white;
  padding: 8px 18px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 16px;
  box-shadow: 0 3px 10px rgba(3, 4, 94, 0.2);
  animation: fadeInDown 600ms ease;
  white-space: nowrap;
  transition: all 250ms ease;
}

.lifestyle-badge .badge-icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.lifestyle-badge:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(3, 4, 94, 0.3);
}

/* ==========================================================================
   Pricing & Features Section
   ========================================================================== */

/* Combined pricing and features card */
.product-pricing-features,
.product-pricing,
.product-pricing--accent {
  background: linear-gradient(135deg, #F8FCFD 0%, #EFF9FB 100%);
  border-radius: 16px;
  padding: 24px;
  margin: 24px 0;
  border: 1px solid rgba(3, 4, 94, 0.1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  position: relative;
  overflow: hidden;
}

/* Subtle pattern overlay */
.product-pricing--accent::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      45deg,
      transparent,
      transparent 10px,
      rgba(3, 4, 94, 0.02) 10px,
      rgba(3, 4, 94, 0.02) 20px
    );
  pointer-events: none;
}

/* ==========================================================================
   Reviews Section
   ========================================================================== */

.product-reviews,
.product-pricing-features .product-reviews {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #E5E5E5;
}

.star-rating,
.product-pricing-features .star-rating {
  display: flex;
  gap: 2px;
}

.star,
.product-pricing-features .star {
  width: 18px;
  height: 18px;
  color: #FFB700;
}

.product-reviews__count,
.product-pricing-features .product-reviews__count {
  color: #03045E;
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  transition: all 250ms ease;
}

.product-reviews__count:hover,
.product-pricing-features .product-reviews__count:hover {
  color: #023E8A;
  text-decoration: underline;
}

.product-reviews__verified,
.product-pricing-features .product-reviews__verified {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  color: #666;
  background: #F5F5F5;
  padding: 4px 10px;
  border-radius: 12px;
}

/* ==========================================================================
   Price Display
   ========================================================================== */

.price-group {
  display: flex;
  align-items: baseline;
  gap: 16px;
  margin-bottom: 12px;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}

.price--current {
  font-size: 48px;
  font-weight: 800;
  color: #03045E;
  letter-spacing: -0.03em;
  line-height: 1;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

@media (max-width: 768px) {
  .price--current {
    font-size: 36px;
  }
}

.price--compare {
  font-size: 28px;
  color: #999;
  font-weight: 500;
  text-decoration: line-through;
  opacity: 0.8;
}

.price-badge {
  background: #03045E;
  color: white;
  padding: 6px 16px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 2px 8px rgba(3, 4, 94, 0.3);
  margin-left: auto;
  white-space: nowrap;
}

/* Payment Plans */
.payment-plans {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(3, 4, 94, 0.08);
  margin-bottom: 20px;
  font-size: 14px;
  color: #666;
}

.payment-plans strong {
  color: #03045E;
  font-weight: 700;
}

.payment-plans svg {
  width: 20px;
  height: 20px;
  color: #03045E;
}

.payment-info {
  background: none;
  border: none;
  padding: 2px;
  cursor: pointer;
  color: #999;
  transition: color 250ms ease;
  position: relative;
}

.payment-info:hover {
  color: #03045E;
}

.payment-info svg {
  width: 16px;
  height: 16px;
}

/* Payment info tooltip */
.payment-info:hover::after {
  content: 'Learn about payment options';
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #333;
  color: white;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 12px;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  animation: fadeIn 250ms forwards;
}

/* ==========================================================================
   Features List
   ========================================================================== */

.product-features {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.product-features__item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 15px;
  color: #333;
  padding: 8px 0;
  line-height: 1.5;
}

.product-features__item .icon--check {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: #03045E;
  background: rgba(3, 4, 94, 0.1);
  border-radius: 50%;
  padding: 2px;
  margin-top: 2px;
}

/* ==========================================================================
   Variant Selectors
   ========================================================================== */

.variant-selectors {
  margin: 24px 0;
}

.variant-selector {
  margin-bottom: 20px;
}

.variant-selector__label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: #666;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.variant-selector__value {
  color: #03045E;
  font-weight: 700;
  text-transform: none;
}

/* Variant buttons */
.variant-buttons {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.variant-button {
  position: relative;
  padding: 12px 24px;
  border: 2px solid #E5E5E5;
  border-radius: 12px;
  background: white;
  color: #121212;
  font-weight: 600;
  cursor: pointer;
  transition: all 250ms ease;
  min-width: fit-content;
  text-align: center;
}

.variant-button__input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.variant-button__input:checked + .variant-button {
  border-color: #03045E;
  background: linear-gradient(135deg, rgba(3, 4, 94, 0.05) 0%, rgba(3, 4, 94, 0.1) 100%);
  color: #03045E;
  transform: scale(1.02);
  box-shadow: 0 4px 12px rgba(3, 4, 94, 0.2);
}

.variant-button:hover {
  border-color: #023E8A;
  transform: translateY(-1px);
}

/* Color swatches */
.color-swatches {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.color-swatch {
  position: relative;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 3px solid #E5E5E5;
  cursor: pointer;
  transition: all 250ms ease;
  overflow: hidden;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

.color-swatch__input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.color-swatch__input:checked + .color-swatch {
  border-color: #03045E;
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(3, 4, 94, 0.3);
}

.color-swatch:hover {
  transform: scale(1.05);
  border-color: #023E8A;
}

/* ==========================================================================
   Quantity Selector
   ========================================================================== */

.quantity-selector {
  margin-bottom: 24px;
}

.quantity-selector__label {
  font-size: 14px;
  font-weight: 600;
  color: #666;
  display: block;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.quantity-selector__row {
  display: flex;
  align-items: center;
  gap: 24px;
}

@media (max-width: 480px) {
  .quantity-selector__row {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}

.quantity-controls {
  display: inline-flex;
  align-items: center;
  background: #F5F5F7;
  border-radius: 12px;
  padding: 4px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06);
}

.quantity-button {
  width: 48px;
  height: 48px;
  border: none;
  background: white;
  color: #121212;
  font-size: 20px;
  font-weight: 600;
  cursor: pointer;
  transition: all 150ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}

.quantity-button:hover {
  background: #03045E;
  color: white;
  transform: scale(1.05);
}

.quantity-button:active {
  transform: scale(0.95);
}

.quantity-input {
  width: 80px;
  height: 48px;
  border: none;
  background: transparent;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color: #121212;
  -moz-appearance: textfield;
}

.quantity-input::-webkit-inner-spin-button,
.quantity-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

@media (max-width: 768px) {
  .quantity-controls {
    transform: scale(0.9);
  }
}

/* Stock Status */
.stock-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: 24px;
  padding: 8px 16px;
  background: rgba(0, 198, 107, 0.1);
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  color: #00C66B;
}

.stock-status svg {
  width: 16px;
  height: 16px;
}

.stock-status__available {
  color: #00C66B;
  font-weight: 600;
}

.stock-status__low {
  color: #FF9500;
  font-weight: 600;
  animation: pulse 2s infinite;
}

.stock-status__out {
  color: #FF3B30;
  font-weight: 600;
}

/* ==========================================================================
   Action Buttons
   ========================================================================== */

.product-actions {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 32px;
}

.product-actions .button {
  min-height: 56px;
}

/* Primary Add to Cart Button */
.add-to-cart {
  width: 100%;
  background: linear-gradient(135deg, #03045E 0%, #023E8A 100%);
  color: white;
  border: none;
  border-radius: 16px;
  padding: 20px 32px;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 8px 24px rgba(3, 4, 94, 0.35);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

/* Shine effect */
.add-to-cart::before,
.product-info .button::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.6s;
}

.add-to-cart:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(3, 4, 94, 0.45);
}

.add-to-cart:hover::before,
.product-info .button:hover::before {
  left: 100%;
}

.add-to-cart:active:not(:disabled) {
  transform: translateY(0);
}

.add-to-cart:disabled,
.add-to-cart[disabled] {
  background: #E5E5E5 !important;
  color: #999 !important;
  cursor: not-allowed;
  box-shadow: none !important;
  transform: none !important;
}

@media (max-width: 768px) {
  .add-to-cart {
    padding: 18px 24px;
    font-size: 16px;
  }
}

/* Button States */
.button__text,
.button__loading,
.button__success {
  display: flex;
  align-items: center;
  gap: 8px;
}

.button__loading,
.button__success {
  display: none;
}

.add-to-cart.is-loading .button__text {
  opacity: 0;
}

.add-to-cart.is-loading .button__loading {
  display: flex;
  align-items: center;
  gap: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.add-to-cart.is-success .button__text {
  opacity: 0;
}

.add-to-cart.is-success .button__success {
  display: flex;
  align-items: center;
  gap: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.spinner {
  animation: spin 1s linear infinite;
}

/* Wishlist button - hidden by default */
.add-to-wishlist {
  display: none;
}

/* Amazon Button */
.button--amazon,
a.button--amazon {
  width: 100%;
  background: #FFD814 !important;
  color: #131921 !important;
  border: none !important;
  border-radius: 8px;
  padding: 14px 24px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 200ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  margin-top: 12px;
  box-shadow: 0 2px 8px rgba(255, 153, 0, 0.3);
  gap: 8px;
}

.button--amazon:hover,
a.button--amazon:hover {
  background: #F7CA00 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(255, 153, 0, 0.4);
}

.button--amazon:active,
a.button--amazon:active {
  transform: translateY(0);
}

.button--amazon img,
.button--amazon svg {
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .button--amazon,
  a.button--amazon {
    padding: 12px 20px;
    font-size: 14px;
  }

  .button--amazon svg,
  .button--amazon img {
    width: 50px;
    height: auto;
  }
}

/* ==========================================================================
   Trust Indicators
   ========================================================================== */

.trust-indicators {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  padding: 32px;
  background: linear-gradient(135deg, #F0FBFD 0%, #E6F7FA 100%);
  border-radius: 20px;
  border: 1px solid rgba(3, 4, 94, 0.1);
  margin-top: 32px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

@media (max-width: 768px) {
  .trust-indicators {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 24px;
    margin-top: 24px;
  }
}

@media (max-width: 480px) {
  .trust-indicators {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}

.trust-item {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  transition: transform 250ms ease;
}

.trust-item:hover {
  transform: translateY(-4px);
}

.trust-item svg {
  width: 48px;
  height: 48px;
  padding: 12px;
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(3, 4, 94, 0.15);
  color: #03045E;
  transition: all 250ms ease;
}

.trust-item:hover svg {
  box-shadow: 0 6px 16px rgba(3, 4, 94, 0.25);
  transform: scale(1.05);
}

@media (max-width: 480px) {
  .trust-item {
    flex-direction: row;
    text-align: left;
    gap: 16px;
  }
}

.trust-item__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.trust-item__content strong {
  font-size: 15px;
  font-weight: 700;
  color: #03045E;
  line-height: 1.2;
}

.trust-item__content span {
  font-size: 13px;
  color: #666;
  line-height: 1.3;
}

/* ==========================================================================
   Shipping Calculator - Hidden by default
   ========================================================================== */

.shipping-calculator {
  display: none;
}

/* ==========================================================================
   Section Layout & Stacking
   ========================================================================== */

/* Hero section layout */
.product-hero-section {
  position: relative;
  overflow: visible !important;
  z-index: 1;
  padding-bottom: 80px !important;
}

.product-hero-section .container {
  position: relative;
  overflow: visible !important;
}

.product-hero-gallery {
  position: relative;
  z-index: 1;
}

/* Ensure sections stack properly */
.product-template > section {
  position: relative;
  z-index: 1;
  overflow: visible;
  clear: both;
  background-color: white;
  border-top: 1px solid transparent;
}

.product-template > section:nth-child(even) {
  background-color: #F5F5F7;
}

/* Tabs section */
.product-tabs {
  position: relative;
  z-index: 2;
  background: #F5F5F7 !important;
  margin-top: 0 !important;
  padding-top: 80px !important;
}

/* Debug separator */
.product-hero-section::after {
  content: '';
  display: block;
  height: 1px;
  background: transparent;
  clear: both;
}

/* ==========================================================================
   Animations
   ========================================================================== */

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

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulse {
  0% { opacity: 1; }
  50% { opacity: 0.6; }
  100% { opacity: 1; }
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* ==========================================================================
   Global Transitions
   ========================================================================== */

/* Smooth transitions for all interactive elements */
.product-info button,
.product-info input,
.product-info a,
.product-info svg,
.product-info-sidebar button,
.product-info-sidebar input,
.product-info-sidebar a,
.product-info-sidebar svg {
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* ==========================================================================
   Utility Classes
   ========================================================================== */

/* Ensure consistent border radius */
.product-info .product-reviews,
.product-info .product-features,
.product-info .quantity-selector,
.product-info .product-actions,
.product-info .variant-selectors {
  border-radius: 16px;
}

/* Remove transform on mobile */
@media (max-width: 768px) {
  .product-info-sidebar {
    transform: none !important;
  }
}

/* Height constraints for short screens */
@media (max-height: 800px) {
  .trust-indicators {
    margin-top: 24px;
    margin-bottom: 0;
  }
  
  .product-info-sidebar {
    padding-bottom: 24px;
  }
}
/* ==========================================================================
   Professional Product Page Enhancements
   ========================================================================== */

/* Subtitle for professional headline */
.product-info__subtitle {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #64748B !important;
  line-height: 1.6 !important;
  margin-top: 8px !important;
  margin-bottom: 20px !important;
  max-width: 500px;
}

@media (max-width: 768px) {
  .product-info__subtitle {
    font-size: 13px !important;
    margin-bottom: 20px !important;
  }
}

/* Trust Indicators Bar */
.product-trust-indicators {
  display: flex;
  gap: 16px;
  margin-top: 24px;
  margin-bottom: 24px;
  padding: 16px;
  background: #FAFAFA;
  border-radius: 12px;
  border: 1px solid #E5E5E5;
  flex-wrap: wrap;
}

.trust-indicator {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #1A1A1A;
  font-weight: 500;
  min-width: 0;
}

.trust-indicator span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}

.trust-indicator i {
  font-size: 16px;
  color: #1B4B82;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .product-trust-indicators {
    flex-direction: column;
    gap: 12px;
  }
}

/* Availability Notice */
.availability-notice {
  display: block;
  font-size: 14px;
  color: #D97706;
  font-weight: 500;
  margin-top: 8px;
}

/* Product Bundle Offer - Luxury Clean Design */
.product-bundle-offer {
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 20px;
  transition: all 0.3s ease;
}

.product-bundle-offer:hover {
  border-color: #1B4B82;
  box-shadow: 0 4px 16px rgba(27, 75, 130, 0.08);
}

.bundle-offer__badge {
  display: inline-block;
  background: #F0F9FF;
  color: #1B4B82;
  padding: 4px 12px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
  margin-bottom: 16px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}

.bundle-offer__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.bundle-offer__title {
  font-size: 16px;
  font-weight: 600;
  color: #111827;
  line-height: 1.3;
}

.bundle-offer__description {
  font-size: 14px;
  color: #6B7280;
  line-height: 1.4;
}

.bundle-offer__price {
  margin: 4px 0;
}

.bundle-offer__price-current {
  font-size: 28px;
  color: #111827;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.bundle-offer__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #1B4B82;
  color: white;
  padding: 14px 24px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
  margin-top: 8px;
}

.bundle-offer__cta:hover {
  background: #143A68;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(27, 75, 130, 0.2);
}

.bundle-offer__cta i {
  font-size: 12px;
  transition: transform 0.2s ease;
}

.bundle-offer__cta:hover i {
  transform: translateX(3px);
}

/* Product Guarantee Simple - Clean Luxury */
.product-guarantee-simple {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.guarantee-item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  color: #374151;
  line-height: 1.4;
}

.guarantee-item i {
  color: #1B4B82;
  font-size: 16px;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .product-bundle-offer {
    padding: 20px;
  }

  .bundle-offer__title {
    font-size: 15px;
  }

  .bundle-offer__price-current {
    font-size: 24px;
  }

  .guarantee-item {
    font-size: 12px;
  }
}

/* ==========================================================================
   Product Purchase Card
   ========================================================================== */

.product-purchase-card {
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 24px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.product-purchase-card__pricing {
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #E5E7EB;
}

.product-purchase-card__price-row {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 10px;
}

.product-purchase-card__price {
  font-size: 36px;
  font-weight: 700;
  color: #111827;
  letter-spacing: -0.02em;
  display: block;
}

.product-purchase-card__price-compare {
  font-size: 20px;
  font-weight: 500;
  color: #9CA3AF;
  text-decoration: line-through;
  letter-spacing: -0.01em;
}

.product-purchase-card__financing {
  margin-top: 8px;
  font-size: 13px;
  color: #6B7280;
}

.product-purchase-card__financing strong {
  color: #5A31F4;
  font-weight: 600;
}

.product-purchase-card .product-options {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #E5E7EB;
}

.product-purchase-card .product-actions {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .product-purchase-card {
    padding: 20px;
    margin-bottom: 20px;
  }

  .product-purchase-card__price {
    font-size: 28px;
  }

  .product-purchase-card__price-compare {
    font-size: 17px;
  }
}

/* ==========================================================================
   Product Sidebar Trust Signals
   ========================================================================== */

.product-sidebar-trust {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #E5E7EB;
}

.product-sidebar-trust__logos {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}

.product-sidebar-trust__label {
  font-size: 11px;
  font-weight: 600;
  color: #9CA3AF;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.product-sidebar-trust__logo-row {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.product-sidebar-trust__logo-link {
  display: inline-block;
  transition: all 0.2s ease;
}

.product-sidebar-trust__logo {
  filter: grayscale(100%);
  opacity: 0.7;
  transition: all 0.2s ease;
}

.product-sidebar-trust__logo-link:hover .product-sidebar-trust__logo {
  filter: grayscale(0%);
  opacity: 1;
}

.product-sidebar-trust__award {
  display: flex;
  align-items: center;
  gap: 8px;
}

.product-sidebar-trust__award-logo {
  flex-shrink: 0;
}

.product-sidebar-trust__award-text {
  font-size: 12px;
  font-weight: 600;
  color: #374151;
}

.product-sidebar-trust__endorsement {
  background: linear-gradient(135deg, #F0F9FF 0%, #E0F2FE 100%);
  border-radius: 12px;
  padding: 16px;
  margin-top: 12px;
}

.product-sidebar-trust__endorsement-content {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}

.product-sidebar-trust__quote-icon {
  color: #1B4B82;
  font-size: 14px;
  flex-shrink: 0;
  opacity: 0.6;
}

.product-sidebar-trust__quote {
  font-size: 14px;
  font-style: italic;
  color: #1F2937;
  line-height: 1.5;
  margin: 0;
}

.product-sidebar-trust__endorser {
  display: flex;
  align-items: center;
  gap: 10px;
}

.product-sidebar-trust__endorser-photo {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.product-sidebar-trust__endorser-info {
  display: flex;
  flex-direction: column;
}

.product-sidebar-trust__endorser-name {
  font-size: 13px;
  font-weight: 600;
  color: #111827;
}

.product-sidebar-trust__endorser-title {
  font-size: 11px;
  color: #6B7280;
}

/* Trust Video Player */
.product-sidebar-trust__video {
  background: linear-gradient(135deg, #F0F9FF 0%, #E0F2FE 100%);
  border-radius: 12px;
  padding: 12px;
  margin-top: 12px;
}

.product-sidebar-trust__video-container {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 8px;
  overflow: hidden;
  background: #000;
}

.product-sidebar-trust__video-player {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  background: #1a1a2e;
}

.product-sidebar-trust__video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  background: rgba(27, 75, 130, 0.9);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.product-sidebar-trust__video-play i {
  color: #fff;
  font-size: 16px;
  margin-left: 3px;
}

.product-sidebar-trust__video-play:hover {
  background: rgba(27, 75, 130, 1);
  transform: translate(-50%, -50%) scale(1.1);
}

.product-sidebar-trust__video-container.is-playing .product-sidebar-trust__video-play {
  opacity: 0;
  pointer-events: none;
}

.product-sidebar-trust__video-caption {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  padding-top: 8px;
}

.product-sidebar-trust__video-caption .product-sidebar-trust__endorser-name {
  font-size: 13px;
  font-weight: 600;
  color: #111827;
}

.product-sidebar-trust__video-caption .product-sidebar-trust__endorser-title {
  font-size: 11px;
  color: #6B7280;
}

@media (max-width: 768px) {
  .product-sidebar-trust {
    margin-top: 16px;
    padding-top: 16px;
  }

  .product-sidebar-trust__logo-row {
    gap: 16px;
  }

  .product-sidebar-trust__endorsement {
    padding: 14px;
  }

  .product-sidebar-trust__quote {
    font-size: 13px;
  }

  .product-sidebar-trust__video {
    padding: 10px;
  }

  .product-sidebar-trust__video-play {
    width: 40px;
    height: 40px;
  }

  .product-sidebar-trust__video-play i {
    font-size: 14px;
  }
}
/* star-rating.css */
/* Star Rating Styles */
.star-rating {
  display: inline-flex;
  gap: 2px;
  align-items: center;
}

.star-rating .star {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.star-rating.star-rating--large .star {
  width: 24px;
  height: 24px;
}

.star-rating.star-rating--small .star {
  width: 16px;
  height: 16px;
}

/* Star colors */
.star--filled path,
.star--half path {
  fill: #FFB700;
  stroke: #FFB700;
}

.star--empty path {
  fill: none;
  stroke: #D3D3D3;
}

/* Ensure half stars work properly */
.star--half defs {
  pointer-events: none;
}

/* Inline with text */
.star-rating--inline {
  display: inline-flex;
  vertical-align: middle;
  margin: 0 4px;
}

/* Review card specific styling */
.review-rating .star-rating {
  margin-bottom: 8px;
}

/* Product info sidebar star rating */
.product-reviews .star-rating {
  color: #FFB700;
}

/* Hover effects for interactive ratings */
.star-rating--interactive .star {
  cursor: pointer;
  transition: transform 0.1s ease;
}

.star-rating--interactive .star:hover {
  transform: scale(1.1);
}
/* product-tabs-alignment.css */
/* Product Tabs Alignment Fix */

/* Ensure tabs section aligns with other sections */
.product-tabs {
  padding: 60px 0;
  background: #F5F5F7; /* Match alternating section background */
}

@media (min-width: 768px) {
  .product-tabs {
    padding: 80px 0;
  }
}

/* Override container to match other sections */
.product-tabs .container {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

@media (min-width: 768px) {
  .product-tabs .container {
    padding: 0 40px !important;
  }
}

@media (min-width: 1440px) {
  .product-tabs .container {
    padding: 0 60px !important;
  }
}

/* Ensure tab navigation doesn't extend beyond container */
.product-tabs .tabs-navigation {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}

/* Tab content should have consistent padding */
.product-tabs .tab-panel__content {
  max-width: 1200px;
  margin: 0 auto;
}

/* Match the same spacing as other sections */
.product-tabs .tabs-content {
  width: 100%;
}

/* Ensure consistent typography container width */
.product-tabs .product-description,
.product-tabs .specs-grid,
.product-tabs .warranty-content,
.product-tabs .shipping-content {
  max-width: 100%;
}

/* If content is too wide, constrain it */
.product-tabs .tab-panel__content > * {
  max-width: 100%;
}

/* Debug - add visual guide (remove in production) */
.product-tabs {
  position: relative;
}

/* Ensure the section follows the same pattern */
.product-template > section.product-tabs {
  width: 100%;
  box-sizing: border-box;
}

/* Match hero section container sizing */
.product-tabs .container,
.product-hero-section .container {
  max-width: 1400px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Specific fix for tab navigation alignment */
.tabs-navigation {
  display: flex;
  border-bottom: 2px solid #E5E5E5;
  margin-bottom: 40px;
  width: 100%;
  box-sizing: border-box;
}

/* Ensure tab content doesn't overflow */
.tab-panel {
  width: 100%;
  box-sizing: border-box;
}

.tab-panel__content {
  width: 100%;
  box-sizing: border-box;
}

/* Match the exact same container behavior as product hero */
@media (min-width: 1200px) {
  .product-tabs .container {
    max-width: 1200px !important;
  }
}

@media (min-width: 1400px) {
  .product-tabs .container {
    max-width: 1400px !important;
  }
}

/* Ensure consistent spacing with other sections */
.product-tabs + section {
  border-top: none;
}

/* Remove any default margins that might cause misalignment */
.product-tabs .container > *:first-child {
  margin-top: 0;
}

.product-tabs .container > *:last-child {
  margin-bottom: 0;
}
/* product-sections-alignment.css */
/* Global Product Page Section Alignment */

/* Ensure ALL product sections use consistent container sizing */
.product-template section .container,
.product-template .container {
  max-width: 1400px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .product-template section .container,
  .product-template .container {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

@media (min-width: 1024px) {
  .product-template section .container,
  .product-template .container {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

/* Specific fix for tabs section which seems misaligned */
.product-tabs {
  width: 100%;
  box-sizing: border-box;
}

.product-tabs .container {
  width: 100%;
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .product-tabs .container {
    padding: 0 40px !important;
  }
}

/* Ensure tabs navigation doesn't break container alignment */
.product-tabs .tabs-navigation {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Tab content should not exceed container bounds */
.product-tabs .tabs-content {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Force all sections to have the same spacing pattern */
.product-hero-section,
.product-tabs,
.tech-specs,
.in-the-box,
.benefits-grid,
.how-it-works,
.product-reviews,
.related-products,
.product-faq {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

/* Debug helper - visualize container alignment */
.product-template section {
  position: relative;
}

/* Optional: Add visual guide for development (remove in production) */
/*
.product-template section .container::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-left: 1px dashed red;
  border-right: 1px dashed red;
  pointer-events: none;
  z-index: 9999;
}
*/

/* Ensure consistent section padding */
.product-template > section {
  padding: 60px 0;
}

@media (min-width: 768px) {
  .product-template > section {
    padding: 80px 0;
  }
}

/* Fix any sections that might have their own container styling */
.product-template section > .container {
  /* Reset any conflicting styles */
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  max-width: 1400px !important;
}

/* Specific override for product-tabs if needed */
section.product-tabs > .container,
.product-tabs > .container {
  max-width: 1400px !important;
  margin: 0 auto !important;
  width: 100% !important;
}

/* Ensure tab panels don't have extra margins */
.tab-panel {
  margin: 0;
  padding: 0;
}

.tab-panel__content {
  margin: 0;
  padding: 0;
}

/* If there's a wrapper div causing issues */
.product-tabs > div:not(.container) {
  max-width: 100%;
  margin: 0;
  padding: 0;
}
/* product-lifestyle-section.css */
/* Product Lifestyle Section Styles */

.product-lifestyle {
  margin-top: 32px;
  padding: 24px;
  background: linear-gradient(135deg, #F8FCFD 0%, #EFF9FB 100%);
  border-radius: 16px;
  border: 1px solid rgba(3, 4, 94, 0.1);
}

.product-lifestyle__title {
  font-size: 18px;
  font-weight: 700;
  color: #03045E;
  margin: 0 0 16px 0;
  letter-spacing: -0.02em;
}

.lifestyle-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .lifestyle-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

.lifestyle-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: white;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition: all 250ms ease;
  cursor: default;
}

.lifestyle-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(3, 4, 94, 0.15);
}

.lifestyle-item svg {
  width: 28px;
  height: 28px;
  color: #03045E;
  flex-shrink: 0;
}

.lifestyle-item span {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  line-height: 1.3;
}

/* Travel Case Notice */
.travel-case-notice {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  background: linear-gradient(135deg, #03045E 0%, #023E8A 100%);
  color: white;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.3px;
  box-shadow: 0 4px 12px rgba(3, 4, 94, 0.25);
  animation: pulseGlow 3s ease-in-out infinite;
}

@keyframes pulseGlow {
  0%, 100% {
    box-shadow: 0 4px 12px rgba(3, 4, 94, 0.25);
  }
  50% {
    box-shadow: 0 6px 20px rgba(3, 4, 94, 0.35);
  }
}

.travel-case-notice svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

/* Enhanced Features List */
.product-features--lifestyle .product-features__item {
  padding: 12px 0;
  font-size: 15px;
  gap: 14px;
  transition: all 250ms ease;
}

.product-features--lifestyle .product-features__item:hover {
  transform: translateX(4px);
  color: #03045E;
}

.product-features--lifestyle .icon--check {
  background: linear-gradient(135deg, #03045E 0%, #023E8A 100%);
  border-radius: 50%;
  padding: 3px;
  color: white;
}

/* Add spacing adjustment when lifestyle section is present */
.product-features + .product-lifestyle {
  margin-top: 24px;
}

/* Smooth reveal animation */
.product-lifestyle {
  animation: fadeInUp 600ms ease;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* quantity-selector-redesign.css */
/* Quantity Selector Redesign */

/* Override default styles and remove blue background */
.quantity-selector {
  margin: 24px 0;
  background: white !important;
  padding: 0 !important;
}

/* Quantity label styling */
.quantity-selector__label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Row containing controls and stock status */
.quantity-selector__row {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}

/* Quantity controls container */
.quantity-controls {
  display: flex;
  align-items: center;
  gap: 16px;
  border: 2px solid #E5E5E5;
  border-radius: 12px;
  padding: 8px;
  background: white;
  transition: border-color 250ms ease;
}

.quantity-controls:hover {
  border-color: #03045E;
}

/* Quantity buttons */
.quantity-button {
  width: 44px;
  height: 44px;
  border: none;
  background: #F8F8F8;
  color: #333;
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
  transition: all 250ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  flex-shrink: 0;
}

.quantity-button:hover:not(:disabled) {
  background: #03045E;
  color: white;
  transform: scale(1.05);
}

.quantity-button:active:not(:disabled) {
  transform: scale(0.95);
}

.quantity-button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* Quantity input */
.quantity-input {
  width: 60px;
  height: 44px;
  border: none;
  background: transparent;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: #121212;
  -moz-appearance: textfield;
  padding: 0;
}

.quantity-input::-webkit-inner-spin-button,
.quantity-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.quantity-input:focus {
  outline: none;
  background: #F8F8F8;
  border-radius: 4px;
}

/* Stock status styling */
.stock-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: #E8F5E9;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
}

.stock-status__available {
  color: #2E7D32;
  display: flex;
  align-items: center;
  gap: 6px;
}

.stock-status__available svg {
  width: 16px;
  height: 16px;
  color: #2E7D32;
}

.stock-status__low {
  color: #F57C00;
  background: #FFF3E0;
  padding: 8px 16px;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.stock-status__low svg {
  width: 16px;
  height: 16px;
}

.stock-status__out {
  color: #D32F2F;
  background: #FFEBEE;
  padding: 8px 16px;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.stock-status__out svg {
  width: 16px;
  height: 16px;
}

/* Mobile responsive */
@media (max-width: 768px) {
  .quantity-controls {
    width: 100%;
    justify-content: space-between;
  }
  
  .quantity-input {
    flex: 1;
  }
}

/* Animation for quantity changes */
@keyframes quantityPulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

.quantity-input.quantity-changed {
  animation: quantityPulse 300ms ease;
}

/* Plus and minus symbols */
.quantity-button--minus span::after {
  content: '−';
}

.quantity-button--plus span::after {
  content: '+';
}

.quantity-button span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

/* Remove any background colors from parent elements */
.product-form .quantity-selector {
  background: transparent !important;
}

/* Ensure proper spacing from other elements */
.variant-selectors + .quantity-selector {
  margin-top: 32px;
}

.quantity-selector + .product-actions {
  margin-top: 32px;
}
/* premium-benefits-grid.css */
/* Premium Benefits Grid - Clean, Modern Design */
.premium-benefits {
  padding: 100px 0;
  background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
  position: relative;
  overflow: hidden;
}

.premium-benefits::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 50%, rgba(3, 4, 94, 0.03) 0%, transparent 50%),
              radial-gradient(circle at 80% 20%, rgba(0, 198, 107, 0.03) 0%, transparent 50%);
  pointer-events: none;
}

.premium-benefits__container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 40px;
  position: relative;
  z-index: 1;
}

.premium-benefits__header {
  text-align: center;
  margin-bottom: 80px;
}

.premium-benefits__title {
  font-size: 48px;
  font-weight: 700;
  color: #03045E;
  margin: 0;
  letter-spacing: -0.02em;
  line-height: 1.1;
  background: linear-gradient(135deg, #03045E 0%, #023E8A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.premium-benefits__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  align-items: start;
}

.premium-benefit-card {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  border-radius: 24px;
  padding: 40px 32px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.08),
    0 2px 8px rgba(0, 0, 0, 0.04);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  height: 100%;
}

.premium-benefit-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, transparent 0%, var(--card-color) 50%, transparent 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.premium-benefit-card:hover::before {
  opacity: 1;
}

.premium-benefit-card:hover {
  transform: translateY(-12px);
  box-shadow: 
    0 20px 40px rgba(0, 0, 0, 0.12),
    0 8px 16px rgba(0, 0, 0, 0.08);
  border-color: rgba(255, 255, 255, 0.5);
}

.premium-benefit-card__content {
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.premium-benefit-card__title {
  font-size: 24px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 24px 0;
  letter-spacing: -0.01em;
  line-height: 1.2;
}

.premium-benefit-card__metric {
  margin-bottom: 24px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}

.premium-benefit-card__number {
  font-size: 56px;
  font-weight: 800;
  color: var(--card-color);
  line-height: 1;
  letter-spacing: -0.02em;
}

.premium-benefit-card__suffix {
  font-size: 20px;
  font-weight: 600;
  color: #666;
  line-height: 1;
}

.premium-benefit-card__description {
  font-size: 16px;
  line-height: 1.6;
  color: #4a5568;
  margin: 0;
  font-weight: 400;
}

/* Card Type Colors */
.premium-benefit-card--savings {
  --card-color: #00C66B;
}

.premium-benefit-card--eco {
  --card-color: #00A3E0;
}

.premium-benefit-card--performance {
  --card-color: #E74C3C;
}

.premium-benefit-card--speed {
  --card-color: #F39C12;
}

.premium-benefit-card--precision {
  --card-color: #9B59B6;
}

.premium-benefit-card--durability {
  --card-color: #2ECC71;
}

/* Responsive Design */
@media (max-width: 1200px) {
  .premium-benefits__container {
    padding: 0 32px;
  }
  
  .premium-benefits__grid {
    gap: 24px;
  }
  
  .premium-benefit-card {
    padding: 32px 24px;
  }
  
  .premium-benefit-card__number {
    font-size: 48px;
  }
}

@media (max-width: 1024px) {
  .premium-benefits {
    padding: 80px 0;
  }
  
  .premium-benefits__title {
    font-size: 40px;
  }
  
  .premium-benefits__header {
    margin-bottom: 60px;
  }
  
  .premium-benefits__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  
  .premium-benefit-card__number {
    font-size: 44px;
  }
}

@media (max-width: 768px) {
  .premium-benefits {
    padding: 60px 0;
  }
  
  .premium-benefits__container {
    padding: 0 24px;
  }
  
  .premium-benefits__title {
    font-size: 32px;
  }
  
  .premium-benefits__header {
    margin-bottom: 48px;
  }
  
  .premium-benefits__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  
  .premium-benefit-card {
    padding: 32px 24px;
  }
  
  .premium-benefit-card__title {
    font-size: 22px;
  }
  
  .premium-benefit-card__number {
    font-size: 40px;
  }
  
  .premium-benefit-card__suffix {
    font-size: 18px;
  }
  
  .premium-benefit-card__description {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .premium-benefits {
    padding: 50px 0;
  }
  
  .premium-benefits__container {
    padding: 0 20px;
  }
  
  .premium-benefits__title {
    font-size: 28px;
  }
  
  .premium-benefit-card {
    padding: 28px 20px;
  }
  
  .premium-benefit-card__number {
    font-size: 36px;
  }
}

/* Wide Screen Enhancement */
@media (min-width: 1600px) {
  .premium-benefits__grid {
    grid-template-columns: repeat(6, 1fr);
    gap: 28px;
  }
  
  .premium-benefit-card {
    padding: 36px 28px;
  }
  
  .premium-benefit-card__number {
    font-size: 48px;
  }
}

/* Animation on Scroll */
.premium-benefit-card {
  opacity: 0;
  transform: translateY(30px);
  animation: fadeInUp 0.6s ease forwards;
}

.premium-benefit-card:nth-child(1) { animation-delay: 0.1s; }
.premium-benefit-card:nth-child(2) { animation-delay: 0.2s; }
.premium-benefit-card:nth-child(3) { animation-delay: 0.3s; }
.premium-benefit-card:nth-child(4) { animation-delay: 0.4s; }
.premium-benefit-card:nth-child(5) { animation-delay: 0.5s; }
.premium-benefit-card:nth-child(6) { animation-delay: 0.6s; }

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Hover Effects */
.premium-benefit-card:hover .premium-benefit-card__number {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}

.premium-benefit-card:hover .premium-benefit-card__title {
  color: var(--card-color);
  transition: color 0.3s ease;
}
/* remove-review-background.css */
/* Remove grey background from review section */
.product-pricing-features .product-reviews {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  margin-bottom: 20px;
}

/* Remove any parent element backgrounds that might be causing the grey card */
.product-reviews-wrapper,
.reviews-container,
.product-reviews-section {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Ensure the reviews flow naturally within the pricing card */
.product-pricing-features {
  overflow: visible;
}

/* Remove any ::before or ::after pseudo elements that might create backgrounds */
.product-reviews::before,
.product-reviews::after,
.product-pricing-features .product-reviews::before,
.product-pricing-features .product-reviews::after {
  display: none !important;
  background: transparent !important;
}

/* Make sure review elements don't have their own backgrounds */
.star-rating,
.product-reviews__count,
.product-reviews__verified {
  background-color: transparent;
}

/* Only the verified badge should have a subtle background */
.product-reviews__verified {
  background-color: #F5F5F5 !important;
}

/* Remove any padding or margins that create visual separation */
.product-info > * {
  background: transparent;
}

/* Ensure the pricing features card is the only visual container */
.product-pricing-features > * {
  background: transparent;
}

/* Remove border-bottom from reviews if not needed */
.product-pricing-features .product-reviews {
  border-bottom: 1px solid #F0F0F0 !important;
  padding-bottom: 20px !important;
}

/* Force lifestyle badge to be visible */
.lifestyle-badge {
  background: #03045E !important;
  color: white !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 18px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  margin-bottom: 16px !important;
  box-shadow: 0 3px 10px rgba(3, 4, 94, 0.2) !important;
}

.lifestyle-badge svg {
  color: white !important;
}

.lifestyle-badge span {
  color: white !important;
}
/* remove-benefit-backgrounds.css */
/* Remove ALL background decorations from benefit cards */
.benefit-card::before,
.benefit-card::after,
.benefit-card__icon::before,
.benefit-card__icon::after,
.benefit-card__bg,
.benefit-card [class*="bg-shape"],
.benefit-card [class*="background-shape"],
.benefit-card [class*="floating"] {
  display: none !important;
}

/* Ensure cards have clean backgrounds */
.benefit-card {
  background: white !important;
  overflow: hidden !important;
}

/* Remove any positioned background elements */
.benefit-card > *:not(.benefit-card__icon):not(.benefit-card__content) {
  display: none !important;
}

/* Reset icon styling to be clean */
.benefit-card__icon {
  background: none !important;
  position: relative !important;
}

/* Remove any background images or gradients */
.benefits__grid,
.benefit-card,
.benefit-card__icon {
  background-image: none !important;
}

/* Remove pseudo elements that might create shapes */
.benefits__grid::before,
.benefits__grid::after,
.product-benefits::before,
.product-benefits::after {
  display: none !important;
}

/* Force clean styling on all benefit card types */
[data-benefit-type="savings"]::before,
[data-benefit-type="savings"]::after,
[data-benefit-type="eco"]::before,
[data-benefit-type="eco"]::after,
[data-benefit-type="performance"]::before,
[data-benefit-type="performance"]::after,
[data-benefit-type="convenience"]::before,
[data-benefit-type="convenience"]::after,
[data-benefit-type="precision"]::before,
[data-benefit-type="precision"]::after,
[data-benefit-type="durability"]::before,
[data-benefit-type="durability"]::after {
  display: none !important;
}
/* hide-benefit-icons.css */
/* Completely hide all benefit card icons */
.benefit-card__icon {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Ensure no space is reserved for icons */
.benefit-card {
  padding-top: 40px !important;
}

/* Remove any icon-related spacing */
.benefit-card__content {
  margin-top: 0 !important;
}

/* Hide any SVG icons that might be rendered */
.benefit-card svg,
.benefit-card .icon {
  display: none !important;
}
/* product-patents.css */
/* Product Patents Section - collapsed disclosure, opens to the full patent list */
.product-patents.product-patents {
  padding: 24px 0;
  background: #FAFBFC;
  border-top: 1px solid #E5E5E5;
}

@media (max-width: 768px) {
  .product-patents.product-patents {
    padding: 16px 0;
  }
}

.patents-disclosure {
  max-width: 900px;
  margin: 0 auto;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  background: #fff;
}

.patents-disclosure .patents-disclosure__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 24px;
  cursor: pointer;
  list-style: none;
}

.patents-disclosure .patents-disclosure__summary::-webkit-details-marker {
  display: none;
}

.patents-disclosure .patents-disclosure__summary:hover .patents-disclosure__toggle,
.patents-disclosure .patents-disclosure__summary:focus-visible .patents-disclosure__toggle {
  color: #03045E;
}

.patents-disclosure .patents-disclosure__title {
  font-size: 18px;
  font-weight: 600;
  color: #0F172A;
  margin: 0;
  line-height: 1.3;
}

.patents-disclosure .patents-disclosure__toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #64748B;
  transition: color 200ms ease;
  flex-shrink: 0;
}

.patents-disclosure__chevron {
  font-size: 12px;
  transition: transform 200ms ease;
}

.patents-disclosure[open] .patents-disclosure__chevron {
  transform: rotate(180deg);
}

.patents-disclosure .patents-disclosure__panel {
  padding: 8px 24px 32px;
  border-top: 1px solid #E5E7EB;
}

.patents-disclosure__panel .section-subtitle {
  max-width: 720px;
  margin: 16px auto 40px;
  text-align: center;
}

@media (max-width: 768px) {
  .patents-disclosure .patents-disclosure__summary {
    padding: 16px 18px;
  }

  .patents-disclosure .patents-disclosure__title {
    font-size: 16px;
  }

  .patents-disclosure__toggle-label {
    display: none;
  }

  .patents-disclosure .patents-disclosure__panel {
    padding: 8px 18px 24px;
  }
}

.product-patents .section-subtitle {
  font-size: 18px;
  color: #666;
  line-height: 1.6;
  max-width: 720px;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .product-patents .section-subtitle {
    font-size: 16px;
  }
}

/* Patents Grid */
.product-patents .patents-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-bottom: 64px;
}

@media (max-width: 1024px) {
  .product-patents .patents-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

.product-patents .patent-feature {
  background: #FFFFFF;
  padding: 32px;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  text-align: center;
  transition: all 0.3s ease;
}

.product-patents .patent-feature:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.product-patents .patent-feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  background: rgba(3, 4, 94, 0.1);
  border-radius: 50%;
  margin-bottom: 20px;
}

.product-patents .patent-feature-icon i {
  font-size: 32px;
  color: #03045E;
}

.product-patents .patent-feature h3 {
  font-size: 20px;
  font-weight: 600;
  color: #121212;
  margin: 0 0 12px;
}

.product-patents .patent-feature p {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
  margin: 0;
}

/* Patents List */
.product-patents .patents-list {
  background: #FFFFFF;
  padding: 48px;
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  text-align: center;
}

@media (max-width: 768px) {
  .product-patents .patents-list {
    padding: 32px 24px;
  }
}

.product-patents .patents-list-title {
  font-size: 24px;
  font-weight: 600;
  color: #121212;
  margin: 0 0 24px;
}

@media (max-width: 768px) {
  .product-patents .patents-list-title {
    font-size: 20px;
  }
}

.product-patents .patent-numbers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  margin-bottom: 24px;
}

.product-patents .patent-number {
  display: inline-flex;
  align-items: center;
  padding: 12px 24px;
  background: #F8F9FA;
  border: 2px solid #E5E5E5;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #03045E;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
}

@media (max-width: 768px) {
  .product-patents .patent-number {
    padding: 10px 16px;
    font-size: 14px;
  }
}

.product-patents .patent-number:hover {
  background: #03045E;
  border-color: #03045E;
  color: #FFFFFF;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(3, 4, 94, 0.2);
}

.product-patents .patent-number::after {
  content: "↗";
  margin-left: 6px;
  font-size: 14px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.product-patents .patent-number:hover::after {
  opacity: 1;
}

.product-patents .patents-disclaimer {
  font-size: 14px;
  color: #999;
  margin: 0;
  font-style: italic;
}

/* Responsive adjustments */
@media (max-width: 640px) {
  .product-patents .patent-numbers {
    gap: 12px;
  }
  
  .product-patents .patent-number {
    width: calc(50% - 6px);
    justify-content: center;
  }
}