:root{--ink:#151515;--muted:#6f6a61;--line:#eee6dc;--brand:#f39023;--brand2:#111;--paper:#fbf7ef;--green:#16a34a;--shadow:0 22px 70px rgba(20,16,12,.13)}
*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}
[hidden]{display:none!important}
.top{background:#111;color:#fff;text-align:center;padding:9px 16px;font-size:13px;font-weight:800}.top span{color:var(--brand)}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{max-width:1220px;margin:auto;min-height:72px;padding:0 22px;display:flex;align-items:center;gap:16px}.logo img{width:158px}.links{display:flex;align-items:center;gap:4px;flex:1}.links a{padding:10px 11px;border-radius:9px;font-size:14px;font-weight:800;color:#444}.links a.active,.links a:hover{background:#f5eee4;color:#111}.actions{display:flex;gap:8px;align-items:center}.menu,.hamb{display:none}.btn,.btn-dark,.btn-soft,.icon{border:0;border-radius:11px;font-weight:900}.btn,.btn-dark,.btn-soft{min-height:42px;padding:0 16px}.btn{background:var(--brand);color:#fff}.btn-dark{background:#111;color:#fff}.btn-soft{background:#f4eee5;color:#111}.icon{width:42px;height:42px;background:#fff;border:1px solid var(--line)}
.hero{position:relative;min-height:650px;overflow:hidden;color:#fff}.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.03);transition:.6s ease}.slide.active{opacity:1;transform:scale(1)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.34) 52%,rgba(0,0,0,.06));z-index:1}.hero-inner{position:relative;z-index:2;max-width:1220px;margin:auto;padding:94px 22px 50px}.eyebrow{color:#ffd4a3;font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.hero h1{font-size:clamp(42px,6vw,78px);line-height:.95;margin:0;max-width:720px}.hero p{font-size:18px;line-height:1.7;color:rgba(255,255,255,.84);max-width:610px}
.quick-builder{margin-top:30px;background:rgba(255,255,255,.95);box-shadow:var(--shadow);border-radius:18px;padding:12px;display:grid;grid-template-columns:repeat(3,1fr) auto;gap:10px;max-width:1000px}.quick-builder select{height:50px;border:1px solid var(--line);border-radius:11px;padding:0 13px;background:#fff}.dots{display:flex;gap:8px;margin-top:24px}.dots button{width:36px;height:5px;border:0;border-radius:99px;background:rgba(255,255,255,.32)}.dots button.active{background:var(--brand)}
.hero h1{
  background:linear-gradient(100deg,#fff 0%,#fff 34%,#ffd1a0 48%,#fff 62%,#fff 100%);
  background-size:230% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:hero-title-shine 4.8s ease-in-out infinite;
}

/* Final admin, AI assistant and builder polish */
.admin-save-status{
  max-width:1220px;
  margin:0 auto 16px;
  padding:14px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border:1px solid #e8ded3;
  border-radius:16px;
  background:#fff;
  box-shadow:0 14px 34px rgba(20,16,12,.06);
}
.admin-save-status b{display:block;font-size:13px;color:#111}
.admin-save-status span{display:block;margin-top:3px;color:#6b6258;font-size:13px;line-height:1.45}
.admin-status-actions{display:flex;gap:8px;flex-wrap:wrap}
.admin-save-status[data-state="saving"]{border-color:#f4bc7c;background:#fff8ef}
.admin-save-status[data-state="ok"]{border-color:#9ee6b3;background:#f3fff6}
.admin-save-status[data-state="error"]{border-color:#ffb3a9;background:#fff5f3}
.admin-save-status button[disabled]{opacity:.65;cursor:wait;transform:none!important}

#aiChat{right:18px!important;bottom:18px!important}
#aiChat .chat-launch{
  width:58px!important;
  height:58px!important;
  border:1px solid rgba(255,145,42,.42)!important;
  border-radius:19px!important;
  background:linear-gradient(145deg,#ff9a32,#f47813)!important;
  box-shadow:0 18px 42px rgba(255,128,22,.28),0 8px 24px rgba(0,0,0,.18)!important;
}
#aiChat .chat-mark{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:#fff!important;
  background:rgba(255,255,255,.18);
}
#aiChat .chat-panel{
  width:min(430px,calc(100vw - 24px))!important;
  border:1px solid #292a31!important;
  border-radius:0!important;
  background:#0b0b0f!important;
  color:#f6f4ef!important;
  box-shadow:0 30px 90px rgba(0,0,0,.36)!important;
}
#aiChat .chat-head{
  align-items:center!important;
  justify-content:flex-start!important;
  padding:14px 12px!important;
  background:#101015!important;
  border-bottom:1px solid #202127!important;
}
#aiChat .chat-avatar,
#aiChat .chat-mini{
  flex:0 0 auto;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:linear-gradient(145deg,#ff9a32,#f47813);
  color:#fff;
  font-weight:900;
}
#aiChat .chat-title{flex:1}
#aiChat .chat-head b{font-size:17px;color:#fff;margin:0}
#aiChat .chat-head span{color:#aaa;font-weight:700}
#aiChat .chat-close{margin-left:auto;background:#1d1e24!important;border-color:#363842!important;color:#d8d8dc!important}
#aiChat .chat-body{
  max-height:430px!important;
  padding:16px 12px 18px!important;
  background:
    radial-gradient(circle at 26% 80%,rgba(255,145,42,.18) 0 2px,transparent 3px),
    radial-gradient(circle at 78% 35%,rgba(255,145,42,.14) 0 2px,transparent 3px),
    #09090d!important;
}
#aiChat .chat-row{display:flex;gap:10px;align-items:flex-start}
#aiChat .chat-row.user{justify-content:flex-end}
#aiChat .chat-msg{
  max-width:86%!important;
  padding:14px 15px!important;
  border-radius:14px!important;
  font-size:14px!important;
  line-height:1.65!important;
}
#aiChat .chat-msg b{font-size:15px!important;color:#f7f3ef!important}
#aiChat .chat-msg span{color:#d1ced0!important}
#aiChat .chat-msg.bot{background:#242429!important;border:1px solid #3a3a42!important}
#aiChat .chat-msg.user{background:linear-gradient(145deg,#ff9a32,#f47813)!important;color:#fff!important}
#aiChat .chat-quick{
  display:grid!important;
  gap:8px!important;
  padding:0 12px 14px!important;
  border:0!important;
  background:#09090d!important;
}
#aiChat .chat-quick button{
  width:100%!important;
  min-height:42px!important;
  padding:0 13px!important;
  border:1px solid #303139!important;
  border-radius:10px!important;
  background:#16161b!important;
  color:#aaa!important;
  text-align:left!important;
  font-weight:750!important;
}
#aiChat .chat-quick button:hover{border-color:#ff9142!important;color:#fff!important;background:#202028!important}
#aiChat .chat-form{
  padding:12px 8px!important;
  gap:8px!important;
  border-top:1px solid #202127!important;
  background:#101015!important;
}
#aiChat .chat-form input{
  min-height:48px!important;
  border:1px solid #383943!important;
  border-radius:14px!important;
  background:#1a1a20!important;
  color:#fff!important;
}
#aiChat .chat-form button{
  width:48px!important;
  min-height:48px!important;
  padding:0!important;
  border-radius:14px!important;
}

.model-tile .model-svg{
  width:154px!important;
  height:70px!important;
  color:#101010!important;
  filter:drop-shadow(0 4px 2px rgba(0,0,0,.08));
}
.model-tile b{font-size:13px!important}

.pb-color-preview,
body[data-page="builder"] .final-preview{
  background:#eaf0f7!important;
  border-color:#dce4ee!important;
  overflow:hidden!important;
}
.pb-color-preview img.pb-real-preview,
.real-mat-stage img.builder-set-preview{
  width:96%!important;
  height:96%!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:contrast(1.08) saturate(1.08) drop-shadow(0 18px 24px rgba(30,36,44,.13))!important;
  image-rendering:auto!important;
}
body[data-page="home"] .pb-color-preview img.pb-real-preview{
  width:94%!important;
  height:94%!important;
}

