/*
 *  ███████╗      ███╗   ██╗██╗███████╗ █████╗ 
 *  ██╔════╝      ████╗  ██║██║██╔════╝██╔══██╗
 *  █████╗  █████╗██╔██╗ ██║██║███████╗███████║
 *  ██╔══╝  ╚════╝██║╚██╗██║██║╚════██║██╔══██║
 *  ███████╗      ██║ ╚████║██║███████║██║  ██║
 *  ╚══════╝      ╚═╝  ╚═══╝╚═╝╚══════╝╚═╝  ╚═╝
 * --------------------------------------------
 *  Geliştirici: E-Nisa
 *  Rol: Frontend Developer
 *  Yıl: 2026
 * --------------------------------------------
 */

/* --- Tema değişkenleri --- */
:root {
  --orange: #ee6707;
  --orange-dark: #c84d00;
  --ink: #20262b;
  --muted: #6c7378;
  --paper: #f7f6f3;
  --line: #e4e4e0;
  --white: #fff;
  --display: "Manrope", sans-serif;
  --body: "DM Sans", sans-serif;
}

/* --- Temel sıfırlama ve gövde --- */
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--body);
  font-size: 16px;
  line-height: 1.5;
}
.shell {
  width: min(1180px, calc(100% - 64px));
  margin: auto;
}
.topbar {
  background: var(--ink);
  color: #fff;
  font-size: 12px;
  letter-spacing: 0.02em;
}
.topbar-inner {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}
.topbar a {
  color: #fff;
  text-decoration: none;
  margin-left: 26px;
}
.main-header {
  height: 96px;
  display: flex;
  align-items: center;
  gap: 46px;
}
.brand img {
  width: 190px;
  display: block;
}
.primary-nav {
  display: flex;
  gap: 32px;
  margin-left: auto;
}
.primary-nav a,
.footer-grid a {
  color: var(--ink);
  text-decoration: none;
  font-size: 14px;
}
.primary-nav a:hover,
.footer-grid a:hover {
  color: var(--orange);
}
.header-cta {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:14px 23px;
  border-radius:10px;
  background:linear-gradient(135deg,#ee6707,#f3983d);
  color:#fff;
  text-decoration:none;
  font-size:14px;
  font-weight:700;
  box-shadow:0 8px 22px rgba(238,103,7,.24);
  transition:transform .2s,background .2s,box-shadow .2s;
}
.header-cta:hover { color:#fff; background:linear-gradient(135deg,#d95b05,#ee7f1b); transform:translateY(-2px); box-shadow:0 12px 26px rgba(238,103,7,.3); }
.header-cta span,
.button span {
  margin-left: 10px;
}
.menu-toggle {
  display: none;
  background: none;
  border: 0;
  font-size: 24px;
}
.hero {
  min-height: 620px;
  display: grid;
  grid-template-columns: 1fr 1.05fr;
  gap: 50px;
  align-items: center;
  padding-top: 52px;
  padding-bottom: 80px;
}
.eyebrow {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--orange);
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 22px;
}
.eyebrow span {
  display: inline-block;
  width: 24px;
  height: 2px;
  background: currentColor;
}
.hero h1,
h2 {
  font-family: var(--display);
  font-weight: 800;
  letter-spacing: -0.065em;
  line-height: 1.05;
  margin: 0;
}
.hero h1 {
  font-size: clamp(48px, 6vw, 78px);
}
em {
  font-style: normal;
  color: var(--orange);
}
.hero-lead {
  font-size: 18px;
  color: var(--muted);
  max-width: 430px;
  margin: 28px 0;
}
.hero-actions {
  display: flex;
  align-items: center;
  gap: 25px;
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 22px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
}
.button-primary {
  background: var(--orange);
  color: #fff;
}
.button-primary:hover {
  background: var(--orange-dark);
}
.button-light {
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff;
}
.text-link {
  font-weight: 700;
  color: var(--ink);
  font-size: 13px;
  text-decoration: none;
}
.text-link span {
  font-size: 18px;
  margin-left: 8px;
  color: var(--orange);
}
.hero-proof {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-top: 58px;
}
.hero-proof strong {
  font-family: var(--display);
  font-size: 25px;
}
.hero-proof span {
  font-size: 11px;
  line-height: 1.3;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.hero-proof i {
  width: 1px;
  height: 32px;
  background: var(--line);
  margin: 0 10px;
}
.hero-visual {
  min-height: 490px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-card {
  position: relative;
  width: min(450px, 100%);
  height: 500px;
  overflow: hidden;
  background: #dedbd6;
}
.hero-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: saturate(0.85);
}
.hero-card:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 40%, rgba(32, 38, 43, 0.7));
}
.hero-badge {
  position: absolute;
  z-index: 1;
  left: 30px;
  bottom: 28px;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.hero-badge small {
  font-size: 10px;
  letter-spacing: 0.14em;
  color: #ffbd8f;
}
.hero-badge strong {
  font-family: var(--display);
  font-size: 24px;
  line-height: 1.1;
}
.hero-badge span {
  font-size: 12px;
  margin-top: 12px;
}
.orbit {
  position: absolute;
  border: 1px solid rgba(238, 103, 7, 0.55);
  border-radius: 50%;
  pointer-events: none;
}
.orbit-one {
  width: 440px;
  height: 440px;
  right: -26px;
  top: 5px;
}
.orbit-two {
  width: 530px;
  height: 530px;
  right: -70px;
  top: -40px;
  border-color: rgba(32, 38, 43, 0.12);
}
.visual-note {
  position: absolute;
  right: -6px;
  bottom: 50px;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: 10px;
  letter-spacing: 0.12em;
  color: var(--muted);
}
.visual-note b {
  color: var(--orange);
  font-weight: 700;
}
.category-section {
  background: #fff;
  padding: 95px 0 110px;
}
.section-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 38px;
}
.section-head h2,
.contact h2 {
  font-size: 46px;
}
.category-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.category-card {
  background: var(--paper);
  min-height: 255px;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  color: var(--ink);
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.category-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.22;
  mix-blend-mode: multiply;
  transition: 0.4s;
}
.category-card:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(247, 246, 243, 0.15),
    rgba(247, 246, 243, 0.95) 83%
  );
}
.category-card > *:not(img) {
  position: relative;
  z-index: 1;
}
.category-card h3 {
  font-family: var(--display);
  font-size: 22px;
  line-height: 1.05;
  max-width: 130px;
  margin: 0;
}
.category-card span {
  color: var(--orange);
  font-size: 22px;
  align-self: flex-end;
}
.category-card:hover img {
  opacity: 0.38;
  transform: scale(1.06);
}
.featured {
  padding: 105px 0;
}
.compact {
  align-items: end;
}
.filter-row {
  display: flex;
  gap: 8px;
}
.filter {
  background: transparent;
  border: 1px solid var(--line);
  padding: 10px 16px;
  color: var(--muted);
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
.filter.active,
.filter:hover {
  background: var(--orange);
  border-color: var(--orange);
  color: #fff;
}
.product-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.product-card {
  background: #fff;
  min-height: 405px;
  cursor: pointer;
  transition:
    transform 0.25s,
    box-shadow 0.25s;
}
.product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 35px rgba(32, 38, 43, 0.08);
}
.product-image {
  height: 275px;
  background: #f0efec;
  overflow: hidden;
}
.product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s;
}
.product-card:hover .product-image img {
  transform: scale(1.05);
}
.product-meta {
  padding: 20px;
}
.product-meta small {
  color: var(--orange);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
.product-meta h3 {
  font-family: var(--display);
  font-size: 17px;
  margin: 8px 0 4px;
}
.product-meta p {
  color: var(--muted);
  font-size: 13px;
  margin: 0;
}
.corporate {
  background: var(--ink);
  color: #fff;
  padding: 100px 0;
}
.corporate-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 150px;
}
.eyebrow.light {
  color: #ff9855;
}
.corporate h2 {
  font-size: 64px;
}
.corporate-copy {
  max-width: 450px;
  padding-top: 32px;
}
.corporate-copy p {
  color: #c2c7ca;
  font-size: 18px;
  margin: 0 0 20px;
}
.corporate-copy .button {
  margin-top: 28px;
}
.contact {
  padding: 105px 0;
}
.contact-card {
  background: #fff;
  padding: 64px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 100px;
  border-top: 3px solid var(--orange);
}
.contact-info {
  padding-top: 28px;
}
.contact-info p {
  color: var(--muted);
  max-width: 360px;
}
.contact-lines {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 30px;
  font-size: 13px;
  font-weight: 700;
}
.contact-lines span:last-child {
  color: var(--orange);
}
footer {
  background: #fff;
  border-top: 1px solid var(--line);
  padding: 55px 0 24px;
}

