/* Сви производи (/shop/) - kartica = list tehničkog crteža (uzor: .sheet i .tb naslovne). Samo tokeni iz zm.css. */
.crumb{padding:22px 0 0;color:var(--ink-2)}
.crumb a:hover{color:var(--orah)}
.crumb span{margin:0 8px;color:var(--celik)}
.pl-w{padding-bottom:clamp(72px,8vw,120px)}
.pl-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 32px;padding:22px 0 30px;margin-bottom:34px;border-bottom:1px solid var(--line)}
.pl-h h1{font-size:clamp(1.9rem,3.4vw,3rem)}
.pl-h .mono{color:var(--breza-d);letter-spacing:.12em}
.pl-e{color:var(--ink-2)}
.pl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,28px)}
.pc{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--rc);overflow:hidden;background:#fff;transition:border-color .3s}
.pc:hover{border-color:var(--line-b)}
.pc-img{position:relative;display:block;aspect-ratio:4/3;background:#fff;overflow:hidden}
.pc-img::before{content:"";position:absolute;inset:0;z-index:1;opacity:.55;pointer-events:none;
  background:linear-gradient(var(--line) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/40px 40px;
  -webkit-mask:radial-gradient(ellipse 50% 50% at 50% 55%,transparent 45%,#000 90%);mask:radial-gradient(ellipse 50% 50% at 50% 55%,transparent 45%,#000 90%)}
.pc-img img{width:100%;height:100%;object-fit:contain;padding:8% 6% 4%;mix-blend-mode:multiply;transition:transform 1.2s var(--ez)}
.pc:hover .pc-img img{transform:scale(1.04)}
.pc-m{position:absolute;left:20px;top:16px;z-index:2;color:var(--ink-2)}
.crn{position:absolute;width:18px;height:18px;border:0 solid var(--gun);z-index:2}
.crn.a{left:10px;top:10px;border-width:1.5px 0 0 1.5px}.crn.b{right:10px;top:10px;border-width:1.5px 1.5px 0 0}
.crn.c{left:10px;bottom:10px;border-width:0 0 1.5px 1.5px}.crn.d{right:10px;bottom:10px;border-width:0 1.5px 1.5px 0}
.pc-b{display:flex;flex-direction:column;gap:10px;flex:1;padding:22px 24px 24px;border-top:1px solid var(--line)}
.pc-b h2{font-size:1.2rem}
.pc-b h2 a:hover{color:var(--orah)}
.pc-b p{color:var(--ink-2);font-size:.95rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pc-f{margin-top:auto;padding-top:8px;display:grid;gap:14px}
.pc-p{display:flex;align-items:baseline;gap:8px}
.pc-p b{font-family:var(--fh);font-weight:600;font-size:1.8rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pc-p span{font-family:var(--fm);font-size:.9rem;color:var(--ink-2)}
.pc-a{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pc-a .btn{padding-inline:14px}
.pc-a .btn:only-child{grid-column:1/-1}

/* jedan proizvod: kartica preko cele širine, slika levo (kao .pd strane proizvoda) */
.pl:has(>.pc:only-child){grid-template-columns:minmax(0,1fr)}
.pc:only-child{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.pc:only-child .pc-img{aspect-ratio:16/10}
.pc:only-child .pc-b{border-top:0;border-left:1px solid var(--line);background:var(--papir);padding:clamp(24px,3vw,40px);gap:14px}
.pc:only-child .pc-b h2{font-size:clamp(1.4rem,2vw,1.9rem)}
.pc:only-child .pc-b p{-webkit-line-clamp:6;max-width:46ch}
.pc:only-child .pc-p b{font-size:2.2rem}

@media (max-width:1100px){.pl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1000px){
  .pc:only-child{display:flex}
  .pc:only-child .pc-b{border-left:0;border-top:1px solid var(--line)}
}
@media (max-width:620px){
  .wrap{--wrap:calc(100% - 32px)}
  .pl{grid-template-columns:minmax(0,1fr)}
  .pl-h{padding:16px 0 22px;margin-bottom:24px}
  .pc-b{padding:18px}
  .pc:only-child .pc-img{aspect-ratio:4/3}
}