*{box-sizing:border-box}:root{--bg:#eef3f8;--card:#fff;--text:#142033;--muted:#667085;--line:#dbe3ed;--blue:#0055a5;--blue2:#0078d7;--yellow:#ffb300;--dark:#003366}body{margin:0;font-family:'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.wrap{width:min(1220px,calc(100% - 32px));margin:0 auto}.topbar{background:var(--dark);color:#fff;font-size:13px}.topbar-inner{min-height:34px;display:flex;justify-content:space-between;align-items:center}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-main{min-height:82px;display:grid;grid-template-columns:240px 1fr auto;gap:20px;align-items:center}.logo{display:flex;align-items:center;gap:12px}.logo-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;display:grid;place-items:center;font-weight:900}.logo strong{display:block;font-size:26px}.logo small{display:block;color:var(--muted);font-size:12px}.search{height:50px;display:flex;border:2px solid #dbeafe;border-radius:10px;overflow:hidden;background:#f8fbff}.search input{flex:1;border:0;background:transparent;padding:0 16px}.search button{border:0;background:var(--blue2);color:#fff;font-weight:800;padding:0 26px}.header-links{display:flex;gap:10px}.header-links a{background:#f1f5f9;border:1px solid var(--line);border-radius:9px;padding:11px 13px;font-weight:700}.main{padding:28px 0 46px}.hero{min-height:420px;background:linear-gradient(135deg,var(--dark),var(--blue2));border-radius:16px;color:white;padding:42px;display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:center}.badge{display:inline-flex;background:rgba(255,255,255,.14);padding:9px 13px;border-radius:999px;font-weight:800}.hero h1{font-size:clamp(38px,5vw,64px);line-height:1;margin:18px 0 16px}.hero p{font-size:18px;line-height:1.65;color:#e5f2ff}.hero-actions,.detail-actions{display:flex;gap:12px;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:12px 18px;font-weight:800;cursor:pointer}.btn.primary{background:var(--yellow);color:var(--dark)}.btn.secondary{background:rgba(255,255,255,.14);color:white}.hero-panel{background:rgba(255,255,255,.13);border-radius:14px;padding:22px}.hero-panel a{display:block;background:rgba(255,255,255,.12);border-radius:9px;padding:10px;margin:9px 0}.section-title{margin:36px 0 18px}.section-title span{color:var(--blue2);font-weight:900;text-transform:uppercase;font-size:13px}.section-title h1,.section-title h2{margin:5px 0 0;font-size:32px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 3px 12px rgba(0,0,0,.08)}.product-card:hover{transform:translateY(-4px)}.product-image{display:block;background:#f8fafc;border-radius:10px;border:1px solid #eef2f7}.product-card img{width:100%;height:145px;object-fit:contain;padding:14px}.product-card span{display:block;color:var(--blue2);font-size:12px;font-weight:800;margin-top:12px}.product-card h3{min-height:46px;margin:7px 0;font-size:18px}.product-card p{height:38px;margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.45}.product-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.product-bottom strong{font-size:18px;color:var(--dark)}.product-bottom a{background:var(--blue2);color:white;padding:9px 10px;border-radius:7px;font-weight:700;font-size:13px}.shop-layout{display:grid;grid-template-columns:280px 1fr;gap:22px}.category-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;height:max-content;position:sticky;top:120px}.category-panel a,.cat-parent,.cat-child{display:block;border-radius:8px;padding:10px;margin:5px 0}.category-panel a.active,.category-panel a:hover{background:#e0f2fe;font-weight:800}.cat-child{padding-left:22px;color:#475569}.plain-card,.login-card{background:white;border:1px solid var(--line);border-radius:12px;padding:26px;box-shadow:0 3px 12px rgba(0,0,0,.08);max-width:1000px;margin:40px auto}.login-card{max-width:460px}.form{display:grid;gap:12px}.form input,.form textarea,.form select{width:100%;border:1px solid #cfd8e3;border-radius:8px;padding:11px;font:inherit}.error{background:#fee2e2;color:#991b1b;padding:12px;border-radius:8px;margin:14px 0}.product-detail{display:grid;grid-template-columns:1fr 430px;gap:28px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.detail-main-image{background:#f8fafc;border:1px solid #eef2f7;border-radius:14px;display:grid;place-items:center;min-height:400px}.detail-main-image img{max-width:100%;max-height:380px;object-fit:contain}.detail-category{display:inline-flex;background:#e0f2fe;color:#0055a5;border-radius:999px;padding:7px 11px;font-weight:800}.detail-price{font-size:34px;font-weight:900;color:#003366;margin:20px 0}.detail-stock{display:flex;justify-content:space-between;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.cart-row{display:grid;grid-template-columns:1fr 120px 140px 140px 80px;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:12px}.cart-product{display:flex;align-items:center;gap:12px}.cart-product img{width:70px;height:70px;object-fit:contain}.qty-box{display:flex;align-items:center;gap:10px}.qty-box form{margin:0}.qty-box button{width:34px;height:34px;border:0;border-radius:8px;background:var(--blue2);color:#fff}.cart-summary{margin-top:24px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;justify-content:space-between;align-items:center}.small-btn{border:0;border-radius:7px;padding:8px 10px;font-size:12px;font-weight:800;cursor:pointer;display:inline-flex}.small-btn.delete{background:#dc2626;color:#fff}.footer{background:var(--dark);color:#cbd5e1;margin-top:30px;padding:34px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}.footer h3,.footer h4{color:white}.footer a{display:block;margin:7px 0;color:#dbeafe}.admin-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.admin-menu{background:var(--dark);color:#fff;padding:24px}.admin-brand{display:flex;align-items:center;gap:10px;color:white;margin-bottom:28px}.admin-brand span{width:42px;height:42px;border-radius:12px;background:var(--yellow);color:var(--dark);display:grid;place-items:center;font-weight:900}.admin-menu nav{display:grid;gap:9px}.admin-menu nav a{color:white;background:#0055a5;padding:12px;border-radius:8px}.admin-content{padding:28px}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.admin-stats div,.admin-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:0 3px 12px rgba(0,0,0,.06)}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #e5e7eb;padding:11px;text-align:left}@media(max-width:900px){.header-main,.hero,.shop-layout,.product-detail,.admin-shell{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.cart-row{grid-template-columns:1fr}}@media(max-width:620px){.product-grid,.footer-grid,.admin-stats{grid-template-columns:1fr}.hero{padding:26px}.hero h1{font-size:36px}}

/* Login / form buttons - Shop style */
.form button,
.login-card .form button,
.checkout-page .form button {
    background-color: #0078d7;
    color: #ffffff;
    border: none;
    padding: 12px 16px;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 800;
    font-size: 15px;
    transition: 0.2s ease;
}

.form button:hover,
.login-card .form button:hover,
.checkout-page .form button:hover {
    background-color: #ffb300;
    color: #003366;
}

.login-card .form button {
    width: 100%;
}


.form-note{
    margin-top:18px;
    text-align:center;
    color:#64748b;
    font-size:14px;
    font-weight:500;
}

.form-note a{
    color:#0078d7;
    font-weight:800;
    text-decoration:none;
}

.form-note a:hover{
    color:#ffb300;
}


.about-page{
    max-width:1100px;
}

.about-content{
    line-height:1.9;
    font-size:16px;
    color:#334155;
}

.about-content p{
    margin-bottom:18px;
}

.about-boxes{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin-top:34px;
}

.about-box{
    background:#f8fafc;
    border:1px solid #dbe3ed;
    border-radius:14px;
    padding:22px;
    box-shadow:0 3px 12px rgba(0,0,0,.05);
}

.about-box h3{
    margin-top:0;
    color:#003366;
}

.about-box p{
    color:#475569;
    line-height:1.7;
}

@media(max-width:800px){
    .about-boxes{
        grid-template-columns:1fr;
    }
}


/* Home hero compact update */
.hero{
    min-height:300px;
    padding:28px 34px;
}

.hero h1{
    font-size:clamp(30px,3.6vw,46px);
    line-height:1.08;
    margin:14px 0 12px;
}

.hero p{
    font-size:16px;
    line-height:1.55;
}

.hero-actions{
    margin-top:20px;
}


/* Hero badge top alignment */
.hero{
    align-items:flex-start;
    padding-top:20px;
}

.badge{
    margin-top:-4px;
}


/* Hero center text and bottom buttons */
.hero{
    position:relative;
    align-items:center;
}

.hero > div:first-child{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    min-height:250px;
    width:100%;
}

.hero h1,
.hero p{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.hero .badge{
    align-self:flex-start;
    margin-bottom:8px;
}

.hero-actions{
    position:absolute;
    left:34px;
    bottom:24px;
    margin-top:0;
}

@media(max-width:900px){
    .hero-actions{
        position:static;
        margin-top:20px;
        justify-content:center;
    }

    .hero .badge{
        align-self:center;
    }
}


/* Hero text centered but positioned to the right */
.hero > div:first-child{
    align-items:center;
    text-align:center;
    transform:translateX(70px);
}

.hero h1,
.hero p{
    text-align:center;
}

@media(max-width:900px){
    .hero > div:first-child{
        transform:none;
    }
}


/* Hero layout reset - left aligned clean version */
.hero{
    position:relative;
    align-items:center;
    padding:28px 34px;
}

.hero > div:first-child{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    text-align:left;
    transform:none !important;
    min-height:250px;
    width:100%;
}

.hero .badge{
    align-self:flex-start;
    margin-top:0;
    margin-bottom:10px;
}

.hero h1,
.hero p{
    text-align:left;
    margin-left:0;
    margin-right:0;
}

.hero-actions{
    position:absolute;
    left:34px;
    bottom:24px;
    display:flex;
    gap:12px;
    margin-top:0;
}

@media(max-width:900px){
    .hero-actions{
        position:static;
        margin-top:20px;
    }
}


/* Reduce category panel top gap */
.hero-panel{
    margin-top:-12px;
    align-self:flex-start;
}


/* Reduce inner category panel top padding */
.hero-panel{
    padding-top:12px;
}

.hero-panel h3{
    margin-top:0;
    margin-bottom:10px;
}


/* Equal spacing for category panel inside hero */
.hero{
    padding:28px 34px;
    align-items:stretch;
}

.hero-panel{
    margin-top:0 !important;
    margin-bottom:0;
    margin-right:0;
    align-self:stretch;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
}

.hero-panel h3{
    margin-top:0;
}


/* Compact hero height */
.hero{
    min-height:260px !important;
    padding:22px 28px !important;
}

.hero > div:first-child{
    min-height:200px !important;
}

.hero-panel{
    min-height:auto;
}


/* Hero total height ~290px */
.hero{
    min-height:246px !important;
    padding-top:22px !important;
    padding-bottom:22px !important;
}


/* Compact hero category list spacing */
.hero-panel a{
    padding:8px 10px;
    margin:5px 0;
    font-size:14px;
}

.hero-panel h3{
    margin-bottom:8px;
}


/* Admin category CRUD */
.admin-grid{
    display:grid;
    grid-template-columns:380px 1fr;
    gap:20px;
    align-items:start;
}

.admin-actions-cell{
    display:flex;
    gap:8px;
    align-items:center;
}

.admin-actions-cell form{
    margin:0;
}

.small-btn.edit{
    background:#0078d7;
    color:#fff;
}

.small-btn.delete{
    background:#dc2626;
    color:#fff;
}

.notice{
    background:#dcfce7;
    color:#166534;
    border-radius:10px;
    padding:12px 14px;
    margin-bottom:16px;
    font-weight:700;
}

.checkbox-line{
    display:flex!important;
    align-items:center;
    gap:8px;
}

.checkbox-line input{
    width:auto!important;
}

.form-actions{
    display:flex;
    gap:10px;
    align-items:center;
}

.category-edit-card{
    max-width:700px;
}

@media(max-width:950px){
    .admin-grid{
        grid-template-columns:1fr;
    }
}


/* Category modal layout */
.table-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:18px;
}

.open-modal-btn{
    background:#0078d7;
    color:#fff;
    border:0;
    border-radius:10px;
    padding:12px 18px;
    cursor:pointer;
    font-weight:800;
}

.open-modal-btn:hover{
    background:#ffb300;
    color:#003366;
}

.modal-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:9999;
}

