/*
Theme Name: Allway Business Pro
Theme URI: https://allwaymarket.com/
Author: Allway Market
Description: Premium modern business WordPress theme.
Version: 2.0.0
*/

:root{
    --ink:#0b1220;
    --navy:#081a3a;
    --blue:#2563eb;
    --blue-light:#60a5fa;
    --cyan:#22d3ee;
    --white:#ffffff;
    --muted:#64748b;
    --line:#e2e8f0;
    --soft:#f8fafc;
    --container:1180px;
}

*,
*::before,
*::after{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    margin:0;
    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    color:var(--ink);
    background:#fff;
}

a{
    color:inherit;
}

img{
    max-width:100%;
    height:auto;
}

/* =========================
   HEADER
========================= */

.site-header{
    position:relative;
    z-index:50;
    background:#fff;
    border-bottom:1px solid rgba(15,23,42,.07);
}

.site-header-inner{
    width:min(var(--container),calc(100% - 40px));
    min-height:76px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}

.site-logo{
    display:flex;
    align-items:center;
    gap:11px;
    text-decoration:none;
    font-weight:800;
}

.site-logo-mark{
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border-radius:11px;
    color:#fff;
    background:linear-gradient(135deg,var(--blue),#1d4ed8);
    font-size:14px;
    font-weight:900;
    box-shadow:0 8px 20px rgba(37,99,235,.22);
}

.site-logo-text{
    font-size:17px;
    letter-spacing:-.025em;
}

.site-nav{
    display:flex;
    align-items:center;
    gap:30px;
}

.site-nav a{
    color:#475569;
    text-decoration:none;
    font-size:13px;
    font-weight:600;
    transition:.2s ease;
}

.site-nav a:hover{
    color:var(--blue);
}

.site-nav-cta{
    padding:11px 18px;
    border-radius:10px;
    color:#fff!important;
    background:var(--blue);
}

/* =========================
   HERO
========================= */

.hero{
    position:relative;
    overflow:hidden;
    color:#fff;
    background:
        radial-gradient(circle at 78% 20%,rgba(96,165,250,.25),transparent 25%),
        radial-gradient(circle at 15% 90%,rgba(34,211,238,.12),transparent 28%),
        linear-gradient(135deg,#06142f 0%,#0a2452 48%,#1249a5 100%);
}

.hero::before{
    content:"";
    position:absolute;
    width:600px;
    height:600px;
    right:-300px;
    top:-300px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:50%;
    box-shadow:
        0 0 0 80px rgba(255,255,255,.025),
        0 0 0 160px rgba(255,255,255,.018);
}

.hero::after{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    left:-180px;
    bottom:-220px;
    border-radius:50%;
    background:rgba(37,99,235,.18);
    filter:blur(20px);
}

.hero-container{
    position:relative;
    z-index:2;
    width:min(var(--container),calc(100% - 40px));
    margin:auto;
    padding:92px 0 105px;
}

.hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(440px,.9fr);
    align-items:center;
    gap:75px;
}

.hero-copy{
    max-width:620px;
}

.hero-badge{
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin-bottom:22px;
    padding:8px 13px;
    border:1px solid rgba(255,255,255,.17);
    border-radius:999px;
    background:rgba(255,255,255,.07);
    color:#cfe1ff;
    font-size:10px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
    backdrop-filter:blur(10px);
}

.hero-badge::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:#4ade80;
    box-shadow:0 0 14px rgba(74,222,128,.8);
}

.hero h1{
    margin:0;
    max-width:680px;
    font-size:clamp(46px,5.4vw,72px);
    line-height:.98;
    letter-spacing:-.055em;
    font-weight:850;
}

.hero h1 span{
    display:block;
    color:#76b6ff;
}

.hero-description{
    max-width:570px;
    margin:24px 0 0;
    color:rgba(255,255,255,.68);
    font-size:16px;
    line-height:1.75;
}

.hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:31px;
}

.hero-btn{
    min-height:52px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 22px;
    border-radius:11px;
    text-decoration:none!important;
    font-size:13px;
    font-weight:800;
    transition:.2s ease;
}

.hero-btn:hover{
    transform:translateY(-2px);
}

.hero-btn-primary{
    color:#0b2c68!important;
    background:#fff;
    box-shadow:0 15px 35px rgba(0,0,0,.2);
}

.hero-btn-secondary{
    border:1px solid rgba(255,255,255,.2);
    color:#fff!important;
    background:rgba(255,255,255,.07);
}

.hero-btn-secondary:hover{
    background:rgba(255,255,255,.12);
}

.hero-trust{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    margin-top:24px;
}

.hero-trust span{
    color:rgba(255,255,255,.58);
    font-size:11px;
    font-weight:600;
}

/* =========================
   HERO PRODUCT PREVIEW
========================= */

.hero-visual{
    position:relative;
    min-height:490px;
}

.hero-window{
    position:absolute;
    inset:28px 0 20px 0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.17);
    border-radius:24px;
    background:rgba(255,255,255,.095);
    box-shadow:0 40px 90px rgba(0,0,0,.3);
    backdrop-filter:blur(18px);
}

.hero-window-top{
    height:55px;
    display:flex;
    align-items:center;
    gap:7px;
    padding:0 20px;
    border-bottom:1px solid rgba(255,255,255,.1);
}

.hero-dot{
    width:7px;
    height:7px;
    border-radius:50%;
    background:rgba(255,255,255,.35);
}

.hero-window-label{
    margin-left:auto;
    color:rgba(255,255,255,.4);
    font-size:8px;
    font-weight:800;
    letter-spacing:.13em;
}

.hero-window-body{
    padding:28px;
}

.hero-window-kicker{
    color:#9fc7ff;
    font-size:8px;
    font-weight:800;
    letter-spacing:.14em;
}

.hero-window-title{
    margin:8px 0 25px;
    color:#fff;
    font-size:27px;
    line-height:1.08;
    font-weight:800;
    letter-spacing:-.04em;
}

.hero-window-title span{
    color:#83bcff;
}

.hero-metrics{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:11px;
}

.hero-metric{
    min-height:103px;
    padding:15px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:14px;
    background:rgba(255,255,255,.075);
}

.hero-metric small{
    display:block;
    color:rgba(255,255,255,.45);
    font-size:8px;
    font-weight:800;
    letter-spacing:.1em;
}

.hero-metric strong{
    display:block;
    margin-top:8px;
    color:#fff;
    font-size:24px;
    line-height:1;
}

.hero-metric em{
    display:block;
    margin-top:8px;
    color:#86efac;
    font-size:9px;
    font-style:normal;
    font-weight:700;
}

.hero-chart{
    margin-top:20px;
    padding-top:17px;
    border-top:1px solid rgba(255,255,255,.09);
}

.hero-chart-top{
    display:flex;
    justify-content:space-between;
    margin-bottom:9px;
    color:rgba(255,255,255,.5);
    font-size:9px;
}

.hero-chart-top strong{
    color:#fff;
}

.hero-chart-bar{
    height:6px;
    overflow:hidden;
    border-radius:99px;
    background:rgba(255,255,255,.1);
}

.hero-chart-bar span{
    display:block;
    width:82%;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,#60a5fa,#22d3ee);
}

.hero-float{
    position:absolute;
    z-index:4;
    padding:13px 16px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:13px;
    background:#fff;
    color:var(--ink);
    box-shadow:0 20px 45px rgba(0,0,0,.22);
}

.hero-float small{
    display:block;
    color:#94a3b8;
    font-size:8px;
    font-weight:800;
    letter-spacing:.08em;
}

.hero-float strong{
    display:block;
    margin-top:3px;
    color:var(--blue);
    font-size:18px;
}

.hero-float-top{
    top:0;
    right:-12px;
}

.hero-float-bottom{
    right:-7px;
    bottom:0;
}

/* =========================
   MOBILE
========================= */

@media(max-width:950px){

    .hero-container{
        padding:70px 0 75px;
    }

    .hero-grid{
        grid-template-columns:1fr;
        gap:48px;
    }

    .hero-copy{
        max-width:700px;
    }

    .hero-visual{
        width:100%;
        max-width:680px;
        min-height:440px;
    }
}

@media(max-width:640px){

    .site-header-inner{
        width:calc(100% - 28px);
        min-height:66px;
    }

    .site-nav{
        display:none;
    }

    .site-logo-text{
        font-size:16px;
    }

    .hero-container{
        width:calc(100% - 28px);
        padding:52px 0 55px;
    }

    .hero-grid{
        gap:36px;
    }

    .hero-badge{
        margin-bottom:17px;
        font-size:9px;
    }

    .hero h1{
        font-size:clamp(38px,10.5vw,51px);
        line-height:1;
    }

    .hero-description{
        margin-top:18px;
        font-size:15px;
        line-height:1.65;
    }

    .hero-actions{
        display:grid;
        grid-template-columns:1fr;
        margin-top:24px;
    }

    .hero-btn{
        width:100%;
    }

    .hero-trust{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:8px 12px;
        margin-top:19px;
    }

    .hero-trust span{
        font-size:10px;
    }

    .hero-visual{
        min-height:350px;
    }

    .hero-window{
        inset:20px 0 14px;
        border-radius:19px;
    }

    .hero-window-body{
        padding:18px;
    }

    .hero-window-title{
        margin:19px 0 17px;
        font-size:21px;
    }

    .hero-metrics{
        gap:7px;
    }

    .hero-metric{
        min-height:77px;
        padding:10px;
        border-radius:11px;
    }

    .hero-metric strong{
        font-size:19px;
        margin-top:6px;
    }

    .hero-metric em{
        font-size:8px;
        margin-top:5px;
    }

    .hero-float{
        transform:scale(.82);
    }

    .hero-float-top{
        right:-5px;
    }

    .hero-float-bottom{
        right:-2px;
    }
}

@media(max-width:380px){

    .hero-container{
        padding-top:43px;
    }

    .hero h1{
        font-size:35px;
    }

    .hero-visual{
        min-height:320px;
    }

    .hero-window-body{
        padding:15px;
    }

    .hero-window-title{
        font-size:19px;
    }
}


/* =========================================================
   ALLWAY MARKET — DIGITAL CATEGORIES
========================================================= */

.market-categories{
    position:relative;
    padding:100px 0 110px;
    background:#ffffff;
}

.market-container{
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
}

.section-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:50px;
    margin-bottom:42px;
}

.section-kicker{
    display:inline-block;
    margin-bottom:12px;
    color:#2563eb;
    font-size:10px;
    font-weight:800;
    letter-spacing:.16em;
}

.section-heading h2{
    margin:0;
    color:#0f172a;
    font-size:clamp(34px,4vw,52px);
    line-height:1.05;
    letter-spacing:-.045em;
}

.section-heading h2 span{
    color:#2563eb;
}

.section-heading > p{
    max-width:390px;
    margin:0 0 3px;
    color:#64748b;
    font-size:14px;
    line-height:1.75;
}


/* CATEGORY GRID */

.category-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

.category-card{
    position:relative;
    min-height:210px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    overflow:hidden;
    padding:25px;
    border:1px solid #e2e8f0;
    border-radius:20px;
    background:#fff;
    text-decoration:none;
    box-shadow:0 8px 30px rgba(15,23,42,.04);
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.category-card::before{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    right:-65px;
    top:-65px;
    border-radius:50%;
    background:currentColor;
    opacity:.06;
}

.category-card:hover{
    transform:translateY(-5px);
    border-color:rgba(37,99,235,.25);
    box-shadow:0 20px 45px rgba(15,23,42,.10);
}

.category-icon{
    position:relative;
    z-index:1;
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border-radius:14px;
    background:#eff6ff;
    color:#2563eb;
    font-size:21px;
    font-weight:800;
}

.category-content{
    position:relative;
    z-index:1;
    padding-right:20px;
}

.category-content h3{
    margin:0 0 7px;
    color:#0f172a;
    font-size:18px;
    line-height:1.2;
    letter-spacing:-.025em;
}

.category-content p{
    margin:0;
    color:#64748b;
    font-size:12px;
    line-height:1.65;
}

.category-arrow{
    position:absolute;
    right:23px;
    bottom:22px;
    color:#94a3b8;
    font-size:18px;
    transition:.2s ease;
}

.category-card:hover .category-arrow{
    color:#2563eb;
    transform:translateX(4px);
}


/* CATEGORY ACCENTS */

.category-purple .category-icon{
    color:#7c3aed;
    background:#f3e8ff;
}

.category-cyan .category-icon{
    color:#0891b2;
    background:#cffafe;
}

.category-orange .category-icon{
    color:#ea580c;
    background:#ffedd5;
}

.category-green .category-icon{
    color:#16a34a;
    background:#dcfce7;
}

.category-pink .category-icon{
    color:#db2777;
    background:#fce7f3;
}


/* TABLET */

@media(max-width:950px){

    .market-categories{
        padding:80px 0 85px;
    }

    .section-heading{
        align-items:flex-start;
        flex-direction:column;
        gap:15px;
        margin-bottom:30px;
    }

    .section-heading > p{
        max-width:600px;
    }

    .category-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}


/* MOBILE */

@media(max-width:640px){

    .market-container{
        width:calc(100% - 28px);
    }

    .market-categories{
        padding:62px 0 70px;
    }

    .section-heading{
        gap:12px;
        margin-bottom:25px;
    }

    .section-kicker{
        margin-bottom:9px;
        font-size:9px;
    }

    .section-heading h2{
        font-size:34px;
        line-height:1.08;
    }

    .section-heading > p{
        font-size:13px;
        line-height:1.65;
    }

    .category-grid{
        grid-template-columns:1fr;
        gap:12px;
    }

    .category-card{
        min-height:175px;
        padding:21px;
        border-radius:17px;
    }

    .category-icon{
        width:44px;
        height:44px;
        border-radius:12px;
        font-size:19px;
    }

    .category-content h3{
        font-size:17px;
    }

    .category-content p{
        max-width:290px;
        font-size:11px;
    }

    .category-arrow{
        right:20px;
        bottom:20px;
    }
}


/* SMALL PHONES */

@media(max-width:380px){

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

    .category-card{
        min-height:165px;
        padding:18px;
    }

}


/* =========================================================
   ALLWAY MARKET — FEATURED DIGITAL PRODUCTS
========================================================= */

.featured-products{
    padding:105px 0 115px;
    background:#f8fafc;
    border-top:1px solid #eef2f7;
}

.products-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
    margin-bottom:38px;
}

.products-heading h2{
    margin:0;
    color:#0f172a;
    font-size:clamp(34px,4vw,50px);
    line-height:1.05;
    letter-spacing:-.045em;
}

.products-heading h2 span{
    color:#2563eb;
}

.products-view-all{
    flex:none;
    padding:11px 16px;
    border:1px solid #dbe3ef;
    border-radius:10px;
    color:#334155;
    background:#fff;
    text-decoration:none;
    font-size:12px;
    font-weight:700;
    transition:.2s ease;
}

.products-view-all:hover{
    color:#2563eb;
    border-color:#93c5fd;
}


/* PRODUCT GRID */

.product-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}

.product-card{
    overflow:hidden;
    border:1px solid #e2e8f0;
    border-radius:20px;
    background:#fff;
    box-shadow:0 8px 28px rgba(15,23,42,.045);
    transition:.25s ease;
}

.product-card:hover{
    transform:translateY(-5px);
    box-shadow:0 20px 45px rgba(15,23,42,.10);
}


/* PRODUCT PREVIEW */

.product-preview{
    position:relative;
    height:245px;
    display:block;
    overflow:hidden;
    text-decoration:none;
}

.preview-badge{
    position:absolute;
    z-index:5;
    top:14px;
    left:14px;
    padding:6px 9px;
    border-radius:7px;
    color:#fff;
    background:rgba(15,23,42,.82);
    font-size:7px;
    font-weight:800;
    letter-spacing:.1em;
}


/* NEXA */

.preview-nexa{
    padding:28px;
    background:
        radial-gradient(circle at 85% 10%,rgba(96,165,250,.35),transparent 28%),
        linear-gradient(135deg,#07152f,#1249a5);
}

.preview-browser{
    height:100%;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.18);
    border-radius:12px;
    background:rgba(255,255,255,.09);
    box-shadow:0 20px 35px rgba(0,0,0,.22);
}

.preview-browser-top{
    height:30px;
    display:flex;
    align-items:center;
    gap:4px;
    padding:0 9px;
    border-bottom:1px solid rgba(255,255,255,.1);
}

.preview-browser-top i{
    width:4px;
    height:4px;
    border-radius:50%;
    background:rgba(255,255,255,.4);
}

.preview-browser-top span{
    margin-left:auto;
    color:rgba(255,255,255,.4);
    font-size:5px;
    letter-spacing:.1em;
}

.preview-content{
    padding:25px;
}

.preview-content small{
    color:#9fc7ff;
    font-size:6px;
    font-weight:800;
    letter-spacing:.13em;
}

.preview-content strong{
    display:block;
    margin-top:8px;
    color:#fff;
    font-size:20px;
    line-height:1.05;
    letter-spacing:-.04em;
}

.preview-lines{
    margin-top:18px;
}

.preview-lines b{
    display:block;
    width:75%;
    height:4px;
    margin-bottom:6px;
    border-radius:4px;
    background:rgba(255,255,255,.16);
}

.preview-lines b:nth-child(2){
    width:58%;
}

.preview-lines b:nth-child(3){
    width:42%;
}


/* CV */

.preview-cv{
    padding:30px 42px;
    background:#e9eef5;
}

.cv-preview{
    height:100%;
    display:flex;
    overflow:hidden;
    background:#fff;
    box-shadow:0 15px 30px rgba(15,23,42,.12);
}

.cv-sidebar{
    width:30%;
    background:#172554;
}

.cv-main{
    flex:1;
    padding:25px 20px;
}

.cv-main b{
    display:block;
    color:#0f172a;
    font-size:14px;
}

.cv-main small{
    display:block;
    margin-top:4px;
    color:#64748b;
    font-size:6px;
}

