/* HOMICA Living – الركنات والأنتريهات. Mobile first; same tokens as «من تنفيذ هوميكا». */

/* ---------- Landing ---------- */
.hml{--hml-ink:#29241f;--hml-text:#655e55;--hml-muted:#8a8073;--hml-line:#ebe5dc;--hml-sand:#f7f4ef;--hml-accent:#F86534;--hml-wa:#1f7a4d;
	max-width:1222px;margin:0 auto;padding:6px 0 40px}
.hml-crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 12px;font-size:12.5px;color:var(--hml-muted)}
.hml-crumbs a{color:var(--hml-muted)}
.hml-crumbs a:hover{color:var(--hml-ink)}
.hml-crumbs [aria-current]{color:var(--hml-ink);font-weight:600}

.hml-hero{position:relative;overflow:hidden;border-radius:16px;background:var(--hml-sand);min-height:440px;display:flex;align-items:flex-end;isolation:isolate}
.hml-hero__media{position:absolute;inset:0;z-index:-1}
.hml-hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(24,20,16,.80) 0%,rgba(24,20,16,.45) 45%,rgba(24,20,16,.10) 100%)}
.hml-hero__img{width:100%!important;height:100%!important;max-width:none;object-fit:cover;display:block}
.hml-hero__body{padding:26px 20px 24px;color:#fff;max-width:640px}
.hml-eyebrow{display:block;margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.3px;color:rgba(255,255,255,.82)}
.hml-hero__title{margin:0 0 10px;color:#fff!important;font-family:inherit;font-size:28px;font-weight:800;line-height:1.35}
.hml-hero__text{margin:0 0 20px;color:rgba(255,255,255,.92);font-size:15px;line-height:1.85}
.hml-hero:not(:has(.hml-hero__media)){align-items:center}
.hml-hero:not(:has(.hml-hero__media)) .hml-hero__body{color:var(--hml-ink)}
.hml-hero:not(:has(.hml-hero__media)) .hml-hero__title{color:var(--hml-ink)!important}
.hml-hero:not(:has(.hml-hero__media)) .hml-hero__text,.hml-hero:not(:has(.hml-hero__media)) .hml-eyebrow{color:var(--hml-text)}

.hml-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 26px;border-radius:9px;
	background:var(--hml-accent);color:#fff!important;font-size:15px;font-weight:700;line-height:1.4;text-decoration:none!important;transition:filter .2s ease}
.hml-btn:hover{filter:brightness(.94)}
.hml-btn:focus-visible,.hml-cat:focus-visible{outline:2px solid var(--hml-ink);outline-offset:3px}
.hml-btn--wa{background:var(--hml-wa)}
.hml-btn svg{flex:0 0 auto}

.hml-sec{margin:44px 0 0;scroll-margin-top:90px}
.hml-h2{margin:0 0 8px;font-family:inherit;font-size:22px;font-weight:800;line-height:1.4;color:var(--hml-ink)}
.hml-sub{margin:0 0 20px;font-size:14.5px;line-height:1.85;color:var(--hml-text);max-width:640px}
.hml-more{margin:18px 0 0;font-size:14px;font-weight:700}
.hml-more a{color:var(--hml-ink);border-bottom:1px solid var(--hml-accent);padding-bottom:2px}

.hml-cats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hml-cat{position:relative;display:block;overflow:hidden;border-radius:14px;background:var(--hml-sand);aspect-ratio:4/5;color:#fff!important;isolation:isolate}
.hml-cat__media{position:absolute;inset:0;z-index:-1}
.hml-cat__media img{width:100%;height:100%;object-fit:cover;display:block}
.hml-cat::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(26,22,18,.65),rgba(26,22,18,0) 60%)}
.hml-cat__name{position:absolute;right:14px;left:14px;bottom:12px;font-size:15px;font-weight:700;line-height:1.4}

.hml .hmp-grid.hml-work{grid-template-columns:1fr 1fr;gap:22px 12px}
.hml .hml-work .hmp-item__title{font-size:14px}

.hml-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:none}
.hml-step{position:relative;margin:0;padding:18px 18px 18px 18px;padding-inline-start:66px;border:1px solid var(--hml-line);border-radius:14px;background:#fff}
.hml-step__n{position:absolute;inset-inline-start:18px;top:18px;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;
	background:var(--hml-sand);color:var(--hml-ink);font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
.hml-step__t{margin:0 0 4px;font-family:inherit;font-size:16px;font-weight:700;line-height:1.5;color:var(--hml-ink)}
.hml-step__d{margin:0;font-size:14px;line-height:1.7;color:var(--hml-text)}

.hml-cta-band{margin:44px 0 0;padding:26px 20px;border-radius:16px;background:var(--hml-sand);text-align:center}
.hml-cta-band .hml-sub{margin-inline:auto}

@media (min-width:768px){
	.hml-hero{min-height:500px}
	.hml-hero__body{padding:44px 44px 40px}
	.hml-hero__title{font-size:40px}
	.hml-hero__text{font-size:17px}
	.hml-h2{font-size:28px}
	.hml-sec{margin-top:64px}
	.hml-cats{grid-template-columns:repeat(4,1fr);gap:18px}
	.hml .hmp-grid.hml-work{grid-template-columns:repeat(3,1fr);gap:40px 24px}
	.hml-steps{grid-template-columns:repeat(3,1fr);gap:18px}
	.hml-step{padding:22px;padding-top:70px}
	.hml-step__n{inset-inline-start:22px;top:22px}
	.hml-cta-band{padding:44px 32px;margin-top:64px}
}
@media (prefers-reduced-motion:reduce){.hml-btn{transition:none}}

/* ---------- Store: labels, price, product CTA ---------- */
.product-label.hml-label{background:#fff!important;color:#29241f!important;border:1px solid #e3dccf;font-weight:700;font-size:11px;letter-spacing:0;text-transform:none;white-space:nowrap;padding:4px 9px;border-radius:30px;min-width:0}
.product-label.hml-label--executed{color:#1f7a4d!important;border-color:#cfe5d8}
.hml-price-quote{font-size:15px;font-weight:700;color:#29241f}

.hml-cta{--hml-ink:#29241f;--hml-accent:#F86534;--hml-wa:#1f7a4d;margin:4px 0 14px}
.hml-cta .hml-btn{display:flex;width:100%;min-height:52px;margin:12px 0 10px}
.hml-note{margin:8px 0 0;font-size:12.5px;line-height:1.8;color:#7a7065}
.hml-note a{color:#29241f;text-decoration:underline;text-underline-offset:3px}
.hml-note--ref{padding:10px 12px;border:1px dashed #e0d6c8;border-radius:10px;background:#fffaf5;color:#6b5f52}
.hml-note--price{margin:12px 0 0;padding:11px 13px;border-radius:10px;background:#fcfaf7;border:1px solid #ebe5dc;color:#4a423a}
.hml-note--price p{margin:0;font-size:13px;line-height:1.8}
.hml-note--price p+p{margin-top:4px;color:#7a7065}
/* Section product pages: tidy feature list in the short description (RTL bullets next to the text). */
.hml-product .woocommerce-product-details__short-description ul{margin:10px 0 0;padding-inline-start:1.2em;list-style:disc;list-style-position:outside;text-align:start}
.hml-product .woocommerce-product-details__short-description li{margin:0 0 4px;padding:0;text-align:start}
/* One WhatsApp CTA on section products: hide the layout's generic WhatsApp button there only. */
.hml-product .elementor-widget-wd_button:has(a[href*="wa.me"]){display:none!important}

/* 0.1.4 – sale badge, single WhatsApp contact, price block */
.product-label.hml-label--sale{background:#29241f!important;color:#fff!important;border-radius:30px;font-size:11px;font-weight:700;letter-spacing:0;text-transform:none;padding:4px 10px;min-width:0}
.hml-product .wd-social-icons .social-whatsapp,.hml-product .wd-social-icons a[href*="wa.me"]{display:none!important}
.hml-product .summary .price del,.hml-product .wd-single-price .price del{font-size:15px;opacity:.65;font-weight:500}
.hml-product .summary .price ins,.hml-product .wd-single-price .price ins{font-size:30px;font-weight:800;text-decoration:none}

/* ---------- 0.1.6 Homepage block ---------- */
.hmlh{--ink:#29241f;--text:#655e55;--muted:#8a8073;--line:#ebe5dc;--sand:#f7f4ef;--accent:#F86534;direction:rtl;padding:44px 0 8px;width:100%}
.hmlh-wrap{max-width:1222px;margin:0 auto;padding:0 15px}
.hmlh-head{margin:0 0 20px;text-align:center}
.hmlh-title{margin:0 0 8px;font-family:inherit;font-size:24px;font-weight:800;line-height:1.4;color:var(--ink)}
.hmlh-text{margin:0 auto;max-width:560px;font-size:14.5px;line-height:1.85;color:var(--text)}
.hmlh-grid{display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 10px;scrollbar-width:none}
.hmlh-grid::-webkit-scrollbar{display:none}
.hmlh-card{scroll-snap-align:start;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.hmlh-card__media{position:relative;display:block;aspect-ratio:4/5;background:var(--sand);overflow:hidden}
.hmlh-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.hmlh-card:hover .hmlh-card__img{transform:scale(1.03)}
.hmlh-badge{position:absolute;top:12px;right:12px;background:var(--ink);color:#fff;font-size:11px;font-weight:700;line-height:1;padding:6px 10px;border-radius:30px}
.hmlh-card__body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.hmlh-card__name{margin:0;font-family:inherit;font-size:16px;font-weight:700;line-height:1.5}
.hmlh-card__name a{color:var(--ink)!important}
.hmlh-card__price .price,.hmlh-card__price{font-size:20px;font-weight:800;color:var(--accent);line-height:1.4}
.hmlh-card__price del{display:inline-block;margin-inline-start:8px;color:#9a9087;font-size:14px;font-weight:500;opacity:1}
.hmlh-card__price ins{text-decoration:none;color:var(--accent)}
.hmlh-card__note{margin:0;font-size:12.5px;color:var(--muted)}
.hmlh-card__btn{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:9px;border:1px solid var(--ink);color:var(--ink)!important;font-size:14px;font-weight:700;transition:background-color .2s,color .2s}
.hmlh-card__btn:hover{background:var(--ink);color:#fff!important}
.hmlh-more{text-align:center;margin:18px 0 0}
.hmlh-more__btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 28px;border-radius:9px;background:var(--accent);color:#fff!important;font-size:15px;font-weight:700}
.hmlh-more__btn:hover{filter:brightness(.94)}
.hmlh a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media (min-width:768px){
	.hmlh{padding:64px 0 16px}
	.hmlh-title{font-size:30px}
	.hmlh-grid{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);grid-auto-columns:auto;overflow:visible;gap:24px}
}
@media (prefers-reduced-motion:reduce){.hmlh-card__img{transition:none}}

/* 0.1.7 – «أقسام المتجر» (homepage widget 6147566): same square images; on mobile the «ركن وأنتريهات» card spans the row (1 wide + 2×2). */
.elementor-element-6147566 .wd-cat-image img{aspect-ratio:1/1;object-fit:cover;width:100%;height:auto}
@media (max-width:767px){
	.elementor-element-6147566 .category-grid-item:has(a[href$="/sofas-living-room/"]){grid-column:1/-1}
	.elementor-element-6147566 .category-grid-item:has(a[href$="/sofas-living-room/"]) .wd-cat-image img{aspect-ratio:16/10}
}

/* 0.1.8 – «الخامات ومواصفات التصنيع» + card line */
.hml-specs{margin:14px 0 4px;padding:16px 18px;border:1px solid #ebe5dc;border-radius:12px;background:#fff}
.hml-specs__title{margin:0 0 10px;font-family:inherit;font-size:15px;font-weight:800;line-height:1.5;color:#29241f}
.hml-specs__list{list-style:none;margin:0;padding:0;display:grid;gap:0}
.hml-spec{display:grid;grid-template-columns:22px minmax(7.5em,max-content) minmax(0,1fr);align-items:center;column-gap:10px;padding:10px 0;border-top:1px solid #f0ebe3;margin:0}
.hml-spec:first-child{border-top:0;padding-top:4px}
.hml-spec__icon{color:#F86534;flex:0 0 auto}
.hml-spec__label{color:#7a7065;font-size:13.5px;font-weight:500}
.hml-spec__value{color:#29241f;font-size:14px;font-weight:700;line-height:1.5}
.hml-specs__note{margin:8px 0 0;padding-top:10px;border-top:1px dashed #e6dfd4;font-size:12.5px;line-height:1.8;color:#7a7065}
@media (max-width:480px){
	.hml-spec{grid-template-columns:22px minmax(0,1fr);row-gap:2px}
	.hml-spec__icon{grid-row:1/3;align-self:start;margin-top:2px}
	.hml-spec__label{font-size:12.5px}
}
.hml-card-line,.hmlh-card__spec{margin:4px 0 0;font-size:12px;line-height:1.6;color:#7a7065;font-weight:500}
.price .hml-card-line,.wd-product .hml-card-line{display:block;width:100%;margin:4px 0 0;font-size:12px;font-weight:500;color:#7a7065;text-decoration:none}

/* 0.2.0 – launch price: «وفّر» badge + after-launch price (no strike-through) */
.hml-launch-row{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.hml-save{display:inline-flex;align-items:center;padding:3px 9px;border-radius:30px;background:#fdf0ea;color:#c4471b;font-size:12px;font-weight:700;line-height:1.5;white-space:nowrap}
.hml-launch{display:block;width:100%;margin-top:3px;font-size:12.5px;font-weight:500;color:#8a8073;line-height:1.6}
.hml-product .summary .hml-launch,.hml-product .wd-single-price .hml-launch{font-size:13.5px}
.hml-product .summary .hml-save,.hml-product .wd-single-price .hml-save{font-size:13px;padding:4px 11px}