/* Shopinger info pages v2 — light editorial + commerce shell */

.sg-info-page.site-main,
.sg-info-page .page-content{
  max-width:none!important;
  padding:0!important;
  margin:0!important;
}

.sg-info{
  --navy:#a1a57d;
  --navy-2:#8e9269;
  --deep:#2b2a29;
  --orange:#cc653c;
  --ink:#2b2a29;
  --mute:#5a5956;
  --line:rgba(43,42,41,.12);
  --paper:#f3e9df;
  --ease:cubic-bezier(.22,1,.36,1);
  --max:1120px;
  --pad:clamp(1.15rem,4vw,2.5rem);
  direction:rtl;
  color:var(--ink);
  background:#fff;
  font-family:inherit;
  padding-bottom:clamp(3.5rem,8vw,5.5rem);
  overflow:hidden;
}

/* ——— Masthead (typography-led, light) ——— */
.sg-info__mast{
  position:relative;
  width:min(var(--max),100%);
  margin:0 auto;
  padding:clamp(5.75rem,11vw,7.25rem) var(--pad) 1.75rem;
}
.sg-info__mast::before{
  content:"";
  position:absolute;
  inset:0 calc(50% - 50vw);
  z-index:-1;
  background:
    radial-gradient(ellipse 42% 55% at 100% 0%, rgba(250,82,46,.09), transparent 58%),
    linear-gradient(180deg, var(--paper) 0%, #fff 72%);
}
.sg-info__mast--compact{padding-bottom:1.1rem}
.sg-info__mast-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:clamp(1.5rem,4vw,3rem);
  align-items:end;
}
.sg-info__wordmark{
  margin:0 0 .85rem;
  font-size:clamp(2.35rem,6.5vw,4.1rem);
  font-weight:800;
  letter-spacing:-.045em;
  line-height:.92;
  color:var(--ink);
  animation:sg-info-rise .65s var(--ease) both;
}
.sg-info__wordmark::after{
  content:"";
  display:block;
  width:2.4rem;height:3px;margin-top:.55rem;
  border-radius:999px;
  background:var(--orange);
}
.sg-info__kicker{
  margin:0 0 .45rem;
  font-size:.8rem;font-weight:800;
  color:var(--orange);
  letter-spacing:.02em;
  animation:sg-info-rise .65s .06s var(--ease) both;
}
.sg-info__h1{
  margin:0 0 .75rem;
  font-size:clamp(1.65rem,3.2vw,2.35rem);
  font-weight:800;
  letter-spacing:-.03em;
  line-height:1.2;
  color:var(--ink);
  max-width:14ch;
  animation:sg-info-rise .65s .1s var(--ease) both;
}
.sg-info__deck{
  margin:0;
  max-width:36ch;
  font-size:1.02rem;
  line-height:1.75;
  color:var(--ink);
  font-weight:500;
  animation:sg-info-rise .65s .14s var(--ease) both;
}
.sg-info__updated{
  margin:.85rem 0 0;
  font-size:.8rem;font-weight:700;
  color:#8a97a6;
}
.sg-info__actions{
  display:flex;flex-wrap:wrap;gap:.55rem;
  margin-top:1.35rem;
  animation:sg-info-rise .65s .18s var(--ease) both;
}

.sg-info__btn{
  appearance:none;-webkit-appearance:none;
  display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;padding:.7rem 1.3rem;
  border-radius:999px!important;
  font:inherit;font-weight:800;cursor:pointer;
  text-decoration:none!important;
  border:0!important;
  transition:transform .18s var(--ease),filter .18s,background .18s,box-shadow .18s;
}
.sg-info__btn:hover{transform:translateY(-1px)}
.sg-info__btn:focus-visible{
  outline:2px solid var(--orange)!important;
  outline-offset:3px;
}
.sg-info__btn--fill{
  background:var(--orange)!important;color:#fff!important;
  box-shadow:0 14px 30px rgba(250,82,46,.28);
}
.sg-info__btn--fill:hover{filter:brightness(1.05)}
.sg-info__btn--line{
  background:transparent!important;color:var(--ink)!important;
  border:1.5px solid var(--line)!important;
}
.sg-info__btn--line:hover{border-color:var(--ink)!important;background:rgba(43,42,41,.04)!important}

