/* Every selector is scoped to this Elementor widget. */
.otix-catalog{--otix-orange:#f04400;--otix-ink:#211b17;--otix-line:#eee1d7;--otix-font:"Plus Jakarta Sans",Inter,Arial,sans-serif;isolation:isolate;width:100%;margin:0;padding:12px 14px 36px;background:#fff;color:var(--otix-ink);font-family:var(--otix-font);line-height:1.5;text-align:left;-webkit-font-smoothing:antialiased}
.otix-catalog,.otix-catalog *,.otix-catalog *::before,.otix-catalog *::after{box-sizing:border-box}
.otix-catalog [hidden]{display:none!important}
.otix-catalog .oc-inner{width:100%;max-width:1180px;margin:0 auto}
.otix-catalog .oc-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin:0 0 25px;padding:0 2px}
.otix-catalog .oc-toolbar-label{margin:0;color:#74675e;font-size:12px;font-weight:600}
.otix-catalog .oc-filters{display:flex;flex-wrap:wrap;gap:6px;padding:5px;border:1px solid #f0e6de;border-radius:999px;background:#fcfaf8}
.otix-catalog button.oc-filter{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;margin:0;padding:8px 15px;border:1px solid transparent;border-radius:999px;background:transparent;box-shadow:none;color:#76695f;font:600 11px/1.4 var(--otix-font);text-transform:none;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.otix-catalog .oc-count{display:inline-grid;place-items:center;min-width:19px;min-height:19px;padding:0 4px;border-radius:50%;background:#eee8e2;color:#756960;font-size:9px;font-weight:700}
.otix-catalog button.oc-filter[aria-pressed="true"]{border-color:#f2d5c2;background:#fff;color:#b34013;box-shadow:0 2px 6px #6e3d1710}
.otix-catalog .oc-filter[aria-pressed="true"] .oc-count{background:#fff0e5;color:#bd4111}
.otix-catalog .oc-list{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;margin:0;padding:0}
.otix-catalog .oc-card{position:relative;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);min-width:0;margin:0;padding:0;border:1px solid var(--otix-line);border-radius:25px;background:#fff;box-shadow:0 3px 6px #39220d03,0 18px 40px -30px #a86a3d35;transition:border-color .3s,box-shadow .3s}
.otix-catalog .oc-visual{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:24px;border-right:1px solid #f2e8df;border-radius:24px 0 0 24px;background:radial-gradient(ellipse at 80% 5%,#fff0e3 0%,transparent 65%),linear-gradient(135deg,#fffcfa,#fbf8f4);overflow:hidden}
.otix-catalog .oc-visual::before{content:"";position:absolute;z-index:-1;width:340px;height:340px;top:-190px;right:-70px;border:1px solid #ef8c4420;border-radius:50%;box-shadow:0 0 0 32px #ffffff70,0 0 0 33px #ef8c4410;pointer-events:none}
.otix-catalog .oc-visual-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 20px}
.otix-catalog .oc-device{display:inline-flex;align-items:center;gap:7px;color:#826b59;font-size:10px;font-weight:700;line-height:1.4;letter-spacing:.7px}
.otix-catalog .oc-device::before{content:"";width:5px;height:5px;border-radius:50%;background:#f36b36}
.otix-catalog .oc-version{margin:0;padding:3px 7px;border:1px solid #eddccc;border-radius:7px;background:#ffffff80;color:#8b7869;font-size:10px;line-height:1.4;font-weight:600}
.otix-catalog .oc-picture{position:relative;display:grid;place-items:center;aspect-ratio:16/9;width:100%;margin:0;padding:0;border:1px solid #e9dfd7;border-radius:14px;background:#fff;box-shadow:0 14px 25px -18px #71422065,0 2px 5px #71422008;overflow:hidden;transition:transform .4s cubic-bezier(.2,.65,.3,1),box-shadow .4s}
.otix-catalog .oc-picture img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;object-fit:contain}
.otix-catalog .oc-picture img:not([src]),.otix-catalog .oc-picture img[src=""]{display:none}
.otix-catalog .oc-picture:has(img[src]:not([src=""])) .oc-placeholder{display:none}
.otix-catalog .oc-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:24px;text-align:center;background:linear-gradient(135deg,#ffffffed,#f9f5f0e8),repeating-linear-gradient(0deg,transparent,transparent 23px,#eadaca 24px);color:#958678}
.otix-catalog .oc-placeholder strong{font-family:var(--otix-font);font-size:35px;font-weight:800;line-height:1;letter-spacing:-2px;color:#d2bfb0}
.otix-catalog .oc-placeholder span{font-size:11px;font-weight:500;letter-spacing:.1px}
.otix-catalog .oc-body{display:flex;flex-direction:column;min-width:0;padding:29px 31px 28px}
.otix-catalog .oc-eyebrow{display:flex;align-items:center;gap:7px;margin:0 0 9px;color:#a64c26;font-size:10px;font-weight:800;line-height:1.4;letter-spacing:1.7px}
.otix-catalog .oc-heading{margin:0 0 20px;padding:0}
.otix-catalog .oc-heading h3{margin:0;padding:0;color:var(--otix-ink);font-family:var(--otix-font);font-size:29px;font-weight:800;line-height:1.24;letter-spacing:-1px;text-align:left;text-transform:none;overflow-wrap:anywhere}
.otix-catalog .oc-heading p{margin:8px 0 0;padding:0;color:#83756a;font-family:var(--otix-font);font-size:13px;font-weight:500;line-height:1.5;text-align:left}
.otix-catalog .oc-details{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.7fr);flex:1;gap:20px;margin:0;padding:19px 0 23px;border-top:1px solid #f0e7df}
.otix-catalog .oc-detail:first-child{padding-right:17px;border-right:1px solid #eee4db}
.otix-catalog .oc-details dt{margin:0 0 8px;padding:0;color:#938173;font-family:var(--otix-font);font-size:11px;font-weight:600;line-height:1.5}
.otix-catalog .oc-details dd{margin:0;padding:0;color:#5f5045;font-family:var(--otix-font);font-size:12.5px;font-weight:500;line-height:1.8;overflow-wrap:anywhere}
.otix-catalog .oc-detail:first-child dd{color:#36291f;font-size:12.5px;font-weight:700;line-height:1.7}
.otix-catalog .oc-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0;padding:0}
.otix-catalog a.oc-download,.otix-catalog a.oc-download:visited{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:46px;margin:0;padding:7px 8px 7px 19px;border:1px solid #ff985d80;border-radius:999px;background:linear-gradient(140deg,#ffffff22,transparent 40%),linear-gradient(135deg,#ff6733,#f04400);color:#fff;box-shadow:inset 0 1px 0 #ffffff35,0 5px 14px #f0440018;font-family:var(--otix-font);font-size:11px;font-weight:800;line-height:1.4;text-decoration:none;text-transform:none;transition:transform .25s,box-shadow .25s}
.otix-catalog .oc-download>span{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:50%;background:#fff;color:#b43b0e}
.otix-catalog .oc-download svg,.otix-catalog .oc-enlarge svg,.otix-catalog .oc-close svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.otix-catalog button.oc-enlarge{display:inline-flex;align-items:center;gap:7px;min-height:44px;margin:0;padding:6px 0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#7a6656;font-family:var(--otix-font);font-size:10px;font-weight:600;line-height:1.4;text-transform:none;cursor:pointer}
.otix-catalog .oc-enlarge svg{width:14px;height:14px}
.otix-catalog a:focus-visible,.otix-catalog button:focus-visible{outline:3px solid #a3330a;outline-offset:4px}
.otix-catalog .oc-dialog{width:min(1100px,calc(100% - 28px));max-width:none;max-height:calc(100dvh - 28px);margin:auto;padding:16px;border:1px solid #eddbce;border-radius:21px;background:#fff;color:var(--otix-ink);box-shadow:0 24px 100px #0004;overflow:auto}
.otix-catalog .oc-dialog:not([open]){display:none}
.otix-catalog .oc-dialog::backdrop{background:#211912b3;backdrop-filter:blur(6px)}
.otix-catalog .oc-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 12px}
.otix-catalog .oc-dialog-title{margin:0;padding:0;font:700 14px/1.5 var(--otix-font);color:var(--otix-ink)}
.otix-catalog button.oc-close{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;min-width:0;margin:0;padding:0;border:1px solid #ebded3;border-radius:50%;background:#fff9f4;box-shadow:none;color:#604633;cursor:pointer}
.otix-catalog .oc-dialog img{display:block;width:100%;height:auto;max-width:100%;margin:0;padding:0;border:0;border-radius:10px}
.otix-catalog .oc-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(hover:hover) and (pointer:fine){
 .otix-catalog .oc-card:hover{border-color:#edb996;box-shadow:0 23px 43px -28px #9e501f40}
 .otix-catalog .oc-card:hover .oc-picture{transform:translateY(-4px);box-shadow:0 20px 29px -19px #71422075}
 .otix-catalog a.oc-download:hover{color:#fff;transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff35,0 8px 19px #f0440030}
 .otix-catalog a.oc-download:hover svg{transform:translateY(1px)}
 .otix-catalog button.oc-enlarge:hover{color:#c84916}
 .otix-catalog button.oc-filter:hover{color:#b34013;background:#fff}
}
@media(max-width:940px){
 .otix-catalog .oc-inner{max-width:620px}
 .otix-catalog .oc-card{grid-template-columns:minmax(0,1fr)}
 .otix-catalog .oc-visual{border-right:0;border-bottom:1px solid #f2e8df;border-radius:24px 24px 0 0}
}
@container(max-width:880px){
 .otix-catalog .oc-inner{max-width:620px}
 .otix-catalog .oc-card{grid-template-columns:minmax(0,1fr)}
 .otix-catalog .oc-visual{border-right:0;border-bottom:1px solid #f2e8df;border-radius:24px 24px 0 0}
}
@media(max-width:600px){.otix-catalog{padding:10px 10px 28px}}
@container(max-width:560px){
 .otix-catalog .oc-toolbar{gap:12px;margin-bottom:20px}
 .otix-catalog .oc-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;border-radius:17px}
 .otix-catalog button.oc-filter{padding:8px 9px;border-radius:12px}
 .otix-catalog .oc-card{border-radius:22px}
 .otix-catalog .oc-visual{padding:17px 17px 21px;border-radius:21px 21px 0 0}
 .otix-catalog .oc-visual-top{margin-bottom:16px}
 .otix-catalog .oc-body{padding:24px 21px}
 .otix-catalog .oc-heading h3{font-size:25px;letter-spacing:-.8px}
 .otix-catalog .oc-details{grid-template-columns:minmax(0,1fr);gap:17px;padding:18px 0 23px}
 .otix-catalog .oc-detail:first-child{border:0;padding:0}
 .otix-catalog .oc-details dt{margin-bottom:5px}
 .otix-catalog .oc-footer{gap:9px}
 .otix-catalog a.oc-download{gap:12px;padding-left:15px}
 .otix-catalog button.oc-enlarge{font-size:9px;gap:5px}
}
@supports not (container-type:inline-size){
 @media(max-width:600px){
  .otix-catalog .oc-filters{width:100%;border-radius:17px}
  .otix-catalog .oc-body{padding:24px 21px}
  .otix-catalog .oc-heading h3{font-size:25px}
  .otix-catalog .oc-details{grid-template-columns:minmax(0,1fr);gap:17px}
  .otix-catalog .oc-detail:first-child{border:0;padding:0}
 }
}
/* Enhanced motion layer: isolated names, no libraries and no layout animation. */
@property --otix-edge-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
.otix-catalog .oc-toolbar-start{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.otix-catalog button.oc-motion{display:none!important}
.otix-catalog .oc-motion svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.otix-catalog .oc-motion .oc-play-icon{display:none}
.otix-catalog .oc-motion[aria-pressed="true"] .oc-play-icon{display:block}
.otix-catalog .oc-motion[aria-pressed="true"] .oc-pause-icon{display:none}
.otix-catalog .oc-card{isolation:isolate;border-color:#ebd9ca;box-shadow:0 3px 5px #47302103,0 17px 42px -29px #9b674c36}
.otix-catalog .oc-card::before{content:"";position:absolute;inset:-1px;z-index:3;padding:1.5px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--otix-edge-angle),transparent 0% 55%,#f7cead 66%,#f88441 75%,#ffd5b6 79%,transparent 88%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.75;animation:otix-edge-turn 9s linear infinite;animation-delay:var(--oc-phase,0s);animation-play-state:paused}
.otix-catalog .oc-visual{padding-top:25px;padding-bottom:29px;background:radial-gradient(ellipse at 55% 40%,#fff2e7 0%,transparent 65%),linear-gradient(145deg,#fffdfa,#faf6f1)}
.otix-catalog .oc-visual::before{width:440px;height:440px;right:-150px;top:-220px;border-color:#e9bc982e;box-shadow:0 0 0 32px #ffffff70,0 0 0 33px #e9bc981a}
.otix-catalog .oc-visual::after{content:"";position:absolute;z-index:-1;left:5%;top:5%;width:70%;height:100%;border-radius:50%;background:radial-gradient(ellipse,#ffe5cc88,transparent 65%);pointer-events:none;animation:otix-ambient-drift 12s ease-in-out infinite;animation-play-state:paused}
.otix-catalog .oc-visual-top{position:relative;z-index:2;margin-bottom:24px}
.otix-catalog .oc-version{background:#ffffffbc;box-shadow:0 2px 8px #b9671910;backdrop-filter:blur(8px)}
.otix-catalog .oc-device::before{box-shadow:0 0 0 3px #f36b360c}
.otix-catalog .oc-orbit{position:absolute;z-index:-1;left:13%;top:-16%;width:74%;height:133%;border:1px solid #deb59748;border-radius:50%;pointer-events:none;transform:rotate(28deg);animation:otix-orbit-turn 28s linear infinite;animation-delay:var(--oc-phase,0s);animation-play-state:paused}
.otix-catalog .oc-orbit::before,.otix-catalog .oc-orbit::after{content:"";position:absolute;inset:0;border:1px solid #deb59730;border-radius:50%;transform:rotate(58deg)}
.otix-catalog .oc-orbit::after{transform:rotate(-58deg)}
.otix-catalog .oc-orbit i{position:absolute;top:9%;left:17%;width:5px;height:5px;border-radius:50%;background:#e49d6380;box-shadow:0 0 0 5px #e49d630d}
.otix-catalog .oc-stage{position:relative;z-index:1;width:100%;min-width:0;transform:perspective(1100px) rotateY(-3deg) rotateX(1.5deg);transform-origin:center;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.otix-catalog .oc-picture{border-color:#e7d6c7;box-shadow:0 23px 30px -20px #82553365,0 3px 7px #7142200c;animation:otix-picture-float 6.5s ease-in-out infinite;animation-delay:var(--oc-phase,0s);animation-play-state:paused;backface-visibility:hidden}
.otix-catalog .oc-picture::after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#ffffff00 36%,#ffffff48 48%,#ffffff15 55%,transparent 68%);transform:translateX(-130%);animation:otix-image-glint 10s ease-in-out infinite;animation-delay:var(--oc-phase,0s);animation-play-state:paused}
.otix-catalog a.oc-download{position:relative;isolation:isolate;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff50,0 7px 18px #f0440025}
.otix-catalog a.oc-download::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#ffffff55 48%,transparent 66%);transform:translateX(-130%);animation:otix-button-glint 6.5s ease-in-out infinite;animation-delay:var(--oc-phase,0s);animation-play-state:paused}
.otix-catalog .oc-card.oc-in-view::before,.otix-catalog .oc-in-view .oc-visual::after,.otix-catalog .oc-in-view .oc-orbit,.otix-catalog .oc-in-view .oc-picture,.otix-catalog .oc-in-view .oc-picture::after,.otix-catalog .oc-in-view .oc-download::before{animation-play-state:running}
.otix-catalog .oc-card.oc-entered{animation:otix-card-enter .75s cubic-bezier(.16,.7,.24,1) both;animation-delay:var(--oc-reveal-delay,0ms)}
.otix-catalog .oc-dialog[open]{animation:otix-dialog-enter .3s cubic-bezier(.2,.7,.2,1)}
.otix-catalog .oc-dialog[open]::backdrop{animation:otix-backdrop-enter .3s ease-out}
@keyframes otix-edge-turn{to{--otix-edge-angle:360deg}}
@keyframes otix-picture-float{0%,100%{transform:translateY(1px)}50%{transform:translateY(-6px)}}
@keyframes otix-image-glint{0%,66%{transform:translateX(-130%)}85%,100%{transform:translateX(130%)}}
@keyframes otix-button-glint{0%,62%{transform:translateX(-130%)}87%,100%{transform:translateX(130%)}}
@keyframes otix-orbit-turn{from{transform:rotate(28deg)}to{transform:rotate(388deg)}}
@keyframes otix-ambient-drift{0%,100%{transform:translate(-12px,-8px) scale(.96)}50%{transform:translate(22px,12px) scale(1.08)}}
@keyframes otix-card-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes otix-dialog-enter{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes otix-backdrop-enter{from{opacity:0}to{opacity:1}}
@media(hover:hover) and (pointer:fine){
 .otix-catalog .oc-card:hover .oc-stage{transform:perspective(1100px) rotateY(0) rotateX(0) scale(1.012)}
 .otix-catalog .oc-card:hover::before{opacity:1}
 .otix-catalog .oc-card:hover .oc-picture{box-shadow:0 28px 37px -23px #82553380,0 3px 7px #7142200c}
 .otix-catalog button.oc-motion:hover{color:#b74b1c;border-color:#ecc3a6}
}
@media(hover:none),(pointer:coarse){.otix-catalog .oc-stage{transform:none}}
@container(max-width:560px){
 .otix-catalog .oc-toolbar-start{justify-content:space-between;width:100%;gap:8px}
 .otix-catalog .oc-visual{padding-top:20px;padding-bottom:25px}
 .otix-catalog .oc-visual-top{margin-bottom:20px}
 .otix-catalog .oc-stage{transform:none}
}
.otix-catalog.oc-motion-paused *,.otix-catalog.oc-motion-paused *::before,.otix-catalog.oc-motion-paused *::after{animation-play-state:paused!important;transition:none!important}
.otix-catalog.oc-motion-paused .oc-card{animation:none!important;opacity:1;transform:none}
.otix-catalog.oc-motion-paused .oc-stage{transform:none}
.otix-catalog.oc-motion-paused .oc-dialog[open],.otix-catalog.oc-motion-paused .oc-dialog[open]::backdrop{animation:none}
@media(prefers-reduced-motion:reduce){
 .otix-catalog *,.otix-catalog *::before,.otix-catalog *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .otix-catalog .oc-stage,.otix-catalog .oc-card:hover .oc-stage,.otix-catalog .oc-card:hover .oc-picture,.otix-catalog a.oc-download:hover,.otix-catalog a.oc-download:hover svg{transform:none}
}

/* Elementor width only. Animation keyframes above are unchanged. */
.otix-catalog{max-width:100%;min-width:0;display:block}
.elementor-widget-shortcode:has(.otix-catalog),
.elementor-widget-shortcode:has(.otix-catalog)>.elementor-widget-container,
.elementor-widget-otix-services,
.elementor-widget-otix-services>.elementor-widget-container{width:100%;max-width:100%;min-width:0}
.otix-catalog .otix-intro{padding:8px 6px 28px;text-align:center}
.otix-catalog .otix-intro p{margin:0 0 11px;color:#8b7869;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.otix-catalog .otix-intro h2{margin:0;color:#211b17;font-size:40px;line-height:1.2;font-weight:700;letter-spacing:-1.6px}
.otix-catalog .otix-intro h2 span{color:#f04400}
.otix-catalog .oc-details.oc-details-single{grid-template-columns:minmax(0,1fr)}
.otix-catalog .oc-details.oc-details-single .oc-detail:first-child{border:0;padding:0}
.otix-catalog .oc-empty{margin:0;color:#83756a;font-size:14px;font-weight:500}
.otix-catalog .oc-empty a{color:#f04400;font-weight:700}
@media(max-width:600px){.otix-catalog .otix-intro{padding:4px 2px 22px}.otix-catalog .otix-intro h2{font-size:33px}}
.otix-catalog .oc-picture,
.otix-catalog .oc-card:hover .oc-picture{background:transparent;border:0;box-shadow:none}
.otix-catalog button.oc-enlarge{display:none!important}