/* A négy váz kizárólag elrendezést ad; a színek a tenant tématokenjeiből jönnek. */
.template-shell{min-width:0}
.template-shell [data-template-slot]{min-width:0}
.template-shell[data-template-font="collector"]{--serif:Georgia,"Times New Roman",serif}
.template-shell[data-template-font="boutique"]{--serif:"Cormorant Garamond",ui-serif,Georgia,serif;letter-spacing:.012em}
body[data-template-font="collector"]{--serif:Georgia,"Times New Roman",serif}
body[data-template-font="boutique"]{--serif:"Cormorant Garamond",ui-serif,Georgia,serif;letter-spacing:.012em}

/* Készletmátrix: sűrű, rácsos navigáció és háromoszlopos nagy készlet. */
.template-shell--matrix .template-shell__matrix-frame{display:grid;grid-template-columns:84px minmax(0,1fr);min-width:0}
.template-shell--matrix .template-page-slot{display:block;min-width:0}
.template-shell__matrix-rail{background:var(--bg-2);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:18px;align-items:center;padding-top:36px}
.template-shell__matrix-rail i{display:block;width:18px;height:18px;border:1px solid var(--gold);opacity:.75}
.template-shell__matrix-rail i:nth-child(2){background:var(--gold-soft)}
.template-shell__matrix-rail i:nth-child(3){border-radius:99px}
.template-shell--matrix .hero{display:block;min-height:min(74vh,760px)}
/* Relative stats belong below the copy, not in a second min-content flex column. */
.template-shell--matrix .hero-in{min-width:0}
.template-shell--matrix .hero-in{padding-block:clamp(52px,8vh,86px)}
.template-shell--matrix .hero-stats{position:relative;margin-top:auto}
.template-shell--matrix .scroll-hint{display:none}
.template-shell--matrix .home-catalog .wrap{max-width:none;padding:0}
.template-shell--matrix .home-catalog-grid--grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.template-shell--matrix .home-catalog-grid--large{grid-template-columns:repeat(2,minmax(0,1fr))}
.template-shell--matrix .home-catalog-grid--large .pcard{display:block}
.template-shell--matrix .home-catalog-grid--large .pcard .media{aspect-ratio:4/5;min-height:0}
.template-shell--matrix .home-catalog-grid--large .pcard .body{display:block;padding:18px}
.template-shell--matrix .home-catalog-grid--large .pcard h3{font-size:clamp(20px,2vw,30px)}
.template-shell--matrix .catalog-control,.template-shell--matrix .home-view-switch{border-radius:0}

@media (max-width:980px){
  .template-shell--matrix .template-shell__matrix-frame{grid-template-columns:minmax(0,1fr)}
  .template-shell__matrix-rail{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;justify-content:flex-end;padding:12px var(--pad)}
  .template-shell--matrix .home-catalog-grid--grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .template-shell--matrix .home-catalog-grid{margin-inline:0}
}
@media (max-width:560px){
  .template-shell--matrix .home-catalog-grid--grid,.template-shell--matrix .home-catalog-grid--large{grid-template-columns:1fr}
  .template-shell--matrix .hero{min-height:0}
}

/* Editorial: keskeny olvasási hasáb, archívum-szerű oldalsó gerinc és történetközpontú ritmus. */
.template-shell--editorial{background:linear-gradient(90deg,var(--bg-2),var(--bg) 24%,var(--bg) 76%,var(--bg-2))}
.template-shell__editorial-masthead{height:8px;display:grid;grid-template-columns:2fr 1fr 3fr;gap:3px;padding:0 3px;background:var(--bg)}
.template-shell__editorial-masthead i{background:var(--gold);opacity:.7}
.template-shell__editorial-masthead i:nth-child(2){opacity:.3}
.template-shell__editorial-frame{display:grid;grid-template-columns:clamp(58px,8vw,132px) minmax(0,1fr);max-width:1500px;margin:0 auto}
.template-shell__editorial-spine{border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:92px}
.template-shell__editorial-spine span{width:1px;height:74px;background:linear-gradient(var(--gold),transparent)}
.template-shell__editorial-spine span+span{height:26px;background:var(--line-2)}
.template-shell--editorial .template-page-slot{display:block;min-width:0}
.template-shell--editorial .hero{display:block;min-height:auto;border-bottom:0}
.template-shell--editorial .hero-bg{opacity:.34}
.template-shell--editorial .hero-in{max-width:960px;margin:0 auto;padding-block:clamp(96px,15vw,220px)}
.template-shell--editorial .hero h1{font-size:clamp(52px,9vw,132px);max-width:10ch}
/* site.js animates individual words as inline blocks. A long tenant word must
   still fit the reading column; keep its animation and allow emergency wraps. */
