*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,Arial,sans-serif}
body{background:#f1f3f6;color:#212121}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}

/* HEADER */
.fk-header{background:#2874f0;color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 1px 2px rgba(0,0,0,.1)}
.fk-header-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;padding:10px 20px;gap:25px}
.fk-logo{display:flex;flex-direction:column;line-height:1}
.fk-logo .logo-text{font-size:22px;font-style:italic;font-weight:700;color:#fff}
.fk-logo .logo-tag{font-size:11px;font-style:italic;color:#fff;display:flex;align-items:center;gap:3px}
.fk-logo .logo-tag em{color:#f9d030;font-style:italic}
.fk-logo .logo-tag img{height:10px}
.fk-search{flex:1;display:flex;background:#fff;border-radius:2px;overflow:hidden;max-width:560px}
.fk-search button{border:0;background:transparent;padding:0 12px;color:#2874f0;cursor:pointer;font-size:16px}
.fk-search input{flex:1;border:0;outline:0;padding:10px;font-size:14px;color:#000}
.fk-nav{display:flex;align-items:center;gap:30px;color:#fff;font-size:14px;font-weight:500}
.fk-login-btn{background:#fff;color:#2874f0;padding:6px 36px;font-weight:600;border-radius:2px}
.fk-link{color:#fff}
.fk-cart{position:relative}
.cart-badge{position:absolute;top:-8px;right:-12px;background:#ff6161;color:#fff;border-radius:50%;font-size:11px;padding:2px 6px}
.fk-user{position:relative;cursor:pointer}
.fk-user:hover .fk-dropdown{display:block}
.fk-dropdown{display:none;position:absolute;top:100%;right:0;background:#fff;color:#212121;min-width:180px;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:2px;padding:8px 0;z-index:200}
.fk-dropdown a{display:block;padding:8px 16px;font-size:14px}
.fk-dropdown a:hover{background:#f5f5f5;color:#2874f0}

/* CATEGORIES */
.fk-categories{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.fk-categories-inner{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;padding:10px 20px;overflow-x:auto}
.fk-cat{display:flex;flex-direction:column;align-items:center;min-width:80px;padding:6px;font-size:13px;font-weight:600;color:#212121}
.fk-cat img{width:64px;height:64px;object-fit:contain;margin-bottom:4px}
.fk-cat:hover{color:#2874f0}

/* MAIN */
.fk-main{max-width:1280px;margin:12px auto;padding:0 12px}

/* HERO BANNER */
.fk-banner{background:#fff;margin-bottom:10px;border-radius:2px;overflow:hidden}
.fk-banner img{width:100%;object-fit:cover}

/* SECTION */
.fk-section{background:#fff;margin-bottom:10px;padding:16px;border-radius:2px}
.fk-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.fk-section-head h2{font-size:22px;font-weight:500}
.fk-view-all{background:#2874f0;color:#fff;padding:8px 24px;font-size:13px;font-weight:500;border-radius:2px}

/* PRODUCT GRID */
.fk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px}
.fk-product{background:#fff;padding:14px;text-align:center;transition:.2s;border:1px solid transparent}
.fk-product:hover{box-shadow:0 0 14px 4px rgba(0,0,0,.05);border-color:#eee}
.fk-product img{height:180px;width:auto;margin:0 auto 10px;object-fit:contain}
.fk-product h3{font-size:14px;font-weight:500;color:#212121;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}
.fk-product .brand{font-size:12px;color:#878787;margin-bottom:4px}
.fk-rating{display:inline-block;background:#388e3c;color:#fff;font-size:12px;padding:1px 6px;border-radius:3px;font-weight:600;margin-bottom:6px}
.fk-rating::after{content:" ★"}
.fk-price{font-size:16px;font-weight:500;color:#212121}
.fk-mrp{font-size:13px;color:#878787;text-decoration:line-through;margin:0 6px}
.fk-discount{font-size:13px;color:#388e3c;font-weight:500}

/* PRODUCT DETAIL */
.fk-pd{display:grid;grid-template-columns:1fr 1.4fr;gap:24px;background:#fff;padding:20px;border-radius:2px}
.fk-pd-img{position:sticky;top:130px;align-self:start}
.fk-pd-img img{max-height:480px;margin:0 auto;object-fit:contain;border:1px solid #f0f0f0}
.fk-pd-actions{display:flex;gap:12px;margin-top:16px}
.fk-pd-actions button,.fk-btn{flex:1;padding:14px;border:0;font-size:16px;font-weight:500;text-transform:uppercase;cursor:pointer;border-radius:2px;display:flex;align-items:center;justify-content:center;gap:8px}
.btn-cart{background:#ff9f00;color:#fff}
.btn-buy{background:#fb641b;color:#fff}
.btn-cart:hover{background:#f08c00}.btn-buy:hover{background:#e85a16}
.fk-pd h1{font-size:18px;font-weight:400;margin-bottom:8px}
.fk-pd .brand{color:#878787;font-size:13px}
.fk-pd .price-box{margin:14px 0;display:flex;align-items:center;gap:10px}
.fk-pd .price-box .price{font-size:28px;font-weight:500}
.fk-pd .desc{padding:14px 0;border-top:1px solid #f0f0f0;font-size:14px;line-height:1.6;color:#212121}

/* AUTH */
.fk-auth{max-width:760px;margin:30px auto;background:#fff;display:flex;border-radius:2px;overflow:hidden;min-height:520px}
.fk-auth-left{background:#2874f0;color:#fff;flex:1;padding:35px}
.fk-auth-left h2{font-size:28px;margin-bottom:14px}
.fk-auth-left p{font-size:16px;color:#dbdbdb;line-height:1.5}
.fk-auth-right{flex:1.4;padding:35px 35px}
.fk-auth-right input{width:100%;padding:12px 4px;border:0;border-bottom:1px solid #e0e0e0;font-size:15px;margin-bottom:24px;outline:0}
.fk-auth-right input:focus{border-color:#2874f0}
.fk-auth-right button{width:100%;background:#fb641b;color:#fff;padding:14px;border:0;font-size:15px;font-weight:500;cursor:pointer;border-radius:2px}
.fk-auth-right .alt{display:block;text-align:center;color:#2874f0;font-weight:500;margin-top:18px;padding:12px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.fk-auth-right .terms{font-size:12px;color:#878787;margin-bottom:14px}
.fk-error{background:#feefef;color:#c0392b;padding:10px;border-radius:2px;margin-bottom:14px;font-size:14px}
.fk-success{background:#e8f5e9;color:#2e7d32;padding:10px;border-radius:2px;margin-bottom:14px;font-size:14px}

/* CART */
.fk-cart-wrap{display:grid;grid-template-columns:2fr 1fr;gap:14px;align-items:start}
.fk-cart-list{background:#fff;border-radius:2px}
.fk-cart-list h2{padding:16px;border-bottom:1px solid #f0f0f0;font-size:18px;font-weight:500}
.fk-cart-item{display:grid;grid-template-columns:120px 1fr auto;gap:20px;padding:20px;border-bottom:1px solid #f0f0f0}
.fk-cart-item img{height:100px;object-fit:contain}
.fk-cart-item h3{font-size:15px;font-weight:400;margin-bottom:8px}
.fk-cart-item .qty{display:flex;align-items:center;gap:10px;margin-top:10px}
.fk-cart-item .qty a{width:26px;height:26px;border:1px solid #c2c2c2;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f0f0f0;font-weight:600}
.fk-cart-item .remove{color:#212121;font-weight:600;font-size:13px;margin-left:18px;text-transform:uppercase}
.fk-summary{background:#fff;padding:16px;border-radius:2px;position:sticky;top:130px}
.fk-summary h3{color:#878787;font-size:14px;padding-bottom:10px;border-bottom:1px solid #f0f0f0;margin-bottom:12px;text-transform:uppercase}
.fk-summary .row{display:flex;justify-content:space-between;padding:8px 0;font-size:15px}
.fk-summary .total{border-top:1px dashed #c2c2c2;border-bottom:1px dashed #c2c2c2;padding:14px 0;font-weight:600;margin:10px 0}
.fk-summary .savings{color:#388e3c;font-size:13px;margin-bottom:14px}
.fk-summary button,.fk-summary a.btn-place{display:block;width:100%;background:#fb641b;color:#fff;text-align:center;padding:14px;font-weight:500;text-transform:uppercase;border:0;cursor:pointer;border-radius:2px;font-size:15px}

/* CHECKOUT */
.fk-checkout{max-width:760px;margin:0 auto;background:#fff;padding:24px;border-radius:2px}
.fk-checkout h2{margin-bottom:18px}
.fk-checkout textarea,.fk-checkout input{width:100%;padding:10px;border:1px solid #e0e0e0;margin-bottom:14px;font-family:inherit;font-size:14px;border-radius:2px}
.fk-checkout button{background:#fb641b;color:#fff;padding:14px 32px;border:0;font-weight:500;text-transform:uppercase;cursor:pointer;border-radius:2px}

/* ORDERS */
.fk-orders{background:#fff;border-radius:2px;padding:18px}
.fk-order{border:1px solid #f0f0f0;padding:14px;margin-bottom:12px;border-radius:2px}
.fk-order-head{display:flex;justify-content:space-between;font-size:14px;color:#878787;margin-bottom:10px}
.fk-order-status{color:#388e3c;font-weight:500}
.fk-empty{text-align:center;padding:60px 20px;background:#fff;border-radius:2px}
.fk-empty img{max-width:200px;margin:0 auto 20px}

/* ADMIN */
.admin-wrap{max-width:1200px;margin:20px auto;padding:0 20px}
.admin-nav{background:#fff;padding:14px;display:flex;gap:20px;margin-bottom:14px;border-radius:2px}
.admin-nav a{color:#2874f0;font-weight:500}
.admin-table{width:100%;background:#fff;border-collapse:collapse}
.admin-table th,.admin-table td{padding:10px;border-bottom:1px solid #f0f0f0;text-align:left;font-size:14px}
.admin-table th{background:#f8f8f8}
.admin-form{background:#fff;padding:20px;border-radius:2px;max-width:600px}
.admin-form label{display:block;font-size:13px;margin-bottom:4px;font-weight:500}
.admin-form input,.admin-form textarea,.admin-form select{width:100%;padding:10px;border:1px solid #e0e0e0;margin-bottom:14px;font-size:14px;border-radius:2px;font-family:inherit}
.admin-form button{background:#2874f0;color:#fff;padding:10px 24px;border:0;font-weight:500;cursor:pointer;border-radius:2px}

/* FOOTER */
.fk-footer{background:#172337;color:#fff;margin-top:20px}
.fk-footer-top{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:30px;padding:40px 30px;border-bottom:1px solid #454d5e}
.fk-footer-col h4{color:#878787;font-size:12px;text-transform:uppercase;margin-bottom:14px;letter-spacing:.5px}
.fk-footer-col a,.fk-footer-col p{display:block;color:#fff;font-size:12px;margin-bottom:10px;line-height:1.5}
.fk-footer-col a:hover{color:#2874f0}
.fk-footer-bottom{text-align:center;padding:14px;font-size:13px;color:#a9a9a9}

@media(max-width:900px){
  .fk-pd,.fk-cart-wrap,.fk-footer-top{grid-template-columns:1fr}
  .fk-search{display:none}
  .fk-auth{flex-direction:column}
}