.modal-box{
    width:100%;
    max-width:560px;
    background:#fff;
    border-radius:18px;
    padding:24px;
    box-shadow:0 20px 60px rgba(0,0,0,.25);
}

.modal-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:18px;
}

.modal-header h2{
    margin:0;
}

.modal-close{
    width:40px;
    height:40px;
    border-radius:10px;
    border:0;
    background:#e2e8f0;
    cursor:pointer;
    font-size:24px;
    font-weight:700;
}

.modal-close:hover{
    background:#cbd5e1;
}


/* Category list full-width and right alignment */
.admin-content .admin-card{
    width:100%;
}

.table-header{
    width:100%;
}

.table-header h2{
    margin:0;
}

.admin-card table{
    width:100%;
}

.admin-card th:last-child,
.admin-card td:last-child{
    text-align:right;
}

.admin-actions-cell{
    justify-content:flex-end;
}

.open-modal-btn{
    min-width:170px;
    text-align:center;
}


/* Category hierarchy view */
.category-name{
    display:block;
    font-size:15px;
}

.subcategory-name{
    display:block;
    margin-left:24px;
    color:#334155;
    font-size:14px;
}


/* Grouped category tree table */
.category-tree-table{
    width:100%;
    border-collapse:collapse;
}

.category-tree-table th{
    border-bottom:1px solid #dbe3ed;
    padding:12px 11px;
}

