/*
Theme Name: Kora
Version: 1.0
Text Domain: kora
*/

/*================================
KORA OUR STORY PREMIUM
================================*/

.kora-story-premium{

    max-width:1300px;
    margin: 0px auto;
    padding:35px;
    display:grid;
    grid-template-columns:1fr 420px;
    gap:55px;
    background:#f8f5ef;
    font-family:"Cormorant Garamond",serif;
    align-items:center;

}



/* CONTENT */

.kora-story-content{

    padding-right:20px;

}


.kora-story-label{

    font-size:12px;
    letter-spacing:4px;
    text-transform:uppercase;
    color:#a88461;
    margin-bottom:10px;

}



.kora-story-content h2{

    font-size:32px;
    font-weight:400;
    line-height:1.05;
    color:#33281f;
    margin:0 0 15px;

}



.kora-story-content p{

    font-size:18px;
    line-height:1.75;
    color:#665f58;
    margin:0 0 15px;

}



/* BUTTON */

.kora-story-btn{

    display:inline-block;
    margin-top:15px;
    padding:12px 28px;
    background:#3C2B1F;
    color:#fff;
    text-decoration:none;
    font-family:Arial,sans-serif;
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;

}



/* IMAGE COLLAGE */

.kora-story-image{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px;

}


.kora-story-image img{

    width:100%;
    height:130px;
    object-fit:cover;
    display:block;

}



.kora-story-image img:last-child{

    grid-column:1/3;
    height:200px;

}



/* MOBILE */

@media(max-width:991px){


.kora-story-premium{

    grid-template-columns:1fr;
    padding:30px 25px;
    gap:35px;

}


.kora-story-content h2{

    font-size:28px;

}


.kora-story-content p{

    font-size:17px;

}


.kora-story-image img{

    height:140px;

}


.kora-story-image img:last-child{

    height:240px;

}


}

/*================================
KORA WHAT WE MAKE PREMIUM LEFT IMAGE
================================*/


.kora-make-premium{

    max-width:1300px;
    margin:0px auto;
    padding:35px;
    display:grid;
    grid-template-columns:420px 1fr;
    gap:55px;
    align-items:center;
    background:#f8f5ef;
  
    font-family:"Cormorant Garamond",serif;

}



/*==============================
IMAGE LEFT
==============================*/

.kora-make-image{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    overflow:hidden;

}



.kora-make-image img{

    width:100%;
    height:130px;
    object-fit:cover;
    display:block;
    transition:.5s;

}


.kora-make-image img:hover{

    transform:scale(1.04);

}



.kora-make-image img:last-child{

    grid-column:1/3;
    height:220px;

}



/*==============================
CONTENT RIGHT
==============================*/

.kora-make-content{

    padding-left:15px;

}



.kora-make-label{

    font-size:12px;
    letter-spacing:4px;
    text-transform:uppercase;
    color:#a88461;
    margin-bottom:18px;

}



.kora-make-content h2{

    font-size:32px;
    font-weight:400;
    line-height:1.08;
    color:#33281f;
    margin:0 0 15px;

}



.kora-make-content p{

    font-size:18px;
    line-height:1.75;
    color:#665f58;
    margin:0 0 25px;

}



/*==============================
BUTTON
==============================*/

.kora-make-btn{

    display:inline-block;
    margin-top:18px;
    padding:13px 32px;
    background:#3C2B1F;
    color:#ffffff;
    text-decoration:none;
    font-family:Arial,sans-serif;
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
    transition:.3s;

}


.kora-make-btn:hover{

    background:#a88461;

}



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

@media(max-width:767px){

.kora-make-image{
    display:none;
}

.kora-make-premium{
    grid-template-columns:1fr;
    padding:30px 20px;
}

.kora-make-content{
    padding:0;
}

}

/*==========================
HEADING
===========================*/

.founders-head{
    max-width:850px;
    margin:0 auto 80px;
    text-align:center;
}

.founders-head span{
    display:inline-block;
    color:#A88461;
    font-size:13px;
    letter-spacing:5px;
    text-transform:uppercase;
    margin-bottom:18px;
}

.founders-head h2{
    font-family:"Cormorant Garamond",serif;
    font-size:32px;
    font-weight:900;
    color:#2D221B;
    line-height:;
    margin-top:px;
}

.founders-head p{
    font-size:18px;
    color:#6B625A;
    line-height:1.9;
font-family:"Cormorant Garamond",serif;
}

/*==========================
GRID
===========================*/

.founders-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:35px;
margin-top: -40px;
}

/*==========================
CARD
===========================*/

.founder-card{
    background:#fff;
    position:relative;
    overflow:hidden;
    transition:.45s;
    box-shadow:0 20px 45px rgba(0,0,0,.05);
}

.founder-card:hover{
    transform:translateY(-15px);
    box-shadow:0 35px 70px rgba(0,0,0,.12);
}

.founder-image{
    overflow:hidden;
}

.founder-image img{
    width:100%;
    height:400px;
    object-fit:cover;
    transition:.8s;
    display:block;
}

.founder-card:hover img{
    transform:scale(1.08);
}

/*==========================
CONTENT
===========================*/

.founder-content{
    background:#fff;
    margin:-65px 22px 22px;
    padding:30px;
    position:relative;
    z-index:2;
    box-shadow:0 15px 35px rgba(0,0,0,.06);
}

.founder-content::before{
    content:"";
    width:55px;
    height:2px;
    background:#C6A173;
    display:block;
    margin-bottom:18px;
}

.founder-content span{
    display:block;
    font-size:12px;
    color:#A88461;
    text-transform:uppercase;
    letter-spacing:3px;
    margin-bottom:12px;
}

.founder-content h3{
    font-family:"Cormorant Garamond",serif;
    font-size:28px;
    font-weight:500;
    color:#2D221B;
    margin-bottom:25px;
}

/*==========================
BUTTON
===========================*/

.founder-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    color:#2D221B;
    font-size:13px;
    letter-spacing:2px;
    text-transform:uppercase;
    transition:.35s;
}

.founder-btn::after{
    content:"→";
    font-size:18px;
    transition:.35s;
}

.founder-btn:hover{
    color:#A88461;
}

.founder-btn:hover::after{
    transform:translateX(8px);
}

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

@media(max-width:991px){

.kora-founders{
    padding:40px 25px;
}

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

.founders-head h2{
    font-size:28px;
}

.founder-image img{
    height:430px;
}

}

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

