/*==================================================
ORDER PAGE
==================================================*/

.gm-order-hero{

padding:90px 0 120px;

background:linear-gradient(180deg,#ffffff,#FCFAF6);

}

.gm-container{

width:100%;

max-width:1320px;

margin:auto;

padding:0 40px;

box-sizing:border-box;

}

.gm-order-grid{

display:grid;

grid-template-columns:1.05fr .95fr;

gap:80px;

align-items:center;

}

.gm-order-badge{

display:inline-block;

padding:10px 18px;

background:#F7F0E4;

border-radius:50px;

color:#8F6E36;

font-weight:700;

margin-bottom:22px;

}

.gm-order-content h1{

font-size:58px;

line-height:1.1;

margin-bottom:22px;

color:#262626;

}

.gm-order-content p{

font-size:21px;

line-height:1.9;

max-width:620px;

color:#666;

margin-bottom:38px;

}

.gm-order-buttons{

display:flex;

gap:18px;

margin-bottom:36px;

flex-wrap:wrap;

}

.gm-btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:18px 34px;

border-radius:18px;

font-weight:700;

text-decoration:none;

transition:.3s;

}

.gm-btn-primary{

background:#B89457;

color:#fff;

}

.gm-btn-primary:hover{

background:#8F6E36;

color:#fff;

transform:translateY(-3px);

}

.gm-btn-outline{

border:2px solid #B89457;

color:#B89457;

background:#fff;

}

.gm-btn-outline:hover{

background:#B89457;

color:#fff;

}

.gm-order-features{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:18px;

font-weight:600;

color:#444;

margin-top:20px;

}

.gm-order-image{

display:flex;

justify-content:flex-end;

}

.gm-order-image img{

width:100%;

max-width:760px;

display:block;

border-radius:34px;

box-shadow:0 35px 80px rgba(0,0,0,.12);

transition:.5s;

}

.gm-order-image img:hover{

transform:translateY(-8px);

}

@media(max-width:991px){

.gm-order-grid{

grid-template-columns:1fr;

}

@media (max-width:991px){

.gm-container{

padding:0 22px;

}

.gm-order-grid{

grid-template-columns:1fr;

gap:45px;

}

.gm-order-content{

order:2;

}

.gm-order-image{

order:1;

justify-content:center;

}

.gm-order-content h1{

font-size:42px;

max-width:100%;

}

.gm-order-content p{

font-size:18px;

max-width:100%;

}

.gm-order-features{

grid-template-columns:1fr;

}

}
}
/*======================================
ORDER HEADER
======================================*/

.gm-order-header{

position:sticky;

top:0;

z-index:999;

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

backdrop-filter:blur(18px);

border-bottom:1px solid #EFE7DA;

}

.gm-order-header-inner{

display:flex;

justify-content:space-between;

align-items:center;

height:84px;

}

.gm-order-logo img{

height:44px;

display:block;

}

.gm-order-header-btn{

background:#B89457;

color:#fff;

padding:14px 28px;

border-radius:14px;

font-weight:700;

text-decoration:none;

transition:.35s;

}

.gm-order-header-btn:hover{

background:#8F6E36;

color:#fff;

transform:translateY(-2px);

}

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

.gm-order-footer{

padding:45px 0;

text-align:center;

font-size:14px;

color:#777;

border-top:1px solid #eee;

margin-top:90px;

background:#fff;

}

@media(max-width:768px){

.gm-order-header-inner{

height:72px;

}

.gm-order-logo img{

height:36px;

}

.gm-order-header-btn{

padding:12px 18px;

font-size:14px;

}

}