/* Customer-facing catalogue groups. Native product URLs and catalogue data remain independent. */
.ttm-catalog-hub{position:relative;isolation:isolate;padding:82px 0;background:linear-gradient(145deg,#eef3f9 0%,#f8fafd 43%,#fff 100%);border-block:1px solid #e0e7f0;scroll-margin-top:185px}
.ttm-catalog-heading{max-width:790px;margin:0 0 32px}
.ttm-catalog-heading .ttm-eyebrow{color:#63748e;margin:0 0 15px}
.ttm-catalog-heading h2{margin:0 0 16px;font-size:clamp(33px,3.8vw,52px);line-height:1.12;letter-spacing:-.045em;color:#263a61;text-wrap:balance}
.ttm-catalog-heading p{max-width:690px;margin:0;color:#5a6b82;font-size:15px;line-height:1.8}
.ttm-catalog-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ttm-catalog-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:25px 25px 20px;min-height:312px;border:1px solid #dce5f0;border-radius:18px;background:linear-gradient(145deg,#fff,#edf3fa);box-shadow:0 10px 32px -25px #1d365d45;color:#263a61;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s}
.ttm-catalog-card:before{content:"";position:absolute;z-index:-1;right:-58px;top:-64px;width:180px;height:180px;border:1px solid #6b85ad19;border-radius:50%;box-shadow:0 0 0 26px #7c95ba08,0 0 0 52px #7c95ba05;pointer-events:none;transition:transform .4s}
.ttm-catalog-card:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 5% 100%,#cfdeef44,transparent 70%);pointer-events:none}
.ttm-catalog-card:hover{transform:translateY(-5px);color:#263a61;border-color:#a4b8d4;box-shadow:0 24px 40px -24px #1a345d4d;text-decoration:none}
.ttm-catalog-card:hover:before{transform:translate(-8px,8px)}
.ttm-catalog-card__number{align-self:flex-end;color:#71829c;font-size:10px;font-weight:700;letter-spacing:.15em;line-height:1.2}
.ttm-catalog-card__icon{display:grid;place-items:center;flex:none;width:58px;height:58px;margin:2px 0 24px;border:1px solid #d2deed;border-radius:16px;background:linear-gradient(130deg,#fff,#e3ecf7);color:#344e7f;box-shadow:0 8px 18px -13px #294c7970}
.ttm-catalog-card__icon svg{display:block;width:29px;height:29px;stroke-width:1.6}
.ttm-catalog-card h3{color:inherit;margin:0 0 11px;font-size:23px;line-height:1.2;letter-spacing:-.04em;text-wrap:balance}
.ttm-catalog-card p{font-size:12px;line-height:1.8;color:#5a6b82;margin:0 0 19px;overflow-wrap:anywhere}
.ttm-catalog-card__link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;width:100%;margin-top:auto;padding-top:10px;border-top:1px solid #cbd8e8;font-size:11px;font-weight:800;line-height:1.5;color:inherit}
.ttm-catalog-card__link svg{width:18px;height:18px;flex:none;transition:transform .2s}
.ttm-catalog-card:hover .ttm-catalog-card__link svg{transform:translateX(3px)}
.ttm-catalog-card[data-group="strojevi"]{background:radial-gradient(ellipse at 100% 0,#6a8bb948,transparent 70%),linear-gradient(135deg,#1c304f,#263a61 56%,#344e7f);border-color:#344e7f;color:#fff;box-shadow:0 17px 33px -23px #263a6194}
.ttm-catalog-card[data-group="strojevi"]:before{border-color:#d4e4ff26;box-shadow:0 0 0 26px #b3ccf20a,0 0 0 52px #b3ccf208}
.ttm-catalog-card[data-group="strojevi"]:after{background:radial-gradient(ellipse at 0 100%,#14284470,transparent 65%)}
.ttm-catalog-card[data-group="strojevi"]:hover{border-color:#728eb9;color:#fff}
.ttm-catalog-card[data-group="strojevi"] .ttm-catalog-card__number{color:#b5c7e1}
.ttm-catalog-card[data-group="strojevi"] .ttm-catalog-card__icon{color:#fff;background:linear-gradient(130deg,#d2e4ff20,#d2e4ff09);border-color:#cadaf138}
.ttm-catalog-card[data-group="strojevi"] p{color:#d1dcef}
.ttm-catalog-card[data-group="strojevi"] .ttm-catalog-card__link{border-color:#d0dff72c}
.ttm-catalog-hub__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 30px;padding-top:23px}
.ttm-catalog-hub__footer a{display:inline-flex;align-items:center;gap:14px;min-height:44px;color:#263a61;font-size:12px;font-weight:700;text-decoration:none}
.ttm-catalog-hub__footer a:hover{text-decoration:underline;text-underline-offset:5px}
.ttm-catalog-hub__footer a svg{width:18px;height:18px}

/* Group selection and native WooCommerce filters above the product grid. */
.ttm-catalog-controls{clear:both;min-width:0;margin:0 0 30px;padding:22px;border:1px solid #dce5f0;border-radius:18px;background:linear-gradient(140deg,#fff,#f4f7fb);box-shadow:0 12px 32px -25px #213b6150}
.ttm-catalog-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 19px;padding:0 0 19px;border-bottom:1px solid #e0e7f0}
.ttm-catalog-tabs>a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:0;padding:10px 16px;border:1px solid #d6e0ed;border-radius:9px;background:#fff;color:#344965;font-size:12px;line-height:1.5;font-weight:700;text-align:center;text-decoration:none;transition:background .2s,border-color .2s,color .2s;overflow-wrap:anywhere}
.ttm-catalog-tabs>a:hover{background:#edf3fb;border-color:#a2b6d1;color:#263a61}
.ttm-catalog-tabs>a.is-current,.ttm-catalog-tabs>a[aria-current="page"]{color:#fff;background:linear-gradient(115deg,#263a61,#344e7f);border-color:#263a61;box-shadow:0 6px 13px -8px #263a6180}
.ttm-catalog-filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:14px;margin:0;min-width:0}
.ttm-catalog-field{min-width:0}
.ttm-catalog-field label{display:block;margin:0 0 7px;color:#50627c;font-size:11px;line-height:1.5;font-weight:700}
.ttm-catalog-field input,.ttm-catalog-field select{display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:48px;height:48px;margin:0;padding:11px 13px;background:#fff;border:1px solid #d0dcec;border-radius:8px;color:#263a61;font:inherit;font-size:13px;line-height:1.5;box-shadow:0 2px 3px #263a6103}
.ttm-catalog-field input::placeholder{color:#697a92;opacity:1}
.ttm-catalog-field select{padding-right:28px;text-overflow:ellipsis}
.ttm-catalog-field input:focus,.ttm-catalog-field select:focus{border-color:#6f8bb2;box-shadow:0 0 0 3px #7897c21a}
.ttm-catalog-filter .ttm-catalog-filter__submit{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;margin:0;padding:12px 24px;border:1px solid #263a61;border-radius:8px;background:linear-gradient(115deg,#263a61,#344e7f);color:#fff;font:inherit;font-size:12px;line-height:1.5;font-weight:800;cursor:pointer;box-shadow:0 6px 15px -10px #263a6177;transition:background .2s,box-shadow .2s}
.ttm-catalog-filter .ttm-catalog-filter__submit:hover{background:#344e7f;color:#fff;box-shadow:0 10px 19px -11px #263a6180}
.ttm-catalog-filter__submit svg{width:18px;height:18px;flex:none}
.ttm-catalog-reset{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;color:#4a617f;font-size:11px;text-decoration:underline;text-decoration-color:#a5b6ce;text-underline-offset:4px}
.ttm-catalog-reset:hover{color:#263a61;text-decoration-color:#263a61}
.ttm-catalog-active{margin:15px 0 0;color:#596e88;font-size:12px;line-height:1.75;overflow-wrap:anywhere}
.ttm-catalog-active strong{color:#263a61;font-weight:800}
.ttm-catalog-subtypes{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:17px;border-top:1px solid #e1e8f1}
.ttm-catalog-subtypes>a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;padding:8px 13px;border:1px solid #dae4f0;border-radius:7px;background:#fff;color:#4a6180;font-size:11px;line-height:1.5;text-decoration:none;overflow-wrap:anywhere}
.ttm-catalog-subtypes>a:hover{color:#263a61;border-color:#9fb4d2;background:#f1f5fb}

/* Header launcher uses semantic details for mouse, touch and keyboard access. */
.ttm-catalog-menu{position:relative;display:flex;align-items:stretch;min-width:175px;z-index:10}
.ttm-catalog-menu>summary.ttm-nav-catalog{height:100%;min-height:52px;margin:0;cursor:pointer;list-style:none;user-select:none}
.ttm-catalog-menu>summary::-webkit-details-marker{display:none}
.ttm-catalog-menu>summary:after{content:"";width:6px;height:6px;flex:none;margin-left:auto;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s}
.ttm-catalog-menu[open]>summary:after{transform:rotate(225deg)}
.ttm-catalog-menu[open]>summary{color:#344e7f}
.ttm-catalog-menu__panel{position:absolute;top:100%;left:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:570px;max-width:calc(100vw - 88px);padding:16px;border:1px solid #dce5f0;border-radius:0 0 15px 15px;background:#fffffff7;box-shadow:0 24px 48px -18px #11294640;backdrop-filter:blur(18px)}
.ttm-catalog-menu:not([open])>.ttm-catalog-menu__panel{display:none}
.ttm-catalog-menu__panel>a{display:block;min-height:79px;padding:14px 15px;border:1px solid #e2e9f2;border-radius:9px;background:linear-gradient(135deg,#f9fbfe,#edf3fa);color:#263a61;text-decoration:none;transition:border-color .2s,background .2s}
.ttm-catalog-menu__panel>a:hover{border-color:#a5bbd8;background:#edf3fc;color:#263a61}
.ttm-catalog-menu__panel strong{display:block;margin:0 0 5px;font-size:13px;line-height:1.4;font-weight:800}
.ttm-catalog-menu__panel span{display:block;color:#62758f;font-size:11px;line-height:1.6}
.ttm-catalog-card:focus-visible,.ttm-catalog-hub__footer a:focus-visible,.ttm-catalog-controls a:focus-visible,.ttm-catalog-controls button:focus-visible,.ttm-catalog-controls input:focus-visible,.ttm-catalog-controls select:focus-visible,.ttm-catalog-menu summary:focus-visible,.ttm-catalog-menu__panel a:focus-visible{outline:3px solid #7198d7;outline-offset:4px}
.ttm-catalog-card[data-group="strojevi"]:focus-visible{outline-color:#7198d7}

@media(max-width:1199px){.ttm-catalog-cards{gap:14px}.ttm-catalog-card{padding:23px 20px 18px;min-height:305px}.ttm-catalog-card h3{font-size:21px}.ttm-catalog-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.ttm-catalog-filter .ttm-catalog-filter__submit{justify-self:stretch}.ttm-catalog-menu{min-width:155px}}
@media(max-width:1023px){.ttm-catalog-menu{display:none}.ttm-catalog-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ttm-catalog-card{min-height:274px;padding:25px 26px 18px}.ttm-catalog-card__icon{margin-bottom:20px}.ttm-catalog-card h3{font-size:24px}}
@media(max-width:767px){.ttm-catalog-hub{padding:50px 0;scroll-margin-top:170px}.ttm-catalog-heading{margin-bottom:25px}.ttm-catalog-heading .ttm-eyebrow{font-size:9px;margin-bottom:13px}.ttm-catalog-heading h2{font-size:34px;margin-bottom:14px}.ttm-catalog-heading p{font-size:13px;line-height:1.8}.ttm-catalog-cards{gap:11px}.ttm-catalog-card{padding:18px 16px 12px;min-height:267px;border-radius:13px}.ttm-catalog-card__number{font-size:9px}.ttm-catalog-card__icon{height:45px;width:45px;border-radius:12px;margin:1px 0 20px}.ttm-catalog-card__icon svg{height:24px;width:24px}.ttm-catalog-card h3{font-size:19px;line-height:1.2;margin-bottom:10px}.ttm-catalog-card p{font-size:11px;line-height:1.7;margin-bottom:12px}.ttm-catalog-card__link{gap:7px;font-size:10px;min-height:44px;padding-top:8px}.ttm-catalog-card__link svg{height:16px;width:16px}.ttm-catalog-hub__footer{gap:5px 18px;padding-top:16px}.ttm-catalog-hub__footer a{font-size:11px;gap:8px}.ttm-catalog-controls{padding:17px;margin-bottom:24px;border-radius:13px}.ttm-catalog-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:18px;padding-bottom:18px}.ttm-catalog-tabs>a{padding:10px 9px;font-size:11px;border-radius:7px}.ttm-catalog-filter{grid-template-columns:minmax(0,1fr);gap:13px}.ttm-catalog-field label{margin-bottom:6px}.ttm-catalog-field input,.ttm-catalog-field select{font-size:16px;height:49px;min-height:49px}.ttm-catalog-filter .ttm-catalog-filter__submit{min-height:48px;margin-top:3px;font-size:12px}.ttm-catalog-active{font-size:11px}.ttm-catalog-subtypes{gap:7px}.ttm-catalog-subtypes>a{font-size:10px;padding:8px 10px}}
@media(max-width:359px){.ttm-catalog-heading h2{font-size:30px}.ttm-catalog-card{padding-inline:13px}.ttm-catalog-card h3{font-size:17px;letter-spacing:-.035em}.ttm-catalog-card p{font-size:10px}.ttm-catalog-card__link{font-size:9px;gap:5px}.ttm-catalog-controls{padding:13px}.ttm-catalog-tabs>a{font-size:10px;padding-inline:7px}}
@media(prefers-reduced-motion:reduce){.ttm-catalog-card,.ttm-catalog-card:before,.ttm-catalog-card__link svg,.ttm-catalog-tabs>a,.ttm-catalog-filter__submit,.ttm-catalog-menu>summary:after,.ttm-catalog-menu__panel>a{transition:none}.ttm-catalog-card:hover,.ttm-catalog-card:hover:before,.ttm-catalog-card:hover .ttm-catalog-card__link svg{transform:none}}
@media print{.ttm-catalog-menu,.ttm-catalog-controls{display:none}.ttm-catalog-hub{padding:24px 0;background:#fff}.ttm-catalog-card,.ttm-catalog-card[data-group="strojevi"]{min-height:0;box-shadow:none;background:#fff;color:#263a61;break-inside:avoid}.ttm-catalog-card[data-group="strojevi"] p,.ttm-catalog-card[data-group="strojevi"] .ttm-catalog-card__icon{color:#263a61}.ttm-catalog-card:before,.ttm-catalog-card:after{display:none}}

/* Compact shop entry and explicit filter spacing. */
.ttm-catalog-heading .ttm-eyebrow{font-size:10px}
.ttm-catalog-hub--shop{padding:24px 0 28px;margin-bottom:24px;background:none;border:0}
.ttm-catalog-hub--shop .ttm-catalog-heading h2{font-size:clamp(28px,2.8vw,38px)}
.ttm-catalog-active{display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px}
.ttm-catalog-active .ttm-catalog-reset{margin-top:0}
@media(max-width:767px){.ttm-catalog-hub--shop{padding:12px 0 20px}.ttm-catalog-heading .ttm-eyebrow{font-size:9px}}