/* Nooit Oud — SWELL CHILD
   Layout: fixed transparent header over a single dimmed full-bleed photo; every other page is a quiet,
   square-cornered editorial page with thin rules. Ported from the "Nooit Oud" design prototype. */
:root{
  --paper:#f7f7f4;
  --ink:#161616;
  --mute:#5c5c58;
  --line:#d3d3cd;
  --stone:#e8e8e3;
  --on-photo:#ffffff;
  --sans:'Archivo','Helvetica Neue',Arial,'Noto Sans JP',sans-serif;
  --jp:'Noto Sans JP','Hiragino Sans','Yu Gothic',sans-serif;
  --gx:clamp(16px,3.2vw,48px);
  --hh:84px;
  --adm:0px;
  --ease:cubic-bezier(.2,.7,.2,1);
  color-scheme:light;
}
body.admin-bar{--adm:32px}
@media (max-width:782px){body.admin-bar{--adm:46px}}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.nooit{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased;letter-spacing:normal}
.nooit a{color:inherit;text-decoration:none}
.nooit button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;border-radius:0;box-shadow:none}
.nooit input,.nooit select,.nooit textarea{font:inherit;color:inherit;border-radius:0}
.nooit img{display:block;max-width:100%;height:auto}
.nooit :focus-visible{outline:1px solid currentColor;outline-offset:5px}
.nooit h1,.nooit h2,.nooit h3{font-weight:400;margin:0;text-wrap:balance;line-height:1.25;letter-spacing:normal}
.nooit p{margin:0}
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--ink);color:var(--paper);padding:10px 16px}
.skip:focus{left:16px;top:calc(var(--adm) + 16px)}
.g{padding-left:max(var(--gx),env(safe-area-inset-left,0px));padding-right:max(var(--gx),env(safe-area-inset-right,0px))}
.label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.jp{font-family:var(--jp)}
.mute{color:var(--mute)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.u-link{display:inline-flex;gap:28px;align-items:center;border-bottom:1px solid currentColor;padding:12px 0 7px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;transition:gap .35s var(--ease)}
.u-link:hover{gap:40px}
.btn,.nooit .button,.nooit button.button,.nooit a.button,.nooit input.button,.nooit .wc-block-components-button:not(.is-link){display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 34px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:0;font-family:var(--sans);font-size:11px;letter-spacing:.16em;font-weight:500;text-transform:uppercase;transition:background .25s,color .25s;text-decoration:none;box-shadow:none}
.btn:hover,.nooit .button:hover,.nooit .wc-block-components-button:not(.is-link):hover{background:var(--paper);color:var(--ink)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:var(--paper)}
.nooit .button:disabled,.nooit .button.disabled{background:var(--stone);color:var(--mute);border-color:var(--stone);cursor:default;opacity:1}

/* header */
.hd{position:fixed;left:0;right:0;top:var(--adm);z-index:30;height:calc(var(--hh) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);display:flex;align-items:center;justify-content:space-between;background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line);transition:background .4s,color .4s,border-color .4s}
body.photo-top .hd:not(.solid){background:transparent;color:var(--on-photo);border-color:transparent}
.logo{display:block;flex:none;font-size:0;line-height:0;color:inherit;height:70px;aspect-ratio:2.244;background:currentColor;-webkit-mask:url(img/logo-band.png) left center/contain no-repeat;mask:url(img/logo-band.png) left center/contain no-repeat}
.logo.full{aspect-ratio:1.314;-webkit-mask-image:url(img/logo-full.png);mask-image:url(img/logo-full.png);-webkit-mask-position:center;mask-position:center}
.tools{display:flex;align-items:center;gap:6px}
.ibtn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.ibtn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.2}
.ibtn .n{position:absolute;right:2px;top:6px;min-width:16px;height:16px;padding:0 4px;background:var(--ink);color:var(--paper);font-size:9px;line-height:16px;text-align:center;font-weight:500}
body.photo-top .hd:not(.solid) .ibtn .n{background:var(--on-photo);color:var(--ink)}
.ibtn .n:empty{display:none}
.menu-btn{display:flex;align-items:center;gap:14px;min-height:44px;padding-left:10px;font-size:11px;letter-spacing:.14em;font-weight:500}
.bars{display:grid;gap:6px;width:26px}
.bars i{display:block;height:1px;background:currentColor;transition:transform .3s var(--ease)}
.menu-btn:hover .bars i:nth-child(2){transform:translateX(5px)}

