/* LANDING CATEGORY PREMIUM */

.landing-category-page,
.landing-category-page *{box-sizing:border-box}

.landing-category-page{background:#fbfaf6;color:#17130b;overflow:hidden}

.landing-hero{
  position:relative;
  min-height:620px;
  display:grid;
  align-items:end;
  width:min(1440px,calc(100% - 40px));
  margin:32px auto 70px;
  overflow:hidden;
  background:#111827;
  box-shadow:14px 14px 0 rgba(15,18,24,.14);
}

.landing-hero-bg{position:absolute;inset:0}
.landing-hero-bg:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.42),rgba(0,0,0,.10));
}
.landing-hero-bg img{width:100%;height:100%;object-fit:cover;display:block}

.landing-hero-copy{
  position:relative;
  z-index:2;
  max-width:840px;
  padding:54px;
  color:#fff;
}

.landing-hero-copy span,
.landing-head span,
.landing-seo-box span{
  display:inline-flex;
  padding:8px 12px;
  margin-bottom:16px;
  background:linear-gradient(135deg,#f3d98d,#c8a45d,#8f6b2b);
  color:#17130b;
  font-size:12px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.landing-hero-copy h1{
  margin:0;
  font-size:clamp(44px,7vw,94px);
  line-height:.90;
  letter-spacing:-.085em;
}

.landing-hero-copy p{
  max-width:760px;
  margin:20px 0 0;
  color:rgba(255,255,255,.78);
  font-size:17px;
  line-height:1.8;
}

.landing-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.landing-hero-actions a{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  background:#fff;
  color:#17130b;
  text-decoration:none;
  font-weight:950;
}
.landing-hero-actions a:first-child{
  background:linear-gradient(135deg,#f3d98d,#c8a45d,#8f6b2b);
}

.landing-section{
  width:min(1320px,calc(100% - 40px));
  margin:70px auto;
}

.landing-head{
  max-width:840px;
  margin:0 auto 28px;
  text-align:center;
}
.landing-head h2,
.landing-seo-box h2{
  margin:0;
  color:#17130b;
  font-size:clamp(38px,5vw,74px);
  line-height:.92;
  letter-spacing:-.08em;
}
.landing-head p,
.landing-seo-box p{
  color:#756b5c;
  line-height:1.75;
  font-size:16px;
}

.landing-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.landing-grid .elm-property{display:block!important}

.landing-seo-box{
  width:min(1080px,calc(100% - 40px));
  margin:70px auto;
  padding:42px;
  background:#fff;
  border:1px solid rgba(24,20,14,.10);
  box-shadow:10px 10px 0 rgba(15,18,24,.08);
}

.landing-links{
  width:min(1180px,calc(100% - 40px));
  margin:40px auto 80px;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
}
.landing-links a{
  min-height:70px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:14px;
  background:#17130b;
  color:#fff;
  text-decoration:none;
  font-weight:950;
}
.landing-links a:hover{
  background:linear-gradient(135deg,#f3d98d,#c8a45d,#8f6b2b);
  color:#17130b;
}

.elm-inspire-grid a{
  color:inherit;
  text-decoration:none;
}

@media(max-width:1050px){
  .landing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .landing-links{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:720px){
  .landing-hero,
  .landing-section,
  .landing-seo-box,
  .landing-links{
    width:calc(100% - 28px);
  }
  .landing-hero{min-height:560px;margin-top:18px}
  .landing-hero-copy{padding:28px}
  .landing-grid{grid-template-columns:1fr}
  .landing-links{grid-template-columns:1fr}
}


/* INDEX INSPIRATION TILES — landing style */
.landing-style-inspire{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}

.landing-style-inspire a{
  position:relative!important;
  min-height:230px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  overflow:hidden!important;
  padding:26px!important;
  background:
    radial-gradient(circle at 80% 10%,rgba(243,217,141,.24),transparent 28%),
    linear-gradient(135deg,#05070c,#111827 58%,#2b2116)!important;
  color:#fff!important;
  text-decoration:none!important;
  border:1px solid rgba(243,217,141,.22)!important;
  box-shadow:8px 8px 0 rgba(15,18,24,.14)!important;
  transition:transform .25s ease,box-shadow .25s ease!important;
}

.landing-style-inspire a:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 45%);
  pointer-events:none;
}

.landing-style-inspire a:hover{
  transform:translateY(-6px)!important;
  box-shadow:14px 14px 0 rgba(15,18,24,.18)!important;
}

.landing-style-inspire em{
  position:relative!important;
  z-index:2!important;
  width:42px!important;
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-bottom:auto!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#f3d98d,#c8a45d,#8f6b2b)!important;
  color:#17130b!important;
  font-style:normal!important;
  font-weight:950!important;
}

.landing-style-inspire strong{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  margin-top:30px!important;
  color:#fff!important;
  font-size:clamp(24px,2.4vw,36px)!important;
  line-height:.98!important;
  letter-spacing:-.06em!important;
}

.landing-style-inspire small{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  margin-top:10px!important;
  color:rgba(255,255,255,.70)!important;
  font-weight:850!important;
  line-height:1.45!important;
}

.landing-empty{
  width:min(860px,100%);
  margin:0 auto;
  padding:34px;
  background:#fff;
  border:1px solid rgba(24,20,14,.10);
  box-shadow:10px 10px 0 rgba(15,18,24,.08);
  text-align:center;
}

.landing-empty strong{
  display:block;
  color:#17130b;
  font-size:32px;
  letter-spacing:-.05em;
}

.landing-empty p{
  color:#756b5c;
  line-height:1.7;
}

.landing-empty a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  margin-top:12px;
  padding:0 18px;
  background:#17130b;
  color:#fff;
  text-decoration:none;
  font-weight:950;
}

@media(max-width:900px){
  .landing-style-inspire{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  .landing-style-inspire{grid-template-columns:1fr!important}
  .landing-style-inspire a{min-height:210px!important}
}



/* BACK BUTTON — duplicated also inline as critical CSS in engine */
.landing-back-btn{
    position:fixed!important;
    left:20px!important;
    top:95px!important;
    z-index:99999!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:52px!important;
    min-height:52px!important;
    padding:0 22px!important;
    background:#ffffff!important;
    color:#17130b!important;
    text-decoration:none!important;
    font-size:14px!important;
    font-weight:950!important;
    line-height:1!important;
    border:1px solid rgba(24,20,14,.08)!important;
    border-radius:999px!important;
    box-shadow:0 10px 30px rgba(0,0,0,.10)!important;
    transition:transform .22s ease, box-shadow .22s ease!important;
}
.landing-back-btn:hover{
    transform:translateY(-3px)!important;
    box-shadow:0 16px 40px rgba(0,0,0,.14)!important;
}
.landing-back-btn:active{
    transform:translateY(-1px)!important;
}
@media(max-width:768px){
    .landing-back-btn{
        left:12px!important;
        top:82px!important;
        height:46px!important;
        min-height:46px!important;
        padding:0 18px!important;
        font-size:13px!important;
    }
}