/*
Theme Name: Pullico Editorial
Theme URI: https://pullico.com/
Author: Lucky Company + ChatGPT
Description: Pullicoの左右分割型ミニマルWooCommerceテーマ。左にブランドビジュアル、右に商品一覧。
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: pullico-editorial
*/
:root{--ink:#222;--paper:#faf9f6;--line:#dedbd5;--muted:#777;--accent:#c4432c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue','Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;font-size:14px}a{color:inherit;text-decoration:none}a:hover{opacity:.7}img{max-width:100%;height:auto}.screen-reader-text{position:absolute;left:-9999px}.site-shell{min-height:100vh}.split-layout{display:grid;grid-template-columns:50% 50%;min-height:100vh}.hero{position:sticky;top:0;height:100vh;background:#c6c0b5;overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,transparent 25%,rgba(0,0,0,.43));z-index:1}.hero-image{width:100%;height:100%;object-fit:cover;display:block}.hero-placeholder{position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,#e8e1d5 0%,#b8b1a6 58%,#8e877f 100%)}.hero-placeholder:after{content:'P';position:absolute;left:50%;top:43%;transform:translate(-50%,-50%) rotate(-12deg);font-family:Georgia,serif;font-weight:900;font-size:min(62vh,36vw);color:rgba(255,255,255,.15);line-height:1}.hero-content{position:absolute;z-index:2;left:7%;right:7%;bottom:8%;color:#fff}.hero-kicker{font-size:11px;letter-spacing:.22em;text-transform:uppercase}.hero-content h1{font-size:clamp(48px,6.3vw,112px);letter-spacing:-.075em;line-height:.91;margin:15px 0 22px;font-weight:900}.hero-content p{font-size:14px;letter-spacing:.08em}.hero-mark{position:absolute;z-index:2;top:5%;left:7%;font-weight:900;letter-spacing:-.06em;font-size:22px;color:#fff}.right-panel{min-width:0;padding:34px clamp(22px,4vw,68px) 20px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:23px}.wordmark{font-size:clamp(29px,3.2vw,55px);font-weight:900;letter-spacing:-.085em;line-height:1}.topnav{display:flex;gap:18px;font-size:11px;letter-spacing:.08em}.intro{padding:70px 0 67px}.eyebrow{color:var(--muted);font-size:11px;letter-spacing:.22em}.intro h2{font-size:clamp(27px,2.7vw,44px);letter-spacing:-.055em;line-height:1.5;margin:17px 0}.intro p{color:#6f6c69;font-size:13px;line-height:2.15}.section-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 0 14px;margin:0 0 26px;letter-spacing:.12em;font-size:12px}.section-heading span{color:#999}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 18px}.product-card{min-width:0}.product-thumb{aspect-ratio:4/5;background:#eeeae4;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-thumb img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.product-card:hover img{transform:scale(1.035)}.product-title{font-size:13px;line-height:1.5;font-weight:600;margin:12px 0 5px}.product-price{color:#666;font-size:12px}.product-price del{opacity:.5}.product-price ins{text-decoration:none}.product-placeholder{font-size:58px;color:#d0c9bf;font-weight:900}.shop-more{display:block;margin:45px 0 65px;border:1px solid #333;text-align:center;padding:16px;font-size:12px;letter-spacing:.13em}.footer{border-top:1px solid var(--line);padding:22px 0;font-size:11px;color:#8d8985;display:flex;justify-content:space-between;gap:12px}.empty-shop{grid-column:1/-1;padding:35px 0;color:#777;line-height:2}.standard-layout{max-width:1160px;margin:0 auto;padding:28px 26px 80px}.standard-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:42px}.standard-header .wordmark{font-size:35px}.standard-main{min-height:50vh}.standard-main h1{font-size:32px}.standard-footer{border-top:1px solid var(--line);padding-top:25px;margin-top:60px;font-size:12px;color:#777}.woocommerce ul.products li.product .button{background:#222;color:#fff;border-radius:0}.woocommerce div.product form.cart .button,.woocommerce #payment #place_order{background:#222;color:#fff;border-radius:0}.woocommerce a.button,.woocommerce button.button{border-radius:0}.wp-block-image img{height:auto}@media(max-width:800px){.split-layout{display:block}.hero{position:relative;height:68vh;min-height:470px}.hero-content h1{font-size:clamp(54px,11vw,86px)}.right-panel{padding:25px 5% 0}.topbar{padding-bottom:20px}.topnav{gap:12px}.intro{padding:48px 0}.footer{flex-wrap:wrap}.standard-header{align-items:flex-start}.standard-header .wordmark{font-size:28px}}@media(max-width:420px){.hero{min-height:420px;height:63vh}.product-grid{gap:25px 12px}.product-title{font-size:12px}.topnav{font-size:10px}.wordmark{font-size:32px}}

/* About section */
html{scroll-behavior:smooth}
.pullico-about{margin:88px 0 50px;padding:58px 0 24px;border-top:1px solid #dedbd7;scroll-margin-top:28px}
.pullico-about h2{font-size:clamp(30px,3.2vw,48px);line-height:1.45;letter-spacing:.03em;font-weight:600;margin:22px 0 30px}
.pullico-about p{font-size:14px;line-height:2.2;letter-spacing:.04em;color:#555;max-width:450px;margin:0 0 14px}
.pullico-about .about-back{display:inline-block;margin-top:28px;padding-bottom:8px;border-bottom:1px solid #222;font-size:11px;font-weight:700;letter-spacing:.12em;text-decoration:none;color:#222}

/* Footer legal and shop information navigation */
.pullico-legal-nav{border-top:1px solid var(--line);padding:22px 0 12px;margin-top:28px}.pullico-legal-menu{display:flex;flex-wrap:wrap;gap:12px 22px;list-style:none;padding:0;margin:0}.pullico-legal-menu a,.pullico-legal-nav>a{font-size:12px;color:#666;line-height:1.8;text-decoration:underline;text-underline-offset:3px}.standard-layout>.pullico-legal-nav{margin-top:55px}

/* v4: original oh!シャレT image logo in the shop header */
.topbar .brand-logo{display:block;flex:0 1 auto;min-width:0;width:min(var(--brand-logo-width,230px),58%);line-height:0;letter-spacing:normal}
.topbar .brand-logo img{display:block;width:100%;height:auto;max-height:82px;object-fit:contain;object-position:left center}
.topbar .topnav{flex-shrink:0}
@media(max-width:420px){.topbar .brand-logo{width:min(var(--brand-logo-width,230px),49%)}.topbar .topnav{gap:9px}}

/* PULLICO ロゴの太さ・文字間を統一 */
.hero-mark,
.standard-header .wordmark {
  font-weight: 500 !important;
  letter-spacing: .01em !important;
}
/* カラー・サイズ選択欄を見やすく */
.woocommerce div.product form.cart table.variations select {
  width: 100% !important;
  min-height: 44px !important;
  padding: 9px 12px !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  border: 1px solid #bbb !important;
  border-radius: 4px !important;
  background-color: #fff !important;
}


/* Pullico hero video */
.hero {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
  isolation: isolate;
}

/* 元画像は動画の下に配置 */
.hero-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

/* 動画を画像の上に配置 */
.hero-video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

/* 暗いグラデーション */
.hero::before {
  z-index: 2;
  pointer-events: none;
}

/* ロゴと文字を最前面に */
.hero-mark,
.hero-content {
  position: absolute;
  z-index: 3;
}

/* スマホ表示 */
@media (max-width: 800px) {
  .hero {
    position: relative;
    height: 68vh;
    min-height: 470px;
  }
}

@media (max-width: 420px) {
  .hero {
    height: 63vh;
    min-height: 420px;
  }
}
.pullico-instagram-link {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-top: 30px;
  padding: 15px 0;
  color: #222;
  text-decoration: none;
  border-top: 1px solid #ddd;
}

.pullico-instagram-link .pullico-instagram-icon {
  font-size: 32px;
  line-height: 1;
}

.pullico-instagram-link strong {
  display: block;
  font-size: 11px;
  letter-spacing: .12em;
}

.pullico-instagram-link small {
  display: block;
  margin-top: 5px;
  font-size: 11px;
  color: #888;
}

.pullico-instagram-link:hover {
  opacity: .55;
}
.pullico-instagram-link {
  display: flex;
  width: fit-content;
  margin-top: 24px;
}
.pullico-about .about-back {
  display: table;
}

.pullico-about .pullico-instagram-link {
  display: flex;
  align-items: center;
  width: fit-content;
  gap: 8px;
  margin-top: 24px;
}