:root { --ink: #101a34; --blue: #1748bb; --cyan: #42d0e2; --muted: #62708a; --line: #e4eaf3; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0px; background: rgb(247, 249, 253); color: var(--ink); font-family: Arial, Helvetica, sans-serif; }
a { text-decoration: none; color: inherit; }
button, input, textarea { font: inherit; }
button { cursor: pointer; }
.wrap { max-width: 1180px; margin: auto; padding: 0px 24px; }
.top { background: rgb(12, 24, 54); color: rgb(203, 216, 247); font-size: 13px; }
.top .wrap { display: flex; justify-content: space-between; padding-top: 10px; padding-bottom: 10px; }
.nav { background: rgb(255, 255, 255); position: sticky; top: 0px; z-index: 10; box-shadow: rgba(16, 41, 86, 0.07) 0px 7px 25px; }
.nav .wrap { min-height: 76px; display: flex; align-items: center; gap: 28px; }
.brand { font-weight: 900; font-size: 23px; letter-spacing: -1px; color: rgb(17, 43, 98); }
.brand b { color: rgb(34, 98, 223); }
.navlinks { display: flex; gap: 25px; margin-left: auto; font-size: 14px; font-weight: 700; }
.navlinks a:hover { color: rgb(25, 85, 204); }
.btn { display: inline-flex; align-items: center; justify-content: center; border: 0px; background: rgb(29, 88, 208); color: white; border-radius: 11px; padding: 14px 21px; font-weight: 700; box-shadow: rgba(27, 81, 195, 0.165) 0px 9px 20px; }
.btn.secondary { background: rgb(255, 255, 255); color: rgb(23, 72, 187); box-shadow: none; border: 1px solid rgb(201, 215, 239); }
.hero { background: linear-gradient(115deg, rgb(13, 25, 64) 2%, rgb(17, 45, 105) 57%, rgb(19, 71, 168)); color: rgb(255, 255, 255); overflow: hidden; }
.hero .wrap { display: grid; grid-template-columns: 1.06fr 0.94fr; min-height: 590px; align-items: center; gap: 55px; }
.eyebrow { display: inline-block; color: rgb(101, 220, 240); font-size: 13px; font-weight: 800; letter-spacing: 1.7px; text-transform: uppercase; }
.hero h1 { font-size: clamp(42px, 5vw, 68px); line-height: 1.07; letter-spacing: -2.8px; margin: 18px 0px; }
.hero p { font-size: 18px; line-height: 1.7; color: rgb(217, 229, 250); max-width: 590px; }
.actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.hero .secondary { background: transparent; border-color: rgb(120, 147, 206); color: rgb(255, 255, 255); }
.showcase { border: 1px solid rgba(255, 255, 255, 0.22); background: rgba(255, 255, 255, 0.075); box-shadow: rgba(4, 12, 46, 0.5) 0px 35px 75px; border-radius: 22px; padding: 24px; transform: rotate(2deg); }
.showcasehead { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.17); padding-bottom: 18px; }
.showcasehead strong { font-size: 19px; }
.pill { border-radius: 50px; background: rgba(32, 188, 173, 0.16); color: rgb(133, 245, 219); padding: 7px 11px; font-size: 12px; }
.mini-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 18px 0px; }
.mini { border-radius: 15px; background: rgba(255, 255, 255, 0.09); padding: 20px; }
.mini small { display: block; color: rgb(180, 199, 235); margin-bottom: 15px; }
.mini strong { font-size: 25px; }
.chart { height: 130px; display: flex; align-items: end; gap: 12px; padding: 20px; background: rgba(255, 255, 255, 0.07); border-radius: 15px; }
.chart i { flex: 1 1 0%; background: linear-gradient(rgb(83, 216, 233), rgb(45, 103, 216)); border-radius: 5px 5px 0px 0px; }
.section { padding: 84px 0px; }
.section.alt { background: white; }
.sectionhead { max-width: 700px; margin-bottom: 30px; }
.sectionhead h2 { font-size: clamp(30px, 3vw, 43px); letter-spacing: -1.3px; line-height: 1.13; margin: 12px 0px; }
.sectionhead p { color: var(--muted); line-height: 1.7; }
.grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.card { background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 18px; padding: 28px; box-shadow: rgba(24, 52, 106, 0.035) 0px 10px 35px; }
.card .icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: rgb(233, 240, 255); color: rgb(34, 88, 195); font-size: 21px; }
.card h3 { font-size: 20px; margin: 22px 0px 10px; }
.card p { color: var(--muted); line-height: 1.65; min-height: 75px; }
.card a { color: rgb(24, 80, 195); font-weight: 700; }
.band { background: rgb(234, 241, 252); border-top: 1px solid rgb(218, 229, 245); border-bottom: 1px solid rgb(218, 229, 245); }
.packages { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.price { font-size: 27px; font-weight: 900; }
.package ul { padding-left: 20px; line-height: 2; color: rgb(82, 97, 123); }
.package.featured { border: 2px solid rgb(36, 91, 210); transform: translateY(-8px); }
.refgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.ref { border-radius: 16px; background: linear-gradient(145deg, rgb(23, 51, 114), rgb(12, 28, 64)); color: white; min-height: 180px; padding: 24px; display: flex; flex-direction: column; justify-content: end; }
.ref span { font-size: 13px; color: rgb(124, 219, 239); }
.faq details { padding: 20px; border: 1px solid var(--line); background: rgb(255, 255, 255); border-radius: 12px; margin: 10px 0px; }
.faq summary { cursor: pointer; font-weight: 700; }
.faq p { color: var(--muted); }
.footer { background: rgb(13, 25, 56); color: rgb(200, 214, 243); padding: 55px 0px 25px; }
.footer .wrap { display: flex; justify-content: space-between; gap: 35px; }
.footer strong { color: white; }
.footer p { max-width: 520px; line-height: 1.7; }
.legal { border-top: 1px solid rgba(255, 255, 255, 0.14); margin-top: 35px; padding-top: 20px; font-size: 13px; }
.detail { max-width: 900px; margin: 70px auto; padding: 0px 24px; }
.detail h1 { font-size: 44px; }
.detail article { line-height: 1.8; color: rgb(57, 71, 97); }
.admin { display: grid; grid-template-columns: 245px 1fr; min-height: 100vh; background: rgb(243, 246, 251); }
.sidebar { background: rgb(16, 29, 60); color: rgb(223, 235, 255); padding: 30px 18px; }
.sidebar a { display: block; padding: 13px 15px; border-radius: 9px; }
.sidebar a:hover { background: rgba(255, 255, 255, 0.125); }
.adminmain { padding: 34px; max-width: 1200px; width: 100%; }
.admin h1 { font-size: 32px; }
.adminform { background: rgb(255, 255, 255); border: 1px solid var(--line); padding: 24px; border-radius: 16px; margin: 22px 0px; }
.fields { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.field { display: flex; flex-direction: column; gap: 6px; font-weight: 700; font-size: 14px; }
.field.wide { grid-column: 1 / -1; }
.field input, .field textarea { border: 1px solid rgb(206, 217, 233); border-radius: 8px; padding: 12px; background: rgb(255, 255, 255); width: 100%; }
.field textarea { min-height: 110px; }
.row { display: flex; justify-content: space-between; gap: 16px; align-items: center; border-bottom: 1px solid var(--line); padding: 18px 0px; }
.muted { color: var(--muted); }
@media (max-width: 850px) {
  .navlinks { display: none; }
  .hero .wrap { grid-template-columns: 1fr; padding-top: 65px; padding-bottom: 60px; }
  .showcase { max-width: 550px; }
  .grid3, .packages, .refgrid { grid-template-columns: 1fr 1fr; }
  .admin { grid-template-columns: 1fr; }
  .sidebar { display: flex; flex-wrap: wrap; gap: 5px; }
  .sidebar a { padding: 8px; }
  .footer .wrap { display: block; }
}
@media (max-width: 600px) {
  .top { display: none; }
  .nav .wrap { min-height: 68px; }
  .nav .btn { margin-left: auto; padding: 11px; }
  .hero h1 { font-size: 42px; }
  .showcase { transform: none; }
  .grid3, .packages, .refgrid, .fields { grid-template-columns: 1fr; }
  .section { padding: 58px 0px; }
  .package.featured { transform: none; }
  .footer .wrap { display: block; }
}
.shop-top { background: rgb(247, 249, 252); border-bottom: 1px solid rgb(232, 237, 244); color: rgb(83, 97, 116); font-size: 13px; }
.shop-top .wrap { height: 42px; display: flex; align-items: center; justify-content: space-between; }
.shop-top a:hover { color: rgb(18, 102, 185); }
.shop-top i { display: inline-block; height: 15px; border-left: 1px solid rgb(205, 215, 228); margin: 0px 12px; vertical-align: middle; }
.shop-nav { position: sticky; top: 0px; z-index: 50; background: white; box-shadow: rgba(14, 36, 66, 0.082) 0px 5px 25px; }
.shop-nav .wrap { height: 84px; display: flex; align-items: center; gap: 28px; }
.shop-logo { display: flex; align-items: center; gap: 9px; white-space: nowrap; color: rgb(17, 34, 62); font-weight: 900; letter-spacing: -0.5px; font-size: 18px; line-height: 1; }
.shop-logo em { font-style: normal; color: rgb(14, 172, 208); }
.shop-logo small { display: block; font-size: 9px; letter-spacing: 2px; color: rgb(104, 119, 140); margin-top: 6px; }
.logo-mark { display: grid; place-items: center; width: 42px; height: 42px; background: linear-gradient(145deg, rgb(22, 208, 189), rgb(7, 117, 209)); border-radius: 12px; color: white; font-size: 24px; box-shadow: rgba(26, 175, 216, 0.29) 0px 5px 13px; }
.shop-nav nav { display: flex; gap: 25px; margin-left: auto; align-items: center; font-size: 14px; font-weight: 750; white-space: nowrap; }
.shop-nav nav a:hover { color: rgb(19, 133, 190); }
.cart-link { display: flex; gap: 7px; white-space: nowrap; font-weight: 700; font-size: 14px; }
.nav-quote { background: rgb(16, 27, 53); color: white; border-radius: 9px; padding: 14px 17px; white-space: nowrap; font-weight: 700; font-size: 13px; }
.store-hero { background: url("/agency-hero.webp") center center / cover no-repeat rgb(16, 26, 51); color: white; position: relative; }
.store-hero::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(14, 23, 46, 0.867) 0%, rgba(14, 23, 46, 0.8) 35%, rgba(14, 23, 46, 0.533) 70%, rgba(14, 23, 46, 0.6) 100%); }
.hero-inner { position: relative; min-height: 590px; display: grid; grid-template-columns: 1.05fr 0.95fr; align-items: center; gap: 35px; padding-top: 60px; padding-bottom: 70px; }
.hero-copy { max-width: 600px; }
.hero-kicker { font-size: 13px; letter-spacing: 1.7px; color: rgb(101, 225, 236); font-weight: 800; }
.store-hero h1 { font-size: clamp(42px, 4.35vw, 63px); line-height: 1.1; letter-spacing: -2px; margin: 20px 0px; }
.store-hero p { color: rgb(217, 228, 244); font-size: 18px; line-height: 1.65; margin-bottom: 26px; }
.hero-search { display: flex; background: rgb(255, 255, 255); border-radius: 12px; padding: 6px; max-width: 590px; box-shadow: rgba(0, 0, 0, 0.267) 0px 18px 30px; }
.hero-search select, .hero-search input { border: 0px; background: white; min-width: 0px; padding: 12px; color: rgb(41, 59, 84); outline: none; }
.hero-search select { width: 160px; border-right: 1px solid rgb(223, 230, 239); font-size: 14px; }
.hero-search input { flex: 1 1 0%; font-size: 15px; }
.hero-search button, .domain-form button { border: 0px; border-radius: 8px; background: rgb(15, 30, 59); color: white; font-weight: 800; padding: 12px 19px; white-space: nowrap; }
.popular { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 18px; font-size: 13px; }
.popular span { color: rgb(189, 208, 232); margin-right: 3px; }
.popular a { border: 1px solid rgba(255, 255, 255, 0.333); border-radius: 99px; padding: 6px 11px; color: rgb(233, 244, 255); background: rgba(255, 255, 255, 0.09); }
.popular a:hover { background: rgba(255, 255, 255, 0.208); }
.hero-feature { display: flex; justify-content: center; align-items: center; transform: translateY(16px); min-width: 0px; }
.feature-side, .feature-main { background: rgb(255, 255, 255); border-radius: 16px; padding: 20px; color: rgb(15, 33, 64); box-shadow: rgba(4, 12, 33, 0.667) 0px 25px 45px; text-align: center; display: flex; flex-direction: column; }
.feature-side { width: 185px; min-height: 310px; justify-content: end; transform: rotate(-8deg) translateX(23px); opacity: 0.9; }
.feature-side.right { transform: rotate(8deg) translateX(-23px); }
.feature-side span { background: linear-gradient(130deg, rgb(223, 239, 255), rgb(249, 252, 255)); height: 170px; border-radius: 10px; display: grid; place-items: center; font-size: 12px; font-weight: 800; letter-spacing: 1px; color: rgb(35, 120, 184); }
.feature-side strong { margin: 15px 0px 5px; }
.feature-side small, .feature-main small { color: rgb(101, 117, 139); }
.feature-main { z-index: 2; width: 245px; min-height: 390px; padding: 15px; justify-content: space-between; }
.feature-label { background: rgb(17, 189, 157); color: white; border-radius: 30px; padding: 6px; font-size: 11px; font-weight: 800; letter-spacing: 0.5px; }
.feature-screen { background: linear-gradient(140deg, rgb(23, 43, 84), rgb(19, 97, 161)); height: 180px; border-radius: 9px; margin: 10px 0px; position: relative; overflow: hidden; text-align: left; padding: 12px; }
.screen-top { display: block; width: 100%; height: 15px; border-radius: 3px; background: rgb(199, 231, 241); }
.screen-title { display: block; width: 58%; height: 14px; background: white; border-radius: 3px; margin: 21px 0px 9px; }
.screen-line { display: block; width: 82%; height: 5px; background: rgb(170, 201, 228); border-radius: 3px; margin: 7px 0px; }
.screen-line.short { width: 65%; }
.screen-card { position: absolute; bottom: 13px; left: 12px; width: 42%; height: 54px; background: rgb(231, 242, 251); border-radius: 5px; }
.screen-card.two { left: auto; right: 12px; background: rgb(105, 208, 214); }
.feature-main strong { font-size: 17px; }
.feature-main a { display: block; background: rgb(16, 27, 53); border-radius: 8px; padding: 10px; color: white; font-size: 14px; font-weight: 800; margin-top: 10px; }
.domain-strip { background: linear-gradient(115deg, rgb(16, 44, 73), rgb(6, 123, 143)); color: rgb(255, 255, 255); }
.domain-inner { min-height: 330px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.domain-inner > div:first-child { max-width: 700px; }
.domain-inner small, .overline { color: rgb(13, 170, 196); font-size: 13px; font-weight: 900; letter-spacing: 1.6px; }
.domain-inner small { color: rgb(117, 231, 223); }
.domain-inner h2 { font-size: 36px; margin: 12px 0px; }
.domain-inner p { color: rgb(208, 230, 237); line-height: 1.6; }
.domain-form { display: flex; background: white; padding: 6px; border-radius: 10px; margin: 22px 0px 12px; max-width: 580px; }
.domain-form input { flex: 1 1 0%; min-width: 0px; border: 0px; padding: 12px 15px; outline: none; color: rgb(23, 43, 71); }
.domain-hint { font-size: 13px; color: rgb(199, 228, 233); }
.domain-art { position: relative; min-width: 250px; height: 250px; display: grid; place-items: center; }
.domain-globe { font-size: 230px; line-height: 1; color: rgba(189, 247, 224, 0.133); transform: rotate(-22deg); }
.domain-floating { position: absolute; background: rgb(255, 255, 255); color: rgb(22, 41, 74); padding: 15px 20px; border-radius: 10px; box-shadow: rgba(6, 31, 58, 0.4) 0px 15px 50px; }
.domain-floating b { color: rgb(9, 164, 186); }
.store-section { padding: 76px 0px; background: rgb(255, 255, 255); }
.store-section.light { background: rgb(245, 248, 252); }
.section-top { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 30px; }
.section-top h2 { font-size: clamp(28px, 3vw, 40px); letter-spacing: -1.4px; margin: 10px 0px; }
.section-top p { color: rgb(101, 116, 140); margin: 0px; line-height: 1.6; }
.section-top > a { white-space: nowrap; color: rgb(8, 110, 183); font-weight: 800; }
.catalog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.product-card { border: 1px solid rgb(226, 232, 242); border-radius: 16px; background: rgb(255, 255, 255); overflow: hidden; box-shadow: rgba(23, 45, 78, 0.043) 0px 12px 26px; transition: transform 0.2s, box-shadow 0.2s; }
.product-card:hover { transform: translateY(-4px); box-shadow: rgba(23, 45, 78, 0.114) 0px 20px 35px; }
.product-thumb { height: 190px; background: linear-gradient(135deg, rgb(16, 33, 63), rgb(15, 98, 151)); position: relative; display: grid; place-items: center; overflow: hidden; }
.product-card:nth-child(3n+2) .product-thumb { background: linear-gradient(130deg, rgb(22, 50, 115), rgb(22, 170, 179)); }
.product-card:nth-child(3n+3) .product-thumb { background: linear-gradient(130deg, rgb(20, 36, 72), rgb(59, 103, 168)); }
.thumb-shine { position: absolute; inset: auto -30px -90px auto; width: 280px; height: 230px; background: rgba(255, 255, 255, 0.086); transform: rotate(35deg); }
.mock-browser { height: 123px; width: 205px; transform: perspective(500px) rotateY(-12deg) rotateX(5deg); box-shadow: rgba(3, 17, 38, 0.55) 15px 19px 25px; background: rgb(238, 246, 255); border-radius: 7px; padding: 8px; display: block; }
.mock-dots { display: block; height: 14px; color: rgb(103, 163, 191); font-size: 6px; letter-spacing: 2px; }
.mock-bar { display: block; background: rgb(26, 71, 123); height: 27px; border-radius: 3px; }
.mock-head { display: block; background: rgb(27, 77, 129); width: 75px; height: 9px; border-radius: 3px; margin: 12px 0px 6px; }
.mock-line { display: block; background: rgb(178, 200, 221); width: 125px; height: 4px; border-radius: 3px; margin: 5px 0px; }
.mock-line.short { width: 90px; }
.mock-button { display: block; background: rgb(20, 171, 184); width: 56px; height: 13px; border-radius: 3px; margin-top: 9px; }
.category-chip { position: absolute; top: 13px; left: 14px; background: rgb(255, 255, 255); color: rgb(21, 74, 116); border-radius: 20px; padding: 6px 10px; font-size: 11px; font-weight: 800; }
.product-info { padding: 21px; }
.product-info small { color: rgb(12, 149, 179); letter-spacing: 1px; font-size: 11px; font-weight: 900; }
.product-info h3 { font-size: 19px; line-height: 1.3; margin: 9px 0px; }
.product-info p { font-size: 14px; line-height: 1.55; color: rgb(101, 117, 142); min-height: 44px; }
.product-bottom { border-top: 1px solid rgb(236, 240, 246); margin-top: 20px; padding-top: 16px; display: flex; justify-content: space-between; align-items: center; }
.product-bottom strong { color: rgb(11, 130, 180); font-size: 17px; }
.product-bottom a { background: rgb(18, 33, 64); color: white; padding: 9px 13px; border-radius: 7px; font-size: 13px; font-weight: 750; }
.value-band { background: rgb(18, 36, 70); color: rgb(255, 255, 255); padding: 35px 0px; }
.value-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.value-grid div { border-right: 1px solid rgba(255, 255, 255, 0.19); padding: 0px 20px; }
.value-grid div:last-child { border: 0px; }
.value-grid b { display: block; color: rgb(40, 198, 211); font-size: 13px; }
.value-grid strong { display: block; margin: 8px 0px; }
.value-grid span { color: rgb(181, 201, 229); font-size: 13px; }
.service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.service-tile, .blog-tile { display: block; background: rgb(255, 255, 255); border: 1px solid rgb(228, 234, 243); border-radius: 13px; padding: 25px; }
.service-tile:hover, .blog-tile:hover { border-color: rgb(18, 164, 203); }
.service-tile > span { width: 42px; height: 42px; border-radius: 10px; background: rgb(230, 246, 251); color: rgb(5, 148, 181); font-size: 21px; display: grid; place-items: center; }
.service-tile h3 { font-size: 18px; }
.service-tile p, .blog-tile p { color: rgb(102, 117, 141); line-height: 1.55; font-size: 14px; }
.service-tile b, .blog-tile b { font-size: 13px; color: rgb(18, 132, 180); }
.brand-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.brand-card { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 225px; background: rgb(255, 255, 255); border: 1px solid rgb(223, 233, 242); border-radius: 14px; padding: 26px; text-align: center; color: rgb(37, 56, 81); box-shadow: rgba(23, 45, 78, 0.043) 0px 10px 28px; transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s; }
.brand-card:hover, .brand-card:focus-visible { transform: translateY(-4px); border-color: rgb(54, 166, 201); box-shadow: rgba(23, 45, 78, 0.11) 0px 16px 34px; }
.brand-image { width: 100%; height: 112px; display: grid; place-items: center; margin-bottom: 17px; }
.brand-image img { max-width: 80%; max-height: 105px; width: auto; height: auto; object-fit: contain; }
.brand-name { font-weight: 800; font-size: 17px; }
.brand-domain { display: block; margin-top: 7px; font-size: 12px; color: rgb(35, 133, 169); font-weight: 650; }
.brand-domain span { font-size: 16px; margin-left: 4px; }
.blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }
.blog-tile span { color: rgb(11, 158, 183); font-size: 12px; font-weight: 800; }
.blog-tile h3 { line-height: 1.4; }
.contact-banner { background: linear-gradient(105deg, rgb(12, 66, 112), rgb(14, 143, 164)); color: white; padding: 57px 0px; }
.contact-banner .wrap { display: flex; justify-content: space-between; align-items: center; gap: 30px; }
.contact-banner span { font-size: 12px; letter-spacing: 1px; }
.contact-banner h2 { font-size: 36px; margin: 9px 0px; }
.contact-banner p { color: rgb(216, 237, 244); }
.contact-banner a { background: rgb(255, 255, 255); color: rgb(18, 59, 92); border-radius: 9px; padding: 16px 24px; white-space: nowrap; font-weight: 800; }
.shop-footer { background: rgb(16, 27, 52); color: rgb(174, 190, 213); padding: 56px 0px 25px; }
.shop-footer .shop-logo { color: white; }
.shop-footer .shop-logo small { color: rgb(158, 175, 199); }
.foot-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 35px; }
.foot-grid p { line-height: 1.7; max-width: 310px; }
.foot-grid strong { display: block; color: white; margin-bottom: 15px; }
.foot-grid a:not(.shop-logo), .foot-grid span { display: block; margin: 10px 0px; font-size: 14px; }
.foot-bottom { border-top: 1px solid rgba(255, 255, 255, 0.133); margin-top: 35px; padding-top: 22px; font-size: 13px; }
.page-hero { background: linear-gradient(115deg, rgb(17, 33, 65), rgb(18, 103, 143)); color: white; padding: 65px 0px; }
.page-hero small { color: rgb(126, 227, 223); letter-spacing: 1px; font-weight: 800; }
.page-hero h1 { font-size: clamp(34px, 4vw, 52px); margin: 10px 0px; }
.page-hero p { color: rgb(217, 233, 246); line-height: 1.65; max-width: 680px; }
.catalog-layout { display: grid; grid-template-columns: 225px 1fr; gap: 30px; }
.catalog-filter { background: rgb(244, 247, 251); border: 1px solid rgb(228, 235, 244); border-radius: 12px; padding: 20px; align-self: start; }
.catalog-filter a { display: block; margin: 12px 0px; color: rgb(82, 100, 124); }
.catalog-filter a:hover { color: rgb(13, 128, 176); }
.listing-tools { display: flex; gap: 10px; margin-bottom: 20px; }
.listing-tools input, .listing-tools select { padding: 12px; border: 1px solid rgb(213, 224, 236); border-radius: 7px; background: rgb(255, 255, 255); min-width: 0px; }
.listing-tools input { flex: 1 1 0%; }
.listing-tools button { border: 0px; border-radius: 7px; background: rgb(17, 35, 70); color: white; padding: 12px 18px; font-weight: 800; }
.product-detail { display: grid; grid-template-columns: 1fr 1fr; gap: 42px; align-items: start; }
.product-detail .product-thumb { height: 380px; border-radius: 14px; }
.product-detail .mock-browser { transform: scale(1.55); }
.detail-copy h1 { font-size: 42px; line-height: 1.16; }
.detail-copy p { font-size: 17px; line-height: 1.65; color: rgb(97, 113, 137); }
.detail-copy ul { color: rgb(65, 81, 106); line-height: 2; padding-left: 20px; }
.detail-price { font-size: 27px; color: rgb(11, 135, 174); font-weight: 900; }
.action-primary { display: inline-flex; align-items: center; justify-content: center; border: 0px; border-radius: 9px; background: rgb(15, 38, 76); color: rgb(255, 255, 255); padding: 14px 20px; font-weight: 800; margin-right: 10px; }
.action-outline { display: inline-flex; border: 1px solid rgb(182, 198, 216); border-radius: 9px; color: rgb(18, 77, 130); padding: 13px 19px; font-weight: 800; }
.domain-list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; margin-top: 25px; }
.domain-list div { border: 1px solid rgb(220, 230, 240); background: white; border-radius: 12px; padding: 20px; text-align: center; }
.domain-list strong { display: block; font-size: 20px; color: rgb(16, 116, 168); }
.domain-list span { display: block; color: rgb(103, 120, 145); margin-top: 8px; font-size: 13px; }
.form-box { max-width: 760px; background: white; border: 1px solid rgb(225, 232, 241); border-radius: 16px; padding: 28px; box-shadow: rgba(9, 40, 73, 0.043) 0px 10px 30px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.form-grid label { display: flex; flex-direction: column; gap: 7px; font-size: 14px; font-weight: 800; }
.form-grid .full { grid-column: 1 / -1; }
.form-grid input, .form-grid textarea { border: 1px solid rgb(204, 216, 230); border-radius: 8px; padding: 12px; outline-color: rgb(26, 155, 192); }
.form-grid textarea { min-height: 130px; }
.quote-summary { border: 1px solid rgb(229, 234, 242); background: rgb(245, 249, 253); padding: 17px; border-radius: 9px; margin-bottom: 20px; }
.quote-summary span { display: block; margin: 7px 0px; color: rgb(82, 101, 125); }
.cart-list { max-width: 850px; }
.cart-row { border: 1px solid rgb(226, 232, 241); background: white; padding: 18px 22px; border-radius: 11px; margin: 10px 0px; display: flex; justify-content: space-between; gap: 20px; }
.cart-row small { display: block; margin-top: 6px; color: rgb(109, 124, 144); }
.cart-row button { display: block; border: 0px; background: none; color: rgb(161, 45, 53); padding: 7px 0px; }
.empty-cart { text-align: center; background: white; padding: 60px; border: 1px solid rgb(227, 233, 240); border-radius: 14px; }
.domain-result { padding: 18px; border: 1px solid rgb(210, 227, 237); background: rgb(244, 251, 254); border-radius: 10px; margin-top: 20px; }
.domain-result strong { display: block; color: rgb(17, 108, 151); }
.admin .sidebar { position: sticky; top: 0px; height: 100vh; overflow: auto; }
.admin .sidebar p { font-size: 12px; color: rgb(147, 172, 206); text-transform: uppercase; letter-spacing: 1px; margin: 25px 12px 5px; }
.admin .sidebar a { font-size: 14px; }
.dashboard-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin: 25px 0px; }
.dashboard-stats div { background: white; border: 1px solid rgb(223, 231, 242); border-radius: 12px; padding: 22px; }
.dashboard-stats small { display: block; color: rgb(117, 132, 155); }
.dashboard-stats strong { display: block; font-size: 27px; margin: 10px 0px; }
.admin-table { width: 100%; border-collapse: collapse; background: white; }
.admin-table th, .admin-table td { text-align: left; padding: 14px; border-bottom: 1px solid rgb(232, 237, 244); font-size: 14px; }
.admin-table th { color: rgb(91, 107, 129); font-size: 12px; text-transform: uppercase; }
.admin-panel { background: white; border: 1px solid rgb(223, 231, 242); border-radius: 14px; padding: 24px; margin: 25px 0px; overflow: auto; }
.admin-panel h2 { margin-top: 0px; }
.status-chip { display: inline-block; background: rgb(231, 246, 252); color: rgb(8, 116, 165); border-radius: 30px; padding: 5px 9px; font-size: 12px; }
.status-chip.draft { background: rgb(245, 237, 226); color: rgb(138, 90, 19); }
@media (max-width: 1100px) {
  .shop-nav nav { gap: 13px; font-size: 12px; }
  .shop-nav .wrap { gap: 15px; }
  .hero-feature { transform: scale(0.83); }
}
@media (max-width: 900px) {
  .shop-nav nav { display: none; }
  .shop-nav .cart-link { margin-left: auto; }
  .hero-inner { grid-template-columns: 1fr; min-height: 0px; }
  .hero-feature { display: none; }
  .catalog-grid, .service-grid, .blog-grid { grid-template-columns: repeat(2, 1fr); }
  .value-grid { grid-template-columns: repeat(2, 1fr); }
  .catalog-layout { grid-template-columns: 1fr; }
  .catalog-filter { display: none; }
  .foot-grid { grid-template-columns: repeat(2, 1fr); }
  .product-detail { grid-template-columns: 1fr; }
  .dashboard-stats { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .shop-top { display: none; }
  .shop-nav .wrap { height: 67px; }
  .shop-nav .nav-quote, .cart-link span { display: none; }
  .shop-logo { font-size: 16px; }
  .hero-inner { padding-top: 60px; padding-bottom: 70px; }
  .store-hero h1 { font-size: 42px; }
  .hero-search { flex-wrap: wrap; }
  .hero-search select { width: 100%; border-right: 0px; border-bottom: 1px solid rgb(226, 233, 241); }
  .hero-search input { width: calc(100% - 90px); }
  .hero-search button { padding: 10px; }
  .domain-art { display: none; }
  .domain-inner { padding-top: 55px; padding-bottom: 55px; }
  .domain-inner h2 { font-size: 29px; }
  .domain-form button { font-size: 12px; padding: 10px; }
  .catalog-grid, .service-grid, .blog-grid, .brand-grid { grid-template-columns: 1fr; }
  .store-section { padding: 55px 0px; }
  .section-top { align-items: start; }
  .section-top > a { font-size: 13px; }
  .value-grid { grid-template-columns: 1fr; }
  .value-grid div { border-right: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.17); padding: 15px 0px; }
  .contact-banner .wrap { display: block; }
  .contact-banner h2 { font-size: 30px; }
  .contact-banner a { display: inline-block; margin-top: 15px; }
  .foot-grid { grid-template-columns: 1fr 1fr; gap: 20px; }
  .foot-grid > div:first-child { grid-column: 1 / -1; }
  .domain-list { grid-template-columns: repeat(2, 1fr); }
  .form-grid { grid-template-columns: 1fr; }
  .form-grid .full { grid-column: auto; }
  .dashboard-stats { grid-template-columns: 1fr 1fr; }
  .adminmain { padding: 20px; }
  .admin .sidebar { height: auto; position: static; }
  .admin .sidebar p { display: none; }
}
.product-monogram { font-size: 100px; line-height: 1; font-weight: 900; color: rgba(255, 255, 255, 0.85); text-shadow: rgba(7, 27, 69, 0.5) 0px 12px 30px; letter-spacing: -7px; }
.product-detail .product-monogram { font-size: 180px; }
.back-to-top { position: fixed; right: 24px; bottom: 24px; z-index: 70; width: 48px; height: 48px; border: 0px; border-radius: 13px; background: rgb(15, 38, 76); color: rgb(255, 255, 255); display: grid; place-items: center; box-shadow: rgba(14, 36, 66, 0.32) 0px 12px 32px; opacity: 0; pointer-events: none; transform: translateY(12px); transition: opacity 0.2s, transform 0.2s; cursor: pointer; }
.back-to-top.visible { opacity: 1; pointer-events: auto; transform: translateY(0px); }
.back-to-top:hover { background: rgb(7, 136, 183); }
.contact-hero { background-size: cover; background-position: center center; min-height: 260px; }
.contact-layout { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 42px; align-items: start; }
.contact-info h2, .form-box h2 { font-size: 31px; margin: 10px 0px 16px; }
.contact-info > p { color: rgb(102, 117, 141); line-height: 1.6; }
.contact-info-card { background: rgb(255, 255, 255); border: 1px solid rgb(224, 233, 243); border-radius: 13px; padding: 20px; margin: 14px 0px; }
.contact-info-card small { display: block; color: rgb(19, 136, 170); font-weight: 900; letter-spacing: 1px; margin-bottom: 8px; }
.contact-info-card a, .contact-info-card strong { font-size: 19px; color: rgb(24, 50, 81); }
.contact-info .action-outline { margin-top: 16px; }
.contact-form .form-grid { margin: 24px 0px; }
.contact-form small { display: block; color: rgb(119, 132, 154); margin-top: 15px; }
.honeypot { position: absolute; left: -9999px; opacity: 0; }
.success-note { background: rgb(228, 248, 239); border: 1px solid rgb(133, 215, 173); color: rgb(23, 93, 57); padding: 14px; border-radius: 8px; }
.admin-upload-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.admin-upload-grid form { border: 1px solid rgb(223, 232, 242); border-radius: 12px; padding: 18px; }
.admin-upload-grid input { margin: 12px 0px; }
.admin-message { border-bottom: 1px solid rgb(229, 236, 244); padding: 18px 0px; }
.admin-message p { white-space: pre-wrap; line-height: 1.5; }
.admin-message form { display: flex; gap: 8px; }
.admin-message select { padding: 9px; border: 1px solid rgb(203, 216, 229); border-radius: 7px; }
.admin .sidebar { background: rgb(16, 31, 60); padding: 24px 14px; }
.admin .sidebar > a:not(.brand) { display: block; color: rgb(190, 208, 231); padding: 11px 14px; border-radius: 8px; text-decoration: none; }
.admin .sidebar > a:not(.brand):hover { background: rgba(255, 255, 255, 0.094); color: rgb(255, 255, 255); }
.adminmain { background: rgb(245, 248, 252); min-height: 100vh; }
.adminmain > .overline { display: block; padding-top: 8px; }
.admin-panel { box-shadow: rgba(16, 35, 64, 0.04) 0px 10px 28px; }
.admin .brand { font-weight: 900; font-size: 18px; padding: 10px; display: block; }
@media (max-width: 800px) {
  .contact-layout { grid-template-columns: 1fr; }
  .admin-upload-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .back-to-top { right: 15px; bottom: 15px; }
  .contact-hero { min-height: 0px; }
  .admin-message { display: block; }
  .admin-message form { margin-top: 15px; }
}
.product-image { width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 1; }
.product-thumb .category-chip { z-index: 2; }
.mobile-menu-button, .mobile-menu { display: none; }
.mobile-menu-button { align-items: center; justify-content: center; width: 44px; height: 44px; background: rgb(239, 246, 250); border: 1px solid rgb(216, 230, 240); border-radius: 10px; color: rgb(16, 41, 75); cursor: pointer; }
.mobile-menu-backdrop { position: fixed; inset: 0px; background: rgba(6, 21, 40, 0.61); z-index: 59; }
.mobile-menu { position: fixed; z-index: 60; top: 0px; right: 0px; bottom: 0px; width: min(355px, 88vw); background: rgb(255, 255, 255); box-shadow: rgba(8, 27, 56, 0.2) -14px 0px 35px; padding: 22px; overflow: auto; transform: translateX(103%); transition: transform 0.25s; }
.mobile-menu.open { display: block; transform: translateX(0px); }
.mobile-menu-heading { display: flex; justify-content: space-between; align-items: center; color: rgb(113, 128, 153); font-size: 12px; font-weight: 900; letter-spacing: 1.7px; margin-bottom: 23px; }
.mobile-menu-heading button { border: 0px; background: rgb(242, 245, 249); border-radius: 8px; padding: 8px; display: grid; place-items: center; }
.mobile-menu > a { display: flex; align-items: center; gap: 14px; padding: 16px 8px; border-bottom: 1px solid rgb(236, 240, 245); color: rgb(21, 44, 74); font-size: 16px; font-weight: 750; }
.mobile-menu > a svg { color: rgb(19, 150, 181); flex: 0 0 auto; }
.mobile-menu-arrow { margin-left: auto; }
.mobile-menu > a.mobile-quote { background: rgb(15, 38, 76); color: white; justify-content: center; border-radius: 10px; margin-top: 25px; padding: 15px; }
.mobile-menu > a.mobile-quote svg { color: white; }
.shop-nav .cart-link { align-items: center; }
@media (max-width: 1100px) {
  .shop-nav nav.desktop-nav { display: none; }
  .shop-nav .nav-quote { display: none; }
  .shop-nav .cart-link { margin-left: auto; }
  .mobile-menu-button { display: flex; }
  .shop-nav .wrap { height: 72px; }
  .shop-logo { font-size: 17px; }
}
@media (max-width: 600px) {
  .shop-nav .cart-link { display: flex; }
  .shop-nav .cart-link span { display: none; }
  .shop-nav .wrap { gap: 12px; }
  .shop-logo { font-size: 15px; }
  .logo-mark { width: 38px; height: 38px; }
  .mobile-menu { display: block; }
  .mobile-menu:not(.open) { visibility: hidden; pointer-events: none; }
}
.captcha-field { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; font-weight: 800; color: rgb(40, 61, 86); margin: 18px 0px; }
.captcha-field input { width: 95px; border: 1px solid rgb(203, 216, 230); border-radius: 8px; padding: 11px; font-size: 16px; }
.captcha-field input:focus-visible { outline: rgb(21, 156, 192) solid 2px; outline-offset: 2px; }
.hero-search button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; }
.hero-feature { display: block; transform: none; min-width: 0px; }
.hero-feature-label { display: block; color: rgb(146, 229, 237); font-size: 12px; font-weight: 900; letter-spacing: 1.7px; margin: 0px 0px 18px 40px; }
.hero-product-stack { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; align-items: stretch; max-width: 520px; margin: auto; }
.hero-product { min-height: 190px; display: flex; flex-direction: column; border: 1px solid rgb(224, 235, 247); background: rgb(255, 255, 255); border-radius: 17px; padding: 22px; color: rgb(22, 43, 73); box-shadow: rgba(6, 19, 43, 0.4) 0px 18px 36px; transition: transform 0.2s, box-shadow 0.2s; }
.hero-product:hover { transform: translateY(-5px); box-shadow: rgba(6, 19, 43, 0.6) 0px 23px 44px; }
.hero-product-0 { grid-column: 1 / -1; min-height: 175px; background: linear-gradient(115deg, rgb(255, 255, 255), rgb(230, 248, 255)); }
.hero-product-kind { color: rgb(14, 155, 181); font-size: 11px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; }
.hero-product strong { font-size: 19px; margin-top: 12px; line-height: 1.3; }
.hero-product small { color: rgb(97, 113, 138); line-height: 1.4; margin: 8px 0px 18px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hero-product-bottom { display: flex; align-items: center; justify-content: space-between; margin-top: auto; border-top: 1px solid rgb(223, 232, 240); padding-top: 12px; color: rgb(14, 125, 165); }
.hero-product-bottom b { font-size: 14px; }
.domain-globe { width: 220px; height: 220px; }
@media (max-width: 1100px) {
  .hero-feature { transform: none; }
}
@media (max-width: 900px) {
  .hero-feature { display: block; margin: 10px auto 0px; width: 100%; }
  .hero-feature-label { margin-left: 0px; }
  .hero-product-stack { max-width: none; }
}
@media (max-width: 600px) {
  .hero-product-stack { grid-template-columns: 1fr; }
  .hero-product-0 { grid-column: auto; }
  .hero-product { min-height: 0px; }
  .hero-product:nth-child(n+3) { display: none; }
  .hero-inner { gap: 30px; }
  .hero-feature-label { margin-top: 10px; }
}
.shop-nav nav.mobile-menu { display: none; margin: 0px; gap: 0px; white-space: normal; align-items: stretch; font-size: 16px; }
.shop-nav nav.mobile-menu.open { display: block; }
.shop-nav nav.mobile-menu a { display: flex; }
.shop-nav nav.mobile-menu a:hover { color: rgb(18, 128, 169); }
.shop-nav nav.mobile-menu .mobile-quote:hover { color: rgb(255, 255, 255); }
.detail-copy h2 { font-size: 42px; line-height: 1.16; margin: 16px 0px; }
.error-note { background: rgb(255, 241, 240); border: 1px solid rgb(232, 167, 160); color: rgb(138, 36, 36); padding: 14px; border-radius: 8px; }
.shop-top .wrap { gap: 20px; }
.shop-top a { display: inline-flex; align-items: center; gap: 5px; }
.shop-top .wrap span { margin-left: auto; }
.shop-nav .desktop-nav { display: flex; }
.shop-nav nav.mobile-menu { display: none; }
.mobile-menu-button { display: none; }
.mobile-backdrop { display: none; }
.shop-logo { display: flex; align-items: center; gap: 9px; }
.hero-product-stack { grid-template-columns: 1fr 1fr; }
.hero-product-stack .hero-product:first-child { grid-column: 1 / -1; }
.hero-product-bottom { font-weight: 800; }
.domain-art svg { color: rgba(189, 247, 224, 0.4); width: 200px; height: 200px; }
.domain-art span { position: absolute; background: white; color: rgb(22, 41, 74); padding: 15px 20px; border-radius: 10px; box-shadow: rgba(6, 31, 58, 0.4) 0px 15px 50px; }
.product-thumb { display: grid; place-items: center; }
.product-thumb img { width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 1; }
.product-monogram { font-size: 70px; font-weight: 900; color: rgb(213, 236, 249); position: relative; z-index: 1; }
.detail-thumb { height: 360px; border-radius: 14px; }
.detail-copy h2 { font-size: 38px; margin: 15px 0px; }
.detail-body { white-space: pre-line; line-height: 1.7; color: rgb(69, 90, 116); margin: 22px 0px; }
.brand-card small { color: rgb(19, 131, 167); margin-top: 7px; }
.brand-card .brand-image { min-height: 110px; }
.brand-card img { object-fit: contain; max-width: 80%; max-height: 105px; }
.primary, .outline { display: inline-flex; align-items: center; justify-content: center; border-radius: 9px; padding: 12px 19px; font-weight: 800; text-decoration: none; cursor: pointer; }
.primary { border: 0px; background: rgb(16, 41, 78); color: white; }
.primary:hover { background: rgb(15, 124, 172); color: white; }
.outline { border: 1px solid rgb(175, 197, 216); color: rgb(22, 79, 125); background: white; }
.form-box { max-width: none; }
.form-box form small { display: block; margin-top: 13px; color: rgb(107, 125, 149); }
.form-grid label, .install-card label, .login-card label, .password-form label { display: flex; flex-direction: column; gap: 7px; font-size: 14px; font-weight: 750; }
.form-grid input, .form-grid textarea, .install-card input, .login-card input, .password-form input, .fields input, .fields textarea, .fields select { border: 1px solid rgb(203, 216, 230); border-radius: 8px; padding: 11px 12px; width: 100%; background: white; color: rgb(28, 51, 79); }
.form-grid textarea, .fields textarea { min-height: 125px; }
.contact-info-card { display: flex; flex-direction: column; }
.contact-info-card small { color: rgb(11, 139, 173); font-weight: 900; letter-spacing: 1px; }
.contact-info-card a, .contact-info-card strong { font-size: 19px; margin-top: 8px; }
.contact-layout { grid-template-columns: 0.8fr 1.2fr; }
.captcha-field { display: flex; align-items: center; gap: 12px; font-weight: 800; margin: 18px 0px; }
.captcha-field input { width: 90px; border: 1px solid rgb(203, 216, 230); border-radius: 8px; padding: 10px; }
.honeypot { position: absolute; left: -9999px; opacity: 0; }
.notice { padding: 13px 16px; border-radius: 9px; background: rgb(232, 249, 238); border: 1px solid rgb(154, 217, 176); color: rgb(23, 101, 59); margin: 18px 0px; }
.notice.error { background: rgb(255, 240, 238); border-color: rgb(231, 173, 166); color: rgb(135, 40, 32); }
.table-scroll { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; padding: 12px; border-bottom: 1px solid rgb(228, 235, 243); font-size: 14px; }
th { font-size: 12px; color: rgb(102, 116, 138); text-transform: uppercase; }
.admin-brand { display: block; color: white; font-size: 19px; font-weight: 900; letter-spacing: -0.5px; margin: 8px 12px 24px; }
.admin-brand span { color: rgb(36, 185, 220); }
.admin .sidebar > a.active { background: rgb(29, 100, 144); color: rgb(255, 255, 255); }
.sidebar small { display: block; margin: 16px 13px; overflow-wrap: anywhere; color: rgb(145, 167, 197); }
.sidebar-logout { border: 1px solid rgba(255, 255, 255, 0.282); color: white; background: transparent; padding: 10px 14px; border-radius: 8px; margin: 15px; cursor: pointer; }
.admin-topline { display: flex; align-items: center; justify-content: space-between; }
.admin-topline a { color: rgb(20, 125, 168); font-size: 14px; font-weight: 800; }
.dashboard-stats a { display: block; background: white; border: 1px solid rgb(223, 231, 242); border-radius: 12px; padding: 22px; }
.dashboard-stats small { display: block; color: rgb(115, 132, 154); }
.dashboard-stats strong { display: block; font-size: 27px; margin: 10px 0px; }
.dashboard-stats span { color: rgb(20, 124, 170); font-size: 13px; }
.admin-panel { margin: 24px 0px; }
.admin-panel h2 { margin-top: 0px; }
.fields .wide { grid-column: 1 / -1; }
.fields .check { flex-direction: row; align-items: center; }
.fields .check input { width: auto; }
.fields small { font-weight: 400; color: rgb(113, 128, 153); }
.admin-record { display: flex; align-items: start; justify-content: space-between; gap: 24px; border-bottom: 1px solid rgb(230, 237, 244); padding: 20px 0px; }
.admin-record p { line-height: 1.6; margin: 8px 0px; color: rgb(82, 101, 123); }
.admin-record form { display: flex; gap: 8px; white-space: nowrap; }
.admin-record select { padding: 9px; border: 1px solid rgb(203, 216, 230); border-radius: 8px; }
.actions { display: flex; gap: 10px; flex-wrap: wrap; }
.delete-form { margin-top: 18px; }
.danger { background: rgb(255, 240, 240); color: rgb(175, 43, 49); border: 1px solid rgb(235, 185, 185); border-radius: 8px; padding: 10px 14px; }
.login-page { min-height: 100vh; display: grid; place-items: center; background: linear-gradient(120deg, rgb(14, 31, 62), rgb(23, 97, 132)); }
.login-card, .install-card { width: min(480px, 100% - 32px); background: rgb(255, 255, 255); border-radius: 18px; padding: 34px; box-shadow: rgba(6, 20, 41, 0.267) 0px 25px 55px; }
.login-card .shop-logo { margin-bottom: 28px; }
.login-card label, .install-card label { margin: 14px 0px; }
.login-card .primary, .install-card .primary { width: 100%; margin: 15px 0px; }
.install-card { margin: 40px auto; }
.status-chip { border-radius: 20px; background: rgb(231, 246, 252); padding: 6px 10px; color: rgb(8, 116, 165); }
.domain-page-form { border: 1px solid rgb(215, 226, 238); max-width: 720px; }
.domain-result { max-width: 720px; }
.mobile-menu { display: none; }
.mobile-menu-heading { display: flex; justify-content: space-between; align-items: center; font-size: 12px; letter-spacing: 2px; color: rgb(111, 128, 149); font-weight: 900; margin-bottom: 20px; }
.mobile-menu-heading button { border: 0px; background: rgb(237, 244, 248); border-radius: 8px; padding: 8px; }
.back-to-top { position: fixed; right: 20px; bottom: 20px; z-index: 70; width: 48px; height: 48px; border: 0px; border-radius: 12px; background: rgb(16, 41, 78); color: white; display: none; place-items: center; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 25px; }
.back-to-top.visible { display: grid; }
@media (max-width: 1100px) {
  .shop-nav nav.desktop-nav { display: none; }
  .shop-nav .nav-quote { display: none; }
  .shop-nav .cart-link { margin-left: auto; }
  .mobile-menu-button { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid rgb(213, 227, 238); border-radius: 10px; background: rgb(244, 249, 252); color: rgb(21, 50, 77); }
  .shop-nav nav.mobile-menu { display: block; position: fixed; top: 0px; right: 0px; bottom: 0px; width: min(350px, 88vw); z-index: 61; background: rgb(255, 255, 255); padding: 22px; box-shadow: rgba(7, 22, 45, 0.2) -12px 0px 35px; transform: translateX(105%); transition: transform 0.25s; visibility: hidden; margin: 0px; white-space: normal; overflow-y: auto; }
  .shop-nav nav.mobile-menu.open { transform: translateX(0px); visibility: visible; }
  .mobile-backdrop.open { display: block; position: fixed; inset: 0px; background: rgba(7, 22, 45, 0.66); z-index: 60; }
  .shop-nav nav.mobile-menu a { display: flex; gap: 13px; align-items: center; padding: 16px 8px; border-bottom: 1px solid rgb(231, 238, 244); color: rgb(28, 58, 86); font-weight: 750; }
  .shop-nav nav.mobile-menu a svg:last-child { margin-left: auto; }
  .shop-nav nav.mobile-menu .mobile-quote { background: rgb(16, 41, 78); color: white; justify-content: center; margin-top: 20px; border-radius: 9px; }
  .hero-feature { display: block; }
}
@media (max-width: 900px) {
  .hero-inner { grid-template-columns: 1fr; }
  .hero-product-stack { max-width: none; }
  .contact-layout { grid-template-columns: 1fr; }
  .admin-record { display: block; }
  .admin-record form { margin-top: 15px; }
}
@media (max-width: 600px) {
  .shop-top { display: none; }
  .shop-nav .wrap { height: 67px; }
  .shop-logo { font-size: 15px; }
  .logo-mark { width: 38px; height: 38px; }
  .hero-product-stack { grid-template-columns: 1fr; }
  .hero-product-stack .hero-product:first-child { grid-column: auto; }
  .hero-product-stack .hero-product:nth-child(n+3) { display: none; }
  .catalog-grid, .brand-grid, .service-grid, .blog-grid { grid-template-columns: 1fr; }
  .adminmain { padding: 20px; }
  .sidebar { height: auto; position: static; }
  .admin { grid-template-columns: 1fr; }
  .form-grid, .fields { grid-template-columns: 1fr; }
  .fields .wide { grid-column: auto; }
  .admin-panel { padding: 18px; }
  .contact-banner .wrap { display: block; }
}
.brand-logo { display: block; width: auto; max-width: 220px; max-height: 52px; object-fit: contain; }
.shop-footer .brand-logo { max-height: 64px; }
.admin { grid-template-columns: 258px minmax(0px, 1fr); background: rgb(243, 246, 251); min-height: 100vh; }
.admin .sidebar { position: sticky; top: 0px; height: 100vh; overflow-y: auto; background: rgb(16, 30, 54); padding: 21px 12px; box-shadow: rgba(18, 36, 65, 0.067) 8px 0px 35px; z-index: 81; }
.admin-brand { display: flex; align-items: center; gap: 11px; margin: 4px 10px 30px; color: rgb(255, 255, 255); font-size: 17px; line-height: 1.1; }
.admin-brand strong { color: rgb(72, 200, 226); }
.admin-brand small { display: block; font-size: 9px; letter-spacing: 2px; color: rgb(147, 169, 196); margin-top: 6px; }
.admin-brand-mark { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: linear-gradient(135deg, rgb(45, 183, 212), rgb(17, 100, 163)); color: rgb(255, 255, 255); font-size: 24px; }
.admin-nav-title { font-size: 10px; letter-spacing: 1.8px; font-weight: 850; color: rgb(111, 134, 168); padding: 17px 15px 8px; }
.admin .sidebar > a.admin-nav-link, .admin .sidebar .sidebar-bottom > a.admin-nav-link { display: flex; align-items: center; gap: 12px; border-radius: 10px; padding: 11px 13px; margin: 2px 0px; color: rgb(183, 199, 220); font-size: 13px; font-weight: 700; text-decoration: none; transition: background 0.18s, color 0.18s; }
.admin .sidebar > a.admin-nav-link:hover, .admin .sidebar .sidebar-bottom > a.admin-nav-link:hover { background: rgba(255, 255, 255, 0.07); color: white; }
.admin .sidebar > a.admin-nav-link.active { background: rgb(22, 106, 157); color: rgb(255, 255, 255); box-shadow: rgba(7, 21, 41, 0.267) 0px 7px 15px; }
.admin-nav-link svg { flex: 0 0 auto; color: rgb(112, 200, 223); }
.admin-nav-link.active svg { color: rgb(255, 255, 255); }
.nav-count { margin-left: auto; background: rgb(239, 101, 114); color: white; padding: 2px 7px; border-radius: 20px; font-size: 11px; }
.sidebar-bottom { border-top: 1px solid rgba(255, 255, 255, 0.106); margin-top: 25px; padding-top: 12px; }
.sidebar-bottom small { margin: 13px; display: block; color: rgb(143, 164, 192); font-size: 11px; }
.sidebar-logout { margin: 3px 12px; width: calc(100% - 24px); text-align: left; }
.adminmain { min-width: 0px; padding: 27px clamp(22px, 4vw, 60px) 65px; background: rgb(243, 246, 251); }
.admin-topline { background: rgb(255, 255, 255); border: 1px solid rgb(230, 237, 245); border-radius: 13px; padding: 12px 18px; margin: 0px 0px 31px; box-shadow: rgba(21, 43, 74, 0.03) 0px 5px 20px; }
.admin-topline .overline { color: rgb(101, 122, 147); font-size: 11px; }
.admin-topline .overline span { color: rgb(199, 209, 223); padding: 0px 8px; }
.admin-topline a { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; }
.admin-topline a svg { width: 16px; }
.admin-page-heading { display: flex; justify-content: space-between; align-items: end; gap: 12px; margin-bottom: 24px; }
.admin-page-heading small { font-size: 11px; font-weight: 900; color: rgb(22, 132, 170); letter-spacing: 2px; }
.admin-page-heading h1 { margin: 5px 0px 0px; font-size: clamp(25px, 3vw, 35px); color: rgb(20, 43, 73); }
.admin-heading-pill { background: rgb(228, 237, 246); color: rgb(90, 113, 140); font-weight: 750; border-radius: 20px; padding: 7px 12px; font-size: 12px; }
.admin-panel { background: rgb(255, 255, 255); border: 1px solid rgb(225, 233, 243); border-radius: 17px; padding: 26px; box-shadow: rgba(21, 47, 81, 0.035) 0px 11px 32px; }
.admin-panel h2 { font-size: 19px; color: rgb(27, 51, 82); }
.dashboard-stats { gap: 15px; }
.dashboard-stats a { border-radius: 17px; padding: 22px; box-shadow: rgba(21, 47, 81, 0.035) 0px 9px 25px; transition: transform 0.2s; }
.dashboard-stats a:hover { transform: translateY(-3px); }
.dashboard-stats a > svg { width: 34px; height: 34px; padding: 8px; box-sizing: content-box; border-radius: 11px; background: rgb(228, 247, 252); color: rgb(19, 137, 172); margin-bottom: 16px; }
.dashboard-stats strong { font-size: 34px; color: rgb(24, 52, 82); }
.admin-add-button { float: right; gap: 7px; margin-top: -39px; }
.admin-add-button svg, .admin-edit-link svg, .message-tools button svg { width: 17px; height: 17px; }
.admin-edit-link { display: inline-flex; align-items: center; gap: 6px; font-weight: 800; color: rgb(17, 127, 172); }
.admin-panel table tbody tr:hover { background: rgb(247, 250, 254); }
.admin-panel th { background: rgb(247, 250, 254); }
.admin-panel table { min-width: 600px; }
.admin-panel td, .admin-panel th { padding: 15px 13px; }
.admin-form-divider { border-top: 1px solid rgb(229, 237, 245); margin-top: 10px; padding-top: 23px; display: flex; flex-direction: column; gap: 6px; }
.admin-form-divider strong { font-size: 18px; color: rgb(28, 53, 84); }
.admin-form-divider span { font-size: 13px; color: rgb(114, 131, 155); }
.logo-upload { border: 1px dashed rgb(185, 204, 222); padding: 17px; border-radius: 13px; background: rgb(250, 252, 255); display: flex; flex-direction: column; gap: 10px; }
.logo-upload img { max-width: 220px; max-height: 78px; object-fit: contain; object-position: left center; padding: 9px; background: rgb(237, 243, 248); border-radius: 8px; }
.logo-placeholder { color: rgb(138, 155, 174); font-size: 13px; }
.logo-upload input[type="file"] { background: transparent; padding: 8px; }
.logo-upload .remove-logo { display: flex; align-items: center; gap: 8px; color: rgb(189, 65, 75); font-size: 12px; }
.logo-upload .remove-logo input { width: auto; }
.message-tools { display: flex; justify-content: space-between; align-items: center; gap: 25px; }
.message-tools p { color: rgb(96, 117, 141); margin-bottom: 0px; line-height: 1.5; }
.message-tools button { gap: 7px; white-space: nowrap; }
.heading-count { background: rgb(229, 244, 250); border-radius: 15px; padding: 3px 9px; color: rgb(22, 128, 162); font-size: 12px; vertical-align: middle; }
.admin-menu-toggle { display: none; border: 0px; background: rgb(233, 243, 249); border-radius: 9px; padding: 8px; color: rgb(21, 54, 84); }
.admin-scrim { display: none; }
@media (max-width: 850px) {
  .admin { display: block; }
  .admin .sidebar { position: fixed; left: 0px; top: 0px; bottom: 0px; width: min(300px, 85vw); height: 100vh; transform: translateX(-105%); transition: transform 0.22s; }
  .admin .sidebar.open { transform: translateX(0px); }
  .admin-scrim.open { display: block; position: fixed; inset: 0px; background: rgba(7, 24, 45, 0.6); z-index: 80; }
  .admin-menu-toggle { display: inline-grid; place-items: center; margin-right: auto; }
  .admin-topline .overline { margin-left: 12px; }
  .admin-topline a { margin-left: auto; }
  .adminmain { padding: 18px 18px 60px; }
  .message-tools { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 600px) {
  .adminmain { padding: 15px 14px 55px; }
  .admin-panel { padding: 19px; }
  .dashboard-stats { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .dashboard-stats a { padding: 15px; }
  .dashboard-stats strong { font-size: 27px; }
  .admin-heading-pill { display: none; }
  .admin-topline .overline { font-size: 10px; }
  .admin-topline a { font-size: 0px; }
  .admin-topline a svg { width: 18px; }
  .admin-add-button { float: none; margin: 0px 0px 12px; }
  .admin-record form { flex-wrap: wrap; }
  .brand-logo { max-width: 160px; max-height: 46px; }
}
.contact-actions { margin: 18px 0px; align-items: center; }
.contact-actions .whatsapp-button { background: rgb(22, 139, 82); color: rgb(255, 255, 255); gap: 8px; }
.contact-actions .whatsapp-button:hover { background: rgb(17, 111, 66); }
.scope-card { background: rgb(255, 255, 255); border: 1px solid rgb(220, 231, 241); border-radius: 16px; padding: 24px; margin: 24px 0px; box-shadow: rgba(20, 48, 80, 0.03) 0px 8px 24px; }
.scope-card h3 { margin: 0px 0px 16px; font-size: 21px; }
.scope-card dl { margin: 0px; }
.scope-card dl > div { display: grid; grid-template-columns: 40% 1fr; gap: 18px; border-bottom: 1px solid rgb(231, 238, 244); padding: 12px 0px; }
.scope-card dl > div:last-child { border: 0px; }
.scope-card dt { font-weight: 800; color: rgb(41, 70, 95); }
.scope-card dd { margin: 0px; color: rgb(100, 118, 139); line-height: 1.6; }
.hosting-comparison table { min-width: 600px; }
.prose-page { max-width: 900px; line-height: 1.9; color: rgb(69, 92, 115); }
.brand-card p { font-size: 14px; color: rgb(76, 101, 126); margin: 12px 0px 6px; }
.brand-card > span:not(.brand-image) { font-size: 13px; color: rgb(116, 132, 154); line-height: 1.6; }
.contact-form select { border: 1px solid rgb(203, 216, 230); border-radius: 8px; padding: 11px 12px; background: white; color: rgb(28, 51, 79); width: 100%; }
.contact-banner .contact-actions a { margin: 0px; min-width: 0px; padding: 13px 18px; font-size: 14px; }
.contact-banner .contact-actions .whatsapp-button { background: rgb(22, 139, 82); color: white; }
.contact-banner .contact-actions .outline { background: white; color: rgb(23, 53, 83); }
.admin .fields textarea[name^="scope["] { min-height: 75px; }
@media (max-width: 600px) {
  .scope-card { padding: 18px; }
  .scope-card dl > div { grid-template-columns: 1fr; gap: 5px; }
  .contact-actions { align-items: stretch; }
  .contact-actions a { flex: 1 1 auto; }
  .contact-banner .contact-actions { flex-direction: column; }
  .brand-card { min-width: 0px; }
}
.domain-register-form { flex-direction: column; border: 1px solid rgb(180, 217, 197); background: rgb(238, 250, 243); padding: 15px; border-radius: 10px; max-width: 420px; display: flex !important; white-space: normal !important; }
.domain-register-form input[type="checkbox"] { width: auto; }
.domain-register-form label { font-size: 13px; line-height: 1.5; }
.domain-register-form button { align-self: start; }
.shop-top { background: rgb(255, 255, 255); color: rgb(28, 48, 77); border-bottom: 1px solid rgb(225, 232, 240); }
.shop-top .wrap { min-height: 61px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.header-quick { display: flex; align-items: center; gap: 18px; }
.header-quick a { font-size: 12px; font-weight: 800; color: rgb(32, 52, 78); }
.header-quick a > span { display: grid; place-items: center; background: rgb(240, 243, 247); border: 1px solid rgb(217, 225, 236); border-radius: 8px; width: 32px; height: 32px; margin: 0px !important; }
.header-announcement { display: flex; align-items: center; gap: 10px; background: rgb(248, 251, 253); border: 1px solid rgb(227, 235, 244); border-radius: 28px; padding: 9px 16px; color: rgb(83, 104, 128); font-size: 12px; max-width: 390px; }
.header-announcement svg { color: rgb(20, 164, 189); flex: 0 0 auto; }
.header-search { display: flex; align-items: center; border: 1px solid rgb(219, 230, 241); border-radius: 10px; padding: 3px 5px; }
.header-search input { width: 110px; border: 0px; padding: 7px; background: transparent; font-size: 12px; }
.header-search button { border: 0px; background: none; color: rgb(25, 47, 74); padding: 6px; display: grid; place-items: center; }
.shop-nav .wrap { min-height: 100px; gap: 22px; }
.shop-nav .desktop-nav { gap: 24px; }
.header-nav-item { position: relative; display: flex; align-items: center; min-height: 72px; font-size: 13px; font-weight: 850; }
.header-nav-item > small { position: absolute; top: 4px; left: 0px; font-size: 9px; letter-spacing: 0.6px; line-height: 1; background: rgb(18, 169, 176); color: rgb(255, 255, 255); border-radius: 4px; padding: 4px 6px; box-shadow: rgba(17, 52, 80, 0.125) 0px 3px 8px; }
.header-nav-item:nth-child(2) > small { background: rgb(236, 138, 40); }
.header-nav-item:nth-child(3) > small { background: rgb(14, 142, 204); }
.header-nav-item:nth-child(4) > small { background: rgb(36, 54, 80); }
.header-nav-item > span { display: flex; align-items: center; gap: 6px; }
.header-nav-item svg { color: rgb(38, 136, 165); }
.nav-quote { display: inline-flex; align-items: center; gap: 8px; }
.service-tile.service-picture { padding: 0px; overflow: hidden; border-radius: 19px; border: 1px solid rgb(222, 231, 240); box-shadow: rgba(21, 48, 74, 0.043) 0px 12px 28px; transition: transform 0.2s, box-shadow 0.2s; }
.service-picture:hover { transform: translateY(-5px); box-shadow: rgba(21, 48, 74, 0.125) 0px 18px 34px; }
.service-cover { position: relative; height: 205px; overflow: hidden; background: rgb(233, 241, 247); }
.service-cover img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
.service-picture:hover img { transform: scale(1.04); }
.service-cover > span { position: absolute; bottom: 15px; left: 20px; box-shadow: rgba(17, 34, 51, 0.333) 0px 4px 15px; background: rgb(255, 255, 255) !important; color: rgb(8, 149, 180) !important; border-radius: 12px !important; margin: 0px !important; }
.service-copy { padding: 24px; }
.service-copy h3 { margin: 0px 0px 13px; }
.service-copy p { line-height: 1.6; }
.latest-blog { padding: 70px 0px; background: linear-gradient(120deg, rgb(237, 241, 249), rgb(239, 248, 249)); }
.latest-blog .section-top h2 { font-size: 34px; margin: 0px 0px 10px; }
.latest-blog .section-top .outline { display: inline-flex; gap: 10px; align-items: center; border-radius: 15px; background: rgb(231, 239, 250); border-color: rgb(197, 216, 245); color: rgb(21, 43, 72); flex: 0 0 auto; }
.latest-blog-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 24px; align-items: stretch; }
.blog-featured { background: white; border-radius: 21px; overflow: hidden; box-shadow: rgba(35, 61, 91, 0.082) 0px 18px 42px; }
.blog-featured-image { display: block; height: 290px; position: relative; overflow: hidden; }
.blog-featured-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
.blog-featured:hover .blog-featured-image img { transform: scale(1.035); }
.blog-featured-copy { padding: 24px; }
.blog-featured-copy h3, .blog-featured-copy h2 { font-size: 21px; line-height: 1.4; margin: 0px 0px 12px; }
.blog-featured-copy p { color: rgb(92, 113, 138); line-height: 1.6; margin: 0px 0px 18px; }
.blog-featured-copy .primary { border-radius: 28px; }
.blog-side-list { background: rgb(255, 255, 255); border-radius: 21px; overflow: hidden; box-shadow: rgba(35, 61, 91, 0.07) 0px 18px 42px; display: flex; flex-direction: column; }
.blog-side-item { display: flex; align-items: center; gap: 15px; padding: 19px; border-bottom: 1px solid rgb(237, 241, 246); flex: 1 1 0%; }
.blog-side-item:last-child { border: 0px; }
.blog-side-item > img { width: 100px; height: 78px; object-fit: cover; border-radius: 12px; flex: 0 0 auto; }
.blog-side-item > div { min-width: 0px; flex: 1 1 0%; }
.blog-side-item h3 { font-size: 15px; line-height: 1.4; margin: 0px 0px 7px; color: rgb(36, 54, 76); }
.blog-side-item p { font-size: 13px; line-height: 1.5; margin: 0px; color: rgb(107, 126, 149); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.blog-side-item > span { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid rgb(208, 224, 251); background: rgb(238, 244, 255); border-radius: 50%; color: rgb(49, 87, 130); flex: 0 0 auto; }
.blog-side-item:hover { background: rgb(247, 251, 255); }
.blog-list-empty { padding: 30px; line-height: 1.6; }
.blog-archive-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 24px; }
.blog-archive-grid .blog-featured-image { height: 210px; }
@media (max-width: 1200px) {
  .header-announcement { display: none; }
  .shop-nav .desktop-nav { gap: 13px; }
  .header-nav-item { font-size: 12px; }
  .shop-nav .wrap { gap: 14px; }
}
@media (max-width: 1100px) {
  .shop-nav .wrap { min-height: 78px; }
  .shop-nav .mobile-menu-button { margin-left: auto; }
}
@media (max-width: 800px) {
  .latest-blog-grid { grid-template-columns: 1fr; }
  .blog-archive-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .header-quick a:last-child { display: none; }
}
@media (max-width: 600px) {
  .shop-top { display: block; }
  .shop-top .wrap { min-height: 45px; gap: 8px; }
  .header-quick { gap: 10px; }
  .header-quick a { font-size: 10px; }
  .header-quick a > span { width: 25px; height: 25px; }
  .header-search { display: none; }
  .shop-nav .wrap { min-height: 68px; }
  .latest-blog { padding: 45px 0px; }
  .latest-blog .section-top h2 { font-size: 26px; }
  .latest-blog .section-top { flex-wrap: wrap; gap: 15px; }
  .blog-featured-image { height: 220px; }
  .blog-featured-copy { padding: 20px; }
  .blog-side-item { padding: 15px; gap: 10px; }
  .blog-side-item > img { width: 74px; height: 68px; }
  .blog-side-item > span { width: 27px; height: 27px; }
  .blog-archive-grid { grid-template-columns: 1fr; }
  .service-cover { height: 210px; }
}
/* Mobile layout repair — 2026-10-01 */
.wrap, .hero-copy, .hero-feature, .catalog-layout > *, .product-detail > *, .contact-layout > *, .form-grid > *, .foot-grid > * { min-width:0; }
img { max-width:100%; }
.product-info, .service-copy, .brand-card, .prose-page, .contact-info-card, .blog-featured-copy { overflow-wrap:anywhere; }
@media(max-width:1100px){
 .shop-nav .wrap { height:auto;min-height:78px;gap:12px; }
 .shop-nav nav.desktop-nav { display:none; }
 .shop-nav .mobile-menu-button { display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;margin-left:auto; }
 .shop-nav .shop-logo { min-width:0; }
 .shop-nav nav.mobile-menu { display:block;position:fixed;inset:0 0 0 auto;width:min(350px,88vw);height:100dvh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;z-index:61;transform:translateX(105%);visibility:hidden;pointer-events:none;white-space:normal; }
 .shop-nav nav.mobile-menu.open { transform:translateX(0);visibility:visible;pointer-events:auto; }
 .shop-nav .mobile-backdrop.open { display:block;position:fixed;inset:0;background:#07182d99;z-index:60; }
}
@media(max-width:900px){
 .hero-inner, .product-detail, .contact-layout, .catalog-layout { grid-template-columns:minmax(0,1fr); }
 .catalog-grid,.service-grid,.brand-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .hero-product-stack { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .domain-inner { flex-wrap:wrap; }
 .domain-inner>div:first-child { width:100%; }
}
@media(max-width:600px){
 .wrap { padding-left:16px;padding-right:16px; }
 .shop-top .wrap { height:auto;min-height:45px;padding-top:8px;padding-bottom:8px; }
 .header-quick { flex-wrap:wrap;gap:8px 12px; }
 .header-quick a { display:flex;align-items:center;gap:6px; }
 .shop-nav .wrap { height:auto;min-height:68px;padding-top:10px;padding-bottom:10px; }
 .shop-nav .brand-logo { max-width:min(180px,55vw);max-height:46px; }
 .shop-nav .nav-quote { display:none; }
 .shop-nav .mobile-menu-button { margin-left:auto; }
 .hero-inner { padding-top:38px;padding-bottom:40px;gap:24px; }
 .store-hero h1 { font-size:clamp(28px,8.5vw,40px);letter-spacing:-1px;overflow-wrap:anywhere; }
 .store-hero p { font-size:16px; }
 .hero-product-stack,.catalog-grid,.service-grid,.brand-grid,.blog-grid,.blog-archive-grid,.form-grid,.fields { grid-template-columns:minmax(0,1fr); }
 .hero-product-stack .hero-product:first-child { grid-column:auto; }
 .hero-search { display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%; }
 .hero-search select { grid-column:1/-1;width:100%; }
 .hero-search input { width:100%;min-width:0;font-size:16px; }
 .domain-form { flex-wrap:wrap;gap:6px;width:100%; }
 .domain-form input { flex:1 1 100%;width:100%;font-size:16px; }
 .domain-form button { width:100%;min-height:44px;white-space:normal; }
 .domain-art { display:none; }
 .section-top { flex-wrap:wrap;align-items:flex-start;gap:12px; }
 .section-top h2,.contact-banner h2 { overflow-wrap:anywhere;letter-spacing:-.6px; }
 .listing-tools { flex-wrap:wrap; }
 .listing-tools input { flex:1 1 100%;width:100%; }
 .listing-tools select,.listing-tools button { flex:1 1 auto;max-width:100%; }
 .form-box { padding:20px;width:100%; }
 .form-grid input,.form-grid select,.form-grid textarea { min-width:0;max-width:100%;font-size:16px; }
 .detail-copy h1,.detail h1 { font-size:30px;overflow-wrap:anywhere; }
 .foot-grid { grid-template-columns:minmax(0,1fr); }
 .foot-grid>div:first-child { grid-column:auto; }
 .blog-side-item { gap:10px;padding:14px; }
 .blog-side-item>img { width:64px;height:64px; }
 .blog-side-item>span { display:none; }
 .contact-actions { flex-wrap:wrap;gap:10px; }
 .contact-actions a { width:100%;margin-right:0; }
 .page-hero { padding:38px 0; }
}
/* Panel v2 — screenshot inspired settings, menu editor and SEO Studio */
.panel-v2 .admin{grid-template-columns:260px minmax(0,1fr);background:#f5f8fb}.panel-v2 .sidebar{background:#fafcfe;color:#243347;border-right:1px solid #e4eaf2;box-shadow:none}.panel-v2 .admin-brand{color:#14263a}.panel-v2 .admin-brand small,.panel-v2 .admin-nav-title,.panel-v2 .sidebar small{color:#788799}.panel-v2 .admin-nav-link{color:#46546b;border-radius:11px;margin:4px 0;font-size:13px}.panel-v2 .admin-nav-link.active{background:#e9edf2;color:#101f31;font-weight:800}.panel-v2 .admin-nav-link svg{background:#ecf6fd;color:#1789b3;border:1px solid #d4e8f8;border-radius:8px;padding:6px;width:32px;height:32px}.panel-v2 .sidebar-bottom{border-top:1px solid #e4eaf2}.panel-v2 .sidebar-logout{color:#3c546e}.panel-v2 .adminmain{max-width:none;background:#f5f8fb}.panel-v2 .admin-panel{border-radius:23px;border-color:#e1e8f1;box-shadow:0 2px 3px #1232;padding:27px}.panel-v2 .admin-topline{border-radius:16px;box-shadow:none}.panel-v2 .primary{background:#111827;border-radius:11px;display:inline-flex;gap:8px;align-items:center}.panel-v2 input:not([type=checkbox]):not([type=color]),.panel-v2 textarea,.panel-v2 select{border:1px solid #dce6f0;border-radius:12px;padding:13px;background:#fff;color:#273950}.panel-v2 .field{font-weight:600;color:#72849b;font-size:12px}.panel-v2 textarea{min-height:125px}.settings-workspace{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:25px;align-items:start}.settings-tabs{position:sticky;top:20px;background:#fff;border:1px solid #e1e8f1;padding:18px;border-radius:23px;box-shadow:0 2px 3px #1232}.settings-tabs>strong{display:block;color:#788da3;font-size:12px;margin-bottom:14px}.settings-tabs button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid #e3eaf4;background:#fff;color:#40536b;padding:13px;border-radius:13px;margin:8px 0}.settings-tabs button.active{background:#101010;color:white}.settings-pane[hidden]{display:none}.studio-drop{border:2px dashed #cddbea;border-radius:16px;min-height:170px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#f8fbfe;cursor:pointer;padding:20px}.studio-drop input{max-width:100%;width:100%;font-size:12px}.panel-v2 .logo-upload{border:0;background:white;padding:0}.studio-save{display:flex;justify-content:flex-end;border-top:1px solid #e0e8f1;padding:24px 0;margin-top:22px;position:sticky;bottom:0;background:#f5f8fbf0;z-index:2}.studio-hero{padding:30px;border:1px solid #dcebf2;border-radius:25px;background:linear-gradient(125deg,#e0fbff,#fbfbfe 65%,#eaf9fa);margin-bottom:24px}.studio-hero>span{font-size:12px;color:#0895b2;font-weight:800;letter-spacing:2px}.studio-hero h2{font-size:30px;margin:14px 0}.studio-hero p{max-width:760px;line-height:1.7;color:#6b8097}.studio-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:25px 0}.studio-stats>div{background:linear-gradient(125deg,#c9f5e9,#fff);border:1px solid #e2edf1;border-radius:18px;padding:23px}.studio-stats>div:nth-child(2){background:linear-gradient(125deg,#fadce5,#fff)}.studio-stats>div:nth-child(3){background:linear-gradient(125deg,#fbefc9,#fff)}.studio-stats>div:nth-child(4){background:linear-gradient(125deg,#c9f2fa,#fff)}.studio-stats small{display:block;color:#6d8599}.studio-stats strong{display:block;font-size:32px;margin-top:12px;color:#183447}.seo-record{border:1px solid #e0e9f1;border-radius:16px;padding:19px;margin:13px 0;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.seo-record label{flex:1;display:flex;align-items:center;gap:9px}.seo-record ul{width:100%;color:#8a6470;font-size:13px;margin:0;line-height:1.8}.seo-record ul:empty{display:none}.seo-score{font-weight:800;color:#159b83;white-space:nowrap}.scan-history{padding:15px 0;border-bottom:1px solid #e3ecf3;overflow-wrap:anywhere}.scan-history p{color:#70869c;font-size:13px}.menu-editor-row{border:1px solid #e0e7f0;background:#fff;border-radius:18px;padding:18px;margin:12px 0;box-shadow:0 2px 5px #1431}.menu-editor-fields{display:grid;grid-template-columns:1fr 1.4fr .7fr 1fr 1fr;gap:12px}.menu-editor-fields label{font-size:12px;color:#72869c;display:flex;flex-direction:column;gap:7px}.menu-editor-fields input,.menu-editor-fields select{min-width:0;width:100%}.menu-editor-fields .menu-check{flex-direction:row;align-items:center}.menu-check input{width:auto}.menu-row-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.nav-menu-group{position:relative;display:flex;align-items:center}.submenu-toggle{background:none;border:0;padding:7px;color:#20415b}.nav-dropdown{display:none;position:absolute;left:0;top:100%;min-width:255px;max-width:340px;background:#fff;border:1px solid #e1eaf2;border-radius:14px;padding:10px;box-shadow:0 16px 35px #1233;white-space:normal}.nav-menu-group:hover>.nav-dropdown,.nav-menu-group:focus-within>.nav-dropdown,.nav-menu-group.expanded>.nav-dropdown{display:block}.nav-dropdown .header-nav-item{min-height:0;padding:12px;display:block;color:#273a50}.nav-dropdown .header-nav-item>small{position:static}.nav-dropdown .nav-menu-group{display:block}.nav-dropdown .nav-dropdown{left:100%;top:0}.mobile-submenu{border-bottom:1px solid #e4edf3}.mobile-submenu summary{padding:17px 8px;font-weight:800;cursor:pointer}.mobile-submenu a{display:flex!important;padding:13px 18px!important;white-space:normal}.mobile-submenu span{display:flex;align-items:center;gap:10px}.detail-body{line-height:1.85;overflow-wrap:anywhere}
@media(max-width:1200px){.shop-nav .desktop-nav{gap:10px}.header-nav-item{font-size:11px}.settings-workspace{grid-template-columns:minmax(0,1fr) 230px}.menu-editor-fields{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.panel-v2 .admin{display:block}.settings-workspace{grid-template-columns:1fr}.settings-tabs{position:static;grid-row:1;display:flex;gap:8px;overflow-x:auto;border-radius:15px;padding:10px}.settings-tabs>strong{display:none}.settings-tabs button{width:auto;flex:none;margin:0;white-space:nowrap;padding:10px}.studio-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-v2 .sidebar{background:#fafcfe}.panel-v2 .admin-panel{padding:20px}.studio-hero{padding:23px}.studio-hero h2{font-size:25px}}
@media(max-width:600px){.menu-editor-fields{grid-template-columns:minmax(0,1fr)}.studio-stats>div{padding:17px}.seo-record .outline{padding:8px 12px}.settings-workspace{gap:14px}.panel-v2 .fields{grid-template-columns:minmax(0,1fr)}.studio-save{padding:12px 0}.studio-save button{width:100%}}

@media(max-width:1280px){.shop-nav nav.desktop-nav{display:none}.shop-nav .mobile-menu-button{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;margin-left:auto}.shop-nav .wrap{height:auto;min-height:78px}.shop-nav nav.mobile-menu{display:block;position:fixed;inset:0 0 0 auto;z-index:61;background:#fff;width:min(350px,88vw);height:100dvh;padding:22px;margin:0;transform:translateX(105%);visibility:hidden;pointer-events:none;overflow-y:auto;white-space:normal}.shop-nav nav.mobile-menu.open{transform:translateX(0);visibility:visible;pointer-events:auto}.mobile-backdrop.open{display:block;position:fixed;inset:0;background:#07182d99;z-index:60}}
@media(max-width:600px){.shop-nav .wrap{min-height:68px}}
.service-text-block{padding:22px;margin:16px 0;border:1px solid #e0eaf3;border-radius:17px;background:linear-gradient(135deg,#f5fbff,#fff);box-shadow:0 8px 24px #173b5d08}.service-text-block h3{font-size:17px;color:#126c91;margin:0 0 12px;letter-spacing:.3px}.service-text-block p{font-size:15px;margin:0;line-height:1.85}.service-text-block ul{margin:0;padding-left:20px;line-height:1.9}.service-text-block li{font-size:15px;margin:5px 0}
/* Panel 2.1: light theme contrast; scoped to the admin interface. */
.panel-v2{color:#172b43;--muted:#43566c}.panel-v2 .sidebar>a.admin-nav-link,.panel-v2 .sidebar .admin-nav-link{color:#33465c;background:transparent}.panel-v2 .sidebar>a.admin-nav-link:hover,.panel-v2 .sidebar .admin-nav-link:hover{color:#152d46;background:#e8f0f8}.panel-v2 .sidebar>a.admin-nav-link.active,.panel-v2 .sidebar .admin-nav-link.active{color:#12273c;background:#dce8f4}.panel-v2 .sidebar>a.admin-brand{color:#182d44;background:transparent}.panel-v2 .admin-brand strong{color:#087191}.panel-v2 .sidebar .admin-nav-title,.panel-v2 .sidebar small,.panel-v2 .admin-brand small,.panel-v2 .field,.panel-v2 .muted,.panel-v2 .studio-hero p,.panel-v2 .studio-stats small,.panel-v2 .menu-editor-fields label,.panel-v2 .settings-tabs>strong{color:#43566c}.panel-v2 .admin-panel,.panel-v2 .settings-pane,.panel-v2 .admin-record,.panel-v2 .settings-tabs{color:#172b43}.panel-v2 h1,.panel-v2 h2,.panel-v2 h3,.panel-v2 th,.panel-v2 td,.panel-v2 label strong{color:#172b43}.panel-v2 .sidebar-logout{color:#33465c;border-color:#a8bacb;background:#fff}.panel-v2 .outline{background:#fff;color:#1b4b76;border-color:#9cb1c5}.panel-v2 .primary{background:#111827;color:#fff}.panel-v2 .danger{background:#fff1f2;color:#a51c36;border:1px solid #e9a4b1;border-radius:9px;padding:11px 16px;font-weight:700}.panel-v2 .danger:hover{background:#fde2e7;color:#811329}.panel-v2 .settings-tabs button{color:#33465c}.panel-v2 .settings-tabs button.active{background:#111827;color:#fff}.panel-v2 .admin-record p,.panel-v2 .admin-record small,.panel-v2 .scan-history p{color:#43566c}.panel-v2 .seo-score{color:#086957}.panel-v2 .seo-record ul{color:#864052}.panel-v2 .adminmain a:focus-visible,.panel-v2 button:focus-visible,.panel-v2 input:focus-visible,.panel-v2 select:focus-visible,.panel-v2 textarea:focus-visible{outline:3px solid #087191;outline-offset:3px}.panel-v2 .message-tabs .selected{background:#dce8f4;color:#12273c;border-color:#8aa6be}.message-bulk{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px;background:#f0f5fa;border-radius:12px;margin-bottom:14px}.message-bulk label,.message-title{display:flex;align-items:center;gap:10px}.message-row-tools{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.message-record input[type=checkbox]{width:18px;height:18px;flex:none;accent-color:#1748bb}.message-record>div:first-child{min-width:0;flex:1}.message-record p{overflow-wrap:anywhere}.message-bulk button:disabled{opacity:.55;cursor:not-allowed}.message-selected{font-size:13px}
@media(max-width:700px){.message-row-tools{align-items:stretch;margin-top:15px}.message-row-tools form{flex-wrap:wrap}.message-bulk{align-items:flex-start;gap:12px}.message-bulk button{width:100%}}
.panel-v2 .studio-hero>span,.panel-v2 .admin-page-heading small{color:#08708a}
/* Panel 2.2 — açık deniz, parlament mavisi ve turkuaz */
.panel-v2{--panel-ocean:#eaf6fc;--panel-parliament:#153b70;--panel-deep:#102d56;--panel-turquoise:#087f91;--muted:#405e77;background:var(--panel-ocean);color:#173653}
.panel-v2 .admin,.panel-v2 .adminmain{background:linear-gradient(135deg,#eaf6fc 0%,#f3faff 48%,#e0f4f5 100%)}
.panel-v2 .sidebar{background:linear-gradient(165deg,#183f78 0%,#12325e 58%,#0b4f65 100%);color:#f0faff;border-right:1px solid #204c7c;box-shadow:8px 0 30px #123b7014}
.panel-v2 .sidebar>a.admin-brand,.panel-v2 .sidebar .admin-brand{color:#fff;background:transparent}
.panel-v2 .sidebar .admin-brand strong{color:#73e1e6}.panel-v2 .sidebar .admin-brand small,.panel-v2 .sidebar .admin-nav-title,.panel-v2 .sidebar small{color:#c5e5f4}
.panel-v2 .sidebar>a.admin-nav-link,.panel-v2 .sidebar .admin-nav-link{color:#e5f4ff;background:transparent;border:1px solid transparent}
.panel-v2 .sidebar>a.admin-nav-link:hover,.panel-v2 .sidebar .admin-nav-link:hover{color:#fff;background:#ffffff16;border-color:#ffffff25}
.panel-v2 .sidebar>a.admin-nav-link.active,.panel-v2 .sidebar .admin-nav-link.active{color:#fff;background:linear-gradient(110deg,#087887,#0c5a85);border-color:#60cfd366;box-shadow:0 5px 17px #08274c35}
.panel-v2 .admin-nav-link svg{background:#ffffff12;border-color:#99d7ef40;color:#99f0f1}
.panel-v2 .sidebar-bottom{border-color:#c7e9fa30}.panel-v2 .sidebar-logout{color:#e5f4ff;border-color:#9bc3d65c;background:#ffffff0c}.panel-v2 .sidebar-logout:hover{background:#ffffff18}
.panel-v2 .admin-topline{background:#fafdffff;border-color:#bed9ea;box-shadow:0 5px 20px #153b7008}
.panel-v2 .admin-panel,.panel-v2 .settings-tabs,.panel-v2 .menu-editor-row{background:#fcfeff;border-color:#c5dce9;box-shadow:0 7px 25px #153b700a}
.panel-v2 .studio-hero{background:linear-gradient(115deg,#cdeff4,#edf8ff 58%,#e4edfc);border-color:#acd9e7}
.panel-v2 h1,.panel-v2 h2,.panel-v2 h3,.panel-v2 th,.panel-v2 td,.panel-v2 label strong{color:#173653}
.panel-v2 .field,.panel-v2 .muted,.panel-v2 .studio-hero p,.panel-v2 .studio-stats small,.panel-v2 .menu-editor-fields label,.panel-v2 .settings-tabs>strong,.panel-v2 .admin-record p,.panel-v2 .admin-record small,.panel-v2 .scan-history p{color:#405e77}
.panel-v2 .studio-hero>span,.panel-v2 .admin-page-heading small{color:#086d83}.panel-v2 .admin-heading-pill{background:#d6eaf6;color:#245071}
.panel-v2 .primary{background:linear-gradient(110deg,#153b70,#126078);color:#fff;border:1px solid #153b70;box-shadow:0 5px 13px #153b7020}
.panel-v2 .primary:hover{background:linear-gradient(110deg,#102d56,#0a5369)}
.panel-v2 .outline{background:#eff9fc;color:#175274;border-color:#9dc9dd}.panel-v2 .outline:hover{background:#dff2f8;color:#113e60}
.panel-v2 .settings-tabs button{color:#244d69;background:#f6fbff;border-color:#d0e3ef}.panel-v2 .settings-tabs button.active{background:linear-gradient(110deg,#153b70,#126078);border-color:#153b70;color:#fff}
.panel-v2 input:not([type=checkbox]):not([type=color]),.panel-v2 textarea,.panel-v2 select{background:#fff;border-color:#b8d2e3;color:#173653}
.panel-v2 input::placeholder,.panel-v2 textarea::placeholder{color:#536c83}.panel-v2 input[type=checkbox]{accent-color:#087f91}
.panel-v2 .studio-drop{background:linear-gradient(145deg,#f1faff,#eaf7f8);border-color:#a1ccde;color:#31546e}
.panel-v2 .studio-save{background:#eaf6fcf5;border-color:#bfd9e9}.panel-v2 .message-bulk{background:#e8f4fa;color:#173653}.panel-v2 .message-tabs .selected{background:#d6edf5;border-color:#86b7cc;color:#16496a}
.panel-v2 .dashboard-stats a{background:linear-gradient(145deg,#fff,#e8f5fb);border-color:#bedbea;color:#31546e}.panel-v2 .dashboard-stats a>svg{background:#d6f0f4;color:#087589}.panel-v2 .dashboard-stats strong{color:#153b70}
.panel-v2 .studio-stats>div{background:linear-gradient(125deg,#cbeaf8,#fff);border-color:#c5dfed}.panel-v2 .studio-stats>div:nth-child(2){background:linear-gradient(125deg,#e1eafb,#fff)}.panel-v2 .studio-stats>div:nth-child(3){background:linear-gradient(125deg,#dbf0f5,#fff)}.panel-v2 .studio-stats>div:nth-child(4){background:linear-gradient(125deg,#c4eff0,#fff)}.panel-v2 .studio-stats strong{color:#173653}
.panel-v2 .seo-score{color:#086957}.panel-v2 .danger{background:#fff1f2;color:#a51c36;border-color:#e9a4b1}
.panel-v2 .adminmain a:focus-visible,.panel-v2 button:focus-visible,.panel-v2 input:focus-visible,.panel-v2 select:focus-visible,.panel-v2 textarea:focus-visible{outline:3px solid #087f91;outline-offset:3px}
.panel-v2 .sidebar a:focus-visible,.panel-v2 .sidebar button:focus-visible{outline:3px solid #80edf0;outline-offset:2px}
@media(max-width:850px){.panel-v2 .sidebar{background:linear-gradient(165deg,#183f78,#12325e 58%,#0b4f65)}}

/* V2.3: common treatment on every administration screen */
.panel-v2 .admin-page-heading{padding:28px;border-radius:24px;background:linear-gradient(115deg,#184681,#12325e 65%,#087887);color:#fff;box-shadow:0 12px 28px #12325e20;margin-bottom:24px}
.panel-v2 .admin-page-heading h1,.panel-v2 .admin-page-heading small{color:#fff}.panel-v2 .admin-heading-pill{background:#ffffff20;color:#fff;border:1px solid #ffffff40}.panel-v2 .login-page{background:linear-gradient(135deg,#eaf6fc,#d4eff5)}.panel-v2 .login-card{background:#fcfeff;color:#173653;border:1px solid #c5dce9}.panel-v2 .tox-tinymce{border:1px solid #b8d2e3;border-radius:14px;max-width:100%}.panel-v2 .editor-key-note{padding:16px;border:1px solid #b8d2e3;background:#eff9fc;color:#175274;border-radius:12px}.rich-content img{max-width:100%;height:auto;border-radius:12px}.rich-content{overflow-wrap:anywhere;overflow-x:auto}.rich-content table{width:100%;border-collapse:collapse}.rich-content td,.rich-content th{border:1px solid #c5dce9;padding:12px}.rich-content blockquote{border-left:4px solid #087887;margin:20px 0;padding:12px 20px;background:#eff9fc}.panel-v2 .field:has([data-rich-editor]){min-width:0}
@media(max-width:650px){.panel-v2 .admin-page-heading{padding:20px}.panel-v2 .admin-page-heading h1{font-size:26px}.panel-v2 .tox .tox-toolbar__group{padding:0 4px}}

/* V2.4 local Quill editor */
.panel-v2 .panel-quill{width:100%;min-width:0}.panel-v2 .ql-toolbar.ql-snow{border:1px solid #b8d2e3;border-radius:14px 14px 0 0;background:#eff9fc;display:flex;flex-wrap:wrap;gap:4px}.panel-v2 .ql-container.ql-snow{border:1px solid #b8d2e3;border-top:0;border-radius:0 0 14px 14px;background:#fff;font:16px/1.8 Arial,sans-serif;color:#173653}.panel-v2 .ql-editor{min-height:320px;max-height:650px;overflow:auto;padding:20px}.panel-v2 .ql-editor img{max-width:100%;height:auto;border-radius:10px}.panel-v2 .ql-snow .ql-stroke{stroke:#175274}.panel-v2 .ql-snow .ql-fill{fill:#175274}.panel-v2 .ql-snow .ql-picker{color:#175274}.panel-v2 .ql-snow .ql-picker-options{z-index:20;background:#fff}.panel-v2 .ql-snow .ql-tooltip{left:0!important;max-width:100%;white-space:normal;z-index:30}.panel-v2 .quill-upload-status{display:block;padding:8px;color:#405e77}.panel-v2 .ql-snow .ql-tooltip[data-mode=link]::before{content:'Bağlantı:'}.panel-v2 .ql-snow .ql-tooltip a.ql-action::after{content:'Kaydet'}.panel-v2 .ql-snow .ql-tooltip a.ql-remove::before{content:'Kaldır'}
@media(max-width:650px){.panel-v2 .ql-editor{min-height:260px;padding:14px}.panel-v2 .ql-snow .ql-tooltip input{max-width:150px}}