/* ==========================================================================
   Terracotta — naslovna: kategorije (dugmići), magazin „Saveti i vodiči“,
   logo, newsletter (Contact Form 7) i tekstualne stranice.
   ========================================================================== */

/* ---------- Logo ---------- */
.hdr-logo{line-height:0}
.hdr-logo .tc-logo{display:block;height:44px;width:auto;max-width:none;border-radius:2px}
.footer-logo-link{align-self:flex-start;line-height:0}
.footer-logo{display:block;height:52px;width:auto;border-radius:2px}
@media (max-width:640px){.hdr-logo .tc-logo{height:32px}}
@media (max-width:400px){.hdr-logo .tc-logo{height:28px}}
@media (max-width:350px){.hdr-logo .tc-logo{height:22px}.hdr-actions{gap:4px}}

/* ---------- Gornja traka i header na telefonu ---------- */
@media (max-width:640px){
	.ann-inner{padding:8px 16px;justify-content:center}
	.ann-links{gap:18px;flex-wrap:nowrap;font-size:13px;white-space:nowrap}
	.ann-links li:not(.ann-phone){display:none}            /* na telefonu samo telefon */
	.ann-links li.ann-phone a::before{content:"Pozovite nas: ";font-weight:500;opacity:.8}
	.hdr-inner{padding:12px 16px;gap:10px;row-gap:12px;flex-wrap:wrap}
	.hdr-actions{gap:6px;flex-shrink:0}
	.hdr-actions .hdr-cart{padding:0 14px}
}

/* ---------- Kategorije: dugmići ispod slika ---------- */
.cat-pills{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 0;padding:0;list-style:none}
.cat-pills a{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 8px 0 20px;border:1px solid var(--ink);border-radius:999px;font-size:15px;font-weight:500;color:var(--ink);text-decoration:none;transition:background .2s,color .2s}
.cat-pill-count{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:var(--paper);border:1px solid var(--line);font-size:12px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums;transition:inherit}
.cat-pills a:hover{background:var(--ink);color:var(--bg)}
.cat-pills a:hover .cat-pill-count{background:var(--accent);border-color:var(--accent);color:#fff}

/* ---------- Saveti i vodiči — magazin ---------- */
.tc-mag{
	--mag-bg:#17201E; --mag-fg:#F2EEE6; --mag-dim:rgba(242,238,230,.66); --mag-line:rgba(242,238,230,.14); --mag-hot:#E3906F;
	margin-top:112px;position:relative;overflow:hidden;background:var(--mag-bg);color:var(--mag-fg);isolation:isolate
}
.tc-mag::before{ /* topao terakota sjaj */
	content:"";position:absolute;z-index:-1;width:900px;height:900px;right:-260px;top:-420px;border-radius:50%;
	background:radial-gradient(circle,rgba(166,71,42,.42) 0,rgba(166,71,42,0) 62%)
}
.tc-mag::after{ /* diskretna mreža fuga */
	content:"";position:absolute;z-index:-1;inset:0;opacity:.5;
	background:linear-gradient(90deg,rgba(242,238,230,.035) 1px,transparent 1px) 0 0/88px 88px,linear-gradient(rgba(242,238,230,.035) 1px,transparent 1px) 0 0/88px 88px;
	-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)
}
.tc-mag-inner{max-width:var(--wrap);margin:0 auto;padding:112px 48px;box-sizing:border-box}
.tc-mag-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:end;padding-bottom:48px;margin-bottom:56px;border-bottom:1px solid var(--mag-line)}
.tc-mag-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mag-hot)}
.tc-mag-dot{width:8px;height:8px;border-radius:50%;background:var(--mag-hot);box-shadow:0 0 0 5px rgba(227,144,111,.18)}
.tc-mag-title{margin:18px 0 0;font-family:'Roboto',system-ui,sans-serif;font-weight:700;font-size:clamp(40px,5.2vw,72px);line-height:1;letter-spacing:-.025em;color:var(--mag-fg)}
.tc-mag-title em{display:block;font-style:normal;font-weight:500;color:transparent;-webkit-text-stroke:1.2px var(--mag-fg);letter-spacing:-.02em}
.tc-mag-head-side{display:flex;flex-direction:column;gap:22px;align-items:flex-start}
.tc-mag-head-side p{margin:0;font-size:17px;line-height:1.6;color:var(--mag-dim);max-width:420px}
.tc-mag-all{display:inline-flex;align-items:center;gap:12px;height:50px;padding:0 24px;border-radius:999px;border:1px solid rgba(242,238,230,.4);color:var(--mag-fg);font-weight:600;font-size:15px;text-decoration:none;transition:background .25s,color .25s,border-color .25s}
.tc-mag-all svg{transition:transform .25s}
.tc-mag-all:hover{background:var(--mag-fg);color:var(--ink);border-color:var(--mag-fg)}
.tc-mag-all:hover svg{transform:translateX(4px)}

.tc-mag-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:start}