/* Premium dark footer inspired by the reference storefront footer. */
.site-footer {
  margin-top: 0;
  padding: 0;
  color: #f5f7f8;
  background: #292e31;
  border-top: 0;
}
.site-footer a { color: inherit; text-decoration: none; }
.footer-quote { background: #202529; border-bottom: 1px solid rgba(255,255,255,.08); }
.footer-quote-inner { min-height: 142px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.footer-quote h2 { margin:0 0 6px; color:#fff; font-size:25px; letter-spacing:-.035em; }
.footer-quote p { margin:0; color:#aeb8be; font-size:14px; }
.footer-quote-button { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:14px 23px; border-radius:10px; background:linear-gradient(135deg,#ee6707,#f3983d); color:#fff!important; font-size:14px; font-weight:700; box-shadow:0 8px 22px rgba(238,103,7,.24); transition:transform .2s, background .2s, box-shadow .2s; }
.footer-quote-button:hover { background:linear-gradient(135deg,#d95b05,#ee7f1b); transform:translateY(-2px); }
.footer-benefits { background:#2d3336; border-bottom:1px solid rgba(255,255,255,.08); }
.footer-benefits-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.footer-benefit { display:flex; align-items:center; gap:14px; min-height:94px; padding:18px 26px; border-right:1px solid rgba(255,255,255,.08); }
.footer-benefit:first-child { padding-left:0; }
.footer-benefit:last-child { border-right:0; }
.footer-benefit-icon { display:grid; place-items:center; width:31px; height:31px; flex:0 0 31px; border:1px solid rgba(255,255,255,.68); border-radius:50%; color:#fff; font-size:17px; }
.footer-benefit strong, .footer-benefit small { display:block; }
.footer-benefit strong { color:#fff; font-size:14px; font-weight:700; }
.footer-benefit small { margin-top:4px; color:#9ea9af; font-size:11px; line-height:1.45; }
.footer-main { padding:54px 0 42px; background:#292e31; }
.footer-main-grid { display:grid; grid-template-columns:1.45fr 1fr 1fr 1.15fr 1.45fr; gap:36px; }
.footer-company .footer-brand { display:block; width:max-content; }
.footer-company .footer-brand img { width:172px; filter:brightness(0) invert(1); opacity:.94; }
.footer-company h2 { margin:20px 0 10px; color:#fff; font-size:17px; letter-spacing:-.02em; }
.footer-company p { max-width:260px; margin:0; color:#aeb8be; font-size:13px; line-height:1.7; }
.footer-socials { display:flex; gap:8px; margin-top:20px; }
.footer-socials a { display:grid; place-items:center; width:34px; height:34px; border:1px solid rgba(255,255,255,.18); border-radius:8px; color:#e7ecef; font-size:13px; font-weight:700; transition:.2s; }
.footer-socials a:hover { border-color:#ee6707; background:#ee6707; }
.footer-column { display:flex; flex-direction:column; align-items:flex-start; gap:11px; }
.footer-column h3, .footer-tags h3 { margin:2px 0 10px; color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
.footer-column a, .footer-column span { color:#aeb8be; font-size:13px; line-height:1.45; transition:color .2s; }
.footer-column a:hover { color:#fff; }
.footer-contact a, .footer-contact span { display:flex; align-items:center; gap:10px; }
.footer-contact .footer-inline-icon { display:inline-flex; align-items:center; justify-content:center; margin-right:0; vertical-align:middle; flex:0 0 22px; }
.icon-mask { display:inline-block; width:1em; height:1em; flex:0 0 auto; object-fit:contain; opacity:.72; transition:filter .2s ease, opacity .2s ease, transform .2s ease; }
.site-phosphor-icon { display:inline-block; width:1em; height:1em; line-height:1; font-size:1em; font-weight:normal; vertical-align:middle; }
.search-box > span .icon-mask, .hero-search > span .icon-mask { width:18px; height:18px; }
.contact-detail > i .icon-mask, .detail-actions .action-icon .icon-mask, .detail-actions > a > span:first-child .icon-mask { width:19px; height:19px; }
.footer-socials .icon-mask { width:17px; height:17px; }
.footer-inline-icon { width:22px; height:22px; color:currentColor; opacity:1; }
.footer-socials a:hover .icon-mask { filter:brightness(0) invert(1); opacity:1; transform:translateY(-1px); }
.site-phosphor-icon { display:inline-block; width:1em; height:1em; line-height:1; font-size:1em; font-weight:normal; vertical-align:middle; }
.footer-socials .icon-mask { object-fit:contain; }
.footer-benefit-icon .site-phosphor-icon { font-size:18px; }
.header-cta > .site-phosphor-icon, .footer-quote-button > .site-phosphor-icon { font-size:15px; margin-left:4px; }
.contact-detail > i .site-phosphor-icon { width:auto; height:auto; border:0; border-radius:0; display:inline-block; flex:none; color:inherit; font-size:20px; }
.footer-contact .footer-inline-icon { width:22px; height:22px; flex:0 0 22px; color:#e1e8eb; }
.footer-contact .footer-inline-icon .site-phosphor-icon { width:20px; height:20px; font-size:20px; line-height:1; }
.mega-menu strong { display:flex; align-items:center; gap:6px; }
.mega-menu strong .site-phosphor-icon { font-size:16px; color:var(--orange); font-weight:normal; }
.footer-tags { padding:27px 0 30px; background:#272c2f; border-top:1px solid rgba(255,255,255,.07); border-bottom:1px solid rgba(255,255,255,.07); }
.footer-tags h3 { color:#9ea9af; margin-bottom:14px; }
.footer-tag-list { display:flex; flex-wrap:wrap; gap:8px; }
.footer-tag-list a { padding:7px 11px; border:1px solid rgba(255,255,255,.13); border-radius:999px; color:#c4cdd1; font-size:11px; transition:.2s; }
.footer-tag-list a:hover { color:#fff; border-color:#ee6707; background:rgba(238,103,7,.13); }
.site-footer .footer-bottom { margin-top:0; padding-top:20px; padding-bottom:20px; border-top:0; color:#89949a; font-size:12px; background:#272c2f; }
.enisa-sign {
  background-image: linear-gradient(100deg,#61a4ff,#48befa 32%,#eaf6ff 50%,#48befa 68%,#61a4ff);
  background-size: 200% auto;
  background-position: 0 50%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  font-weight: 700;
  letter-spacing: .02em;
  animation: ralveShine 5s linear infinite;
  transition: filter .2s ease;
}
.enisa-sign:hover { filter: brightness(1.2) drop-shadow(0 0 6px rgba(72,190,250,.45)); }
@keyframes ralveShine { to { background-position: 200% 50%; } }
@media(max-width:1000px){.footer-main-grid{grid-template-columns:1.5fr 1fr 1fr 1fr}.footer-contact{grid-column:2/-1}.footer-benefit{padding-left:16px;padding-right:16px}.footer-benefit:first-child{padding-left:0}}
@media(max-width:760px){.footer-quote-inner{align-items:flex-start;flex-direction:column;padding-top:32px;padding-bottom:32px}.footer-quote-button{margin-top:2px}.footer-benefits-grid{grid-template-columns:1fr 1fr}.footer-benefit:nth-child(2){border-right:0}.footer-benefit:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}.footer-main-grid{grid-template-columns:1fr 1fr;gap:34px 22px}.footer-company{grid-column:1/-1}.footer-contact{grid-column:auto}}
@media(max-width:520px){.footer-benefits-grid{grid-template-columns:1fr}.footer-benefit,.footer-benefit:nth-child(2){border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.footer-benefit:last-child{border-bottom:0}.footer-main-grid{grid-template-columns:1fr}.footer-company,.footer-contact{grid-column:auto}.site-footer .footer-bottom{display:block}.site-footer .footer-bottom span{display:block;margin-top:7px}}

.footer-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1.5fr;
  gap: 50px;
}
.footer-brand img {
  width: 165px;
}
.footer-grid p {
  color: var(--muted);
  font-size: 14px;
}
.footer-grid h3 {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.13em;
  margin: 4px 0 18px;
}
.footer-grid > div:not(:first-child) {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.footer-grid span {
  color: var(--muted);
  font-size: 14px;
}
.footer-bottom {
  border-top: 1px solid var(--line);
  margin-top: 50px;
  padding-top: 18px;
  display: flex;
  justify-content: space-between;
  color: #92979a;
  font-size: 11px;
}
.detail-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 5;
}
.detail-modal.open {
  display: block;
}
.modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(32, 38, 43, 0.68);
}
.modal-panel {
  position: relative;
  background: #fff;
  width: min(800px, calc(100% - 36px));
  max-height: 90vh;
  overflow: auto;
  margin: 5vh auto;
  padding: 44px;
}
.modal-close {
  position: absolute;
  right: 18px;
  top: 12px;
  border: 0;
  background: none;
  font-size: 30px;
  color: var(--muted);
  cursor: pointer;
}
.detail-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 35px;
  align-items: center;
}
.detail-content img {
  width: 100%;
  height: 360px;
  object-fit: cover;
  background: #f2f1ee;
}
.detail-content small {
  color: var(--orange);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.detail-content h2 {
  font-size: 36px;
  margin: 10px 0;
}
.detail-content p {
  color: var(--muted);
}
@media (max-width: 850px) {
  .shell {
    width: min(100% - 36px, 620px);
  }
  .topbar-inner {
    display: block;
    text-align: center;
  }
  .topbar-links {
    margin-top: 5px;
  }
  .main-header {
    height: 78px;
    gap: 18px;
  }
  .brand img {
    width: 145px;
  }
  .primary-nav {
    display: none;
  }
  .header-cta {
    margin-left: auto;
  }
  .menu-toggle {
    display: block;
  }
  .hero {
    grid-template-columns: 1fr;
    padding-top: 40px;
  }
  .hero-visual {
    min-height: 430px;
  }
  .category-grid,
  .product-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .section-head {
    display: block;
  }
  .section-head .text-link {
    display: inline-block;
    margin-top: 20px;
  }
  .filter-row {
    margin-top: 25px;
    flex-wrap: wrap;
  }
  .corporate-grid,
  .contact-card,
  .detail-content {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .corporate h2 {
    font-size: 50px;
  }
  .contact-card {
    padding: 34px;
  }
  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
  .footer-grid > div:first-child {
    grid-column: 1/-1;
  }
}
@media (max-width: 520px) {
  .hero h1 {
    font-size: 45px;
  }
  .hero-card {
    height: 390px;
  }
  .orbit-one {
    width: 340px;
    height: 340px;
  }
  .orbit-two {
    width: 420px;
    height: 420px;
  }
  .category-grid,
  .product-grid {
    grid-template-columns: 1fr;
  }
  .category-card {
    min-height: 210px;
  }
  .section-head h2,
  .contact h2 {
    font-size: 38px;
  }
  .corporate {
    padding: 70px 0;
  }
  .corporate h2 {
    font-size: 43px;
  }
  .footer-grid {
    grid-template-columns: 1fr;
  }
  .footer-bottom {
    display: block;
  }
  .footer-bottom span {
    display: block;
    margin-top: 6px;
  }
}
/* Baskı dosyası talep alanı */
.design-request-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:clamp(28px,6vw,88px);align-items:center;margin-top:clamp(48px,7vw,96px);padding:clamp(30px,5vw,64px);border:1px solid rgba(15,23,42,.08);border-radius:28px;background:linear-gradient(135deg,#f8fafc 0%,#eef3f8 100%);overflow:hidden;position:relative}
.design-request-section:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(245,102,0,.08);right:-110px;bottom:-140px;pointer-events:none}
.design-request-copy{position:relative;z-index:1}.design-request-copy h2{margin:12px 0 16px;font-size:clamp(28px,4vw,52px);line-height:1.02}.design-request-copy h2 em{color:var(--primary,#f56600);font-style:normal}.design-request-copy>p:not(.eyebrow){max-width:560px;color:var(--muted,#64748b);line-height:1.7}
.design-request-steps{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.design-request-steps div{display:flex;align-items:center;gap:9px;color:#334155;font-size:13px;font-weight:700}.design-request-steps b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--primary,#f56600);border:1px solid rgba(15,23,42,.12)}
.design-request-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:24px;border-radius:22px;background:#fff;box-shadow:0 18px 44px rgba(15,23,42,.10);position:relative;z-index:1}.design-request-form label{display:grid;gap:7px;color:#172033;font-size:13px;font-weight:700}.design-request-form input{width:100%;box-sizing:border-box;border:1px solid #dbe3ec;border-radius:10px;background:#fff;padding:13px 14px;color:#172033;font:inherit;font-weight:500;outline:none}.design-request-form input:focus{border-color:var(--primary,#f56600);box-shadow:0 0 0 3px rgba(245,102,0,.12)}.design-request-file{grid-column:1/-1;padding:14px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc}.design-request-file input{border:0;padding:0;background:transparent}.design-request-file span{font-size:11px;font-weight:500;color:#64748b}.design-request-form button{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:8px}.design-request-form button.is-loading{opacity:.65;cursor:wait}.design-request-message{grid-column:1/-1;min-height:20px;margin:0;color:#b45309;font-size:13px;font-weight:700}.design-request-message.is-success{color:#059669}.design-request-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
@media(max-width:800px){.design-request-section{grid-template-columns:1fr;margin-left:16px;margin-right:16px;padding:26px 20px}.design-request-form{grid-template-columns:1fr}.design-request-file,.design-request-form button,.design-request-message{grid-column:auto}}
.design-upload-page{padding-bottom:80px}.design-upload-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,600px);gap:clamp(28px,7vw,100px);align-items:center;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:28px;padding:clamp(28px,5vw,70px);margin-top:28px;box-shadow:0 20px 60px rgba(15,23,42,.06)}.design-upload-intro h1{font-size:clamp(34px,5vw,66px);line-height:1.02;margin:14px 0 20px}.design-upload-intro h1 em{color:var(--primary,#f56600);font-style:normal}.design-upload-intro>p:not(.eyebrow){max-width:540px;line-height:1.75;color:#64748b}.design-upload-points{display:grid;gap:14px;margin-top:30px}.design-upload-points div{display:flex;align-items:center;gap:13px;font-weight:700;color:#1e293b}.design-upload-points b{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff1e8;color:var(--primary,#f56600);font-size:12px}.design-upload-form{display:grid;gap:18px;padding:26px;border-radius:22px;background:#f8fafc;border:1px solid #e2e8f0}.design-upload-form-head{display:flex;align-items:center;gap:13px;padding-bottom:18px;border-bottom:1px solid #e2e8f0}.design-upload-form-head h2{margin:0;font-size:22px}.design-upload-form-head p{margin:5px 0 0;color:#64748b;font-size:13px}.design-upload-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#fff1e8;color:var(--primary,#f56600);font-size:23px}.design-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.design-upload-form label{display:grid;gap:7px;color:#1e293b;font-size:13px;font-weight:700}.design-upload-form input:not([type=checkbox]){width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #dbe3ec;border-radius:10px;background:#fff;font:inherit;font-weight:500;outline:none}.design-upload-form input:focus{border-color:var(--primary,#f56600);box-shadow:0 0 0 3px rgba(245,102,0,.12)}.design-upload-file{padding:17px;border:1px dashed #cbd5e1;border-radius:12px;background:#fff}.design-upload-file input{border:0!important;padding:0!important;background:transparent!important}.design-upload-file span{font-size:11px;font-weight:500;color:#64748b}.design-upload-consent{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:9px;font-weight:500!important;line-height:1.5}.design-upload-consent input{width:17px;height:17px;margin-top:1px;accent-color:var(--primary,#f56600)}.design-upload-consent a{color:var(--primary,#f56600);text-decoration:underline}.design-upload-form button{display:flex;justify-content:center;align-items:center;gap:8px}.design-upload-form button.is-loading{opacity:.65;cursor:wait}.design-upload-message{min-height:20px;margin:0;color:#b45309;font-size:13px;font-weight:700}.design-upload-message.is-success{color:#059669}
.detail-action-design{background:#64748b!important;color:#fff!important}.detail-action-design .action-icon{color:#fff!important}
.design-upload-dropzone{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:205px;padding:28px!important;border:2px dashed #22b573!important;border-radius:18px!important;background:linear-gradient(135deg,#effbf5,#f7fbff)!important;text-align:center;cursor:pointer;transition:border-color .25s ease,background .25s ease,transform .25s ease}.design-upload-dropzone:hover{border-color:#f56600!important;background:linear-gradient(135deg,#fff7f0,#f4f8ff)!important;transform:translateY(-2px)}.design-upload-dropzone-icon{font-size:38px;color:#22b573}.design-upload-dropzone strong{font-size:15px;color:#172033}.design-upload-dropzone small{font-size:12px;color:#64748b}.design-upload-browse{display:inline-flex!important;padding:10px 20px;border-radius:9px;background:#22b573;color:#fff!important;font-size:13px!important;font-weight:800!important;margin-top:4px;transition:background .2s ease}.design-upload-dropzone:hover .design-upload-browse{background:#f56600}.design-upload-dropzone input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.design-upload-form button[type=submit]{background:linear-gradient(120deg,#f56600,#ff8a34 55%,#243b64);background-size:170% 170%;transition:background-position .7s ease,transform .35s ease,box-shadow .35s ease;border:0}.design-upload-form button[type=submit]:hover{background-position:100% 100%;box-shadow:0 18px 40px -14px rgba(36,59,100,.65);transform:translateY(-2px)}
.design-upload-form select{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #dbe3ec;border-radius:10px;background:#fff;color:#172033;font:inherit;font-weight:500;outline:none}.design-upload-form select:focus{border-color:var(--primary,#f56600);box-shadow:0 0 0 3px rgba(245,102,0,.12)}.design-upload-variant{min-width:0}.design-upload-form button[type=submit]{border-radius:14px!important}
.design-upload-dialog{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;background:rgba(15,23,42,.58);backdrop-filter:blur(5px)}.design-upload-dialog-card{width:min(100%,430px);padding:34px 30px;border-radius:24px;background:#fff;text-align:center;box-shadow:0 25px 80px rgba(15,23,42,.25);animation:designDialogIn .25s ease}.design-upload-dialog-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 15px;border-radius:50%;background:#e9fbf2;color:#16a765;font-size:28px}.design-upload-dialog-card h3{margin:0;color:#172033;font-size:23px}.design-upload-dialog-card p{margin:10px auto 22px;max-width:330px;color:#64748b;line-height:1.6;font-size:14px}.design-upload-dialog-card button{min-width:120px;padding:12px 22px;border:0;border-radius:12px;background:#f56600;color:#fff;font:inherit;font-weight:800;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.design-upload-dialog-card button:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(245,102,0,.28)}@keyframes designDialogIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:850px){.design-upload-layout{grid-template-columns:1fr;margin-left:16px;margin-right:16px;padding:26px 20px}.design-upload-grid{grid-template-columns:1fr}}
.design-upload-dialog-actions{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.design-upload-dialog-whatsapp{display:inline-flex;align-items:center;gap:8px;min-width:190px;justify-content:center;padding:12px 18px;border-radius:12px;background:#16b866;color:#fff;font-weight:800;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.design-upload-dialog-whatsapp:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(22,184,102,.28)}