/*
Theme Name: ShopAzma
Template: woocommerce-persian-theme
Version: 1.0
*/

/* ShopAzma custom homepage */
.az-home{direction:rtl;color:#17213b;padding:28px 0 50px}
.az-home *{box-sizing:border-box}
.az-hero{position:relative;overflow:hidden;min-height:340px;border-radius:24px;padding:55px 6%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#10172f,#202c55 58%,#4932a0);color:#fff}
.az-hero-content{position:relative;z-index:2;max-width:570px}
.az-tag{display:inline-block;color:#c8baff;font-size:11px;letter-spacing:2px;font-weight:800;margin-bottom:18px}
.az-hero h1{font-size:clamp(27px,4vw,42px);line-height:1.65;color:#fff;margin:0 0 12px;font-weight:900}
.az-hero h1 span{color:#b8a5ff}
.az-hero p{color:#d5d9e8;font-size:14px;line-height:2;margin:0 0 24px}
.az-primary-btn{display:inline-flex;align-items:center;gap:18px;background:#8b5cf6;color:#fff!important;padding:13px 23px;border-radius:12px;font-weight:800;text-decoration:none}
.az-primary-btn:hover{background:#7545df}
.az-hero-art{position:relative;width:270px;height:240px;flex-shrink:0;display:grid;place-items:center}
.az-orbit{position:absolute;border:1px solid #ffffff30;border-radius:50%;transform:rotate(-25deg)}
.az-orbit-one{width:250px;height:145px}
.az-orbit-two{width:210px;height:210px}
.az-glass-card{width:150px;height:175px;border:1px solid #ffffff50;border-radius:22px;background:#ffffff18;backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;box-shadow:0 15px 50px #080d2440;transform:rotate(-8deg)}
.az-card-symbol{font-size:42px;color:#d4c7ff}
.az-glass-card strong{font-size:20px;letter-spacing:3px;color:#fff}
.az-glass-card small{font-size:9px;letter-spacing:2px;color:#d9d5ef}
.az-float{position:absolute;width:45px;height:45px;border-radius:14px;background:#ffffffeb;color:#46358a;display:grid;place-items:center;font-size:24px;box-shadow:0 10px 25px #080d2440}
.az-float-one{top:18px;right:22px}.az-float-two{bottom:22px;right:18px}.az-float-three{top:45px;left:8px}
.az-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0 48px}
.az-benefits>div{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;align-items:center;padding:17px;background:#f7f7fc;border:1px solid #eeeef5;border-radius:15px}
.az-benefits>div>span{grid-row:1/3;font-size:25px}
.az-benefits strong{font-size:13px}.az-benefits small{font-size:11px;color:#8990a3;margin-top:4px}
.az-section{margin:0 0 48px}
.az-section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}
.az-section-heading small,.az-bottom-banner small{color:#8060d8;font-weight:800;font-size:11px}
.az-section-heading h2{font-size:23px;margin:5px 0 0;color:#17213b;font-weight:900}
.az-section-heading>a{font-size:12px;color:#7252c9;text-decoration:none;font-weight:700}
.az-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.az-category{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:22px 18px;min-height:155px;border:1px solid #eeeef5;border-radius:17px;background:#fff;text-decoration:none!important;transition:.2s}
.az-category:hover{transform:translateY(-4px);border-color:#b9a6f2;box-shadow:0 12px 30px #30205b10}
.az-category-icon{width:48px;height:48px;border-radius:14px;background:#f0edff;display:grid;place-items:center;font-size:25px;color:#6949c4}
.az-category strong{font-size:14px;color:#202944}.az-category small{font-size:11px;color:#9298a9}
.az-category-arrow{position:absolute;left:17px;bottom:20px;color:#8565d7}
.az-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.az-products .product{width:auto!important;float:none!important;margin:0!important}
.az-empty{grid-column:1/-1;text-align:center;padding:35px 15px;background:#f8f7fc;border-radius:15px;color:#85899b;font-size:13px}
.az-bottom-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 35px;border-radius:20px;background:linear-gradient(110deg,#eee9ff,#f8f6ff)}
.az-bottom-banner h2{font-size:22px;margin:8px 0;color:#252044}
.az-bottom-banner p{font-size:13px;color:#77738b;margin:0}
.az-bottom-banner>a{white-space:nowrap;background:#7653ce;color:white!important;text-decoration:none;padding:13px 20px;border-radius:11px;font-size:12px;font-weight:800}
@media(max-width:700px){
.az-home{padding-top:15px}
.az-hero{min-height:300px;padding:30px 22px;border-radius:17px}
.az-hero-art{position:absolute;left:-65px;opacity:.35;transform:scale(.85)}
.az-hero-content{max-width:100%}
.az-hero h1{font-size:27px}
.az-hero p{font-size:12px;max-width:270px}
.az-benefits{gap:7px;margin:15px 0 35px}
.az-benefits>div{display:flex;flex-direction:column;text-align:center;padding:12px 5px;gap:6px}
.az-benefits>div>span{font-size:21px}
.az-benefits strong{font-size:10px}.az-benefits small{font-size:9px}
.az-section{margin-bottom:35px}
.az-section-heading h2{font-size:18px}
.az-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.az-category{min-height:135px;padding:15px}
.az-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.az-bottom-banner{padding:22px 17px;align-items:flex-start;flex-direction:column}
.az-bottom-banner h2{font-size:18px}
}

/* ShopAzma - Header redesign */
.site-header {
    background: #10132b;
    box-shadow: 0 5px 24px rgba(10, 12, 35, .18);
}

.header-top {
    background: #171b3c;
    color: #d8d9ef;
    border-bottom: 1px solid rgba(255,255,255,.07);
}

.header-top a {
    color: #e4e4f5;
}

.header-top a:hover {
    color: #b9a1ff;
}

.header-main {
    background: #10132b;
    padding: 18px 0;
}

.site-logo .site-title,
.site-logo .site-description {
    color: #fff;
}

.site-logo img {
    max-height: 54px;
}

.header-search .search-form {
    background: #202548;
    border: 1px solid #393d65;
    border-radius: 14px;
}

.header-search .search-form:focus-within {
    border-color: #9874ff;
    box-shadow: 0 0 0 3px rgba(152,116,255,.15);
}

.header-search .search-field {
    color: #fff;
}

.header-search .search-field::placeholder {
    color: #a7aac5;
}

.header-search .search-submit {
    background: #7953e8;
    color: #fff;
}

.header-search .search-submit:hover {
    background: #916fff;
}

.header-action-btn {
    color: #fff;
}

.header-action-btn:hover {
    background: #282c50;
    color: #bda7ff;
}

.main-navigation {
    background: #171b3c;
    border-top: 1px solid rgba(255,255,255,.08);
}

.main-navigation .container {
    justify-content: flex-start;
}

.nav-menu a {
    color: #e6e6f4;
    border-radius: 9px;
    transition: .2s ease;
}

.nav-menu a:hover,
.nav-menu .current-menu-item > a {
    color: #fff;
    background: #7953e8;
}

@media (max-width: 768px) {
    .header-main {
        padding: 12px 0;
    }

    .header-main .container {
        gap: 10px;
    }

    .site-logo img {
        max-height: 42px;
    }

    .header-actions {
        gap: 8px;
    }

    .main-navigation {
        background: #171b3c;
    }
}


/* ===== ShopAzma Homepage Design ===== */

.az-home {
    background: #f7f7fc;
    color: #191a35;
    overflow: hidden;
}

.az-hero {
    position: relative;
    min-height: 460px;
    padding: 75px 8%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    direction: rtl;
    background:
        radial-gradient(ellipse at 78% 45%, rgba(117,75,255,.30), transparent 38%),
        linear-gradient(120deg, #10132b 0%, #191943 55%, #29205b 100%);
    color: #fff;
    overflow: hidden;
}

.az-hero-content {
    position: relative;
    z-index: 2;
    max-width: 590px;
}

.az-tag {
    display: inline-block;
    padding: 9px 16px;
    border: 1px solid rgba(181,155,255,.4);
    border-radius: 30px;
    color: #c6b4ff;
    background: rgba(137,103,255,.12);
    font-size: 12px;
    letter-spacing: 1px;
}

.az-hero h1 {
    color: #fff;
    font-size: clamp(30px, 4vw, 48px);
    font-weight: 900;
    line-height: 1.8;
    margin: 22px 0 15px;
}

.az-hero p {
    color: #c8c9df;
    font-size: 16px;
    line-height: 2.2;
}

.az-primary-btn {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    margin-top: 20px;
    padding: 14px 27px;
    border-radius: 12px;
    color: #fff !important;
    background: linear-gradient(110deg, #7953e8, #a16aff);
    box-shadow: 0 8px 30px rgba(121,83,232,.35);
    font-weight: 800;
    transition: .25s;
}

.az-primary-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 35px rgba(121,83,232,.5);
}

.az-hero-art {
    position: relative;
    width: 340px;
    height: 300px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.az-orbit {
    position: absolute;
    width: 270px;
    height: 270px;
    border: 1px solid rgba(180,155,255,.35);
    border-radius: 50%;
    box-shadow: 0 0 50px rgba(125,86,255,.12);
}

.az-orbit-two {
    width: 210px;
    height: 210px;
    border-style: dashed;
    animation: az-spin 35s linear infinite;
}

.az-glass-card {
    position: relative;
    z-index: 2;
    width: 175px;
    height: 190px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(255,255,255,.19), rgba(255,255,255,.05));
    backdrop-filter: blur(14px);
    box-shadow: 0 25px 70px rgba(0,0,0,.3);
    transform: rotate(-7deg);
}

.az-card-symbol {
    color: #c7adff;
    font-size: 65px;
}

.az-float {
    position: absolute;
    z-index: 3;
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: #292653;
    border: 1px solid rgba(255,255,255,.2);
    box-shadow: 0 12px 30px rgba(0,0,0,.25);
    font-size: 27px;
}

.az-float-one { top: 25px; right: 20px; color: #fff; }
.az-float-two { bottom: 25px; right: 35px; color: #ffaaaa; }
.az-float-three { top: 105px; left: 0; }

@keyframes az-spin {
    to { transform: rotate(360deg); }
}

.az-benefits {
    position: relative;
    z-index: 4;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    max-width: 1120px;
    margin: -28px auto 45px;
    padding: 22px;
    border: 1px solid #eeeafa;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 40px rgba(35,25,75,.08);
}

.az-section {
    max-width: 1200px;
    margin: 0 auto;
    padding: 35px 25px 55px;
}

.az-section-heading {
    text-align: center;
    margin-bottom: 30px;
}

.az-section-heading h2 {
    color: #191a35;
    font-size: 27px;
    font-weight: 900;
    margin-bottom: 10px;
}

.az-section-heading p {
    color: #85859d;
}

.az-categories {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.az-category {
    position: relative;
    min-height: 175px;
    padding: 25px 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 12px;
    border: 1px solid #eeebfa;
    border-radius: 20px;
    background: #fff;
    color: #22213d !important;
    box-shadow: 0 8px 25px rgba(30,20,70,.04);
    transition: .25s;
}

.az-category:hover {
    transform: translateY(-7px);
    border-color: #b9a4ff;
    box-shadow: 0 15px 35px rgba(100,70,190,.13);
}

.az-category-icon {
    width: 55px;
    height: 55px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: #f0ebff;
    color: #7953e8;
    font-size: 27px;
}

.az-category-arrow {
    position: absolute;
    left: 20px;
    bottom: 24px;
    color: #8a68e9;
    font-size: 20px;
}

.az-products {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.az-products .product,
.az-products li.product {
    padding: 15px;
    border: 1px solid #eeebf7;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 7px 25px rgba(30,20,70,.04);
    transition: .25s;
}

.az-products .product:hover,
.az-products li.product:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(80,55,150,.12);
}

.az-empty {
    grid-column: 1 / -1;
    padding: 35px 20px;
    border: 1px dashed #c9baf5;
    border-radius: 16px;
    background: #f1edff;
    color: #6852a5;
    text-align: center;
}

.az-bottom-banner {
    margin: 30px auto 60px;
    max-width: 1150px;
    padding: 45px 25px;
    border-radius: 24px;
    text-align: center;
    color: #fff;
    background: linear-gradient(115deg, #171936, #39246e);
}

.az-bottom-banner h2,
.az-bottom-banner p {
    color: #fff;
}

@media (max-width: 768px) {
    .az-hero {
        min-height: auto;
        padding: 55px 22px 35px;
        flex-direction: column;
        text-align: center;
    }

    .az-hero-art {
        width: 260px;
        height: 235px;
    }

    .az-orbit { width: 220px; height: 220px; }
    .az-orbit-two { width: 175px; height: 175px; }
    .az-glass-card { width: 140px; height: 155px; }

    .az-benefits {
        grid-template-columns: 1fr;
        margin: 18px 15px 25px;
        padding: 18px;
    }

    .az-categories {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .az-category {
        min-height: 145px;
        padding: 17px 13px;
    }

    .az-products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .az-section {
        padding: 25px 15px 35px;
    }

    .az-section-heading h2 {
        font-size: 22px;
    }

    .az-bottom-banner {
        margin: 20px 15px 40px;
    }
}

@media (max-width: 380px) {
    .az-categories,
    .az-products {
        grid-template-columns: 1fr 1fr;
    }
}


/* ===== ShopAzma Category Cards ===== */

.az-section-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 15px;
}

.az-section-heading > a {
    color: #7953e8;
    font-weight: 700;
    text-decoration: none;
}

.az-category {
    min-height: 195px;
    padding: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    isolation: isolate;
}

.az-category::before {
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    left: -45px;
    bottom: -55px;
    background: var(--cat-glow, #eee8ff);
    opacity: .65;
    filter: blur(5px);
    z-index: -1;
    transition: .3s;
}

.az-category:hover::before {
    transform: scale(1.5);
}

.az-category:nth-child(1) {
    --cat-color: #24243b;
    --cat-glow: #e5e5f2;
}

.az-category:nth-child(2) {
    --cat-color: #e34d5b;
    --cat-glow: #ffe3e5;
}

.az-category:nth-child(3) {
    --cat-color: #e6a52e;
    --cat-glow: #fff0cf;
}

.az-category:nth-child(4) {
    --cat-color: #7953e8;
    --cat-glow: #e9e0ff;
}

.az-category-icon {
    width: 62px;
    height: 62px;
    border-radius: 18px;
    background: color-mix(in srgb, var(--cat-color) 11%, white);
    color: var(--cat-color);
    font-size: 30px;
    margin-bottom: 5px;
}

.az-category strong {
    color: #20203b;
    font-size: 17px;
    font-weight: 900;
}

.az-category small {
    color: #85849b;
    font-size: 13px;
}

.az-category-arrow {
    left: 20px;
    bottom: 22px;
    color: var(--cat-color);
    font-size: 23px;
    transition: .25s;
}

.az-category:hover .az-category-arrow {
    transform: translateX(-5px);
}

@media (max-width: 768px) {
    .az-section-heading {
        align-items: center;
    }

    .az-category {
        min-height: 165px;
        padding: 17px;
    }

    .az-category-icon {
        width: 52px;
        height: 52px;
        font-size: 25px;
    }

    .az-category strong {
        font-size: 15px;
    }
}


/* Real brand SVG logos */
.az-category-icon img {
    width: 36px;
    height: 36px;
    object-fit: contain;
    display: block;
}

.az-category-brands {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 62px;
    flex-wrap: wrap;
}

.az-category-brands img {
    width: 35px;
    height: 35px;
    object-fit: contain;
    padding: 5px;
    border-radius: 10px;
    background: #f3f0fc;
}


/* Category brand logos */
.az-category-icon {
    width: 76px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px;
    border-radius: 22px;
    background: #f3f0ff;
    box-shadow: 0 8px 24px rgba(104, 76, 220, .10);
}

.az-category-icon img {
    width: 44px;
    height: 44px;
    object-fit: contain;
    display: block;
}

.az-category-brands {
    width: 100%;
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0 auto 18px;
}

.az-category-brands img {
    width: 42px;
    height: 42px;
    padding: 8px;
    object-fit: contain;
    border-radius: 13px;
    background: #f3f0ff;
    box-shadow: 0 5px 16px rgba(104, 76, 220, .10);
    transition: transform .2s ease;
}

.az-category:hover .az-category-brands img {
    transform: translateY(-3px);
}

@media (max-width: 600px) {
    .az-category-icon {
        width: 64px;
        height: 64px;
    }
    .az-category-icon img {
        width: 38px;
        height: 38px;
    }
    .az-category-brands {
        min-height: 64px;
        gap: 6px;
    }
    .az-category-brands img {
        width: 36px;
        height: 36px;
        padding: 7px;
    }
}

/* ShopAzma - Premium hero redesign */
.az-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-radius: 28px;
    background:
        radial-gradient(ellipse at 82% 35%, rgba(126, 87, 255, .30), transparent 38%),
        radial-gradient(ellipse at 12% 90%, rgba(65, 91, 210, .20), transparent 42%),
        linear-gradient(120deg, #10132b 0%, #19183d 55%, #29205a 100%);
    box-shadow: 0 22px 65px rgba(25, 20, 65, .20);
}

.az-hero::before,
.az-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(2px);
}

.az-hero::before {
    width: 340px;
    height: 340px;
    top: -180px;
    right: 12%;
    border: 1px solid rgba(190, 170, 255, .18);
    box-shadow: 0 0 80px rgba(137, 91, 255, .16);
}

.az-hero::after {
    width: 220px;
    height: 220px;
    bottom: -145px;
    left: 8%;
    background: rgba(116, 82, 255, .13);
    filter: blur(45px);
}

.az-hero-content {
    position: relative;
    z-index: 2;
}

.az-hero-content h1 {
    color: #fff;
    font-weight: 900;
    line-height: 1.65;
    letter-spacing: -.5px;
    text-shadow: 0 3px 24px rgba(0, 0, 0, .18);
}

.az-hero-content p {
    color: rgba(245, 243, 255, .78);
    line-height: 2.1;
}

.az-tag {
    border: 1px solid rgba(190, 170, 255, .25);
    background: rgba(255, 255, 255, .08);
    color: #d9ccff;
    backdrop-filter: blur(12px);
}

.az-primary-btn {
    background: linear-gradient(135deg, #a78bfa, #7653e8);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .22);
    box-shadow: 0 10px 30px rgba(124, 83, 232, .35);
    transition: transform .25s ease, box-shadow .25s ease;
}

.az-primary-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 38px rgba(124, 83, 232, .48);
}

.az-glass-card {
    border: 1px solid rgba(255, 255, 255, .20);
    background: linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.055));
    box-shadow: 0 25px 70px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255,255,255,.18);
    backdrop-filter: blur(18px);
}

.az-float {
    border: 1px solid rgba(255, 255, 255, .16);
    box-shadow: 0 12px 32px rgba(0, 0, 0, .20);
    backdrop-filter: blur(12px);
}

@media (max-width: 768px) {
    .az-hero {
        border-radius: 20px;
    }
    .az-hero-content h1 {
        line-height: 1.55;
    }
}

/* ShopAzma - Benefits bar refinement */
.az-benefits {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    padding: 24px;
    margin-top: -28px;
    background: #fff;
    border: 1px solid #eeeafd;
    border-radius: 22px;
    box-shadow: 0 16px 45px rgba(38, 29, 87, .09);
}

.az-benefits > * {
    min-width: 0;
    padding: 12px 16px;
    border-radius: 16px;
    transition: background .2s ease, transform .2s ease;
}

.az-benefits > *:hover {
    background: #f8f6ff;
    transform: translateY(-3px);
}

.az-benefits strong {
    color: #242044;
    font-weight: 800;
}

.az-benefits small,
.az-benefits p {
    color: #77738c;
    line-height: 1.9;
}

@media (max-width: 700px) {
    .az-benefits {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 14px;
        margin-top: -16px;
    }
}

/* ShopAzma - Premium product cards */
.az-products .product,
.az-products li.product {
    position: relative;
    overflow: hidden;
    padding: 14px !important;
    background: #fff;
    border: 1px solid #eeeafb;
    border-radius: 20px;
    box-shadow: 0 7px 25px rgba(38, 29, 87, .06);
    transition: transform .25s ease, box-shadow .25s ease;
}

.az-products .product:hover,
.az-products li.product:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 38px rgba(83, 60, 160, .13);
}

.az-products .product a img {
    width: 100%;
    border-radius: 14px;
    background: #f7f5ff;
}

.az-products .product .woocommerce-loop-product__title {
    color: #242044;
    font-weight: 800;
    line-height: 1.9;
    font-size: 14px;
}

.az-products .product .price {
    color: #7653e8 !important;
    font-weight: 900;
    font-size: 15px;
}

.az-products .product .button,
.az-products .product a.add_to_cart_button {
    display: block;
    width: 100%;
    margin-top: 12px;
    padding: 12px 10px;
    text-align: center;
    color: #fff !important;
    background: linear-gradient(135deg, #9475f5, #7048df) !important;
    border: 0;
    border-radius: 12px;
    font-weight: 800;
    transition: filter .2s ease, transform .2s ease;
}

.az-products .product .button:hover {
    filter: brightness(1.08);
    transform: translateY(-2px);
}

/* ShopAzma - Custom footer */
.az-footer {
    margin-top: 70px;
    padding: 55px 0 0;
    color: #d8d5ed;
    background:
        radial-gradient(ellipse at 85% 0%, rgba(119, 83, 220, .20), transparent 40%),
        linear-gradient(135deg, #10132b, #191735 65%, #211b46);
}

.az-footer-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    gap: 50px;
    padding-bottom: 42px;
}

.az-footer h3 {
    margin: 0 0 16px;
    color: #fff;
    font-size: 27px;
    font-weight: 900;
}

.az-footer h4 {
    margin: 5px 0 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
}

.az-footer-about p {
    max-width: 390px;
    color: #b9b5d0;
    line-height: 2.2;
    font-size: 14px;
}

.az-footer-tag {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 14px;
    color: #d7caff;
    background: rgba(151, 116, 255, .13);
    border: 1px solid rgba(180, 155, 255, .2);
    border-radius: 10px;
    font-size: 12px;
}

.az-footer-links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 13px;
}

.az-footer-links a {
    color: #b9b5d0;
    text-decoration: none;
    font-size: 14px;
    transition: color .2s, transform .2s;
}

.az-footer-links a:hover {
    color: #b69aff;
    transform: translateX(-4px);
}

.az-footer-bottom {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 20px 0;
    border-top: 1px solid rgba(255,255,255,.10);
    color: #9994b5;
    font-size: 12px;
}

@media (max-width: 700px) {
    .az-footer {
        margin-top: 45px;
        padding-top: 38px;
    }
    .az-footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 30px 20px;
    }
    .az-footer-about {
        grid-column: 1 / -1;
    }
    .az-footer-bottom {
        flex-direction: column;
        text-align: center;
    }
}