.cv-main span{
    display:block;
    width:85%;
    height:4px;
    margin-top:17px;
    border-radius:3px;
    background:#dbe3ef;
}

.cv-main span:nth-child(3){
    width:65%;
    margin-top:8px;
}

.cv-main span:nth-child(4){
    width:75%;
    margin-top:8px;
}


/* AI */

.preview-ai{
    padding:34px;
    background:
        radial-gradient(circle at 50% 35%,rgba(34,211,238,.24),transparent 28%),
        linear-gradient(135deg,#111827,#312e81);
}

.ai-preview{
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.ai-orb{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    margin-bottom:17px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:50%;
    color:#fff;
    background:rgba(255,255,255,.1);
    font-size:20px;
}

.ai-preview small{
    color:#67e8f9;
    font-size:6px;
    font-weight:800;
    letter-spacing:.15em;
}

.ai-preview strong{
    margin-top:8px;
    color:#fff;
    font-size:21px;
    line-height:1.05;
    letter-spacing:-.04em;
}

.ai-pills{
    display:flex;
    gap:5px;
    margin-top:15px;
}

.ai-pills span{
    padding:5px 7px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:6px;
    color:rgba(255,255,255,.6);
    background:rgba(255,255,255,.06);
    font-size:5px;
}


/* BOOK */

.preview-book{
    padding:30px 55px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f1f5f9;
}

.book-preview{
    width:150px;
    height:190px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:22px;
    border-radius:3px 8px 8px 3px;
    color:#fff;
    background:linear-gradient(145deg,#0f172a,#334155);
    box-shadow:10px 15px 25px rgba(15,23,42,.18);
}

.book-preview small{
    font-size:6px;
    letter-spacing:.12em;
    opacity:.6;
}

.book-preview strong{
    margin-top:10px;
    font-size:17px;
    line-height:1;
    letter-spacing:-.04em;
}

.book-preview span{
    margin-top:auto;
    font-size:6px;
    opacity:.55;
}


/* PLANNER */

.preview-planner{
    padding:28px 38px;
    background:#e0f2fe;
}

.planner-preview{
    height:100%;
    padding:20px;
    border-radius:12px;
    background:#fff;
    box-shadow:0 15px 30px rgba(15,23,42,.1);
}

.planner-top{
    display:flex;
    justify-content:space-between;
    color:#0f172a;
}

.planner-top small{
    font-size:6px;
    font-weight:800;
}

.planner-top strong{
    color:#2563eb;
    font-size:10px;
}

.planner-row{
    width:100%;
    height:17px;
    margin-top:12px;
    border-bottom:1px solid #e2e8f0;
}

.planner-row.short{
    width:70%;
}


/* SOCIAL */

.preview-social{
    padding:35px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    background:#fce7f3;
}

.social-square{
    border-radius:9px;
}

.social-square.one{
    background:#111827;
}

.social-square.two{
    background:#f97316;
}

.social-square.three{
    background:#2563eb;
}

.social-square.four{
    background:#fff;
    border:1px solid #e2e8f0;
}


/* PRODUCT INFO */

.product-info{
    padding:20px 21px 21px;
}

.product-type{
    margin-bottom:8px;
    color:#2563eb;
    font-size:8px;
    font-weight:800;
    letter-spacing:.13em;
}

.product-info h3{
    margin:0;
    color:#0f172a;
    font-size:18px;
    letter-spacing:-.025em;
}

.product-info p{
    min-height:39px;
    margin:8px 0 18px;
    color:#64748b;
    font-size:11px;
    line-height:1.65;
}

.product-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding-top:14px;
    border-top:1px solid #eef2f7;
}

.product-bottom strong{
    color:#0f172a;
    font-size:18px;
}

.product-bottom a{
    color:#2563eb;
    text-decoration:none;
    font-size:10px;
    font-weight:800;
}


/* TABLET */

@media(max-width:950px){

    .featured-products{
        padding:80px 0 90px;
    }

    .product-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}


/* MOBILE */

@media(max-width:640px){

    .featured-products{
        padding:65px 0 72px;
    }

    .products-heading{
        align-items:flex-start;
        flex-direction:column;
        gap:18px;
        margin-bottom:27px;
    }

    .products-heading h2{
        font-size:34px;
    }

    .products-view-all{
        padding:10px 14px;
    }

    .product-grid{
        grid-template-columns:1fr;
        gap:16px;
    }

    .product-preview{
        height:225px;
    }

    .product-info{
        padding:18px;
    }

    .product-info p{
        min-height:0;
    }

}


/* SMALL PHONES */

@media(max-width:380px){

    .products-heading h2{
        font-size:31px;
    }

    .product-preview{
        height:205px;
    }

}


/* =========================================================
   ALLWAY MARKET — FEATURED DIGITAL PRODUCTS
========================================================= */

.market-products{
    position:relative;
    padding:105px 0 115px;
    background:#f8fafc;
}

.products-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:40px;
    margin-bottom:45px;
}

.products-heading h2{
    max-width:650px;
    margin:10px 0 14px;
    color:#0b1220;
    font-size:clamp(34px,4vw,52px);
    line-height:1.03;
    letter-spacing:-.045em;
}

.products-heading h2 span{
    display:block;
    color:#2563eb;
}

.products-heading p{
    max-width:590px;
    margin:0;
    color:#64748b;
    font-size:15px;
    line-height:1.7;
}

.products-view-all{
    flex:none;
    padding:12px 17px;
    border:1px solid #dbe3ef;
    border-radius:10px;
    background:#fff;
    color:#2563eb;
    text-decoration:none;
    font-size:12px;
    font-weight:800;
    transition:.2s ease;
}

.products-view-all:hover{
    border-color:#2563eb;
    transform:translateY(-2px);
}


/* PRODUCT GRID */

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

.product-card{
    overflow:hidden;
    border:1px solid #e2e8f0;
    border-radius:20px;
    background:#fff;
    box-shadow:0 12px 35px rgba(15,23,42,.05);
    transition:.25s ease;
}

.product-card:hover{
    transform:translateY(-6px);
    border-color:#cbd5e1;
    box-shadow:0 25px 55px rgba(15,23,42,.11);
}


/* PRODUCT PREVIEW */

.product-preview{
    position:relative;
    min-height:245px;
    padding:18px;
    overflow:hidden;
}

.product-preview-blue{
    background:
        radial-gradient(circle at 80% 15%,rgba(96,165,250,.45),transparent 30%),
        linear-gradient(145deg,#071a3d,#1458c7);
}

.product-preview-purple{
    background:
        radial-gradient(circle at 80% 10%,rgba(216,180,254,.4),transparent 30%),
        linear-gradient(145deg,#241044,#7c3aed);
}

.product-preview-cyan{
    background:
        radial-gradient(circle at 80% 15%,rgba(103,232,249,.4),transparent 30%),
        linear-gradient(145deg,#073047,#0891b2);
}

.product-preview-orange{
    background:
        radial-gradient(circle at 80% 10%,rgba(253,186,116,.45),transparent 30%),
        linear-gradient(145deg,#431407,#ea580c);
}

.product-label{
    position:absolute;
    top:16px;
    left:16px;
    z-index:3;
    padding:6px 9px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;
    background:rgba(255,255,255,.1);
    color:#fff;
    font-size:8px;
    font-weight:900;
    letter-spacing:.1em;
}


/* WEBSITE PREVIEW */

.preview-browser{
    position:absolute;
    left:28px;
    right:28px;
    bottom:-16px;
    overflow:hidden;
    border-radius:12px 12px 0 0;
    background:#fff;
    box-shadow:0 20px 45px rgba(0,0,0,.3);
}

.preview-browser-top{
    height:25px;
    display:flex;
    align-items:center;
    gap:4px;
    padding-left:10px;
    background:#f1f5f9;
}

.preview-browser-top i{
    width:5px;
    height:5px;
    border-radius:50%;
    background:#cbd5e1;
}

.preview-content{
    padding:22px 20px 25px;
}

.preview-mini-label{
    color:#2563eb;
    font-size:6px;
    font-weight:900;
    letter-spacing:.12em;
}

.preview-content strong{
    display:block;
    margin-top:7px;
    color:#0f172a;
    font-size:17px;
    line-height:1.05;
    letter-spacing:-.04em;
}

.preview-content strong em{
    display:block;
    color:#2563eb;
    font-style:normal;
}

.preview-lines{
    margin-top:15px;
}

.preview-lines b{
    display:block;
    height:5px;
    margin-top:5px;
    border-radius:99px;
    background:#e2e8f0;
}

.preview-lines b:first-child{
    width:80%;
}

.preview-lines b:nth-child(2){
    width:58%;
}

.preview-lines b:nth-child(3){
    width:70%;
}


/* CV PREVIEW */

.cv-preview{
    position:absolute;
    left:35px;
    right:35px;
    bottom:0;
    min-height:185px;
    display:flex;
    gap:16px;
    padding:24px 20px;
    border-radius:12px 12px 0 0;
    background:#fff;
    box-shadow:0 20px 45px rgba(0,0,0,.25);
}

.cv-photo{
    width:52px;
    height:52px;
    flex:none;
    border-radius:50%;
    background:linear-gradient(135deg,#c4b5fd,#7c3aed);
}

.cv-details{
    flex:1;
}

.cv-details strong{
    display:block;
    color:#1e1b4b;
    font-size:12px;
}

.cv-details span{
    display:block;
    margin-top:4px;
    color:#8b5cf6;
    font-size:7px;
}

.cv-details b{
    display:block;
    height:4px;
    margin-top:13px;
    border-radius:99px;
    background:#e5e7eb;
}

.cv-details b:nth-child(3){
    width:90%;
}

.cv-details b:nth-child(4){
    width:65%;
}

.cv-details b:nth-child(5){
    width:78%;
}


/* AI PREVIEW */

.ai-preview{
    position:absolute;
    inset:55px 25px 25px;
    padding:25px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:16px;
    background:rgba(255,255,255,.1);
    box-shadow:0 20px 45px rgba(0,0,0,.15);
    backdrop-filter:blur(10px);
}

.ai-icon{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:#fff;
    color:#0891b2;
    font-size:17px;
    font-weight:900;
}

.ai-preview strong{
    display:block;
    margin-top:14px;
    color:#fff;
    font-size:22px;
    line-height:1;
}

.ai-preview strong span{
    color:#a5f3fc;
}

.ai-preview p{
    margin:7px 0 15px;
    color:rgba(255,255,255,.65);
    font-size:9px;
}

.ai-pills{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
}

.ai-pills i{
    padding:5px 7px;
    border-radius:6px;
    background:rgba(255,255,255,.1);
    color:#cffafe;
    font-size:7px;
    font-style:normal;
}


/* EBOOK PREVIEW */

.ebook-preview{
    display:flex;
    justify-content:center;
    align-items:flex-end;
    height:100%;
}

.ebook-cover{
    width:145px;
    min-height:190px;
    padding:19px;
    border-radius:7px 7px 0 0;
    background:#fff;
    box-shadow:0 25px 50px rgba(0,0,0,.3);
}

.ebook-cover small{
    color:#ea580c;
    font-size:7px;
    font-weight:900;
    letter-spacing:.13em;
}

.ebook-cover strong{
    display:block;
    margin-top:35px;
    color:#111827;
    font-size:22px;
    line-height:.9;
    letter-spacing:-.06em;
}

.ebook-cover strong span{
    display:block;
    color:#ea580c;
}

.ebook-cover em{
    display:block;
    margin-top:16px;
    color:#64748b;
    font-size:8px;
    font-style:normal;
    line-height:1.4;
}


/* PRODUCT INFO */

.product-info{
    padding:21px 20px 20px;
}

.product-type{
    color:#2563eb;
    font-size:8px;
    font-weight:900;
    letter-spacing:.12em;
}

.product-info h3{
    margin:8px 0 7px;
    color:#0f172a;
    font-size:18px;
    line-height:1.2;
    letter-spacing:-.025em;
}

.product-info p{
    min-height:65px;
    margin:0;
    color:#64748b;
    font-size:12px;
    line-height:1.65;
}

.product-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-top:17px;
    padding-top:15px;
    border-top:1px solid #eef2f7;
}

.product-price{
    color:#0f172a;
    font-size:20px;
    letter-spacing:-.04em;
}

.product-button{
    padding:9px 11px;
    border-radius:8px;
    background:#eff6ff;
    color:#2563eb;
    text-decoration:none;
    font-size:10px;
    font-weight:800;
    transition:.2s ease;
}

.product-button:hover{
    background:#2563eb;
    color:#fff;
}


/* RESPONSIVE */

@media(max-width:1050px){

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

}

@media(max-width:640px){

    .market-products{
        padding:72px 0 78px;
    }

    .products-heading{
        display:block;
        margin-bottom:30px;
    }

    .products-heading h2{
        font-size:36px;
    }

    .products-heading p{
        font-size:14px;
    }

    .products-view-all{
        display:inline-flex;
        margin-top:20px;
    }

    .products-grid{
        grid-template-columns:1fr;
        gap:16px;
    }

    .product-preview{
        min-height:235px;
    }

    .product-info{
        padding:19px;
    }

    .product-info p{
        min-height:auto;
    }

}

@media(max-width:380px){

    .products-heading h2{
        font-size:32px;
    }

    .product-preview{
        min-height:220px;
    }

}


/* =========================================================
   ALLWAY MARKET — WHY SECTION
========================================================= */

.why-market{
    padding:105px 0;
    background:#f8fafc;
    border-top:1px solid #e2e8f0;
}

.why-market-grid{
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:80px;
    align-items:center;
}

.why-market-copy{
    max-width:520px;
}

.why-market-copy h2{
    margin:12px 0 20px;
    color:#0f172a;
    font-size:clamp(36px,4vw,54px);
    line-height:1.03;
    letter-spacing:-.045em;
    font-weight:850;
}

.why-market-copy h2 span{
    display:block;
    color:#2563eb;
}

.why-market-copy p{
    max-width:500px;
    margin:0;
    color:#64748b;
    font-size:15px;
    line-height:1.8;
}

.why-market-link{
    display:inline-flex;
    margin-top:25px;
    color:#2563eb;
    font-size:13px;
    font-weight:800;
    text-decoration:none;
}

.why-market-link:hover{
    color:#1d4ed8;
}

.why-market-features{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}

.why-feature{
    display:flex;
    gap:15px;
    padding:25px;
    border:1px solid #e2e8f0;
    border-radius:18px;
    background:#fff;
    box-shadow:0 12px 35px rgba(15,23,42,.045);
    transition:.2s ease;
}

.why-feature:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 42px rgba(15,23,42,.08);
}

.why-feature-icon{
    flex:0 0 38px;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:11px;
    color:#2563eb;
    background:#eff6ff;
    font-size:15px;
    font-weight:900;
}

.why-feature h3{
    margin:1px 0 7px;
    color:#0f172a;
    font-size:15px;
    line-height:1.3;
}

.why-feature p{
    margin:0;
    color:#64748b;
    font-size:12px;
    line-height:1.65;
}


/* =========================================================
   ALLWAY MARKET — FINAL CTA
========================================================= */

.market-cta{
    padding:35px 0 105px;
    background:#f8fafc;
}

.market-cta-box{
    position:relative;
    overflow:hidden;
    min-height:330px;
    display:flex;
    align-items:center;
    padding:65px 70px;
    border-radius:28px;
    color:#fff;
    background:
        radial-gradient(circle at 85% 30%,rgba(96,165,250,.28),transparent 25%),
        radial-gradient(circle at 15% 100%,rgba(34,211,238,.14),transparent 30%),
        linear-gradient(135deg,#071936,#123e89);
    box-shadow:0 28px 70px rgba(15,23,42,.16);
}

.market-cta-content{
    position:relative;
    z-index:2;
    max-width:650px;
}

.market-cta .section-kicker{
    color:#93c5fd;
}

.market-cta h2{
    margin:12px 0 17px;
    color:#fff;
    font-size:clamp(38px,4.5vw,58px);
    line-height:1;
    letter-spacing:-.05em;
    font-weight:850;
}

.market-cta h2 span{
    display:block;
    color:#7dd3fc;
}

.market-cta p{
    max-width:540px;
    margin:0;
    color:rgba(255,255,255,.67);
    font-size:15px;
    line-height:1.7;
}

.market-cta-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:50px;
    margin-top:26px;
    padding:0 21px;
    border-radius:11px;
    color:#0b2c68!important;
    background:#fff;
    text-decoration:none!important;
    font-size:13px;
    font-weight:800;
    box-shadow:0 14px 35px rgba(0,0,0,.18);
    transition:.2s ease;
}

.market-cta-button:hover{
    transform:translateY(-2px);
}

.market-cta-orb{
    position:absolute;
    width:310px;
    height:310px;
    right:-70px;
    top:10px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:50%;
    box-shadow:
        0 0 0 55px rgba(255,255,255,.025),
        0 0 0 110px rgba(255,255,255,.018);
}


/* =========================================================
   WHY + CTA — MOBILE
========================================================= */

@media(max-width:850px){

    .why-market{
        padding:78px 0;
    }

    .why-market-grid{
        grid-template-columns:1fr;
        gap:45px;
    }

    .why-market-copy{
        max-width:700px;
    }

    .why-market-features{
        grid-template-columns:1fr 1fr;
    }

    .market-cta{
        padding:25px 0 75px;
    }

    .market-cta-box{
        min-height:330px;
        padding:50px 40px;
        border-radius:23px;
    }

}

@media(max-width:600px){

    .why-market{
        padding:68px 0;
    }

    .why-market-grid{
        gap:35px;
    }

    .why-market-copy h2{
        font-size:37px;
    }

    .why-market-copy p{
        font-size:14px;
        line-height:1.7;
    }

    .why-market-features{
        grid-template-columns:1fr;
        gap:11px;
    }

    .why-feature{
        padding:19px;
        border-radius:15px;
    }

    .why-feature p{
        font-size:11px;
    }

    .market-cta{
        padding:18px 0 65px;
    }

    .market-cta-box{
        min-height:390px;
        padding:42px 24px;
        border-radius:20px;
    }

    .market-cta h2{
        font-size:38px;
    }

    .market-cta p{
        font-size:14px;
    }

    .market-cta-button{
        width:100%;
    }

    .market-cta-orb{
        width:240px;
        height:240px;
        right:-110px;
        top:150px;
    }

}

@media(max-width:380px){

    .market-container{
        width:calc(100% - 28px);
    }

    .why-market-copy h2{
        font-size:34px;
    }

    .market-cta-box{
        padding:38px 20px;
    }

    .market-cta h2{
        font-size:34px;
    }

}


/* =========================================================
   ALLWAY MARKET — PREMIUM FOOTER
========================================================= */

.allway-footer{
    position:relative;
    overflow:hidden;
    color:#fff;
    background:#07152f;
}

.allway-footer-main{
    position:relative;
    padding:82px 0 55px;
}

.allway-footer-main::before{
    content:"";
    position:absolute;
    width:520px;
    height:520px;
    right:-260px;
    top:-300px;
    border-radius:50%;
    border:1px solid rgba(96,165,250,.12);
    box-shadow:
        0 0 0 80px rgba(96,165,250,.025),
        0 0 0 160px rgba(96,165,250,.018);
    pointer-events:none;
}

.allway-footer-main::after{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    left:-180px;
    bottom:-180px;
    border-radius:50%;
    background:rgba(37,99,235,.13);
    filter:blur(45px);
    pointer-events:none;
}

.allway-footer-container{
    position:relative;
    z-index:2;
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
}

.allway-footer-grid{
    display:grid;
    grid-template-columns:1.7fr 1fr 1fr 1fr;
    gap:55px;
    padding-bottom:65px;
}

.allway-footer-brand{
    max-width:370px;
}

.allway-footer-logo{
    display:inline-flex;
    align-items:center;
    gap:11px;
    color:#fff;
    text-decoration:none;
}

.allway-footer-logo-mark{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:linear-gradient(135deg,#2563eb,#22d3ee);
    color:#fff;
    font-size:15px;
    font-weight:900;
    box-shadow:0 12px 30px rgba(37,99,235,.28);
}

.allway-footer-logo-text{
    font-size:18px;
    font-weight:850;
    letter-spacing:-.03em;
}

.allway-footer-brand p{
    max-width:350px;
    margin:22px 0 22px;
    color:rgba(255,255,255,.56);
    font-size:13px;
    line-height:1.8;
}

.allway-footer-explore{
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:#8fc5ff;
    text-decoration:none;
    font-size:12px;
    font-weight:800;
    transition:.2s ease;
}

.allway-footer-explore span{
    font-size:16px;
    transition:.2s ease;
}

.allway-footer-explore:hover{
    color:#fff;
}

.allway-footer-explore:hover span{
    transform:translateX(4px);
}

.allway-footer-column h3{
    margin:4px 0 20px;
    color:#fff;
    font-size:12px;
    font-weight:800;
    letter-spacing:.04em;
}

.allway-footer-column ul{
    list-style:none;
    margin:0;
    padding:0;
}

.allway-footer-column li{
    margin:0 0 13px;
}

.allway-footer-column a{
    color:rgba(255,255,255,.52);
    text-decoration:none;
    font-size:12px;
    font-weight:500;
    transition:.2s ease;
}

.allway-footer-column a:hover{
    color:#8fc5ff;
    transform:translateX(3px);
}


/* Footer CTA */

.allway-footer-cta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
    padding:34px 38px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:22px;
    background:
        linear-gradient(
            135deg,
            rgba(37,99,235,.18),
            rgba(255,255,255,.035)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 25px 60px rgba(0,0,0,.15);
}

.allway-footer-cta-copy{
    max-width:650px;
}

.allway-footer-kicker{
    display:block;
    margin-bottom:9px;
    color:#78b8ff;
    font-size:8px;
    font-weight:850;
    letter-spacing:.14em;
}

.allway-footer-cta h2{
    margin:0;
    color:#fff;
    font-size:27px;
    line-height:1.1;
    letter-spacing:-.04em;
}

.allway-footer-cta h2 span{
    color:#78b8ff;
}

.allway-footer-cta p{
    margin:9px 0 0;
    color:rgba(255,255,255,.5);
    font-size:12px;
}

.allway-footer-cta-button{
    flex:none;
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:0 20px;
    border-radius:10px;
    color:#0b2c68!important;
    background:#fff;
    text-decoration:none!important;
    font-size:12px;
    font-weight:800;
    box-shadow:0 12px 30px rgba(0,0,0,.18);
    transition:.2s ease;
}

.allway-footer-cta-button span{
    font-size:16px;
    transition:.2s ease;
}

.allway-footer-cta-button:hover{
    transform:translateY(-2px);
}

.allway-footer-cta-button:hover span{
    transform:translateX(3px);
}


/* Footer Bottom */

.allway-footer-bottom{
    border-top:1px solid rgba(255,255,255,.08);
}

.allway-footer-bottom-inner{
    width:min(1180px,calc(100% - 40px));
    min-height:72px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
}

.allway-footer-copyright,
.allway-footer-made,
.allway-footer-links a{
    color:rgba(255,255,255,.38);
    font-size:10px;
}

.allway-footer-links{
    display:flex;
    align-items:center;
    gap:20px;
}

.allway-footer-links a{
    text-decoration:none;
    transition:.2s ease;
}

.allway-footer-links a:hover{
    color:#fff;
}

.allway-footer-made{
    text-align:right;
}

.allway-footer-made span{
    margin:0 5px;
    color:#3b82f6;
}


/* =========================================================
   FOOTER RESPONSIVE
========================================================= */

@media(max-width:900px){

    .allway-footer-grid{
        grid-template-columns:1.5fr 1fr 1fr;
        gap:40px 30px;
    }

    .allway-footer-brand{
        grid-column:1/-1;
        max-width:600px;
    }

    .allway-footer-cta{
        padding:30px;
    }

}


@media(max-width:640px){

    .allway-footer-main{
        padding:62px 0 40px;
    }

    .allway-footer-container{
        width:calc(100% - 28px);
    }

    .allway-footer-grid{
        grid-template-columns:1fr 1fr;
        gap:38px 24px;
        padding-bottom:45px;
    }

    .allway-footer-brand{
        grid-column:1/-1;
        max-width:none;
    }

    .allway-footer-brand p{
        max-width:500px;
        margin-top:17px;
        font-size:12px;
        line-height:1.75;
    }

    .allway-footer-column h3{
        margin-bottom:16px;
        font-size:11px;
    }

    .allway-footer-column li{
        margin-bottom:11px;
    }

    .allway-footer-column a{
        font-size:11px;
    }

    .allway-footer-cta{
        display:block;
        padding:25px 21px;
        border-radius:18px;
    }

    .allway-footer-cta h2{
        font-size:23px;
    }

    .allway-footer-cta p{
        font-size:11px;
        line-height:1.6;
    }

    .allway-footer-cta-button{
        width:100%;
        margin-top:20px;
    }

    .allway-footer-bottom-inner{
        width:calc(100% - 28px);
        min-height:auto;
        padding:23px 0;
        display:grid;
        grid-template-columns:1fr;
        gap:13px;
        text-align:center;
    }

    .allway-footer-links{
        justify-content:center;
        order:2;
    }

    .allway-footer-made{
        text-align:center;
        order:3;
    }

    .allway-footer-copyright{
        order:1;
        line-height:1.5;
    }

}


@media(max-width:380px){

    .allway-footer-grid{
        grid-template-columns:1fr;
        gap:30px;
    }

    .allway-footer-brand{
        grid-column:auto;
    }

    .allway-footer-cta h2{
        font-size:21px;
    }

    .allway-footer-logo-text{
        font-size:16px;
    }

}



/* =========================================================
   ALLWAY MARKET — PRODUCTS / MARKETPLACE PAGE
========================================================= */

.shop-page{
    background:#fff;
}

.shop-container{
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
}


/* SHOP HERO */

.shop-hero{
    position:relative;
    overflow:hidden;
    padding:92px 0 88px;
    color:#fff;
    background:
        radial-gradient(
            circle at 80% 20%,
            rgba(96,165,250,.24),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #06142f 0%,
            #0a2452 52%,
            #1249a5 100%
        );
}

.shop-hero::after{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    right:-200px;
    bottom:-280px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:50%;
    box-shadow:
        0 0 0 70px rgba(255,255,255,.018),
        0 0 0 140px rgba(255,255,255,.012);
}

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

.shop-kicker{
    display:inline-block;
    margin-bottom:18px;
    color:#8fc5ff;
    font-size:9px;
    font-weight:850;
    letter-spacing:.16em;
}

.shop-hero h1{
    margin:0;
    font-size:clamp(42px,5.5vw,68px);
    line-height:1;
    letter-spacing:-.055em;
    font-weight:850;
}

.shop-hero h1 span{
    display:block;
    color:#78b8ff;
}

.shop-hero p{
    max-width:650px;
    margin:23px 0 0;
    color:rgba(255,255,255,.62);
    font-size:15px;
    line-height:1.75;
}


/* SHOP CONTENT */

.shop-content{
    padding:82px 0 100px;
    background:#fff;
}

.shop-toolbar{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
    margin-bottom:35px;
}

.shop-results-label{
    color:#2563eb;
    font-size:9px;
    font-weight:850;
    letter-spacing:.14em;
}

.shop-toolbar h2{
    margin:8px 0 0;
    color:#0b1220;
    font-size:32px;
    line-height:1.1;
    letter-spacing:-.04em;
}

.shop-sort{
    padding:11px 15px;
    border:1px solid #e2e8f0;
    border-radius:10px;
    color:#64748b;
    background:#f8fafc;
    font-size:11px;
    font-weight:650;
}


/* PRODUCTS GRID */

.shop-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
}

.shop-card{
    overflow:hidden;
    border:1px solid #e2e8f0;
    border-radius:18px;
    background:#fff;
    box-shadow:0 8px 30px rgba(15,23,42,.045);
    transition:.25s ease;
}

.shop-card:hover{
    transform:translateY(-5px);
    border-color:#cbd5e1;
    box-shadow:0 22px 45px rgba(15,23,42,.1);
}

.shop-card-preview{
    position:relative;
    display:block;
    height:245px;
    overflow:hidden;
    text-decoration:none;
    background:#f1f5f9;
}

.shop-card-preview img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:.35s ease;
}

.shop-card:hover .shop-card-preview img{
    transform:scale(1.035);
}

.shop-placeholder{
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background:
        radial-gradient(
            circle at 70% 20%,
            rgba(96,165,250,.25),
            transparent 30%
        ),
        linear-gradient(135deg,#0b1f45,#2563eb);
    color:#fff;
}

.shop-placeholder span{
    margin-bottom:6px;
    color:#93c5fd;
    font-size:9px;
    font-weight:850;
    letter-spacing:.16em;
}

.shop-placeholder strong{
    font-size:30px;
    letter-spacing:-.04em;
}


/* CARD BODY */

.shop-card-body{
    padding:22px;
}

.shop-product-type{
    color:#2563eb;
    font-size:8px;
    font-weight:850;
    letter-spacing:.13em;
}

.shop-card h3{
    margin:8px 0 8px;
    font-size:20px;
    line-height:1.2;
    letter-spacing:-.035em;
}

.shop-card h3 a{
    color:#0f172a;
    text-decoration:none;
}

.shop-card h3 a:hover{
    color:#2563eb;
}

.shop-excerpt{
    min-height:43px;
    color:#64748b;
    font-size:12px;
    line-height:1.65;
}

.shop-card-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-top:20px;
    padding-top:17px;
    border-top:1px solid #eef2f7;
}

.shop-price{
    color:#0f172a;
    font-size:18px;
    font-weight:850;
}

.shop-view{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#2563eb;
    text-decoration:none;
    font-size:11px;
    font-weight:800;
}

.shop-view span{
    font-size:15px;
    transition:.2s ease;
}

.shop-view:hover span{
    transform:translateX(4px);
}


/* EMPTY */

.shop-empty{
    max-width:650px;
    margin:40px auto 0;
    padding:65px 30px;
    text-align:center;
    border:1px solid #e2e8f0;
    border-radius:20px;
    background:#f8fafc;
}

.shop-empty-icon{
    width:48px;
    height:48px;
    margin:0 auto 18px;
    display:grid;
    place-items:center;
    border-radius:14px;
    color:#fff;
    background:#2563eb;
    font-size:25px;
}

.shop-empty h2{
    margin:0;
    color:#0f172a;
    font-size:25px;
    letter-spacing:-.035em;
}

.shop-empty p{
    margin:10px 0 22px;
    color:#64748b;
    font-size:13px;
}

.shop-empty-button{
    display:inline-flex;
    min-height:45px;
    align-items:center;
    padding:0 18px;
    border-radius:10px;
    color:#fff!important;
    background:#2563eb;
    text-decoration:none!important;
    font-size:11px;
    font-weight:800;
}


/* PAGINATION */

.shop-pagination{
    display:flex;
    justify-content:center;
    margin-top:45px;
}

.shop-pagination .page-numbers{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:38px;
    height:38px;
    margin:0 3px;
    padding:0 11px;
    border:1px solid #e2e8f0;
    border-radius:9px;
    color:#64748b;
    text-decoration:none;
    font-size:11px;
    font-weight:700;
}

.shop-pagination .current,
.shop-pagination .page-numbers:hover{
    color:#fff;
    border-color:#2563eb;
    background:#2563eb;
}


/* MOBILE */

@media(max-width:900px){

    .shop-hero{
        padding:72px 0;
    }

    .shop-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}


@media(max-width:640px){

    .shop-container{
        width:calc(100% - 28px);
    }

    .shop-hero{
        padding:57px 0 62px;
    }

    .shop-hero h1{
        font-size:clamp(38px,10vw,51px);
    }

    .shop-hero p{
        margin-top:18px;
        font-size:14px;
        line-height:1.7;
    }

    .shop-content{
        padding:55px 0 70px;
    }

    .shop-toolbar{
        display:block;
        margin-bottom:25px;
    }

    .shop-toolbar h2{
        font-size:27px;
    }

    .shop-sort{
        display:inline-block;
        margin-top:17px;
    }

    .shop-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .shop-card-preview{
        height:220px;
    }

    .shop-card-body{
        padding:19px;
    }

    .shop-card h3{
        font-size:19px;
    }

    .shop-empty{
        padding:45px 20px;
    }

}


@media(max-width:380px){

    .shop-hero h1{
        font-size:35px;
    }

    .shop-card-preview{
        height:200px;
    }

}


/* =========================================================
   ALLWAY MARKET — PREMIUM PRODUCT PAGE
========================================================= */

.single-download-page{
    background:#f8fafc;
    color:#0f172a;
}

.single-download-hero{
    position:relative;
    overflow:hidden;
    padding:58px 0 80px;
    background:
        radial-gradient(circle at 85% 15%,rgba(37,99,235,.12),transparent 28%),
        linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
}

.container{
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
}

.single-download-breadcrumb{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:32px;
    color:#94a3b8;
    font-size:12px;
    font-weight:600;
}

.single-download-breadcrumb a{
    color:#2563eb;
    text-decoration:none;
}

.single-download-breadcrumb a:hover{
    text-decoration:underline;
}

.single-download-grid{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);
    align-items:center;
    gap:64px;
}

.single-download-media{
    position:relative;
}

.single-download-media::after{
    content:"";
    position:absolute;
    z-index:-1;
    width:75%;
    height:75%;
    left:12%;
    top:15%;
    border-radius:50%;
    background:rgba(37,99,235,.12);
    filter:blur(55px);
}

.single-download-image{
    display:block;
    width:100%;
    max-height:620px;
    object-fit:cover;
    border-radius:24px;
    border:1px solid #e2e8f0;
    background:#fff;
    box-shadow:0 30px 70px rgba(15,23,42,.14);
}

.single-download-placeholder{
    min-height:480px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:40px;
    border-radius:24px;
    color:#fff;
    background:
        radial-gradient(circle at 80% 20%,rgba(96,165,250,.35),transparent 28%),
        linear-gradient(135deg,#071a3b,#1451b7);
    box-shadow:0 30px 70px rgba(15,23,42,.18);
}

.single-download-placeholder span{
    margin-bottom:12px;
    color:#93c5fd;
    font-size:11px;
    font-weight:800;
    letter-spacing:.16em;
}

.single-download-placeholder strong{
    font-size:38px;
    letter-spacing:-.04em;
}

.single-download-placeholder small{
    margin-top:10px;
    color:rgba(255,255,255,.65);
}

.single-download-content{
    max-width:520px;
}

.single-download-category{
    display:inline-flex;
    align-items:center;
    margin-bottom:17px;
    padding:7px 11px;
    border-radius:999px;
    color:#1d4ed8;
    background:#eff6ff;
    font-size:10px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.single-download-content h1{
    margin:0;
    color:#0f172a;
    font-size:clamp(38px,4.5vw,60px);
    line-height:1;
    letter-spacing:-.055em;
    font-weight:850;
}

.single-download-excerpt{
    margin:22px 0 0;
    color:#64748b;
    font-size:16px;
    line-height:1.75;
}

.single-download-price{
    display:flex;
    align-items:flex-end;
    gap:12px;
    margin-top:27px;
}

.single-download-price strong{
    color:#0f172a;
    font-size:34px;
    line-height:1;
    letter-spacing:-.04em;
}

.single-download-price span{
    padding-bottom:3px;
    color:#94a3b8;
    font-size:12px;
    font-weight:600;
}

.single-download-purchase{
    margin-top:25px;
}

.single-download-purchase .edd-submit,
.single-download-purchase .button,
.single-download-purchase input[type="submit"]{
    width:100%;
    min-height:56px;
    border:0!important;
    border-radius:13px!important;
    color:#fff!important;
    background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;
    box-shadow:0 14px 30px rgba(37,99,235,.25);
    font-size:14px!important;
    font-weight:800!important;
    cursor:pointer;
    transition:.2s ease;
}

.single-download-purchase .edd-submit:hover,
.single-download-purchase .button:hover,
.single-download-purchase input[type="submit"]:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 35px rgba(37,99,235,.32);
}

.single-download-trust{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:9px;
    margin-top:15px;
}

.single-download-trust div{
    min-height:67px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    padding:10px;
    border:1px solid #e2e8f0;
    border-radius:12px;
    background:#fff;
    color:#64748b;
    font-size:10px;
    font-weight:600;
}

.single-download-trust strong{
    color:#16a34a;
    font-size:14px;
}

/* PRODUCT DETAILS */

.single-download-details{
    padding:82px 0 105px;
    background:#fff;
    border-top:1px solid #e2e8f0;
}

.single-download-details > .container{
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    align-items:start;
    gap:70px;
}

.single-download-description{
    max-width:760px;
}

.single-download-section-label{
    margin-bottom:13px;
    color:#2563eb;
    font-size:10px;
    font-weight:800;
    letter-spacing:.14em;
}

.single-download-description h2{
    margin:0 0 25px;
    color:#0f172a;
    font-size:38px;
    line-height:1.1;
    letter-spacing:-.04em;
}

.single-download-body{
    color:#475569;
    font-size:15px;
    line-height:1.85;
}

.single-download-body h2,
.single-download-body h3{
    color:#0f172a;
    line-height:1.25;
}

.single-download-body h3{
    margin-top:35px;
    font-size:21px;
}

.single-download-body ul{
    padding-left:20px;
}

.single-download-body li{
    margin:8px 0;
}

.single-download-body img{
    border-radius:15px;
}

.download-info-card{
    position:sticky;
    top:25px;
    padding:25px;
    border:1px solid #e2e8f0;
    border-radius:18px;
    background:#fff;
    box-shadow:0 18px 45px rgba(15,23,42,.07);
}

.download-info-card h3{
    margin:0 0 20px;
    color:#0f172a;
    font-size:18px;
    letter-spacing:-.02em;
}

.download-info-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:15px 0;
    border-top:1px solid #eef2f7;
    font-size:12px;
}

.download-info-row span{
    color:#94a3b8;
}

.download-info-row strong{
    color:#334155;
    text-align:right;
}

/* =========================================================
   PRODUCT MOBILE
========================================================= */

@media(max-width:900px){

    .single-download-grid{
        grid-template-columns:1fr;
        gap:42px;
    }

    .single-download-content{
        max-width:700px;
    }

    .single-download-details > .container{
        grid-template-columns:1fr;
        gap:40px;
    }

    .download-info-card{
        position:relative;
        top:auto;
        max-width:600px;
    }
}

@media(max-width:640px){

    .container{
        width:calc(100% - 28px);
    }

    .single-download-hero{
        padding:34px 0 58px;
    }

    .single-download-breadcrumb{
        margin-bottom:22px;
        font-size:11px;
    }

    .single-download-grid{
        gap:31px;
    }

    .single-download-image{
        max-height:420px;
        border-radius:18px;
    }

    .single-download-placeholder{
        min-height:330px;
        border-radius:18px;
    }

    .single-download-placeholder strong{
        font-size:29px;
    }

    .single-download-content h1{
        font-size:clamp(34px,10vw,46px);
        line-height:1.02;
    }

    .single-download-excerpt{
        margin-top:16px;
        font-size:14px;
        line-height:1.65;
    }

    .single-download-price{
        margin-top:21px;
    }

    .single-download-price strong{
        font-size:30px;
    }

    .single-download-purchase{
        margin-top:20px;
    }

    .single-download-trust{
        grid-template-columns:1fr;
    }

    .single-download-trust div{
        min-height:48px;
        flex-direction:row;
        align-items:center;
        justify-content:flex-start;
        gap:8px;
    }

    .single-download-details{
        padding:58px 0 70px;
    }

    .single-download-description h2{
        font-size:30px;
    }

    .single-download-body{
        font-size:14px;
        line-height:1.75;
    }

    .download-info-card{
        padding:20px;
    }
}

@media(max-width:380px){

    .single-download-content h1{
        font-size:32px;
    }

    .single-download-placeholder{
        min-height:290px;
    }

    .single-download-description h2{
        font-size:27px;
    }
}



/* =========================================================
   ALLWAY MARKET — PREMIUM SERVICES PAGE
========================================================= */

.services-page{
    background:#fff;
    color:#0b1220;
}

.services-container{
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
}


/* HERO */

.services-hero{
    position:relative;
    overflow:hidden;
    padding:105px 0 115px;
    color:#fff;
    background:
        radial-gradient(circle at 85% 20%,rgba(96,165,250,.25),transparent 28%),
        radial-gradient(circle at 10% 90%,rgba(34,211,238,.13),transparent 30%),
        linear-gradient(135deg,#06142f,#0b2b62 55%,#1764d8);
}

.services-hero::after{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    right:-250px;
    top:-260px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:50%;
    box-shadow:
        0 0 0 70px rgba(255,255,255,.025),
        0 0 0 140px rgba(255,255,255,.018);
}

.services-hero .services-container{
    position:relative;
    z-index:2;
}

.services-kicker{
    display:inline-block;
    color:#2563eb;
    font-size:10px;
    font-weight:900;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.services-hero .services-kicker{
    color:#a9ceff;
}

.services-hero h1{
    max-width:780px;
    margin:18px 0 22px;
    font-size:clamp(46px,6vw,76px);
    line-height:.98;
    letter-spacing:-.055em;
    font-weight:850;
}

.services-hero h1 span{
    display:block;
    color:#76b6ff;
}

.services-hero p{
    max-width:650px;
    margin:0;
    color:rgba(255,255,255,.7);
    font-size:17px;
    line-height:1.75;
}


/* SERVICES */

.services-list{
    padding:105px 0;
    background:#f8fafc;
}

.services-heading{
    max-width:700px;
    margin-bottom:48px;
}

.services-heading h2{
    margin:12px 0 15px;
    font-size:clamp(34px,4vw,52px);
    line-height:1.05;
    letter-spacing:-.045em;
}

.services-heading h2 span{
    color:#2563eb;
}

.services-heading p{
    margin:0;
    color:#64748b;
    font-size:15px;
    line-height:1.75;
}

.services-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
}

.service-card{
    position:relative;
    overflow:hidden;
    padding:32px;
    border:1px solid #e2e8f0;
    border-radius:22px;
    background:#fff;
    box-shadow:0 15px 45px rgba(15,23,42,.055);
    transition:.25s ease;
}

.service-card:hover{
    transform:translateY(-5px);
    box-shadow:0 25px 60px rgba(15,23,42,.1);
}

.service-card::after{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    right:-80px;
    top:-80px;
    border-radius:50%;
    opacity:.08;
}

.service-card-blue::after{background:#2563eb;}
.service-card-purple::after{background:#7c3aed;}
.service-card-cyan::after{background:#06b6d4;}
.service-card-orange::after{background:#f97316;}

.service-icon{
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    margin-bottom:25px;
    border-radius:15px;
    color:#fff;
    background:#2563eb;
    font-size:19px;
    font-weight:900;
}

.service-card-purple .service-icon{
    background:#7c3aed;
}

.service-card-cyan .service-icon{
    background:#06b6d4;
}

.service-card-orange .service-icon{
    background:#f97316;
}

.service-number{
    position:absolute;
    top:32px;
    right:32px;
    color:#cbd5e1;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
}

.service-card h3{
    margin:0 0 12px;
    font-size:25px;
    letter-spacing:-.035em;
}

.service-card > p{
    min-height:82px;
    margin:0;
    color:#64748b;
    font-size:14px;
    line-height:1.7;
}

.service-card ul{
    margin:23px 0 27px;
    padding:0;
    list-style:none;
}

.service-card li{
    position:relative;
    margin:9px 0;
    padding-left:22px;
    color:#334155;
    font-size:12px;
    font-weight:600;
}

.service-card li::before{
    content:"✓";
    position:absolute;
    left:0;
    color:#2563eb;
    font-weight:900;
}

.service-card-purple li::before{color:#7c3aed;}
.service-card-cyan li::before{color:#06b6d4;}
.service-card-orange li::before{color:#f97316;}

.service-link{
    display:inline-flex;
    align-items:center;
    color:#2563eb;
    text-decoration:none;
    font-size:12px;
    font-weight:900;
}

.service-card-purple .service-link{color:#7c3aed;}
.service-card-cyan .service-link{color:#0891b2;}
.service-card-orange .service-link{color:#ea580c;}

.service-link:hover{
    text-decoration:underline;
}


/* PROCESS */

.services-process{
    padding:100px 0;
    background:#fff;
}

.services-process-box{
    padding:55px;
    border-radius:28px;
    color:#fff;
    background:
        radial-gradient(circle at 90% 20%,rgba(96,165,250,.22),transparent 25%),
        linear-gradient(135deg,#081a3a,#103d82);
}

.services-process-box h2{
    max-width:550px;
    margin:12px 0 42px;
    font-size:clamp(32px,4vw,48px);
    line-height:1.05;
    letter-spacing:-.045em;
}

.services-process-box h2 span{
    color:#76b6ff;
}

.services-process-box .services-kicker{
    color:#9fc7ff;
}

.process-steps{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.process-step{
    padding-top:22px;
    border-top:1px solid rgba(255,255,255,.14);
}

.process-step strong{
    color:#76b6ff;
    font-size:11px;
    letter-spacing:.1em;
}

.process-step h3{
    margin:13px 0 8px;
    font-size:17px;
}

.process-step p{
    margin:0;
    color:rgba(255,255,255,.58);
    font-size:12px;
    line-height:1.7;
}


/* FINAL CTA */

.services-final-cta{
    padding:0 0 105px;
    background:#fff;
}

.services-cta-box{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    padding:55px;
    border:1px solid #dbeafe;
    border-radius:25px;
    background:linear-gradient(135deg,#eff6ff,#fff);
}

.services-cta-box h2{
    margin:10px 0 12px;
    font-size:clamp(30px,4vw,45px);
    line-height:1.05;
    letter-spacing:-.045em;
}

.services-cta-box h2 span{
    color:#2563eb;
}

.services-cta-box p{
    max-width:620px;
    margin:0;
    color:#64748b;
    font-size:14px;
    line-height:1.7;
}

.services-cta-button{
    flex:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 24px;
    border-radius:11px;
    color:#fff!important;
    background:#2563eb;
    text-decoration:none!important;
    font-size:13px;
    font-weight:900;
    box-shadow:0 12px 30px rgba(37,99,235,.22);
}


/* MOBILE */

@media(max-width:800px){

    .services-hero{
        padding:70px 0 75px;
    }

    .services-grid{
        grid-template-columns:1fr;
    }

    .process-steps{
        grid-template-columns:1fr;
        gap:22px;
    }

    .services-process-box{
        padding:32px;
    }

    .services-cta-box{
        flex-direction:column;
        align-items:flex-start;
        padding:32px;
    }

}

@media(max-width:600px){

    .services-container{
        width:calc(100% - 28px);
    }

    .services-hero h1{
        font-size:clamp(40px,11vw,54px);
    }

    .services-hero p{
        font-size:15px;
    }

    .services-list{
        padding:70px 0;
    }

    .services-heading{
        margin-bottom:32px;
    }

    .service-card{
        padding:25px;
        border-radius:18px;
    }

    .service-number{
        top:25px;
        right:25px;
    }

    .service-card > p{
        min-height:0;
    }

    .services-process{
        padding:70px 0;
    }

    .services-process-box{
        padding:27px;
        border-radius:21px;
    }

    .services-final-cta{
        padding-bottom:70px;
    }

    .services-cta-box{
        border-radius:19px;
    }

    .services-cta-button{
        width:100%;
    }

}


/* =========================================================
   ALLWAY MARKET — PREMIUM CONTACT PAGE
========================================================= */

.contact-page{
    background:#fff;
    color:#0b1220;
}

.contact-container{
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
}


/* =========================================================
   CONTACT HERO
========================================================= */

.contact-hero{
    position:relative;
    overflow:hidden;
    padding:105px 0 110px;
    color:#fff;
    background:
        radial-gradient(circle at 85% 20%,rgba(96,165,250,.24),transparent 27%),
        radial-gradient(circle at 12% 90%,rgba(34,211,238,.12),transparent 30%),
        linear-gradient(135deg,#06142f 0%,#0b2b62 52%,#1764d8 100%);
}

.contact-hero::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    right:-250px;
    top:-260px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:50%;
    box-shadow:
        0 0 0 70px rgba(255,255,255,.025),
        0 0 0 140px rgba(255,255,255,.018);
}

.contact-hero .contact-container{
    position:relative;
    z-index:2;
}

.contact-kicker,
.contact-section-kicker{
    display:inline-block;
    color:#2563eb;
    font-size:10px;
    font-weight:900;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.contact-hero .contact-kicker{
    color:#a9ceff;
}

.contact-hero h1{
    max-width:760px;
    margin:18px 0 22px;
    font-size:clamp(46px,6vw,76px);
    line-height:.98;
    letter-spacing:-.055em;
    font-weight:850;
}

.contact-hero h1 span{
    display:block;
    color:#76b6ff;
}

.contact-hero p{
    max-width:620px;
    margin:0;
    color:rgba(255,255,255,.7);
    font-size:17px;
    line-height:1.75;
}


/* =========================================================
   CONTACT MAIN
========================================================= */

.contact-main{
    padding:105px 0;
    background:#f8fafc;
}

.contact-grid{
    display:grid;
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
    gap:70px;
    align-items:start;
}


/* INFO */

.contact-info{
    padding-top:10px;
}

.contact-info h2{
    max-width:530px;
    margin:12px 0 17px;
    font-size:clamp(35px,4vw,51px);
    line-height:1.03;
    letter-spacing:-.05em;
}

.contact-info h2 span{
    color:#2563eb;
}

.contact-intro{
    max-width:540px;
    margin:0;
    color:#64748b;
    font-size:15px;
    line-height:1.8;
}

.contact-projects{
    margin-top:37px;
    border-top:1px solid #e2e8f0;
}

.contact-project{
    display:flex;
    align-items:center;
    gap:17px;
    padding:18px 0;
    border-bottom:1px solid #e2e8f0;
}

.contact-project > span{
    width:32px;
    color:#2563eb;
    font-size:10px;
    font-weight:900;
}

.contact-project strong{
    display:block;
    color:#0f172a;
    font-size:13px;
}

.contact-project small{
    display:block;
    margin-top:4px;
    color:#94a3b8;
    font-size:10px;
}

.contact-note{
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin-top:30px;
    padding:18px;
    border:1px solid #dbeafe;
    border-radius:15px;
    background:#eff6ff;
}

.contact-note-icon{
    width:34px;
    height:34px;
    flex:none;
    display:grid;
    place-items:center;
    border-radius:10px;
    color:#fff;
    background:#2563eb;
    font-size:13px;
    font-weight:900;
}

.contact-note strong{
    display:block;
    color:#0f172a;
    font-size:12px;
}

.contact-note p{
    margin:5px 0 0;
    color:#64748b;
    font-size:11px;
    line-height:1.6;
}


/* FORM CARD */

.contact-form-card{
    padding:34px;
    border:1px solid #e2e8f0;
    border-radius:22px;
    background:#fff;
    box-shadow:0 20px 60px rgba(15,23,42,.07);
}

.contact-form-heading{
    margin-bottom:28px;
}

.contact-form-heading > span{
    color:#2563eb;
    font-size:9px;
    font-weight:900;
    letter-spacing:.14em;
}

.contact-form-heading h3{
    margin:8px 0 7px;
    color:#0f172a;
    font-size:27px;
    letter-spacing:-.04em;
}

.contact-form-heading p{
    margin:0;
    color:#94a3b8;
    font-size:12px;
}

.contact-form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.contact-field{
    margin-bottom:17px;
}

.contact-field label{
    display:block;
    margin-bottom:7px;
    color:#334155;
    font-size:10px;
    font-weight:800;
}

.contact-field input,
.contact-field select,
.contact-field textarea{
    width:100%;
    border:1px solid #dbe2ea;
    border-radius:10px;
    outline:none;
    color:#0f172a;
    background:#fff;
    font-family:inherit;
    font-size:13px;
    transition:.2s ease;
}

.contact-field input,
.contact-field select{
    height:47px;
    padding:0 13px;
}

.contact-field textarea{
    min-height:145px;
    padding:13px;
    resize:vertical;
    line-height:1.6;
}

.contact-field input::placeholder,
.contact-field textarea::placeholder{
    color:#b2bcc9;
}

.contact-field input:focus,
.contact-field select:focus,
.contact-field textarea:focus{
    border-color:#60a5fa;
    box-shadow:0 0 0 3px rgba(37,99,235,.08);
}

.contact-submit{
    width:100%;
    min-height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-top:5px;
    border:0;
    border-radius:11px;
    cursor:pointer;
    color:#fff;
    background:#2563eb;
    box-shadow:0 12px 28px rgba(37,99,235,.2);
    font-family:inherit;
    font-size:12px;
    font-weight:900;
    transition:.2s ease;
}

.contact-submit:hover{
    transform:translateY(-2px);
    background:#1d4ed8;
}

.contact-submit span{
    font-size:17px;
}

.contact-form-footnote{
    margin:13px 0 0;
    color:#a0aec0;
    text-align:center;
    font-size:9px;
}


/* SUCCESS / ERROR */

.contact-success{
    padding:35px 25px;
    border:1px solid #bbf7d0;
    border-radius:15px;
    text-align:center;
    background:#f0fdf4;
}

.contact-success-icon{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    margin:0 auto 15px;
    border-radius:50%;
    color:#fff;
    background:#16a34a;
    font-weight:900;
}

.contact-success strong{
    display:block;
    color:#166534;
    font-size:17px;
}

.contact-success p{
    max-width:400px;
    margin:9px auto 16px;
    color:#4b7a5a;
    font-size:12px;
    line-height:1.6;
}

.contact-success a{
    color:#2563eb;
    text-decoration:none;
    font-size:11px;
    font-weight:800;
}

.contact-error{
    margin-bottom:18px;
    padding:12px 14px;
    border:1px solid #fecaca;
    border-radius:9px;
    color:#b91c1c;
    background:#fef2f2;
    font-size:11px;
}


/* =========================================================
   BOTTOM CTA
========================================================= */

.contact-bottom{
    padding:0 0 105px;
    background:#f8fafc;
}

.contact-bottom-box{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
    padding:48px 52px;
    border-radius:23px;
    color:#fff;
    background:
        radial-gradient(circle at 90% 10%,rgba(96,165,250,.2),transparent 25%),
        linear-gradient(135deg,#081a3a,#103d82);
}

.contact-bottom-box .contact-kicker{
    color:#9fc7ff;
}

.contact-bottom-box h2{
    margin:10px 0 0;
    font-size:clamp(30px,4vw,46px);
    line-height:1.04;
    letter-spacing:-.045em;
}

.contact-bottom-box h2 span{
    color:#76b6ff;
}

.contact-shop-link{
    flex:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:50px;
    padding:0 21px;
    border-radius:10px;
    color:#0b2c68!important;
    background:#fff;
    text-decoration:none!important;
    font-size:11px;
    font-weight:900;
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:850px){

    .contact-grid{
        grid-template-columns:1fr;
        gap:50px;
    }

    .contact-info{
        padding-top:0;
    }

    .contact-bottom-box{
        align-items:flex-start;
        flex-direction:column;
    }

}

@media(max-width:600px){

    .contact-container{
        width:calc(100% - 28px);
    }

    .contact-hero{
        padding:68px 0 75px;
    }

    .contact-hero h1{
        font-size:clamp(40px,11vw,54px);
    }

    .contact-hero p{
        font-size:15px;
    }

    .contact-main{
        padding:70px 0;
    }

    .contact-info h2{
        font-size:37px;
    }

    .contact-form-card{
        padding:23px 18px;
        border-radius:18px;
    }

    .contact-form-row{
        grid-template-columns:1fr;
        gap:0;
    }

    .contact-bottom{
        padding-bottom:70px;
    }

    .contact-bottom-box{
        padding:30px 25px;
        border-radius:19px;
    }

    .contact-shop-link{
        width:100%;
    }

}


/* =========================================================
   ALLWAY MARKET — SHOP PAGE
========================================================= */

.allway-shop-page{
    background:#fff;
}

.shop-container{
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
}


/* HERO */

.allway-shop-hero{
    position:relative;
    overflow:hidden;
    padding:115px 0 105px;
    background:
        radial-gradient(circle at 85% 20%,rgba(37,99,235,.13),transparent 34%),
        linear-gradient(135deg,#f8fafc 0%,#eef4ff 100%);
}

.shop-kicker,
.shop-section-kicker{
    display:inline-block;
    font-size:12px;
    font-weight:800;
    letter-spacing:.14em;
    color:#2563eb;
}

.allway-shop-hero h1{
    max-width:760px;
    margin:18px 0 20px;
    font-size:clamp(42px,5vw,68px);
    line-height:1.04;
    letter-spacing:-.045em;
    color:#0f172a;
}

.allway-shop-hero h1 span{
    display:block;
    color:#2563eb;
}

.allway-shop-hero p{
    max-width:650px;
    margin:0;
    font-size:18px;
    line-height:1.75;
    color:#64748b;
}


/* CONTENT */

.allway-shop-content{
    padding:95px 0 105px;
}

.shop-heading{
    margin-bottom:32px;
}

.shop-heading h2{
    margin:12px 0 0;
    font-size:clamp(32px,4vw,48px);
    line-height:1.1;
    letter-spacing:-.035em;
    color:#0f172a;
}

.shop-heading h2 span{
    color:#2563eb;
}

.shop-category-links{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:42px;
}

.shop-category-links a{
    display:inline-flex;
    align-items:center;
    min-height:44px;
    padding:0 18px;
    border:1px solid #e2e8f0;
    border-radius:999px;
    background:#fff;
    color:#334155;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
    transition:.25s ease;
}

.shop-category-links a:hover{
    border-color:#2563eb;
    color:#2563eb;
    transform:translateY(-2px);
}


.allway-shop-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
}

.allway-product-card{
    overflow:hidden;
    border:1px solid #e5e7eb;
    border-radius:22px;
    background:#fff;
    box-shadow:0 8px 30px rgba(15,23,42,.05);
    transition:.3s ease;
}

.allway-product-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 45px rgba(15,23,42,.10);
}

.allway-product-image{
    display:block;
    aspect-ratio:16/10;
    overflow:hidden;
    background:#f1f5f9;
    text-decoration:none;
}

.allway-product-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.35s ease;
}

.allway-product-card:hover .allway-product-image img{
    transform:scale(1.035);
}

.allway-product-placeholder{
    display:flex;
    width:100%;
    height:100%;
    padding:30px;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    text-align:center;
    background:
        radial-gradient(circle at 20% 20%,rgba(37,99,235,.16),transparent 35%),
        linear-gradient(135deg,#0f172a,#1e3a8a);
    color:#fff;
}

.allway-product-placeholder span{
    margin-bottom:12px;
    font-size:10px;
    font-weight:800;
    letter-spacing:.15em;
    opacity:.7;
}

.allway-product-placeholder strong{
    max-width:85%;
    font-size:24px;
    line-height:1.15;
}

.allway-product-placeholder small{
    margin-top:10px;
    opacity:.7;
}

.allway-product-info{
    padding:24px;
}

.allway-product-category{
    display:block;
    margin-bottom:9px;
    color:#2563eb;
    font-size:10px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.allway-product-info h3{
    margin:0;
    font-size:21px;
    line-height:1.25;
}

.allway-product-info h3 a{
    color:#0f172a;
    text-decoration:none;
}

.allway-product-info p{
    min-height:48px;
    margin:12px 0 22px;
    color:#64748b;
    font-size:14px;
    line-height:1.65;
}

.allway-product-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding-top:17px;
    border-top:1px solid #eef2f7;
}

.allway-product-bottom strong{
    font-size:22px;
    color:#0f172a;
}

.allway-product-bottom a{
    color:#2563eb;
    font-size:13px;
    font-weight:800;
    text-decoration:none;
}


/* EMPTY */

.allway-shop-empty{
    grid-column:1/-1;
    padding:80px 30px;
    border:1px dashed #cbd5e1;
    border-radius:22px;
    text-align:center;
}

.allway-shop-empty span{
    color:#2563eb;
    font-size:11px;
    font-weight:800;
    letter-spacing:.14em;
}

.allway-shop-empty h2{
    margin:14px 0 10px;
    color:#0f172a;
}

.allway-shop-empty p{
    margin:0;
    color:#64748b;
}


/* CTA */

.allway-shop-cta{
    padding:0 0 100px;
}

.allway-shop-cta-box{
    padding:70px 50px;
    border-radius:28px;
    background:linear-gradient(135deg,#0f172a,#172554);
    text-align:center;
    color:#fff;
}

.allway-shop-cta-box > span{
    font-size:11px;
    font-weight:800;
    letter-spacing:.14em;
    opacity:.65;
}

.allway-shop-cta-box h2{
    margin:15px 0;
    font-size:clamp(32px,4vw,48px);
    letter-spacing:-.035em;
}

.allway-shop-cta-box h2 span{
    color:#60a5fa;
}

.allway-shop-cta-box p{
    max-width:600px;
    margin:0 auto 28px;
    color:#cbd5e1;
    line-height:1.7;
}

.allway-shop-cta-box a{
    display:inline-flex;
    min-height:50px;
    align-items:center;
    padding:0 24px;
    border-radius:999px;
    background:#fff;
    color:#0f172a;
    font-weight:800;
    text-decoration:none;
}


/* MOBILE */

@media (max-width:900px){

    .allway-shop-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

@media (max-width:640px){

    .shop-container{
        width:min(100% - 28px,1180px);
    }

    .allway-shop-hero{
        padding:78px 0 70px;
    }

    .allway-shop-hero h1{
        font-size:40px;
    }

    .allway-shop-hero p{
        font-size:16px;
    }

    .allway-shop-content{
        padding:65px 0 75px;
    }

    .allway-shop-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .allway-product-info{
        padding:20px;
    }

    .allway-shop-cta{
        padding-bottom:65px;
    }

    .allway-shop-cta-box{
        padding:50px 24px;
        border-radius:22px;
    }

}



/* =========================================================
   ALLWAY MARKET — PREMIUM ABOUT PAGE
========================================================= */

.about-page{
    background:#fff;
    color:#101828;
}

.about-container{
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
}


/* =========================================================
   HERO
========================================================= */

.about-hero{
    position:relative;
    overflow:hidden;
    padding:105px 0 115px;
    background:
        radial-gradient(circle at 85% 20%,rgba(37,99,235,.12),transparent 32%),
        linear-gradient(180deg,#f8fafc 0%,#fff 100%);
}

.about-hero::before{
    content:"";
    position:absolute;
    width:520px;
    height:520px;
    right:-260px;
    top:-230px;
    border:1px solid rgba(37,99,235,.12);
    border-radius:50%;
}

.about-hero::after{
    content:"";
    position:absolute;
    width:360px;
    height:360px;
    left:-220px;
    bottom:-220px;
    border:1px solid rgba(124,58,237,.10);
    border-radius:50%;
}

.about-hero .about-container{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(360px,.85fr);
    align-items:center;
    gap:80px;
}

.about-kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:20px;
    font-size:11px;
    line-height:1;
    font-weight:800;
    letter-spacing:.16em;
    color:#2563eb;
}

.about-kicker::before{
    content:"";
    width:28px;
    height:2px;
    background:#2563eb;
    border-radius:5px;
}

.about-hero h1{
    max-width:720px;
    margin:0;
    font-size:clamp(42px,5vw,68px);
    line-height:1.04;
    letter-spacing:-.045em;
    font-weight:800;
}

.about-hero h1 span{
    display:block;
    color:#2563eb;
}

.about-hero-content>p{
    max-width:650px;
    margin:26px 0 0;
    font-size:18px;
    line-height:1.75;
    color:#667085;
}

.about-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:34px;
}

.about-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 22px;
    border-radius:12px;
    text-decoration:none;
    font-size:14px;
    font-weight:750;
    transition:.25s ease;
}

.about-btn-primary{
    color:#fff;
    background:#111827;
    box-shadow:0 12px 28px rgba(16,24,40,.16);
}

.about-btn-primary:hover{
    transform:translateY(-2px);
    background:#2563eb;
    color:#fff;
}

.about-btn-secondary{
    color:#344054;
    background:#fff;
    border:1px solid #d0d5dd;
}

.about-btn-secondary:hover{
    transform:translateY(-2px);
    border-color:#98a2b3;
    color:#101828;
}


/* =========================================================
   HERO VISUAL
========================================================= */

.about-hero-visual{
    position:relative;
}

.about-visual-card{
    position:relative;
    overflow:hidden;
    min-height:420px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:24px;
    background:#0b1220;
    box-shadow:0 35px 80px rgba(16,24,40,.18);
    transform:rotate(1.5deg);
}

.about-visual-card::before{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    right:-100px;
    top:-90px;
    background:rgba(37,99,235,.22);
    filter:blur(45px);
    border-radius:50%;
}

.about-visual-top{
    position:relative;
    display:flex;
    align-items:center;
    gap:7px;
    padding:18px 20px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.about-visual-top>span{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#475467;
}

.about-visual-top strong{
    margin-left:auto;
    font-size:9px;
    letter-spacing:.14em;
    color:#98a2b3;
}

.about-visual-body{
    position:relative;
    padding:58px 44px 44px;
}

.about-visual-body small{
    font-size:10px;
    letter-spacing:.15em;
    color:#60a5fa;
}

.about-visual-body h2{
    margin:15px 0 45px;
    max-width:400px;
    color:#fff;
    font-size:39px;
    line-height:1.08;
    letter-spacing:-.035em;
}

.about-visual-body h2 span{
    color:#60a5fa;
}

.about-visual-items{
    display:grid;
    gap:14px;
}

.about-visual-items div{
    display:flex;
    align-items:center;
    gap:15px;
    padding:13px 15px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:12px;
    background:rgba(255,255,255,.035);
}

.about-visual-items b{
    color:#60a5fa;
    font-size:10px;
}

.about-visual-items span{
    color:#d0d5dd;
    font-size:13px;
}


/* =========================================================
   INTRO
========================================================= */

.about-intro{
    padding:105px 0;
    border-top:1px solid #eaecf0;
}

.about-intro-grid{
    display:grid;
    grid-template-columns:240px minmax(0,1fr);
    gap:80px;
}

.about-section-label{
    display:flex;
    align-items:center;
    gap:12px;
    color:#667085;
    font-size:11px;
    font-weight:800;
    letter-spacing:.14em;
}

.about-section-label span{
    color:#2563eb;
}

.about-intro-content{
    max-width:800px;
}

.about-intro-content h2,
.about-heading h2{
    margin:0;
    font-size:clamp(34px,4vw,52px);
    line-height:1.08;
    letter-spacing:-.04em;
    color:#101828;
}

.about-intro-content h2 span,
.about-heading h2 span{
    color:#2563eb;
}

.about-intro-content p{
    max-width:760px;
    margin:24px 0 0;
    color:#667085;
    font-size:17px;
    line-height:1.8;
}


/* =========================================================
   OFFER
========================================================= */

.about-offer{
    padding:105px 0 115px;
    background:#f8fafc;
}

.about-heading{
    max-width:780px;
    margin-bottom:48px;
}

.about-heading>p{
    max-width:680px;
    margin:22px 0 0;
    color:#667085;
    font-size:16px;
    line-height:1.75;
}

.about-offer-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
}

.about-offer-card{
    position:relative;
    overflow:hidden;
    padding:38px;
    min-height:440px;
    border:1px solid #eaecf0;
    border-radius:22px;
    background:#fff;
    box-shadow:0 12px 35px rgba(16,24,40,.05);
    transition:.3s ease;
}

.about-offer-card:hover{
    transform:translateY(-5px);
    box-shadow:0 22px 50px rgba(16,24,40,.09);
}

.about-offer-card::after{
    content:"";
    position:absolute;
    right:-90px;
    top:-90px;
    width:220px;
    height:220px;
    border-radius:50%;
    opacity:.10;
}

.about-offer-blue::after{
    background:#2563eb;
}

.about-offer-purple::after{
    background:#7c3aed;
}

.about-offer-number{
    position:absolute;
    top:28px;
    right:30px;
    font-size:11px;
    font-weight:800;
    color:#98a2b3;
}

.about-offer-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:52px;
    height:52px;
    margin-bottom:28px;
    border-radius:15px;
    background:#eff6ff;
    color:#2563eb;
    font-size:22px;
}

.about-offer-purple .about-offer-icon{
    background:#f5f3ff;
    color:#7c3aed;
}

.about-offer-card h3{
    margin:0;
    font-size:27px;
    letter-spacing:-.025em;
}

.about-offer-card>p{
    max-width:470px;
    margin:14px 0 22px;
    color:#667085;
    line-height:1.7;
}

.about-offer-card ul{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
    padding:0;
    margin:0 0 28px;
    list-style:none;
}

.about-offer-card li{
    position:relative;
    padding-left:18px;
    color:#475467;
    font-size:13px;
}

.about-offer-card li::before{
    content:"✓";
    position:absolute;
    left:0;
    color:#2563eb;
    font-weight:800;
}

.about-offer-purple li::before{
    color:#7c3aed;
}

.about-offer-card>a{
    color:#101828;
    text-decoration:none;
    font-size:13px;
    font-weight:800;
}

.about-offer-card>a:hover{
    color:#2563eb;
}


/* =========================================================
   TECHNOLOGY
========================================================= */

.about-tech{
    padding:105px 0;
}

.about-tech-box{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:55px;
    align-items:center;
    padding:65px;
    overflow:hidden;
    border-radius:26px;
    background:#101828;
}

.about-tech-content .about-kicker{
    color:#60a5fa;
}

.about-tech-content .about-kicker::before{
    background:#60a5fa;
}

.about-tech-content h2{
    max-width:500px;
    margin:0;
    color:#fff;
    font-size:clamp(36px,4vw,52px);
    line-height:1.08;
    letter-spacing:-.04em;
}

.about-tech-content h2 span{
    display:block;
    color:#60a5fa;
}

.about-tech-content p{
    max-width:540px;
    margin:22px 0 0;
    color:#98a2b3;
    line-height:1.8;
}

.about-tech-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:28px;
}

.about-tech-tags span{
    padding:9px 12px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:8px;
    color:#d0d5dd;
    background:rgba(255,255,255,.04);
    font-size:11px;
}

.about-code-window{
    overflow:hidden;
    border:1px solid rgba(255,255,255,.09);
    border-radius:17px;
    background:#080d18;
    box-shadow:0 25px 60px rgba(0,0,0,.22);
}

.about-code-top{
    display:flex;
    gap:7px;
    padding:14px 16px;
    border-bottom:1px solid rgba(255,255,255,.07);
}

.about-code-top i{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#475467;
}

.about-code-body{
    display:flex;
    flex-direction:column;
    gap:16px;
    padding:42px 38px;
    font-family:monospace;
}

.about-code-body>span{
    color:#64748b;
    font-size:11px;
}

.about-code-body strong{
    color:#fff;
    font-size:24px;
}

.about-code-body small{
    color:#60a5fa;
    font-size:11px;
}


/* =========================================================
   PROCESS
========================================================= */

.about-process{
    padding:105px 0;
    background:#f8fafc;
}

.about-heading-center{
    max-width:700px;
    margin:0 auto 55px;
    text-align:center;
}

.about-heading-center .about-kicker{
    justify-content:center;
}

.about-process-grid{
    display:grid;
    grid-template-columns:1fr 55px 1fr 55px 1fr;
    align-items:center;
}

.about-process-step{
    padding:30px;
    border:1px solid #eaecf0;
    border-radius:18px;
    background:#fff;
}

.about-process-step>span{
    color:#2563eb;
    font-size:11px;
    font-weight:800;
}

.about-process-step h3{
    margin:18px 0 9px;
    font-size:21px;
}

.about-process-step p{
    margin:0;
    color:#667085;
    font-size:14px;
    line-height:1.7;
}

.about-process-line{
    height:1px;
    background:#d0d5dd;
}


/* =========================================================
   VALUES
========================================================= */

.about-values{
    padding:110px 0;
}

.about-values-grid{
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:100px;
}

.about-values-grid h2{
    margin:0;
    font-size:clamp(34px,4vw,50px);
    line-height:1.08;
    letter-spacing:-.04em;
}

.about-values-grid h2 span{
    display:block;
    color:#2563eb;
}

.about-value-list{
    display:grid;
    gap:0;
}

.about-value{
    display:grid;
    grid-template-columns:48px 1fr;
    gap:20px;
    padding:28px 0;
    border-top:1px solid #eaecf0;
}

.about-value:last-child{
    border-bottom:1px solid #eaecf0;
}

.about-value>strong{
    color:#2563eb;
    font-size:11px;
}

.about-value h3{
    margin:0;
    font-size:19px;
}

.about-value p{
    max-width:600px;
    margin:8px 0 0;
    color:#667085;
    font-size:14px;
    line-height:1.7;
}


/* =========================================================
   FINAL CTA
========================================================= */

.about-final-cta{
    padding:0 0 110px;
}

.about-final-box{
    position:relative;
    overflow:hidden;
    padding:75px 60px;
    text-align:center;
    border-radius:28px;
    background:#2563eb;
    box-shadow:0 25px 60px rgba(37,99,235,.18);
}

.about-final-box::before,
.about-final-box::after{
    content:"";
    position:absolute;
    border:1px solid rgba(255,255,255,.13);
    border-radius:50%;
}

.about-final-box::before{
    width:420px;
    height:420px;
    left:-210px;
    top:-220px;
}

.about-final-box::after{
    width:330px;
    height:330px;
    right:-170px;
    bottom:-180px;
}

.about-final-box>*{
    position:relative;
    z-index:2;
}

.about-final-box .about-kicker{
    color:#bfdbfe;
    justify-content:center;
}

.about-final-box .about-kicker::before{
    background:#bfdbfe;
}

.about-final-box h2{
    max-width:780px;
    margin:0 auto;
    color:#fff;
    font-size:clamp(35px,4vw,54px);
    line-height:1.08;
    letter-spacing:-.04em;
}

.about-final-box h2 span{
    display:block;
    color:#dbeafe;
}

.about-final-box>p{
    max-width:620px;
    margin:20px auto 0;
    color:#dbeafe;
    line-height:1.75;
}

.about-final-actions{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:30px;
}

.about-final-primary,
.about-final-secondary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:50px;
    padding:0 22px;
    border-radius:11px;
    text-decoration:none;
    font-size:13px;
    font-weight:800;
    transition:.25s ease;
}

.about-final-primary{
    color:#2563eb;
    background:#fff;
}

.about-final-primary:hover{
    transform:translateY(-2px);
    color:#1d4ed8;
}

.about-final-secondary{
    color:#fff;
    border:1px solid rgba(255,255,255,.28);
    background:rgba(255,255,255,.08);
}

.about-final-secondary:hover{
    transform:translateY(-2px);
    background:rgba(255,255,255,.14);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width:900px){

    .about-hero{
        padding:75px 0 80px;
    }

    .about-hero .about-container{
        grid-template-columns:1fr;
        gap:55px;
    }

    .about-hero-visual{
        max-width:650px;
        width:100%;
        margin:0 auto;
    }

    .about-intro-grid{
        grid-template-columns:1fr;
        gap:25px;
    }

    .about-offer-grid{
        grid-template-columns:1fr;
    }

    .about-tech-box{
        grid-template-columns:1fr;
        padding:45px;
    }

    .about-process-grid{
        grid-template-columns:1fr;
        gap:14px;
    }

    .about-process-line{
        width:1px;
        height:22px;
        margin:auto;
    }

    .about-values-grid{
        grid-template-columns:1fr;
        gap:50px;
    }

}


@media (max-width:600px){

    .about-container{
        width:min(100% - 28px,1180px);
    }

    .about-hero{
        padding:58px 0 65px;
    }

    .about-hero h1{
        font-size:39px;
        letter-spacing:-.04em;
    }

    .about-hero-content>p{
        font-size:15px;
        line-height:1.7;
    }

    .about-hero-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .about-btn{
        width:100%;
    }

    .about-visual-card{
        min-height:390px;
        transform:none;
        border-radius:19px;
    }

    .about-visual-body{
        padding:40px 25px 30px;
    }

    .about-visual-body h2{
        margin-bottom:30px;
        font-size:31px;
    }

    .about-intro,
    .about-offer,
    .about-tech,
    .about-process,
    .about-values{
        padding:70px 0;
    }

    .about-intro-content h2,
    .about-heading h2,
    .about-values-grid h2{
        font-size:34px;
    }

    .about-offer-card{
        padding:27px 23px;
        min-height:auto;
    }

    .about-offer-card ul{
        grid-template-columns:1fr;
    }

    .about-tech-box{
        padding:30px 23px;
        border-radius:20px;
    }

    .about-tech-content h2{
        font-size:35px;
    }

    .about-code-body{
        padding:30px 23px;
    }

    .about-code-body strong{
        font-size:19px;
    }

    .about-process-step{
        padding:25px 22px;
    }

    .about-final-cta{
        padding-bottom:70px;
    }

    .about-final-box{
        padding:55px 22px;
        border-radius:22px;
    }

    .about-final-box h2{
        font-size:34px;
    }

    .about-final-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .about-final-primary,
    .about-final-secondary{
        width:100%;
    }

}



/* =========================================================
   ALLWAY MARKET — LEARN PAGE
========================================================= */

.learn-page{
    background:#fff;
    color:#111827;
}

.learn-container{
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
}


/* =========================================================
   HERO
========================================================= */

.learn-hero{
    position:relative;
    overflow:hidden;
    padding:105px 0 115px;
    background:
        radial-gradient(circle at 80% 25%,rgba(37,99,235,.10),transparent 32%),
        linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
}

.learn-container{
    position:relative;
}

.learn-hero .learn-container{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(430px,.9fr);
    align-items:center;
    gap:75px;
}

.learn-kicker{
    display:inline-flex;
    align-items:center;
    gap:9px;
    font-size:11px;
    font-weight:800;
    letter-spacing:.16em;
    color:#2563eb;
}

.learn-kicker::before{
    content:"";
    width:24px;
    height:2px;
    background:currentColor;
    border-radius:10px;
}

.learn-hero h1{
    max-width:650px;
    margin:20px 0 22px;
    font-size:clamp(48px,5.5vw,76px);
    line-height:1.02;
    letter-spacing:-.055em;
    font-weight:850;
}

.learn-hero h1 span,
.learn-section-heading h2 span,
.learn-process-heading h2 span,
.learn-final-box h2 span{
    color:#2563eb;
}

.learn-hero-content > p{
    max-width:610px;
    margin:0;
    font-size:18px;
    line-height:1.75;
    color:#64748b;
}

.learn-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:13px;
    margin-top:34px;
}

.learn-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 23px;
    border-radius:13px;
    text-decoration:none;
    font-size:14px;
    font-weight:750;
    transition:.25s ease;
}

.learn-btn-primary{
    color:#fff;
    background:#111827;
    box-shadow:0 12px 28px rgba(15,23,42,.15);
}

.learn-btn-primary:hover{
    color:#fff;
    transform:translateY(-2px);
    background:#2563eb;
}

.learn-btn-secondary{
    color:#111827;
    background:#fff;
    border:1px solid #e2e8f0;
}

.learn-btn-secondary:hover{
    color:#2563eb;
    border-color:#bfdbfe;
    transform:translateY(-2px);
}


/* =========================================================
   HERO VISUAL
========================================================= */

.learn-hero-visual{
    position:relative;
    min-height:470px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.learn-dashboard{
    position:relative;
    width:min(100%,480px);
    overflow:hidden;
    border:1px solid #e2e8f0;
    border-radius:22px;
    background:#fff;
    box-shadow:
        0 35px 80px rgba(15,23,42,.13),
        0 8px 25px rgba(15,23,42,.06);
}

.learn-dashboard-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:16px 19px;
    border-bottom:1px solid #eef2f7;
}

.learn-dots{
    display:flex;
    gap:6px;
}

.learn-dots span{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#cbd5e1;
}

.learn-dashboard-top small{
    font-size:9px;
    font-weight:800;
    letter-spacing:.12em;
    color:#94a3b8;
}

.learn-dashboard-body{
    padding:38px;
}

.learn-dashboard-label{
    font-size:9px;
    font-weight:800;
    letter-spacing:.13em;
    color:#2563eb;
}

.learn-dashboard-body h3{
    margin:12px 0 34px;
    font-size:30px;
    line-height:1.12;
    letter-spacing:-.035em;
}

.learn-dashboard-body h3 span{
    display:block;
    color:#2563eb;
}

.learn-progress{
    padding:18px;
    border:1px solid #edf2f7;
    border-radius:15px;
    background:#f8fafc;
}

.learn-progress-top{
    display:flex;
    justify-content:space-between;
    gap:15px;
    margin-bottom:12px;
    font-size:11px;
    font-weight:700;
}

.learn-progress-top strong{
    color:#2563eb;
}

.learn-progress-bar{
    height:7px;
    overflow:hidden;
    border-radius:20px;
    background:#e2e8f0;
}

.learn-progress-bar span{
    display:block;
    height:100%;
    border-radius:inherit;
    background:#2563eb;
}

.learn-mini-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin-top:14px;
}

.learn-mini-grid > div{
    padding:17px 12px;
    border:1px solid #edf2f7;
    border-radius:14px;
    background:#fff;
}

.learn-mini-grid strong{
    display:block;
    font-size:21px;
    letter-spacing:-.03em;
}

.learn-mini-grid small{
    display:block;
    margin-top:4px;
    color:#94a3b8;
    font-size:10px;
    font-weight:700;
}

.learn-floating{
    position:absolute;
    z-index:2;
    display:flex;
    align-items:center;
    gap:11px;
    padding:13px 16px;
    border:1px solid #e2e8f0;
    border-radius:14px;
    background:#fff;
    box-shadow:0 18px 40px rgba(15,23,42,.12);
}

.learn-floating strong{
    display:grid;
    place-items:center;
    width:32px;
    height:32px;
    border-radius:10px;
    color:#fff;
    background:#2563eb;
}

.learn-floating small{
    display:block;
    margin-bottom:2px;
    color:#94a3b8;
    font-size:8px;
    font-weight:800;
    letter-spacing:.1em;
}

.learn-floating span{
    display:block;
    font-size:11px;
    font-weight:750;
}

.learn-floating-one{
    top:45px;
    left:-25px;
}

.learn-floating-two{
    right:-18px;
    bottom:48px;
}

.learn-floating-two strong{
    background:#7c3aed;
}


/* =========================================================
   SECTION HEADINGS
========================================================= */

.learn-categories,
.learn-featured{
    padding:105px 0;
}

.learn-categories{
    background:#fff;
}

.learn-featured{
    background:#f8fafc;
}

.learn-section-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:50px;
    margin-bottom:45px;
}

.learn-section-heading h2,
.learn-process-heading h2,
.learn-final-box h2{
    max-width:680px;
    margin:14px 0 0;
    font-size:clamp(34px,4vw,52px);
    line-height:1.08;
    letter-spacing:-.045em;
}

.learn-section-heading > p{
    max-width:400px;
    margin:0;
    color:#64748b;
    font-size:15px;
    line-height:1.75;
}


/* =========================================================
   CATEGORIES
========================================================= */

.learn-category-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.learn-category{
    position:relative;
    display:grid;
    grid-template-columns:58px 1fr 30px;
    gap:20px;
    align-items:start;
    min-height:185px;
    padding:29px;
    overflow:hidden;
    border:1px solid #e5e7eb;
    border-radius:19px;
    color:#111827;
    text-decoration:none;
    background:#fff;
    transition:.25s ease;
}

.learn-category:hover{
    color:#111827;
    transform:translateY(-4px);
    box-shadow:0 20px 45px rgba(15,23,42,.08);
}

.learn-category::after{
    content:"";
    position:absolute;
    right:-50px;
    bottom:-65px;
    width:150px;
    height:150px;
    border-radius:50%;
    background:rgba(37,99,235,.06);
}

.learn-category-purple::after{
    background:rgba(124,58,237,.07);
}

.learn-category-cyan::after{
    background:rgba(6,182,212,.07);
}

.learn-category-orange::after{
    background:rgba(249,115,22,.08);
}

.learn-category-icon{
    position:relative;
    z-index:1;
    display:grid;
    place-items:center;
    width:58px;
    height:58px;
    border-radius:16px;
    color:#fff;
    background:#2563eb;
    font-size:17px;
    font-weight:850;
}

.learn-category-purple .learn-category-icon{
    background:#7c3aed;
}

.learn-category-cyan .learn-category-icon{
    background:#0891b2;
}

.learn-category-orange .learn-category-icon{
    background:#ea580c;
}

.learn-category div:nth-child(2){
    position:relative;
    z-index:1;
}

.learn-category div:nth-child(2) > span{
    font-size:10px;
    font-weight:800;
    color:#94a3b8;
}

.learn-category h3{
    margin:7px 0 9px;
    font-size:21px;
    letter-spacing:-.025em;
}

.learn-category p{
    max-width:420px;
    margin:0;
    color:#64748b;
    font-size:13px;
    line-height:1.65;
}

.learn-category > strong{
    position:relative;
    z-index:1;
    font-size:20px;
    transition:.25s ease;
}

.learn-category:hover > strong{
    transform:translateX(5px);
    color:#2563eb;
}


/* =========================================================
   FEATURED ARTICLES
========================================================= */

.learn-featured-grid{
    display:grid;
    grid-template-columns:1.35fr 1fr 1fr;
    gap:18px;
}

.learn-article{
    position:relative;
    min-height:360px;
    padding:30px;
    border:1px solid #e2e8f0;
    border-radius:19px;
    background:#fff;
    transition:.25s ease;
}

.learn-article:hover{
    transform:translateY(-4px);
    box-shadow:0 22px 50px rgba(15,23,42,.08);
}

.learn-article-large{
    background:#111827;
    color:#fff;
    border-color:#111827;
}

.learn-article-number{
    font-size:11px;
    font-weight:800;
    color:#94a3b8;
}

.learn-article-large .learn-article-number{
    color:#64748b;
}

.learn-article-type{
    display:block;
    margin-top:65px;
    font-size:9px;
    font-weight:850;
    letter-spacing:.14em;
    color:#2563eb;
}

.learn-article h3{
    max-width:400px;
    margin:12px 0 15px;
    font-size:24px;
    line-height:1.18;
    letter-spacing:-.035em;
}

.learn-article p{
    margin:0;
    color:#64748b;
    font-size:13px;
    line-height:1.7;
}

.learn-article-large p{
    color:#94a3b8;
}

.learn-article a{
    position:absolute;
    left:30px;
    bottom:30px;
    color:#2563eb;
    font-size:12px;
    font-weight:800;
    text-decoration:none;
}

.learn-article-large a{
    color:#fff;
}


/* =========================================================
   PROCESS
========================================================= */

.learn-process{
    padding:105px 0;
    background:#fff;
}

.learn-process-box{
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:80px;
    align-items:center;
    padding:55px;
    border-radius:25px;
    background:#f8fafc;
    border:1px solid #e5e7eb;
}

.learn-process-heading p{
    max-width:470px;
    margin:22px 0 0;
    color:#64748b;
    font-size:14px;
    line-height:1.8;
}

.learn-steps{
    display:grid;
    gap:13px;
}

.learn-step{
    display:grid;
    grid-template-columns:45px 1fr;
    gap:18px;
    align-items:start;
    padding:20px;
    border:1px solid #e5e7eb;
    border-radius:15px;
    background:#fff;
}

.learn-step > span{
    font-size:11px;
    font-weight:850;
    color:#2563eb;
}

.learn-step h3{
    margin:0 0 5px;
    font-size:16px;
}

.learn-step p{
    margin:0;
    color:#64748b;
    font-size:12px;
    line-height:1.6;
}


/* =========================================================
   FINAL CTA
========================================================= */

.learn-final-cta{
    padding:0 0 105px;
    background:#fff;
}

.learn-final-box{
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
    padding:65px;
    border-radius:25px;
    background:#111827;
    color:#fff;
}

.learn-final-box::after{
    content:"";
    position:absolute;
    right:-100px;
    top:-130px;
    width:350px;
    height:350px;
    border-radius:50%;
    background:rgba(37,99,235,.22);
}

.learn-final-box > div{
    position:relative;
    z-index:1;
}

.learn-final-box h2{
    max-width:720px;
}

.learn-final-box p{
    max-width:620px;
    margin:18px 0 0;
    color:#94a3b8;
    font-size:14px;
    line-height:1.75;
}

.learn-final-actions{
    display:flex;
    flex-wrap:wrap;
    gap:11px;
    min-width:max-content;
}

.learn-final-box .learn-btn-secondary{
    color:#fff;
    background:transparent;
    border-color:#334155;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width:980px){

    .learn-hero .learn-container{
        grid-template-columns:1fr;
        gap:55px;
    }

    .learn-hero-content{
        max-width:720px;
    }

    .learn-hero-visual{
        min-height:430px;
    }

    .learn-featured-grid{
        grid-template-columns:1fr 1fr;
    }

    .learn-article-large{
        grid-column:1 / -1;
        min-height:320px;
    }

    .learn-process-box{
        grid-template-columns:1fr;
        gap:45px;
    }

    .learn-final-box{
        flex-direction:column;
        align-items:flex-start;
    }

}

@media (max-width:700px){

    .learn-container{
        width:min(100% - 28px,1180px);
    }

    .learn-hero{
        padding:70px 0 75px;
    }

    .learn-hero h1{
        margin-top:16px;
        font-size:clamp(42px,12vw,58px);
    }

    .learn-hero-content > p{
        font-size:15px;
        line-height:1.65;
    }

    .learn-hero-actions{
        gap:9px;
    }

    .learn-btn{
        min-height:48px;
        padding:0 17px;
        font-size:12px;
    }

    .learn-hero-visual{
        min-height:350px;
    }

    .learn-dashboard{
        width:100%;
    }

    .learn-dashboard-body{
        padding:25px;
    }

    .learn-dashboard-body h3{
        margin-bottom:25px;
        font-size:25px;
    }

    .learn-floating{
        display:none;
    }

    .learn-categories,
    .learn-featured,
    .learn-process{
        padding:75px 0;
    }

    .learn-section-heading{
        display:block;
        margin-bottom:30px;
    }

    .learn-section-heading > p{
        margin-top:17px;
        font-size:13px;
    }

    .learn-section-heading h2,
    .learn-process-heading h2,
    .learn-final-box h2{
        font-size:34px;
    }

    .learn-category-grid{
        grid-template-columns:1fr;
    }

    .learn-category{
        grid-template-columns:48px 1fr 20px;
        gap:14px;
        min-height:auto;
        padding:22px;
    }

    .learn-category-icon{
        width:48px;
        height:48px;
        border-radius:13px;
    }

    .learn-category h3{
        font-size:18px;
    }

    .learn-category p{
        font-size:12px;
    }

    .learn-featured-grid{
        grid-template-columns:1fr;
    }

    .learn-article-large{
        grid-column:auto;
    }

    .learn-article{
        min-height:320px;
    }

    .learn-process-box{
        padding:28px 22px;
        border-radius:20px;
    }

    .learn-final-cta{
        padding-bottom:75px;
    }

    .learn-final-box{
        padding:35px 24px;
        border-radius:20px;
    }

    .learn-final-actions{
        width:100%;
        min-width:0;
        flex-direction:column;
    }

    .learn-final-actions .learn-btn{
        width:100%;
    }

}

@media (max-width:420px){

    .learn-mini-grid{
        gap:6px;
    }

    .learn-mini-grid > div{
        padding:13px 8px;
    }

    .learn-mini-grid strong{
        font-size:17px;
    }

    .learn-mini-grid small{
        font-size:9px;
    }

    .learn-category{
        grid-template-columns:42px 1fr 15px;
        padding:18px;
    }

    .learn-category-icon{
        width:42px;
        height:42px;
        font-size:13px;
    }

    .learn-category h3{
        font-size:16px;
    }

}

/* =========================================================
   ALLWAY MARKET — PREMIUM CATEGORY PAGES
========================================================= */

.premium-category-page{
    background:#f8fafc;
    color:#0f172a;
    overflow:hidden;
}

.premium-category-container{
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
}

/* HERO */

.premium-category-hero{
    position:relative;
    padding:38px 0 90px;
    background:
        radial-gradient(circle at 80% 20%,rgba(37,99,235,.12),transparent 34%),
        radial-gradient(circle at 20% 70%,rgba(124,58,237,.07),transparent 30%),
        #f8fafc;
}

.premium-category-glow{
    position:absolute;
    width:420px;
    height:420px;
    right:-180px;
    top:100px;
    border-radius:50%;
    background:rgba(37,99,235,.08);
    filter:blur(70px);
    pointer-events:none;
}

.premium-category-breadcrumb{
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:58px;
    font-size:13px;
    color:#64748b;
}

.premium-category-breadcrumb a{
    color:#64748b;
    text-decoration:none;
    transition:.2s ease;
}

.premium-category-breadcrumb a:hover{
    color:#2563eb;
}

.premium-category-breadcrumb strong{
    color:#0f172a;
    font-weight:600;
}

.premium-category-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);
    gap:70px;
    align-items:center;
}

.premium-category-hero-content{
    max-width:650px;
}

.premium-category-icon{
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    background:#fff;
    box-shadow:0 14px 40px rgba(15,23,42,.09);
    font-size:24px;
    font-weight:800;
    margin-bottom:24px;
}

.premium-category-eyebrow,
.premium-section-kicker{
    display:block;
    font-size:12px;
    letter-spacing:.16em;
    font-weight:800;
    color:#2563eb;
}

.premium-category-hero h1{
    margin:14px 0 22px;
    max-width:680px;
    font-size:clamp(42px,5vw,68px);
    line-height:1.02;
    letter-spacing:-.045em;
    font-weight:800;
}

.premium-category-hero h1 span{
    display:block;
    color:#2563eb;
}

.premium-category-hero p{
    max-width:610px;
    margin:0;
    font-size:18px;
    line-height:1.75;
    color:#64748b;
}

.premium-category-stats{
    display:flex;
    gap:0;
    margin-top:38px;
}

.premium-category-stats div{
    min-width:120px;
    padding-right:28px;
    margin-right:28px;
    border-right:1px solid #dbe3ef;
}

.premium-category-stats div:last-child{
    border-right:0;
    margin-right:0;
}

.premium-category-stats strong{
    display:block;
    font-size:22px;
    line-height:1.2;
    color:#0f172a;
}

.premium-category-stats span{
    display:block;
    margin-top:5px;
    font-size:12px;
    color:#64748b;
}

/* HERO VISUAL */

.premium-category-hero-card{
    position:relative;
    min-height:440px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.category-visual-window{
    width:100%;
    border:1px solid rgba(148,163,184,.25);
    border-radius:24px;
    background:#fff;
    overflow:hidden;
    box-shadow:0 30px 80px rgba(15,23,42,.14);
    transform:rotate(1deg);
}

.category-window-top{
    height:48px;
    display:flex;
    align-items:center;
    gap:7px;
    padding:0 18px;
    border-bottom:1px solid #e8edf4;
    background:#f8fafc;
}

.category-window-top i{
    width:8px;
    height:8px;
    display:block;
    border-radius:50%;
    background:#cbd5e1;
}

.category-window-top span{
    margin-left:auto;
    font-size:9px;
    font-weight:800;
    letter-spacing:.12em;
    color:#94a3b8;
}

.category-window-body{
    min-height:340px;
    padding:48px 42px;
    background:
        linear-gradient(145deg,#fff,#f8fbff);
}

.category-window-body small{
    display:block;
    margin-bottom:15px;
    font-size:10px;
    letter-spacing:.14em;
    font-weight:800;
    color:#2563eb;
}

.category-window-body strong{
    display:block;
    max-width:350px;
    font-size:34px;
    line-height:1.12;
    letter-spacing:-.035em;
}

.category-window-body strong span{
    display:block;
    color:#2563eb;
}

.category-visual-lines{
    display:flex;
    flex-direction:column;
    gap:9px;
    margin-top:30px;
}

.category-visual-lines span{
    height:8px;
    display:block;
    border-radius:10px;
    background:#e8eef7;
}

.category-visual-lines span:first-child{
    width:90%;
}

.category-visual-lines span:nth-child(2){
    width:72%;
}

.category-visual-lines span:nth-child(3){
    width:52%;
}

.category-visual-bottom{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    margin-top:34px;
}

.category-visual-bottom b{
    height:52px;
    border-radius:12px;
    background:#eef4ff;
}

.category-floating-card{
    position:absolute;
    z-index:3;
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 18px;
    background:rgba(255,255,255,.96);
    border:1px solid rgba(226,232,240,.9);
    border-radius:16px;
    box-shadow:0 18px 45px rgba(15,23,42,.13);
}

.category-floating-card > span{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:#eff6ff;
    color:#2563eb;
    font-weight:800;
}

.category-floating-card small{
    display:block;
    font-size:8px;
    letter-spacing:.1em;
    font-weight:800;
    color:#94a3b8;
}

.category-floating-card strong{
    display:block;
    margin-top:3px;
    font-size:12px;
}

.category-floating-top{
    top:35px;
    right:-18px;
}

.category-floating-bottom{
    bottom:28px;
    left:-25px;
}

/* PRODUCTS */

.premium-category-products{
    padding:95px 0 105px;
    background:#fff;
}

.premium-category-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:40px;
    margin-bottom:42px;
}

.premium-category-heading h2{
    margin:12px 0 0;
    font-size:42px;
    line-height:1.08;
    letter-spacing:-.04em;
}

.premium-category-heading h2 span{
    color:#2563eb;
}

.premium-category-all-link{
    flex-shrink:0;
    padding:13px 18px;
    border:1px solid #dbe3ef;
    border-radius:12px;
    color:#0f172a;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
    transition:.2s ease;
}

.premium-category-all-link:hover{
    border-color:#2563eb;
    color:#2563eb;
    transform:translateY(-2px);
}

.premium-category-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
}

.premium-product-card{
    overflow:hidden;
    border:1px solid #e5eaf1;
    border-radius:20px;
    background:#fff;
    box-shadow:0 10px 30px rgba(15,23,42,.045);
    transition:.25s ease;
}

.premium-product-card:hover{
    transform:translateY(-6px);
    border-color:#d4dce8;
    box-shadow:0 22px 50px rgba(15,23,42,.1);
}

.premium-product-image{
    position:relative;
    display:block;
    aspect-ratio:16/10;
    overflow:hidden;
    background:#f1f5f9;
    text-decoration:none;
}

.premium-product-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:.35s ease;
}

.premium-product-card:hover .premium-product-image img{
    transform:scale(1.035);
}

.premium-product-placeholder{
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background:
        radial-gradient(circle at 30% 20%,rgba(37,99,235,.18),transparent 35%),
        linear-gradient(145deg,#f8fbff,#eef4ff);
}

.premium-product-placeholder > span{
    font-size:32px;
    font-weight:800;
    color:#2563eb;
}

.premium-product-placeholder small{
    margin-top:12px;
    font-size:9px;
    letter-spacing:.15em;
    font-weight:800;
    color:#64748b;
}

.premium-product-placeholder strong{
    margin-top:7px;
    font-size:17px;
    color:#0f172a;
}

.premium-product-overlay{
    position:absolute;
    left:14px;
    right:14px;
    bottom:14px;
    padding:11px 14px;
    border-radius:10px;
    background:rgba(15,23,42,.9);
    color:#fff;
    text-align:center;
    font-size:12px;
    font-weight:700;
    opacity:0;
    transform:translateY(8px);
    transition:.25s ease;
}

.premium-product-card:hover .premium-product-overlay{
    opacity:1;
    transform:translateY(0);
}

.premium-product-body{
    padding:23px;
}

.premium-product-category{
    display:inline-block;
    margin-bottom:9px;
    font-size:10px;
    letter-spacing:.11em;
    text-transform:uppercase;
    font-weight:800;
    color:#2563eb;
}

.premium-product-body h3{
    margin:0;
    font-size:21px;
    line-height:1.25;
    letter-spacing:-.025em;
}

.premium-product-body h3 a{
    color:#0f172a;
    text-decoration:none;
}

.premium-product-body h3 a:hover{
    color:#2563eb;
}

.premium-product-body p{
    min-height:48px;
    margin:11px 0 21px;
    color:#64748b;
    font-size:13px;
    line-height:1.65;
}

.premium-product-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding-top:17px;
    border-top:1px solid #edf1f5;
}

.premium-product-price{
    font-size:21px;
    font-weight:800;
    color:#0f172a;
}

.premium-product-price span{
    font-size:12px;
    color:#64748b;
}

.premium-product-button{
    padding:10px 13px;
    border-radius:10px;
    background:#0f172a;
    color:#fff;
    font-size:11px;
    font-weight:700;
    text-decoration:none;
    transition:.2s ease;
}

.premium-product-button:hover{
    background:#2563eb;
    color:#fff;
}

/* EMPTY */

.premium-category-empty{
    max-width:760px;
    margin:15px auto 0;
    padding:70px 35px;
    text-align:center;
    border:1px solid #e5eaf1;
    border-radius:24px;
    background:
        radial-gradient(circle at 50% 0,rgba(37,99,235,.08),transparent 45%),
        #fbfdff;
}

.premium-empty-icon{
    width:62px;
    height:62px;
    margin:0 auto 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    background:#eff6ff;
    color:#2563eb;
    font-size:25px;
    font-weight:800;
}

.premium-category-empty > span{
    font-size:10px;
    letter-spacing:.16em;
    font-weight:800;
    color:#2563eb;
}

.premium-category-empty h2{
    margin:13px 0;
    font-size:32px;
    letter-spacing:-.03em;
}

.premium-category-empty p{
    max-width:560px;
    margin:0 auto 25px;
    color:#64748b;
    line-height:1.7;
}

.premium-empty-button{
    display:inline-flex;
    padding:13px 18px;
    border-radius:11px;
    background:#0f172a;
    color:#fff;
    text-decoration:none;
    font-size:12px;
    font-weight:700;
}

/* TRUST */

.premium-category-trust{
    padding:70px 0;
    background:#f8fafc;
    border-top:1px solid #edf1f5;
    border-bottom:1px solid #edf1f5;
}

.premium-category-trust-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.premium-trust-item{
    display:flex;
    gap:16px;
}

.premium-trust-item > span{
    flex-shrink:0;
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:#fff;
    color:#2563eb;
    font-weight:800;
    box-shadow:0 8px 25px rgba(15,23,42,.06);
}

.premium-trust-item strong{
    display:block;
    font-size:14px;
}

.premium-trust-item p{
    margin:6px 0 0;
    color:#64748b;
    font-size:12px;
    line-height:1.6;
}

/* CTA */

.premium-category-cta{
    padding:80px 0;
    background:#fff;
}

.premium-category-cta-box{
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    padding:55px 60px;
    border-radius:26px;
    background:
        radial-gradient(circle at 90% 20%,rgba(59,130,246,.2),transparent 30%),
        linear-gradient(135deg,#0f172a,#172554);
    color:#fff;
}

.premium-category-cta-box > div{
    max-width:650px;
}

.premium-category-cta-box > div > span{
    font-size:10px;
    letter-spacing:.16em;
    font-weight:800;
    color:#93c5fd;
}

.premium-category-cta-box h2{
    margin:12px 0;
    font-size:39px;
    line-height:1.1;
    letter-spacing:-.035em;
}

.premium-category-cta-box h2 strong{
    display:block;
    color:#60a5fa;
}

.premium-category-cta-box p{
    margin:0;
    color:#cbd5e1;
    line-height:1.7;
}

.premium-category-cta-box > a{
    flex-shrink:0;
    padding:14px 20px;
    border-radius:12px;
    background:#fff;
    color:#0f172a;
    font-size:12px;
    font-weight:800;
    text-decoration:none;
    transition:.2s ease;
}

.premium-category-cta-box > a:hover{
    transform:translateY(-2px);
    background:#eff6ff;
}

/* ACCENTS */

.premium-accent-blue{
    color:#2563eb;
}

.premium-accent-purple{
    color:#7c3aed;
}

.premium-accent-cyan{
    color:#0891b2;
}

.premium-accent-orange{
    color:#ea580c;
}

.premium-accent-green{
    color:#16a34a;
}

/* RESPONSIVE */

@media (max-width:980px){

    .premium-category-hero-grid{
        grid-template-columns:1fr;
        gap:55px;
    }

    .premium-category-hero-content{
        max-width:760px;
    }

    .premium-category-hero-card{
        max-width:650px;
        width:100%;
        margin:0 auto;
    }

    .premium-category-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .premium-category-trust-grid{
        grid-template-columns:1fr;
        gap:24px;
    }

}

@media (max-width:700px){

    .premium-category-container{
        width:min(100% - 28px,1180px);
    }

    .premium-category-hero{
        padding:25px 0 65px;
    }

    .premium-category-breadcrumb{
        margin-bottom:38px;
        font-size:11px;
        flex-wrap:wrap;
    }

    .premium-category-icon{
        width:50px;
        height:50px;
        border-radius:15px;
        margin-bottom:18px;
    }

    .premium-category-hero h1{
        margin:11px 0 17px;
        font-size:clamp(36px,11vw,50px);
    }

    .premium-category-hero p{
        font-size:15px;
        line-height:1.65;
    }

    .premium-category-stats{
        margin-top:28px;
    }

    .premium-category-stats div{
        min-width:auto;
        padding-right:16px;
        margin-right:16px;
    }

    .premium-category-stats strong{
        font-size:17px;
    }

    .premium-category-stats span{
        font-size:10px;
    }

    .premium-category-hero-card{
        min-height:330px;
    }

    .category-window-body{
        min-height:250px;
        padding:32px 25px;
    }

    .category-window-body strong{
        font-size:26px;
    }

    .category-floating-card{
        padding:10px 12px;
        gap:8px;
    }

    .category-floating-card > span{
        width:28px;
        height:28px;
        font-size:12px;
    }

    .category-floating-card small{
        font-size:7px;
    }

    .category-floating-card strong{
        font-size:10px;
    }

    .category-floating-top{
        top:18px;
        right:-3px;
    }

    .category-floating-bottom{
        bottom:8px;
        left:-3px;
    }

    .premium-category-products{
        padding:65px 0 75px;
    }

    .premium-category-heading{
        align-items:flex-start;
        flex-direction:column;
        gap:18px;
        margin-bottom:28px;
    }

    .premium-category-heading h2{
        font-size:31px;
    }

    .premium-category-all-link{
        width:100%;
        text-align:center;
    }

    .premium-category-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .premium-product-body{
        padding:20px;
    }

    .premium-product-body p{
        min-height:auto;
    }

    .premium-product-overlay{
        display:none;
    }

    .premium-category-empty{
        padding:50px 20px;
    }

    .premium-category-empty h2{
        font-size:26px;
    }

    .premium-category-cta{
        padding:55px 0;
    }

    .premium-category-cta-box{
        align-items:flex-start;
        flex-direction:column;
        padding:38px 25px;
        gap:25px;
        border-radius:20px;
    }

    .premium-category-cta-box h2{
        font-size:30px;
    }

    .premium-category-cta-box > a{
        width:100%;
        text-align:center;
    }

}

@media (max-width:430px){

    .premium-category-hero-card{
        min-height:290px;
    }

    .category-window-body{
        min-height:220px;
        padding:25px 20px;
    }

    .category-window-body strong{
        font-size:22px;
    }

    .category-visual-bottom{
        gap:7px;
        margin-top:23px;
    }

    .category-visual-bottom b{
        height:38px;
    }

    .premium-category-stats{
        width:100%;
        justify-content:space-between;
    }

    .premium-category-stats div{
        flex:1;
        padding-right:8px;
        margin-right:8px;
    }

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

}


/* =========================================================
   ALLWAY MARKET — PREMIUM SINGLE PRODUCT
========================================================= */

.premium-product-page{
    background:#f7f8fb;
    color:#111827;
}

.premium-product-container{
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
}


/* BREADCRUMB */

.premium-product-hero{
    padding:34px 0 80px;
    background:
        radial-gradient(circle at 80% 10%,rgba(37,99,235,.08),transparent 32%),
        #f7f8fb;
}

.premium-product-breadcrumb{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:34px;
    color:#7b8494;
    font-size:13px;
    font-weight:600;
}

.premium-product-breadcrumb a{
    color:#2563eb;
    text-decoration:none;
}

.premium-product-breadcrumb a:hover{
    text-decoration:underline;
}


/* MAIN PRODUCT GRID */

.premium-product-layout{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr);
    gap:70px;
    align-items:center;
}


/* PRODUCT VISUAL */

.premium-product-visual{
    min-width:0;
}

.premium-product-visual-card{
    padding:12px;
    border-radius:24px;
    background:#fff;
    border:1px solid #e6e9ef;
    box-shadow:0 25px 70px rgba(15,23,42,.12);
}

.premium-product-window{
    overflow:hidden;
    border-radius:17px;
    background:#eef1f5;
    border:1px solid #e2e5eb;
}

.premium-window-top{
    height:48px;
    display:flex;
    align-items:center;
    gap:7px;
    padding:0 16px;
    background:#fff;
    border-bottom:1px solid #e6e8ed;
}

.premium-window-top span{
    width:9px;
    height:9px;
    border-radius:50%;
    background:#d7dbe2;
}

.premium-window-top small{
    margin-left:auto;
    font-size:10px;
    letter-spacing:.14em;
    font-weight:800;
    color:#8b93a1;
}

.premium-product-preview{
    min-height:430px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        linear-gradient(135deg,#f8fafc,#eef2f7);
}

.premium-product-image{
    display:block;
    width:100%;
    height:auto;
    max-height:540px;
    object-fit:cover;
}

.premium-product-placeholder{
    width:100%;
    min-height:430px;
    padding:55px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:
        radial-gradient(circle at 75% 25%,rgba(37,99,235,.20),transparent 30%),
        linear-gradient(135deg,#111827,#1e293b);
    color:#fff;
}

.premium-placeholder-kicker{
    margin-bottom:18px;
    font-size:11px;
    letter-spacing:.18em;
    font-weight:800;
    opacity:.7;
}

.premium-product-placeholder strong{
    max-width:580px;
    font-size:42px;
    line-height:1.05;
    letter-spacing:-.035em;
}

.premium-product-placeholder small{
    margin-top:16px;
    font-size:15px;
    color:#cbd5e1;
}

.premium-placeholder-lines{
    display:flex;
    gap:7px;
    margin-top:40px;
}

.premium-placeholder-lines i{
    display:block;
    width:70px;
    height:5px;
    border-radius:10px;
    background:#fff;
    opacity:.25;
}

.premium-product-visual-note{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:16px;
    padding-left:6px;
    color:#697386;
    font-size:13px;
    font-weight:600;
}

.premium-product-visual-note span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:21px;
    height:21px;
    border-radius:50%;
    background:#e8f7ee;
    color:#15803d;
    font-size:12px;
}


/* PRODUCT CONTENT */

.premium-product-category{
    display:inline-flex;
    padding:7px 11px;
    border-radius:999px;
    background:#eaf1ff;
    color:#2563eb;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.premium-product-content h1{
    margin:18px 0 18px;
    color:#111827;
    font-size:clamp(38px,4.2vw,62px);
    line-height:.98;
    letter-spacing:-.045em;
}

.premium-product-excerpt{
    max-width:570px;
    margin:0;
    color:#667085;
    font-size:18px;
    line-height:1.7;
}

.premium-product-price-row{
    display:flex;
    align-items:flex-end;
    gap:15px;
    margin:28px 0 24px;
}

.premium-product-price{
    color:#111827;
    font-size:38px;
    line-height:1;
    font-weight:800;
    letter-spacing:-.03em;
}

.premium-product-price-row > span{
    padding-bottom:3px;
    color:#8a93a3;
    font-size:13px;
    font-weight:600;
}


/* EDD BUTTON */

.premium-product-purchase{
    margin-bottom:22px;
}

.premium-product-purchase .edd-submit,
.premium-product-purchase .edd-add-to-cart{
    width:100%;
    min-height:58px;
    border:0 !important;
    border-radius:13px !important;
    background:#2563eb !important;
    color:#fff !important;
    box-shadow:0 12px 28px rgba(37,99,235,.22);
    font-size:16px !important;
    font-weight:800 !important;
    transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}

.premium-product-purchase .edd-submit:hover,
.premium-product-purchase .edd-add-to-cart:hover{
    background:#1d4ed8 !important;
    transform:translateY(-2px);
    box-shadow:0 16px 34px rgba(37,99,235,.28);
}


/* TRUST */

.premium-product-trust{
    display:grid;
    grid-template-columns:1fr;
    gap:11px;
    padding-top:5px;
}

.premium-product-trust > div{
    display:flex;
    align-items:center;
    gap:11px;
}

.premium-product-trust > div > strong{
    display:flex;
    align-items:center;
    justify-content:center;
    width:31px;
    height:31px;
    flex:0 0 31px;
    border-radius:9px;
    background:#fff;
    border:1px solid #e7eaf0;
    color:#2563eb;
    font-size:14px;
}

.premium-product-trust b{
    display:block;
    color:#293244;
    font-size:13px;
}

.premium-product-trust span{
    color:#8992a2;
    font-size:11px;
}


/* DETAILS */

.premium-product-details{
    padding:90px 0;
    background:#fff;
    border-top:1px solid #e9ecf1;
}

.premium-product-details-grid{
    display:grid;
    grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);
    gap:80px;
    align-items:start;
}

.premium-product-section-kicker{
    display:block;
    margin-bottom:12px;
    color:#2563eb;
    font-size:11px;
    font-weight:800;
    letter-spacing:.16em;
}

.premium-product-description h2{
    max-width:650px;
    margin:0 0 30px;
    color:#111827;
    font-size:42px;
    line-height:1.08;
    letter-spacing:-.035em;
}

.premium-product-description h2 span{
    display:block;
    color:#8b93a1;
}

.premium-product-body{
    max-width:720px;
    color:#596477;
    font-size:16px;
    line-height:1.85;
}

.premium-product-body p{
    margin:0 0 20px;
}

.premium-product-body h2,
.premium-product-body h3,
.premium-product-body h4{
    color:#172033;
    line-height:1.25;
}


/* INCLUDED */

.premium-product-included{
    margin-top:55px;
    padding-top:40px;
    border-top:1px solid #e8ebf0;
}

.premium-product-included h3{
    margin:0 0 24px;
    color:#172033;
    font-size:22px;
}

.premium-included-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}

.premium-included-grid > div{
    padding:20px;
    border:1px solid #e7eaf0;
    border-radius:14px;
    background:#fafbfc;
}

.premium-included-grid span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    margin-bottom:13px;
    border-radius:8px;
    background:#eaf7ef;
    color:#15803d;
    font-weight:800;
}

.premium-included-grid strong{
    display:block;
    color:#202a3b;
    font-size:14px;
}

.premium-included-grid small{
    display:block;
    margin-top:6px;
    color:#8a93a2;
    font-size:12px;
    line-height:1.5;
}


/* SIDEBAR */

.premium-product-info-card{
    position:sticky;
    top:30px;
    padding:30px;
    border:1px solid #e4e8ee;
    border-radius:18px;
    background:#fff;
    box-shadow:0 15px 40px rgba(15,23,42,.06);
}

.premium-product-info-card h3{
    margin:0 0 24px;
    color:#172033;
    font-size:23px;
}

.premium-info-row{
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:16px 0;
    border-top:1px solid #edf0f4;
    font-size:13px;
}

.premium-info-row span{
    color:#8992a2;
}

.premium-info-row strong{
    color:#263043;
    text-align:right;
}

.premium-sidebar-shop-link{
    display:flex;
    justify-content:center;
    margin-top:16px;
    padding-top:18px;
    border-top:1px solid #edf0f4;
    color:#2563eb;
    text-decoration:none;
    font-size:13px;
    font-weight:800;
}

.premium-sidebar-shop-link:hover{
    color:#1d4ed8;
}


/* FINAL CTA */

.premium-product-cta{
    padding:0 0 90px;
    background:#fff;
}

.premium-product-cta-box{
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    padding:55px 60px;
    border-radius:24px;
    background:
        radial-gradient(circle at 85% 15%,rgba(96,165,250,.25),transparent 30%),
        linear-gradient(135deg,#111827,#1e293b);
    box-shadow:0 25px 70px rgba(15,23,42,.14);
}

.premium-product-cta-box h2{
    margin:0;
    color:#fff;
    font-size:38px;
    line-height:1.05;
    letter-spacing:-.035em;
}

.premium-product-cta-box h2 span{
    display:block;
    color:#93c5fd;
}

.premium-product-cta-box p{
    max-width:570px;
    margin:15px 0 0;
    color:#cbd5e1;
    font-size:14px;
    line-height:1.7;
}

.premium-product-cta-button{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 22px;
    border-radius:12px;
    background:#fff;
    color:#111827;
    text-decoration:none;
    font-size:13px;
    font-weight:800;
    transition:transform .2s ease;
}

.premium-product-cta-button:hover{
    color:#111827;
    transform:translateY(-2px);
}


/* RESPONSIVE */

@media (max-width:900px){

    .premium-product-layout{
        grid-template-columns:1fr;
        gap:45px;
    }

    .premium-product-content{
        max-width:700px;
    }

    .premium-product-details-grid{
        grid-template-columns:1fr;
        gap:45px;
    }

    .premium-product-info-card{
        position:static;
        max-width:600px;
    }

    .premium-product-cta-box{
        padding:45px;
    }

}

@media (max-width:640px){

    .premium-product-container{
        width:min(100% - 28px,1180px);
    }

    .premium-product-hero{
        padding:24px 0 55px;
    }

    .premium-product-breadcrumb{
        margin-bottom:22px;
        font-size:12px;
    }

    .premium-product-preview,
    .premium-product-placeholder{
        min-height:300px;
    }

    .premium-product-placeholder{
        padding:35px 25px;
    }

    .premium-product-placeholder strong{
        font-size:29px;
    }

    .premium-product-content h1{
        font-size:38px;
    }

    .premium-product-excerpt{
        font-size:15px;
        line-height:1.65;
    }

    .premium-product-price{
        font-size:32px;
    }

    .premium-product-details{
        padding:60px 0;
    }

    .premium-product-description h2{
        font-size:31px;
    }

    .premium-included-grid{
        grid-template-columns:1fr;
    }

    .premium-product-info-card{
        padding:23px;
    }

    .premium-product-cta{
        padding-bottom:60px;
    }

    .premium-product-cta-box{
        flex-direction:column;
        align-items:flex-start;
        padding:35px 25px;
        border-radius:18px;
    }

    .premium-product-cta-box h2{
        font-size:30px;
    }

    .premium-product-cta-button{
        width:100%;
    }

}


/* =========================================================
   ALLWAY MARKET — MOBILE NAVIGATION
========================================================= */

.mobile-menu-toggle{
    display:none;
    width:42px;
    height:42px;
    padding:0;
    border:1px solid rgba(15,23,42,.10);
    border-radius:11px;
    background:#fff;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    cursor:pointer;
    box-shadow:0 6px 18px rgba(15,23,42,.06);
}

.mobile-menu-toggle span{
    display:block;
    width:19px;
    height:2px;
    border-radius:99px;
    background:#0f172a;
    transition:transform .22s ease, opacity .22s ease;
}

.mobile-menu-toggle.is-active span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
}

.mobile-menu-toggle.is-active span:nth-child(2){
    opacity:0;
}

.mobile-menu-toggle.is-active span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
}


/* =========================================================
   MOBILE HEADER
========================================================= */

@media(max-width:640px){

    .site-header{
        position:relative;
        z-index:1000;
    }

    .site-header-inner{
        position:relative;
        width:calc(100% - 28px);
        min-height:66px;
    }

    .mobile-menu-toggle{
        display:flex;
    }

    .site-nav{
        position:absolute;
        top:calc(100% + 8px);
        left:0;
        right:0;

        display:flex;
        flex-direction:column;
        align-items:stretch;
        gap:0;

        padding:8px;

        background:#fff;
        border:1px solid rgba(15,23,42,.08);
        border-radius:16px;

        box-shadow:
            0 20px 50px rgba(15,23,42,.14);

        opacity:0;
        visibility:hidden;
        transform:translateY(-8px);
        pointer-events:none;

        transition:
            opacity .22s ease,
            visibility .22s ease,
            transform .22s ease;
    }

    .site-nav.is-open{
        opacity:1;
        visibility:visible;
        transform:translateY(0);
        pointer-events:auto;
    }

    .site-nav a{
        display:flex;
        align-items:center;
        min-height:46px;
        padding:0 14px;
        border-radius:10px;
        font-size:14px;
    }

    .site-nav a:hover{
        background:#f8fafc;
    }

    .site-nav .site-nav-cta{
        justify-content:center;
        margin-top:6px;
        margin-bottom:2px;
        color:#fff !important;
        background:var(--blue);
    }

    .site-nav .site-nav-cta:hover{
        background:#1d4ed8;
    }
}


/* =========================================================
   TABLET
========================================================= */

@media(min-width:641px){

    .site-nav{
        display:flex;
    }

}


/* =========================================================
   ALLWAY MARKET — DEFAULT WORDPRESS PAGES
========================================================= */

.allway-default-page{
    min-height:60vh;
    padding:80px 0 100px;
    background:#f8fafc;
}

.default-page-content{
    width:min(900px,calc(100% - 32px));
    margin:0 auto;
    background:#fff;
    border:1px solid rgba(15,23,42,.07);
    border-radius:24px;
    padding:50px;
    box-shadow:0 20px 60px rgba(15,23,42,.06);
}

.default-page-header{
    margin-bottom:35px;
    padding-bottom:28px;
    border-bottom:1px solid #e5e7eb;
}

.default-page-kicker{
    display:inline-block;
    margin-bottom:12px;
    font-size:11px;
    font-weight:800;
    letter-spacing:.14em;
    color:#2563eb;
}

.default-page-header h1{
    margin:0;
    color:#0f172a;
    font-size:clamp(34px,5vw,52px);
    line-height:1.05;
    letter-spacing:-.045em;
}

.default-page-body{
    color:#475569;
    font-size:16px;
    line-height:1.8;
}

.default-page-body > *:first-child{
    margin-top:0;
}

.default-page-body > *:last-child{
    margin-bottom:0;
}

/* EDD checkout block */
.default-page-body .wp-block-edd-checkout{
    width:100%;
}

@media(max-width:640px){

    .allway-default-page{
        padding:45px 0 65px;
    }

    .default-page-content{
        width:calc(100% - 28px);
        padding:28px 20px;
        border-radius:18px;
    }

    .default-page-header{
        margin-bottom:25px;
        padding-bottom:20px;
    }

    .default-page-header h1{
        font-size:34px;
    }

}


/* =========================================================
   ALLWAY MARKET — GLOBAL PRODUCT IMAGE LIGHTBOX
========================================================= */

#allway-image-lightbox{
    position:fixed;
    inset:0;
    z-index:999999;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:30px;
    background:rgba(15,23,42,.88);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .25s ease, visibility .25s ease;
}

#allway-image-lightbox.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

#allway-lightbox-image{
    display:block;
    max-width:min(94vw,1200px);
    max-height:90vh;
    width:auto;
    height:auto;
    object-fit:contain;
    border-radius:14px;
    background:#fff;
    box-shadow:0 30px 100px rgba(0,0,0,.45);
    transform:scale(.94);
    transition:transform .25s ease;
}

#allway-image-lightbox.is-open #allway-lightbox-image{
    transform:scale(1);
}

#allway-lightbox-close{
    position:absolute;
    top:20px;
    right:25px;
    z-index:2;
    width:46px;
    height:46px;
    border:0;
    border-radius:50%;
    color:#fff;
    background:rgba(255,255,255,.14);
    font-size:32px;
    line-height:1;
    cursor:pointer;
    transition:background .2s ease, transform .2s ease;
}

#allway-lightbox-close:hover{
    background:rgba(255,255,255,.25);
    transform:scale(1.06);
}

body.allway-lightbox-open{
    overflow:hidden;
}

/* Make every product description image clickable */
.premium-product-body img{
    cursor:zoom-in;
    transition:transform .2s ease, box-shadow .2s ease;
}

.premium-product-body img:hover{
    transform:scale(1.01);
    box-shadow:0 12px 35px rgba(15,23,42,.12);
}

/* Main product image */
.premium-product-image{
    cursor:zoom-in;
}

@media(max-width:640px){

    #allway-image-lightbox{
        padding:15px;
    }

    #allway-lightbox-image{
        max-width:96vw;
        max-height:82vh;
        border-radius:10px;
    }

    #allway-lightbox-close{
        top:12px;
        right:12px;
        width:42px;
        height:42px;
        font-size:28px;
    }

}