/* izdvojeni tekst: lučni okvir */
.tc-mag-feature{display:flex;flex-direction:column;gap:28px}
.tc-mag-feature-media{position:relative;display:block;aspect-ratio:4/4.6;border-radius:999px 999px 6px 6px;overflow:hidden;background:#2A3532}
.tc-mag-feature-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.tc-mag-feature-media::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(242,238,230,.12)}
.tc-mag-feature:hover .tc-mag-feature-media img{transform:scale(1.05)}
.tc-mag-badge{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);padding:8px 16px;border-radius:999px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.tc-mag-feature-body{display:flex;flex-direction:column;gap:14px}
.tc-mag-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0;font-size:13px;color:var(--mag-dim)}
.tc-mag-chip{display:inline-flex;align-items:center;height:26px;padding:0 12px;border-radius:999px;border:1px solid rgba(227,144,111,.55);color:var(--mag-hot);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:11px}
.tc-mag-feature-title{margin:0;font-family:'Roboto',system-ui,sans-serif;font-weight:500;font-size:34px;line-height:1.15;letter-spacing:-.01em}
.tc-mag-feature-title a,.tc-mag-item-title a{color:var(--mag-fg);text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:0 96%;transition:background-size .35s}
.tc-mag-feature:hover .tc-mag-feature-title a,.tc-mag-item:hover .tc-mag-item-title a{background-size:100% 1px}
.tc-mag-feature-excerpt{margin:0;font-size:16px;line-height:1.65;color:var(--mag-dim)}
.tc-mag-read{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;margin-top:6px;font-weight:600;font-size:15px;color:var(--mag-hot);text-decoration:none}
.tc-mag-read svg{transition:transform .25s}
.tc-mag-read:hover svg{transform:translateX(5px)}