/* Mast photo */
.sg-info__mast-grid--tight{align-items:center}
.sg-info__mast-visual{
  margin:0;
  border-radius:1.35rem;
  background:var(--deep);
  color:#fff;
  min-height:240px;
  aspect-ratio:5/4;
  display:flex;flex-direction:column;justify-content:flex-end;
  position:relative;overflow:hidden;
  animation:sg-info-rise .7s .16s var(--ease) both;
}
.sg-info__mast-visual--short{aspect-ratio:16/11;min-height:200px}
.sg-info__mast-visual > img{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;object-position:center;
  display:block;
}
.sg-info__mast-shade{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(180deg, transparent 35%, rgba(43,42,41,.78) 100%),
    radial-gradient(ellipse 70% 60% at 0% 100%, rgba(250,82,46,.28), transparent 55%);
  pointer-events:none;
}
.sg-info__route{
  position:relative;z-index:2;
  display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;
  padding:1.15rem 1.2rem;
  font-size:.9rem;font-weight:800;letter-spacing:.01em;
}
.sg-info__route-line{
  flex:1 1 2rem;min-width:1.5rem;height:2px;
  background:linear-gradient(90deg, rgba(255,255,255,.15), var(--orange), rgba(255,255,255,.15));
  border-radius:999px;
  position:relative;
}
.sg-info__route-line::after{
  content:"";
  position:absolute;left:50%;top:50%;
  width:7px;height:7px;margin:-3.5px;
  border-radius:50%;
  background:var(--orange);
  box-shadow:0 0 0 4px rgba(250,82,46,.25);
}

/* Photo strips */
.sg-info__shots{
  width:min(var(--max),100%);
  margin:0 auto 2.5rem;
  padding:0 var(--pad);
  display:grid;
  grid-template-columns:1.35fr 1fr 1fr 1fr;
  gap:.55rem;
}
.sg-info__shots--trio{
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:2rem;
  margin-bottom:0;
}
.sg-info__shot{
  margin:0;
  border-radius:1.05rem;
  overflow:hidden;
  background:var(--paper);
  aspect-ratio:3/4;
}
.sg-info__shot--wide{aspect-ratio:4/5}
.sg-info__shot img{
  width:100%;height:100%;
  object-fit:cover;display:block;
  transition:transform .55s var(--ease);
}
.sg-info__shot:hover img{transform:scale(1.04)}

.sg-info__split{
  width:min(var(--max),100%);
  margin:0 auto;
  padding:0 var(--pad);
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:clamp(1.25rem,3vw,2.25rem);
  align-items:center;
}
.sg-info__split-media{
  margin:0;border-radius:1.35rem;overflow:hidden;
  aspect-ratio:5/4;background:var(--paper);
}
.sg-info__split-media img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.sg-info__split-copy blockquote{margin:0 0 1rem}
.sg-info__split-copy blockquote p{
  margin:0;
  max-width:18ch;
  font-size:clamp(1.35rem,3vw,1.85rem);
  font-weight:800;letter-spacing:-.03em;line-height:1.35;
  color:var(--ink);
}
.sg-info__split-copy > p{
  margin:0;max-width:34ch;
  font-size:.95rem;line-height:1.8;color:var(--ink);font-weight:500;
}

/* About blocks */
.sg-info__block{
  width:min(var(--max),100%);
  margin:0 auto;
  padding:0 var(--pad) 2.5rem;
}
.sg-info__block-head{
  display:grid;
  grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);
  gap:1.25rem;
  margin-bottom:1.75rem;
  align-items:start;
}
.sg-info__block-head h2{
  margin:0;
  font-size:clamp(1.25rem,2.4vw,1.6rem);
  font-weight:800;letter-spacing:-.02em;
  color:var(--ink);
}
.sg-info__block-head p{
  margin:0;
  font-size:.98rem;line-height:1.8;color:var(--ink);font-weight:500;
}

