/* TECKZYY — 2026 refined product catalogue | scoped to /products */
#app .tz-catalog{padding:0 22px 106px;position:relative;color:#f5f1e9;isolation:isolate;overflow:visible}
#app .tz-catalog *{box-sizing:border-box}
#app .tz-catalog-shell{max-width:1250px;margin:0 auto;position:relative;z-index:1}
#app .tz-catalog-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:22px 0 19px;font-size:11px;color:#8f877a}
#app .tz-catalog-breadcrumb a{color:#af9d7d;text-decoration:none}#app .tz-catalog-breadcrumb a:hover{color:#f3c976}
#app .tz-catalog-breadcrumb .tz-crumb-arrow{color:#5d5547}
#app .tz-catalog-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.85fr);gap:14px;min-height:398px;overflow:hidden;border:1px solid rgba(223,171,81,.3);border-radius:25px;background:linear-gradient(110deg,rgba(19,17,13,.97),rgba(20,16,10,.94) 56%,rgba(11,11,10,.92));box-shadow:0 22px 68px rgba(0,0,0,.32),inset 0 1px rgba(255,236,185,.07);position:relative}
#app .tz-catalog-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(227,160,53,.028) 1px,transparent 1px),linear-gradient(0deg,rgba(227,160,53,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent 25%,black)}
#app .tz-catalog-hero-copy{padding:53px 16px 50px 58px;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
#app .tz-catalog-tag{display:inline-flex;align-items:center;gap:9px;min-height:32px;padding:8px 12px;border-radius:999px;background:rgba(203,150,61,.075);border:1px solid rgba(239,191,103,.27);color:#f0c67a;font-size:10px;line-height:1;letter-spacing:1.6px;font-weight:800}
#app .tz-catalog-tag-dot,#app .tz-catalog-count-live{display:inline-block;flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#e7b75a;box-shadow:0 0 12px rgba(246,196,98,.5)}
#app .tz-catalog-hero h1{font-size:clamp(38px,4.2vw,65px);font-weight:850;letter-spacing:-.065em;line-height:1.08;margin:24px 0 17px;color:#faf8f2}
#app .tz-catalog-hero h1 span{background:linear-gradient(110deg,#ffefc9,#f1c66e 49%,#bf832c);background-clip:text;-webkit-background-clip:text;color:transparent}
#app .tz-catalog-hero p{font-size:14px;line-height:1.76;color:#b6ad9f;max-width:510px;margin:0 0 25px}
#app .tz-catalog-hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:12px;padding:13px 15px 13px 20px;font-size:12px;font-weight:800;text-decoration:none;background:linear-gradient(115deg,#f8d996,#d6a858);color:#1c1308;box-shadow:0 8px 26px rgba(195,138,39,.15);transition:transform .25s,box-shadow .25s}
#app .tz-catalog-hero-btn svg{width:18px;height:18px}
#app .tz-catalog-hero-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(195,138,39,.3)}
#app .tz-catalog-art{position:relative;min-height:350px;isolation:isolate;display:grid;place-items:center;overflow:hidden}
#app .tz-catalog-art-glow{position:absolute;z-index:-2;inset:3%;background:radial-gradient(ellipse at center,rgba(234,164,46,.26),rgba(111,75,19,.1) 36%,transparent 67%)}
#app .tz-catalog-art-orbit{position:absolute;width:305px;height:305px;border:1px solid rgba(231,183,89,.22);border-radius:50%;transform:rotate(-25deg) scaleX(1.1);box-shadow:0 0 24px rgba(226,156,41,.05)}
#app .tz-catalog-art-orbit-one::after{content:"✦";position:absolute;right:18px;top:47px;color:#edbd62;font-size:16px}
#app .tz-catalog-art-orbit-two{width:365px;height:240px;transform:rotate(37deg);border-color:rgba(236,183,83,.18)}
#app .tz-catalog-art-core{position:relative;display:grid;place-items:center;width:198px;height:198px;border-radius:48px;transform:rotate(-15deg);background:linear-gradient(145deg,#c38c37,#f3db94 24%,#8c5921 62%,#ffdb89);padding:2px;box-shadow:0 0 65px rgba(224,160,49,.13),0 25px 65px rgba(0,0,0,.3)}
#app .tz-catalog-art-core-inner{width:100%;height:100%;display:grid;place-items:center;border-radius:46px;background:linear-gradient(135deg,#282013,#0d0d0c 65%,#1c140b);box-shadow:inset 0 1px 20px rgba(240,176,80,.17)}
#app .tz-catalog-art-core span{font-size:135px;font-weight:950;line-height:1;color:transparent;background:linear-gradient(155deg,#fff1c7,#ddae5a,#8b561d);background-clip:text;-webkit-background-clip:text;transform:rotate(15deg);font-family:var(--font-display),sans-serif;text-shadow:0 8px 35px rgba(242,176,63,.15)}
#app .tz-catalog-art-caption{position:absolute;bottom:32px;right:20px;display:flex;align-items:center;gap:8px;border:1px solid rgba(215,169,80,.22);background:rgba(12,12,10,.84);backdrop-filter:blur(12px);border-radius:999px;padding:10px 13px;color:#ccb889;letter-spacing:1px;font-size:9px;font-weight:700}
#app .tz-catalog-art-caption-dot{background:#e2b96c;box-shadow:0 0 10px #ab7624;width:6px;height:6px;border-radius:50%}
#app .tz-catalog-art-caption b{color:#eebd67}
#app .tz-catalog-art-corner{position:absolute;top:31px;right:35px;letter-spacing:3px;font:700 10px monospace;color:#a9864d}
#app .tz-catalog-perks{display:flex;justify-content:space-between;flex-wrap:wrap;gap:17px;padding:17px 26px;margin:15px 0 61px;border-radius:16px;border:1px solid rgba(228,180,93,.14);background:rgba(12,11,9,.77);box-shadow:inset 0 1px rgba(255,225,156,.05)}
#app .tz-catalog-perks>div{display:flex;align-items:center;gap:11px;font-size:11px;font-weight:700;color:#a9a092}
#app .tz-catalog-perk-icon{font-size:17px;color:#ddb569}
#app .tz-catalog-section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 20px;scroll-margin-top:120px}
#app .tz-catalog-smalltitle{color:#d7a95b;letter-spacing:2px;font-size:10px;font-weight:800;margin-bottom:10px}
#app .tz-catalog-section-intro h2{font-size:clamp(28px,3.1vw,43px);line-height:1.17;font-weight:820;letter-spacing:-.045em;color:#f5f2eb;margin:0 0 8px}
#app .tz-catalog-section-intro p{font-size:13px;line-height:1.5;color:#9d9487;margin:0}
#app .tz-catalog-count{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#c4b8a7;white-space:nowrap;padding:9px 13px;border-radius:999px;border:1px solid rgba(227,187,107,.24);background:rgba(25,21,15,.78);margin-bottom:5px}
#app .tz-catalog-count-live{width:6px;height:6px}
#app .tz-catalog-filterbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid rgba(223,170,83,.24);border-radius:17px;background:linear-gradient(115deg,rgba(30,25,18,.9),rgba(10,10,9,.94));box-shadow:inset 0 1px rgba(255,228,174,.07);margin-bottom:16px}
#app .tz-catalog-mainfilters{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
#app .tz-catalog-search{display:flex;align-items:center;position:relative;flex:1 1 270px;min-width:100px;height:46px;color:#bea57a}
#app .tz-catalog-search>svg{width:18px;height:18px;position:absolute;left:14px;pointer-events:none}
#app .tz-catalog-search input{height:46px;width:100%;padding:0 35px 0 42px!important;background:rgba(10,9,8,.85)!important;border:1px solid rgba(215,178,104,.21)!important;border-radius:11px!important;color:#f7f1e4!important;font-size:12px;outline:none}
#app .tz-catalog-search input::placeholder{color:#8f8575}
#app .tz-catalog-search input:focus{border-color:rgba(247,193,94,.58)!important;box-shadow:0 0 0 3px rgba(237,164,45,.1)}
#app .tz-catalog-clear{position:absolute;right:11px;top:8px;background:transparent;border:0;color:#ccb27d;font-size:22px;cursor:pointer}
#app .tz-catalog-select-wrap{position:relative;display:block;min-width:145px;flex:0 1 auto}
#app .tz-catalog-select-wrap::after{content:"⌄";position:absolute;right:14px;top:9px;font-size:22px;pointer-events:none;color:#d4aa64}
#app .tz-catalog-select-wrap select{width:100%;height:46px;border-radius:11px!important;appearance:none!important;background:rgba(11,10,9,.94)!important;border:1px solid rgba(218,174,95,.23)!important;color:#d9d1c1!important;font-weight:650;font-size:11px;cursor:pointer;padding:0 36px 0 13px!important;outline:none}
#app .tz-catalog-select-wrap select:focus{border-color:#d0a35d!important;outline-offset:2px}
#app .tz-catalog-pricerow{display:flex;align-items:center;gap:7px;flex-shrink:0}
#app .tz-catalog-filterlabel{font-size:10px;letter-spacing:.3px;font-weight:700;color:#ab9b82;margin-right:4px;white-space:nowrap}
#app .tz-catalog-pricerange input{height:46px;width:60px;border:1px solid rgba(218,174,95,.23)!important;background:rgba(11,10,9,.94)!important;color:#eee0c4!important;border-radius:10px!important;padding:0 7px!important;font-size:12px;text-align:center;outline:none}
#app .tz-catalog-price-divider{color:#7f725e}
#app .tz-catalog-reset{height:46px;padding:0 12px;display:flex;align-items:center;gap:6px;border-radius:10px;border:1px solid rgba(218,174,95,.16);color:#b6a386;font-size:11px;font-weight:750;background:rgba(15,13,11,.72);cursor:pointer}
#app .tz-catalog-reset:hover{color:#f7d38c;border-color:rgba(230,183,91,.5)}
#app .tz-catalog-pills{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:4px 0 16px;scrollbar-width:none}
#app .tz-catalog-pills::-webkit-scrollbar{display:none}
#app .tz-catalog-pills button{border:1px solid rgba(213,172,106,.2);border-radius:999px;padding:9px 14px;flex:0 0 auto;white-space:nowrap;background:rgba(16,15,12,.8);color:#a89d8d;font-size:11px;font-weight:700;cursor:pointer;transition:all .25s}
#app .tz-catalog-pills button.active,#app .tz-catalog-pills button:hover{color:#f2d28f;border-color:rgba(231,186,96,.5);background:rgba(214,149,44,.16)}
#app .tz-catalog-pills button span{margin-left:6px;opacity:.7}
#app .tz-catalog-grid.pp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
#app .tz-catalog-gridcell{min-width:0;height:100%}
#app .tz-catalog-card{height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;text-decoration:none!important;color:#f8f3e8;background:linear-gradient(150deg,rgba(27,23,18,.98),rgba(9,9,8,.98) 66%);border:1px solid rgba(219,170,81,.24);border-radius:20px;box-shadow:0 12px 32px rgba(0,0,0,.20),inset 0 1px rgba(255,235,194,.06);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
#app .tz-catalog-card:hover{transform:translateY(-5px);border-color:rgba(245,190,88,.65);box-shadow:0 24px 52px rgba(0,0,0,.36),0 0 27px rgba(224,151,39,.13)}
#app .tz-catalog-media{height:auto;aspect-ratio:16/10;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 55%,rgba(190,133,46,.18),transparent 70%),linear-gradient(135deg,#20180e,#090909 65%);border-bottom:1px solid rgba(233,181,78,.15)}
#app .tz-catalog-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,5,5,0) 75%,rgba(8,7,6,.22))}
#app .tz-catalog-media img{display:block;width:100%;height:100%;object-fit:contain!important;transition:transform .45s ease;position:absolute;inset:0}
#app .tz-catalog-card:hover .tz-catalog-media img{transform:scale(1.045)}
#app .tz-catalog-media-fallback{display:grid;place-items:center;width:100%;height:100%;color:#cba056}
#app .tz-catalog-media-fallback span{display:grid;place-items:center;width:102px;height:102px;border:1px solid rgba(241,188,103,.34);background:linear-gradient(155deg,rgba(240,168,60,.14),rgba(35,26,15,.4));border-radius:26px;font-size:42px;transform:rotate(-8deg)}
#app .tz-catalog-media-label{position:absolute;left:15px;top:15px;z-index:2;padding:8px 10px;border:1px solid rgba(239,194,106,.32);background:rgba(11,10,9,.80);border-radius:8px;color:#e9c487;font-size:9px;font-weight:850;letter-spacing:1.1px;backdrop-filter:blur(10px)}
#app .tz-catalog-media-arrow{position:absolute;right:15px;top:15px;z-index:2;border-radius:8px;width:33px;height:33px;display:grid;place-items:center;border:1px solid rgba(241,195,105,.26);background:rgba(11,10,9,.76);color:#f6d38b;font-size:20px}
#app .tz-catalog-card-main{display:flex;flex:1;flex-direction:column;padding:20px 21px 19px;min-width:0}
#app .tz-catalog-card-super{font-size:9px;letter-spacing:1.5px;font-weight:850;color:#ac8752;margin-bottom:8px}
#app .tz-catalog-card-super span{color:#7b6141;margin:0 4px}
#app .tz-catalog-card h3{font-size:clamp(18px,1.7vw,23px);line-height:1.3;font-weight:800;letter-spacing:-.035em;color:#faf5ea;margin:0 0 8px}
#app .tz-catalog-card-desc{font-size:12px;line-height:1.65;color:#a79c8a;margin:0 0 13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0}
#app .tz-catalog-card-details{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto;margin-bottom:13px}
#app .tz-catalog-product-stock{display:inline-flex;align-items:center;gap:7px;color:#9fd9b0;background:rgba(39,135,72,.08);border:1px solid rgba(80,167,114,.17);padding:7px 10px;border-radius:999px;font-size:10px;font-weight:700}
#app .tz-catalog-product-stock i{width:6px;height:6px;background:#54ce8c;border-radius:50%;box-shadow:0 0 8px rgba(58,199,119,.35)}
#app .tz-catalog-product-stock.is-out{color:#ffaaa4;border-color:rgba(246,95,87,.24);background:rgba(189,65,60,.09)}
#app .tz-catalog-product-stock.is-out i{background:#ef615e}
#app .tz-catalog-price{display:inline-flex;align-items:center;gap:3px;color:#f2ce7c;font-size:16px;font-weight:850;letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap}
#app .tz-catalog-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(242,203,122,.13);padding-top:15px;margin-top:auto;color:#d3c1a2;font-size:11px;font-weight:750}
#app .tz-catalog-card-cta-arrow,#app .tz-catalog-view-btn b{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:linear-gradient(135deg,#f3d48d,#b87b28);color:#201508;font-weight:850;font-size:19px;box-shadow:0 5px 14px rgba(187,125,28,.15)}
#app .tz-catalog-view-btn{display:flex;align-items:center;gap:12px}
#app .tz-catalog-group .tz-catalog-card-bottom{margin-top:auto}
#app .tz-catalog-empty{padding:70px 18px;text-align:center;border:1px dashed rgba(224,174,85,.3);border-radius:20px;background:rgba(16,14,12,.85);margin:20px 0}
#app .tz-catalog-empty-mark{font-size:38px;color:#ddb467}
#app .tz-catalog-empty h3{font-size:21px;font-weight:800;margin:12px 0 8px;color:#fff}
#app .tz-catalog-empty p{font-size:13px;color:#ac9c83;margin-bottom:18px}
#app .tz-catalog-empty button{background:linear-gradient(135deg,#f3d99c,#bd8d3c);color:#201609;border:0;border-radius:9px;padding:12px 17px;font-size:12px;font-weight:800;cursor:pointer}
#app .tz-catalog-pagination{margin:32px 0}
#app .tz-catalog-aftercare{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 24px;margin-top:47px;border:1px solid rgba(230,182,93,.24);border-radius:18px;background:linear-gradient(105deg,rgba(38,28,18,.94),rgba(15,14,12,.93))}
#app .tz-catalog-aftercare>div{display:flex;align-items:center;gap:15px}
#app .tz-catalog-aftercare-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(201,139,48,.13);border:1px solid rgba(226,166,76,.26);font-size:24px;color:#f3c875}
#app .tz-catalog-aftercare strong{display:block;color:#f5e9d0;font-size:14px;margin-bottom:5px}
#app .tz-catalog-aftercare small{display:block;color:#a79b89;font-size:11px;line-height:1.6}
#app .tz-catalog-aftercare a{display:inline-flex;align-items:center;gap:12px;padding:13px 16px;background:rgba(234,177,74,.12);border:1px solid rgba(238,178,78,.32);border-radius:10px;text-decoration:none;color:#f1ce85;font-size:12px;font-weight:800;white-space:nowrap}
#app .tz-catalog-aftercare a:hover{background:rgba(234,177,74,.22)}
#app .tz-catalog a:focus-visible,#app .tz-catalog button:focus-visible,#app .tz-catalog input:focus-visible,#app .tz-catalog select:focus-visible{outline:2px solid #ffdc92;outline-offset:3px}
@media(min-width:1600px){#app .tz-catalog-hero-copy{padding-left:66px}}
@media(max-width:1120px){#app .tz-catalog-filterbar{flex-direction:column;align-items:stretch}#app .tz-catalog-pricerow{justify-content:flex-end}#app .tz-catalog-grid.pp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}}
@media(max-width:940px){#app .tz-catalog-hero{grid-template-columns:1fr minmax(240px,.65fr)}#app .tz-catalog-hero-copy{padding-left:32px}#app .tz-catalog-art-core{width:150px;height:150px;border-radius:37px}#app .tz-catalog-art-core-inner{border-radius:35px}#app .tz-catalog-art-core span{font-size:104px}#app .tz-catalog-grid.pp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#app .tz-catalog-perks{margin-bottom:45px}}
@media(max-width:680px){#app .tz-catalog{padding:0 14px 72px}#app .tz-catalog-hero{grid-template-columns:1fr;min-height:0}#app .tz-catalog-hero-copy{padding:37px 23px 30px}#app .tz-catalog-hero h1{font-size:clamp(38px,10vw,52px)}#app .tz-catalog-art{min-height:165px}#app .tz-catalog-art-core{height:110px;width:110px;border-radius:26px}#app .tz-catalog-art-core-inner{border-radius:24px}#app .tz-catalog-art-core span{font-size:78px}#app .tz-catalog-art-orbit{width:240px;height:145px}#app .tz-catalog-art-orbit-two{width:210px;height:170px}#app .tz-catalog-art-caption{bottom:12px;right:12px;font-size:8px;padding:7px 9px}#app .tz-catalog-art-corner{top:8px;right:15px}#app .tz-catalog-perks{justify-content:flex-start;gap:11px 25px;padding:15px;margin-bottom:35px}#app .tz-catalog-section-intro{align-items:flex-start;flex-direction:column}#app .tz-catalog-mainfilters{flex-wrap:wrap}#app .tz-catalog-search{flex:1 0 100%}#app .tz-catalog-select-wrap{flex:1 1 calc(50% - 7px);min-width:120px}#app .tz-catalog-pricerow{justify-content:flex-start;flex-wrap:wrap}#app .tz-catalog-grid.pp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#app .tz-catalog-card-main{padding:13px 13px 13px}#app .tz-catalog-card-super{font-size:8px;letter-spacing:.6px}#app .tz-catalog-card h3{font-size:17px}#app .tz-catalog-media-label{left:8px;top:8px;font-size:8px;letter-spacing:0;padding:6px}#app .tz-catalog-media-arrow{right:8px;top:8px;width:26px;height:26px}#app .tz-catalog-product-stock{padding:5px 7px;font-size:9px}#app .tz-catalog-price{font-size:13px}#app .tz-catalog-card-bottom{font-size:10px}#app .tz-catalog-card-cta-arrow{width:25px;height:25px}#app .tz-catalog-aftercare{align-items:stretch;flex-direction:column}#app .tz-catalog-aftercare a{align-self:stretch;justify-content:center}}
@media(max-width:420px){#app .tz-catalog-grid.pp-grid{grid-template-columns:1fr}#app .tz-catalog-hero p{font-size:13px}#app .tz-catalog-media{aspect-ratio:16/9}#app .tz-catalog-card-main{padding:17px}#app .tz-catalog-card h3{font-size:20px}#app .tz-catalog-price{font-size:16px}}
@media(prefers-reduced-motion:reduce){#app .tz-catalog-card,#app .tz-catalog-media img,#app .tz-catalog-hero-btn{transition:none!important}}

#app .tz-catalog .sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;padding:0!important;margin:-1px!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
