*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf7f2;color:#432018;font-family:Arial,Helvetica,sans-serif}/* =========================================================
   ANGANA PREMIUM HEADER
========================================================= */
.site-header{
    position:sticky;
    top:0;
    z-index:1000;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% -20%, rgba(255,255,255,.96) 0, rgba(255,255,255,.48) 30%, transparent 55%),
        linear-gradient(120deg,#fff9f4 0%,#f3dfd5 34%,#e6c5b9 62%,#f7e7dc 100%);
    border-bottom:1px solid rgba(116,48,38,.18);
    box-shadow:0 12px 35px rgba(70,22,18,.10);
}
.site-header::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,transparent 0 8%,rgba(255,255,255,.25) 8.2% 8.5%,transparent 8.7% 91.3%,rgba(255,255,255,.25) 91.5% 91.8%,transparent 92%),
        repeating-linear-gradient(135deg,transparent 0 22px,rgba(132,67,51,.025) 23px,transparent 24px 46px);
    pointer-events:none;
}
.site-header-inner{
    position:relative;
    z-index:3;
    width:min(1380px,92%);
    min-height:82px;
    margin:auto;
    padding:4px 0;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:20px;
}
.site-nav{
    display:flex;
    align-items:center;
    gap:34px;
}
.site-nav-left{justify-self:start}
.site-nav a{
    position:relative;
    color:#4a1714;
    text-decoration:none;
    font-size:13px;
    font-weight:700;
    letter-spacing:1.7px;
    text-transform:uppercase;
    padding:15px 2px;
    transition:.3s ease;
}
.site-nav a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:6px;
    width:0;
    height:1px;
    background:linear-gradient(90deg,#8b3429,#c49a4d);
    transition:width .3s ease;
}
.site-nav a:hover,.site-nav a.active{color:#8a2f28}
.site-nav a:hover::after,.site-nav a.active::after{width:100%}
.site-logo{
    position:relative;
    width:150px;
    height:76px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
}
.site-logo img{
    position:relative;
    z-index:2;
    width:138px;
    height:74px;
    object-fit:contain;
    filter:drop-shadow(0 7px 9px rgba(83,30,23,.10));
    transition:transform .35s ease;
}
.site-logo:hover img{transform:translateY(-2px) scale(1.025)}
.site-logo-halo{
    position:absolute;
    width:120px;
    height:60px;
    border-radius:50%;
    background:radial-gradient(ellipse,rgba(255,255,255,.65),rgba(255,255,255,0) 70%);
}
.site-header-right{justify-self:end}
.nav-phone{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#4a1714;
    text-decoration:none;
    font-size:13px;
    font-weight:700;
    letter-spacing:1.2px;
    white-space:nowrap;
    padding:11px 15px;
    border:1px solid rgba(126,59,46,.35);
    border-radius:999px;
    background:rgba(255,250,246,.38);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
    transition:.3s ease;
}
.nav-phone:hover{
    color:#fff;
    background:linear-gradient(135deg,#6d201c,#8f3a30);
    border-color:#8f3a30;
    transform:translateY(-2px);
    box-shadow:0 8px 22px rgba(92,29,24,.18);
}
.nav-phone-icon{
    width:24px;
    height:24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#9a7135;
    border:1px solid rgba(154,113,53,.55);
    background:rgba(255,255,255,.45);
    font-size:12px;
}
.nav-phone:hover .nav-phone-icon{color:#fff;border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.1)}
.site-header-thread{
    position:absolute;
    z-index:1;
    width:48%;
    height:52px;
    border-top:1px solid rgba(145,86,57,.17);
    border-radius:50%;
    pointer-events:none;
}
.thread-one{left:-12%;top:52px;transform:rotate(8deg)}
.thread-two{right:-12%;top:34px;transform:rotate(-8deg)}
.site-header-glow{
    position:absolute;
    left:50%;
    top:-35px;
    width:260px;
    height:120px;
    transform:translateX(-50%);
    border-radius:50%;
    background:radial-gradient(ellipse,rgba(185,139,65,.16),transparent 68%);
    pointer-events:none;
}
.site-header-bottom-line{
    position:relative;
    z-index:4;
    width:min(680px,70%);
    margin:0 auto 4px;
    display:flex;
    align-items:center;
    gap:12px;
}
.site-header-bottom-line span{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(137,83,49,.35))}
.site-header-bottom-line span:last-child{background:linear-gradient(90deg,rgba(137,83,49,.35),transparent)}
.site-header-bottom-line i{font-style:normal;color:#b58a43;font-size:12px}
.menu-toggle{display:none}
.hero{min-height:650px;display:grid;grid-template-columns:50% 50%;background:#efe6dc}.hero-copy{display:flex;align-items:center;background:linear-gradient(135deg,#fffaf5,#ead8ca)}.hero-inner{max-width:650px;padding:80px 8%}.hero-kicker,.eyebrow{display:block;color:#a17a38;font-size:11px;letter-spacing:3px;text-transform:uppercase}.hero h1{font:500 clamp(48px,6vw,82px)/1.02 Georgia,serif;color:#4a1c14;margin:18px 0 25px}.hero p{max-width:570px;color:#71635d;font-size:17px;line-height:1.8;margin:0 0 30px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-block;background:#5a2118;color:#fff;text-decoration:none;padding:14px 24px;font-size:13px;letter-spacing:.3px;border:1px solid #5a2118;transition:.2s}.button:hover{background:#40140f;color:#fff}.button-outline{background:transparent;color:#5a2118}.button-outline:hover{background:#5a2118;color:#fff}.hero-image{min-height:650px;overflow:hidden;background:#ddd}.hero-image img{width:100%;height:100%;display:block;object-fit:cover}.feature-strip{background:#5a2118;color:#fff}.feature-strip-inner{max-width:1300px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr)}.feature-item{text-align:center;padding:24px 20px;border-right:1px solid rgba(255,255,255,.15)}.feature-item:last-child{border-right:0}.feature-item strong,.feature-item span{display:block}.feature-item strong{font-size:13px;letter-spacing:1px;text-transform:uppercase}.feature-item span{font-size:12px;opacity:.8;margin-top:6px}.section{padding:90px 5%}.container{max-width:1350px;margin:auto}.section-head{text-align:center;max-width:760px;margin:0 auto 45px}.section-head h2{font:500 44px Georgia,serif;color:#4a1c14;margin:12px 0}.section-head p{color:#766a64;line-height:1.7}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card{background:#fff;border:1px solid #e7ddd3;transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(50,20,10,.1)}.product-card a{text-decoration:none;color:inherit}.product-image{height:350px;background:#eee6dc;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s}.product-card:hover img{transform:scale(1.04)}.product-info{padding:20px}.product-category{font-size:10px;letter-spacing:2px;color:#a17a38;text-transform:uppercase}.product-info h3{font:500 23px Georgia,serif;margin:8px 0;color:#4a1c14}.product-info p{font-size:13px;color:#777;line-height:1.6;min-height:42px}.price{font-weight:700;font-size:18px;color:#5a2118}.old-price{font-size:12px;color:#999;text-decoration:line-through;margin-left:8px}.split-section{display:grid;grid-template-columns:50% 50%;min-height:520px;background:#fff}.split-image{min-height:520px;background:#eee6dc;overflow:hidden}.split-image img{width:100%;height:100%;object-fit:cover;display:block}.split-copy{display:flex;align-items:center}.split-copy-inner{padding:70px 10%;max-width:700px}.split-copy h2{font:500 45px/1.15 Georgia,serif;color:#4a1c14;margin:15px 0 20px}.split-copy p{color:#756963;line-height:1.8;margin-bottom:28px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.category-card,.service-card,.about-box{background:#fff;border:1px solid #e6dbd1;padding:32px;text-decoration:none;color:inherit}.category-card span,.service-number{color:#a17a38;font-size:11px;letter-spacing:2px}.category-card h3,.service-card h3{font:500 25px Georgia,serif;margin:15px 0 10px;color:#4a1c14}.category-card p,.service-card p,.about-box p{color:#756963;line-height:1.7;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{min-height:230px}.about-box{max-width:900px;margin:auto;padding:50px}.about-box h2{font:500 40px Georgia,serif;margin:15px 0 20px}.page-banner{text-align:center;padding:90px 20px;background:linear-gradient(135deg,#f1e4d8,#fffaf6);border-top:1px solid #eadfd5;border-bottom:1px solid #eadfd5}.page-banner h1{font:500 50px Georgia,serif;margin:15px 0;color:#4a1c14}.page-banner p{max-width:720px;margin:auto;color:#756963;line-height:1.7}.site-footer{background:#421811;color:#fff;padding:60px 5% 0}.footer-grid{max-width:1250px;margin:auto;display:grid;grid-template-columns:1.4fr 1fr 1.3fr;gap:60px;padding-bottom:45px}.footer-logo{width:130px;height:65px;object-fit:contain;background:#fff;padding:5px}.footer-grid p{color:#dccbc2;line-height:1.7;font-size:13px;max-width:380px}.footer-grid h3{font:500 22px Georgia,serif;margin-top:0}.footer-grid>a,.footer-grid>div>a{display:block;color:#dccbc2;text-decoration:none;margin:10px 0;font-size:13px}.footer-button{display:inline-block!important;background:#fff;color:#5a2118!important;padding:11px 17px;margin-top:12px!important}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);padding:20px 0;display:flex;justify-content:space-between;max-width:1250px;margin:auto;color:#cdbbb2;font-size:11px}@media(max-width:1000px){.site-nav{gap:18px}.product-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-image{min-height:500px;order:-1}.split-section{grid-template-columns:1fr}.split-image{min-height:450px}.service-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.category-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.site-header-inner{min-height:70px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;border-bottom:1px solid #eadfd5;padding:15px 22px;flex-direction:column;align-items:stretch;gap:0}.site-nav.show{display:flex}.site-nav a{padding:13px 5px;border-bottom:1px solid #f0e8e1}.site-nav .nav-cta{text-align:center;margin-top:10px}.hero-inner{padding:60px 7%}.hero h1{font-size:48px}.hero-image{min-height:420px}.feature-strip-inner{grid-template-columns:1fr}.feature-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.product-grid,.service-grid,.category-grid{grid-template-columns:1fr}.section{padding:65px 18px}.section-head h2{font-size:36px}.product-image{height:400px}.split-copy-inner{padding:55px 8%}.split-copy h2{font-size:38px}.page-banner{padding:65px 18px}.page-banner h1{font-size:38px}.about-box{padding:30px 22px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{flex-direction:column;gap:8px}}@media(max-width:420px){.hero h1{font-size:41px}.hero-image{min-height:350px}.product-image{height:350px}}

/* =========================================================
   PREMIUM HEADER RESPONSIVE OVERRIDES
========================================================= */
@media(max-width:700px){
    .site-header-inner{
        width:94%;
        min-height:92px;
        grid-template-columns:1fr auto 1fr;
        gap:8px;
    }
    .site-nav{gap:13px}
    .site-nav a{font-size:10px;letter-spacing:1px;padding:10px 0}
    .site-nav a::after{bottom:2px}
    .site-logo{width:125px;height:82px}
    .site-logo img{width:122px;height:78px}
    .site-logo-halo{width:112px;height:62px}
    .nav-phone{
        padding:8px 9px;
        gap:6px;
        font-size:9px;
        letter-spacing:.5px;
    }
    .nav-phone-icon{width:22px;height:22px;font-size:10px}
    .site-header-thread{width:60%;opacity:.7}
    .site-header-bottom-line{width:82%;margin-top:-2px}
}
@media(max-width:430px){
    .site-header-inner{width:96%;min-height:84px}
    .site-nav{gap:9px}
    .site-nav a{font-size:9px;letter-spacing:.5px}
    .site-logo{width:108px;height:72px}
    .site-logo img{width:105px;height:70px}
    .nav-phone span:last-child{font-size:0}
    .nav-phone{width:34px;height:34px;padding:0;justify-content:center}
}


/* =========================================================
   ANGANA HEADER + FLYING DUPATTA FINAL OVERRIDES
========================================================= */
.site-header-inner{
    min-height:88px;
    padding:2px 0;
}
.site-logo{
    width:150px;
    height:84px;
}
.site-logo img{
    width:126px;
    height:90px;
    object-fit:contain;
    filter:drop-shadow(0 5px 7px rgba(83,30,23,.13));
}
.site-logo-halo{
    width:132px;
    height:66px;
}
/* The old decorative line below the logo is intentionally removed. */
.site-header-bottom-line{display:none!important}

/* A lighter, cleaner decorative header without lines crossing the logo. */
.site-header-thread{
    opacity:.32;
    height:38px;
}
.thread-one{top:48px}
.thread-two{top:28px}

/* Flying dupatta transition */
.ang-fashion-transition{
    position:relative;
    height:118px;
    overflow:hidden;
    background:linear-gradient(180deg,#fffaf6 0%,#f9eee7 52%,#f4e3db 100%);
}
.ang-fashion-transition::before,
.ang-fashion-transition::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    pointer-events:none;
}
.ang-fashion-transition::before{
    top:0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(122,42,35,.12),transparent);
}
.ang-fashion-transition::after{
    bottom:0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(184,141,72,.25),transparent);
}
.ang-dupatta{
    position:absolute;
    top:22px;
    left:-55%;
    width:58%;
    height:76px;
    transform:rotate(-3deg);
    border-radius:58% 42% 52% 48% / 54% 44% 56% 46%;
    background:
        linear-gradient(104deg,
            #420b11 0%,
            #64151e 14%,
            #8b2b36 31%,
            #a13b46 44%,
            #681a25 60%,
            #4b0d14 76%,
            #7b222d 91%,
            #9a3440 100%);
    box-shadow:
        0 13px 22px rgba(66,10,16,.24),
        inset 0 3px 8px rgba(255,255,255,.16),
        inset 0 -8px 14px rgba(26,2,6,.22);
    clip-path:polygon(
        0 39%, 7% 31%, 14% 42%, 22% 19%, 31% 35%,
        40% 10%, 49% 29%, 58% 15%, 68% 38%, 78% 20%,
        88% 35%, 100% 26%, 100% 66%, 91% 57%, 82% 75%,
        72% 58%, 62% 80%, 52% 61%, 42% 83%, 32% 62%,
        22% 79%, 12% 58%, 4% 69%, 0 61%);
    animation:angFlyingDupatta 9s cubic-bezier(.25,.65,.25,1) infinite;
    will-change:left,transform;
    z-index:2;
}
.ang-dupatta::before{
    content:"";
    position:absolute;
    left:4%;
    right:4%;
    top:15px;
    height:2px;
    background:linear-gradient(90deg,
        transparent 0%,#b8873e 12%,#f1d68f 30%,#b8873e 50%,
        #f1d68f 70%,#b8873e 88%,transparent 100%);
    opacity:.85;
    box-shadow:0 45px 0 rgba(221,184,98,.42);
}
.ang-dupatta::after{
    content:"";
    position:absolute;
    left:10%;
    top:30%;
    width:32%;
    height:22%;
    border-radius:50%;
    background:rgba(255,224,158,.18);
    filter:blur(8px);
}
.ang-dupatta-edge{
    position:absolute;
    left:0;
    right:0;
    bottom:12px;
    height:3px;
    background:linear-gradient(90deg,
        transparent,#9c6c2c 12%,#f3d791 30%,#b9873c 50%,
        #f3d791 70%,#9c6c2c 88%,transparent);
    opacity:.9;
}
.ang-dupatta-glow{
    position:absolute;
    left:35%;
    top:14px;
    width:180px;
    height:42px;
    border-radius:50%;
    background:radial-gradient(ellipse,rgba(255,231,178,.25),transparent 70%);
    filter:blur(2px);
}
.ang-dupatta-tassel{
    position:absolute;
    width:12px;
    height:24px;
    bottom:5px;
    border-radius:0 0 8px 8px;
    background:linear-gradient(90deg,#8b6126,#f0d48c,#8b6126);
    box-shadow:0 3px 6px rgba(47,8,12,.3);
}
.tassel-one{left:10%}
.tassel-two{right:10%}
.ang-transition-copy{display:none!important}

@keyframes angFlyingDupatta{
    0%{
        left:-58%;
        transform:translateY(8px) rotate(-4deg) skewX(-5deg);
        opacity:.05;
    }
    8%{opacity:1}
    28%{transform:translateY(-5px) rotate(-1deg) skewX(3deg)}
    50%{transform:translateY(7px) rotate(3deg) skewX(-3deg)}
    72%{transform:translateY(-3px) rotate(-2deg) skewX(4deg)}
    92%{opacity:1}
    100%{
        left:105%;
        transform:translateY(8px) rotate(4deg) skewX(-4deg);
        opacity:.05;
    }
}

@media(max-width:700px){
    .site-header-inner{
        min-height:76px;
        width:94%;
    }
    .site-logo{
        width:125px;
        height:72px;
    }
    .site-logo img{
        width:112px;
        height:78px;
    }
    .site-logo-halo{
        width:112px;
        height:55px;
    }
    .ang-fashion-transition{height:96px}
    .ang-dupatta{top:18px;height:62px;width:68%}
}
@media(max-width:430px){
    .site-header-inner{min-height:70px}
    .site-logo{width:108px;height:66px}
    .site-logo img{width:102px;height:72px}
    .site-logo-halo{width:98px;height:50px}
    .ang-fashion-transition{height:82px}
    .ang-dupatta{top:15px;height:53px;width:75%}
}
/* ============================================================
   ANGANA PREMIUM FASHION ATELIER FOOTER
============================================================ */

.angana-fashion-footer {

    position: relative;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(173, 74, 83, .18),
            transparent 27%
        ),

        radial-gradient(
            circle at 85% 65%,
            rgba(207, 167, 86, .09),
            transparent 30%
        ),

        linear-gradient(
            135deg,
            #350b12 0%,
            #4d111b 32%,
            #681b27 58%,
            #3a0c14 100%
        );

    color: #fff;

    padding-top: 78px;

    isolation: isolate;
}


/* ============================================================
   FINE FABRIC TEXTURE
============================================================ */

.angana-fashion-footer::before {

    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    opacity: .15;

    background-image:

        repeating-linear-gradient(
            0deg,
            transparent 0,
            transparent 5px,
            rgba(255,255,255,.04) 6px
        ),

        repeating-linear-gradient(
            90deg,
            transparent 0,
            transparent 8px,
            rgba(255,255,255,.025) 9px
        );

    z-index: -1;
}


/* ============================================================
   GOLD TOP BORDER
============================================================ */

.angana-fashion-footer::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 3px;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            #a97836 10%,
            #efd48d 28%,
            #a97836 50%,
            #efd48d 72%,
            #a97836 90%,
            transparent 100%
        );
}


/* ============================================================
   MAIN FOOTER GRID
============================================================ */

.angana-footer-inner {

    position: relative;

    z-index: 5;

    max-width: 1350px;

    margin: auto;

    padding:
        0 5%
        100px;

    display: grid;

    grid-template-columns:
        1.5fr
        .85fr
        1fr
        1.15fr;

    gap: 60px;
}


/* ============================================================
   BRAND
============================================================ */

.angana-footer-brand {

    position: relative;

    padding-right: 20px;
}


.footer-logo-frame {

    position: relative;

    width: 155px;

    height: 88px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 12px;

    background:
        rgba(255,255,255,.96);

    border:
        1px solid
        rgba(221,190,119,.75);

    box-shadow:
        0 10px 30px
        rgba(0,0,0,.18);
}


.angana-footer-logo {

    width: 135px;

    height: 75px;

    object-fit: contain;

    display: block;
}


/* ============================================================
   GOLD CORNERS
============================================================ */

.footer-logo-corner {

    position: absolute;

    width: 15px;

    height: 15px;

    border-color: #d8b76c;

    border-style: solid;
}


.corner-tl {

    left: -4px;
    top: -4px;

    border-width:
        2px 0 0 2px;
}


.corner-tr {

    right: -4px;
    top: -4px;

    border-width:
        2px 2px 0 0;
}


.corner-bl {

    left: -4px;
    bottom: -4px;

    border-width:
        0 0 2px 2px;
}


.corner-br {

    right: -4px;
    bottom: -4px;

    border-width:
        0 2px 2px 0;
}


/* ============================================================
   BRAND TEXT
============================================================ */

.footer-brand-kicker {

    display: block;

    font-size: 9px;

    letter-spacing: 5px;

    color: #d8b76c;

    margin-top: 20px;

    margin-bottom: 5px;
}


.angana-footer-brand h2 {

    margin: 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 32px;

    font-weight: 500;

    letter-spacing: 7px;

    color: #fff5e2;
}


.footer-brand-text {

    max-width: 380px;

    margin: 17px 0 15px;

    color:
        #fff;

    font-size: 18px;

    line-height: 1.9;
}


.footer-brand-line {

    display: flex;

    align-items: center;

    gap: 10px;

    width: 180px;

    margin: 15px 0;
}


.footer-brand-line span {

    flex: 1;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #c69a50
        );
}


.footer-brand-line span:last-child {

    background:
        linear-gradient(
            90deg,
            #c69a50,
            transparent
        );
}


.footer-brand-line b {

    color: #e4c67d;

    font-size: 12px;

    font-weight: normal;
}


.footer-tagline {

    margin: 0;

    font-family:
        Georgia,
        serif;

    font-style: italic;

    font-size: 12px;

    color: #d4a95f;
}


/* ============================================================
   FOOTER HEADINGS
============================================================ */

.footer-heading {

    display: flex;

    align-items: center;

    gap: 11px;

    margin-bottom: 24px;
}


.footer-heading-icon {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 24px;

    height: 24px;

    border:
        1px solid
        rgba(221,190,119,.5);

    border-radius: 50%;

    color: #e1c27b;

    font-size: 9px;
}


.footer-heading h3 {

    margin: 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 25px;

    font-weight: 500;

    color: #fff;

    letter-spacing: .5px;
}


/* ============================================================
   QUICK LINKS
============================================================ */

.footer-links {

    margin: 0;

    padding: 0;

    list-style: none;
}


.footer-links li {

    border-bottom:
        1px solid
        rgba(255,255,255,.09);
}


.footer-links li:last-child {

    border-bottom: 0;
}


.footer-links a {

    display: flex;

    align-items: center;

    gap: 15px;

    padding: 10px 0;

    color:#fff;

    text-decoration: none;

    font-size: 15px;

    transition:
        color .25s ease,
        padding-left .25s ease;
}


.footer-links a span {

    font-size: 18px;

    letter-spacing: 1px;

    color: #bd914c;

    min-width: 20px;
}


.footer-links a:hover {

    color: #fff;

    padding-left: 7px;
}


/* ============================================================
   ATELIER SERVICES
============================================================ */

.footer-services {

    list-style: none;

    padding: 0;

    margin: 0;
}


.footer-services li {

    display: flex;

    align-items: center;

    gap: 13px;

    padding: 8px 0;

    color:
        rgba(255,240,226,.75);

    font-size: 12px;
}


.service-symbol {

    width: 25px;

    height: 25px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:
        1px solid
        rgba(216,183,108,.28);

    color: #d8b76c;

    font-size: 11px;
}


/* ============================================================
   MEASURING LINE
============================================================ */

.footer-measure-line {

    display: flex;

    align-items: flex-end;

    gap: 0;

    margin-top: 24px;

    width: 190px;

    height: 13px;

    border-bottom:
        1px solid
        rgba(215,181,105,.55);
}


.footer-measure-line span {

    width: 1px;

    height: 8px;

    background: #d8b76c;
}


.footer-measure-line i {

    width: 1px;

    height: 4px;

    background: #d8b76c;

    margin-right: 16px;
}


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

.footer-contact-intro {

    margin:
        0 0 18px;

    color:
     #fff;

    font-size: 15px;

    line-height: 1.8;

    max-width: 270px;
}


.footer-contact-item {

    display: flex;

    align-items: center;

    gap: 13px;

    text-decoration: none;

    color: #fff;

    margin-bottom: 17px;
}


.contact-icon {

    width: 39px;

    height: 39px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    border:
        1px solid
        rgba(219,185,106,.55);

    color: #e2c77e;

    background:
        rgba(255,255,255,.035);
}


.footer-contact-item small {

    display: block;

    color: #c69c55;

    font-size: 17px;

    letter-spacing: 2px;

    margin-bottom: 3px;
}


.footer-contact-item span:last-child {

    font-size: 14px;

    letter-spacing: 1px;
}


/* ============================================================
   WHATSAPP
============================================================ */

.footer-whatsapp {

    display: flex;

    align-items: center;

    gap: 12px;

    width: fit-content;

    min-width: 190px;

    padding: 12px 15px;

    border:
        1px solid
        rgba(216,183,108,.65);

    color: #fff;

    text-decoration: none;

    background:
        rgba(255,255,255,.045);

    transition:
        background .25s ease,
        transform .25s ease;
}


.footer-whatsapp:hover {

    background:
        rgba(216,183,108,.14);

    transform:
        translateY(-2px);
}


.whatsapp-icon {

    width: 26px;

    height: 26px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #d8b76c;

    color: #4b111b;

    font-size: 11px;
}


.footer-whatsapp span:nth-child(2) {

    font-size: 11px;

    letter-spacing: 1px;
}


.footer-whatsapp b {

    margin-left: auto;

    color: #d8b76c;

    font-size: 17px;
}


/* ============================================================
   THREAD CURVES
============================================================ */

.footer-thread-line {

    position: absolute;

    width: 450px;

    height: 180px;

    border:
        1px solid
        rgba(216,183,108,.14);

    border-radius: 50%;

    pointer-events: none;

    z-index: 1;
}


.footer-thread-one {

    right: -120px;

    top: 20px;

    transform:
        rotate(-15deg);
}


.footer-thread-two {

    left: -180px;

    bottom: 30px;

    transform:
        rotate(17deg);
}


/* ============================================================
   EMBROIDERY DOTS
============================================================ */

.footer-embroidery {

    position: absolute;

    display: flex;

    gap: 8px;

    z-index: 2;

    opacity: .65;
}


.footer-embroidery span {

    width: 5px;

    height: 5px;

    border-radius: 50%;

    border:
        1px solid
        #d8b76c;
}


.embroidery-one {

    left: 4%;

    top: 30px;

    transform:
        rotate(25deg);
}


.embroidery-two {

    right: 31%;

    bottom: 70px;

    transform:
        rotate(-20deg);
}


/* ============================================================
   FASHION DECORATION AREA
============================================================ */

.footer-fashion-decoration {

    position: absolute;

    right: 0;

    bottom: 35px;

    width: 510px;

    height: 260px;

    z-index: 2;

    pointer-events: none;
}


/* ============================================================
   SEWING MACHINE
============================================================ */

.footer-sewing-machine {

    position: absolute;

    right: -20px;

    bottom: -5px;

    width: 390px;

    height: 235px;

    opacity: .32;

    filter:
        drop-shadow(
            0 10px 15px
            rgba(0,0,0,.15)
        );
}


.footer-sewing-machine svg {

    width: 100%;

    height: 100%;
}


/* ============================================================
   SCISSORS
============================================================ */

.footer-scissors {

    position: absolute;

    right: 350px;

    bottom: 30px;

    width: 100px;

    height: 100px;

    transform:
        rotate(-27deg);

    opacity: .72;
}


.scissor-ring {

    position: absolute;

    width: 35px;

    height: 35px;

    border:
        5px solid
        #d7b66a;

    border-radius: 50%;
}


.ring-one {

    left: 0;

    top: 0;
}


.ring-two {

    left: 42px;

    top: 0;
}


.scissor-blade {

    position: absolute;

    width: 68px;

    height: 8px;

    background:
        linear-gradient(
            90deg,
            #ead28e,
            #a47a37
        );

    border-radius: 10px;

    transform-origin: left center;
}


.blade-one {

    left: 18px;

    top: 40px;

    transform:
        rotate(24deg);
}


.blade-two {

    left: 18px;

    top: 43px;

    transform:
        rotate(-24deg);
}


.scissor-joint {

    position: absolute;

    left: 38px;

    top: 37px;

    width: 13px;

    height: 13px;

    border-radius: 50%;

    background: #f0d58d;

    box-shadow:
        0 0 0 3px #69303a;
}


/* ============================================================
   THREAD SPOOL
============================================================ */

.footer-thread-spool {

    position: absolute;

    right: 435px;

    bottom: 35px;

    width: 42px;

    height: 90px;

    transform:
        rotate(-7deg);
}


.spool-top,
.spool-bottom {

    position: absolute;

    left: 4px;

    width: 34px;

    height: 13px;

    border-radius: 50%;

    background:
        linear-gradient(
            90deg,
            #b88b43,
            #efd48e,
            #a87935
        );
}


.spool-top {

    top: 0;
}


.spool-bottom {

    bottom: 0;
}


.spool-body {

    position: absolute;

    left: 7px;

    top: 7px;

    width: 28px;

    height: 76px;

    overflow: hidden;

    border-radius:
        7px 7px 10px 10px;

    background:
        repeating-linear-gradient(
            0deg,
            #6c1b27 0,
            #6c1b27 4px,
            #8c2c38 5px,
            #641722 8px
        );
}


.spool-body span {

    display: block;

    height: 1px;

    margin-top: 8px;

    background:
        rgba(255,214,146,.3);
}


/* ============================================================
   MEASURING TAPE
============================================================ */

.footer-tape {

    position: absolute;

    right: 360px;

    top: 20px;

    width: 105px;

    height: 35px;

    padding: 4px;

    border-radius:
        5px;

    background:
        #d8b76c;

    transform:
        rotate(12deg);

    box-shadow:
        0 8px 15px
        rgba(0,0,0,.15);
}


.footer-tape::before {

    content: "";

    position: absolute;

    left: 10px;

    right: 10px;

    bottom: -12px;

    height: 18px;

    background:
        repeating-linear-gradient(
            90deg,
            #f2dfa9 0,
            #f2dfa9 8px,
            #6b4b2c 9px,
            #f2dfa9 10px
        );

    border:
        1px solid
        #a98240;
}


.tape-inner {

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: space-around;

    background:
        #f1dfa8;

    color: #5a3c24;

    font-size: 8px;

    font-weight: 700;
}


/* ============================================================
   THREAD SVG
============================================================ */

.footer-thread-svg {

    position: absolute;

    left: -230px;

    bottom: -5px;

    width: 850px;

    height: 180px;

    overflow: visible;
}


/* ============================================================
   BOTTOM BAR
============================================================ */

.angana-footer-bottom {

    position: relative;

    z-index: 10;

    border-top:
        1px solid
        rgba(216,183,108,.2);

    background:
        rgba(25,5,9,.35);
}


.footer-bottom-inner {

    max-width: 1350px;

    margin: auto;

    padding:
        18px 5%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    color:#fff;

    font-size: 15px;

    letter-spacing: .5px;
}


.footer-bottom-center {

    display: flex;

    align-items: center;

    gap: 9px;

    color: #d2ad62;

    font-family:
        Georgia,
        serif;

    font-style: italic;
}


.footer-bottom-center i {

    width: 22px;

    height: 1px;

    background:
        rgba(211,173,98,.5);
}


/* ============================================================
   TABLET
============================================================ */

@media (max-width: 1100px) {

    .angana-footer-inner {

        grid-template-columns:
            1.3fr
            1fr
            1fr;

        gap: 45px;
    }

    .footer-contact-column {

        grid-column: 1 / -1;
    }

    .footer-fashion-decoration {

        opacity: .55;
    }
}


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

@media (max-width: 750px) {

    .angana-fashion-footer {

        padding-top: 55px;
    }


    .angana-footer-inner {

        grid-template-columns: 1fr;

        gap: 38px;

        padding:
            0 25px 70px;
    }


    .angana-footer-brand {

        padding-right: 0;

        text-align: center;
    }


    .footer-logo-frame {

        margin:
            0 auto 12px;
    }


    .footer-brand-text {

        margin-left: auto;

        margin-right: auto;
    }


    .footer-brand-line {

        margin-left: auto;

        margin-right: auto;
    }


    .footer-heading {

        margin-bottom: 15px;
    }


    .footer-fashion-decoration {

        position: relative;

        right: auto;

        bottom: auto;

        width: 100%;

        height: 150px;

        margin-top: -35px;

        opacity: .55;
    }


    .footer-sewing-machine {

        width: 260px;

        height: 160px;

        right: -30px;

        bottom: 0;
    }


    .footer-scissors {

        right: 220px;

        bottom: 20px;

        transform:
            scale(.75)
            rotate(-27deg);
    }


    .footer-thread-spool {

        right: 305px;

        bottom: 30px;

        transform:
            scale(.75)
            rotate(-7deg);
    }


    .footer-tape {

        right: 235px;

        top: 15px;

        transform:
            scale(.75)
            rotate(12deg);
    }


    .footer-thread-svg {

        left: -250px;

        width: 700px;
    }


    .footer-bottom-inner {

        flex-direction: column;

        text-align: center;

        padding:
            17px 20px;

        gap: 9px;
    }


    .embroidery-two {

        display: none;
    }
}


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

@media (max-width: 450px) {

    .angana-footer-inner {

        padding-left: 18px;

        padding-right: 18px;
    }


    .angana-footer-brand h2 {

        font-size: 27px;

        letter-spacing: 5px;
    }


    .footer-fashion-decoration {

        height: 125px;
    }


    .footer-sewing-machine {

        width: 220px;

        height: 135px;

        right: -35px;
    }


    .footer-scissors {

        right: 175px;

        bottom: 12px;

        transform:
            scale(.58)
            rotate(-27deg);
    }


    .footer-thread-spool {

        right: 250px;

        transform:
            scale(.58)
            rotate(-7deg);
    }


    .footer-tape {

        right: 190px;

        transform:
            scale(.58)
            rotate(12deg);
    }


    .footer-thread-svg {

        left: -280px;

        width: 650px;
    }
}

/* =========================================================
   BOUTIQUE SERVICE MANAGEMENT OUTPUT
========================================================= */
.ang-craft-name{
    max-width:150px;
    margin:22px auto 0;
    color:#4a1714;
    font-family:Georgia,"Times New Roman",serif;
    font-size:20px;
    line-height:1.15;
    text-align:center;
}
.ang-craft-empty{
    width:min(900px,92%);
    margin:55px auto 15px;
    padding:35px 20px;
    border-top:1px solid rgba(126,59,46,.16);
    border-bottom:1px solid rgba(126,59,46,.16);
    text-align:center;
    color:#766568;
    font-size:15px;
}

/* =========================================================
   PUBLIC WEBSITE HEADER — COMPACT + PERFECT LOGO FIT
========================================================= */
.site-header{
    overflow:visible;
    min-height:106px;
    background:
        radial-gradient(circle at 50% -35%,rgba(255,255,255,.98),transparent 48%),
        linear-gradient(180deg,#fffaf7 0%,#f8ebe5 100%);
    border-bottom:1px solid rgba(111,43,35,.14);
    box-shadow:0 5px 18px rgba(67,25,19,.06);
}
.site-header-inner{
    width:min(1500px,94%);
    min-height:106px;
    padding:0;
}
.site-logo{
    position:relative;
    width:220px;
    height:150px;
    margin-top:18px;
    z-index:10;
    display:flex;
    align-items:center;
    justify-content:center;
}
/* Gold outer frame */
.site-logo::before{
    content:"";
    position:absolute;
    width:204px;
    height:140px;
    background:#c69b3e;
    clip-path:polygon(50% 0%,61% 9%,74% 5%,84% 16%,98% 20%,95% 34%,100% 50%,94% 64%,97% 80%,82% 84%,74% 96%,60% 91%,50% 100%,39% 91%,25% 96%,17% 84%,3% 80%,6% 64%,0% 50%,6% 35%,2% 20%,16% 16%,26% 5%,39% 9%);
    z-index:0;
    filter:drop-shadow(0 4px 3px rgba(88,35,24,.18));
}
/* White inner area — slightly larger so the complete logo stays inside */
.site-logo::after{
    content:"";
    position:absolute;
    width:194px;
    height:130px;
    background:#fffaf7;
    clip-path:polygon(50% 0%,61% 9%,74% 5%,84% 16%,98% 20%,95% 34%,100% 50%,94% 64%,97% 80%,82% 84%,74% 96%,60% 91%,50% 100%,39% 91%,25% 96%,17% 84%,3% 80%,6% 64%,0% 50%,6% 35%,2% 20%,16% 16%,26% 5%,39% 9%);
    z-index:1;
}
/* Complete Angana logo, fully contained inside the white frame */
.site-logo img{
    position:relative;
    z-index:3;
    width:136px;
    height:94px;
    object-fit:contain;
    display:block;
    filter:drop-shadow(0 4px 6px rgba(83,30,23,.10));
}
.site-logo-halo{display:none!important}
.site-nav{gap:40px}
.site-nav a{
    font-size:14px;
    letter-spacing:2px;
    color:#4b1714;
    padding:13px 3px;
}
.site-nav a::after{bottom:4px}
.site-header-right{z-index:5}
.nav-phone{
    padding:12px 19px;
    gap:10px;
    font-size:13px;
    background:rgba(255,250,247,.68);
}
.site-header-thread{opacity:.18}
.site-header-glow{opacity:.65}

@media(max-width:700px){
    .site-header{min-height:82px}
    .site-header-inner{min-height:82px;width:94%;grid-template-columns:1fr auto 1fr;gap:8px}
    .site-logo{width:156px;height:112px;margin-top:12px}
    .site-logo::before{width:148px;height:101px}
    .site-logo::after{width:140px;height:94px}
    .site-logo img{width:98px;height:70px}
    .site-nav{gap:14px}
    .site-nav a{font-size:10px;letter-spacing:1px;padding:9px 1px}
    .nav-phone{padding:9px 10px;font-size:10px;gap:5px}
    .nav-phone-icon{width:21px;height:21px;font-size:10px}
}
@media(max-width:460px){
    .site-header{min-height:74px}
    .site-header-inner{min-height:74px;width:96%}
    .site-logo{width:126px;height:94px;margin-top:9px}
    .site-logo::before{width:120px;height:82px}
    .site-logo::after{width:113px;height:76px}
    .site-logo img{width:82px;height:59px}
    .site-nav{gap:8px}
    .site-nav a{font-size:8px;letter-spacing:.7px}
    .nav-phone{width:35px;height:35px;padding:0;justify-content:center;border-radius:50%}
    .nav-phone span:last-child{display:none}
}

/* Admin service table */
.service-thumb{width:70px;height:82px;flex-basis:70px}
.service-table{min-width:760px}

/* =========================================================
   FINAL COMPACT HEADER — LOGO CROSSES BELOW HEADER
   ========================================================= */
.site-header{
    height:106px;
    overflow:visible;
    position:sticky;
    top:0;
    z-index:1000;
}

.site-header-inner{
    width:min(1380px,92%);
    height:106px;
    min-height:106px;
    padding:0;
    position:relative;
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
}

.site-logo{
    position:absolute;
    left:50%;
    top:8px;
    transform:translateX(-50%);
    z-index:20;
    width:190px;
    height:158px;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    overflow:visible;
}

.site-logo img{
    position:relative;
    z-index:3;
    width:176px;
    height:154px;
    object-fit:contain;
    filter:drop-shadow(0 6px 8px rgba(83,30,23,.12));
}

.site-logo-halo{
    position:absolute;
    top:20px;
    left:50%;
    transform:translateX(-50%);
    width:150px;
    height:90px;
    z-index:1;
}

.site-nav-left{
    grid-column:1;
    justify-self:start;
}

.site-header-right{
    grid-column:2;
    justify-self:end;
}

.site-header-thread{
    z-index:1;
    pointer-events:none;
}

.site-header-glow{
    z-index:1;
}

@media(max-width:700px){
    .site-header{
        height:82px;
    }

    .site-header-inner{
        width:94%;
        height:82px;
        min-height:82px;
    }

    .site-logo{
        top:5px;
        width:135px;
        height:125px;
    }

    .site-logo img{
        width:132px;
        height:122px;
    }

    .site-logo-halo{
        width:112px;
        height:70px;
        top:14px;
    }

    .site-nav{
        gap:13px;
    }

    .site-nav a{
        font-size:10px;
        letter-spacing:1px;
        padding:10px 0;
    }

    .nav-phone{
        padding:8px 9px;
        gap:6px;
        font-size:9px;
        letter-spacing:.5px;
    }
}

@media(max-width:430px){
    .site-header{
        height:76px;
    }

    .site-header-inner{
        width:96%;
        height:76px;
        min-height:76px;
    }

    .site-logo{
        top:4px;
        width:112px;
        height:108px;
    }

    .site-logo img{
        width:110px;
        height:106px;
    }

    .site-logo-halo{
        width:95px;
        height:58px;
    }
}


/* =========================================================
   ANGANA FINAL HEADER - DIRECT REPLACEMENT OVERRIDES
   Main header: decorative arch logo
   Sticky header: plain logo, NO SHAPE
   ========================================================= */

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.angana-main-header {
    position: relative;
    width: 100%;
    height: 116px;
    background: linear-gradient(180deg, #fffdfb 0%, #fff8f4 58%, #f8ece7 100%);
    border-bottom: 1px solid rgba(112, 43, 34, .12);
    box-shadow: 0 4px 18px rgba(75, 28, 21, .07);
    z-index: 900;
    overflow: visible;
}

.angana-header-decoration {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at 50% 0%, rgba(194,151,73,.13), transparent 38%);
    z-index: 0;
}

.angana-main-header-inner {
    position: relative;
    width: min(1380px, 94%);
    height: 116px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    z-index: 2;
}

.angana-main-nav {
    display: flex;
    align-items: center;
    gap: 38px;
}

.angana-main-nav-left { justify-self: start; }

.angana-main-nav a {
    position: relative;
    display: inline-block;
    padding: 12px 2px;
    color: #541c18;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    transition: color .25s ease;
}

.angana-main-nav a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 0;
    height: 1px;
    background: #b68b3f;
    transition: width .25s ease;
}

.angana-main-nav a:hover,
.angana-main-nav a.active { color: #8a3028; }

.angana-main-nav a:hover::after,
.angana-main-nav a.active::after { width: 100%; }

/* Main logo: clean arch badge, not the old star/jagged shape */
.angana-main-logo {
    position: absolute;
    left: 50%;
    top: 7px;
    transform: translateX(-50%);
    width: 176px;
    height: 138px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    z-index: 20;
}

.angana-main-logo-frame {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 166px;
    height: 124px;
    background: linear-gradient(180deg, #fffefa 0%, #fff9f5 100%);
    border: 1.5px solid #c49a4a;
    border-radius: 82px 82px 30px 30px;
    box-shadow: 0 8px 22px rgba(74,28,21,.10), inset 0 1px 0 rgba(255,255,255,.95);
    z-index: 1;
}

.angana-main-logo-frame::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 7px;
    transform: translateX(-50%);
    width: 148px;
    height: 108px;
    border: 1px solid rgba(196,154,74,.30);
    border-radius: 74px 74px 24px 24px;
    pointer-events: none;
}

.angana-main-logo img {
    position: relative;
    z-index: 3;
    width: 122px;
    height: 96px;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 3px 5px rgba(74,28,21,.10));
    transition: transform .25s ease;
}

.angana-main-logo:hover img { transform: translateY(-2px); }

.angana-main-header-right {
    position: absolute;
    right: 0;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.angana-phone-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 11px 19px;
    color: #541c18;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.2px;
    white-space: nowrap;
    border: 1px solid rgba(126,59,46,.32);
    border-radius: 999px;
    background: rgba(255,255,255,.55);
    transition: all .25s ease;
}

.angana-phone-button:hover {
    color: #fff;
    background: #6d2029;
    border-color: #6d2029;
}

.angana-phone-icon {
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(154,113,53,.50);
    border-radius: 50%;
    color: #9a7135;
    font-size: 12px;
}

/* Sticky header: completely normal logo, NO frame/shape */
.angana-sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 72px;
    background: rgba(255,252,249,.97);
    border-bottom: 1px solid rgba(112,43,34,.14);
    box-shadow: 0 5px 20px rgba(65,24,18,.10);
    z-index: 5000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
    transition: opacity .25s ease, visibility .25s ease, transform .25s ease;
}

.angana-sticky-header.angana-sticky-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.angana-sticky-inner {
    width: min(1380px, 94%);
    height: 72px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
}

.angana-sticky-nav {
    display: flex;
    align-items: center;
    gap: 32px;
    justify-self: start;
}

.angana-sticky-nav a {
    position: relative;
    padding: 8px 2px;
    color: #541c18;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.angana-sticky-nav a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 0;
    height: 1px;
    background: #b68b3f;
    transition: width .2s ease;
}

.angana-sticky-nav a:hover::after,
.angana-sticky-nav a.active::after { width: 100%; }

.angana-sticky-nav a:hover,
.angana-sticky-nav a.active { color: #8a3028; }

.angana-sticky-logo {
    width: 115px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.angana-sticky-logo img {
    width: 105px;
    height: 62px;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 2px 4px rgba(74,28,21,.08));
}

.angana-sticky-right { justify-self: end; }

.angana-sticky-phone {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 15px;
    color: #541c18;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    border: 1px solid rgba(126,59,46,.28);
    border-radius: 999px;
    background: #fff;
}

.angana-sticky-phone-icon { color: #9a7135; }

/* Collection thumbnail strip: never scroll the whole page */
.ang-thumbnails {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    overscroll-behavior: contain;
    scrollbar-width: none;
}

.ang-thumbnails::-webkit-scrollbar { display: none; }

.ang-thumb-arrow {
    position: relative;
    z-index: 10;
    flex-shrink: 0;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.ang-thumbnail {
    flex-shrink: 0;
    cursor: pointer;
}

@media (max-width: 900px) {
    .angana-main-header,
    .angana-main-header-inner { height: 100px; }
    .angana-main-header-inner { width: 94%; }
    .angana-main-logo { top: 5px; width: 150px; height: 120px; }
    .angana-main-logo-frame { width: 142px; height: 108px; border-radius: 71px 71px 25px 25px; }
    .angana-main-logo-frame::after { width: 126px; height: 94px; border-radius: 63px 63px 20px 20px; }
    .angana-main-logo img { width: 104px; height: 82px; }
    .angana-main-nav { gap: 22px; }
    .angana-main-nav a { font-size: 11px; letter-spacing: 1px; }
    .angana-main-header-right { right: 0; left: auto; }
    .angana-phone-button { padding: 9px 13px; font-size: 11px; }
    .angana-sticky-header,
    .angana-sticky-inner { height: 66px; }
    .angana-sticky-nav { gap: 20px; }
    .angana-sticky-nav a { font-size: 10px; }
    .angana-sticky-logo { width: 100px; height: 60px; }
    .angana-sticky-logo img { width: 90px; height: 55px; }
}

@media (max-width: 700px) {
    .angana-main-header,
    .angana-main-header-inner { height: 78px; }
    .angana-main-header-inner { width: 94%; }
    .angana-main-logo { top: 3px; width: 108px; height: 92px; }
    .angana-main-logo-frame { width: 104px; height: 82px; border-radius: 52px 52px 19px 19px; }
    .angana-main-logo-frame::after { width: 91px; height: 71px; border-radius: 46px 46px 15px 15px; top: 5px; }
    .angana-main-logo img { width: 76px; height: 59px; }
    .angana-main-nav { gap: 9px; }
    .angana-main-nav a { font-size: 8px; letter-spacing: .5px; padding: 8px 0; }
    .angana-main-header-right { right: 0; left: auto; }
    .angana-phone-button { width: 34px; height: 34px; padding: 0; border-radius: 50%; gap: 0; }
    .angana-phone-button > span:last-child { display: none; }
    .angana-phone-icon { width: 22px; height: 22px; font-size: 10px; }
    .angana-sticky-header,
    .angana-sticky-inner { height: 62px; }
    .angana-sticky-nav { gap: 10px; }
    .angana-sticky-nav a { font-size: 8px; letter-spacing: .5px; }
    .angana-sticky-logo { width: 90px; height: 55px; }
    .angana-sticky-logo img { width: 78px; height: 48px; }
    .angana-sticky-phone { width: 32px; height: 32px; padding: 0; justify-content: center; border-radius: 50%; }
    .angana-sticky-phone-text { display: none; }
}

@media (max-width: 430px) {
    .angana-main-header,
    .angana-main-header-inner { height: 72px; }
    .angana-main-header-inner { width: 96%; }
    .angana-main-logo { width: 94px; height: 84px; top: 2px; }
    .angana-main-logo-frame { width: 91px; height: 75px; border-radius: 46px 46px 17px 17px; }
    .angana-main-logo-frame::after { width: 80px; height: 65px; border-radius: 40px 40px 14px 14px; }
    .angana-main-logo img { width: 67px; height: 52px; }
    .angana-main-header-right { right: 0; left: auto; }
    .angana-main-nav { gap: 6px; }
    .angana-main-nav a { font-size: 7px; letter-spacing: .3px; }
    .angana-sticky-header,
    .angana-sticky-inner { height: 58px; }
    .angana-sticky-logo { width: 80px; }
    .angana-sticky-logo img { width: 70px; height: 45px; }
}

/* =========================================================
   FINAL MAIN HEADER POSITION FIX
   LEFT MENU = FAR LEFT
   LOGO = EXACT CENTER OF SCREEN
   PHONE = FAR RIGHT OF SCREEN
   ========================================================= */

.angana-main-header-inner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 22px !important;
    box-sizing: border-box !important;
}

.angana-main-nav-left {
    justify-self: start !important;
    margin-left: 0 !important;
}

.angana-main-header-right {
    position: absolute !important;
    right: 22px !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    z-index: 100 !important;
}

.angana-main-logo {
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 90 !important;
}

@media (max-width: 700px) {
    .angana-main-header-inner {
        width: 100% !important;
        padding: 0 12px !important;
    }

    .angana-main-header-right {
        right: 12px !important;
    }
}

@media (max-width: 430px) {
    .angana-main-header-inner {
        padding: 0 8px !important;
    }

    .angana-main-header-right {
        right: 8px !important;
    }
}

/* =========================================================
   ANGANA RESPONSIVE FINAL PASS
   Prevents mobile clipping/overflow at 320, 360, 375,
   393 and 430px widths while preserving the desktop design.
========================================================= */
*, *::before, *::after { box-sizing: border-box; }
html { width: 100%; max-width: 100%; overflow-x: hidden; }
body { width: 100%; max-width: 100%; overflow-x: hidden; }
img, svg, video, canvas { max-width: 100%; }

@media (max-width: 700px) {
    .angana-main-header { height: 76px; min-height: 76px; }
    .angana-main-header-inner { height: 76px; min-height: 76px; padding: 0 10px !important; }

    .angana-main-nav { gap: 10px; min-width: 0; }
    .angana-main-nav a {
        font-size: 9px;
        letter-spacing: .45px;
        padding: 8px 0;
        white-space: nowrap;
    }

    .angana-main-logo {
        top: 3px;
        width: 106px;
        height: 91px;
    }
    .angana-main-logo-frame { width: 101px; height: 83px; }
    .angana-main-logo-frame::after { width: 89px; height: 72px; }
    .angana-main-logo img { width: 75px; height: 60px; }

    .angana-main-header-right { right: 10px !important; }
    .angana-phone-button { width: 36px; height: 36px; padding: 0; }
    .angana-phone-icon { width: 23px; height: 23px; }

    .angana-sticky-header { height: 60px; }
    .angana-sticky-inner { height: 60px; width: 100%; padding: 0 10px; }
    .angana-sticky-nav { gap: 9px; }
    .angana-sticky-nav a { font-size: 8px; letter-spacing: .4px; }
    .angana-sticky-logo { width: 82px; height: 55px; }
    .angana-sticky-logo img { width: 72px; height: 47px; }

    /* Home hero/banner */
    .ang-banner { height: clamp(430px, 112vw, 560px); }
    .ang-banner-content {
        left: 7%;
        right: 7%;
        top: 50%;
        width: auto;
        max-width: 88%;
    }
    .ang-banner-content h1 {
        font-size: clamp(34px, 10vw, 48px);
        line-height: 1.06;
        letter-spacing: -.5px;
    }
    .ang-banner-content p { font-size: 13px; line-height: 1.65; }

    /* Common page sections */
    .section { padding: 58px 18px; }
    .section-head h2 { font-size: clamp(32px, 9vw, 40px); line-height: 1.1; }
    .product-grid, .service-grid, .category-grid { grid-template-columns: 1fr; }
    .product-image { height: min(400px, 105vw); }
    .split-section { grid-template-columns: 1fr; }
    .split-image { min-height: 330px; }
    .split-copy-inner { padding: 48px 20px; }

    /* Public footer */
    .ang-public-footer-inner { padding: 48px 20px 40px; }
    .ang-public-footer-text h2 { font-size: clamp(32px, 9vw, 40px); }
    .ang-public-floating-whatsapp {
        right: 14px;
        bottom: 14px;
        width: 54px;
        height: 54px;
        padding: 0;
        border-radius: 50%;
        justify-content: center;
    }
    .ang-public-floating-whatsapp span:last-child { display: none; }
}

@media (max-width: 430px) {
    .angana-main-header { height: 72px; min-height: 72px; }
    .angana-main-header-inner { height: 72px; min-height: 72px; padding: 0 8px !important; }
    .angana-main-nav { gap: 7px; }
    .angana-main-nav a { font-size: 8px; letter-spacing: .25px; }
    .angana-main-logo { width: 96px; height: 84px; top: 2px; }
    .angana-main-logo-frame { width: 91px; height: 76px; }
    .angana-main-logo-frame::after { width: 80px; height: 65px; }
    .angana-main-logo img { width: 68px; height: 53px; }
    .angana-main-header-right { right: 8px !important; }
    .angana-phone-button { width: 34px; height: 34px; }

    .ang-banner { height: 500px; }
    .ang-banner-content { left: 6%; right: 6%; max-width: 88%; }
    .ang-banner-content h1 { font-size: clamp(32px, 9.7vw, 43px); }
    .ang-banner-content p { font-size: 12.5px; }

    .ang-whatsapp { right: 14px !important; bottom: 14px !important; }
}

@media (max-width: 340px) {
    .angana-main-nav { gap: 5px; }
    .angana-main-nav a { font-size: 7px; }
    .angana-main-logo { width: 88px; height: 78px; }
    .angana-main-logo-frame { width: 84px; height: 70px; }
    .angana-main-logo-frame::after { width: 74px; height: 60px; }
    .angana-main-logo img { width: 62px; height: 48px; }
    .angana-main-header-right { right: 6px !important; }
    .angana-phone-button { width: 32px; height: 32px; }
    .ang-banner-content h1 { font-size: 31px; }
    .ang-banner-content p { font-size: 12px; }
}


/* =========================================================
   ANGANA — SINGLE PUBLIC HEADER
   One header only. No sticky/duplicate header.
========================================================= */

.angana-header{
    position:sticky;
    top:0;
    left:0;
    width:100%;
    min-height:82px;
    background:linear-gradient(180deg,#fffdfb 0%,#fff8f4 100%);
    border-bottom:1px solid rgba(112,43,34,.14);
    box-shadow:0 5px 20px rgba(65,24,18,.08);
    z-index:9999;
}

.angana-header-inner{
    position:relative;
    width:100%;
    min-height:82px;
    padding:0 28px;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:20px;
}

.angana-header-nav{
    display:flex;
    align-items:center;
    gap:30px;
    min-width:0;
}

.angana-header-nav a{
    position:relative;
    display:inline-block;
    padding:10px 0;
    color:#541c18;
    text-decoration:none;
    font-size:12px;
    font-weight:700;
    letter-spacing:1.4px;
    text-transform:uppercase;
    white-space:nowrap;
}

.angana-header-nav a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:3px;
    width:0;
    height:1px;
    background:#b68b3f;
    transition:width .25s ease;
}

.angana-header-nav a:hover,
.angana-header-nav a.active{
    color:#8a3028;
}

.angana-header-nav a:hover::after,
.angana-header-nav a.active::after{
    width:100%;
}

.angana-header-left{
    justify-self:start;
}

.angana-header-logo{
    position:relative;
    width:158px;
    height:82px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    flex-shrink:0;
}

.angana-logo-shape{
    position:absolute;
    width:146px;
    height:74px;
    border:1.5px solid #c49a4a;
    border-radius:74px 74px 24px 24px;
    background:linear-gradient(180deg,#fffefa,#fff8f3);
    box-shadow:0 6px 18px rgba(74,28,21,.09),inset 0 1px 0 rgba(255,255,255,.95);
}

.angana-logo-shape::after{
    content:"";
    position:absolute;
    inset:6px;
    border:1px solid rgba(196,154,74,.30);
    border-radius:68px 68px 19px 19px;
}

.angana-header-logo img{
    position:relative;
    z-index:2;
    width:118px;
    height:68px;
    max-width:100%;
    object-fit:contain;
    display:block;
    filter:drop-shadow(0 3px 5px rgba(74,28,21,.10));
}

.angana-header-right{
    justify-self:end;
    min-width:0;
}

.angana-header-phone{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:10px 15px;
    color:#541c18;
    text-decoration:none;
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
    white-space:nowrap;
    border:1px solid rgba(126,59,46,.30);
    border-radius:999px;
    background:#fff;
    transition:.25s ease;
}

.angana-header-phone:hover{
    color:#fff;
    background:#6d2029;
    border-color:#6d2029;
}

.angana-phone-icon{
    width:23px;
    height:23px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(154,113,53,.50);
    border-radius:50%;
    color:#9a7135;
    font-size:11px;
    flex-shrink:0;
}

@media (max-width:900px){
    .angana-header-inner{
        min-height:76px;
        padding:0 18px;
        gap:12px;
    }
    .angana-header-nav{gap:18px}
    .angana-header-nav a{
        font-size:10px;
        letter-spacing:.9px;
    }
    .angana-header-logo{
        width:132px;
        height:76px;
    }
    .angana-logo-shape{
        width:124px;
        height:68px;
    }
    .angana-header-logo img{
        width:102px;
        height:60px;
    }
    .angana-header-phone{
        padding:8px 11px;
        font-size:10px;
    }
}

@media (max-width:620px){
    .angana-header-inner{
        min-height:70px;
        padding:0 10px;
        gap:6px;
    }
    .angana-header-nav{
        gap:10px;
    }
    .angana-header-nav a{
        font-size:8px;
        letter-spacing:.35px;
        padding:8px 0;
    }
    .angana-header-logo{
        width:104px;
        height:70px;
    }
    .angana-logo-shape{
        width:98px;
        height:62px;
        border-radius:50px 50px 19px 19px;
    }
    .angana-logo-shape::after{
        border-radius:45px 45px 15px 15px;
    }
    .angana-header-logo img{
        width:82px;
        height:54px;
    }
    .angana-header-phone{
        width:34px;
        height:34px;
        padding:0;
        border-radius:50%;
        gap:0;
    }
    .angana-phone-text{display:none}
    .angana-phone-icon{
        width:22px;
        height:22px;
    }
}

@media (max-width:380px){
    .angana-header-inner{padding:0 7px}
    .angana-header-nav{gap:7px}
    .angana-header-nav a{
        font-size:7px;
        letter-spacing:.2px;
    }
    .angana-header-logo{
        width:92px;
        height:66px;
    }
    .angana-logo-shape{
        width:88px;
        height:58px;
    }
    .angana-header-logo img{
        width:73px;
        height:48px;
    }
    .angana-header-phone{
        width:31px;
        height:31px;
    }
}