/* Shared header/footer and HTML-page layout. Existing product CSS remains in style.css. */
:root{--orgie-gold:#c7a76b;--orgie-ink:#111111;--orgie-line:rgba(255,255,255,.16);--orgie-header-height:90px}
html{scroll-padding-top:calc(var(--orgie-header-height) + 24px)}
body.orgie-site{margin:0;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif}
.orgie-shell{width:calc(100% - 64px);max-width:1200px;margin-inline:auto}
.orgie-main{min-height:35vh}
.orgie-main:focus{outline:none}
.orgie-page-content{display:flow-root;width:100%;margin:0;padding:0}
.orgie-page-content:empty{min-height:35vh}
.orgie-page-content>.wp-block-html{margin:0}
.orgie-skip-link{position:fixed;left:16px;top:-100px;z-index:100001;padding:12px 20px;background:#fff;color:#111}
.orgie-skip-link:focus{top:12px}
.orgie-header{position:sticky;top:0;z-index:1000;background:#111;border-bottom:1px solid var(--orgie-line)}
.admin-bar .orgie-header{top:32px}
.orgie-header-inner{min-height:var(--orgie-header-height);display:flex;align-items:center;justify-content:space-between;gap:28px}
.orgie-brand{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:7px;padding-block:12px}
.orgie-brand img{display:block;width:110px;max-height:48px;object-fit:contain}
.orgie-brand-caption{color:var(--orgie-gold);font-size:9px;line-height:1.3;letter-spacing:.17em;white-space:nowrap}
.orgie-navigation{display:flex;align-items:center;gap:28px}
.orgie-header .orgie-menu{display:flex;align-items:center;gap:26px;margin:0;padding:0}
.orgie-menu li{position:relative;list-style:none}
.orgie-header .orgie-menu a{display:block;padding:15px 0;color:#f5f5f5;font-size:13px;font-weight:500;line-height:1.6}
.orgie-header .orgie-menu a:hover,.orgie-header .orgie-menu a:focus-visible,.orgie-header .current-menu-item>a,.orgie-header .current-menu-ancestor>a{color:var(--orgie-gold)}
.orgie-site .orgie-button{display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:46px;padding:12px 22px;border:1px solid var(--orgie-gold);background:var(--orgie-gold);color:#111;font-size:13px;font-weight:700;line-height:1.6;text-align:center;transition:background .2s,color .2s}
.orgie-site .orgie-button:hover{background:#ddc18c;color:#111}
.orgie-site a:focus-visible,.orgie-site button:focus-visible{outline:2px solid var(--orgie-gold);outline-offset:5px}
.orgie-menu-toggle{background:transparent;border:1px solid var(--orgie-line);color:#fff;border-radius:0;padding:10px 12px;align-items:center;gap:9px;font-size:11px;cursor:pointer}
.orgie-menu-toggle[hidden]{display:none}
.orgie-menu-icon{display:grid;gap:4px;width:20px}
.orgie-menu-icon span{display:block;height:1px;width:20px;background:currentColor;transition:transform .2s,opacity .2s}
.orgie-menu-toggle[aria-expanded=true] .orgie-menu-icon span:nth-child(1){transform:translateY(5px) rotate(45deg)}
.orgie-menu-toggle[aria-expanded=true] .orgie-menu-icon span:nth-child(2){opacity:0}
.orgie-menu-toggle[aria-expanded=true] .orgie-menu-icon span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
.orgie-header .orgie-menu .sub-menu{position:absolute;top:100%;left:-18px;min-width:210px;padding:10px 18px;margin:0;background:#191919;border:1px solid var(--orgie-line);display:none}
.orgie-header .orgie-menu .sub-menu a{padding:10px 0}
.orgie-header .orgie-menu li:not(.orgie-submenu-ready):hover>.sub-menu,.orgie-header .orgie-menu li:not(.orgie-submenu-ready):focus-within>.sub-menu,.orgie-header .orgie-menu li.orgie-submenu-open>.sub-menu{display:block}
.orgie-submenu-toggle{border:0;background:transparent;color:var(--orgie-gold);padding:8px;cursor:pointer;font-size:14px;line-height:1}
.orgie-header .menu-item-has-children{display:flex;align-items:center}
.orgie-header .menu-item-has-children>a{padding-right:2px}
.orgie-footer{background:#111;color:#bbb;border-top:1px solid #292929;padding-top:64px}
.orgie-footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:40px;padding-bottom:45px}
.orgie-footer-logo{display:inline-block;margin-bottom:16px}
.orgie-footer-logo img{display:block;width:120px}
.orgie-footer p,.orgie-footer address{color:#bcbcbc;font-size:12px;line-height:1.9;margin:0 0 14px;font-style:normal}
.orgie-footer .orgie-footer-tagline{color:var(--orgie-gold);font-size:19px;letter-spacing:.04em;margin-bottom:14px}
.orgie-footer .orgie-footer-title{color:var(--orgie-gold);font-size:11px;font-weight:700;letter-spacing:.14em;line-height:1.5;margin:0 0 22px}
.orgie-footer ul{margin:0;padding:0}
.orgie-footer li{list-style:none;margin:0 0 12px}
.orgie-footer a{color:#ddd;font-size:12px;line-height:1.8;font-weight:400}
.orgie-footer a:hover{color:var(--orgie-gold)}
.orgie-footer .orgie-footer-contact{display:inline-block;border-bottom:1px solid #74613e;padding-bottom:5px;color:var(--orgie-gold)}
.orgie-footer-note{border-top:1px solid var(--orgie-line);padding-top:20px}
.orgie-footer-note p{font-size:11px;color:#aaa}
.orgie-footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:12px 0 25px;color:#aaa}
.orgie-footer-bottom small{font-size:10px;line-height:1.8}
.orgie-footer .orgie-back-top{white-space:nowrap;font-size:11px}
.orgie-shoplink{padding:50px 0;background:#202020}
.orgie-shoplink-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}
.orgie-shoplink h2{color:#fff;font-size:24px;line-height:1.5;margin:0}
.orgie-eyebrow{color:var(--orgie-gold);font-size:11px;letter-spacing:.16em;margin-bottom:10px}
.orgie-articles{padding-block:60px;font-size:16px}
.orgie-article{margin-bottom:40px}
.orgie-articles h1{margin-bottom:30px;font-size:30px}
.orgie-articles h2{margin-bottom:16px;font-size:24px}
.orgie-articles h2 a{font-size:inherit}
/* The new header occupies its own space, unlike the old overlay header. */
.orgie-main .breadcrumb-area .top-breadcrumb-area h2{margin-top:0}
/* Preserve visible images if carousel JS fails to load. */
.orgie-main .owl-carousel:not(.owl-loaded){display:block}
.orgie-main .hero-post-slides:not(.owl-loaded)>*:not(:first-child){display:none}
.orgie-main .prdctlist:not(.owl-loaded){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(min-width:981px){.orgie-menu-toggle{display:none}}
@media(max-width:1100px) and (min-width:981px){.orgie-navigation{gap:18px}.orgie-header .orgie-menu{gap:16px}.orgie-header-shop{padding-inline:14px!important}}
@media(max-width:980px){
  :root{--orgie-header-height:76px}
  .orgie-shell{width:calc(100% - 40px)}
  .orgie-header-inner{flex-wrap:wrap;gap:0}
  .orgie-brand img{width:95px}
  .orgie-brand-caption{font-size:8px}
  .orgie-menu-toggle:not([hidden]){display:inline-flex}
  .orgie-navigation{width:100%;flex-direction:column;align-items:stretch;gap:14px;padding:14px 0 24px}
  .orgie-navigation.orgie-nav-ready:not(.is-open){display:none}
  .orgie-navigation.is-open{max-height:calc(100dvh - var(--orgie-header-height) - 48px);overflow:auto;overscroll-behavior:contain}
  .orgie-header .orgie-menu{display:block}
  .orgie-header .orgie-menu>li{border-top:1px solid var(--orgie-line)}
  .orgie-header .orgie-menu a{padding:15px 0;font-size:14px}
  .orgie-header .menu-item-has-children{display:grid;grid-template-columns:1fr 44px}
  .orgie-header .orgie-menu .sub-menu{position:static;grid-column:1/-1;border:0;background:#1b1b1b;padding:4px 18px;display:block}
  .orgie-header .orgie-menu .orgie-submenu-ready:not(.orgie-submenu-open)>.sub-menu{display:none}
  .orgie-submenu-toggle{padding:15px}
  .orgie-header-shop{align-self:stretch}
  .orgie-footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
  .orgie-footer{padding-top:44px}
}
@media(max-width:782px){.admin-bar .orgie-header{top:46px}}
@media(max-width:600px){.admin-bar .orgie-header{top:0}}
@media(max-width:575px){
  .orgie-shell{width:calc(100% - 36px)}
  .orgie-footer-top{gap:30px 22px}
  .orgie-footer-top>div:first-child,.orgie-footer-top>div:last-child{grid-column:1/-1}
  .orgie-footer .orgie-footer-title{margin-bottom:16px}
  .orgie-footer-bottom{align-items:flex-start;flex-direction:column;gap:12px}
  .orgie-shoplink-inner{flex-direction:column;align-items:stretch;text-align:center}
  .orgie-shoplink h2{font-size:21px}
  .orgie-main .prdctlist:not(.owl-loaded){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){.orgie-site *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
