.aws-fashion-demo {
    --aws-black: #0B0B0B;
    --aws-cream: #FFF7EF;
    --aws-gold: #D4AF37;
    --aws-rose: #E8A0A8;
    --aws-dark: #1F1F1F;
    --aws-light: #F6F6F6;
    --aws-white: #FFFFFF;
    --aws-muted: #6B7280;
    font-family: inherit;
    color: var(--aws-dark);
    background: var(--aws-white);
    overflow-x: hidden;
}
/* Full-width breakout: makes the shortcode fill the browser width even inside a theme page container */
.aws-fashion-demo {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

/* Removes unexpected top/bottom spacing added by some themes around shortcode pages */
.entry-content:has(.aws-fashion-demo),
.wp-block-post-content:has(.aws-fashion-demo),
.elementor-widget-container:has(.aws-fashion-demo) {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Make major sections visually edge-to-edge */
.aws-demo-notice,
.aws-fashion-hero,
.aws-fashion-categories,
.aws-fashion-products,
.aws-fashion-why,
.aws-fashion-style,
.aws-fashion-reviews,
.aws-fashion-order-cta,
.aws-fashion-learn-cta {
    width: 100%;
}

/* Improve hero spacing now that the page is full-width */
.aws-fashion-hero {
    min-height: 720px;
    display: flex;
    align-items: center;
}

.aws-fashion-demo * { box-sizing: border-box; }
.aws-demo-container { width: min(1240px, calc(100% - 40px)); margin: 0 auto; }
.aws-demo-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:14px 24px; border-radius:999px; font-weight:800; text-decoration:none !important; line-height:1; transition:transform .2s ease, box-shadow .2s ease, background .2s ease; border:1px solid transparent; }
.aws-demo-btn:hover { transform: translateY(-2px); box-shadow:0 14px 30px rgba(0,0,0,.16); }
.aws-demo-btn-gold { background: var(--aws-gold); color: var(--aws-black) !important; }
.aws-demo-btn-outline { background:transparent; color: var(--aws-white) !important; border-color: rgba(255,255,255,.65); }
.aws-demo-btn-dark { background: var(--aws-black); color: var(--aws-white) !important; }
.aws-demo-btn-white { background: var(--aws-white); color: var(--aws-black) !important; }
.aws-demo-notice { background: var(--aws-black); color: var(--aws-white); padding: 16px 0; }
.aws-demo-notice-inner { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.aws-demo-eyebrow,.aws-fashion-badge,.aws-fashion-section-heading span,.aws-fashion-why-content span,.aws-fashion-learn-box span { display:inline-flex; width:fit-content; letter-spacing:.08em; text-transform:uppercase; font-size:12px; font-weight:900; color: var(--aws-gold); }
.aws-demo-notice p { margin:6px 0 0; color: rgba(255,255,255,.78); font-size:15px; }
.aws-fashion-hero { position:relative; padding:96px 0; background: radial-gradient(circle at 15% 20%, rgba(232,160,168,.3), transparent 28%), linear-gradient(135deg, #0B0B0B 0%, #211315 55%, #4A2329 100%); color: var(--aws-white); }
.aws-fashion-hero-grid { display:grid; grid-template-columns: 1.02fr .98fr; gap:54px; align-items:center; }
.aws-fashion-hero-content h1 { margin:18px 0; font-size:clamp(38px,6vw,72px); line-height:.98; letter-spacing:-0.05em; color:var(--aws-white); }
.aws-fashion-hero-content p { max-width:620px; font-size:19px; line-height:1.7; color:rgba(255,255,255,.82); margin:0 0 30px; }
.aws-fashion-actions { display:flex; flex-wrap:wrap; gap:14px; }
.aws-fashion-actions-center { justify-content:center; }
.aws-fashion-hero-card { position:relative; min-height:560px; }
.aws-fashion-hero-photo { width:100%; height:560px; object-fit:cover; border-radius:38px; box-shadow:0 30px 80px rgba(0,0,0,.38); display:block; }
.aws-fashion-floating-card { position:absolute; background:rgba(255,255,255,.94); color:var(--aws-black); border:1px solid rgba(255,255,255,.25); border-radius:22px; padding:18px 20px; box-shadow:0 18px 40px rgba(0,0,0,.22); max-width:230px; }
.aws-fashion-floating-card strong,.aws-fashion-floating-card span { display:block; }
.aws-fashion-floating-card span { margin-top:6px; color:var(--aws-muted); font-size:13px; line-height:1.4; }
.aws-fashion-floating-card-one { top:38px; left:-22px; }
.aws-fashion-floating-card-two { right:-18px; bottom:48px; }
.aws-fashion-categories,.aws-fashion-products,.aws-fashion-style,.aws-fashion-reviews { padding:88px 0; background: var(--aws-white); }
.aws-fashion-products,.aws-fashion-reviews { background: var(--aws-light); }
.aws-fashion-section-heading { text-align:center; max-width:760px; margin:0 auto 42px; }
.aws-fashion-section-heading span { margin:0 auto 10px; }
.aws-fashion-section-heading h2,.aws-fashion-why-content h2,.aws-fashion-order-box h2,.aws-fashion-learn-box h2 { margin:0; color:var(--aws-black); font-size:clamp(30px,4vw,48px); line-height:1.1; letter-spacing:-0.03em; }
.aws-fashion-section-heading p,.aws-fashion-why-content p,.aws-fashion-order-box p,.aws-fashion-learn-box p { color:var(--aws-muted); font-size:17px; line-height:1.7; margin:14px 0 0; }
.aws-fashion-category-grid,.aws-fashion-product-grid,.aws-fashion-style-grid,.aws-fashion-review-grid,.aws-fashion-benefit-grid { display:grid; gap:22px; }
.aws-fashion-category-grid { grid-template-columns: repeat(4, 1fr); }
.aws-fashion-product-grid { grid-template-columns: repeat(3, 1fr); }
.aws-fashion-style-grid { grid-template-columns: repeat(3, 1fr); }
.aws-fashion-review-grid { grid-template-columns: repeat(3, 1fr); }
.aws-fashion-benefit-grid { grid-template-columns: repeat(2, 1fr); }
.aws-fashion-category-card,.aws-fashion-product-card,.aws-fashion-style-grid article,.aws-fashion-review-grid article,.aws-fashion-benefit { background:var(--aws-white); border:1px solid rgba(31,31,31,.08); border-radius:24px; box-shadow:0 15px 35px rgba(0,0,0,.06); overflow:hidden; }
.aws-fashion-thumb-wrap img,.aws-fashion-product-image img,.aws-fashion-style-image img { width:100%; display:block; object-fit:cover; }
.aws-fashion-thumb-wrap img { height:220px; }
.aws-fashion-product-image img { height:250px; }
.aws-fashion-style-image img { height:300px; }
.aws-fashion-card-copy, .aws-fashion-product-body { padding:24px; }
.aws-fashion-category-card h3,.aws-fashion-product-body h3,.aws-fashion-benefit h3,.aws-fashion-style-grid h3 { color:var(--aws-black); margin:0 0 10px; font-size:21px; }
.aws-fashion-category-card p,.aws-fashion-product-body p,.aws-fashion-benefit p,.aws-fashion-style-grid p,.aws-fashion-review-grid p { color:var(--aws-muted); line-height:1.65; margin:0; }
.aws-fashion-product-body strong { display:block; color:var(--aws-gold); font-size:19px; margin-bottom:10px; }
.aws-fashion-product-body a { display:inline-flex; margin-top:18px; color:var(--aws-black) !important; font-weight:900; text-decoration:none !important; border-bottom:2px solid var(--aws-gold); }
.aws-fashion-style-grid h3,.aws-fashion-style-grid p { padding-left:24px; padding-right:24px; }
.aws-fashion-style-grid h3 { padding-top:24px; }
.aws-fashion-style-grid p { padding-bottom:26px; }
.aws-fashion-why { padding:90px 0; background: var(--aws-black); color: var(--aws-white); }
.aws-fashion-why-grid { display:grid; grid-template-columns: .9fr 1.1fr; gap:44px; align-items:center; }
.aws-fashion-why-content h2,.aws-fashion-why-content p { color:var(--aws-white); }
.aws-fashion-benefit { background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.12); padding:26px; box-shadow:none; }
.aws-fashion-benefit h3 { color:var(--aws-white); }
.aws-fashion-benefit p { color:rgba(255,255,255,.75); }
.aws-fashion-review-grid article { padding:30px; }
.aws-fashion-review-grid p { font-size:17px; margin-bottom:18px; }
.aws-fashion-review-grid strong { color: var(--aws-black); }
.aws-fashion-order-cta { padding:76px 0; background: var(--aws-cream); }
.aws-fashion-order-box, .aws-fashion-learn-box { text-align:center; border-radius:34px; padding:58px 30px; }
.aws-fashion-order-box { background:var(--aws-white); border:1px solid rgba(31,31,31,.08); box-shadow:0 20px 50px rgba(0,0,0,.08); }
.aws-fashion-order-box p,.aws-fashion-learn-box p { max-width:720px; margin-left:auto; margin-right:auto; margin-bottom:28px; }
.aws-fashion-learn-cta { padding:86px 0; background: linear-gradient(135deg, #D4AF37 0%, #F2D879 100%); }
.aws-fashion-learn-box { background: rgba(255,255,255,.34); border: 1px solid rgba(255,255,255,.5); }
.aws-fashion-learn-box p { color: rgba(11,11,11,.74); }
@media (max-width: 1024px) {
  .aws-fashion-hero-grid,.aws-fashion-why-grid { grid-template-columns:1fr; }
  .aws-fashion-category-grid,.aws-fashion-product-grid { grid-template-columns:repeat(2, 1fr); }
  .aws-fashion-hero-card { min-height:460px; }
  .aws-fashion-hero-photo { height:460px; }
}
@media (max-width: 760px) {
  .aws-demo-notice-inner { align-items:flex-start; flex-direction:column; }
  .aws-fashion-hero { padding:64px 0; min-height:auto; }
  .aws-fashion-actions,.aws-fashion-actions-center { flex-direction:column; align-items:stretch; }
  .aws-demo-btn { width:100%; }
  .aws-fashion-category-grid,.aws-fashion-product-grid,.aws-fashion-style-grid,.aws-fashion-review-grid,.aws-fashion-benefit-grid { grid-template-columns:1fr; }
  .aws-fashion-hero-card { min-height:auto; }
  .aws-fashion-hero-photo { height:380px; border-radius:28px; }
  .aws-fashion-floating-card { position:relative; inset:auto; margin-top:14px; max-width:100%; }
  .aws-fashion-categories,.aws-fashion-products,.aws-fashion-style,.aws-fashion-reviews,.aws-fashion-why,.aws-fashion-learn-cta { padding:62px 0; }
  .aws-fashion-order-box,.aws-fashion-learn-box { padding:42px 20px; border-radius:24px; }
}


/* Premium category section styling */
.aws-fashion-categories {
    position: relative;
    padding: 105px 0 110px;
    background:
        radial-gradient(circle at 8% 12%, rgba(212,175,55,.12), transparent 30%),
        radial-gradient(circle at 92% 18%, rgba(232,160,168,.16), transparent 28%),
        linear-gradient(180deg, #fffaf3 0%, #ffffff 48%, #fff7ef 100%);
}

.aws-fashion-categories::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(11,11,11,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(11,11,11,.025) 1px, transparent 1px);
    background-size: 42px 42px;
    pointer-events: none;
}

.aws-fashion-categories .aws-demo-container {
    position: relative;
    z-index: 1;
}

.aws-fashion-categories .aws-fashion-section-heading {
    margin-bottom: 48px;
}

.aws-fashion-categories .aws-fashion-section-heading span {
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(212,175,55,.12);
    border: 1px solid rgba(212,175,55,.24);
    color: #9B7412;
}

.aws-fashion-categories .aws-fashion-section-heading h2 {
    max-width: 840px;
    margin: 10px auto 0;
}

.aws-fashion-categories .aws-fashion-section-heading p {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.aws-fashion-category-grid {
    gap: 28px;
}

.aws-fashion-category-card {
    position: relative;
    min-height: 440px;
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid rgba(212,175,55,.18);
    background: #111;
    box-shadow: 0 26px 60px rgba(27,18,10,.13);
    transform: translateY(0);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.aws-fashion-category-card:hover {
    transform: translateY(-9px);
    border-color: rgba(212,175,55,.48);
    box-shadow: 0 34px 76px rgba(27,18,10,.22);
}

.aws-fashion-category-card .aws-fashion-thumb-wrap {
    position: absolute;
    inset: 0;
}

.aws-fashion-category-card .aws-fashion-thumb-wrap img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transform: scale(1.02);
    transition: transform .5s ease;
}

.aws-fashion-category-card:hover .aws-fashion-thumb-wrap img {
    transform: scale(1.09);
}

.aws-fashion-category-card .aws-fashion-thumb-wrap::after {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(11,11,11,.04) 0%, rgba(11,11,11,.22) 34%, rgba(11,11,11,.88) 100%),
        radial-gradient(circle at 50% 30%, transparent 0%, rgba(0,0,0,.18) 65%);
}

.aws-fashion-card-copy {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    padding: 24px 22px 22px;
    border-radius: 24px;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(255,255,255,.55);
    box-shadow: 0 18px 40px rgba(0,0,0,.20);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.aws-fashion-card-copy::before {
    content: 'Explore';
    display: inline-flex;
    width: fit-content;
    padding: 6px 12px;
    margin-bottom: 12px;
    border-radius: 999px;
    background: #0B0B0B;
    color: #D4AF37;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.aws-fashion-category-card h3 {
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 10px;
}

.aws-fashion-category-card p {
    font-size: 15.5px;
    line-height: 1.55;
    color: #4B5563;
}

@media (max-width: 1024px) {
    .aws-fashion-category-card {
        min-height: 420px;
    }
}

@media (max-width: 760px) {
    .aws-fashion-categories {
        padding: 76px 0;
    }

    .aws-fashion-category-grid {
        gap: 22px;
    }

    .aws-fashion-category-card {
        min-height: 390px;
        border-radius: 24px;
    }

    .aws-fashion-card-copy {
        left: 14px;
        right: 14px;
        bottom: 14px;
        border-radius: 20px;
        padding: 20px;
    }
}


/* Premium Latest Arrivals section styling */
.aws-fashion-products {
    position: relative;
    padding: 110px 0;
    background:
        radial-gradient(circle at 12% 8%, rgba(232,160,168,.14), transparent 28%),
        radial-gradient(circle at 90% 10%, rgba(212,175,55,.13), transparent 30%),
        linear-gradient(180deg, #f8f5ef 0%, #ffffff 48%, #f7f1e8 100%);
}

.aws-fashion-products::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(11,11,11,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(11,11,11,.025) 1px, transparent 1px);
    background-size: 46px 46px;
    pointer-events: none;
}

.aws-fashion-products .aws-demo-container {
    position: relative;
    z-index: 1;
}

.aws-fashion-products .aws-fashion-section-heading span {
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(212,175,55,.13);
    border: 1px solid rgba(212,175,55,.26);
    color: #9B7412;
}

.aws-fashion-products .aws-fashion-section-heading h2 {
    max-width: 860px;
    margin: 10px auto 0;
}

.aws-fashion-product-grid {
    gap: 30px;
}

.aws-fashion-product-card {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid rgba(31,31,31,.08);
    background: rgba(255,255,255,.92);
    box-shadow: 0 24px 60px rgba(31, 22, 12, .12);
    transform: translateY(0);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.aws-fashion-product-card:hover {
    transform: translateY(-8px);
    border-color: rgba(212,175,55,.42);
    box-shadow: 0 34px 76px rgba(31, 22, 12, .2);
}

.aws-fashion-product-image {
    position: relative;
    height: 310px;
    overflow: hidden;
    background: #111;
}

.aws-fashion-product-image::after {
    content: 'New Arrival';
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 2;
    padding: 8px 13px;
    border-radius: 999px;
    background: rgba(11,11,11,.82);
    color: #D4AF37;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    box-shadow: 0 10px 24px rgba(0,0,0,.18);
}

.aws-fashion-product-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transform: scale(1.02);
    transition: transform .5s ease, filter .5s ease;
}

.aws-fashion-product-card:hover .aws-fashion-product-image img {
    transform: scale(1.08);
    filter: saturate(1.05) contrast(1.03);
}

.aws-fashion-product-body {
    position: relative;
    padding: 28px 28px 30px;
}

.aws-fashion-product-body h3 {
    font-size: 23px;
    line-height: 1.15;
    margin-bottom: 10px;
}

.aws-fashion-product-body strong {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(212,175,55,.14);
    border: 1px solid rgba(212,175,55,.25);
    color: #9B7412;
    font-size: 16px;
    margin: 0 0 16px;
}

.aws-fashion-product-body p {
    min-height: 52px;
    color: #5B6472;
}

.aws-fashion-product-body a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 22px;
    padding: 14px 18px;
    border-radius: 999px;
    background: #0B0B0B;
    color: #FFFFFF !important;
    font-weight: 900;
    text-decoration: none !important;
    border: 1px solid #0B0B0B;
    transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}

.aws-fashion-product-body a::after {
    content: '→';
    margin-left: 8px;
    transition: transform .2s ease;
}

.aws-fashion-product-body a:hover {
    background: #D4AF37;
    border-color: #D4AF37;
    color: #0B0B0B !important;
    box-shadow: 0 14px 28px rgba(212,175,55,.25);
}

.aws-fashion-product-body a:hover::after {
    transform: translateX(3px);
}

@media (max-width: 1024px) {
    .aws-fashion-product-image {
        height: 290px;
    }
}

@media (max-width: 760px) {
    .aws-fashion-products {
        padding: 76px 0;
    }

    .aws-fashion-product-grid {
        gap: 24px;
    }

    .aws-fashion-product-card {
        border-radius: 24px;
    }

    .aws-fashion-product-image {
        height: 300px;
    }

    .aws-fashion-product-body {
        padding: 24px;
    }

    .aws-fashion-product-body p {
        min-height: auto;
    }
}


/* Premium Style for Every Occasion lookbook section */
.aws-fashion-style {
    position: relative;
    padding: 112px 0;
    background:
        linear-gradient(135deg, rgba(11,11,11,.96) 0%, rgba(34,20,22,.96) 54%, rgba(11,11,11,.98) 100%);
    color: #fff;
    overflow: hidden;
}

.aws-fashion-style::before {
    content: '';
    position: absolute;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(212,175,55,.22), transparent 64%);
    top: -210px;
    right: -180px;
    pointer-events: none;
}

.aws-fashion-style::after {
    content: '';
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(232,160,168,.16), transparent 65%);
    bottom: -190px;
    left: -150px;
    pointer-events: none;
}

.aws-fashion-style .aws-demo-container {
    position: relative;
    z-index: 1;
}

.aws-fashion-style .aws-fashion-section-heading span {
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(212,175,55,.14);
    border: 1px solid rgba(212,175,55,.28);
    color: #F2D879;
}

.aws-fashion-style .aws-fashion-section-heading h2 {
    color: #ffffff;
    max-width: 850px;
    margin: 10px auto 0;
}

.aws-fashion-style .aws-fashion-section-heading p {
    color: rgba(255,255,255,.72);
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.aws-fashion-style-grid {
    gap: 30px;
}

.aws-fashion-style-grid article {
    position: relative;
    min-height: 520px;
    border-radius: 34px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.12);
    background: #111;
    box-shadow: 0 28px 80px rgba(0,0,0,.34);
    transform: translateY(0);
    transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.aws-fashion-style-grid article:hover {
    transform: translateY(-9px);
    border-color: rgba(212,175,55,.44);
    box-shadow: 0 38px 95px rgba(0,0,0,.46);
}

.aws-fashion-style-image {
    position: absolute;
    inset: 0;
    height: 100%;
}

.aws-fashion-style-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transform: scale(1.02);
    transition: transform .55s ease, filter .55s ease;
}

.aws-fashion-style-grid article:hover .aws-fashion-style-image img {
    transform: scale(1.09);
    filter: saturate(1.08) contrast(1.04);
}

.aws-fashion-style-image::after {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(0,0,0,.04) 0%, rgba(0,0,0,.18) 38%, rgba(0,0,0,.88) 100%),
        radial-gradient(circle at 50% 30%, transparent 0%, rgba(0,0,0,.20) 72%);
}

.aws-fashion-style-grid article h3,
.aws-fashion-style-grid article p {
    position: relative;
    z-index: 2;
    padding-left: 28px;
    padding-right: 28px;
}

.aws-fashion-style-grid article h3 {
    margin: 0;
    padding-top: 392px;
    color: #ffffff;
    font-size: 28px;
    line-height: 1.1;
}

.aws-fashion-style-grid article h3::before {
    content: 'Lookbook';
    display: inline-flex;
    position: absolute;
    left: 28px;
    top: 344px;
    width: fit-content;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(212,175,55,.92);
    color: #0B0B0B;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.aws-fashion-style-grid article p {
    color: rgba(255,255,255,.78);
    padding-top: 10px;
    padding-bottom: 30px;
    line-height: 1.6;
}

@media (max-width: 1024px) {
    .aws-fashion-style-grid article {
        min-height: 500px;
    }

    .aws-fashion-style-grid article h3 {
        padding-top: 372px;
    }

    .aws-fashion-style-grid article h3::before {
        top: 324px;
    }
}

@media (max-width: 760px) {
    .aws-fashion-style {
        padding: 78px 0;
    }

    .aws-fashion-style-grid {
        gap: 24px;
    }

    .aws-fashion-style-grid article {
        min-height: 470px;
        border-radius: 26px;
    }

    .aws-fashion-style-grid article h3 {
        padding-top: 340px;
        font-size: 25px;
    }

    .aws-fashion-style-grid article h3::before {
        top: 292px;
    }
}


/* Premium Customer Reviews section */
.aws-fashion-reviews {
    position: relative;
    padding: 112px 0;
    background:
        radial-gradient(circle at 8% 20%, rgba(212,175,55,.13), transparent 28%),
        radial-gradient(circle at 88% 15%, rgba(232,160,168,.15), transparent 30%),
        linear-gradient(180deg, #fffaf3 0%, #f7f2ea 100%);
    overflow: hidden;
}

.aws-fashion-reviews::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(11,11,11,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(11,11,11,.025) 1px, transparent 1px);
    background-size: 44px 44px;
    pointer-events: none;
}

.aws-fashion-reviews .aws-demo-container {
    position: relative;
    z-index: 1;
}

.aws-fashion-reviews .aws-fashion-section-heading {
    margin-bottom: 46px;
}

.aws-fashion-reviews .aws-fashion-section-heading span {
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(212,175,55,.13);
    border: 1px solid rgba(212,175,55,.26);
    color: #9B7412;
}

.aws-fashion-reviews .aws-fashion-section-heading h2 {
    margin-top: 10px;
}

.aws-fashion-review-grid {
    gap: 30px;
}

.aws-fashion-review-grid article {
    position: relative;
    min-height: 270px;
    padding: 34px 32px 30px;
    border-radius: 30px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.86) 100%);
    border: 1px solid rgba(212,175,55,.18);
    box-shadow: 0 24px 60px rgba(31, 22, 12, .12);
    overflow: hidden;
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.aws-fashion-review-grid article:hover {
    transform: translateY(-8px);
    border-color: rgba(212,175,55,.46);
    box-shadow: 0 34px 76px rgba(31, 22, 12, .20);
}

.aws-fashion-review-grid article::before {
    content: '“';
    position: absolute;
    top: -18px;
    right: 24px;
    color: rgba(212,175,55,.18);
    font-size: 140px;
    line-height: 1;
    font-family: Georgia, serif;
    pointer-events: none;
}

.aws-fashion-review-grid article::after {
    content: '★★★★★';
    display: inline-flex;
    position: absolute;
    top: 30px;
    left: 32px;
    color: #D4AF37;
    font-size: 15px;
    letter-spacing: 3px;
}

.aws-fashion-review-grid p {
    position: relative;
    z-index: 1;
    padding-top: 42px;
    color: #3F4652;
    font-size: 17px;
    line-height: 1.75;
    margin-bottom: 28px;
}

.aws-fashion-review-grid strong {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #0B0B0B;
    font-size: 16px;
}

.aws-fashion-review-grid strong::before {
    content: '';
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background:
        linear-gradient(135deg, #0B0B0B 0%, #4A2329 100%);
    box-shadow: inset 0 0 0 2px rgba(212,175,55,.45);
}

.aws-fashion-review-grid article:nth-child(1) strong::after {
    content: 'Verified customer';
}

.aws-fashion-review-grid article:nth-child(2) strong::after {
    content: 'Sneaker buyer';
}

.aws-fashion-review-grid article:nth-child(3) strong::after {
    content: 'WhatsApp order';
}

.aws-fashion-review-grid strong::after {
    display: block;
    color: #6B7280;
    font-size: 13px;
    font-weight: 600;
    margin-left: -2px;
}

@media (max-width: 760px) {
    .aws-fashion-reviews {
        padding: 78px 0;
    }

    .aws-fashion-review-grid {
        gap: 24px;
    }

    .aws-fashion-review-grid article {
        min-height: auto;
        border-radius: 24px;
        padding: 32px 24px 28px;
    }

    .aws-fashion-review-grid article::after {
        left: 24px;
    }
}


/* Premium WhatsApp order CTA section */
.aws-fashion-order-cta {
    position: relative;
    padding: 105px 0;
    background:
        radial-gradient(circle at 15% 20%, rgba(212,175,55,.18), transparent 30%),
        radial-gradient(circle at 86% 18%, rgba(232,160,168,.18), transparent 32%),
        linear-gradient(135deg, #fff7ef 0%, #f8efe3 48%, #fffaf3 100%);
    overflow: hidden;
}

.aws-fashion-order-cta::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(11,11,11,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(11,11,11,.025) 1px, transparent 1px);
    background-size: 46px 46px;
    pointer-events: none;
}

.aws-fashion-order-box {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    max-width: 1100px;
    padding: 70px 42px;
    background:
        linear-gradient(135deg, rgba(11,11,11,.94) 0%, rgba(36,20,23,.94) 62%, rgba(82,42,48,.92) 100%);
    color: #ffffff;
    border: 1px solid rgba(212,175,55,.28);
    box-shadow: 0 34px 90px rgba(38, 24, 12, .24);
}

.aws-fashion-order-box::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(11,11,11,.82) 0%, rgba(11,11,11,.58) 48%, rgba(11,11,11,.25) 100%),
        url('../images/hero-trio.webp') center right / cover no-repeat;
    z-index: -2;
}

