:root{--navy:#14014e;--navy2:#184d8b;--gold:#e09e1a;--gold2:#e3bb68;--bg:#fff;--soft:#f7f7f5;--text:#172033;--muted:#707784;--border:#e7e8eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Cairo,Arial,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}button,input,textarea{font-family:inherit}.container{width:min(1180px,92%);margin:auto}.top-strip{background:var(--gold);color:#fff;font-size:12px}.top-inner{height:38px;display:flex;justify-content:center;gap:70px;align-items:center}.header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:20}.header-inner{min-height:82px;display:flex;align-items:center;gap:28px}.logo PNG{width:105px;display:block}.header nav{display:flex;gap:24px;align-items:center;flex:1;justify-content:center}.header nav a{font-size:14px;font-weight:600;color:#444}.header nav a:hover{color:var(--navy)}.header-actions{display:flex;gap:10px;align-items:center}.search-box{display:flex;border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#fff}.search-box input{width:180px;border:0;outline:0;padding:10px 12px}.search-box button{border:0;background:var(--navy);color:#fff;width:42px;cursor:pointer;font-size:20px}.icon-btn{position:relative;font-size:19px;padding:8px}.cart-count{position:absolute;top:0;right:0;background:var(--gold);color:#fff;border-radius:50%;font-size:10px;min-width:17px;height:17px;text-align:center;line-height:17px}.hero{width:min(1180px,92%);margin:22px auto 0;min-height:420px;background:var(--navy);border-radius:12px;overflow:hidden;display:grid;grid-template-columns:1fr 1.08fr;direction:ltr}.hero-image{min-height:420px}.hero-image img{width:100%;height:100%;object-fit:cover;display:block}.hero-content{direction:rtl;color:#fff;padding:55px 55px;display:flex;flex-direction:column;justify-content:center}.eyebrow{display:inline-block;color:var(--gold2);font-weight:700;margin-bottom:10px}.hero h1{font-size:38px;line-height:1.5;margin:0 0 16px}.hero h1 b{color:var(--gold2)}.hero p{color:#e3e8ef;line-height:2;max-width:520px}.hero-actions{display:flex;gap:12px;margin-top:18px}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:7px;padding:12px 24px;cursor:pointer;font-weight:700;min-height:45px}.btn-gold{background:var(--gold);color:#fff}.btn-outline{border:1px solid var(--gold2);color:#fff}.btn-dark{background:var(--navy);color:#fff}.full{width:100%}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:38px 0}.feature{display:flex;gap:12px;align-items:center;justify-content:center;border-bottom:1px solid #eee;padding:18px 5px}.feature>span{font-size:23px}.feature strong,.feature small{display:block}.feature strong{font-size:14px}.feature small{font-size:11px;color:#888;margin-top:3px}.section{padding:58px 0}.section.alt{background:var(--soft);max-width:none}.section.alt>.container{width:min(1180px,92%)}.section-head{text-align:center;margin-bottom:35px}.section-head span{font-size:12px;color:var(--gold);font-weight:700}.section-head h2{font-size:29px;margin:4px 0}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-card{background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:.2s;box-shadow:0 5px 20px #00000006}.category-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000012}.category-card img{width:100%;height:190px;object-fit:cover;display:block}.category-card>div{padding:17px}.category-card h3{font-size:16px;margin:0 0 5px}.category-card p{font-size:12px;color:#777;margin:0 0 10px}.category-card b{font-size:12px;color:var(--navy)}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:.2s}.product-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0000000d}.product-card>a img{width:100%;height:235px;object-fit:cover;display:block}.product-info{padding:15px}.product-cat{font-size:10px;color:var(--gold);font-weight:700}.product-info h3{font-size:15px;margin:4px 0}.product-info p{font-size:12px;color:#777;line-height:1.8;min-height:43px;margin:5px 0}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.product-bottom strong{font-size:17px;color:var(--navy)}.product-bottom button{background:var(--navy);color:#fff;border:0;border-radius:6px;padding:9px 11px;cursor:pointer;font-size:11px}.center{text-align:center;margin-top:28px}.why{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:75px 0}.why h2{font-size:31px;margin:0 0 15px}.why p{color:#777;line-height:2}.gold{color:var(--gold)}.why-list{display:grid;gap:15px}.why-list>div{display:flex;gap:16px;padding:18px;border-bottom:1px solid var(--border)}.why-list b{color:var(--gold);font-size:20px}.why-list strong,.why-list small{display:block}.why-list small{color:#777;margin-top:4px}.cta{background:var(--navy);color:#fff}.cta-inner{padding:42px 0;display:flex;justify-content:space-between;align-items:center}.cta h2{margin:4px 0;font-size:25px}.page-title{background:var(--soft);text-align:center;padding:55px 0}.page-title span{color:var(--gold);font-weight:700}.page-title h1{margin:4px 0;font-size:36px;color:var(--navy)}.page-title p{margin:0;color:#777}.filters{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:25px}.filter{border:1px solid #ddd;background:#fff;padding:9px 22px;border-radius:30px;cursor:pointer}.filter.active,.filter:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.search-message{text-align:center;color:var(--gold);font-weight:700;margin-bottom:20px}.empty{text-align:center;padding:70px 20px;border:1px dashed #ddd;border-radius:12px}.empty-icon{font-size:50px}.empty p{color:#777}.full-empty{grid-column:1/-1}.design-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.design-card{border:1px solid var(--border);border-radius:10px;overflow:hidden}.design-card img{width:100%;height:220px;object-fit:cover}.design-card h3,.design-card p{padding:0 15px}.design-card p{color:#777;font-size:13px;padding-bottom:10px}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:70px 0}.about-image img{width:100%;border-radius:12px}.about h2{font-size:31px;color:var(--navy)}.about p{line-height:2;color:#666}.contact{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:60px 0}.contact-info{background:var(--navy);color:#fff;border-radius:12px;padding:40px}.contact-info h2{font-size:28px}.contact-info>div{padding:18px 0;border-bottom:1px solid #ffffff20}.contact-info p{color:#dbe2ec;margin:5px 0 0}.form-card,.summary-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:30px}.form-card h2,.summary-card h2{margin-top:0;color:var(--navy)}label{display:block;font-weight:600;font-size:13px;margin:15px 0}input,textarea{width:100%;border:1px solid #ddd;border-radius:7px;padding:12px;margin-top:7px;outline:none}input:focus,textarea:focus{border-color:var(--navy)}.radio{display:flex;gap:8px;align-items:center;font-weight:500}.radio input{width:auto;margin:0}.cart-page{padding:55px 0}.cart-layout{display:grid;grid-template-columns:1.7fr .8fr;gap:25px}.cart-list{display:grid;gap:12px}.cart-item{display:grid;grid-template-columns:100px 1fr auto auto;align-items:center;gap:18px;border:1px solid var(--border);padding:15px;border-radius:10px}.cart-item img{width:100px;height:100px;object-fit:cover;border-radius:7px}.cart-info h3{margin:0;font-size:16px}.cart-info p{color:var(--navy);font-weight:700}.qty{display:flex;align-items:center;gap:10px}.qty button{width:30px;height:30px;border:1px solid #ddd;background:#fff;border-radius:5px;cursor:pointer}.remove{border:0;background:none;color:#b54b4b;cursor:pointer}.cart-summary{border:1px solid var(--border);border-radius:10px;padding:25px;height:max-content;position:sticky;top:110px}.cart-summary>div{display:flex;justify-content:space-between;border-top:1px solid #eee;padding:18px 0}.cart-summary p{font-size:12px;color:#777}.checkout{display:grid;grid-template-columns:1fr .75fr;gap:25px;padding:55px 0}.summary-row,.summary-total{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #eee;font-size:13px}.summary-total{font-size:17px;border:0}.summary-total strong{color:var(--navy)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--navy);color:#fff;padding:13px 22px;border-radius:8px;opacity:0;pointer-events:none;transition:.25s;z-index:100}.toast,.show{opacity:1!important;transform:translateX(-50%) translateY(0)!important}footer{background:#101a2a;color:#d9dee7;margin-top:30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px;padding:50px 0}.footer-logo{width:100px;filter:brightness(0) invert(1)}footer h3{color:#fff;font-size:15px}footer a,footer p{display:block;color:#b7c0cd;font-size:13px;margin:9px 0}.copyright{text-align:center;border-top:1px solid #ffffff12;padding:17px;font-size:11px;color:#9ca6b5}
@media(max-width:900px){.header-inner{flex-wrap:wrap;padding:12px 0}.header nav{order:3;width:100%;overflow:auto;justify-content:flex-start;padding-bottom:5px}.search-box input{width:130px}.hero{grid-template-columns:1fr}.hero-image{min-height:280px;order:1}.hero-content{order:2;padding:35px}.hero h1{font-size:29px}.features,.category-grid,.products-grid,.design-grid{grid-template-columns:repeat(2,1fr)}.why,.about,.contact,.checkout,.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.top-inner{gap:12px;font-size:9px}.header-actions{width:100%;justify-content:space-between}.search-box{flex:1}.search-box input{width:100%}.features,.category-grid,.products-grid,.design-grid,.footer-grid{grid-template-columns:1fr}.hero{width:100%;margin-top:0;border-radius:0}.hero-image{min-height:230px}.hero-content{padding:30px 20px}.hero h1{font-size:25px}.section,.why,.about,.contact,.checkout,.cart-page{padding:40px 0}.page-title h1{font-size:28px}.cart-item{grid-template-columns:75px 1fr}.cart-item img{width:75px;height:75px}.cart-item>strong,.cart-item>.remove{grid-column:2}.cta-inner{flex-direction:column;align-items:flex-start;gap:18px}}
/* لوجو جرافيكس في الهيدر */
.header-logo {
    display: flex;
    align-items: center;
    margin-right: auto;
}

.header-logo img {
    width: 120px;
    height: auto;
    display: block;
}/* حركة ظهور قسم الشنط من تحت لفوق */
.hero {
    animation: heroUp 1s ease-out;
}

@keyframes heroUp {
    from {
        opacity: 0;
        transform: translateY(60px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* حركة ظهور اللوجو من اليمين */
.logo {
    animation: logoReveal 1s ease-out;
}

@keyframes logoReveal {
    from {
        opacity: 0;
        transform: translateX(40px) scale(0.95);
    }

    to {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}/* ================================
   العلامة المائية لموقع بجورة
================================ */

body {
    position: relative;
}

/* طبقة العلامة المائية */
body::before {
    content: "";
    position: fixed;
    inset: 0;

    background-image: url("images/L1.png");

    background-repeat: repeat;
    background-size: 140px auto;

    opacity: 0.060;

    pointer-events: none;
    z-index: 9999;

    transform: rotate(-15deg);
}/* =================================
   حركة عنوان "شنط تترك انطباعًا"
================================= */

h1:has(b) {
    animation: titleEntrance 1.2s ease-out both;
}

h1:has(b) b {
    display: inline-block;
    animation: boldLineEntrance 1.2s ease-out 0.7s both;
}

@keyframes titleEntrance {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes boldLineEntrance {
    from {
        opacity: 0;
        transform: translateY(25px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}