/*
Theme Name: Merilla Gallery
Theme URI: https://merilla.dmarshal.ir/
Author: Merilla Gallery
Description: A Persian, RTL-first WooCommerce theme for Merilla Gallery.
Version: 0.1.0
Text Domain: merilla-gallery
*/

:root { --ink:#1d1915; --muted:#766f66; --paper:#fbf8f2; --cream:#f2eadc; --gold:#b38a45; --gold-dark:#876327; --line:#e5ddd0; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Tahoma,"Vazirmatn",Arial,sans-serif; font-size:15px; line-height:1.8; direction:rtl; }
a { color:inherit; text-decoration:none; }
img { max-width:100%; height:auto; }
.merilla-shell { width:min(1180px,calc(100% - 40px)); margin:auto; }
.site-header { background:rgba(251,248,242,.95); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:20; backdrop-filter:blur(12px); }
.site-header__bar,.site-footer__top { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:82px; }
.brand { display:flex; align-items:center; gap:12px; font-weight:700; letter-spacing:-.4px; }
.brand__mark { display:grid; place-items:center; width:42px; height:42px; border:1px solid var(--gold); color:var(--gold-dark); border-radius:50%; font-family:Georgia,serif; font-size:25px; }
.brand__name { display:block; font-size:18px; }.brand__tagline { display:block; color:var(--muted); font-size:10px; letter-spacing:1.3px; direction:ltr; }
.primary-menu ul { display:flex; list-style:none; padding:0; margin:0; gap:26px; }.primary-menu a { font-size:14px; }.primary-menu a:hover { color:var(--gold-dark); }
.header-actions { display:flex; align-items:center; gap:15px; font-size:14px; }.cart-link { border:1px solid var(--line); border-radius:100px; padding:7px 14px; }.cart-link:hover { border-color:var(--gold); }
.hero { padding:78px 0 56px; background:radial-gradient(circle at 82% 25%,#e6cf9c 0,transparent 24%),linear-gradient(120deg,#211c16 0%,#3c3023 52%,#7c5d35 100%); color:#fff; overflow:hidden; }
.hero__grid { display:grid; grid-template-columns:1.15fr .85fr; gap:40px; align-items:center; min-height:390px; }.eyebrow { color:#e6c780; font-size:12px; letter-spacing:1.2px; }.hero h1 { font-family:Georgia,"Times New Roman",serif; font-size:clamp(38px,5vw,67px); line-height:1.2; margin:15px 0; font-weight:500; }.hero p { max-width:510px; color:#f1e8dc; }.button { display:inline-flex; align-items:center; justify-content:center; background:var(--gold); color:#fff; padding:12px 27px; border:none; border-radius:0; cursor:pointer; font:inherit; margin-top:14px; }.button:hover { background:var(--gold-dark); color:#fff; }
.hero__ornament { justify-self:end; width:min(330px,100%); aspect-ratio:1; border:1px solid rgba(235,204,142,.75); border-radius:50%; display:grid; place-items:center; position:relative; }.hero__ornament:before,.hero__ornament:after { content:""; position:absolute; border:1px solid rgba(235,204,142,.5); border-radius:50%; inset:10%; }.hero__ornament:after { inset:23%; }.hero__ornament span { font:110px Georgia,serif; color:#ebcc8e; }
.trust-bar { border-bottom:1px solid var(--line); background:var(--white); }.trust-list { display:grid; grid-template-columns:repeat(3,1fr); padding:17px 0; margin:0; list-style:none; text-align:center; font-size:13px; }.trust-list li+li { border-right:1px solid var(--line); }
.section { padding:75px 0; }.section--cream { background:var(--cream); }.section-head { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:28px; }.section-kicker { color:var(--gold-dark); font-size:12px; }.section h2 { font:32px Georgia,"Times New Roman",serif; margin:5px 0 0; }.text-link { color:var(--gold-dark); font-size:13px; border-bottom:1px solid; }
.category-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.category-card { background:var(--white); min-height:170px; padding:26px; display:flex; flex-direction:column; justify-content:end; border:1px solid transparent; transition:.2s; }.category-card:hover { border-color:var(--gold); transform:translateY(-3px); }.category-card__number { color:var(--gold); font:42px Georgia,serif; margin-bottom:auto; }.category-card h3 { margin:0; font-size:18px; }.category-card span { color:var(--muted); font-size:12px; }
.products { display:grid !important; grid-template-columns:repeat(4,1fr); gap:18px; margin:0 !important; padding:0 !important; }.products .product { width:auto !important; float:none !important; margin:0 !important; background:var(--white); padding:12px; }.woocommerce ul.products li.product a img { margin:0 0 12px !important; }.woocommerce-loop-product__title { font-size:14px !important; padding:0 !important; }.woocommerce-Price-amount { color:var(--gold-dark); font-weight:700; }.woocommerce ul.products li.product .price { color:var(--gold-dark) !important; }.woocommerce ul.products li.product .button { display:none; }
.empty-products { padding:35px; border:1px dashed #cdbb9d; background:#fffdf9; color:var(--muted); }
.story { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; }.story__art { min-height:310px; background:linear-gradient(140deg,#d9bf84,#8a6336); position:relative; }.story__art:after { content:"م"; position:absolute; inset:22px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.55); color:#fff5dd; font:150px Georgia,serif; }.story p { color:var(--muted); }.site-footer { background:#201b16; color:#ebe2d4; }.site-footer__top { min-height:150px; }.site-footer p { color:#b9aea0; font-size:13px; }.footer-bottom { border-top:1px solid #42382f; padding:15px 0; color:#a79b8d; font-size:12px; }
.woocommerce .woocommerce-breadcrumb { color:var(--muted); margin:25px 0; }.woocommerce div.product .product_title { font:34px Georgia,serif; }.woocommerce button.button { background:var(--gold); border-radius:0; }.woocommerce button.button:hover { background:var(--gold-dark); }
@media (max-width:760px) { .merilla-shell { width:min(100% - 28px,1180px); }.site-header__bar { min-height:67px; }.primary-menu { display:none; }.header-actions a:first-child { display:none; }.hero { padding:44px 0 35px; }.hero__grid,.story { grid-template-columns:1fr; }.hero__ornament { display:none; }.trust-list { grid-template-columns:1fr; gap:8px; }.trust-list li+li { border-right:0; }.section { padding:48px 0; }.category-grid { grid-template-columns:repeat(2,1fr); gap:10px; }.category-card { min-height:135px; padding:16px; }.products { grid-template-columns:repeat(2,1fr); gap:10px; }.section h2 { font-size:26px; } }