@media(max-width:767px){

.kora-founders{
    padding:10px 18px;
}

.founders-head{
    margin-bottom:50px;
}

.founders-head h2{
    font-size:34px;
}

.founders-head p{
    font-size:16px;
}

.founders-grid{
    grid-template-columns:1fr;
    gap:25px;
}

.founder-image img{
    height:420px;
}

.founder-content{
    margin:-55px 18px 18px;
    padding:24px;
}

.founder-content h3{
    font-size:30px;
}

}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

/* ==========================
   SECTION
========================== */

.luxury-stats{
    background:#302219;
    padding:50px 50px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:35px;
    position:relative;
}

/* ==========================
   HEADING
========================== */

.stats-heading{
    grid-column:1 / -1;
    text-align:center;
    margin-bottom:20px;
    position:relative;
}

.stats-heading::after{
    content:"";
    width:120px;
    height:1px;
    background:#B28B63;
    display:block;
    margin:25px auto 0;
}

.stats-heading h2{
    font-family:Georgia,serif;
    font-size:38px;
    font-weight:400;
    color:#fff;
    letter-spacing:1px;
    line-height:1.2;
}

/* ==========================
   CARD
========================== */

.stat-card{
    background:rgba(255,255,255,.04);
    border:1px solid rgba(190,150,100,.35);
    padding:55px 35px;
    text-align:center;
    position:relative;
    overflow:hidden;
    transition:.45s ease;
}

.stat-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        120deg,
        transparent,
        rgba(178,139,99,.18),
        transparent
    );
    opacity:0;
    transition:.45s;
}

.stat-card:hover::after{
    opacity:1;
}

.stat-card:hover{
    transform:translateY(-12px);
    border-color:#B28B63;
}

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

.number{
    display:block;
    font-family:Georgia,serif;
    font-size:65px;
    font-weight:400;
    color:#E7CBA7;
    margin-bottom:25px;
    line-height:1;
}

.stat-card h3{
    font-family:Georgia,serif;
    font-size:24px;
    font-weight:400;
    color:#fff;
    margin-bottom:20px;
    letter-spacing:1px;
}

.stat-card p{
    font-family:Georgia,serif;
    font-size:16px;
    line-height:1.9;
    color:#D2C4B5;
}

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

@media(max-width:991px){

.luxury-stats{
    grid-template-columns:repeat(2,1fr);
    padding:90px 30px;
}

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

}

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

@media(max-width:767px){

.luxury-stats{
    grid-template-columns:1fr;
    padding:70px 18px;
}

.stats-heading{
    margin-bottom:10px;
}

.stats-heading h2{
    font-size:28px;
}

.stats-heading::after{
    width:80px;
}

.stat-card{
    padding:45px 25px;
}

.number{
    font-size:55px;
}

.stat-card h3{
    font-size:22px;
}

.stat-card p{
    font-size:15px;
}

}
/*=========================
KORA MATERIALS
=========================*/

.kora-materials{
    max-width:1400px;
    margin:0px auto;
    padding:80px;
    display:grid;
    grid-template-columns:330px 1fr;
    gap:70px;
    background:#f8f5ef;
    border:1px solid #e7e1d7;
    font-family:"Cormorant Garamond",serif;
}

/*=========================
LEFT
=========================*/

.materials-left{
    position:sticky;
    top:120px;
    align-self:start;
}

.section-no{
    display:block;
    font-size:38px;
    color:#a88461;
    margin-bottom:15px;
    line-height:1;
}

.materials-left h2{
    font-size:54px;
    font-weight:400;
    color:#2c241c;
    margin:0 0 25px;
    line-height:1.1;
}

.subtitle{
    font-size:22px;
    line-height:1.8;
    color:#666;
    margin-bottom:40px;
}

.discover-btn{
    display:inline-block;
    text-decoration:none;
    color:#222;
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:1.5px;
    font-weight:600;
    transition:.3s;
}

.discover-btn:hover{
    letter-spacing:2px;
}


/*=========================
RIGHT
=========================*/

.materials-right{
    display:flex;
    flex-direction:column;
    gap:28px;
}


/*=========================
CARD
=========================*/

.material-card{
    background:#fff;
    border:1px solid #e7dfd4;
    border-radius:px;
    padding:28px 30px;
    transition:.35s;
}

.material-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 40px rgba(0,0,0,.08);

}


/*=========================
ROW
=========================*/

.material-row{

    display:flex;

    align-items:flex-start;

    gap:20px;

}


/*=========================
NUMBER
=========================*/

.number-box{

    width:48px;

    height:48px;

    border-radius:50%;

    border:1px solid #d7c6aa;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#a88461;

    font-size:16px;

    font-weight:600;

    flex-shrink:0;

    margin-top:18px;

}


/*=========================
IMAGE
=========================*/

.material-row img{

    width:165px;

    height:165px;

    object-fit:cover;

    border-radius:px;

    border:1px solid #ebe3d8;

    flex-shrink:0;

    box-shadow:0 8px 25px rgba(0,0,0,.08);

}


/*=========================
CONTENT
=========================*/

.material-content{

    flex:1;

}

.material-content h3{

    margin:5px 0 15px;

    font-size:28px;

    font-weight:400;

    color:#2d241c;

}

.material-content p{

    margin:0;

    font-size:17px;

    line-height:1.9;

    color:#666;

}


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

@media(max-width:991px){

.kora-materials{

grid-template-columns:1fr;

padding:50px 25px;

gap:45px;

}

.materials-left{

position:static;

}

.materials-left h2{

font-size:40px;

}

.subtitle{

font-size:18px;

}

.material-row{

flex-wrap:wrap;

}

.number-box{

margin-top:0;

}

.material-row img{

width:160px;

height:160px;

}

.material-content{

flex-basis:100%;

margin-top:15px;

}

.material-content h3{

font-size:28px;

}

.material-content p{

font-size:16px;

}

}


@media(max-width:600px){

.kora-materials{

padding:30px 18px;

}

.section-no{

font-size:28px;

}

.materials-left h2{

font-size:32px;

}

.subtitle{

font-size:16px;

}

.material-row{

gap:15px;

}

.number-box{

width:40px;

height:40px;

font-size:14px;

}

.material-row img{

width:160px;

height:160px;



}

.material-content h3{

font-size:24px;

margin:0 0 10px;

}

.material-content p{

font-size:15px;

line-height:1.8;

}

}
/*================================
KORA WHAT WE BELIEVE IMAGE STYLE
================================*/

