/* Obe grafični predlogi, uporabljaj obstoječo pisavo. */
.pgd-st-page{font:inherit;color:#1d344d;background:#f3f6fa;padding-bottom:80px}
.pgd-st-hero{background:linear-gradient(115deg,#0c1e31,#203c56);border-bottom:3px solid #ce343d}
.pgd-st-content{padding-top:38px}
.pgd-st-admin{background:#fff;padding:13px 18px;border:1px solid #ddd;border-radius:8px}
.pgd-st-admin a{color:#c42c34;font-weight:700;text-decoration:none}
.pgd-st-divide{display:flex;align-items:center;gap:15px;max-width:700px;margin:10px auto 28px}
.pgd-st-divide span{height:1px;flex:1;background:#b8c7d5}
.pgd-st-divide img{object-fit:contain}
.pgd-st-title{text-align:center;font-size:clamp(1.65rem,3vw,2.6rem);margin:0 0 28px;font-weight:800}
.pgd-st-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:58px}
.pgd-st-category{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;text-align:center;padding:22px 14px 23px;border:1px solid #d7e0eb;border-top:4px solid #cb333b;border-radius:6px;background:#fff;color:#172d43;text-decoration:none!important;min-height:150px;transition:transform .2s ease,box-shadow .2s ease}
.pgd-st-category:hover,.pgd-st-category:focus-visible{transform:translateY(-3px);box-shadow:0 10px 30px #132e4820}
.pgd-st-category strong{font-size:1.05rem;line-height:1.4}
.pgd-st-ico,.pgd-st-section-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:13px;background:#fceced;color:#c73139}
.pgd-st-arrow{position:absolute;right:12px;top:10px;color:#c73139}
.pgd-st-section{scroll-margin-top:105px;margin:0 0 38px;background:#fff;border:1px solid #dce4ec;border-top:3px solid #cb333b;border-radius:7px;overflow:hidden}
.pgd-st-section-head{display:flex;align-items:center;gap:16px;padding:21px 23px;background:#f9fbfd}
.pgd-st-section-head h2{margin:0;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:780;color:#142f49}
.pgd-st-section-icon{height:43px;width:43px;flex:0 0 43px}
.pgd-st-table-wrap{max-width:100%;overflow-x:auto}
.pgd-st-table{width:100%;border-collapse:collapse;text-align:left;font-size:1rem}
.pgd-st-table thead{background:#142e47;color:#fff}
.pgd-st-table th,.pgd-st-table td{padding:14px 18px;vertical-align:top;border-bottom:1px solid #e1e6ec}
.pgd-st-table tbody tr:nth-child(even){background:#f9fafc}
.pgd-st-table th:first-child{width:56%}
.pgd-st-table td{white-space:nowrap;width:22%}
.pgd-st-table td:last-child{color:#be303a}
.pgd-st-unit,.pgd-st-draft{font-size:.83em;font-weight:400;color:#5e6f80;display:block;margin-top:5px}
.pgd-st-draft{color:#a25b00;font-weight:bold}
.pgd-st-details{margin-top:8px;font-weight:normal;color:#3a4f66}
.pgd-st-details summary{cursor:pointer;font-size:.83em;color:#c73139;list-style:auto}
.pgd-st-detail-body{margin-top:12px;line-height:1.7;font-size:.93em}
.pgd-st-detail-body img{max-width:250px;width:100%;height:auto;border-radius:6px;object-fit:cover;float:right;margin:0 0 10px 12px}
.pgd-st-detail-body:after{display:table;content:"";clear:both}
.pgd-st-note{font-weight:600}
.pgd-st-edit{display:inline-block;margin-top:8px;font-size:.78rem;color:#a12a33;text-decoration:none}
.pgd-st-term-note{padding:17px 20px;background:#fff8ee;border-left:4px solid #d99b43;line-height:1.65;font-size:.94rem;color:#593e20}
.pgd-st-warning{background:#b72831;color:white;border-radius:6px;padding:16px 20px;margin:16px 0 30px;letter-spacing:.04em}
.pgd-st-source{font-size:.87rem;color:#526579;line-height:1.6;padding:15px 5px 30px}
.pgd-st-source p{margin:5px 0}
.pgd-st-empty{text-align:center;min-height:200px;padding:55px 15px}
@media(max-width:650px){.pgd-st-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pgd-st-category{padding:14px 8px;min-height:140px}.pgd-st-category strong{font-size:.87rem}.pgd-st-section-head{padding:14px}.pgd-st-table{font-size:.85rem}.pgd-st-table th,.pgd-st-table td{padding:10px 8px}.pgd-st-ico{width:42px;height:42px}.pgd-st-content{padding-top:20px}}
@media(prefers-reduced-motion:reduce){.pgd-st-category{transition:none}}

/* PGD-STORITVE-PREMIUM-V2.2 */
/* PGD Ljutomer – STORITVE, vizualna prenova v2.2.
   Namenoma omejeno na .pgd-st-page: drugi deli strani ostanejo nedotaknjeni.
   Vseskozi uporablja obstoječo pisavo aktivne predloge. */

.pgd-st-page .pgd-st-content {
  --pgd-st-p-red: #c81935;
  --pgd-st-p-red-deep: #ad132c;
  --pgd-st-p-navy: #10233f;
  --pgd-st-p-ink: #1b324a;
  --pgd-st-p-border: #e5e9f0;
  --pgd-st-p-pale: #fff0f2;
  position: relative;
  isolation: isolate;
  max-width: 1320px;
  padding-top: clamp(26px, 3vw, 48px);
}
/* Nežna silhueta gasilca je povsem dekorativna; ne pokriva povezav. */
.pgd-st-page .pgd-st-content::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 112px;
  right: 0;
  width: min(37%, 410px);
  height: 400px;
  background: url("storitve-ozadje.webp") center right / contain no-repeat;
  opacity: .56;
  pointer-events: none;
  filter: saturate(.72);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 25%);
  mask-image: linear-gradient(90deg, transparent, #000 25%);
}
.pgd-st-page .pgd-st-content > * {position: relative; z-index: 1;}

/* Uredniške povezave, vidne samo pooblaščenemu uredniku. */
.pgd-st-page .pgd-st-admin {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 22px;
  margin: 0 0 clamp(30px,4vw,54px);
  padding: 18px clamp(18px,2.7vw,32px);
  min-height: 66px;
  background: rgba(255,255,255,.94);
  border: 1px solid #e6e9ef;
  border-radius: 16px;
  box-shadow: 0 8px 22px rgba(19,38,65,.06);
  line-height: 1.45;
}
.pgd-st-page .pgd-st-admin a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 36px;
  color: #bd1c35;
  font-weight: 800;
  font-size: clamp(.78rem,1vw,.99rem);
  letter-spacing: .005em;
  text-decoration: none !important;
  transition: color .16s ease;
}
.pgd-st-page .pgd-st-admin a:hover { color:#8d1529; }
.pgd-st-page .pgd-st-admin a::before {
  content: "";
  flex: 0 0 25px;
  width:25px;height:25px;
  display: inline-block;
  background: url("ikona-nastavitve.svg") center/contain no-repeat;
}
.pgd-st-page .pgd-st-admin a:nth-of-type(2)::before {
  background-image: url("ikona-dokument.svg");
}
.pgd-st-page .pgd-st-admin a:focus-visible,
.pgd-st-page .pgd-st-category:focus-visible,
.pgd-st-page .pgd-st-pov-topcta a:focus-visible {
  outline: 3px solid #f099a8;
  outline-offset: 4px;
}

/* Naslov, grb in gumb za povpraševanje. */
.pgd-st-page .pgd-st-divide {
  width: min(100%, 720px);
  margin: 7px auto 22px;
  gap: 22px;
}
.pgd-st-page .pgd-st-divide span {height:1px;background:#c5d0de;}
.pgd-st-page .pgd-st-divide img {width:40px;height:54px;object-fit:contain;}
.pgd-st-page .pgd-st-title {
  margin: 0 auto 19px;
  font-size: clamp(2.15rem,4.15vw,3.65rem);
  line-height: 1.14;
  letter-spacing: -.037em;
  color: var(--pgd-st-p-navy);
  font-weight: 850;
  text-align: center;
}
.pgd-st-page .pgd-st-pov-topcta {
  margin: 0 auto clamp(34px,4vw,58px);
  text-align:center;
}
.pgd-st-page .pgd-st-pov-topcta a {
  display: inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  max-width: 100%;
  min-height: 62px;
  padding: 15px clamp(19px,3vw,38px);
  border-radius:12px;
  background: linear-gradient(155deg,#e32a41,#b91431);
  box-shadow: 0 13px 24px rgba(142,20,45,.19),inset 0 1px rgba(255,255,255,.16);
  color:#fff!important;
  font-size: clamp(.88rem,1.65vw,1.3rem);
  font-weight:850;
  letter-spacing:.015em;
  text-decoration:none!important;
  line-height:1.2;
  transition: transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.pgd-st-page .pgd-st-pov-topcta a:hover {
  background:linear-gradient(155deg,#c91c35,#9d1029);
  transform:translateY(-2px);
  box-shadow:0 17px 26px rgba(142,20,45,.26);
}

/* Pet enotnih, modernih kartic. */
.pgd-st-page .pgd-st-categories {
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:stretch;
  gap: clamp(12px,1.45vw,22px);
  margin: 0 0 61px;
  padding: 0 0 27px;
}
.pgd-st-page .pgd-st-categories::after {
  content:"";
  position:absolute;
  right:0;left:0;bottom:0;
  height: 4px;
  background: linear-gradient(90deg,#d12842 0%,#cf233e 38%,#102943 100%);
  border-radius:999px;
  opacity:.87;
}
.pgd-st-page .pgd-st-category {
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;
  box-sizing:border-box;
  position:relative;
  min-width:0;
  min-height:226px;
  padding: 30px 14px 25px;
  gap: 22px;
  text-align:center;
  background: rgba(255,255,255,.97);
  color: var(--pgd-st-p-ink)!important;
  border:1px solid #e1e7ee;
  border-top: 5px solid #d8253e;
  border-radius:16px;
  box-shadow:0 9px 23px rgba(25,46,75,.10),0 2px 5px rgba(25,46,75,.025);
  text-decoration:none!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.pgd-st-page .pgd-st-category:hover,
.pgd-st-page .pgd-st-category:focus-visible {
  transform:translateY(-6px);
  border-color:#d5bdc4;
  border-top-color:#a91530;
  box-shadow:0 16px 32px rgba(20,35,62,.16);
}
.pgd-st-page .pgd-st-category strong {
  display:block;
  width:100%;
  margin:0;
  font-size:clamp(.91rem,1.31vw,1.19rem);
  font-weight:800;
  line-height:1.32;
  letter-spacing:-.017em;
  text-wrap:balance;
}
.pgd-st-page .pgd-st-ico {
  flex:0 0 88px;
  display:block;
  width:88px;
  height:88px;
  border-radius:23px;
  background-color: var(--pgd-st-p-pale);
  background-position:center;
  background-repeat:no-repeat;
  background-size:55px 55px;
  box-shadow:inset 0 0 0 1px rgba(208,33,58,.03);
}
.pgd-st-page .pgd-st-ico svg,
.pgd-st-page .pgd-st-section-icon svg {display:none;}
.pgd-st-page .pgd-st-arrow {
  position:absolute;
  top: 15px;right: 17px;
  font-size:0;
  color:#c91c35;
  line-height:1;
}
.pgd-st-page .pgd-st-arrow::after {
  content:"↗";
  font-size:1.65rem;
  font-weight:500;
}

/* Enake nove ikone v zavihkih in naslovih posameznih skupin. */
.pgd-st-page .pgd-st-category[href="#pgd-st-mize-klopi"] .pgd-st-ico,
.pgd-st-page #pgd-st-mize-klopi .pgd-st-section-icon {background-image:url("ikona-mize-klopi.svg");}
.pgd-st-page .pgd-st-category[href="#pgd-st-izposoja-opreme"] .pgd-st-ico,
.pgd-st-page #pgd-st-izposoja-opreme .pgd-st-section-icon {background-image:url("ikona-izposoja.svg");}
.pgd-st-page .pgd-st-category[href="#pgd-st-prevoz-vode"] .pgd-st-ico,
.pgd-st-page #pgd-st-prevoz-vode .pgd-st-section-icon {background-image:url("ikona-voda.svg");}
.pgd-st-page .pgd-st-category[href="#pgd-st-pozarna-straza"] .pgd-st-ico,
.pgd-st-page #pgd-st-pozarna-straza .pgd-st-section-icon {background-image:url("ikona-pozarna-straza.svg");}
.pgd-st-page .pgd-st-category[href="#pgd-st-druge-storitve"] .pgd-st-ico,
.pgd-st-page #pgd-st-druge-storitve .pgd-st-section-icon {background-image:url("ikona-orodja.svg");}
.pgd-st-page .pgd-st-section-icon {
  display:block;
  flex:0 0 52px;
  width:52px;height:52px;
  border-radius:14px;
  background-color:#fff0f2;
  background-position:center;
  background-size:34px 34px;
  background-repeat:no-repeat;
}
.pgd-st-page .pgd-st-section {
  border:1px solid #e4e9f0;
  border-top:3px solid #c91c35;
  border-radius:12px;
  box-shadow:0 7px 22px rgba(12,34,61,.045);
}
.pgd-st-page .pgd-st-section-head {
  background:linear-gradient(100deg,#fff,#f8fafc);
  padding:20px clamp(17px,2.5vw,28px);
}
.pgd-st-page .pgd-st-section-head h2 {font-weight:800;color:#18334e;}
.pgd-st-page .pgd-st-table thead {background:#172d48;}
.pgd-st-page .pgd-st-add-service {
  border-radius:8px;
  border-color:#e9b7c0;
  background:#fff2f4;
  color:#af1d37;
  padding:8px 12px;
  transition:background .15s ease;
}
.pgd-st-page .pgd-st-pov {border-radius:14px;box-shadow:0 9px 27px rgba(16,37,64,.07);}
.pgd-st-page .pgd-st-pov-submit {border-radius:9px!important;}

@media (max-width:1110px) {
  .pgd-st-page .pgd-st-categories {grid-template-columns:repeat(3,minmax(0,1fr));}
  .pgd-st-page .pgd-st-category {min-height:220px;}
  .pgd-st-page .pgd-st-content::before {top:116px;width:40%;opacity:.38;}
}
@media (max-width:720px) {
  .pgd-st-page .pgd-st-content {padding-top:23px;}
  .pgd-st-page .pgd-st-content::before {width:62%;top:130px;opacity:.21;}
  .pgd-st-page .pgd-st-admin {gap:5px 17px;padding:12px 16px;margin-bottom:29px;}
  .pgd-st-page .pgd-st-admin a {font-size:.79rem;min-height:34px;}
  .pgd-st-page .pgd-st-admin a::before {height:21px;width:21px;flex-basis:21px;}
  .pgd-st-page .pgd-st-divide {gap:12px;margin-bottom:15px;}
  .pgd-st-page .pgd-st-divide img {width:33px;height:45px;}
  .pgd-st-page .pgd-st-title {font-size:clamp(2rem,8vw,2.9rem);margin-bottom:17px;}
  .pgd-st-page .pgd-st-categories {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:40px;}
  .pgd-st-page .pgd-st-category {min-height:172px;gap:14px;padding:21px 10px 19px;border-radius:13px;}
  .pgd-st-page .pgd-st-ico {width:66px;height:66px;flex-basis:66px;background-size:43px 43px;border-radius:18px;}
  .pgd-st-page .pgd-st-category strong {font-size:.95rem;}
  .pgd-st-page .pgd-st-arrow {top:10px;right:11px;}
  .pgd-st-page .pgd-st-arrow::after {font-size:1.27rem;}
  .pgd-st-page .pgd-st-pov-topcta {margin-bottom:33px;}
  .pgd-st-page .pgd-st-pov-topcta a {min-height:53px;padding:14px 18px;font-size:.95rem;}
}
@media (max-width:390px) {
  .pgd-st-page .pgd-st-categories {grid-template-columns:1fr;}
  .pgd-st-page .pgd-st-category {min-height:128px;flex-direction:row;justify-content:flex-start;text-align:left;gap:20px;padding:19px 22px;}
  .pgd-st-page .pgd-st-category strong {font-size:1rem;}
  .pgd-st-page .pgd-st-ico {flex-basis:63px;width:63px;height:63px;background-size:39px 39px;}
  .pgd-st-page .pgd-st-arrow {top:10px;right:12px;}
}
@media(prefers-reduced-motion:reduce) {
  .pgd-st-page .pgd-st-category,
  .pgd-st-page .pgd-st-pov-topcta a {transition:none;}
}
