/* Dresovi Online — WordPress layer on top of themes.css + core.css + mozaik.css (mockup 3, real photos). */
.i18n{display:inline}
/* ---- photos instead of drawn shirts ---- */
.pimg.photo{padding:0;aspect-ratio:1/1;overflow:hidden;background:var(--img-flat)}
.pimg.photo img{width:100%;height:100%;object-fit:cover;display:block;filter:none;transition:transform .3s}
.pcard:hover .pimg.photo img{transform:scale(1.04)}
.nophoto{display:block;width:100%;height:100%;background:var(--soft)}
.pimg .shirt{display:none}
.gmain{padding:0;aspect-ratio:1/1;overflow:hidden;background:var(--img-flat)}
.gmain img{width:100%;height:100%;object-fit:cover;display:block;filter:none}
.thumbs{flex-wrap:wrap}
.thumb{padding:0;overflow:hidden;width:78px;height:78px}
.thumb img{width:100%;height:100%;object-fit:cover}
/* ---- crests / icons (his existing icon PNGs) ---- */
.crest-img{width:100%;height:100%;object-fit:contain;display:block}
.crest-sm{width:20px;height:20px;object-fit:contain;display:inline-block;vertical-align:middle}
.crest-ph{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--soft);color:var(--muted);font-family:var(--font-display);font-weight:800;font-size:22px}
.tcrest{width:84px;height:84px;flex:0 0 auto}
.fav-ic{padding:0;overflow:hidden}
.fav-ic img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.fav-ic.crest-ic{padding:12px}
.fav-ic.crest-ic img,.fav-ic.crest-ic .crest-ph{object-fit:contain;border-radius:0}
.fav-ic.crest-ic .crest-ph{border-radius:50%}
.crest-round img,.crest-round .crest-img,.crest-round .crest-ph{width:64px;height:64px}
/* ---- mosaic with product photos ---- */
.mt-art{display:flex;align-items:center;justify-content:flex-end}
.mt-art>img{height:88%;width:auto;max-width:62%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--r-m);transform:rotate(5deg);box-shadow:0 18px 40px rgba(0,0,0,.4);border:4px solid rgba(255,255,255,.9)}
.mt-art.fan{width:62%;right:-2%}
.mt-art.fan>img{height:auto;width:44%;max-width:none;margin-left:-14%;box-shadow:0 20px 44px rgba(0,0,0,.45)}
.mt-art.fan>img:nth-child(1){transform:rotate(-9deg) translateY(6%)}
.mt-art.fan>img:nth-child(2){transform:translateY(-4%);z-index:2}
.mt-art.fan>img:nth-child(3){transform:rotate(9deg) translateY(8%)}
.mt .eyebrow{color:inherit;opacity:.85}
/* ---- nav dropdowns (columns) ---- */
.dd-wide{display:flex;gap:28px;min-width:380px;padding:14px 18px}
.dd-col .dd-h{display:block;font-weight:800;margin-bottom:6px;font-size:14px}
.dd-col ul{display:flex;flex-direction:column;gap:2px}
.dd-col li a{display:block;padding:4px 0;font-size:14px;opacity:.9}
.dd-col li a:hover{opacity:1;color:var(--accent-text)}
.dd li a .flag{margin-right:2px}
/* ---- drawer extras ---- */
.dr-leaf{display:flex;align-items:center;gap:8px;padding:9px 18px 9px 28px;font-weight:600}
.dr-sec-h{display:block}
/* ---- pages ---- */
.howto{padding-block:26px}
.howto-p{max-width:60ch;margin:0 0 16px;color:var(--muted)}
.pager{display:flex;justify-content:center;gap:6px;padding:24px 0 8px;flex-wrap:wrap}
.pager .page-numbers{min-width:38px;height:38px;display:grid;place-items:center;padding:0 10px;border-radius:var(--r-s);border:1px solid var(--line);font-weight:600;font-size:14px;background:var(--card)}
.pager .page-numbers.current{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.ph .tcrest img{border-radius:0}
.ph h1 .flag{vertical-align:middle}
.caps-tabs a.chip{border-radius:0}
.price-extra{padding:6px 0 12px;font-size:14px;color:var(--muted);max-width:60ch}
.acc-body{padding-bottom:12px;max-width:60ch}
.prose{max-width:760px;padding-block:30px}
.rating img{margin-right:4px}
.sugg a{grid-template-columns:34px 1fr}
.sugg a img,.sugg a .sg-ph{grid-row:1/3;width:34px;height:34px;border-radius:6px;object-fit:cover;background:var(--soft)}
.screen-reader-text{position:absolute;left:-9999px}
.admin-bar .hdr{top:32px}
@media (max-width:782px){.admin-bar .hdr{top:46px}}
@media (max-width:900px){
  .mt-art>img{max-width:58%}
  .tcrest{width:64px;height:64px}
  .dd-wide{min-width:0}
}
@media (max-width:560px){
  .mt-art.fan>img{width:46%}
  .fav-ic.crest-ic{padding:9px}
}