.aws-fashion-order-box::after {
    content: '';
    position: absolute;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(212,175,55,.34), transparent 62%);
    right: -80px;
    top: -90px;
    z-index: -1;
}

.aws-fashion-order-box h2 {
    color: #ffffff;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    font-size: clamp(34px, 5vw, 58px);
}

.aws-fashion-order-box h2::before {
    content: 'Limited Boutique Drop';
    display: flex;
    width: fit-content;
    margin: 0 auto 16px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(212,175,55,.16);
    border: 1px solid rgba(212,175,55,.32);
    color: #F2D879;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.aws-fashion-order-box p {
    color: rgba(255,255,255,.78);
    max-width: 650px;
    font-size: 18px;
}

.aws-fashion-order-box .aws-demo-btn-dark {
    background: #D4AF37;
    color: #0B0B0B !important;
    border-color: #D4AF37;
    padding: 16px 28px;
    font-size: 15px;
    box-shadow: 0 18px 34px rgba(212,175,55,.25);
}

.aws-fashion-order-box .aws-demo-btn-dark::after {
    content: '→';
    margin-left: 8px;
    transition: transform .2s ease;
}

.aws-fashion-order-box .aws-demo-btn-dark:hover {
    background: #ffffff;
    border-color: #ffffff;
}

.aws-fashion-order-box .aws-demo-btn-dark:hover::after {
    transform: translateX(3px);
}

