:root{
  --ink:#101426;--muted:#667085;--line:#e6e8ef;--paper:#f7f8fc;--white:#fff;
  --cyan:#20c5f5;--blue:#5e7cff;--violet:#8d5df6;--pink:#ef4cb8;
  --dark:#08111f;--dark2:#111b2a;--darkline:#26364c;--glow:#a9d8ff;
  --radius:26px;--shadow:0 24px 70px rgba(23,31,57,.14)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(32,197,245,.45);outline-offset:3px}
.wrap{width:min(1180px,calc(100% - 36px));margin-inline:auto}
.demo-bar{background:#111529;color:#e7e8f1;font-size:11px;letter-spacing:.07em;text-align:center;padding:9px 14px;position:relative;z-index:90}
.nav{height:76px;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(230,232,239,.9);position:sticky;top:0;z-index:80}
.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em;min-width:0}.brand>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--cyan),var(--violet) 55%,var(--pink));font-size:13px;box-shadow:0 8px 20px rgba(111,93,246,.25);flex:0 0 auto}
.nav-links{display:flex;align-items:center;gap:18px;color:#596078;font-size:14px;white-space:nowrap}.nav-links a{transition:.2s}.nav-links a:hover{opacity:.72}
.btn{border:0;border-radius:999px;padding:13px 20px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(100deg,#1ec8ef,#6d63f7 56%,#ec4bb8);box-shadow:0 12px 30px rgba(98,91,238,.22)}.btn-ghost{background:#fff;border:1px solid var(--line)}
.eyebrow{font-size:12px;font-weight:900;letter-spacing:.17em;text-transform:uppercase;color:#665ee8;margin-bottom:18px}.gradient-text{background:linear-gradient(100deg,#16bfe9 12%,#7162f4 54%,#ed4ab6 86%);-webkit-background-clip:text;background-clip:text;color:transparent}
.notice{display:inline-flex;align-items:center;gap:8px;background:#f1f4ff;border:1px solid #dce2ff;color:#5b5dc3;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800}
.section{padding:76px 0}.section-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-title>div,.section-title p{min-width:0}.section-title h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.045em;line-height:1.02;margin:0}.section-title p{color:var(--muted);max-width:500px;margin:0}.card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 36px rgba(20,28,55,.07)}
.footer{border-top:1px solid var(--line);padding:36px 0 60px;color:#70768a;font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

/* Portfolio */
.portfolio-theme{background:#f7f8fc}.portfolio-hero{padding:78px 0 70px;background:radial-gradient(circle at 12% 5%,rgba(32,197,245,.13),transparent 28%),radial-gradient(circle at 82% 10%,rgba(239,76,184,.12),transparent 25%),linear-gradient(180deg,#fafbff,#f4f6fb)}
.hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:54px;align-items:center}.portfolio-hero h1{font-size:clamp(46px,6.5vw,82px);line-height:.94;letter-spacing:-.065em;margin:0;max-width:820px}.portfolio-hero p{font-size:18px;color:#697087;max-width:720px;margin:25px 0 0}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}.hero-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.pill{padding:9px 13px;border:1px solid #e4e7f0;background:rgba(255,255,255,.83);border-radius:999px;color:#5a6073;font-size:12px;font-weight:800}
.hero-showcase{height:430px;position:relative;perspective:1300px}.device{position:absolute;border:1px solid rgba(255,255,255,.18);background:#121724;border-radius:19px;padding:7px;box-shadow:0 30px 80px rgba(28,34,62,.28);overflow:hidden}.device img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:12px;display:block}.device-main{width:76%;height:72%;right:3%;top:6%;transform:rotateY(-7deg) rotateZ(1deg);z-index:3}.device-left{width:49%;height:46%;left:0;bottom:8%;transform:rotateY(7deg) rotateZ(-3deg);z-index:4}.device-right{width:42%;height:42%;right:0;bottom:1%;transform:rotateY(-5deg) rotateZ(3deg);z-index:5}
.projects-section{background:#fff}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.project{background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 18px 55px rgba(19,26,50,.09);transition:.25s;min-width:0;display:flex;flex-direction:column}.project:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#d9dded}.project-featured{border-color:#d8d7ff;box-shadow:0 18px 55px rgba(91,80,210,.13)}.cover{aspect-ratio:16/10;position:relative;overflow:hidden;background:#111827}.cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(4,8,18,.18));pointer-events:none}.cover img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .45s ease}.project:hover .cover img{transform:scale(1.025)}.project-body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}.tag{font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#786af4}.project h3{font-size:28px;letter-spacing:-.035em;margin:7px 0 8px}.project p{color:var(--muted);margin:0 0 16px;flex:1}.project-badges{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.project-badges span{font-size:11px;font-weight:800;padding:6px 8px;border:1px solid #e5e7ef;border-radius:999px;color:#6d7385;background:#fafbfe}.arrow{font-weight:900;color:#5a59df}
.capabilities-section{padding:30px 0 66px;background:#fff}.capabilities-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fbfcff}.capabilities-grid article{padding:24px 18px;border-right:1px solid var(--line);min-width:0}.capabilities-grid article:last-child{border-right:0}.cap-icon{font-size:25px;color:#6f63f1;display:block;margin-bottom:12px}.capabilities-grid strong{display:block;font-size:14px}.capabilities-grid p{font-size:12px;color:#737a8e;margin:5px 0 0}

/* Shop */
.shop-theme{--shop:#5b2d19;background:#f8f3ee;color:#20150f}.shop-nav{background:rgba(47,27,18,.93);border-color:rgba(255,255,255,.08)}.shop-nav .brand,.shop-nav .nav-links{color:#fff}.shop-hero{padding:74px 0;background:radial-gradient(circle at 76% 30%,rgba(255,201,132,.42),transparent 31%),linear-gradient(135deg,#f3dfc9,#fffaf3);overflow:hidden}.shop-hero-grid{display:grid;grid-template-columns:1fr .78fr;gap:40px;align-items:center}.shop-notice{background:#fff7ed;border-color:#ead7c1;color:#7b412d}.shop-kicker{font-size:11px;letter-spacing:.18em;font-weight:900;color:#8f5d3e;margin:22px 0 10px}.shop-hero h1{font-family:Georgia,serif;font-size:clamp(48px,6vw,80px);font-weight:500;line-height:.96;max-width:760px;margin:0;letter-spacing:-.04em}.shop-hero p{max-width:620px;color:#69584e;font-size:17px;margin:22px 0}.shop-cta{background:#3a2117;color:#fff}.coffee-hero-art{height:390px;position:relative;display:grid;place-items:center}.hero-pack{width:210px;height:285px;border-radius:10px 10px 24px 24px;background:linear-gradient(155deg,#2f1a12,#744329);color:#f7dfbf;display:grid;place-content:center;text-align:center;font-family:Georgia,serif;font-size:38px;line-height:.9;box-shadow:0 40px 70px rgba(74,37,18,.3);transform:rotate(4deg);position:relative;z-index:2}.hero-pack span{font-family:Inter,sans-serif;letter-spacing:.17em;font-size:10px;margin-top:12px}.bean{position:absolute;width:40px;height:22px;border-radius:50%;background:#4b291b;box-shadow:inset -5px -2px 0 rgba(0,0,0,.16);transform:rotate(28deg)}.bean:after{content:"";position:absolute;left:50%;top:2px;bottom:2px;width:2px;background:#8b5c41;border-radius:2px;transform:rotate(-13deg)}.bean-a{left:12%;top:22%;transform:rotate(-22deg) scale(1.2)}.bean-b{right:11%;top:54%;transform:rotate(31deg)}.bean-c{left:25%;bottom:10%;transform:rotate(70deg) scale(.85)}
.shop-eyebrow{color:#7b412d}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.prod{overflow:hidden;min-width:0}.prod-img{height:280px;background:linear-gradient(150deg,#f1e7dc,#b5784c);display:grid;place-items:center;position:relative}.prod-warm{background:linear-gradient(150deg,#eadbcf,#c67a4f)}.prod-dark{background:linear-gradient(150deg,#dce3dd,#536b54)}.coffee-pack{width:126px;height:172px;border-radius:8px 8px 18px 18px;background:linear-gradient(160deg,#331d15,#74462e);box-shadow:0 22px 30px rgba(75,39,20,.25);display:grid;place-content:center;text-align:center;color:#f7dfbf;font-family:Georgia,serif;font-size:26px;transform:rotate(-4deg)}.coffee-pack span{display:block}.coffee-pack small{font-family:Inter,sans-serif;font-size:10px;letter-spacing:.16em;margin-top:8px}.prod:nth-child(2) .coffee-pack{background:linear-gradient(160deg,#7b412d,#ca7c50);transform:rotate(3deg)}.prod:nth-child(3) .coffee-pack{background:linear-gradient(160deg,#202822,#536b54)}.roast-badge{position:absolute;left:14px;top:14px;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.85);font-size:10px;font-weight:900;letter-spacing:.12em;color:#5c4638}.prod-info{padding:19px}.prod-info h3{font-size:20px;margin:0 0 5px}.prod-info p{color:#766b65;font-size:14px;min-height:42px}.size-row{display:flex;gap:7px;margin-top:14px}.size-choice{border:1px solid #dfd5cc;background:#fff9f4;color:#684a38;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.size-choice.selected{background:#3a2117;color:#fff;border-color:#3a2117}.price-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.price{font-weight:900;font-size:18px}.shop-btn{background:#3a2117;color:#fff;border:0;border-radius:999px;padding:11px 15px;font-weight:800}.shop-about{padding:65px 0;background:#3a2117;color:#fff}.shop-about-grid{display:grid;grid-template-columns:.7fr 1fr;gap:50px;align-items:start}.shop-about h2{font-family:Georgia,serif;font-weight:500;font-size:44px;line-height:1;margin:0}.shop-about p{color:#d8c9bf;margin:0;font-size:16px}.shop-about .eyebrow{color:#e4ac82}
.cart-fab{position:fixed;right:18px;bottom:max(18px,env(safe-area-inset-bottom));z-index:90;background:#321c13;color:#fff;border:0;border-radius:999px;padding:15px 18px;font-weight:900;box-shadow:0 18px 40px rgba(47,27,18,.28)}
.drawer{position:fixed;inset:0;z-index:120;display:none;background:rgba(12,12,15,.48)}.drawer.open{display:block}.drawer-panel{margin-left:auto;width:min(430px,100%);height:100%;background:#fff;padding:24px;padding-bottom:max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;box-shadow:-18px 0 50px rgba(0,0,0,.14)}.drawer-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.drawer-head h2{margin:0}.icon-btn{border:0;background:#f1f2f5;width:40px;height:40px;border-radius:50%;font-size:20px;flex:0 0 auto}.cart-items{display:grid;gap:12px;margin:22px 0;overflow:auto;overscroll-behavior:contain}.cart-row{border:1px solid var(--line);border-radius:16px;padding:13px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.cart-row strong,.cart-row small{display:block}.cart-row strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-row small{color:#777c8b;margin-top:4px}.qty{display:flex;align-items:center;gap:7px}.qty button{width:29px;height:29px;border-radius:50%;border:1px solid var(--line);background:#fff}.empty-state{display:grid;gap:5px;padding:24px 4px;color:#6f7585}.empty-state span{font-size:13px}.cart-total{margin-top:auto;border-top:1px solid var(--line);padding-top:16px}.cart-total>div{display:flex;justify-content:space-between;font-size:18px;font-weight:900;margin-bottom:14px}.checkout{width:100%;background:#341f16;color:#fff;border:0;border-radius:14px;padding:14px;font-weight:900}.modal{position:fixed;inset:0;z-index:140;display:none;place-items:center;background:rgba(10,12,18,.55);padding:18px}.modal.open{display:grid}.modal-card{width:min(590px,100%);max-height:min(90vh,760px);overflow:auto;overscroll-behavior:contain;background:#fff;border-radius:24px;padding:24px}.checkout-form{margin-top:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:6px;min-width:0}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800;color:#6b7182}.field input,.field select,.field textarea{width:100%;min-width:0;padding:12px 13px;border:1px solid #daddE6;border-radius:12px;background:#fff;color:#202434}.checkout-summary{background:#f7f8fb;border:1px solid #e5e7ee;border-radius:15px;padding:13px;gap:8px}.checkout-summary>div{display:flex;justify-content:space-between;gap:16px}.checkout-grand{border-top:1px solid #dde1ea;padding-top:9px;margin-top:2px;font-size:18px}.order-msg{display:none;padding:14px;border-radius:12px;background:#eff9f0;color:#256b32;font-weight:800}.order-msg.show{display:block}

/* Garage */
.garage-theme{background:#0a1220;color:#f4f7fb}.garage-theme .demo-bar{background:#050a12}.garage-nav{background:rgba(10,18,32,.93);border-color:#1f2c3e}.garage-nav .brand,.garage-nav .nav-links{color:#eaf5ff}.garage-hero{padding:72px 0 70px;background:radial-gradient(circle at 75% 20%,rgba(30,199,239,.18),transparent 30%),#0a1220;overflow:hidden}.garage-hero-grid{display:grid;grid-template-columns:1fr .78fr;gap:48px;align-items:center}.garage-notice{background:#102537;border-color:#24445c;color:#68dffa}.garage-kicker{font-size:11px;letter-spacing:.17em;font-weight:900;color:#58d9f8;margin:22px 0 10px}.garage-hero h1{font-size:clamp(50px,7vw,92px);line-height:.89;letter-spacing:-.07em;margin:0;max-width:900px}.garage-hero p{color:#9eb0c5;max-width:690px;font-size:17px;margin:24px 0}.cyan{color:#32c8f0}.garage-cta{background:#2cc8ef;color:#06121b}.garage-visual{height:360px;position:relative;display:grid;place-items:center}.garage-ring{width:300px;height:300px;border:1px solid rgba(47,207,245,.3);border-radius:50%;box-shadow:0 0 0 45px rgba(47,207,245,.03),0 0 90px rgba(47,207,245,.16)}.garage-car{position:absolute;font-size:44px;font-weight:950;letter-spacing:-.07em;color:#f7fbff;text-align:center;transform:skewX(-8deg)}.garage-car span{display:block;color:#2cc8ef;font-size:14px;letter-spacing:.36em;margin-left:.36em}.garage-title h2{color:#fff}.garage-title p{color:#94a8bb}.garage-eyebrow{color:#42d8fa}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service{background:#101c2c;border:1px solid #26384f;border-radius:22px;padding:22px;min-width:0}.service small{color:#4bd5f7;font-weight:800}.service h3{font-size:23px;margin:8px 0}.service p{color:#9daabd;font-size:14px}.service-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px}.service-bottom b{font-size:17px}.service button{border:1px solid #37546e;background:#14283b;color:#e8faff;border-radius:999px;padding:9px 12px;font-weight:800;white-space:nowrap}.service button:hover{background:#1d3850}.booking-section{padding:0 0 72px}.booking{background:#0f1a29;border:1px solid #283b52;border-radius:26px;padding:26px}.booking h2{font-size:34px;line-height:1.05;margin:0 0 8px}.booking-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:28px}.muted-garage{color:#95a7ba}.garage-theme .field label{color:#9caec0}.garage-theme .field input,.garage-theme .field select{background:#0b1522;border-color:#30445b;color:#f3f7fb;color-scheme:dark}.slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.slot{border:1px solid #30445b;background:#0b1522;color:#dce8f3;border-radius:12px;padding:12px 8px}.slot.selected{background:#29c7ef;color:#07131d;border-color:#29c7ef;font-weight:900}.slot-panel h3{margin:3px 0 7px}.book-submit{width:100%;margin-top:2px;background:#29c7ef;color:#06111a;border:0;border-radius:14px;padding:14px;font-weight:900}.garage-confirm{display:none;margin-top:15px;padding:14px;border-radius:14px;background:#123626;border:1px solid #235b42;color:#bffbd6}.garage-confirm.show{display:block}.selection-card{background:#0a1522;border:1px solid #273a50;margin-top:14px;padding:16px;border-radius:18px}.selection-card small{color:#7f94a9}.selection-card strong,.selection-card span{display:block}.selection-card strong{margin-top:4px;font-size:19px}.selection-card span{color:#99aabd;margin-top:5px;font-size:13px}.selection-error{animation:pulseError .45s ease 2;color:#ffb8b8}@keyframes pulseError{50%{transform:translateX(4px)}}.garage-trust{padding:0 0 74px}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.trust-grid article{border:1px solid #26384f;background:#0d1827;border-radius:18px;padding:20px}.trust-grid strong,.trust-grid span{display:block}.trust-grid span{color:#8fa2b7;font-size:13px;margin-top:5px}

/* AXIOM */
.axiom-theme{background:#0b1421;color:#f3f6fb;min-height:100vh}.axiom-theme .demo-bar{background:#060b12}.axiom-nav{background:rgba(11,20,33,.94);border-color:#233246}.axiom-nav .brand,.axiom-nav .nav-links{color:#eef5ff}.axiom-main{padding:24px 0 60px}.axiom-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);gap:28px;align-items:start}.axiom-grid>*{min-width:0}.preview{position:sticky;top:96px;background:#07101b;border:1px solid #24364d;border-radius:24px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.22)}.preview-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 17px;border-bottom:1px solid #24364d}.preview-top span{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#9db1c6}.preview-top strong{white-space:nowrap}.view-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;background:#0d1928}.view-tabs button{border:1px solid #36506c;background:#0c1725;color:#c1d1e0;padding:11px;border-radius:11px;font-weight:800}.view-tabs button.active{background:#acd6fa;color:#091421;border-color:#acd6fa}.stage{position:relative;background:#050b12;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden}.stage img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .16s ease}.stage img.is-loading{opacity:.55}.image-loader{position:absolute;width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.16);border-top-color:#acd6fa;animation:spin .8s linear infinite;display:none;z-index:3}.image-loader.show{display:block}@keyframes spin{to{transform:rotate(360deg)}}.stage-caption{padding:13px 16px;color:#aebed0;font-size:13px;border-top:1px solid #203247;display:flex;justify-content:space-between;align-items:center;gap:12px}.asset-badge{font-size:9px;font-weight:900;letter-spacing:.13em;color:#7fa6c6;border:1px solid #28445c;border-radius:999px;padding:4px 7px;white-space:nowrap}.panel{background:#111c2b;border:1px solid #28394d;border-radius:24px;padding:24px}.axiom-notice{background:#122338;border-color:#2a4057;color:#acd6fa}.panel h1{font-size:38px;letter-spacing:-.045em;line-height:1;margin:12px 0 8px}.panel>p{color:#9eafc0;margin:0 0 22px}.opt{border-top:1px solid #314156;padding:18px 0}.opt h2{font-size:15px;margin:0 0 10px;color:#edf4fa}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.options.three{grid-template-columns:repeat(3,minmax(0,1fr))}.choice{min-height:58px;border:1px solid #3b4c61;background:#152130;color:#eef4fa;border-radius:12px;padding:10px 11px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;min-width:0;transition:.15s}.choice:hover{background:#1a2a3d}.choice.selected{background:#314b63;border-color:#acd6fa;box-shadow:inset 0 0 0 1px #acd6fa;color:#fff}.choice>span:not(.wheel-icon){display:grid;gap:2px}.choice small{display:block;font-size:10px;color:#aebed0;font-weight:700}.swatch{width:21px;height:21px;border-radius:50%;border:1px solid rgba(255,255,255,.65);flex:0 0 auto}.swatch.midnight{background:radial-gradient(circle at 30% 30%,#3d6ea8,#10294b 55%,#06111f)}.swatch.silver{background:radial-gradient(circle at 30% 30%,#fff,#c5cbd2 55%,#767e87)}.swatch.copper{background:radial-gradient(circle at 30% 30%,#ffb070,#c26936 56%,#6f2d13)}.ambient-ice{background:#45c5ff;box-shadow:0 0 10px rgba(69,197,255,.45)}.ambient-violet{background:#a864ff;box-shadow:0 0 10px rgba(168,100,255,.45)}.ambient-amber{background:#ffad49;box-shadow:0 0 10px rgba(255,173,73,.45)}.wheel-icon{width:31px;height:31px;border-radius:50%;border:4px solid #8794a3;box-shadow:inset 0 0 0 3px #1d2835;position:relative;flex:0 0 auto}.wheel-icon:before,.wheel-icon:after{content:"";position:absolute;left:50%;top:50%;width:20px;height:2px;background:#9aa8b7;transform-origin:center}.wheel-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.wheel-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}.turbine-wheel:before{height:3px;transform:translate(-50%,-50%) rotate(18deg)}.turbine-wheel:after{height:3px;transform:translate(-50%,-50%) rotate(108deg)}.option-note{font-size:11px;color:#8095a9;margin:9px 2px 0}.pricebox{margin-top:18px;border-top:1px solid #3a4b60;padding-top:18px}.pricebox>span{display:block;color:#9caec0;font-size:13px}.pricebox>strong{display:block;font-size:38px;letter-spacing:-.04em;line-height:1.1;margin-top:3px;overflow-wrap:anywhere}.summary{color:#a9b9c9;font-size:12px;margin-top:8px;overflow-wrap:anywhere}.price-actions{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:14px}.axiom-action,.axiom-reset{border:0;border-radius:13px;padding:14px;font-weight:900}.axiom-action{background:#aed8fa;color:#07131d}.axiom-reset{background:#1a293a;color:#dbe7f2;border:1px solid #34485e}.save-status{min-height:20px;color:#8fd6ad;font-size:12px;margin-top:8px}

@media(max-width:1020px){
  .hero-grid{grid-template-columns:1fr}.hero-showcase{height:390px;max-width:700px;width:100%;margin:0 auto}.portfolio-hero{padding-top:58px}
  .grid3{grid-template-columns:1fr 1fr}.project:last-child{grid-column:1/-1;max-width:calc(50% - 11px)}
  .capabilities-grid{grid-template-columns:repeat(3,1fr)}.capabilities-grid article{border-bottom:1px solid var(--line)}.capabilities-grid article:nth-child(3){border-right:0}.capabilities-grid article:nth-child(4),.capabilities-grid article:nth-child(5){border-bottom:0}
  .shop-hero-grid,.garage-hero-grid{grid-template-columns:1fr .65fr}
  .axiom-grid{grid-template-columns:1fr}.preview{position:relative;top:auto}.panel{margin-top:0}
}

@media(max-width:760px){
  .nav{height:68px}.nav-links{display:none}.demo-bar{font-size:9px;padding:7px 10px}.wrap{width:min(100% - 24px,1180px)}.section{padding:54px 0}.section-title{display:block}.section-title p{margin-top:12px}.portfolio-hero h1{font-size:clamp(44px,13vw,64px)}.portfolio-hero p{font-size:16px}.hero-showcase{height:320px}.device-main{width:82%;height:70%}.device-left{width:53%;height:43%}.device-right{width:46%;height:40%}
  .grid3{grid-template-columns:1fr}.project:last-child{grid-column:auto;max-width:none}.cover{aspect-ratio:16/9}.project h3{font-size:25px}
  .capabilities-grid{grid-template-columns:1fr 1fr}.capabilities-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.capabilities-grid article:nth-child(2n){border-right:0}.capabilities-grid article:nth-child(4){border-bottom:1px solid var(--line)}.capabilities-grid article:nth-child(5){border-bottom:0;border-right:1px solid var(--line)}
  .shop-hero-grid,.garage-hero-grid{grid-template-columns:1fr}.coffee-hero-art,.garage-visual{display:none}.shop-hero,.garage-hero{padding:56px 0}.shop-hero h1{font-size:49px}.shop-about-grid{grid-template-columns:1fr;gap:18px}.shop-about h2{font-size:38px}.product-grid,.service-grid{grid-template-columns:1fr}.prod-img{height:250px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.modal{padding:10px}.modal-card{border-radius:18px;padding:18px}.drawer-panel{padding:18px}
  .booking-grid{grid-template-columns:1fr}.booking{padding:18px;border-radius:20px}.slots{grid-template-columns:repeat(3,1fr)}.trust-grid{grid-template-columns:1fr}.garage-title h2{font-size:38px}
  .axiom-main{padding-top:12px}.axiom-grid{gap:12px}.preview{border-radius:18px}.panel{padding:19px 15px;border-radius:20px}.panel h1{font-size:31px}.options.three{grid-template-columns:repeat(3,minmax(0,1fr))}.choice{font-size:13px;padding:8px 6px;min-height:56px}.choice small{font-size:9px}.preview-top{padding:11px 13px}.view-tabs{padding:8px}.stage-caption{padding:9px 11px;font-size:11px}.asset-badge{display:none}.pricebox>strong{font-size:31px}.price-actions{grid-template-columns:1fr}.axiom-reset{padding:11px}.opt{padding:15px 0}
}

@media(max-width:460px){
  .brand>span:last-child{max-width:230px}.hero-showcase{height:260px}.device-main{width:88%;height:68%}.device-left{width:55%;height:42%}.device-right{width:48%;height:38%}.hero-actions .btn{width:100%}.capabilities-grid{grid-template-columns:1fr}.capabilities-grid article{border-right:0!important;border-bottom:1px solid var(--line)!important}.capabilities-grid article:last-child{border-bottom:0!important}.product-grid,.service-grid{gap:14px}.price-line{align-items:flex-end}.shop-btn{padding:10px 13px}.cart-fab{right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:13px 16px}.slots{grid-template-columns:repeat(2,1fr)}.service-bottom{align-items:flex-start;flex-direction:column}.service button{width:100%}.options.three{grid-template-columns:1fr}.options{grid-template-columns:1fr 1fr}.choice{min-height:52px}.wheel-choice{min-height:64px}.stage{aspect-ratio:16/9}.stage-caption{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.preview-top span{font-size:10px}.preview-top strong{font-size:13px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* AXIOM GT · immersive configurator v3 — full viewport */
.axiom-v2{--ax-bg:#050912;--ax-panel:#0b111b;--ax-panel2:#111927;--ax-line:rgba(173,204,235,.16);--ax-soft:#8d9aad;--ax-accent:#b8dcff;background:radial-gradient(circle at 20% 0%,rgba(34,92,145,.14),transparent 34%),#050912;color:#f5f8fc;min-height:100vh}
.axiom-v2 .demo-bar{background:#02050a;color:#8e9cad;border-bottom:1px solid rgba(255,255,255,.05);font-size:9px;letter-spacing:.18em;padding:7px 12px}
.axiom-v2 .axiom-nav{height:68px;position:relative;top:auto;background:rgba(5,9,18,.94);border-color:rgba(255,255,255,.08);backdrop-filter:blur(18px)}
.axiom-nav-inner{width:calc(100vw - 48px);max-width:none;height:100%;margin-inline:auto;display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px}
.axiom-v2 .axiom-nav .nav-links{justify-self:end}.axiom-v2 .axiom-nav-center{display:flex;align-items:center;gap:12px;color:#657489;font-size:10px;letter-spacing:.18em}.axiom-v2 .axiom-nav-center b{color:#c9d8e7;font-size:10px}.axiom-v2 .logo{width:30px;height:30px;border-radius:9px;font-size:11px}.axiom-v2 .brand{font-size:13px}.axiom-v2 .nav-links{font-size:12px;color:#91a0b1}
.axiom-v2 .axiom-main{padding:16px 24px 26px}
.axiom-shell{width:100%;max-width:none;margin:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(470px,21vw,560px);gap:20px;align-items:start}
.axiom-v2 .preview{position:sticky;top:16px;height:calc(100vh - 117px);min-height:720px;border:1px solid rgba(190,217,244,.12);border-radius:28px;overflow:hidden;background:#05070b;box-shadow:0 32px 100px rgba(0,0,0,.34)}
.axiom-canvas{isolation:isolate}.axiom-v2 .stage{position:absolute;inset:0;aspect-ratio:auto;background:#03060b;display:block}.axiom-v2 .stage img{width:100%;height:100%;object-fit:cover;object-position:center center;filter:none!important;transform:none!important;transition:opacity .22s ease}.axiom-stage-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,12,.58) 0%,rgba(2,6,12,.02) 30%,rgba(2,6,12,.04) 56%,rgba(2,6,12,.80) 100%);pointer-events:none}
.axiom-hero-copy{position:absolute;z-index:4;left:clamp(32px,3.2vw,74px);top:clamp(34px,4.2vw,82px);max-width:720px;text-shadow:0 2px 30px rgba(0,0,0,.55)}
.axiom-kicker{display:block;color:#bfd7ed;font-size:11px;font-weight:900;letter-spacing:.22em;margin-bottom:14px}.axiom-hero-copy h1{font-size:clamp(70px,5.3vw,136px);line-height:.82;letter-spacing:-.075em;margin:0;font-weight:900}.axiom-hero-copy h1 em{font-style:normal;font-weight:300;color:#b8d8f3}.axiom-hero-copy p{max-width:520px;margin:20px 0 0;color:#d0d9e3;font-size:16px;line-height:1.55}
.axiom-selection-chip{position:absolute;z-index:4;right:32px;top:32px;min-width:205px;padding:14px 16px;border-radius:15px;background:rgba(6,12,20,.62);border:1px solid rgba(202,226,248,.18);backdrop-filter:blur(14px);box-shadow:0 12px 38px rgba(0,0,0,.18)}.axiom-selection-chip span{display:block;font-size:8px;letter-spacing:.16em;color:#8193a6;margin-bottom:3px}.axiom-selection-chip strong{font-size:18px;letter-spacing:-.02em}
.axiom-bottom-overlay{position:absolute;z-index:5;left:0;right:0;bottom:0;padding:0 34px 30px}.axiom-v2 .view-tabs{display:flex;gap:5px;width:max-content;padding:5px;margin:0 0 14px;background:rgba(7,13,21,.66);border:1px solid rgba(195,220,244,.15);border-radius:999px;backdrop-filter:blur(14px)}.axiom-v2 .view-tabs button{min-width:112px;padding:10px 18px;border:0;border-radius:999px;background:transparent;color:#a4b2c1;font-size:12px}.axiom-v2 .view-tabs button.active{background:#eef7ff;color:#06101a;box-shadow:0 5px 18px rgba(0,0,0,.18)}
.axiom-v2 .stage-caption{padding:0;border:0;display:flex;justify-content:space-between;color:#d2dce6;font-size:12px;margin-bottom:18px}.axiom-v2 .asset-badge{border-color:rgba(190,220,246,.25);color:#a7c5df;background:rgba(8,14,22,.46)}
.axiom-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(216,233,248,.18);padding-top:18px}.axiom-specs div{padding:0 24px;border-left:1px solid rgba(216,233,248,.14)}.axiom-specs div:first-child{padding-left:0;border-left:0}.axiom-specs strong{display:block;font-size:28px;letter-spacing:-.045em}.axiom-specs span{display:block;color:#93a2b3;font-size:10px;margin-top:2px}
.axiom-v2 .image-loader{left:50%;top:50%;transform:translate(-50%,-50%);border-color:rgba(255,255,255,.12);border-top-color:#d9edff}.axiom-v2 .image-loader.show{display:block}

.axiom-v2 .panel{position:sticky;top:16px;max-height:calc(100vh - 117px);overflow:auto;overscroll-behavior:contain;background:linear-gradient(180deg,rgba(16,24,37,.98),rgba(8,13,21,.98));border:1px solid rgba(187,215,241,.14);border-radius:28px;padding:26px 24px;box-shadow:0 28px 90px rgba(0,0,0,.28);scrollbar-width:thin;scrollbar-color:rgba(184,220,255,.22) transparent}
.axiom-panel-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:2px 2px 19px}.axiom-panel-kicker{display:block;font-size:9px;letter-spacing:.18em;color:#6f86a0;font-weight:900;margin-bottom:7px}.axiom-panel-head h2{font-size:32px;line-height:1;margin:0;letter-spacing:-.045em}.axiom-live-price{text-align:right;min-width:160px}.axiom-live-price span{display:block;color:#718399;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.axiom-live-price strong{display:block;font-size:20px;margin-top:4px;letter-spacing:-.025em;white-space:nowrap}
.axiom-panel-note{padding:12px 14px;border-radius:12px;background:rgba(178,216,250,.055);border:1px solid rgba(178,216,250,.1);color:#8194a8;font-size:11px;line-height:1.45;margin-bottom:6px}
.axiom-v2 .opt{border-top:1px solid rgba(192,215,237,.12);padding:16px 0}.opt-head{display:flex;align-items:center;gap:10px;margin-bottom:11px}.opt-head>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(185,216,245,.18);color:#7490ab;font-size:8px;font-weight:900}.axiom-v2 .opt h3{font-size:13px;margin:0;color:#eef5fb;letter-spacing:.01em}.axiom-v2 .options{gap:8px}.axiom-v2 .choice{min-height:54px;border-radius:11px;border-color:rgba(183,211,238,.16);background:rgba(255,255,255,.025);padding:9px 10px;font-size:12px;color:#dfe9f2;transition:.18s ease}.axiom-v2 .choice:hover{background:rgba(184,220,255,.07);border-color:rgba(184,220,255,.26)}.axiom-v2 .choice.selected{background:linear-gradient(180deg,rgba(183,219,251,.18),rgba(128,174,214,.10));border-color:#b8dcff;box-shadow:0 0 0 1px rgba(184,220,255,.24),inset 0 0 22px rgba(146,201,247,.07)}.axiom-v2 .choice small{font-size:8px;color:#7f91a4}.axiom-v2 .swatch{width:18px;height:18px}.axiom-v2 .wheel-icon{width:29px;height:29px;border-width:3px}.axiom-v2 .option-note{font-size:9px;color:#65798d;margin-top:7px;line-height:1.45}
.axiom-v2 .pricebox{margin-top:6px;padding-top:16px;border-color:rgba(192,215,237,.14)}.axiom-summary-title{display:flex;justify-content:space-between;align-items:center}.axiom-summary-title span{font-size:8px;letter-spacing:.16em;color:#6f8499}.axiom-summary-title strong{font-size:14px}.axiom-v2 .summary{font-size:10px;line-height:1.5;color:#8fa1b3;min-height:30px}.axiom-v2 .price-actions{grid-template-columns:1fr auto}.axiom-v2 .axiom-action,.axiom-v2 .axiom-reset{border-radius:11px;padding:13px 15px;font-size:11px}.axiom-v2 .axiom-action{background:linear-gradient(135deg,#e7f5ff,#a9d5fb);color:#07111b;box-shadow:0 9px 24px rgba(105,174,232,.16)}.axiom-v2 .axiom-reset{background:rgba(255,255,255,.035);border-color:rgba(185,214,241,.15);color:#a8bacb}.axiom-v2 .save-status{font-size:10px}

@media(max-width:1500px){
  .axiom-v2 .axiom-main{padding-inline:16px}.axiom-nav-inner{width:calc(100vw - 32px)}.axiom-shell{grid-template-columns:minmax(0,1fr) 390px;gap:16px}.axiom-v2 .preview{min-height:690px}.axiom-hero-copy h1{font-size:clamp(64px,6vw,96px)}.axiom-v2 .panel{padding:22px 20px}.axiom-panel-head h2{font-size:28px}.axiom-specs strong{font-size:24px}
}
@media(max-width:1100px){
  .axiom-nav-inner{grid-template-columns:1fr auto}.axiom-v2 .axiom-nav-center{display:none}.axiom-shell{grid-template-columns:1fr}.axiom-v2 .preview{position:relative;top:auto;height:auto;min-height:650px}.axiom-v2 .panel{position:relative;top:auto;max-height:none;overflow:visible;border-radius:24px}.axiom-v2 .axiom-main{padding-top:12px}
}
@media(max-width:700px){
  .axiom-v2 .demo-bar{font-size:7px;letter-spacing:.12em}.axiom-v2 .axiom-nav{height:60px}.axiom-nav-inner{width:calc(100vw - 22px)}.axiom-v2 .nav-links{font-size:10px}.axiom-v2 .axiom-main{padding-inline:8px}.axiom-shell{gap:10px}.axiom-v2 .preview{min-height:520px;border-radius:20px}.axiom-hero-copy{left:20px;top:24px;right:20px}.axiom-kicker{font-size:8px;margin-bottom:8px}.axiom-hero-copy h1{font-size:54px}.axiom-hero-copy p{font-size:12px;max-width:310px;margin-top:12px}.axiom-selection-chip{right:14px;top:146px;min-width:0;padding:9px 11px}.axiom-selection-chip span{font-size:6px}.axiom-selection-chip strong{font-size:13px}.axiom-bottom-overlay{padding:0 16px 16px}.axiom-v2 .view-tabs{margin-bottom:10px}.axiom-v2 .view-tabs button{min-width:86px;padding:7px 12px;font-size:10px}.axiom-v2 .stage-caption{font-size:9px;margin-bottom:12px}.axiom-v2 .asset-badge{display:none}.axiom-specs{grid-template-columns:repeat(4,1fr);padding-top:12px}.axiom-specs div{padding:0 8px}.axiom-specs strong{font-size:17px}.axiom-specs span{font-size:7px}.axiom-v2 .panel{padding:18px 14px}.axiom-panel-head{display:block}.axiom-live-price{text-align:left;margin-top:11px}.axiom-live-price strong{font-size:21px}.axiom-v2 .options.three{grid-template-columns:repeat(3,minmax(0,1fr))}.axiom-v2 .choice{font-size:10px;min-height:48px}.axiom-v2 .price-actions{grid-template-columns:1fr 1fr}
}
@media(max-width:460px){
  .axiom-v2 .brand>span:last-child{max-width:165px}.axiom-v2 .nav-links a{font-size:0}.axiom-v2 .nav-links a:after{content:'← Projektek';font-size:10px}.axiom-v2 .preview{min-height:450px}.axiom-hero-copy h1{font-size:46px}.axiom-hero-copy p{display:none}.axiom-selection-chip{top:110px}.axiom-specs strong{font-size:14px}.axiom-specs span{font-size:6px}.axiom-v2 .options.three{grid-template-columns:1fr 1fr 1fr}.axiom-v2 .options{grid-template-columns:1fr 1fr}.axiom-v2 .choice{padding:7px 5px;min-height:46px}.axiom-v2 .choice small{font-size:7px}.axiom-v2 .price-actions{grid-template-columns:1fr}.axiom-v2 .axiom-reset{padding:10px}
}


/* AXIOM GT – Site sync / 1.9.24 */
.axiom-site-sync{
  --ax-bg:#101a28;
  --ax-panel:#17212e;
  --ax-line:#394b60;
  --ax-line-soft:rgba(135,159,184,.28);
  --ax-text:#f4f7fb;
  --ax-muted:#a9b8c8;
  --ax-accent:#b9ddff;
  margin:0;
  min-height:100vh;
  background:var(--ax-bg);
  color:var(--ax-text);
}
.axiom-site-sync .axiom-site-layout{
  width:100%;
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,440px);
  align-items:start;
  background:var(--ax-bg);
}
.axiom-site-sync .axiom-visual{
  position:sticky;
  top:0;
  height:auto;
  min-height:0;
  min-width:0;
  padding:28px;
  display:flex;
  flex-direction:column;
  border-right:1px solid rgba(127,151,176,.15);
  background:#101a28;
  overflow:hidden;
}
.axiom-site-sync .axiom-visual-head{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:16px;
  min-height:24px;
  color:#e8eef6;
  font-size:13px;
  font-weight:760;
  letter-spacing:.015em;
}
.axiom-site-sync .axiom-visual-head>span{justify-self:start}
.axiom-site-sync .axiom-visual-head>strong{
  justify-self:end;
  color:#bfdfff;
  font-size:12px;
  letter-spacing:.14em;
  font-weight:760;
}
.axiom-site-sync .axiom-site-tabs{
  display:flex;
  width:max-content;
  gap:8px;
  margin:16px 0 0;
  padding:0;
  border:0;
  background:transparent;
}
.axiom-site-sync .axiom-site-tabs button{
  min-width:112px;
  height:42px;
  padding:0 18px;
  border:1px solid #506277;
  border-radius:0;
  background:transparent;
  color:#c8d3df;
  font-size:13px;
  font-weight:760;
}
.axiom-site-sync .axiom-site-tabs button.active{
  background:#bfdfff;
  color:#142131;
  border-color:#bfdfff;
}
.axiom-site-sync .axiom-site-stage{
  position:relative;
  flex:0 0 auto;
  min-height:0;
  width:100%;
  margin:24px 0 16px;
  display:grid;
  place-items:center;
  background:transparent;
  overflow:hidden;
  aspect-ratio:16 / 9;
}
.axiom-site-sync .axiom-site-stage img{
  width:100%;
  max-height:none;
  height:100%;
  object-fit:contain;
  object-position:center;
  display:block;
  filter:none!important;
  transform:none!important;
  border-radius:0;
  box-shadow:none;
  transition:opacity .16s ease;
}
.axiom-site-sync .axiom-site-stage img.is-loading{opacity:.56}
.axiom-site-sync .image-loader{
  position:absolute;
  left:50%;
  top:50%;
  width:34px;
  height:34px;
  margin:-17px 0 0 -17px;
  border:3px solid rgba(255,255,255,.16);
  border-top-color:#bfdfff;
  border-radius:50%;
  animation:spin .8s linear infinite;
  display:none;
  z-index:2;
}
.axiom-site-sync .image-loader.show{display:block}
.axiom-site-sync .axiom-visual-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:24px;
  color:#8195aa;
  font-size:11px;
}
.axiom-site-sync .axiom-visual-foot a{
  color:#9fbfe0;
  font-weight:700;
  white-space:nowrap;
}
.axiom-site-sync .axiom-site-panel{
  position:relative;
  top:auto;
  width:100%;
  min-height:0;
  min-width:0;
  max-height:none;
  overflow:visible;
  margin:0;
  padding:30px 24px 36px;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:#17212e;
}
.axiom-site-sync .axiom-site-panel-head{
  padding:0 0 26px;
  border-bottom:1px solid #3b4c60;
}
.axiom-site-sync .axiom-site-panel-head>span{
  display:block;
  margin-bottom:15px;
  color:#79bfff;
  font-size:12px;
  line-height:1;
  letter-spacing:.17em;
  font-weight:850;
}
.axiom-site-sync .axiom-site-panel-head h1{
  margin:0;
  color:#f8fafc;
  font-size:clamp(42px,3.2vw,52px);
  line-height:1.03;
  letter-spacing:-.055em;
  font-weight:800;
}
.axiom-site-sync .opt{
  padding:17px 0 18px;
  border-top:0;
  border-bottom:1px solid #3b4c60;
}
.axiom-site-sync .opt h2{
  margin:0 0 12px;
  color:#f6f8fb;
  font-size:15px;
  line-height:1.2;
  font-weight:800;
}
.axiom-site-sync .options{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.axiom-site-sync .options.three{display:flex}
.axiom-site-sync .choice{
  width:auto;
  min-width:108px;
  min-height:46px;
  padding:9px 13px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid #465a70;
  border-radius:0;
  background:#202c3a;
  color:#f4f7fb;
  font-size:13px;
  line-height:1.2;
  font-weight:800;
  text-align:center;
  box-shadow:none;
}
.axiom-site-sync .choice>span{
  display:grid;
  gap:4px;
}
.axiom-site-sync .choice small{
  color:#9bc9f3;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}
.axiom-site-sync .choice:hover{
  background:#263443;
  border-color:#6d849b;
}
.axiom-site-sync .choice.selected{
  background:#243447;
  color:#fff;
  border-color:#a8d7ff;
  box-shadow:inset 0 0 0 1px #a8d7ff;
}
.axiom-site-sync .swatch{
  width:17px;
  height:17px;
  flex:0 0 17px;
  border:1px solid rgba(255,255,255,.8);
  border-radius:50%;
}
.axiom-site-sync .swatch.midnight{background:#1f426d}
.axiom-site-sync .swatch.silver{background:#c7d4df}
.axiom-site-sync .swatch.copper{background:#a86e51}
.axiom-site-sync .seat-graphite{background:#3b444b}
.axiom-site-sync .seat-ivory{background:#e8e1d2}
.axiom-site-sync .seat-cognac{background:#a9653c}
.axiom-site-sync .ambient-ice{background:#36aee7;box-shadow:none}
.axiom-site-sync .ambient-violet{background:#9c63e9;box-shadow:none}
.axiom-site-sync .ambient-amber{background:#f2a140;box-shadow:none}
.axiom-site-sync .axiom-site-pricebox{
  margin:0;
  padding:24px 0 0;
  border:0;
}
.axiom-site-sync .axiom-site-pricebox>span{
  display:block;
  color:#b4c4d5;
  font-size:13px;
  margin-bottom:5px;
}
.axiom-site-sync .axiom-site-pricebox>strong{
  display:block;
  color:#fff;
  font-size:39px;
  line-height:1.05;
  letter-spacing:-.05em;
  font-weight:800;
}
.axiom-site-sync .summary{
  margin-top:10px;
  min-height:18px;
  color:#8297ac;
  font-size:11px;
  line-height:1.45;
}
.axiom-site-sync .price-actions{
  display:flex;
  gap:8px;
  margin-top:16px;
}
.axiom-site-sync .axiom-action,
.axiom-site-sync .axiom-reset{
  min-height:42px;
  padding:10px 15px;
  border-radius:0;
  font-size:11px;
  font-weight:850;
}
.axiom-site-sync .axiom-action{
  border:1px solid #b8dcff;
  background:#b8dcff;
  color:#11202f;
}
.axiom-site-sync .axiom-reset{
  border:1px solid #465a70;
  background:#202c3a;
  color:#d8e3ed;
}
.axiom-site-sync .save-status{
  min-height:18px;
  margin-top:7px;
  color:#9ad9b5;
  font-size:10px;
}

@media(max-width:1180px){
  .axiom-site-sync .axiom-site-layout{grid-template-columns:minmax(0,1fr) 390px}
  .axiom-site-sync .axiom-visual{padding-inline:22px}
  .axiom-site-sync .axiom-site-panel{padding:30px 22px 36px}
  .axiom-site-sync .axiom-site-stage img{width:100%}
}
@media(max-width:900px){
  .axiom-site-sync .axiom-site-layout{display:block}
  .axiom-site-sync .axiom-visual{
    position:relative;
    height:auto;
    min-height:0;
    padding:24px 22px 18px;
    border-right:0;
    border-bottom:1px solid rgba(127,151,176,.22);
  }
  .axiom-site-sync .axiom-visual-head{grid-template-columns:1fr auto}
  .axiom-site-sync .axiom-visual-head>strong{justify-self:end}
  .axiom-site-sync .axiom-site-tabs{margin-top:15px}
  .axiom-site-sync .axiom-site-stage{margin:18px 0 12px;min-height:0}
  .axiom-site-sync .axiom-site-stage img{width:100%;height:100%;max-height:none}
  .axiom-site-sync .axiom-site-panel{min-height:0;padding:36px 24px 48px}
  .axiom-site-sync .axiom-site-panel-head h1{font-size:42px}
}
@media(max-width:560px){
  .axiom-site-sync .axiom-visual{padding:18px 14px 14px}
  .axiom-site-sync .axiom-visual-head{font-size:11px}
  .axiom-site-sync .axiom-visual-head>strong{font-size:10px}
  .axiom-site-sync .axiom-site-tabs{width:100%}
  .axiom-site-sync .axiom-site-tabs button{flex:1 1 50%;min-width:0;height:40px;padding-inline:10px;font-size:12px}
  .axiom-site-sync .axiom-site-stage{min-height:0;margin-top:12px}
  .axiom-site-sync .axiom-visual-foot{font-size:9px;align-items:flex-start}
  .axiom-site-sync .axiom-visual-foot a{font-size:0}
  .axiom-site-sync .axiom-visual-foot a:after{content:'← Projektek';font-size:9px}
  .axiom-site-sync .axiom-site-panel{padding:30px 14px 42px}
  .axiom-site-sync .axiom-site-panel-head{padding-bottom:22px}
  .axiom-site-sync .axiom-site-panel-head>span{font-size:10px;margin-bottom:11px}
  .axiom-site-sync .axiom-site-panel-head h1{font-size:36px}
  .axiom-site-sync .opt{padding-block:16px}
  .axiom-site-sync .options,
  .axiom-site-sync .options.three{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .axiom-site-sync .options.three .choice:last-child:nth-child(odd){grid-column:auto}
  .axiom-site-sync .choice{width:100%;min-width:0;min-height:47px;padding:8px 7px;font-size:11px}
  .axiom-site-sync .choice>span{display:grid;gap:1px}
  .axiom-site-sync .choice small{font-size:8px}
  .axiom-site-sync .axiom-site-pricebox>strong{font-size:34px}
  .axiom-site-sync .price-actions{display:grid;grid-template-columns:1fr 1fr}
}
@media(max-width:380px){
  .axiom-site-sync .options,
  .axiom-site-sync .options.three{grid-template-columns:1fr}
  .axiom-site-sync .price-actions{grid-template-columns:1fr}
}

/* Keep both preview and controls inside their grid tracks. */
.axiom-site-sync .axiom-site-layout>*{min-width:0}
.axiom-site-sync .choice{flex:1 1 120px;min-width:0}
.axiom-site-sync .price-actions>*{min-width:0;white-space:normal}
.axiom-site-sync .axiom-visual-foot>span{overflow-wrap:anywhere}
.axiom-site-sync button:focus-visible{outline:3px solid #b9ddff;outline-offset:3px}