.kora-believe-section{

    max-width:1300px;
    margin:0px auto;
    padding:35px;
    display:grid;
    grid-template-columns:420px 1fr;
    gap:60px;
    background:#f8f5ef;
    
    font-family:"Cormorant Garamond",serif;
    align-items:center;

}



/* IMAGE */

.kora-believe-image{

    overflow:hidden;
    border-radius:0px;
    box-shadow:0 20px 45px rgba(0,0,0,.12);

}


.kora-believe-image img{

    width:100%;
    height:620px;
    object-fit:cover;
    display:block;
    transition:.5s;

}


.kora-believe-image:hover img{

    transform:scale(1.05);

}



/* CONTENT */

.kora-believe-content{

    padding:20px 10px;

}


.kora-believe-label{

    font-size:13px;
    letter-spacing:4px;
    color:#a88461;
    text-transform:uppercase;
    margin-bottom:18px;

}


.kora-believe-content h2{

    font-size:38px;
    font-weight:400;
    line-height:1.1;
    color:#2c241c;
    margin:0 0 25px;

}



.kora-believe-content p{

    font-size:18px;
    line-height:1.75;
    color:#666;
    margin-bottom:px;

}



/* HIGHLIGHT */

.kora-believe-quote{

    margin-top:30px;
    padding:30px;
    background:#30261f;

}


.kora-believe-quote p{

    color:#f4eadc;
    font-size:30px;
    line-height:1.4;
    font-style:italic;
    margin:0;

}



/* MOBILE */

@media(max-width:991px){


.kora-believe-section{

    grid-template-columns:1fr;
    padding:25px;
    gap:35px;

}


.kora-believe-image img{

    height:420px;

}


.kora-believe-content h2{

    font-size:28px;

}


.kora-believe-content p{

    font-size:18px;

}


.kora-believe-quote p{

    font-size:24px;

}

}
/*====================================
KORA PROCESS
====================================*/

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

.kora-process{
    background:#f8f5ef;
    padding:0 20px;
    font-family:"Cormorant Garamond",serif;
    overflow:hidden;
}

.kora-process-container{
    max-width:1300px;
    margin:auto;
    width:100%;
}

/*=========================
HEADING
=========================*/

.process-heading{
    text-align:center;
    margin-bottom:70px;
}

.process-heading span{
    display:block;
    font-size:12px;
    letter-spacing:4px;
    text-transform:uppercase;
    color:#a88461;
    margin-bottom:12px;
    font-weight:900;
}

.process-heading h2{
    font-size:32px;
    font-weight:400;
    color:#33281f;
    line-height:1.15;
    max-width:700px;
    margin:auto;
}

/*=========================
TOP SECTION
=========================*/

.process-top{
    display:grid;
    grid-template-columns:minmax(0,52%) minmax(0,48%);
    gap:40px;
    align-items:center;
    margin-bottom:70px;
}

.process-image,
.process-content{
    min-width:0;
}

.process-image{
    overflow:hidden;
}

.process-image img{
    width:100%;
    max-width:100%;
    height:600px;
    object-fit:cover;
    display:block;
    transition:.4s;
}

.process-image:hover img{
    transform:scale(1.03);
}

/*=========================
CONTENT
=========================*/

.process-content{
    background:#fff;
    padding:45px;
    border:1px solid #e6ddd2;
    width:100%;
    overflow-wrap:break-word;
    word-break:break-word;
}

.process-content h3{
    font-size:32px;
    font-weight:400;
    color:#33281f;
    margin:0 0 20px;
}

.process-content p{
    font-size:18px;
    line-height:1.75;
    color:#665f58;
    margin:0 0 18px;
}

/*=========================
GRID
=========================*/

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

.process-card{
    background:#fff;
    border:1px solid #e6ddd2;
    transition:.3s ease;
    min-width:0;
}

.process-card:hover{
    transform:translateY(-6px);
    box-shadow:0 12px 30px rgba(0,0,0,.06);
}

.process-card img{
    width:100%;
    height:260px;
    object-fit:cover;
    display:block;
}

.process-info{
    padding:25px;
}

.process-info span{
    display:block;
    font-size:12px;
    letter-spacing:3px;
    text-transform:uppercase;
    color:#a88461;
    margin-bottom:10px;
}

.process-info h4{
    font-size:28px;
    font-weight:400;
    color:#33281f;
    margin-bottom:12px;
}

.process-info p{
    font-size:17px;
    line-height:1.75;
    color:#665f58;
    margin:0;
}

/*=========================
QUOTE
=========================*/

.process-quote{
    margin-top:70px;
    padding-top:40px;
    border-top:1px solid #e6ddd2;
    text-align:center;
}

.process-quote p{
    font-size:34px;
    line-height:1.45;
    font-style:italic;
    color:#33281f;
    max-width:900px;
    margin:auto;
}

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

@media(max-width:991px){

.process-top{
    grid-template-columns:1fr;
    gap:35px;
}

.process-heading h2{
    font-size:38px;
}

.process-image img{
    height:420px;
}

.process-content{
    padding:35px;
}

.process-content h3{
    font-size:30px;
}

.process-content p{
    font-size:17px;
}

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

.process-quote p{
    font-size:28px;
}

}

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

@media(max-width:767px){

.kora-process{
    padding:10px 18px;
}

.process-heading{
    margin-bottom:28px;
}

.process-heading h2{
    font-size:28px;
}

.process-image img{
    height:280px;
}

.process-content{
    padding:25px;
}

.process-content h3{
    font-size:26px;
}

.process-content p,
.process-info p{
    font-size:16px;
    line-height:1.8;
}

.process-card img{
    height:220px;
}

.process-info{
    padding:20px;
}

.process-info h4{
    font-size:24px;
}

.process-quote{
    margin-top:50px;
}

.process-quote p{
    font-size:22px;
}

}
/*=========================
HEADING
=========================*/

.process-heading{
    text-align:center;
    margin-bottom:70px;
}

.process-heading span{
    display:block;
    font-size:12px;
    letter-spacing:4px;
    text-transform:uppercase;
    color:#a88461;
    margin-bottom:12px;
    font-weight:900;
}