.sg-info__flow{
  list-style:none;margin:0;padding:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  border-top:1px solid var(--line);
}
.sg-info__flow li{
  padding:1.25rem 1.1rem 1.35rem 0;
  border-left:1px solid var(--line);
  min-height:100%;
}
.sg-info__flow li:last-child{border-left:0;padding-left:0}
.sg-info__flow em{
  display:block;margin-bottom:.55rem;
  font-style:normal;font-size:.75rem;font-weight:800;
  color:var(--orange);letter-spacing:.04em;
}
.sg-info__flow strong{
  display:block;margin-bottom:.4rem;
  font-size:.98rem;font-weight:800;color:var(--ink);
}
.sg-info__flow span{
  display:block;
  font-size:.86rem;line-height:1.7;color:var(--ink);font-weight:500;
}

/* Contact shell — mirrors link-quote compact */
.sg-info__shell{
  width:min(1080px,100%);
  margin:0 auto;
  padding:0 var(--pad);
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  border-radius:1.45rem;
  overflow:hidden;
  border:1px solid var(--line);
  box-shadow:0 24px 60px rgba(18,58,92,.08);
  background:#fff;
}
.sg-info__shell-side{
  background:var(--deep);
  color:#fff;
  padding:clamp(1.5rem,3vw,2rem) clamp(1.25rem,2.5vw,1.75rem);
  position:relative;
}
.sg-info__shell-side::before{
  content:"";
  position:absolute;inset:0;
  background:radial-gradient(ellipse 80% 60% at 0% 100%, rgba(250,82,46,.28), transparent 55%);
  pointer-events:none;
}
.sg-info__shell-brand{
  position:relative;z-index:1;
  margin:0 0 .9rem;
  font-size:1.55rem;font-weight:800;letter-spacing:-.03em;
}
.sg-info__shell-brand::after{
  content:"";display:block;width:1.8rem;height:3px;margin-top:.4rem;
  border-radius:999px;background:var(--orange);
}
.sg-info__shell-title{
  position:relative;z-index:1;
  margin:0 0 1.35rem;
  font-size:1.2rem;font-weight:800;letter-spacing:-.02em;
}
.sg-info__channels{
  position:relative;z-index:1;
  list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:1.1rem;
}
.sg-info__channels span{
  display:block;margin-bottom:.2rem;
  font-size:.72rem;font-weight:800;
  color:rgba(255,179,159,.95);letter-spacing:.04em;
}
.sg-info__channels a,
.sg-info__channels strong{
  font-size:1rem;font-weight:800;color:#fff;
  text-decoration:none!important;
}
.sg-info__channels a:hover{color:#ffb39f}
.sg-info__shell-hint{
  position:relative;z-index:1;
  margin:1.5rem 0 0;padding-top:1.1rem;
  border-top:1px dashed rgba(255,255,255,.18);
  font-size:.84rem;line-height:1.7;
  color:rgba(255,255,255,.62);font-weight:500;
}

.sg-info__shell-form{
  padding:clamp(1.4rem,3vw,1.85rem) clamp(1.25rem,2.5vw,1.75rem);
  background:#fff;
}
.sg-info__form-head{margin:0 0 1.15rem}
.sg-info__form-head h2{
  margin:0 0 .3rem;
  font-size:1.15rem;font-weight:800;color:var(--ink);
}
.sg-info__form-head p{
  margin:0;font-size:.86rem;color:var(--ink);font-weight:500;
}
.sg-info__fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.75rem .7rem;
}
.sg-info__field{display:block;min-width:0}
.sg-info__field--wide{grid-column:1 / -1}
.sg-info__field > span{
  display:flex;align-items:baseline;gap:.35rem;
  margin-bottom:.32rem;
  font-size:.78rem;font-weight:700;color:var(--ink);
}
.sg-info__field i{
  font-style:normal;font-size:.72rem;font-weight:600;color:var(--mute);
}
.sg-info__field input,
.sg-info__field select,
.sg-info__field textarea{
  width:100%;box-sizing:border-box;
  min-height:46px;padding:.6rem .95rem;
  border:1.5px solid var(--line)!important;
  border-radius:.9rem!important;
  background:var(--paper)!important;
  font:inherit;font-weight:600;color:var(--ink);
  transition:border-color .15s,box-shadow .15s,background .15s;
}
.sg-info__field textarea{min-height:128px;resize:vertical}
.sg-info__field input:focus,
.sg-info__field select:focus,
.sg-info__field textarea:focus{
  outline:none!important;
  background:#fff!important;
  border-color:var(--orange)!important;
  box-shadow:0 0 0 3px rgba(250,82,46,.14)!important;
}
.sg-info__form-foot{
  display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;
  margin-top:1.1rem;
}
.sg-info__form-msg{margin:0;font-size:.86rem;font-weight:700}
.sg-info__form-msg.is-ok{color:#047857}
.sg-info__form-msg.is-error{color:#b91c1c}

/* Privacy legal */
.sg-info__legal{
  width:min(var(--max),100%);
  margin:0 auto;
  padding:0 var(--pad);
  display:grid;
  grid-template-columns:200px minmax(0,1fr);
  gap:clamp(1.5rem,4vw,2.75rem);
  align-items:start;
}
.sg-info__index{
  position:sticky;top:6.5rem;
  display:flex;flex-direction:column;gap:.15rem;
  padding-top:.15rem;
}
.sg-info__index a{
  display:block;
  padding:.45rem .15rem .45rem 0;
  font-size:.86rem;font-weight:700;
  color:var(--mute);
  text-decoration:none!important;
  border-right:2px solid transparent;
  padding-right:.65rem;
  transition:color .15s,border-color .15s;
}
.sg-info__index a:hover,
.sg-info__index a:focus-visible{
  color:var(--ink);
  border-right-color:var(--orange);
}
.sg-info__article{
  max-width:38rem;
  padding-bottom:1rem;
}
.sg-info__article section{
  margin:0 0 2rem;
  padding:0 0 2rem;
  border-bottom:1px solid var(--line);
  scroll-margin-top:6.5rem;
}
.sg-info__article section:last-child{
  margin:0;padding:0;border:0;
}
.sg-info__article h2{
  margin:0 0 .7rem;
  font-size:1.12rem;font-weight:800;
  color:var(--ink);letter-spacing:-.02em;
}
.sg-info__article p,
.sg-info__article li{
  margin:0 0 .7rem;
  font-size:.95rem;line-height:1.9;
  color:var(--ink);font-weight:500;
}
.sg-info__article ul{
  margin:.2rem 0 0;padding:0 1.15rem 0 0;
}
.sg-info__article a{
  color:var(--orange);font-weight:800;text-decoration:none!important;
}
.sg-info__article a:hover{text-decoration:underline!important}
.sg-info__sep{margin:0 .35rem;color:#c5ced8}

@keyframes sg-info-rise{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:none}
}

@media(max-width:900px){
  .sg-info__mast-grid,
  .sg-info__block-head,
  .sg-info__legal,
  .sg-info__shell,
  .sg-info__split{grid-template-columns:1fr}
  .sg-info__shots{grid-template-columns:1fr 1fr}
  .sg-info__shot--wide{grid-column:1 / -1;aspect-ratio:16/10}
  .sg-info__flow{grid-template-columns:1fr 1fr}
  .sg-info__flow li:nth-child(2n){border-left:0;padding-left:0}
  .sg-info__index{
    position:static;
    flex-direction:row;flex-wrap:wrap;gap:.35rem .85rem;
    padding-bottom:.85rem;
    border-bottom:1px solid var(--line);
    margin-bottom:.5rem;
  }
  .sg-info__index a{
    border-right:0;padding:.25rem 0;
    font-size:.8rem;
  }
  .sg-info__h1{max-width:none}
  .sg-info__split-copy blockquote p{max-width:none}
}
@media(max-width:560px){
  .sg-info__flow{grid-template-columns:1fr}
  .sg-info__flow li{border-left:0;padding-left:0;border-bottom:1px solid var(--line)}
  .sg-info__flow li:last-child{border-bottom:0}
  .sg-info__fields{grid-template-columns:1fr}
  .sg-info__shots--trio{grid-template-columns:1fr 1fr;gap:.4rem}
  .sg-info__shots--trio .sg-info__shot:last-child{grid-column:1 / -1;aspect-ratio:16/9}
}
@media(prefers-reduced-motion:reduce){
  .sg-info__wordmark,
  .sg-info__kicker,
  .sg-info__h1,
  .sg-info__deck,
  .sg-info__actions,
  .sg-info__mast-visual{animation:none!important}
  .sg-info__btn{transition:none!important}
  .sg-info__btn:hover{transform:none}
}