.category-tree-table td{
    border-bottom:none;
    padding:10px 11px;
    vertical-align:middle;
}

.category-parent-row{
    border-top:2px solid #dbe3ed;
}

.category-parent-row:first-child{
    border-top:0;
}

.category-parent-row td{
    padding-top:16px;
    background:#ffffff;
}

.category-child-row td{
    padding-top:7px;
    padding-bottom:7px;
    background:#fbfdff;
}

.category-name{
    display:block;
    font-size:15px;
    color:#0f172a;
}

.subcategory-name{
    display:block;
    margin-left:28px;
    color:#475569;
    font-size:14px;
    font-weight:700;
}

.category-tree-table th:last-child,
.category-tree-table td:last-child{
    text-align:right;
}

.category-tree-table .admin-actions-cell{
    justify-content:flex-end;
}


/* Child category separators */
.category-child-row{
    border-top:1px solid #eef2f7;
}

.category-child-row:first-of-type{
    border-top:none;
}

.category-tree-table td:first-child,
.category-tree-table th:first-child{
    width:70px;
    text-align:center;
    color:#64748b;
    font-weight:700;
}


/* Final category table UI fix */
.category-tree-table{
    width:100%;
    border-collapse:collapse;
}

.category-tree-table th{
    border-bottom:1px solid #dbe3ed;
    padding:12px 11px;
}

