/* Pojedinačne strane praksi (Practice area) — sadržaj dolazi iz baze
   (pages.elementor_html sa `.prc-single` korenom). Pravila su preuzeta
   iz isporučenog šablona i skopirana na `.prc-single` da ne curi na
   ostatak sajta. Interaktivnost: src/lib/practiceFx.ts */
/* Ikonice (strelice u breadcrumb-u, CTA, indeks praksi) — font se deklariše
   ovde jer vendor/fontawesome.css nije globalno učitan. */
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url("/assets/fonts/fa/5673d8af-ab3f-4919-a39a-67eacebd166f.woff2") format("woff2")}
.prc-single *,.prc-single *::before,.prc-single *::after{box-sizing:border-box;margin:0;padding:0}
.prc-single{--green:#238882;--green-d:#186F69;--green-l:#59BBB2;--ink:#0E0A1B;--ink-2:#150E24}
.prc-single{font-family:'Poppins',sans-serif;color:#4F5E70;background:#fff;overflow-x:clip}
.prc-single a{text-decoration:none;color:var(--green)}
.prc-single a:hover{color:var(--green-d)}
.prc-single img{display:block;max-width:100%}
.prc-single .container{max-width:1300px;margin:0 auto;padding:0 30px}
.prc-single .btn{display:inline-flex;align-items:center;gap:9px;border:none;border-radius:6px;font-family:inherit;font-size:14px;font-weight:500;padding:14px 28px;cursor:pointer;transition:background 200ms,color 200ms,border-color 200ms;text-decoration:none}
.prc-single .btn-green{background:var(--green);color:#fff}
.prc-single .btn-green:hover{background:var(--green-d);color:#fff}
.prc-single .btn-outline{background:transparent;color:var(--green);border:1.5px solid var(--green)}
.prc-single .btn-outline:hover{background:var(--green);color:#fff}
.prc-single .eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin-bottom:16px}
.prc-single .eyebrow-c{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin-bottom:16px;text-align:center}
.prc-single .sec-head{text-align:center;max-width:780px;margin:0 auto 56px}
.prc-single .sec-head h2{font-size:40px;font-weight:700;color:#0E0A1B;line-height:1.22;letter-spacing:-.02em;text-wrap:pretty}
.prc-single .sec-head p{font-size:18px;font-weight:400;color:#5A6672;line-height:1.65;margin-top:18px;text-wrap:pretty}
.prc-single /* hero */
.hero{position:relative;background:#07050D;overflow:hidden;padding:44px 0 132px}
.prc-single .hero-tex{position:absolute;inset:0;pointer-events:none;background:url('/assets/images/backgrounds/bg-section-8.png') center top/1400px auto repeat;-webkit-mask-image:radial-gradient(ellipse 85% 80% at 50% 45%,#000 25%,transparent 80%);mask-image:radial-gradient(ellipse 85% 80% at 50% 45%,#000 25%,transparent 80%)}
.prc-single .hero::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 62% 52% at 50% 42%,rgba(35,136,130,.22),transparent 72%);pointer-events:none}
.prc-single .hero-inner{position:relative;z-index:2;max-width:1300px;margin:0 auto;padding:72px 30px 0}
.prc-single .crumb{position:absolute;top:10px;left:30px;right:30px;z-index:3;display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.06em;color:rgba(255,255,255,.34);margin-bottom:0}
.prc-single .crumb a{color:rgba(255,255,255,.42)}
.prc-single .crumb a:hover{color:var(--green-l)}
.prc-single .crumb i{font-family:"Font Awesome 5 Free";font-weight:900;font-style:normal;line-height:1;display:inline-block}
.prc-single .crumb i.fa-chevron-right::before{content:"\f054"}
.prc-single .crumb a:first-child::before{content:"\f060";font-family:"Font Awesome 5 Free";font-weight:900;font-size:10px;margin-right:8px;display:inline-block;transition:transform 200ms ease}
.prc-single .crumb a:first-child:hover::before{transform:translateX(-3px)}
.prc-single .btn i{font-family:"Font Awesome 5 Free";font-weight:900;font-style:normal;line-height:1;display:inline-block}
.prc-single .btn i.fa-arrow-right::before{content:"\f061"}
.prc-single .hero-cols{display:block}
.prc-single .hero-eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--green-l);margin-bottom:20px}
.prc-single .hero h1{font-size:60px;font-weight:700;line-height:1.12;letter-spacing:-.02em;color:#fff;text-wrap:pretty}
.prc-single .hero-sub{margin-top:28px;font-size:18px;color:rgba(255,255,255,.75);line-height:1.65;max-width:760px;text-wrap:pretty}
.prc-single .hero .btn{margin-top:38px}
.prc-single .facts{border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.03);padding:8px 30px}
.prc-single .fact{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.prc-single .fact:last-child{border-bottom:none}
.prc-single .fact dt{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45);flex-shrink:0}
.prc-single .fact dd{font-size:15.5px;font-weight:500;color:#fff;text-align:right;line-height:1.45}
.prc-single /* intro */
.intro{background:#fff;padding:96px 0 0}
.prc-single .intro-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:80px;align-items:start}
.prc-single .intro-lead{font-size:23px;font-weight:500;line-height:1.5;color:#0E0A1B;letter-spacing:-.01em;text-wrap:pretty}
.prc-single .intro-body{margin-top:26px;display:flex;flex-direction:column;gap:18px}
.prc-single .intro-body p{font-size:16.5px;line-height:1.75;color:#5A6672;text-wrap:pretty}
.prc-single .rail{border-left:2px solid #EDEFF1;padding-left:28px}
.prc-single .rail h4{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#0E0A1B;margin-bottom:18px}
.prc-single .rail ul{list-style:none;display:flex;flex-direction:column;gap:12px}
.prc-single .rail a{font-size:15px;color:#5A6672;line-height:1.5}
.prc-single .rail a:hover{color:var(--green)}
.prc-single /* why */
.why{background:#F7F8F9;padding:96px 0 104px;margin-top:96px}
.prc-single .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.prc-single .why-card{border:1px solid #E7EAEC;border-radius:16px;padding:34px 34px 36px;background:#fff;transition:border-color 220ms,box-shadow 220ms}
.prc-single .why-card:hover{border-color:rgba(35,136,130,.45);box-shadow:0 14px 40px rgba(14,10,27,.07)}
.prc-single .why-ic{color:var(--green);font-size:21px}
.prc-single .why-card h3{font-size:19px;font-weight:700;color:#0E0A1B;letter-spacing:-.01em;margin-top:20px;text-wrap:pretty}
.prc-single .why-card p{font-size:15.5px;color:#5A6672;line-height:1.7;margin-top:10px;text-wrap:pretty}
.prc-single /* key areas */
.areas{background:#fff;padding:96px 0 104px}
.prc-single .areas-grid{position:relative;display:grid;grid-template-columns:290px minmax(0,1fr);gap:72px;align-items:start}
.prc-single .idx{position:sticky;top:106px;align-self:start;max-height:calc(100vh - 130px);overflow-y:auto;display:flex;flex-direction:column;gap:2px}
.prc-single .idx a{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:baseline;padding:11px 14px;border-radius:9px;font-size:14.5px;line-height:1.4;color:#8C96A0;transition:color 300ms,background 300ms}
.prc-single .idx a span{font-size:12px;font-weight:600;letter-spacing:.06em;color:#C3CAD1;transition:color 300ms}
.prc-single .idx a:hover{color:#0E0A1B;background:#F7F8F9}
.prc-single .idx a.on{color:#0E0A1B;background:#F2F7F6;font-weight:500}
.prc-single .idx a.on span{color:var(--green)}
.prc-single .area{position:relative;padding:34px 26px 36px 22px;border-top:1px solid #E7EAEC;border-radius:12px;opacity:.62;transition:background 420ms ease,opacity 420ms ease}
.prc-single .area:first-child{border-top:none}
.prc-single .area::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:2px;background:var(--green);opacity:0;transform:scaleY(.4);transition:opacity 420ms ease,transform 420ms ease}
.prc-single .area.on{background:#F2F7F6;opacity:1}
.prc-single .area.on::before{opacity:1;transform:scaleY(1)}
.prc-single .area-n{font-size:12px;font-weight:600;letter-spacing:.1em;color:#B7C0C9;margin-bottom:12px;transition:color 420ms ease}
.prc-single .area.on .area-n{color:var(--green)}
.prc-single .area h3{font-size:26px;font-weight:700;color:#6B7A8D;letter-spacing:-.02em;line-height:1.3;text-wrap:pretty;transition:color 420ms ease}
.prc-single .area.on h3{color:#0E0A1B}
.prc-single .area ul{list-style:none;margin-top:22px;display:flex;flex-direction:column;gap:12px}
.prc-single .area li{position:relative;padding-left:24px;font-size:16px;line-height:1.7;color:#6B7A8D;text-wrap:pretty;transition:color 420ms ease}
.prc-single .area.on li{color:#5A6672}
.prc-single .area li::before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:#D2D8DE;transition:background 420ms ease}
.prc-single .area.on li::before{background:var(--green)}
@media (prefers-reduced-motion:reduce){
.prc-single .area,.prc-single .area::before,.prc-single .area-n,.prc-single .area h3,.prc-single .area li{transition:none}
}
.prc-single .res{margin-top:24px;background:#F2F7F6;border-left:2px solid var(--green);border-radius:0 10px 10px 0;padding:18px 24px;font-size:15.5px;line-height:1.65;color:#3D4B5A;text-wrap:pretty}
.prc-single .res b{display:block;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin-bottom:6px}
.prc-single /* flow */
.flow{background:#07050D;padding:96px 0 104px;position:relative;overflow:hidden}
.prc-single .flow::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px);background-size:84px 84px;-webkit-mask-image:radial-gradient(ellipse 92% 88% at 50% 46%,#000 45%,transparent 88%);mask-image:radial-gradient(ellipse 92% 88% at 50% 46%,#000 45%,transparent 88%);pointer-events:none}
.prc-single .flow .container{position:relative}
.prc-single .flow .sec-head h2{color:#fff}
.prc-single .flow .sec-head p{color:rgba(255,255,255,.72)}
.prc-single .flow .eyebrow-c{color:var(--green-l)}
.prc-single .flow-grid{position:relative;max-width:860px;margin:0 auto;padding-left:22px}
.prc-single .flow-grid::before{content:"";position:absolute;left:23px;top:14px;bottom:14px;width:1px;background:linear-gradient(180deg,rgba(89,187,178,.5),rgba(255,255,255,.14) 22%,rgba(255,255,255,.14) 78%,transparent)}
.prc-single .flow-step{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:0 34px;padding:0 0 46px}
.prc-single .flow-step:last-child{padding-bottom:0}
.prc-single .flow-n{width:38px;height:38px;border-radius:50%;border:1px solid rgba(89,187,178,.5);display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:600;letter-spacing:.06em;color:var(--green-l);background:#07050D;position:relative;z-index:1;margin-left:-18px}
.prc-single .flow-step h3{font-size:20px;font-weight:600;color:#fff;letter-spacing:-.01em;line-height:1.35;padding-top:7px;text-wrap:pretty}
.prc-single .flow-step p{grid-column:2;font-size:15.5px;color:rgba(255,255,255,.66);line-height:1.7;margin-top:10px;max-width:560px;text-wrap:pretty}
.prc-single /* matters */
.mat{background:#F7F8F9;padding:96px 0 104px}
.prc-single .mat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.prc-single .mat-card{background:#fff;border:1px solid #E7EAEC;border-radius:16px;padding:32px 34px 34px;transition:border-color 220ms,box-shadow 220ms}
.prc-single .mat-card:hover{border-color:rgba(35,136,130,.45);box-shadow:0 14px 38px rgba(14,10,27,.07)}
.prc-single .mat-tag{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin-bottom:14px}
.prc-single .mat-card h3{font-size:19px;font-weight:600;color:#0E0A1B;letter-spacing:-.01em;line-height:1.4;text-wrap:pretty}
.prc-single .mat-card p{font-size:15.5px;color:#5A6672;line-height:1.7;margin-top:10px;text-wrap:pretty}
.prc-single /* team */
.team{background:#fff;padding:96px 0 104px}
.prc-single .team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;max-width:1000px;margin:0 auto}
.prc-single .p-card{border:1px solid #E7EAEC;border-radius:16px;overflow:hidden;background:#fff;transition:border-color 220ms,transform 220ms,box-shadow 220ms}
.prc-single .p-card:hover{border-color:rgba(35,136,130,.45);transform:translateY(-3px);box-shadow:0 14px 38px rgba(14,10,27,.08)}
.prc-single .p-ph{aspect-ratio:3/4;background:#EDEFF1}
.prc-single .p-body{padding:22px 24px 26px}
.prc-single .p-body h3{font-size:18px;font-weight:600;color:#0E0A1B;letter-spacing:-.01em}
.prc-single .p-role{font-size:13.5px;color:#8C96A0;margin-top:4px}
.prc-single .p-body a{font-size:13.5px;font-weight:600;display:inline-flex;align-items:center;gap:7px;margin-top:14px}
/* related — directory index */
.prc-single .rel{background:#fff;padding:44px 0 46px;border-top:1px solid #ECEEF0}
.prc-single .rel .sec-head{text-align:left;max-width:none;margin:0 0 40px}
.prc-single .rel .sec-head .eyebrow-c{justify-content:flex-start;text-align:left;margin-left:0}
.prc-single .rel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:56px;row-gap:0;max-width:none;margin:0;border-top:1px solid #E6E9EC}
.prc-single .rel-grid a{position:relative;display:flex;align-items:center;min-height:64px;padding:18px 34px 18px 0;font-size:15.5px;font-weight:500;line-height:1.4;color:#1B2430;letter-spacing:-.005em;background:transparent;border:0;border-bottom:1px solid #E6E9EC;border-radius:0;transition:color 200ms,padding 220ms ease}
.prc-single .rel-grid a::before{content:"";position:absolute;left:0;top:50%;width:0;height:1px;background:var(--green);transition:width 220ms ease}

/* Ikona linka uz svaki naziv oblasti (kao na Foreigners Desk) */
.prc-single .rel-grid a::after{content:"\00a0\00a0\f35d";font-family:"Font Awesome 5 Free";font-weight:900;font-size:9.5px;color:var(--green);opacity:.6;transform:none;transition:opacity 200ms,transform 200ms}
.prc-single .rel-grid a:hover{color:var(--green);background:transparent;padding-left:28px}
.prc-single .rel-grid a:hover::before{width:18px}
.prc-single .rel-grid a:hover::after{opacity:1;transform:translate(1px,-1px)}
@media (max-width:900px){
.prc-single .rel-grid{grid-template-columns:1fr;column-gap:0}
.prc-single .rel{padding:32px 0 34px}
}

.prc-single /* faq */
.faq{background:#fff;padding:48px 0}
.prc-single .faq-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.prc-single .faq-item{border:1px solid #E4E7EA;border-radius:12px;background:#F7F8F9;overflow:hidden}
.prc-single .faq-item[open]{border-color:rgba(35,136,130,.45)}
.prc-single .faq-item summary{cursor:pointer;list-style:none;padding:22px 26px;font-size:16.5px;font-weight:600;color:#0E0A1B;display:flex;align-items:center;justify-content:space-between;gap:20px}
.prc-single .faq-item summary::-webkit-details-marker{display:none}
.prc-single .faq-item summary::after{content:"+";color:var(--green);font-size:22px;font-weight:400;line-height:1;flex-shrink:0}
.prc-single .faq-item[open] summary::after{content:"–"}
.prc-single .faq-item p{padding:0 26px 24px;font-size:15.5px;line-height:1.7;color:#4F5E70;text-wrap:pretty}
.prc-single .faq-item p+p{margin-top:-8px}
.prc-single /* close + blog + news */
.close{background:#100A1E url('/assets/images/backgrounds/bg-section-12.png') center/cover no-repeat;padding:96px 0;text-align:center}
.prc-single .close h2{font-size:40px;font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1.25}
.prc-single .close p{font-size:18px;color:rgba(255,255,255,.75);margin:20px auto 36px;max-width:640px;line-height:1.65;text-wrap:pretty}
.prc-single .close .eyebrow-c{color:var(--green-l)}
.prc-single .blog{background:#fff;padding:48px 0 12px}
.prc-single .blog h2{font-size:40px;font-weight:700;color:#0E0A1B;letter-spacing:-.02em}
.prc-single .blog-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px}
.prc-single .blog-nav{display:flex;gap:10px;flex-shrink:0}
.prc-single .blog-nav button{width:42px;height:42px;border-radius:50%;border:1px solid #DDE1E5;background:#fff;color:#0E0A1B;font-size:14px;cursor:pointer;transition:background 200ms,border-color 200ms}
.prc-single .blog-nav button:hover{background:rgba(35,136,130,.1);border-color:var(--green)}
.prc-single .blog-rail{display:flex;gap:24px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none}
.prc-single .blog-rail::-webkit-scrollbar{display:none}
.prc-single .blog-card{flex:0 0 340px;scroll-snap-align:start;background:#F7F8F9;border:1px solid #E4E7EA;border-radius:14px;overflow:hidden;transition:border-color 220ms,transform 220ms,box-shadow 220ms}
.prc-single .blog-card:hover{border-color:rgba(35,136,130,.45);transform:translateY(-3px);box-shadow:0 14px 38px rgba(14,10,27,.08)}
.prc-single .blog-ph{aspect-ratio:16/9;background:#E8EAEC}
.prc-single .blog-body{padding:24px 26px 28px}
.prc-single .blog-tag{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin-bottom:12px}
.prc-single .blog-card h3{font-size:17.5px;font-weight:600;color:#0E0A1B;line-height:1.42;letter-spacing:-.01em}
.prc-single .blog-meta{font-size:12.5px;color:#8C96A0;margin-top:12px}
@media (max-width:1180px){
.prc-single .hero h1{font-size:46px}
.prc-single .sec-head h2,.prc-single .close h2,.prc-single .blog h2{font-size:34px}
.prc-single .areas-grid{grid-template-columns:1fr;gap:40px}
.prc-single .idx{position:static;flex-direction:row;flex-wrap:wrap}
.prc-single .idx a{grid-template-columns:auto;background:#F7F8F9}
.prc-single .idx a span{display:none}
.prc-single .why-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
.prc-single .hero-cols,.prc-single .intro-grid,.prc-single .mat-grid,.prc-single .why-grid{grid-template-columns:1fr;gap:40px}
.prc-single .hero h1{font-size:36px}
.prc-single .rail{border-left:none;padding-left:0}
}

/* ——— Mobilna optimizacija (pojedinačne strane praksi) ——— */
@media (max-width:640px){
  .prc-single .container{padding:0 18px}
  .prc-single .hero-inner{padding:56px 18px 0}

  /* hero */
  .prc-single .hero{padding:32px 0 64px}
  .prc-single .crumb{position:absolute;top:6px;left:18px;right:18px;z-index:3;flex-wrap:wrap;gap:7px;font-size:10.5px;margin-bottom:0}
  .prc-single .hero h1{font-size:29px;line-height:1.18}
  .prc-single .hero-eyebrow{font-size:11px;margin-bottom:14px}
  .prc-single .hero-sub{margin-top:18px;font-size:15.5px}
  .prc-single .hero .btn{margin-top:26px}
  .prc-single .btn{width:100%;justify-content:center;padding:14px 20px}
  .prc-single .facts{padding:4px 18px}
  .prc-single .fact{flex-direction:column;align-items:flex-start;gap:6px;padding:16px 0}
  .prc-single .fact dd{text-align:left;font-size:15px}

  /* naslovi sekcija */
  .prc-single .sec-head{margin-bottom:34px}
  .prc-single .sec-head h2,.prc-single .close h2,.prc-single .blog h2{font-size:26px;line-height:1.28}
  .prc-single .sec-head p{font-size:15.5px;margin-top:14px}
  .prc-single .eyebrow-c,.prc-single .eyebrow{font-size:11px;letter-spacing:.12em}

  /* intro + rail */
  .prc-single .intro{padding:56px 0 0}
  .prc-single .intro-grid{gap:32px}
  .prc-single .intro-lead{font-size:19px}
  .prc-single .intro-body p{font-size:15.5px}
  .prc-single .rail{background:#F7F8F9;border-radius:12px;padding:20px 18px}
  .prc-single .rail ul{gap:10px}

  /* why */
  .prc-single .why{padding:56px 0 60px;margin-top:56px}
  .prc-single .why-grid{grid-template-columns:1fr;gap:16px}
  .prc-single .why-card{padding:24px 22px 26px}

  /* key practice areas + indeks */
  .prc-single .areas{padding:56px 0 60px}
  .prc-single .areas-grid{gap:24px}
  .prc-single .idx{margin:0 -18px;padding:0 18px 4px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:8px}
  .prc-single .idx::-webkit-scrollbar{display:none}
  .prc-single .idx a{flex:0 0 auto;padding:9px 14px;font-size:13.5px;border-radius:999px;border:1px solid #E7EAEC;white-space:nowrap}
  .prc-single .area{padding:24px 16px 26px 16px}
  .prc-single .area h3{font-size:21px}
  .prc-single .area li{font-size:15.5px;padding-left:20px}
  .prc-single .area ul{margin-top:16px;gap:10px}
  .prc-single .res{padding:16px 18px;font-size:15px}

  /* flow */
  .prc-single .flow{padding:56px 0 60px}
  .prc-single .flow-grid{padding-left:18px}
  .prc-single .flow-grid::before{left:19px}
  .prc-single .flow-step{grid-template-columns:32px minmax(0,1fr);gap:0 20px;padding-bottom:34px}
  .prc-single .flow-n{width:32px;height:32px;font-size:11.5px;margin-left:-16px}
  .prc-single .flow-step h3{font-size:17.5px;padding-top:5px}
  .prc-single .flow-step p{font-size:15px}

  /* matters / team */
  .prc-single .mat{padding:56px 0 60px}
  .prc-single .mat-grid{grid-template-columns:1fr;gap:16px}
  .prc-single .mat-card{padding:24px 22px 26px}
  .prc-single .team{padding:56px 0 60px}
  .prc-single .team-grid{grid-template-columns:1fr;gap:18px}

  /* related directory */
  .prc-single .rel{padding:28px 0 30px}
  .prc-single .rel .sec-head{margin-bottom:24px}
  .prc-single .rel-grid a{min-height:56px;padding:15px 0;font-size:15px}
  .prc-single .rel-grid a:hover{padding-left:0}

  /* faq */
  .prc-single .faq{padding:36px 0}
  .prc-single .faq-item summary{padding:18px 18px;font-size:15.5px;gap:14px}
  .prc-single .faq-item p{padding:0 18px 20px;font-size:15px}

  /* close + blog */
  .prc-single .close{padding:60px 0}
  .prc-single .close p{font-size:15.5px;margin:16px auto 28px}
  .prc-single .blog{padding:36px 0 12px}
  .prc-single .blog-top{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:26px}
  .prc-single .blog-nav{display:none}
  .prc-single .blog-rail{margin:0 -18px;padding:0 18px 8px;gap:16px}
  .prc-single .blog-card{flex:0 0 82%}
  .prc-single .blog-body{padding:20px 20px 22px}
  .prc-single .blog-card h3{font-size:16.5px}
}

/* Sidra ispod fiksnog zaglavlja na mobilnom */
@media (max-width:900px){
  .prc-single section[id],.prc-single [id^="a"]{scroll-margin-top:86px}
}