/* Home page — Crafto "decor store" layout adapted to Arcraft (RTL-aware: logical properties throughout). */
.arc-decor-page { background: var(--arc-paper); }
.arc-decor-page nav.navbar { background: var(--arc-paper) !important; backdrop-filter: none; border-bottom: 1px solid var(--extra-medium-gray); }
.arc-decor-page .header-top-bar { background: #ebe6dd !important; }
.arc-decor-page .header-top-bar, .arc-decor-page .header-top-bar a, .arc-decor-page .header-top-bar .text-dark-gray { color: var(--dark-gray) !important; }
.arc-decor-page .arc-topbar-switch select { color: var(--dark-gray); border-color: #c5bcaf; }

/* ---------- Hero slider ---------- */
.arc-dh { position: relative; background: #f4eee2; }
.arc-dh .swiper { height: clamp(620px, calc(100vh - 130px), 860px); }
.arc-dh .swiper-wrapper, .arc-dh-slide { height: 100%; }
.arc-dh-slide { position: relative; overflow: hidden; background: var(--slide-bg); }
.arc-dh-panel { position: absolute; inset-block: 0; inset-inline-end: 0; width: 38%; background: var(--panel-bg) url(/img/brand/pattern-diamond.svg) repeat center / 120px; }
.arc-dh-circle { position: absolute; top: 50%; inset-inline-end: 38%; width: min(800px, 92vh); aspect-ratio: 1; border-radius: 50%; background: rgba(255,255,255,.42); transform: translate(50%, -44%); }
[dir="rtl"] .arc-dh-circle { transform: translate(-50%, -44%); }
.arc-dh-product { position: absolute; bottom: 5%; inset-inline-end: 13%; height: 84%; width: auto; max-width: none; z-index: 2; filter: drop-shadow(0 30px 30px rgba(48,44,39,.22)); }
.arc-dh-copy { position: relative; z-index: 3; padding-bottom: 40px; }
.arc-dh-eyebrow { display: inline-block; font-size: 15px; font-weight: 600; color: var(--base-color); margin-bottom: 18px; }
.arc-dh-copy h1, .arc-dh-copy h2 { font-size: clamp(52px, 6.2vw, 104px); line-height: .98; letter-spacing: -3px; margin: 0 0 30px; }
html[lang="he"] .arc-dh-copy h1, html[lang="he"] .arc-dh-copy h2 { font-size: clamp(46px, 5vw, 84px); line-height: 1.08; letter-spacing: -1px; }
.arc-dh-price { font-size: 22px; line-height: 1.5; color: rgba(22,32,44,.8); margin-bottom: 34px; }
.arc-dh-vat { font-size: 15px; color: var(--medium-gray); }
.arc-dh-shop { gap: 10px; }
.arc-dh-shop i { margin-inline-end: 10px; }
.arc-dh-sim { position: absolute; top: 24px; inset-inline-end: 24px; z-index: 4; }

/* "More information" + tooltip (bottom-end) */
.arc-dh-more { position: absolute; z-index: 5; bottom: 34px; inset-inline-end: 50px; display: flex; align-items: center; gap: 18px; font-size: 16px; color: var(--dark-gray); }
.arc-dh-info { display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 50%; border: 2px solid rgba(22,32,44,.15); color: var(--dark-gray); font-size: 26px; transition: background .2s, color .2s; }
.arc-dh-info:hover, .arc-dh-info:focus-visible { background: var(--dark-gray); color: #fff; }
.arc-dh-tooltip { position: absolute; bottom: calc(100% + 14px); inset-inline-end: 0; width: 300px; padding: 16px 20px; border-radius: 6px; background: rgba(22,32,44,.88); color: rgba(255,255,255,.85); font-size: 14px; line-height: 1.6; opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .25s, transform .25s, visibility .25s; pointer-events: none; }
.arc-dh-tooltip::after { content: ""; position: absolute; top: 100%; inset-inline-end: 16px; border: 7px solid transparent; border-top-color: rgba(22,32,44,.88); }
.arc-dh-more:hover .arc-dh-tooltip, .arc-dh-more:focus-within .arc-dh-tooltip { opacity: 1; visibility: visible; transform: none; }

/* "Next" + thumbnail (bottom-start, like the template) */
.arc-dh-next { position: absolute; z-index: 5; bottom: 0; inset-inline-start: max(15px, calc((100vw - 1320px) / 2 + 15px)); display: flex; height: 115px; padding: 0; border: 0; background: none; cursor: pointer; }
.arc-dh-next-label { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; width: 130px; background: #fff; color: var(--dark-gray); font-size: 15px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; }
.arc-dh-next-label span { display: block; width: 0; height: 2px; transition: width .3s; }
.arc-dh-next:hover .arc-dh-next-label span, .arc-dh-next:focus-visible .arc-dh-next-label span { width: 34px; }
.arc-dh-next-thumb { width: 200px; background: center / cover no-repeat; }

.arc-dh-controls { position: absolute; z-index: 6; bottom: 44px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 14px; }
.arc-dh-dots { position: static !important; display: flex; gap: 8px; width: auto !important; }
.arc-dh-dots .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 !important; background: var(--dark-gray); opacity: .25; }
.arc-dh-dots .swiper-pagination-bullet-active { opacity: 1; }
.arc-dh-pause { width: 34px; height: 34px; display: grid; place-items: center; border: 0; border-radius: 50%; background: rgba(255,255,255,.7); color: var(--dark-gray); }
.arc-dh-pause i { font-size: 16px !important; }


/* ---------- Colour "categories" ---------- */
.arc-cat-swatch { display: inline-block; width: 72px; height: 72px; border-radius: 50%; background: radial-gradient(circle at 32% 28%, rgba(255,255,255,.55), rgba(255,255,255,0) 46%), var(--swatch); box-shadow: inset 0 -6px 14px rgba(0,0,0,.14), 0 8px 18px rgba(48,44,39,.14); transition: transform .3s; }
.categories-box:hover .arc-cat-swatch { transform: translateY(-5px); }

/* ---------- Collection tiles ---------- */
.arc-dc-tile { background: var(--arc-sand); }
.arc-dc-tile .shop-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s; }
.arc-dc-tile:hover .shop-image img { transform: scale(1.04); }
.arc-dc-tile-main { height: 560px; }
.arc-dc-tile-main .shop-image, .arc-dc-tile-small .shop-image { height: 100%; }
.arc-dc-tile-main .shop-image img { object-position: 72% center; }
.arc-dc-tile-small { min-height: 268px; }
.arc-dc-tile-shade { background: linear-gradient(0deg, rgba(253,252,249,.95), rgba(253,252,249,.5) 38%, transparent 70%); }
.arc-dc-tile-small .arc-dc-tile-shade { background: linear-gradient(90deg, rgba(253,252,249,.95), rgba(253,252,249,.7) 45%, transparent 80%); }
.arc-dc-tile-small .arc-dc-tile-shade-end { background: linear-gradient(270deg, rgba(253,252,249,.95), rgba(253,252,249,.7) 45%, transparent 80%); }
[dir="rtl"] .arc-dc-tile-small .arc-dc-tile-shade { background: linear-gradient(270deg, rgba(253,252,249,.95), rgba(253,252,249,.7) 45%, transparent 80%); }
[dir="rtl"] .arc-dc-tile-small .arc-dc-tile-shade-end { background: linear-gradient(90deg, rgba(253,252,249,.95), rgba(253,252,249,.7) 45%, transparent 80%); }
.arc-dc-tile h3 .fw-700, .arc-dc-tile h3 span { font-weight: 700; }
.arc-dc-tile .arc-illustration-note { z-index: 2; top: 16px; bottom: auto; inset-inline-end: 16px; inset-inline-start: auto; }

/* ---------- Product cards ---------- */
.arc-dp-image { background: #eee8df; overflow: hidden; }
.arc-dp-image img { width: 100%; aspect-ratio: 6 / 7; object-fit: cover; }
.arc-dp-room img { object-position: 80% center; }
.arc-dp-image .arc-illustration-note { top: 10px; bottom: auto; inset-inline-start: 10px; inset-inline-end: auto; font-size: 10px; padding: 4px 7px; }
.arc-dp-sim { white-space: normal; max-width: 70%; text-align: start; line-height: 1.3; font-size: 10px !important; }
.shop-footer .arc-swatch-chip { margin-inline-end: 8px; vertical-align: -1px; }

/* ---------- Marquee ---------- */
.arc-dm { padding-top: 70px !important; }
html[lang="he"] .arc-dm .fs-50 { letter-spacing: 0; }

/* ---------- Collection banner ---------- */
.arc-dl-banner { min-height: 640px; overflow: hidden; }
.arc-dl-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 75% center; }
.arc-dl-banner::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(253,252,249,.94), rgba(253,252,249,.75) 38%, transparent 65%); }
.arc-dl-copy { float: left !important; z-index: 2; text-align: start; }
.arc-dl-banner .arc-illustration-note { z-index: 2; top: 18px; bottom: auto; right: 18px; left: auto; }
.arc-dl-slider { min-height: 640px; background: var(--arc-sand) url(/img/brand/pattern-diamond.svg) repeat center / 120px; }
.arc-dl-slider .swiper-slide { display: flex; align-items: flex-start; justify-content: center; padding-top: 60px; }
.arc-dl-slider .swiper-slide img { height: 420px; width: auto; filter: drop-shadow(0 20px 22px rgba(48,44,39,.2)); }
.arc-dl-slider .swiper-button-prev, .arc-dl-slider .swiper-button-next { border: 0; background: transparent; }

/* ---------- Articles ---------- */
.arc-dv-eyebrow { display: block; color: var(--base-color); margin-bottom: 4px; }
.blog-classic .blog-image img { width: 100%; aspect-ratio: 600 / 445; object-fit: cover; object-position: 65% center; transition: transform .6s; }
.blog-classic .blog-image:hover img { transform: scale(1.05); }
.blog-classic .blog-image .arc-illustration-note { top: 10px; bottom: auto; font-size: 10px; padding: 4px 7px; }
.blog-classic .categories-text { margin-inline-end: 12px; }

.arc-decor-page footer.footer-dark { background: var(--dark-gray); }

/* ---------- Responsive ---------- */
@media (max-width: 1199px) {
    .arc-dh-product { inset-inline-end: 8%; height: 76%; }
    .arc-dc-tile-main { height: 500px; }
    .arc-dc-tile-small { min-height: 238px; }
}
@media (max-width: 991px) {
    .arc-dh .swiper { height: auto; }
    .arc-dh-slide { display: flex; flex-direction: column; min-height: 0; }
    .arc-dh-slide > .container { order: 1; height: auto !important; }
    .arc-dh-slide > .container > .row { height: auto !important; }
    .arc-dh-copy { text-align: center; padding: 56px 15px 0; }
    .arc-dh-copy h1, .arc-dh-copy h2 { font-size: 60px; }
    html[lang="he"] .arc-dh-copy h1, html[lang="he"] .arc-dh-copy h2 { font-size: 52px; }
    .arc-dh-price { margin-bottom: 26px; }
    .arc-dh-panel { inset-block: auto 0; width: 100%; height: 45%; }
    .arc-dh-circle { top: auto; bottom: 6%; inset-inline-end: 50%; width: 520px; transform: translate(50%, 0); }
    [dir="rtl"] .arc-dh-circle { transform: translate(-50%, 0); }
    .arc-dh-product { position: relative; order: 2; inset: auto; height: 460px; margin: 30px auto 150px; }
    .arc-dh-more { inset-inline-end: 24px; bottom: 30px; }
    .arc-dh-more > span:first-child { display: none; }
    .arc-dh-next { height: 90px; inset-inline-start: 0; }
    .arc-dh-next-label { width: 100px; font-size: 13px; }
    .arc-dh-next-thumb { width: 140px; }
    .arc-dh-controls { display: none; }
    .arc-dl-banner, .arc-dl-slider { min-height: 560px; }
    .arc-dl-banner::before { background: linear-gradient(90deg, rgba(253,252,249,.95), rgba(253,252,249,.8) 55%, rgba(253,252,249,.2)); }
}
@media (max-width: 767px) {
    .arc-dc-tile-main { height: 440px; }
    .arc-dl-banner { min-height: 480px; }
    .arc-dl-slider { min-height: 560px; }
}
@media (max-width: 575px) {
    .arc-dh-copy { padding-top: 40px; }
    .arc-dh-copy h1, .arc-dh-copy h2 { font-size: 46px; letter-spacing: -1.5px; }
    html[lang="he"] .arc-dh-copy h1, html[lang="he"] .arc-dh-copy h2 { font-size: 40px; }
    .arc-dh-price { font-size: 19px; }
    .arc-dh-product { height: 340px; margin-bottom: 120px; }
    .arc-dh-circle { width: 380px; }
    .arc-dh-next { height: 74px; }
    .arc-dh-next-label { width: 84px; }
    .arc-dh-next-thumb { width: 110px; }
    .arc-dh-tooltip { width: 250px; }
    .arc-cat-swatch { width: 60px; height: 60px; }
    .arc-dc-tile-main { height: 400px; }
    .arc-dc-tile-small { min-height: 220px; }
    .arc-dm .fs-50 { font-size: 34px; }
    .arc-dl-slider .swiper-slide img { height: 340px; }
}
@media (prefers-reduced-motion: reduce) {
    .arc-dh-slide .arc-dh-copy, .arc-dh-slide .arc-dh-product { transition: none; transform: none !important; }
}

/* Tiles: images fill fixed-height boxes (never size the box from the image) */
.arc-dc-tile .shop-image { position: absolute; inset: 0; }
.arc-dc-tile-small { flex: 1 1 0; min-height: 0; }
.arc-dc-side { height: 560px; }
@media (max-width: 1199px) { .arc-dc-side { height: 500px; } }
@media (max-width: 991px) { .arc-dc-side { height: auto; } .arc-dc-tile-small { flex: none; height: 260px; } }
@media (max-width: 575px) { .arc-dc-tile-small { height: 220px; } }
.arc-dl-copy h2 { font-size: clamp(40px, 4vw, 66px); line-height: 1.05; }
html[lang="he"] .arc-dl-copy h2 { letter-spacing: 0; line-height: 1.15; }
.shop-image .lable.arc-dp-sim { background: rgba(48,44,39,.82) !important; color: #fff; font-weight: 500; letter-spacing: 0; text-transform: none; }
@media (min-width: 1200px) { .arc-dh-product { height: 80%; inset-inline-end: 12%; } }