.template-shell--editorial .hero h1{overflow-wrap:anywhere}
.template-shell--editorial .hero h1 .w{max-width:100%}
.template-shell--editorial .hero .lead{max-width:46ch;font-family:var(--serif);font-size:clamp(19px,2vw,27px);line-height:1.5}
.template-shell--editorial .home-catalog-toolbar{margin-top:54px}
.template-shell--editorial .hero-stats{position:relative;margin-top:44px;background:transparent;backdrop-filter:none}
.template-shell--editorial .hero-stats .in{grid-template-columns:repeat(2,1fr);max-width:960px;margin:0 auto}
.template-shell--editorial .scroll-hint{display:none}
.template-shell--editorial .home-catalog{background:transparent;padding-top:clamp(48px,9vw,132px)}
.template-shell--editorial .home-catalog .wrap{max-width:1080px}
.template-shell--editorial .home-catalog-grid--grid,.template-shell--editorial .home-catalog-grid--large{grid-template-columns:1fr}
.template-shell--editorial .home-catalog-grid .pcard{display:grid;grid-template-columns:minmax(180px,.76fr) minmax(0,1.24fr);background:transparent}
.template-shell--editorial .home-catalog-grid .pcard .media{aspect-ratio:4/5;min-height:0}
.template-shell--editorial .home-catalog-grid .pcard .body{align-self:end;padding:clamp(22px,4vw,56px)}
.template-shell--editorial .home-catalog-grid .pcard h3{font-size:clamp(30px,4vw,62px);white-space:normal}
.template-shell--editorial .home-catalog-grid .pcard:nth-child(even){grid-template-columns:minmax(0,1.24fr) minmax(180px,.76fr)}
.template-shell--editorial .home-catalog-grid .pcard:nth-child(even) .media{order:2}
@media (max-width:700px){
  .template-shell__editorial-frame{grid-template-columns:1fr}
  .template-shell__editorial-spine{display:none}
  .template-shell--editorial .hero-in{padding-block:74px}
  .template-shell--editorial .home-catalog-grid .pcard,.template-shell--editorial .home-catalog-grid .pcard:nth-child(even){display:block}
  .template-shell--editorial .home-catalog-grid .pcard .media{aspect-ratio:1/1}
  .template-shell--editorial .home-catalog-grid .pcard .body{padding:22px}
  .template-shell--editorial .hero-stats .in{grid-template-columns:1fr 1fr}
}

/* Classic boutique: nyugodt, szalon-jellegű középvonal és keretezett kollekció. */
.template-shell--classic{background:var(--bg-2);padding-inline:clamp(0px,4vw,64px)}
.template-shell__classic-ornament{display:flex;align-items:center;gap:14px;max-width:1380px;margin:0 auto;padding:16px var(--pad) 8px;color:var(--gold)}
.template-shell__classic-ornament i{display:block;flex:1;height:1px;background:var(--line)}
.template-shell__classic-ornament span{width:7px;height:7px;border:1px solid currentColor;transform:rotate(45deg);opacity:.72}
.template-shell__classic-salon{max-width:1380px;margin:0 auto;background:var(--bg);border-inline:1px solid var(--line);min-width:0}
.template-shell--classic .hero{display:block;min-height:min(70vh,720px);border-bottom:1px solid var(--line)}
.template-shell--classic .hero-bg{opacity:.28}
.template-shell--classic .hero-in{max-width:900px;margin:0 auto;text-align:center;padding-block:clamp(68px,10vw,150px)}
.template-shell--classic .hero-kicker{justify-content:center}
.template-shell--classic .hero h1{max-width:13ch;margin-inline:auto;font-size:clamp(48px,7.5vw,108px)}
/* home.js wraps animated words in inline blocks. Constrain each word to the
   heading column, then wrap long tenant copy without clipping its letters. */
.template-shell--classic .hero h1{overflow-wrap:anywhere}
.template-shell--classic .hero h1 .w{max-width:100%}
.template-shell--classic .hero .lead{max-width:56ch;margin-inline:auto}
.template-shell--classic .hero-actions{justify-content:center}
.template-shell--classic .hero-stats{position:relative;left:auto;right:auto;width:100%;margin-top:0;background:var(--bg-2);backdrop-filter:none}
.template-shell--classic .hero-stats .in{max-width:1060px}
.template-shell--classic .home-catalog{padding-block:clamp(42px,7vw,92px);background:var(--bg)}
.template-shell--classic .home-catalog .wrap{max-width:1180px}
.template-shell--classic .home-catalog-toolbar{border-top:1px solid var(--line);padding-top:18px}
.template-shell--classic .home-catalog-grid--grid,.template-shell--classic .home-catalog-grid--large{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.template-shell--classic .home-catalog-grid .pcard{background:var(--bg);padding:clamp(12px,2vw,24px)}
.template-shell--classic .home-catalog-grid .pcard .media{aspect-ratio:1/1;min-height:0}
.template-shell--classic .home-catalog-grid .pcard .body{padding:18px 4px 4px}
.template-shell--classic .home-catalog-grid .pcard h3{font-size:clamp(24px,3vw,42px)}
.template-shell--classic .scroll-hint{display:none}
@media (max-width:700px){
  .template-shell--classic{padding-inline:0}
  .template-shell__classic-salon{border-inline:0}
  .template-shell--classic .hero{min-height:0}
  .template-shell--classic .hero-in{padding-block:72px}
  .template-shell--classic .home-catalog-grid--grid,.template-shell--classic .home-catalog-grid--large{grid-template-columns:1fr}
}