.category-tree-table td{
    border-bottom:none;
    padding:10px 11px;
    vertical-align:middle;
}

.category-parent-row{
    border-top:2px solid #dbe3ed;
}

.category-parent-row:first-child{
    border-top:0;
}

.category-parent-row td{
    padding-top:16px;
    background:#ffffff;
}

.category-child-row{
    border-top:1px solid #eef2f7;
}

.category-child-row td{
    padding-top:7px;
    padding-bottom:7px;
    background:#fbfdff;
}

.category-name{
    display:block;
    font-size:15px;
    color:#0f172a;
}

.subcategory-name{
    display:block;
    margin-left:28px;
    color:#475569;
    font-size:14px;
    font-weight:700;
}

.category-tree-table td:first-child,
.category-tree-table th:first-child{
    width:70px;
    text-align:center;
    color:#64748b;
    font-weight:700;
}

.category-tree-table th:last-child,
.category-tree-table td:last-child{
    text-align:right;
}

.category-tree-table .admin-actions-cell{
    justify-content:flex-end;
}


/* Store featured products heading */
.store-list-heading{
    margin: 0 0 16px 0;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 800;
    color: #111827;
}


/* Store layout spacing/alignment final fix
   Header altındaki boşluk ürün listeleme ve ürün detay sayfalarında aynı olur.
   Ürün detayına girince sol kategori menüsü sağa kaymaz. */
.main.wrap,
.wrap.main{
    padding-top: 18px !important;
}

