/* Mitra Kayak – shared style for account, checkout, sitemap, compare, search, specials and brand pages */
.mk-hero{background:linear-gradient(120deg,#111827 0%,#1f2937 55%,#3b0a17 100%);border-radius:14px;padding:44px;color:#fff;margin:0 0 28px}
.mk-hero .mk-badge{display:inline-block;background:#ee1747;color:#fff;border-radius:4px;padding:6px 14px;font-size:13px;font-weight:800;letter-spacing:1.2px;line-height:1.4}
.mk-hero h1{margin:18px 0 12px;font-size:38px;line-height:1.15;font-weight:800;color:#fff;text-transform:none;letter-spacing:0}
.mk-hero p{margin:0;font-size:18px;line-height:1.6;color:#e5e7eb;max-width:820px}
.mk-hero p a{color:#fff;text-decoration:underline;font-weight:600}
.mk-hero p a:hover{color:#fbd5dd}
.mk-stats{display:flex;flex-wrap:wrap;margin:0 0 32px;border-radius:10px;overflow:hidden}
.mk-stats>div{flex:1 1 200px;padding:22px 20px;border-left:4px solid #ee1747;background:#fff}
.mk-stats b{display:block;font-size:30px;font-weight:800;color:#111827;line-height:1.1}
.mk-stats span{display:block;font-size:13px;color:#6b7280;margin-top:6px;text-transform:uppercase;letter-spacing:.6px}
.mk-h2{margin:40px 0 20px;font-size:26px;font-weight:800;color:#111827;line-height:1.2;text-transform:none}
.mk-h2:after{content:"";display:block;width:56px;height:4px;background:#ee1747;margin-top:10px;border-radius:2px}
.mk-pills{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 8px}
.mk-pills .mk-label{font-size:13px;font-weight:800;letter-spacing:1px;color:#111827;margin-right:6px}
.mk-pill{display:inline-block;border:1px solid #ee1747;border-radius:999px;padding:7px 16px;font-size:14px;font-weight:700;color:#ee1747 !important;background:#fff;line-height:1.4}
.mk-pill:hover{background:#ee1747;color:#fff !important}
.mk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.mk-card{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #fbd5dd;border-top:4px solid #ee1747;border-radius:10px;padding:20px 18px;color:#374151 !important;transition:box-shadow .2s,transform .2s}
a.mk-card:hover{box-shadow:0 10px 24px rgba(17,24,39,.08);transform:translateY(-2px)}
.mk-card .mk-ini{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:10px;background:#111827;color:#fff;font-size:18px;font-weight:800}
.mk-card .mk-name{font-size:18px;font-weight:700;color:#111827;line-height:1.3}
.mk-card .mk-meta{font-size:13px;color:#6b7280;line-height:1.5}
.mk-card .mk-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;border-top:1px solid #fbd5dd;font-size:13px;font-weight:700;color:#111827}
.mk-card .mk-foot em{font-style:normal;color:#ee1747}
.mk-cta{display:flex;flex-wrap:wrap;gap:20px;margin:48px 0 10px}
.mk-cta>div{flex:1 1 340px;border-radius:12px;padding:26px 24px}
.mk-cta .mk-dark{background:#111827;color:#e5e7eb}
.mk-cta .mk-dark .mk-kicker{font-size:14px;font-weight:800;letter-spacing:1.2px;color:#ee1747;margin-bottom:12px}
.mk-cta .mk-dark p{color:#e5e7eb;font-size:15px;margin:0 0 16px}
.mk-cta .mk-light{background:#fff1f4;border:1px solid #fbd5dd}
.mk-cta .mk-light h3{margin:0 0 14px;font-size:22px;font-weight:800;color:#111827}
.mk-cta .mk-light ul{margin:0;padding-left:20px;list-style:disc}
.mk-cta .mk-light li{margin:0 0 6px;font-size:15px;display:list-item}
.mk-btn{display:inline-block;background:#ee1747;color:#fff !important;border-radius:6px;padding:11px 22px;font-weight:700;font-size:15px;border:0}
.mk-btn:hover{background:#c8103a}
.mk-btn.mk-dark-btn{background:#111827}
.mk-btn.mk-dark-btn:hover{background:#000}
.mk-trust{display:flex;flex-wrap:wrap;margin:28px 0 10px}
.mk-trust>div{flex:1 1 200px;padding:18px 20px;border-left:4px solid #ee1747}
.mk-trust b{display:block;font-size:16px;font-weight:800;color:#111827}
.mk-trust span{display:block;font-size:13px;color:#6b7280;margin-top:4px}
@media (max-width:991px){.mk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.mk-hero{padding:28px 22px;border-radius:12px}.mk-hero h1{font-size:28px}.mk-hero p{font-size:16px}.mk-stats b{font-size:24px}.mk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mk-card{padding:16px 14px}.mk-card .mk-name{font-size:16px}}
@media (max-width:420px){.mk-grid{grid-template-columns:minmax(0,1fr)}}

/* forms, cards, buttons and tables on these pages */
:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content{color:#374151}
:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content > h1,:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content > h2:first-of-type:not(.mk-h2){font-weight:800;color:#111827}
:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content fieldset{background:#fff;border:1px solid #fbd5dd;border-top:4px solid #ee1747;border-radius:10px;padding:24px 22px 8px;margin:0 0 22px}
:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content legend{float:left;width:100%;padding:0;margin:0 0 16px;border:0;font-size:20px;font-weight:800;color:#111827;text-transform:none}
:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content .form-control,:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content .form-select{min-height:46px;border:1px solid #d1d5db;border-radius:6px;font-size:15px;color:#111827;box-shadow:none}
:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content textarea.form-control{min-height:110px}
:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content .form-control:focus,:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content .form-select:focus{border-color:#ee1747;box-shadow:0 0 0 3px rgba(238,23,71,.15)}
:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content .col-form-label,:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content label.form-label,:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content .control-label{font-weight:700;color:#111827}
:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content .btn-primary{background:#ee1747;border-color:#ee1747;color:#fff;border-radius:6px;font-weight:700;padding:11px 24px;text-transform:none}
:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content .btn-primary:hover,:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content .btn-primary:focus{background:#c8103a;border-color:#c8103a;color:#fff}
:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content .btn-light,:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content .btn-default,:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content .btn-secondary{background:#111827;border-color:#111827;color:#fff;border-radius:6px;font-weight:700;padding:11px 24px}
:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content .btn-light:hover,:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content .btn-default:hover,:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content .btn-secondary:hover{background:#000;color:#fff}
:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content .btn-danger{border-radius:6px}
:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content .table{border-color:#fbd5dd}
:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content .table thead td,:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content .table thead th{background:#111827;color:#fff;font-weight:700;border-color:#111827}
:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content .table tbody tr:nth-child(odd) td{background:#fff1f4}
:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content .table td{border-color:#fbd5dd;vertical-align:middle}
:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content .table-responsive{border-radius:10px;border:1px solid #fbd5dd}
:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) .breadcrumb{margin-bottom:22px}

/* login */
body.account-login #content .border.rounded{border:1px solid #fbd5dd !important;border-top:4px solid #ee1747 !important;border-radius:10px !important;padding:30px 28px !important;background:#fff}
body.account-login #content > .row > .col:first-child .border.rounded{background:#fff1f4}
body.account-login #content h2{font-size:22px;font-weight:800;color:#111827;margin:0 0 10px;text-transform:none}
body.account-login #content > .row > .col:first-child .btn-primary{background:#111827;border-color:#111827}
body.account-login #content > .row > .col:first-child .btn-primary:hover{background:#000}

/* my account dashboard */
body.account-account #content h2{margin:30px 0 16px;font-size:22px;font-weight:800;color:#111827;text-transform:none}
body.account-account #content h2:after{content:"";display:block;width:48px;height:4px;background:#ee1747;margin-top:8px;border-radius:2px}
body.account-account #content ul.list-unstyled{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:0 0 10px;padding:0}
body.account-account #content ul.list-unstyled li a{display:block;background:#fff;border:1px solid #fbd5dd;border-top:3px solid #ee1747;border-radius:8px;padding:14px 16px;font-weight:600;color:#111827}
body.account-account #content ul.list-unstyled li a:hover{background:#fff1f4;color:#ee1747}

/* account side menu */
:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) .list-group .list-group-item{border-color:#fbd5dd;color:#111827;font-weight:600}
:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) .list-group .list-group-item.active,:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) .list-group .list-group-item:hover{background:#fff1f4;color:#ee1747;border-color:#fbd5dd}

/* sitemap */
.mk-sitemap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.mk-sitemap .mk-card{gap:6px;padding:24px 22px}
.mk-sitemap h2{margin:0 0 10px;font-size:20px;font-weight:800;color:#111827;text-transform:none}
.mk-sitemap ul{list-style:none;margin:0;padding:0}
.mk-sitemap ul ul{margin:4px 0 6px 16px;padding-left:12px;border-left:2px solid #fbd5dd}
.mk-sitemap li{margin:0 0 6px;font-size:15px;line-height:1.5}
.mk-sitemap li a{color:#111827;font-weight:600}
.mk-sitemap ul ul li a{font-weight:400;color:#374151}
.mk-sitemap li a:hover{color:#ee1747}
@media (max-width:767px){.mk-sitemap{grid-template-columns:minmax(0,1fr)}}
:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content legend + *{clear:both}
:is(body[class^="account-"],body[class^="checkout-"],body.information-sitemap,body.product-compare,body.product-search,body.product-special,body[class^="product-manufacturer"]) #content fieldset{display:flow-root}
/* checkout steps */
.mk-steps{display:flex;flex-wrap:wrap;gap:0;list-style:none;margin:0 0 26px;padding:0;border:1px solid #fbd5dd;border-radius:10px;overflow:hidden;background:#fff}
.mk-steps li{flex:1 1 160px;display:flex;align-items:center;gap:12px;padding:14px 18px;border-right:1px solid #fbd5dd;font-weight:700;color:#6b7280;font-size:14px}
.mk-steps li:last-child{border-right:0}
.mk-steps li b{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#f3f4f6;color:#6b7280;font-size:14px;flex:none}
.mk-steps li.is-active{background:#fff1f4;color:#111827}
.mk-steps li.is-active b{background:#ee1747;color:#fff}
.mk-steps li.is-done{color:#111827}
.mk-steps li.is-done b{background:#111827;color:#fff;font-size:0}
.mk-steps li.is-done b:before{content:"\2713";font-size:15px}
@media (max-width:767px){.mk-steps li{flex:1 1 50%;padding:12px 14px;border-bottom:1px solid #fbd5dd}.mk-steps li:nth-child(2){border-right:0}}
.mk-step-note{margin:14px 0 4px;padding:14px 16px;background:#fff1f4;border:1px solid #fbd5dd;border-left:4px solid #ee1747;border-radius:8px;font-size:14px;line-height:1.55;color:#374151}
.mk-step-note b{color:#111827}
body.checkout-checkout #content .mk-btn-continue{width:100%;padding:14px 20px;font-size:16px}
body.checkout-checkout #checkout-shipping-method fieldset,body.checkout-checkout #checkout-payment-method fieldset{transition:box-shadow .3s}
.mk-pulse fieldset{box-shadow:0 0 0 4px rgba(238,23,71,.25)}
body.checkout-checkout .input-group-text{background:#111827;color:#fff;border-color:#111827}
body.checkout-checkout #content .input-group .btn-primary{padding:11px 18px}

/* shipping & payment pop-ups */
body.checkout-checkout :is(#modal-shipping,#modal-payment) .modal-content{border:0;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px rgba(17,24,39,.35)}
body.checkout-checkout :is(#modal-shipping,#modal-payment) .modal-header{background:linear-gradient(120deg,#111827 0%,#1f2937 55%,#3b0a17 100%);border:0;padding:20px 24px}
body.checkout-checkout :is(#modal-shipping,#modal-payment) .modal-title{color:#fff;font-weight:800;font-size:20px;display:flex;align-items:center;gap:10px}
body.checkout-checkout :is(#modal-shipping,#modal-payment) .modal-title i{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#ee1747;font-size:15px}
body.checkout-checkout :is(#modal-shipping,#modal-payment) .btn-close{filter:invert(1) grayscale(1) brightness(2);opacity:.85}
body.checkout-checkout :is(#modal-shipping,#modal-payment) .modal-body{padding:22px 24px;color:#374151}
body.checkout-checkout :is(#modal-shipping,#modal-payment) .modal-body > form > p:first-child{font-size:14px;color:#6b7280;margin-bottom:14px}
body.checkout-checkout :is(#modal-shipping,#modal-payment) .modal-body p strong{display:block;font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#ee1747;margin-top:4px}
body.checkout-checkout :is(#modal-shipping,#modal-payment) .form-check{position:relative;margin:0 0 10px;padding:0}
body.checkout-checkout :is(#modal-shipping,#modal-payment) .form-check input[type=radio]{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;margin:0;accent-color:#ee1747}
body.checkout-checkout :is(#modal-shipping,#modal-payment) .form-check label{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;margin:0;padding:14px 16px 14px 46px;border:1px solid #fbd5dd;border-radius:10px;background:#fff;cursor:pointer;font-size:15px;font-weight:600;color:#111827;transition:border-color .15s,background .15s}
body.checkout-checkout :is(#modal-shipping,#modal-payment) .form-check label b{color:#ee1747;font-weight:800;white-space:nowrap}
body.checkout-checkout :is(#modal-shipping,#modal-payment) .form-check label:hover{border-color:#ee1747}
body.checkout-checkout :is(#modal-shipping,#modal-payment) .form-check:has(input:checked) label{border-color:#ee1747;background:#fff1f4;box-shadow:0 0 0 2px rgba(238,23,71,.15)}
body.checkout-checkout :is(#modal-shipping,#modal-payment) .text-end{margin-top:16px}
body.checkout-checkout :is(#modal-shipping,#modal-payment) .btn-primary{width:100%;background:#ee1747;border-color:#ee1747;border-radius:8px;padding:13px 20px;font-weight:700;font-size:16px}
body.checkout-checkout :is(#modal-shipping,#modal-payment) .btn-primary:hover{background:#c8103a;border-color:#c8103a}