.process-heading h2{
    font-size:32px;
    font-weight:400;
    color:#33281f;
    line-height:1.15;
    max-width:700px;
    margin:auto;
}

/*=========================
TOP SECTION
=========================*/

.process-top{
    display:grid;
    grid-template-columns:minmax(0,52%) minmax(0,48%);
    gap:40px;
    align-items:center;
    margin-bottom:70px;
}

.process-image,
.process-content{
    min-width:0;
}

.process-image{
    overflow:hidden;
}

.process-image img{
    width:100%;
    max-width:100%;
    height:600px;
    object-fit:cover;
    display:block;
    transition:.4s;
}

.process-image:hover img{
    transform:scale(1.03);
}

/*=========================
CONTENT
=========================*/

.process-content{
    background:#fff;
    padding:45px;
    border:1px solid #e6ddd2;
    width:100%;
    overflow-wrap:break-word;
    word-break:break-word;
}

.process-content h3{
    font-size:32px;
    font-weight:400;
    color:#33281f;
    margin:0 0 20px;
}

.process-content p{
    font-size:18px;
    line-height:1.75;
    color:#665f58;
    margin:0 0 18px;
}

/*=========================
GRID
=========================*/

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

.process-card{
    background:#fff;
    border:1px solid #e6ddd2;
    transition:.3s ease;
    min-width:0;
}

.process-card:hover{
    transform:translateY(-6px);
    box-shadow:0 12px 30px rgba(0,0,0,.06);
}

.process-card img{
    width:100%;
    height:260px;
    object-fit:cover;
    display:block;
}

.process-info{
    padding:25px;
}

.process-info span{
    display:block;
    font-size:12px;
    letter-spacing:3px;
    text-transform:uppercase;
    color:#a88461;
    margin-bottom:10px;
}

.process-info h4{
    font-size:28px;
    font-weight:400;
    color:#33281f;
    margin-bottom:12px;
}

.process-info p{
    font-size:17px;
    line-height:1.75;
    color:#665f58;
    margin:0;
}

/*=========================
QUOTE
=========================*/

.process-quote{
    margin-top:70px;
    padding-top:40px;
    border-top:1px solid #e6ddd2;
    text-align:center;
}

.process-quote p{
    font-size:34px;
    line-height:1.45;
    font-style:italic;
    color:#33281f;
    max-width:900px;
    margin:auto;
}

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

@media(max-width:991px){

.process-top{
    grid-template-columns:1fr;
    gap:35px;
}

.process-heading h2{
    font-size:38px;
}

.process-image img{
    height:420px;
}

.process-content{
    padding:35px;
}

.process-content h3{
    font-size:30px;
}

.process-content p{
    font-size:17px;
}

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

.process-quote p{
    font-size:28px;
}

}

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

@media(max-width:767px){

.kora-process{
    padding:10px 18px;
}

.process-heading{
    margin-bottom:28px;
}

.process-heading h2{
    font-size:28px;
}

.process-image img{
    height:280px;
}

.process-content{
    padding:25px;
}

.process-content h3{
    font-size:26px;
}

.process-content p,
.process-info p{
    font-size:16px;
    line-height:1.8;
}

.process-card img{
    height:220px;
}

.process-info{
    padding:20px;
}

.process-info h4{
    font-size:24px;
}

.process-quote{
    margin-top:50px;
}

.process-quote p{
    font-size:22px;
}

}
/*================================
KORA FOUNDERS
================================*/

.kora-founders{
    max-width:1300px;
    margin: 0px auto;
    padding:50px 0px;
    background:#f8f5ef;
    font-family:"Cormorant Garamond",serif;
}

.founders-head{
    text-align:center;
    margin-bottom:55px;
}

.founders-head span{
    display:block;
    font-size:12px;
    letter-spacing:4px;
    text-transform:uppercase;
    color:#a88461;
    margin-bottom:10px;
}

.founders-head h2{
    font-size:32px;
    font-weight:400;
    line-height:1.05;
    color:#33281f;
    margin:0 auto 15px;
    max-width:760px;
}

.founders-head p{
    font-size:18px;
    line-height:1.75;
    color:#665f58;
    max-width:700px;
    margin:auto;
}

/* GRID */

.founders-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:25px;
}

/* CARD */

.founder-card{
    background:#fff;
    border:1px solid #e6ddd2;
    padding:22px;
    display:grid;
    grid-template-columns:170px 1fr;
    gap:22px;
    transition:.3s ease;
}

.founder-card:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 25px rgba(0,0,0,.06);
}

/* IMAGE */

.founder-image img{
    width:170px;
    height:380px;
    object-fit:cover;
    display:block;
}

/* CONTENT */

.founder-info h3{
    font-size:30px;
    font-weight:400;
    color:#33281f;
    margin:0 0 8px;
}

.founder-role{
    font-size:12px;
    letter-spacing:3px;
    text-transform:uppercase;
    color:#a88461;
    margin-bottom:12px;
}

.founder-skill{
    font-size:16px;
    line-height:1.7;
    color:#665f58;
    padding-bottom:12px;
    margin-bottom:18px;
    border-bottom:1px solid #e6ddd2;
}

.founder-info p{
    font-size:18px;
    line-height:1.75;
    color:#665f58;
    margin:0;
}

/* TABLET */

@media(max-width:991px){

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

.founders-head h2{
    font-size:38px;
}

.founder-info h3{
    font-size:28px;
}

.founder-info p{
    font-size:17px;
}

}

/* MOBILE */

@media(max-width:767px){

.kora-founders{
    padding:25px 18px;
}

.founders-head{
    margin-bottom:35px;
}

.founders-head h2{
    font-size:28px;
}

.founders-head p{
    font-size:16px;
    line-height:1.8;
}

.founder-card{
    grid-template-columns:1fr;
    padding:18px;
}

.founder-image img{
    width:100%;
    height:320px;
}

.founder-info h3{
    font-size:26px;
}

.founder-info p,
.founder-skill{
    font-size:16px;
    line-height:1.8;
}

}
.trade-section{
    padding:50px 20px;
    background:#f8f5f1;
}

.trade-container{
    max-width:1300px;
    margin:auto;
}

.trade-heading{
    text-align:center;
    margin-bottom:70px;
}

.trade-heading span{
    display:inline-block;
    letter-spacing:3px;
    text-transform:uppercase;
    color:#9b7755;
    font-size:13px;
    margin-bottom:15px;
}