.products-layout-page,
.product-detail-with-sidebar{
    margin-top: 0 !important;
    padding-top: 0 !important;
    display: grid !important;
    grid-template-columns: 260px minmax(0, 1fr) !important;
    column-gap: 24px !important;
    align-items: start !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.products-sidebar{
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
    box-sizing: border-box !important;
    align-self: start !important;
    margin: 0 !important;
}

.products-main-area,
.product-detail-content{
    min-width: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ürün detay kartı kendi içinde ekstra üst boşluk üretmesin. */
.product-detail-page,
.product-detail-card{
    margin-top: 0 !important;
}

/* Liste başlığı/breadcrumb üst boşluğu sayfa kaydırmasın. */
.store-category-breadcrumb,
.store-list-heading{
    margin-top: 0 !important;
}

/* Ürün detay sayfasında eski sidebar class'larından kalan konum farklarını etkisiz bırak. */
.product-detail-with-sidebar .products-sidebar{
    grid-column: 1 !important;
}

.product-detail-with-sidebar .product-detail-content{
    grid-column: 2 !important;
}

@media (max-width: 900px){
    .products-layout-page,
    .product-detail-with-sidebar{
        grid-template-columns: 1fr !important;
        row-gap: 18px !important;
    }

    .products-sidebar{
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    .product-detail-with-sidebar .products-sidebar,
    .product-detail-with-sidebar .product-detail-content{
        grid-column: auto !important;
    }
}


/* Store category breadcrumb restored final style */
.store-category-breadcrumb{
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 16px 0 !important;
    padding: 0 0 10px 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    color: #0f172a !important;
    border-bottom: 2px solid #2563eb !important;
}

.store-category-breadcrumb a{
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #2563eb !important;
    text-decoration: none !important;
}

.store-category-breadcrumb a:hover{
    color: #1d4ed8 !important;
    text-decoration: underline !important;
}

.store-category-breadcrumb .breadcrumb-separator{
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #94a3b8 !important;
}

.store-category-breadcrumb .breadcrumb-current{
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #111827 !important;
}

/* Featured products heading same visual language */
.store-list-heading{
    margin: 0 0 16px 0 !important;
    padding: 0 0 10px 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    color: #2563eb !important;
    border-bottom: 2px solid #2563eb !important;
}


/* Product detail breadcrumb position */
.product-detail-content > .product-detail-breadcrumb{
    margin-top: 0 !important;
    margin-bottom: 16px !important;
}


/* Guest/member checkout */
.checkout-info-box{
    display:grid;
    gap:4px;
    margin:0 0 18px;
    padding:14px 16px;
    border:1px solid #dbe3ed;
    border-radius:14px;
    background:#f8fafc;
    color:#334155;
}

.checkout-info-box strong{
    color:#0f172a;
}

.checkout-form .form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.checkout-order-summary{
    margin-top:18px;
    padding:16px;
    border:1px solid #dbe3ed;
    border-radius:16px;
    background:#fff;
}

.checkout-order-summary h2{
    margin:0 0 12px;
    font-size:18px;
}

.checkout-summary-row,
.checkout-summary-total{
    display:flex;
    justify-content:space-between;
    gap:16px;
    padding:8px 0;
    border-bottom:1px solid #eef2f7;
}

.checkout-summary-total{
    border-bottom:0;
    padding-top:12px;
    font-size:18px;
}

.order-success-number{
    display:inline-block;
    margin:8px 0 14px;
    padding:10px 14px;
    border-radius:12px;
    background:#f8fafc;
    border:1px solid #dbe3ed;
    font-size:20px;
    font-weight:800;
}

.checkout-success-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:18px;
}

@media(max-width:760px){
    .checkout-form .form-row{
        grid-template-columns:1fr;
    }
}



/* Ez Technologie logo */
.logo.ez-logo img{
    width:72px;
    height:auto;
    max-height:52px;
    object-fit:contain;
    display:block;
    border-radius:0;
}
.logo.ez-logo{
    gap:12px;
}
.logo.ez-logo strong{
    font-size:24px;
    line-height:1.05;
}
.logo.ez-logo small{
    font-size:12px;
    letter-spacing:.02em;
}
@media(max-width:700px){
    .logo.ez-logo img{
        width:58px;
        max-height:44px;
    }
    .logo.ez-logo strong{
        font-size:20px;
    }
}

/* Category action column alignment fix */
.category-tree-table th.table-actions,
.category-tree-table td.table-actions,
.admin-table th.table-actions,
.admin-table td.table-actions{
    text-align:left !important;
}

.category-tree-table td.table-actions,
.admin-table td.table-actions{
    white-space:nowrap !important;
    vertical-align:middle !important;
}

.category-tree-table td.table-actions form,
.admin-table td.table-actions form{
    display:inline-flex !important;
    margin:0 0 0 6px !important;
    padding:0 !important;
    vertical-align:middle !important;
}

.category-tree-table td.table-actions .btn-toolbar,
.admin-table td.table-actions .btn-toolbar{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin-right:6px !important;
}