@media(max-width:720px){
  .admin-save-status{align-items:flex-start;flex-direction:column}
  .admin-status-actions{width:100%}
  .admin-status-actions button{flex:1}
  #aiChat .chat-panel{right:-6px!important}
}
@keyframes hero-title-shine{
  0%,30%{background-position:110% 0;transform:translateY(0)}
  52%{transform:translateY(-2px)}
  72%,100%{background-position:-75% 0;transform:translateY(0)}
}
.section{max-width:1220px;margin:auto;padding:64px 22px}.head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.head h2,.section h2{font-size:clamp(28px,4vw,44px);line-height:1.05;margin:0}.muted,.head p{color:var(--muted);line-height:1.7}.grid{display:grid;gap:18px}.products{grid-template-columns:repeat(4,minmax(0,1fr))}.features{grid-template-columns:repeat(3,minmax(0,1fr))}.card{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 12px 36px rgba(20,16,12,.06)}.photo{aspect-ratio:1/.78;background:#f4eee6;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;transition:.25s}.card:hover .photo img{transform:scale(1.04)}.body{padding:16px}.tag{color:var(--brand);font-size:12px;font-weight:950}.price{font-size:22px;font-weight:950;margin:12px 0}.stock{font-size:13px;color:var(--green);font-weight:900}
.feature{padding:24px;border:1px solid var(--line);background:var(--paper);border-radius:14px}.feature b{display:block;margin-bottom:8px}.band{background:#111;color:#fff}.band .section{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}
.builder{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.panel{border:1px solid var(--line);border-radius:16px;background:#fff;padding:22px;box-shadow:0 10px 35px rgba(20,16,12,.05)}.builder-preview{position:sticky;top:82px;background:#fff;color:var(--ink);padding:14px}.mat{height:290px;border-radius:28px;background:#111;box-shadow:inset 0 0 0 14px var(--edge,#6b4a34),inset 0 0 0 28px rgba(255,255,255,.04);display:grid;place-items:center;margin:18px 0}.mat:before{content:"PB";font-size:48px;font-weight:950;color:rgba(255,255,255,.18)}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.swatch{border:2px solid transparent;border-radius:12px;padding:8px;background:#fff;text-align:left}.swatch.active{border-color:var(--brand)}.swatch img{height:34px;width:100%;object-fit:cover;border-radius:8px}.option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.form{display:grid;gap:12px}.form input,.form select,.form textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:13px;background:#fff}.form textarea{min-height:110px}.two{grid-template-columns:1fr 1fr}.support-list{grid-template-columns:repeat(2,1fr)}
.footer{background:#0f0e0c;color:rgba(255,255,255,.54);padding:60px 22px 0}.foot{max-width:1220px;margin:auto}.foot-grid{display:grid;grid-template-columns:1.7fr repeat(4,1fr);gap:32px;padding-bottom:42px;border-bottom:1px solid rgba(255,255,255,.08)}.foot b,.foot h4{color:#fff}.foot a{display:block;padding:5px 0}.copy{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px 0;font-size:12px;color:rgba(255,255,255,.28)}
.footer-brand{
  position:relative;
  min-height:180px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  overflow:hidden;
  padding:8px 0;
}
.footer-glow{
  position:absolute;
  left:-36px;
  top:10px;
  width:176px;
  height:176px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(243,144,35,.23),rgba(243,144,35,0) 68%);
  animation:footer-glow 4.8s ease-in-out infinite alternate;
  pointer-events:none;
}
.footer-slogan{
  position:relative;
  max-width:360px;
  font-size:clamp(31px,3.6vw,54px);
  line-height:.94;
  font-weight:950;
  color:#fff;
  letter-spacing:0;
  background:linear-gradient(100deg,#fff 0%,#fff 32%,#f39023 47%,#fff 62%,#fff 100%);
  background-size:230% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:footer-shine 4.2s ease-in-out infinite;
}
.footer-line{
  position:relative;
  width:190px;
  height:4px;
  margin:18px 0 20px;
  border-radius:999px;
  background:rgba(255,255,255,.11);
  overflow:hidden;
}
.footer-line:before{
  content:"";
  display:block;
  width:42%;
  height:100%;
  border-radius:inherit;
  background:#f39023;
  animation:footer-line 1.8s ease-in-out infinite;
}
.footer-brand p{
  position:relative;
  max-width:390px;
  margin:0;
  line-height:1.45;
}
@keyframes footer-shine{
  0%,28%{background-position:110% 0}
  64%,100%{background-position:-75% 0}
}
@keyframes footer-glow{
  to{transform:translate(24px,-8px) scale(1.08);opacity:.72}
}
@keyframes footer-line{
  0%{transform:translateX(-115%)}
  100%{transform:translateX(255%)}
}
.float{position:fixed;left:16px;top:43%;z-index:60;display:grid;gap:8px}.float a{width:42px;height:42px;border-radius:99px;display:grid;place-items:center;color:#fff;background:#111;box-shadow:var(--shadow);font-weight:950}.float .wa{background:#25d366}
.drawer,.modal{position:fixed;inset:0;z-index:90;pointer-events:none;visibility:hidden}.shade{position:absolute;inset:0;background:rgba(0,0,0,.48);opacity:0;transition:.2s}.drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(430px,92vw);background:#fff;padding:22px;overflow:auto;transform:translateX(105%);transition:.25s;box-shadow:-24px 0 70px rgba(0,0,0,.18)}.modal-card{width:min(450px,92vw);margin:9vh auto;background:#fff;border-radius:16px;padding:24px;position:relative;opacity:0;transform:translateY(14px);transition:.2s}.open{pointer-events:auto;visibility:visible}.open .shade{opacity:1}.open .drawer-panel{transform:translateX(0)}.open .modal-card{opacity:1;transform:translateY(0)}.close{float:right;border:0;background:#f4eee5;border-radius:8px;width:34px;height:34px}.cart-line{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.cart-line img{width:58px;height:58px;object-fit:cover;border-radius:10px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,18px);background:#111;color:#fff;border-radius:99px;padding:12px 16px;opacity:0;z-index:100;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:980px){.menu,.hamb{display:block}.links{position:fixed;left:0;right:0;top:72px;background:#fff;border-bottom:1px solid var(--line);padding:14px 22px;display:none;flex-direction:column;align-items:stretch}.links.open{display:flex}.quick-builder,.builder,.products,.features,.band .section,.two,.support-list,.foot-grid{grid-template-columns:1fr}.actions .btn{display:none}.hero{min-height:690px}.builder-preview{position:static}.choice-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.section{padding:46px 16px}.nav{padding:0 14px}.logo img{width:132px}.float{top:auto;bottom:84px}.head{display:block}.hero-inner{padding-left:16px;padding-right:16px}}

.card-actions{display:grid;grid-template-columns:1fr auto;gap:8px}
.product-tools{display:flex;gap:10px;align-items:center}
.product-tools input,.product-tools select{height:42px;border:1px solid var(--line);border-radius:11px;padding:0 12px;background:#fff}
.mat{position:relative;overflow:hidden}
.mat:before{position:absolute}
.mat img{max-width:110px;max-height:78px;filter:brightness(0) invert(1);opacity:.82;position:relative;z-index:1}
.detail{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.detail img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;background:#f4eee6}
.detail .btn,.detail .btn-soft{margin-right:8px;margin-top:8px}

@media(max-width:980px){
  .detail{grid-template-columns:1fr}
  .product-tools{width:100%;display:grid;grid-template-columns:1fr}
}

.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}
.auth-tabs button{border:1px solid var(--line);border-radius:10px;background:#f7f1e8;min-height:40px;font-weight:900}
.auth-tabs button.active{background:#111;color:#fff;border-color:#111}
.auth-pane[hidden]{display:none}
.locked-profile{display:grid;gap:10px}
.profile-line{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.profile-line span{color:var(--muted);font-weight:800}
.profile-line b{font-weight:900}
.locked-note{background:#fff7e8;border:1px solid #f4d6aa;color:#7a4a0a;border-radius:12px;padding:12px 14px;font-weight:800;margin:8px 0}
.site-loader{position:fixed;inset:0;z-index:999;background:radial-gradient(circle at 50% 34%,rgba(243,144,35,.25),transparent 34%),linear-gradient(135deg,#0f0e0c,#19130d 55%,#090807);display:grid;place-items:center;color:#fff;transition:opacity .45s ease,visibility .45s ease}
.site-loader-inner{position:relative;display:grid;gap:14px;justify-items:center;text-align:center;padding:34px 28px;min-width:min(420px,86vw)}
.site-loader-orbit{position:absolute;inset:0;margin:auto;width:260px;height:260px;border-radius:50%;border:1px solid rgba(243,144,35,.22);box-shadow:0 0 80px rgba(243,144,35,.20);animation:loader-orbit 2.8s linear infinite}
.site-loader-orbit:before{content:"";position:absolute;top:23px;left:50%;width:12px;height:12px;border-radius:50%;background:#f39023;box-shadow:0 0 22px rgba(243,144,35,.75)}
.site-loader-logo{position:relative;z-index:1;width:min(230px,58vw);max-height:110px;object-fit:contain;filter:drop-shadow(0 20px 38px rgba(0,0,0,.38));animation:loader-pop 1.4s ease infinite alternate}
.site-loader-title{position:relative;z-index:1;font-size:clamp(28px,5vw,54px);font-weight:950;line-height:1.02;color:#fff;text-shadow:0 16px 46px rgba(0,0,0,.55)}
.site-loader-sub{position:relative;z-index:1;color:#f6d6ad;font-weight:800;font-size:14px;letter-spacing:.4px}
.site-loader-line{position:relative;z-index:1;width:min(260px,64vw);height:5px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}
.site-loader-line:before{content:"";display:block;width:42%;height:100%;background:linear-gradient(90deg,#f39023,#ffd19a);border-radius:inherit;animation:loader-line 1.15s ease-in-out infinite}
body.site-ready .site-loader{opacity:0;visibility:hidden}
@keyframes loader-pop{to{transform:translateY(-5px) scale(1.04)}}
@keyframes loader-line{0%{transform:translateX(-110%)}100%{transform:translateX(250%)}}
@keyframes loader-orbit{to{transform:rotate(360deg)}}

@media(max-width:560px){
  .profile-line{grid-template-columns:1fr}
}

.builder .panel{border-color:#eadfce;background:linear-gradient(180deg,#fff,#fffdf9);box-shadow:0 14px 44px rgba(24,18,12,.07)}
.builder .panel h3{display:flex;align-items:center;gap:10px;margin-top:0;margin-bottom:18px;font-size:23px}
.builder .panel h3:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 6px rgba(243,144,35,.13)}
.builder-preview h3{font-size:18px;margin-bottom:10px}
.builder-preview #summary{display:grid;gap:8px}
.builder-preview #summary p{margin:0}
.builder-preview #summary small{color:#756b60;font-weight:800;line-height:1.45}
.summary-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border:1px solid #eadfce;
  border-radius:12px;
  background:#fffaf4;
}
.summary-line b{font-size:15px}
.summary-line span{font-size:18px;font-weight:950;color:var(--brand)}
.summary-tags{display:flex;flex-wrap:wrap;gap:7px}
.summary-tags span{
  padding:7px 9px;
  border-radius:999px;
  background:#f5eee4;
  color:#463d34;
  font-size:12px;
  font-weight:950;
}
.builder-preview .btn,.builder-preview .btn-soft{
  width:100%;
  min-height:40px;
  margin-top:10px;
}
.builder-preview .btn-soft{margin-top:8px}
.builder select,.builder input,.builder textarea,.product-tools input,.product-tools select{
  width:100%;
  height:52px;
  border:1.5px solid #e4d8c8;
  border-radius:14px;
  background:#fffaf4;
  color:#151515;
  padding:0 44px 0 15px;
  font-size:15px;
  font-weight:800;
  outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 24px rgba(30,20,10,.04);
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.builder select{
  appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,#7a6a58 50%),linear-gradient(135deg,#7a6a58 50%,transparent 50%);
  background-position:calc(100% - 22px) 22px,calc(100% - 16px) 22px;
  background-size:6px 6px,6px 6px;
  background-repeat:no-repeat;
}
.builder select:focus,.product-tools input:focus,.product-tools select:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(243,144,35,.14)}
.builder select:disabled{opacity:.7;background-color:#f4f0eb;color:#948a7e}
.builder .two{gap:14px}
.pkg{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:10px;
  min-height:98px;
  border:1.5px solid #eadfce;
  border-radius:16px;
  padding:18px 20px;
  text-align:left;
  background:#fff;
  box-shadow:0 10px 28px rgba(20,16,12,.05);
  position:relative;
  overflow:hidden;
}
.pkg:after{content:"Seç";grid-row:1/4;grid-column:2;border-radius:999px;background:#f5eee4;color:#7b4a10;padding:8px 12px;font-size:12px;font-weight:950}
.pkg b{font-size:20px}
.pkg .muted{font-size:14px}
.pkg.active{border-color:var(--brand);background:linear-gradient(135deg,#fff7eb,#fff);box-shadow:0 16px 44px rgba(243,144,35,.16)}
.pkg.active:after{content:"Seçildi";background:var(--brand);color:#fff}
.choice-grid .swatch{min-height:92px;box-shadow:0 8px 22px rgba(20,16,12,.04)}
.choice-grid .swatch b{display:block;margin-top:8px}
.builder,.builder>*{min-width:0}
.option-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.option{
  position:relative;
  min-height:86px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:14px;
  border:1.5px solid #eadfce;
  border-radius:16px;
  background:linear-gradient(180deg,#fff,#fffaf4);
  box-shadow:0 10px 24px rgba(20,16,12,.05);
  overflow:hidden;
}
.option input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.option-copy{
  min-width:0;
  display:grid;
  gap:5px;
}
.option-copy b{
  font-size:17px;
  line-height:1.15;
  overflow-wrap:anywhere;
}
.option-copy small{
  color:#7a6a58;
  font-weight:900;
}
.option-check{
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:2px solid #e4d8c8;
  background:#fff;
  box-shadow:inset 0 1px 2px rgba(20,16,12,.08);
}
.option-check:before{
  content:"";
  width:16px;
  height:16px;
  border-radius:50%;
  transform:scale(0);
  background:#fff;
  box-shadow:0 0 0 5px rgba(255,255,255,.35);
  transition:transform .16s ease;
}
.option.active{
  border-color:var(--brand);
  background:linear-gradient(135deg,#fff7ea,#fff);
  box-shadow:0 16px 38px rgba(243,144,35,.15);
}
.option.active .option-check{
  border-color:var(--brand);
  background:linear-gradient(180deg,#ffb35b,#f39023);
}
.option.active .option-check:before{
  transform:scale(1);
}
.mat-stage{
  height:250px;
  border-radius:20px;
  background:
    radial-gradient(circle at 50% 24%,rgba(255,255,255,.86),transparent 38%),
    linear-gradient(180deg,#fffaf4 0%,#f2eadf 100%);
  position:relative;
  margin:10px 0 14px;
  overflow:hidden;
  border:1px solid rgba(226,210,188,.86);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 18px 46px rgba(83,54,25,.12);
}
.mat-stage:before{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:17px;
  background:
    linear-gradient(90deg,transparent 49%,rgba(120,80,40,.10) 50%,transparent 51%),
    radial-gradient(ellipse at 50% 108%,rgba(101,64,30,.18),transparent 55%);
  pointer-events:none;
}
.mat-piece{
  position:absolute;
  border:8px solid var(--edge,#3a2417);
  background:#171717;
  background-size:cover;
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.10),
    inset 0 -16px 28px rgba(0,0,0,.20),
    0 12px 28px rgba(56,37,21,.20);
}
.mat-piece:before{content:"";position:absolute;inset:10px;border-radius:inherit;background:repeating-linear-gradient(45deg,rgba(255,255,255,.10) 0 2px,transparent 2px 11px);opacity:.18}
.mat-piece:after{content:"";position:absolute;inset:-9px;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 42%,rgba(0,0,0,.18));pointer-events:none}
.mat-piece.driver{left:42px;top:30px;width:104px;height:142px;border-radius:30px 28px 24px 38px;transform:rotate(-2deg)}
.mat-piece.passenger{right:42px;top:30px;width:104px;height:142px;border-radius:28px 30px 38px 24px;transform:rotate(2deg)}
.mat-piece.rear-left{left:74px;bottom:28px;width:78px;height:56px;border-radius:22px 18px 24px 18px;transform:rotate(1deg)}
.mat-piece.rear-right{right:74px;bottom:28px;width:78px;height:56px;border-radius:18px 22px 18px 24px;transform:rotate(-1deg)}
.mat-piece.driver span,.mat-piece.passenger span{position:absolute;left:22px;right:22px;bottom:22px;height:25px;border-radius:9px;background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,.08));box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.mat-stage #brandLogo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:68px;max-height:50px;filter:brightness(0) invert(1);opacity:.58;z-index:3}
.btn,.btn-dark,.btn-soft,.icon{
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease;
}
.btn:hover,.btn-dark:hover,.btn-soft:hover,.icon:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(20,16,12,.14)}
.btn:active,.btn-dark:active,.btn-soft:active,.icon:active{transform:translateY(0)}
.btn-big{display:inline-flex;align-items:center;justify-content:center;margin-right:8px;margin-bottom:10px}
.hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 4px}

@media(max-width:560px){
  .mat-stage{height:224px}
  .mat-piece.driver{left:24px;top:28px;width:92px;height:122px}
  .mat-piece.passenger{right:24px;top:28px;width:92px;height:122px}
  .mat-piece.rear-left{left:48px;bottom:26px;width:68px;height:50px}
  .mat-piece.rear-right{right:48px;bottom:26px;width:68px;height:50px}
  .option-grid{grid-template-columns:1fr}
  .option{min-height:76px}
}

.nav .actions{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(234,223,206,.9);
  border-radius:16px;
  padding:6px;
  box-shadow:0 12px 30px rgba(20,16,12,.06);
}
.nav .actions .btn,.nav .actions .btn-soft,.nav .actions .icon{
  min-height:40px;
  border-radius:12px;
}
.nav .actions .icon{
  width:auto;
  padding:0 12px;
  display:inline-flex;
  gap:6px;
  align-items:center;
  justify-content:center;
}
.nav .actions .btn{
  background:linear-gradient(135deg,#f39023,#ffac4f);
  box-shadow:0 10px 22px rgba(243,144,35,.22);
}
.nav .actions .btn-soft{
  background:#111;
  color:#fff;
}

.hero-slider-tools{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:24px;
}
.hero-slider-tools .dots{margin-top:0}
.hero-arrow{
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:50%;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-size:30px;
  line-height:1;
  display:grid;
  place-items:center;
  backdrop-filter:blur(12px);
  transition:transform .16s ease,background .16s ease,border-color .16s ease;
}
.hero-arrow:hover{
  transform:translateY(-1px);
  background:rgba(243,144,35,.95);
  border-color:rgba(243,144,35,.95);
}

.mini-slider{
  margin-top:28px;
  display:flex;
  gap:12px;
  overflow:hidden;
  padding:10px 0;
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.mini-slider img{
  width:118px;
  height:86px;
  flex:0 0 auto;
  object-fit:cover;
  border-radius:14px;
  border:1px solid var(--line);
  box-shadow:0 12px 28px rgba(20,16,12,.08);
  animation:mini-slide 18s linear infinite;
}
@keyframes mini-slide{
  from{transform:translateX(0)}
  to{transform:translateX(-520px)}
}

@media(max-width:980px){
  .nav .actions{background:transparent;border:0;box-shadow:none;padding:0}
  .nav .actions .btn-soft{display:inline-flex}
  .hero-slider-tools{justify-content:flex-start}
}

.admin-layout{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  align-items:start;
}
.admin-menu{
  position:sticky;
  top:0;
  z-index:20;
  display:flex;
  gap:7px;
  width:100%;
  padding:9px 10px 13px;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(255,250,244,.94);
  backdrop-filter:blur(14px);
  box-shadow:0 14px 38px rgba(20,16,12,.055);
  overflow-x:scroll;
  overflow-y:hidden;
  scrollbar-width:thin;
  scrollbar-color:#f4a552 #fff3e8;
  scroll-snap-type:x proximity;
  scrollbar-gutter:stable;
}
.admin-menu::-webkit-scrollbar{height:8px}
.admin-menu::-webkit-scrollbar-track{background:#fff3e8;border-radius:999px}
.admin-menu::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#f9bf7d,#f39023);border-radius:999px;border:2px solid #fff3e8}
.admin-menu button{
  min-height:36px;
  border:1px solid transparent;
  border-radius:13px;
  background:rgba(255,255,255,.72);
  text-align:center;
  padding:0 13px;
  font-size:14px;
  font-weight:800;
  color:#3f3831;
  white-space:nowrap;
  flex:0 0 auto;
  scroll-snap-align:start;
  transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.admin-menu button.active,.admin-menu button:hover{
  border-color:#f3c18a;
  background:#fff7ef;
  color:#d66808;
  box-shadow:0 8px 18px rgba(243,144,35,.11);
  transform:translateY(-1px);
}
.admin-panels .panel{
  min-height:0;
  max-height:calc(100vh - 220px);
  overflow:auto;
}
.admin-tab[hidden]{display:none!important}
.admin-panel-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:8px;
}
.admin-panel-head h3{margin:0}
.admin-panel-head span{color:var(--muted);font-size:13px;font-weight:800}
.admin-simple .json-form{
  display:grid;
  gap:14px;
  max-height:none;
  overflow:visible;
  padding-right:6px;
}
.admin-cards-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.admin-compact-list{
  display:grid;
  gap:12px;
}
.admin-edit-table{
  display:grid;
  gap:9px;
}
.admin-edit-head,.admin-edit-row{
  display:grid;
  grid-template-columns:1fr 1.4fr 1.6fr;
  gap:10px;
  align-items:end;
}
.nav-edit .admin-edit-head,.nav-edit .admin-edit-row{
  grid-template-columns:1fr 1.25fr 1.5fr auto;
}
.admin-edit-head{
  color:#6f6256;
  font-size:12px;
  font-weight:950;
  padding:0 4px;
}
.footer-edit .admin-edit-row,.color-edit .admin-edit-row{
  grid-template-columns:1fr 1fr;
}
.color-edit .admin-edit-row{
  grid-template-columns:.8fr 1fr 2fr;
}
.admin-product-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr .55fr 1.8fr;
  gap:10px;
}
.admin-product-grid.mini{
  grid-template-columns:1fr .55fr 1.6fr;
  border-top:1px solid #eadfce;
  padding-top:10px;
  margin-top:10px;
}
.simple-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.simple-field{
  display:grid;
  gap:7px;
  align-content:start;
}
.simple-field>span{
  color:#5f554b;
  font-size:12px;
  font-weight:950;
}
.simple-list{
  display:grid;
  gap:12px;
}
.simple-card{
  display:grid;
  gap:12px;
  border:1px solid #eadfce;
  border-radius:14px;
  background:#fffaf4;
  padding:14px;
}
.simple-card>b{
  color:#111;
  font-size:13px;
}
.simple-card-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.simple-card-title b{
  font-size:13px;
}
.admin-compact-tools{
  display:flex;
  justify-content:flex-end;
  margin-bottom:12px;
}
.simple-card .simple-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.simple-card .simple-card{
  background:#fff;
}
.simple-field input,.simple-field textarea,.simple-field select,.simple-card input,.simple-card textarea{
  width:100%;
  border:1px solid #eadfce;
  border-radius:11px;
  background:#fff;
  padding:11px 12px;
}
.simple-field textarea,.simple-card textarea{
  min-height:92px;
  resize:vertical;
}
.simple-field input[type="checkbox"]{
  width:22px;
  height:22px;
}
.toggle-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.toggle-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid #eadfce;
  border-radius:14px;
  background:#fffaf4;
  padding:12px 14px;
  font-weight:950;
}
.toggle-row input{
  order:2;
  width:46px!important;
  height:24px;
  appearance:none;
  border:0!important;
  border-radius:999px;
  background:#d9cec0;
  padding:0!important;
  position:relative;
  cursor:pointer;
}
.toggle-row input:before{
  content:"";
  position:absolute;
  width:18px;
  height:18px;
  left:3px;
  top:3px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 2px 7px rgba(0,0,0,.2);
  transition:.16s ease;
}
.toggle-row input:checked{
  background:#f39023;
}
.toggle-row input:checked:before{
  transform:translateX(22px);
}
.advanced-json{
  border:1px dashed #eadfce;
  border-radius:14px;
  padding:12px;
  background:#fffdf8;
}
.advanced-json summary{
  cursor:pointer;
  font-weight:950;
  color:#5f554b;
}
.advanced-json .code-area{
  margin-top:12px;
}
.code-area,#jsonOut{
  min-height:240px;
  font-family:Consolas,Monaco,monospace;
  font-size:13px;
  line-height:1.45;
  white-space:pre;
}
.admin-table{
  display:grid;
  gap:10px;
}
.admin-table>div{
  display:grid;
  grid-template-columns:1.2fr 1.4fr 1fr 1fr auto;
  gap:12px;
  align-items:center;
  padding:12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fffaf4;
}
.member-table>div{
  grid-template-columns:1.1fr 1.35fr .9fr 1fr auto auto;
}
.order-table>div{
  grid-template-columns:1fr .8fr .8fr 1fr 1fr auto;
}
.admin-table span{
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}
.cart-qty{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:8px;
  padding:4px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fffaf4;
}
.cart-qty button{
  width:30px;
  height:30px;
  min-height:30px;
  padding:0;
  border-radius:50%;
}
.cart-qty span{
  min-width:24px;
  text-align:center;
  font-weight:950;
}
.empty-cart{
  display:grid;
  gap:14px;
  justify-items:start;
  padding:28px 0;
}
.mini-form{
  margin-top:14px;
}

@media(max-width:980px){
  .admin-layout{grid-template-columns:1fr}
  .admin-menu{position:sticky;top:0}
  .admin-menu button{text-align:center}
  .admin-table>div{grid-template-columns:1fr}
  .code-area,#jsonOut{min-height:360px}
  .simple-grid,.simple-card .simple-grid,.admin-cards-grid,.admin-product-grid,.admin-product-grid.mini,.admin-edit-head,.admin-edit-row{grid-template-columns:1fr}
  .toggle-grid{grid-template-columns:1fr}
  .admin-panels .panel{max-height:none}
}

/* Unified realistic button system */
button,.btn,.btn-dark,.btn-soft,.icon,.links a,.float a,.pkg,.swatch,.option,.auth-tabs button,.admin-menu button{
  -webkit-tap-highlight-color:transparent;
}
.btn,.btn-dark,.btn-soft,.icon,.links a,.hero-arrow,.auth-tabs button,.admin-menu button,.card-actions button,.form button,.drawer-panel button,.modal-card button{
  position:relative;
  isolation:isolate;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  overflow:hidden;
  cursor:pointer;
  text-decoration:none;
  line-height:1;
  letter-spacing:0;
  box-shadow:0 10px 24px rgba(20,16,12,.08),inset 0 1px 0 rgba(255,255,255,.42);
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,color .16s ease;
}
.btn:before,.btn-dark:before,.btn-soft:before,.icon:before,.links a:before,.auth-tabs button:before,.admin-menu button:before{
  content:"";
  position:absolute;
  inset:1px 1px auto 1px;
  height:42%;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.44),rgba(255,255,255,0));
  pointer-events:none;
  z-index:-1;
}
.btn:hover,.btn-dark:hover,.btn-soft:hover,.icon:hover,.links a:hover,.auth-tabs button:hover,.admin-menu button:hover,.card-actions button:hover,.form button:hover,.drawer-panel button:hover,.modal-card button:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(20,16,12,.14),inset 0 1px 0 rgba(255,255,255,.5);
}
.btn:active,.btn-dark:active,.btn-soft:active,.icon:active,.links a:active,.auth-tabs button:active,.admin-menu button:active,.card-actions button:active,.form button:active,.drawer-panel button:active,.modal-card button:active{
  transform:translateY(1px) scale(.99);
  box-shadow:0 7px 16px rgba(20,16,12,.12),inset 0 2px 5px rgba(20,16,12,.16);
}
.btn{
  border:1px solid #f08a1c;
  background:linear-gradient(180deg,#ffb35b 0%,#f39023 54%,#df7411 100%);
  color:#fff;
  text-shadow:0 1px 1px rgba(95,45,0,.25);
}
.btn-dark{
  border:1px solid #0f0f0f;
  background:linear-gradient(180deg,#252525 0%,#111 58%,#050505 100%);
  color:#fff;
}
.btn-soft{
  border:1px solid #eadfce;
  background:linear-gradient(180deg,#fffaf3 0%,#f4eee5 58%,#e9ddcd 100%);
  color:#15110d;
}
.icon{
  border:1px solid #eadfce;
  background:linear-gradient(180deg,#fff 0%,#fbf6ef 62%,#eee3d4 100%);
  color:#15110d;
}
.btn-ico{
  width:19px;
  height:19px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.btn-ico svg,.float svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.cart-count{
  min-width:24px;
  height:24px;
  padding:0 7px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#111;
  color:#fff;
  font-size:12px;
  font-weight:950;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}
.nav .actions{
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,250,244,.78));
  border-color:#eadfce;
}
.nav .actions .btn,.nav .actions .btn-soft,.nav .actions .icon{
  min-height:46px;
  border-radius:14px;
  white-space:nowrap;
}
.nav .actions .btn-soft{
  border-color:#0f0f0f;
  background:linear-gradient(180deg,#252525 0%,#111 58%,#050505 100%);
  color:#fff;
}
.nav .actions .icon{
  padding:0 14px;
}
.nav .actions .icon .cart-count{
  background:#fff;
  color:#111;
}
.links{
  gap:7px;
}
.links a{
  min-height:42px;
  border:1px solid transparent;
  border-radius:12px;
  padding:0 14px;
  background:transparent;
  color:#3d3832;
  box-shadow:none;
}
.links a.active,.links a:hover{
  border-color:#eadfce;
  background:linear-gradient(180deg,#fffaf3 0%,#f4eee5 100%);
  color:#111;
  box-shadow:0 10px 24px rgba(20,16,12,.08),inset 0 1px 0 rgba(255,255,255,.55);
}
.float{
  left:18px;
  gap:10px;
}
.float a{
  width:48px;
  height:48px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  padding:0 14px;
  color:#fff;
  border:1px solid rgba(255,255,255,.2);
  overflow:hidden;
  box-shadow:0 16px 34px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.22);
  transition:width .18s ease,transform .16s ease,box-shadow .16s ease;
}
.float a:after{
  content:attr(data-label);
  font-size:13px;
  font-weight:950;
  white-space:nowrap;
  opacity:0;
  transform:translateX(-5px);
  transition:opacity .15s ease,transform .15s ease;
}
.float a:hover{
  width:150px;
  transform:translateX(2px) translateY(-1px);
  box-shadow:0 20px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.25);
}
.float a:hover:after{
  opacity:1;
  transform:translateX(0);
}
.float svg{
  width:21px;
  height:21px;
  flex:0 0 21px;
}
.float .wa{
  background:linear-gradient(180deg,#32e072 0%,#16b956 100%);
}
.float .ig{
  background:linear-gradient(135deg,#feda75 0%,#fa7e1e 30%,#d62976 58%,#962fbf 82%,#4f5bd5 100%);
}
.float .yt{
  background:linear-gradient(180deg,#ff3030 0%,#c90000 100%);
}
.float .yt svg,.float .instagram svg{
  fill:none;
}
.pkg,.swatch,.option{
  cursor:pointer;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;
}
.pkg:hover,.swatch:hover,.option:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 36px rgba(20,16,12,.12);
}
.admin-menu button{
  border:1px solid transparent;
  justify-content:flex-start;
  box-shadow:none;
}
.admin-menu button.active,.admin-menu button:hover{
  border-color:#0f0f0f;
  background:linear-gradient(180deg,#252525 0%,#111 58%,#050505 100%);
}
.auth-tabs button.active{
  background:linear-gradient(180deg,#252525 0%,#111 58%,#050505 100%);
}
@media(max-width:980px){
  .nav .actions .btn,.nav .actions .btn-soft,.nav .actions .icon{min-height:42px}
  .nav .actions .btn{display:none}
}
@media(max-width:560px){
  .links a{justify-content:flex-start}
  .float{left:12px;bottom:78px}
  .float a{width:44px;height:44px;padding:0 12px}
  .float a:hover{width:44px;transform:translateY(-1px)}
  .float a:after{display:none}
  .nav .actions .btn-soft span:last-child{display:none}
  .nav .actions .icon span:nth-child(2){display:none}
}
@media(prefers-reduced-motion:reduce){
  .btn,.btn-dark,.btn-soft,.icon,.links a,.float a,.pkg,.swatch,.option,.hero-arrow,.auth-tabs button,.admin-menu button{
    transition:none!important;
    animation:none!important;
  }
  .footer-slogan,.footer-glow,.footer-line:before,.hero h1,.chat-pulse{
    animation:none!important;
  }
}

/* Cleaner compact header */
.header{
  background:rgba(255,255,255,.9);
}
.nav{
  max-width:1440px;
  min-height:62px;
  padding:0 18px;
  gap:12px;
}
.logo{
  width:148px;
  min-width:148px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.logo img{
  max-width:142px;
  max-height:42px;
  width:auto;
  height:auto;
  object-fit:contain;
}
.links{
  justify-content:center;
  min-width:0;
}
.links a{
  min-height:38px;
  padding:0 12px;
  font-size:14px;
}
.nav .actions{
  flex:0 0 auto;
  padding:3px;
  border-radius:13px;
  box-shadow:0 7px 18px rgba(20,16,12,.05);
}
.nav .actions .btn,.nav .actions .btn-soft,.nav .actions .icon{
  min-height:38px;
  border-radius:11px;
  padding:0 12px;
  font-size:14px;
}
.nav .actions .btn-ico{
  width:16px;
  height:16px;
}
.cart-count{
  min-width:20px;
  height:20px;
  font-size:12px;
}
.menu{
  flex:0 0 auto;
}
@media(max-width:1180px){
  .logo{width:132px;min-width:132px}
  .logo img{max-width:126px}
  .links a{padding:0 10px;font-size:13px}
  .nav .actions .btn,.nav .actions .btn-soft,.nav .actions .icon{padding:0 10px}
}
@media(max-width:980px){
  .nav{min-height:62px}
  .links{top:62px;justify-content:flex-start}
  .logo{width:auto;min-width:0;flex:1}
  .logo img{max-width:136px}
  .nav .actions{background:transparent}
}
@media(max-width:560px){
  .nav{padding:0 12px;gap:8px}
  .logo img{max-width:116px}
  .nav .actions .btn-soft,.nav .actions .icon{padding:0 10px}
}

/* AI chat */
#aiChat{
  position:fixed;
  right:20px;
  bottom:22px;
  z-index:80;
  font-size:14px;
}
.chat-launch{
  position:relative;
  width:62px;
  height:62px;
  border:1px solid rgba(243,144,35,.45);
  border-radius:22px;
  background:linear-gradient(180deg,#252525,#070707);
  color:#fff;
  box-shadow:0 22px 48px rgba(20,16,12,.24),inset 0 1px 0 rgba(255,255,255,.2);
  display:grid;
  place-items:center;
}
.chat-mark{
  position:relative;
  z-index:1;
  font-weight:950;
  color:#ffad55;
}
.chat-pulse{
  position:absolute;
  inset:-8px;
  border-radius:26px;
  border:1px solid rgba(243,144,35,.35);
  animation:chat-pulse 1.9s ease-out infinite;
}
.chat-badge{
  position:absolute;
  right:-5px;
  top:-7px;
  min-width:24px;
  height:24px;
  padding:0 7px;
  border-radius:999px;
  background:#25d366;
  color:#fff;
  display:grid;
  place-items:center;
  font-size:12px;
  font-weight:950;
  box-shadow:0 8px 20px rgba(37,211,102,.3);
}
.chat-panel{
  position:absolute;
  right:0;
  bottom:76px;
  width:min(380px,calc(100vw - 28px));
  overflow:hidden;
  border:1px solid #eadfce;
  border-radius:18px;
  background:#fff;
  box-shadow:0 26px 80px rgba(20,16,12,.22);
}
.chat-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:16px;
  background:#111;
  color:#fff;
}
.chat-head b{display:block;margin-bottom:5px}
.chat-head span{
  display:block;
  color:rgba(255,255,255,.68);
  font-size:12px;
  line-height:1.4;
}
.chat-head .online:before,.chat-head .offline:before{
  content:"";
  display:inline-block;
  width:8px;
  height:8px;
  border-radius:50%;
  margin-right:6px;
  background:#25d366;
}
.chat-head .offline:before{background:#f39023}
.chat-close{
  width:34px;
  height:34px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:10px;
  background:rgba(255,255,255,.08);
  color:#fff;
}
.chat-body{
  max-height:320px;
  overflow:auto;
  display:grid;
  gap:10px;
  padding:14px;
  background:#fffaf4;
}
.chat-msg{
  display:grid;
  gap:4px;
  max-width:86%;
  padding:10px 12px;
  border-radius:14px;
  line-height:1.45;
}
.chat-msg b{font-size:12px}
.chat-msg span{color:#4f463c}
.chat-msg.bot{
  justify-self:start;
  background:#fff;
  border:1px solid #eadfce;
}
.chat-msg.user{
  justify-self:end;
  background:linear-gradient(180deg,#ffad55,#f39023);
  color:#fff;
}
.chat-msg.user span{color:#fff}
.chat-quick{
  display:flex;
  gap:7px;
  overflow:auto;
  padding:10px 14px;
  border-top:1px solid #eadfce;
}
.chat-quick button{
  flex:0 0 auto;
  border:1px solid #eadfce;
  border-radius:999px;
  background:#fff;
  padding:8px 10px;
  font-size:12px;
  font-weight:900;
}
.chat-form{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  padding:14px;
  border-top:1px solid #eadfce;
}
.chat-form input{
  min-width:0;
  border:1px solid #eadfce;
  border-radius:12px;
  padding:0 12px;
}
@keyframes chat-pulse{
  0%{transform:scale(.88);opacity:.8}
  100%{transform:scale(1.25);opacity:0}
}
@media(max-width:560px){
  #aiChat{right:12px;bottom:16px}
  .chat-launch{width:56px;height:56px;border-radius:19px}
  .chat-panel{bottom:68px}
}

.upload-field{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
}
.upload-field input[type="file"]{
  display:none;
}
.upload-field .btn-soft{
  min-height:42px;
  padding:0 15px;
  white-space:nowrap;
}
.video-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.video-card{
  display:grid;
  gap:12px;
}
.video-card video{
  width:100%;
  aspect-ratio:16/9;
  object-fit:contain;
  border-radius:14px;
  background:#111;
  box-shadow:0 18px 42px rgba(20,16,12,.12);
}
.video-row{
  grid-template-columns:1fr 1.25fr 1.25fr 1.35fr;
}

@media(max-width:980px){
  .header,.nav{
    position:sticky;
    top:0;
    z-index:80;
    background:#fff;
  }
  .links{
    z-index:75;
    max-height:calc(100vh - 62px);
    overflow:auto;
    box-shadow:0 22px 45px rgba(20,16,12,.12);
  }
  .links.open{
    display:flex;
  }
  .video-grid{
    grid-template-columns:1fr;
  }
  .upload-field{
    grid-template-columns:1fr;
  }
  .admin-menu{
    top:0;
    max-width:100%;
  }
  .video-row{
    grid-template-columns:1fr;
  }
}

/* Softer controls and commerce refinements */
.btn,.btn-dark,.btn-soft,.icon,.links a,.auth-tabs button,.admin-menu button,.card-actions button,.form button,.drawer-panel button,.modal-card button{
  border-radius:12px;
  box-shadow:0 8px 20px rgba(20,16,12,.08);
}
.btn{
  border-color:#f0a24d;
  background:linear-gradient(180deg,#ffb967 0%,#f59a35 100%);
  box-shadow:0 10px 24px rgba(243,144,35,.18);
}
.btn-dark{
  border-color:#282828;
  background:linear-gradient(180deg,#303030 0%,#161616 100%);
  box-shadow:0 10px 24px rgba(0,0,0,.16);
}
.btn-soft{
  border-color:#eadfce;
  background:linear-gradient(180deg,#fffdf8 0%,#f3eadc 100%);
  color:#211b15;
}
.btn:hover,.btn-dark:hover,.btn-soft:hover,.icon:hover,.links a:hover,.auth-tabs button:hover,.admin-menu button:hover,.card-actions button:hover,.form button:hover,.drawer-panel button:hover,.modal-card button:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 26px rgba(20,16,12,.11);
}
.variant-line{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin:8px 0;
}
.variant-line span,.variant-line b{
  border:1px solid #eadfce;
  border-radius:999px;
  background:#fffaf4;
  padding:5px 8px;
  font-size:11px;
  font-weight:900;
  color:#5f554b;
}
.variant-picker{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:14px 0;
}
.variant-picker label{
  display:grid;
  gap:6px;
  font-size:12px;
  font-weight:950;
  color:#5f554b;
}
.variant-picker select{
  height:44px;
  border:1px solid #eadfce;
  border-radius:11px;
  background:#fff;
  padding:0 11px;
}
.payment-box{
  display:grid;
  gap:10px;
  margin:16px 0;
  padding:14px;
  border:1px solid #eadfce;
  border-radius:14px;
  background:#fffaf4;
}
.payment-option{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:10px;
  align-items:start;
  padding:10px;
  border:1px solid #efe4d5;
  border-radius:12px;
  background:#fff;
}
.payment-option input{
  margin-top:4px;
}
.payment-option span{
  display:grid;
  gap:4px;
}
.payment-option small{
  color:#756b60;
  font-weight:700;
  line-height:1.35;
}
.builder-real{
  display:none;
}
.mat-piece,#brandLogo{
  z-index:2;
}
@media(max-width:560px){
  .variant-picker{grid-template-columns:1fr}
}

/* Source-inspired premium home entrance */
body{
  font-family:Inter,Arial,sans-serif;
  background:#fff;
}
.top{
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#0f0f0f;
  font-size:13px;
  letter-spacing:.01em;
}
.header{
  background:rgba(255,255,255,.96);
  border-bottom:1px solid rgba(234,223,206,.86);
}
.nav{
  max-width:1240px;
  min-height:76px;
  padding:0 22px;
}
.logo img{
  max-width:166px;
}
.links{
  justify-content:center;
  gap:10px;
}
.links a{
  min-height:42px;
  padding:0 14px;
  border:1px solid transparent;
  border-radius:12px;
  color:#3a352f;
  font-size:15px;
  font-weight:900;
  box-shadow:none;
}
.links a.active,.links a:hover{
  background:#f6efe6;
  border-color:#eadfce;
  color:#111;
  box-shadow:0 8px 20px rgba(20,16,12,.06);
}
.nav .actions{
  background:rgba(255,255,255,.82);
  border:1px solid #eadfce;
  border-radius:17px;
  padding:5px;
  box-shadow:0 12px 34px rgba(20,16,12,.08);
}
.nav .actions .btn,.nav .actions .btn-soft,.nav .actions .icon{
  min-height:44px;
  border-radius:13px;
  padding:0 16px;
  font-size:15px;
  font-weight:950;
}
.btn,.btn-dark,.btn-soft,.icon,.hero-arrow{
  border-radius:13px;
  box-shadow:0 10px 24px rgba(20,16,12,.09);
}
.btn{
  background:linear-gradient(180deg,#ffb45f 0%,#f39023 100%);
  border:1px solid #ee9a37;
}
.btn-dark{
  background:#111;
  border:1px solid #111;
}
.btn-soft{
  background:#fffaf4;
  border:1px solid #eadfce;
}
.hero{
  min-height:690px;
  display:flex;
  align-items:stretch;
}
.hero:after{
  background:
    linear-gradient(90deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.42) 48%,rgba(0,0,0,.12) 100%),
    radial-gradient(circle at 18% 28%,rgba(243,144,35,.24),transparent 34%);
}
.hero-inner{
  width:100%;
  padding:90px 22px 44px;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-content:center;
}
.eyebrow{
  display:inline-flex;
  width:max-content;
  align-items:center;
  gap:9px;
  margin-bottom:14px;
  color:#ffd2a1;
  font-size:13px;
  font-weight:950;
  letter-spacing:.08em;
}
.eyebrow:before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--brand);
  box-shadow:0 0 0 7px rgba(243,144,35,.18);
}
.hero h1{
  max-width:760px;
  font-size:clamp(42px,5.2vw,68px);
  line-height:1.02;
  letter-spacing:0;
  text-wrap:balance;
}
.hero p{
  max-width:650px;
  margin:18px 0 0;
  color:rgba(255,255,255,.9);
  font-size:20px;
  line-height:1.55;
}
.hero-actions{
  gap:12px;
  margin:28px 0 0;
}
.btn-big{
  min-height:52px;
  padding:0 22px;
  margin:0;
}
.quick-builder{
  position:relative;
  margin-top:34px;
  max-width:1060px;
  grid-template-columns:repeat(3,minmax(0,1fr)) auto;
  gap:12px;
  padding:16px;
  border:1px solid rgba(234,223,206,.92);
  border-radius:20px;
  background:rgba(255,255,255,.96);
  box-shadow:0 24px 70px rgba(20,16,12,.20);
}
.quick-builder:before{
  content:"Aracını seç, paspasını bul";
  position:absolute;
  left:18px;
  top:-18px;
  padding:8px 12px;
  border-radius:999px;
  background:#111;
  color:#fff;
  font-size:13px;
  font-weight:950;
  box-shadow:0 10px 26px rgba(0,0,0,.18);
}
.quick-builder select{
  height:54px;
  border-radius:13px;
  border:1px solid #eadfce;
  background:#fffaf4;
  color:#27211a;
  font-weight:800;
}
.quick-builder .btn{
  min-height:54px;
  padding:0 22px;
}
.hero-slider-tools{
  margin-top:24px;
}
.hero-arrow{
  background:rgba(255,255,255,.16);
  backdrop-filter:blur(8px);
}
.dots button{
  width:42px;
  height:6px;
}
.features{
  margin-top:4px;
}
.feature{
  border-radius:18px;
  background:linear-gradient(180deg,#fffaf4,#fff);
  box-shadow:0 14px 38px rgba(20,16,12,.06);
}
.feature b{
  font-size:20px;
}
.head h2,.section h2{
  letter-spacing:0;
}
@media(max-width:1180px){
  .nav{max-width:100%;padding:0 16px}
  .links{gap:4px}
  .links a{padding:0 10px;font-size:14px}
  .nav .actions .btn,.nav .actions .btn-soft,.nav .actions .icon{padding:0 12px}
}
@media(max-width:980px){
  .nav{min-height:66px}
  .links{
    top:66px;
    border-top:1px solid #f2eadf;
    box-shadow:0 22px 50px rgba(20,16,12,.10);
  }
  .links a{
    justify-content:flex-start;
  }
  .nav .actions{
    padding:0;
    border:0;
    box-shadow:none;
  }
  .nav .actions .btn{
    display:none;
  }
  .hero{
    min-height:720px;
  }
  .hero-inner{
    padding-top:74px;
  }
  .quick-builder{
    grid-template-columns:1fr 1fr;
  }
  .quick-builder .btn{
    grid-column:1 / -1;
  }
}
@media(max-width:560px){
  .top{
    min-height:32px;
    padding:7px 12px;
    font-size:12px;
  }
  .nav{
    min-height:62px;
    padding:0 12px;
  }
  .logo img{
    max-width:124px;
  }
  .links{
    top:62px;
  }
  .nav .actions .btn-soft{
    min-width:44px;
    padding:0 11px;
  }
  .nav .actions .icon{
    min-width:44px;
    padding:0 11px;
  }
  .hero{
    min-height:720px;
  }
  .hero:after{
    background:linear-gradient(180deg,rgba(0,0,0,.68),rgba(0,0,0,.40) 62%,rgba(0,0,0,.22));
  }
  .hero-inner{
    padding:58px 16px 34px;
    align-content:end;
  }
  .hero h1{
    font-size:clamp(36px,12vw,48px);
    line-height:1.04;
  }
  .hero p{
    font-size:16px;
  }
  .hero-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .btn-big{
    width:100%;
  }
  .quick-builder{
    grid-template-columns:1fr;
    padding:14px;
  }
  .quick-builder:before{
    position:static;
    display:inline-flex;
    width:max-content;
    margin-bottom:2px;
  }
}

/* Emergency polish: balanced first screen */
.top{
  min-height:30px;
  padding:6px 14px;
  font-size:12px;
}
.header{
  background:#fff;
  backdrop-filter:none;
}
.nav{
  max-width:1580px;
  min-height:72px;
  padding:0 28px;
  gap:20px;
}
.logo{
  flex:0 0 178px;
}
.logo img{
  width:178px;
  max-width:178px;
}
.links{
  flex:1 1 auto;
  min-width:0;
  justify-content:flex-start;
  gap:8px;
}
.links a{
  min-height:38px;
  padding:0 9px;
  border-radius:10px;
  white-space:nowrap;
  font-size:14px;
  line-height:1.05;
}
.links a.active,.links a:hover{
  box-shadow:none;
}
.nav .actions{
  flex:0 0 auto;
  margin-left:auto;
  gap:7px;
  padding:4px;
  border-radius:14px;
  box-shadow:0 8px 24px rgba(20,16,12,.06);
}
.nav .actions .btn,.nav .actions .btn-soft,.nav .actions .icon{
  min-height:38px;
  border-radius:11px;
  padding:0 13px;
  font-size:14px;
}
.nav .actions .btn-ico{
  width:16px;
  height:16px;
}
.cart-count{
  min-width:19px;
  height:19px;
  font-size:11px;
}
.hero{
  min-height:590px;
}
.hero:after{
  background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.36) 48%,rgba(0,0,0,.06));
}
.hero-inner{
  max-width:1580px;
  padding:74px 28px 34px;
  align-content:center;
}
.hero h1{
  max-width:690px;
  font-size:clamp(40px,4.45vw,64px);
  line-height:1.02;
}
.hero p{
  max-width:610px;
  margin-top:16px;
  font-size:18px;
  line-height:1.55;
}
.hero-actions{
  margin-top:24px;
  gap:10px;
}
.btn-big{
  min-height:46px;
  padding:0 20px;
  font-size:15px;
}
.quick-builder{
  max-width:1120px;
  margin-top:28px;
  padding:12px;
  border-radius:17px;
  grid-template-columns:repeat(3,minmax(0,1fr)) 160px;
  box-shadow:0 18px 50px rgba(20,16,12,.15);
}
.quick-builder:before{
  top:-15px;
  left:16px;
  padding:7px 12px;
  font-size:12px;
}
.quick-builder select,.quick-builder .btn{
  height:48px;
  min-height:48px;
  border-radius:12px;
  font-size:14px;
}
.hero-slider-tools{
  margin-top:18px;
}
.hero-arrow{
  width:38px;
  height:38px;
}
.dots button{
  width:34px;
  height:5px;
}
@media(max-width:1280px){
  .nav{gap:12px;padding:0 16px}
  .logo{flex-basis:150px}
  .logo img{width:150px;max-width:150px}
  .links{gap:3px}
  .links a{padding:0 7px;font-size:13px}
  .nav .actions .btn,.nav .actions .btn-soft,.nav .actions .icon{padding:0 10px;font-size:13px}
}
@media(max-width:980px){
  .nav{
    min-height:64px;
  }
  .logo{
    flex:1 1 auto;
  }
  .logo img{
    width:136px;
    max-width:136px;
  }
  .links{
    top:64px;
    gap:6px;
  }
  .nav .actions .btn{
    display:none;
  }
  .hero{
    min-height:650px;
  }
  .hero-inner{
    padding:58px 18px 30px;
  }
  .quick-builder{
    grid-template-columns:1fr 1fr;
    max-width:720px;
  }
  .quick-builder .btn{
    grid-column:1 / -1;
  }
}
@media(max-width:560px){
  .nav{
    min-height:60px;
    padding:0 10px;
    gap:8px;
  }
  .logo img{
    width:116px;
    max-width:116px;
  }
  .links{
    top:60px;
  }
  .nav .actions .btn-soft,.nav .actions .icon{
    min-height:38px;
    padding:0 10px;
  }
  .hero{
    min-height:660px;
  }
  .hero-inner{
    padding:44px 16px 26px;
  }
  .hero h1{
    font-size:38px;
  }
  .hero p{
    font-size:15px;
  }
  .hero-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .quick-builder{
    grid-template-columns:1fr;
    margin-top:22px;
  }
  .quick-builder:before{
    position:static;
    width:max-content;
    margin-bottom:2px;
  }
}

/* Original-site inspired home blocks and softer serious buttons */
.btn,.btn-dark,.btn-soft,.icon,.hero-arrow,.links a,.nav .actions .btn,.nav .actions .btn-soft,.nav .actions .icon{
  border-radius:14px;
  text-shadow:none;
  box-shadow:0 10px 26px rgba(17,17,17,.06);
}
.btn{
  background:#ff8a16;
  border:1px solid #ff8a16;
  color:#fff;
}
.btn-dark{
  background:#111;
  border:1px solid #111;
  color:#fff;
}
.btn-soft{
  background:#fff;
  border:1px solid #e9e1d8;
  color:#151515;
}
.btn:hover,.btn-dark:hover,.btn-soft:hover,.icon:hover,.links a:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(17,17,17,.10);
}
.links a.active{
  background:#f7f1ea;
  border-color:#ece2d8;
}
.quick-builder{
  background:#fff;
  border:1px solid #ece2d8;
  box-shadow:0 16px 40px rgba(17,17,17,.12);
}
.quick-builder select{
  background:#fff;
  border:1px solid #e5ddd5;
  color:#5a554f;
  font-weight:850;
}
.quick-builder .btn{
  background:#111;
  border-color:#111;
}
.nav .actions .btn-dark{
  background:#fff;
  border-color:#e9e1d8;
  color:#151515;
}
.nav .actions .btn-dark .btn-ico svg,
.nav .actions .icon .btn-ico svg{
  stroke:#151515;
}
.nav .actions .btn{
  background:#ff8a16;
  border-color:#ff8a16;
  color:#fff;
}
.quick-builder:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.pb-showcase,.pb-color-demo,.pb-brands,.pb-faq{
  position:relative;
}
.pb-color-demo,.pb-brands,.pb-faq{
  background:#fff;
  background-image:none;
}
.pb-showcase-card{
  min-height:520px;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  align-items:center;
  gap:40px;
  border:4px solid rgba(255,138,22,.66);
  border-radius:22px;
  padding:56px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 28px 70px rgba(17,17,17,.08);
}
.pb-showcase-copy img{
  width:130px;
  margin-bottom:36px;
}
.pb-showcase-copy h2{
  max-width:460px;
  font-size:clamp(42px,5vw,66px);
  line-height:1.05;
}
.pb-showcase-copy h2 span{
  color:#ff850f;
}
.pb-showcase-copy p{
  max-width:510px;
  margin:18px 0 28px;
  color:#6b665f;
  font-size:20px;
  line-height:1.55;
}
.pb-showcase-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.pb-showcase-actions .btn,.pb-showcase-actions .btn-soft,.pb-demo-cta{
  min-height:52px;
  padding:0 24px;
}
.pb-showcase-image{
  min-height:360px;
  display:grid;
  place-items:center;
  background:radial-gradient(circle at 52% 34%,rgba(255,138,22,.16),transparent 42%);
}
.pb-showcase-image img{
  max-height:390px;
  object-fit:contain;
  filter:drop-shadow(0 26px 40px rgba(17,17,17,.12));
}
.pb-count-line{
  margin-top:48px;
  text-align:center;
  color:#8a8177;
  font-size:30px;
  font-weight:800;
}
.pb-section-title{
  max-width:720px;
  margin:0 auto 38px;
  text-align:center;
}
.pb-section-title span{
  display:inline-flex;
  padding:5px 10px;
  border-radius:999px;
  background:#fff3e8;
  color:#ff850f;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
}
.pb-section-title h2{
  font-size:clamp(36px,4.8vw,54px);
}
.pb-section-title h2::first-line{
  color:#111;
}
.pb-section-title p{
  color:#79736c;
  line-height:1.7;
}
.pb-color-layout{
  display:grid;
  grid-template-columns:1fr .95fr;
  gap:48px;
  align-items:center;
}
.pb-color-title{
  margin:20px 0 10px;
  color:#9a938b;
  font-size:12px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.pb-color-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.pb-color-card{
  display:grid;
  grid-template-columns:64px 1fr;
  grid-template-rows:auto auto;
  gap:2px 12px;
  min-height:58px;
  padding:6px;
  border:1px solid #e5ddd5;
  border-radius:10px;
  background:#fff;
  text-align:left;
  box-shadow:0 6px 16px rgba(17,17,17,.04);
}
.pb-color-card.active{
  border-color:#ff8a16;
  box-shadow:0 0 0 1px #ff8a16;
}
.pb-color-card img{
  grid-row:1 / 3;
  width:56px;
  height:46px;
  border-radius:8px;
  object-fit:cover;
}
.pb-color-card small{
  align-self:end;
  color:#aaa29a;
  font-size:11px;
}
.pb-color-card b{
  align-self:start;
  font-size:14px;
}
.pb-color-card.is-extra{
  display:none;
}
.pb-color-group.expanded .pb-color-card.is-extra{
  display:grid;
}
.pb-more{
  width:100%;
  height:40px;
  margin-top:10px;
  border:1px dashed #e5ddd5;
  border-radius:10px;
  background:#fff;
  color:#a49b92;
  font-weight:900;
}
.pb-color-preview{
  position:relative;
  min-height:520px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:#fff;
  border:1px solid #ece2d8;
  overflow:hidden;
  box-shadow:0 18px 46px rgba(17,17,17,.08);
}
.pb-color-preview span{
  position:absolute;
  right:12px;
  top:12px;
  z-index:2;
  padding:7px 10px;
  border-radius:8px;
  background:#64676d;
  color:#fff;
  font-size:12px;
  font-weight:950;
}
.pb-color-preview img{
  width:84%;
  max-height:470px;
  object-fit:contain;
  filter:drop-shadow(0 18px 24px rgba(17,17,17,.12));
}
.pb-real-preview{
  transition:opacity .18s ease,transform .18s ease;
  background:#fff;
}
.pb-brand-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
}
.pb-brand-grid a{
  min-height:132px;
  display:grid;
  place-items:center;
  gap:8px;
  padding:20px 12px;
  border:1px solid #ece2d8;
  border-radius:12px;
  background:rgba(255,255,255,.86);
  text-align:center;
  transition:.16s ease;
}
.pb-brand-grid a:hover{
  transform:translateY(-2px);
  border-color:#ff8a16;
  box-shadow:0 14px 32px rgba(17,17,17,.08);
}
.pb-brand-grid img{
  max-width:76px;
  max-height:42px;
  object-fit:contain;
  filter:grayscale(1) contrast(1.1);
}
.pb-brand-grid b{
  font-size:13px;
}
.pb-brand-grid small{
  color:#ff850f;
  font-size:11px;
  font-weight:900;
}
.pb-review-card{
  max-width:720px;
  margin:auto;
  display:grid;
  grid-template-columns:320px 1fr;
  gap:34px;
  align-items:center;
}
.pb-review-card>img{
  width:320px;
  height:270px;
  object-fit:cover;
  border-radius:18px;
  box-shadow:0 18px 46px rgba(17,17,17,.14);
}
.pb-stars{
  color:#ff8a16;
  letter-spacing:2px;
  font-size:20px;
}
.pb-review-card p{
  color:#5d6672;
  line-height:1.7;
}
.pb-review-card small{
  display:block;
  margin-top:6px;
  color:#9a938b;
}
.pb-review-arrows{
  display:flex;
  gap:10px;
  margin-top:26px;
}
.pb-review-arrows button{
  width:40px;
  height:40px;
  border:0;
  border-radius:50%;
  background:#111;
  color:#fff;
  font-size:24px;
}
.pb-faq{
  max-width:900px;
  margin:20px auto 70px;
  border:2px solid rgba(255,138,22,.78);
  border-radius:2px;
}
.pb-faq-list{
  max-width:620px;
  margin:auto;
  display:grid;
  gap:10px;
}
.pb-faq-list details{
  border:1px solid #e5ddd5;
  border-radius:10px;
  background:#fff;
}
.pb-faq-list summary{
  display:flex;
  justify-content:space-between;
  gap:18px;
  padding:16px 18px;
  cursor:pointer;
  color:#59616d;
  font-weight:800;
}
.pb-faq-list p{
  margin:0;
  padding:0 18px 16px;
  color:#6f6a61;
  line-height:1.65;
}
@media(max-width:980px){
  .pb-showcase-card,.pb-color-layout,.pb-review-card{
    grid-template-columns:1fr;
  }
  .pb-brand-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:560px){
  .pb-showcase-card{
    padding:28px;
    min-height:auto;
  }
  .pb-showcase-copy h2{
    font-size:38px;
  }
  .pb-color-grid,.pb-brand-grid{
    grid-template-columns:1fr;
  }
  .pb-color-preview{
    min-height:320px;
  }
  .pb-review-card>img{
    width:100%;
  }
}

body,
main,
.section,
.pb-color-demo,
.pb-brands,
.pb-faq{
  background-color:#fff;
}
.pb-color-demo,
.pb-brands,
.pb-faq{
  background-image:none!important;
}

/* Final hero polish: prevents title/social/button overlap on the first viewport. */
.hero{
  min-height:620px;
  overflow:hidden;
}
.hero:after{
  background:linear-gradient(90deg,rgba(0,0,0,.70),rgba(0,0,0,.40) 42%,rgba(0,0,0,.08) 72%);
}
.hero-inner{
  max-width:1320px;
  min-height:620px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  margin:0 auto;
  padding:72px clamp(78px,7vw,118px) 70px;
}
.hero .eyebrow{
  margin-bottom:12px;
}
.hero h1{
  max-width:620px;
  font-size:clamp(42px,4.2vw,62px);
  line-height:1.04;
  margin:0;
  text-wrap:balance;
}
.hero p{
  max-width:620px;
  margin:18px 0 0;
  font-size:clamp(16px,1.35vw,20px);
  line-height:1.55;
}
.hero-actions{
  margin-top:28px;
  gap:12px;
}
.hero-actions .btn-big{
  min-height:54px;
  padding:0 26px;
  border-radius:15px;
  font-size:16px;
}
.quick-builder{
  width:min(100%,1120px);
  margin-top:30px;
  grid-template-columns:minmax(170px,1fr) minmax(170px,1fr) minmax(170px,1fr) 180px;
  align-items:center;
}
.quick-builder select,
.quick-builder .btn{
  min-width:0;
}
.float{
  top:52%;
  bottom:auto;
  left:18px;
  transform:translateY(-50%);
}
@media(max-width:980px){
  .hero{
    min-height:700px;
  }
  .hero-inner{
    min-height:700px;
    padding:64px 22px 44px;
  }
  .hero h1{
    max-width:720px;
    font-size:clamp(38px,8vw,54px);
  }
  .quick-builder{
    grid-template-columns:1fr 1fr;
  }
  .quick-builder .btn{
    grid-column:1 / -1;
  }
  .float{
    top:auto;
    bottom:92px;
    left:14px;
    transform:none;
  }
}
@media(max-width:560px){
  .hero{
    min-height:720px;
  }
  .hero-inner{
    min-height:720px;
    padding:42px 16px 34px;
  }
  .hero h1{
    font-size:34px;
    line-height:1.08;
  }
  .hero p{
    font-size:15px;
  }
  .hero-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .hero-actions .btn-big{
    width:100%;
    margin:0;
  }
  .quick-builder{
    grid-template-columns:1fr;
    margin-top:22px;
  }
}

/* Real product preview inside the builder. */
.real-mat-stage{
  height:310px;
  display:grid;
  place-items:center;
  background:#fff;
  border:1px solid #eadfce;
  border-radius:18px;
  box-shadow:0 14px 34px rgba(20,16,12,.08);
}
.real-mat-stage:before,
.real-mat-stage .mat-piece{
  display:none!important;
}
.builder-real{
  display:block!important;
  width:88%;
  height:88%;
  object-fit:contain;
  filter:drop-shadow(0 16px 22px rgba(20,16,12,.12));
  transition:opacity .18s ease,transform .18s ease;
}

/* Softer, more serious buttons. */
.btn,
.btn-dark,
.btn-soft,
.icon,
.links a,
.nav .actions .btn,
.nav .actions .btn-soft,
.nav .actions .icon,
.hero-arrow,
.quick-builder .btn{
  border-radius:12px;
  box-shadow:0 8px 18px rgba(20,16,12,.08);
  text-shadow:none;
  letter-spacing:0;
}
.btn:before,
.btn-dark:before,
.btn-soft:before,
.icon:before,
.links a:before{
  opacity:.28;
}
.btn{
  border-color:#f08a1c;
  background:linear-gradient(180deg,#ff9f3b 0%,#f58a18 100%);
  color:#fff;
}
.btn-dark,
.quick-builder .btn{
  border-color:#171717;
  background:linear-gradient(180deg,#1d1d1d 0%,#080808 100%);
  color:#fff;
}
.btn-soft{
  border-color:#e7dccf;
  background:linear-gradient(180deg,#fff 0%,#f7f1ea 100%);
  color:#171717;
}
.btn:hover,
.btn-dark:hover,
.btn-soft:hover,
.icon:hover,
.links a:hover,
.hero-arrow:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(20,16,12,.12);
}
.nav .actions{
  background:#fff;
  border-color:#eadfce;
  box-shadow:0 8px 22px rgba(20,16,12,.06);
}
.nav .actions .btn,
.nav .actions .btn-soft,
.nav .actions .icon{
  min-height:44px;
  padding:0 18px;
  font-size:15px;
}
.nav .actions .btn-soft{
  border-color:#e7dccf;
  background:#fff;
  color:#171717;
}
.nav .actions .icon{
  background:linear-gradient(180deg,#1d1d1d 0%,#080808 100%);
  color:#fff;
  border-color:#171717;
}
.links a{
  min-height:40px;
  padding:0 14px;
  border-radius:12px;
  background:#fff;
  color:#25211d;
}
.links a.active,
.links a:hover{
  border-color:#e7dccf;
  background:linear-gradient(180deg,#fff 0%,#f7f1ea 100%);
  box-shadow:0 8px 18px rgba(20,16,12,.07);
}
.hero-actions .btn-big{
  box-shadow:0 10px 22px rgba(20,16,12,.12);
}
.hero-actions .btn-soft{
  background:#fff;
}
.hero-actions .btn-dark{
  background:linear-gradient(180deg,#1d1d1d 0%,#080808 100%);
}
@media(max-width:560px){
  .real-mat-stage{
    height:260px;
  }
  .nav .actions .btn,
  .nav .actions .btn-soft,
  .nav .actions .icon{
    min-height:38px;
    padding:0 10px;
    font-size:13px;
  }
}

/* Clean corporate content bands and admin controls. */
.band{
  background:#fff!important;
  color:#171717!important;
}
.band .section{
  max-width:1220px;
  border:1px solid #eadfce;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 34px rgba(20,16,12,.06);
}
.band .muted{
  color:#625b54;
}
.admin-menu{
  background:#fff!important;
  border:1px solid #eadfce!important;
  border-radius:18px!important;
  box-shadow:0 10px 24px rgba(20,16,12,.06)!important;
  padding:9px 10px 13px!important;
  gap:7px!important;
  overflow-x:scroll!important;
  overflow-y:hidden!important;
  scrollbar-width:thin;
  scrollbar-color:#f4a552 #fff3e8;
}
.admin-menu::-webkit-scrollbar{height:8px}
.admin-menu::-webkit-scrollbar-track{background:#fff3e8;border-radius:999px}
.admin-menu::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#f9bf7d,#f39023);border-radius:999px;border:2px solid #fff3e8}
.admin-menu button,
.auth-tabs button{
  min-height:36px;
  border:1px solid #eadfce!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#3d3731!important;
  box-shadow:none!important;
  padding:0 13px;
  font-size:14px;
  font-weight:800;
}
.admin-menu button.active,
.admin-menu button:hover,
.auth-tabs button.active,
.auth-tabs button:hover{
  border-color:#f5b06a!important;
  background:#fff7ef!important;
  color:#e1730b!important;
  box-shadow:0 8px 18px rgba(243,144,35,.10)!important;
}
.admin-panels .panel,
.modal-card,
.drawer-panel{
  border:1px solid #eadfce;
  box-shadow:0 18px 44px rgba(20,16,12,.08);
}
.form button,
.card-actions button,
.drawer-panel button,
.modal-card button,
.admin-table button,
.simple-card button{
  min-height:38px;
  border-radius:11px!important;
  box-shadow:0 7px 16px rgba(20,16,12,.07)!important;
}
.form button.btn-dark,
.card-actions button.btn-dark,
.admin-table button.btn-dark{
  background:linear-gradient(180deg,#242424 0%,#111 100%)!important;
}
.form button.btn-soft,
.card-actions button.btn-soft,
.admin-table button.btn-soft,
.drawer-panel .close,
.modal-card .close{
  border:1px solid #eadfce!important;
  background:#fff!important;
  color:#171717!important;
}
.toggle-row{
  background:#fff!important;
  border-color:#eadfce!important;
  box-shadow:0 6px 14px rgba(20,16,12,.04);
}
.toggle-row input:checked{
  background:#f39023!important;
}

/* Final elegant button pass: lighter text, softer surfaces, no bulky shine. */
button,
.btn,
.btn-dark,
.btn-soft,
.icon,
.links a,
.nav .actions .btn,
.nav .actions .btn-dark,
.nav .actions .btn-soft,
.nav .actions .icon,
.hero-actions .btn-big,
.quick-builder .btn,
.admin-menu button,
.auth-tabs button,
.card-actions button,
.form button,
.drawer-panel button,
.modal-card button,
.simple-card button,
.admin-table button{
  min-height:38px!important;
  border-radius:12px!important;
  font-weight:650!important;
  font-size:14px!important;
  letter-spacing:0!important;
  text-shadow:none!important;
  box-shadow:0 4px 12px rgba(20,16,12,.055)!important;
}
.btn:before,
.btn-dark:before,
.btn-soft:before,
.icon:before,
.links a:before,
.admin-menu button:before,
.auth-tabs button:before{
  display:none!important;
}
.btn,
.nav .actions .btn,
.hero-actions .btn,
.form button.btn,
.card-actions button.btn,
.drawer-panel button.btn,
.modal-card button.btn{
  border:1px solid #f08a1c!important;
  background:#ff8f1f!important;
  color:#fff!important;
}
.btn-dark,
.quick-builder .btn,
.hero-actions .btn-dark,
.nav .actions .btn-dark,
.form button.btn-dark,
.card-actions button.btn-dark,
.admin-table button.btn-dark{
  border:1px solid #202020!important;
  background:#151515!important;
  color:#fff!important;
}
.btn-soft,
.nav .actions .btn-soft,
.hero-actions .btn-soft,
.form button.btn-soft,
.card-actions button.btn-soft,
.admin-table button.btn-soft,
.drawer-panel .close,
.modal-card .close,
.icon{
  border:1px solid #e8ded3!important;
  background:#fff!important;
  color:#1f1c18!important;
}
.nav .actions{
  gap:7px!important;
  padding:5px!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 6px 18px rgba(20,16,12,.055)!important;
}
.nav .actions .btn,
.nav .actions .btn-dark,
.nav .actions .btn-soft,
.nav .actions .icon{
  min-height:40px!important;
  padding:0 16px!important;
}
.links{
  gap:6px!important;
}
.links a{
  min-height:38px!important;
  padding:0 13px!important;
  border:1px solid transparent!important;
  background:#fff!important;
  color:#292520!important;
  box-shadow:none!important;
}
.links a.active,
.links a:hover{
  border-color:#e8ded3!important;
  background:#fbf7f2!important;
  color:#111!important;
  box-shadow:0 4px 12px rgba(20,16,12,.05)!important;
}
.cart-count{
  min-width:20px!important;
  height:20px!important;
  font-size:11px!important;
  font-weight:650!important;
  background:#151515!important;
  color:#fff!important;
}
.btn:hover,
.btn-dark:hover,
.btn-soft:hover,
.icon:hover,
.links a:hover,
.admin-menu button:hover,
.auth-tabs button:hover,
.card-actions button:hover,
.form button:hover,
.drawer-panel button:hover,
.modal-card button:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 7px 16px rgba(20,16,12,.09)!important;
}
.btn:active,
.btn-dark:active,
.btn-soft:active,
.icon:active,
.links a:active,
.admin-menu button:active,
.auth-tabs button:active{
  transform:translateY(0)!important;
  box-shadow:0 3px 8px rgba(20,16,12,.07)!important;
}
.admin-menu button,
.auth-tabs button{
  min-height:36px!important;
  padding:0 13px!important;
  color:#4a433c!important;
  box-shadow:none!important;
}
.admin-menu button.active,
.auth-tabs button.active{
  border-color:#efb36f!important;
  background:#fff6ec!important;
  color:#d96e0f!important;
}
@media(max-width:560px){
  .nav .actions .btn,
  .nav .actions .btn-dark,
  .nav .actions .btn-soft,
  .nav .actions .icon{
    min-height:36px!important;
    padding:0 10px!important;
    font-size:13px!important;
  }
  .links a{
    min-height:36px!important;
  }
}

/* Moving announcement bar */
.top{
  overflow:hidden!important;
  white-space:nowrap!important;
  padding:8px 0!important;
  background:#111!important;
  color:#fff!important;
}
.ticker-track{
  display:inline-flex;
  min-width:200%;
  gap:60px;
  animation:ticker-scroll 24s linear infinite;
}
.ticker-track span{
  color:#fff;
  font-size:13px;
  font-weight:600;
}
@keyframes ticker-scroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

/* Step-by-step mat builder */
.wizard-shell{
  max-width:1420px;
  padding-top:28px;
}
.wizard-card{
  position:relative;
  max-width:760px;
  margin:0 auto;
  padding:40px 46px;
  border:1px solid #dde3eb;
  border-radius:26px;
  background:#fff;
  box-shadow:0 18px 40px rgba(20,26,38,.08);
}
.wizard-card h1{
  margin:32px 0 14px;
  color:#101827;
  font-size:36px;
  line-height:1.08;
}
.wizard-card p{
  max-width:640px;
  color:#64708a;
  font-size:17px;
  line-height:1.7;
}
.wizard-steps{
  max-width:520px;
  margin:0 auto 26px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  position:relative;
}
.wizard-steps:before{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  top:20px;
  height:3px;
  background:#e4eaf2;
}
.wizard-step{
  position:relative;
  z-index:1;
  display:grid;
  justify-items:center;
  gap:8px;
  color:#99a5ba;
  font-weight:650;
}
.wizard-step span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:2px solid #dfe7f1;
  background:#eef3f9;
  color:#8d9bb0;
}
.wizard-step.active span,
.wizard-step.done span{
  border-color:#ff9142;
  background:#ff9142;
  color:#fff;
  box-shadow:0 10px 24px rgba(255,145,66,.24);
}
.wizard-step.active b,
.wizard-step.done b{
  color:#ff8835;
}
.wizard-search{
  height:58px;
  display:flex;
  align-items:center;
  gap:12px;
  margin:26px 0 32px;
  padding:0 18px;
  border:1px solid #dfe5ee;
  border-radius:17px;
  background:#fbfcfe;
  color:#9aa6b8;
}
.wizard-search input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  font-size:17px;
}
.wizard-grid{
  display:grid;
  gap:16px;
  max-height:560px;
  overflow:auto;
  padding:2px 2px 14px;
}
.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.model-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.wizard-tile{
  min-height:144px!important;
  display:grid!important;
  place-items:center!important;
  gap:12px!important;
  border:1px solid #e1e6ee!important;
  border-radius:18px!important;
  background:#fff!important;
  color:#111827!important;
  box-shadow:0 6px 18px rgba(20,26,38,.06)!important;
}
.wizard-tile:hover{
  border-color:#ff9142!important;
  box-shadow:0 12px 26px rgba(255,145,66,.14)!important;
}
.brand-tile img{
  max-width:72px;
  max-height:48px;
  object-fit:contain;
  filter:grayscale(1) contrast(1.1);
}
.model-tile svg{
  width:150px;
  height:68px;
  color:#111;
}
.wizard-back{
  position:absolute;
  left:34px;
  top:44px;
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  border:1px solid #dfe5ee!important;
  background:#fff!important;
  color:#60708a!important;
}
.wizard-selected{
  display:grid;
  grid-template-columns:48px 1fr auto;
  align-items:center;
  gap:16px;
  margin:10px 0 24px;
  padding:18px 22px;
  border:1px solid #dfe5ee;
  border-radius:18px;
  background:#fbfcfe;
}
.wizard-selected img{
  max-width:42px;
  max-height:42px;
  object-fit:contain;
  filter:grayscale(1) contrast(1.1);
}
.wizard-selected small,
.wizard-selected em{
  display:block;
  color:#94a0b4;
  font-style:normal;
}
.wizard-selected b{
  display:block;
  color:#111827;
  font-size:20px;
}
.link-button{
  border:0!important;
  background:transparent!important;
  color:#ff8835!important;
  box-shadow:none!important;
}
.wizard-year{
  display:grid;
  gap:24px;
  margin-top:38px;
}
.wizard-year select{
  height:68px;
  border:2px solid #dfe5ee;
  border-radius:17px;
  padding:0 24px;
  background:#fff;
  color:#111827;
  font-size:22px;
  font-weight:650;
}
.wizard-year .btn{
  height:66px!important;
  border-radius:17px!important;
}
.wizard-final{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(420px,.65fr);
  gap:24px;
  align-items:start;
}
.wizard-preview,.wizard-controls{
  border-radius:22px!important;
}
.wizard-preview{
  display:grid;
  gap:12px;
  padding:22px!important;
}
.wizard-preview h3{
  margin:0;
  font-size:20px;
}
.wizard-preview .muted{
  margin:0 0 4px;
}
.final-preview{
  height:min(62vw,640px);
  min-height:480px;
  background:#edf2f8;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden;
}
.final-preview .builder-real{
  width:96%;
  height:96%;
  object-fit:contain;
  filter:none;
}
.wizard-preview-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.wizard-controls{
  position:sticky;
  top:86px;
  max-height:calc(100vh - 110px);
  overflow:auto;
}
.wizard-controls .wizard-steps{
  margin-bottom:22px;
}
.wizard-package-grid,
.wizard-color-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-bottom:24px;
}
.wizard-color-grid .swatch{
  min-height:58px!important;
  display:grid;
  grid-template-columns:58px 1fr;
  align-items:center;
  gap:10px;
  padding:6px!important;
  text-align:left;
}
.wizard-color-grid .swatch img{
  width:58px;
  height:48px;
}
.wizard-color-grid .swatch small{
  display:block;
  color:#9aa6b8;
  font-size:10px;
}
.wizard-package-grid .pkg{
  display:grid;
  gap:5px;
  text-align:left;
}
.wizard-package-grid .pkg span{
  color:#64708a;
  font-size:12px;
}
.wizard-package-grid .pkg strong{
  color:#ff8835;
}
@media(max-width:980px){
  .wizard-final{grid-template-columns:1fr}
  .wizard-controls{position:static;max-height:none}
  .model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .wizard-card{padding:28px 20px;border-radius:20px}
  .wizard-card h1{font-size:30px}
  .brand-grid,.model-grid,.wizard-color-grid,.wizard-package-grid{grid-template-columns:1fr}
  .wizard-selected{grid-template-columns:42px 1fr}
  .wizard-selected .link-button{grid-column:1 / -1;justify-self:start}
  .final-preview{height:420px;min-height:420px}
  .wizard-preview-actions{grid-template-columns:1fr}
}

/* Softer quick vehicle finder label */
.quick-builder{
  padding-top:24px!important;
}
.quick-builder:before{
  content:"Aracini sec, paspasıni bul"!important;
  top:7px!important;
  left:18px!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#6f6256!important;
  font-size:12px!important;
  font-weight:600!important;
  box-shadow:none!important;
  letter-spacing:0!important;
}
@media(max-width:560px){
  .quick-builder{
    padding-top:30px!important;
  }
  .quick-builder:before{
    top:9px!important;
    left:14px!important;
  }
}

/* Premium loader and brand polish */
.site-loader{
  background:
    radial-gradient(circle at 50% 44%,rgba(255,255,255,.28) 0 16%,rgba(255,145,42,.34) 17% 36%,rgba(255,145,42,.10) 37% 58%,transparent 64%),
    linear-gradient(135deg,#fff8ee 0%,#f7901e 38%,#17110b 100%)!important;
  overflow:hidden;
}
.site-loader:before,
.site-loader:after{
  content:"";
  position:absolute;
  inset:auto;
  border-radius:999px;
  pointer-events:none;
}
.site-loader:before{
  width:48vw;
  height:48vw;
  min-width:420px;
  min-height:420px;
  background:radial-gradient(circle,rgba(255,255,255,.54),rgba(255,145,42,.26) 42%,transparent 70%);
  animation:loader-glow 2.6s ease-in-out infinite alternate;
}
.site-loader:after{
  width:160vw;
  height:160px;
  left:-30vw;
  top:52%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),rgba(255,145,42,.55),transparent);
  transform:rotate(-8deg);
  animation:loader-sweep 2.2s ease-in-out infinite;
}
.site-loader-inner{
  isolation:isolate;
  transform:translateZ(0);
}
.site-loader-orbit{
  width:min(360px,78vw)!important;
  height:min(360px,78vw)!important;
  border:1px solid rgba(255,255,255,.34)!important;
  background:rgba(255,255,255,.12);
  box-shadow:0 0 0 1px rgba(255,145,42,.28),0 0 90px rgba(255,145,42,.55),inset 0 0 60px rgba(255,255,255,.18)!important;
}
.site-loader-orbit:before{
  width:16px!important;
  height:16px!important;
  background:#fff!important;
  box-shadow:0 0 26px rgba(255,255,255,.95),0 0 42px rgba(255,145,42,.95)!important;
}
.site-loader-logo{
  width:min(300px,70vw)!important;
  max-height:120px!important;
  filter:drop-shadow(0 18px 38px rgba(0,0,0,.30))!important;
}
.site-loader-title{
  color:#fff!important;
  text-shadow:0 4px 0 rgba(0,0,0,.08),0 22px 50px rgba(0,0,0,.38)!important;
}
.site-loader-sub{
  color:#fff2df!important;
  text-shadow:0 8px 22px rgba(0,0,0,.35);
}
.site-loader-line{
  background:rgba(255,255,255,.40)!important;
  box-shadow:0 0 24px rgba(255,255,255,.30);
}
.site-loader-line:before{
  width:52%!important;
  background:linear-gradient(90deg,#fff,#ffd7a8,#ff8c1a)!important;
}
.logo img{
  width:min(240px,34vw)!important;
  max-height:58px!important;
  object-fit:contain!important;
}
.pb-showcase-copy img{
  width:min(240px,64vw)!important;
  height:auto!important;
  object-fit:contain!important;
}
.wizard-selected img{
  width:44px!important;
  height:44px!important;
  object-fit:contain!important;
  filter:none!important;
}
.builder-set-preview,
.pb-real-preview{
  transition:opacity .18s ease,transform .18s ease;
}
.pb-color-preview{
  min-height:560px!important;
  padding:12px!important;
  background:#eef1f6!important;
  border-color:#e2e7f0!important;
  box-shadow:0 22px 56px rgba(17,24,39,.10)!important;
}
.pb-color-preview img.pb-real-preview{
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  filter:drop-shadow(0 18px 22px rgba(15,23,42,.10))!important;
}
.final-preview img,
.real-mat-stage img.builder-set-preview{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
.builder-set-preview.is-loading,
.pb-real-preview.is-loading{
  opacity:.35;
}
@keyframes loader-glow{
  from{transform:scale(.92);opacity:.68}
  to{transform:scale(1.08);opacity:1}
}
@keyframes loader-sweep{
  0%{transform:translateX(-42%) rotate(-8deg);opacity:0}
  28%{opacity:.95}
  100%{transform:translateX(42%) rotate(-8deg);opacity:0}
}
@media(max-width:640px){
  .site-loader-logo{width:min(250px,78vw)!important}
  .site-loader-title{font-size:clamp(28px,10vw,44px)!important}
  .logo img{width:150px!important;max-width:150px!important}
}

/* Final Paspascim opening screen */
.site-loader{
  background:
    linear-gradient(90deg,rgba(5,5,5,.94),rgba(14,10,6,.78) 46%,rgba(5,5,5,.95)),
    radial-gradient(circle at 65% 45%,rgba(255,137,34,.24),transparent 32%),
    url("../img/previews/sets/gece-siyahi__toprak-kahve.webp"),
    linear-gradient(135deg,#050505,#18110a 56%,#050505)!important;
  background-size:cover,cover,min(760px,66vw) auto,cover!important;
  background-position:center,center,calc(50% + 310px) center,center!important;
  background-repeat:no-repeat!important;
}
.site-loader-inner{
  width:min(760px,88vw)!important;
  padding:42px 36px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.045))!important;
  box-shadow:0 34px 90px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.14)!important;
  backdrop-filter:blur(16px);
}
.site-loader-logo{
  width:min(270px,64vw)!important;
  max-height:92px!important;
  padding:12px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.94);
  filter:drop-shadow(0 20px 40px rgba(0,0,0,.42))!important;
}
.site-loader-title{
  font-size:clamp(40px,7vw,78px)!important;
  letter-spacing:0!important;
  color:#fff!important;
  text-shadow:0 18px 48px rgba(0,0,0,.55)!important;
}
.site-loader-sub{
  color:#ffe0ba!important;
  font-size:15px!important;
  letter-spacing:.2px!important;
}
.site-loader-orbit{
  border-color:rgba(255,145,42,.38)!important;
  background:radial-gradient(circle,rgba(255,145,42,.16),rgba(255,255,255,.05) 48%,transparent 72%)!important;
  box-shadow:0 0 0 1px rgba(255,145,42,.20),0 0 96px rgba(255,145,42,.35)!important;
}
@media(max-width:760px){
  .site-loader{
    background-position:center,center,center 74%,center!important;
    background-size:cover,cover,92vw auto,cover!important;
  }
  .site-loader-inner{
    padding:34px 22px!important;
  }
}

/* Final polish: managed announcement, realistic palettes, animated showcase and grand loader */
.top{
  height:38px!important;
  display:block;
  overflow:hidden!important;
  padding:0!important;
  background:var(--ticker-bg,#111)!important;
  color:var(--ticker-color,#fff)!important;
  border:0!important;
  white-space:nowrap!important;
}
.ticker-track{
  display:flex!important;
  width:max-content;
  min-width:220%;
  height:100%;
  align-items:center;
  gap:64px;
  animation:pb-ticker-move 24s linear infinite;
  will-change:transform;
}
.ticker-track span{
  flex:0 0 auto;
  color:var(--ticker-color,#fff)!important;
  font-size:13px!important;
  font-weight:760!important;
  letter-spacing:.02em;
}
.ticker-track b{
  color:var(--ticker-accent,#f39023)!important;
}
.top:hover .ticker-track{
  animation-play-state:paused;
}
@keyframes pb-ticker-move{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
.admin-color-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.admin-color-row label{
  display:grid;
  gap:6px;
  color:#6f6256;
  font-size:12px;
  font-weight:800;
}
.admin-color-row input[type=color]{
  width:100%;
  height:42px;
  padding:4px;
  border:1px solid #eadfce;
  border-radius:11px;
  background:#fff;
}
.pb-showcase-card{
  position:relative!important;
  border:4px solid transparent!important;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(90deg,#ff8a16,#ffd7aa,#ff8a16,#f39023) border-box!important;
  background-size:100% 100%,280% 100%!important;
  animation:pb-border-flow 5.8s linear infinite;
}
.pb-showcase-card:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:4px;
  background:linear-gradient(90deg,#ff8a16,#ffd7aa,#ff8a16,#f39023);
  background-size:280% 100%;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  animation:pb-border-flow 5.8s linear infinite;
}
.pb-showcase-card > *{
  position:relative;
  z-index:1;
}
@keyframes pb-border-flow{
  to{background-position:280% 0}
}
.wizard-color-grid .swatch img,
.pb-color-card img{
  image-rendering:auto;
  filter:saturate(1.08) contrast(1.06) brightness(.98)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 8px 18px rgba(15,23,42,.10)!important;
}
.wizard-color-grid .swatch,
.pb-color-card{
  background:linear-gradient(180deg,#fff,#fffaf5)!important;
  border-color:#eadfce!important;
}
.wizard-color-grid .swatch.active,
.pb-color-card.active{
  border-color:#f39023!important;
  box-shadow:0 12px 30px rgba(243,144,35,.16)!important;
}
.pb-color-preview,
.final-preview{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#eaf0f7!important;
}
.pb-color-preview img.pb-real-preview,
.final-preview img,
.real-mat-stage img.builder-set-preview{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:drop-shadow(0 20px 26px rgba(15,23,42,.12)) contrast(1.03) saturate(1.06)!important;
}
.site-loader{
  background:
    linear-gradient(90deg,rgba(3,3,3,.92),rgba(15,10,5,.70) 45%,rgba(3,3,3,.94)),
    radial-gradient(circle at 50% 50%,rgba(255,145,42,.36),rgba(255,145,42,.10) 30%,transparent 58%),
    url("../img/previews/sets/gece-siyahi__toprak-kahve.webp"),
    linear-gradient(135deg,#030303,#211206 58%,#030303)!important;
  background-size:cover,cover,min(860px,72vw) auto,cover!important;
  background-position:center,center,calc(50% + 330px) center,center!important;
  background-repeat:no-repeat!important;
}
.site-loader:after{
  height:220px!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),rgba(255,145,42,.55),rgba(255,255,255,.16),transparent)!important;
  mix-blend-mode:screen;
}
.site-loader-inner{
  border:1px solid rgba(255,255,255,.18)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.04))!important;
  box-shadow:0 42px 120px rgba(0,0,0,.56),0 0 120px rgba(255,145,42,.24),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.site-loader-title{
  background:linear-gradient(100deg,#fff,#fff2dc,#ff9a22,#fff);
  background-size:240% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
  animation:loader-title-shine 2.8s ease-in-out infinite;
}
.site-loader-line{
  height:7px!important;
  border-radius:999px!important;
}
@keyframes loader-title-shine{
  0%{background-position:110% 0}
  100%{background-position:-80% 0}
}
@media(max-width:720px){
  .admin-color-row{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .ticker-track,.pb-showcase-card,.pb-showcase-card:before,.site-loader-title{animation:none!important}
}

/* Cinematic intro wordmark */
.site-loader{
  perspective:1200px;
}
.site-loader-inner{
  min-height:420px!important;
  justify-content:center!important;
}
.site-loader-logo{
  opacity:0!important;
  transform:translateY(-10px) scale(.94);
  animation:intro-logo-ghost 2.45s ease forwards!important;
}
.site-loader-intro{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:auto auto;
  align-items:end;
  justify-content:center;
  column-gap:14px;
  margin-top:4px;
  font-size:clamp(50px,8vw,104px);
  line-height:.88;
  font-weight:950;
  letter-spacing:0;
  text-shadow:0 24px 60px rgba(0,0,0,.48);
}
.site-loader-intro span{
  display:inline-block;
  will-change:transform,opacity,filter;
}
.site-loader-intro .intro-left{
  color:#ff941f;
  transform:translateX(-46vw) rotateY(-18deg);
  opacity:0;
  filter:blur(7px);
  animation:intro-left-in .92s cubic-bezier(.18,.84,.26,1) .12s forwards;
}
.site-loader-intro .intro-right{
  color:#fff;
  transform:translateX(46vw) rotateY(18deg);
  opacity:0;
  filter:blur(7px);
  animation:intro-right-in .92s cubic-bezier(.18,.84,.26,1) .28s forwards;
}
.site-loader-intro .intro-tr{
  grid-column:1 / -1;
  justify-self:center;
  margin-top:8px;
  padding:6px 20px 8px;
  border-radius:999px;
  color:#111;
  background:linear-gradient(135deg,#fff,#ffd7aa 58%,#ff941f);
  box-shadow:0 20px 55px rgba(255,145,42,.28),inset 0 1px 0 rgba(255,255,255,.8);
  font-size:clamp(28px,4vw,48px);
  transform:translateY(34px) scale(.72);
  opacity:0;
  filter:blur(6px);
  animation:intro-tr-rise .72s cubic-bezier(.2,.9,.25,1) .88s forwards;
}
.site-loader-title{
  margin-top:20px!important;
  font-size:clamp(28px,4.4vw,58px)!important;
  opacity:0;
  transform:translateY(18px);
  animation:loader-title-shine 2.8s ease-in-out infinite,intro-signature .82s ease 1.36s forwards!important;
}
.site-loader-sub{
  opacity:0;
  transform:translateY(12px);
  animation:intro-signature .74s ease 1.62s forwards!important;
}
.site-loader-line{
  opacity:0;
  transform:scaleX(.45);
  transform-origin:center;
  animation:intro-line .9s ease 1.78s forwards!important;
}
.site-loader:before{
  animation:loader-glow 2.2s ease-in-out infinite alternate,intro-halo-pop .8s ease .92s both!important;
}
@keyframes intro-left-in{
  to{transform:translateX(0) rotateY(0);opacity:1;filter:blur(0)}
}
@keyframes intro-right-in{
  to{transform:translateX(0) rotateY(0);opacity:1;filter:blur(0)}
}
@keyframes intro-tr-rise{
  to{transform:translateY(0) scale(1);opacity:1;filter:blur(0)}
}
@keyframes intro-signature{
  to{transform:translateY(0);opacity:1}
}
@keyframes intro-line{
  to{transform:scaleX(1);opacity:1}
}
@keyframes intro-logo-ghost{
  0%{opacity:0;transform:translateY(-12px) scale(.94)}
  46%{opacity:.9;transform:translateY(0) scale(1)}
  100%{opacity:.18;transform:translateY(0) scale(.98)}
}
@keyframes intro-halo-pop{
  0%{opacity:0;transform:scale(.76)}
  100%{opacity:1;transform:scale(1)}
}
@media(max-width:640px){
  .site-loader-inner{min-height:390px!important}
  .site-loader-intro{column-gap:8px}
  .site-loader-title{font-size:clamp(25px,8vw,42px)!important}
}
@media(prefers-reduced-motion:reduce){
  .site-loader-logo,.site-loader-intro .intro-left,.site-loader-intro .intro-right,.site-loader-intro .intro-tr,.site-loader-title,.site-loader-sub,.site-loader-line,.site-loader:before{
    animation:none!important;
    opacity:1!important;
    transform:none!important;
    filter:none!important;
  }
}

/* Footer brand must never crop long names such as Paspascim.Tr */
.footer-slogan{
  max-width:100%!important;
  width:100%!important;
  font-size:clamp(28px,3vw,42px)!important;
  line-height:1.04!important;
  overflow:visible!important;
  overflow-wrap:anywhere;
}

/* Scoped reference layout: only home color demo and builder final screen */
body[data-page="home"] .pb-color-demo{
  max-width:none;
  width:100%;
  padding:38px 0 52px;
  background:#fffaf5;
  background-image:radial-gradient(#e8decf 1.1px,transparent 1.1px);
  background-size:24px 24px;
}
body[data-page="home"] .pb-color-demo .pb-section-title{
  max-width:700px;
  margin-bottom:28px;
}
body[data-page="home"] .pb-color-layout{
  width:min(1440px,calc(100% - 64px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(520px,1fr) minmax(520px,.96fr);
  gap:56px;
  align-items:start;
}
body[data-page="home"] .pb-color-controls{
  min-width:0;
}
body[data-page="home"] .pb-color-title{
  margin:0 0 10px;
  color:#9aa2ad;
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
}
body[data-page="home"] .pb-color-group + .pb-color-group{
  margin-top:26px;
}
body[data-page="home"] .pb-color-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 14px;
}
body[data-page="home"] .pb-color-card{
  min-height:68px;
  display:grid;
  grid-template-columns:68px minmax(0,1fr);
  grid-template-rows:1fr 1fr;
  gap:0 12px;
  align-items:center;
  padding:0 14px 0 0;
  border:1px solid #dfe4ea;
  border-radius:10px;
  background:#fff;
  box-shadow:none;
  overflow:hidden;
}
body[data-page="home"] .pb-color-card.active{
  border-color:#ff8616;
  box-shadow:0 0 0 1px #ff8616;
  background:#fffaf4;
}
body[data-page="home"] .pb-color-card img{
  grid-row:1/3;
  width:68px;
  height:68px;
  border-radius:8px 0 0 8px;
  object-fit:cover;
}
body[data-page="home"] .pb-color-card small{
  align-self:end;
  color:#9ba6b6;
  font-size:10px;
  font-weight:700;
}
body[data-page="home"] .pb-color-card b{
  align-self:start;
  color:#111827;
  font-size:17px;
  line-height:1.1;
}
body[data-page="home"] .pb-more{
  height:50px;
  margin-top:12px;
  border:1px dashed #e4ddd5;
  border-radius:12px;
  background:rgba(255,255,255,.74);
  color:#9aa2ad;
  font-size:16px;
}
body[data-page="home"] .pb-demo-cta{
  width:310px;
  height:64px;
  margin-top:24px;
  border-radius:14px;
  font-size:18px;
}
body[data-page="home"] .pb-color-preview{
  min-height:0;
  height:clamp(520px,45vw,670px);
  padding:18px;
  border:1px solid #e0e7f0;
  border-radius:18px;
  background:#eaf0f7;
  box-shadow:none;
  display:grid;
  place-items:center;
}
body[data-page="home"] .pb-color-preview img.pb-real-preview{
  width:96%;
  height:96%;
  max-height:none;
  object-fit:contain;
  background:transparent;
  filter:none;
}
body[data-page="builder"] .wizard-shell{
  max-width:1480px;
  padding:10px 12px 28px;
}
body[data-page="builder"] .wizard-final{
  display:grid;
  grid-template-columns:minmax(0,1fr) 380px;
  gap:20px;
  align-items:start;
}
body[data-page="builder"] .wizard-preview,
body[data-page="builder"] .wizard-controls{
  border:1px solid #dfe5ed;
  border-radius:15px!important;
  background:#fff;
  box-shadow:0 8px 24px rgba(15,23,42,.05);
}
body[data-page="builder"] .wizard-preview{
  padding:12px!important;
}
body[data-page="builder"] .wizard-preview h3{
  margin:0 0 4px;
  font-size:16px;
}
body[data-page="builder"] .wizard-preview .muted{
  margin:0 0 12px;
  font-size:12px;
}
body[data-page="builder"] .final-preview{
  height:calc(100vh - 122px);
  min-height:650px;
  border-radius:12px;
  background:#eaf0f7;
  display:grid;
  place-items:center;
}
body[data-page="builder"] .final-preview .builder-real{
  width:92%;
  height:92%;
  object-fit:contain;
}
body[data-page="builder"] .wizard-controls{
  top:10px;
  max-height:calc(100vh - 20px);
  padding:12px!important;
  overflow:auto;
}
body[data-page="builder"] .wizard-controls .wizard-steps{
  margin-bottom:12px;
}
body[data-page="builder"] .wizard-step span{
  width:28px;
  height:28px;
  font-size:12px;
}
body[data-page="builder"] .wizard-step b{
  font-size:10px;
}
body[data-page="builder"] .wizard-selected{
  min-height:70px;
  grid-template-columns:42px 1fr auto;
  gap:10px;
  padding:10px 12px;
  border-radius:12px;
}
body[data-page="builder"] .wizard-selected img{
  width:34px;
  height:34px;
  object-fit:contain;
}
body[data-page="builder"] .wizard-selected b{
  font-size:15px;
  line-height:1.12;
}
body[data-page="builder"] .wizard-selected em{
  font-size:11px;
}
body[data-page="builder"] .wizard-controls h3{
  margin:14px 0 8px;
  color:#9aa5b6;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body[data-page="builder"] .wizard-color-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  margin-bottom:10px;
}
body[data-page="builder"] .wizard-color-grid .swatch{
  min-height:50px!important;
  grid-template-columns:48px 1fr;
  gap:7px;
  padding:4px 8px 4px 4px!important;
  border-radius:8px;
  box-shadow:none;
}
body[data-page="builder"] .wizard-color-grid .swatch img{
  width:48px;
  height:42px;
  border-radius:7px;
  object-fit:cover;
}
body[data-page="builder"] .wizard-color-grid .swatch small{
  font-size:8px;
}
body[data-page="builder"] .wizard-color-grid .swatch b{
  font-size:11px;
  line-height:1.1;
}
body[data-page="builder"] .wizard-package-grid{
  grid-template-columns:1fr;
  gap:7px;
  margin-bottom:10px;
}
body[data-page="builder"] .wizard-package-grid .pkg{
  min-height:56px;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:2px 10px;
  padding:10px 12px;
  border-radius:10px;
  box-shadow:none;
}
body[data-page="builder"] .wizard-package-grid .pkg:after{
  display:none;
}
body[data-page="builder"] .wizard-package-grid .pkg b{
  font-size:12px;
}
body[data-page="builder"] .wizard-package-grid .pkg span{
  font-size:9px;
  line-height:1.25;
}
body[data-page="builder"] .wizard-package-grid .pkg strong{
  grid-row:1/3;
  grid-column:2;
  font-size:12px;
}
body[data-page="builder"] .builder-side-note{
  margin:10px 0;
  padding:9px 10px;
  border:1px solid #9ee6b3;
  border-radius:8px;
  background:#ecfff1;
  color:#159447;
  font-size:10px;
  font-weight:800;
}
body[data-page="builder"] #summary{
  display:grid;
  gap:6px;
  margin-top:8px;
}
body[data-page="builder"] #summary .summary-line{
  padding:8px 10px;
  border-radius:9px;
}
body[data-page="builder"] #summary .summary-line b{
  font-size:12px;
}
body[data-page="builder"] #summary .summary-line span{
  font-size:14px;
}
body[data-page="builder"] #summary .summary-tags span,
body[data-page="builder"] #summary small,
body[data-page="builder"] #summary p{
  font-size:10px;
}
body[data-page="builder"] .wizard-preview-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  margin-top:10px;
}
body[data-page="builder"] .wizard-preview-actions .btn,
body[data-page="builder"] .wizard-preview-actions .btn-soft{
  width:100%;
  min-height:42px;
  border-radius:9px;
  font-size:12px;
}
@media(max-width:1080px){
  body[data-page="home"] .pb-color-layout,
  body[data-page="builder"] .wizard-final{
    grid-template-columns:1fr;
  }
  body[data-page="home"] .pb-color-layout{
    width:min(760px,calc(100% - 32px));
  }
  body[data-page="builder"] .wizard-controls{
    position:static;
    max-height:none;
  }
}
@media(max-width:620px){
  body[data-page="home"] .pb-color-grid,
  body[data-page="builder"] .wizard-color-grid{
    grid-template-columns:1fr;
  }
  body[data-page="home"] .pb-color-preview{
    height:410px;
  }
  body[data-page="builder"] .final-preview{
    height:430px;
    min-height:430px;
  }
}

@media(max-width:560px){
  .footer-slogan{
    font-size:clamp(24px,8vw,34px)!important;
  }
}

/* Soft corporate finish */
:root{
  --brand:#f28b22;
  --brand-soft:#fff4e8;
  --line:#eadfce;
  --shadow:0 12px 32px rgba(20,16,12,.075);
}
.btn,
.btn-dark,
.btn-soft,
.icon,
.links a,
.nav .actions .btn,
.nav .actions .btn-dark,
.nav .actions .btn-soft,
.quick-builder .btn,
.hero-actions .btn-big,
.admin-menu button,
.auth-tabs button{
  border-radius:12px!important;
  font-weight:760!important;
  letter-spacing:0!important;
  box-shadow:0 6px 16px rgba(20,16,12,.065)!important;
}
.btn,
.nav .actions .btn,
.hero-actions .btn,
.form button.btn,
.drawer-panel button.btn,
.modal-card button.btn{
  background:#f28b22!important;
  border:1px solid #f28b22!important;
  color:#fff!important;
}
.btn-dark,
.nav .actions .btn-dark,
.quick-builder .btn,
.hero-actions .btn-dark,
.form button.btn-dark,
.admin-table button.btn-dark{
  background:#191919!important;
  border:1px solid #191919!important;
  color:#fff!important;
}
.btn-soft,
.nav .actions .btn-soft,
.hero-actions .btn-soft,
.form button.btn-soft,
.admin-table button.btn-soft,
.icon{
  background:#fff!important;
  border:1px solid #eadfce!important;
  color:#171717!important;
}
.btn:hover,
.btn-dark:hover,
.btn-soft:hover,
.icon:hover,
.links a:hover,
.admin-menu button:hover,
.auth-tabs button:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 9px 22px rgba(20,16,12,.09)!important;
}
.links a.active,
.links a:hover,
.admin-menu button.active,
.auth-tabs button.active{
  background:#fff4e8!important;
  border-color:#eadfce!important;
  color:#151515!important;
  box-shadow:0 5px 14px rgba(20,16,12,.055)!important;
}
.swatch,
.pkg,
.option,
.pb-color-card,
.wizard-color-grid .swatch,
.wizard-package-grid .pkg{
  border-width:1px!important;
  border-color:#eadfce!important;
  box-shadow:none!important;
}
.swatch.active,
.pkg.active,
.option.active,
.pb-color-card.active,
.wizard-color-grid .swatch.active,
body[data-page="home"] .pb-color-card.active{
  border-color:#f28b22!important;
  box-shadow:0 0 0 1px rgba(242,139,34,.22)!important;
  background:#fffaf4!important;
}
.panel,
.card,
.wizard-card,
.wizard-preview,
.wizard-controls,
.pb-showcase-card,
.pb-color-layout{
  border-color:#eadfce!important;
  box-shadow:0 10px 28px rgba(20,16,12,.055)!important;
}
.pb-color-preview,
.final-preview,
body[data-page="builder"] .final-preview,
body[data-page="home"] .pb-color-preview{
  background:#eef3f8!important;
  box-shadow:none!important;
}
.pb-color-preview img.pb-real-preview,
.final-preview img,
body[data-page="builder"] .final-preview .builder-real{
  width:86%!important;
  height:86%!important;
  object-fit:contain!important;
  filter:contrast(.92) saturate(.94) brightness(1.015)!important;
}
.wizard-step.active span,
.wizard-step.done span{
  background:#f28b22!important;
  border-color:#f28b22!important;
  box-shadow:0 6px 16px rgba(242,139,34,.16)!important;
}
.wizard-step.active b,
.wizard-step.done b,
.wizard-package-grid .pkg strong{
  color:#e47d19!important;
}

/* Header animated wordmark */
.brand-wordmark{
  position:relative!important;
  width:auto!important;
  min-width:178px!important;
  display:inline-grid!important;
  grid-template-columns:auto auto auto;
  align-items:end;
  gap:0;
  padding:8px 10px 12px!important;
  border-radius:16px;
  color:#151515;
  line-height:1;
  isolation:isolate;
}
.brand-wordmark:before{
  content:"";
  position:absolute;
  inset:2px;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,247,238,.72));
  box-shadow:0 14px 34px rgba(20,16,12,.07),inset 0 1px 0 rgba(255,255,255,.9);
  opacity:.78;
  z-index:-2;
}
.brand-wordmark:after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:5px;
  height:3px;
  border-radius:99px;
  background:linear-gradient(90deg,#f39023,#ffd0a0,#f39023);
  background-size:220% 100%;
  animation:brand-line-flow 2.8s linear infinite;
  z-index:-1;
}
.brand-wordmark span{
  display:inline-block;
  font-weight:900;
  letter-spacing:-.01em;
}
.brand-wordmark .brand-pas{
  color:#f39023;
  font-size:24px;
}
.brand-wordmark .brand-cim{
  color:#121212;
  font-size:24px;
  animation:brand-soft-pulse 3.4s ease-in-out infinite;
}
.brand-wordmark .brand-tr{
  color:#f39023;
  font-size:17px;
  align-self:start;
  margin-left:2px;
  margin-top:2px;
}
.brand-wordmark img{
  display:none!important;
}
@keyframes brand-line-flow{
  to{background-position:220% 0}
}
@keyframes brand-soft-pulse{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-1px)}
}
@media(max-width:760px){
  .brand-wordmark{
    min-width:140px!important;
    padding:7px 8px 11px!important;
  }
  .brand-wordmark .brand-pas,
  .brand-wordmark .brand-cim{
    font-size:20px;
  }
  .brand-wordmark .brand-tr{
    font-size:14px;
  }
}

/* Final admin repair tools, SEO-safe product polish and compact color demo */
.admin-tools-panel .admin-tools-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:18px 0;
}
.admin-tools-panel textarea{
  width:100%;
  min-height:180px;
  resize:vertical;
  border:1px solid var(--line);
  border-radius:14px;
  padding:14px;
  background:#fffdf9;
  color:#2d2924;
  line-height:1.55;
}
body[data-page="home"] .pb-color-card.is-extra{
  display:none!important;
}
body[data-page="home"] .pb-color-group.expanded .pb-color-card.is-extra{
  display:grid!important;
}
.site-loader-intro{
  max-width:min(92vw,980px)!important;
  font-size:clamp(42px,7.4vw,94px)!important;
  grid-template-columns:auto auto!important;
  row-gap:0!important;
}
.site-loader-intro .intro-tr{
  display:none!important;
}
.site-loader-title{
  max-width:92vw!important;
  text-wrap:balance;
}
.card .photo{
  background:#f3f6fa;
  isolation:isolate;
}
.card .photo img{
  transform-origin:center;
  transition:transform .42s cubic-bezier(.2,.8,.2,1),filter .42s ease!important;
  will-change:transform;
}
.card:hover .photo img,
.pb-showcase-image:hover img,
.pb-color-preview:hover img{
  transform:scale(1.075)!important;
  filter:saturate(1.04) contrast(1.03);
}
.modal.open .modal-card{
  width:min(980px,94vw)!important;
  max-height:86vh;
  overflow:auto;
  border:1px solid rgba(234,223,206,.9);
  box-shadow:0 28px 90px rgba(20,16,12,.20);
}
.detail-pro{
  grid-template-columns:minmax(300px,.95fr) minmax(280px,1fr)!important;
  gap:28px!important;
}
.detail-media{
  display:grid;
  gap:12px;
}
.detail-media > img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:contain!important;
  border-radius:18px!important;
  background:#eef3f8!important;
  padding:18px;
}
.detail-thumbs{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.detail-thumbs button{
  padding:0!important;
  min-height:58px!important;
  border:1px solid #e4ddd5!important;
  border-radius:10px!important;
  background:#fff!important;
  overflow:hidden;
}
.detail-thumbs button.active{
  border-color:#f28b22!important;
  box-shadow:0 0 0 1px #f28b22!important;
}
.detail-thumbs img{
  width:100%;
  height:58px;
  object-fit:cover;
}
.detail-info h2{
  font-size:clamp(25px,3vw,38px);
  line-height:1.08;
  margin:8px 0 12px;
}
.detail-stock{
  display:inline-flex;
  margin:8px 0 16px;
  padding:8px 12px;
  border-radius:999px;
  background:#edf9ef;
  color:#139845;
  font-weight:800;
}
.detail-specs{
  display:grid;
  gap:8px;
  margin:18px 0;
  padding:0;
  list-style:none;
}
.detail-specs li{
  padding:10px 12px;
  border:1px solid #eee4d8;
  border-radius:12px;
  background:#fffaf5;
  font-weight:700;
}
.detail-price-row{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:16px;
  margin:18px 0;
  padding:14px;
  border:1px solid #eee4d8;
  border-radius:14px;
  background:#fff;
}
.detail-price-row span{
  color:#8d8580;
  font-weight:800;
}
.detail-price-row h2{
  margin:0;
  color:#f28b22;
}
.detail-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
@media(max-width:760px){
  .admin-tools-panel .admin-tools-grid,
  .detail-pro,
  .detail-actions{
    grid-template-columns:1fr!important;
  }
  .detail-thumbs{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

/* Refined header identity */
.nav .brand-wordmark{
  min-width:182px!important;
  grid-template-columns:34px auto auto auto!important;
  grid-template-rows:auto auto!important;
  column-gap:0!important;
  row-gap:1px!important;
  align-items:center!important;
  padding:10px 14px 12px 12px!important;
  border:1px solid rgba(238,226,211,.86)!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 14px 38px rgba(20,16,12,.07)!important;
  backdrop-filter:blur(12px);
}
.nav .brand-wordmark:before{
  content:"";
  position:relative;
  inset:auto;
  grid-row:1/3;
  grid-column:1;
  width:28px;
  height:28px;
  border-radius:10px 14px 14px 10px;
  background:
    radial-gradient(circle at 62% 50%,#111 0 45%,transparent 46%),
    linear-gradient(145deg,#111 0 68%,#f28b22 69% 100%);
  box-shadow:0 8px 18px rgba(20,16,12,.16);
  opacity:1;
  z-index:1;
}
.nav .brand-wordmark:after{
  left:52px!important;
  right:14px!important;
  bottom:8px!important;
  height:2px!important;
  opacity:.72;
}
.nav .brand-wordmark .brand-pas{
  grid-column:2;
  grid-row:1;
  font-size:22px!important;
  color:#f28b22!important;
}
.nav .brand-wordmark .brand-cim{
  grid-column:3;
  grid-row:1;
  font-size:22px!important;
  color:#111!important;
}
.nav .brand-wordmark .brand-tr{
  grid-column:4;
  grid-row:1;
  align-self:center!important;
  margin:0 0 0 1px!important;
  font-size:14px!important;
  color:#5c5752!important;
}
.nav .brand-wordmark .brand-pas:after{
  content:"Gölcük";
  position:absolute;
  left:52px;
  top:34px;
  color:#706962;
  font-size:11px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
@media(max-width:760px){
  .nav .brand-wordmark{
    min-width:156px!important;
    padding:9px 10px 11px 10px!important;
  }
  .nav .brand-wordmark .brand-pas,
  .nav .brand-wordmark .brand-cim{
    font-size:18px!important;
  }
  .nav .brand-wordmark .brand-tr{
    font-size:12px!important;
  }
  .nav .brand-wordmark .brand-pas:after{
    left:46px;
    top:30px;
    font-size:10px;
  }
}

/* Clean final logo lockup */
.nav .brand-wordmark{
  min-width:226px!important;
  height:58px!important;
  grid-template-columns:36px auto auto auto!important;
  grid-template-rows:26px 14px!important;
  align-items:center!important;
  column-gap:0!important;
  padding:8px 16px 8px 14px!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
.nav .brand-wordmark:before{
  width:32px!important;
  height:32px!important;
  border-radius:999px 999px 999px 10px!important;
  align-self:center!important;
}
.nav .brand-wordmark:after{
  display:none!important;
}
.nav .brand-wordmark span{
  line-height:1!important;
  white-space:nowrap!important;
}
.nav .brand-wordmark .brand-pas{
  grid-column:2!important;
  grid-row:1!important;
  font-size:25px!important;
  letter-spacing:-.025em!important;
}
.nav .brand-wordmark .brand-cim{
  grid-column:3!important;
  grid-row:1!important;
  font-size:25px!important;
  letter-spacing:-.03em!important;
  animation:none!important;
}
.nav .brand-wordmark .brand-tr{
  grid-column:4!important;
  grid-row:1!important;
  align-self:end!important;
  margin:0 0 1px 2px!important;
  font-size:15px!important;
  font-weight:850!important;
}
.nav .brand-wordmark .brand-pas:after{
  content:"GÖLCÜK";
  position:absolute;
  left:70px;
  top:36px;
  color:#7b7269;
  font-size:10px;
  font-weight:900;
  letter-spacing:.18em;
}
@media(max-width:760px){
  .nav .brand-wordmark{
    min-width:190px!important;
    height:54px!important;
    padding:8px 12px!important;
  }
  .nav .brand-wordmark .brand-pas,
  .nav .brand-wordmark .brand-cim{
    font-size:21px!important;
  }
  .nav .brand-wordmark .brand-tr{
    font-size:13px!important;
  }
  .nav .brand-wordmark .brand-pas:after{
    left:62px;
    top:33px;
    font-size:9px;
  }
}

/* Last override: keep the current visual decision above older repeated rules */
.admin-save-status{max-width:1220px;margin:0 auto 16px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #e8ded3;border-radius:16px;background:#fff;box-shadow:0 14px 34px rgba(20,16,12,.06)}
.admin-save-status[data-state="saving"]{border-color:#f4bc7c;background:#fff8ef}.admin-save-status[data-state="ok"]{border-color:#9ee6b3;background:#f3fff6}.admin-save-status[data-state="error"]{border-color:#ffb3a9;background:#fff5f3}.admin-status-actions{display:flex;gap:8px;flex-wrap:wrap}
#aiChat .chat-panel{width:min(430px,calc(100vw - 24px))!important;border:1px solid #292a31!important;border-radius:0!important;background:#0b0b0f!important;color:#f6f4ef!important}
#aiChat .chat-head{background:#101015!important;border-bottom:1px solid #202127!important;align-items:center!important;justify-content:flex-start!important}
#aiChat .chat-body{background:radial-gradient(circle at 26% 80%,rgba(255,145,42,.18) 0 2px,transparent 3px),radial-gradient(circle at 78% 35%,rgba(255,145,42,.14) 0 2px,transparent 3px),#09090d!important}
#aiChat .chat-msg.bot{background:#242429!important;border:1px solid #3a3a42!important}.chat-row{display:flex;gap:10px;align-items:flex-start}.chat-row.user{justify-content:flex-end}
#aiChat .chat-quick{display:grid!important;background:#09090d!important;border:0!important}.chat-quick button{border-radius:10px!important}
.model-tile .model-svg{width:154px!important;height:70px!important;color:#101010!important}
.pb-color-preview,body[data-page="builder"] .final-preview{background:#eaf0f7!important;border-color:#dce4ee!important;overflow:hidden!important}
.pb-color-preview img.pb-real-preview,.real-mat-stage img.builder-set-preview{width:96%!important;height:96%!important;margin:auto!important;object-fit:contain!important;object-position:center!important;filter:contrast(1.08) saturate(1.08) drop-shadow(0 18px 24px rgba(30,36,44,.13))!important}

/* Last override: compact account modal */
#loginModal .modal-card{
  width:min(430px,calc(100vw - 28px))!important;
  margin:8vh auto!important;
  padding:24px!important;
  border:1px solid #eee2d5!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#fff,#fffdf9)!important;
  box-shadow:0 26px 80px rgba(20,16,12,.22)!important;
}
#loginModal .modal-card h2{
  margin:0 0 16px!important;
  font-size:26px!important;
  line-height:1.1!important;
  letter-spacing:0!important;
}
#loginModal .modal-card .close{
  position:absolute!important;
  right:16px!important;
  top:16px!important;
  width:38px!important;
  height:38px!important;
  border-radius:13px!important;
  background:#fff!important;
  border:1px solid #eee2d5!important;
  color:#221f1b!important;
  box-shadow:0 8px 22px rgba(20,16,12,.08)!important;
}
#loginModal .auth-tabs{
  display:inline-grid!important;
  grid-template-columns:1fr 1fr!important;
  width:100%!important;
  gap:6px!important;
  margin:4px 0 14px!important;
  padding:4px!important;
  border:1px solid #eee2d5!important;
  border-radius:15px!important;
  background:#fbf6ef!important;
}
#loginModal .auth-tabs button{
  min-height:38px!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#5e564d!important;
  font-size:14px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
#loginModal .auth-tabs button.active{
  background:#111!important;
  color:#fff!important;
}
#loginModal .form{gap:10px!important}
#loginModal .form input,
#loginModal .form textarea,
#loginModal .form select{
  min-height:46px!important;
  padding:0 14px!important;
  border-radius:13px!important;
  border:1px solid #eadfce!important;
  background:#fff!important;
  font-size:15px!important;
}
#loginModal .form textarea{
  min-height:82px!important;
  padding-top:12px!important;
}
#loginModal .form .btn{
  min-height:46px!important;
  border-radius:13px!important;
  font-size:15px!important;
  font-weight:850!important;
}
#loginModal .two{grid-template-columns:1fr!important}


.works-page{padding-top:42px}
.works-head p{max-width:760px;color:#666;line-height:1.7}
.works-tabs{display:inline-flex;gap:8px;padding:6px;border:1px solid rgba(243,144,35,.24);border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(18,18,18,.06);margin:0 0 24px}
.works-tabs button{border:0;background:transparent;color:#222;padding:12px 20px;border-radius:14px;font-weight:750;cursor:pointer;transition:.2s ease}
.works-tabs button.active{background:#fff4e8;color:#e97812;box-shadow:inset 0 0 0 1px rgba(243,144,35,.22)}
.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.work-card{overflow:hidden;border:1px solid rgba(214,196,174,.78);border-radius:18px;background:#fff;box-shadow:0 18px 42px rgba(18,18,18,.06);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.work-card:hover{transform:translateY(-4px);box-shadow:0 26px 58px rgba(18,18,18,.1);border-color:rgba(243,144,35,.46)}
.work-media{position:relative;aspect-ratio:4/3;background:#f4f6f8;overflow:hidden}
.work-media img,.work-media video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.work-card:hover .work-media img,.work-card:hover .work-media video{transform:scale(1.045)}
.work-media span{position:absolute;right:12px;top:12px;background:rgba(10,10,10,.72);color:#fff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}
.work-body{padding:18px}
.work-body b{display:block;font-size:18px;margin-bottom:8px;color:#111}
.work-body small{display:block;color:#f28b1a;font-weight:800;margin-bottom:8px}
.work-body p{margin:0;color:#666;line-height:1.6}
.works-admin-editor{grid-template-columns:1fr}
.works-edit-list{margin-top:14px}
@media (max-width:900px){.works-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.works-grid{grid-template-columns:1fr}.works-tabs{display:grid;grid-template-columns:1fr;width:100%}.works-tabs button{width:100%}}

/* Final soft navigation polish. Keeps long labels visible without heavy buttons. */
.nav{max-width:min(1480px,100%)!important;gap:12px!important}
.links{flex:1 1 auto!important;min-width:0!important;gap:5px!important;padding:4px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;justify-content:flex-start!important}
.links::-webkit-scrollbar{display:none}
.links a{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-height:38px!important;max-width:none!important;padding:0 11px!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;color:#292520!important;font-size:14px!important;font-weight:600!important;line-height:1!important;letter-spacing:0!important;white-space:nowrap!important;box-shadow:none!important}
.links a.active,.links a:hover{border-color:#eadfce!important;background:#fff7ef!important;color:#111!important;box-shadow:0 8px 18px rgba(20,16,12,.055)!important;transform:translateY(-1px)}
.nav .actions .btn,.nav .actions .btn-dark,.nav .actions .btn-soft,.nav .actions .icon,.lang-toggle{min-height:38px!important;border-radius:12px!important;font-size:14px!important;font-weight:650!important;letter-spacing:0!important}
.nav .actions .btn{box-shadow:0 8px 18px rgba(243,144,35,.13)!important}
.nav .actions .btn-dark{box-shadow:0 8px 18px rgba(0,0,0,.12)!important}
@media(max-width:1180px){.links a{font-size:13px!important;padding:0 9px!important}.nav{gap:9px!important}}
@media(max-width:980px){.links{overflow-x:visible!important;padding:14px 18px!important;gap:8px!important}.links a{justify-content:flex-start!important;width:100%!important;min-height:42px!important;padding:0 14px!important}}

/* Ensure the full desktop menu is visible instead of being clipped by actions. */
@media(min-width:981px){
  .nav{flex-wrap:wrap!important;align-content:center!important;row-gap:6px!important;padding-top:7px!important;padding-bottom:7px!important}
  .links{flex-wrap:wrap!important;overflow:visible!important;row-gap:4px!important}
  .links a{min-height:34px!important;padding:0 9px!important;font-size:13px!important;font-weight:560!important}
  .nav .actions{margin-left:auto!important;flex:0 0 auto!important}
  .nav .actions .btn,.nav .actions .btn-dark,.nav .actions .btn-soft,.nav .actions .icon,.lang-toggle{min-height:36px!important;padding-left:11px!important;padding-right:11px!important;font-size:13px!important;font-weight:620!important}
}

/* Compact one-line corporate header. Action buttons use the same visual language as menu links. */
@media(min-width:981px){
  .site-header .nav{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:10px!important;
    min-height:66px!important;
    padding:0 12px!important;
    overflow:visible!important;
  }
  .site-header .brand-wordmark{
    flex:0 0 238px!important;
    max-width:238px!important;
    min-width:238px!important;
    height:56px!important;
    min-height:56px!important;
    padding:6px 14px 6px 58px!important;
    border-radius:17px!important;
  }
  .site-header .brand-wordmark .brand-pas,
  .site-header .brand-wordmark .brand-cim{
    font-size:25px!important;
    line-height:.95!important;
  }
  .site-header .brand-wordmark .brand-tr{
    font-size:17px!important;
    line-height:1!important;
  }
  .site-header .brand-wordmark .brand-sub{
    font-size:10px!important;
    letter-spacing:1.6px!important;
  }
  .site-header .links{
    display:flex!important;
    flex:1 1 auto!important;
    flex-wrap:nowrap!important;
    justify-content:center!important;
    gap:4px!important;
    min-width:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .site-header .links a,
  .site-header .actions .btn,
  .site-header .actions .btn-dark,
  .site-header .actions .btn-soft,
  .site-header .actions .icon,
  .site-header .lang-toggle{
    height:40px!important;
    min-height:40px!important;
    padding:0 10px!important;
    border-radius:13px!important;
    border:1px solid transparent!important;
    background:transparent!important;
    color:#2d2925!important;
    box-shadow:none!important;
    font-size:13px!important;
    font-weight:560!important;
    line-height:1!important;
    white-space:nowrap!important;
    letter-spacing:0!important;
    transform:none!important;
  }
  .site-header .links a.active,
  .site-header .links a:hover,
  .site-header .actions .btn:hover,
  .site-header .actions .btn-dark:hover,
  .site-header .actions .btn-soft:hover,
  .site-header .actions .icon:hover,
  .site-header .lang-toggle:hover{
    border-color:#eadfce!important;
    background:#fff7ef!important;
    color:#111!important;
    box-shadow:0 10px 22px rgba(20,16,12,.055)!important;
  }
  .site-header .actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex:0 0 auto!important;
    gap:4px!important;
    margin-left:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .site-header .actions .btn-ico{
    display:none!important;
  }
  .site-header .actions .btn{
    color:#ef8319!important;
    background:#fff7ef!important;
    border-color:#f3dfc9!important;
  }
  .site-header .actions .count{
    min-width:17px!important;
    height:17px!important;
    margin-left:3px!important;
    font-size:10px!important;
  }
  .site-header .lang-toggle{
    min-width:54px!important;
    width:auto!important;
    gap:3px!important;
    padding:0 8px!important;
    font-size:12px!important;
  }
  .site-header .lang-toggle i{
    width:1px!important;
    height:14px!important;
    background:#eadfce!important;
  }
}
@media(min-width:981px) and (max-width:1280px){
  .site-header .brand-wordmark{flex-basis:204px!important;min-width:204px!important;max-width:204px!important}
  .site-header .brand-wordmark .brand-pas,
  .site-header .brand-wordmark .brand-cim{font-size:22px!important}
  .site-header .brand-wordmark .brand-tr{font-size:15px!important}
  .site-header .links a,
  .site-header .actions .btn,
  .site-header .actions .btn-dark,
  .site-header .actions .btn-soft,
  .site-header .actions .icon,
  .site-header .lang-toggle{font-size:12px!important;padding-left:7px!important;padding-right:7px!important}
}

/* Correct target: the header itself is .nav, so force one clean desktop row. */
@media(min-width:981px){
  header.nav{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:12px!important;
    flex-wrap:nowrap!important;
    max-width:100%!important;
    width:100%!important;
    min-height:72px!important;
    padding:0 22px!important;
    row-gap:0!important;
    overflow:visible!important;
  }
  header.nav .hamb{display:none!important}
  header.nav .brand-wordmark{
    grid-column:1!important;
    width:250px!important;
    min-width:250px!important;
    max-width:250px!important;
    height:56px!important;
    min-height:56px!important;
    margin:0!important;
    padding:6px 14px 6px 58px!important;
  }
  header.nav .brand-wordmark .brand-pas,
  header.nav .brand-wordmark .brand-cim{font-size:25px!important;line-height:.94!important}
  header.nav .brand-wordmark .brand-tr{font-size:17px!important;line-height:1!important}
  header.nav .links{
    grid-column:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    min-width:0!important;
    width:100%!important;
    padding:0!important;
    overflow:hidden!important;
  }
  header.nav .links a{
    min-width:0!important;
    max-width:none!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 9px!important;
    border-radius:12px!important;
    font-size:13px!important;
    font-weight:560!important;
    flex:0 1 auto!important;
  }
  header.nav .actions{
    grid-column:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  header.nav .actions .btn,
  header.nav .actions .btn-dark,
  header.nav .actions .btn-soft,
  header.nav .actions .icon,
  header.nav .lang-toggle{
    height:38px!important;
    min-height:38px!important;
    padding:0 10px!important;
    border-radius:12px!important;
    border:1px solid transparent!important;
    background:transparent!important;
    color:#2d2925!important;
    box-shadow:none!important;
    font-size:13px!important;
    font-weight:560!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }
  header.nav .actions .btn-ico{display:none!important}
  header.nav .actions .btn{color:#ef8319!important;background:#fff7ef!important;border-color:#f3dfc9!important}
  header.nav .actions .btn-dark{background:#111!important;color:#fff!important;border-color:#111!important}
  header.nav .actions .btn-soft{background:#fff!important;border-color:#eadfce!important}
  header.nav .actions .count{
    min-width:17px!important;
    height:17px!important;
    margin-left:4px!important;
    font-size:10px!important;
  }
  header.nav .lang-toggle{min-width:52px!important;padding:0 8px!important;font-size:12px!important;gap:3px!important}
}
@media(min-width:981px) and (max-width:1320px){
  header.nav{padding-left:14px!important;padding-right:14px!important;column-gap:8px!important}
  header.nav .brand-wordmark{width:214px!important;min-width:214px!important;max-width:214px!important}
  header.nav .brand-wordmark .brand-pas,
  header.nav .brand-wordmark .brand-cim{font-size:22px!important}
  header.nav .brand-wordmark .brand-tr{font-size:15px!important}
  header.nav .links{gap:2px!important}
  header.nav .links a,
  header.nav .actions .btn,
  header.nav .actions .btn-dark,
  header.nav .actions .btn-soft,
  header.nav .actions .icon,
  header.nav .lang-toggle{font-size:12px!important;padding-left:6px!important;padding-right:6px!important}
}


/* Managed hero slider with cinematic transitions and editable overlay text. */
.hero .slide{overflow:hidden;will-change:opacity,transform,filter;background-size:cover;background-repeat:no-repeat;transition:opacity .9s ease,transform 6.2s ease,filter .9s ease}
.hero .slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.66),rgba(0,0,0,.28) 48%,rgba(0,0,0,.06));z-index:1;pointer-events:none}
.hero .slide.active{opacity:1;filter:saturate(1.04) contrast(1.02)}
.hero .slide.leaving{filter:saturate(.85) brightness(.82)}
.hero .slide-brand{position:absolute;left:clamp(24px,5vw,86px);top:clamp(72px,13vh,132px);z-index:2;display:inline-flex;align-items:center;gap:10px;padding:13px 18px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(0,0,0,.34);backdrop-filter:blur(10px);color:#fff;font-size:clamp(18px,2.2vw,34px);font-weight:850;letter-spacing:.01em;text-shadow:0 10px 26px rgba(0,0,0,.45);opacity:0;transform:translateY(16px);transition:.65s ease .2s;box-shadow:0 18px 48px rgba(0,0,0,.24)}
.hero .slide-brand:before{content:"";width:11px;height:11px;border-radius:999px;background:#f28b1a;box-shadow:0 0 0 8px rgba(242,139,26,.18)}
.hero .slide-brand.is-hidden{display:none}
.hero .slide.active .slide-brand{opacity:1;transform:translateY(0)}
.hero .slide-zoom.active{transform:scale(1.075)}
.hero .slide-pan-right.active{transform:scale(1.06) translateX(1.4%)}
.hero .slide-pan-left.active{transform:scale(1.06) translateX(-1.4%)}
.hero .slide-lift.active{transform:scale(1.055) translateY(-1.2%)}
.hero.hero-cinematic .slide.active{animation:hero-soft-focus 5.2s ease both}
@keyframes hero-soft-focus{0%{filter:brightness(.86) saturate(.94)}32%{filter:brightness(1.03) saturate(1.08)}100%{filter:brightness(1) saturate(1.04)}}
.admin-slider-list{display:grid;gap:14px;margin-top:16px}.admin-slider-row{display:grid;grid-template-columns:128px 1fr;gap:14px;align-items:start;padding:12px;border:1px solid #eadfce;border-radius:16px;background:#fffaf4}.admin-slider-row img{width:128px;height:86px;object-fit:cover;border-radius:12px;border:1px solid #eadfce;box-shadow:0 12px 24px rgba(20,16,12,.08)}
@media(max-width:760px){.admin-slider-row{grid-template-columns:1fr}.admin-slider-row img{width:100%;height:160px}.hero .slide-brand{left:16px;right:16px;top:78px;justify-content:center;font-size:20px}}


/* Final Paspascım brand lockup: cleaner, balanced and readable. */
.nav .brand-wordmark,
header.nav .brand-wordmark{
  position:relative!important;
  display:grid!important;
  grid-template-columns:42px auto auto auto!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:2px!important;
  row-gap:0!important;
  width:272px!important;
  min-width:272px!important;
  max-width:272px!important;
  height:64px!important;
  min-height:64px!important;
  padding:7px 18px 8px 16px!important;
  overflow:hidden!important;
  border:1px solid rgba(226,207,185,.88)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#fff 0%,#fffaf4 100%)!important;
  box-shadow:0 16px 38px rgba(30,22,14,.08)!important;
}
.nav .brand-wordmark:before,
header.nav .brand-wordmark:before{
  content:""!important;
  grid-column:1!important;
  grid-row:1 / span 2!important;
  position:relative!important;
  inset:auto!important;
  width:38px!important;
  height:38px!important;
  border-radius:50% 50% 50% 12px!important;
  background:radial-gradient(circle at 35% 30%,#191919 0 54%,#0c0c0c 55% 100%)!important;
  box-shadow:inset -9px -9px 0 rgba(0,0,0,.16),0 10px 22px rgba(0,0,0,.16)!important;
  transform:none!important;
}
.nav .brand-wordmark:after,
header.nav .brand-wordmark:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:72px!important;
  right:38px!important;
  bottom:11px!important;
  height:3px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#f28b1a,rgba(242,139,26,.18))!important;
  animation:brand-line-flow 3.4s ease-in-out infinite!important;
}
.nav .brand-wordmark .brand-pas,
header.nav .brand-wordmark .brand-pas{
  grid-column:2!important;
  grid-row:1!important;
  color:#f28b1a!important;
  font-size:29px!important;
  font-weight:900!important;
  line-height:.92!important;
  letter-spacing:-.04em!important;
  text-transform:none!important;
}
.nav .brand-wordmark .brand-cim,
header.nav .brand-wordmark .brand-cim{
  grid-column:3!important;
  grid-row:1!important;
  color:#121212!important;
  font-size:29px!important;
  font-weight:900!important;
  line-height:.92!important;
  letter-spacing:-.04em!important;
  animation:none!important;
  text-transform:none!important;
}
.nav .brand-wordmark .brand-tr,
header.nav .brand-wordmark .brand-tr{
  grid-column:4!important;
  grid-row:1!important;
  align-self:end!important;
  color:#5f5a54!important;
  font-size:16px!important;
  font-weight:850!important;
  line-height:1!important;
  margin-left:3px!important;
  letter-spacing:-.02em!important;
}
.nav .brand-wordmark .brand-pas:after,
header.nav .brand-wordmark .brand-pas:after{
  content:"GÖLCÜK"!important;
  position:absolute!important;
  left:74px!important;
  top:39px!important;
  color:#6b6259!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:3.3px!important;
  line-height:1!important;
}
@media(min-width:981px) and (max-width:1320px){
  header.nav .brand-wordmark{width:238px!important;min-width:238px!important;max-width:238px!important}
  header.nav .brand-wordmark .brand-pas,header.nav .brand-wordmark .brand-cim{font-size:25px!important}
  header.nav .brand-wordmark .brand-tr{font-size:14px!important}
  header.nav .brand-wordmark .brand-pas:after{left:70px!important;top:38px!important;font-size:10px!important;letter-spacing:2.8px!important}
}
@media(max-width:760px){
  .nav .brand-wordmark,header.nav .brand-wordmark{width:220px!important;min-width:220px!important;max-width:220px!important;height:58px!important;min-height:58px!important;padding-left:13px!important}
  .nav .brand-wordmark .brand-pas,header.nav .brand-wordmark .brand-pas,.nav .brand-wordmark .brand-cim,header.nav .brand-wordmark .brand-cim{font-size:24px!important}
  .nav .brand-wordmark .brand-tr,header.nav .brand-wordmark .brand-tr{font-size:13px!important}
  .nav .brand-wordmark .brand-pas:after,header.nav .brand-wordmark .brand-pas:after{left:65px!important;top:36px!important;font-size:9px!important;letter-spacing:2.5px!important}
}
.site-loader-intro .intro-left{text-transform:none!important;color:#ff941f!important}
.site-loader-intro .intro-right{text-transform:none!important;color:#fff!important}
.site-loader-title{font-size:clamp(38px,6vw,72px)!important;letter-spacing:-.045em!important;text-transform:none!important;max-width:92vw!important;white-space:nowrap!important}
.site-loader-sub{font-size:clamp(15px,2vw,22px)!important;font-weight:850!important;color:#ffe0ba!important}

/* Paspascım final brand polish */
header.nav .brand-wordmark,
.nav .brand-wordmark{
  grid-template-columns:40px auto auto!important;
  width:238px!important;
  min-width:238px!important;
  max-width:238px!important;
  height:58px!important;
  min-height:58px!important;
  padding:7px 16px 8px 14px!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
header.nav .brand-wordmark:before,
.nav .brand-wordmark:before{
  width:36px!important;
  height:36px!important;
}
header.nav .brand-wordmark:after,
.nav .brand-wordmark:after{
  left:66px!important;
  right:48px!important;
  bottom:9px!important;
  height:2px!important;
}
header.nav .brand-wordmark .brand-pas,
.nav .brand-wordmark .brand-pas,
header.nav .brand-wordmark .brand-cim,
.nav .brand-wordmark .brand-cim{
  font-size:28px!important;
  line-height:.9!important;
  letter-spacing:-.055em!important;
  transform:none!important;
}
header.nav .brand-wordmark .brand-pas,
.nav .brand-wordmark .brand-pas{
  text-transform:none!important;
}
header.nav .brand-wordmark .brand-cim,
.nav .brand-wordmark .brand-cim{
  text-transform:none!important;
  margin-left:1px!important;
}
header.nav .brand-wordmark .brand-tr,
.nav .brand-wordmark .brand-tr{
  display:none!important;
}
header.nav .brand-wordmark .brand-pas:after,
.nav .brand-wordmark .brand-pas:after{
  content:"GÖLCÜK"!important;
  left:67px!important;
  top:37px!important;
  color:#6f675f!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:3px!important;
}
.site-loader-intro{
  gap:0!important;
  white-space:nowrap!important;
  justify-content:center!important;
}
.site-loader-intro .intro-left,
.site-loader-intro .intro-right{
  font-size:clamp(46px,9vw,106px)!important;
  line-height:.9!important;
  letter-spacing:-.07em!important;
  text-shadow:0 18px 42px rgba(0,0,0,.38)!important;
}
.site-loader-title{
  font-size:clamp(28px,4.2vw,56px)!important;
  color:#fff3e3!important;
  text-shadow:0 12px 34px rgba(0,0,0,.35)!important;
}
@media(max-width:760px){
  header.nav .brand-wordmark,
  .nav .brand-wordmark{
    width:206px!important;
    min-width:206px!important;
    max-width:206px!important;
    height:54px!important;
    min-height:54px!important;
  }
  header.nav .brand-wordmark .brand-pas,
  .nav .brand-wordmark .brand-pas,
  header.nav .brand-wordmark .brand-cim,
  .nav .brand-wordmark .brand-cim{
    font-size:24px!important;
  }
  header.nav .brand-wordmark .brand-pas:after,
  .nav .brand-wordmark .brand-pas:after{
    left:62px!important;
    top:34px!important;
    font-size:9px!important;
    letter-spacing:2.4px!important;
  }
}

/* Final builder mat refinement: slimmer realistic edging like stitched binding. */
.real-mat-stage,
.final-preview,
.pb-color-preview,
body[data-page="builder"] .final-preview,
body[data-page="home"] .pb-color-preview{
  background:#edf3f8!important;
  border-color:#dce5ee!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 16px 38px rgba(15,23,42,.055)!important;
}
.real-mat-stage img.builder-set-preview,
.final-preview img,
.pb-color-preview img.pb-real-preview,
body[data-page="builder"] .final-preview .builder-real{
  width:91%!important;
  height:91%!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:contrast(1.02) saturate(1.04) brightness(1.015) drop-shadow(0 14px 18px rgba(15,23,42,.10))!important;
  transform:scale(.985)!important;
}
.mat-piece{
  border-width:4px!important;
  border-color:color-mix(in srgb,var(--edge,#2b2926) 72%,#161616 28%)!important;
  outline:1px solid rgba(0,0,0,.28)!important;
  outline-offset:-2px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.045),inset 0 -10px 18px rgba(0,0,0,.16),0 9px 20px rgba(30,24,18,.14)!important;
}
.mat-piece:before{inset:7px!important;opacity:.23!important}
.mat-piece:after{inset:-4px!important;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 45%,rgba(0,0,0,.16))!important}
.mat-piece.driver{border-radius:24px 22px 18px 28px!important}
.mat-piece.passenger{border-radius:22px 24px 28px 18px!important}
.mat-piece.rear-left{border-radius:17px 14px 19px 14px!important}
.mat-piece.rear-right{border-radius:14px 17px 14px 19px!important}


/* Admin-managed header logo and cleaner builder preview finish. */
header.nav .brand-wordmark .brand-logo-img,
.nav .brand-wordmark .brand-logo-img{
  display:none!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:42px!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
}
header.nav .brand-wordmark.has-custom-logo,
.nav .brand-wordmark.has-custom-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:238px!important;
  min-width:238px!important;
  max-width:238px!important;
  height:58px!important;
  min-height:58px!important;
  padding:8px 14px!important;
  overflow:hidden!important;
}
header.nav .brand-wordmark.has-custom-logo:before,
.nav .brand-wordmark.has-custom-logo:before,
header.nav .brand-wordmark.has-custom-logo:after,
.nav .brand-wordmark.has-custom-logo:after{
  display:none!important;
  content:none!important;
}
header.nav .brand-wordmark.has-custom-logo .brand-logo-img,
.nav .brand-wordmark.has-custom-logo .brand-logo-img{
  display:block!important;
}
header.nav .brand-wordmark.has-custom-logo .brand-pas,
.nav .brand-wordmark.has-custom-logo .brand-pas,
header.nav .brand-wordmark.has-custom-logo .brand-cim,
.nav .brand-wordmark.has-custom-logo .brand-cim,
header.nav .brand-wordmark.has-custom-logo .brand-tr,
.nav .brand-wordmark.has-custom-logo .brand-tr{
  display:none!important;
}
.real-mat-stage,
.pb-color-preview{
  background:#edf3f8!important;
}
.real-mat-stage img.builder-set-preview,
.pb-color-preview img.pb-real-preview{
  width:96%!important;
  height:96%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  filter:contrast(1.04) saturate(1.04) drop-shadow(0 18px 26px rgba(34,40,48,.12))!important;
}
.mat-piece{
  border-width:4px!important;
  border-color:var(--edge,#24272b)!important;
  outline:none!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16), 0 10px 18px rgba(18,24,32,.08)!important;
}
.mat-piece:before{inset:6px!important;opacity:.38!important}


/* 2026-08-11 final entrance polish: premium, clean and professional. */
.site-loader{
  background:
    radial-gradient(circle at 48% 36%,rgba(255,168,74,.34),transparent 28%),
    radial-gradient(circle at 16% 72%,rgba(247,147,30,.18),transparent 25%),
    linear-gradient(135deg,#0b0907 0%,#21150d 46%,#060504 100%)!important;
  overflow:hidden!important;
}
.site-loader:before{
  content:""!important;
  position:absolute!important;
  inset:8%!important;
  border-radius:34px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 40px 120px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.16)!important;
  backdrop-filter:blur(18px)!important;
  animation:loader-panel-breathe 2.8s ease-in-out infinite alternate!important;
}
.site-loader:after{
  content:""!important;
  position:absolute!important;
  inset:-30% -12%!important;
  background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.22) 47%,transparent 57%)!important;
  transform:translateX(-45%) rotate(7deg)!important;
  animation:loader-cinema-sweep 2.65s ease-in-out infinite!important;
}
.site-loader-inner{
  min-width:min(720px,88vw)!important;
  min-height:min(430px,72vh)!important;
  padding:48px 42px!important;
  place-content:center!important;
  z-index:2!important;
}
.site-loader-logo{
  width:min(170px,34vw)!important;
  max-height:82px!important;
  opacity:.62!important;
  transform:translateY(-12px)!important;
  filter:drop-shadow(0 20px 36px rgba(0,0,0,.42))!important;
}
.site-loader-intro{
  gap:0!important;
  align-items:flex-end!important;
  justify-content:center!important;
  white-space:nowrap!important;
  margin-top:4px!important;
}
.site-loader-intro .intro-left,
.site-loader-intro .intro-right{
  font-size:clamp(44px,8.5vw,104px)!important;
  line-height:.86!important;
  letter-spacing:-.065em!important;
  font-weight:950!important;
  text-shadow:0 20px 54px rgba(0,0,0,.46)!important;
}
.site-loader-intro .intro-left{color:#ff941f!important}
.site-loader-intro .intro-right{color:#fff8ef!important}
.site-loader-title{
  margin-top:18px!important;
  font-size:clamp(24px,3.3vw,46px)!important;
  font-weight:900!important;
  color:#fff3e3!important;
  letter-spacing:.01em!important;
  text-shadow:0 12px 34px rgba(0,0,0,.38)!important;
}
.site-loader-sub{
  margin-top:-2px!important;
  color:#ffdcb3!important;
  font-size:clamp(14px,1.45vw,19px)!important;
  font-weight:800!important;
}
.site-loader-line{
  width:min(320px,62vw)!important;
  height:4px!important;
  margin-top:12px!important;
  background:rgba(255,255,255,.18)!important;
  box-shadow:0 0 28px rgba(247,147,30,.25)!important;
}
.site-loader-line:before{background:linear-gradient(90deg,#ff8a16,#ffd5a2,#ff8a16)!important}
@keyframes loader-panel-breathe{from{transform:scale(.985);opacity:.86}to{transform:scale(1.01);opacity:1}}
@keyframes loader-cinema-sweep{0%,35%{transform:translateX(-56%) rotate(7deg);opacity:0}62%{opacity:.55}100%{transform:translateX(56%) rotate(7deg);opacity:0}}

#loginModal .modal-card{
  width:min(460px,calc(100vw - 30px))!important;
  margin:7vh auto!important;
  padding:26px!important;
  border-radius:24px!important;
  border:1px solid rgba(238,226,213,.92)!important;
  background:linear-gradient(180deg,#ffffff 0%,#fffaf4 100%)!important;
  box-shadow:0 28px 86px rgba(16,12,8,.24)!important;
  overflow:hidden!important;
}
#loginModal .modal-card:before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:5px!important;
  background:linear-gradient(90deg,#111,#f7931e,#ffc37b)!important;
}
#loginModal .modal-card h2{
  font-size:24px!important;
  font-weight:850!important;
  color:#171513!important;
  letter-spacing:0!important;
}
#loginModal .auth-tabs{
  padding:5px!important;
  border-radius:16px!important;
  background:#f8f1e8!important;
  border:1px solid #eee1d1!important;
}
#loginModal .auth-tabs button{
  min-height:38px!important;
  font-size:14px!important;
  font-weight:720!important;
  border-radius:12px!important;
  color:#51483f!important;
}
#loginModal .auth-tabs button.active{
  background:#171513!important;
  color:#fff!important;
  box-shadow:0 9px 22px rgba(0,0,0,.16)!important;
}
#loginModal .form input,#loginModal .form textarea,#loginModal .form select{
  min-height:46px!important;
  border-radius:14px!important;
  border-color:#eadfce!important;
  background:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important;
}
#loginModal .form input:focus,#loginModal .form textarea:focus,#loginModal .form select:focus{
  border-color:#f7931e!important;
  box-shadow:0 0 0 4px rgba(247,147,30,.12)!important;
  outline:none!important;
}
#loginModal .form .btn{
  min-height:46px!important;
  border-radius:14px!important;
  font-weight:760!important;
  box-shadow:0 12px 28px rgba(247,147,30,.20)!important;
}