@media (max-width: 760px) {
    .aws-fashion-order-cta {
        padding: 78px 0;
    }

    .aws-fashion-order-box {
        padding: 54px 22px;
        border-radius: 26px;
    }

    .aws-fashion-order-box::before {
        background:
            linear-gradient(180deg, rgba(11,11,11,.90) 0%, rgba(11,11,11,.78) 100%),
            url('../images/hero-trio.webp') center / cover no-repeat;
    }
}


/* Premium AIWebSkills final enrollment CTA */
.aws-fashion-learn-cta {
    position: relative;
    padding: 112px 0;
    background:
        radial-gradient(circle at 12% 18%, rgba(212,175,55,.20), transparent 30%),
        linear-gradient(135deg, #07111F 0%, #0B0B0B 48%, #211315 100%);
    overflow: hidden;
}

.aws-fashion-learn-cta::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(7,17,31,.94) 0%, rgba(11,11,11,.86) 48%, rgba(11,11,11,.50) 100%),
        url('../images/hero-trio.webp') center right / cover no-repeat;
    opacity: 1;
}

.aws-fashion-learn-cta::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 44px 44px;
    pointer-events: none;
}

.aws-fashion-learn-box {
    position: relative;
    z-index: 1;
    max-width: 1060px;
    padding: 74px 46px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(212,175,55,.30);
    box-shadow: 0 36px 100px rgba(0,0,0,.35);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    color: #ffffff;
}

