/* Lijepa Priča – O nama & Kontakt v0.1.0
   Vizuelni jezik usklađen sa Modern Home / Modern Catalog. */
body.lp-brand-page {
  --lp-ink:#292722;
  --lp-muted:#6f6a61;
  --lp-ivory:#fbf8f3;
  --lp-sand:#eee7dc;
  --lp-taupe:#b7a48e;
  --lp-olive:#646554;
  --lp-white:#fff;
  --lp-line:rgba(41,39,34,.10);
  --lp-shadow:0 18px 48px rgba(42,36,29,.09);
  --lp-shadow-hover:0 24px 60px rgba(42,36,29,.14);
  --lp-radius:20px;
  background:var(--lp-ivory);
  color:var(--lp-ink);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

body.lp-brand-page .entry-header {display:none!important;}
body.lp-brand-page #secondary {display:none!important;}
body.lp-brand-page #primary,
body.lp-brand-page main#primary {width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;}
body.lp-brand-page .site-content > .ast-container,
body.lp-brand-page #content > .ast-container,
body.lp-brand-page .ast-container.ast-container {width:100%!important;max-width:none!important;padding:0!important;display:block!important;}
body.lp-brand-page .entry-content {margin:0!important;}
body.lp-brand-page .site-content {padding:0!important;background:var(--lp-ivory)!important;}

.lp-brand-shell{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:46px 0 92px;}
.lp-brand-shell *{box-sizing:border-box;}
.lp-brand-shell h1,.lp-brand-shell h2{font-family:Georgia,'Times New Roman',serif;color:var(--lp-ink);font-weight:500;letter-spacing:-.035em;margin:0;}
.lp-brand-shell h1{font-size:clamp(44px,6vw,80px);line-height:.99;}
.lp-brand-shell h2{font-size:clamp(32px,4.3vw,54px);line-height:1.08;}
.lp-brand-shell h3{color:var(--lp-ink);font-size:20px;line-height:1.25;margin:0 0 9px;font-weight:750;}
.lp-brand-shell p{color:var(--lp-muted);font-size:16px;line-height:1.75;margin:0;}
.lp-brand-shell .lp-lead{font-size:clamp(17px,1.7vw,20px);line-height:1.7;max-width:720px;}
.lp-section{margin-top:88px;}
.lp-eyebrow,.lp-section-kicker{display:inline-block;color:var(--lp-olive);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px;}

.lp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;padding:12px 24px;font-size:14px;font-weight:750;line-height:1.2;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;}
.lp-btn:hover{transform:translateY(-2px);}
.lp-btn--primary{background:var(--lp-ink);color:#fff!important;border:1px solid var(--lp-ink);box-shadow:0 10px 24px rgba(41,39,34,.13);}
.lp-btn--primary:hover{box-shadow:0 16px 32px rgba(41,39,34,.19);}
.lp-btn--ghost{background:transparent;color:var(--lp-ink)!important;border:1px solid rgba(41,39,34,.22);}
.lp-btn--ghost:hover{background:var(--lp-white);box-shadow:0 10px 24px rgba(41,39,34,.07);}
.lp-btn--light{background:#fff;color:var(--lp-ink)!important;border:1px solid rgba(255,255,255,.75);box-shadow:0 10px 28px rgba(0,0,0,.10);}
.lp-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px;}

/* ABOUT HERO */
.lp-brand-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.65fr);gap:70px;align-items:stretch;padding:68px 70px;border:1px solid var(--lp-line);border-radius:32px;background:linear-gradient(135deg,#fff 0%,#f7f1e8 100%);box-shadow:var(--lp-shadow);overflow:hidden;position:relative;}
.lp-brand-hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-170px;bottom:-210px;border:1px solid rgba(100,101,84,.17);box-shadow:0 0 0 55px rgba(100,101,84,.035),0 0 0 110px rgba(100,101,84,.025);}
.lp-brand-hero__copy{position:relative;z-index:2;align-self:center;}
.lp-brand-hero__copy .lp-lead{margin-top:24px;}
.lp-brand-hero__visual{position:relative;z-index:2;background:var(--lp-ink);border-radius:26px;min-height:365px;padding:34px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;box-shadow:0 24px 50px rgba(41,39,34,.16);}
.lp-monogram{font-family:Georgia,'Times New Roman',serif;font-size:clamp(72px,8vw,116px);line-height:1;color:#f4efe7;letter-spacing:-.08em;opacity:.95;}
.lp-hero-note{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.18);padding-top:24px;gap:4px;}
.lp-hero-note strong{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:28px;}
.lp-hero-note span{color:rgba(255,255,255,.68);font-size:13px;line-height:1.45;max-width:220px;}

