/* Top Style — zajedničko. Sve je pod .tsp (body.ts-pocetna, body.ts-kat); Woodmart zaglavlje i footer ostaju. */
/* Naslovi: Bodoni Moda, tekst: Jost — lokalno (latin + latin-ext za š ć č ž đ), bez Google servera. */
@font-face{font-family:"TS Bodoni";src:url(../fonts/bodoni-latin.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"TS Bodoni";src:url(../fonts/bodoni-latin-ext.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"TS Bodoni";src:url(../fonts/bodoni-italic-latin.woff2) format("woff2");font-weight:400 700;font-style:italic;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"TS Bodoni";src:url(../fonts/bodoni-italic-latin-ext.woff2) format("woff2");font-weight:400 700;font-style:italic;font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"TS Jost";src:url(../fonts/jost-latin.woff2) format("woff2");font-weight:300 600;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"TS Jost";src:url(../fonts/jost-latin-ext.woff2) format("woff2");font-weight:300 600;font-style:normal;font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* Woodmart omotač: bez razmaka i kontejnera — sekcije same drže širinu */
body:is(.ts-pocetna,.ts-kat) :is(.wd-content-layout,.main-page-wrapper){padding-top:0;padding-bottom:0}
body:is(.ts-pocetna,.ts-kat) :is(.wd-content-layout.container,.main-page-wrapper>.container){max-width:none;padding-left:0;padding-right:0}
body:is(.ts-pocetna,.ts-kat) .wd-content-layout>*{max-width:none}
body:is(.ts-pocetna,.ts-kat) .main-page-wrapper{background:#F7F3EE}

.tsp{
  /* slonovača, crna i šampanj — boje sa fotografija iz butika; bordo samo za sniženje */
  --ink:#16130F;--ink-2:#4A433B;--muted:#857B70;--line:#E4DACD;
  --bg:#F7F3EE;--krem:#EFE8DF;--pesak:#E3D7C7;--bela:#fff;
  --zlato:#A8865A;--zlato-sv:#D9C3A0;--tamna:#14110E;--sale:#8E2A35;
  --serif:"TS Bodoni","Bodoni Moda","Didot","Bodoni 72",Georgia,serif;
  --sans:"TS Jost","Jost",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --shell:1400px;--gut:clamp(16px,3.2vw,48px);
  font-family:var(--sans);font-weight:400;color:var(--ink);background:var(--bg);font-size:16px;line-height:1.65;
  -webkit-font-smoothing:antialiased;overflow:hidden
}
.tsp *,.tsp *::before,.tsp *::after{box-sizing:border-box}
.tsp img{display:block;max-width:100%;height:auto}
.tsp a{color:inherit;text-decoration:none}
.tsp h1,.tsp h2,.tsp h3{font-family:var(--serif);font-weight:400;color:var(--ink);letter-spacing:-.005em;margin:0;text-transform:none;line-height:1.08}
.tsp h1 em,.tsp h2 em{font-style:italic;font-weight:400}
.tsp p{margin:0}
.tsp ul,.tsp ol{margin:0;padding:0;list-style:none}
.tsp .ts-i{flex:none;display:block}
.ts-wrap{max-width:var(--shell);margin:0 auto;padding:0 var(--gut)}
.ts-sec{padding:clamp(60px,7.5vw,120px) 0}
.tsp .ts-eyebrow{display:inline-flex;align-items:center;gap:12px;font:500 11.5px/1.2 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--zlato);margin-bottom:16px}
.tsp .ts-eyebrow::before{content:"";width:28px;height:1px;background:currentColor}
.tsp .ts-lead{font-size:clamp(16px,1.1vw,17.5px);font-weight:300;color:var(--ink-2);max-width:34em;margin-top:18px}
.ts-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px 40px;margin-bottom:clamp(30px,3.6vw,52px);flex-wrap:wrap}
.ts-head h2{font-size:clamp(32px,3.8vw,56px)}
.ts-head-c{flex-direction:column;align-items:center;text-align:center}
.ts-head-c .ts-eyebrow::after{content:"";width:28px;height:1px;background:currentColor}
.ts-head-r{display:flex;align-items:center;gap:26px}
.tsp .ts-textlink{font:500 13px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid currentColor;padding-bottom:4px;transition:color .25s}
.tsp .ts-textlink:hover{color:var(--zlato)}
.ts-center{text-align:center;margin-top:clamp(34px,4vw,54px)}

/* Dugmad: pravougaona, tanka slova sa razmakom (modni stil) */
.tsp .ts-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 34px;border-radius:0;background:var(--ink);color:#fff;
  font:500 12.5px/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--ink);transition:background .3s,color .3s,border-color .3s;cursor:pointer}