.aws-fashion-learn-box span {
    margin: 0 auto 16px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(212,175,55,.16);
    border: 1px solid rgba(212,175,55,.32);
    color: #F2D879;
}

.aws-fashion-learn-box h2 {
    color: #ffffff;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
    font-size: clamp(34px, 5vw, 58px);
}

.aws-fashion-learn-box p {
    color: rgba(255,255,255,.78);
    max-width: 760px;
    font-size: 18px;
}

.aws-fashion-learn-box .aws-fashion-actions {
    margin-top: 30px;
}

.aws-fashion-learn-box .aws-demo-btn-dark {
    background: #D4AF37;
    color: #0B0B0B !important;
    border-color: #D4AF37;
    padding: 16px 28px;
    box-shadow: 0 18px 34px rgba(212,175,55,.25);
}

.aws-fashion-learn-box .aws-demo-btn-dark::after {
    content: '→';
    margin-left: 8px;
    transition: transform .2s ease;
}

.aws-fashion-learn-box .aws-demo-btn-dark:hover {
    background: #ffffff;
    border-color: #ffffff;
}

.aws-fashion-learn-box .aws-demo-btn-dark:hover::after {
    transform: translateX(3px);
}

.aws-fashion-learn-box .aws-demo-btn-white {
    background: rgba(255,255,255,.12);
    color: #ffffff !important;
    border-color: rgba(255,255,255,.34);
    padding: 16px 28px;
}

