/* =======================================================
   MYNTRA EXACT CLONE - COMPLETE CSS OVERRIDE
   Loaded AFTER styles.css to defeat all theme conflicts
   All rules use !important where needed
   ======================================================= */

/* ---------- FONT ---------- */
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200;300;400;500;600;700;800&display=swap');

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

body, html, input, button, select, textarea,
h1, h2, h3, h4, h5, h6, p, span, a, li, div {
    font-family: 'Assistant', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

body {
    background: #fff !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #282c3f !important;
}

/* ---------- HIDE THEME JUNK ---------- */
.preload-wrapper,
#scroll-top,
.tf-toolbar-bottom,
.page-title,
.tf-breadcrumb,
.tf-topbar,
.tf-add-cart-success,
.tf-main-product .tf-zoom-main {
    display: none !important;
}

/* ---------- RESET OLD SPACINGS ---------- */
.flat-spacing,
.flat-spacing-2,
.flat-spacing-3,
.flat-spacing-4,
.flat-spacing-5,
.flat-spacing-6,
.flat-spacing-7,
.flat-spacing-8 {
    padding: 0 !important;
}

/* ---------- MYNTRA COLORS ---------- */
:root {
    --m-pink: #ff3f6c;
    --m-dark: #282c3f;
    --m-gray: #696e79;
    --m-light: #94969f;
    --m-bg: #f5f5f6;
    --m-border: #eaeaec;
    --m-green: #03a685;
    --m-orange: #ff905a;
}

/* ================================================
   HEADER — 56px, white, exact Myntra
   ================================================ */
.myntra-header {
    background: #fff !important;
    height: 80px !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    box-shadow: 0 4px 12px 0 rgba(0,0,0,0.05) !important;
    border: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.myntra-header-inner {
    max-width: 1280px;
    margin: 0 auto;
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    padding: 0 24px !important;
}

.myntra-logo {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    height: 100%;
    margin-right: 0;
}

.myntra-logo a {
    display: flex;
    align-items: center;
    height: 100%;
    padding-right: 16px;
    text-decoration: none;
}

.myntra-logo img {
    height: 36px !important;
    width: auto !important;
    display: block !important;
}

/* NAV */
.myntra-nav { height: 100%; flex-shrink: 0; }

.myntra-nav ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    height: 100% !important;
}

.myntra-nav ul li {
    height: 100%;
    display: flex;
    align-items: stretch;
}

.myntra-nav ul li a {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    padding: 0 16px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #282c3f !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    letter-spacing: 0.5px !important;
    border-bottom: 4px solid transparent !important;
    transition: all 0.15s ease !important;
    white-space: nowrap !important;
}

.myntra-nav ul li a.nav-men:hover { border-bottom-color: #ee5f73 !important; }
.myntra-nav ul li a.nav-women:hover { border-bottom-color: #fb56c1 !important; }
.myntra-nav ul li a.nav-kids:hover { border-bottom-color: #f26a10 !important; }
.myntra-nav ul li a.nav-home:hover { border-bottom-color: #f2c210 !important; }
.myntra-nav ul li a.nav-beauty:hover { border-bottom-color: #0db7af !important; }
.myntra-nav ul li a.nav-studio:hover { border-bottom-color: #ff3f6c !important; }

/* SEARCH */
.myntra-search {
    flex: 1;
    max-width: 580px;
    margin: 0 16px 0 24px;
}

.search-wrapper {
    display: flex !important;
    align-items: center !important;
    background: #f5f5f6 !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    padding: 0 12px !important;
    height: 40px !important;
    transition: all 0.15s ease !important;
}

.search-wrapper:focus-within {
    background: #fff !important;
    border-color: #eaeaec !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
}

.search-icon {
    display: flex !important;
    align-items: center !important;
    margin-right: 8px !important;
    flex-shrink: 0 !important;
}

.search-wrapper input {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    width: 100% !important;
    font-size: 14px !important;
    color: #282c3f !important;
    padding: 0 !important;
    height: auto !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.search-wrapper input::placeholder {
    color: #94969f !important;
    font-size: 13px !important;
}

/* ACTIONS */
.myntra-actions {
    display: flex !important;
    align-items: center !important;
    gap: 24px !important;
    height: 100% !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
}

.action-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #282c3f !important;
    cursor: pointer !important;
    position: relative !important;
    height: 100% !important;
    white-space: nowrap !important;
    padding: 0 2px !important;
    text-decoration: none !important;
}

.action-item > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    color: inherit !important;
    text-decoration: none !important;
    height: 100% !important;
    gap: 4px !important;
}

.action-item span {
    margin-top: 0 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.3px !important;
}

.action-item:hover, .action-item:hover > a { color: #ff3f6c !important; }
.action-item:hover svg, .action-item:hover > a svg { stroke: #ff3f6c !important; }

/* DROPDOWN */
.action-item .dropdown-account {
    display: none;
    position: absolute !important;
    top: 100% !important;
    right: -20px !important;
    background: #fff !important;
    border: 1px solid #eaeaec !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important;
    width: 240px !important;
    padding: 16px 0 !important;
    z-index: 9999 !important;
    border-radius: 0 !important;
}

.action-item .dropdown-account.dropdown-login { padding: 16px !important; }

.action-item:hover .dropdown-account { display: block !important; }

.action-item .dropdown-account ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }

.action-item .dropdown-account ul li a {
    display: block !important;
    padding: 8px 20px !important;
    color: #282c3f !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: background 0.1s !important;
    border: none !important;
    background: none !important;
}

.action-item .dropdown-account ul li a:hover {
    background: #f5f5f6 !important;
    color: #282c3f !important;
}

/* ================================================
   MYNTRA BREADCRUMB
   ================================================ */
.m-breadcrumb {
    background: #fff !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid #eaeaec !important;
    display: block !important;
}

.m-breadcrumb .container {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 13px !important;
    color: #94969f !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 16px !important;
}

.m-breadcrumb a { color: #94969f !important; text-decoration: none !important; }
.m-breadcrumb a:hover { color: #282c3f !important; }
.m-breadcrumb > .container > span { color: #282c3f !important; font-weight: 600 !important; }

/* ================================================
   PRODUCTS PAGE - FULL LAYOUT
   ================================================ */
.m-shop-layout {
    display: flex !important;
    min-height: 80vh !important;
    background: #fff !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
}

/* Filter Sidebar */
.m-filter-sidebar {
    width: 240px !important;
    flex-shrink: 0 !important;
    border-right: 1px solid #eaeaec !important;
    padding: 16px 0 !important;
    background: #fff !important;
    position: sticky !important;
    top: 80px !important;
    height: calc(100vh - 80px) !important;
    overflow-y: auto !important;
}

.m-filter-sidebar::-webkit-scrollbar { width: 4px !important; }
.m-filter-sidebar::-webkit-scrollbar-thumb { background: #d4d5d9 !important; }

.m-filter-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 16px 12px !important;
    border-bottom: 1px solid #eaeaec !important;
}

.m-filter-header h3 {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #282c3f !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 0 !important;
}

.m-filter-group {
    padding: 16px !important;
    border-bottom: 1px solid #eaeaec !important;
}

.m-filter-group-title {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #282c3f !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    margin-bottom: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    cursor: pointer !important;
}

.m-filter-option {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 5px 0 !important;
    cursor: pointer !important;
    font-size: 13px !important;
    color: #282c3f !important;
}

.m-filter-option input[type="checkbox"] {
    width: 14px !important;
    height: 14px !important;
    accent-color: #ff3f6c !important;
    cursor: pointer !important;
    margin: 0 !important;
}

.m-cat-chip {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 0 !important;
    cursor: pointer !important;
    font-size: 13px !important;
    color: #282c3f !important;
    text-decoration: none !important;
    border-bottom: 1px solid #f5f5f6 !important;
}

.m-cat-chip img {
    width: 44px !important;
    height: 44px !important;
    object-fit: cover !important;
    border-radius: 2px !important;
    flex-shrink: 0 !important;
}

.m-cat-chip span { font-size: 13px !important; font-weight: 600 !important; color: #282c3f !important; }
.m-cat-chip:hover span { color: #ff3f6c !important; }

/* Shop Main */
.m-shop-main { flex: 1 !important; min-width: 0 !important; }

/* Sort Bar */
.m-sort-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 16px !important;
    border-bottom: 1px solid #eaeaec !important;
    background: #fff !important;
    position: sticky !important;
    top: 80px !important;
    z-index: 10 !important;
}

.m-product-count { font-size: 13px !important; color: #94969f !important; }
.m-product-count strong { color: #282c3f !important; font-weight: 700 !important; }
.m-sort-label { font-size: 13px !important; color: #94969f !important; }

.m-sort-select {
    border: 1px solid #d4d5d9 !important;
    border-radius: 2px !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
    color: #282c3f !important;
    font-weight: 600 !important;
    background: #fff !important;
    cursor: pointer !important;
    outline: none !important;
}

/* Product Grid */
.m-product-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
    padding: 0 16px 24px !important;
}

/* Product Card */
.m-prod-card {
    border: 1px solid #eaeaec !important;
    border-radius: 4px !important;
    background: #fff !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    padding: 0 !important;
    margin: 0 !important;
}

.m-prod-card:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.06) !important;
    transform: translateY(-4px) !important;
    border-color: transparent !important;
    z-index: 10 !important;
}

.m-prod-img-wrap {
    position: relative !important;
    aspect-ratio: 3/4 !important;
    overflow: hidden !important;
    background: #f5f5f6 !important;
    display: block !important;
    text-decoration: none !important;
}

.m-prod-img-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.3s ease !important;
}

.m-prod-card:hover .m-prod-img-wrap img { transform: scale(1.05) !important; }

.m-prod-badge {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    background: rgba(255,255,255,0.9) !important;
    color: #ff3f6c !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    padding: 4px 8px !important;
    text-transform: uppercase !important;
    border-radius: 2px !important;
    z-index: 3 !important;
}

.m-prod-wishlist-bar {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 12px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #282c3f !important;
    text-decoration: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    z-index: 3 !important;
    border-top: 1px solid #eaeaec !important;
}

.m-prod-card:hover .m-prod-wishlist-bar { 
    opacity: 1 !important; 
    visibility: visible !important; 
}

.m-prod-info {
    padding: 12px 14px 16px !important;
    background: #fff !important;
}

.m-prod-brand {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #282c3f !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 4px !important;
    display: block !important;
}

.m-prod-name {
    font-size: 14px !important;
    color: #535766 !important;
    font-weight: 400 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px !important;
    display: block !important;
}

.m-prod-price {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}

.m-price-now { font-size: 14px !important; font-weight: 800 !important; color: #282c3f !important; }
.m-price-was { font-size: 12px !important; color: #7e818c !important; text-decoration: line-through !important; }
.m-price-off { font-size: 12px !important; font-weight: 800 !important; color: #ff905a !important; }

/* ================================================
   PRODUCT DETAILS PAGE
   ================================================ */

/* Layout */
.m-pdp-layout {
    display: flex !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    background: #fff !important;
    min-height: 80vh !important;
    padding: 0 !important;
}

/* Hide old product section spacing */
.flat-spacing.m-pdp-wrapper { padding: 0 !important; }
section.flat-spacing { padding: 0 !important; }

/* Gallery (Modern 2x2 Grid) */
.m-pdp-layout {
    align-items: flex-start !important; /* allow children to stick naturally */
}

.m-pdp-gallery-grid {
    width: 58% !important; /* Myntra uses roughly 58% for images, 42% for info */
    flex-shrink: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    padding-right: 20px !important;
}

.m-pdp-img-wrap {
    width: 100% !important;
    aspect-ratio: 3/4 !important;
    overflow: hidden !important;
    background: #f5f5f6 !important;
    position: relative !important;
}

.m-pdp-img-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.3s ease !important;
    cursor: zoom-in !important;
}

.m-pdp-img-wrap:hover img {
    transform: scale(1.05) !important;
}

/* Info Panel */
.m-pdp-info {
    flex: 1 !important;
    padding: 20px 0 20px 24px !important;
    position: sticky !important;
    top: 80px !important; /* account for header height */
    max-height: calc(100vh - 80px) !important;
    overflow-y: auto !important;
    scrollbar-width: none !important;
}

.m-pdp-info::-webkit-scrollbar { display: none !important; }

.m-pdp-brand {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #282c3f !important;
    margin: 0 0 4px !important;
    display: block !important;
}

.m-pdp-title {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #535665 !important;
    margin: 0 0 12px !important;
    line-height: 1.5 !important;
    display: block !important;
}

.m-pdp-rating-row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 14px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #eaeaec !important;
    flex-wrap: wrap !important;
}

.m-rating-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    background: #388e3c !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 2px 8px !important;
    border-radius: 2px !important;
}

.m-rating-count { font-size: 13px !important; color: #94969f !important; }
.m-rating-sep { color: #d4d5d9 !important; }

/* Price */
.m-pdp-price-section { margin-bottom: 16px !important; }

.m-pdp-price-row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin-bottom: 4px !important;
}

.m-pdp-price-now { font-size: 24px !important; font-weight: 700 !important; color: #282c3f !important; }
.m-pdp-price-was { font-size: 16px !important; color: #94969f !important; text-decoration: line-through !important; }
.m-pdp-price-off { font-size: 16px !important; font-weight: 700 !important; color: #ff905a !important; }
.m-pdp-tax-note { font-size: 12px !important; color: #94969f !important; margin: 0 !important; }
.m-pdp-tax-note strong { color: #282c3f !important; }

/* Offers */
.m-pdp-offers {
    border: 1px solid #eaeaec !important;
    border-radius: 4px !important;
    padding: 14px 16px !important;
    margin-bottom: 16px !important;
}

.m-offers-title { font-size: 14px !important; font-weight: 700 !important; color: #282c3f !important; margin-bottom: 10px !important; }

.m-offer-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
    font-size: 13px !important;
    color: #282c3f !important;
}

.m-offer-item:last-child { margin-bottom: 0 !important; }

.m-offer-tag {
    background: #fff3cd !important;
    color: #856404 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 2px 6px !important;
    border-radius: 2px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    margin-top: 1px !important;
    text-transform: uppercase !important;
}

/* Size */
.m-pdp-size-section { margin-bottom: 20px !important; }

.m-size-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 12px !important;
}

.m-size-label { font-size: 14px !important; font-weight: 700 !important; color: #282c3f !important; }
.m-size-label span { color: #535665 !important; font-weight: 400 !important; }

.m-size-guide {
    font-size: 13px !important;
    color: #ff3f6c !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.m-size-options {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.m-size-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 52px !important;
    height: 52px !important;
    border: 1px solid #d4d5d9 !important;
    border-radius: 50% !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #282c3f !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    background: #fff !important;
    user-select: none !important;
}

.m-size-btn:hover { border-color: #282c3f !important; }

.m-size-btn.selected {
    border-color: #ff3f6c !important;
    color: #ff3f6c !important;
    border-width: 2px !important;
}

/* Qty */
.m-qty-control {
    display: flex !important;
    align-items: center !important;
    border: 1px solid #d4d5d9 !important;
    border-radius: 2px !important;
    overflow: hidden !important;
    width: fit-content !important;
    margin-bottom: 16px !important;
}

.m-qty-btn {
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
    border: none !important;
    font-size: 18px !important;
    color: #282c3f !important;
    cursor: pointer !important;
}

.m-qty-btn:hover { background: #f5f5f6 !important; }

.m-qty-input {
    width: 48px !important;
    height: 36px !important;
    text-align: center !important;
    border: none !important;
    border-left: 1px solid #d4d5d9 !important;
    border-right: 1px solid #d4d5d9 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #282c3f !important;
    outline: none !important;
}

/* Action Buttons */
.m-pdp-actions {
    display: flex !important;
    gap: 10px !important;
    margin-bottom: 16px !important;
}

.m-btn-addtobag {
    flex: 1 !important;
    padding: 16px 0 !important;
    background: #ff3f6c !important;
    color: #fff !important;
    border: none !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    transition: background 0.15s !important;
}

.m-btn-addtobag:hover { background: #e52e59 !important; color: #fff !important; }

.m-btn-wishlist {
    flex: 1 !important;
    padding: 16px 0 !important;
    background: #fff !important;
    color: #282c3f !important;
    border: 1px solid #d4d5d9 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    transition: all 0.15s !important;
}

.m-btn-wishlist:hover { border-color: #282c3f !important; color: #282c3f !important; }

/* Delivery */
.m-delivery-check {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    border: 1px solid #eaeaec !important;
    border-radius: 4px !important;
    padding: 10px 14px !important;
    margin-bottom: 16px !important;
}

.m-delivery-check input {
    border: none !important;
    outline: none !important;
    font-size: 14px !important;
    color: #282c3f !important;
    flex: 1 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    height: auto !important;
}

.m-delivery-check input::placeholder { color: #94969f !important; }

.m-delivery-check-btn {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #ff3f6c !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 !important;
}

.m-delivery-info {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    color: #282c3f !important;
    margin-bottom: 16px !important;
}

/* Accordion */
.m-pdp-accordion { border-top: 1px solid #eaeaec !important; }

.m-accordion-item { border-bottom: 1px solid #eaeaec !important; }

.m-accordion-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px 0 !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #282c3f !important;
    user-select: none !important;
}

.m-accordion-header svg { width: 16px !important; height: 16px !important; transition: transform 0.2s !important; }
.m-accordion-item.open .m-accordion-header svg { transform: rotate(180deg) !important; }

.m-accordion-body {
    display: none !important;
    padding-bottom: 16px !important;
    font-size: 13px !important;
    color: #535665 !important;
    line-height: 1.8 !important;
}

.m-accordion-item.open .m-accordion-body { display: block !important; }

.m-accordion-body ul {
    list-style: disc !important;
    padding-left: 20px !important;
    margin: 0 !important;
}

.m-accordion-body ul li { margin-bottom: 4px !important; }

/* Similar Products */
.m-similar-section {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 24px !important;
    background: #fff !important;
    border-top: 8px solid #f5f5f6 !important;
}

.m-similar-title {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #282c3f !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin: 0 0 16px !important;
}

.m-similar-grid {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 0 !important;
}

.m-sim-card {
    border-right: 1px solid #eaeaec !important;
    border-bottom: 1px solid #eaeaec !important;
    background: #fff !important;
    position: relative !important;
    overflow: hidden !important;
    transition: box-shadow 0.15s ease !important;
    padding: 0 !important;
}

.m-sim-card:hover { box-shadow: 0 2px 16px 4px rgba(0,0,0,0.08) !important; z-index: 2 !important; }

.m-sim-img {
    display: block !important;
    aspect-ratio: 3/4 !important;
    overflow: hidden !important;
    background: #f5f5f6 !important;
    text-decoration: none !important;
}

.m-sim-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.3s ease !important;
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.m-sim-card:hover .m-sim-img img { transform: scale(1.04) !important; }

.m-sim-wishlist-bar {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 33% !important;
    background: #fff !important;
    border-top: 1px solid #eaeaec !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    padding: 6px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #282c3f !important;
    text-decoration: none !important;
    transform: translateY(100%) !important;
    transition: transform 0.2s ease !important;
    text-transform: uppercase !important;
}

.m-sim-card:hover .m-sim-wishlist-bar { transform: translateY(0) !important; }

.m-sim-info { padding: 8px 10px 10px !important; }

.m-sim-brand {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #282c3f !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 4px !important;
    display: block !important;
}

.m-sim-price {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    flex-wrap: wrap !important;
}

.m-sim-price-now { font-size: 13px !important; font-weight: 700 !important; color: #282c3f !important; }
.m-sim-price-was { font-size: 11px !important; color: #94969f !important; text-decoration: line-through !important; }
.m-sim-price-off { font-size: 11px !important; font-weight: 700 !important; color: #ff905a !important; }

/* ================================================
   HOMEPAGE SECTIONS
   ================================================ */
.myntra-section-header {
    text-align: center !important;
    padding: 30px 0 16px !important;
    background: #fff !important;
}

.myntra-section-header h2 {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #3e4152 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    margin: 0 !important;
}

.myntra-section-header p {
    font-size: 14px !important;
    color: #7e818c !important;
    margin: 6px 0 0 !important;
}

.myntra-grid {
    display: grid !important;
    gap: 0 !important;
    width: 100% !important;
}

.myntra-grid.g-2 { grid-template-columns: repeat(2, 1fr) !important; }
.myntra-grid.g-3 { grid-template-columns: repeat(3, 1fr) !important; }
.myntra-grid.g-4 { grid-template-columns: repeat(4, 1fr) !important; }
.myntra-grid.g-5 { grid-template-columns: repeat(5, 1fr) !important; }
.myntra-grid.g-6 { grid-template-columns: repeat(6, 1fr) !important; }

.myntra-grid a { display: block !important; overflow: hidden !important; text-decoration: none !important; }

.myntra-grid img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.3s ease !important;
}

.myntra-grid a:hover img { transform: scale(1.02) !important; }

.myntra-grid .grid-card { position: relative !important; overflow: hidden !important; }

.myntra-grid .grid-card .card-overlay {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: linear-gradient(transparent, rgba(0,0,0,0.55)) !important;
    padding: 24px 12px 14px !important;
    text-align: center !important;
}

.myntra-grid .grid-card .card-overlay .brand-name {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #fff !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.myntra-grid .grid-card .card-overlay .brand-offer {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: rgba(255,255,255,0.85) !important;
    margin-top: 2px !important;
}

/* Deal Strip */
.myntra-deal-strip {
    display: grid !important;
    grid-template-columns: 2fr 1fr 1fr !important;
    gap: 0 !important;
}

.myntra-deal-item { overflow: hidden !important; position: relative !important; display: block !important; }

.myntra-deal-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.3s ease !important;
}

.myntra-deal-item:hover img { transform: scale(1.02) !important; }

.myntra-deal-label {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: rgba(255,255,255,0.95) !important;
    padding: 10px 14px !important;
    text-align: center !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    color: #282c3f !important;
    text-transform: uppercase !important;
}

.myntra-deal-label span {
    display: block !important;
    color: #ff3f6c !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    margin-top: 2px !important;
}

/* Budget Cards */
.myntra-budget-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 12px !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 16px !important;
}

.myntra-budget-card {
    background: #fff !important;
    border: 1px solid #eaeaec !important;
    border-radius: 4px !important;
    text-align: center !important;
    padding: 24px 14px !important;
    text-decoration: none !important;
    color: #282c3f !important;
    display: block !important;
    transition: all 0.2s ease !important;
}

.myntra-budget-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
    border-color: #ff3f6c !important;
    color: #282c3f !important;
}

.myntra-budget-val {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #ff3f6c !important;
    margin-bottom: 4px !important;
}

.myntra-budget-lbl {
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #696e79 !important;
    letter-spacing: 0.5px !important;
}

/* Removed redundant .m-product-card */

/* ================================================
   GUARANTEE STRIP & FOOTER
   ================================================ */
.myntra-guarantee-strip {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 60px !important;
    padding: 24px 0 !important;
    border-bottom: 1px solid #eaeaec !important;
    background: #fff !important;
    flex-wrap: wrap !important;
}

.myntra-guarantee-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 6px !important;
}

.myntra-guarantee-item .g-title {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #282c3f !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.myntra-guarantee-item .g-sub { font-size: 12px !important; color: #696e79 !important; }

.myntra-footer { background: #fafbfc !important; margin-top: 60px !important; }
.myntra-footer-inner { max-width: 1080px !important; margin: 0 auto !important; padding: 0 0 40px !important; }

.myntra-footer-cols {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1.5fr !important;
    gap: 20px !important;
    padding: 40px 0 24px !important;
}

.myntra-footer-heading {
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #282c3f !important;
    margin-bottom: 25px !important;
    text-transform: uppercase !important;
}

.myntra-footer-links { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.myntra-footer-links li { margin-bottom: 10px !important; }
.myntra-footer-links a {
    font-size: 15px !important;
    color: #696e79 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    display: inline-block !important;
}
.myntra-footer-links a:hover { color: #282c3f !important; font-weight: 700 !important; }

.app-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #282c3f !important;
    color: #fff !important;
    text-decoration: none !important;
    padding: 6px 12px !important;
    border-radius: 5px !important;
    font-size: 13px !important;
    margin-bottom: 8px !important;
}

.app-badge:hover { background: #3e4152 !important; color: #fff !important; }

.myntra-app-badges { display: flex !important; flex-direction: column !important; gap: 0 !important; }

.myntra-footer-social { display: flex !important; gap: 10px !important; align-items: center !important; margin-top: 10px !important; }

.myntra-footer-social a {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    border: 1px solid #d4d5d9 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
    transition: all 0.15s !important;
}

.myntra-footer-social a:hover { border-color: #ff3f6c !important; }
.myntra-footer-social a:hover svg { fill: #ff3f6c !important; }

.myntra-footer-bottom {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 18px 0 !important;
    font-size: 13px !important;
    color: #696e79 !important;
}

.footer-brand-logos { display: flex !important; align-items: center !important; gap: 6px !important; }
.copyright-text { font-size: 12px !important; color: #94969f !important; }

/* ================================================
   CONTAINER GLOBAL
   ================================================ */
.container {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}

/* ================================================
   HIDE OLD THEME CARD HOVER ELEMENTS
   ================================================ */
.m-prod-img-wrap .list-product-btn,
.m-prod-img-wrap .list-btn-main,
.m-prod-card .list-product-btn,
.m-prod-card .list-btn-main,
.m-sim-card .list-product-btn,
.m-sim-card .list-btn-main,
.m-product-card .list-product-btn,
.m-product-card .list-btn-main {
    display: none !important;
}

/* Image lazyload fix */
img.lazyload { opacity: 1 !important; visibility: visible !important; }

/* ================================================
   PAGINATION (Myntra style)
   ================================================ */
.m-pagination {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 24px 0 !important;
    border-top: 1px solid #eaeaec !important;
}

.wg-pagination {
    display: flex !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 24px 0 !important;
    grid-column: 1/-1 !important;
    border-top: 1px solid #eaeaec !important;
}

.wg-pagination a,
.wg-pagination span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #282c3f !important;
    text-decoration: none !important;
    border: 1px solid #d4d5d9 !important;
    border-radius: 2px !important;
    transition: all 0.15s ease !important;
}

.wg-pagination a:hover, .wg-pagination .active {
    background: #282c3f !important;
    color: #fff !important;
    border-color: #282c3f !important;
}

/* ================================================
   RESPONSIVE
   ================================================ */
@media (max-width: 1200px) {
    .m-product-grid { grid-template-columns: repeat(3, 1fr) !important; }
    .myntra-best-grid { grid-template-columns: repeat(4, 1fr) !important; }
    .m-similar-grid { grid-template-columns: repeat(4, 1fr) !important; }
    .m-pdp-gallery-grid { grid-template-columns: 1fr !important; }
}

@media (max-width: 992px) {
    .m-filter-sidebar { display: none !important; }
    .m-product-grid { grid-template-columns: repeat(3, 1fr) !important; }
    .myntra-nav { display: none !important; }
    .m-pdp-layout { flex-direction: column !important; }
    .m-pdp-gallery-grid { width: 100% !important; grid-template-columns: 1fr 1fr !important; padding-right: 0 !important; }
    .m-pdp-info { max-height: none !important; position: static !important; }
    .m-similar-grid { grid-template-columns: repeat(3, 1fr) !important; }
    .myntra-footer-cols { grid-template-columns: repeat(3, 1fr) !important; }
    .myntra-guarantee-strip { gap: 30px !important; }
}

@media (max-width: 768px) {
    .m-product-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
    .myntra-best-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }
    .myntra-budget-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .myntra-grid.g-5, .myntra-grid.g-4, .myntra-grid.g-3 { grid-template-columns: repeat(2, 1fr) !important; }
    .m-similar-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .myntra-footer-cols { grid-template-columns: 1fr 1fr !important; gap: 20px !important; }
    .myntra-deal-strip { grid-template-columns: 1fr !important; }
    .m-pdp-actions { flex-direction: column !important; }
    .myntra-header { height: 50px !important; }
    .m-pdp-gallery-grid { grid-template-columns: 1fr !important; }
}

/* ---- PRODUCT DESCRIPTION TABS ---- */
.m-pdp-tabs-section {
    max-width: 1280px !important;
    margin: 0 auto !important;
    background: #fff !important;
    border-top: 8px solid #f5f5f6 !important;
}

.m-tabs-nav {
    display: flex !important;
    border-bottom: 1px solid #eaeaec !important;
    padding: 0 24px !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
}

.m-tabs-nav::-webkit-scrollbar { display: none !important; }

.m-tab-btn {
    padding: 14px 20px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #94969f !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    border-bottom: 3px solid transparent !important;
    transition: all 0.15s ease !important;
    user-select: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}

.m-tab-btn.active {
    color: #ff3f6c !important;
    border-bottom-color: #ff3f6c !important;
}

.m-tab-content {
    display: none !important;
    padding: 24px !important;
    font-size: 14px !important;
    color: #535665 !important;
    line-height: 1.8 !important;
}

.m-tab-content.active { display: block !important; }

.m-tab-content h4 {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #282c3f !important;
    margin: 0 0 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}

.m-tab-content ul { list-style: disc !important; padding-left: 20px !important; margin: 0 0 16px !important; }
.m-tab-content ul li { margin-bottom: 6px !important; }

/* ---- SIMILAR PRODUCTS ---- */
.m-similar-section {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 24px !important;
    background: #fff !important;
    border-top: 8px solid #f5f5f6 !important;
}

.m-similar-title {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #282c3f !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin: 0 0 16px !important;
}

.m-similar-grid {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 0 !important;
}

.m-sim-card {
    border-right: 1px solid #eaeaec !important;
    border-bottom: 1px solid #eaeaec !important;
    background: #fff !important;
    position: relative !important;
    overflow: hidden !important;
    transition: box-shadow 0.15s ease !important;
}

.m-sim-card:hover {
    box-shadow: 0 2px 16px 4px rgba(0,0,0,0.08) !important;
    z-index: 2 !important;
}

.m-sim-img {
    display: block !important;
    aspect-ratio: 3/4 !important;
    overflow: hidden !important;
    background: #f5f5f6 !important;
    text-decoration: none !important;
}

.m-sim-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.3s ease !important;
}

.m-sim-card:hover .m-sim-img img { transform: scale(1.04) !important; }

.m-sim-wishlist-bar {
    position: absolute !important;
    bottom: calc(33%) !important;
    left: 0 !important;
    right: 0 !important;
    background: #fff !important;
    border-top: 1px solid #eaeaec !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    padding: 7px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #282c3f !important;
    text-decoration: none !important;
    transform: translateY(100%) !important;
    transition: transform 0.2s ease !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
}

.m-sim-card:hover .m-sim-wishlist-bar { transform: translateY(0) !important; }

.m-sim-info { padding: 8px 10px 10px !important; }

.m-sim-brand {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #282c3f !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin-bottom: 2px !important;
}

.m-sim-price { display: flex !important; align-items: center !important; gap: 4px !important; flex-wrap: wrap !important; }
.m-sim-price-now { font-size: 13px !important; font-weight: 700 !important; color: #282c3f !important; }
.m-sim-price-was { font-size: 11px !important; color: #94969f !important; text-decoration: line-through !important; }
.m-sim-price-off { font-size: 11px !important; font-weight: 700 !important; color: #ff905a !important; }
/* ================================================
   PREMIUM PRODUCT CARD UPGRADES
   ================================================ */

/* Custom checkbox styling for filter sidebar */
.m-filter-option input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 16px !important;
    height: 16px !important;
    border: 2px solid #d4d5d9 !important;
    border-radius: 2px !important;
    cursor: pointer !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    position: relative !important;
    transition: all 0.15s ease !important;
    background: #fff !important;
}

.m-filter-option input[type="checkbox"]:checked {
    background: #ff3f6c !important;
    border-color: #ff3f6c !important;
}

.m-filter-option input[type="checkbox"]:checked::after {
    content: '' !important;
    position: absolute !important;
    left: 3px !important;
    top: 0px !important;
    width: 6px !important;
    height: 10px !important;
    border: 2px solid #fff !important;
    border-top: none !important;
    border-left: none !important;
    transform: rotate(45deg) !important;
}

/* Make product card brand name cleaner */
.m-prod-brand {
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: -0.2px !important;
}

/* Inline rating on product cards */
.m-prod-rating {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin-bottom: 8px !important;
}

.m-prod-rating-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    background: #14958f !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 2px 6px !important;
    border-radius: 2px !important;
}

.m-prod-rating-count {
    font-size: 11px !important;
    color: #94969f !important;
}

/* Hover wishlist bar with better contrast */
.m-prod-wishlist-bar {
    background: #fff !important;
    box-shadow: 0 -1px 4px rgba(0,0,0,0.06) !important;
    letter-spacing: 1px !important;
}

.m-prod-wishlist-bar:hover {
    color: #ff3f6c !important;
}

/* Product card discount badge - Myntra top-left strip */
.m-prod-badge {
    background: linear-gradient(135deg, #ff3f6c, #ff905a) !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    padding: 3px 8px !important;
    border-radius: 0 2px 2px 0 !important;
    letter-spacing: 0.5px !important;
}

/* ================================================
   PDP REFINEMENTS — TYPOGRAPHY & LAYOUT
   ================================================ */

/* Larger brand text on PDP */
.m-pdp-brand {
    font-size: 22px !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
    line-height: 1.2 !important;
    margin-bottom: 6px !important;
}

.m-pdp-title {
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #696e79 !important;
}

/* Cleaner price with a separator line above */
.m-pdp-price-section {
    border-top: 1px solid #f0f0f0 !important;
    padding-top: 14px !important;
}

.m-pdp-price-now {
    font-size: 28px !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
}

/* Ratings with better spacing */
.m-pdp-rating-row {
    background: #f9f9f9 !important;
    padding: 10px 14px !important;
    border-radius: 4px !important;
    border: none !important;
    margin-bottom: 16px !important;
}

/* More prominent action buttons */
.m-btn-addtobag {
    height: 52px !important;
    font-size: 15px !important;
    letter-spacing: 1.5px !important;
    border-radius: 6px !important;
}

.m-btn-wishlist {
    height: 52px !important;
    font-size: 15px !important;
    letter-spacing: 1.5px !important;
    border-radius: 6px !important;
}

/* Size buttons - slightly larger, more Myntra-like */
.m-size-btn {
    width: 60px !important;
    height: 60px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

/* Offer box premium styling */
.m-pdp-offers {
    background: #fffbf7 !important;
    border: 1px solid #f5e6d0 !important;
}

.m-offers-title {
    font-size: 15px !important;
    font-weight: 800 !important;
}

/* Accordion headers stronger */
.m-accordion-header {
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
    text-transform: uppercase !important;
}

/* ================================================
   HOMEPAGE PRODUCT GRID (m-product-grid centered)
   ================================================ */
.myntra-products-section .m-product-grid {
    max-width: 1280px !important;
    margin: 0 auto !important;
}

/* Shop layout grid padding */
.m-shop-main .m-product-grid {
    padding: 16px !important;
    gap: 20px !important;
    grid-template-columns: repeat(4, 1fr) !important;
}

@media (max-width: 1200px) {
    .m-shop-main .m-product-grid { grid-template-columns: repeat(3, 1fr) !important; }
}

@media (max-width: 768px) {
    .m-shop-main .m-product-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; padding: 12px !important; }
}