/* pt-food.css v1 – lokalna-jela.php i najbolji-restoran.php (.ptf-*). Izolirano; ne dira globalni CSS. Mobile-first. */
.ptf{max-width:1100px;margin:0 auto;padding:12px 16px 40px;font-family:'Poppins',system-ui,sans-serif;color:#222}
.ptf *{box-sizing:border-box}
.ptf a{color:inherit}
.ptf-nav{display:flex;gap:6px;overflow-x:auto;margin:0 -16px 12px;padding:0 16px 2px;scrollbar-width:none}
.ptf-nav::-webkit-scrollbar{display:none}
.ptf-nav a{flex:0 0 auto;padding:7px 13px;border:1px solid #e6dfd2;border-radius:999px;font-size:13px;font-weight:500;text-decoration:none;background:#fff;color:#444;white-space:nowrap}
.ptf-nav a.is-on{background:#851B2F;border-color:#851B2F;color:#fff}
.ptf-h1{margin:0 0 4px;font-size:22px;line-height:1.2;font-weight:600;color:#851B2F}
.ptf-lead{margin:0 0 12px;font-size:14px;color:#555;line-height:1.45}
.ptf-h2{margin:18px 0 8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#BE9440}
.ptf-sug{display:flex;gap:8px;overflow-x:auto;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none}
.ptf-sug::-webkit-scrollbar{display:none}
.ptf-sug a{flex:0 0 auto;display:flex;flex-direction:column;gap:1px;padding:8px 12px;border:1px solid #e6dfd2;border-radius:12px;background:#faf7f2;text-decoration:none;font-size:13px;font-weight:500;max-width:230px}
.ptf-sug a small{font-size:11px;font-weight:400;color:#777}
.ptf-sug a:active,.ptf-sug a:hover{border-color:#BE9440}
/* filtri */
.ptf-filter{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0;padding:10px;border:1px solid #e6dfd2;border-radius:12px;background:#fff}
.ptf-filter label{display:flex;align-items:center;gap:6px;font-size:13px}
.ptf-filter select{height:38px;padding:0 8px;border:1px solid #d9d0c0;border-radius:8px;background:#fff;font:inherit;font-size:13px;max-width:100%}
.ptf-filter .ptf-f-sel{flex:1 1 120px;min-width:0}
.ptf-filter .ptf-f-sel select{width:100%}
.ptf-filter .ptf-f-chk{padding:0 4px}
.ptf-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 16px;border:1px solid #851B2F;border-radius:999px;background:#851B2F;color:#fff;font:inherit;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer}
.ptf-btn:active,.ptf-btn:hover{background:#6c1626}
.ptf-btn--ghost{background:#fff;color:#851B2F}
.ptf-btn--ghost:active,.ptf-btn--ghost:hover{background:#faf1f3}
.ptf-btn.is-on{background:#faf1f3;color:#851B2F}
.ptf-btn svg{width:15px;height:15px}
.ptf-reset{font-size:12px;color:#777;text-decoration:underline}
/* kartice jela */
.ptf-dishes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:8px}
.ptf-dish a{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:8px;border:1px solid #e6dfd2;border-radius:12px;background:#fff;text-decoration:none;min-height:80px}
.ptf-dish a:active,.ptf-dish a:hover{border-color:#BE9440;background:#fdfbf7}
.ptf-dish.is-empty a{opacity:.65}
.ptf-ph{position:relative;width:64px;height:64px;border-radius:10px;overflow:hidden;background:#f1eadc;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:#851B2F}
.ptf-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ptf-ph--fish{background:#e3eef2;color:#1f5f78}.ptf-ph--meat{background:#f3e3e0;color:#8a2c20}.ptf-ph--pasta{background:#f4ead2;color:#7a5a12}.ptf-ph--sweet{background:#f6e4ea;color:#8a2a4d}.ptf-ph--veg{background:#e5efdf;color:#3b6a23}
.ptf-d-name{display:block;font-size:15px;font-weight:600;line-height:1.25;color:#222}
.ptf-d-meta{display:block;margin-top:2px;font-size:12px;color:#666;line-height:1.35}
.ptf-d-tz{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;font-size:12px;color:#777;line-height:1.35}
.ptf-tag{display:inline-block;margin-right:4px;padding:1px 7px;border-radius:999px;background:#f3eee4;font-size:11px;font-weight:500;color:#6b5320}
.ptf-tag--db{background:#f5e6e9;color:#851B2F}
.ptf-d-price{font-size:13px;font-weight:600;color:#851B2F;white-space:nowrap;text-align:right}
.ptf-d-price small{display:block;font-size:11px;font-weight:400;color:#777}
/* detalj jela */
.ptf-back{display:inline-block;margin:0 0 8px;font-size:13px;color:#851B2F;text-decoration:none}
.ptf-dh{display:grid;grid-template-columns:84px 1fr;gap:12px;align-items:start;margin:0 0 10px}
.ptf-dh .ptf-ph{width:84px;height:84px;border-radius:12px;font-size:30px}
.ptf-dh h2{margin:0 0 4px;font-size:21px;line-height:1.2;font-weight:600;color:#851B2F}
.ptf-dh p{margin:4px 0 0;font-size:13px;color:#555;line-height:1.45}
.ptf-more{margin:0 0 10px;font-size:13px;color:#444}
.ptf-more summary{cursor:pointer;font-weight:500;color:#851B2F}
.ptf-more p{margin:6px 0 0;line-height:1.5}
.ptf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 6px}
.ptf-stats div{padding:8px 6px;border:1px solid #e6dfd2;border-radius:10px;background:#faf7f2;text-align:center}
.ptf-stats b{display:block;font-size:17px;color:#851B2F;font-weight:600}
.ptf-stats span{font-size:11px;color:#666}
.ptf-stat1{display:inline-block;padding:8px 14px;border:1px solid #e6dfd2;border-radius:10px;background:#faf7f2;font-size:13px}
.ptf-stat1 b{font-size:17px;color:#851B2F}
.ptf-note{margin:6px 0;font-size:12px;color:#777;line-height:1.45}
.ptf-cta{margin:10px 0 4px}
.ptf-rows{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.ptf-row{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:8px;border:1px solid #e6dfd2;border-radius:12px;background:#fff}
.ptf-row .ptf-ph{width:52px;height:52px;border-radius:8px;font-size:18px}
.ptf-r-name{display:block;font-size:14px;font-weight:600;line-height:1.25;text-decoration:none;color:#222}
.ptf-r-meta{display:block;margin-top:1px;font-size:12px;color:#666;line-height:1.35}
.ptf-r-it{display:block;margin-top:3px;font-size:12px;color:#444;line-height:1.35}
.ptf-r-it i{font-style:normal;color:#777}
.ptf-r-p{text-align:right;font-size:15px;font-weight:600;color:#851B2F;white-space:nowrap}
.ptf-r-p small{display:block;font-size:11px;font-weight:500}
.ptf-lo{color:#2e7d32}.ptf-hi{color:#b26a00}
.ptf-st{display:inline-block;padding:0 7px;border-radius:999px;font-size:11px;font-weight:500;background:#eef3ee;color:#2e6b32}
.ptf-st--soon{background:#fbf0dc;color:#8a5a00}.ptf-st--closed,.ptf-st--unknown{background:#efefef;color:#666}.ptf-st--season{background:#efefef;color:#777}
.ptf-unc{margin:14px 0;font-size:13px}
.ptf-unc summary{cursor:pointer;font-weight:500;color:#851B2F}
.ptf-unc ul{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:4px}
.ptf-unc li{padding:6px 8px;border:1px dashed #d9d0c0;border-radius:8px;font-size:13px}
.ptf-det{margin:18px 0 8px;font-size:13px;color:#444}
.ptf-det summary{cursor:pointer;font-weight:600;color:#851B2F}
.ptf-det ul{margin:8px 0 0;padding-left:18px;line-height:1.5}
.ptf-foot{margin:14px 0 0;font-size:12px;color:#888}
/* Find My Best Restaurant – upitnik */
.ptf-q{display:grid;gap:10px;margin:8px 0 16px}
.ptf-fs{margin:0;padding:10px 12px;border:1px solid #e6dfd2;border-radius:12px;background:#fff;min-width:0}
.ptf-fs legend{padding:0 6px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#BE9440}
.ptf-chips{display:flex;flex-wrap:wrap;gap:6px}
.ptf-chip{position:relative;display:inline-flex}
.ptf-chip input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.ptf-chip span{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:1px solid #d9d0c0;border-radius:999px;background:#fff;font-size:13px;line-height:1.1}
.ptf-chip input:checked+span{background:#851B2F;border-color:#851B2F;color:#fff}
.ptf-chip input:focus-visible+span{outline:2px solid #BE9440;outline-offset:2px}
.ptf-loc-ex{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;align-items:center}
.ptf-loc-ex select{height:36px;padding:0 8px;border:1px solid #d9d0c0;border-radius:8px;background:#fff;font:inherit;font-size:13px}
.ptf-sel-dish{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #BE9440;border-radius:12px;background:#fdf8ee;font-size:13px}
.ptf-sel-dish a{margin-left:auto;font-size:12px;color:#851B2F}
.ptf-go{display:flex;gap:10px;align-items:center}
.ptf-go .ptf-btn{min-height:44px;padding:0 24px;font-size:14px}
/* rezultati */
.ptf-res{margin:0 0 10px;padding:12px;border:1px solid #e6dfd2;border-radius:14px;background:#fff}
.ptf-res.is-alt{border-style:dashed}
.ptf-res-h{display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:start}
.ptf-res-h .ptf-ph{width:64px;height:64px}
.ptf-res-h h3{margin:0;font-size:16px;line-height:1.25;font-weight:600}
.ptf-res-h h3 a{text-decoration:none;color:#222}
.ptf-res-h h3 em{font-style:normal;margin-right:5px;color:#BE9440}
.ptf-sc{min-width:56px;padding:6px 4px;border-radius:12px;background:#851B2F;color:#fff;text-align:center;line-height:1.1}
.ptf-sc b{display:block;font-size:17px;font-weight:600}
.ptf-sc small{font-size:10px;opacity:.85}
.ptf-sc--mid{background:#a8761c}.ptf-sc--low{background:#7a7a7a}
.ptf-facts{display:flex;flex-wrap:wrap;gap:4px 12px;margin:8px 0 0;font-size:12px;color:#555}
.ptf-why{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:3px;font-size:13px;line-height:1.4}
.ptf-why li{position:relative;padding-left:20px}
.ptf-why li::before{content:"✓";position:absolute;left:2px;top:0;color:#2e7d32;font-weight:700}
.ptf-why li.no{color:#8a5a00}
.ptf-why li.no::before{content:"–";color:#b26a00}
.ptf-dl{margin:8px 0 0;padding:8px 10px;border-radius:10px;background:#faf7f2;font-size:12px;color:#444;line-height:1.5}
.ptf-dl b{color:#851B2F}
.ptf-ft{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0 0}
.ptf-ft span{padding:1px 8px;border-radius:999px;background:#f3eee4;font-size:11px;color:#6b5320}
.ptf-res-f{margin:10px 0 0}
.ptf-bridge{margin:12px 0;padding:10px 12px;border:1px solid #e6dfd2;border-radius:12px;background:#faf7f2;font-size:13px}
.ptf-bridge h3{margin:0 0 6px;font-size:13px;font-weight:600;color:#851B2F}
.ptf-bridge a{display:inline-block;margin:0 6px 6px 0;padding:4px 10px;border:1px solid #d9d0c0;border-radius:999px;background:#fff;font-size:12px;text-decoration:none}
.ptf-w{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:4px 12px}
.ptf-w li{font-size:12px}
.ptf-empty{margin:12px 0;padding:12px;border:1px dashed #d9d0c0;border-radius:12px;font-size:13px;color:#555}
@media(min-width:760px){
 .ptf{padding:18px 20px 56px}
 .ptf-h1{font-size:28px}
 .ptf-nav,.ptf-sug{margin:0;padding:0;overflow:visible;flex-wrap:wrap}
 .ptf-dishes{grid-template-columns:repeat(3,1fr);gap:12px}
 .ptf-dish a{grid-template-columns:1fr;gap:8px;padding:0 0 10px;overflow:hidden;align-content:start}
 .ptf-dish a>.ptf-ph{width:100%;height:150px;border-radius:12px 12px 0 0;font-size:40px}
 .ptf-dish a>span:not(.ptf-ph){padding:0 12px}
 .ptf-d-price{text-align:left}
 .ptf-dh{grid-template-columns:140px 1fr}.ptf-dh .ptf-ph{width:140px;height:140px;font-size:44px}
 .ptf-q{grid-template-columns:1fr 1fr}
 .ptf-fs--wide{grid-column:1/-1}
 .ptf-res-h{grid-template-columns:96px 1fr auto}.ptf-res-h .ptf-ph{width:96px;height:96px}
 .ptf-res-b{display:grid;grid-template-columns:1fr 1fr;gap:12px}
}
@media(min-width:1000px){.ptf-rows{grid-template-columns:1fr 1fr}}

/* v2 (samo najbolji-restoran.php, .ptf-fb): galerija iste veličine, ocjene i recenzije, radno vrijeme sa statusom, prosjeci cijena */
.ptf-fb .ptf-res{padding:10px}
.ptf-fb .ptf-res-h{grid-template-columns:104px minmax(0,1fr) auto;gap:10px;align-items:start}
.ptf-fb .ptf-sl{position:relative;width:104px;height:104px;border-radius:12px;overflow:hidden;background:#f1eadc}
.ptf-fb .ptf-sl .ptf-ph--i{position:absolute;inset:0;width:auto;height:auto;border-radius:0;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:600;color:#851B2F;background:#f1eadc}
.ptf-fb .ptf-sl-t{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#f1eadc}
.ptf-fb .ptf-sl-t::-webkit-scrollbar{display:none}
.ptf-fb .ptf-sl-t img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:center;scroll-snap-stop:always;display:block;max-width:none}
.ptf-fb .ptf-sl-b{position:absolute;top:50%;transform:translateY(-50%);width:26px;height:26px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.88);color:#851B2F;font-size:18px;line-height:24px;text-align:center;cursor:pointer;opacity:0;transition:opacity .15s;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.ptf-fb .ptf-sl-p{left:5px}.ptf-fb .ptf-sl-n{right:5px}
.ptf-fb .ptf-sl:hover .ptf-sl-b,.ptf-fb .ptf-sl-b:focus-visible{opacity:1}
.ptf-fb .ptf-sl-d{position:absolute;left:0;right:0;bottom:5px;display:flex;justify-content:center;gap:4px;pointer-events:none}
.ptf-fb .ptf-sl-d i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.6);box-shadow:0 0 2px rgba(0,0,0,.45)}
.ptf-fb .ptf-sl-d i.on{background:#fff;width:12px;border-radius:3px}
.ptf-fb .ptf-res-m{min-width:0}
.ptf-fb .ptf-res-h h3{font-size:15.5px;line-height:1.25}
.ptf-fb .ptf-rv{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;margin:3px 0 0;font-size:12px;line-height:1.3}
.ptf-fb .ptf-rv b{color:#8a6410;font-weight:700}
.ptf-fb .ptf-rv small{color:#777;font-size:11px}
.ptf-fb .ptf-rv-t b{color:#1c6b45}
.ptf-fb .ptf-oh{display:flex;flex-wrap:wrap;align-items:center;gap:3px 8px;margin-top:5px}
.ptf-fb .ptf-hrs{font-size:11.5px;color:#666}
.ptf-fb .ptf-dm{padding:0 7px;border-radius:999px;background:#f5ecd6;color:#7a5a12;font-size:10.5px;font-weight:600}
.ptf-fb .ptf-st{display:inline-flex;align-items:center;gap:6px;padding:2px 10px 2px 8px;border-radius:999px;font-size:11.5px;font-weight:600;line-height:1.5}
.ptf-fb .ptf-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.ptf-fb .ptf-st--open{background:#e4f5e8;color:#16803a}
.ptf-fb .ptf-st--open .ptf-dot{animation:ptfPulse 1.8s ease-out infinite}
.ptf-fb .ptf-st--soon{background:#fdf0da;color:#b36a00}
.ptf-fb .ptf-st--soon .ptf-dot{animation:ptfBlink 1.2s ease-in-out infinite}
.ptf-fb .ptf-st--closed{background:#fde8e6;color:#b3261e}
.ptf-fb .ptf-st--season,.ptf-fb .ptf-st--unknown{background:#efefef;color:#666}
.ptf-fb .ptf-st--season .ptf-dot,.ptf-fb .ptf-st--unknown .ptf-dot{opacity:.5}
@keyframes ptfPulse{0%{box-shadow:0 0 0 0 rgba(22,128,58,.55)}70%{box-shadow:0 0 0 7px rgba(22,128,58,0)}100%{box-shadow:0 0 0 0 rgba(22,128,58,0)}}
@keyframes ptfBlink{0%,100%{opacity:1}50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.ptf-fb .ptf-st .ptf-dot{animation:none!important}}
.ptf-fb .ptf-pi{display:flex;gap:6px;margin:8px 0 0;padding:0}
.ptf-fb .ptf-pi span{flex:1 1 0;min-width:0;padding:5px 4px 4px;border:1px solid #eadfd2;border-radius:10px;background:#faf7f2;text-align:center;line-height:1.15}
.ptf-fb .ptf-pi small{display:block;font-size:9.5px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ptf-fb .ptf-pi b{display:block;margin-top:2px;font-size:13px;font-weight:700;color:#2a2024;white-space:nowrap}
.ptf-fb .ptf-pi .ptf-pi-2{background:#851B2F;border-color:#851B2F}
.ptf-fb .ptf-pi .ptf-pi-2 small{color:#f1dfa8}
.ptf-fb .ptf-pi .ptf-pi-2 b{color:#fff}
.ptf-fb .ptf-res-b{margin-top:2px}
.ptf-fb .ptf-why{gap:2px;font-size:12.5px;margin-top:6px}
.ptf-fb .ptf-facts{margin-top:6px}
.ptf-fb .ptf-res-f{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:8px 0 0}
.ptf-fb .ptf-ad{flex:1 1 100%;font-size:11.5px;color:#777;line-height:1.3}
@media(min-width:760px){
 .ptf-fb .ptf-res{padding:14px}
 .ptf-fb .ptf-res-h{grid-template-columns:168px minmax(0,1fr) auto;gap:14px}
 .ptf-fb .ptf-sl{width:168px;height:168px}
 .ptf-fb .ptf-res-h h3{font-size:17px}
 .ptf-fb .ptf-pi{max-width:560px}
 .ptf-fb .ptf-pi b{font-size:14px}
 .ptf-fb .ptf-pi small{font-size:10.5px}
 .ptf-fb .ptf-ad{flex:0 1 auto}
}
/* v2b: kompaktnija kartica na mobitelu: postotak podudaranja u kutu kartice, meta u jednom retku */
.ptf-fb .ptf-res{position:relative}
.ptf-fb .ptf-res-h{grid-template-columns:104px minmax(0,1fr)}
.ptf-fb .ptf-res-h .ptf-sc{position:absolute;top:8px;right:8px;min-width:0;padding:3px 8px;border-radius:10px;display:flex;align-items:baseline;gap:4px}
.ptf-fb .ptf-res-h .ptf-sc b{display:inline;font-size:14px}
.ptf-fb .ptf-res-h .ptf-sc small{display:none}
.ptf-fb .ptf-res-h h3{padding-right:52px}
.ptf-fb .ptf-res-m .ptf-d-meta:first-of-type{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(min-width:760px){.ptf-fb .ptf-res-h{grid-template-columns:168px minmax(0,1fr)}.ptf-fb .ptf-res-h .ptf-sc{top:12px;right:12px;padding:5px 10px}.ptf-fb .ptf-res-h .ptf-sc b{font-size:16px}.ptf-fb .ptf-res-h .ptf-sc small{display:inline;font-size:10px}.ptf-fb .ptf-res-h h3{padding-right:120px}}

/* v2c: slika kartice fiksne velicine (bez slidera) */
@media(min-width:760px){.ptf-fb .ptf-sl{width:168px!important;height:168px!important}}

/* v3: znamenitosti u blizini */
.ptf-fb .ptf-sg{margin:8px 0 2px;padding:8px;border-radius:12px;background:linear-gradient(135deg,#fbf3df,#f6e7c4);border:1px solid #e6cf98}
.ptf-fb .ptf-sg-h{display:flex;align-items:center;gap:5px;margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#851B2F}
.ptf-fb .ptf-sg-h svg{color:#BE9440;flex:0 0 auto}
.ptf-fb .ptf-sg-l{display:flex;gap:6px;align-items:stretch}
.ptf-fb .ptf-sg-i{display:flex;flex-direction:column;min-width:0;flex:1 1 0;padding:5px 9px;border-radius:9px;background:#fff;border:1px solid #ead9aa}
.ptf-fb .ptf-sg-i strong{font-size:13px;font-weight:600;line-height:1.25;color:#2A2024;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ptf-fb .ptf-sg-i small{font-size:11px;line-height:1.3;color:#6b5a3a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:600px){.ptf-fb .ptf-sg{padding:6px 8px 7px}.ptf-fb .ptf-sg-h{margin-bottom:5px}.ptf-fb .ptf-sg-l{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.ptf-fb .ptf-sg-l::-webkit-scrollbar{display:none}.ptf-fb .ptf-sg-i{flex:0 0 auto;max-width:230px;scroll-snap-align:start}}

/* v4: Jedi kao domaci / autohtona jela */
.ptf-fb .ptf-al{margin:6px 0 16px;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#851B2F,#6B1425);color:#fff;display:grid;grid-template-columns:1fr auto;gap:10px 16px;align-items:center;box-shadow:0 10px 24px rgba(133,27,47,.22)}
.ptf-fb .ptf-al-k{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#D9BE82}
.ptf-fb .ptf-al-t strong{display:block;font-size:20px;font-weight:600;line-height:1.2;color:#fff}
.ptf-fb .ptf-al-t p{margin:4px 0 0;font-size:13px;line-height:1.45;font-weight:300;color:#f1d9df}
.ptf-fb .ptf-al-b{display:inline-block;text-align:center;text-decoration:none;font-weight:600;font-size:14px;padding:11px 20px;border-radius:999px;background:#BE9440;color:#2A2024}
.ptf-fb .ptf-al-b:hover{background:#D9BE82}
.ptf-fb .ptf-al-c{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}
.ptf-fb .ptf-al-c a{text-decoration:none;font-size:12.5px;padding:4px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.08)}
.ptf-fb .ptf-al-c a:hover{background:rgba(255,255,255,.2)}
.ptf-fb .ptf-al-c .ptf-al-all{border-color:#D9BE82;color:#D9BE82}
@media(max-width:600px){.ptf-fb .ptf-al{grid-template-columns:1fr;padding:12px 14px;gap:8px}.ptf-fb .ptf-al-t strong{font-size:18px}.ptf-fb .ptf-al-t p{font-size:12.5px}.ptf-fb .ptf-al-b{display:block}.ptf-fb .ptf-al-c{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.ptf-fb .ptf-al-c::-webkit-scrollbar{display:none}.ptf-fb .ptf-al-c a{white-space:nowrap;flex:0 0 auto}}

/* v5: mobitel, kompaktniji upitnik (manje scrolanja) */
@media(max-width:600px){
.ptf-fb .ptf-nav{margin-bottom:8px}
.ptf-fb .ptf-nav a{padding:5px 11px;font-size:12.5px}
.ptf-fb .ptf-h1{font-size:20px;margin:0 0 6px}
.ptf-fb .ptf-lead{display:none}
.ptf-fb .ptf-al{margin:0 0 10px;padding:10px 12px;gap:6px;border-radius:14px;grid-template-columns:1fr auto;align-items:center}
.ptf-fb .ptf-al-t p{display:none}
.ptf-fb .ptf-al-k{font-size:10px;letter-spacing:.12em}
.ptf-fb .ptf-al-t strong{font-size:16px}
.ptf-fb .ptf-al-b{display:inline-block;font-size:12.5px;padding:8px 14px;line-height:1.2;max-width:150px}
.ptf-fb .ptf-al-c{margin-top:2px}
.ptf-fb .ptf-al-c a{font-size:12px;padding:3px 10px}
.ptf-fb .ptf-q{gap:8px}
.ptf-fb .ptf-fs{padding:6px 10px 9px;border-radius:12px}
.ptf-fb .ptf-fs legend{font-size:11px;padding:0 5px}
.ptf-fb .ptf-chips{gap:5px}
.ptf-fb .ptf-chip span{min-height:30px;padding:0 10px;font-size:12.5px}
.ptf-fb .ptf-loc-ex{gap:6px;margin-top:6px}
.ptf-fb .ptf-loc-ex select{min-height:32px;font-size:13px;padding:0 8px}
.ptf-fb .ptf-btn{min-height:32px;padding:0 12px;font-size:12.5px}
}

/* v5b: jedan red kipića koji se listaju prstom */
@media(max-width:600px){
.ptf-fb .ptf-fs>.ptf-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 -10px;padding:2px 10px;scroll-snap-type:x proximity}
.ptf-fb .ptf-fs>.ptf-chips::-webkit-scrollbar{display:none}
.ptf-fb .ptf-fs>.ptf-chips .ptf-chip{flex:0 0 auto;scroll-snap-align:start}
.ptf-fb .ptf-fs>.ptf-chips .ptf-chip span{white-space:nowrap}
.ptf-fb .ptf-loc-ex{flex-wrap:nowrap}
.ptf-fb .ptf-loc-ex select{flex:1 1 0;min-width:0}
.ptf-fb .ptf-loc-ex .ptf-btn{flex:0 0 auto;padding:0 10px}
.ptf-fb .ptf-fs--feat>.ptf-chips,.ptf-fb .ptf-fs.is-wrap>.ptf-chips{flex-wrap:wrap;overflow:visible;margin:0;padding:0}
}

@media(max-width:600px){.ptf-fb .ptf-fs>.ptf-chips{padding:2px 12px;scroll-padding:0 12px}.ptf-fb .ptf-loc-ex select:first-of-type{flex:1.5 1 0}.ptf-fb .ptf-loc-ex select+select{flex:.8 1 0}.ptf-fb .ptf-loc-ex .ptf-btn{font-size:12px;padding:0 9px}}

/* v6: izblijedjeli rub = ima još sadržaja (mobitel) */
@media(max-width:600px){
.ptf-fb .ptf-more-r{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent)}
.ptf-fb .ptf-more-l{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(270deg,#000 calc(100% - 34px),transparent)}
.ptf-fb .ptf-more-l.ptf-more-r{-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 34px),transparent)}
}