.aws-fashion-learn-box .aws-demo-btn-white:hover {
    background: #ffffff;
    color: #0B0B0B !important;
}

@media (max-width: 760px) {
    .aws-fashion-learn-cta {
        padding: 78px 0;
    }

    .aws-fashion-learn-cta::before {
        background:
            linear-gradient(180deg, rgba(7,17,31,.94) 0%, rgba(11,11,11,.84) 100%),
            url('../images/hero-trio.webp') center / cover no-repeat;
    }

    .aws-fashion-learn-box {
        padding: 54px 22px;
        border-radius: 26px;
    }
}


/* v11 Product pricing, 3D offer label, and Buy Now buttons */
.aws-fashion-product-image::after { content: 'New Arrival'; }
.aws-fashion-offer-3d {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    min-width: 92px;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffe395 0%, #d4af37 58%, #b18612 100%);
    color: #111;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    transform: rotate(4deg);
    box-shadow: 0 10px 0 #8e6710, 0 18px 26px rgba(0,0,0,.22);
}
.aws-fashion-offer-3d::after {
    content: '';
    position: absolute;
    inset: 3px;
    border-radius: 11px;
    border: 1px solid rgba(255,255,255,.35);
    pointer-events: none;
}
.aws-fashion-price-row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin: 2px 0 16px;
}
.aws-fashion-product-body strong.aws-fashion-sale-price {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(212,175,55,.14);
    border: 1px solid rgba(212,175,55,.25);
    color: #9B7412;
    font-size: 16px;
    margin: 0;
}
.aws-fashion-old-price {
    color: #8a8f98;
    text-decoration: line-through;
    font-weight: 700;
    font-size: 15px;
}
.aws-fashion-product-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 22px;
}
.aws-fashion-product-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 0;
    padding: 14px 16px;
    border-radius: 999px;
    font-weight: 900;
    text-decoration: none !important;
    transition: transform .2s ease, background .2s ease, box-shadow .2s ease, color .2s ease;
}
.aws-fashion-buy-now {
    background: linear-gradient(180deg, #f6d978 0%, #d4af37 65%, #b88a14 100%);
    color: #111 !important;
    border: 1px solid #d4af37;
    box-shadow: 0 8px 0 #8e6710, 0 16px 22px rgba(212,175,55,.18);
}
.aws-fashion-buy-now:hover {
    transform: translateY(-2px);
    background: linear-gradient(180deg, #ffe7a2 0%, #e1be49 65%, #c89416 100%);
    color: #111 !important;
}
.aws-fashion-order-btn {
    background: #0B0B0B;
    color: #fff !important;
    border: 1px solid #0B0B0B;
}
.aws-fashion-order-btn::after, .aws-fashion-buy-now::after {
    content: '→';
    margin-left: 8px;
    transition: transform .2s ease;
}
.aws-fashion-order-btn:hover {
    background: #1e1e1e;
    color: #fff !important;
}
.aws-fashion-product-actions a:hover::after { transform: translateX(3px); }
@media (max-width: 760px) {
    .aws-fashion-product-actions { grid-template-columns: 1fr; }
    .aws-fashion-offer-3d { min-width: 84px; font-size: 10px; padding: 9px 12px; }
}


/* v12 button text fit and red 3D offer badges */
.aws-fashion-product-actions {
    align-items: stretch;
}
.aws-fashion-product-actions a {
    font-size: 14px;
    line-height: 1.15;
    letter-spacing: -.01em;
    min-height: 54px;
    padding: 13px 14px;
    text-align: center;
}
.aws-fashion-order-btn {
    font-size: 13px;
    padding-left: 12px;
    padding-right: 12px;
}
.aws-fashion-buy-now {
    font-size: 14px;
}
.aws-fashion-offer-3d {
    background: linear-gradient(180deg, #ff8f8f 0%, #ef4444 58%, #b91c1c 100%);
    color: #ffffff;
    box-shadow: 0 10px 0 #7f1d1d, 0 18px 26px rgba(0,0,0,.22);
}
@media (max-width: 1024px) {
    .aws-fashion-product-actions a {
        font-size: 13px;
    }
    .aws-fashion-order-btn {
        font-size: 12px;
    }
}
@media (max-width: 760px) {
    .aws-fashion-product-actions a {
        font-size: 14px;
        min-height: 50px;
    }
    .aws-fashion-order-btn {
        font-size: 13px;
    }
}


/* v13 price tag styling: current price green, previous price red and bolder */
.aws-fashion-price-row {
    gap: 14px;
    align-items: center;
}

.aws-fashion-product-body strong.aws-fashion-sale-price {
    background: linear-gradient(180deg, #dff7e7 0%, #c8f0d4 100%);
    border: 1px solid rgba(34, 197, 94, 0.28);
    color: #15803d;
    font-weight: 900;
    font-size: 17px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 6px 16px rgba(34,197,94,.10);
}

.aws-fashion-old-price {
    color: #dc2626;
    font-weight: 900;
    font-size: 15px;
    text-decoration: line-through;
    text-decoration-thickness: 2px;
    text-decoration-color: rgba(220,38,38,.85);
    opacity: 1;
}

@media (max-width: 760px) {
    .aws-fashion-product-body strong.aws-fashion-sale-price {
        font-size: 16px;
    }
    .aws-fashion-old-price {
        font-size: 14px;
    }
}


/* v14 simulated payment modal and button refinements */
.aws-fashion-product-actions button {
    font-family: inherit;
    cursor: pointer;
}

.aws-fashion-payment-modal {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 22px;
}

.aws-fashion-payment-modal.aws-payment-open {
    display: flex;
}

.aws-fashion-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(8, 8, 10, .72);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.aws-fashion-payment-dialog {
    position: relative;
    width: min(520px, 100%);
    max-height: 92vh;
    overflow-y: auto;
    border-radius: 30px;
    padding: 30px;
    background:
        radial-gradient(circle at 15% 0%, rgba(212,175,55,.20), transparent 32%),
        linear-gradient(180deg, #ffffff 0%, #fff8ec 100%);
    border: 1px solid rgba(212,175,55,.34);
    box-shadow: 0 34px 100px rgba(0,0,0,.38);
    animation: awsFashionModalIn .22s ease;
}

@keyframes awsFashionModalIn {
    from { opacity: 0; transform: translateY(18px) scale(.97); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.aws-fashion-modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 50%;
    background: #0B0B0B;
    color: #ffffff;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
}

.aws-fashion-payment-header {
    text-align: center;
    padding: 12px 28px 22px;
}

.aws-fashion-payment-header span {
    display: inline-flex;
    padding: 7px 13px;
    border-radius: 999px;
    background: rgba(212,175,55,.16);
    border: 1px solid rgba(212,175,55,.28);
    color: #9B7412;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.aws-fashion-payment-header h3 {
    margin: 14px 0 8px;
    color: #0B0B0B;
    font-size: clamp(26px, 4vw, 34px);
    line-height: 1.1;
}

.aws-fashion-payment-header p {
    margin: 0;
    color: #626b78;
    line-height: 1.6;
}

.aws-fashion-payment-summary {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 14px;
    margin: 0 0 20px;
}

.aws-fashion-payment-summary > div {
    padding: 16px;
    border-radius: 18px;
    background: #0B0B0B;
    color: #ffffff;
}

.aws-fashion-payment-summary small,
.aws-fashion-payment-summary strong {
    display: block;
}

.aws-fashion-payment-summary small {
    color: rgba(255,255,255,.62);
    font-size: 12px;
    margin-bottom: 7px;
}

.aws-fashion-payment-summary strong {
    color: #D4AF37;
    line-height: 1.25;
}

.aws-fashion-payment-form {
    display: grid;
    gap: 14px;
}

.aws-fashion-payment-form label {
    display: grid;
    gap: 8px;
    color: #1f2937;
    font-weight: 800;
    font-size: 14px;
}

.aws-fashion-payment-form input {
    width: 100%;
    border: 1px solid rgba(31,31,31,.14);
    border-radius: 16px;
    padding: 15px 16px;
    font: inherit;
    background: #ffffff;
    color: #0B0B0B;
    outline: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}

.aws-fashion-payment-form input:focus {
    border-color: rgba(212,175,55,.8);
    box-shadow: 0 0 0 4px rgba(212,175,55,.15);
}

.aws-fashion-payment-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.aws-fashion-demo-pay-btn {
    width: 100%;
    border: 0;
    border-radius: 999px;
    padding: 16px 20px;
    background: linear-gradient(180deg, #22c55e 0%, #16a34a 70%, #15803d 100%);
    color: #ffffff;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 8px 0 #166534, 0 16px 24px rgba(22,163,74,.22);
}

.aws-fashion-demo-pay-btn:hover {
    transform: translateY(-1px);
}

.aws-fashion-payment-note {
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 16px;
    background: rgba(239,68,68,.08);
    border: 1px solid rgba(239,68,68,.18);
    color: #7f1d1d;
    font-size: 13px;
    line-height: 1.5;
}

@media (max-width: 760px) {
    .aws-fashion-payment-dialog {
        padding: 24px 18px;
        border-radius: 24px;
    }

    .aws-fashion-payment-summary,
    .aws-fashion-payment-row {
        grid-template-columns: 1fr;
    }
}


/* v15 fix: make Buy Now button pill/oval like the WhatsApp button */
.aws-fashion-product-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 22px;
    align-items: stretch;
}

.aws-fashion-product-actions a,
.aws-fashion-product-actions button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 58px;
    padding: 14px 18px;
    border-radius: 999px;
    font-weight: 900;
    text-decoration: none !important;
    text-align: center;
    line-height: 1.15;
    font-size: 14px;
    transition: transform .2s ease, background .2s ease, box-shadow .2s ease, color .2s ease;
}

.aws-fashion-buy-now {
    appearance: none;
    -webkit-appearance: none;
    border-radius: 999px;
    background: linear-gradient(180deg, #f6d978 0%, #d4af37 65%, #b88a14 100%);
    color: #111 !important;
    border: 1px solid #d4af37;
    box-shadow: 0 8px 0 #8e6710, 0 16px 22px rgba(212,175,55,.18);
}

.aws-fashion-buy-now:hover {
    transform: translateY(-2px);
    background: linear-gradient(180deg, #ffe7a2 0%, #e1be49 65%, #c89416 100%);
    color: #111 !important;
}

.aws-fashion-order-btn {
    border-radius: 999px;
}

@media (max-width: 760px) {
    .aws-fashion-product-actions {
        grid-template-columns: 1fr;
    }

    .aws-fashion-product-actions a,
    .aws-fashion-product-actions button {
        min-height: 54px;
        font-size: 14px;
    }
}


/* v16 equal product buttons, green WhatsApp, richer popup styling */
.aws-fashion-product-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 22px;
    align-items: stretch;
}

.aws-fashion-product-actions a,
.aws-fashion-product-actions button {
    height: 58px;
    min-height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 18px;
    border-radius: 999px;
    font-weight: 900;
    text-decoration: none !important;
    text-align: center;
    line-height: 1.1;
    font-size: 14px;
    white-space: nowrap;
}

.aws-fashion-buy-now {
    background: linear-gradient(180deg, #f9e28d 0%, #d4af37 65%, #b88a14 100%);
    color: #111 !important;
    border: 1px solid #d4af37;
    box-shadow: 0 8px 0 #8e6710, 0 16px 22px rgba(212,175,55,.20);
}

.aws-fashion-buy-now:hover {
    background: linear-gradient(180deg, #ffe7a2 0%, #e1be49 65%, #c89416 100%);
    color: #111 !important;
}

.aws-fashion-order-btn {
    background: linear-gradient(180deg, #34d399 0%, #16a34a 68%, #166534 100%);
    color: #ffffff !important;
    border: 1px solid #16a34a;
    box-shadow: 0 8px 0 #14532d, 0 16px 22px rgba(22,163,74,.18);
}

.aws-fashion-order-btn:hover {
    background: linear-gradient(180deg, #4ade80 0%, #22c55e 68%, #15803d 100%);
    color: #ffffff !important;
}

.aws-fashion-payment-dialog {
    background:
        radial-gradient(circle at 15% 0%, rgba(212,175,55,.26), transparent 30%),
        linear-gradient(180deg, #ffffff 0%, #fff8ec 100%);
    border: 1px solid rgba(212,175,55,.42);
    box-shadow: 0 40px 110px rgba(0,0,0,.42);
}

.aws-fashion-payment-header {
    padding: 12px 28px 18px;
}

.aws-fashion-demo-card-visual {
    position: relative;
    margin: 0 0 18px;
    padding: 24px 22px;
    border-radius: 26px;
    background: linear-gradient(135deg, #07111F 0%, #0B0B0B 45%, #3b1f24 100%);
    color: #ffffff;
    box-shadow: 0 22px 50px rgba(0,0,0,.28);
    overflow: hidden;
}

.aws-fashion-demo-card-visual::before {
    content: '';
    position: absolute;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    right: -55px;
    top: -60px;
    background: radial-gradient(circle, rgba(212,175,55,.34), transparent 64%);
}

.aws-fashion-demo-card-badge {
    display: inline-flex;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(212,175,55,.16);
    border: 1px solid rgba(212,175,55,.32);
    color: #F2D879;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.aws-fashion-demo-card-chip {
    width: 50px;
    height: 38px;
    margin: 18px 0 20px;
    border-radius: 10px;
    background: linear-gradient(135deg, #f6e5a0 0%, #d4af37 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.45);
}

.aws-fashion-demo-card-visual strong,
.aws-fashion-demo-card-visual span,
.aws-fashion-demo-card-footer {
    position: relative;
    z-index: 1;
}

.aws-fashion-demo-card-visual strong {
    display: block;
    font-size: 24px;
    line-height: 1.15;
    margin-bottom: 8px;
}

.aws-fashion-demo-card-visual span {
    display: block;
    color: rgba(255,255,255,.76);
    letter-spacing: .22em;
    font-size: 13px;
}

.aws-fashion-demo-card-footer {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 18px;
    color: rgba(255,255,255,.78);
    font-size: 12px;
    font-style: normal;
}

.aws-fashion-demo-card-footer em,
.aws-fashion-demo-card-footer b {
    font-style: normal;
}

.aws-fashion-payment-summary > div {
    border-radius: 20px;
    background: #0B0B0B;
    box-shadow: 0 12px 24px rgba(0,0,0,.16);
}

.aws-fashion-demo-pay-btn {
    background: linear-gradient(180deg, #f9e28d 0%, #d4af37 68%, #b88a14 100%);
    color: #111111;
    box-shadow: 0 8px 0 #8e6710, 0 16px 24px rgba(212,175,55,.22);
}

.aws-fashion-demo-pay-btn:hover {
    background: linear-gradient(180deg, #ffe7a2 0%, #e1be49 68%, #c89416 100%);
}

.aws-fashion-payment-note {
    background: rgba(21,128,61,.08);
    border: 1px solid rgba(21,128,61,.16);
    color: #14532d;
}

@media (max-width: 760px) {
    .aws-fashion-product-actions {
        grid-template-columns: 1fr;
    }
    .aws-fashion-product-actions a,
    .aws-fashion-product-actions button {
        height: 54px;
        min-height: 54px;
        font-size: 14px;
    }
    .aws-fashion-demo-card-visual {
        padding: 20px 18px;
        border-radius: 22px;
    }
    .aws-fashion-demo-card-visual strong {
        font-size: 21px;
    }
}


/* v17 hero redesign: full background image with dark overlay */
.aws-fashion-hero {
    position: relative;
    min-height: 760px;
    padding: 110px 0 90px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(7,17,31,.90) 0%, rgba(11,11,11,.72) 38%, rgba(34,15,19,.48) 70%, rgba(34,15,19,.35) 100%),
        radial-gradient(circle at 14% 20%, rgba(212,175,55,.22), transparent 28%),
        url('../images/hero-trio.webp') center center / cover no-repeat;
}

.aws-fashion-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.15) 0%, rgba(0,0,0,.24) 100%);
    pointer-events: none;
}

.aws-fashion-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 52px 52px;
    opacity: .32;
    pointer-events: none;
}

.aws-fashion-hero .aws-demo-container {
    position: relative;
    z-index: 2;
    width: min(1240px, calc(100% - 40px));
}

.aws-fashion-hero-grid,
.aws-fashion-hero-card,
.aws-fashion-hero-photo,
.aws-fashion-floating-card,
.aws-fashion-floating-card-one,
.aws-fashion-floating-card-two {
    all: unset;
}

.aws-fashion-hero-overlay-card {
    max-width: 630px;
    padding: 40px 38px 36px;
    border-radius: 34px;
    background: rgba(10,10,12,.28);
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: 0 32px 80px rgba(0,0,0,.28);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.aws-fashion-hero .aws-fashion-badge {
    display: inline-flex;
    margin-bottom: 18px;
    padding: 9px 16px;
    border-radius: 999px;
    background: rgba(212,175,55,.14);
    border: 1px solid rgba(212,175,55,.28);
    color: #F2D879;
}

.aws-fashion-hero h1 {
    margin: 0 0 18px;
    color: #ffffff;
    font-size: clamp(46px, 7vw, 82px);
    line-height: .95;
    letter-spacing: -0.05em;
    max-width: 560px;
}

.aws-fashion-hero p {
    margin: 0 0 28px;
    color: rgba(255,255,255,.82);
    max-width: 560px;
    font-size: 20px;
    line-height: 1.7;
}

.aws-fashion-hero .aws-fashion-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 24px;
}

.aws-fashion-hero .aws-demo-btn {
    min-height: 56px;
    padding: 0 26px;
    border-radius: 999px;
}

.aws-fashion-hero .aws-demo-btn-gold {
    box-shadow: 0 16px 30px rgba(212,175,55,.22);
}

.aws-fashion-hero .aws-demo-btn-whatsapp,
.aws-fashion-hero .aws-demo-btn-outline {
    background: linear-gradient(180deg, rgba(52,211,153,.20) 0%, rgba(22,163,74,.18) 100%);
    border-color: rgba(74,222,128,.65);
    color: #ffffff !important;
}

.aws-fashion-hero .aws-demo-btn-whatsapp:hover,
.aws-fashion-hero .aws-demo-btn-outline:hover {
    background: linear-gradient(180deg, #34d399 0%, #16a34a 70%, #166534 100%);
    border-color: #16a34a;
}

.aws-fashion-hero-features {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.aws-fashion-hero-features span {
    display: inline-flex;
    align-items: center;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.16);
    color: rgba(255,255,255,.92);
    font-size: 13px;
    font-weight: 700;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.aws-fashion-hero-floating-badge {
    position: absolute;
    right: 14px;
    bottom: 24px;
    max-width: 320px;
    padding: 18px 20px;
    border-radius: 26px;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(255,255,255,.55);
    box-shadow: 0 20px 50px rgba(0,0,0,.20);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.aws-fashion-hero-floating-badge strong,
.aws-fashion-hero-floating-badge span {
    display: block;
}

.aws-fashion-hero-floating-badge strong {
    color: #111827;
    font-size: 21px;
    line-height: 1.15;
    margin-bottom: 8px;
}

.aws-fashion-hero-floating-badge span {
    color: #6B7280;
    line-height: 1.55;
    font-size: 14px;
}

@media (max-width: 1024px) {
    .aws-fashion-hero {
        min-height: 700px;
        padding: 90px 0 86px;
        background-position: center right 28%;
    }
    .aws-fashion-hero-overlay-card {
        max-width: 590px;
    }
    .aws-fashion-hero-floating-badge {
        right: 20px;
        bottom: 20px;
        max-width: 280px;
    }
}

@media (max-width: 760px) {
    .aws-fashion-hero {
        min-height: auto;
        padding: 78px 0 110px;
        background:
            linear-gradient(180deg, rgba(7,17,31,.88) 0%, rgba(11,11,11,.72) 44%, rgba(34,15,19,.60) 100%),
            url('../images/hero-trio.webp') center center / cover no-repeat;
    }
    .aws-fashion-hero .aws-demo-container {
        width: min(100%, calc(100% - 24px));
    }
    .aws-fashion-hero-overlay-card {
        padding: 28px 20px 24px;
        border-radius: 24px;
    }
    .aws-fashion-hero h1 {
        font-size: clamp(40px, 12vw, 58px);
    }
    .aws-fashion-hero p {
        font-size: 18px;
    }
    .aws-fashion-hero .aws-fashion-actions {
        flex-direction: column;
        align-items: stretch;
    }
    .aws-fashion-hero .aws-demo-btn {
        width: 100%;
    }
    .aws-fashion-hero-features {
        gap: 10px;
    }
    .aws-fashion-hero-features span {
        width: 100%;
        justify-content: center;
    }
    .aws-fashion-hero-floating-badge {
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: 18px;
        max-width: 100%;
        border-radius: 22px;
    }
}


/* v18 comprehensive mobile responsiveness */
html, body {
    overflow-x: hidden;
}

.aws-fashion-demo img {
    max-width: 100%;
    height: auto;
}

/* Tablet adjustments */
@media (max-width: 992px) {
    .aws-demo-container {
        width: min(100%, calc(100% - 28px));
    }

    .aws-demo-notice-inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .aws-demo-notice .aws-demo-btn {
        width: auto;
    }

    .aws-fashion-category-grid,
    .aws-fashion-product-grid,
    .aws-fashion-style-grid,
    .aws-fashion-review-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .aws-fashion-category-card,
    .aws-fashion-product-card,
    .aws-fashion-style-grid article,
    .aws-fashion-review-grid article {
        min-width: 0;
    }

    .aws-fashion-why-grid {
        grid-template-columns: 1fr;
    }

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

    .aws-fashion-order-box,
    .aws-fashion-learn-box {
        padding: 52px 28px;
    }

    .aws-fashion-payment-dialog {
        width: min(560px, calc(100% - 24px));
    }
}

/* Mobile layout */
@media (max-width: 767px) {
    .aws-demo-container {
        width: min(100%, calc(100% - 22px));
    }

    .aws-demo-notice {
        padding: 14px 0;
    }

    .aws-demo-notice-inner {
        gap: 14px;
    }

    .aws-demo-eyebrow {
        font-size: 11px;
    }

    .aws-demo-notice p {
        font-size: 14px;
        line-height: 1.55;
    }

    .aws-demo-notice .aws-demo-btn {
        width: 100%;
        min-height: 50px;
    }

    .aws-fashion-categories,
    .aws-fashion-products,
    .aws-fashion-why,
    .aws-fashion-style,
    .aws-fashion-reviews,
    .aws-fashion-order-cta,
    .aws-fashion-learn-cta {
        padding: 72px 0;
    }

    .aws-fashion-section-heading {
        margin-bottom: 28px;
    }

    .aws-fashion-section-heading h2,
    .aws-fashion-why-content h2,
    .aws-fashion-order-box h2,
    .aws-fashion-learn-box h2 {
        font-size: clamp(28px, 8vw, 40px);
        line-height: 1.08;
    }

    .aws-fashion-section-heading p,
    .aws-fashion-why-content p,
    .aws-fashion-order-box p,
    .aws-fashion-learn-box p {
        font-size: 15.5px;
        line-height: 1.65;
    }

    .aws-fashion-category-grid,
    .aws-fashion-product-grid,
    .aws-fashion-style-grid,
    .aws-fashion-review-grid,
    .aws-fashion-benefit-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .aws-fashion-category-card {
        min-height: 360px;
        border-radius: 22px;
    }

    .aws-fashion-card-copy {
        left: 12px;
        right: 12px;
        bottom: 12px;
        padding: 18px 16px;
        border-radius: 18px;
    }

    .aws-fashion-card-copy::before {
        font-size: 10px;
        margin-bottom: 10px;
    }

    .aws-fashion-category-card h3 {
        font-size: 22px;
    }

    .aws-fashion-product-card {
        border-radius: 22px;
    }

    .aws-fashion-product-image {
        height: 270px;
    }

    .aws-fashion-product-image::after {
        top: 12px;
        left: 12px;
        font-size: 10px;
        padding: 7px 11px;
    }

    .aws-fashion-offer-3d {
        top: 12px;
        right: 12px;
        min-width: 78px;
        padding: 8px 10px;
        font-size: 9px;
        border-radius: 12px;
    }

    .aws-fashion-product-body {
        padding: 20px 18px 22px;
    }

    .aws-fashion-product-body h3 {
        font-size: 22px;
        line-height: 1.15;
    }

    .aws-fashion-price-row {
        gap: 10px;
        margin-bottom: 12px;
    }

    .aws-fashion-product-body strong.aws-fashion-sale-price {
        font-size: 15px;
        padding: 8px 12px;
    }

    .aws-fashion-old-price {
        font-size: 13px;
    }

    .aws-fashion-product-body p {
        min-height: auto;
        font-size: 15px;
        line-height: 1.6;
    }

    .aws-fashion-product-actions {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 18px;
    }

    .aws-fashion-product-actions a,
    .aws-fashion-product-actions button {
        height: 52px;
        min-height: 52px;
        font-size: 14px;
        padding: 0 16px;
    }

    .aws-fashion-why {
        padding-top: 74px;
        padding-bottom: 74px;
    }

    .aws-fashion-benefit {
        padding: 20px 18px;
        border-radius: 20px;
    }

    .aws-fashion-style-grid article {
        min-height: 430px;
        border-radius: 24px;
    }

    .aws-fashion-style-grid article h3 {
        padding-top: 320px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 24px;
    }

    .aws-fashion-style-grid article h3::before {
        left: 20px;
        top: 275px;
    }

    .aws-fashion-style-grid article p {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 22px;
        font-size: 15px;
    }

    .aws-fashion-review-grid article {
        min-height: auto;
        padding: 26px 20px 22px;
        border-radius: 22px;
    }

    .aws-fashion-review-grid article::before {
        font-size: 110px;
        top: -10px;
        right: 18px;
    }

    .aws-fashion-review-grid article::after {
        top: 22px;
        left: 20px;
        font-size: 13px;
        letter-spacing: 2px;
    }

    .aws-fashion-review-grid p {
        padding-top: 36px;
        margin-bottom: 20px;
        font-size: 15.5px;
        line-height: 1.7;
    }

    .aws-fashion-review-grid strong::before {
        width: 40px;
        height: 40px;
    }

    .aws-fashion-order-box,
    .aws-fashion-learn-box {
        padding: 40px 18px;
        border-radius: 24px;
    }

    .aws-fashion-order-box h2::before {
        margin-bottom: 12px;
        font-size: 11px;
    }

    .aws-fashion-order-box .aws-demo-btn-dark,
    .aws-fashion-learn-box .aws-demo-btn-dark,
    .aws-fashion-learn-box .aws-demo-btn-white {
        width: 100%;
        min-height: 52px;
        padding: 0 18px;
    }

    .aws-fashion-learn-box .aws-fashion-actions {
        gap: 10px;
    }

    .aws-fashion-payment-modal {
        padding: 12px;
    }

    .aws-fashion-payment-dialog {
        width: 100%;
        max-height: calc(100vh - 24px);
        padding: 22px 16px;
        border-radius: 22px;
    }

    .aws-fashion-modal-close {
        top: 12px;
        right: 12px;
        width: 34px;
        height: 34px;
        font-size: 22px;
    }

    .aws-fashion-payment-header {
        padding: 6px 18px 16px;
    }

    .aws-fashion-payment-header h3 {
        font-size: 26px;
    }

    .aws-fashion-payment-header p {
        font-size: 14px;
    }

    .aws-fashion-demo-card-visual {
        margin-bottom: 16px;
        padding: 18px 16px;
        border-radius: 20px;
    }

    .aws-fashion-demo-card-visual strong {
        font-size: 20px;
    }

    .aws-fashion-demo-card-visual span {
        font-size: 12px;
        letter-spacing: .16em;
    }

    .aws-fashion-demo-card-chip {
        width: 44px;
        height: 34px;
        margin: 14px 0 16px;
    }

    .aws-fashion-payment-summary {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 16px;
    }

    .aws-fashion-payment-summary > div {
        padding: 14px;
        border-radius: 16px;
    }

    .aws-fashion-payment-form {
        gap: 12px;
    }

    .aws-fashion-payment-form label {
        font-size: 13px;
    }

    .aws-fashion-payment-form input {
        padding: 13px 14px;
        border-radius: 14px;
        font-size: 15px;
    }

    .aws-fashion-payment-row {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .aws-fashion-demo-pay-btn {
        min-height: 52px;
        padding: 0 16px;
    }

    .aws-fashion-payment-note {
        margin-top: 14px;
        font-size: 12.5px;
    }
}

/* Small phones */
@media (max-width: 480px) {
    .aws-fashion-hero {
        padding: 68px 0 96px;
    }

    .aws-fashion-hero-overlay-card {
        padding: 22px 16px 18px;
        border-radius: 20px;
    }

    .aws-fashion-hero h1 {
        font-size: clamp(34px, 11vw, 46px);
        line-height: .98;
    }

    .aws-fashion-hero p {
        font-size: 16px;
        line-height: 1.65;
        margin-bottom: 22px;
    }

    .aws-fashion-hero .aws-demo-btn {
        min-height: 50px;
        font-size: 14px;
        padding: 0 16px;
    }

    .aws-fashion-hero-features span {
        font-size: 12px;
        padding: 9px 12px;
    }

    .aws-fashion-hero-floating-badge {
        padding: 16px;
    }

    .aws-fashion-hero-floating-badge strong {
        font-size: 18px;
    }

    .aws-fashion-hero-floating-badge span {
        font-size: 13px;
    }

    .aws-fashion-section-heading h2,
    .aws-fashion-why-content h2,
    .aws-fashion-order-box h2,
    .aws-fashion-learn-box h2 {
        font-size: 26px;
    }

    .aws-fashion-category-card {
        min-height: 330px;
    }

    .aws-fashion-product-image {
        height: 240px;
    }

    .aws-fashion-product-body h3 {
        font-size: 20px;
    }

    .aws-fashion-style-grid article {
        min-height: 390px;
    }

    .aws-fashion-style-grid article h3 {
        padding-top: 286px;
        font-size: 22px;
    }

    .aws-fashion-style-grid article h3::before {
        top: 242px;
        font-size: 10px;
    }

    .aws-fashion-payment-row {
        grid-template-columns: 1fr;
    }
}