.trade-heading h2{
    font-size:38px;
    line-height:1.2;
    font-weight:500;
    color:#222;
    max-width:760px;
    margin:auto;
}

.trade-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    align-items:center;
}

.trade-images{
    position:relative;
    padding-bottom:10px;
}

.image-large img{
    width:100%;
    height:620px;
    object-fit:cover;
    display:block;
    transition:.4s;
}

.image-large img:hover{
    transform:scale(1.02);
}

.image-small{
    position:absolute;
    right:-40px;
    bottom:0;
    width:260px;
}

.image-small img{
    width:100%;
    height:300px;
    object-fit:cover;
   
    border:8px solid #f8f5f1;
    box-shadow:0 15px 40px rgba(0,0,0,.12);
    transition:.4s;
}

.image-small img:hover{
    transform:translateY(-8px);
}

.trade-content{
    background:#fff;
    padding:60px;
    border-radius:px;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
}

.trade-label{
    color:#9b7755;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:13px;
}

.trade-content h3{
    font-size:38px;
    margin:15px 0 25px;
    color:#222;
}

.trade-content p{
    color:#555;
    line-height:1.9;
    margin-bottom:22px;
    font-size:16px;
}

.trade-quote{
    border-left:4px solid #9b7755;
    padding-left:20px;
    margin:35px 0;
    font-size:18px;
    color:#222;
    font-style:italic;
}

.trade-list{
    list-style:none;
    padding:0;
    margin:35px 0;
}

.trade-list li{
    margin-bottom:15px;
    font-size:16px;
    color:#444;
}

.trade-btn{
    display:inline-block;
    padding:16px 40px;
    background:#9b7755;
    color:#fff;
    text-decoration:none;
    border-radius:0px;
    transition:.3s;
    font-weight:600;
}

.trade-btn:hover{
    background:#222;
    transform:translateY(-3px);
}

/* Tablet */

@media(max-width:991px){

.trade-wrapper{
    grid-template-columns:1fr;
    gap:10px;
}

.trade-heading h2{
    font-size:28px;
}

.image-large img{
    height:520px;
}

.image-small{
    right:20px;
    width:220px;
}

.trade-content{
    padding:40px;
}

}

/* Mobile */

@media(max-width:767px){

.trade-section{
    padding:20px 15px;
}

.trade-heading{
    margin-bottom:40px;
}

.trade-heading h2{
    font-size:28px;
}

.image-large img{
    height:360px;
}

.image-small{
    position:relative;
    right:0;
    width:60%;
    margin:-60px auto 0;
}

.image-small img{
    height:220px;
}

.trade-content{
    padding:25px;
}

.trade-content h3{
    font-size:28px;
}

.trade-btn{
    width:100%;
    text-align:center;
}

}
.hero{
    position:relative;
    min-height:100vh;
    width:100%;
    display:flex;
    flex-direction:column;
    background-image:
      linear-gradient(to bottom, var(--overlay-top) 0%, rgba(10,8,6,0.35) 35%, var(--overlay-bottom) 100%),
      url('hero-bg.png');
    background-size:cover;
    background-position:center;
    overflow:hidden;
  }

  /* ---------- HEADER ---------- */
  .site-header{
    position:relative;
    z-index:10;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0px 64px;
    border-bottom:1px solid rgba(255,255,255,0.12);
    background: transparent;
  }

  .logo{
    display:flex;
    flex-direction:column;
    line-height:1;
    letter-spacing:6px;
    font-family:'Cormorant Garamond', serif;
  }
  .logo img {
      width: 120px;
      height: 100px;
  }

  .logo .mark{
    font-size:26px;
    font-weight:500;
    color:var(--cream);
  }

  .logo .sub{
    font-size:12px;
    font-style:italic;
    letter-spacing:2px;
    color:var(--gold);
    margin-top:2px;
    align-self:center;
  }

  nav.main-nav{
    display:flex;
    gap:48px;
  }

  nav.main-nav a{
    color:#ffffff;
    text-decoration:none;
    font-size:19px;
    letter-spacing:0.3px;
    opacity:0.92;
    position:relative;
    transition:opacity 0.25s ease;
  }

  nav.main-nav a.active{
    font-weight:600;
  }

  nav.main-nav a:hover{ opacity:1; }

  nav.main-nav a.active::after{
    content:"";
    position:absolute;
    left:0; right:0; bottom:-8px;
    height:1px;
    background:var(--cream);
    opacity:0.7;
  }

  .header-icons{
    display:flex;
    align-items:center;
    gap:26px;
  }

  .header-icons button{
    background:none;
    border:none;
    color:#fff;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:4px;
  }

  .header-icons svg{
    width:22px;
    height:22px;
  }

  .cart-wrap{
    position:relative;
  }

  .cart-badge{
    position:absolute;
    top:-8px;
    right:-9px;
    background:#3c2a1c;
    color:var(--cream);
    font-family:'EB Garamond', serif;
    font-size:11px;
    width:18px;
    height:18px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,0.4);
  }

  /* hamburger for mobile */
  .menu-toggle{
    display:none;
    background:none;
    border:none;
    color:var(--cream);
    cursor:pointer;
  }

  /* ---------- HERO CONTENT ---------- */
  .hero-content{
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:90px 24px !important;
    gap:34px;
    margin-top: -101px;
    background: url(https://kora.thecreations.in/wp-content/uploads/2026/08/banner.webp);
  }

  .hero-content h1{
    font-family:'Cormorant Garamond', serif;
    font-weight:500;
    font-size:clamp(32px, 4.4vw, 58px);
    line-height:1.3;
    max-width:1150px;
    color:#f7f2e8;
    text-shadow:0 2px 18px rgba(0,0,0,0.5);
  }

  .explore-btn{
    font-family:'EB Garamond', serif;
    font-size:20px;
    letter-spacing:0.5px;
    color:#fff;
    background:#3c2b1f;
    border:1px solid var(--btn-border);
    backdrop-filter:blur(2px);
    padding:20px 42px;
    cursor:pointer;
    transition:background 0.3s ease, transform 0.2s ease;
  }

  .explore-btn:hover{
    background:rgba(90,68,44,0.7);
    transform:translateY(-2px);
  }

  .explore-btn:focus-visible,
  nav.main-nav a:focus-visible,
  .header-icons button:focus-visible{
    outline:2px solid var(--gold);
    outline-offset:4px;
  }

  /* ---------- RESPONSIVE ---------- */
  @media (max-width: 1024px){
    .site-header{ padding:22px 32px; }
    nav.main-nav{ gap:30px; }
    nav.main-nav a{ font-size:17px; }
  }

  @media (max-width: 860px){
    nav.main-nav{
      position:absolute;
      top:100%;
      left:0;
      right:0;
      background:rgba(10,8,6,0.92);
      flex-direction:column;
      align-items:center;
      gap:0;
      max-height:0;
      overflow:hidden;
      transition:max-height 0.35s ease;
    }
    nav.main-nav.open{
      max-height:320px;
    }
    nav.main-nav a{
      width:100%;
      padding:16px 0;
      border-bottom:1px solid rgba(255,255,255,0.08);
    }
    nav.main-nav a.active::after{ display:none; }
    .menu-toggle{ display:flex; }
    .site-header{ position:relative; padding:20px 24px; }
    .header-icons{ gap:18px; }
  }

  @media (max-width: 560px){
    .logo .mark{ font-size:20px; letter-spacing:4px; }
    .logo .sub{ font-size:10px; }
    .hero-content{ gap:24px; padding:90px 18px; }
    .explore-btn{ padding:16px 30px; font-size:17px; }
    .header-icons{ gap:14px; }
    .header-icons svg{ width:19px; height:19px; }
  }
  .kora-founders{
    max-width:1300px;
    margin:auto;
    padding:50px 30px;
    background:#F8F5EF;
    font-family:'Inter',sans-serif;
}

/*==========================
HEADING
===========================*/

.founders-head{
    max-width:850px;
    margin:0 auto 80px;
    text-align:center;
}

.founders-head span{
    display:inline-block;
    color:#A88461;
    font-size:13px;
    letter-spacing:5px;
    text-transform:uppercase;
    margin-bottom:18px;
}

.founders-head h2{
    font-family:"Cormorant Garamond",serif;
    font-size:32px;
    font-weight:900;
    color:#2D221B;
   
    margin-top:px;
}

.founders-head p{
    font-size:18px;
    color:#6B625A;
    line-height:1.9;
font-family:"Cormorant Garamond",serif;
}

/*==========================
GRID
===========================*/

.founders-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:35px;
margin-top: -40px;
}

