/* Attarji: the classic pages (product, listing, cart, checkout, account) in the KIRA home's identity.
   Order d9939c4e, 27 Oct 2026. Colours, fonts, buttons and badges only: no layout, no markup, no behaviour.
   Loaded last by layouts/front.blade.php; removing the one <link> restores the old look. */
@import url('https://fonts.googleapis.com/css2?family=Amiri&family=Tajawal:wght@400;500;700&display=swap');
:root{--k-ink:#14100c;--k-ivory:#f7f2ea;--k-sand:#ece3d4;--k-line:#ddd0bb;--k-gold:#b38a43;--k-paper:#fffdf9}
body{background:var(--k-ivory)!important;color:var(--k-ink)}
body, body *:not(i):not([class*="icon"]):not([class*="feather"]):not([class*="fa-"]){font-family:'Tajawal',system-ui,sans-serif!important}
html[lang=en] body, html[lang=en] body *:not(i):not([class*="icon"]):not([class*="feather"]):not([class*="fa-"]){font-family:'Jost','Tajawal',system-ui,sans-serif!important}
h1,h2,h3,.hl-h3,.alt-font.fs-35px{font-family:'Amiri',serif!important;font-weight:400!important;letter-spacing:0!important}
.badge-discount{background:var(--k-ink)!important;color:var(--k-ivory)!important;border-radius:3px!important}
.price-tag{background:var(--k-ink)!important;color:var(--k-ivory)!important;border-radius:999px!important}
.h--price{background:var(--k-sand)!important;color:var(--k-ink)!important}
a.chip{background:var(--k-paper)!important;color:var(--k-ink)!important;border:1px solid var(--k-line)!important;border-radius:999px!important}
button.nav-link2{border-radius:999px!important}
button.nav-link2.active{background:var(--k-gold)!important;color:#fff!important}
.header-btn2.btn,.btn-xfit,.btn-base-color{background:var(--k-ink)!important;border-color:var(--k-ink)!important;color:var(--k-ivory)!important;border-radius:999px!important;box-shadow:none!important}
.header-btn2.btn:hover,.btn-xfit:hover{background:#2c231a!important}
.btn-cat-ce,.btn-color-c3{background:var(--k-gold)!important;border-color:var(--k-gold)!important;color:#fff!important}
.btn-qty{background:var(--k-sand)!important;border-radius:50%!important}
.page-link{border-radius:50%!important}
span.page-link,.page-item.active .page-link{background:var(--k-ink)!important;color:var(--k-ivory)!important;border-color:var(--k-ink)!important}
.rounded-4.p-3.p-md-4,.attc-head{background:var(--k-paper)!important}
.container.mb-2.pt-3{background:transparent!important}
.branch-area{background:var(--k-sand)!important}
select.form-select,input.form-control,textarea.form-control{background:var(--k-paper)!important;border-color:var(--k-line)!important;border-radius:6px!important;font-size:16px!important}
a{color:inherit}
.navbar-iphone{background:rgba(247,242,234,.96)!important;border-top:1px solid var(--k-line)}
html,body{overflow-x:hidden}