/* /nutrition_store/static/src/css/nutrition_store.css */
 :root{--ns-primary: #16a34a; --ns-primary-dark: #15803d; --ns-primary-light: #22c55e; --ns-secondary: #15803d; --ns-bg-page: #ffffff; --ns-bg-header: #ffffff; --ns-bg-nav: #1f2937; --ns-bg-card: #ffffff; --ns-bg-card-hover: #f0fdf4; --ns-bg-goal-tile: #f3f4f6; --ns-bg-section-alt: #f8fafc; --ns-bg-feature-bar: #f0fdf4; --ns-bg-footer: #1a1a1a; --ns-text-primary: #111827; --ns-text-secondary: #374151; --ns-text-muted: #6b7280; --ns-border-color: #e5e7eb; --ns-border-radius: 6px; --ns-border-radius-lg: 10px; --ns-font-heading: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; --ns-font-body: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; --ns-font-size-base: 15px; --ns-section-gap: 4rem; --ns-container-max: 1200px; --ns-container-pad: 1.5rem; --ns-header-height: 80px; --ns-announcement-height: 38px; --ns-transition: 0.18s ease; --ns-transition-slow: 0.35s ease; --ns-shadow-sm: 0 1px 3px rgba(0,0,0,0.07), 0 1px 2px rgba(0,0,0,0.05); --ns-shadow-md: 0 4px 12px rgba(0,0,0,0.09); --ns-shadow-hover: 0 6px 24px rgba(22,163,74,0.16); --ns-z-header: 100; --ns-z-dropdown: 200;}.ns-store{background-color: var(--ns-bg-page); color: var(--ns-text-primary); font-family: var(--ns-font-body); font-size: var(--ns-font-size-base); line-height: 1.6; -webkit-font-smoothing: antialiased;}.ns-store *, .ns-store *::before, .ns-store *::after{box-sizing: border-box;}.ns-store a{color: var(--ns-primary); text-decoration: none; transition: color var(--ns-transition);}.ns-store a:hover{color: var(--ns-primary-dark);}.ns-store img{max-width: 100%; height: auto; display: block;}.ns-store h1, .ns-store h2, .ns-store h3, .ns-store h4{font-family: var(--ns-font-heading); font-weight: 700; line-height: 1.2; color: var(--ns-text-primary);}.ns-store #wrapwrap{background: var(--ns-bg-page);}.ns-container{width: 100%; max-width: var(--ns-container-max); margin-inline: auto; padding-inline: var(--ns-container-pad);}.ns-section-title{font-size: clamp(1.3rem, 2.5vw, 1.75rem); text-transform: uppercase; letter-spacing: 0.06em; margin: 0 0 2rem; color: var(--ns-text-primary);}.ns-section-title--center{text-align: center;}.ns-highlight{color: var(--ns-primary);}.ns-section-header{display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 2rem; gap: 1rem;}.ns-section-link{font-size: 0.8125rem; font-weight: 700; color: var(--ns-primary); text-transform: uppercase; letter-spacing: 0.05em; white-space: nowrap;}.ns-section-link:hover{color: var(--ns-primary-dark);}.ns-page-title{font-size: clamp(1.6rem, 3vw, 2.2rem); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 2rem; padding-top: 2rem;}.ns-page-title--center{text-align: center;}.ns-empty-state{text-align: center; padding: 4rem 1rem; color: var(--ns-text-muted);}.ns-empty-state p{margin-bottom: 1.5rem;}.ns-btn{display: inline-flex; align-items: center; justify-content: center; gap: 0.4em; padding: 0.6em 1.5em; border-radius: var(--ns-border-radius); font-family: var(--ns-font-heading); font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; cursor: pointer; border: 2px solid transparent; transition: background-color var(--ns-transition), border-color var(--ns-transition), color var(--ns-transition), transform var(--ns-transition); white-space: nowrap;}.ns-btn:hover{transform: translateY(-1px);}.ns-btn:active{transform: translateY(0);}.ns-btn--primary{background-color: var(--ns-primary); border-color: var(--ns-primary); color: #ffffff;}.ns-btn--primary:hover{background-color: var(--ns-primary-dark); border-color: var(--ns-primary-dark); color: #ffffff;}.ns-btn--outline{background-color: transparent; border-color: var(--ns-primary); color: var(--ns-primary);}.ns-btn--outline:hover{background-color: var(--ns-primary); color: #ffffff;}.ns-btn--ghost{background-color: rgba(255,255,255,0.15); border-color: rgba(255,255,255,0.8); color: #ffffff; backdrop-filter: blur(4px);}.ns-btn--ghost:hover{background-color: rgba(255,255,255,0.25); border-color: #ffffff; color: #ffffff;}.ns-announcement-bar{background-color: var(--ns-primary); color: #ffffff; text-align: center; font-size: 0.8rem; font-weight: 600; letter-spacing: 0.04em; padding: 0.55rem 1rem; height: var(--ns-announcement-height); line-height: 1.4;}.ns-header{position: sticky; top: 0; z-index: var(--ns-z-header); background-color: var(--ns-bg-header); border-bottom: 1px solid var(--ns-border-color); box-shadow: var(--ns-shadow-sm); overflow: visible;}.ns-header__inner{display: grid; grid-template-columns: minmax(180px, auto) 1fr auto; align-items: center; gap: 1rem; min-height: var(--ns-header-height); padding-block: 0.5rem;}.ns-header__logo{display: inline-flex; align-items: center; min-width: 160px; max-width: 220px; flex-shrink: 0; text-decoration: none;}.ns-header__logo-img{height: auto; max-height: 56px; max-width: 200px; width: auto; object-fit: contain; display: block;}.ns-header__logo-text{font-family: var(--ns-font-heading); font-size: 1rem; font-weight: 900; text-transform: uppercase; color: var(--ns-text-primary); letter-spacing: 0.05em; white-space: nowrap; display: block; line-height: 1; padding: 4px 0;}.ns-header__search{display: flex; align-items: center; background-color: #f9fafb; border: 1.5px solid var(--ns-border-color); border-radius: 2rem; overflow: hidden; transition: border-color var(--ns-transition), box-shadow var(--ns-transition);}.ns-header__search:focus-within{border-color: var(--ns-primary); box-shadow: 0 0 0 3px rgba(22,163,74,0.1);}.ns-header__search-input{flex: 1; background: transparent; border: none; outline: none; color: var(--ns-text-primary); font-size: 0.875rem; padding: 0.5rem 1rem; min-width: 0;}.ns-header__search-input::placeholder{color: var(--ns-text-muted);}.ns-header__search-btn{background: transparent; border: none; color: var(--ns-text-muted); padding: 0.5rem 0.9rem; cursor: pointer; transition: color var(--ns-transition);}.ns-header__search-btn:hover{color: var(--ns-primary);}.ns-header__actions{display: flex; align-items: center; gap: 1rem; flex-shrink: 0;}.ns-header__action-link{display: flex; flex-direction: column; align-items: center; gap: 0.1rem; font-size: 0.65rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--ns-text-secondary);}.ns-header__action-link .fa{font-size: 1.15rem;}.ns-header__action-link:hover{color: var(--ns-primary);}.ns-header__cart{position: relative; display: flex; flex-direction: column; align-items: center; gap: 0.1rem; font-size: 0.65rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--ns-text-secondary);}.ns-header__cart .fa{font-size: 1.15rem;}.ns-header__cart:hover{color: var(--ns-primary);}.ns-header__cart-count{position: absolute; top: -6px; right: -10px; background-color: var(--ns-primary); color: #fff; font-size: 0.6rem; font-weight: 700; min-width: 17px; height: 17px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}.ns-header__hamburger{display: none; flex-direction: column; justify-content: space-between; width: 24px; height: 18px; background: transparent; border: none; cursor: pointer; padding: 0;}.ns-hamburger-bar{display: block; width: 100%; height: 2px; background-color: var(--ns-text-primary); border-radius: 2px; transition: transform var(--ns-transition), opacity var(--ns-transition);}.ns-header__hamburger[aria-expanded="true"] .ns-hamburger-bar:nth-child(1){transform: translateY(8px) rotate(45deg);}.ns-header__hamburger[aria-expanded="true"] .ns-hamburger-bar:nth-child(2){opacity: 0;}.ns-header__hamburger[aria-expanded="true"] .ns-hamburger-bar:nth-child(3){transform: translateY(-8px) rotate(-45deg);}.ns-topnav{}.ns-topnav__list{display: flex; align-items: center; list-style: none; margin: 0; padding: 0; gap: 0; justify-content: center; flex-wrap: wrap;}.ns-topnav__item{position: relative;}.ns-topnav__link{display: flex; align-items: center; gap: 0.3rem; padding: 0.55rem 0.9rem; font-size: 0.8rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--ns-text-secondary); white-space: nowrap; transition: color var(--ns-transition); border-bottom: 2px solid transparent;}.ns-topnav__link:hover, .ns-topnav__item:hover > .ns-topnav__link{color: var(--ns-primary); border-bottom-color: var(--ns-primary);}.ns-topnav__item--highlight > .ns-topnav__link{color: var(--ns-primary); font-weight: 700;}.ns-topnav__dropdown{display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background-color: #ffffff; border: 1px solid var(--ns-border-color); border-top: 2px solid var(--ns-primary); min-width: 180px; z-index: var(--ns-z-dropdown); box-shadow: var(--ns-shadow-md); border-radius: 0 0 var(--ns-border-radius-lg) var(--ns-border-radius-lg);}.ns-topnav__item--has-children:hover .ns-topnav__dropdown{display: block;}.ns-topnav__sub-list{list-style: none; margin: 0; padding: 0.4rem 0;}.ns-topnav__sub-link{display: block; padding: 0.45rem 1.25rem; font-size: 0.85rem; color: var(--ns-text-secondary); transition: color var(--ns-transition), background-color var(--ns-transition);}.ns-topnav__sub-link:hover{color: var(--ns-primary); background-color: #f0fdf4;}.ns-cat-nav{background-color: var(--ns-bg-nav); border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 3px solid var(--ns-primary); position: relative; z-index: 1; clear: both;}.ns-cat-nav .ns-container{overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none;}.ns-cat-nav .ns-container::-webkit-scrollbar{display: none;}.ns-cat-nav__list{display: flex; list-style: none; margin: 0; padding: 0;}.ns-cat-nav__item{position: relative; flex-shrink: 0;}.ns-cat-nav__link{display: flex; align-items: center; gap: 0.3rem; padding: 0.7rem 1rem; font-size: 0.775rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: #d1d5db; white-space: nowrap; transition: color var(--ns-transition), background-color var(--ns-transition);}.ns-cat-nav__link:hover, .ns-cat-nav__item:hover > .ns-cat-nav__link{color: #ffffff; background-color: rgba(255,255,255,0.07);}.ns-cat-nav__item--highlight > .ns-cat-nav__link{color: var(--ns-primary-light);}.ns-cat-nav__dropdown{display: none; position: absolute; top: 100%; left: 0; background-color: #ffffff; border: 1px solid var(--ns-border-color); border-top: 3px solid var(--ns-primary); min-width: 200px; z-index: var(--ns-z-dropdown); box-shadow: var(--ns-shadow-md); border-radius: 0 0 var(--ns-border-radius-lg) var(--ns-border-radius-lg);}.ns-cat-nav__item--has-children:hover .ns-cat-nav__dropdown{display: block;}.ns-cat-nav__sub-list{list-style: none; margin: 0; padding: 0.4rem 0;}.ns-cat-nav__sub-link{display: block; padding: 0.45rem 1.25rem; font-size: 0.85rem; color: var(--ns-text-secondary); transition: color var(--ns-transition), background-color var(--ns-transition);}.ns-cat-nav__sub-link:hover{color: var(--ns-primary); background-color: #f0fdf4;}.ns-cat-nav__sub-link--all{color: var(--ns-primary); font-weight: 700; border-top: 1px solid var(--ns-border-color); margin-top: 0.2rem; padding-top: 0.5rem;}.ns-cat-nav__sub-link--all:hover{background-color: #dcfce7;}.ns-hero{overflow: hidden; background-color: #f1f5f9; line-height: 0;}.ns-hero__carousel{position: relative; width: 100%;}.ns-hero__track{display: flex; transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: transform;}.ns-hero__slide{flex: 0 0 100%; min-width: 0; position: relative; overflow: hidden;}.ns-hero__slide-inner{display: block; width: 100%;}.ns-hero__img{width: 100%; height: auto; max-height: 560px; object-fit: cover; display: block;}.ns-hero__img--mobile{display: none;}.ns-hero__slide--placeholder{background: linear-gradient(135deg, #f0fdf4, #dcfce7, #f0fdf4); aspect-ratio: 16/5; display: flex; align-items: center; justify-content: center; line-height: 1.6;}.ns-hero__placeholder-text{text-align: center; padding: 2rem;}.ns-hero__placeholder-text h2{font-size: clamp(1.5rem, 4vw, 2.8rem); margin-bottom: 1rem; color: var(--ns-text-primary);}.ns-hero__placeholder-text p{color: var(--ns-text-muted); margin-bottom: 1.5rem;}.ns-hero__overlay{position: absolute; inset: 0; display: flex; align-items: center; padding: 2.5rem; background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, transparent 60%);}.ns-hero__overlay-inner{max-width: 50%;}.ns-hero__headline{font-size: clamp(1.5rem, 4vw, 3.5rem); color: #ffffff; text-shadow: 0 2px 8px rgba(0,0,0,0.35); margin-bottom: 0.5rem;}.ns-hero__sub-headline{font-size: clamp(0.9rem, 2vw, 1.2rem); color: rgba(255,255,255,0.88); margin-bottom: 1.5rem;}.ns-hero__control{position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; background-color: rgba(255,255,255,0.88); border: 1px solid var(--ns-border-color); color: var(--ns-text-primary); width: 40px; height: 40px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background-color var(--ns-transition), color var(--ns-transition); font-size: 0.85rem; box-shadow: var(--ns-shadow-sm);}.ns-hero__control:hover{background-color: var(--ns-primary); border-color: var(--ns-primary); color: #fff;}.ns-hero__control--prev{left: 0.75rem;}.ns-hero__control--next{right: 0.75rem;}.ns-hero__dots{position: absolute; bottom: 0.85rem; left: 50%; transform: translateX(-50%); display: flex; gap: 0.4rem;}.ns-hero__dot{width: 9px; height: 9px; border-radius: 50%; background-color: rgba(255,255,255,0.55); border: none; cursor: pointer; padding: 0; transition: background-color var(--ns-transition), transform var(--ns-transition);}.ns-hero__dot--active, .ns-hero__dot:hover{background-color: var(--ns-primary); transform: scale(1.3);}.ns-goals{padding-block: var(--ns-section-gap); background-color: var(--ns-bg-page);}.ns-store-intro{text-align: center; margin-bottom: 2.5rem;}.ns-store-intro__name{font-size: clamp(0.75rem, 1.5vw, 0.9rem); text-transform: uppercase; letter-spacing: 0.12em; color: var(--ns-text-muted); font-weight: 600; margin: 0 0 0.4rem; display: flex; flex-direction: column; align-items: center; gap: 0.2rem;}.ns-store-intro__sub{font-size: inherit; font-weight: inherit; letter-spacing: inherit;}.ns-goals__heading{font-size: clamp(1.2rem, 2.5vw, 1.6rem); text-transform: uppercase; letter-spacing: 0.08em; color: var(--ns-text-primary); margin: 0;}.ns-goals__grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem;}.ns-goals__tile{display: flex; flex-direction: column; align-items: center; background-color: var(--ns-bg-goal-tile); border: 1px solid var(--ns-border-color); border-radius: var(--ns-border-radius-lg); overflow: hidden; transition: box-shadow var(--ns-transition), transform var(--ns-transition);}.ns-goals__tile:hover{box-shadow: var(--ns-shadow-hover); transform: translateY(-2px);}.ns-goals__icon-wrap{flex: 1; display: flex; align-items: center; justify-content: center; padding: 2rem 1rem 1.5rem; width: 100%;}.ns-goals__icon{width: 64px; height: 64px; object-fit: contain;}.ns-goals__fa-icon{color: var(--ns-text-muted); font-size: 2.5rem;}.ns-goals__cta-link{display: block; width: 100%; padding: 0.6rem 1rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--ns-primary); text-align: center; border-top: 1px solid var(--ns-border-color); background-color: rgba(255,255,255,0.6); transition: background-color var(--ns-transition), color var(--ns-transition);}.ns-goals__cta-link:hover{background-color: var(--ns-primary); color: #ffffff;}.ns-products{padding-block: var(--ns-section-gap); background-color: var(--ns-bg-section-alt);}.ns-products__grid{display: grid; grid-template-columns: repeat(6, 1fr); gap: 1rem;}.ns-product-card{position: relative; display: flex; flex-direction: column; background-color: var(--ns-bg-card); border: 1px solid var(--ns-border-color); border-radius: var(--ns-border-radius-lg); overflow: hidden; box-shadow: var(--ns-shadow-sm); color: var(--ns-text-primary); transition: border-color var(--ns-transition), box-shadow var(--ns-transition), transform var(--ns-transition);}.ns-product-card:hover{border-color: var(--ns-primary); box-shadow: var(--ns-shadow-hover); transform: translateY(-3px); color: var(--ns-text-primary);}.ns-product-card__badge{position: absolute; top: 0.6rem; left: 0.6rem; z-index: 2; background-color: var(--ns-primary); color: #ffffff; font-size: 0.6rem; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; padding: 0.2rem 0.5rem; border-radius: 3px;}.ns-product-card__img-wrap{background-color: #ffffff; border-bottom: 1px solid var(--ns-border-color); aspect-ratio: 1; overflow: hidden; display: flex; align-items: center; justify-content: center;}.ns-product-card__img{width: 100%; height: 100%; object-fit: contain; padding: 0.75rem; transition: transform var(--ns-transition-slow);}.ns-product-card:hover .ns-product-card__img{transform: scale(1.04);}.ns-product-card__body{display: flex; flex-direction: column; gap: 0.35rem; padding: 0.75rem; flex: 1;}.ns-product-card__name{font-family: var(--ns-font-heading); font-size: 0.8rem; font-weight: 600; color: var(--ns-text-primary); line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}.ns-product-card:hover .ns-product-card__name{color: var(--ns-primary);}.ns-product-card__rating{display: flex; gap: 1px; font-size: 0.7rem; color: #f59e0b;}.ns-product-card__price-block{display: flex; align-items: baseline; gap: 0.4rem; flex-wrap: wrap; margin-top: auto; padding-top: 0.25rem;}.ns-product-card__price{font-family: var(--ns-font-heading); font-size: 0.95rem; font-weight: 700; color: var(--ns-text-primary);}.ns-product-card__price-old{font-size: 0.75rem; color: var(--ns-text-muted); text-decoration: line-through;}.ns-products__footer{text-align: center; margin-top: 2.5rem;}.ns-brands{padding-block: var(--ns-section-gap); background-color: var(--ns-bg-page);}.ns-brands__grid{display: grid; grid-template-columns: repeat(6, 1fr); gap: 0.75rem;}.ns-brands__grid--large{grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));}.ns-brands__tile{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem; background-color: var(--ns-primary); border-radius: var(--ns-border-radius-lg); padding: 1.5rem 1rem; aspect-ratio: 3/2; transition: background-color var(--ns-transition), transform var(--ns-transition); overflow: hidden;}.ns-brands__tile:hover{background-color: var(--ns-primary-dark); transform: translateY(-2px);}.ns-brands__logo{max-width: 120px; max-height: 55px; width: 100%; object-fit: contain; transition: transform var(--ns-transition);}.ns-brands__tile:hover .ns-brands__logo{transform: scale(1.06);}.ns-brands__tile-name{font-size: 0.75rem; font-weight: 700; text-align: center; color: #ffffff; text-transform: uppercase; letter-spacing: 0.04em; margin-top: 0.4rem;}.ns-brands__footer{text-align: center; margin-top: 2rem;}.ns-brand-hero__img{width: 100%; max-height: 320px; object-fit: cover;}.ns-brand-detail{padding-block: 2rem;}.ns-brand-detail__header{display: grid; grid-template-columns: auto 1fr; gap: 2rem; align-items: start; margin-bottom: 3rem; padding-top: 1rem;}.ns-brand-detail__logo{width: 150px; height: 110px; object-fit: contain; background-color: var(--ns-primary); border-radius: var(--ns-border-radius-lg); padding: 1rem;}.ns-brand-detail__info h1{margin-bottom: 0.75rem;}.ns-brand-detail__info .ns-btn{margin-top: 1rem;}.ns-feature-bar{background-color: #2d2d2d; border-top: none; border-bottom: none; padding-block: 1.5rem;}.ns-feature-bar__grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1.25rem; align-items: center;}.ns-feature-bar__item{display: flex; align-items: center; gap: 1rem;}.ns-feature-bar__icon{width: 40px; height: 40px; object-fit: contain; flex-shrink: 0; filter: brightness(0) invert(1); opacity: 0.9;}.ns-feature-bar__fa-icon{color: #ffffff; font-size: 1.6rem; flex-shrink: 0;}.ns-feature-bar__text{display: flex; flex-direction: column; gap: 0.1rem;}.ns-feature-bar__title{font-family: var(--ns-font-heading); font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: #ffffff;}.ns-feature-bar__desc{font-size: 0.7rem; color: #9ca3af;}.ns-footer{background-color: #1a1a1a; border-top: 4px solid var(--ns-primary); padding-top: 3rem;}.ns-footer__grid{display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 2.5rem; margin-bottom: 2.5rem;}.ns-footer__col-title{font-family: var(--ns-font-heading); font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--ns-primary); margin-bottom: 1rem; font-weight: 700;}.ns-footer__logo{max-height: 38px; width: auto; margin-bottom: 0.75rem;}.ns-footer__logo-text{font-family: var(--ns-font-heading); font-size: 1.05rem; font-weight: 900; text-transform: uppercase; letter-spacing: 0.06em; color: #ffffff;}.ns-footer__logo-link{display: inline-block; margin-bottom: 0.75rem;}.ns-footer__tagline{font-size: 0.85rem; color: #6b7280; margin-bottom: 1rem;}.ns-footer__social{display: flex; gap: 0.6rem;}.ns-footer__social-link{display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 4px; background-color: rgba(255,255,255,0.08); color: #9ca3af; font-size: 0.95rem; transition: background-color var(--ns-transition), color var(--ns-transition);}.ns-footer__social-link:hover{background-color: var(--ns-primary); color: #ffffff;}.ns-footer__links{list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.5rem;}.ns-footer__link{font-size: 0.85rem; color: #6b7280; transition: color var(--ns-transition);}.ns-footer__link:hover{color: var(--ns-primary-light);}.ns-footer__bottom{background-color: rgba(0,0,0,0.3); border-top: 1px solid #2d2d2d; padding-block: 0.9rem;}.ns-footer__copyright{font-size: 0.8rem; color: #4b5563;}.ns-sr-only{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;}@media (max-width: 1100px){.ns-products__grid{grid-template-columns: repeat(4, 1fr);}.ns-brands__grid{grid-template-columns: repeat(4, 1fr);}.ns-goals__grid{grid-template-columns: repeat(4, 1fr);}}@media (max-width: 1024px){.ns-footer__grid{grid-template-columns: 1fr 1fr;}.ns-footer__col--brand{grid-column: 1 / -1;}.ns-hero__overlay-inner{max-width: 70%;}}@media (max-width: 768px){:root{--ns-section-gap: 2.5rem; --ns-container-pad: 1rem;}.ns-header__inner{grid-template-columns: auto 1fr auto; gap: 0.75rem;}.ns-header__search{display: none;}.ns-header__hamburger{display: flex;}.ns-header__action-label{display: none;}.ns-topnav{display: none;}.ns-cat-nav{display: none;}.ns-cat-nav.is-open{display: block;}.ns-cat-nav__list{flex-direction: column;}.ns-cat-nav__dropdown{position: static; border: none; box-shadow: none; background-color: rgba(255,255,255,0.05); display: none;}.ns-cat-nav__item.is-open .ns-cat-nav__dropdown{display: block;}.ns-hero__img--desktop{display: none;}.ns-hero__img--mobile{display: block;}.ns-hero__overlay{background: linear-gradient(0deg, rgba(0,0,0,0.65) 0%, transparent 60%); align-items: flex-end; padding: 1.5rem;}.ns-hero__overlay-inner{max-width: 100%;}.ns-goals__grid{grid-template-columns: repeat(2, 1fr);}.ns-products__grid{grid-template-columns: repeat(2, 1fr); gap: 0.6rem;}.ns-brands__grid{grid-template-columns: repeat(3, 1fr);}.ns-footer__grid{grid-template-columns: 1fr; gap: 1.75rem;}.ns-feature-bar__grid{grid-template-columns: 1fr 1fr; gap: 1rem;}.ns-brand-detail__header{grid-template-columns: 1fr;}}@media (max-width: 480px){.ns-products__grid{grid-template-columns: repeat(2, 1fr); gap: 0.5rem;}.ns-product-card__body{padding: 0.6rem;}.ns-brands__grid{grid-template-columns: repeat(2, 1fr);}.ns-goals__grid{grid-template-columns: repeat(2, 1fr); gap: 0.75rem;}.ns-feature-bar__grid{grid-template-columns: 1fr;}}#wrapwrap, #wrap{background-color: #f8fafc !important; color: #111827 !important;}body:not(.ns-store) #wrapwrap > header, .o_header_standard{background-color: #ffffff !important; border-bottom: 1px solid #e5e7eb !important; box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;}body:not(.ns-store) #wrapwrap > header .nav-link, .o_header_standard .nav-link{color: #374151 !important;}body:not(.ns-store) #wrapwrap > header .nav-link:hover{color: #16a34a !important;}.oe_website_sale, #products_grid{background-color: #f8fafc !important;}.oe_search_box, .o_wsale_search_bar_wrap input{background-color: #ffffff !important; border-color: #e5e7eb !important; color: #111827 !important; border-radius: 2rem !important;}.oe_product_cart, .o_wsale_product_grid_wrapper .o_wsale_product_card, .oe_website_sale .oe_product{background-color: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 10px !important; box-shadow: 0 1px 3px rgba(0,0,0,0.07) !important; transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease !important;}.oe_product_cart:hover, .o_wsale_product_grid_wrapper .o_wsale_product_card:hover, .oe_website_sale .oe_product:hover{border-color: #16a34a !important; box-shadow: 0 6px 24px rgba(22,163,74,0.15) !important; transform: translateY(-3px) !important;}.oe_product_cart .product_name, .o_wsale_product_card .product_name, .oe_product_cart h6{color: #111827 !important; font-weight: 600 !important;}.oe_product_cart .oe_currency_value{color: #111827 !important; font-weight: 700 !important;}.oe_product_cart del, .oe_product_cart .text-muted{color: #9ca3af !important;}.oe_product_cart .btn-primary, .o_wsale_product_card .btn-primary, .a-submit.btn-primary{background-color: #16a34a !important; border-color: #16a34a !important; color: #ffffff !important; border-radius: 6px !important; font-weight: 700 !important;}.oe_product_cart .btn-primary:hover{background-color: #15803d !important; border-color: #15803d !important;}.breadcrumb-item a{color: #16a34a !important;}.breadcrumb-item.active, .breadcrumb-item + .breadcrumb-item::before{color: #9ca3af !important;}#add_to_cart, #product_detail_form .btn-primary, .js_add_cart_variants .btn-primary{background-color: #16a34a !important; border-color: #16a34a !important; color: #ffffff !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; border-radius: 6px !important;}#add_to_cart:hover, #product_detail_form .btn-primary:hover{background-color: #15803d !important; border-color: #15803d !important;}.nav-tabs .nav-link{color: #6b7280 !important;}.nav-tabs .nav-link.active{color: #16a34a !important; border-bottom-color: #16a34a !important; font-weight: 700 !important;}.page-item .page-link{background-color: #ffffff !important; border-color: #e5e7eb !important; color: #374151 !important;}.page-item.active .page-link{background-color: #16a34a !important; border-color: #16a34a !important; color: #ffffff !important;}.page-item .page-link:hover{background-color: #f0fdf4 !important; color: #16a34a !important;}.form-control{background-color: #ffffff !important; border-color: #d1d5db !important; color: #111827 !important;}.form-control:focus{border-color: #16a34a !important; box-shadow: 0 0 0 0.2rem rgba(22,163,74,0.2) !important;}.form-control::placeholder{color: #9ca3af !important;}.alert-success{background-color: #f0fdf4 !important; border-color: #86efac !important; color: #15803d !important;}.alert-info{background-color: #eff6ff !important; border-color: #93c5fd !important; color: #1d4ed8 !important;}.alert-warning{background-color: #fffbeb !important; border-color: #fcd34d !important; color: #b45309 !important;}.modal-content{background-color: #ffffff !important; border-color: #e5e7eb !important; color: #111827 !important;}.modal-header, .modal-footer{border-color: #e5e7eb !important;}.card{background-color: #ffffff !important; border-color: #e5e7eb !important; color: #111827 !important;}.card-header{background-color: #f9fafb !important; border-color: #e5e7eb !important; color: #374151 !important;}.dropdown-menu{background-color: #ffffff !important; border-color: #e5e7eb !important; box-shadow: 0 4px 16px rgba(0,0,0,0.1) !important;}.dropdown-item{color: #374151 !important;}.dropdown-item:hover{background-color: #f0fdf4 !important; color: #16a34a !important;}.btn-primary, .o_btn_primary{background-color: #16a34a !important; border-color: #16a34a !important; color: #ffffff !important;}.btn-primary:hover, .btn-primary:focus{background-color: #15803d !important; border-color: #15803d !important; color: #ffffff !important;}.btn-outline-primary{border-color: #16a34a !important; color: #16a34a !important;}.btn-outline-primary:hover{background-color: #16a34a !important; color: #ffffff !important;}.text-primary{color: #16a34a !important;}.bg-primary{background-color: #16a34a !important;}#wrapwrap > footer, .o_footer{background-color: #1a1a1a !important; border-top: 4px solid #16a34a !important; color: #9ca3af !important;}#wrapwrap > footer a, .o_footer a{color: #9ca3af !important;}#wrapwrap > footer a:hover, .o_footer a:hover{color: #22c55e !important;}