.atn-cm-samp{max-width:100%;padding-top:var(--atn-samp-pt, 64px);padding-bottom:var(--atn-samp-pb, 64px);background:var(--atn-samp-bg, #001425);color:var(--atn-samp-text, #C9D4DE)}.atn-cm-samp__wrap{width:100%}.atn-cm-samp--full .atn-cm-samp__wrap{padding-inline:20px}.atn-cm-samp__head{grid-column:1 / -1;grid-row:1;position:relative;z-index:3;width:100%;padding:30px 24px}.atn-cm-samp__title{margin:0 0 6px;color:var(--atn-samp-heading, #F5B51B);font-weight:800;line-height:1.1}.atn-cm-samp__sub{margin:0}.atn-cm-samp__panel{background:var(--atn-samp-panel-bg, #001F38);border:var(--atn-samp-panel-border-w, 1px) solid var(--atn-samp-panel-border, #E3A400);border-radius:var(--atn-samp-panel-radius, 12px);overflow:hidden}.atn-cm-samp__body{display:grid;grid-template-columns:var(--atn-samp-sidebar-w, 210px) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-items:stretch}.atn-cm-samp__side{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:2px;padding:14px 10px;background:var(--atn-samp-side-bg, #001425);border-right:1px solid var(--atn-samp-panel-border, #E3A400)}.atn-cm-samp__tab{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border-radius:6px;color:var(--atn-samp-tab, #B9C6D2);font-weight:600;text-align:left;text-decoration:none;background:transparent;border:none;cursor:pointer;transition:background-color .16s ease,color .16s ease}.atn-cm-samp__tab:hover{background:#ffffff0a;color:#fff}.atn-cm-samp__tab.is-active{background:var(--atn-samp-tab-active-bg, #0A2E4A);color:var(--atn-samp-tab-active, #F5B51B)}.atn-cm-samp__tab:focus-visible{outline:2px solid var(--atn-samp-accent, #F5B51B);outline-offset:-2px}.atn-cm-samp__tab-ic{flex:0 0 auto;display:inline-flex;width:18px;height:18px}.atn-cm-samp__tab-ic img{width:18px;height:18px;object-fit:contain}.atn-cm-samp__tab-label{min-width:0}.atn-cm-samp__panels{grid-column:2;grid-row:1 / span 2;min-width:0}.atn-cm-samp__pane{display:grid;grid-template-columns:minmax(0,1fr) var(--atn-samp-gallery-w, 120px);align-items:stretch;min-width:0}.atn-cm-samp__pane[hidden]{display:none!important}.atn-cm-samp__main{display:flex;flex-direction:column;min-width:0;background:var(--atn-samp-panel-bg, #001F38)}.atn-cm-samp__stage{position:relative;min-height:var(--atn-samp-stage-h, 300px);isolation:isolate;overflow:hidden}.atn-cm-samp__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.atn-cm-samp__bg img{width:70%;height:100%;object-fit:cover;display:block;position:absolute;right:0;-webkit-mask-image:linear-gradient(to right,transparent 0%,transparent var(--atn-samp-fade-start, 30%),#000 var(--atn-samp-fade-end, 58%),#000 100%),linear-gradient(to top,transparent 0%,#000 22%,#000 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0%,transparent var(--atn-samp-fade-start, 30%),#000 var(--atn-samp-fade-end, 58%),#000 100%),linear-gradient(to top,transparent 0%,#000 22%,#000 100%);mask-composite:intersect}.atn-cm-samp__content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-height:var(--atn-samp-stage-h, 300px);padding:26px;padding-top:calc(26px + var(--atn-samp-head-space, 60px))}.atn-cm-samp__profile{display:flex;flex-direction:column;min-width:0;max-width:var(--atn-samp-content-w, 46%)}.atn-cm-samp__id{display:flex;align-items:center;gap:14px;margin-bottom:14px}.atn-cm-samp__logo{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:8px;overflow:hidden;background:#fff;padding:6px}.atn-cm-samp__logo img{max-width:100%;max-height:100%;object-fit:contain}.atn-cm-samp__idtext{display:flex;flex-direction:column;gap:4px;min-width:0}.atn-cm-samp__name{color:var(--atn-samp-name, #fff);font-weight:800}.atn-cm-samp__meta{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--atn-samp-meta, #9FB1C0)}.atn-cm-samp__verified{display:inline-flex;align-items:center;gap:4px;color:var(--atn-samp-accent, #F5B51B);font-weight:700}.atn-cm-samp__desc{margin:0 0 18px;line-height:1.6}.atn-cm-samp__desc p{margin:0}.atn-cm-samp__btns{display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:100%}.atn-cm-samp .atn-cm-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;max-width:100%;padding:10px 14px;border-radius:6px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;white-space:nowrap;line-height:1.1;border:2px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease}.atn-cm-samp .atn-cm-btn svg{flex:0 0 auto}.atn-cm-samp .atn-cm-btn--primary{color:#001425;background:linear-gradient(180deg,#f6c641,#f5b51b 55%,#e3a400);box-shadow:0 6px 18px #f5b51b47}.atn-cm-samp .atn-cm-btn--primary:hover{transform:translateY(-2px);background:var(--atn-samp-btn-hover-bg, #FFFFFF);color:var(--atn-samp-btn-hover-text, #001425);border-color:var(--atn-samp-btn-hover-bg, #FFFFFF);box-shadow:0 12px 26px #00000059}.atn-cm-samp .atn-cm-btn--ghost{color:var(--atn-samp-accent, #F5B51B);border-color:var(--atn-samp-accent, #F5B51B);background:transparent}.atn-cm-samp .atn-cm-btn--ghost:hover{transform:translateY(-2px);background:var(--atn-samp-btn-hover-bg, #FFFFFF);color:var(--atn-samp-btn-hover-text, #001425);border-color:var(--atn-samp-btn-hover-bg, #FFFFFF)}.atn-cm-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;max-width:100%;padding:10px 14px;border-radius:6px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;white-space:nowrap;line-height:1.1;border:2px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease}.atn-cm-btn svg{flex:0 0 auto}.atn-cm-btn--primary{color:#001425;background:linear-gradient(180deg,#f6c641,#f5b51b 55%,#e3a400);box-shadow:0 6px 18px #f5b51b47}.atn-cm-btn--primary:hover{transform:translateY(-2px);background:var(--atn-samp-btn-hover-bg, #FFFFFF);color:var(--atn-samp-btn-hover-text, #001425);border-color:var(--atn-samp-btn-hover-bg, #FFFFFF);box-shadow:0 12px 26px #00000059}.atn-cm-btn--ghost{color:var(--atn-samp-accent, #F5B51B);border-color:var(--atn-samp-accent, #F5B51B);background:transparent}.atn-cm-btn--ghost:hover{transform:translateY(-2px);background:var(--atn-samp-btn-hover-bg, #FFFFFF);color:var(--atn-samp-btn-hover-text, #001425);border-color:var(--atn-samp-btn-hover-bg, #FFFFFF)}.atn-cm-samp__products-wrap{padding:20px 24px 24px;background:var(--atn-samp-panel-bg, #001F38)}.atn-cm-samp__flabel{margin:0 0 12px;color:var(--atn-samp-accent, #F5B51B);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.atn-cm-samp__products{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:12px}.atn-cm-samp__product{display:flex;flex-direction:column;gap:8px;text-decoration:none;min-width:0}.atn-cm-samp__product-img{display:block;aspect-ratio:1.5 / 1;border-radius:6px;overflow:hidden;background:#0a2237}.atn-cm-samp__product-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.atn-cm-samp__product:hover .atn-cm-samp__product-img img{transform:scale(1.06)}.atn-cm-samp__product-label{color:var(--atn-samp-text, #C9D4DE);text-align:center;line-height:1.25}.atn-cm-samp__product--all{justify-content:center}.atn-cm-samp__viewall{display:flex;flex-flow:column wrap;align-items:center;justify-content:center;gap:6px;height:100%;min-height:70px;padding:10px 8px;border-radius:6px;border:1px solid var(--atn-samp-accent, #F5B51B);color:var(--atn-samp-accent, #F5B51B);font-weight:700;font-size:12px;text-align:center;text-transform:uppercase;letter-spacing:.04em;overflow:hidden}.atn-cm-samp__viewall-text{white-space:normal;overflow-wrap:anywhere;max-width:100%}.atn-cm-samp__viewall svg{flex:0 0 auto}.atn-cm-samp__product--all:hover .atn-cm-samp__viewall{background:var(--atn-samp-btn-hover-bg, #FFFFFF);color:var(--atn-samp-btn-hover-text, #001425);border-color:var(--atn-samp-btn-hover-bg, #FFFFFF)}.atn-cm-samp__gallery{display:flex;flex-direction:column;gap:10px;padding:14px;border-left:1px solid var(--atn-samp-panel-border, #E3A400);align-content:start}.atn-cm-samp__thumb{display:block;aspect-ratio:1.4 / 1;border-radius:6px;overflow:hidden;background:#0a2237}.atn-cm-samp__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.atn-cm-samp__thumb:hover img{transform:scale(1.06)}@media(max-width:1400px){.atn-cm-samp__profile{max-width:58%}}@media(max-width:1200px){.atn-cm-samp__profile{max-width:68%}.atn-cm-samp__btns{gap:8px}.atn-cm-btn{padding:9px 12px}}@media(max-width:990px){.atn-cm-samp__bg img{width:100%}.atn-cm-samp__body{grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr)}.atn-cm-samp__head{grid-column:1 / -1;grid-row:1;width:100%;padding:18px 16px 12px}.atn-cm-samp__head>*{max-width:100%}.atn-cm-samp__side{grid-column:1;grid-row:2}.atn-cm-samp__panels{grid-column:1;grid-row:3}.atn-cm-samp__content{padding-top:26px}.atn-cm-samp__profile{max-width:72%}.atn-cm-samp__side{flex-direction:row;gap:8px;overflow-x:auto;padding:12px;border-right:none;border-bottom:1px solid var(--atn-samp-panel-border, #E3A400);scrollbar-width:none}.atn-cm-samp__side::-webkit-scrollbar{display:none}.atn-cm-samp__tab{width:auto;flex:0 0 auto;white-space:nowrap}.atn-cm-samp__pane{grid-template-columns:1fr}.atn-cm-samp__gallery{flex-direction:row;overflow-x:auto;border-left:none;border-top:1px solid var(--atn-samp-panel-border, #E3A400);scrollbar-width:none}.atn-cm-samp__gallery::-webkit-scrollbar{display:none}.atn-cm-samp__thumb{flex:0 0 auto;width:150px;aspect-ratio:1.3 / 1}}@media(max-width:749px){.atn-cm-samp{padding-top:calc(var(--atn-samp-pt,64px) * .72);padding-bottom:calc(var(--atn-samp-pb,64px) * .72)}.atn-cm-samp--full .atn-cm-samp__wrap{padding-inline:16px}.atn-cm-samp__head{padding:16px 16px 12px}.atn-cm-samp__content{padding-top:18px}.atn-cm-samp__stage{min-height:0}.atn-cm-samp__bg{position:relative;height:auto;aspect-ratio:16 / 10}.atn-cm-samp__bg img{-webkit-mask-image:none;mask-image:none}.atn-cm-samp__content{position:relative;z-index:2;min-height:0;padding:18px 16px 20px;background:var(--atn-samp-panel-bg, #001F38)}.atn-cm-samp__profile{max-width:100%}.atn-cm-samp__btns{gap:8px}.atn-cm-samp__btns .atn-cm-btn{flex:1 1 auto;padding:10px}.atn-cm-samp__products{grid-auto-flow:column;grid-auto-columns:42%;overflow-x:auto;scrollbar-width:none}.atn-cm-samp__products::-webkit-scrollbar{display:none}}@media(max-width:480px){.atn-cm-samp__btns .atn-cm-btn{flex:1 1 100%}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-atn-cybermall-sample-showroom.css.map */