/* Gtea product card (fix 061): shared by the home page, catalogues, search, product page, modules. */
.gx-cards,.gx-pc{--p:var(--ronixa-theme-primary-color,#42666e);--pd:#35545b;--ink:#1f2d32;--mut:#5d6870;--line:#e3e7ea;--bg:#f4f7f7;--r:16px}
.gx-cards a{text-decoration:none}.gx-cards img{display:block;max-width:100%}.gx-cards .gx-pc h3{color:inherit}
.gx-pc{position:relative;border-radius:var(--r)}
.gx-pc .gx-im{position:relative;aspect-ratio:1/1;border-radius:var(--r);background:var(--bg);overflow:hidden;display:flex;align-items:center;justify-content:center}
.gx-pc .gx-im img{width:84%;height:84%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s}.gx-pc:hover .gx-im img{transform:scale(1.06)}
.gx-badge{position:absolute;left:12px;top:12px;font-size:11px;padding:4px 10px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink)}
.gx-imw{position:relative}
.gx-add{position:absolute;left:12px;right:12px;bottom:12px;height:42px;border:0;border-radius:10px;background:var(--p);color:#fff;font:inherit;font-size:13px;cursor:pointer;overflow:hidden;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s,background-color .3s}.gx-pc:hover .gx-add,.gx-add:focus{opacity:1;transform:none}.gx-add:hover{background:var(--pd)}
.gx-add span{display:block;transition:transform .25s}.gx-add::before{content:"\f176";font-family:bootstrap-icons;font-size:20px;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform:translateY(100%);transition:transform .25s}.gx-add:hover::before{transform:none}.gx-add:hover span{transform:translateY(-60px)}
.gx-wl{position:absolute;right:12px;top:12px;width:40px;height:40px;border:0;border-radius:10px;background:#fff;color:var(--ink);font-size:17px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0002;opacity:0;transform:translateY(-6px);transition:opacity .3s,transform .3s,background-color .25s,color .25s}.gx-pc:hover .gx-wl,.gx-wl:focus{opacity:1;transform:none}.gx-wl:hover{background:var(--p);color:#fff}
@media (hover:none){.gx-add{opacity:1;transform:none;height:38px}.gx-wl{opacity:1;transform:none;width:36px;height:36px}}
.gx-pc h3{font-size:15px;line-height:1.4;font-weight:500;margin:14px 0 6px;min-height:42px}.gx-pc h3 a{color:var(--ink)}.gx-pc h3 a:hover{color:var(--p)}
.gx-pr{font-size:16px;font-weight:600;color:var(--p)}.gx-pr s{font-weight:400;color:var(--mut);margin-right:6px;font-size:14px}
.gx-so{position:absolute;left:12px;bottom:12px;font-size:11px;padding:3px 10px;border-radius:999px;background:#fff;border:1px solid #cfd6da;color:#5d6870}
/* listing layouts */
.gx-cards--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:28px 24px;margin:0 0 24px}
.gx-cards--grid .gx-pc{min-width:0}
.gx-cwrap{position:relative;margin:0 0 24px}
.gx-cards--row{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 0}.gx-cards--row::-webkit-scrollbar{display:none}
.gx-cards--row .gx-pc{flex:0 0 calc((100% - 72px)/4);scroll-snap-align:start;min-width:0}
.gx-cnav{position:absolute;top:calc(50% - 60px);width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:var(--ink,#1f2d32);box-shadow:0 2px 10px #0003;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:background-color .25s,color .25s,opacity .25s}.gx-cnav:hover{background:var(--p,#42666e);color:#fff}.gx-cnav[disabled]{opacity:0;pointer-events:none}
.gx-cnav.gx-prev{left:-14px}.gx-cnav.gx-next{right:-14px}
@media (max-width:991px){.gx-cards--row .gx-pc{flex-basis:calc((100% - 48px)/3)}}
@media (max-width:600px){.gx-cards--grid{grid-template-columns:repeat(2,1fr);gap:20px 14px}.gx-cards--row{gap:14px}.gx-cards--row .gx-pc{flex-basis:calc((100% - 14px)/2)}.gx-cnav{display:none}}
a.gx-add{display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none}a.gx-add:hover{color:#fff}
.gx-cards .gx-pc h3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.gx-wl.gx-on{opacity:1;transform:none;background:var(--p);color:#fff}.gx-wl.gx-on:hover{background:var(--pd)}