/* views */
#main{min-height:60svh;display:block}
.view{animation:nfade .6s ease both}
.view.pad{padding-top:calc(var(--hh) + env(safe-area-inset-top,0px))}
@keyframes nfade{from{opacity:.001}to{opacity:1}}
.js .rv{opacity:.001;transform:translateY(16px);transition:opacity .9s ease,transform .9s var(--ease)}
.js .rv.in{opacity:1;transform:none}

/* home */
.home{position:relative;height:calc(100svh - var(--adm));min-height:520px;overflow:hidden;background:#2a2a2a;color:var(--on-photo)}
.home img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;animation:drift 4.2s cubic-bezier(.16,.7,.2,1) both}
.home::after{content:"";position:absolute;inset:0;background:rgba(10,10,10,.34)}
@keyframes drift{from{transform:scale(1)}to{transform:scale(1.07)}}

/* page furniture */
.big-h{padding-block:clamp(40px,6vw,88px) clamp(28px,4vw,48px)}
.nooit .big-h h1{font-size:clamp(52px,9vw,136px);line-height:.9;letter-spacing:-.045em;font-weight:300}
.sec{padding-block:clamp(32px,5vw,64px)}
.chipx{display:inline-block;font-size:10px;letter-spacing:.12em;border:1px solid var(--ink);padding:3px 9px;font-weight:500;white-space:nowrap;font-family:var(--jp)}
.chipx.live{background:var(--ink);color:var(--paper)}
.chipx.end{border-color:var(--line);color:var(--mute)}
.more{display:flex;justify-content:center;padding-top:clamp(40px,6vw,72px)}
.narrow{max-width:760px}
.wcwrap{max-width:1120px}
.empty{padding:64px 0;color:var(--mute);font-family:var(--jp)}
.crumb{font-size:10px;letter-spacing:.14em;color:var(--mute);margin-bottom:18px;text-transform:uppercase}
.date{font-size:12px;letter-spacing:.08em;color:var(--mute)}

/* news */
.feature{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:end}
.feature figure{margin:0;position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--stone)}
.feature figure img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.feature-k{display:flex;gap:12px;align-items:center}
.nooit .feature h2{font-size:clamp(30px,3.4vw,46px);letter-spacing:-.03em;line-height:1;margin-top:14px}
.feature .lead{margin-top:16px;line-height:2}
.facts{display:grid;grid-template-columns:76px minmax(0,1fr);row-gap:12px;border-top:1px solid var(--ink);padding-top:20px;margin:22px 0 0;font-size:13px}
.facts dt{font-size:10px;letter-spacing:.14em;font-weight:500;padding-top:3px;font-family:var(--jp)}
.facts dd{margin:0;font-family:var(--jp)}
.archive-k{margin-top:clamp(48px,6vw,88px)}
.news-list{margin-top:14px;border-top:1px solid var(--ink)}
.news-list details{border-bottom:1px solid var(--line)}
.news-list summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:170px 96px minmax(0,1fr) 24px;gap:24px;align-items:center;padding-block:24px;transition:padding .3s var(--ease)}
.news-list summary::-webkit-details-marker{display:none}
.news-list summary:hover{padding-left:10px}
.nooit .news-list h3{font-family:var(--jp);font-size:15px;line-height:1.8}
.plus{position:relative;width:14px;height:14px;justify-self:end}
.plus::before,.plus::after{content:"";position:absolute;left:0;top:50%;width:14px;height:1px;background:currentColor;transition:transform .3s var(--ease)}
.plus::after{transform:rotate(90deg)}
details[open] .plus::after{transform:rotate(0)}
.news-list .body{padding:0 0 30px calc(170px + 96px + 48px);max-width:calc(170px + 96px + 48px + 38em)}
.news-list .body p{margin-top:14px;font-size:13px;line-height:2}
.news-list .facts{border-top:1px solid var(--line);margin-top:0}