/* lista tekstova */
.tc-mag-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--mag-line)}
.tc-mag-item{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) 132px;gap:28px;align-items:center;padding:30px 0;border-bottom:1px solid var(--mag-line);transition:padding .35s}
.tc-mag-item::before{content:"";position:absolute;left:-24px;right:-24px;top:0;bottom:0;border-radius:8px;background:rgba(242,238,230,.04);opacity:0;transition:opacity .3s;pointer-events:none}
.tc-mag-item:hover::before{opacity:1}
.tc-mag-num{font-family:'Roboto',system-ui,sans-serif;font-weight:700;font-size:44px;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(242,238,230,.45);transition:color .3s,-webkit-text-stroke-color .3s;font-variant-numeric:tabular-nums}
.tc-mag-item:hover .tc-mag-num{color:var(--mag-hot);-webkit-text-stroke-color:var(--mag-hot)}
.tc-mag-item-body{display:flex;flex-direction:column;gap:8px;min-width:0}
.tc-mag-cat{color:var(--mag-hot);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:11px}
.tc-mag-item-title{margin:0;font-family:'Roboto',system-ui,sans-serif;font-weight:500;font-size:23px;line-height:1.25}
.tc-mag-item-title a::after{content:"";position:absolute;inset:0;z-index:1} /* cela stavka je klikabilna */
.tc-mag-item-excerpt{margin:0;font-size:15px;line-height:1.55;color:var(--mag-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tc-mag-thumb{position:relative;display:block;width:132px;aspect-ratio:1/1;border-radius:50%;overflow:hidden;background:#2A3532;transition:border-radius .45s cubic-bezier(.2,.7,.2,1)}
.tc-mag-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.tc-mag-item:hover .tc-mag-thumb{border-radius:999px 999px 8px 8px}
.tc-mag-item:hover .tc-mag-thumb img{transform:scale(1.08)}
.tc-mag-thumb-arrow{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--mag-fg);color:var(--ink);opacity:0;transform:scale(.7);transition:opacity .3s,transform .3s}
.tc-mag-item:hover .tc-mag-thumb-arrow{opacity:1;transform:scale(1)}
.tc-mag a:focus-visible{outline:2px solid var(--mag-hot);outline-offset:3px}

@media (max-width:1100px){
	.tc-mag-grid{grid-template-columns:1fr;gap:56px}
	.tc-mag-feature{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:40px;align-items:center}
}
@media (max-width:1024px){
	.tc-mag-inner{padding:88px 28px}
	.tc-mag-head{grid-template-columns:1fr;gap:24px}
}
@media (max-width:720px){
	.tc-mag-feature{display:flex;align-items:stretch}
	.tc-mag-feature-media{aspect-ratio:4/4.4}
	.tc-mag-feature-title{font-size:28px}
	.tc-mag-item{grid-template-columns:44px minmax(0,1fr) 84px;gap:16px;padding:24px 0}
	.tc-mag-thumb{width:84px}
	.tc-mag-num{font-size:30px}
	.tc-mag-item-title{font-size:19px}
	.tc-mag-item-excerpt{display:none}
	.tc-mag-item::before{left:-12px;right:-12px}
	.tc-mag-thumb-arrow{display:none}
}
@media (max-width:640px){.tc-mag-inner{padding:72px 20px}.tc-mag{margin-top:88px}}
@media (prefers-reduced-motion:reduce){.tc-mag *{transition:none !important}}

/* ---------- Newsletter (Contact Form 7) ---------- */
.newsletter-card .wpcf7{width:100%}
.newsletter-card form.nl-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0}
.newsletter-card form.nl-form > .wpcf7-form-control-wrap,
.newsletter-card form.nl-form .nl-field{flex:1 1 240px;min-width:0;position:relative}
.newsletter-card form.nl-form input[type="email"]{width:100%;height:56px;padding:0 24px;border-radius:999px;border:1px solid rgba(242,238,230,.4);background:transparent;color:var(--bg);font-size:16px;box-sizing:border-box}
.newsletter-card form.nl-form input[type="email"]::placeholder{color:rgba(242,238,230,.6)}
.newsletter-card form.nl-form input[type="email"]:focus{outline:none;border-color:var(--bg)}
.newsletter-card form.nl-form .wpcf7-submit{height:56px;padding:0 30px;border:0;border-radius:999px;background:var(--bg);color:var(--ink);font-weight:600;font-size:16px;cursor:pointer;transition:background .2s,color .2s}
.newsletter-card form.nl-form .wpcf7-submit:hover{background:var(--accent);color:#fff}
.newsletter-card form.nl-form .wpcf7-submit:disabled{opacity:.75;cursor:not-allowed}
.newsletter-card form.nl-form .wpcf7-spinner{margin:0 0 0 4px}
.newsletter-card .nl-consent{flex:1 1 100%;margin:4px 0 0;font-size:13px;color:rgba(242,238,230,.72)}
.newsletter-card .nl-consent .wpcf7-list-item{margin:0}
.newsletter-card .nl-consent label{display:inline-flex;align-items:flex-start;gap:10px;cursor:pointer}
.newsletter-card .nl-consent input[type="checkbox"]{width:18px;height:18px;margin:1px 0 0;accent-color:var(--accent);flex-shrink:0}
.newsletter-card .nl-consent a{color:var(--bg);text-decoration:underline;text-underline-offset:2px}
.newsletter-card .wpcf7-not-valid-tip{position:absolute;left:24px;top:100%;margin-top:4px;font-size:13px;color:#F2A58A}
.newsletter-card .nl-consent .wpcf7-not-valid-tip{position:static;margin:4px 0 0 28px}
.newsletter-card .wpcf7 form .wpcf7-response-output{flex:1 1 100%;margin:8px 0 0;padding:12px 18px;border-radius:12px;border:1px solid rgba(242,238,230,.35);font-size:14px;color:var(--bg)}
.newsletter-card .wpcf7 form.sent .wpcf7-response-output{border-color:#7FA9A4;background:rgba(127,169,164,.14)}
.newsletter-card .wpcf7 form.invalid .wpcf7-response-output,
.newsletter-card .wpcf7 form.unaccepted .wpcf7-response-output,
.newsletter-card .wpcf7 form.failed .wpcf7-response-output{border-color:#E3906F;background:rgba(166,71,42,.18)}
.newsletter-card .screen-reader-response{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:640px){
	.newsletter-card form.nl-form .wpcf7-submit{width:100%}
}

/* ---------- Tekstualne stranice (plaćanje, isporuka, reklamacije, uslovi, privatnost) ---------- */
.tc-prose h2{margin:26px 0 0;font-family:'Roboto',system-ui,sans-serif;font-weight:500;font-size:28px;line-height:1.2;color:var(--ink)}
.tc-prose h3{margin:14px 0 0;font-size:20px;line-height:1.3;color:var(--ink)}
.tc-prose p,.tc-prose ul,.tc-prose ol{margin:0}
.tc-prose ul,.tc-prose ol{padding-left:22px;display:flex;flex-direction:column;gap:8px}
.tc-prose li::marker{color:var(--accent)}
.tc-prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.tc-prose strong{color:var(--ink)}
.tc-prose .tc-lead{font-size:20px;line-height:1.6;color:var(--ink)}
.tc-prose .tc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:6px 0}
.tc-prose .tc-card{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:22px 22px 20px;display:flex;flex-direction:column;gap:6px}
.tc-prose .tc-card strong{font-family:'Roboto',system-ui,sans-serif;font-weight:500;font-size:19px}
.tc-prose .tc-card span{font-size:15px;line-height:1.55;color:var(--muted)}
.tc-prose .tc-note{background:#EAE2D2;border-left:3px solid var(--accent);border-radius:0 6px 6px 0;padding:18px 22px;font-size:16px}
.tc-prose .tc-updated{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:12px}
@media (max-width:640px){.tc-prose h2{font-size:24px}.tc-prose .tc-lead{font-size:18px}}

/* stavka telefona u gornjoj traci */
.ann-links .ann-phone a{font-weight:600}

.site-footer .footer-col .menu-item a{display:block;padding:6px 0}

/* ==========================================================================
   Naslovna 2 — crvena iz logoa (#DC2C1D) umesto tamne terakote.
   Važi za stranice sa šablonom „Naslovna 2 (crvena)“ (klasa tc-red na body).
   ========================================================================== */
body.tc-red{
	--accent:#DC2C1D;      /* crvena iz logoa */
	--sale:#B01F13;        /* tamnija nijansa iste crvene: akcije, cene, brojevi */
	--tcs-accent:#DC2C1D;
}
body.tc-red .tc-mag{--mag-hot:#FF6F5E}
body.tc-red .tc-mag::before{background:radial-gradient(circle,rgba(220,44,29,.40) 0,rgba(220,44,29,0) 62%)}
body.tc-red .tc-mag-dot{box-shadow:0 0 0 5px rgba(255,111,94,.2)}
body.tc-red .tc-mag-chip{border-color:rgba(255,111,94,.6)}
body.tc-red .newsletter-card .wpcf7 form.failed .wpcf7-response-output,
body.tc-red .newsletter-card .wpcf7 form.invalid .wpcf7-response-output,
body.tc-red .newsletter-card .wpcf7 form.unaccepted .wpcf7-response-output{border-color:#FF6F5E;background:rgba(220,44,29,.18)}

/* ---------- Dodavanje u korpu sa naslovne ---------- */
.add-icon-btn{position:relative;transition:background .2s,color .2s,border-color .2s,transform .15s}
a.add-icon-btn:hover{background:var(--ink);color:var(--bg)}
.add-icon-btn:active{transform:scale(.94)}
.add-icon-btn .tc-ic-check,.add-icon-btn .tc-ic-spin{display:none}
.add-icon-btn.is-loading{pointer-events:none;color:var(--muted)}
.add-icon-btn.is-loading .tc-ic-cart{display:none}
.add-icon-btn.is-loading .tc-ic-spin{display:block;animation:tc-spin .8s linear infinite}
.add-icon-btn.is-added{background:var(--accent);border-color:var(--accent);color:#fff}
.add-icon-btn.is-added .tc-ic-cart{display:none}
.add-icon-btn.is-added .tc-ic-check{display:block}
.add-icon-btn.is-view{border-style:dashed}
@keyframes tc-spin{to{transform:rotate(360deg)}}
.hdr-cart.tc-bump{animation:tc-bump .5s ease}
.hdr-cart.tc-bump .hdr-cart-count{background:var(--accent);color:#fff;transition:background .3s}
@keyframes tc-bump{0%{transform:scale(1)}35%{transform:scale(1.1)}70%{transform:scale(.97)}100%{transform:scale(1)}}

.tc-toast{position:fixed;z-index:9999;right:24px;bottom:24px;width:380px;max-width:calc(100vw - 32px);box-sizing:border-box;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:10px;box-shadow:0 24px 60px rgba(23,32,30,.22);padding:18px;display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px 16px;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .25s,transform .25s}
.tc-toast.is-open{opacity:1;transform:none;pointer-events:auto}
.tc-toast-img{width:72px;height:72px;border-radius:6px;overflow:hidden;background:var(--bg)}
.tc-toast-img img{width:100%;height:100%;object-fit:cover;display:block}
.tc-toast-body{display:flex;flex-direction:column;gap:4px;min-width:0;padding-right:22px}
.tc-toast-title{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.tc-toast-title svg{flex-shrink:0}
.tc-toast-name{margin:0;font-size:16px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.tc-toast-meta{margin:0;font-size:13px;color:var(--muted)}
.tc-toast-actions{grid-column:1/-1;display:flex;gap:8px}
.tc-toast-actions a,.tc-toast-actions button{flex:1;display:flex;align-items:center;justify-content:center;height:44px;border-radius:999px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;font-family:inherit}
.tc-toast-cart{background:var(--ink);color:var(--bg);border:1px solid var(--ink)}
.tc-toast-cart:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.tc-toast-close-btn{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.tc-toast-x{position:absolute;top:10px;right:10px;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center}
.tc-toast-x:hover{background:var(--bg);color:var(--ink)}
.tc-toast.is-error{grid-template-columns:1fr}
.tc-toast.is-error .tc-toast-img{display:none}
.tc-toast.is-error .tc-toast-title{color:var(--sale)}
@media (max-width:640px){.tc-toast{right:16px;left:16px;bottom:16px;width:auto}}
@media (prefers-reduced-motion:reduce){.tc-toast,.hdr-cart.tc-bump,.add-icon-btn .tc-ic-spin{transition:none;animation:none}}

/* ---------- Izdvajamo iz ponude: kartice kao u kategorijama ---------- */
.tc-home-products{margin:0}
.tc-home-products .pc-home-cart{position:absolute;top:20px;right:20px;z-index:3}
.tc-home-products .pc-home-cart .add-icon-btn{width:40px;height:40px;background:rgba(250,248,243,.94);border-color:transparent;box-shadow:0 4px 14px rgba(23,32,30,.14);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.tc-home-products .pc-home-cart a.add-icon-btn:hover{background:var(--ink);color:var(--bg)}
.tc-home-products .pc-home-cart .add-icon-btn.is-added{background:var(--accent);color:#fff}
.tc-home-products .pc-home-cart .add-icon-btn.is-view{border:1px dashed var(--muted)}
.tc-home-products .pc-home-cart svg{width:18px;height:18px}

/* ---------- Brendovi u ponudi ---------- */
.tc-brand-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
.tc-brand[hidden]{display:none}
.tc-brand a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:112px;padding:18px 14px;background:var(--paper);border:1px solid var(--line);border-radius:10px;text-align:center;text-decoration:none;color:var(--ink);overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .25s,background .25s}
.tc-brand a:hover{opacity:1;color:var(--ink);border-color:var(--ink);transform:translateY(-3px);box-shadow:0 16px 30px -18px rgba(23,32,30,.35)}
.tc-brand-name{font-family:'Roboto',system-ui,sans-serif;font-weight:700;font-size:16px;line-height:1.15;letter-spacing:.08em;text-transform:uppercase;transition:transform .25s}
.tc-brand-count{position:absolute;top:10px;right:10px;min-width:28px;height:24px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--bg);border:1px solid var(--line);font-size:11px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums;transition:background .25s,color .25s,border-color .25s}
.tc-brand a:hover .tc-brand-count{background:var(--accent);border-color:var(--accent);color:#fff}
.tc-brand-go{position:absolute;left:0;right:0;bottom:12px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;font-weight:600;color:var(--accent);opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s}
.tc-brand a:hover .tc-brand-go{opacity:1;transform:none}
.tc-brand a:hover .tc-brand-name{transform:translateY(-8px)}
.tc-brands-more-wrap{display:flex;justify-content:center;margin-top:28px}
.tc-brands-more{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 26px;border:1px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);font-weight:600;font-size:15px;cursor:pointer;transition:background .2s,color .2s}
.tc-brands-more:hover{background:var(--ink);color:var(--bg)}
.tc-brands-more svg{transition:transform .25s}
.tc-brands-more[aria-expanded="true"] svg{transform:rotate(180deg)}
@media (max-width:1200px){.tc-brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:760px){.tc-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:520px){.tc-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tc-brand a{height:96px}.tc-brand-name{font-size:14px}.tc-brand-go{display:none}.tc-brand a:hover .tc-brand-name{transform:none}}
@media (max-width:520px){.tc-brand-grid:not(.is-open) .tc-brand:nth-child(n+9){display:none}} /* na telefonu prvih 8 */

/* ==========================================================================
   Hero slider — prelaz „polaganje pločica“
   ========================================================================== */
.hero-slider{isolation:isolate}
.hero-slider .hero-media{position:absolute;inset:0;overflow:hidden;z-index:0}
.hero-slider .hero-img{opacity:0;transition:opacity .01s linear .3s;transform-origin:60% 50%}
.hero-slider .hero-img.is-active{opacity:1;transition:none;animation:tc-hero-zoom 9s ease-out forwards}
@keyframes tc-hero-zoom{from{transform:scale(1)}to{transform:scale(1.05)}}
.hero-slider .hero-overlay{z-index:1;pointer-events:none}

/* pločice koje se slažu */
.hero-tiles{position:absolute;inset:0;z-index:2;transition:opacity .26s ease}
.hero-tiles.is-done{opacity:0}
.hero-tile{position:absolute;background-repeat:no-repeat;opacity:0;transform-origin:50% 40%;animation-name:tc-tile-lay;animation-timing-function:cubic-bezier(.2,.75,.25,1);animation-fill-mode:both;will-change:transform,opacity}
.hero-tile::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(242,238,230,.55),inset 0 0 0 2px rgba(23,32,30,.25);transition:opacity .38s ease}
.hero-tiles.is-grouted .hero-tile::after{opacity:0}
@keyframes tc-tile-lay{
	0%{opacity:0;transform:translate3d(0,-22px,0) scale(1.08) rotate(-1.2deg);filter:brightness(1.25);box-shadow:0 26px 40px rgba(0,0,0,.45)}
	60%{opacity:1;filter:brightness(1.06)}
	100%{opacity:1;transform:none;filter:none;box-shadow:0 0 0 rgba(0,0,0,0)}
}

/* tekst slajdova */
.hero-slider .hero-slide{position:absolute;inset:0;z-index:3;left:0;right:0;visibility:hidden;pointer-events:none}
.hero-slider .hero-slide.is-active{visibility:visible;pointer-events:auto}
.hero-eyebrow{font-size:14px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#F2EEE6;display:inline-flex;align-items:center;gap:12px}
.hero-eyebrow::before{content:"";width:28px;height:2px;background:var(--accent)}
.hero-text{font-size:19px;line-height:1.6;max-width:520px;color:rgba(255,255,255,.92)}
.hero-link{font-size:16px;font-weight:600;color:#fff;border-bottom:2px solid #fff;padding:6px 0}
.hero-link:hover{color:#fff}
.hero-slide>*{opacity:0;transform:translateY(26px);transition:opacity .45s ease,transform .45s ease}
.hero-slide.is-active>*{opacity:1;transform:none;transition:opacity .7s ease,transform .8s cubic-bezier(.2,.75,.25,1)}
.hero-slide.is-active>:nth-child(1){transition-delay:.35s}
.hero-slide.is-active>:nth-child(2){transition-delay:.45s}
.hero-slide.is-active>:nth-child(3){transition-delay:.58s}
.hero-slide.is-active>:nth-child(4){transition-delay:.7s}
.hero-slider .hero-title{max-width:700px}

/* kontrole */
.hero-controls{position:absolute;left:0;right:0;bottom:36px;z-index:4;pointer-events:none}
.hero-controls-inner{max-width:var(--wrap);margin:0 auto;padding:0 48px;display:flex;align-items:center;gap:28px;box-sizing:border-box}
.hero-controls-inner>*{pointer-events:auto}
.hero-count{display:flex;align-items:center;gap:12px;margin:0;color:#fff;font-family:'Roboto',system-ui,sans-serif;font-weight:500;font-size:15px;font-variant-numeric:tabular-nums;letter-spacing:.06em}
.hero-count [data-hero-cur]{font-size:22px}
.hero-count-sep{width:28px;height:1px;background:rgba(255,255,255,.5)}
.hero-dots{display:flex;gap:8px}
.hero-dot{position:relative;width:52px;height:24px;padding:0;border:0;background:transparent;cursor:pointer}
.hero-dot span{position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;background:rgba(255,255,255,.3);overflow:hidden}
.hero-dot span::after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:0 50%}
.hero-dot.is-active span::after{transform:scaleX(1)}
.hero-slider.is-ticking .hero-dot.is-active span::after{animation:tc-hero-progress 7s linear forwards}
.hero-slider.is-paused .hero-dot.is-active span::after{transform:scaleX(1)}
.hero-dot:hover span{background:rgba(255,255,255,.55)}
@keyframes tc-hero-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hero-arrows{display:flex;gap:10px;margin-left:auto}
.hero-arrow{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(23,32,30,.25);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .2s,color .2s,border-color .2s}
.hero-arrow:hover{background:#fff;color:var(--ink);border-color:#fff}
.hero-slider .hero-pad{padding-bottom:120px}

@media (max-width:1024px){
	.hero-controls-inner{padding:0 28px}
	.hero-slider .hero-title{font-size:48px}
}
@media (max-width:640px){
	.hero-slider{height:600px}
	.hero-slider .hero-pad{padding:0 16px 110px;justify-content:flex-end}
	.hero-slider .hero-title{font-size:32px}
	.hero-text{font-size:16px}
	.hero-eyebrow{font-size:12px}
	.hero-controls{bottom:20px}
	.hero-controls-inner{padding:0 16px;gap:14px}
	.hero-count{display:none}
	.hero-dot{width:30px}
	.hero-arrow{width:44px;height:44px}
	.hero-slider .hero-overlay{background:linear-gradient(0deg,rgba(23,32,30,.88) 0%,rgba(23,32,30,.55) 50%,rgba(23,32,30,.1) 100%)}
}
@media (prefers-reduced-motion:reduce){
	.hero-slider .hero-img{transition:opacity .4s ease}
	.hero-slider .hero-img.is-active{animation:none;transform:none}
	.hero-slide>*{transition:none !important;transform:none}
}

/* Drugi prelaz: „fasadni paneli“ */
.hero-panel{position:absolute;background-repeat:no-repeat;animation-timing-function:cubic-bezier(.65,0,.2,1);animation-fill-mode:both;will-change:transform}
.hero-panel.from-top{animation-name:tc-panel-top}
.hero-panel.from-bottom{animation-name:tc-panel-bottom}
.hero-panel::before{content:"";position:absolute;top:0;bottom:0;left:0;width:1px;background:rgba(242,238,230,.6);box-shadow:1px 0 0 rgba(23,32,30,.35);transition:opacity .38s ease}
.hero-panel::after{content:"";position:absolute;left:0;right:0;height:3px;background:var(--accent);box-shadow:0 0 18px var(--accent);animation:tc-panel-edge .9s ease forwards;animation-delay:inherit}
.hero-panel.from-top::after{bottom:0}
.hero-panel.from-bottom::after{top:0}
.hero-panels.is-grouted .hero-panel::before{opacity:0}
@keyframes tc-panel-top{0%{transform:translate3d(0,-101%,0);filter:brightness(.7)}70%{filter:brightness(1.08)}100%{transform:none;filter:none}}
@keyframes tc-panel-bottom{0%{transform:translate3d(0,101%,0);filter:brightness(.7)}70%{filter:brightness(1.08)}100%{transform:none;filter:none}}
@keyframes tc-panel-edge{0%,60%{opacity:1}100%{opacity:0}}

/* ==========================================================================
   Razmaci sekcija naslovne (desktop → tablet → telefon)
   ========================================================================== */
.tc-sec{padding-top:104px}
.tc-sec-insp,.tc-reviews,.tc-brands{padding-top:112px}
.tc-sale{margin-top:112px}
.tc-sale-title{font-size:52px;line-height:1.08;color:#fff}
.tc-why{margin-top:112px;background:#EAE2D2}
.tc-popular{margin-top:88px;background:var(--ink);color:var(--bg)}
.tc-popular-inner{max-width:1280px;padding-top:88px;padding-bottom:88px}
.tc-popular-title{font-size:32px;line-height:1.15;margin-bottom:24px}
.tc-popular-pill{display:flex;align-items:center;min-height:44px;padding:0 18px;background:transparent;border:1px solid rgba(242,238,230,.45);border-radius:999px;font-size:15px}
.tc-nl-sec{padding-top:88px;padding-bottom:112px}
.tc-nl-title{font-size:40px;line-height:1.1}

@media (max-width:1024px){
	.tc-sec,.tc-sec-insp,.tc-reviews,.tc-brands{padding-top:72px}
	.tc-sale,.tc-why,.tc-mag{margin-top:72px}
	.tc-popular{margin-top:64px}
	.tc-popular-inner{padding-top:56px;padding-bottom:56px}
	.sale-outer{padding:64px 28px;row-gap:32px}
	.tc-sale-title{font-size:40px}
	.split-12{padding:64px 28px;row-gap:32px}
	.split-6{gap:22px}
	.tc-mag-inner{padding:64px 28px}
	.tc-mag-head{padding-bottom:32px;margin-bottom:36px}
	.tc-nl-sec{padding-top:64px;padding-bottom:72px}
	.newsletter-card{padding:48px}
	.section-head{margin-bottom:28px}
}
@media (max-width:640px){
	.tc-sec,.tc-sec-insp,.tc-reviews,.tc-brands{padding-top:48px}
	.tc-sale,.tc-why,.tc-mag{margin-top:48px}
	.tc-popular{margin-top:48px}
	.tc-popular-inner{padding-top:40px;padding-bottom:40px}
	.tc-popular-title{font-size:24px;margin-bottom:16px}
	.tc-popular-pill{min-height:38px;padding:0 14px;font-size:14px}
	.section-head{margin-bottom:20px;row-gap:10px}
	.section-head > div{gap:8px !important}
	.section-title{font-size:26px}
	.eyebrow{font-size:12px}

	/* trust traka */
	.trust-item{padding:14px 0;gap:12px}
	.trust-item svg{width:26px;height:26px}
	.trust-item h3{font-size:17px !important}
	.trust-item p{font-size:13px !important;margin-top:2px !important}

	/* kategorije: 2 kolone, prva preko cele širine */
	.tc-sec-cat .cat-grid,.tc-sec-insp .cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:200px;grid-auto-rows:150px;gap:10px}
	.tc-sec-cat .cat-tile-lg,.tc-sec-insp .cat-tile-lg{grid-column:1 / -1;grid-row:auto;min-height:0}
	.tc-sec-cat .cat-tile,.tc-sec-insp .cat-tile{padding:10px;min-height:0;height:100%}
	.tc-sec-insp .cat-tile > span{padding:6px 12px !important;font-size:13px !important}
	.tc-sec-cat .section-head > a,.tc-sec-insp .section-head > a{font-size:15px}
	.tc-sec-insp .section-head p{font-size:15px !important}
	.tc-sec-cat .tile-label{padding:9px 12px}
	.tc-sec-cat .tile-label > span > span:first-child{font-size:16px !important}
	.tc-sec-cat .cat-tile:not(.cat-tile-lg) .tile-label > span > span:last-child{display:none}
	.tc-sec-cat .tile-label svg{width:16px;height:16px}
	.cat-pills{margin-top:14px;gap:8px}
	.cat-pills a{min-height:40px;font-size:14px;padding-left:16px}
	.cat-pill-count{min-width:26px;height:26px}

	/* izdvajamo iz ponude */
	.tc-sec-prod .section-head{margin-bottom:20px !important}

	/* akcija */
	.sale-outer{padding:40px 16px;row-gap:24px}
	.sale-text{gap:14px}
	.tc-sale-title{font-size:30px;line-height:1.12}
	.sale-text p{font-size:15px !important}
	.sale-grid{gap:12px}
	.sale-card{padding:10px 10px 16px;gap:10px}
	.sale-card .product-name{font-size:17px !important}

	/* zašto kod nas */
	.split-12{padding:40px 16px;row-gap:24px}
	.split-5{height:260px}
	.split-6{gap:16px}
	.split-6 > p{font-size:16px !important}
	.split-6 li{padding:14px 0 !important;gap:14px !important}
	.split-6 li h3{font-size:18px !important}

	/* magazin */
	.tc-mag-inner{padding:44px 16px}
	.tc-mag-head{padding-bottom:24px;margin-bottom:24px;gap:16px}
	.tc-mag-title{font-size:34px}
	.tc-mag-head-side{gap:14px}
	.tc-mag-head-side p{font-size:15px}
	.tc-mag-grid{gap:32px}
	.tc-mag-feature{gap:18px}
	.tc-mag-feature-title{font-size:24px}
	.tc-mag-item{padding:16px 0}

	/* brendovi */
	.tc-brands .section-head{margin-bottom:20px !important}
	.tc-brands-more-wrap{margin-top:18px}

	/* newsletter */
	.tc-nl-sec{padding-top:48px;padding-bottom:48px}
	.newsletter-card{padding:28px 20px;row-gap:20px}
	.tc-nl-title{font-size:26px}
	.newsletter-card p{font-size:15px !important}
	.newsletter-card form.nl-form input[type="email"],.newsletter-card form.nl-form .wpcf7-submit{height:50px}
}

/* ==========================================================================
   Iskustva naših kupaca
   ========================================================================== */
.tc-reviews-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px 40px;flex-wrap:wrap;margin-bottom:40px}
.tc-reviews-head-text{display:flex;flex-direction:column;gap:12px;max-width:640px}
.tc-reviews-score{display:flex;align-items:center;gap:12px;padding:10px 18px 10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font-size:14px;font-weight:500;color:var(--muted)}
.tc-reviews-stars,.tc-review-stars{display:inline-flex;gap:2px;color:#E0A23A}
.tc-reviews-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0}
.tc-review figure{position:relative;height:100%;margin:0;display:flex;flex-direction:column;gap:22px;padding:30px 30px 26px;background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
.tc-review figure::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--accent),#E3906F);transform:scaleX(.18);transform-origin:0 50%;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.tc-review:hover figure{transform:translateY(-6px);box-shadow:0 28px 50px -30px rgba(23,32,30,.45);border-color:transparent}
.tc-review:hover figure::before{transform:scaleX(1)}
.tc-review-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.tc-review-quote{color:var(--accent);opacity:.18;margin:-6px -6px 0 0;flex-shrink:0}
.tc-review-text{margin:0;flex:1}
.tc-review-text p{margin:0;font-family:'Roboto',system-ui,sans-serif;font-weight:500;font-size:21px;line-height:1.42;letter-spacing:-.005em;color:var(--ink)}
.tc-review-author{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:20px;border-top:1px dashed var(--line)}
.tc-review-avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;font-family:'Roboto',system-ui,sans-serif;font-weight:700;font-size:18px;flex-shrink:0}
.tc-review-who{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.tc-review-who strong{font-size:16px;font-weight:700;color:var(--ink)}
.tc-review-who span{font-size:13px;color:var(--muted)}
.tc-review-tag{margin-left:auto;display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:var(--bg);border:1px solid var(--line);font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap}
/* srednja kartica tamna */
.tc-review.is-dark figure{background:var(--ink);border-color:var(--ink)}
.tc-review.is-dark .tc-review-text p,.tc-review.is-dark .tc-review-who strong{color:var(--bg)}
.tc-review.is-dark .tc-review-who span{color:rgba(242,238,230,.66)}
.tc-review.is-dark .tc-review-quote{color:#E3906F;opacity:.4}
.tc-review.is-dark .tc-review-author{border-top-color:rgba(242,238,230,.18)}
.tc-review.is-dark .tc-review-tag{background:transparent;border-color:rgba(242,238,230,.28);color:rgba(242,238,230,.8)}
.tc-review.is-dark .tc-review-avatar{background:var(--bg);color:var(--ink)}
body.tc-red .tc-review figure::before{background:linear-gradient(90deg,#DC2C1D,#FF6F5E)}

@media (max-width:1024px){
	.tc-reviews-head{margin-bottom:28px}
	.tc-reviews-list{grid-template-columns:repeat(2,minmax(0,1fr))}
	.tc-review:last-child{grid-column:span 2}
}
@media (max-width:640px){
	.tc-reviews-head{margin-bottom:20px;gap:12px}
	.tc-reviews-head-text{gap:8px}
	.tc-reviews-score{padding:8px 14px 8px 12px;font-size:13px}
	/* horizontalni swipe */
	.tc-reviews-list{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:4px 16px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
	.tc-reviews-list::-webkit-scrollbar{display:none}
	.tc-review{flex:0 0 86%;scroll-snap-align:center}
	.tc-review:last-child{grid-column:auto}
	.tc-review figure{padding:22px 20px 20px;gap:16px;border-radius:16px}
	.tc-review-text p{font-size:17px}
	.tc-review-quote{width:34px;height:34px}
	.tc-review-author{padding-top:14px}
	.tc-review-avatar{width:38px;height:38px;font-size:16px}
	.tc-review-tag{margin-left:0}
}
@media (prefers-reduced-motion:reduce){.tc-review figure,.tc-review figure::before{transition:none}}

/* ==========================================================================
   Footer: društvene mreže + kolone na telefonu
   ========================================================================== */
.footer-social{display:flex;gap:10px}
.footer-social a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(242,238,230,.4);border-radius:50%;color:var(--bg);transition:background .2s,color .2s,border-color .2s,transform .2s}
.site-footer .footer-social a:hover{opacity:1;background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px)}
.footer-social svg{display:block}

@media (max-width:1024px){
	.footer-grid{padding:56px 28px 32px}
	.footer-col-contact{grid-column:span 2 !important}
}
@media (max-width:640px){
	.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:40px 16px 24px;column-gap:16px;row-gap:28px}
	.footer-brand,.footer-col-contact{grid-column:span 2 !important}
	.footer-col-info,.footer-col-shop{grid-column:span 1 !important;min-width:0}
	.site-footer .footer-col h4{font-size:17px !important;margin-bottom:8px !important}
	.site-footer .footer-col ul{font-size:14px !important;gap:0 !important}
	.site-footer .footer-col li a{padding:5px 0 !important}
	.footer-brand{gap:14px !important}
	.footer-bottom-inner{padding:18px 16px}
}