/*==========================
CARD
===========================*/

.founder-card{
    background:#fff;
    position:relative;
    overflow:hidden;
    transition:.45s;
    box-shadow:0 20px 45px rgba(0,0,0,.05);
}

.founder-card:hover{
    transform:translateY(-15px);
    box-shadow:0 35px 70px rgba(0,0,0,.12);
}

.founder-image{
    overflow:hidden;
}

.founder-image img{
    width:100%;
    height:400px;
    object-fit:cover;
    transition:.8s;
    display:block;
}

.founder-card:hover img{
    transform:scale(1.08);
}

/*==========================
CONTENT
===========================*/

.founder-content{
    background:#fff;
    margin:-65px 22px 22px;
    padding:30px;
    position:relative;
    z-index:2;
    box-shadow:0 15px 35px rgba(0,0,0,.06);
}

.founder-content::before{
    content:"";
    width:55px;
    height:2px;
    background:#C6A173;
    display:block;
    margin-bottom:18px;
}

.founder-content span{
    display:block;
    font-size:12px;
    color:#A88461;
    text-transform:uppercase;
    letter-spacing:3px;
    margin-bottom:12px;
}

.founder-content h3{
    font-family:"Cormorant Garamond",serif;
    font-size:28px;
    font-weight:500;
    color:#2D221B;
    margin-bottom:25px;
}

/*==========================
BUTTON
===========================*/

.founder-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    color:#2D221B;
    font-size:13px;
    letter-spacing:2px;
    text-transform:uppercase;
    transition:.35s;
}

.founder-btn::after{
    content:"→";
    font-size:18px;
    transition:.35s;
}

.founder-btn:hover{
    color:#A88461;
}

.founder-btn:hover::after{
    transform:translateX(8px);
}

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

@media(max-width:991px){

.kora-founders{
    padding:40px 25px;
}

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

.founders-head h2{
    font-size:28px;
}

.founder-image img{
    height:430px;
}

}

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

