/* SELECT public storefront: editorial photography and clear comparison. */
:root{--select-accent:#334b40;--select-soft:#edf1eb;--select-ink:#222a26;--select-muted:#707a74;--select-line:#e5e8e2;--select-paper:#fbfcf9;--select-radius:12px}
body:not(.is-admin):not(.account-body){background:var(--select-paper);color:var(--select-ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
[hidden]{display:none!important}a,button,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #4f806c;outline-offset:3px}
.select-announcement{background:#eef1eb;color:#526054;text-align:center;font-size:11px;padding:7px 16px;letter-spacing:.08em}.select-announcement span{margin-left:20px;font-size:10px;color:#687368}
.select-header.topbar{position:relative;display:grid;grid-template-columns:270px minmax(180px,480px) 1fr;gap:30px;align-items:center;max-width:none;height:88px;padding:16px max(24px,calc((100vw - 1280px)/2));margin:0;border:0;border-bottom:1px solid var(--select-line);background:#fff;color:var(--select-ink);box-shadow:none}
.select-header .select-brand{display:flex;flex-direction:column;align-items:flex-start;gap:6px;white-space:nowrap;color:var(--select-ink);font-size:22px;line-height:1.1;text-decoration:none;letter-spacing:.1em}.select-brand strong{font-weight:800}.select-header .select-brand small{font-size:8px;letter-spacing:.15em;color:#7c857e;font-weight:500}
.select-header .select-search{position:relative;display:flex;width:100%;max-width:480px;height:44px;background:#f4f6f1;border:1px solid #e6e9e1;border-radius:6px;margin:0;color:var(--select-ink)}.select-search input{width:100%;background:none;border:0;min-width:0;padding:10px 44px 10px 14px;font:inherit;font-size:13px;outline-offset:0}.select-search button{position:absolute;right:0;top:0;bottom:0;width:44px;background:none;border:0;color:#43594c;display:grid;place-items:center}.select-search svg,.select-actions svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5}
.select-actions{display:flex;gap:26px;justify-content:flex-end}.select-actions a{display:flex;gap:6px;align-items:center;flex-direction:column;text-decoration:none;color:#35463b;font-size:10px;white-space:nowrap}.select-actions a:hover{color:#678b6b}
.select-nav{display:flex;justify-content:center;gap:28px;background:#fff;border-bottom:1px solid var(--select-line);padding:14px 24px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.select-nav a{font-size:12px;color:#566056;text-decoration:none}.select-nav a:hover{text-decoration:underline;text-underline-offset:5px}
body:not(.is-admin) .view{max-width:1280px;padding:30px 24px 130px;margin:0 auto}body:not(.is-admin) .seo-main{padding-top:28px}
.select-home{max-width:none;margin:0 0 35px}.select-hero{position:relative;overflow:hidden;min-height:470px;background:#e9ede5;border-radius:3px}.select-hero picture{position:absolute;inset:0}.select-hero img{width:100%;height:100%;object-fit:cover;object-position:65% 50%}.select-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,248,242,.95),rgba(247,248,242,.78) 29%,rgba(247,248,242,.03) 58%);pointer-events:none}
.select-hero-copy{position:relative;z-index:1;padding:74px 54px 70px;width:55%;max-width:650px}.select-kicker{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--select-accent);margin:0 0 20px;line-height:1.6}.select-hero h1{margin:0 0 24px;font-size:clamp(32px,3.7vw,50px);line-height:1.55;letter-spacing:.04em;font-weight:750;color:#233428}.select-hero-desc{font-size:14px;line-height:2.1;max-width:380px;color:#526051;margin:0 0 32px}.select-hero-buttons{display:flex;align-items:center;gap:26px}.select-primary{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--select-accent);border:1px solid var(--select-accent);border-radius:4px;color:#fff!important;padding:15px 23px;font-size:12px;font-weight:700;text-decoration:none;line-height:1.3;cursor:pointer;transition:background .15s,transform .15s}.select-primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.select-primary span{font-size:19px}.select-text-link{font-size:12px;text-decoration:none;color:#3a493d;font-weight:600}.select-hero-caption{position:absolute;z-index:1;right:25px;bottom:18px;color:#f7f8f2;font-size:8px;letter-spacing:.18em;text-shadow:0 1px 3px #333}
.select-benefits{display:flex;justify-content:center;gap:68px;padding:22px 12px;border-bottom:1px solid var(--select-line);color:#61705f;font-size:12px}.select-benefits b{font-size:11px;font-weight:500;margin-right:13px;color:#8c9d88}
.select-section{margin:66px 0}.select-section-head{display:flex;gap:20px;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.select-section-head .select-kicker{margin-bottom:8px}.select-section h2,.select-save h2{font-size:25px;letter-spacing:.03em;line-height:1.6;font-weight:700;margin:0}.select-section-head>a{font-size:12px;text-decoration:none;color:var(--select-accent);white-space:nowrap;padding-bottom:5px}
.select-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.select-category{position:relative;display:block;color:var(--select-ink);font-size:12px;text-decoration:none;line-height:1.5;font-weight:600}.select-category-photo{height:140px;margin-bottom:13px;background:#f0f2ed;border-radius:7px;overflow:hidden;display:grid;place-items:center}.select-category-photo img{width:100%;height:100%;object-fit:contain;padding:15px;mix-blend-mode:multiply;transition:transform .25s}.select-category:hover img{transform:scale(1.06)}.select-category-photo>span{font-size:48px;color:#9aab98;font-weight:400}.select-category>b{float:right;font-size:15px;font-weight:400;color:#72876f}
.select-finder{display:grid;grid-template-columns:1fr 1.35fr;gap:60px;background:var(--select-soft);border:0;border-radius:8px;padding:38px 45px}.select-finder .select-kicker{margin-bottom:12px}.select-finder p:not(.select-kicker){font-size:12px;line-height:2;color:#62735f;margin:16px 0 0}.select-finder-form{display:grid;grid-template-columns:1fr 1fr;gap:17px;align-items:end}.select-finder-form label{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#60745b;font-weight:600}.select-finder-form select{min-width:0;width:100%;height:46px;border:1px solid #d7ddd0;border-radius:4px;background:#fff;color:#34482f;padding:8px 12px;font:inherit;font-size:12px}.select-finder-form button{height:46px;padding:12px}
.select-products{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.select-product{min-width:0;display:flex;flex-direction:column}.select-product>a{text-decoration:none;color:inherit;flex:1}.select-product-photo{height:180px;background:#f2f4ee;border-radius:7px;overflow:hidden;display:grid;place-items:center;margin-bottom:14px}.select-product-photo img{height:100%;width:100%;object-fit:contain;padding:15px;mix-blend-mode:multiply;transition:transform .25s}.select-product:hover img{transform:scale(1.04)}.select-product-label{font-size:9px;color:#7c8578}.select-product h3{font-size:12px;line-height:1.7;font-weight:500;margin:9px 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:61px}.select-product b{font-size:17px;letter-spacing:.02em;display:block}.select-product small{display:block;font-size:9px;margin:7px 0 14px;color:#86907f}.select-product .cmp-btn{position:static;height:32px;border:1px solid #dfe5d8;border-radius:4px;font-size:10px;background:transparent;color:#62745b;padding:7px;cursor:pointer}.select-product .cmp-btn[aria-pressed=true]{background:var(--select-accent);color:white;border-color:var(--select-accent)}
.select-story{display:grid;grid-template-columns:1.1fr 1fr;background:#f0f3ed;border-radius:8px;overflow:hidden;min-height:350px}.select-story-photo img{width:100%;height:100%;object-fit:cover;display:block}.select-story-copy{padding:50px 46px;align-self:center}.select-story-copy h2{font-size:29px;line-height:1.8}.select-story-copy p:not(.select-kicker){font-size:12px;line-height:2.2;color:#67765f;margin:16px 0 27px;max-width:370px}.select-journal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.select-journal>a{padding:27px;border:1px solid #e1e6dc;border-radius:7px;background:#fff;color:#35432f;text-decoration:none}.select-journal-tag{display:inline-block;color:#62795b;background:#eff3ea;border-radius:3px;padding:5px 8px;font-size:10px;margin-bottom:14px}.select-journal h3{font-size:16px;line-height:1.8;margin:0 0 12px}.select-journal p{font-size:12px;line-height:1.9;color:#84907d;margin:0 0 22px}.select-journal a:hover{border-color:#95ad89}
.select-save{display:flex;justify-content:space-between;align-items:center;gap:40px;background:#edf2e8;border-radius:8px;padding:42px 46px}.select-save .select-kicker{margin-bottom:10px}.select-save p:not(.select-kicker){font-size:12px;line-height:2;color:#6e7d64;margin:15px 0 0}.select-shortcuts{display:flex;gap:30px;justify-content:center;padding:24px 0;border-bottom:1px solid var(--select-line)}.select-shortcuts a{font-size:11px;color:#72836a;text-decoration:none}.select-image-note{font-size:10px;color:#899181;line-height:1.9;margin:18px 0}
body:not(.is-admin) .search-head{padding:0;margin:0 0 25px}body:not(.is-admin) .search-box{border-radius:7px;border:1px solid var(--select-line);box-shadow:none;background:#fff}body:not(.is-admin) .search-reading{font-size:11px;color:#809078}body:not(.is-admin) .search-reading a{color:#75876d}body:not(.is-admin) .search-head:has(+.select-home:not([hidden])){display:none}body:not(.is-admin) .search-head:has(+.select-home:not([hidden]))~.shop{margin-top:28px}
body:not(.is-admin) .shop{gap:28px;grid-template-columns:230px 1fr}body:not(.is-admin) .side{border:1px solid var(--select-line);border-radius:8px;background:#fff;padding:18px;box-shadow:none;align-self:start}body:not(.is-admin) .side h3{font-size:12px;font-weight:700;color:#374b30}.side .sb{border-color:#edf0e7;padding:16px 0}.side .sb:first-child{padding-top:0}body:not(.is-admin) .sl-item[aria-pressed=true]{background:#edf3e6;color:#365c27;border-radius:5px}body:not(.is-admin) .side .sl-item{font-size:11px;padding:8px 6px}.side .sl-check{font-size:11px;gap:7px}.side input[type=checkbox]{accent-color:#49653b}.side .row2 input{width:100%;min-width:0}.side .pick{gap:5px}.side .pick button{font-size:10px;padding:6px 5px}
body:not(.is-admin) .list{grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}body:not(.is-admin) .card{border:1px solid #e3e8da;border-radius:8px;box-shadow:none;background:#fff;overflow:hidden}body:not(.is-admin) .card .thumb{background:#f2f4ee;aspect-ratio:1/1}body:not(.is-admin) .card .thumb img{padding:14px;mix-blend-mode:multiply;object-fit:contain}body:not(.is-admin) .card .body{padding:13px 13px 9px}.card .title{font-size:12px;line-height:1.8}.card .price{font-size:18px}.card .cmp-btn{font-size:10px;min-height:32px}.toolbar{padding:14px 0}.toolbar .sort{font-size:12px;border-radius:5px}.activef{gap:6px}.activef button{font-size:11px;border:1px solid #dce7d4;background:#f0f5e9;color:#49683b;border-radius:20px;padding:7px 11px}.select-quick-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.select-quick-filters button{border:1px solid #e0e6d7;background:#fff;color:#5c7250;border-radius:20px;padding:9px 13px;font-size:11px;cursor:pointer}.select-quick-filters button[aria-pressed=true]{background:#354f2b;color:#fff;border-color:#354f2b}
.select-compare-tray{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:90;display:flex;align-items:center;gap:18px;padding:12px 17px;background:#243823;color:white;border:1px solid #526b40;border-radius:9px;box-shadow:0 7px 28px #24382330;max-width:calc(100vw - 32px)}.select-compare-tray>div{font-size:12px;white-space:nowrap}.select-compare-tray small{font-size:10px;color:#c5d1bd;display:block;margin-top:4px}.select-compare-tray a{color:#243823;background:#eaf2dd;padding:12px 18px;border-radius:5px;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.select-compare-tray button{border:0;background:none;color:#dbe6d1;cursor:pointer;font-size:11px;white-space:nowrap}.select-diff-control{display:flex;gap:14px;align-items:center;margin:20px 0;font-size:12px;color:#5b7150}.select-diff-control input{accent-color:#49653b;width:16px;height:16px}.compare-wrap.only-differences tr:not(.different):not(:nth-child(-n+4)):not(:last-child){display:none}.compare-wrap{border:1px solid #dee7d4;border-radius:8px}.compare th{background:#eff4e7;font-size:11px}.compare tr.different{background:#fbfdf7}.compare td{font-size:12px}.compare .go-btn{background:#354f2b;border-radius:4px}.select-close-filter{position:absolute;right:20px;top:16px;background:#eff3e9;border:0;border-radius:50%;height:36px;width:36px;font-size:20px;cursor:pointer}.sheet>h2{padding-right:42px}.sheet-actions{position:sticky;bottom:0;background:#fff;border-top:1px solid #e4ebda;padding:16px 0 calc(12px + env(safe-area-inset-bottom));margin-top:22px}.sheet .form>label{font-size:12px}.sheet .form input,.sheet .form select{border-color:#dbe5d3;border-radius:5px}.sheet .btn.yellow{background:#354f2b;color:#fff}.sheet .handle{background:#cad7bd}.tabbar{background:#fff;border-color:#e0e8d5}.tabbar a{color:#799167}.tabbar a.on{color:#2f4e22}.credit{font-size:10px;line-height:1.9;color:#8a9580;margin-top:35px}.credit a{color:#728864}.select-price-watch{border:1px solid #dce6d2;border-radius:7px;background:#f6f9f0;padding:22px;margin:20px 0}.select-price-watch h2{font-size:17px;margin:0 0 10px}.select-price-watch p{font-size:12px;line-height:1.9;color:#6b805c}.select-price-watch form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.select-price-watch label{display:flex;flex-direction:column;gap:8px;font-size:11px}.select-price-watch input{border:1px solid #cbdcbd;border-radius:4px;padding:12px;width:180px}.select-price-watch button{padding:12px 18px}.select-price-watch .watch-status{font-size:11px;margin-top:12px}
@media(min-width:901px){body:not(.is-admin) .tabbar{display:none}}
@media(max-width:1100px){.select-header.topbar{grid-template-columns:220px 1fr auto;gap:20px}.select-actions{gap:17px}.select-nav{gap:20px;justify-content:flex-start}.select-hero-copy{padding:60px 36px}.select-hero{min-height:420px}.select-products{grid-template-columns:repeat(3,minmax(0,1fr))}.select-product-photo{height:200px}.select-benefits{gap:35px}body:not(.is-admin) .list{grid-template-columns:repeat(3,minmax(0,1fr))}.select-finder{gap:25px;padding:35px}.select-story-copy{padding:30px}}
@media(max-width:900px){body:not(.is-admin) .shop{display:block}body:not(.is-admin) .side{display:none}.select-header.topbar{grid-template-columns:1fr auto;gap:15px;height:auto;padding:17px 22px}.select-header .select-search{grid-column:1/-1;grid-row:2;max-width:none}.select-header .select-brand{font-size:20px}.select-actions a span{font-size:9px}.select-nav{padding:12px 22px}.select-benefits{font-size:10px;gap:23px}.select-compare-tray{bottom:calc(74px + env(safe-area-inset-bottom))}.select-category-grid{gap:14px}.select-category-photo{height:110px}.select-journal{gap:15px}.select-journal>a{padding:20px}.select-finder{grid-template-columns:1fr 1.3fr}.select-finder h2{font-size:22px}.select-story-copy h2{font-size:24px}}
@media(max-width:700px){body:not(.is-admin) .view{padding:18px 16px 110px}.select-announcement{font-size:9px;padding:6px 10px}.select-announcement span{margin-left:12px;font-size:8px}.select-header.topbar{padding:15px 16px;gap:14px}.select-header .select-brand{font-size:18px}.select-brand small{font-size:7px!important;letter-spacing:.09em!important}.select-actions{gap:15px}.select-actions a span{display:none}.select-actions svg{width:20px;height:20px}.select-nav{padding:12px 16px;gap:22px}.select-nav a{font-size:11px}.select-search input{font-size:12px}.select-hero{min-height:530px}.select-hero img{object-position:66% 100%;height:65%;position:absolute;bottom:0}.select-hero:after{background:linear-gradient(180deg,#f5f6ef 0%,rgba(245,246,239,.98) 23%,rgba(245,246,239,.82) 38%,rgba(245,246,239,.02) 68%)}.select-hero-copy{padding:30px 26px;width:100%;max-width:none}.select-hero h1{font-size:30px;line-height:1.6;margin-bottom:13px}.select-hero .select-kicker{font-size:9px;margin-bottom:12px}.select-hero-desc{font-size:12px;line-height:1.9;max-width:320px;margin-bottom:21px}.select-hero-buttons{gap:20px}.select-primary{font-size:11px;padding:13px 17px;gap:15px}.select-text-link{font-size:11px}.select-hero-caption{font-size:7px;right:15px;bottom:13px}.select-benefits{gap:0;justify-content:space-between;padding:17px 0;font-size:9px}.select-benefits b{margin-right:5px;font-size:9px}.select-section{margin:42px 0}.select-section-head{margin-bottom:20px;gap:10px}.select-section-head .select-kicker{font-size:8px;margin-bottom:7px}.select-section h2,.select-save h2{font-size:20px;line-height:1.65}.select-section-head>a{font-size:10px;white-space:normal;text-align:right}.select-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px 13px}.select-category-photo{height:110px;margin-bottom:10px}.select-category{font-size:11px}.select-category-photo img{padding:13px}.select-category>b{font-size:13px}.select-finder{display:block;padding:25px}.select-finder h2 br{display:none}.select-finder p:not(.select-kicker){margin-top:10px;font-size:11px}.select-finder p br{display:none}.select-finder-form{gap:15px;margin-top:24px}.select-finder-form label{font-size:10px}.select-finder-form select{font-size:11px;height:44px;padding:8px}.select-finder-form button{height:44px;font-size:10px}.select-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.select-product-photo{height:160px}.select-product h3{font-size:11px;min-height:57px}.select-product-label{font-size:9px}.select-product b{font-size:16px}.select-story{display:flex;flex-direction:column}.select-story-photo{height:230px}.select-story-copy{padding:29px}.select-story-copy h2{font-size:23px}.select-story-copy p:not(.select-kicker){font-size:11px}.select-journal{grid-template-columns:1fr;gap:12px}.select-journal>a{padding:22px}.select-journal h3{font-size:15px;margin-bottom:8px}.select-journal p{font-size:11px;margin-bottom:12px}.select-journal-tag{font-size:9px;margin-bottom:12px}.select-save{display:block;padding:28px}.select-save p:not(.select-kicker){font-size:11px}.select-save>a{margin-top:22px}.select-shortcuts{flex-direction:column;gap:16px;padding:25px 0}.select-image-note{font-size:9px}body:not(.is-admin) .list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card .body{padding:12px!important}.card .title{font-size:11px}.card .price{font-size:16px}.card .cmp-btn{font-size:10px}.select-quick-filters{gap:7px}.select-quick-filters button{font-size:10px;padding:8px 11px}.select-compare-tray{gap:12px;padding:10px 12px;max-width:calc(100vw - 20px)}.select-compare-tray>div{font-size:11px}.select-compare-tray small{font-size:9px}.select-compare-tray a{padding:11px 12px;font-size:11px}.select-compare-tray button{font-size:10px}.select-diff-control{font-size:11px}.select-price-watch{padding:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.select-header .select-brand strong{font-style:normal;transform:none}.select-home .select-hero h1 br{display:initial}.select-home .select-hero h1{word-break:keep-all;overflow-wrap:anywhere}

body:not(.is-admin) .select-home:not([hidden])~.shop,body:not(.is-admin) .select-home:not([hidden])~.scopes,body:not(.is-admin) .select-home:not([hidden])~.search-reading{display:none}.select-advanced{border:1px solid #e0e7d7;padding:14px;border-radius:7px;margin-top:12px}.select-advanced summary{font-size:12px;font-weight:600;color:#4b6840;cursor:pointer}.select-advanced[open] summary{margin-bottom:18px}

@media(max-width:900px){body:not(.is-admin) .toolbar{position:sticky;top:0;z-index:20;background:var(--select-paper);border-bottom:1px solid var(--select-line);padding:12px 0}.select-price-watch input{width:155px}}

.select-photo-credit{display:block;padding:10px 14px;color:#687067;font-size:11px}.select-photo-credit a{color:inherit;text-underline-offset:3px}