/* STORY */
.lp-story{padding:0 28px;}
.lp-story__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start;}
.lp-story__copy{display:grid;gap:18px;}
.lp-story__copy strong{color:var(--lp-ink);}

/* VALUES */
.lp-values{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.lp-value-card{background:var(--lp-white);border:1px solid var(--lp-line);border-radius:var(--lp-radius);padding:30px;box-shadow:var(--lp-shadow);transition:transform .22s ease,box-shadow .22s ease;}
.lp-value-card:hover{transform:translateY(-4px);box-shadow:var(--lp-shadow-hover);}
.lp-icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:var(--lp-sand);color:var(--lp-olive);margin-bottom:24px;flex:0 0 auto;}
.lp-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}

/* OFFER */
.lp-offer{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start;background:#f1eadf;border-radius:28px;padding:56px 60px;border:1px solid rgba(41,39,34,.07);}
.lp-offer__intro p{margin-top:17px;max-width:480px;}
.lp-offer__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.lp-offer__list span{display:flex;align-items:center;min-height:58px;background:rgba(255,255,255,.72);border:1px solid rgba(41,39,34,.08);border-radius:15px;padding:15px 18px;color:var(--lp-ink);font-weight:700;}
.lp-offer__list span:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lp-olive);margin-right:12px;opacity:.8;}

