/*
Theme Name: Native GeneratePress Child
Theme URI: https://www.nativecos.com/
Description: Native-inspired WooCommerce storefront child theme for GeneratePress.
Author: Site owner
Template: generatepress
Version: 1.8.0
Text Domain: native-generatepress-child
*/

:root { --native-ink:#0e1029; --native-paper:#fff; --native-mist:#e7eaec; --native-red:#c31818; --native-blue:#0a1f8f; --native-brown:#632b2a; --native-border:#d9dadd; --native-max:1440px; --native-heading:Arial,Helvetica,sans-serif; --native-body:Arial,Helvetica,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body.native-site { margin:0; color:var(--native-ink); background:var(--native-paper); font-family:var(--native-body); font-size:16px; line-height:1.45; }
body.native-site,body.native-site #page,body.native-site .site { width:100%; max-width:none; overflow-x:hidden; }
body.native-site a { color:inherit; text-decoration:none; }
/* GeneratePress keeps a right sidebar by default. The Native layouts are
 * full-width, so an empty sidebar must not reserve a blank column. */
body.native-site .site-content { display:block; width:100%; max-width:none; margin:0; padding:0; }
body.native-site .content-area,body.native-site .site-main { width:100%; max-width:none; margin:0; float:none; }
body.native-site .widget-area,body.native-site #right-sidebar,body.native-site .inside-right-sidebar { display:none; }
body.native-site .inside-article { padding:0; }
body.native-site img { display:block; max-width:100%; height:auto; }
.native-skip { position:absolute; left:-9999px; top:8px; z-index:10000; padding:10px 14px; background:#fff; color:#000; }
.native-skip:focus { left:8px; }
.native-shell { width:min(100% - 48px,var(--native-max)); margin-inline:auto; }
.native-header { position:sticky; top:0; z-index:100; background:rgba(255,255,255,.98); box-shadow:0 2px 10px rgba(14,16,41,.08); }
.native-header__row { min-height:80px; display:grid; grid-template-columns:165px 1fr auto; align-items:center; gap:24px; }
.native-logo img { width:165px; height:auto; }
.native-nav { justify-self:center; }
.native-nav__list { display:flex; align-items:center; gap:29px; margin:0; padding:0; list-style:none; }
.native-nav__list>li { position:relative; }
.native-nav__list a { display:block; padding:28px 0; font-size:14px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.native-nav__list a:hover,.native-nav__list .current-menu-item>a { color:var(--native-red); }
.native-nav__toggle { display:none; }
.native-nav__list .sub-menu { position:absolute; z-index:110; top:calc(100% - 1px); left:50%; display:grid; min-width:235px; gap:0; margin:0; padding:8px 0; border:1px solid #e0e1e3; background:#fff; box-shadow:0 12px 28px rgba(14,16,41,.13); opacity:0; pointer-events:none; list-style:none; transform:translate(-50%,8px); transition:opacity .2s ease,transform .2s ease,visibility .2s ease; visibility:hidden; }
.native-nav__list>li:hover>.sub-menu,.native-nav__list>li:focus-within>.sub-menu { opacity:1; pointer-events:auto; transform:translate(-50%,0); visibility:visible; }
.native-nav__list .sub-menu a { padding:11px 17px; color:#22252d; font-size:11px; font-weight:700; letter-spacing:.05em; line-height:1.25; white-space:nowrap; }
.native-nav__list .sub-menu a:hover { color:var(--native-blue); background:#f5f6f7; }
.native-nav__group--shop>.sub-menu,.native-nav__group--scents>.sub-menu { grid-template-columns:repeat(2,minmax(0,1fr)); min-width:390px; }
.native-nav__group--shop>.sub-menu a,.native-nav__group--scents>.sub-menu a { white-space:normal; }
.native-header__actions { display:flex; align-items:center; gap:14px; }
.native-icon-button,.native-menu-toggle { display:inline-grid; place-items:center; width:38px; height:38px; padding:0; border:0; background:transparent; color:var(--native-ink); cursor:pointer; }
.native-icon-button svg,.native-menu-toggle svg { width:23px; height:23px; }
.native-cart { position:relative; }
.native-cart__count { position:absolute; right:-4px; top:-4px; min-width:17px; height:17px; padding:1px 4px; border-radius:50%; color:#fff; background:var(--native-red); font-size:10px; line-height:15px; text-align:center; }
.native-menu-toggle { display:none; }
.native-hero { position:relative; min-height:min(800px,calc(100vh - 120px)); overflow:hidden; background:var(--native-brown); }
.native-hero__link { position:absolute; inset:0; display:block; }
.native-hero picture,.native-hero img { width:100%; height:100%; }
.native-hero img { position:absolute; inset:0; object-fit:cover; object-position:center; }
.native-hero__overlay { position:absolute; inset:0; display:flex; align-items:center; }
.native-hero__content { width:min(100% - 48px,var(--native-max)); margin-inline:auto; color:var(--native-brown); }
.native-kicker { display:inline-block; margin:0 0 15px; padding:7px 15px 6px; border:1px solid currentColor; border-radius:10px; font-size:14px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.native-hero h1 { max-width:720px; margin:0 0 14px; font-size:clamp(42px,5.4vw,82px); font-weight:700; line-height:.98; letter-spacing:0; text-transform:uppercase; }
.native-hero p { margin:0 0 28px; font-size:clamp(18px,2vw,28px); font-weight:700; line-height:1.12; text-transform:uppercase; }
.native-button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:12px 22px; border:1px solid var(--native-brown); border-radius:2px; color:#fff!important; background:var(--native-brown); font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; transition:background .2s ease,color .2s ease; }
.native-button:hover { color:var(--native-brown)!important; background:#fff; }
.native-button--light { border-color:#fff; color:var(--native-brown)!important; background:#fff; }
.native-button--light:hover { color:#fff!important; background:var(--native-brown); }
.native-section { padding:74px 0; }
.native-section--tight { padding:48px 0; }
.native-section__heading { margin:0 0 32px; text-align:center; font-size:clamp(27px,3vw,44px); line-height:1.05; text-transform:uppercase; }
.native-section__intro { max-width:670px; margin:-17px auto 35px; text-align:center; }
.native-daily-essentials { min-height:500px; display:grid; place-items:center; padding:70px 24px; overflow:hidden; background:#fff; }
.native-daily-essentials__inner { width:min(100%,900px); text-align:center; }
.native-daily-essentials__heading { display:flex; justify-content:center; }
.native-daily-essentials h2 { position:relative; margin:0 0 33px; color:#11152c; font-family:var(--native-heading); font-size:clamp(42px,4.4vw,76px); font-weight:500; line-height:1.02; letter-spacing:0; text-transform:uppercase; }
.native-daily-essentials__heart { position:absolute; right:-93px; bottom:-12px; display:block; width:82px; height:82px; }
.native-daily-essentials__heart img { width:100%; height:100%; object-fit:cover; mix-blend-mode:multiply; }
.native-daily-essentials p { max-width:720px; margin:0 auto 18px; color:#11152c; font-size:17px; font-weight:700; line-height:1.45; }
.native-button--blue { border-color:#102a91; border-radius:4px; color:#fff!important; background:#102a91; }
.native-button--blue:hover { border-color:#081e70; background:#081e70; }
.native-tabs { display:flex; justify-content:center; gap:31px; margin-bottom:34px; overflow-x:auto; }
.native-tab { flex:0 0 auto; padding:0 0 8px; border:0; border-bottom:2px solid transparent; color:var(--native-ink); background:transparent; cursor:pointer; font-size:14px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.native-tab[aria-selected=true] { border-bottom-color:var(--native-red); color:var(--native-red); }
.native-product-panel[hidden] { display:none; }
.native-favorites { padding:42px 0 38px; background:#fff; }
.native-favorites__heading { margin:0 auto 25px; text-align:center; }
.native-favorites__heading h2 { display:inline-block; margin:0; padding-bottom:7px; border-bottom:1px solid #11152c; color:#11152c; font-size:14px; font-weight:700; letter-spacing:.08em; line-height:1.2; text-transform:uppercase; }
.native-favorites__rail-wrap { position:relative; width:min(calc(100% - 48px),1800px); margin:0 auto; }
.native-favorites__rail { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 120px) / 6); gap:24px; overflow-x:auto; padding:0 0 8px; scrollbar-width:none; scroll-snap-type:x mandatory; cursor:grab; touch-action:pan-y; }
.native-favorites__rail.is-dragging { cursor:grabbing; user-select:none; scroll-snap-type:none; }
.native-favorites__rail::-webkit-scrollbar { display:none; }
.native-favorite-card { min-width:0; scroll-snap-align:start; }
.native-favorite-card__media { position:relative; display:block; aspect-ratio:1/1; overflow:hidden; background:#f7f7f7; }
.native-favorite-card__picture { position:absolute; inset:0; display:block; transition:opacity .25s ease; }
.native-favorite-card__picture img { width:100%; height:100%; object-fit:contain; transition:transform .25s ease; }
.native-favorite-card__picture--two { opacity:0; }
.native-favorite-card:hover .native-favorite-card__picture--one { opacity:0; }
.native-favorite-card:hover .native-favorite-card__picture--two { opacity:1; }
.native-favorite-card:hover .native-favorite-card__picture img { transform:scale(1.035); }
.native-favorite-card__badge { position:absolute; z-index:1; left:15px; top:15px; min-width:84px; padding:9px 14px 8px; border-radius:5px; color:#fff; font-size:12px; font-weight:700; letter-spacing:.08em; text-align:center; text-transform:uppercase; }
.native-favorite-card__badge--purple { background:#79299a; }
.native-favorite-card__badge--pink { background:#ad2d61; }
.native-favorite-card__badge--red { background:#ef2929; }
.native-favorite-card__badge--blue { background:#14617c; }
.native-favorite-card__meta { padding-top:13px; }
.native-favorite-card__meta h3 { min-height:2.65em; margin:0 0 7px; color:#11152c; font-size:14px; font-weight:700; line-height:1.2; }
.native-favorite-card__scent { min-height:1.4em; margin:0 0 10px; color:#3e4352; font-size:12px; }
.native-favorite-card__scent a { color:#0a1f8f; text-decoration:underline; }
.native-favorite-card__price { min-height:1.6em; margin:0 0 17px; color:#11152c; font-size:12px; font-weight:700; }
.native-favorite-card__price del { margin-right:3px; color:#717581; font-weight:400; }
.native-favorite-card__add { display:inline-flex; align-items:center; justify-content:center; min-height:26px; padding:5px 10px; border-radius:4px; color:#213f9d!important; background:#e9edfa; font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.native-favorite-card__add:hover { color:#fff!important; background:#102a91; }
.native-favorites__arrow { position:absolute; top:120px; z-index:2; display:grid; place-items:center; width:30px; height:30px; padding:0; border:0; color:#11152c; background:transparent; cursor:pointer; }
.native-favorites__arrow svg { display:block; width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:miter; }
.native-favorites__arrow--prev { left:-42px; }
.native-favorites__arrow--next { right:-42px; }
.native-favorites__cta { display:block; width:max-content; min-width:245px; margin:31px auto 0; padding:13px 22px; border-radius:4px; color:#fff!important; background:#102a91; font-size:13px; font-weight:700; letter-spacing:.08em; text-align:center; text-transform:uppercase; }
.native-favorites__cta:hover { background:#081e70; }
.native-product-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; }
.native-product-card { min-width:0; }
.native-product-card__image { position:relative; aspect-ratio:1/1; overflow:hidden; background:#f2f2f2; }
.native-product-card__image img { width:100%; height:100%; object-fit:contain; transition:transform .3s ease; }
.native-product-card:hover .native-product-card__image img { transform:scale(1.04); }
.native-product-card__meta { padding-top:14px; }
.native-product-card__title { min-height:2.8em; margin:0 0 7px; font-size:14px; font-weight:700; line-height:1.25; }
.native-product-card__subtitle { min-height:1.3em; margin:0 0 7px; color:#555; font-size:13px; }
.native-product-card__price { margin:0; font-size:14px; font-weight:700; }
.native-product-card__button { display:inline-flex; margin-top:12px; padding:7px 10px; border:1px solid var(--native-ink); font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.native-product-card__button:hover { color:#fff; background:var(--native-ink); }
.native-category-heading { margin:0 0 35px; text-align:center; font-size:clamp(25px,2.8vw,39px); line-height:1.05; text-transform:uppercase; }
.native-category-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.native-category-card { position:relative; display:block; height:560px; overflow:hidden; border-radius:8px; color:#fff; background:#cfcfcf; }
.native-category-card__picture { position:absolute; inset:0; display:block; width:100%; height:100%; }
.native-category-card__picture img { width:100%; height:100%; object-fit:cover; transition:opacity .35s ease,transform .55s ease; }
.native-category-card__picture--hover { opacity:0; }
.native-category-card:hover .native-category-card__picture--resting { opacity:0; }
.native-category-card:hover .native-category-card__picture--hover { opacity:1; }
.native-category-card:hover .native-category-card__picture img { transform:scale(1.025); }
.native-category-card__veil { position:absolute; inset:0; background:rgba(46,49,51,.5); transition:background .25s ease; }
.native-category-card:hover .native-category-card__veil { background:rgba(46,49,51,.42); }
.native-category-card__content { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:32px; text-align:center; }
.native-category-card__copy { display:flex; flex-direction:column; align-items:center; }
.native-category-card h3 { margin:0 0 12px; color:#fff; font-size:38px; font-weight:400; line-height:1; text-transform:uppercase; }
.native-category-card p { max-width:340px; margin:0; color:#fff; font-size:19px; font-weight:700; line-height:1.55; }
.native-category-card .native-button { margin-top:24px; border-color:#fff; border-radius:0; color:#fff!important; background:transparent; opacity:0; transform:translateY(8px); transition:opacity .25s ease,transform .25s ease,background .2s ease,color .2s ease; }
.native-category-card:hover .native-button,.native-category-card:focus-visible .native-button { opacity:1; transform:translateY(0); }
.native-category-card .native-button:hover { color:#2e3133!important; background:#fff; }
.native-feature { position:relative; width:min(calc(100% - 48px),1200px); height:480px; margin:36px auto; overflow:hidden; border-radius:23px; color:#fff; background:#342b21; }
.native-feature__image-link,.native-split__image-link { position:absolute; z-index:0; inset:0; display:block; }
.native-feature picture { position:absolute; inset:0; display:block; width:100%; height:100%; }
.native-feature img { width:100%; height:100%; object-fit:cover; object-position:center; }
.native-feature__shade { position:absolute; z-index:1; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.48) 37%,rgba(0,0,0,.05) 67%,rgba(0,0,0,0) 100%); }
.native-feature__content { position:relative; z-index:2; display:flex; min-height:100%; flex-direction:column; align-items:center; justify-content:center; width:420px; margin-left:35px; padding:25px; color:#fff; text-align:center; }
.native-feature__kicker { margin:0 0 23px; font-size:12px!important; font-weight:700; letter-spacing:.1em; line-height:1; text-transform:uppercase; }
.native-feature h2 { max-width:390px; margin:0 0 21px; color:#fff; font-size:clamp(32px,4vw,43px); font-weight:400; line-height:1.04; text-transform:uppercase; }
.native-feature p:not(.native-feature__kicker) { max-width:350px; margin:0 0 28px; color:#fff; font-size:16px; font-weight:700; line-height:1.5; }
.native-feature .native-button { border-color:#0a1f8f; border-radius:4px; color:#fff!important; background:#0a1f8f; }
.native-feature .native-button:hover { border-color:#fff; color:#0a1f8f!important; background:#fff; }
.native-split { padding:50px 24px; background:#e9ebf8; }
.native-split__inner { display:grid; grid-template-columns:repeat(2,minmax(0,550px)); justify-content:center; gap:100px; }
.native-split__tile { position:relative; height:500px; overflow:hidden; border-radius:20px; color:#fff; background:#777; }
.native-split__tile picture { display:block; width:100%; height:100%; }
.native-split__tile img { width:100%; height:100%; }
.native-split__tile img { object-fit:cover; }
.native-split__shade { position:absolute; z-index:1; inset:0; pointer-events:none; background:rgba(20,24,23,.48); }
.native-split__tile-content { position:absolute; z-index:2; inset:0; display:flex; align-items:center; justify-content:center; flex-direction:column; padding:32px; text-align:center; text-shadow:0 1px 12px rgba(0,0,0,.4); }
.native-split__tile h2 { max-width:390px; margin:0 0 23px; color:#fff; font-size:clamp(24px,2.2vw,35px); font-weight:700; line-height:1.18; text-transform:none; }
.native-split__kicker { margin:0 0 17px; color:#fff; font-size:12px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }
.native-split__tile .native-button { min-width:180px; border-color:#fff; color:#102a91!important; background:#fff; }
.native-split__tile .native-button:hover { color:#fff!important; background:#102a91; }
.native-scent-section { overflow:hidden; padding:68px 0; background:#e7eaec; }
.native-scent-section__header { max-width:none; margin:0 auto 32px; padding:0 24px; text-align:center; }
.native-scent-section__header h2 { margin:0 0 10px; color:var(--native-blue); font-size:clamp(28px,3vw,42px); font-weight:700; letter-spacing:.06em; line-height:1.15; text-transform:uppercase; }
.native-scent-section__header p { margin:0; color:var(--native-ink); font-size:17px; font-weight:700; }
.native-scent-section__body { display:block; overflow-x:auto; overflow-y:hidden; padding:0 0 8px; scrollbar-width:none; cursor:grab; touch-action:pan-y; }
.native-scent-section__body.is-dragging { cursor:grabbing; user-select:none; }
.native-scent-section__body::-webkit-scrollbar { display:none; }
.native-scent-grid { display:grid; grid-auto-flow:column; grid-auto-columns:245px; gap:12px; width:max-content; margin-left:max(26px,calc((100vw - var(--native-max))/2 + 210px)); }
.native-scent-card { display:flex!important; width:245px; height:auto!important; min-height:535px; flex-direction:column; padding:12px!important; border:0!important; border-radius:5px; color:var(--native-ink); background:#fff!important; box-shadow:none!important; }
.native-scent-card__media { position:relative; display:block; aspect-ratio:29/39; overflow:hidden; border-radius:5px; }
.native-scent-card__media picture { display:block; width:100%; height:100%; }
.native-scent-card__media img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.native-scent-card:hover .native-scent-card__media img { transform:scale(1.04); }
.native-scent-card__overlay { position:absolute; inset:0; display:grid; place-items:center; color:#fff; background:rgba(0,0,0,.4); opacity:0; transition:opacity .35s ease; }
.native-scent-card:hover .native-scent-card__overlay { opacity:1; }
.native-scent-card__overlay span { max-width:80%; font-size:12px; font-weight:700; letter-spacing:.1em; line-height:1.3; text-align:center; text-transform:uppercase; }
.native-scent-card__body { display:flex!important; visibility:visible!important; min-height:212px; flex:1 1 auto; flex-direction:column; align-items:center; padding:12px 0 0; opacity:1!important; text-align:center; }
.native-scent-card__body h3 { min-height:55px; margin:0 0 10px; color:var(--native-ink); font-size:28px; font-weight:500; line-height:1.1; text-transform:uppercase; }
.native-scent-card__body p { min-height:58px; margin:0 0 14px; color:var(--native-ink); font-size:14px; font-weight:500; line-height:1.3; }
.native-scent-card__button { display:flex; width:100%; min-height:33px; align-items:center; justify-content:center; margin-top:auto; padding:8px 4px; color:#fff!important; background:var(--native-blue); font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.native-scent-card__button:hover { color:#fff!important; background:#081e70; }
.native-scent-section__footer { display:flex; flex-direction:column; align-items:center; margin:24px 26px 0; padding-top:24px; border-top:2px solid var(--native-blue); }
.native-scent-section__footer .native-button { min-width:308px; min-height:45px; border-color:var(--native-blue); border-radius:5px; color:#fff!important; background:var(--native-blue); }
.native-scent-section__footer .native-button:hover { border-color:#081e70; background:#081e70; }
.native-scent-section__quiz { margin-top:8px; color:var(--native-blue); font-size:15px; text-decoration:underline!important; text-underline-offset:2px; }
.native-stat-section { overflow:hidden; padding:28px 0 24px; background:#fff; }
.native-stat-section h2 { margin:0 0 13px; color:#102a91; font-size:18px; font-weight:700; letter-spacing:.07em; line-height:1.2; text-align:center; text-transform:uppercase; }
.native-stat-strip { overflow:hidden; }
.native-stat-strip__track { display:flex; width:max-content; align-items:baseline; gap:88px; animation:native-stats 34s linear infinite; }
.native-stat { display:flex; flex:0 0 auto; align-items:baseline; gap:14px; color:#102a91; white-space:nowrap; }
.native-stat strong,.native-stat span { font-size:clamp(54px,6vw,100px); font-weight:400; letter-spacing:0; line-height:1; text-transform:uppercase; }
@keyframes native-stats { from { transform:translateX(-10%); } to { transform:translateX(-55%); } }
.native-footer { padding:58px 0 30px; color:#fff; background:var(--native-ink); }
.native-footer__grid { display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:42px; }
.native-footer__logo { width:150px; margin-bottom:18px; filter:brightness(0) invert(1); }
.native-footer h3 { margin:0 0 15px; font-size:13px; letter-spacing:.08em; text-transform:uppercase; }
.native-footer ul { margin:0; padding:0; list-style:none; }
.native-footer li { margin-bottom:9px; font-size:13px; }
.native-footer li a:hover { color:#fff; text-decoration:underline; }
.native-footer__bottom { display:flex; justify-content:space-between; gap:20px; margin-top:45px; padding-top:18px; border-top:1px solid rgba(255,255,255,.25); color:rgba(255,255,255,.72); font-size:12px; }
body.native-site .site-content,body.native-site .content-area,body.native-site .inside-article { padding:0; }
body.native-site .entry-header,body.native-site .entry-content { max-width:none; margin:0; }
body.native-site .site-footer { display:none; }
@media (min-width:720px) and (max-width:1023px) { .native-favorites__rail { grid-auto-columns:calc((100% - 48px) / 4); gap:16px; } }
@media (max-width:1199px) { .native-product-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } .native-nav__list { gap:17px; } }
@media (min-width:801px) { .native-scent-section__header h2 { white-space:nowrap; } }
@media (max-width:719px) { .native-shell { width:min(100% - 32px,var(--native-max)); } .native-header__row { min-height:64px; grid-template-columns:90px 1fr auto; gap:10px; } .native-logo img { width:90px; } .native-nav { position:absolute; top:64px; left:0; right:0; display:none; padding:5px 16px 16px; background:#fff; box-shadow:0 8px 12px rgba(14,16,41,.1); } .native-nav.is-open { display:block; } .native-nav__list { display:block; } .native-nav__list>li { display:flex; flex-wrap:wrap; align-items:center; } .native-nav__list>li>a { flex:1 1 auto; } .native-nav__list a { padding:12px 0; border-bottom:1px solid var(--native-border); } .native-nav__toggle { display:grid; width:38px; height:42px; place-items:center; padding:0; border:0; color:var(--native-ink); background:transparent; font-size:22px; font-weight:300; line-height:1; } .native-nav__list>li.is-open>.native-nav__toggle { color:var(--native-red); } .native-nav__list>li.is-open>.native-nav__toggle span { display:block; transform:rotate(45deg); } .native-nav__list .sub-menu,.native-nav__group--shop>.sub-menu,.native-nav__group--scents>.sub-menu { position:static; display:none; width:100%; min-width:0; grid-template-columns:1fr; padding:0 0 8px 16px; border:0; box-shadow:none; opacity:1; pointer-events:auto; transform:none; visibility:visible; } .native-nav__list>li.is-open>.sub-menu { display:grid; } .native-nav__list .sub-menu a { padding:10px 0; border-bottom:1px solid #eef0f1; font-size:10px; white-space:normal; } .native-menu-toggle { display:inline-grid; order:-1; } .native-header__actions { gap:2px; } .native-header__actions .native-account { display:none; } .native-hero { min-height:760px; } .native-hero img { object-position:50% top; } .native-hero__overlay { align-items:flex-start; padding-top:54px; text-align:center; } .native-hero__content { width:min(100% - 32px,var(--native-max)); } .native-hero h1 { margin-inline:auto; font-size:45px; } .native-hero p { font-size:19px; } .native-section { padding:52px 0; } .native-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 12px; } .native-daily-essentials { min-height:500px; padding:50px 20px; } .native-daily-essentials h2 { margin-bottom:27px; font-size:42px; } .native-daily-essentials__heart { right:-45px; bottom:-35px; width:60px; height:60px; } .native-daily-essentials p { font-size:15px; } .native-desktop-break { display:none; } .native-favorites { padding:38px 0 32px; } .native-favorites__heading { margin-bottom:22px; } .native-favorites__rail-wrap { width:100%; } .native-favorites__rail { grid-auto-columns:calc((100% - 12px) / 2); gap:12px; padding:0 24px 8px; } .native-favorites__arrow { display:none; } .native-favorites__cta { margin-top:25px; } .native-favorite-card__badge { left:8px; top:8px; padding:7px 9px 6px; font-size:10px; } .native-category-heading { margin-bottom:22px; } .native-category-grid { grid-template-columns:1fr; } .native-category-card { height:230px; border-radius:6px; } .native-category-card__content { padding:22px; } .native-category-card h3 { margin-bottom:8px; font-size:28px; } .native-category-card p { max-width:300px; font-size:15px; line-height:1.4; } .native-category-card .native-button { display:none; } .native-feature { width:calc(100% - 32px); height:560px; margin:28px auto; border-radius:16px; } .native-feature img { object-position:center top; } .native-feature__shade { background:linear-gradient(180deg,rgba(0,0,0,0) 12%,rgba(0,0,0,.1) 36%,rgba(0,0,0,.8) 100%); } .native-feature__content { justify-content:flex-end; width:100%; margin:0; padding:35px 22px 32px; } .native-feature__kicker { margin-bottom:15px; } .native-feature h2 { margin-bottom:13px; font-size:34px; } .native-feature p:not(.native-feature__kicker) { margin-bottom:20px; font-size:15px; } .native-split { padding:32px 16px; } .native-split__inner { grid-template-columns:1fr; gap:20px; } .native-split__tile { height:360px; border-radius:14px; } .native-split__tile h2 { font-size:28px; } .native-scent-section { padding:52px 0 36px; } .native-scent-section__header { margin-bottom:24px; } .native-scent-section__header h2 { font-size:28px; } .native-scent-section__header p { font-size:15px; } .native-scent-section__body { display:block; overflow-x:auto; padding:0 24px 8px; scrollbar-width:none; } .native-scent-section__body::-webkit-scrollbar { display:none; } .native-scent-grid { grid-auto-columns:235px; gap:20px; margin-left:0; } .native-scent-card { width:235px; } .native-scent-card__body h3 { font-size:27px; } .native-scent-card__body p { font-size:15px; } .native-stat-section { padding:27px 0 20px; } .native-stat-section h2 { padding:0 16px; font-size:14px; } .native-stat-strip__track { gap:45px; } .native-stat { gap:8px; } .native-stat strong,.native-stat span { font-size:46px; } .native-footer__grid { grid-template-columns:repeat(2,1fr); gap:30px 20px; } .native-footer__grid>:first-child { grid-column:1/-1; } .native-footer__bottom { display:block; } .native-footer__bottom span { display:block; margin-bottom:7px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }

/* Scent carousel: large cards, a visible next card, and the Native-style flip. */
.native-scent-section { position:relative; }
.native-scent-section__body { width:min(100%,1440px); margin:0 auto; padding:0 0 12px; }
.native-scent-grid { grid-auto-columns:minmax(0,calc((100% - 48px) / 4.2)); gap:16px; margin-left:0; }
.native-scent-card { position:relative; width:auto; min-height:650px; padding:0!important; border-radius:6px; background:transparent!important; perspective:1400px; }
.native-scent-card__flipper { position:relative; width:100%; height:100%; min-height:650px; transform-style:preserve-3d; transition:transform .6s cubic-bezier(.2,.7,.2,1); }
.native-scent-card:hover .native-scent-card__flipper,.native-scent-card.is-flipped .native-scent-card__flipper { transform:rotateY(180deg); }
.native-scent-card__face { position:absolute; inset:0; display:flex; overflow:hidden; flex-direction:column; border-radius:6px; backface-visibility:hidden; -webkit-backface-visibility:hidden; }
.native-scent-card__face--front { padding:12px; color:var(--native-ink); background:#fff; }
.native-scent-card__face--front .native-scent-card__media { flex:0 0 auto; width:100%; aspect-ratio:29/39; }
.native-scent-card__face--front .native-scent-card__body { min-height:0; padding:16px 0 0; }
.native-scent-card__face--front .native-scent-card__body h3 { min-height:62px; margin-bottom:10px; font-size:30px; }
.native-scent-card__face--front .native-scent-card__body p { min-height:64px; font-size:15px; }
.native-scent-card__face--back { z-index:2; align-items:center; justify-content:center; padding:38px 26px; color:#fff; background:var(--native-blue); transform:rotateY(180deg); text-align:center; }
.native-scent-card__back-title { max-width:100%; margin:0 0 28px; color:#fff; font-size:27px; font-weight:500; line-height:1.1; text-transform:uppercase; }
.native-scent-card__list { width:100%; margin:0; padding:0; list-style:none; }
.native-scent-card__list li { margin:0 0 14px; color:#fff; font-size:14px; font-weight:700; line-height:1.25; text-transform:uppercase; }
.native-scent-card__list li:last-child { margin-bottom:0; font-size:12px; letter-spacing:.08em; }
.native-scent-card__face--back .native-scent-card__button { width:100%; margin-top:32px; border:1px solid #fff; background:#fff; color:var(--native-blue)!important; }
.native-scent-card__face--back .native-scent-card__button:hover { background:transparent; color:#fff!important; }
.native-scent-carousel-controls { display:flex; align-items:center; justify-content:center; gap:26px; margin:22px auto 0; }
.native-scent-carousel__arrow { display:grid; width:42px; height:42px; place-items:center; padding:0; border:1px solid var(--native-blue); border-radius:50%; color:var(--native-blue); background:transparent; cursor:pointer; font-size:22px; line-height:1; }
.native-scent-carousel__arrow:hover { color:#fff; background:var(--native-blue); }
.native-scent-carousel__dots { display:flex; align-items:center; gap:8px; }
.native-scent-carousel__dot { width:8px; height:8px; margin:0; padding:0; border:0; border-radius:50%; background:#b3b8c1; cursor:pointer; }
.native-scent-carousel__dot.is-active { background:var(--native-blue); transform:scale(1.35); }
@media (max-width:719px) {
    .native-scent-section__body { width:100%; padding:0 24px 10px; }
    .native-scent-grid { grid-auto-columns:calc((100vw - 56px) / 1.2); gap:16px; }
    .native-scent-card { min-height:560px; }
    .native-scent-card__flipper { min-height:560px; }
    .native-scent-card__face--front .native-scent-card__body h3 { font-size:27px; }
    .native-scent-carousel-controls { margin-top:18px; }
    .native-scent-carousel__arrow { width:36px; height:36px; font-size:18px; }
}

/* Homepage sections matched to the supplied Native capture. */
.native-featured-products { padding:30px 0 36px; background:#fff; }
.native-featured-products__tabs { display:flex; justify-content:center; gap:27px; margin:0 auto 24px; }
.native-featured-products__tab { appearance:none; -webkit-appearance:none; position:relative; margin:0; padding:0 0 8px; border:0; border-radius:0; box-shadow:none; color:#2e3133; background:none!important; cursor:pointer; font-family:var(--native-heading); font-size:14px; font-weight:700; letter-spacing:.06em; line-height:1.2; text-transform:uppercase; }
.native-featured-products__tab:hover,.native-featured-products__tab:active { color:var(--native-blue); background:transparent!important; }
.native-featured-products__tab::after { position:absolute; right:0; bottom:0; left:0; height:2px; background:transparent; content:""; }
.native-featured-products__tab.is-active,.native-featured-products__tab[aria-selected=true] { color:var(--native-blue); }
.native-featured-products__tab.is-active::after,.native-featured-products__tab[aria-selected=true]::after { background:var(--native-blue); }
.native-featured-products__tab:focus-visible { outline:2px solid var(--native-blue); outline-offset:4px; }
.native-featured-products .native-product-panel { width:min(calc(100% - 48px),1800px); margin:0 auto; }
.native-featured-products__rail { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 120px) / 6); gap:24px; overflow-x:auto; padding:0 0 6px; scrollbar-width:none; scroll-snap-type:x mandatory; }
.native-featured-products__rail::-webkit-scrollbar { display:none; }
.native-featured-products__rail .native-favorite-card { scroll-snap-align:start; }
.native-featured-products__rail .native-favorite-card__media { aspect-ratio:1/1; }
.native-featured-products__rail .native-favorite-card__meta { padding-top:10px; }
.native-featured-products__rail .native-favorite-card__meta h3 { min-height:2.65em; font-size:14px; }
.native-featured-products__rail .native-favorite-card__scent { margin-bottom:10px; font-size:12px; }
.native-featured-products__rail .native-favorite-card__price { margin-bottom:17px; font-size:12px; }
.native-featured-products__rail .native-favorite-card__add { min-height:26px; padding:5px 10px; font-size:10px; }
.native-featured-products__cta { display:block; width:max-content; min-width:245px; margin:31px auto 0; padding:13px 22px; border-radius:4px; color:#fff!important; background:var(--native-blue); font-size:13px; font-weight:700; letter-spacing:.08em; text-align:center; text-transform:uppercase; }
.native-featured-products__cta:hover { background:#081e70; }
.native-category-section { padding-top:38px; padding-bottom:44px; }
.native-category-section .native-section__heading { margin-bottom:8px; color:var(--native-ink); font-size:clamp(27px,3vw,44px); }
.native-category-section .native-section__subheading { margin:0 0 24px; color:var(--native-ink); font-size:12px; font-weight:700; letter-spacing:.08em; text-align:center; text-transform:uppercase; }
.native-category-section .native-category-grid { width:min(calc(100% - 48px),1120px); margin:0 auto; gap:6px; }
.native-category-section .native-category-card { height:360px; border-radius:4px; }
.native-category-section .native-category-card h3 { font-size:34px; }
.native-category-section .native-category-card p { max-width:300px; font-size:16px; line-height:1.45; }
.native-category-section .native-category-card .native-button { min-height:40px; margin-top:20px; padding:10px 16px; font-size:12px; }
.native-feature { width:min(calc(100% - 48px),1200px); height:480px; margin:36px auto 44px; border-radius:18px; }
.native-feature__content { width:420px; margin-left:35px; }
.native-feature h2 { font-size:clamp(32px,4vw,43px); }
.native-feature p:not(.native-feature__kicker) { max-width:350px; font-size:16px; }
.native-scent-section { padding-top:42px; padding-bottom:34px; }
.native-scent-section__header { margin-bottom:24px; }
.native-scent-section__header h2 { font-size:clamp(25px,2.5vw,38px); }
.native-scent-section__header p { font-size:13px; }
.native-daily-essentials { min-height:500px; padding:62px 24px; }
.native-daily-essentials__inner { width:min(100%,900px); }
.native-daily-essentials h2 { font-size:clamp(42px,4.4vw,76px); }
.native-daily-essentials p { max-width:720px; font-size:17px; line-height:1.45; }
.native-favorites { padding:42px 0 38px; }
.native-favorites__heading { margin-bottom:24px; }
.native-favorites__heading h2 { font-size:14px; }
.native-favorites__rail-wrap { width:min(calc(100% - 48px),1800px); }
.native-favorites__rail { grid-auto-columns:calc((100% - 120px) / 6); gap:24px; }
.native-split { padding:50px 24px; }
.native-split__inner { width:min(100%,1200px); margin:0 auto; gap:24px; }
.native-split__tile { height:500px; border-radius:18px; }
.native-split__tile h2 { font-size:clamp(24px,2.2vw,35px); }
.native-stat-section { padding:22px 0 28px; }
.native-stat-section h2 { font-size:18px; }
.native-footer { padding:58px 0 30px; color:var(--native-blue); background:#fff; }
.native-footer__grid { grid-template-columns:repeat(4,1fr); gap:30px; width:min(calc(100% - 48px),1100px); margin:0 auto; }
.native-footer__grid>div:first-child { display:none; }
.native-footer h3 { margin-bottom:15px; color:var(--native-blue); font-size:13px; }
.native-footer li { margin-bottom:9px; color:var(--native-blue); font-size:13px; }
.native-footer li a:hover { color:var(--native-red); }
.native-footer__bottom { display:block; width:min(calc(100% - 48px),1100px); margin:45px auto 0; padding-top:18px; border-top:1px solid rgba(10,31,143,.25); color:rgba(10,31,143,.7); text-align:center; font-size:12px; }
.native-footer__bottom span:last-child { display:none; }
.native-footer::after { display:block; width:230px; height:auto; margin:38px auto 0; color:var(--native-blue); content:"NATIVE"; font-family:Arial,Helvetica,sans-serif; font-size:72px; font-weight:700; letter-spacing:.02em; line-height:1; text-align:center; }
@media (min-width:720px) and (max-width:1023px) { .native-featured-products__rail { grid-auto-columns:calc((100% - 48px) / 4); gap:16px; } .native-category-section .native-category-card { height:300px; } .native-split__inner { gap:20px; } }
@media (max-width:719px) { .native-featured-products { padding:24px 0 30px; } .native-featured-products__tabs { gap:17px; margin-bottom:18px; } .native-featured-products__tab { font-size:12px; } .native-featured-products .native-product-panel { width:100%; } .native-featured-products__rail { grid-auto-columns:calc((100% - 12px) / 2); gap:12px; padding:0 24px 5px; } .native-featured-products__rail .native-favorite-card__meta h3 { font-size:14px; } .native-featured-products__rail .native-favorite-card__scent { font-size:12px; } .native-featured-products__rail .native-favorite-card__price { font-size:12px; } .native-featured-products__rail .native-favorite-card__add { min-height:26px; padding:5px 10px; font-size:10px; } .native-featured-products__cta { min-width:220px; margin-top:25px; font-size:12px; } .native-category-section { padding-top:30px; } .native-category-section .native-category-grid { width:calc(100% - 32px); gap:5px; } .native-category-section .native-category-card { height:230px; } .native-category-section .native-category-card h3 { font-size:28px; } .native-category-section .native-category-card p { font-size:15px; line-height:1.4; } .native-feature { width:calc(100% - 32px); height:560px; margin-top:22px; } .native-feature__content { width:100%; margin:0; padding:30px 18px; } .native-feature h2 { font-size:34px; } .native-feature p:not(.native-feature__kicker) { font-size:15px; } .native-split__inner { width:100%; } .native-footer__grid { width:calc(100% - 32px); gap:22px 15px; } .native-footer::after { font-size:48px; } }

/* Footer layout and brand controls. */
.native-footer { padding:46px 0 52px; color:var(--native-blue); background:#fff; }
.native-footer__grid { display:grid; grid-template-columns:1fr 1fr 1.25fr; align-items:start; gap:48px; width:min(calc(100% - 56px),1400px); margin:0 auto; }
.native-footer__grid>div:first-child { display:block; }
.native-footer__column h3 { margin:0 0 27px; color:var(--native-blue); font-size:16px; font-weight:400; letter-spacing:0; line-height:1.2; text-transform:uppercase; }
.native-footer__column ul { margin:0; padding:0; list-style:none; }
.native-footer__column li { margin:0 0 23px; color:var(--native-blue); font-size:15px; line-height:1.35; }
.native-footer__column li:last-child { margin-bottom:0; }
.native-footer__column li a:hover { color:var(--native-red); text-decoration:underline; }
.native-footer__contact { justify-self:end; width:min(100%,430px); }
.native-footer__logo { display:block; width:auto; max-width:100%; max-height:58px; margin:0 0 24px; object-fit:contain; filter:none; }
.native-footer__wordmark { margin:0 0 25px; color:var(--native-blue); font-family:Arial,Helvetica,sans-serif; font-size:48px; font-weight:400; letter-spacing:0; line-height:1; }
.native-footer__contact p { margin:0 0 16px; color:var(--native-blue); font-size:15px; line-height:1.35; }
.native-footer__contact p:last-child { margin-bottom:0; }
.native-footer__contact a { color:inherit; }
.native-footer__contact a:hover { color:var(--native-red); text-decoration:underline; }
.native-footer__address { margin-top:28px!important; }
.native-footer__bottom,.native-footer::after { display:none!important; content:none!important; }
@media (max-width:719px) { .native-footer { padding:38px 0 42px; } .native-footer__grid { grid-template-columns:1fr 1fr; gap:38px 24px; width:calc(100% - 32px); } .native-footer__grid>:first-child { grid-column:auto; } .native-footer__column h3 { margin-bottom:19px; font-size:14px; } .native-footer__column li { margin-bottom:15px; font-size:13px; } .native-footer__contact { grid-column:1/-1; justify-self:start; width:100%; } .native-footer__logo { max-height:48px; margin-bottom:20px; } .native-footer__wordmark { margin-bottom:20px; font-size:40px; } .native-footer__contact p { margin-bottom:12px; font-size:13px; } .native-footer__address { margin-top:22px!important; } }

/* About Us page matched to the Native promise layout. */
.native-about { overflow:hidden; background:#fff; color:var(--native-ink); }
.native-about__promise { display:flex; min-height:clamp(570px,72vh,820px); flex-direction:column; align-items:center; justify-content:center; padding:110px 24px 76px; text-align:center; }
.native-about__eyebrow { margin:0 0 28px; color:var(--native-blue); font-size:14px; font-weight:700; letter-spacing:.18em; line-height:1.2; text-transform:uppercase; }
.native-about__promise h1 { max-width:760px; margin:0; color:#252832; font-family:var(--native-heading); font-size:clamp(42px,5vw,78px); font-weight:500; letter-spacing:0; line-height:1.1; }
.native-about__down { display:grid; width:48px; height:48px; margin-top:58px; place-items:center; color:var(--native-blue); font-size:38px; line-height:1; }
.native-about__down:hover { color:var(--native-red); }
.native-about__pillars { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:min(calc(100% - 96px),1320px); margin:0 auto; }
.native-about__pillar { min-height:590px; display:flex; flex-direction:column; align-items:center; padding:68px 12px 72px; text-align:center; }
.native-about__pillar h2 { width:100%; margin:0 0 30px; color:var(--native-blue); font-size:clamp(46px,4.2vw,72px); font-weight:500; letter-spacing:0; line-height:.95; text-align:center; text-transform:uppercase; white-space:nowrap; }
.native-about__pillar p { max-width:330px; min-height:155px; margin:0 auto 36px; color:#333842; font-size:17px; line-height:1.55; }
.native-about__pillar--clean { background:#e8f0f2; }
.native-about__pillar--simple { background:#f7e9ec; }
.native-about__pillar--effective { background:#e8ebf7; }
.native-about__button { display:inline-flex; min-height:44px; align-items:center; justify-content:center; padding:12px 24px; border:1px solid var(--native-blue); border-radius:4px; color:var(--native-blue); font-size:12px; font-weight:700; letter-spacing:.1em; line-height:1.2; text-align:center; text-transform:uppercase; transition:background-color .2s ease,color .2s ease; }
.native-about__button:hover { color:#fff; background:var(--native-blue); }
.native-about__meaning { display:flex; min-height:270px; align-items:center; justify-content:center; padding:58px 24px; text-align:center; }
.native-about__meaning p { max-width:800px; margin:0; color:var(--native-blue); font-size:clamp(24px,3vw,42px); font-weight:500; line-height:1.18; }
.native-about__best { padding:78px 0 94px; background:#fff; }
.native-about__best-heading { width:min(calc(100% - 48px),1360px); margin:0 auto 34px; text-align:center; }
.native-about__best-heading .native-about__eyebrow { margin:0; }
.native-about__best-rail { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 168px) / 7); gap:28px; width:min(calc(100% - 48px),1700px); margin:0 auto; overflow-x:auto; padding:0 0 12px; scrollbar-width:none; scroll-snap-type:x mandatory; }
.native-about__best-rail::-webkit-scrollbar { display:none; }
.native-about__best-rail .native-favorite-card { min-width:0; scroll-snap-align:start; }
.native-about__best-rail .native-favorite-card__media { aspect-ratio:1/1; }
.native-about__best-rail .native-favorite-card__meta { padding-top:12px; }
.native-about__best-rail .native-favorite-card__meta h3 { min-height:2.7em; font-size:14px; }
.native-about__best-rail .native-favorite-card__scent { min-height:1.5em; font-size:12px; }
.native-about__best-rail .native-favorite-card__price { margin-bottom:15px; font-size:12px; }
.native-about__best-rail .native-favorite-card__add { min-height:27px; padding:6px 10px; font-size:10px; }
.native-about__button.native-about__button--blue,
.native-about__button.native-about__button--blue:visited { display:flex; width:208px; min-height:45px; margin:39px auto 0; align-items:center; justify-content:center; border:0; border-radius:4px; color:#fff!important; background:#10269b!important; font-size:11px; font-weight:700; letter-spacing:.08em; line-height:1; text-align:center; text-decoration:none; text-transform:uppercase; }
.native-about__button.native-about__button--blue:hover,
.native-about__button.native-about__button--blue:focus-visible { border:0; color:#fff!important; background:#081c7e!important; }
@media (min-width:720px) and (max-width:1023px) {
    .native-about__pillars { width:min(calc(100% - 48px),900px); }
    .native-about__pillar { min-height:530px; padding-inline:28px; }
    .native-about__pillar p { font-size:15px; }
    .native-about__best-rail { grid-auto-columns:calc((100% - 72px) / 4); gap:24px; }
}

/* Keep homepage product cards focused on name, price and purchase action. */
.native-home .native-favorite-card__scent { display:none; }
.native-home .native-favorite-card__meta h3 { min-height:2.7em; }
@media (max-width:719px) {
    .native-about__promise { min-height:650px; padding:83px 22px 58px; }
    .native-about__eyebrow { margin-bottom:25px; font-size:11px; letter-spacing:.17em; }
    .native-about__promise h1 { max-width:370px; font-size:42px; line-height:1.27; }
    .native-about__down { margin-top:39px; font-size:32px; }
    .native-about__pillars { display:block; width:100%; }
    .native-about__pillar { min-height:0; padding:72px 30px 76px; }
    .native-about__pillar h2 { margin-bottom:28px; font-size:66px; }
    .native-about__pillar p { min-height:0; max-width:340px; margin-bottom:31px; font-size:15px; line-height:1.55; }
    .native-about__meaning { min-height:260px; padding:56px 25px; }
    .native-about__meaning p { font-size:27px; line-height:1.2; }
    .native-about__best { padding:55px 0 66px; }
    .native-about__best-heading { width:calc(100% - 32px); margin-bottom:26px; }
    .native-about__best-rail { grid-auto-columns:calc((100% - 12px) / 2); gap:12px; width:100%; padding:0 16px 10px; }
    .native-about__best-rail .native-favorite-card__meta h3 { font-size:13px; }
    .native-about__best-rail .native-favorite-card__scent,.native-about__best-rail .native-favorite-card__price { font-size:11px; }
    .native-about__button.native-about__button--blue { width:208px; margin-top:28px; }
}

/* Product detail page: Native-style purchase layout. */
.native-top-banner { position:relative; z-index:101; min-height:34px; display:flex; align-items:center; justify-content:center; padding:7px 12px 6px; color:#fff; background:var(--native-blue); font-size:11px; font-weight:700; letter-spacing:.08em; line-height:1.2; text-align:center; text-transform:uppercase; }
.native-product-page { color:#21232b; background:#fff; }
.native-product-benefits { overflow:hidden; color:#fff; background:var(--native-brown); }
.native-product-benefits__track { display:flex; width:max-content; animation:native-product-benefits-scroll 32s linear infinite; }
.native-product-benefits__set { display:flex; align-items:center; gap:58px; min-height:61px; padding:0 29px; white-space:nowrap; }
.native-product-benefits__set span { font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
@keyframes native-product-benefits-scroll { from { transform:translateX(0); } to { transform:translateX(-50%); } }
.native-product-benefits:hover .native-product-benefits__track { animation-play-state:paused; }
.native-product-shell { width:min(calc(100% - 64px),1340px); margin:0 auto; }
.native-product-breadcrumbs { padding:20px 0 24px; color:#60636b; font-size:11px; letter-spacing:.04em; text-transform:uppercase; }
.native-product-breadcrumbs .woocommerce-breadcrumb { margin:0; }
.native-product-breadcrumbs a { color:#60636b; }
.native-product-breadcrumbs .breadcrumb-separator { margin:0 9px; }
.native-product-layout { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr); gap:76px; align-items:start; padding:0 0 90px; }
.native-product-gallery { min-width:0; }
.native-product-gallery .woocommerce-product-gallery { width:100%!important; margin:0!important; }
.native-product-gallery .woocommerce-product-gallery__wrapper { margin:0; }
.native-product-gallery .woocommerce-product-gallery__trigger { display:none!important; }
.native-product-gallery .woocommerce-product-gallery__image { overflow:hidden; background:#f4f4f1; }
.native-product-gallery .woocommerce-product-gallery__image img { width:100%; aspect-ratio:1/1; object-fit:contain; mix-blend-mode:multiply; }
.native-product-gallery .flex-control-thumbs { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin:12px 0 0!important; padding:0!important; list-style:none; }
.native-product-gallery .flex-control-thumbs li { width:auto!important; float:none!important; margin:0!important; }
.native-product-gallery .flex-control-thumbs img { width:100%; aspect-ratio:1/1; object-fit:cover; opacity:.58; cursor:pointer; transition:opacity .2s ease; }
.native-product-gallery .flex-control-thumbs .flex-active,.native-product-gallery .flex-control-thumbs img:hover { opacity:1; }
.native-product-summary { min-width:0; padding:9px 0 0; }
.native-product-summary .product_title { margin:0 0 12px; color:#20222a; font-size:clamp(28px,3vw,45px); font-weight:500; line-height:1.05; text-transform:none; }
.native-product-summary .price { margin:0 0 25px; color:var(--native-blue); font-size:19px; font-weight:700; }
.native-product-summary .price del { margin-right:6px; color:#70737a; font-size:15px; font-weight:400; }
.native-product-summary .woocommerce-product-details__short-description { margin:0 0 25px; color:#383b43; font-size:15px; line-height:1.55; }
.native-product-summary .woocommerce-product-details__short-description p { margin:0 0 12px; }
.native-product-summary .woocommerce-product-details__short-description p:last-child { margin-bottom:0; }
.native-product-summary form.cart { margin:0; }
.native-product-summary form.cart .variations { width:100%; margin:0 0 20px; border:0; border-collapse:collapse; }
.native-product-summary form.cart .variations tr { display:block; margin:0 0 22px; }
.native-product-summary form.cart .variations th,.native-product-summary form.cart .variations td { display:block; width:100%; padding:0; border:0; text-align:left; }
.native-product-summary form.cart .variations label { display:block; margin:0 0 9px; color:#20222a; font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.native-product-summary form.cart .variations select { width:100%; min-height:48px; padding:12px 42px 12px 14px; border:1px solid #9da0a5; border-radius:0; color:#242630; background:#fff; font:inherit; }
.native-product-summary form.cart .variations select[aria-hidden="true"] { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.native-product-summary form.cart .reset_variations { display:none!important; }
.native-product-summary .native-variation-buttons { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:8px; }
.native-product-summary .native-variation-button { min-height:43px; padding:8px 5px; border:1px solid #b7bac0; border-radius:0; color:#33363e; background:#fff; cursor:pointer; font-size:11px; line-height:1.2; text-transform:uppercase; }
.native-product-summary .native-variation-button.is-selected { border-color:var(--native-blue); box-shadow:inset 0 0 0 1px var(--native-blue); color:var(--native-blue); font-weight:700; }
.native-product-summary .native-variation-button.is-disabled { opacity:.4; cursor:not-allowed; text-decoration:line-through; }
.native-product-summary .single_variation_wrap { margin-top:6px; }
.native-product-summary .woocommerce-variation-description { margin:0 0 14px; color:#555861; font-size:13px; }
.native-product-summary .woocommerce-variation-price { margin:0 0 15px; }
.native-product-summary .quantity { display:inline-flex; height:50px; align-items:center; margin:0 9px 0 0!important; border:1px solid #999da4; vertical-align:middle; }
.native-product-summary .quantity .qty { width:50px; height:48px; padding:0; border:0; color:#252831; background:#fff; text-align:center; font-size:15px; }
.native-product-summary .quantity input::-webkit-inner-spin-button,.native-product-summary .quantity input::-webkit-outer-spin-button { opacity:1; }
.native-product-summary .single_add_to_cart_button { min-height:50px; width:calc(100% - 67px); padding:14px 19px; border:1px solid var(--native-blue); border-radius:0; color:#fff!important; background:var(--native-blue)!important; font-size:13px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; vertical-align:middle; }
.native-product-summary .single_add_to_cart_button:hover { background:#07176d!important; }
.native-product-summary .native-buy-now { display:block; width:100%; min-height:48px; margin:10px 0 0; padding:13px 19px; border:1px solid var(--native-blue); border-radius:0; color:var(--native-blue)!important; background:#fff!important; cursor:pointer; font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.native-product-summary .native-buy-now:hover { color:#fff!important; background:var(--native-blue)!important; }
.native-product-summary .stock { margin:0 0 15px; color:#287342; font-size:12px; font-weight:700; text-transform:uppercase; }
.native-product-summary .out-of-stock { color:#a12222; }
.native-product-accordions { margin-top:34px; border-top:1px solid #c9cbd0; }
.native-product-accordions details { border-bottom:1px solid #c9cbd0; }
.native-product-accordions summary { display:flex; min-height:57px; align-items:center; justify-content:space-between; color:#23262d; cursor:pointer; font-size:13px; font-weight:700; letter-spacing:.1em; list-style:none; text-transform:uppercase; }
.native-product-accordions summary::-webkit-details-marker { display:none; }
.native-product-accordions summary span { color:var(--native-blue); font-size:23px; font-weight:400; }
.native-product-accordions details[open] summary span { transform:rotate(45deg); }
.native-product-accordion__content { padding:0 0 21px; color:#4c4f57; font-size:14px; line-height:1.6; }
.native-product-accordion__content p { margin:0 0 10px; }
.native-product-accordion__content p:last-child { margin-bottom:0; }
.native-product-related { padding:65px 0 74px; background:#f6f6f3; }
.native-product-related h2 { margin:0 0 30px; color:#23262d; font-size:17px; font-weight:700; letter-spacing:.1em; text-align:center; text-transform:uppercase; }
.native-product-related .related.products { margin:0; }
.native-product-related .related.products>h2 { display:none; }
.native-product-related ul.products { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; margin:0!important; padding:0!important; }
.native-product-related ul.products::before,.native-product-related ul.products::after { display:none; }
.native-product-related ul.products li.product { width:auto!important; margin:0!important; padding:0; }
.native-product-related ul.products li.product a img { width:100%; aspect-ratio:1/1; margin:0 0 13px!important; object-fit:contain; background:#fff; }
.native-product-related ul.products li.product .woocommerce-loop-product__title { min-height:2.5em; margin:0 0 8px; color:#242730; font-size:14px; font-weight:700; line-height:1.25; }
.native-product-related ul.products li.product .price { margin:0 0 14px; color:var(--native-blue); font-size:13px; }
.native-product-related ul.products li.product .button { display:block; width:100%; margin:0; padding:10px 8px; border-radius:0; color:#fff!important; background:var(--native-blue); font-size:10px; font-weight:700; letter-spacing:.08em; text-align:center; text-transform:uppercase; }
.native-product-promo { color:#fff; background:#1671d9; }
.native-product-promo__inner { display:flex; min-height:156px; width:min(calc(100% - 48px),1120px); margin:0 auto; align-items:center; justify-content:center; gap:36px; padding:28px 0; }
.native-product-promo p { margin:0; font-size:clamp(20px,2.5vw,32px); font-weight:500; line-height:1.1; }
.native-product-promo a { display:inline-flex; min-height:44px; align-items:center; justify-content:center; padding:13px 22px; border-radius:0; color:#1671d9!important; background:#fff; font-size:12px; font-weight:700; letter-spacing:.08em; white-space:nowrap; }
.native-product-promo a:hover { color:#fff!important; background:#0b2b73; }
@media (max-width:900px) { .native-product-shell { width:min(calc(100% - 40px),720px); } .native-product-layout { grid-template-columns:1fr; gap:38px; padding-bottom:60px; } .native-product-summary { padding-top:0; } .native-product-gallery .woocommerce-product-gallery__image img { max-height:620px; } .native-product-related ul.products { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px) { .native-top-banner { min-height:31px; padding:6px 12px 5px; font-size:9px; } .native-product-shell { width:calc(100% - 32px); } .native-product-breadcrumbs { padding:14px 0 18px; font-size:9px; } .native-product-layout { gap:30px; } .native-product-gallery .flex-control-thumbs { grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; } .native-product-summary .product_title { font-size:30px; } .native-product-summary .price { font-size:17px; } .native-product-summary form.cart .variations tr { margin-bottom:18px; } .native-product-summary .native-variation-buttons { grid-template-columns:repeat(3,minmax(0,1fr)); } .native-product-summary .single_add_to_cart_button { width:calc(100% - 67px); padding-inline:8px; font-size:11px; } .native-product-related { padding:47px 0 54px; } .native-product-related ul.products { gap:16px 10px; } .native-product-related ul.products li.product .woocommerce-loop-product__title { font-size:12px; } .native-product-promo__inner { min-height:205px; flex-direction:column; gap:20px; padding:35px 14px; text-align:center; } .native-product-promo p { font-size:24px; } .native-product-promo a { width:100%; max-width:280px; font-size:10px; } }

/* Native shop and category archive. */
.native-catalog-page { color:#252832; background:#fff; }
.native-catalog-shell { width:min(calc(100% - 64px),1440px); margin:0 auto; }
.native-catalog-breadcrumbs { padding:22px 0 31px; color:#696d75; font-size:11px; text-transform:uppercase; }
.native-catalog-breadcrumbs span { margin:0 8px; }
.native-catalog-header { padding:0 0 45px; text-align:center; }
.native-catalog-header h1 { margin:0; color:#181b25; font-size:clamp(32px,3.6vw,52px); font-weight:700; line-height:1; letter-spacing:.02em; text-transform:uppercase; }
.native-catalog-toolbar { display:grid; grid-template-columns:1fr auto 1fr; min-height:56px; align-items:center; margin:0 0 27px; border-top:1px solid #e3e4e6; border-bottom:1px solid #e3e4e6; }
.native-catalog-filter { position:relative; justify-self:start; }
.native-catalog-filter summary { display:flex; min-height:55px; align-items:center; gap:9px; color:#22252d; cursor:pointer; font-size:12px; font-weight:700; letter-spacing:.08em; list-style:none; text-transform:uppercase; }
.native-catalog-filter summary::-webkit-details-marker { display:none; }
.native-catalog-filter__icon { font-size:13px; line-height:1; transform:rotate(90deg); }
.native-catalog-filter__menu { position:absolute; z-index:5; top:55px; left:0; display:grid; min-width:225px; gap:0; padding:8px 0; border:1px solid #d8d9dc; background:#fff; box-shadow:0 10px 28px rgba(14,16,41,.11); }
.native-catalog-filter__menu a { padding:10px 15px; color:#33363d; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.native-catalog-filter__menu a:hover,.native-catalog-filter__menu a.is-active { color:var(--native-blue); background:#f4f5f6; }
.native-catalog-count { justify-self:center; color:#555962; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.native-catalog-count .woocommerce-result-count { float:none; margin:0; }
.native-catalog-ordering { justify-self:end; }
.native-catalog-ordering .woocommerce-ordering { float:none; margin:0; }
.native-catalog-ordering select { min-width:190px; min-height:39px; padding:8px 32px 8px 12px; border:1px solid #c7c9ce; border-radius:0; color:#2b2e36; background:#fff; font-size:12px; }
.native-catalog-page .woocommerce-breadcrumb,.native-catalog-page .woocommerce-notices-wrapper { display:none; }
.native-catalog-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:55px 24px; margin:0!important; padding:0 0 74px!important; list-style:none; }
.native-catalog-grid::before,.native-catalog-grid::after { display:none!important; }
.native-catalog-card { display:flex; min-width:0; width:auto!important; height:100%; flex-direction:column; margin:0!important; }
.native-catalog-card__media { position:relative; display:block; aspect-ratio:1/1; overflow:hidden; background:#f5f5f3; }
.native-catalog-card__image { position:absolute; inset:0; display:block; transition:opacity .28s ease,transform .35s ease; }
.native-catalog-card__image img { width:100%; height:100%; object-fit:contain; image-rendering:auto; }
.native-catalog-card__image--two { opacity:0; }
.native-catalog-card:hover .native-catalog-card__image--one { opacity:0; }
.native-catalog-card:hover .native-catalog-card__image--two { opacity:1; }
.native-catalog-card__meta { display:flex; flex:1; padding-top:14px; flex-direction:column; align-items:flex-start; }
.native-catalog-card__meta h2 { width:100%; height:2.5em; overflow:hidden; margin:0 0 7px; color:#171a23; font-size:15px; font-weight:700; line-height:1.25; }
.native-catalog-card__meta h2 a:hover { color:var(--native-blue); }
.native-catalog-card__price { width:100%; height:1.5em; overflow:hidden; margin:0 0 14px; color:var(--native-blue); font-size:13px; font-weight:700; line-height:1.5; }
.native-catalog-card__price del { margin-right:4px; color:#757981; font-weight:400; }
.native-catalog-card__button { display:inline-flex; min-height:34px; align-items:center; justify-content:center; padding:9px 13px; border:1px solid var(--native-blue); border-radius:0; color:var(--native-blue)!important; background:#fff; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.native-catalog-card__button:hover { color:#fff!important; background:var(--native-blue); }
.native-catalog-load-more { padding:2px 0 78px; text-align:center; }
.native-catalog-load-more a { display:inline-flex; min-width:172px; min-height:48px; align-items:center; justify-content:center; padding:14px 27px; border:1px solid #20242c; color:#20242c!important; background:#fff; font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; transition:color .2s ease,background .2s ease; }
.native-catalog-load-more a:hover { color:#fff!important; background:#20242c; }
.native-catalog-load-more a.is-loading { cursor:wait; opacity:.62; pointer-events:none; }
.native-catalog-empty { min-height:300px; padding:70px 0; text-align:center; }
@media (max-width:900px) { .native-catalog-shell { width:min(calc(100% - 40px),720px); } .native-catalog-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:42px 16px; } }
@media (max-width:600px) { .native-catalog-shell { width:calc(100% - 32px); } .native-catalog-breadcrumbs { padding:15px 0 25px; font-size:9px; } .native-catalog-header { padding-bottom:30px; } .native-catalog-header h1 { font-size:34px; } .native-catalog-toolbar { grid-template-columns:1fr auto; min-height:50px; margin-bottom:18px; } .native-catalog-filter summary { min-height:49px; font-size:10px; } .native-catalog-filter__menu { top:49px; min-width:190px; } .native-catalog-count { display:none; } .native-catalog-ordering select { min-width:145px; font-size:10px; } .native-catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:33px 12px; padding-bottom:52px!important; } .native-catalog-card__meta { padding-top:10px; } .native-catalog-card__meta h2 { font-size:12px; } .native-catalog-card__price { font-size:11px; } .native-catalog-card__button { min-height:31px; padding:8px 9px; font-size:9px; } .native-catalog-load-more { padding:0 0 52px; } .native-catalog-load-more a { width:100%; min-height:45px; } }

/* Final scent carousel overrides. Keep these after the legacy responsive rules. */
.native-scent-section { position:relative; }
.native-scent-section__body { width:min(100%,1440px); margin:0 auto; padding:0 0 12px; }
.native-scent-grid { grid-auto-flow:column; grid-auto-columns:336px; gap:16px; width:max-content; margin-left:0; }
.native-scent-card { position:relative; width:auto; min-height:650px; padding:0!important; border-radius:6px; background:transparent!important; perspective:1400px; }
.native-scent-card__flipper { position:relative; width:100%; height:100%; min-height:650px; transform-style:preserve-3d; transition:transform .6s cubic-bezier(.2,.7,.2,1); }
.native-scent-card:hover .native-scent-card__flipper,.native-scent-card.is-flipped .native-scent-card__flipper { transform:rotateY(180deg); }
.native-scent-card__face { position:absolute; inset:0; display:flex; overflow:hidden; flex-direction:column; border-radius:6px; backface-visibility:hidden; -webkit-backface-visibility:hidden; }
.native-scent-card__face--front { padding:12px; color:var(--native-ink); background:#fff; }
.native-scent-card__face--front .native-scent-card__media { flex:0 0 auto; width:100%; aspect-ratio:29/39; }
.native-scent-card__face--front .native-scent-card__body { min-height:0; padding:16px 0 0; }
.native-scent-card__face--front .native-scent-card__body h3 { min-height:62px; margin-bottom:10px; font-size:30px; }
.native-scent-card__face--front .native-scent-card__body p { min-height:64px; font-size:15px; }
.native-scent-card__face--back { z-index:2; align-items:center; justify-content:center; padding:38px 26px; color:#fff; background:var(--native-blue); transform:rotateY(180deg); text-align:center; }
.native-scent-card__back-title { max-width:100%; margin:0 0 28px; color:#fff; font-size:27px; font-weight:500; line-height:1.1; text-transform:uppercase; }
.native-scent-card__list { width:100%; margin:0; padding:0; list-style:none; }
.native-scent-card__list li { margin:0 0 14px; color:#fff; font-size:14px; font-weight:700; line-height:1.25; text-transform:uppercase; }
.native-scent-card__list li:last-child { margin-bottom:0; font-size:12px; letter-spacing:.08em; }
.native-scent-card__face--back .native-scent-card__button { width:100%; margin-top:32px; border:1px solid #fff; background:#fff; color:var(--native-blue)!important; }
.native-scent-card__face--back .native-scent-card__button:hover { background:transparent; color:#fff!important; }
.native-scent-carousel-controls { display:flex; align-items:center; justify-content:center; gap:26px; margin:22px auto 0; }
.native-scent-carousel__arrow { display:grid; width:42px; height:42px; place-items:center; padding:0; border:1px solid var(--native-blue); border-radius:50%; color:var(--native-blue); background:transparent; cursor:pointer; font-size:22px; line-height:1; }
.native-scent-carousel__arrow:hover { color:#fff; background:var(--native-blue); }
.native-scent-carousel__dots { display:flex; align-items:center; gap:8px; }
.native-scent-carousel__dot { width:8px; height:8px; margin:0; padding:0; border:0; border-radius:50%; background:#b3b8c1; cursor:pointer; }
.native-scent-carousel__dot.is-active { background:var(--native-blue); transform:scale(1.35); }
@media (max-width:719px) {
    .native-scent-section__body { width:100%; padding:0 24px 10px; }
    .native-scent-grid { grid-auto-columns:calc((100vw - 56px) / 1.2); gap:16px; }
    .native-scent-card { min-height:560px; }
    .native-scent-card__flipper { min-height:560px; }
    .native-scent-card__face--front .native-scent-card__body h3 { font-size:27px; }
    .native-scent-carousel-controls { margin-top:18px; }
    .native-scent-carousel__arrow { width:36px; height:36px; font-size:18px; }
}
@media (min-width:720px) and (max-width:1199px) {
    .native-scent-grid { grid-auto-columns:calc((100vw - 64px) / 3.2); }
}

/* Keep the first card and its copy fully inside the carousel viewport. */
.native-scent-section__body { overflow-x:auto; overflow-y:hidden; }
.native-scent-grid { padding-left:0; }
.native-scent-card__face--front .native-scent-card__body,
.native-scent-card__face--front .native-scent-card__body h3,
.native-scent-card__face--front .native-scent-card__body p,
.native-scent-card__face--front .native-scent-card__button { width:100%; min-width:0; max-width:100%; overflow-wrap:break-word; white-space:normal; }
.native-scent-card__face--front .native-scent-card__body h3 { font-size:clamp(23px,2vw,30px); line-height:1.08; text-align:center; }
.native-scent-card__face--front .native-scent-card__body p { line-height:1.3; text-align:center; }
@media (max-width:719px) {
    .native-scent-card__face--front .native-scent-card__body h3 { font-size:27px; }
}

/* Match the reference carousel framing: full-width rail, large cards, side arrows. */
.native-scent-section__body { width:100%; max-width:none; }
.native-scent-grid { grid-auto-columns:clamp(300px,16.25vw,410px); gap:clamp(52px,3.65vw,92px); margin-left:clamp(-72px,-2.9vw,-40px); }
.native-scent-carousel-controls { position:absolute; z-index:5; top:50%; right:14px; left:14px; display:flex; justify-content:space-between; margin:0; pointer-events:none; transform:translateY(-50%); }
.native-scent-carousel__arrow { width:34px; height:34px; border:0; color:#707780; background:rgba(255,255,255,.92); box-shadow:0 1px 5px rgba(20,25,40,.12); pointer-events:auto; font-size:21px; }
.native-scent-carousel__dots { display:none; }
.native-scent-section__footer { margin-top:12px; padding-top:14px; border-top:0; }
.native-scent-section__footer .native-button { min-width:170px; min-height:32px; padding:8px 16px; font-size:11px; }
@media (max-width:719px) {
    .native-scent-section__body { padding:0 24px 10px; }
    .native-scent-grid { grid-auto-columns:calc((100vw - 48px) / 1.2); gap:16px; margin-left:-44px; }
    .native-scent-carousel-controls { right:8px; left:8px; }
    .native-scent-carousel__arrow { width:32px; height:32px; }
}

/* Static scent cards: carousel only, with no front/back flip. */
.native-scent-card { display:flex!important; width:clamp(300px,16.25vw,410px); min-height:0; height:auto!important; padding:12px!important; border-radius:6px; background:#fff!important; perspective:none; }
.native-scent-card__media { flex:0 0 auto; }
.native-scent-card__body { display:flex!important; visibility:visible!important; min-height:190px; flex:1 1 auto; opacity:1!important; }
.native-scent-card__body h3 { width:100%; min-width:0; max-width:100%; min-height:62px; font-size:clamp(23px,2vw,30px); overflow-wrap:break-word; white-space:normal; }
.native-scent-card__body p { width:100%; min-width:0; max-width:100%; min-height:64px; overflow-wrap:break-word; white-space:normal; }
.native-scent-card__button { width:100%; min-width:0; max-width:100%; }
@media (max-width:719px) {
    .native-scent-card { width:calc((100vw - 48px) / 1.2); }
    .native-scent-card__body { min-height:180px; }
}

/* Leave breathing room at both edges while preserving the sliding rail. */
.native-scent-section__body { padding-right:64px; padding-left:64px; }
.native-scent-grid { margin-left:0; }
.native-scent-carousel-controls { right:24px; left:24px; }
@media (max-width:719px) {
    .native-scent-section__body { padding-right:20px; padding-left:20px; }
    .native-scent-carousel-controls { right:8px; left:8px; }
}

/* Checkout: customer details on the left, order and payment on the right. */
@media (min-width:901px) {
    body.woocommerce-checkout form.checkout {
        display:grid;
        grid-template-columns:minmax(0,1fr) minmax(430px,.95fr);
        grid-template-rows:auto 1fr;
        align-items:start;
        gap:0 38px;
    }
    body.woocommerce-checkout form.checkout::before,
    body.woocommerce-checkout form.checkout::after { display:none; }
    body.woocommerce-checkout form.checkout>.woocommerce-NoticeGroup,
    body.woocommerce-checkout form.checkout>.woocommerce-error,
    body.woocommerce-checkout form.checkout>.woocommerce-info { grid-column:1/-1; }
    body.woocommerce-checkout form.checkout>.col2-set {
        grid-column:1;
        grid-row:1/span 2;
        width:100%;
        margin:0;
    }
    body.woocommerce-checkout form.checkout>.col2-set .col-1,
    body.woocommerce-checkout form.checkout>.col2-set .col-2 {
        float:none;
        width:100%;
        margin:0;
    }
    body.woocommerce-checkout form.checkout>.col2-set .col-2 { padding-top:28px; }
    body.woocommerce-checkout form.checkout>#order_review_heading {
        grid-column:2;
        grid-row:1;
        width:100%;
        margin:0;
        padding:28px 30px 18px;
        color:#152238;
        background:#fff;
        font-size:18px;
        font-weight:700;
        text-transform:uppercase;
    }
    body.woocommerce-checkout form.checkout>#order_review {
        grid-column:2;
        grid-row:2;
        width:100%;
        margin:0;
        padding:0 30px 30px;
        border:0;
        background:#fff;
    }
    body.woocommerce-checkout #order_review table.shop_table {
        margin:0 0 24px;
        border:0;
        background:#fff;
    }
    body.woocommerce-checkout #order_review table.shop_table th,
    body.woocommerce-checkout #order_review table.shop_table td { padding:18px 16px; }
    body.woocommerce-checkout #payment {
        border:1px solid #dfe2e8;
        border-radius:0;
        background:#fff;
    }
    body.woocommerce-checkout #payment div.form-row { padding:20px; }
    body.woocommerce-checkout #place_order {
        float:none;
        width:100%;
        min-height:48px;
    }
}
