@font-face { font-family: Peyda; src: url("/fonts/peyda/peyda-thin.ttf") format("truetype"); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: Peyda; src: url("/fonts/peyda/peyda-extralight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap; }
@font-face { font-family: Peyda; src: url("/fonts/peyda/peyda-light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: Peyda; src: url("/fonts/peyda/Peyda-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: Peyda; src: url("/fonts/peyda/Peyda-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: Peyda; src: url("/fonts/peyda/Peyda-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: Peyda; src: url("/fonts/peyda/Peyda-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: Peyda; src: url("/fonts/peyda/Peyda-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: Peyda; src: url("/fonts/peyda/Peyda-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; }

@font-face { font-family: Poppins; src: url("/fonts/poppins/Poppins-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; font-display: swap; unicode-range: U+0020-024F; }
@font-face { font-family: Poppins; src: url("/fonts/poppins/Poppins-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap; unicode-range: U+0020-024F; }
@font-face { font-family: Poppins; src: url("/fonts/poppins/Poppins-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; unicode-range: U+0020-024F; }
@font-face { font-family: Poppins; src: url("/fonts/poppins/Poppins-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0020-024F; }
@font-face { font-family: Poppins; src: url("/fonts/poppins/Poppins-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; unicode-range: U+0020-024F; }
@font-face { font-family: Poppins; src: url("/fonts/poppins/Poppins-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; unicode-range: U+0020-024F; }
@font-face { font-family: Poppins; src: url("/fonts/poppins/Poppins-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; unicode-range: U+0020-024F; }
@font-face { font-family: Poppins; src: url("/fonts/poppins/Poppins-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; font-display: swap; unicode-range: U+0020-024F; }
@font-face { font-family: Poppins; src: url("/fonts/poppins/Poppins-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; unicode-range: U+0020-024F; }

/* اسکلت کل UI مشتری: هدر، منو، فوتر، کارت‌ها — بدون قرمز تم قدیمی */
:root {
    --primary-color: #0077b6;
    --red-color: #0077b6;
}
html, body.aqua-site {
    --primary-color: #0077b6;
    --red-color: #0077b6;
    --aqua: #00b4d8;
    --aqua-deep: #0077b6;
    --aqua-navy: #023e8a;
    margin: 0;
    min-height: 100%;
    background: #f4fbfd;
    color: #12344a;
    font-family: Peyda, Poppins, Tahoma, sans-serif;
}
body.aqua-site,
body.aqua-site h1, body.aqua-site h2, body.aqua-site h3,
body.aqua-site h4, body.aqua-site h5, body.aqua-site h6,
body.aqua-site button, body.aqua-site input, body.aqua-site select,
body.aqua-site textarea, body.aqua-site a {
    font-family: Peyda, Poppins, Tahoma, sans-serif !important;
}
body.aqua-site a { text-decoration: none; }
.aqua-main { min-height: 50vh; }

body.aqua-site .aqua-banner,
body.aqua-site .e-banner-wrapper {
    margin: 0;
    background: transparent;
}
body.aqua-site .aqua-banner .e-banner-inwrap,
body.aqua-site .e-banner-cloth .e-banner-inwrap {
    padding: 0 !important;
}
body.aqua-site .aqua-banner .e-inner-slide.slide1,
body.aqua-site .e-banner-cloth .e-inner-slide.slide1 {
    padding: 0 !important;
}
body.aqua-site .aqua-banner .swiper-container,
body.aqua-site .aqua-banner-swiper,
body.aqua-site .aqua-banner .swiper-wrapper,
body.aqua-site .aqua-banner .swiper-slide {
    width: 100% !important;
    height: auto !important;
}
body.aqua-site .aqua-banner .e-banner-img {
    padding: 0 !important;
    text-align: inherit !important;
}
body.aqua-site .aqua-banner img,
body.aqua-site .e-banner-img img,
body.aqua-site .e-banner-cloth .e-banner-img > img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: unset !important;
}

body.aqua-site .e-btn,
body.aqua-site .e-btn:after,
body.aqua-site .gallery-nav ul li a.gallery-active,
body.aqua-site .gallery-nav ul li a:hover,
body.aqua-site .c-sliderwrap .e-swiper-next,
body.aqua-site .c-sliderwrap .e-swiper-pre {
    background: #0077b6 !important;
    border-color: #0077b6 !important;
    color: #fff !important;
}
body.aqua-site .e-btn.light {
    background: #e8f8fc !important;
    color: #023e8a !important;
    border-color: #b9e4ef !important;
}
body.aqua-site .e-btn.light:hover { color: #fff !important; }

.aqua-header {
    position: sticky;
    top: 0;
    z-index: 50;
    background: #fff;
    border-bottom: 1px solid #b9e4ef;
    box-shadow: 0 8px 24px rgba(2, 62, 138, .06);
}
.aqua-header-bar {
    max-width: 1180px;
    margin: 0 auto;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
.aqua-logo {
    font-size: 26px;
    font-weight: 800;
    color: #0077b6 !important;
    letter-spacing: -.03em;
}
.aqua-search {
    flex: 1;
    min-width: 180px;
    display: flex;
    background: #e8f8fc;
    border: 1px solid #b9e4ef;
    border-radius: 999px;
    overflow: hidden;
}
.aqua-search input {
    flex: 1;
    border: 0;
    background: transparent;
    padding: 10px 14px;
    font-family: inherit;
    outline: none;
}
.aqua-search button {
    border: 0;
    background: #0077b6;
    color: #fff;
    padding: 10px 16px;
    font-family: inherit;
    font-weight: 700;
    cursor: pointer;
}
.aqua-nav {
    display: flex;
    align-items: center;
    gap: 6px 14px;
    flex-wrap: wrap;
}
.aqua-nav > a,
.aqua-drop > button {
    color: #023e8a;
    background: none;
    border: 0;
    font-family: inherit;
    font-weight: 700;
    font-size: 14px;
    padding: 6px 0;
    cursor: pointer;
}
.aqua-nav > a:hover,
.aqua-drop > button:hover { color: #00b4d8; }
.aqua-drop { position: relative; }
.aqua-drop-box {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 240px;
    max-width: 520px;
    background: #fff;
    border: 1px solid #b9e4ef;
    border-radius: 16px;
    box-shadow: 0 16px 32px rgba(2, 62, 138, .12);
    padding: 14px;
    z-index: 20;
}
.aqua-drop:hover .aqua-drop-box,
.aqua-drop:focus-within .aqua-drop-box { display: flex; flex-wrap: wrap; gap: 16px; }
.aqua-drop-col { min-width: 140px; display: flex; flex-direction: column; gap: 6px; }
.aqua-drop-col strong { color: #0077b6; font-size: 13px; }
.aqua-drop-col a { color: #12344a; font-size: 13px; }
.aqua-header-tools { display: flex; align-items: center; gap: 8px; }
.aqua-icon-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #e8f8fc;
    color: #023e8a !important;
    border-radius: 999px;
    padding: 8px 12px;
    font-weight: 700;
    font-size: 13px;
}
.aqua-cart-count {
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #00b4d8;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
}
.aqua-burger {
    display: none;
    border: 0;
    background: #e8f8fc;
    color: #023e8a;
    border-radius: 10px;
    padding: 8px 10px;
    font-size: 18px;
    cursor: pointer;
}

.aqua-footer {
    margin-top: 40px;
    background: linear-gradient(125deg, #023e8a 0%, #0077b6 55%, #00b4d8 100%);
    color: #fff;
    padding: 36px 16px 18px;
}
.aqua-footer-inner {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr 1fr;
    gap: 24px;
}
.aqua-footer .aqua-logo { color: #fff !important; }
.aqua-footer p,
.aqua-footer a { color: rgba(255,255,255,.88); display: block; margin: 6px 0; font-size: 14px; }
.aqua-footer strong { display: block; margin-bottom: 8px; }
.aqua-footer-copy {
    max-width: 1180px;
    margin: 24px auto 0;
    padding-top: 14px;
    border-top: 1px solid rgba(255,255,255,.2);
    text-align: center;
    font-size: 13px;
    opacity: .85;
}
.aqua-whatsapp {
    position: fixed;
    left: 16px;
    bottom: 16px;
    z-index: 40;
    background: #25d366;
    color: #fff !important;
    border-radius: 999px;
    padding: 10px 14px;
    font-weight: 700;
    box-shadow: 0 8px 20px rgba(0,0,0,.18);
}

@media (max-width: 900px) {
    .aqua-nav {
        display: none;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        padding: 8px 0 4px;
    }
    .aqua-nav.is-open { display: flex; }
    .aqua-pwa-btn { display: none; }
    .aqua-drop-box { position: static; box-shadow: none; }
    .aqua-burger { display: inline-flex; }
    .aqua-footer-inner { grid-template-columns: 1fr 1fr; }
}

/* پنل مشتری — تم آکوآ: فونت ایران‌سنس، کارت‌های گرد، رنگ آب */
.aqua-page {
    --aqua: #00b4d8;
    --aqua-deep: #0077b6;
    --aqua-navy: #023e8a;
    --aqua-mist: #caf0f8;
    --aqua-soft: #e8f8fc;
    --aqua-sand: #fff8ef;
    --aqua-text: #12344a;
    --aqua-muted: #5b7a88;
    --aqua-line: #b9e4ef;
    font-family: Peyda, Poppins, Tahoma, sans-serif;
    color: var(--aqua-text);
    background:
        radial-gradient(1200px 420px at 10% -10%, rgba(0, 180, 216, .22), transparent 55%),
        radial-gradient(900px 380px at 110% 0%, rgba(2, 62, 138, .12), transparent 50%),
        #f4fbfd;
    min-height: 55vh;
    padding-bottom: 48px;
}

.aqua-page * { box-sizing: border-box; }

.aqua-hero {
    background: linear-gradient(125deg, #023e8a 0%, #0077b6 48%, #00b4d8 100%);
    color: #fff;
    padding: 36px 16px 48px;
    text-align: center;
    margin-bottom: -28px;
}

.aqua-hero h1,
.aqua-hero h2 {
    margin: 0 0 8px;
    font-size: 28px;
    font-weight: 800;
    color: #fff;
    text-transform: none;
}

.aqua-hero p {
    margin: 0;
    opacity: .88;
    font-size: 14px;
}

.aqua-hero a { color: #fff; text-decoration: underline; }

.aqua-wrap {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 16px;
}

.aqua-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.aqua-card {
    background: #fff;
    border-radius: 22px;
    border: 1px solid var(--aqua-line);
    box-shadow: 0 16px 40px rgba(2, 62, 138, .08);
    padding: 28px 24px;
    position: relative;
}

.aqua-card h3,
.aqua-card h4 {
    margin: 0 0 18px;
    font-size: 20px;
    font-weight: 800;
    color: var(--aqua-navy);
    text-transform: none;
}

.aqua-card label {
    display: block;
    margin: 0 0 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--aqua-muted);
}

.aqua-card input[type="text"],
.aqua-card input[type="password"],
.aqua-card input[type="number"],
.aqua-card input[type="search"],
.aqua-card select,
.aqua-card textarea {
    width: 100%;
    margin-bottom: 14px;
    padding: 12px 14px;
    border: 1px solid #cfe8ef;
    border-radius: 12px;
    background: var(--aqua-soft);
    color: var(--aqua-text);
    font-family: inherit;
    font-size: 14px;
}

.aqua-card input:focus,
.aqua-card select:focus,
.aqua-card textarea:focus {
    outline: none;
    border-color: var(--aqua);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(0, 180, 216, .16);
}

.aqua-btn,
.aqua-page .register-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 10px 22px;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(135deg, #00b4d8, #0077b6);
    color: #fff !important;
    font-family: inherit;
    font-weight: 700;
    text-decoration: none !important;
    cursor: pointer;
    float: none;
    width: auto;
    margin: 0;
    text-transform: none;
}

.aqua-btn:hover,
.aqua-page .register-button:hover {
    background: linear-gradient(135deg, #0077b6, #023e8a);
    color: #fff !important;
}

.aqua-btn-ghost {
    background: #fff;
    color: var(--aqua-deep) !important;
    border: 1px solid var(--aqua-line);
}

.aqua-btn-ghost:hover {
    background: var(--aqua-soft);
    color: var(--aqua-navy) !important;
}

.aqua-alert {
    border-radius: 12px;
    padding: 10px 14px;
    margin-bottom: 14px;
    font-size: 13px;
}

.aqua-alert-danger { background: #e8f8fc; color: #023e8a; }
.aqua-alert-ok { background: #e8f8fc; color: #0077b6; }
.aqua-alert-info { background: var(--aqua-soft); color: var(--aqua-deep); }
.aqua-alert-warn { background: #e8f8fc; color: #0077b6; }

.aqua-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 8px;
}

.aqua-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border-radius: 16px;
}

.aqua-table th,
.aqua-table td {
    padding: 12px 10px;
    text-align: center;
    border-bottom: 1px solid #e7f4f7;
    vertical-align: middle;
}

.aqua-table th {
    background: var(--aqua-soft);
    color: var(--aqua-navy);
    font-size: 13px;
}

.aqua-table img {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 12px;
}

.aqua-badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
}

.aqua-badge-ok { background: #caf0f8; color: #023e8a; }
.aqua-badge-wait { background: #e8f8fc; color: #0077b6; }
.aqua-badge-off { background: #e8f8fc; color: #023e8a; }
.aqua-badge-aqua { background: var(--aqua-mist); color: var(--aqua-navy); }

.aqua-tiles {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-bottom: 20px;
}

.aqua-tile {
    display: block;
    background: #fff;
    border: 1px solid var(--aqua-line);
    border-radius: 18px;
    padding: 18px 14px;
    text-align: center;
    text-decoration: none !important;
    color: var(--aqua-navy) !important;
    box-shadow: 0 10px 24px rgba(2, 62, 138, .06);
}

.aqua-tile strong { display: block; margin-top: 6px; font-size: 15px; }
.aqua-tile span { font-size: 12px; color: var(--aqua-muted); }

.aqua-qty input {
    width: 72px;
    text-align: center;
    border-radius: 10px;
    border: 1px solid #cfe8ef;
    padding: 8px;
}

.aqua-captcha-btn {
    margin: 0 0 14px;
    padding: 6px 12px;
    border-radius: 10px;
    border: 1px solid var(--aqua-line);
    background: #fff;
    color: var(--aqua-deep);
    cursor: pointer;
    font-family: inherit;
}

@media (max-width: 900px) {
    .aqua-grid { grid-template-columns: 1fr; }
    .aqua-tiles { grid-template-columns: 1fr 1fr; }
    .aqua-hero h1 { font-size: 22px; }
}

.aqua-tabbar {
    display: none;
}
.aqua-m-list { display: none; }
.aqua-m-card {
    background: #f4fbfd;
    border: 1px solid #b9e4ef;
    border-radius: 16px;
    padding: 12px 14px;
}
.aqua-m-card strong { display: block; color: #023e8a; }
.aqua-m-row {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 6px;
    font-size: 13px;
}
.aqua-m-row span:first-child { color: #5b7a88; }

@media (max-width: 900px) {
    body.aqua-site { padding-bottom: 74px; }
    .aqua-footer { margin-bottom: 8px; }
    .aqua-whatsapp { bottom: 82px; }
    .aqua-tabbar {
        display: flex;
        position: fixed;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 60;
        background: #fff;
        border-top: 1px solid #b9e4ef;
        box-shadow: 0 -8px 24px rgba(2, 62, 138, .08);
    }
    .aqua-tabbar a {
        flex: 1;
        text-align: center;
        padding: 10px 4px 12px;
        color: #5b7a88 !important;
        font-size: 12px;
        font-weight: 700;
        position: relative;
    }
    .aqua-tabbar a.is-active { color: #0077b6 !important; }
    .aqua-tabbar b {
        position: absolute;
        top: 4px;
        left: 18%;
        min-width: 16px;
        height: 16px;
        border-radius: 99px;
        background: #00b4d8;
        color: #fff;
        font-size: 10px;
        line-height: 16px;
    }
    .aqua-desk { display: none !important; }
    .aqua-m-list { display: flex; flex-direction: column; gap: 10px; }
}

/* محصولات مشتری: چند ستون مثل کارت‌های کامینو، نه یک ستون */
body.aqua-site .gallery-grid,
body.aqua-site .shop-product-wrap.grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin: 0 !important;
}
body.aqua-site .e-gallery .grid-item,
body.aqua-site .shop-product-wrap.grid > [class*="col"] {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    clear: none !important;
    float: none !important;
    position: static !important;
    padding: 0 !important;
    margin: 0 !important;
}
body.aqua-site .na-inner-grid,
body.aqua-site .c-product-box,
body.aqua-site .single-grid-product {
    height: 100%;
    background: #fff;
    border: 1px solid #b9e4ef;
    border-radius: 16px;
    overflow: hidden;
}
body.aqua-site .na-imgbox img,
body.aqua-site .single-grid-product__image img {
    width: 100%;
    height: 220px;
    min-height: 0;
    object-fit: contain;
    background: #f4fbfd;
}
body.aqua-site .na-top-heading,
body.aqua-site .single-grid-product__content {
    padding: 12px 14px 16px;
}
@media (max-width: 1100px) {
    body.aqua-site .gallery-grid,
    body.aqua-site .shop-product-wrap.grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
.tech-app { max-width: 480px; margin: 0 auto; padding: 12px 14px 28px; }
.tech-hello { margin: 8px 0 4px; font-size: 26px; font-weight: 800; color: #023e8a; }
.tech-sub { margin: 0 0 14px; font-size: 16px; color: #5b7a88; }
.tech-card {
    background: #fff;
    border-radius: 20px;
    padding: 16px;
    margin-bottom: 14px;
    box-shadow: 0 8px 22px rgba(2, 62, 138, .12);
}
.tech-name { font-size: 22px; font-weight: 800; color: #12344a; line-height: 1.4; }
.tech-hour { margin-top: 6px; font-size: 20px; font-weight: 800; color: #0b7a32; }
.tech-money { direction: ltr; text-align: left; font-size: 28px; font-weight: 800; letter-spacing: .4px; }
.tech-device { margin-top: 4px; font-size: 16px; color: #0077b6; font-weight: 700; }
.tech-addr { margin: 10px 0 4px; font-size: 17px; line-height: 1.7; color: #12344a; }
.tech-note { margin: 8px 0 0; font-size: 16px; color: #9a3412; }
.tech-ask { margin: 0 0 8px; font-size: 20px; font-weight: 800; color: #023e8a; }
.tech-label { display: block; margin: 12px 0 6px; font-size: 16px; font-weight: 700; color: #12344a; }
.tech-input {
    width: 100%;
    box-sizing: border-box;
    min-height: 52px;
    border: 1px solid #c5d5de;
    border-radius: 14px;
    padding: 12px 14px;
    font-size: 18px;
    font-family: inherit;
    background: #f7fbfd;
}
.tech-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 56px;
    margin-top: 10px;
    border: 0;
    border-radius: 16px;
    font-size: 18px;
    font-weight: 800;
    font-family: inherit;
    text-decoration: none !important;
    color: #fff !important;
    cursor: pointer;
}
.tech-btn-call { background: #0077b6; }
.tech-btn-nav { background: #0096c7; }
.tech-btn-done { background: #0b7a32; }
.tech-btn-back { background: #e8eef2; color: #12344a !important; }
.tech-banner {
    background: #e8f8fc;
    color: #023e8a;
    border-radius: 16px;
    padding: 14px 16px;
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 700;
}
.tech-empty strong { display: block; font-size: 20px; color: #023e8a; }
.tech-empty p { margin: 8px 0 0; font-size: 16px; color: #5b7a88; }

@media (max-width: 700px) {
    body.aqua-site .gallery-grid,
    body.aqua-site .shop-product-wrap.grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}