:root{--paper:#f7f6f2;--white:#fff;--ink:#222825;--muted:#747773;--line:#dedbd2;--accent:#98512f;--soft:#eff2e9;--radius:16px;--serif:Georgia,'Times New Roman',serif;--sans:Inter,'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 var(--sans)}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1240px,calc(100% - 64px));margin:0 auto}.site-header{height:104px;background:var(--paper)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:29px;letter-spacing:-1.3px}.brand img{flex:none}.header-nav{display:flex;align-items:center;gap:34px;font-size:14px}.header-nav a:hover{color:var(--accent)}.intro-section{padding:28px 0 65px}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--accent);font-size:11px;letter-spacing:3px;font-weight:700;margin:0 0 26px}.eyebrow-line{width:25px;height:1px;background:var(--accent);display:inline-block}.intro-grid{display:flex;justify-content:space-between;gap:30px;align-items:end}.intro-grid h1{font:normal clamp(45px,5.4vw,77px)/1.08 var(--serif);letter-spacing:-2.9px;margin:0 0 21px}.intro-grid h1 em{font-weight:normal;color:#77736c}.lead{font-size:15px;line-height:1.75;color:var(--muted);max-width:680px;margin:0}.intro-aside{min-width:210px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;color:#94918b;font-size:10px;letter-spacing:1.6px;padding-bottom:7px}.mono-index{font-size:13px;color:var(--accent)}.catalog-section{padding:50px 0 76px;border-top:1px solid var(--line)}.catalog-topline{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:27px}.section-kicker{font-size:11px;color:var(--accent);letter-spacing:2.2px;margin:0 0 8px;font-weight:700}.catalog-topline h2{font:normal 42px/1.2 var(--serif);margin:0;letter-spacing:-1.1px}.catalog-count{color:var(--muted);font-size:12px}.filters{display:flex;gap:18px;align-items:center;margin-bottom:32px;flex-wrap:wrap}.search-field{min-width:250px;max-width:430px;flex:1;border:1px solid var(--line);border-radius:10px;background:var(--white);display:flex;align-items:center;gap:12px;padding:0 15px;height:48px;color:var(--muted)}.search-field input{border:0;outline:0;min-width:0;width:100%;background:transparent}.toggle-field{white-space:nowrap;display:flex;gap:10px;align-items:center;color:var(--muted);cursor:pointer;font-size:13px}.toggle-field input{position:absolute;opacity:0}.toggle-control{display:inline-block;width:32px;height:19px;background:#d7d7ce;border-radius:20px;position:relative;transition:.2s}.toggle-control:after{content:'';position:absolute;top:3px;left:3px;background:#fff;border-radius:50%;width:13px;height:13px;transition:.2s}.toggle-field input:checked+.toggle-control{background:#465c44}.toggle-field input:checked+.toggle-control:after{transform:translateX(13px)}.sort-field{margin-left:auto;color:var(--muted);font-size:13px}.sort-field select{border:1px solid var(--line);padding:10px 12px;border-radius:9px;background:white;margin-left:10px;color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product-card{border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:23px 22px 20px;min-width:0;display:flex;flex-direction:column;min-height:247px;transition:box-shadow .2s,border-color .2s,transform .2s}.product-card:hover{box-shadow:0 13px 32px rgba(33,33,28,.07);border-color:#cbc6ba;transform:translateY(-2px)}.product-image{height:160px;width:100%;object-fit:cover;border-radius:11px;margin-bottom:17px;background:#f0efea}.card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.country-code{font-size:20px;letter-spacing:1px;font-weight:650}.tiny-code{color:#777e76;font-size:10px;margin-left:7px;vertical-align:top;letter-spacing:.2px}.stock-badge{font-size:11px;color:#4b654c;background:var(--soft);border-radius:99px;padding:4px 10px;white-space:nowrap}.stock-badge:before{content:'';display:inline-block;background:#71916b;width:6px;height:6px;border-radius:100%;margin-right:5px;vertical-align:1px}.stock-badge.sold-out{background:#f4ebeb;color:#a05151}.stock-badge.sold-out:before{background:#a05151}.product-card h3{font:normal 30px/1.15 var(--serif);letter-spacing:-.55px;margin:13px 0 7px}.card-description{font-size:13px;color:var(--muted);margin:0 0 16px;min-height:20px;overflow-wrap:anywhere}.card-spacer{flex:1}.card-rule{height:1px;background:var(--line);margin:5px 0 14px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-price{font-weight:750;font-size:20px;letter-spacing:-.6px}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:6px;border:1px solid var(--line);border-radius:8px;min-height:39px;padding:9px 14px;color:var(--ink);background:var(--white);font-weight:650;font-size:12px;transition:background .16s,border-color .16s}.btn:hover{border-color:#b7b1a6;background:#f8f7f3}.btn-primary{background:var(--ink);border-color:var(--ink);color:#fff}.btn-primary:hover{background:#414943;border-color:#414943}.btn:disabled{cursor:not-allowed;opacity:.48}.btn-danger{color:#9e3838;border-color:#e3c6c6}.btn-danger:hover{background:#fff2f2;border-color:#c59797}.btn-quiet{border:0;background:transparent;color:var(--muted)}.btn-full{width:100%;font-size:14px;min-height:48px}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:15px}.quantity-picker{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden;height:37px}.quantity-picker button{width:29px;height:100%;border:0;background:#faf9f6;font-size:18px}.quantity-picker input{width:39px;text-align:center;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);outline:0;appearance:textfield;font-size:13px}.quantity-picker input::-webkit-outer-spin-button,.quantity-picker input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-picker button:disabled{opacity:.3}.card-total{font-size:11px;color:#797970;text-align:right;margin-top:7px;min-height:17px}.catalog-footnote{color:#92918a;font-size:12px;margin-top:29px}.empty-state{text-align:center;padding:50px 20px;border:1px dashed var(--line);border-radius:var(--radius)}.empty-state h3{font:normal 28px var(--serif);margin:0 0 7px}.empty-state p{color:var(--muted)}.site-footer{border-top:1px solid var(--line);min-height:130px;padding:28px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;color:#777b74;font-size:12px}.brand-small{font-size:22px;color:var(--ink)}.modal-shell{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px}.modal-backdrop{position:absolute;inset:0;background:rgba(25,29,26,.6)}.modal-panel{background:var(--paper);border-radius:17px;box-shadow:0 25px 75px rgba(0,0,0,.2);width:min(100%,510px);max-height:min(94vh,950px);overflow-y:auto;padding:33px;position:relative}.modal-close{position:absolute;right:20px;top:15px;font-size:27px;background:transparent;border:0;color:#7f827d;line-height:1.1}.modal-panel .eyebrow{margin-bottom:22px}.modal-panel h2{font:normal 36px/1.15 var(--serif);letter-spacing:-.9px;margin:0 0 13px}.muted{color:var(--muted);line-height:1.7}.details-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.details-panel .details-bottom{margin-top:24px;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;align-items:center}.details-bottom strong{font-size:24px}.details-photo{max-height:270px;object-fit:cover;width:100%;border-radius:9px}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650;margin:16px 0}.field input,.field textarea,.field select{width:100%;border:1px solid #d6d4cc;border-radius:9px;background:#fff;padding:11px 13px;outline:0;min-height:45px;color:var(--ink);font-weight:400;font-size:14px}.field input:focus,.field textarea:focus,.field select:focus,.search-field:focus-within{border-color:#8f9e91;box-shadow:0 0 0 3px rgba(110,125,104,.1)}.field textarea{resize:vertical}.field input[type=file]{padding:10px;background:#fff}.form-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.order-summary{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:16px 0 10px;margin-top:20px}.order-summary strong{font-size:25px}.form-hint{font-size:12px;color:#84847c;line-height:1.5}.form-error{padding:11px 13px;border-radius:9px;background:#f9eaea;color:#a13232;font-size:13px}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#262c27;color:#fff;padding:15px 24px;border-radius:10px;z-index:60;box-shadow:0 14px 30px #0002;font-size:14px;max-width:calc(100vw - 30px);text-align:center}.notice{padding:14px 16px;border-radius:9px;background:#e8efe6;color:#405843;margin-bottom:24px}.is-hidden{display:none!important}.honeypot{position:absolute;left:-9999px;opacity:0;height:1px;width:1px}.sr-only{position:absolute;clip:rect(0,0,0,0);height:1px;width:1px;overflow:hidden}.auth-section{min-height:66vh;display:flex;align-items:flex-start;justify-content:center;padding:65px 25px}.auth-box{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:35px;width:min(100%,480px)}.auth-box h1{font:normal 39px var(--serif);margin:0 0 8px}.auth-box .btn{margin-top:8px}.admin-heading{padding:15px 0 27px;border-bottom:1px solid var(--line)}.admin-heading-row{display:flex;justify-content:space-between;align-items:center;gap:18px}.admin-heading h1{font:normal clamp(36px,4vw,55px)/1.2 var(--serif);letter-spacing:-1.5px;margin:0}.admin-lead{margin-top:17px;max-width:940px}.add-product{align-self:center}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.tabs{display:flex;gap:20px}.tab{border:0;border-bottom:2px solid transparent;background:transparent;padding:9px 0;font-weight:650;font-size:14px;color:#8c8f88}.tab.active{border-color:var(--ink);color:var(--ink)}.tab span{color:#7d8279;font-size:11px}.admin-content{padding:36px 0 90px;min-height:320px}.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-card{border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:20px;text-align:left;color:var(--ink);min-width:0;transition:transform .2s,box-shadow .2s}.admin-card:hover,.admin-card:focus-visible{transform:translateY(-2px);box-shadow:0 12px 28px rgba(30,30,25,.08)}.admin-card-image{height:140px;width:100%;object-fit:cover;border-radius:10px;margin-bottom:12px}.admin-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.admin-card h3{font:normal 29px var(--serif);margin:10px 0 5px}.admin-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.5;min-height:35px;overflow-wrap:anywhere}.admin-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:13px;margin-top:17px}.admin-card-footer strong{font-size:19px}.edit-caption{font-size:12px;color:var(--accent);font-weight:650}.sample-mark{font-size:10px;color:var(--accent);margin:0 0 3px}.edit-panel{width:min(100%,620px)}.image-editor{display:flex;align-items:center;justify-content:space-between;gap:12px}.image-preview{border:1px dashed var(--line);min-width:120px;max-width:210px;width:100%;height:100px;display:flex;align-items:center;justify-content:center;color:#a19e94;font-size:12px;overflow:hidden;border-radius:8px;background:#fff}.image-preview img{height:100%;width:100%;object-fit:cover}.edit-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:25px}.edit-actions .btn-danger{margin-right:auto}.orders-list{display:grid;gap:12px}.order-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:21px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.order-card strong{font-size:17px}.order-card p{margin:6px 0 0;color:var(--muted);font-size:13px}.order-meta{color:#888;font-size:12px}.order-controls{text-align:right;display:flex;flex-direction:column;gap:10px;align-items:end}.order-controls select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px}.uppercase{text-transform:uppercase}
@media(max-width:900px){.product-grid,.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-aside{display:none}}@media(max-width:650px){.container{width:calc(100% - 32px)}.site-header{height:76px}.header-nav{gap:15px;font-size:12px}.brand{font-size:24px}.brand img{width:32px}.intro-section{padding:28px 0 45px}.intro-grid h1{font-size:43px;letter-spacing:-1.8px}.lead{font-size:14px}.catalog-section{padding-top:34px}.catalog-topline{align-items:start;flex-direction:column}.catalog-topline h2{font-size:34px}.filters{gap:14px}.search-field{min-width:100%;max-width:100%}.sort-field{margin-left:0}.product-grid,.admin-grid{grid-template-columns:1fr;gap:12px}.product-card{padding:21px}.product-card h3{font-size:31px}.footer-inner{flex-direction:column;align-items:flex-start}.admin-heading-row{align-items:start;flex-direction:column}.admin-heading h1{font-size:39px}.admin-heading .eyebrow{margin-bottom:19px}.admin-toolbar{margin-top:20px}.modal-shell{padding:10px}.modal-panel{padding:25px 21px;max-height:calc(100vh - 20px)}.form-two-col{gap:11px}.form-two-col .field{min-width:0}.image-editor{align-items:flex-start}.order-card{flex-direction:column}.order-controls{align-items:flex-start;text-align:left}}@media(max-width:370px){.card-bottom{align-items:flex-start}.card-actions{flex-wrap:wrap}.form-two-col{grid-template-columns:1fr}}

/* ATLAS_MARKETPLACE_PARTNERS_V1_LINK */
.mp-admin-link{margin:12px 0}.mp-partner-link{max-width:1250px;margin:0 auto;padding:12px 4% 0;text-align:right}.mp-partner-link a{display:inline-block;padding:8px 15px;color:#fff;background:linear-gradient(110deg,#153d94,#06a9d2);border-radius:40px;font:700 13px/1.4 system-ui;text-decoration:none;box-shadow:0 6px 18px #04184240}.mp-partner-link a:hover{filter:brightness(1.2)}
.atlas-supplier-label{color:#314a77;font:600 11px/1.35 system-ui;margin:3px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* ATLAS_PARTNER_REQUESTS_V2 */
.atlas-partner-approval{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:22px 0 24px;padding:20px 22px;border:1px solid #b4cff8;background:linear-gradient(115deg,#eaf3ff,#fffaf2);border-radius:16px;box-shadow:0 8px 24px #10244a12;color:#172c4d}
.atlas-partner-approval__content{display:grid;gap:4px}
.atlas-partner-approval__eyebrow{font:700 11px/1.5 system-ui;letter-spacing:1.8px;color:#2968af}
.atlas-partner-approval__content strong{font:700 23px/1.25 Georgia,serif}
.atlas-partner-approval__content span:not(.atlas-partner-approval__eyebrow){font:14px/1.45 system-ui;color:#3e5676}
.atlas-partner-approval__action{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:12px;background:#184a9f;color:#fff!important;font:700 14px/1.2 system-ui;text-decoration:none!important;box-shadow:0 7px 15px #073b7627}
.atlas-partner-approval__action:hover{background:#246bd5}
@media(max-width:650px){.atlas-partner-approval{padding:16px}.atlas-partner-approval__action{width:100%}}

/* ATLAS_USER_BANNER_CSS_START */
/* This image is decorative, with real transparent link hit areas on desktop. */
@media (min-width: 781px) {
  body:has(.atlas-banner-hero) > .site-header { display: none !important; }
  .atlas-banner-hero__desktop { display: block; }
  .atlas-banner-hero__mobile { display: none !important; }
}
.atlas-banner-hero { position: relative; width: 100%; margin: 0; padding: 0; overflow: hidden; }
.atlas-banner-hero__desktop { position: relative; width: 100%; max-width: 100%; isolation: isolate; }
.atlas-banner-hero__image { display: block; width: 100%; height: auto; max-width: 100%; }
.atlas-banner-hero__hotspot { position: absolute; z-index: 2; display: block; border-radius: 18px; cursor: pointer; background: transparent; color: transparent; font-size: 0; }
.atlas-banner-hero__hotspot:hover { box-shadow: inset 0 0 0 2px rgba(255,255,255,.5), 0 0 30px rgba(255,255,255,.16); }
.atlas-banner-hero__hotspot:focus-visible { outline: 4px solid #00c6ff; outline-offset: 3px; }
.atlas-banner-hero__hotspot--brand { left: 3.5%; top: 2%; width: 15.5%; height: 10.5%; }
.atlas-banner-hero__hotspot--nav-catalog { left: 78%; top: 2%; width: 8%; height: 10%; }
.atlas-banner-hero__hotspot--nav-admin { left: 86%; top: 2%; width: 11%; height: 10%; }
.atlas-banner-hero__hotspot--cta { left: 4.7%; width: 20%; height: 11%; }
.atlas-banner-hero__hotspot--secondary { width: 18%; height: 10%; }
.atlas-variant-1 .atlas-banner-hero__hotspot--cta { top: 75%; }
.atlas-variant-1 .atlas-banner-hero__hotspot--secondary { left: 25.5%; top: 75%; }
.atlas-variant-2 .atlas-banner-hero__hotspot--cta { top: 60.5%; width: 24%; }
.atlas-variant-2 .atlas-banner-hero__hotspot--secondary { left: 29%; top: 60.5%; width: 17.5%; }
.atlas-variant-3 .atlas-banner-hero__hotspot--cta { top: 62%; width: 20%; }
.atlas-banner-hero__mobile { display: none; }
.atlas-banner-how { scroll-margin-top: 110px; padding: 30px 0 22px; border-bottom: 1px solid #dedbd2; }
.atlas-banner-how__inner { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.atlas-banner-how__inner strong { font-size: 18px; }
.atlas-banner-how__inner span { font-size: 13px; color: #666; }
@media (max-width: 780px) {
  body:has(.atlas-banner-hero) > .site-header { display: block !important; }
  .atlas-banner-hero__desktop { display: none !important; }
  .atlas-banner-hero__mobile { display: flex; min-height: 510px; flex-direction: column; justify-content: center; padding: 52px max(22px, 6vw); background-size: cover; background-position: 62% center; background-repeat: no-repeat; }
  .atlas-banner-hero__mobile::before { content: ''; position: absolute; z-index: 0; inset: 0; pointer-events: none; }
  .atlas-banner-hero__mobile > * { position: relative; z-index: 1; }
  .atlas-banner-hero__mobile h1 { font: 600 clamp(38px, 9vw, 57px)/1.08 Georgia, 'Times New Roman', serif; letter-spacing: -1.5px; margin: 18px 0 18px; }
  .atlas-banner-hero__mobile h1 em { font-style: italic; }
  .atlas-banner-hero__mobile p { max-width: 460px; font-size: 16px; line-height: 1.65; margin: 0 0 27px; }
  .atlas-banner-hero__mobile .atlas-banner-mobile-kicker { font: 800 11px/1.5 Arial,sans-serif; letter-spacing: 2px; text-transform: uppercase; margin: 0; }
  .atlas-banner-hero__mobile .atlas-banner-mobile-actions { display: flex; flex-wrap: wrap; gap: 10px; }
  .atlas-banner-hero__mobile .atlas-banner-mobile-btn { border-radius: 30px; min-height: 49px; padding: 12px 19px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; font-weight: 700; font-size: 14px; }
  .atlas-variant-1 .atlas-banner-hero__mobile { color: #3e261a; background-image: linear-gradient(90deg, rgba(255,245,236,.98), rgba(255,245,236,.86)), var(--atlas-banner-image); }
  .atlas-variant-1 .atlas-banner-hero__mobile h1 em { color: #c75500; }
  .atlas-variant-1 .atlas-banner-mobile-btn { color:#fff;background:linear-gradient(120deg,#a63e00,#ef7a00); }
  .atlas-variant-2 .atlas-banner-hero__mobile { color: #fff; background-image: linear-gradient(90deg, rgba(12,22,108,.96), rgba(20,40,132,.77)), var(--atlas-banner-image); }
  .atlas-variant-2 .atlas-banner-hero__mobile h1 em { color: #55e4ff; }
  .atlas-variant-2 .atlas-banner-mobile-btn { color:#104083;background:#fff; }
  .atlas-variant-3 .atlas-banner-hero__mobile { color: #27313f; background-image: linear-gradient(90deg, rgba(255,247,249,.97), rgba(255,245,250,.83)), var(--atlas-banner-image); }
  .atlas-variant-3 .atlas-banner-hero__mobile h1 em { color: #fb6171; }
  .atlas-variant-3 .atlas-banner-mobile-btn { color:#fff;background:linear-gradient(115deg,#ff466b,#ff9736); }
  .atlas-banner-how { padding: 22px 0; }
  .atlas-banner-how__inner { flex-direction: column; align-items: flex-start; gap: 5px; }
}
/* ATLAS_USER_BANNER_CSS_END */

/* ATLAS_CLICKABLE_BUTTONS_V2_START */
/* Real, aligned and keyboard-accessible HTML controls, rather than transparent boxes. */
@media (min-width: 781px) {
  .atlas-variant-2 .atlas-banner-hero__hotspot--cta,
  .atlas-variant-2 .atlas-banner-hero__hotspot--secondary {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: clamp(6px, .85vw, 14px);
    box-sizing: border-box;
    height: 9.5%;
    top: 63.1%;
    border-radius: 99px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(11px, 1.38vw, 20px);
    line-height: 1.1;
    letter-spacing: -.025em;
    font-weight: 750;
    white-space: nowrap;
    pointer-events: auto !important;
    z-index: 6;
    transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;
    text-decoration: none;
    overflow: hidden;
  }
  .atlas-variant-2 .atlas-banner-hero__hotspot--cta {
    left: 5.1%; width: 22.8%;
    background: linear-gradient(180deg, #fff 0%, #f3faff 100%);
    color: #123a98;
    box-shadow: 0 8px 22px rgba(5,13,78,.19), inset 0 1px 0 #fff;
  }
  .atlas-variant-2 .atlas-banner-hero__hotspot--secondary {
    left: 29.3%; width: 16.35%;
    background: linear-gradient(105deg, rgba(99,93,226,.94), rgba(27,85,200,.93));
    color: #fff;
    border: 1px solid rgba(231,241,255,.75);
    box-shadow: 0 8px 24px rgba(5,12,81,.19), inset 0 1px 0 rgba(255,255,255,.18);
  }
  .atlas-variant-2 .atlas-banner-hero__hotspot--cta:hover,
  .atlas-variant-2 .atlas-banner-hero__hotspot--secondary:hover {
    transform: translateY(-2px);
    filter: brightness(1.1);
    box-shadow: 0 12px 33px rgba(13,15,92,.35);
  }
  .atlas-variant-2 .atlas-banner-hero__hotspot--cta:active,
  .atlas-variant-2 .atlas-banner-hero__hotspot--secondary:active { transform: translateY(1px) scale(.99); }
  .atlas-variant-2 .atlas-banner-hero__hotspot--cta svg { width: clamp(14px,1.8vw,27px); height: auto; flex-shrink: 0; fill: #16a7e8; }
  .atlas-variant-2 .atlas-banner-hero__hotspot--secondary .atlas-action-play { display: inline-flex; align-items: center; justify-content: center; width: clamp(17px,1.75vw,25px); height: clamp(17px,1.75vw,25px); border: 1.5px solid #fff; border-radius: 50%; line-height: 1; font-size: .7em; flex-shrink: 0; }
  .atlas-variant-2 .atlas-banner-hero__hotspot--brand:hover,
  .atlas-variant-2 .atlas-banner-hero__hotspot--nav-catalog:hover,
  .atlas-variant-2 .atlas-banner-hero__hotspot--nav-admin:hover { box-shadow: none; background: rgba(255,255,255,.08); }
}
.atlas-banner-how.atlas-banner-how--v2 { scroll-margin-top: 26px; background: #07175b; color: #fff; border: 0; padding: 46px 0 52px; }
.atlas-banner-how--v2 .atlas-how-kicker { margin: 0 0 12px; letter-spacing: .19em; font: 700 11px/1.4 Arial,sans-serif; color: #5ceaff; }
.atlas-banner-how--v2 .atlas-how-title { margin: 0 0 27px; color: #fff; font: 700 clamp(28px,3.3vw,44px)/1.15 Arial,sans-serif; }
.atlas-banner-how--v2 .atlas-how-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }
.atlas-banner-how--v2 .atlas-how-step { padding: 20px; background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.18); border-radius: 16px; }
.atlas-banner-how--v2 .atlas-how-step-number { font: 800 14px Arial,sans-serif; color: #4be6ff; margin-bottom: 13px; }
.atlas-banner-how--v2 .atlas-how-step strong { display: block; font: 700 18px/1.3 Arial,sans-serif; color: #fff; margin-bottom: 8px; }
.atlas-banner-how--v2 .atlas-how-step p { font: 400 14px/1.5 Arial,sans-serif; color: #dbe5ff; margin: 0; }
.atlas-banner-how--v2 .atlas-how-bottom { margin-top: 24px; display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }
.atlas-banner-how--v2 .atlas-how-bottom a { display: inline-flex; min-height: 44px; padding: 12px 24px; align-items: center; border-radius: 99px; background: white; color: #103d91; font-weight: 750; text-decoration: none; }
.atlas-banner-how--v2 .atlas-how-bottom span { color:#bdc9e8; font-size: 13px; }
@media (max-width: 780px) {
  .atlas-banner-how.atlas-banner-how--v2 { scroll-margin-top: 82px; padding: 35px 0 40px; }
  .atlas-banner-how--v2 .atlas-how-grid { grid-template-columns: 1fr; }
  .atlas-banner-how--v2 .atlas-how-step { padding: 17px; }
  .atlas-variant-2 .atlas-banner-mobile-btn--secondary { background: rgba(31,96,199,.42) !important; color: white !important; border: 1px solid rgba(255,255,255,.7); }
}
/* ATLAS_CLICKABLE_BUTTONS_V2_END */

/* ATLAS_GLOBE_MOTION_V1_START */
@media (min-width: 781px) {
  .atlas-banner-hero .atlas-motion--mobile { display:none!important; }
  .atlas-variant-2 .atlas-motion--desktop {
    position:absolute; inset: 13.1% 0 0 48.8%;
    z-index:3; isolation:isolate; pointer-events:none;
    overflow:hidden;
    background:
      radial-gradient(ellipse 77% 88% at 54% 50%, rgba(5, 28, 124, .99) 0%, rgba(10, 45, 171, .99) 63%, rgba(0, 134, 206, .98) 100%),
      linear-gradient(115deg, #2831bd, #046dd6 76%, #12d1f0);
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 12%);
    mask-image:linear-gradient(90deg, transparent 0%, #000 12%);
  }
  .atlas-variant-2 .atlas-motion--desktop::before {
    content:""; position:absolute; inset:-20%; pointer-events:none;
    background:radial-gradient(ellipse 56% 42% at 64% 40%,rgba(41,239,255,.26),transparent 81%),
      radial-gradient(ellipse 53% 43% at 48% 88%,rgba(171,38,255,.22),transparent 78%);
  }
  .atlas-variant-2 .atlas-motion--desktop .atlas-motion__globe {
    position:absolute; height:85%; aspect-ratio:1; width:auto; top:4%; left:10%;
  }
  .atlas-variant-2 .atlas-motion--desktop .atlas-motion__halo {
    position:absolute; height:84%; aspect-ratio:1; left:9%; top:4%; border-radius:50%;
    background: radial-gradient(circle, transparent 35%,rgba(0,195,255,.1) 52%,rgba(0,234,255,.16) 68%,transparent 77%);
    filter:blur(18px);
  }
  .atlas-variant-2 .atlas-motion--desktop .atlas-motion__chip--us {left:16%;top:10%;}
  .atlas-variant-2 .atlas-motion--desktop .atlas-motion__chip--gb {right:6%;top:12%;}
  .atlas-variant-2 .atlas-motion--desktop .atlas-motion__chip--de {right:3%;top:44%;}
  .atlas-variant-2 .atlas-motion--desktop .atlas-motion__chip--jp {right:13%;bottom:12%;}
  .atlas-variant-2 .atlas-motion--desktop .atlas-motion__mini--fr{left:44%;top:27%;}
  .atlas-variant-2 .atlas-motion--desktop .atlas-motion__mini--br{left:39%;top:65%;}
  .atlas-variant-2 .atlas-motion--desktop .atlas-motion__mini--ca{left:31%;top:38%;}
  .atlas-variant-2 .atlas-motion--desktop .atlas-motion__mini--au{left:50%;top:81%;}
  .atlas-variant-2 .atlas-motion--desktop .atlas-motion__mini--it{left:52%;top:43%;}
  .atlas-variant-2 .atlas-motion--desktop .atlas-motion__mini--in{left:30%;top:54%;}
  .atlas-variant-2 .atlas-motion--desktop .atlas-motion__mini--pl{left:58%;top:32%;}
  .atlas-variant-2 .atlas-motion--desktop .atlas-motion__mini--sg{left:61%;top:63%;}
}
.atlas-motion__globe { border-radius:50%; isolation:isolate; pointer-events:none;
  box-shadow:0 0 0 1px rgba(93,237,255,.22),0 0 34px 4px rgba(20,205,255,.25),0 0 95px 10px rgba(46,106,245,.2),inset 0 0 26px rgba(0,244,255,.48);
  background: radial-gradient(circle at 30% 22%, #157dc1,#061c7d 61%,#03104c);
}
.atlas-motion__globe::before { content:""; position:absolute;inset:-3%;border-radius:50%;z-index:5;
  pointer-events:none;box-shadow:inset 3px 0 22px rgba(95,252,255,.43),inset -13px 0 34px rgba(106,47,254,.32); }
.atlas-motion__globe canvas {width:100%;height:100%;display:block;position:absolute;inset:0;border-radius:50%;z-index:2;opacity:0;
  transition:opacity .5s ease;}
.atlas-motion__globe.is-ready canvas {opacity:1;}
.atlas-motion__globe-fallback {position:absolute;inset:0;border-radius:50%;overflow:hidden;z-index:1;
  background-image:linear-gradient(90deg,rgba(2,10,84,.3),transparent 39%,rgba(3,11,82,.66)),url('atlas_globe_texture.jpg');
  background-size:100% 100%, 270% 100%;background-position:center, 0% 50%;
  animation:atlas-texture-spin 26s linear infinite;
  -webkit-mask-image:radial-gradient(circle,black 0 70%,transparent 72%);
  mask-image:radial-gradient(circle,black 0 70%,transparent 72%);
}
.atlas-motion__globe.is-ready .atlas-motion__globe-fallback{opacity:0;}
@keyframes atlas-texture-spin {from{background-position:center,0% 50%;}to{background-position:center,100% 50%;}}
.atlas-motion__globe-telegram {pointer-events:none;position:absolute;left:43%;top:36%;width:23%;aspect-ratio:1;border:1px solid rgba(198,249,255,.75);z-index:6;
  border-radius:24%;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(140deg,rgba(15,220,251,.83),rgba(16,105,233,.83) 60%,rgba(77,50,204,.8));
  box-shadow:0 0 35px rgba(15,224,255,.66),inset 1px 1px 18px rgba(255,255,255,.3);
  backdrop-filter:blur(4px);
}
.atlas-motion__globe-telegram svg{width:71%;height:71%;fill:white;filter:drop-shadow(0 2px 5px rgba(0,39,140,.45));}
.atlas-motion__ring {pointer-events:none;position:absolute;border-radius:50%;z-index:5;
  width:81%;height:31%;left:2%;top:38%;transform:rotate(-25deg);
  border:2px solid rgba(59,245,255,.81);box-shadow:0 0 9px #15d8ff,0 0 24px rgba(32,250,255,.35);
}
.atlas-motion__ring--two{left:15%;top:55%;width:74%;height:24%;transform:rotate(-14deg);border-color:rgba(251,101,247,.74);box-shadow:0 0 12px #e762fa;z-index:1;}
.atlas-motion__orbit-particle {
  position:absolute; left:50%; top:50%; z-index:7; width:10px;height:10px;
  border-radius:50%; pointer-events:none;
  background:#fff; filter:drop-shadow(0 0 5px #fff);
  box-shadow:0 0 8px #fff, 0 0 18px #52efff,0 0 26px #a651ff;
  transform:translate(-50%,-50%); will-change:left,top,opacity,transform;
}
.atlas-motion__orbit-particle::before,.atlas-motion__orbit-particle::after{
  content:"";display:block;position:absolute;left:50%;top:50%;
  transform:translate(-50%,-50%); background:#fff;border-radius:50%;
}
.atlas-motion__orbit-particle::before{width:18px;height:2px;}
.atlas-motion__orbit-particle::after{width:2px;height:18px;}
.atlas-motion__chip { position:absolute;z-index:8;pointer-events:auto;cursor:default;display:inline-flex;
  align-items:center;gap:10px;border:1px solid rgba(204,244,255,.42);border-radius:19px;
  padding: 8px 14px 8px 11px; font:700 clamp(12px,1.18vw,18px)/1.1 Arial,Helvetica,sans-serif;color:#fff;
  background:linear-gradient(125deg,rgba(37,97,224,.98),rgba(3,188,237,.93));
  box-shadow:0 7px 19px rgba(1,15,84,.35),inset 0 1px 3px rgba(255,255,255,.35);
  text-shadow:0 1px 4px rgba(0,13,76,.6);white-space:nowrap;
  transform:scale(1);transform-origin:center; transition:transform .2s ease-out,filter .2s ease-out,box-shadow .2s ease-out;
}
.atlas-motion__chip--de{background:linear-gradient(115deg,rgba(45,52,179,.97),rgba(109,60,224,.98));}
.atlas-motion__chip--jp{background:linear-gradient(115deg,rgba(23,77,185,.98),rgba(12,180,225,.98));}
.atlas-motion__chip:hover,.atlas-motion__chip:focus-visible,
.atlas-motion__mini:hover,.atlas-motion__mini:focus-visible {transform:scale(1.085);filter:brightness(1.16);z-index:9;
  box-shadow:0 10px 34px rgba(30,241,255,.4),inset 0 1px 3px rgba(255,255,255,.38);} 
.atlas-motion__chip:focus-visible,.atlas-motion__mini:focus-visible{outline:2px solid white;outline-offset:3px;}
.atlas-motion__chip .atlas-motion__flag-img{width:33px;height:22px;display:block;border-radius:4px;object-fit:cover;flex:none;box-shadow:0 1px 5px rgba(0,0,0,.28);}
.atlas-motion__chip-text{letter-spacing:-.015em;}
.atlas-motion__mini{position:absolute; z-index:8; pointer-events:auto; width:30px; height:30px; display:flex; align-items:center; justify-content:center;
  border-radius:50%; border:1px solid rgba(220,250,255,.58); background:rgba(17,95,207,.88); box-shadow:0 0 0 2px rgba(255,255,255,.18),0 8px 22px rgba(2,17,74,.42), inset 0 1px 4px rgba(255,255,255,.38);
  transition:transform .2s ease-out, filter .2s ease-out, box-shadow .2s ease-out; transform:scale(1);}
.atlas-motion__mini .atlas-motion__flag-img{width:23px;height:16px;display:block;border-radius:3px;object-fit:cover;box-shadow:0 2px 5px rgba(0,0,0,.25);}
@media(max-width:780px){
  .atlas-motion--desktop{display:none!important;}
  .atlas-variant-2 .atlas-banner-hero__mobile{min-height:790px;padding-top:47px;padding-bottom:320px;justify-content:flex-start;overflow:hidden;}
  .atlas-variant-2 .atlas-motion--mobile{display:block;position:absolute;pointer-events:none; bottom:8px;right:-25px;width:min(87vw,380px);height:315px;z-index:1;}
  .atlas-variant-2 .atlas-motion--mobile .atlas-motion__globe{position:absolute;bottom:5px;right:9%;width:76%;aspect-ratio:1;height:auto;}
  .atlas-variant-2 .atlas-motion--mobile .atlas-motion__globe-telegram{border-radius:20%;}
  .atlas-variant-2 .atlas-motion--mobile .atlas-motion__ring{left:9%;top:41%;width:83%;}
  .atlas-variant-2 .atlas-motion--mobile .atlas-motion__ring--two{top:62%;left:13%;}
  .atlas-variant-2 .atlas-motion--mobile .atlas-motion__chip{padding:6px 10px;border-radius:12px;font-size:13px;gap:6px;}
  .atlas-variant-2 .atlas-motion--mobile .atlas-motion__chip--us{left:4%;top:12%;}
  .atlas-variant-2 .atlas-motion--mobile .atlas-motion__chip--de{right:1%;bottom:13%;}
  .atlas-variant-2 .atlas-motion--mobile .atlas-motion__chip .atlas-motion__chip-text{font-size:12px;}
  .atlas-variant-2 .atlas-motion--mobile .atlas-motion__mini{width:22px;height:22px;}
  .atlas-variant-2 .atlas-motion--mobile .atlas-motion__mini .atlas-motion__flag-img{width:17px;height:12px;}
  .atlas-variant-2 .atlas-motion--mobile .atlas-motion__mini--fr{left:48%;top:20%;}
  .atlas-variant-2 .atlas-motion--mobile .atlas-motion__mini--br{left:36%;top:60%;}
  .atlas-variant-2 .atlas-motion--mobile .atlas-motion__mini--ca{left:27%;top:35%;}
  .atlas-variant-2 .atlas-motion--mobile .atlas-motion__mini--au{left:42%;top:82%;}
  .atlas-variant-2 .atlas-motion--mobile .atlas-motion__mini--it{left:50%;top:44%;}
  .atlas-variant-2 .atlas-motion--mobile .atlas-motion__mini--in{left:66%;top:57%;}
  .atlas-variant-2 .atlas-motion--mobile .atlas-motion__mini--pl{left:64%;top:32%;}
  .atlas-variant-2 .atlas-motion--mobile .atlas-motion__mini--sg{left:56%;top:74%;}

}
@media(prefers-reduced-motion:reduce){
  .atlas-motion__globe-fallback{animation:none!important;}
  .atlas-motion__chip,.atlas-motion__mini{transition:none!important;}
}
/* ATLAS_GLOBE_MOTION_V1_END */

