/* Theme Name: Asia United Carpet Author: Asia United Carpet Description: قالب راست‌چین و سبک فروشگاه فرش متحد آسیا با هیروسکشن پویا و پشتیبانی ووکامرس. Version: 1.32.15 Requires at least: 6.0 Requires PHP: 7.4 License: GPL-2.0-or-later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: asia-united-carpet Tags: e-commerce, rtl-language-support, custom-logo, custom-menu, featured-images, translation-ready */ @font-face { font-family: "IRANYekanX"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("assets/fonts/IRANYekanXVFaNumVF.woff2") format("woff2"); } :root { --color-ink: #f7f0df; --color-ink-muted: #c5c5bb; --color-gold: #d6b87a; --color-gold-light: #efdcaf; --color-jade: #063b37; --color-jade-deep: #052c31; --color-night: #0b1b29; --color-paper: #fbf8f0; --color-text: #20302d; --color-border: rgba(214, 184, 122, .48); --font-body: "IRANYekanX", Tahoma, sans-serif; --content-width: 1280px; --ease: cubic-bezier(.2, .7, .25, 1); color-scheme: light;} *, *::before, *::after { box-sizing: border-box;} html { scroll-behavior: smooth; scroll-padding-top: 2rem;} body { margin: 0; background: var(--color-paper); color: var(--color-text); font-family: var(--font-body); font-size: 16px; font-weight: 400; line-height: 1.85; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;} body, input, button, select, textarea { font-family: var(--font-body);} a { color: inherit; text-decoration: none;} img { max-width: 100%; height: auto;} button, input, select, textarea { font: inherit;} button, a { -webkit-tap-highlight-color: transparent;} button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid var(--color-gold); outline-offset: 4px;} ::selection { color: var(--color-night); background: var(--color-gold-light);} .screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;} .screen-reader-text:focus { z-index: 100000; top: 1rem; right: 1rem; width: auto; height: auto; padding: .6rem 1rem; clip: auto; background: #fff; color: #000;} .site-shell { overflow: clip;} .site-header { position: relative; z-index: 5; display: grid; grid-template-columns: minmax(220px, 1fr) auto minmax(170px, 1fr); align-items: center; gap: 1.5rem; width: min(calc(100% - 3rem), 1780px); min-height: 88px; margin: 24px auto -112px; padding: .7rem 1.6rem; border: 1px solid rgba(239, 220, 175, .52); border-radius: 28px; background: linear-gradient(112deg, rgba(15, 23, 59, .98) 0%, rgba(7, 48, 57, .97) 52%, rgba(5, 59, 55, .96) 100%); box-shadow: 0 20px 52px rgba(2, 17, 24, .24), inset 0 1px 0 rgba(255, 255, 255, .12); color: var(--color-ink); backdrop-filter: blur(12px);} .site-header::before { position: absolute; top: 1px; right: 18px; left: 18px; height: 1px; border-radius: 50%; background: linear-gradient(90deg, transparent, rgba(239, 220, 175, .7), rgba(255, 255, 255, .36), rgba(239, 220, 175, .7), transparent); content: ""; pointer-events: none;} .brand-lockup, .header-actions, .primary-menu, .primary-menu li { display: flex; align-items: center;} .brand-lockup { min-width: 0; gap: .8rem;} .brand-mark { flex: 0 0 auto; display: grid; width: 56px; height: 56px; place-items: center; overflow: hidden; border: 1px solid var(--color-gold); border-radius: 50%; background: #fff; box-shadow: 0 0 0 3px rgba(239, 220, 175, .1), 0 7px 18px rgba(0, 0, 0, .2);} .brand-mark img { display: block; width: 100%; height: 100%; object-fit: contain;} .brand-mark .custom-logo-link, .brand-mark .custom-logo { display: block; width: 100%; height: 100%; object-fit: contain;} .brand-mark .custom-logo { padding: 2px;} .brand-copy { display: grid; gap: .05rem; min-width: 0;} .brand-copy strong { overflow: hidden; color: #fff0c2; font-size: 1rem; font-weight: 800; letter-spacing: -.02em; text-overflow: ellipsis; white-space: nowrap;} .brand-copy span { color: rgba(247, 240, 223, .72); font-size: .68rem; line-height: 1.6;} .primary-menu, .footer-menu { padding: 0; margin: 0; list-style: none;} .primary-menu { justify-content: center; gap: clamp(1rem, 2.3vw, 2.4rem); white-space: nowrap;} .primary-menu li { position: relative;} .primary-menu a { position: relative; display: inline-flex; align-items: center; padding: .65rem .12rem; color: rgba(247, 240, 223, .86); font-size: .82rem; font-weight: 600; transition: color .2s ease;} .primary-menu a::after { position: absolute; right: 50%; bottom: .28rem; left: 50%; height: 2px; border-radius: 2px; background: linear-gradient(90deg, #19b7a4, #f0d99d); content: ""; transition: right .22s ease, left .22s ease;} .primary-menu a:hover, .primary-menu .current-menu-item > a, .primary-menu .current_page_item > a { color: #fff0c2;} .primary-menu a:hover::after, .primary-menu .current-menu-item > a::after, .primary-menu .current_page_item > a::after { right: 0; left: 0;} .header-actions { justify-content: flex-end; gap: .6rem;} .product-search { display: flex; align-items: center; width: 42px; height: 42px; overflow: hidden; border: 1px solid rgba(239, 220, 175, .46); border-radius: 999px; background: rgba(255, 255, 255, .035); transition: width .25s var(--ease), background .2s ease, border-color .2s ease, box-shadow .2s ease;} .product-search:focus-within { width: 190px; border-color: rgba(239, 220, 175, .82); background: rgba(255, 255, 255, .08); box-shadow: 0 0 0 3px rgba(239, 220, 175, .08);} .product-search input[type="search"] { width: 0; min-width: 0; padding: 0; border: 0; background: transparent; color: var(--color-ink); outline: 0;} .product-search:focus-within input[type="search"] { width: 140px; padding-inline: .7rem;} .product-search input::placeholder { color: rgba(247, 240, 223, .64);} .product-search button, .header-icon, .menu-toggle { position: relative; flex: 0 0 auto; display: grid; width: 40px; height: 40px; place-items: center; padding: 0; border: 1px solid rgba(239, 220, 175, .48); border-radius: 13px; background: rgba(255, 255, 255, .035); color: #f6e3ae; cursor: pointer; transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;} .product-search button { border: 0; border-radius: 0;} .header-icon:hover, .menu-toggle:hover { transform: translateY(-2px); border-color: rgba(239, 220, 175, .78); background: linear-gradient(145deg, rgba(25, 183, 164, .2), rgba(214, 184, 122, .12)); box-shadow: 0 7px 16px rgba(0, 0, 0, .16); color: #fff0c2;} .product-search button:hover, .product-search:focus-within button { color: #fff0c2;} .header-icon { text-decoration: none;} .cart-count { position: absolute; top: -5px; left: -5px; display: grid; min-width: 18px; height: 18px; place-items: center; padding-inline: 3px; border-radius: 50%; background: #14a69a; color: #fff; font-size: .63rem; line-height: 1;} .menu-toggle { display: none;} @media (hover: hover) and (min-width: 781px) { .product-search:hover { width: 190px; border-color: rgba(239, 220, 175, .82); background: rgba(255, 255, 255, .08);} .product-search:hover input[type="search"] { width: 140px; padding-inline: .7rem;} } .button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .55rem 1.25rem; border: 1px solid transparent; border-radius: 30px; background: var(--color-jade); color: #fff; font-size: .88rem; font-weight: 650; line-height: 1.5; cursor: pointer; transition: transform .2s ease, background .2s ease, color .2s ease;} .button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background: #0b5750; color: #fff; transform: translateY(-2px);} .site-main { min-height: 320px;} .content-wrap { width: min(calc(100% - 3rem), var(--content-width)); margin-inline: auto; padding-block: clamp(2rem, 5vw, 4rem);} .page-header { margin-bottom: 1.5rem;} .page-title { margin: 0 0 .6rem; color: #1d332e; font-size: clamp(1.7rem, 3vw, 2.6rem); font-weight: 760; line-height: 1.5;} .entry-content { overflow-wrap: anywhere;} .entry-content > :first-child { margin-top: 0;} .entry-content a { color: #08756a; text-decoration: underline; text-underline-offset: 3px;} .entry-content img { border-radius: 14px;} .entry-content table { width: 100%; border-collapse: collapse;} .entry-content th, .entry-content td { padding: .65rem; border: 1px solid #e5ded0;} .post-card { padding: 1.25rem 0; border-bottom: 1px solid #e8e1d5;} .post-card h2 { margin: .3rem 0; font-size: 1.35rem;} .post-meta { color: #6f7973; font-size: .82rem;} .post-thumbnail { display: block; margin-bottom: 1rem;} .post-thumbnail img { display: block; width: 100%; max-height: 460px; object-fit: cover; border-radius: 18px;} .pagination, .woocommerce nav.woocommerce-pagination { margin: 2rem 0; text-align: center;} .pagination .page-numbers, .woocommerce nav.woocommerce-pagination .page-numbers { display: inline-flex; gap: .3rem; padding: 0; list-style: none;} .pagination a, .pagination span, .woocommerce nav.woocommerce-pagination .page-numbers li a, .woocommerce nav.woocommerce-pagination .page-numbers li span { display: inline-grid; min-width: 40px; min-height: 40px; place-items: center; margin-inline: 2px; border-radius: 50%; background: #eee8da;} /* WooCommerce catalog and product details. Templates remain owned by WooCommerce. */ .woocommerce-wrap { padding-top: clamp(2rem, 5vw, 4rem);} .woocommerce .woocommerce-breadcrumb { margin-bottom: 1rem; color: #718078; font-size: .8rem;} .woocommerce .woocommerce-result-count { color: #66746d; font-size: .83rem;} .woocommerce .woocommerce-ordering select, .woocommerce .quantity .qty, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .product-search input[type="search"] { min-height: 42px; border: 1px solid #d9d0be; border-radius: 10px; background: #fffdf8; color: #20302d;} .product-search input[type="search"] { min-height: 0; height: 100%; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--color-ink);} .product-search:focus-within input[type="search"] { padding-inline: .7rem;} .search-form { display: flex; align-items: center; gap: .55rem; max-width: 480px; margin-block: 1rem;} .search-form input[type="search"] { flex: 1 1 auto; min-width: 0; min-height: 42px; padding: .45rem .7rem; border: 1px solid #d9d0be; border-radius: 10px; background: #fffdf8; color: #20302d;} .woocommerce .products ul, .woocommerce ul.products { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.3rem; margin: 1.5rem 0;} .woocommerce ul.products::before, .woocommerce ul.products::after { display: none;} .woocommerce ul.products li.product { float: none; width: auto; margin: 0; padding: .7rem; border: 1px solid #e5dece; border-radius: 18px; background: #fffdf8; transition: transform .25s ease, box-shadow .25s ease;} .woocommerce ul.products li.product:hover { transform: translateY(-4px); box-shadow: 0 14px 35px rgba(42, 52, 43, .08);} .woocommerce ul.products li.product a img { aspect-ratio: .92; object-fit: cover; border-radius: 12px;} .woocommerce ul.products li.product .woocommerce-loop-product__title { color: #233630; font-size: .98rem;} .woocommerce ul.products li.product .price { color: #8b6a30; font-weight: 700;} .woocommerce span.onsale { min-height: 2.8em; min-width: 2.8em; padding: .2em; background: #a84440; font-size: .72rem; line-height: 2.5em;} .woocommerce div.product { color: #20302d;} .woocommerce div.product .product_title { font-size: clamp(1.6rem, 3vw, 2.4rem); line-height: 1.5;} .woocommerce div.product p.price, .woocommerce div.product span.price { color: #8b6a30; font-weight: 750;} .woocommerce div.product div.images img { border-radius: 16px;} .woocommerce div.product .woocommerce-tabs ul.tabs li { border-radius: 8px 8px 0 0;} .woocommerce table.shop_table { border-color: #e4ddcf; border-radius: 12px;} .woocommerce table.shop_table th, .woocommerce table.shop_table td { padding: .85rem;} .woocommerce-message, .woocommerce-info { border-top-color: #168178; border-radius: 10px; background: #f5f2e9;} .woocommerce-message::before, .woocommerce-info::before { color: #168178;} .woocommerce-error { border-top-color: #a84440; border-radius: 10px;} .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border-color: #e4ddcf; border-radius: 14px;} .woocommerce .col2-set, .woocommerce-page .col2-set { gap: 2rem;} .woocommerce .quantity .qty { width: 4.5rem;} .site-footer { position: relative; isolation: isolate; margin-top: 2rem; overflow: hidden; background: #0f173b; color: #f7f0df;} .footer-wave { position: relative; z-index: 0; margin-bottom: 0; overflow: hidden; background: #fff;} .footer-wave img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center bottom;} .footer-inner { position: relative; z-index: 1; display: grid; grid-template-columns: 1.35fr repeat(4, 1fr); align-content: space-between; align-items: start; gap: 1.8rem; width: min(calc(100% - 3rem), 1664px); min-height: 437px; margin-inline: auto; padding-block: 2.75rem 1rem;} .footer-column { min-width: 0; text-align: right;} .footer-column h2 { margin: 0 0 .8rem; color: #f0d99d; font-size: .98rem; font-weight: 800;} .footer-about { order: 1;} .footer-inner > .footer-column:nth-child(2) { order: 2;} .footer-inner > .footer-column:nth-child(3) { order: 3;} .footer-about strong { display: block; margin-bottom: .65rem; color: #f6e6b8; font-size: 1.22rem;} .footer-about p { max-width: 310px; margin: 0; color: rgba(247, 240, 223, .78); font-size: .78rem; line-height: 2;} .footer-column ul { display: grid; gap: .36rem; margin: 0; padding: 0; list-style: none; color: rgba(247, 240, 223, .82); font-size: .77rem;} .footer-column a { transition: color .2s ease;} .footer-column a:hover { color: #f0d99d;} .footer-tracking { order: 4;} .order-tracking { display: flex; max-width: 235px; min-height: 36px; margin-bottom: .7rem; overflow: hidden; border: 1px solid rgba(239, 220, 175, .58); border-radius: 8px; background: rgba(255, 255, 255, .03);} .order-tracking input { width: 100%; min-width: 0; padding: .35rem .55rem; border: 0; outline: 0; background: transparent; color: #f7f0df; font-size: .7rem;} .order-tracking input::placeholder { color: rgba(247, 240, 223, .62);} .order-tracking button { padding: .3rem .75rem; border: 0; background: linear-gradient(135deg, #f3d88f, #caa85b); color: #11183f; cursor: pointer; font-size: .7rem; font-weight: 800;} .footer-social { order: 5; text-align: left;} .social-links { display: flex; align-items: center; justify-content: flex-start; gap: 1.2rem; margin: 1.4rem 0 .55rem; direction: ltr;} .social-links a { color: #f7f0df; font-family: Arial, sans-serif; font-size: 1.15rem; font-weight: 700;} .social-links a:hover { color: #f0d99d;} .social-handle { margin: 0; color: rgba(247, 240, 223, .75); direction: ltr; font-family: Arial, sans-serif; font-size: .72rem;} .copyright { grid-column: 1 / -1; margin: 0; padding-top: 1.45rem; border-top: 1px solid rgba(214, 184, 122, .28); color: rgba(247, 240, 223, .62); font-size: .7rem; text-align: center;} @media (max-width: 1100px) { .site-header { grid-template-columns: minmax(190px, 1fr) auto auto; gap: 1rem; width: calc(100% - 2rem); padding-inline: 1rem;} .primary-menu { gap: 1rem;} .primary-menu a { font-size: .76rem;} .woocommerce .products ul, .woocommerce ul.products { grid-template-columns: repeat(3, minmax(0, 1fr));} } @media (max-width: 780px) { .site-header { grid-template-columns: 1fr auto auto; min-height: 72px; margin: 12px auto -86px; border-radius: 20px;} .brand-mark { width: 46px; height: 46px;} .brand-copy strong { font-size: .83rem;} .brand-copy span { font-size: .61rem;} .menu-toggle { display: grid; width: 38px; height: 38px; order: 3;} .primary-nav { position: absolute; z-index: 6; top: calc(100% + 8px); right: 0; left: 0; display: none; padding: .75rem 1rem; border: 1px solid rgba(239, 220, 175, .42); border-radius: 18px; background: linear-gradient(145deg, #101a40, #073b37); box-shadow: 0 18px 35px rgba(0, 0, 0, .28);} .site-header.menu-open .primary-nav { display: block;} .primary-menu { align-items: stretch; flex-direction: column; gap: 0;} .primary-menu a { display: block; padding: .6rem .5rem; font-size: .9rem;} .header-actions { order: 2; gap: .4rem;} .product-search { width: 38px; height: 38px;} .product-search:focus-within { position: absolute; z-index: 2; left: 68px; width: min(190px, calc(100% - 150px)); border-radius: 999px; background: #0f173b;} .product-search:focus-within input[type="search"] { width: 100%;} .product-search button, .header-icon { width: 36px; height: 36px;} .content-wrap { width: min(calc(100% - 2rem), var(--content-width));} .woocommerce .products ul, .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem;} .woocommerce ul.products li.product { padding: .5rem;} .woocommerce ul.products li.product .button { width: 100%; padding-inline: .4rem; font-size: .76rem;} .woocommerce div.product div.images, .woocommerce div.product div.summary { float: none; width: 100%;} .woocommerce .col2-set, .woocommerce-page .col2-set { display: block;} .footer-wave { height: 16.55vw; margin-bottom: 0;} .footer-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; gap: 1.8rem 1.2rem; width: min(calc(100% - 2rem), var(--content-width)); min-height: 0; padding-block: 1.25rem 1rem;} .footer-about { grid-column: 1 / -1;} .footer-social { text-align: right;} .social-links { justify-content: flex-start;} .copyright { grid-column: 1 / -1; margin-top: 1.9rem; padding-top: .9rem;} } @media (max-width: 420px) { .site-header { grid-template-columns: minmax(0, 1fr) auto auto; gap: .35rem; padding: .55rem .65rem;} .brand-lockup { gap: .45rem;} .brand-mark { width: 40px; height: 40px;} .brand-copy strong { max-width: 145px; font-size: .74rem;} .brand-copy span { max-width: 145px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .header-actions { gap: .25rem;} .product-search button, .header-icon, .menu-toggle { width: 33px; height: 33px;} .woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering { float: none;} .woocommerce .woocommerce-ordering { margin-bottom: 1rem;} } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto;} *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important;} } /* Homepage hero product cards: five-card composition with a left-leaning display. */ /* Featured-rugs: generated navy-to-emerald Persian background image. */ .featured-rugs { position: relative; isolation: isolate; overflow: hidden; padding: clamp(40px, 4.5vw, 64px) clamp(16px, 4vw, 72px) clamp(42px, 4vw, 58px); color: var(--color-ink); background: #07152f url("assets/images/featured-rugs-background-optimized.webp") center / cover no-repeat;} .featured-rugs::after { position: absolute; z-index: -1; inset: 12px clamp(8px, 2.5vw, 42px); border: 1px solid rgba(239, 220, 175, .32); border-radius: 34px 34px 18px 18px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), inset 0 -22px 42px rgba(1, 18, 27, .12); content: ""; pointer-events: none;} .featured-rugs__inner { width:min(100%,1560px); margin-inline:auto;} .featured-rugs__heading--center { position:relative; display:flex; align-items:center; flex-direction:column; gap:.25rem; margin:0 auto clamp(16px,2vw,28px); text-align:center;} .featured-rugs__heading--center .featured-rugs__eyebrow { justify-content:center; margin:0; color:var(--color-gold-light); font-size:.88rem;} .featured-rugs__heading--center .featured-rugs__eyebrow span { color:#61c7b7; font-size:1.15rem;} .featured-rugs__heading--center h2 { margin:0; color:#fff8e7; font-size:clamp(2rem,4.1vw,3.7rem); font-weight:800; line-height:1.4; letter-spacing:-.035em;} .featured-rugs__heading--center > p:not(.featured-rugs__eyebrow) { margin:.1rem 0 0; color:rgba(247,240,223,.74); font-size:clamp(.82rem,1.15vw,.98rem);} .featured-rugs__heading--center .featured-rugs__all { position:absolute; top:18px; left:0; display:inline-flex; align-items:center; gap:.55rem; padding:.58rem .95rem; border:1px solid rgba(214,184,122,.5); border-radius:999px; color:var(--color-gold-light); font-size:.78rem;} .featured-rugs__showcase { width:min(100%,1580px); margin-inline:auto;} .featured-rugs__composition { display:grid; grid-template-columns:minmax(0,1fr) minmax(350px,440px) minmax(0,1fr); align-items:center; gap:clamp(12px,2vw,28px); direction:ltr;} .featured-rugs__side { display:flex; min-width:0; align-items:center; gap:clamp(10px,1.1vw,17px); overflow-x:auto; padding:8px 4px 12px; direction:rtl; scrollbar-width:none; scroll-snap-type:x mandatory;} .featured-rugs__side::-webkit-scrollbar { display:none;} .featured-rugs__side--left { justify-content:flex-end;} .featured-rugs__side--right { justify-content:flex-start;} .featured-rugs__tile { display:flex; flex:0 0 clamp(142px,13.2vw,190px); flex-direction:column; align-items:stretch; gap:.5rem; padding:9px 9px 12px; border:2px solid rgba(214,184,122,.74); border-radius:20px 20px 16px 16px; background:linear-gradient(155deg,rgba(9,67,61,.98),rgba(4,30,41,.99)); color:var(--color-ink); text-align:right; cursor:pointer; box-shadow:0 18px 32px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,245,217,.1); scroll-snap-align:center; transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;} .featured-rugs__tile:hover { transform:translateY(-5px); border-color:var(--color-gold-light);} .featured-rugs__tile.is-active { border-color:#f1d894; box-shadow:0 0 0 4px rgba(214,184,122,.15),0 20px 40px rgba(0,0,0,.34);} .featured-rugs__tile-image { display:grid; height:clamp(185px,20vw,275px); place-items:center; overflow:hidden; border:4px solid #f4ead1; border-radius:14px 14px 10px 10px; background:#eee7d7;} .featured-rugs__thumb { display:block; width:100%!important; height:100%!important; margin:0!important; object-fit:contain;} .featured-rugs__tile-name { display:-webkit-box; min-height:2.8em; overflow:hidden; color:#fff4dc; font-size:clamp(.7rem,.88vw,.82rem); font-weight:750; line-height:1.75; -webkit-box-orient:vertical; -webkit-line-clamp:2;} .featured-rugs__tile-price { color:#e7ca8b; font-size:.73rem; font-weight:700;} .featured-rugs__stage { position:relative; display:flex; height:clamp(520px,40vw,610px); min-height:0; align-items:center; justify-content:center; isolation:isolate;} .featured-rugs__mihrab { position:absolute; z-index:-1; inset:0; display:flex; align-items:flex-start; justify-content:center; pointer-events:none;} .featured-rugs__mihrab img { display:block; width:100%; max-width:440px; height:calc(100% - 106px); object-fit:contain; opacity:.27; filter:saturate(.72) brightness(1.12) drop-shadow(0 18px 28px rgba(0,0,0,.22));} .featured-rugs__spotlight { display:block; width:100%; min-height:0; padding:0; text-align:center;} .featured-rugs__spotlight-link { position:absolute; z-index:1; top:28%; right:21%; display:grid; width:58%; height:53%; place-items:center;} .featured-rugs__spotlight-image { display:grid; width:100%; height:100%; place-items:center;} .featured-rugs__product-image { display:block; width:auto!important; max-width:100%; max-height:100%; margin:0!important; object-fit:contain; filter:drop-shadow(0 12px 15px rgba(0,0,0,.35)); transition:opacity .2s ease,transform .3s ease;} .featured-rugs__spotlight-info { position:absolute; z-index:2; right:50%; bottom:0; display:grid; grid-template-columns:38px minmax(0,1fr) 38px; align-items:center; gap:10px; width:min(94%,420px); padding:9px 12px; transform:translateX(50%); border:1px solid rgba(214,184,122,.45); border-radius:15px; background:rgba(4,39,43,.9); box-shadow:0 12px 28px rgba(0,0,0,.25);} .featured-rugs__spotlight-details { min-width:0; text-align:center;} .featured-rugs__spotlight-kicker { margin:0; color:#78d2c1; font-size:.58rem;} .featured-rugs__spotlight-info h3 { display:-webkit-box; max-height:2.9em; overflow:hidden; margin:0; color:#fff6de; font-size:clamp(.76rem,1vw,.91rem); line-height:1.55; -webkit-box-orient:vertical; -webkit-line-clamp:2;} .featured-rugs__price { min-height:1rem; margin-top:.08rem; color:var(--color-gold-light); font-size:.69rem; font-weight:700;} .featured-rugs__button { display:inline-flex; align-items:center; justify-content:center; gap:.55rem; margin-top:.32rem; padding:.34rem .72rem; border-radius:999px; background:linear-gradient(110deg,#efdcaf,#cda85d); color:#172c2a; font-size:.68rem; font-weight:750;} .featured-rugs__carousel-controls { display:flex; align-items:center; justify-content:center; gap:1rem; margin:12px auto 0; direction:ltr;} .featured-rugs__arrow { display:grid; flex:0 0 34px; width:34px; height:34px; place-items:center; border:1px solid rgba(214,184,122,.58); border-radius:50%; background:rgba(3,27,37,.4); color:var(--color-gold-light); font-size:1.55rem; line-height:1; cursor:pointer;} .featured-rugs__progress { width:100%; height:2px; margin:.2rem auto; overflow:hidden; border-radius:5px; background:rgba(247,240,223,.2);} .featured-rugs__progress span { display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,#56c4b2,#e7ca8b); transition:width .3s ease;} .featured-rugs__count { min-width:4rem; color:rgba(247,240,223,.68); font-size:.74rem; text-align:center;} .featured-rugs__empty { padding:2rem; border:1px solid var(--color-border); border-radius:18px; background:rgba(4,32,40,.6); color:var(--color-ink); text-align:center;} .featured-rugs__tile-image { padding:7px;} .featured-rugs__thumb { width:100%!important; height:100%!important; object-fit:contain!important;} @media (max-width:1050px) { .featured-rugs__composition { grid-template-columns:minmax(0,1fr) minmax(320px,390px) minmax(0,1fr); gap:8px;} .featured-rugs__tile { flex-basis:clamp(130px,15vw,165px);} .featured-rugs__stage { height:clamp(490px,48vw,530px);} } @media (max-width:780px) { .featured-rugs { padding:34px 16px 42px;} .featured-rugs::after { inset:8px 7px; border-radius:24px 24px 14px 14px;} .featured-rugs__heading--center { margin-bottom:14px;} .featured-rugs__heading--center .featured-rugs__all { position:static; margin-top:.45rem;} .featured-rugs__heading--center h2 { font-size:clamp(1.8rem,7vw,2.6rem);} .featured-rugs__composition { grid-template-columns:minmax(0,1fr); gap:0;} .featured-rugs__stage { grid-row:1; height:min(130vw,570px); min-height:440px;} .featured-rugs__mihrab img { width:min(100%,350px); height:calc(100% - 100px);} .featured-rugs__spotlight-link { top:27%; right:20%; width:60%; height:53%;} .featured-rugs__spotlight-info { bottom:0; grid-template-columns:34px minmax(0,1fr) 34px; gap:7px; width:min(94%,360px); padding:8px 9px;} .featured-rugs__spotlight-info .featured-rugs__arrow { flex-basis:31px; width:31px; height:31px;} .featured-rugs__side { grid-row:2; justify-content:flex-start; gap:12px; margin-top:6px;} .featured-rugs__side--right { grid-row:3;} .featured-rugs__tile { flex-basis:clamp(148px,41vw,180px);} .featured-rugs__tile-image { height:clamp(158px,44vw,205px);} } @media (prefers-reduced-motion:reduce) { .featured-rugs *, .featured-rugs *::before, .featured-rugs *::after { transition-duration:.01ms!important; scroll-behavior:auto!important;} } /* Keep the initial primary tile hidden until it is placed into a side rail. */ .featured-rugs__tile[hidden] { display:none !important;} /* Artwork Split single-product experience — generated visual assets, RTL-safe */ .single-product.asiarug-artwork-product-page { background: #fbf8f0 url("assets/images/product-paper-ornament-optimized.webp") center top / 100% auto fixed no-repeat;} .single-product.asiarug-artwork-product-page .site-header { margin-bottom: -112px;} .single-product.asiarug-artwork-product-page .site-main--shop { padding: 150px 0 0;} .single-product.asiarug-artwork-product-page .woocommerce-wrap { width: min(calc(100% - 3rem), 1500px); max-width: none;} .single-product.asiarug-artwork-product-page div.product { direction: ltr; display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(420px, .72fr); align-items: start; gap: clamp(2rem, 5vw, 6.5rem); margin: 0 auto; padding: clamp(1rem, 2.3vw, 2.5rem) 0 3.7rem;} .single-product.asiarug-artwork-product-page div.product::before, .single-product.asiarug-artwork-product-page div.product::after { display: none;} .single-product.asiarug-artwork-product-page .asiarug-single-gallery, .single-product.asiarug-artwork-product-page .asiarug-single-summary { direction: rtl;} .asiarug-single-gallery { position: relative; z-index: 1; min-width: 0; padding: 1.15rem 0 0;} .asiarug-artwork-frame { position: relative; width: min(100%, 650px); margin-inline: auto; aspect-ratio: 1856 / 2304; background: #f4efe5 url("assets/images/product-artwork-frame-optimized.webp") center / 100% 100% no-repeat; filter: drop-shadow(0 28px 35px rgba(19, 49, 47, .18));} .asiarug-artwork-mat { position: absolute; inset: 19% 24% 18% 24%; display: grid; place-items: center; overflow: hidden; background: #f8f5ed; box-shadow: inset 0 0 0 1px rgba(124, 112, 76, .12), inset 0 11px 25px rgba(45, 42, 32, .06);} .asiarug-main-product-image { display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; filter: drop-shadow(0 14px 13px rgba(15, 39, 39, .22)); transition: transform .35s var(--ease);} .asiarug-artwork-frame:hover .asiarug-main-product-image { transform: scale(1.035);} .asiarug-zoom-button { position: absolute; bottom: 10%; left: 17%; display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid rgba(184, 143, 61, .55); border-radius: 14px; background: rgba(255, 252, 245, .94); box-shadow: 0 8px 20px rgba(29, 49, 44, .16); color: var(--color-jade); cursor: pointer; transition: transform .2s ease, background .2s ease;} .asiarug-zoom-button:hover { transform: translateY(-3px); background: #fff;} .asiarug-product-thumbnails { display: flex; justify-content: center; gap: .8rem; margin: 1.25rem auto .7rem; direction: rtl;} .asiarug-product-thumbnail { width: 82px; height: 82px; padding: .28rem; border: 1px solid rgba(154, 120, 50, .32); border-radius: 14px; background: rgba(255, 252, 245, .88); box-shadow: 0 6px 17px rgba(27, 47, 43, .08); cursor: pointer; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;} .asiarug-product-thumbnail img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px;} .asiarug-product-thumbnail:hover, .asiarug-product-thumbnail.is-active { transform: translateY(-3px); border-color: var(--color-gold); box-shadow: 0 9px 22px rgba(27, 47, 43, .16);} .asiarug-gallery-note { color: #76877a; text-align: center; font-size: .76rem;} .asiarug-gallery-note span { margin-inline-end: .4rem; color: #b79554;} .asiarug-single-summary { position: relative; min-width: 0; margin-top: clamp(2rem, 7vw, 7rem); padding: clamp(1.8rem, 3.5vw, 3.4rem); border: 1px solid rgba(176, 143, 70, .37); border-radius: 24px; background: rgba(255, 253, 247, .92); box-shadow: 0 24px 65px rgba(31, 58, 52, .11), inset 0 1px 0 rgba(255, 255, 255, .9);} .asiarug-single-summary::before { position: absolute; inset: 12px; border: 1px solid rgba(217, 190, 126, .21); border-radius: 17px; content: ""; pointer-events: none;} .asiarug-single-summary > * { position: relative; z-index: 1;} .asiarug-breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .58rem; width: fit-content; max-width: 100%; margin: 0 0 1.15rem; padding: .48rem .82rem; border: 1px solid rgba(183,145,73,.24); border-radius: 12px; background: linear-gradient(135deg,rgba(255,253,247,.86),rgba(244,238,224,.72)); box-shadow: inset 0 1px 0 rgba(255,255,255,.7); color: #718078; font-size: .76rem; line-height: 1.85;} .asiarug-breadcrumbs a { color: #315c4e; font-weight: 700; text-decoration: none; transition: color .18s ease;} .asiarug-breadcrumbs a:hover { color: #a47c35;} .asiarug-breadcrumbs .asiarug-breadcrumbs__separator { color: #b08a43; font-size: .92rem; font-weight: 800; line-height: 1;} .asiarug-breadcrumbs .asiarug-breadcrumbs__current { overflow-wrap: anywhere; color: #263d35; font-weight: 750;} .asiarug-collection-label { display: inline-flex; margin-bottom: .7rem; padding: .28rem .72rem; border-radius: 999px; background: #edf1e6; color: #497263; font-size: .76rem;} .single-product.asiarug-artwork-product-page .product_title { margin: 0; color: #b0863f; font-size: clamp(1.65rem, 3.1vw, 2.85rem); font-weight: 800; letter-spacing: -.05em; line-height: 1.55;} .asiarug-product-excerpt { margin: .7rem 0 .45rem; color: #61736b; font-size: .88rem; line-height: 2;} .asiarug-single-summary .star-rating { float: none; display: inline-block; margin: .25rem 0 .55rem; color: #c69f4f;} .asiarug-single-summary .woocommerce-product-rating { display: flex; align-items: center; gap: .7rem; color: #728279; font-size: .77rem;} .asiarug-single-summary .price { display: block; margin: .15rem 0 1.35rem; color: var(--color-jade); font-size: clamp(1.25rem, 2vw, 1.7rem); font-weight: 850;} .asiarug-single-summary .price del { margin-inline-end: .45rem; color: #9eaaa1; font-size: .82em;} .asiarug-spec-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; margin: 1.1rem 0 1.45rem; border: 1px solid rgba(193, 167, 103, .25); border-radius: 13px; background: rgba(249, 247, 239, .7);} .asiarug-spec-grid > div { display: flex; justify-content: space-between; gap: .5rem; padding: .7rem .9rem; border-bottom: 1px solid rgba(193, 167, 103, .18); color: #6d7d74; font-size: .76rem;} .asiarug-spec-grid > div:nth-child(odd) { border-inline-end: 1px solid rgba(193, 167, 103, .18);} .asiarug-spec-grid > div:nth-last-child(-n + 2) { border-bottom: 0;} .asiarug-spec-grid strong { color: #253e37; font-weight: 750;} .asiarug-purchase-box { display: flex; align-items: stretch; gap: .65rem;} .asiarug-purchase-box form.cart { display: flex; flex: 1; align-items: stretch; gap: .6rem; margin: 0;} .asiarug-purchase-box .quantity { display: flex; align-items: center; min-width: 74px; border: 1px solid rgba(193, 167, 103, .4); border-radius: 12px; background: #fffdf8;} .asiarug-purchase-box .quantity input { width: 100%; min-width: 0; padding: .65rem .25rem; border: 0; background: transparent; color: var(--color-jade); text-align: center;} .asiarug-purchase-box .single_add_to_cart_button { flex: 1; min-height: 49px; padding: .6rem 1.1rem; border: 1px solid #bc9142; border-radius: 13px; background: linear-gradient(135deg, #c9a353, #a97d32); box-shadow: 0 8px 18px rgba(137, 99, 40, .2); color: #fffdf3; font-weight: 800; transition: transform .2s ease, filter .2s ease;} .asiarug-purchase-box .single_add_to_cart_button:hover { filter: brightness(1.07); transform: translateY(-2px);} .asiarug-wishlist-button { flex: 0 0 52px; border: 1px solid rgba(193, 167, 103, .55); border-radius: 13px; background: #fffdf8; color: #9b7839; font-size: 1.65rem; line-height: 1; cursor: pointer;} .asiarug-wishlist-action { display: flex; align-items: center; gap: .55rem; margin: .35rem 0 .9rem; color: #806637; font-size: .76rem;} .asiarug-wishlist-action .asiarug-single-wishlist { position: relative; inset: auto; display: grid; flex: 0 0 42px; width: 42px; height: 42px; min-height: 42px; place-items: center; margin: 0; padding: 0;} .asiarug-single-wishlist.is-active { color: #b44e47; border-color: rgba(180,78,71,.42); background: #fff4f0;} .asiarug-wishlist-toast { position: fixed; z-index: 99999; right: 50%; bottom: 1.25rem; max-width: min(92vw, 440px); padding: .8rem 1.1rem; border: 1px solid rgba(214,184,122,.55); border-radius: 13px; background: #052c31; color: #fffdf3; box-shadow: 0 12px 36px rgba(0,0,0,.24); font-size: .82rem; line-height: 1.8; opacity: 0; pointer-events: none; transform: translate(50%, 10px); transition: opacity .2s, transform .2s;} .asiarug-wishlist-toast.is-visible { opacity: 1; transform: translate(50%, 0);} .asiarug-benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: .55rem; margin-top: 1.35rem; padding-top: 1.15rem; border-top: 1px solid rgba(193, 167, 103, .23);} .asiarug-benefits > div { display: grid; grid-template-columns: auto 1fr; column-gap: .45rem; align-items: center; color: #3f685a;} .asiarug-benefits span { grid-row: span 2; display: grid; width: 27px; height: 27px; place-items: center; border: 1px solid rgba(183, 145, 73, .52); border-radius: 50%; color: #b4883b;} .asiarug-benefits strong { font-size: .68rem; font-weight: 800;} .asiarug-benefits small { color: #89968d; font-size: .61rem;} .asiarug-single-summary .product_meta { margin-top: 1.15rem; padding-top: .9rem; border-top: 1px dashed rgba(193, 167, 103, .26); color: #7e8c84; font-size: .73rem;} .single-product.asiarug-artwork-product-page .woocommerce-tabs { grid-column: 1 / -1; direction: rtl; margin-top: .5rem; padding-top: 1.3rem; border-top: 1px solid rgba(183, 145, 73, .28);} .single-product.asiarug-artwork-product-page .woocommerce-tabs ul.tabs { display: flex; gap: .5rem; margin: 0 0 1.2rem; padding: 0; border: 0;} .single-product.asiarug-artwork-product-page .woocommerce-tabs ul.tabs::before, .single-product.asiarug-artwork-product-page .woocommerce-tabs ul.tabs li::before, .single-product.asiarug-artwork-product-page .woocommerce-tabs ul.tabs li::after { display: none;} .single-product.asiarug-artwork-product-page .woocommerce-tabs ul.tabs li { margin: 0; padding: .6rem 1rem; border: 1px solid rgba(183, 145, 73, .25); border-radius: 999px; background: rgba(255, 253, 247, .75); color: #456a5b;} .single-product.asiarug-artwork-product-page .woocommerce-tabs ul.tabs li.active { border-color: #b58a43; background: var(--color-jade); color: #f7efd8;} .single-product.asiarug-artwork-product-page .woocommerce-tabs .panel { padding: 1.5rem 1.7rem; border: 1px solid rgba(183, 145, 73, .2); border-radius: 18px; background: rgba(255, 253, 247, .74); color: #53675d;} @media (max-width: 900px) { .single-product.asiarug-artwork-product-page .site-main--shop { padding-top: 120px;} .single-product.asiarug-artwork-product-page div.product { grid-template-columns: 1fr; gap: 1.25rem; padding-top: 0;} .asiarug-single-summary { margin-top: 0;} .single-product.asiarug-artwork-product-page .woocommerce-tabs { grid-column: auto;} } @media (max-width: 560px) { .single-product.asiarug-artwork-product-page .woocommerce-wrap { width: min(calc(100% - 1.2rem), 1500px);} .single-product.asiarug-artwork-product-page .site-main--shop { padding-top: 92px;} .single-product.asiarug-artwork-product-page div.product { padding-bottom: 2.2rem;} .asiarug-single-summary { padding: 1.35rem 1rem; border-radius: 18px;} .asiarug-single-summary::before { inset: 8px; border-radius: 13px;} .asiarug-product-thumbnail { width: 62px; height: 62px;} .asiarug-zoom-button { width: 42px; height: 42px; left: 14%;} .asiarug-spec-grid > div { display: grid; gap: .15rem;} .asiarug-benefits { gap: .35rem;} .asiarug-benefits strong { font-size: .6rem;} .asiarug-benefits small { font-size: .52rem;} .asiarug-benefits span { width: 22px; height: 22px; font-size: .7rem;} .single-product.asiarug-artwork-product-page .woocommerce-tabs ul.tabs { flex-wrap: wrap;} } .single-product.asiarug-artwork-product-page div.product > .summary.entry-summary { width: auto; float: none; margin: clamp(2rem, 7vw, 7rem) 0 0;} .single-product.asiarug-artwork-product-page div.product > .summary.entry-summary::before, .single-product.asiarug-artwork-product-page div.product > .summary.entry-summary::after { display: none;} .single-product.asiarug-artwork-product-page div.product > .summary.entry-summary > .asiarug-single-summary { margin-top: 0;} @media (max-width: 900px) { .single-product.asiarug-artwork-product-page div.product > .summary.entry-summary { margin-top: 0;} } /* Compact above-the-fold product layout */ @media (min-width: 901px) { .single-product.asiarug-artwork-product-page .site-main--shop { padding-top: 112px;} .single-product.asiarug-artwork-product-page div.product { grid-template-columns: minmax(0, 1fr) minmax(390px, .72fr); gap: clamp(2rem, 4vw, 4.6rem); padding-top: .25rem; padding-bottom: 1.8rem;} .single-product.asiarug-artwork-product-page .asiarug-single-gallery { padding-top: 0;} .single-product.asiarug-artwork-product-page .asiarug-artwork-frame { width: min(100%, 500px);} .single-product.asiarug-artwork-product-page div.product > .summary.entry-summary { margin-top: .25rem;} .single-product.asiarug-artwork-product-page .asiarug-single-summary { padding: 1.55rem 2rem;} .single-product.asiarug-artwork-product-page .product_title { font-size: clamp(1.4rem, 2.05vw, 2.15rem); line-height: 1.38;} .single-product.asiarug-artwork-product-page .asiarug-breadcrumbs { margin-bottom: .7rem;} .single-product.asiarug-artwork-product-page .asiarug-collection-label { margin-bottom: .4rem;} .single-product.asiarug-artwork-product-page .asiarug-product-excerpt { margin: .35rem 0 .2rem; font-size: .8rem;} .single-product.asiarug-artwork-product-page .asiarug-single-summary .price { margin: .05rem 0 .85rem; font-size: 1.35rem;} .single-product.asiarug-artwork-product-page .asiarug-spec-grid { margin: .75rem 0 .95rem;} .single-product.asiarug-artwork-product-page .asiarug-spec-grid > div { padding: .5rem .75rem;} .single-product.asiarug-artwork-product-page .asiarug-benefits { margin-top: .85rem; padding-top: .75rem;} .single-product.asiarug-artwork-product-page .asiarug-product-thumbnails { margin-top: .75rem;} .single-product.asiarug-artwork-product-page .asiarug-product-thumbnail { width: 64px; height: 64px;} .single-product.asiarug-artwork-product-page .asiarug-gallery-note { font-size: .68rem;} } /* Centered balanced columns: equal outer margins and a smaller artwork */ @media (min-width: 901px) { .single-product.asiarug-artwork-product-page .woocommerce-wrap { width: min(calc(100% - 3rem), 1360px);} .single-product.asiarug-artwork-product-page div.product { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); max-width: 1320px; margin-inline: auto; gap: clamp(2rem, 4vw, 4.5rem);} .single-product.asiarug-artwork-product-page .asiarug-single-gallery { justify-self: center; width: min(100%, 540px);} .single-product.asiarug-artwork-product-page .asiarug-artwork-frame { width: min(100%, 430px);} .single-product.asiarug-artwork-product-page div.product > .summary.entry-summary { justify-self: center; width: min(100%, 600px);} .single-product.asiarug-artwork-product-page .asiarug-single-summary { width: 100%;} } /* Product purchase flow: clear, linear and mobile-first. */ .single-product.asiarug-artwork-product-page .asiarug-purchase-box { display: block; margin-top: 1.15rem;} .single-product.asiarug-artwork-product-page .carpet-pricing-system { position: relative; display: block; width: 100%; margin: 0; padding: 0; border: 1px solid rgba(31, 73, 62, .16); border-radius: 18px; background: #fffdf8; box-shadow: 0 12px 30px rgba(42, 58, 48, .08); overflow: hidden; direction: rtl;} .single-product.asiarug-artwork-product-page .carpet-pricing-system .pricing-header { margin: 0; padding: 1rem 1.15rem; background: linear-gradient(135deg, #173f35, #2b6b59); color: #fff;} .single-product.asiarug-artwork-product-page .carpet-pricing-system .pricing-header h4 { margin: 0; font-size: 1rem; font-weight: 850;} .single-product.asiarug-artwork-product-page .carpet-pricing-system .pricing-header h4::before { content: "۱"; display: inline-grid; place-items: center; width: 25px; height: 25px; margin-inline-end: .5rem; border-radius: 50%; background: #d8b567; color: #173f35; font-size: .78rem;} .single-product.asiarug-artwork-product-page .carpet-pricing-system .pricing-content { display: block; padding: 1rem;} .single-product.asiarug-artwork-product-page .carpet-pricing-system .form-row { margin: 0 0 .9rem; padding: .85rem; border: 1px solid rgba(183, 145, 73, .23); border-radius: 12px; background: #fff;} .single-product.asiarug-artwork-product-page .carpet-pricing-system .form-row label { display: block; margin-bottom: .45rem; color: #315b4c; font-size: .82rem; font-weight: 800;} .single-product.asiarug-artwork-product-page .carpet-pricing-system .form-select { width: 100%; min-height: 45px; padding: .65rem .8rem; border: 1px solid #d8d0bd; border-radius: 9px; background: #fffdf8; color: #263d35; font: inherit; font-size: .9rem;} .single-product.asiarug-artwork-product-page .carpet-pricing-system #price-display { margin: .9rem 0; padding: .9rem; border: 1px solid rgba(193, 167, 103, .3); border-radius: 13px; background: #f7f4ea;} .single-product.asiarug-artwork-product-page .carpet-pricing-system #price-display::before { content: "۲ مشاهده قیمت و انتخاب روش پرداخت"; display: block; margin-bottom: .7rem; color: #315b4c; font-size: .88rem; font-weight: 850;} .single-product.asiarug-artwork-product-page .carpet-pricing-system .price-box { display: grid; gap: .45rem;} .single-product.asiarug-artwork-product-page .carpet-pricing-system .price-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .55rem .65rem; border-radius: 8px; background: #fff;} .single-product.asiarug-artwork-product-page .carpet-pricing-system .price-label { color: #68776f; font-size: .78rem;} .single-product.asiarug-artwork-product-page .carpet-pricing-system .price-value, .single-product.asiarug-artwork-product-page .carpet-pricing-system .plan-price { color: #245b4a; font-weight: 900;} .single-product.asiarug-artwork-product-page .carpet-pricing-system .installment-plans { margin-top: 1rem;} .single-product.asiarug-artwork-product-page .carpet-pricing-system .installment-plans > h4 { display: flex; align-items: center; gap: .45rem; margin: 0 0 .65rem; color: #315b4c; font-size: .92rem;} .single-product.asiarug-artwork-product-page .carpet-pricing-system .installment-plans > h4::before { content: "۳"; display: inline-grid; place-items: center; width: 23px; height: 23px; border-radius: 50%; background: #d8b567; color: #173f35; font-size: .72rem;} .single-product.asiarug-artwork-product-page .carpet-pricing-system .plan-item { margin: .55rem 0;} .single-product.asiarug-artwork-product-page .carpet-pricing-system .plan-option { display: block; cursor: pointer;} .single-product.asiarug-artwork-product-page .carpet-pricing-system .plan-option input { position: absolute; opacity: 0; pointer-events: none;} .single-product.asiarug-artwork-product-page .carpet-pricing-system .plan-content { padding: .75rem .8rem; border: 1px solid #ded8c9; border-radius: 11px; background: #fff; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;} .single-product.asiarug-artwork-product-page .carpet-pricing-system .plan-option:hover .plan-content, .single-product.asiarug-artwork-product-page .carpet-pricing-system .plan-option input:checked + .plan-content { border-color: #28765d; background: #f0f8f3; box-shadow: 0 0 0 3px rgba(40, 118, 93, .1);} .single-product.asiarug-artwork-product-page .carpet-pricing-system .plan-header-info { display: flex; align-items: center; justify-content: space-between; gap: .75rem;} .single-product.asiarug-artwork-product-page .carpet-pricing-system .plan-header-info strong { color: #25483d; font-size: .82rem;} .single-product.asiarug-artwork-product-page .carpet-pricing-system .plan-content small { display: block; margin-top: .35rem; color: #7a877f; font-size: .7rem; line-height: 1.7;} .single-product.asiarug-artwork-product-page .carpet-pricing-system .prepay-details, .single-product.asiarug-artwork-product-page .carpet-pricing-system .installment-amount { display: flex; flex-wrap: wrap; gap: .35rem .8rem; margin-top: .45rem; color: #557568; font-size: .7rem;} .single-product.asiarug-artwork-product-page .carpet-pricing-system .submit-row { margin-top: 1rem;} .single-product.asiarug-artwork-product-page .carpet-pricing-system .submit-row .add-btn { width: 100%; min-height: 48px; border: 0; border-radius: 11px; background: linear-gradient(135deg, #28765d, #174c3d); box-shadow: 0 8px 18px rgba(23, 76, 61, .18); color: #fff; font: inherit; font-weight: 850; cursor: pointer;} .single-product.asiarug-artwork-product-page .motahedeasia-purchase-guide-button-final { display: block; width: 100%; min-height: 42px; margin: .75rem 0 0; padding: .65rem 1rem; border: 1px solid rgba(111, 72, 170, .25); border-radius: 10px; background: #f4effb; box-shadow: none; color: #68449d; font-size: .78rem;} .single-product.asiarug-artwork-product-page .motahedeasia-purchase-guide-button-final:hover { background: #ece2fa; color: #4f3180; transform: none;} @media (max-width: 600px) { .single-product.asiarug-artwork-product-page .carpet-pricing-system .pricing-content { padding: .75rem;} .single-product.asiarug-artwork-product-page .carpet-pricing-system .plan-header-info { align-items: flex-start; flex-direction: column; gap: .25rem;} .asiarug-wishlist-action .asiarug-single-wishlist { flex-basis: 42px; width: 42px; height: 42px;} } /* Visible archive product pricing. */ .catalog-product-price { display:grid; gap:.22rem; margin-top:.55rem; color:#245b4a; font-size:.78rem; font-weight:850;} .catalog-product-price .catalog-price-line { display:block;} .catalog-product-price .catalog-price-line small { color:#7c8a82; font-size:.66rem; font-weight:700;} .catalog-product-price .catalog-price-line--installment { color:#9b7839;} .catalog-product-price .woocommerce-Price-amount { color:inherit; font-weight:900;} /* Final single-product responsive safeguards. */ @media (max-width: 900px) { body.single-product.asiarug-artwork-product-page { overflow-x: hidden;} .single-product.asiarug-artwork-product-page .woocommerce-wrap { width: min(calc(100% - 1.25rem), 720px);} .single-product.asiarug-artwork-product-page div.product, .single-product.asiarug-artwork-product-page div.product > .summary.entry-summary { display: block; width: 100%; max-width: 100%; margin-inline: auto;} .single-product.asiarug-artwork-product-page .asiarug-single-gallery { width: 100%; padding-top: 0;} .single-product.asiarug-artwork-product-page .asiarug-artwork-frame { width: min(100%, 500px); margin-inline: auto;} .single-product.asiarug-artwork-product-page .asiarug-single-summary { width: 100%; margin-top: 1rem;} .single-product.asiarug-artwork-product-page .asiarug-purchase-box form.cart { min-width: 0; flex-wrap: wrap;} .single-product.asiarug-artwork-product-page .asiarug-purchase-box form.cart .single_add_to_cart_button { min-width: 0;} } @media (max-width: 560px) { .single-product.asiarug-artwork-product-page .woocommerce-wrap { width: calc(100% - 1rem);} .single-product.asiarug-artwork-product-page .site-main--shop { padding-top: 76px;} .single-product.asiarug-artwork-product-page .asiarug-single-summary { padding: 1.05rem .8rem; border-radius: 16px;} .single-product.asiarug-artwork-product-page .asiarug-single-summary::before { inset: 6px; border-radius: 11px;} .single-product.asiarug-artwork-product-page .product_title { font-size: clamp(1.25rem, 6.2vw, 1.85rem); line-height: 1.45; overflow-wrap: anywhere;} .single-product.asiarug-artwork-product-page .asiarug-breadcrumbs { gap: .25rem; margin-bottom: .7rem; font-size: .65rem;} .single-product.asiarug-artwork-product-page .asiarug-spec-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-block: .8rem 1rem;} .single-product.asiarug-artwork-product-page .asiarug-spec-grid > div { min-width: 0; padding: .52rem .55rem; font-size: .68rem;} .single-product.asiarug-artwork-product-page .asiarug-purchase-box { gap: .45rem;} .single-product.asiarug-artwork-product-page .asiarug-purchase-box form.cart { gap: .4rem;} .single-product.asiarug-artwork-product-page .asiarug-purchase-box .quantity { flex: 0 0 58px; min-width: 58px;} .single-product.asiarug-artwork-product-page .asiarug-purchase-box .single_add_to_cart_button { min-height: 44px; padding-inline: .55rem; font-size: .78rem;} .single-product.asiarug-artwork-product-page .asiarug-wishlist-button { flex-basis: 42px; width: 42px; height: 42px; font-size: 1.35rem;} .single-product.asiarug-artwork-product-page .asiarug-benefits { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .2rem;} .single-product.asiarug-artwork-product-page .asiarug-product-thumbnails { gap: .45rem; overflow-x: auto; justify-content: flex-start; padding-bottom: .25rem;} .single-product.asiarug-artwork-product-page .asiarug-product-thumbnail { flex: 0 0 58px; width: 58px; height: 58px;} .single-product.asiarug-artwork-product-page .woocommerce-tabs ul.tabs { gap: .3rem; overflow-x: auto; flex-wrap: nowrap; padding-bottom: .25rem;} .single-product.asiarug-artwork-product-page .woocommerce-tabs ul.tabs li { flex: 0 0 auto; padding: .48rem .75rem; font-size: .75rem;} .single-product.asiarug-artwork-product-page .woocommerce-tabs .panel { padding: 1rem; overflow-wrap: anywhere;} } /* Purchase pages use the same Persian face and design tokens as the theme. */ body.woocommerce-cart, body.woocommerce-checkout, body.woocommerce-cart input, body.woocommerce-cart button, body.woocommerce-cart select, body.woocommerce-cart textarea, body.woocommerce-checkout input, body.woocommerce-checkout button, body.woocommerce-checkout select, body.woocommerce-checkout textarea, body.woocommerce-checkout .custom-checkout-page { font-family: var(--font-body) !important;} body.woocommerce-cart, body.woocommerce-checkout { background: var(--color-paper); color: var(--color-text);} /* Product tabs / abaad presentation. */ .single-product.asiarug-artwork-product-page .woocommerce-tabs.wc-tabs-wrapper {position:relative;width:min(100%,1180px);margin:2.5rem auto 0;padding:1.2rem;border:1px solid rgba(183,145,73,.32);border-radius:24px;background:linear-gradient(145deg,rgba(255,253,247,.98),rgba(247,242,229,.88));box-shadow:0 18px 48px rgba(27,57,48,.1),inset 0 1px 0 #fff;overflow:hidden} .single-product.asiarug-artwork-product-page .woocommerce-tabs.wc-tabs-wrapper::before {position:absolute;top:0;right:0;left:0;height:4px;background:linear-gradient(90deg,var(--color-jade-deep),var(--color-gold),var(--color-jade));content:""} .single-product.asiarug-artwork-product-page .woocommerce-tabs ul.tabs.wc-tabs {display:flex;align-items:stretch;justify-content:flex-start;gap:.55rem;margin:0 0 1rem;padding:.25rem;border-bottom:1px solid rgba(183,145,73,.22);background:transparent} .single-product.asiarug-artwork-product-page .woocommerce-tabs ul.tabs.wc-tabs li {position:relative;display:inline-flex;align-items:center;margin:0;padding:.75rem 1.05rem;border:1px solid transparent;border-radius:12px 12px 5px 5px;background:#f4eee0;color:#61776b;font-size:.83rem;font-weight:800;line-height:1.4;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease} .single-product.asiarug-artwork-product-page .woocommerce-tabs ul.tabs.wc-tabs li::before {display:none} .single-product.asiarug-artwork-product-page .woocommerce-tabs ul.tabs.wc-tabs li a {color:inherit;text-decoration:none!important} .single-product.asiarug-artwork-product-page .woocommerce-tabs ul.tabs.wc-tabs li a::before {margin-inline-end:.4rem;color:#b08a43;font-size:1rem} .single-product.asiarug-artwork-product-page .woocommerce-tabs ul.tabs.wc-tabs li.description_tab a::before {content:"▤"} .single-product.asiarug-artwork-product-page .woocommerce-tabs ul.tabs.wc-tabs li.additional_information_tab a::before {content:"⌘"} .single-product.asiarug-artwork-product-page .woocommerce-tabs ul.tabs.wc-tabs li.reviews_tab a::before {content:"★"} .single-product.asiarug-artwork-product-page .woocommerce-tabs ul.tabs.wc-tabs li.abaad_tab a::before {content:"▦"} .single-product.asiarug-artwork-product-page .woocommerce-tabs ul.tabs.wc-tabs li.active, .single-product.asiarug-artwork-product-page .woocommerce-tabs ul.tabs.wc-tabs li:hover {border-color:rgba(183,145,73,.5);background:var(--color-jade);color:#fff6d9;transform:translateY(-2px)} .single-product.asiarug-artwork-product-page .woocommerce-tabs .woocommerce-Tabs-panel.wc-tab {margin:0;padding:clamp(1rem,2.5vw,2rem);border:1px solid rgba(183,145,73,.2);border-radius:16px;background:rgba(255,255,255,.62);color:#405d50;font-size:.9rem;line-height:2.05} .single-product.asiarug-artwork-product-page .woocommerce-tabs .woocommerce-Tabs-panel h2, .single-product.asiarug-artwork-product-page .woocommerce-tabs .woocommerce-Tabs-panel h3, .single-product.asiarug-artwork-product-page .woocommerce-tabs .woocommerce-Tabs-panel h4 {margin:0 0 1rem;padding-bottom:.65rem;border-bottom:1px solid rgba(183,145,73,.24);color:var(--color-jade);font-size:clamp(1rem,1.8vw,1.3rem);font-weight:850} .single-product.asiarug-artwork-product-page .woocommerce-tabs .woocommerce-Tabs-panel p {margin:.6rem 0} .single-product.asiarug-artwork-product-page .woocommerce-tabs .woocommerce-Tabs-panel a, .single-product.asiarug-artwork-product-page .woocommerce-tabs .woocommerce-Tabs-panel a:hover {color:#08756a;text-decoration:none!important;font-weight:750} .single-product.asiarug-artwork-product-page .woocommerce-tabs .woocommerce-Tabs-panel table {width:100%;margin:1rem 0;border:1px solid rgba(183,145,73,.3);border-collapse:separate;border-spacing:0;border-radius:13px;background:#fffdf8;overflow:hidden} .single-product.asiarug-artwork-product-page .woocommerce-tabs .woocommerce-Tabs-panel th, .single-product.asiarug-artwork-product-page .woocommerce-tabs .woocommerce-Tabs-panel td {padding:.75rem .9rem;border:0;border-bottom:1px solid rgba(183,145,73,.16);text-align:right;vertical-align:middle} .single-product.asiarug-artwork-product-page .woocommerce-tabs .woocommerce-Tabs-panel tr:last-child th, .single-product.asiarug-artwork-product-page .woocommerce-tabs .woocommerce-Tabs-panel tr:last-child td {border-bottom:0} .single-product.asiarug-artwork-product-page .woocommerce-tabs .woocommerce-Tabs-panel th {width:32%;background:#f4eee0;color:#315c4e;font-weight:850} .single-product.asiarug-artwork-product-page .woocommerce-tabs .woocommerce-Tabs-panel tr:nth-child(even) td {background:#fcfaf4} .single-product.asiarug-artwork-product-page .woocommerce-tabs .woocommerce-Tabs-panel img {display:block;max-width:100%;height:auto;margin:1rem auto;border:1px solid rgba(183,145,73,.34);border-radius:14px;box-shadow:0 10px 24px rgba(27,57,48,.12)} .single-product.asiarug-artwork-product-page .woocommerce-tabs .woocommerce-Tabs-panel figure {margin:1.25rem 0;text-align:center} .single-product.asiarug-artwork-product-page .woocommerce-tabs .woocommerce-Tabs-panel figcaption {color:#78877c;font-size:.78rem} /* No underlines anywhere in the public theme. */ a, a:hover, a:focus, a:active, .entry-content a, .catalog-active-filters a {text-decoration:none!important} @media (max-width:600px) {.single-product.asiarug-artwork-product-page .woocommerce-tabs.wc-tabs-wrapper {margin-top:1.5rem;padding:.7rem;border-radius:18px} .single-product.asiarug-artwork-product-page .woocommerce-tabs ul.tabs.wc-tabs {gap:.3rem;overflow-x:auto;justify-content:flex-start} .single-product.asiarug-artwork-product-page .woocommerce-tabs ul.tabs.wc-tabs li {flex:0 0 auto;padding:.6rem .75rem;font-size:.72rem} .single-product.asiarug-artwork-product-page .woocommerce-tabs .woocommerce-Tabs-panel.wc-tab {padding:1rem .75rem;font-size:.8rem;line-height:1.9} .single-product.asiarug-artwork-product-page .woocommerce-tabs .woocommerce-Tabs-panel th, .single-product.asiarug-artwork-product-page .woocommerce-tabs .woocommerce-Tabs-panel td {padding:.55rem .5rem;font-size:.72rem} .single-product.asiarug-artwork-product-page .woocommerce-tabs .woocommerce-Tabs-panel th {width:38%} } /* Related products carousel on single-product pages. */ .single-product.asiarug-artwork-product-page .related.products {position:relative;clear:both;margin:2.6rem auto 0;padding:1.15rem 3.3rem 1.35rem;border:1px solid rgba(183,145,73,.34);border-radius:24px;background:linear-gradient(145deg,rgba(255,253,247,.98),rgba(247,242,229,.88));box-shadow:0 18px 44px rgba(27,57,48,.1),inset 0 1px 0 #fff;overflow:hidden} .single-product.asiarug-artwork-product-page .related.products::before {position:absolute;top:0;right:0;left:0;height:4px;background:linear-gradient(90deg,var(--color-jade-deep),var(--color-gold),var(--color-jade));content:""} .single-product.asiarug-artwork-product-page .related.products>h2 {margin:0 0 1.15rem;padding-bottom:.75rem;border-bottom:1px solid rgba(183,145,73,.25);color:var(--color-jade);font-size:clamp(1.1rem,2vw,1.5rem);font-weight:850;text-align:right} .single-product.asiarug-artwork-product-page .related.products>h2::before {margin-inline-end:.5rem;color:#b08a43;content:"✦";font-size:1rem} .single-product.asiarug-artwork-product-page .related.products ul.products {display:flex!important;flex-wrap:nowrap!important;gap:1rem;margin:0!important;padding:.25rem .1rem 1rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-color:rgba(183,145,73,.72) rgba(6,59,55,.08);scrollbar-width:thin;direction:rtl} .single-product.asiarug-artwork-product-page .related.products ul.products::before, .single-product.asiarug-artwork-product-page .related.products ul.products::after {display:none!important} .single-product.asiarug-artwork-product-page .related.products ul.products::-webkit-scrollbar {height:7px} .single-product.asiarug-artwork-product-page .related.products ul.products::-webkit-scrollbar-track {border-radius:999px;background:rgba(6,59,55,.08)} .single-product.asiarug-artwork-product-page .related.products ul.products::-webkit-scrollbar-thumb {border-radius:999px;background:linear-gradient(90deg,var(--color-jade),var(--color-gold))} .single-product.asiarug-artwork-product-page .related.products ul.products li.product {position:relative;display:flex;flex:0 0 calc((100% - 3rem)/4);flex-direction:column;float:none;width:auto!important;min-width:0;margin:0!important;padding:.65rem .65rem .8rem;border:1px solid rgba(183,145,73,.52);border-radius:18px;background:linear-gradient(160deg,#104b45,#092f37);box-shadow:0 8px 20px rgba(27,57,48,.16);scroll-snap-align:start;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease} .single-product.asiarug-artwork-product-page .related.products ul.products li.product:hover {border-color:rgba(183,145,73,.8);box-shadow:0 14px 28px rgba(27,57,48,.14);transform:translateY(-4px)} .single-product.asiarug-artwork-product-page .related.products ul.products li.product a.woocommerce-LoopProduct-link {display:flex;flex:1;flex-direction:column;color:#fff;text-decoration:none!important} .single-product.asiarug-artwork-product-page .related.products ul.products li.product a img {width:100%;height:clamp(170px,18vw,245px);margin:0 0 .65rem!important;border:1px solid rgba(183,145,73,.3);border-radius:13px;object-fit:cover;box-shadow:0 5px 14px rgba(27,57,48,.1)} .single-product.asiarug-artwork-product-page .related.products ul.products li.product .woocommerce-loop-product__title {min-height:2.8em;margin:.05rem 0 .3rem;padding:0;color:#fff;font-size:.82rem;line-height:1.7;text-align:right} .single-product.asiarug-artwork-product-page .related.products ul.products li.product .price {display:block;margin-top:auto;color:#8b6a30;font-size:.82rem;font-weight:850;text-align:right} .single-product.asiarug-artwork-product-page .related.products ul.products li.product .star-rating {margin:.25rem 0;color:#b08a43;font-size:.72rem} .related-slider-control {position:absolute;z-index:3;top:55%;display:grid;width:42px;height:42px;place-items:center;padding:0;border:1px solid rgba(183,145,73,.65);border-radius:50%;background:var(--color-jade);box-shadow:0 6px 16px rgba(27,57,48,.2);color:#fff1c6;font-size:2rem;line-height:1;cursor:pointer;transform:translateY(-50%);transition:background .2s ease,transform .2s ease,box-shadow .2s ease} .related-slider-control:hover {background:var(--color-jade-deep);box-shadow:0 9px 20px rgba(27,57,48,.28);transform:translateY(-50%) scale(1.06)} .related-slider-control--prev {right:.65rem;left:auto} .related-slider-control--next {right:auto;left:.65rem} @media (max-width:900px) {.single-product.asiarug-artwork-product-page .related.products ul.products li.product {flex-basis:calc((100% - 2rem)/3)} .single-product.asiarug-artwork-product-page .related.products ul.products li.product a img {height:190px} } @media (max-width:600px) {.single-product.asiarug-artwork-product-page .related.products {margin-top:1.6rem;padding:1rem 2.5rem 1rem;border-radius:19px} .single-product.asiarug-artwork-product-page .related.products>h2 {font-size:1rem} .single-product.asiarug-artwork-product-page .related.products ul.products {gap:.7rem} .single-product.asiarug-artwork-product-page .related.products ul.products li.product {flex-basis:82%;padding:.55rem} .single-product.asiarug-artwork-product-page .related.products ul.products li.product a img {height:230px} .single-product.asiarug-artwork-product-page .related.products ul.products li.product .woocommerce-loop-product__title {font-size:.78rem} .related-slider-control {width:34px;height:34px;font-size:1.6rem} .related-slider-control--prev {right:.45rem;left:auto} .related-slider-control--next {right:auto;left:.45rem} } /* Center the related-products carousel in a contained panel with comfortable side gutters. */ .single-product.asiarug-artwork-product-page .related.products { box-sizing: border-box; position: relative; grid-column: 1 / -1; right: auto; left: auto; width: min(calc(100% - 2rem), 1280px); max-width: 1280px; margin: 3rem auto 0; padding: 1.25rem clamp(2.7rem, 4vw, 4rem) 1.5rem; border: 1px solid rgba(183,145,73,.34); border-radius: 24px; background: linear-gradient(145deg,rgba(255,253,247,.98),rgba(247,242,229,.88)); box-shadow: 0 18px 44px rgba(27,57,48,.1),inset 0 1px 0 #fff; transform: none; } .single-product.asiarug-artwork-product-page .related.products > h2 { width: 100%; margin: 0 0 1.15rem; padding-bottom: .75rem; border-bottom: 1px solid rgba(183,145,73,.25); text-align: right; } .single-product.asiarug-artwork-product-page .related.products > ul.products { width: 100%; max-width: 100%; margin-right: auto !important; margin-left: auto !important; } @media (max-width: 600px) { .single-product.asiarug-artwork-product-page .related.products { width: calc(100% - 1.25rem); margin-top: 2rem; padding: 1rem 2.25rem 1.15rem; border-radius: 19px; } } /* Persian-rug WooCommerce side cart */ .asiarug-cart-drawer[hidden] { display: none !important;} .asiarug-cart-drawer { position: fixed; inset: 0; z-index: 100000; direction: rtl; font-family: inherit; pointer-events: none;} .asiarug-cart-drawer.is-open { pointer-events: auto;} .asiarug-cart-drawer__scrim { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; border-radius: 0; background: rgba(7, 19, 34, .56); opacity: 0; cursor: pointer; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); transition: opacity .28s ease;} .asiarug-cart-drawer.is-open .asiarug-cart-drawer__scrim { opacity: 1;} .asiarug-cart-drawer__panel { position: absolute; inset-block: 0; right: 0; display: flex; flex-direction: column; width: min(460px, 94vw); height: 100vh; height: 100dvh; overflow: hidden; border-left: 1px solid rgba(197, 164, 101, .32); background: #fbfaf6; color: #172b3e; box-shadow: -24px 0 70px rgba(5, 17, 29, .28); transform: translateX(105%); transition: transform .34s cubic-bezier(.2,.75,.25,1);} .asiarug-cart-drawer.is-open .asiarug-cart-drawer__panel { transform: translateX(0);} .asiarug-cart-drawer__header { position: relative; display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 1rem; min-height: 142px; padding: 1.35rem 1.5rem 1.25rem; border: 0; border-bottom: 1px solid rgba(235, 218, 177, .25); border-radius: 0; background: linear-gradient(125deg, #0a1c3a 0%, #10394a 54%, #087766 100%); color: #fff;} .asiarug-cart-drawer__header::after { position: absolute; right: 1.5rem; bottom: 0; width: 74px; height: 2px; background: linear-gradient(90deg, #c6a66a, #e8d4a7); content: "";} .asiarug-cart-drawer__heading { min-width: 0;} .asiarug-cart-drawer__eyebrow { display: block; margin-bottom: .45rem; color: #d9c28f; font-size: .72rem; font-weight: 700; letter-spacing: .04em;} .asiarug-cart-drawer__header h2 { margin: 0; color: #fff; font-family: inherit; font-size: 1.45rem; font-weight: 800; line-height: 1.4;} .asiarug-cart-drawer__header p { margin: .3rem 0 0; color: rgba(255,255,255,.72); font-size: .82rem;} .asiarug-cart-drawer__close { display: grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; padding: 0; border: 1px solid rgba(255,255,255,.28); border-radius: 14px; background: rgba(255,255,255,.08); color: #fff; cursor: pointer; transition: background .2s ease, transform .2s ease;} .asiarug-cart-drawer__close:hover { transform: rotate(4deg); background: rgba(255,255,255,.17);} .asiarug-cart-drawer__body { display: flex; flex: 1 1 auto; min-height: 0; flex-direction: column; padding: 0;} .asiarug-cart-drawer .widget_shopping_cart_content { display: flex; flex: 1 1 auto; min-height: 0; flex-direction: column;} .asiarug-cart-drawer ul.woocommerce-mini-cart { display: flex; flex: 1 1 auto; min-height: 0; flex-direction: column; gap: .8rem; overflow-x: hidden; overflow-y: auto; margin: 0; padding: 1rem 1.15rem; list-style: none; scrollbar-color: #a6b8ae transparent; scrollbar-width: thin;} .asiarug-cart-drawer li.woocommerce-mini-cart-item { position: relative; display: grid; grid-template-columns: 74px minmax(0,1fr) 28px; align-items: center; gap: .8rem; min-height: 112px; margin: 0; padding: .75rem; border: 1px solid #e9e6dc; border-radius: 18px; background: #fff; box-shadow: 0 5px 18px rgba(20, 42, 52, .045);} .asiarug-cart-drawer .dina-mini-cart-img { display: block; width: 74px; height: 82px; overflow: hidden; border-radius: 12px; background: #f1eee5;} .asiarug-cart-drawer .dina-mini-cart-img img { display: block; width: 100%; height: 100%; object-fit: cover;} .asiarug-cart-drawer .dina-cart-info { min-width: 0; padding: 0; color: #66716f; font-size: .8rem; line-height: 1.7;} .asiarug-cart-drawer .dina-mini-cart-item-title { display: block; margin-bottom: .25rem; color: #172b3e; font-size: .87rem; font-weight: 750; line-height: 1.65;} .asiarug-cart-drawer .dina-mini-cart-item-title a { color: inherit; text-decoration: none;} .asiarug-cart-drawer .dina-mini-cart-item-title a:hover { color: #087766;} .asiarug-cart-drawer .mini-cart-installment-info { margin: .25rem 0; padding: .3rem 0; border-top: 1px solid #eeece5;} .asiarug-cart-drawer .mini-cart-installment-info small { color: #68766f !important; font-size: .68rem; line-height: 1.5;} .asiarug-cart-drawer .woocommerce-mini-cart-item .quantity { display: block; margin-top: .2rem; color: #0d6658; font-size: .8rem; font-weight: 750;} .asiarug-cart-drawer .woocommerce-mini-cart-item .quantity .dina-quantity-count { color: #69756f; font-weight: 500;} .asiarug-cart-drawer .woocommerce-mini-cart-item .quantity input.qty { width: 54px; min-height: 28px; padding: .15rem .3rem; border: 1px solid #dfe4df; border-radius: 8px; background: #fbfcfa; color: #18364a; font-size: .78rem;} .asiarug-cart-drawer a.remove_from_cart_button, .asiarug-cart-drawer a.remove { position: static; display: grid; grid-column: 3; grid-row: 1; width: 28px; height: 28px; place-items: center; margin: 0; border: 1px solid #f0d9d4; border-radius: 50%; background: #fff8f6; color: #a94e45 !important; font-size: 1.1rem; line-height: 1; text-decoration: none;} .asiarug-cart-drawer a.remove_from_cart_button:hover, .asiarug-cart-drawer a.remove:hover { border-color: #bd675d; background: #bd675d; color: #fff !important;} .asiarug-cart-drawer .woocommerce-mini-cart__empty-message { display: grid; flex: 1; min-height: 220px; place-content: center; margin: 0; padding: 2rem; color: #6c7774; font-size: .96rem; text-align: center;} .asiarug-cart-drawer .woocommerce-mini-cart__empty-message::before { display: grid; width: 58px; height: 58px; place-items: center; margin: 0 auto 1rem; border: 1px solid #dce7df; border-radius: 20px; background: linear-gradient(145deg, #eff6f1, #fff); color: #087766; content: "◇"; font-size: 1.8rem;} .asiarug-cart-drawer p.woocommerce-mini-cart__total { display: flex; flex: 0 0 auto; justify-content: space-between; margin: 0; padding: 1rem 1.45rem .75rem; border-top: 1px solid #e8e5da; color: #172b3e; font-size: .94rem; font-weight: 750;} .asiarug-cart-drawer p.woocommerce-mini-cart__buttons { display: grid; flex: 0 0 auto; gap: .65rem; margin: 0; padding: .8rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom)); background: linear-gradient(180deg, rgba(251,250,246,0), #fbfaf6 18%);} .asiarug-cart-drawer p.woocommerce-mini-cart__buttons .button { display: flex; min-height: 48px; align-items: center; justify-content: center; margin: 0; padding: .75rem 1rem; border: 1px solid #0b3448; border-radius: 13px; background: linear-gradient(110deg, #0b1e3b, #087766); color: #fff !important; font-size: .88rem; font-weight: 750; text-align: center; text-decoration: none; box-shadow: 0 8px 18px rgba(8, 73, 71, .16); transition: transform .2s ease, filter .2s ease;} .asiarug-cart-drawer p.woocommerce-mini-cart__buttons .button:hover { transform: translateY(-1px); filter: brightness(1.08);} .asiarug-cart-drawer p.woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout) { border-color: #d9e2da; background: #fff; color: #17384a !important; box-shadow: none;} .asiarug-cart-drawer p.woocommerce-mini-cart__buttons .button.checkout { border-color: #0a6558;} .asiarug-cart-drawer .widget_shopping_cart_content > style { display: none;} .asiarug-cart-drawer-open { overscroll-behavior: none;} @media (max-width: 520px) { .asiarug-cart-drawer__panel { width: min(430px, 100vw);} .asiarug-cart-drawer__header { min-height: 126px; padding: 1.15rem 1.1rem;} .asiarug-cart-drawer ul.woocommerce-mini-cart { padding: .8rem .75rem;} .asiarug-cart-drawer li.woocommerce-mini-cart-item { grid-template-columns: 64px minmax(0,1fr) 26px; gap: .6rem; min-height: 100px; padding: .65rem;} .asiarug-cart-drawer .dina-mini-cart-img { width: 64px; height: 72px;} .asiarug-cart-drawer .dina-mini-cart-item-title { font-size: .8rem;} .asiarug-cart-drawer p.woocommerce-mini-cart__total { padding-inline: 1rem;} .asiarug-cart-drawer p.woocommerce-mini-cart__buttons { padding-inline: .85rem;} } @media (prefers-reduced-motion: reduce) { .asiarug-cart-drawer__scrim, .asiarug-cart-drawer__panel, .asiarug-cart-drawer__close { transition-duration: .01ms;} } /* Tight, predictable product rows inside the side cart */ .asiarug-cart-drawer ul.woocommerce-mini-cart > li.woocommerce-mini-cart-item { display: grid !important; float: none !important; clear: both; width: 100%; box-sizing: border-box; grid-template-columns: 68px minmax(0, 1fr) 26px; align-items: start; gap: .65rem; min-height: 0; margin: 0; padding: .7rem; border: 1px solid #e9e6dc; border-radius: 16px; background: #fff;} .asiarug-cart-drawer .dina-mini-cart-img { grid-column: 1; grid-row: 1; width: 68px; height: 74px; margin: 0; border-radius: 10px;} .asiarug-cart-drawer .dina-cart-info { grid-column: 2; grid-row: 1; width: auto; max-width: 100%; min-width: 0; margin: 0; padding: 0 !important; float: none; text-align: right; overflow-wrap: anywhere; font-size: .76rem; line-height: 1.55;} .asiarug-cart-drawer .dina-mini-cart-item-title { display: -webkit-box; max-width: 100%; margin: 0 0 .22rem; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: .82rem; line-height: 1.55;} .asiarug-cart-drawer .dina-cart-info > div.quantity { display: none !important;} .asiarug-cart-drawer .dina-cart-info dl.variation, .asiarug-cart-drawer .dina-cart-info dl.woocommerce-mini-cart-item__meta { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: .12rem .35rem; margin: .25rem 0; font-size: .68rem; line-height: 1.45;} .asiarug-cart-drawer .dina-cart-info dl.variation dt, .asiarug-cart-drawer .dina-cart-info dl.woocommerce-mini-cart-item__meta dt { margin: 0; color: #66756f; font-weight: 600;} .asiarug-cart-drawer .dina-cart-info dl.variation dd, .asiarug-cart-drawer .dina-cart-info dl.woocommerce-mini-cart-item__meta dd { min-width: 0; margin: 0; color: #52635e; overflow-wrap: anywhere;} .asiarug-cart-drawer .mini-cart-installment-info { margin: .2rem 0; padding: .25rem 0;} .asiarug-cart-drawer .mini-cart-installment-info small { font-size: .66rem; line-height: 1.4;} .asiarug-cart-drawer a.remove_from_cart_button, .asiarug-cart-drawer a.remove { grid-column: 3; grid-row: 1; align-self: start; justify-self: center;} @media (max-width: 520px) { .asiarug-cart-drawer ul.woocommerce-mini-cart > li.woocommerce-mini-cart-item { grid-template-columns: 60px minmax(0, 1fr) 25px; gap: .55rem; padding: .6rem;} .asiarug-cart-drawer .dina-mini-cart-img { width: 60px; height: 68px;} } /* Dedicated mini-cart item markup */ .asiarug-cart-drawer ul.woocommerce-mini-cart > li.asiarug-mini-cart-item { grid-template-columns: 72px minmax(0, 1fr) 26px; align-items: start; gap: .7rem; min-height: 0; padding: .75rem;} .asiarug-cart-drawer .asiarug-mini-cart-item__media { grid-column: 1; grid-row: 1; width: 72px; height: 82px; overflow: hidden; border: 1px solid #ece9df; border-radius: 11px; background: #f6f4ee;} .asiarug-cart-drawer .asiarug-mini-cart-item__media a { display: block; width: 100%; height: 100%;} .asiarug-cart-drawer .asiarug-mini-cart-item__media img { display: block; width: 100% !important; height: 100% !important; max-width: none; padding: 3px; box-sizing: border-box; object-fit: contain; object-position: center;} .asiarug-cart-drawer .asiarug-mini-cart-item__info { grid-column: 2; grid-row: 1; min-width: 0; margin: 0; padding: 0; text-align: right;} .asiarug-cart-drawer .asiarug-mini-cart-item__title { display: -webkit-box; max-width: 100%; margin: 0 0 .45rem; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #172b3e; font-size: .84rem; font-weight: 800; line-height: 1.55; text-decoration: none;} .asiarug-cart-drawer a.asiarug-mini-cart-item__title:hover { color: #087766;} .asiarug-cart-drawer .asiarug-mini-cart-item__plan { display: flex; flex-direction: column; gap: .08rem; margin: 0 0 .35rem; padding: .35rem .5rem; border-right: 2px solid #0c806c; border-radius: 7px 0 0 7px; background: #f0f6f1; color: #225044; line-height: 1.45;} .asiarug-cart-drawer .asiarug-mini-cart-item__plan-label { color: #75877e; font-size: .62rem; font-weight: 600;} .asiarug-cart-drawer .asiarug-mini-cart-item__plan strong { color: #155d4f; font-size: .7rem; font-weight: 750;} .asiarug-cart-drawer .asiarug-mini-cart-item__specs { display: flex; flex-wrap: wrap; gap: .25rem; margin: .25rem 0 .35rem;} .asiarug-cart-drawer .asiarug-mini-cart-item__specs span { padding: .12rem .38rem; border: 1px solid #e5e9e1; border-radius: 99px; background: #fbfcf9; color: #62736b; font-size: .62rem; line-height: 1.4;} .asiarug-cart-drawer .asiarug-mini-cart-item__amount { margin-top: .35rem; padding: .4rem .5rem; border: 1px solid #e5eee7; border-radius: 9px; background: linear-gradient(120deg, #f4f8f4, #fff); color: #60716a; font-size: .66rem; line-height: 1.5;} .asiarug-cart-drawer .asiarug-mini-cart-item__amount-label { display: block; margin-bottom: .12rem; color: #75877e; font-size: .6rem; font-weight: 650;} .asiarug-cart-drawer .asiarug-mini-cart-item__amount .quantity { display: block; margin: 0; color: #52645d; font-size: .67rem; font-weight: 600;} .asiarug-cart-drawer .asiarug-mini-cart-item__amount .quantity strong { color: #0b6959; font-size: .78rem; font-weight: 800;} .asiarug-cart-drawer .asiarug-mini-cart-item__amount .woocommerce-Price-amount { color: inherit; white-space: nowrap;} .asiarug-cart-drawer .asiarug-mini-cart-item__amount .woocommerce-Price-currencySymbol { font-size: .62rem;} .asiarug-cart-drawer .asiarug-mini-cart-item__count { color: #819089; font-size: .65rem; font-weight: 600;} .asiarug-cart-drawer .asiarug-mini-cart-item__info dl.variation { display: grid; grid-template-columns: max-content minmax(0,1fr); gap: .1rem .35rem; margin: .25rem 0; font-size: .66rem; line-height: 1.45;} .asiarug-cart-drawer .asiarug-mini-cart-item__info dl.variation dt { margin: 0; color: #708077;} .asiarug-cart-drawer .asiarug-mini-cart-item__info dl.variation dd { min-width: 0; margin: 0; color: #53645d; overflow-wrap: anywhere;} .asiarug-cart-drawer .woocommerce-mini-cart__buttons { display: grid; flex: 0 0 auto; gap: .65rem; margin: 0; padding: .8rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom)); background: linear-gradient(180deg, rgba(251,250,246,0), #fbfaf6 18%);} .asiarug-cart-drawer .woocommerce-mini-cart__buttons .button { display: flex; min-height: 48px; align-items: center; justify-content: center; margin: 0; padding: .75rem 1rem; border: 1px solid #0b3448; border-radius: 13px; background: linear-gradient(110deg, #0b1e3b, #087766) !important; color: #fff !important; font-size: .88rem; font-weight: 750; text-align: center; text-decoration: none; box-shadow: 0 8px 18px rgba(8, 73, 71, .16);} .asiarug-cart-drawer .woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout) { border-color: #d9e2da; background: #fff !important; color: #17384a !important; box-shadow: none;} .asiarug-cart-drawer .asiarug-cart-login-note { color: #718078; font-size: .7rem; line-height: 1.5; text-align: center;} @media (max-width: 520px) { .asiarug-cart-drawer ul.woocommerce-mini-cart > li.asiarug-mini-cart-item { grid-template-columns: 62px minmax(0,1fr) 24px; gap: .55rem; padding: .6rem;} .asiarug-cart-drawer .asiarug-mini-cart-item__media { width: 62px; height: 72px;} .asiarug-cart-drawer .asiarug-mini-cart-item__title { font-size: .79rem;} .asiarug-cart-drawer .asiarug-mini-cart-item__plan strong { font-size: .65rem;} } /* Homepage: live carpet color links with a shared Persian octagonal frame. */ /* Homepage color carousel: light, single-row, touch-friendly cards and icon controls. */ /* Premium visual pass for the homepage color carousel. */ /* Refined carousel navigation and custom progress rail. */ /* Premium footer redesign v2 — coordinated with the navy/jade site palette */ .site-footer{--ft-navy:#0b1b29;--ft-jade:#063b37;--ft-gold:#d6b87a;position:relative;isolation:isolate;overflow:hidden;margin-top:clamp(3rem,7vw,6rem);border-top:1px solid rgba(214,184,122,.42);background:linear-gradient(112deg,#0b1b29 0%,#092d32 48%,#063b37 100%);color:#f7f0df;box-shadow:0 -16px 50px rgba(11,27,41,.08)} .site-footer::before{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(112deg,rgba(11,27,41,.93),rgba(6,59,55,.91)),url("assets/images/footer-persian-pattern-1600.webp");background-size:cover, min(100%,1500px) auto;background-position:center,center 43%;background-repeat:no-repeat;content:"";pointer-events:none} .site-footer::after{position:absolute;top:0;right:8%;left:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(239,220,175,.65),rgba(25,183,164,.55),rgba(239,220,175,.65),transparent);content:"";pointer-events:none} .site-footer .footer-wave{display:none} .site-footer .footer-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(250px,1.5fr) repeat(4,minmax(125px,1fr));align-items:start;gap:2.4rem clamp(1.3rem,2.5vw,2.8rem);width:min(calc(100% - 4rem),1380px);min-height:0;margin-inline:auto;padding-block:clamp(3rem,5vw,4.7rem) 1.35rem} .site-footer .footer-inner--no-customer-links{grid-template-columns:minmax(250px,1.5fr) repeat(3,minmax(125px,1fr))} .site-footer .footer-column{min-width:0;text-align:right}.site-footer .footer-column h2{position:relative;margin:0 0 1.3rem;padding-bottom:.95rem;color:#efdcaf;font-size:.93rem;font-weight:800;letter-spacing:-.01em}.site-footer .footer-column h2::after{position:absolute;right:0;bottom:0;width:34px;height:2px;border-radius:3px;background:linear-gradient(90deg,#19b7a4,#d6b87a);content:""} .site-footer .footer-about{padding-inline-end:1.35rem;border-inline-end:1px solid rgba(239,220,175,.18)}.site-footer .footer-about strong{display:block;margin-bottom:.75rem;color:#fff;font-size:1.28rem;letter-spacing:-.02em}.site-footer .footer-about p{max-width:350px;margin:0;color:rgba(247,240,223,.72);font-size:.79rem;line-height:2.15} .site-footer .footer-column ul{display:grid;gap:.58rem;margin:0;padding:0;list-style:none;color:rgba(247,240,223,.75);font-size:.77rem}.site-footer .footer-column a{color:inherit;text-decoration:none;transition:color .2s ease,transform .2s ease}.site-footer .footer-column ul a{display:inline-flex;align-items:center;gap:.55rem}.site-footer .footer-column ul a::before{width:5px;height:5px;flex:0 0 5px;border:1px solid rgba(214,184,122,.78);border-radius:50%;content:"";transition:background .2s ease,box-shadow .2s ease}.site-footer .footer-column ul a:hover{color:#fff}.site-footer .footer-column ul a:hover::before{background:#19b7a4;box-shadow:0 0 0 3px rgba(25,183,164,.14)} .site-footer .footer-tracking{order:4}.site-footer .order-tracking{display:flex;max-width:270px;min-height:44px;margin:0 0 1rem;overflow:hidden;border:1px solid rgba(239,220,175,.28);border-radius:11px;background:rgba(4,20,31,.38);box-shadow:inset 0 1px rgba(255,255,255,.04);transition:border-color .2s ease,box-shadow .2s ease}.site-footer .order-tracking:focus-within{border-color:rgba(25,183,164,.7);box-shadow:0 0 0 3px rgba(25,183,164,.1)}.site-footer .order-tracking input{width:100%;min-width:0;padding:.55rem .7rem;border:0;outline:0;background:transparent;color:#fff;font-size:.73rem}.site-footer .order-tracking input::placeholder{color:rgba(247,240,223,.52)}.site-footer .order-tracking button{padding:.4rem .9rem;border:0;border-inline-start:1px solid rgba(11,27,41,.12);background:linear-gradient(135deg,#efdcaf,#d6b87a);color:#0b1b29;cursor:pointer;font-size:.72rem;font-weight:800;transition:filter .2s ease}.site-footer .order-tracking button:hover{filter:brightness(1.08)} .site-footer .footer-social{order:5;text-align:right}.site-footer .social-links{display:flex;align-items:center;justify-content:flex-start;gap:.55rem;margin:.25rem 0 .85rem;direction:ltr}.site-footer .social-links a{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(239,220,175,.25);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));color:#f7f0df;font-family:Arial,sans-serif;font-size:1rem;font-weight:700;box-shadow:inset 0 1px rgba(255,255,255,.07);transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.site-footer .social-links a:hover{transform:translateY(-3px);border-color:rgba(25,183,164,.72);background:rgba(25,183,164,.13);color:#fff}.site-footer .social-handle{margin:0;color:rgba(247,240,223,.58);direction:ltr;font-family:Arial,sans-serif;font-size:.73rem;text-align:right} .site-footer .copyright{grid-column:1/-1;margin:.5rem 0 0;padding:1.15rem 0 .15rem;border-top:1px solid rgba(239,220,175,.16);color:rgba(247,240,223,.55);font-size:.7rem;text-align:center} @media(max-width:1100px){.site-footer .footer-inner{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.6rem;width:min(calc(100% - 3rem),920px);padding-block:2.7rem 1.2rem}.site-footer .footer-about{grid-column:1/-1;padding:0 0 1.4rem;border-inline-end:0;border-bottom:1px solid rgba(239,220,175,.16)}.site-footer .footer-about p{max-width:700px}} @media(max-width:680px){.site-footer .footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8rem 1.15rem;width:calc(100% - 2rem);padding-block:2.3rem 1rem}.site-footer .footer-about{grid-column:1/-1;padding-bottom:1.25rem}.site-footer .footer-column h2{margin-bottom:.9rem;font-size:.85rem}.site-footer .footer-column ul{gap:.5rem;font-size:.73rem}.site-footer .social-links{flex-wrap:wrap;gap:.4rem}.site-footer .social-links a{width:36px;height:36px;border-radius:10px}.site-footer .copyright{margin-top:.4rem;padding-top:.9rem;line-height:1.9}} @media(max-width:360px){.site-footer .footer-inner{grid-template-columns:1fr}.site-footer .footer-about{grid-column:auto}} /* Rounded upper corners for the redesigned footer */ .site-footer{border-radius:32px 32px 0 0} @media(max-width:680px){.site-footer{border-radius:24px 24px 0 0}}