/* =========================================================
   JOHN IAN SHOP EXPERIENCE 2.0 — Express Build 2
   Editorial entry to the full WooCommerce catalogue.
   ========================================================= */
.ji-shop-page{background:var(--paper)}
.ji-shop-hero{display:flex;min-height:clamp(470px,62svh,710px);align-items:flex-end;background:var(--green);color:#fff}
.ji-shop-hero__inner{width:100%;padding-top:clamp(150px,17vw,220px);padding-bottom:clamp(70px,8vw,110px)}
.ji-shop-hero .ji-kicker{color:rgba(255,255,255,.62)}
.ji-shop-hero h1{max-width:12ch;margin:18px 0 0;color:#fff;font-size:clamp(58px,8vw,122px);line-height:.9;letter-spacing:-.05em;text-wrap:balance}
.ji-shop-hero__lead{max-width:44ch;margin:clamp(28px,4vw,48px) 0 0;color:rgba(255,255,255,.76);font-family:var(--serif);font-size:clamp(20px,2.1vw,31px);line-height:1.45}
.ji-shop-hero__cue{display:inline-flex;margin-top:clamp(34px,5vw,58px);padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.5);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;transition:border-color .25s ease,opacity .25s ease}
.ji-shop-hero__cue:hover{border-color:#fff;opacity:.8}

.ji-shop-collections{padding:clamp(90px,11vw,165px) 0;background:#ded7cb;scroll-margin-top:90px}
.ji-shop-section-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.55fr);gap:clamp(50px,8vw,130px);align-items:end;margin-bottom:clamp(55px,7vw,95px)}
.ji-shop-section-heading h2{max-width:10ch;margin:16px 0 0;font-size:clamp(46px,6vw,88px);line-height:.96;letter-spacing:-.04em}
.ji-shop-section-heading>p{max-width:42ch;margin:0;color:rgba(17,19,15,.65);font-family:var(--serif);font-size:clamp(18px,1.6vw,24px);line-height:1.55}
.ji-shop-collections__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(22px,2.5vw,38px)}
.ji-shop-collection-card{grid-column:span 4;min-width:0}
.ji-shop-collection-card--lead{grid-column:span 8}
.ji-shop-collection-card__media{display:block;aspect-ratio:4/5;overflow:hidden;background:#c9c0b3}
.ji-shop-collection-card--lead .ji-shop-collection-card__media{aspect-ratio:16/9}
.ji-shop-collection-card__image{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.ji-shop-collection-card__fallback{display:block;width:100%;height:100%;background:linear-gradient(145deg,#1d291b,#46523f)}
.ji-shop-collection-card:hover .ji-shop-collection-card__image{transform:scale(1.025)}
.ji-shop-collection-card__body{padding:24px 0 15px;border-bottom:1px solid rgba(17,19,15,.16)}
.ji-shop-collection-card__index{margin:0 0 16px;color:rgba(17,19,15,.48);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.ji-shop-collection-card h3{margin:0;font-size:clamp(28px,3vw,48px);line-height:1.04}
.ji-shop-collection-card__body>p:not(.ji-shop-collection-card__index){max-width:42ch;margin:16px 0 0;color:rgba(17,19,15,.64);font-family:var(--serif);font-size:17px;line-height:1.5}
.ji-shop-collection-card__footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px;font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.ji-shop-collection-card__footer span{color:rgba(17,19,15,.5)}
.ji-shop-collection-card__footer a{padding-bottom:4px;border-bottom:1px solid currentColor}

.ji-shop-all-pieces{padding-top:clamp(90px,11vw,160px)}
.ji-shop-all-pieces__heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:35px;align-items:end;margin-bottom:clamp(45px,6vw,75px)}
.ji-shop-all-pieces__heading h2{margin:15px 0 0;font-size:clamp(46px,6vw,82px);line-height:.95;letter-spacing:-.04em}
.ji-shop-toolbar{display:flex;align-items:center;gap:24px;padding-bottom:8px;font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.ji-shop-toolbar__count{color:rgba(17,19,15,.55)}
.ji-shop-toolbar__collections{padding-bottom:5px;border-bottom:1px solid currentColor}
.ji-shop-toolbar__sort .woocommerce-ordering{float:none;margin:0}
.ji-shop-toolbar__sort select{min-width:145px;padding:10px 28px 10px 0;border:0;border-bottom:1px solid rgba(17,19,15,.35);border-radius:0;background:transparent;color:var(--ink);font:inherit;letter-spacing:inherit;text-transform:uppercase}
.ji-shop-page .ji-commerce-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,3.4vw,58px) clamp(22px,2.5vw,42px)}
.ji-shop-page .ji-commerce-card__media{aspect-ratio:4/5;background:#eee9e1}
.ji-shop-page .ji-commerce-card__image{width:100%;height:100%;object-fit:contain;padding:clamp(14px,2vw,30px)}
.ji-shop-page .ji-commerce-card__body{padding-top:21px}
.ji-shop-page .ji-commerce-card__excerpt{display:none}
.ji-shop-page .ji-commerce-card__meta{font-size:8px;letter-spacing:.14em}
.ji-shop-page .ji-commerce-card__title{font-size:clamp(22px,2vw,31px)}
.ji-shop-pagination{margin-top:clamp(65px,8vw,105px)}
.ji-shop-pagination .page-numbers{display:flex!important;align-items:center;justify-content:center;gap:18px;margin:0!important;padding:0!important;border:0!important}
.ji-shop-pagination .page-numbers li{border:0!important}
.ji-shop-pagination .page-numbers a,.ji-shop-pagination .page-numbers span{display:grid!important;min-width:42px;height:42px;place-items:center;padding:0!important;border:1px solid rgba(17,19,15,.18)!important;background:transparent!important;color:var(--ink)!important;font-size:10px!important}
.ji-shop-pagination .page-numbers .current{border-color:var(--green)!important;background:var(--green)!important;color:#fff!important}

@media(max-width:980px){
  .ji-shop-section-heading{grid-template-columns:1fr;gap:26px}
  .ji-shop-collection-card,.ji-shop-collection-card--lead{grid-column:span 6}
  .ji-shop-collection-card--lead .ji-shop-collection-card__media{aspect-ratio:4/5}
  .ji-shop-page .ji-commerce-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .ji-shop-hero{min-height:520px}
  .ji-shop-hero__inner{padding:130px 22px 66px}
  .ji-shop-hero h1{font-size:clamp(52px,16vw,76px)}
  .ji-shop-collections{padding:80px 0}
  .ji-shop-section-heading{padding-inline:22px}
  .ji-shop-collections .ji-shell{padding-inline:0}
  .ji-shop-collections__grid{display:flex;gap:18px;overflow-x:auto;padding:0 22px 18px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .ji-shop-collections__grid::-webkit-scrollbar{display:none}
  .ji-shop-collection-card,.ji-shop-collection-card--lead{flex:0 0:min(82vw,360px);scroll-snap-align:start}
  .ji-shop-collection-card__media,.ji-shop-collection-card--lead .ji-shop-collection-card__media{aspect-ratio:4/5}
  .ji-shop-all-pieces{padding-top:78px}
  .ji-shop-all-pieces__heading{grid-template-columns:1fr;align-items:start}
  .ji-shop-toolbar{flex-wrap:wrap;gap:14px 20px}
  .ji-shop-toolbar__sort{flex-basis:100%}
  .ji-shop-toolbar__sort select{width:100%}
  .ji-shop-page .ji-commerce-grid{grid-template-columns:1fr;gap:48px}
}