/* Prodavnica, kategorije, brendovi, pretraga. */
.yf-shop{padding:28px 0 72px}
.yf-shop__head{margin:8px 0 34px}
.yf-shop__title{font-size:clamp(2.2rem,4.4vw,3.4rem);margin:0}
.yf-shop__intro{max-width:72ch;margin-top:14px;color:var(--yf-muted);font-size:1.02rem}
.yf-shop__intro p:last-child{margin:0}
.yf-shop__bar{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.yf-shop__filter-btn{display:none;align-items:center;gap:8px;min-height:42px;padding:0 16px;border:1px solid var(--yf-line);border-radius:22px;background:#fff;cursor:pointer}
.yf-shop__count{margin:0 0 0 auto;color:var(--yf-muted);font-size:.92rem}
.yf-shop__sort select{border:0;background:transparent;font-size:.95rem;padding:6px 22px 6px 6px;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23492533' stroke-width='1.6'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;background-size:14px}

/* Filteri na računaru: bočna traka u beloj zaobljenoj kartici, grupe otvorene (po uzoru na Mary Janu) */
.yf-shop__layout{display:grid;grid-template-columns:272px minmax(0,1fr);gap:28px;align-items:start}
.yf-filters{background:#fff;border-radius:16px;padding:6px 20px 16px}
.yf-filters__head{display:none}
.yf-filters__actions{display:none}
.yf-filter{border-bottom:1px solid var(--yf-line);padding:4px 0}
.yf-filter:last-child{border-bottom:0}
.yf-filter summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:48px;cursor:pointer;font-weight:700;font-size:.98rem}
.yf-filter summary::-webkit-details-marker{display:none}
.yf-filter summary .yf-icon{width:16px;height:16px;transition:transform .2s;color:var(--yf-muted)}
.yf-filter[open] summary .yf-icon{transform:rotate(180deg)}
.yf-filter__body{padding:0 0 12px}
.yf-check{display:flex;align-items:center;gap:10px;padding:7px 4px;border-radius:8px;cursor:pointer;font-size:.93rem}
.yf-check:hover{background:rgb(var(--color-foreground-rgb) / .04)}
.yf-check input{width:18px;height:18px;accent-color:var(--yf-bordeaux);margin:0;flex:none}
.yf-check span{flex:1}
.yf-check em{font-style:normal;font-size:.72rem;min-width:26px;padding:2px 7px;border-radius:10px;border:1px solid var(--yf-line);text-align:center;color:var(--yf-muted)}
.yf-check--brand input{position:absolute;opacity:0;pointer-events:none}
.yf-check--brand{position:relative;padding:8px 6px;border:1px solid transparent}
.yf-check--brand img{width:72px;height:24px;object-fit:contain;object-position:left center;flex:none}
.yf-check--brand:has(input:checked){border-color:var(--yf-bordeaux);background:rgb(64 36 47 / .05)}
.yf-check--brand:has(input:focus-visible){outline:2px solid var(--color-foreground)}
.yf-cat-links{list-style:none;margin:0;padding:0 0 12px}
.yf-cat-links ul{list-style:none;margin:0 0 4px;padding:0 0 0 14px}
.yf-cat-links a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 4px;border-radius:8px;text-decoration:none;font-size:.93rem;color:rgb(var(--color-foreground-rgb) / .85)}
.yf-cat-links a:hover{background:rgb(var(--color-foreground-rgb) / .04);color:var(--color-foreground)}
.yf-cat-links a[aria-current]{font-weight:700;color:var(--yf-bordeaux)}
.yf-cat-links em{font-style:normal;font-size:.72rem;min-width:26px;padding:2px 7px;border-radius:10px;border:1px solid var(--yf-line);text-align:center;color:var(--yf-muted)}
.yf-shop__results{min-height:40vh}
.yf-shop__bar{background:#fff;border-radius:14px;padding:8px 10px 8px 16px;margin-bottom:16px}
.yf-shop__sort select{min-height:38px;padding:0 30px 0 14px;border:1px solid var(--yf-line);border-radius:20px;background-color:#fff;background-position:right 12px center}

.yf-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.yf-chip{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:18px;background:#fff;border:1px solid var(--yf-line);font-size:.85rem;text-decoration:none}
.yf-chip .yf-icon{width:14px;height:14px}
.yf-chip--clear{border:0;background:none;text-decoration:underline}

.yf-pagination{display:flex;justify-content:center;gap:6px;margin-top:48px}
.yf-pagination a,.yf-pagination span{display:grid;place-items:center;min-width:42px;height:42px;border-radius:21px;text-decoration:none;border:1px solid var(--yf-line)}
.yf-pagination .current{background:var(--color-foreground);color:var(--color-background);border-color:transparent}
.yf-shop__empty{padding:60px 0;text-align:center;display:grid;gap:16px;justify-items:center}
.yf-shop__seo{max-width:820px;margin:80px 0 0;padding-top:40px;border-top:1px solid var(--yf-line);color:rgb(var(--color-foreground-rgb) / .85)}
.yf-shop__seo h2{font-size:1.5rem;margin-top:1.4em}
.yf-shop__seo h2:first-child{margin-top:0}
.yf-shop__seo h3{font-size:1.1rem;margin-top:1.2em}
.yf-shop__seo a{text-decoration:underline}

/* Filteri na telefonu i tabletu: fioka sa dna */
@media (max-width:1024px){
  .yf-shop__filter-btn{display:inline-flex}
  .yf-shop__count{margin-left:0}
  .yf-shop__sort{margin-left:auto}
  .yf-filters-drawer{position:fixed;inset:0;right:0;top:0;z-index:95;background:rgb(20 10 16 / .42);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s .25s}
  .yf-filters-drawer.is-open{opacity:1;visibility:visible;transition:opacity .25s ease}
  .yf-shop__layout{display:block}
  .yf-filters{position:absolute;left:0;right:0;bottom:0;top:auto;max-height:88dvh;display:flex;flex-direction:column;background:var(--color-background);border-radius:22px 22px 0 0;padding:0;overflow:hidden;transform:translateY(100%);transition:transform .32s cubic-bezier(.2,.8,.2,1)}
  .yf-filters-drawer.is-open .yf-filters{transform:none}
  .yf-filters__head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--yf-line)}
  .yf-filters__title{margin:0;font-family:var(--font-heading--family);font-size:1.2rem}
  .yf-filters__groups{display:block;overflow-y:auto;padding:4px 18px;flex:1;background:#fff}
  .yf-filter{border-bottom:1px solid var(--yf-line)}
  .yf-filter summary{justify-content:space-between;min-height:54px;font-size:1rem}
  .yf-filter__body{position:static;box-shadow:none;border:0;padding:0 0 12px;max-height:none;background:none;min-width:0}
  .yf-filters__actions{display:grid;grid-template-columns:1fr 1.6fr;gap:10px;padding:14px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--yf-line)}
}
@media (max-width:749px){
  .yf-shop{padding-top:18px}
  .yf-shop__head{margin-bottom:22px}
  .yf-shop__count{display:none}
}