.lp-cta-card{display:flex;align-items:center;justify-content:space-between;gap:36px;background:var(--lp-ink);border-radius:28px;padding:52px 58px;color:#fff;box-shadow:0 22px 54px rgba(41,39,34,.15);}
.lp-cta-card h2{color:#fff;max-width:720px;}
.lp-cta-card .lp-eyebrow{color:#cfc5b7;}

/* CONTACT */
.lp-contact-hero{text-align:center;padding:58px 20px 18px;}
.lp-contact-hero .lp-lead{margin:22px auto 0;max-width:760px;}
.lp-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.lp-contact-card{display:flex;flex-direction:column;background:var(--lp-white);border:1px solid var(--lp-line);border-radius:var(--lp-radius);padding:30px;text-decoration:none!important;box-shadow:var(--lp-shadow);color:var(--lp-ink)!important;transition:transform .22s ease,box-shadow .22s ease;min-height:250px;}
a.lp-contact-card:hover{transform:translateY(-4px);box-shadow:var(--lp-shadow-hover);}
.lp-contact-card .lp-icon{margin-bottom:auto;}
.lp-contact-card__label{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--lp-olive);margin:28px 0 8px;}
.lp-contact-card strong{font-family:Georgia,'Times New Roman',serif;font-size:22px;line-height:1.25;font-weight:500;color:var(--lp-ink);overflow-wrap:anywhere;}
.lp-contact-card small{display:block;margin-top:9px;color:var(--lp-muted);font-size:13px;line-height:1.45;}

.lp-contact-main{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;padding:58px;border-radius:28px;background:linear-gradient(135deg,#f1eadf,#f8f4ed);border:1px solid var(--lp-line);}
.lp-contact-main__intro p{margin:20px 0 28px;max-width:520px;}
.lp-contact-main__intro strong{color:var(--lp-ink);}
.lp-steps{display:grid;gap:12px;}
.lp-step{display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:center;background:rgba(255,255,255,.72);border:1px solid rgba(41,39,34,.08);border-radius:18px;padding:18px 20px;}
.lp-step>span{font-family:Georgia,'Times New Roman',serif;font-size:28px;color:var(--lp-taupe);}
.lp-step strong{color:var(--lp-ink);font-size:15px;}
.lp-step p{font-size:13px;line-height:1.5;margin-top:2px;}

.lp-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start;}
.lp-faq__head{position:sticky;top:120px;}
.lp-faq__items{border-top:1px solid var(--lp-line);}
.lp-faq details{border-bottom:1px solid var(--lp-line);padding:0;}
.lp-faq summary{list-style:none;cursor:pointer;padding:23px 42px 23px 0;color:var(--lp-ink);font-size:16px;font-weight:750;position:relative;}
.lp-faq summary::-webkit-details-marker{display:none;}
.lp-faq summary:after{content:"+";position:absolute;right:6px;top:20px;font-size:25px;font-weight:300;color:var(--lp-olive);transition:transform .2s ease;}
.lp-faq details[open] summary:after{transform:rotate(45deg);}
.lp-faq details p{padding:0 52px 23px 0;font-size:14px;}

.lp-contact-note{display:flex;gap:20px;align-items:center;background:var(--lp-white);border:1px solid var(--lp-line);border-radius:var(--lp-radius);padding:28px 32px;box-shadow:0 12px 36px rgba(42,36,29,.06);}
.lp-contact-note .lp-icon{margin:0;}
.lp-contact-note strong{display:block;color:var(--lp-ink);font-size:17px;margin-bottom:4px;}
.lp-contact-note p{font-size:14px;}

@media (max-width:921px){
  .lp-brand-shell{width:min(100% - 32px,1000px);padding:30px 0 72px;}
  .lp-section{margin-top:64px;}
  .lp-brand-hero{grid-template-columns:1fr;gap:34px;padding:46px 38px;}
  .lp-brand-hero__visual{min-height:280px;}
  .lp-story{padding:0 8px;}
  .lp-story__grid,.lp-offer,.lp-contact-main,.lp-faq{grid-template-columns:1fr;gap:36px;}
  .lp-values,.lp-contact-grid{grid-template-columns:1fr;}
  .lp-value-card,.lp-contact-card{min-height:0;}
  .lp-contact-card .lp-icon{margin-bottom:18px;}
  .lp-contact-card__label{margin-top:0;}
  .lp-offer{padding:42px 36px;}
  .lp-contact-main{padding:42px 36px;}
  .lp-faq__head{position:static;}
  .lp-cta-card{align-items:flex-start;flex-direction:column;padding:42px 38px;}
}

@media (max-width:600px){
  .lp-brand-shell{width:calc(100% - 24px);padding-top:18px;}
  .lp-brand-shell h1{font-size:clamp(40px,13vw,58px);}
  .lp-brand-shell h2{font-size:34px;}
  .lp-brand-hero{padding:34px 24px;border-radius:24px;}
  .lp-brand-hero__visual{min-height:230px;padding:26px;border-radius:20px;}
  .lp-section{margin-top:52px;}
  .lp-values{gap:14px;}
  .lp-value-card{padding:24px;}
  .lp-offer{padding:32px 22px;border-radius:22px;}
  .lp-offer__list{grid-template-columns:1fr;gap:9px;}
  .lp-cta-card{padding:34px 24px;border-radius:22px;}
  .lp-contact-hero{padding:38px 10px 4px;}
  .lp-contact-grid{gap:14px;}
  .lp-contact-card{padding:24px;}
  .lp-contact-main{padding:32px 22px;border-radius:22px;}
  .lp-step{grid-template-columns:44px 1fr;padding:15px;gap:12px;}
  .lp-step>span{font-size:23px;}
  .lp-faq summary{padding-right:34px;}
  .lp-contact-note{align-items:flex-start;padding:22px;}
  .lp-actions{flex-direction:column;align-items:stretch;}
  .lp-btn{width:100%;}
}