/* lookbook */
.tabs{display:flex;gap:28px;padding-block:20px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.tab{padding:6px 0;font-size:11px;letter-spacing:.14em;font-weight:500;color:var(--mute);border-bottom:1px solid transparent!important;min-height:44px}
.tab[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--ink)!important}
.looks{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(16px,2vw,28px);row-gap:clamp(40px,7vw,104px);padding-block:clamp(28px,4vw,56px)}
.looks[hidden]{display:none}
.look{margin:0}
.look button{display:block;width:100%;aspect-ratio:4/5;overflow:hidden;background:var(--stone);cursor:zoom-in}
.look img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform 1.4s var(--ease)}
.look button:hover img{transform:scale(1.03)}
.look:nth-child(6n+1){grid-column:1 / span 7}
.look:nth-child(6n+2){grid-column:9 / span 4;align-self:end}
.look:nth-child(6n+3){grid-column:2 / span 4}
.look:nth-child(6n+4){grid-column:7 / span 6}
.look:nth-child(6n+5){grid-column:1 / span 5}
.look:nth-child(6n){grid-column:8 / span 4;align-self:center}
#lb{width:min(720px,calc(100% - 24px));max-width:none;background:var(--ink);color:#fff;border:0;padding:0}
#lb::backdrop{background:rgba(10,10,10,.82)}
.lbx{display:flex;flex-direction:column}
.lbx .top{display:flex;justify-content:space-between;align-items:center;padding:4px 16px;font-size:11px;letter-spacing:.14em}
.lbx .top button{min-height:44px;font-size:11px;letter-spacing:.14em;font-weight:500;color:#fff}
.lbx .pic{aspect-ratio:4/5;max-height:76svh;margin-inline:auto;background:#000}
.lbx .pic img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.lbx .bt{display:flex;justify-content:space-between;align-items:center;padding:6px 16px 10px;font-family:var(--jp);font-size:12px;letter-spacing:.06em}
.lbx .bt button{min-width:44px;min-height:44px;color:#fff;font-size:18px}

/* collection */
.tools-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;border-block:1px solid var(--line)}
.filter-btn{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:0 20px!important;border:1px solid var(--ink)!important;font-size:11px;letter-spacing:.14em;font-weight:500}
.filter-btn:hover{background:var(--ink)!important;color:var(--paper)!important}
.count{font-size:11px;letter-spacing:.12em;color:var(--mute)}
.fpanel{border-bottom:1px solid var(--line);padding-block:22px;display:flex;gap:8px;flex-wrap:wrap}
.fpanel[hidden]{display:none}
.chip{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border:1px solid var(--line);font-size:11px;letter-spacing:.12em;font-weight:500;transition:background .25s,color .25s,border-color .25s}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.chip:hover{border-color:var(--ink)}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 22px;padding-top:clamp(28px,4vw,48px);margin:0;list-style:none}
.pcard{display:block;text-align:left}
.pcard .ph{position:relative;aspect-ratio:3/4;background:#fff;overflow:hidden}
.pcard img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.pcard:hover img{transform:scale(1.04)}
.badge{position:absolute;left:0;top:0;background:var(--ink);color:var(--paper);font-size:10px;letter-spacing:.14em;padding:5px 11px;font-weight:500;font-family:var(--jp)}
.pcard .info{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;margin-top:16px;font-size:13px}
.nooit .pcard h3{font-size:13px;line-height:1.5}
.pcard .info .c,.pcard .info .s{font-size:11px;letter-spacing:.1em;color:var(--mute)}
.pcard .info .s{text-align:right}
.pcard .info .pr{text-align:right;font-size:13px}
.pcard .info .pr.so{letter-spacing:.14em;font-size:11px;font-weight:500}

/* product page (WooCommerce) */
.pdp-wrap .woocommerce-notices-wrapper{padding-top:16px}
.single-product div.product{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);padding-block:clamp(20px,3vw,40px) clamp(40px,6vw,80px);align-items:start;position:relative}
.single-product div.product > .woocommerce-product-gallery{grid-column:1;grid-row:1;margin:0;width:auto!important;float:none!important;position:relative;opacity:1!important}
.single-product div.product > .summary{grid-column:2;grid-row:1;margin:0;width:auto!important;float:none!important}
.single-product div.product > .related,.single-product div.product > .up-sells{grid-column:1 / -1}
.woocommerce-product-gallery{display:grid!important;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:start}
.woocommerce-product-gallery .flex-viewport,.woocommerce-product-gallery > .woocommerce-product-gallery__wrapper{grid-column:2;grid-row:1;background:#fff}
.woocommerce-product-gallery__wrapper{margin:0}
.woocommerce-product-gallery__image img{width:100%;aspect-ratio:3/4;object-fit:cover}
.woocommerce-product-gallery .flex-control-thumbs{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.woocommerce-product-gallery .flex-control-thumbs li{width:100%!important;float:none!important;margin:0!important}
.woocommerce-product-gallery .flex-control-thumbs img{aspect-ratio:3/4;object-fit:cover;background:#fff;border:1px solid transparent;opacity:.55;cursor:pointer;transition:opacity .25s}
.woocommerce-product-gallery .flex-control-thumbs img.flex-active,.woocommerce-product-gallery .flex-control-thumbs img:hover{opacity:1;border-color:var(--ink)}
.woocommerce-product-gallery__trigger{display:none!important}
.summary .product_title{font-size:clamp(28px,3vw,40px)!important;letter-spacing:-.025em!important;line-height:1.1!important;font-weight:400}
.summary .price{font-size:18px!important;margin-top:14px;letter-spacing:.02em;color:var(--ink)!important}
.summary .price del{color:var(--mute)}
.summary .col{margin-top:6px;font-size:11px;letter-spacing:.14em;color:var(--mute)}
.summary .fieldrow{display:flex;justify-content:space-between;align-items:baseline;margin-top:30px;margin-bottom:8px}
.linkbtn{border-bottom:1px solid currentColor!important;font-size:11px;letter-spacing:.1em;padding:6px 0 2px!important;min-height:32px}
.summary form.cart{margin-top:30px}
.summary form.variations_form{margin-top:0}
.summary table.variations{width:100%;border:0;margin:0 0 8px;border-collapse:collapse}
.summary table.variations th.label{display:none}
.summary table.variations td,.summary table.variations th{padding:0;border:0;text-align:left;display:block}
.summary select,.nooit select.inp{width:100%;min-height:50px;padding:0 16px;border:1px solid var(--ink);background-color:var(--paper);font-size:14px;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 17px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.summary .single_variation_wrap{margin-top:12px}
.summary .woocommerce-variation-price{display:none}
.summary .woocommerce-variation-availability p,.summary p.stock{font-family:var(--jp);font-size:12px;color:var(--mute);margin:0 0 10px}
.summary .quantity{display:none!important}
.summary .single_add_to_cart_button{width:100%;margin-top:6px}
.summary .stock.out-of-stock,.summary .woocommerce-variation-availability .out-of-stock{font-size:11px;letter-spacing:.14em;font-weight:500;color:var(--ink);text-transform:uppercase}
.summary .woocommerce-tabs{margin-top:36px}
.summary .woocommerce-tabs ul.tabs{display:flex;border-bottom:1px solid var(--line);padding:0!important;margin:0!important;list-style:none;gap:0}
.summary .woocommerce-tabs ul.tabs::before,.summary .woocommerce-tabs ul.tabs::after{display:none!important}
.summary .woocommerce-tabs ul.tabs li{flex:1;margin:0!important;padding:0!important;border:0!important;background:none!important;border-radius:0!important;text-align:center}
.summary .woocommerce-tabs ul.tabs li::before,.summary .woocommerce-tabs ul.tabs li::after{display:none!important}
.summary .woocommerce-tabs ul.tabs li a{display:block;min-height:48px;line-height:48px;padding:0!important;font-size:11px;letter-spacing:.12em;font-family:var(--jp);color:var(--mute)!important;border-bottom:1px solid transparent;margin-bottom:-1px;font-weight:400!important}
.summary .woocommerce-tabs ul.tabs li.active a{color:var(--ink)!important;border-bottom-color:var(--ink)}
.summary .woocommerce-Tabs-panel{padding-top:22px;font-family:var(--jp);font-size:14px;line-height:2.1;color:var(--mute);margin:0!important}
.summary .woocommerce-Tabs-panel p{margin:0 0 1em}
.summary table.shop_attributes{width:100%;border:0!important;border-collapse:collapse;margin:0}
.summary table.shop_attributes th,.summary table.shop_attributes td{border:0!important;padding:4px 0!important;font-weight:400;text-align:left;background:none!important;font-style:normal;font-size:14px}
.summary table.shop_attributes th{width:92px;color:var(--ink);font-size:12px}
.summary table.shop_attributes td p{margin:0;padding:0}
.ship{margin-top:30px;padding-top:18px;border-top:1px solid var(--line);font-family:var(--jp);font-size:12px;line-height:2;color:var(--mute)}
.ship a{border-bottom:1px solid currentColor;margin-left:6px}
.share{margin-top:22px;display:flex;align-items:center;gap:18px;font-size:11px;letter-spacing:.14em;font-weight:500}
.share a,.share button{min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid transparent!important}
.share a:hover,.share button:hover{border-bottom-color:currentColor!important}
.related.products{border-top:1px solid var(--line);padding-block:clamp(40px,6vw,72px);margin-top:clamp(20px,3vw,40px)}
.nooit .related.products > h2{font-size:clamp(24px,3vw,36px);letter-spacing:-.025em;font-weight:300}
.related.products .grid3{padding-top:28px}
.buybar{display:none}

/* about */
.about-photo{position:relative;height:calc(100svh - var(--adm));min-height:520px;overflow:hidden;background:#2a2a2a;color:var(--on-photo)}
.about-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:18% 28%}
.about-photo::after{content:"";position:absolute;inset:0;background:rgba(10,10,10,.38)}
.about-photo .cap{position:absolute;z-index:2;left:0;right:0;bottom:0;padding-bottom:clamp(36px,7vh,80px);font-size:clamp(34px,5vw,72px);letter-spacing:-.035em;font-weight:300;line-height:1}
.about-photo .cap small{display:block;margin-top:18px;font-family:var(--jp);font-size:13px;letter-spacing:.14em;font-weight:300}
.contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--ink)}
.contact > div{padding:32px 28px 40px 0}
.contact > div+div{border-left:1px solid var(--line);padding-left:28px}
.nooit .contact h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.025em;font-weight:300;margin-bottom:12px}
.contact p{font-family:var(--jp);font-size:14px;line-height:2;color:var(--mute);margin-bottom:12px}
.contact .mail{margin-top:20px;user-select:all}
.about-body{margin-top:40px}

/* editor content (固定ページ・投稿の本文) */
.entry{font-family:var(--jp);font-size:14px;line-height:2.2;color:var(--mute)}
.entry > * + *{margin-top:1.1em}
.nooit .entry h2{font-size:15px;color:var(--ink);margin:32px 0 6px;font-weight:500;font-family:var(--jp);line-height:1.8}
.nooit .entry h3{font-size:14px;color:var(--ink);margin:24px 0 4px;font-weight:500;font-family:var(--jp)}
.entry a{border-bottom:1px solid currentColor;color:var(--ink)}
.entry ul,.entry ol{padding-left:1.4em}
.entry figure{margin:0}
.entry .wp-block-table{margin:0 0 28px;overflow-x:auto}
.nooit table{width:100%;border-collapse:collapse;font-size:13px;font-family:var(--sans);color:var(--ink)}
.nooit .entry th,.nooit .entry td,#sg th,#sg td{padding:12px 8px;text-align:center;border:0;border-bottom:1px solid var(--line);font-weight:400;background:none}
.nooit .entry th,#sg th{font-size:10px;letter-spacing:.12em;font-weight:500;color:var(--mute)}
.nooit .entry td:first-child,.nooit .entry th:first-child,#sg td:first-child,#sg th:first-child{text-align:left}
.entry .wp-block-table thead{border-bottom:0}
.entry img{height:auto}
.single-h{padding-block:clamp(40px,6vw,80px) 28px}
.single-h .feature-k{margin-bottom:14px}
.nooit .single-h h1{font-size:clamp(30px,4vw,52px);letter-spacing:-.03em;line-height:1.1;font-weight:300}
.single-ph{margin:0 0 clamp(28px,4vw,48px);aspect-ratio:16/9;overflow:hidden;background:var(--stone);max-width:1120px}
.single-ph img{width:100%;height:100%;object-fit:cover}
.entry .facts{margin-bottom:28px}
.plist{border-top:1px solid var(--ink)}
.pitem{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;padding-block:20px;border-bottom:1px solid var(--line);align-items:baseline}
.nooit .pitem h3{font-family:var(--jp);font-size:15px;line-height:1.8}
.pager{padding-top:32px}
.pager .nav-links{display:flex;gap:8px;flex-wrap:wrap}
.pager .page-numbers{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;border:1px solid var(--line);font-size:12px}
.pager .page-numbers.current{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* WooCommerce: notices, cart, checkout, my page */
.nooit .woocommerce-message,.nooit .woocommerce-info,.nooit .woocommerce-error,.nooit .wc-block-components-notice-banner{background:var(--ink)!important;color:var(--paper)!important;border:0!important;border-radius:0!important;padding:16px 22px!important;margin:0 0 24px!important;font-family:var(--jp);font-size:13px;letter-spacing:.04em;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;list-style:none}
.nooit .woocommerce-message::before,.nooit .woocommerce-info::before,.nooit .woocommerce-error::before{display:none!important}
.nooit .woocommerce-message .button,.nooit .woocommerce-info .button,.nooit .woocommerce-error .button{background:none;border:0;border-bottom:1px solid currentColor;min-height:0;padding:4px 0;color:var(--paper);order:2;float:none}
.nooit .wc-block-components-notice-banner svg{fill:currentColor}
.nooit .wc-block-components-notice-banner a{color:var(--paper)}
.wcwrap .wc-block-components-text-input input,.wcwrap .wc-block-components-text-input textarea,.wcwrap .wc-blocks-components-select select,.wcwrap .wc-block-components-combobox input,.wcwrap input.input-text,.wcwrap select,.wcwrap textarea{border:1px solid var(--line)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
.wcwrap .wc-block-components-text-input input:focus,.wcwrap input.input-text:focus{border-color:var(--ink)!important}
.wcwrap .wc-block-components-title,.wcwrap .wc-block-cart__totals-title,.wcwrap .wc-block-components-checkout-step__title{font-family:var(--sans)!important;font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-weight:500!important}
.wcwrap .wc-block-components-sidebar,.wcwrap .wc-block-components-totals-wrapper,.wcwrap .wc-block-components-panel{border-color:var(--line)!important}
.wcwrap .wc-block-cart-items,.wcwrap .wc-block-cart-items th,.wcwrap .wc-block-cart-items td{border-color:var(--line)!important}
.wcwrap .wc-block-cart-items th{font-size:10px;letter-spacing:.12em;font-weight:500;color:var(--mute)}
.wcwrap .wc-block-components-product-name{color:var(--ink)!important;font-size:15px;text-decoration:none!important}
.wcwrap .wc-block-components-quantity-selector{border-radius:0!important}
.wcwrap .wc-block-components-quantity-selector::after{border-radius:0!important;border-color:var(--line)!important}
.wcwrap .wc-block-components-radio-control__option,.wcwrap .wc-block-components-radio-control-accordion-option{border-radius:0!important}
.wcwrap .wc-block-components-checkout-place-order-button{width:100%}
.wcwrap .wc-block-cart__empty-cart__title,.wcwrap .with-empty-cart-icon{font-family:var(--jp);font-size:15px!important;color:var(--mute)}
.wcwrap .wp-block-woocommerce-empty-cart-block .wp-block-separator,.wcwrap .wp-block-woocommerce-empty-cart-block h2:not(.wc-block-cart__empty-cart__title),.wcwrap .wp-block-woocommerce-empty-cart-block .wp-block-woocommerce-product-new{display:none}
.wcwrap .wc-block-cart__empty-cart__title::before{display:none!important}
.woocommerce-account .woocommerce{display:grid;grid-template-columns:200px minmax(0,1fr);gap:40px}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.woocommerce-MyAccount-navigation li a{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.06em;font-family:var(--jp);color:var(--mute)}
.woocommerce-MyAccount-navigation li.is-active a{color:var(--ink)}
.woocommerce-account .woocommerce form .form-row{margin-bottom:14px}
.woocommerce-account .woocommerce form label{display:block;font-size:10px;letter-spacing:.14em;margin-bottom:6px;font-weight:500}
.woocommerce-account .woocommerce input.input-text{width:100%;min-height:50px;padding:0 16px}
.woocommerce-account:not(.logged-in) .woocommerce{display:block}
.woocommerce-account .u-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
.woocommerce-account .u-columns h2{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;padding-bottom:10px;border-bottom:1px solid var(--ink);margin-bottom:16px}

/* 404 */
.nf{min-height:80svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding-top:var(--hh)}
.nf .logo{height:200px}
.nf p{font-family:var(--jp);color:var(--mute)}

/* dialogs */
.nooit dialog{border:0;padding:0;background:var(--paper);color:var(--ink)}
.nooit dialog::backdrop{background:rgba(16,16,16,.55);backdrop-filter:blur(3px)}
.nooit dialog[open]{animation:nfade .35s ease both}
#sg{width:min(560px,calc(100% - 24px));max-height:86svh}
.dpad{padding:clamp(20px,4vw,36px)}
.dpad .cl{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.dpad .cl button{min-height:44px;font-size:11px;letter-spacing:.14em;font-weight:500}
#sg .entry{color:var(--mute);font-size:12px;line-height:2}
#sg .wp-block-table{margin-bottom:24px}

/* search */
.search{position:fixed;inset:var(--adm) 0 0 0;z-index:70;background:var(--paper);overflow:auto;padding-top:calc(env(safe-area-inset-top,0px) + 16px);padding-bottom:40px;visibility:hidden;opacity:0;transition:opacity .35s ease,visibility 0s .35s}
.search.open{visibility:visible;opacity:1;transition:opacity .35s ease}
.search .row{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--ink)}
.search input[type=search]{flex:1;min-width:0;border:0;background:none;font-size:clamp(26px,5vw,56px);font-weight:300;letter-spacing:-.03em;min-height:84px;padding:0;outline:none;box-shadow:none;-webkit-appearance:none}
.search .close{min-height:44px;font-size:11px;letter-spacing:.14em;font-weight:500}
.sres{padding-top:20px}
.sres a{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:18px;align-items:center;padding-block:12px;border-bottom:1px solid var(--line)}
.sres .ph{aspect-ratio:3/4;background:#fff;overflow:hidden}
.sres img{width:100%;height:100%;object-fit:cover}
.sres small{display:block;font-size:11px;letter-spacing:.1em;color:var(--mute)}

/* footer */
.ft{border-top:1px solid var(--line);padding-block:44px 24px;margin-top:clamp(24px,4vw,56px)}
.ft .top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:32px}
.ft .logo{height:120px;-webkit-mask-position:left center;mask-position:left center}
.ft nav{display:flex;gap:2px 26px;flex-wrap:wrap}
.ft nav a{padding-block:10px;font-size:11px;letter-spacing:.12em;font-weight:500}
.ft .bottom{display:flex;justify-content:space-between;gap:10px 24px;flex-wrap:wrap;font-size:10px;letter-spacing:.1em;color:var(--mute)}
body.no-ft .ft{display:none}

/* drawer */
.drawer{position:fixed;inset:var(--adm) 0 0 0;z-index:60;background:var(--paper);color:var(--ink);display:flex;flex-direction:column;padding-top:calc(env(safe-area-inset-top,0px) + 14px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 24px);visibility:hidden;opacity:0;transition:opacity .4s var(--ease),visibility 0s .4s;overflow:auto}
.drawer.open{visibility:visible;opacity:1;transition:opacity .4s var(--ease)}
.drawer .dtop{display:flex;justify-content:space-between;align-items:center;min-height:60px}
.drawer nav{margin-top:clamp(20px,5vh,56px);display:flex;flex-direction:column;border-top:1px solid var(--line)}
.drawer nav a{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-block:clamp(12px,2vh,18px);border-bottom:1px solid var(--line);opacity:0;transform:translateY(10px);transition:transform .6s var(--ease),opacity .6s var(--ease)}
.drawer.open nav a{opacity:1;transform:none}
.drawer.open nav a:nth-child(2){transition-delay:.05s}.drawer.open nav a:nth-child(3){transition-delay:.1s}.drawer.open nav a:nth-child(4){transition-delay:.15s}
.drawer nav a:hover{opacity:.55}
.drawer nav .en{font-size:clamp(20px,2.4vw,28px);line-height:1.2;letter-spacing:-.02em;font-weight:300}
.drawer nav a[aria-current="page"] .en{font-weight:500}
.drawer nav .ja{font-family:var(--jp);font-size:11px;color:var(--mute);letter-spacing:.08em}
.drawer .sub{display:flex;gap:4px 24px;flex-wrap:wrap;margin-top:18px}
.drawer .sub a{padding-block:10px;font-size:11px;letter-spacing:.12em;font-weight:500}
.drawer .dfoot{margin-top:auto;padding-top:28px;font-size:11px;letter-spacing:.12em;color:var(--mute)}
body.lock{overflow:hidden}

.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 84px);z-index:80;transform:translate(-50%,16px);background:var(--ink);color:var(--paper);padding:14px 22px;font-family:var(--jp);font-size:12px;letter-spacing:.06em;opacity:0;pointer-events:none;transition:opacity .35s,transform .35s var(--ease);white-space:nowrap}
.toast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}

@media (max-width:860px){
  .feature,.contact{grid-template-columns:minmax(0,1fr)}
  .single-product div.product{grid-template-columns:minmax(0,1fr)}
  .single-product div.product > .summary{grid-column:1;grid-row:2}
  .contact > div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}
  .news-list summary{grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding-block:20px}
  .news-list .date{grid-column:1}.news-list summary .chipx{grid-column:2;justify-self:end}
  .news-list h3{grid-column:1}.news-list .plus{grid-column:2;grid-row:2}
  .news-list .body{padding-left:0}
  .look:nth-child(6n+1){grid-column:1 / -1}
  .look:nth-child(6n+2){grid-column:6 / span 7}
  .look:nth-child(6n+3){grid-column:1 / span 7}
  .look:nth-child(6n+4){grid-column:8 / span 5;align-self:end}
  .look:nth-child(6n+5){grid-column:1 / -1}
  .look:nth-child(6n){grid-column:1 / span 8}
  .grid3{grid-template-columns:minmax(0,1fr);gap:44px}
  .woocommerce-product-gallery{grid-template-columns:minmax(0,1fr)}
  .woocommerce-product-gallery .flex-viewport,.woocommerce-product-gallery > .woocommerce-product-gallery__wrapper{grid-column:1}
  .woocommerce-product-gallery .flex-control-thumbs{grid-column:1;grid-row:2;flex-direction:row}
  .woocommerce-product-gallery .flex-control-thumbs li{width:64px!important}
  .buybar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:35;gap:14px;align-items:center;justify-content:space-between;padding:10px max(var(--gx),env(safe-area-inset-left,0px)) calc(10px + env(safe-area-inset-bottom,0px));background:var(--paper);border-top:1px solid var(--ink)}
  .buybar .pr{font-size:16px}
  .buybar .btn{flex:1;max-width:240px;min-height:48px}
  body.has-buybar{padding-bottom:72px}
  .woocommerce-account .woocommerce{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
  :root{--hh:68px}
  .logo{height:54px}
  .hide-sm{display:none!important}
  .nf .logo{height:160px}
  .ft .logo{height:96px}
  .home img{object-position:58% 30%}
  .toast{white-space:normal;width:calc(100% - 32px)}
  .pitem{grid-template-columns:minmax(0,1fr);gap:4px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* --- fixes after first review --- */
/* WooCommerce's purple default buttons -> ink */
.nooit .button,.nooit .button.alt,.nooit button.button.alt,.nooit a.button.alt,.nooit .single_add_to_cart_button,.nooit .wc-block-components-button:not(.is-link){background:var(--ink)!important;color:var(--paper)!important;border:1px solid var(--ink)!important;border-radius:0!important}
.nooit .button:hover,.nooit .button.alt:hover,.nooit .single_add_to_cart_button:hover,.nooit .wc-block-components-button:not(.is-link):hover{background:var(--paper)!important;color:var(--ink)!important}
.nooit .button.disabled,.nooit .button:disabled,.nooit .button.alt.disabled,.nooit .button.alt:disabled,.nooit .single_add_to_cart_button.disabled{background:var(--stone)!important;color:var(--mute)!important;border-color:var(--stone)!important;cursor:default}
.nooit .woocommerce-message .button,.nooit .woocommerce-info .button,.nooit .woocommerce-error .button{background:none!important;border:0!important;border-bottom:1px solid currentColor!important;color:var(--paper)!important;min-height:0;padding:4px 0}
.nooit .woocommerce-message .button:hover,.nooit .woocommerce-info .button:hover{background:none!important;color:var(--paper)!important;opacity:.7}
/* cart / checkout blocks: keep inside the page gutter */
.wcwrap .alignwide,.wcwrap .alignfull,.wcwrap .wp-block-woocommerce-cart,.wcwrap .wp-block-woocommerce-checkout{margin-left:0!important;margin-right:0!important;width:auto!important;max-width:100%!important;left:auto!important;right:auto!important}
.wcwrap .wc-block-cart-item__image img{width:72px;aspect-ratio:3/4;object-fit:cover;background:#fff}