@media(max-width:767px){

.kora-founders{
    padding:10px 18px;
}

.founders-head{
    margin-bottom:50px;
}

.founders-head h2{
    font-size:34px;
}

.founders-head p{
    font-size:16px;
}

.founders-grid{
    grid-template-columns:1fr;
    gap:25px;
}

.founder-image img{
    height:420px;
}

.founder-content{
    margin:-55px 18px 18px;
    padding:24px;
}

.founder-content h3{
    font-size:30px;
}

}
.products-section{
    max-width:1600px;
    margin:0 auto;
    padding:0 40px 80px;
  }
 
  .products-title{
    text-align:center;
    font-family:'Cormorant Garamond', serif;
    font-weight:500;
    font-size:clamp(36px, 5vw, 56px);
    padding:56px 0 40px;
    border-top:1px solid var(--line-strong);
  }
 
  .filter-bar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:20px 0;
    border-bottom:1px solid var(--line);
    gap:20px;
    flex-wrap:wrap;
  }
 
  .filter-left{
    display:flex;
    gap:36px;
    position:relative;
  }
 
  .filter-right{
    display:flex;
    align-items:center;
    gap:26px;
  }
 
  .dropdown{
    position:relative;
  }
 
  .dropdown-trigger{
    background:none;
    border:none;
    font-family:'EB Garamond', serif;
    font-size:16px;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:var(--ink);
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:6px;
    padding:6px 0;
  }
 
  .dropdown-trigger svg{
    width:12px; height:12px;
    transition:transform 0.2s ease;
  }
 
  .dropdown.open .dropdown-trigger svg{
    transform:rotate(180deg);
  }
 
  .dropdown-panel{
    position:absolute;
    top:calc(100% + 14px);
    left:0;
    background:var(--panel);
    border:1px solid var(--line-strong);
    min-width:230px;
    padding:18px 20px;
    z-index:20;
    display:none;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
  }
 
  .dropdown.open .dropdown-panel{ display:block; }
 
  .dropdown-panel.right-align{ left:auto; right:0; }
 
  .option-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    font-size:16px;
    padding:8px 0;
    cursor:pointer;
  }
 
  .option-row input{
    accent-color:var(--accent);
    width:15px;
    height:15px;
    cursor:pointer;
  }
 
  .option-row span.count{
    color:var(--muted);
    font-size:14px;
  }
 
  .filter-clear{
    margin-top:10px;
    font-size:13px;
    letter-spacing:0.5px;
    text-transform:uppercase;
    color:var(--accent);
    background:none;
    border:none;
    cursor:pointer;
    text-decoration:underline;
  }
 
  .item-count{
    color:var(--muted);
    font-size:16px;
    letter-spacing:1px;
    text-transform:uppercase;
  }
 
  .view-toggle{
    display:flex;
    gap:6px;
  }
 
  .view-btn{
    background:none;
    border:1px solid transparent;
    padding:6px;
    cursor:pointer;
    display:flex;
    color:var(--ink);
    opacity:0.55;
  }
 
  .view-btn.active{
    background:var(--panel);
    border-color:var(--line-strong);
    opacity:1;
  }
 
  .view-btn svg{ width:18px; height:18px; }
 
  /* ---------- GRID ---------- */
  .product-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:34px 28px;
    margin-top:36px;
  }
 
  .product-grid.list-view{
    grid-template-columns:1fr;
    gap:0;
  }
 
  .product-card{
    display:flex;
    flex-direction:column;
    text-align:center;
    opacity:0;
    animation:fadeIn 0.4s ease forwards;
  }
 
  @keyframes fadeIn{
    from{ opacity:0; transform:translateY(8px); }
    to{ opacity:1; transform:translateY(0); }
  }
 
  .product-card.hidden{ display:none; }
 
  .product-image{
    width:100%;
    aspect-ratio:4/5;
    overflow:hidden;
    background:#efeae0;
    position:relative;
  }
 
  .product-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform 0.6s ease;
  }
 
  .product-card:hover .product-image img{
    transform:scale(1.04);
  }
 
  .out-of-stock-tag{
    position:absolute;
    top:14px;
    left:14px;
    background:rgba(28,26,23,0.82);
    color:#f4ede2;
    font-size:12px;
    letter-spacing:1px;
    text-transform:uppercase;
    padding:5px 10px;
  }
 
  .product-title{
    font-family:'Cormorant Garamond', serif;
    font-size:23px;
    font-weight:500;
    margin-top:20px;
  }
 
  .product-price{
    font-size:17px;
    color:var(--ink);
    margin-top:8px;
    letter-spacing:0.3px;
  }
 
  .product-price.strike{
    color:var(--muted);
    text-decoration:line-through;
  }
 
  /* list view layout */
  .product-grid.list-view .product-card{
    flex-direction:row;
    align-items:center;
    text-align:left;
    gap:32px;
    padding:26px 0;
    border-bottom:1px solid var(--line);
  }
 
  .product-grid.list-view .product-image{
    width:160px;
    flex:0 0 160px;
    aspect-ratio:4/5;
  }
 
  .product-grid.list-view .product-title{
    margin-top:0;
    font-size:26px;
  }
 
  .empty-state{
    grid-column:1/-1;
    text-align:center;
    padding:80px 20px;
    color:var(--muted);
    font-size:19px;
  }
 
  /* ---------- RESPONSIVE ---------- */
  @media (max-width: 1100px){
    .product-grid{ grid-template-columns:repeat(3, 1fr); }
  }
 
  @media (max-width: 860px){
    .products-section{ padding:0 24px 60px; }
    .filter-bar{ align-items:flex-start; }
    .filter-left{ gap:24px; }
    .product-grid{ grid-template-columns:repeat(2, 1fr); gap:26px 18px; }
  }
 
  @media (max-width: 560px){
    .products-title{ padding:40px 0 28px; }
    .filter-bar{ flex-direction:column; align-items:stretch; gap:16px; }
    .filter-right{ justify-content:space-between; }
    .product-grid{ grid-template-columns:repeat(2, 1fr); gap:22px 14px; }
    .product-title{ font-size:19px; }
    .product-price{ font-size:15px; }
    .product-grid.list-view .product-card{ flex-direction:column; text-align:center; }
    .product-grid.list-view .product-image{ width:100%; flex:none; }
  }
  /* ---------- PRODUCT MAIN ---------- */
  .product-main{
    max-width:1400px;
    margin:0 auto;
    padding:50px 60px 30px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
  }
 
  .gallery-main{
    width:100%;
    aspect-ratio:1/1.05;
    background:#efeae0;
    overflow:hidden;
  }
 
  .gallery-main img{ width:100%; height:100%; object-fit:cover; display:block; }
 
  .gallery-thumbs{
    display:flex;
    gap:12px;
    margin-top:18px;
  }
 
  .thumb{
    width:64px; height:64px;
    border:1px solid var(--line-strong);
    overflow:hidden;
    cursor:pointer;
    background:#efeae0;
  }
 
  .thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
 
  .product-info h1{
    font-family:'Cormorant Garamond', serif;
    font-weight:500;
    font-size:clamp(30px, 3vw, 40px);
  }
 
  .price-row{ margin-top:16px; }
  .price-row .price{ font-size:19px; }
  .price-row .tax-note{ font-size:14px; color:var(--muted); margin-top:2px; }
 
  .description{
    margin-top:26px;
    font-size:16.5px;
    line-height:1.75;
    color:#2c2a26;
    max-width:52ch;
  }
 
  .details-heading{
    margin-top:34px;
    font-size:14px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:var(--ink);
    border-top:1px solid var(--line);
    padding-top:24px;
  }
 
  .spec{ margin-top:22px; }
  .spec-label{ font-size:16px; font-weight:600; }
  .spec-value{ font-size:16px; color:#2c2a26; margin-top:4px; line-height:1.6; max-width:56ch; }
 
  .custom-list{
    margin-top:22px;
    padding-left:20px;
  }
 
  .custom-list li{
    font-size:16px;
    line-height:1.65;
    margin-bottom:12px;
    max-width:58ch;
  }
 
  .custom-list li b{ font-weight:600; }
 
  /* qty + cart */
  .purchase-block{
    margin-top:40px;
    display:flex;
    gap:14px;
    flex-wrap:wrap;
  }
 
  .qty-selector{
    display:flex;
    align-items:center;
    border:1px solid var(--line-strong);
    height:52px;
  }
 
  .qty-selector button{
    width:42px; height:100%;
    background:none; border:none;
    font-size:18px; cursor:pointer;
    color:var(--ink);
  }
 
  .qty-selector input{
    width:44px;
    text-align:center;
    border:none;
    font-family:'EB Garamond', serif;
    font-size:17px;
    -moz-appearance:textfield;
  }
  .qty-selector input::-webkit-outer-spin-button,
  .qty-selector input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
 
  .btn-solid{
    flex:1;
    min-width:200px;
    height:52px;
    background:var(--black);
    color:#fff;
    border:none;
    font-family:'EB Garamond', serif;
    font-size:17px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    cursor:pointer;
    transition:opacity 0.2s ease;
  }
 
  .btn-solid:hover{ opacity:0.88; }
 
  .btn-full{ width:100%; margin-top:14px; }
 
  .btn-solid svg{ width:18px; height:18px; }
 
  /* accordions */
  .accordion{
    margin-top:26px;
    border-top:1px solid var(--line);
  }
 
  .accordion-item + .accordion-item{ border-top:1px solid var(--line); }
 
  .accordion-header{
    width:100%;
    background:none;
    border:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:18px 0;
    font-size:14px;
    letter-spacing:1.5px;
    text-transform:uppercase;
    cursor:pointer;
    color:var(--ink);
  }
 
  .accordion-header .plus{
    font-size:20px;
    line-height:1;
    transition:transform 0.25s ease;
  }
 
  .accordion-item.open .accordion-header .plus{ transform:rotate(45deg); }
 
  .accordion-body{
    max-height:0;
    overflow:hidden;
    transition:max-height 0.3s ease;
    font-size:16px;
    line-height:1.7;
    color:#2c2a26;
  }
 
  .accordion-body-inner{ padding-bottom:20px; max-width:58ch; }
 
  /* ---------- RELATED ---------- */
  .related{
    max-width:1400px;
    margin:70px auto 0;
    padding:0 60px 70px;
  }
 
  .related h2{
    font-family:'Cormorant Garamond', serif;
    font-weight:500;
    font-size:clamp(26px, 3vw, 32px);
    margin-bottom:34px;
  }
 
  .related-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:28px;
  }
 
  .related-card{ text-align:center; }
 
  .related-image{
    width:100%;
    aspect-ratio:4/5;
    overflow:hidden;
    background:#efeae0;
  }
 
  .related-image img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.5s ease; }
  .related-card:hover .related-image img{ transform:scale(1.04); }
 
  .related-title{ font-family:'Cormorant Garamond', serif; font-size:20px; margin-top:16px; }
  .related-price{ font-size:15px; color:#2c2a26; margin-top:6px; }
 
  /* ---------- FOOTER ---------- */
  footer{
    background:var(--panel);
    border-top:1px solid var(--line);
    padding:60px 60px 40px;
  }
 
  .footer-grid{
    max-width:1400px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr 1.3fr;
    gap:40px;
  }
 
  .footer-col h3{
    font-family:'Cormorant Garamond', serif;
    font-weight:500;
    font-size:22px;
    margin-bottom:16px;
  }
 
  .footer-col p{ font-size:15px; line-height:1.7; color:var(--muted); max-width:36ch; }
 
  .footer-col ul{ list-style:none; }
  .footer-col li{ margin-bottom:10px; }
  .footer-col a{ font-size:15.5px; text-decoration:none; color:var(--ink); }
  .footer-col a:hover{ text-decoration:underline; }
 
  .newsletter-form{ display:flex; margin-top:6px; }
 
  .newsletter-form input{
    flex:1;
    border:1px solid var(--line-strong);
    background:#fff;
    padding:0 16px;
    height:48px;
    font-family:'EB Garamond', serif;
    font-size:15px;
  }
 
  .newsletter-form button{
    background:var(--black);
    color:#fff;
    border:none;
    padding:0 22px;
    font-size:14px;
    letter-spacing:1px;
    cursor:pointer;
    height:48px;
  }
 
  /* ---------- STICKY MOBILE BAR ---------- */
  .sticky-bar{
    position:fixed;
    left:0; right:0; bottom:0;
    background:#fff;
    border-top:1px solid var(--line-strong);
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 24px;
    gap:18px;
    z-index:50;
    box-shadow:0 -6px 18px rgba(0,0,0,0.06);
  }
 
  .sticky-info{ display:flex; align-items:center; gap:14px; }
  .sticky-thumb{ width:46px; height:46px; overflow:hidden; background:#efeae0; }
  .sticky-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
  .sticky-name{ font-size:16px; }
  .sticky-price{ font-size:15px; color:var(--muted); }
 
  .sticky-bar .btn-solid{ flex:none; min-width:150px; height:44px; font-size:15px; }
 
  /* ---------- RESPONSIVE ---------- */
  @media (max-width: 1024px){
    .site-header{ padding:20px 32px; }
    .product-main{ padding:40px 32px 20px; gap:44px; }
    .related{ padding:0 32px 60px; }
    .related-grid{ grid-template-columns:repeat(2, 1fr); }
    footer{ padding:50px 32px 30px; }
    .footer-grid{ grid-template-columns:1fr 1fr; }
  }
 
  @media (max-width: 860px){
    nav.main-nav{
      position:fixed; top:64px; left:0; right:0;
      background:#fff; flex-direction:column; align-items:center;
      max-height:0; overflow:hidden; transition:max-height 0.3s ease;
      border-bottom:1px solid var(--line); z-index:40;
    }
    nav.main-nav.open{ max-height:260px; }
    nav.main-nav a{ padding:14px 0; width:100%; text-align:center; border-bottom:1px solid var(--line); }
    .menu-toggle{ display:flex; }
  }
 
  @media (max-width: 760px){
    .product-main{ grid-template-columns:1fr; }
    .sticky-info{ gap:10px; }
    .sticky-name{ display:none; }
  }
 
  @media (max-width: 480px){
    .site-header{ padding:16px 18px; }
    .logo .mark{ font-size:18px; }
    .product-main{ padding:28px 18px 10px; }
    .related{ padding:0 18px 50px; }
    .related-grid{ grid-template-columns:repeat(2, 1fr); gap:16px; }
    footer{ padding:40px 18px 24px; }
    .footer-grid{ grid-template-columns:1fr; gap:32px; }
    .purchase-block{ flex-direction:column; }
    .qty-selector{ width:100%; justify-content:space-between; }
  }