.tsp .ts-btn .ts-i{transition:transform .3s}
.tsp .ts-btn:hover{background:var(--zlato);border-color:var(--zlato);color:#fff}
.tsp .ts-btn:hover .ts-i{transform:translateX(4px)}
.tsp .ts-btn-line{background:transparent;color:var(--ink)}
.tsp .ts-btn-line:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.tsp .ts-btn-light{background:transparent;border-color:rgba(255,255,255,.75);color:#fff}
.tsp :is(.ts-btn,.ts-tab,.ts-arrow,a):focus-visible{outline:2px solid var(--zlato);outline-offset:3px}

/* Kartica proizvoda */
.ts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(30px,3vw,46px) clamp(14px,1.6vw,26px)}
.ts-card{display:flex;flex-direction:column;min-width:0}
.ts-card-img{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:var(--krem)}
.ts-card-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;transition:opacity .6s,transform 1.2s cubic-bezier(.2,.7,.2,1)}
.ts-card-b{opacity:0}
.ts-card.has-alt:hover .ts-card-b{opacity:1}
.ts-card:hover .ts-card-img img{transform:scale(1.035)}
.tsp .ts-badge{position:absolute;top:14px;left:14px;z-index:2;background:rgba(247,243,238,.94);color:var(--ink);font:500 10.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;padding:7px 10px}
.tsp .ts-badge-sale{background:var(--sale);color:#fff;letter-spacing:.06em;font-size:12px}
.ts-card-body{padding-top:16px;text-align:center}
.tsp .ts-card-t{font:400 15px/1.45 var(--sans);letter-spacing:.01em;color:var(--ink);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}
.tsp .ts-card-t a:hover{color:var(--zlato)}
.tsp .ts-price{margin-top:8px;display:flex;justify-content:center;align-items:baseline;gap:8px;flex-wrap:wrap;font:500 15px/1.3 var(--sans);color:var(--ink);letter-spacing:.02em}
.tsp .ts-price del{color:var(--muted);font-weight:400;font-size:13.5px}
.tsp .ts-price .is-sale{color:var(--sale)}
.tsp .ts-od{font-size:12px;font-weight:400;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}

/* Traka prednosti (početna, kategorije) */
.ts-trust{border-bottom:1px solid var(--line);background:var(--bg)}
.ts-trust-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.ts-trust-i{display:flex;align-items:center;gap:16px;padding:26px 22px;font-size:14px;line-height:1.4;border-right:1px solid var(--line)}
.ts-trust-i:last-child{border-right:0}
.ts-trust-i b{display:block;font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:12px;color:var(--ink);margin-bottom:3px}
.ts-trust-i small{display:block;font-size:13.5px;font-weight:300;color:var(--muted)}
.ts-trust-ico{color:var(--zlato)}
a.ts-trust-i:hover b{color:var(--zlato)}


/* Strelice i vodoravni red */
.ts-arrows{display:flex;gap:8px}
.tsp .ts-arrow{width:48px;height:48px;border:1px solid var(--line);background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer;border-radius:0;padding:0;transition:border-color .25s,background .25s,color .25s}
.tsp .ts-arrow:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.ts-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*clamp(14px,1.6vw,26px))/4);gap:clamp(14px,1.6vw,26px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding-inline:0}
.ts-row::-webkit-scrollbar{display:none}
.ts-row>*{scroll-snap-align:start}

@media (max-width:1100px){
  .ts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ts-trust-in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ts-trust-i:nth-child(2){border-right:0}
  .ts-trust-i:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .ts-row{grid-auto-columns:calc((100% - 2*clamp(14px,1.6vw,26px))/3)}
}
@media (max-width:700px){
  .ts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 12px}
  .ts-trust-i{padding:18px 12px;gap:10px;flex-direction:column;align-items:flex-start}
  .ts-trust-i b{font-size:11px;letter-spacing:.1em}
  .ts-trust-i small{font-size:12.5px}
  .ts-row{grid-auto-columns:62%;gap:12px;margin:0 calc(-1*var(--gut));padding:0 var(--gut);scroll-padding-inline:var(--gut)}
  .ts-arrows{display:none}
  .tsp .ts-card-t{font-size:14px}
  .tsp .ts-btn{min-height:50px;padding:0 24px}
}
@media (prefers-reduced-motion:reduce){.tsp *{transition:none!important}}