/*
Theme Name: Vaghar Shop
Theme URI: https://vagharart.com
Author: Vaghar
Description: پوسته فروشگاهی وقار (سوزن‌دوزی بلوچ) متصل به ووکامرس؛ فارسی و انگلیسی، ویدیوی بالای صفحه، پنل مدیریت «وقار».
Version: 3.9.9
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: vaghar
*/

/* ---------- font (bundled, no Google) ---------- */
@font-face{font-family:Rosha;src:url(assets/fonts/Rosha-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Rosha;src:url(assets/fonts/Rosha-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Rosha;src:url(assets/fonts/Rosha-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Rosha;src:url(assets/fonts/Rosha-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Estedad;src:url(assets/fonts/Estedad-Variable.woff) format("woff");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url(assets/fonts/Montserrat-Variable.woff) format("woff");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Vazirmatn;src:url(assets/fonts/Vazirmatn-Variable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

/* ---------- tokens ---------- */
:root{
	--crimson:#94072A;--crimson2:#6E0019;--maroon:#5A0F23;--wine:#641C38;
	--cream:#FFF3E3;--bg:#FAF9F5;--sec:#F9F6F1;--text:#3D1822;--muted:#7A4A55;
	--line:#E8D9C8;--field:#D8C8BD;--tint:#F8EBDB;
	--vf:Montserrat,Estedad,Vazirmatn,Tahoma,Arial,sans-serif;
	--vlat:Montserrat,'Helvetica Neue',Arial,sans-serif;
	--hh:78px;
	color-scheme:light;
}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--vf);line-height:1.85;font-size:16px;overflow-x:clip}
html[dir=ltr] body{font-family:var(--vlat)}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer;padding:0}
img,video,svg{max-width:100%}
:focus-visible{outline:3px solid #E8A317;outline-offset:2px}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--crimson);outline-offset:1px}
.i{width:clamp(19px,5vw,23px);height:clamp(19px,5vw,23px);fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:block}
html[dir=ltr] .caps{text-transform:uppercase;letter-spacing:.12em}

/* ---------- logo (mask = recolourable) ---------- */
.v10-mark{display:block;flex:none;background-color:currentColor;-webkit-mask:url(assets/img/logo.webp) center/contain no-repeat;mask:url(assets/img/logo.webp) center/contain no-repeat;direction:ltr}
.vaghar-custom-logo,.vaghar-footer-custom-logo{display:block;object-fit:contain}

/* ---------- header ---------- */
#site-header{position:sticky;top:0;z-index:20;width:100%;min-height:var(--hh);margin-bottom:calc(var(--hh) * -1);padding:14px 28px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;column-gap:10px;align-items:center;color:#fff;isolation:isolate;transition:background .25s,color .25s}
#site-header:not(.solid){background:linear-gradient(to bottom,rgba(23,15,13,.32),rgba(23,15,13,0))}
#site-header.solid{background:var(--cream);color:var(--maroon);box-shadow:0 1px 0 var(--line)}
.admin-bar #site-header{top:32px}
#mb{justify-self:start}
#site-header .ic{display:flex;gap:clamp(9px,2.5vw,17px);justify-self:end}
#site-header .logo-link{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:58px;height:45px;display:flex;align-items:center;justify-content:center;line-height:0;z-index:2}
#site-header .v10-mark{width:32px;height:31px;opacity:.83}
#site-header.solid .v10-mark{opacity:.72}
#site-header .vaghar-custom-logo{width:auto;height:44px;max-width:76px}
#site-header:not(.solid) .vaghar-custom-logo.recolor{filter:brightness(0) invert(1)}
#site-header.solid .vaghar-custom-logo.recolor{filter:brightness(0) saturate(100%) invert(15%) sepia(25%) saturate(1600%) hue-rotate(295deg) brightness(90%)}
.vcart{position:relative;display:block}
.vcart-count{position:absolute;top:-8px;inset-inline-end:-9px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--crimson);color:#fff;font-size:10px;line-height:17px;text-align:center}
.vcart-count:empty,.vcart-count[data-n="0"]{display:none}
@media(max-width:782px){.admin-bar #site-header{top:46px}}
@media(max-width:420px){
	:root{--hh:76px}
	#site-header{padding:12px 20px}
	#site-header .logo-link{width:54px;height:43px}
}

/* ---------- drawer ---------- */
#o{position:fixed;inset:0;z-index:30;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .25s}
#d{position:fixed;top:0;bottom:0;inset-inline-start:auto;right:0;width:81%;max-width:380px;z-index:31;display:flex;flex-direction:column;overflow-y:auto;padding-top:env(safe-area-inset-top,0px);background:var(--cream);color:var(--maroon);transform:translateX(100%);transition:transform .25s}
html[dir=ltr] #d{right:auto;left:0;transform:translateX(-100%)}
.open #o{opacity:1;pointer-events:auto}
.open #d,html[dir=ltr] .open #d{transform:none}
#d .dh{display:flex;justify-content:space-between;align-items:center;padding:14px 28px;border-bottom:1px solid var(--line)}
#d .logo-link{display:block}
#d .drawer-mark{width:54px;height:51px;color:var(--maroon)}
#d .drawer-logo{height:54px;width:auto;max-width:90px}
#d .drawer-logo.recolor{filter:brightness(0) saturate(100%) invert(15%) sepia(25%) saturate(1600%) hue-rotate(295deg) brightness(90%)}
.vaghar-language-control{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 28px;border-bottom:1px solid rgba(110,35,48,.16)}
.vl-label{font-size:14px;line-height:1.7;opacity:.8;white-space:nowrap}
.vl-buttons{display:flex;gap:8px}
.vl-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-width:84px;min-height:42px;padding:6px 16px;border:1px solid #C8ADA5;border-radius:999px;background:#FFF9F2;color:var(--wine);font-size:14px}
.vl-btn.is-on{background:var(--wine);border-color:var(--wine);color:#fff}
.vl-plugin{margin:0;padding:0;list-style:none;display:flex;gap:8px;flex-wrap:wrap}
.vl-plugin li a{display:inline-block;padding:8px 16px;border:1px solid #C8ADA5;border-radius:999px;color:var(--wine);font-size:14px}
.vl-plugin .lang-item-current a{background:#FFF9F2}
.vaghar-language-control{position:relative;z-index:3}
.vl-plugin .trp-language-switcher{width:190px;height:44px}
.vl-plugin .trp-language-switcher>div{border:1px solid #E1CFC5;border-radius:6px;box-shadow:0 6px 18px rgba(81,19,32,.12)}
.vl-plugin .trp-language-switcher a{display:block;padding:8px 10px;border:0;border-radius:0;background:transparent;color:var(--wine);font-size:15px;line-height:1.6;outline-offset:-2px}
.vl-plugin .trp-language-switcher a:hover{background:#FFF3E3}
#d nav a{display:flex;align-items:center;min-height:65px;padding:0 28px;border-bottom:1px solid var(--line);font-size:14px}
#d nav a:first-child{background:var(--tint)}

/* ---------- hero ---------- */
.hero{position:relative;min-height:100svh;padding-top:var(--hh);display:flex;align-items:flex-end;overflow:hidden;color:#fff;background:#2A1A17}
.hero::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.30),rgba(0,0,0,0) 28%,rgba(0,0,0,0) 62%,rgba(0,0,0,.42))}
.hero-cover,.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero video{z-index:1;opacity:0;transition:opacity .8s ease}
.hero video.on{opacity:1}
@media(prefers-reduced-motion:reduce){.hero video{display:none}*{transition:none!important}}

/* ---------- story ---------- */
.intro{padding:78px 26px 86px;background:linear-gradient(180deg,#FBF3E8,#FAF7F2);text-align:center}
.intro::before{content:"";display:block;width:280px;height:56px;margin:0 auto 20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 60'%3E%3Cpath d='M2,38 C26,30 52,28 72,35 C84,39 98,37 95,31 C92,26 83,28 84,34 C85,41 100,45 122,40 C146,35 152,10 172,10.3 C192,10 206,40 226,44 C244,47 254,38 248,31 C243,26 233,30 236,37 C239,43 256,47 272,41 C283,37 292,35 298,35' fill='none' stroke='%2394072A' stroke-width='1.7' stroke-linecap='round'/%3E%3Cg transform='translate(146 54) rotate(31)'%3E%3Cpath fill='%2394072A' fill-rule='evenodd' d='M0,0 L1.3,-12 L2.5,-48 Q2.9,-58 0,-58 Q-2.9,-58 -2.5,-48 L-1.3,-12 Z M0,-55.5 A1.2,4.5 0 1 1 0,-46.5 A1.2,4.5 0 1 1 0,-55.5 Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.welcome-title{margin:0 0 26px;font-size:clamp(24px,6vw,40px);font-weight:700;line-height:1.5;color:var(--crimson)}
.welcome-title::before{content:"BALOCH EMBROIDERY";display:block;margin-bottom:12px;font:500 11px Montserrat,Arial,sans-serif;letter-spacing:.3em;color:#A07B6C}
.intro p{position:relative;max-width:29em;margin:0 auto;padding:30px 4px 0;font-size:clamp(15.5px,4.1vw,18px);font-weight:400;line-height:2.25;color:#5C3A44;white-space:pre-line}
.intro p::before{content:"";position:absolute;top:0;left:50%;width:52px;height:2px;transform:translateX(-50%);background:var(--crimson)}
/* ---------- featured artwork ---------- */
.feat{padding:64px 28px 72px;background:radial-gradient(ellipse at 25% 15%,var(--crimson),var(--crimson2) 85%);color:#fff;text-align:center}
.vaghar-feature-label{display:table;margin:0 auto 25px;padding:12px 28px;background:rgba(68,7,28,.5);color:#FFF5E8;font-size:clamp(19px,4.5vw,25px);font-weight:600;line-height:1.6}
.frame{outline:1px solid rgba(255,243,227,.5);outline-offset:10px;width:min(320px,76%);aspect-ratio:3/4;margin:0 auto;background:#C8866A radial-gradient(circle,rgba(125,0,32,.35) 2px,transparent 2.5px) 0 0/14px 14px;box-shadow:0 22px 46px rgba(0,0,0,.5)}

/* ---------- craft slider ---------- */
.sl{position:relative;background:var(--tint)}
.slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.slides::-webkit-scrollbar{display:none}
.s{flex:0 0 100%;min-height:460px;padding:28px;display:flex;align-items:flex-end;scroll-snap-align:start;color:#fff;background:var(--c) radial-gradient(circle,rgba(255,255,255,.22) 2px,transparent 2.5px) 0 0/16px 16px}
.s div{max-width:20em;padding:14px 20px;background:rgba(0,0,0,.45);font-size:15px}
.s b{display:block;margin-bottom:2px;font-size:14px}
.ar{position:absolute;top:50%;width:48px;height:48px;display:grid;place-items:center;transform:translateY(-50%);color:#fff}
.ar.l{left:2px}
.ar.r{right:2px}
@media(min-width:760px){.s{min-height:540px}}

/* ---------- shop cards ---------- */
.vshop{padding:72px max(18px,5vw) 84px;background:#FAF7F2;color:#511320;scroll-margin-top:90px}
.vshop-head{margin:0 auto 40px;text-align:center}
.vshop-eyebrow{font:500 11px Montserrat,Arial,sans-serif;letter-spacing:.27em;color:#A07B6C}
.vshop h2{margin:15px 0 0;font-size:clamp(27px,4vw,38px);font-weight:500}
.vcats{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}
.vcat{min-width:0;text-align:center}
.vcat-img{display:block;aspect-ratio:4/5;overflow:hidden;border-radius:3px;background:#E9DCCF center/cover no-repeat;box-shadow:0 12px 28px rgba(81,19,32,.14);transition:transform .35s,box-shadow .35s}
.vcat-img:hover{box-shadow:0 18px 34px rgba(81,19,32,.2)}
.vcat-ph{display:grid;place-items:center;background:radial-gradient(circle,rgba(255,255,255,.2) 2px,transparent 2.5px) 0 0/16px 16px,linear-gradient(160deg,var(--crimson),var(--crimson2))}
.vcat-ph .v10-mark{width:34%;aspect-ratio:460/435;color:var(--cream);opacity:.5}
.vcat h3{margin:16px 0 4px;font-size:clamp(17px,4.4vw,22px);font-weight:600;line-height:1.5}
.vcat h3 a{color:#511320}
.vcat-box{perspective:1000px}
.vcat-in{position:relative;aspect-ratio:4/5;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1)}
.vcat.is-flipped .vcat-in{transform:rotateY(180deg)}
.vcat-front,.vcat-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:3px}
.vcat-front{aspect-ratio:auto}
.vcat-back{transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;gap:0;padding:8px 12px;background:radial-gradient(circle,rgba(255,255,255,.12) 1.5px,transparent 2px) 0 0/16px 16px,linear-gradient(160deg,var(--crimson),var(--crimson2));box-shadow:0 12px 28px rgba(81,19,32,.2);text-align:center}
.vcat-back a{display:block;padding:4px 2px;font-size:clamp(13.5px,3.7vw,17px);line-height:1.55;color:var(--cream);border-bottom:1px solid rgba(255,243,227,.22)}
.vcat-back a:last-child{border-bottom:0}
.vcat-back .vcat-all{margin-bottom:3px;font-weight:700;font-size:clamp(15px,4vw,19px);border-bottom:1px solid rgba(255,243,227,.55)}
.vcat-back a:hover{color:#fff}
.vcat-x{position:absolute;top:8px;inset-inline-start:8px;width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,243,227,.16);color:var(--cream);font:400 22px/1 Arial,sans-serif;cursor:pointer;display:grid;place-items:center;padding:0}
.vcat-x:hover{background:rgba(255,243,227,.3)}
.vcat-back{padding-top:44px!important}
.vcat-more{backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:10px;inset-inline-start:10px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,250,243,.92);color:var(--crimson);font:400 22px/1 Arial,sans-serif}
.vshop-all{margin:46px 0 0;text-align:center}
.vshop-all a{display:inline-block;padding:15px 44px;border:1px solid var(--maroon);color:var(--maroon);font-size:15px;transition:background .2s,color .2s}
.vshop-all a:hover{background:var(--maroon);color:var(--cream)}
@media(min-width:900px){.vcats{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px}}

/* ---------- custom order ---------- */
#custom-order{padding:66px 24px 90px;background:#FAF7F2;text-align:center;color:#592335;scroll-margin-top:105px}
.vaghar-custom-detail-inner{max-width:670px;margin:auto;padding:35px 22px;border:1px solid rgba(91,45,42,.15);background:#F6EDE7}
#custom-order h2{margin:0 0 26px;font-size:clamp(23px,5vw,34px);font-weight:600}
#custom-order p{margin:0 auto 34px;font-size:clamp(17px,3.6vw,23px);font-weight:400;line-height:2}
#custom-order a{display:inline-block;padding:0 0 9px;border-bottom:1px solid currentColor;font-size:clamp(17px,3.6vw,22px)}

/* ---------- footer ---------- */
#site-footer{color:var(--wine)}
.vf-main{position:relative;overflow:hidden;isolation:isolate;min-height:680px;background:linear-gradient(180deg,#D9A18B 0%,#C48D74 46%,#A36A54 74%,#8C5545 100%)}
.vf-art{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.6;background:url(assets/img/footer-art.webp) center bottom/cover no-repeat}
.vf-main::after{content:"";position:absolute;left:0;right:0;bottom:0;height:190px;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(84,30,40,0),rgba(84,30,40,.62) 62%,rgba(66,20,32,.84))}
.vf-top{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:34px 20px 0}
.vf-soc{display:flex;justify-content:center;gap:clamp(20px,7vw,42px);margin:0 0 40px}
.vf-soc a{display:block;color:var(--wine)}
.vf-i{width:26px;height:26px;display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.vf-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px;max-width:580px;margin:0 auto;padding:0 0 24px}
.vf-links a{display:block;min-width:0;text-align:center;font-size:clamp(14px,3.7vw,19px);line-height:1.65;color:var(--wine);overflow-wrap:anywhere}
.vf-links a:hover{text-decoration:underline}
.vf-bar{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 12px calc(20px + env(safe-area-inset-bottom,0px));text-align:center}
.vf-bar::before{content:"";width:280px;height:56px;margin-bottom:4px;opacity:.8;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 60'%3E%3Cpath d='M2,38 C26,30 52,28 72,35 C84,39 98,37 95,31 C92,26 83,28 84,34 C85,41 100,45 122,40 C146,35 152,10 172,10.3 C192,10 206,40 226,44 C244,47 254,38 248,31 C243,26 233,30 236,37 C239,43 256,47 272,41 C283,37 292,35 298,35' fill='none' stroke='%23FFF3E3' stroke-width='1.7' stroke-linecap='round'/%3E%3Cg transform='translate(146 54) rotate(31)'%3E%3Cpath fill='%23FFF3E3' fill-rule='evenodd' d='M0,0 L1.3,-12 L2.5,-48 Q2.9,-58 0,-58 Q-2.9,-58 -2.5,-48 L-1.3,-12 Z M0,-55.5 A1.2,4.5 0 1 1 0,-46.5 A1.2,4.5 0 1 1 0,-55.5 Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.vf-bar .footer-mark{width:44px;height:42px;color:#FFF6EA;opacity:.92}
.vf-bar .vaghar-footer-custom-logo{height:44px;width:auto;max-width:90px}
.vf-bar .vaghar-footer-custom-logo.recolor{filter:brightness(0) invert(1)}
.vf-bar small{margin-top:2px;font-size:clamp(11.5px,3vw,13px);font-weight:400;line-height:1.8;letter-spacing:.01em;color:rgba(255,246,234,.88);text-shadow:0 1px 3px rgba(40,10,20,.6)}
@media(min-width:768px){
	.vf-main{min-height:800px}
	.vf-art{background-size:auto 100%}
	.vf-top{padding:48px 48px 0}
	.vf-links{grid-template-columns:repeat(4,minmax(0,1fr));max-width:930px}
	.vf-bar{padding-bottom:28px}
}
@media(max-width:359px){.vf-main{min-height:700px}.vf-links{gap:19px 8px}}

/* ---------- search panel ---------- */
#vaghar-action-panel[hidden]{display:none}
#vaghar-action-panel{position:fixed;inset:0;z-index:99999;display:flex;align-items:flex-start;justify-content:center;padding:clamp(70px,12vh,125px) 18px 18px;background:rgba(20,10,12,.5)}
#vaghar-action-card{width:min(100%,560px);max-height:78vh;overflow:auto;padding:clamp(19px,5vw,32px);border-radius:9px;background:#FFF6ED;color:#642A3C;box-shadow:0 14px 65px rgba(24,12,18,.24)}
#vaghar-action-card h2{margin:0 0 14px;padding-inline-end:45px;font-size:clamp(20px,4.8vw,27px);line-height:1.5;color:#642A3C}
#vaghar-action-close{position:absolute;top:12px;inset-inline-end:14px;font-size:28px;line-height:1;color:#642A3C}
#vaghar-action-card{position:relative}
#vaghar-action-card form{display:grid;gap:12px}
#vaghar-action-card input[type=search]{width:100%;min-height:50px;padding:11px 14px;border:1px solid #C7A7A0;border-radius:5px;background:#fff;font-size:16px}
#vaghar-action-card button[type=submit]{min-height:48px;padding:10px 18px;border-radius:5px;background:var(--crimson);color:#fff;font-weight:600}

/* ---------- inner pages + WooCommerce ---------- */
.vmain{max-width:1040px;min-height:60vh;margin:0 auto;padding:calc(var(--hh) + 18px + env(safe-area-inset-top,0px)) 22px 60px}
.vmain h1,.vmain h2{color:var(--maroon)}
.woocommerce-breadcrumb{margin-bottom:18px;font-size:13px;color:var(--muted)}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.woocommerce ul.products li.product{float:none;width:auto;margin:0;padding:0 0 14px;border:1px solid var(--line);background:#fff;text-align:center}
.woocommerce ul.products li.product img{width:100%;margin:0 0 10px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{padding:0 10px;font-size:15px;color:var(--text)}
.woocommerce .price,.woocommerce ul.products li.product .price{color:var(--maroon);font-weight:600}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{padding:12px 22px;border-radius:5px;background:var(--crimson);color:#fff;font-weight:600}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:var(--crimson2);color:#fff}
.woocommerce div.product div.images,.woocommerce div.product div.summary{float:none;width:100%}
.woocommerce div.product .product_title{font-size:26px}
.woocommerce-message,.woocommerce-info{border-top-color:var(--crimson)}
.woocommerce table.shop_table{width:100%}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{overflow-wrap:anywhere}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{min-height:48px;padding:10px 14px;border:1px solid var(--field);border-radius:5px;background:#FFFEFA;color:#42242A;font-size:16px;box-shadow:none}
.woocommerce-checkout .col2-set .col-1,.woocommerce-checkout .col2-set .col-2{max-width:100%}
@media(min-width:760px){
	.woocommerce ul.products{grid-template-columns:repeat(4,minmax(0,1fr))}
	.woocommerce div.product div.images{float:right;width:48%}
	.woocommerce div.product div.summary{float:left;width:48%}
	html[dir=ltr] .woocommerce div.product div.images{float:left}
	html[dir=ltr] .woocommerce div.product div.summary{float:right}
}
@media(max-width:600px){
	.vmain{padding-inline:clamp(14px,4vw,22px)}
	.woocommerce table.shop_table_responsive tr{display:block;width:100%}
}
@media(max-width:350px){.woocommerce ul.products{grid-template-columns:1fr}}

/* ---------- account: login / register / reset password ---------- */
.woocommerce-account .woocommerce{width:min(100%,1100px);margin-inline:auto}
.woocommerce-account .woocommerce h2{margin:0 0 14px;font-size:clamp(21px,2.5vw,29px);line-height:1.65;text-align:center;color:var(--wine)}
.woocommerce-account .woocommerce .u-columns{display:grid;grid-template-columns:1fr;gap:clamp(20px,3vw,36px);align-items:start}
.woocommerce-account .woocommerce .u-columns::before,.woocommerce-account .woocommerce .u-columns::after{display:none}
.woocommerce-account .woocommerce .u-columns>div,.woocommerce-account .woocommerce .col2-set .col-1,.woocommerce-account .woocommerce .col2-set .col-2{float:none;width:100%;min-width:0;margin:0}
.woocommerce-account .woocommerce form.login,.woocommerce-account .woocommerce form.register,.woocommerce-account .woocommerce form.lost_reset_password{display:block;width:100%;max-width:520px;margin:0 auto 28px;padding:clamp(20px,3.5vw,34px);border:1px solid #E6D6CC;border-radius:6px;background:#FFFEFA;text-align:start}
.woocommerce-account .woocommerce .u-columns form{max-width:none}
.woocommerce-account .woocommerce form .form-row{float:none;clear:both;width:100%;margin:0 0 16px;padding:0}
.woocommerce-account .woocommerce form .form-row label{display:block;margin:0 0 7px;font-size:15px;line-height:1.75;color:var(--wine)}
.woocommerce-account .woocommerce form .form-row .input-text,.woocommerce-account .woocommerce form .form-row input[type=email],.woocommerce-account .woocommerce form .form-row input[type=password],.woocommerce-account .woocommerce form .form-row input[type=text],.woocommerce-account .woocommerce form .form-row input[type=tel]{display:block;width:100%;max-width:100%;min-width:0}
.woocommerce-account .woocommerce form .password-input{display:block;position:relative;width:100%}
.woocommerce-account .woocommerce form .password-input input{padding-inline-end:50px}
.woocommerce-account .woocommerce form .show-password-input{position:absolute;top:50%;inset-inline-end:12px;inset-inline-start:auto;transform:translateY(-50%)}
.woocommerce-account .woocommerce .woocommerce-form-login__rememberme{display:flex;align-items:center;gap:8px;margin:8px 0 14px;white-space:normal}
.woocommerce-account .woocommerce .woocommerce-form-login__rememberme input{width:17px;height:17px;flex:none}
.woocommerce-account .woocommerce form button[type=submit],.woocommerce-account .woocommerce form .button{display:flex;justify-content:center;align-items:center;width:100%;min-height:48px;padding:11px 30px;border-radius:5px;background:var(--wine);color:#fff;font-weight:600;white-space:normal}
.woocommerce-account .woocommerce form button[type=submit]:hover{background:var(--maroon)}
.woocommerce-account .woocommerce .lost_password{margin:14px 0 0;line-height:1.85;text-align:center}
.woocommerce-account .woocommerce .lost_password a{color:var(--wine);text-decoration:underline}
.woocommerce-account .woocommerce .woocommerce-privacy-policy-text{font-size:14px;line-height:2}
.woocommerce-account .woocommerce form.lost_reset_password p{width:100%;margin:0 0 14px;line-height:2}
@media(min-width:768px){.woocommerce-account .woocommerce .u-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}

.vreg-on .u-column2{display:none}
.vreg-on.show-reg .u-column2{display:block}
.vreg-on.show-reg .u-column1{display:none}
.woocommerce-account .woocommerce .vreg-on{grid-template-columns:1fr;max-width:520px;margin-inline:auto}
.vreg-cta{margin:22px 0 0;text-align:center;line-height:2}
.vreg-cta button{display:inline-block;margin-top:6px;min-height:48px;width:100%;padding:10px 20px;border:1px solid var(--wine);border-radius:6px;background:transparent;color:var(--wine);font:inherit;font-size:16px;cursor:pointer}
.vreg-cta button:hover{background:var(--wine);color:#fff}

/* ---------- account: dashboard ---------- */
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation{float:none;width:100%;margin:0 0 28px}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin:0;padding:0;list-style:none}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li{margin:0;padding:0;list-style:none}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px;border:1px solid #DFC9BF;border-radius:6px;background:#FFFAF4;color:var(--wine);font-weight:500;text-align:center}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.is-active a{background:var(--wine);border-color:var(--wine);color:#fff}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content{float:none;width:100%;min-width:0;clear:both;line-height:2}
.vaghar-account-welcome{margin-bottom:24px;padding:clamp(18px,4vw,30px);border:1px solid #E8D9D1;border-radius:8px;background:#FFFAF5}
.vaghar-account-welcome h2{margin:0 0 10px;text-align:start;font-size:clamp(20px,4vw,28px)}
.vaghar-account-welcome p{margin:0;font-size:clamp(14px,2vw,17px);line-height:1.9}
.vaghar-account-welcome a{text-decoration:underline}
@media(max-width:600px){
	.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul{grid-template-columns:repeat(2,minmax(0,1fr))}
	.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation a{padding:8px;font-size:14px}
}

/* ---------- home: link to the story page ---------- */
.intro-more{display:inline-block;margin-top:30px;padding:13px 36px;border:1px solid var(--crimson);color:var(--crimson);font-size:15px;transition:background .2s,color .2s}
.intro-more:hover{background:var(--crimson);color:var(--cream)}

/* ---------- story page ---------- */
.vst{padding:calc(var(--hh) + 28px + env(safe-area-inset-top,0px)) 22px 76px;background:linear-gradient(180deg,#FBF3E8,#FAF7F2 22%)}
.vst-head{max-width:34em;margin:0 auto 18px;text-align:center}
.vst-head::before{content:"";display:block;width:280px;height:56px;margin:0 auto 16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 60'%3E%3Cpath d='M2,38 C26,30 52,28 72,35 C84,39 98,37 95,31 C92,26 83,28 84,34 C85,41 100,45 122,40 C146,35 152,10 172,10.3 C192,10 206,40 226,44 C244,47 254,38 248,31 C243,26 233,30 236,37 C239,43 256,47 272,41 C283,37 292,35 298,35' fill='none' stroke='%2394072A' stroke-width='1.7' stroke-linecap='round'/%3E%3Cg transform='translate(146 54) rotate(31)'%3E%3Cpath fill='%2394072A' fill-rule='evenodd' d='M0,0 L1.3,-12 L2.5,-48 Q2.9,-58 0,-58 Q-2.9,-58 -2.5,-48 L-1.3,-12 Z M0,-55.5 A1.2,4.5 0 1 1 0,-46.5 A1.2,4.5 0 1 1 0,-55.5 Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.vst-eyebrow{display:block;margin-bottom:12px;font:500 11px Montserrat,Arial,sans-serif;letter-spacing:.3em;color:#A07B6C}
.vst-head h1{margin:0 0 12px;font-size:clamp(28px,7vw,46px);font-weight:700;line-height:1.5;color:var(--crimson)}
.vst-head p{margin:0;font-size:clamp(15px,4vw,18px);line-height:2;color:#7A4A55}
.vst-sec{max-width:1040px;margin:0 auto;padding:44px 0;display:grid;gap:26px;border-bottom:1px solid rgba(110,35,48,.12)}
.vst-img{margin:0;aspect-ratio:4/5;max-height:560px;overflow:hidden;border-radius:4px;background:#E9DCCF;box-shadow:0 14px 32px rgba(81,19,32,.16)}
.vst-img img{display:block;width:100%;height:100%;object-fit:cover}
.vst-ph{display:grid;place-items:center;padding:20px;text-align:center;border:1px dashed #C8ADA5;box-shadow:none;background:#F4E9DD;color:#8A6A62;font-size:13px;line-height:1.9}
.vst-txt h2{margin:0 0 14px;font-size:clamp(22px,5.4vw,32px);font-weight:700;line-height:1.6;color:var(--crimson)}
.vst-txt p,.vst-close p{margin:0 0 16px;font-size:clamp(15.5px,4.1vw,17.5px);line-height:2.2;color:#5C3A44}
.vst-ms{max-width:1040px;margin:0 auto;padding:48px 0 0}
.vst-wide{aspect-ratio:16/9;max-height:none;margin-bottom:32px}
.vst-ms h2{margin:0 0 10px;text-align:center;font-size:clamp(24px,6vw,36px);font-weight:700;color:var(--crimson)}
.vst-ms-intro{margin:0 0 26px;text-align:center;color:#7A4A55;font-size:clamp(15px,4vw,17px)}
.vst-cards{display:grid;gap:14px;margin-bottom:34px}
.vst-card{position:relative;padding:24px 22px 22px;background:#fff;border:1px solid #E8D9D1;border-radius:6px;box-shadow:0 8px 22px rgba(81,19,32,.07)}
.vst-no{position:absolute;top:-14px;inset-inline-start:20px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--crimson);color:#fff;font:600 14px Arial,sans-serif}
.vst-card h3{margin:0 0 6px;font-size:clamp(17px,4.4vw,20px);font-weight:700;color:var(--maroon)}
.vst-card p{margin:0;font-size:15.5px;line-height:2;color:#5C3A44}
.vst-close{max-width:38em;margin:0 auto;text-align:center}
.vst-back{margin:30px 0 0;text-align:center}
.vst-back a{display:inline-block;padding:14px 38px;border:1px solid var(--crimson);color:var(--crimson);font-size:15px;transition:background .2s,color .2s}
.vst-back a:hover{background:var(--crimson);color:var(--cream)}
@media(min-width:900px){
	.vst{padding-inline:40px}
	.vst-sec{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:60px;align-items:center;padding:64px 0}
	.vst-sec:not(.vst-alt) .vst-img{order:0}
	.vst-sec.vst-alt{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
	.vst-sec.vst-alt .vst-img{order:2}
	.vst-sec:not(:has(.vst-img)){grid-template-columns:minmax(0,40em);justify-content:center}
	.vst-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
}

/* ---------- account v3.5.7: elegant dashboard ---------- */
.woocommerce-message:focus,.woocommerce-error:focus,.woocommerce-info:focus,.woocommerce-NoticeGroup:focus,.woocommerce-notices-wrapper:focus,.woocommerce [tabindex="-1"]:focus,.woocommerce [tabindex="-1"]:focus-visible{outline:none!important;box-shadow:none}
.woocommerce-account .woocommerce-message,.woocommerce-account .woocommerce-info,.woocommerce-account .woocommerce-error{margin:0 0 22px;border:1px solid #E8D9D1;border-radius:12px;background:#FFFAF5;color:var(--text);box-shadow:none}
.woocommerce-account .woocommerce-message{border-inline-start:4px solid #8A9A4B}
.woocommerce-account .woocommerce-info{border-inline-start:4px solid var(--crimson)}
.woocommerce-account .woocommerce-error{border-inline-start:4px solid #B3261E;background:#FFF6F4}
.woocommerce-account .woocommerce-info::before{color:var(--crimson)}
.woocommerce-account .woocommerce-message::before{color:#8A9A4B}
.woocommerce-account .woocommerce-info .button,.woocommerce-account .woocommerce-message .button{float:none!important;display:inline-flex;margin:14px 0 0;min-height:44px;align-items:center;border-radius:999px;padding:10px 26px}
.woocommerce-account .vmain h1{margin:0 0 22px;text-align:center;font-size:clamp(26px,6vw,38px);color:var(--wine)}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation{margin:0 0 26px}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation a{gap:8px;min-height:44px;padding:8px 18px;border-radius:999px;border:1px solid #E3CFC4;background:#fff;font-size:14.5px;transition:background .2s,color .2s,border-color .2s}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation a::before{content:"";width:18px;height:18px;flex:none;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation a:hover{border-color:var(--wine);background:#FFF6EE}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.is-active a{background:var(--wine);color:#fff;box-shadow:0 6px 16px rgba(100,28,56,.22)}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.is-active a:hover{background:var(--wine)}
.woocommerce-MyAccount-navigation-link--dashboard a{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 2 12h3v8h5v-5h4v5h5v-8h3z'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--orders a{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4zm0 6h12v2a6 6 0 0 1-12 0z'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--edit-address a{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5 7 13 7 13s7-8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--edit-account a{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm0 2c-4 0-8 2-8 5v3h16v-3c0-3-4-5-8-5z'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--customer-logout a{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 3H4a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h6v-2H5V5h5zm6 4-1.4 1.4L17.2 11H8v2h9.2l-2.6 2.6L16 17l5-5z'/%3E%3C/svg%3E")}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content{padding:clamp(18px,4vw,34px);border:1px solid #EADCD3;border-radius:16px;background:#fff;box-shadow:0 14px 34px rgba(81,19,32,.07)}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content>*:first-child{margin-top:0}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content>*:last-child{margin-bottom:0}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content h2,.woocommerce-account .woocommerce .woocommerce-MyAccount-content h3{text-align:start;font-size:clamp(19px,4.5vw,24px);color:var(--wine)}
.vaghar-account-welcome{position:relative;margin-bottom:22px;padding:clamp(22px,5vw,36px) clamp(18px,4vw,30px);border:0;border-radius:14px;text-align:center;background:linear-gradient(160deg,#FFF3E3,#F8E4D6);overflow:hidden}
.vaghar-account-welcome::before{content:"";display:block;width:220px;max-width:70%;height:44px;margin:0 auto 12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 60'%3E%3Cpath d='M2,38 C26,30 52,28 72,35 C84,39 98,37 95,31 C92,26 83,28 84,34 C85,41 100,45 122,40 C146,35 152,10 172,10.3 C192,10 206,40 226,44 C244,47 254,38 248,31 C243,26 233,30 236,37 C239,43 256,47 272,41 C283,37 292,35 298,35' fill='none' stroke='%2394072A' stroke-width='1.7' stroke-linecap='round'/%3E%3Cg transform='translate(146 54) rotate(31)'%3E%3Cpath fill='%2394072A' fill-rule='evenodd' d='M0,0 L1.3,-12 L2.5,-48 Q2.9,-58 0,-58 Q-2.9,-58 -2.5,-48 L-1.3,-12 Z M0,-55.5 A1.2,4.5 0 1 1 0,-46.5 A1.2,4.5 0 1 1 0,-55.5 Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.vaghar-account-welcome h2{text-align:center!important;margin:0 0 8px!important;color:var(--crimson)!important}
.vaghar-account-welcome p{color:var(--muted)}
.vaghar-account-welcome a{color:var(--wine)}
.vaccount-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.vaccount-tiles a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:104px;padding:14px 6px;border:1px solid #EADCD3;border-radius:14px;background:#FFFEFA;color:var(--wine);font-size:14px;font-weight:500;text-align:center;transition:transform .2s,box-shadow .2s,border-color .2s}
.vaccount-tiles a:hover{transform:translateY(-2px);border-color:var(--wine);box-shadow:0 10px 22px rgba(100,28,56,.12)}
.vaccount-tiles svg{width:28px;height:28px;fill:var(--crimson)}
.woocommerce-account .woocommerce .woocommerce-Addresses{display:grid;grid-template-columns:1fr;gap:16px}
.woocommerce-account .woocommerce .woocommerce-Addresses .col-1,.woocommerce-account .woocommerce .woocommerce-Addresses .col-2{float:none;width:100%;padding:18px;border:1px solid #EADCD3;border-radius:12px;background:#FFFAF5}
.woocommerce-account .woocommerce .woocommerce-Address-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
.woocommerce-account .woocommerce .woocommerce-Address-title h2,.woocommerce-account .woocommerce .woocommerce-Address-title h3{margin:0!important}
.woocommerce-account .woocommerce .woocommerce-Address-title a{color:var(--crimson);font-size:14px;text-decoration:underline}
.woocommerce-account .woocommerce .woocommerce-Address address{font-style:normal;line-height:2;color:var(--muted)}
.woocommerce-account .woocommerce-MyAccount-content form .button,.woocommerce-account .woocommerce-MyAccount-content form button[type=submit]{border-radius:999px;width:auto;min-width:200px}
.woocommerce-account .woocommerce-MyAccount-content fieldset{margin:24px 0 8px;padding:16px;border:1px solid #EADCD3;border-radius:12px}
.woocommerce-account .woocommerce-MyAccount-content legend{padding:0 8px;color:var(--wine);font-weight:600}
.woocommerce-account .woocommerce-orders-table,.woocommerce-account table.shop_table{border:1px solid #EADCD3;border-radius:12px;border-collapse:separate;border-spacing:0;overflow:hidden}
@media(max-width:600px){
	.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul{display:flex;grid-template-columns:none}
	.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation a{padding:8px 14px;font-size:13.5px}
	.vaccount-tiles a{font-size:13px}
}
@media(min-width:760px){.woocommerce-account .woocommerce .woocommerce-Addresses{grid-template-columns:1fr 1fr}}

/* ---------- account v3.5.8: one menu, shown as tiles ---------- */
.vaccount-tiles{display:none}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation a{flex-direction:column;gap:8px;min-height:92px;padding:14px 6px;border-radius:14px;font-size:14px;font-weight:500;line-height:1.5}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation a::before{width:26px;height:26px}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation a:not(:hover)::before{color:inherit}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li:not(.is-active) a{color:var(--wine);background:#FFFEFA}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li:not(.is-active) a::before{background:var(--crimson)}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.is-active a::before{background:#fff}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation a:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(100,28,56,.12)}
@media(max-width:600px){
	.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul{grid-template-columns:repeat(3,minmax(0,1fr))}
	.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation a{font-size:13px;min-height:84px;padding:12px 4px}
}
/* addresses */
.woocommerce-account .woocommerce .woocommerce-Addresses.u-columns{display:grid;grid-template-columns:1fr;gap:16px;max-width:none}
.woocommerce-account .woocommerce .woocommerce-Address{display:flex;flex-direction:column;gap:6px}
.woocommerce-account .woocommerce .woocommerce-Address-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;padding:0 0 12px;border-bottom:1px solid #EADCD3}
.woocommerce-account .woocommerce .woocommerce-Address-title h2,.woocommerce-account .woocommerce .woocommerce-Address-title h3{margin:0!important;font-size:clamp(17px,4.3vw,21px);line-height:1.6;color:var(--wine);text-align:start}
.woocommerce-account .woocommerce .woocommerce-Address-title a.edit{display:inline-flex;align-items:center;min-height:36px;padding:6px 16px;border:1px solid var(--crimson);border-radius:999px;color:var(--crimson);font-size:13.5px;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}
.woocommerce-account .woocommerce .woocommerce-Address-title a.edit:hover{background:var(--crimson);color:#fff}
.woocommerce-account .woocommerce .woocommerce-Address address{margin:0;font-style:normal;line-height:2.1;color:var(--text)}
.woocommerce-account .woocommerce .woocommerce-Addresses>p,.woocommerce-account .woocommerce-MyAccount-content>p:first-child{color:var(--muted);line-height:2}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul,.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li{grid-column:span 2}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li:nth-child(4):nth-last-child(2){grid-column:2/4}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li:nth-child(5):last-child{grid-column:4/6}
@media(min-width:760px){.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul{max-width:640px;margin-inline:auto}}

/* ---------- footer v3.8.0: slogan, real hands photo, calm dark band with the links ---------- */
@font-face{font-family:VagharNasta;src:url(assets/fonts/IranNastaliq-Web.woff2) format("woff2");font-weight:400;font-display:swap}
.vf-main{display:block;min-height:0;background:linear-gradient(180deg,#DDA78C 0%,#CF9677 24%,#BC7B5C 46%,#A8664A 66%,#6A3529 100%)}
.vf-art{display:none}
.vf-main::after{display:none}
.vf-top{padding:28px 20px 0}
.vf-brand{display:flex;flex-direction:column;align-items:center;margin:0}
.vf-brand .footer-mark{display:block;width:54px;height:51px;color:#641C38;opacity:1}
.vf-brand .vaghar-footer-custom-logo{height:54px;width:auto;max-width:120px}
.vf-tag,.vf-tag2{margin:0;text-align:center}
.vf-tag{margin-top:12px;font-size:clamp(20px,6vw,24px);font-weight:700;line-height:1.9;color:#4A0A1C}
.vf-tag2{font-size:15px;line-height:1.9;color:#641C38}
html:lang(fa) .vf-tag,html:lang(fa) .vf-tag2{font-family:VagharNasta,Estedad,Tahoma,serif;font-weight:400}
html:lang(fa) .vf-tag{font-size:clamp(23px,7vw,29px);line-height:1.9}
html:lang(fa) .vf-tag2{font-size:clamp(17px,5vw,20px)}
.vf-soc{gap:clamp(26px,9vw,36px);margin:20px 0 4px}
.vf-soc a{display:block;width:auto;height:auto;background:none;border:0;border-radius:0;color:#641C38;transition:opacity .2s}
.vf-soc a:hover{opacity:.7}
.vf-i{width:26px;height:26px}
.vf-hands{position:relative;z-index:0;max-width:820px;margin:8px auto 0;pointer-events:none}
.vf-hands img{display:block;width:100%;height:auto;aspect-ratio:828/520;object-fit:cover;object-position:50% 0;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 52%,rgba(0,0,0,.35) 82%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 52%,rgba(0,0,0,.35) 82%,transparent 100%)}
.vf-low{position:relative;z-index:1;margin-top:-96px;padding:0 20px;text-align:center}
.vf-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;max-width:380px;margin:0 auto;padding:0 0 22px}
.vf-links a{font-size:clamp(14.5px,4vw,16px);font-weight:500;color:#FFF3E3;text-shadow:0 1px 8px rgba(40,10,22,.7)}
.vf-links a:hover{text-decoration:underline;text-underline-offset:5px}
.vf-bar{position:relative;left:auto;right:auto;bottom:auto;display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 0 calc(18px + env(safe-area-inset-bottom,0px))}
.vf-bar::before{width:220px;height:44px;margin-bottom:0;opacity:.9;filter:brightness(0) invert(1)}
.vf-bar small{color:rgba(255,243,227,.9);text-shadow:0 1px 3px rgba(30,8,16,.6)}
@media(min-width:768px){
	.vf-top{padding:40px 48px 0}
	.vf-hands img{aspect-ratio:828/430}
	.vf-low{margin-top:-110px}
	.vf-links{grid-template-columns:repeat(4,minmax(0,1fr));max-width:760px}
}
.vf-low{margin-top:-84px;isolation:isolate}
.vf-low::before{content:"";position:absolute;left:0;right:0;top:-34px;bottom:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(106,53,41,0),rgba(106,53,41,.92) 42%,#6A3529 72%)}
.vf-links{padding-top:6px}
@media(min-width:768px){.vf-low{margin-top:-96px}}

/* footer 3.8.1 links tidy */
.vf-links{gap:0;max-width:360px;padding:6px 0 18px}
.vf-links a{padding:13px 6px;text-shadow:none;border-top:1px solid rgba(255,243,227,.22)}
.vf-links a:nth-child(odd){border-inline-start:0}
.vf-links a:nth-child(even){border-inline-start:1px solid rgba(255,243,227,.22)}
.vf-links a:nth-last-child(-n+2){border-bottom:1px solid rgba(255,243,227,.22)}
@media(min-width:768px){.vf-links{max-width:760px}.vf-links a:nth-child(odd){border-inline-start:1px solid rgba(255,243,227,.22)}.vf-links a:first-child{border-inline-start:0}.vf-links a:nth-last-child(-n+4){border-bottom:1px solid rgba(255,243,227,.22)}}
.vf-low{margin-top:-30px}
.vf-low::before{top:-70px;background:linear-gradient(180deg,rgba(106,53,41,0),#6A3529 62%)}
@media(min-width:768px){.vf-low{margin-top:-40px}}
/* footer 3.8.1 b */
.vf-brand>.vf-tag{order:1;margin-top:0}
.vf-brand>.vf-tag2{order:2}
.vf-brand>:not(.vf-tag):not(.vf-tag2){order:3;margin-top:14px}
.vf-main{background:linear-gradient(180deg,#DDA78C 0%,#CF9677 26%,#C0805F 52%,#B06E52 72%,#A15F47 100%)}
.vf-low::before{background:linear-gradient(180deg,rgba(161,95,71,0),#A15F47 62%)}
.vf-low::after{content:"";position:absolute;left:50%;bottom:-40px;width:130%;height:230px;transform:translateX(-50%);z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(240,190,160,.38),rgba(240,190,160,0))}
.vf-links{gap:12px 8px;max-width:340px;padding:4px 0 10px}
.vf-links a{padding:4px 6px;border:0!important;font-weight:600}
@media(min-width:768px){.vf-links{max-width:700px}}
.vf-main{background:linear-gradient(180deg,#DDA78C 0%,#CF9677 26%,#BC7A5B 52%,#A6644A 72%,#8E503C 100%)}
.vf-low::before{background:linear-gradient(180deg,rgba(142,80,60,0),#8E503C 62%)}
.vf-low::after{background:radial-gradient(closest-side,rgba(236,180,148,.2),rgba(236,180,148,0))}
.vf-links a{text-shadow:0 1px 6px rgba(60,25,15,.35)}
/* footer 3.8.1 c: slogan > icons > links > photo > logo */
.vf-top{padding-top:22px}
.vf-brand>:not(.vf-tag):not(.vf-tag2){margin-top:0}
.vf-soc{margin:14px 0 8px}
.vf-top .vf-links{max-width:330px;margin:0 auto;padding:6px 0 0;gap:6px 10px}
.vf-top .vf-links a{padding:7px 4px 8px;color:#641C38;font-weight:600;text-shadow:none;border:0!important;border-bottom:1px solid rgba(100,28,56,.28)!important}
.vf-low{margin-top:-30px;padding-top:6px}
.vf-logo{display:flex;justify-content:center;margin:0 0 6px}
.vf-logo .footer-mark{display:block;width:54px;height:51px;color:#FFF3E3;opacity:.96}
.vf-logo .vaghar-footer-custom-logo{height:54px;width:auto;max-width:120px}
.vf-logo .vaghar-footer-custom-logo.recolor{filter:brightness(0) invert(1)}
@media(min-width:768px){.vf-top .vf-links{max-width:720px;grid-template-columns:repeat(4,minmax(0,1fr))}}
.vf-top .vf-links a{border-bottom:0!important}
.vf-top .vf-links{gap:2px 10px}
/* 3.8.2 wine bottom */
.vf-main{background:linear-gradient(180deg,#DDA78C 0%,#D39C7F 30%,#CC9477 60%,#D49E83 100%)}
.vf-low::before{background:linear-gradient(180deg,rgba(204,148,119,0),#CC9477 55%,#D49E83 100%)}
.vf-low::after{background:radial-gradient(closest-side,rgba(246,208,184,.45),rgba(246,208,184,0))}
.vf-logo .footer-mark{color:#641C38;opacity:1}
.vf-logo .vaghar-footer-custom-logo.recolor{filter:none}
.vf-bar::before{filter:brightness(0) saturate(100%) invert(14%) sepia(62%) saturate(2400%) hue-rotate(318deg) brightness(.85);opacity:1}
.vf-bar small{color:#641C38;text-shadow:none;font-weight:500}

/* 3.9.0 main titles in Nastaliq (Persian only); body Estedad, English Montserrat */
html:lang(fa) .welcome-title,html:lang(fa) .vshop-head h2,html:lang(fa) #custom-order h2,html:lang(fa) .vaghar-feature-label,html:lang(fa) .vcat h3{font-family:VagharNasta,Estedad,serif;font-weight:400}
html:lang(fa) .welcome-title{font-size:clamp(30px,8vw,44px)}
html:lang(fa) .vshop-head h2,html:lang(fa) #custom-order h2{font-size:clamp(32px,8.5vw,44px)}
html:lang(fa) .vcat h3{font-size:clamp(22px,6vw,28px)}

/* 3.9.1 line-art footer, hero colours, no needle */
.vf-main{background:linear-gradient(180deg,#DDA78C 0%,#CB8D6C 26%,#BA7B5B 48%,#A8664A 68%,#8A4A3A 86%,#6A3529 100%)}
.vf-hands{margin:6px auto 0;max-width:none}
.vf-hands img{aspect-ratio:auto;height:clamp(300px,86vw,420px);object-fit:cover;object-position:50% 40%;opacity:.88;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 20%,#000 74%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 20%,#000 74%,transparent 100%)}
.vf-low{margin-top:-28px;padding-top:0}
.vf-low::before,.vf-low::after{display:none}
.vf-logo .footer-mark{color:#FFF3E3;opacity:.95}
.vf-logo .vaghar-footer-custom-logo.recolor{filter:brightness(0) invert(1)}
.vf-bar::before{display:none}
.vf-bar small{color:rgba(255,243,227,.9);text-shadow:none}
.vf-bar{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}
@media(min-width:768px){.vf-hands img{height:460px}}
.vf-logo{margin-top:10px}
/* 3.9.1 lighter bottom + tidier layout */
.vf-main{background:linear-gradient(180deg,#DDA78C 0%,#CD906F 28%,#B8775A 50%,#BC7C5E 70%,#D09479 88%,#DCA68C 100%)}
.vf-top{padding-top:30px}
html:lang(fa) .vf-tag{font-size:clamp(26px,7.4vw,31px)}
.vf-soc{margin:12px 0 4px;gap:clamp(30px,10vw,40px)}
.vf-i{width:24px;height:24px}
.vf-top .vf-links{max-width:300px;gap:2px 20px;padding-top:10px}
.vf-top .vf-links a{padding:6px 2px;font-weight:600;font-size:clamp(14.5px,4vw,16px)}
.vf-hands img{height:clamp(320px,92vw,440px);object-position:50% 42%;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 66%,transparent 96%);mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 66%,transparent 96%)}
.vf-low{margin-top:-6px}
.vf-logo{margin-top:0}
.vf-logo .footer-mark{color:#641C38;opacity:1}
.vf-logo .vaghar-footer-custom-logo.recolor{filter:none}
.vf-bar small{color:#641C38;font-weight:500}
.vf-bar{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
.vf-top .vf-links{max-width:360px;gap:0 8px}
.vf-top .vf-links a{white-space:nowrap;font-size:clamp(13.5px,3.8vw,16px)}
.vf-hands{margin-top:-34px}
/* 3.9.1 clickable look: round icon buttons + pill links */
.vf-soc{gap:14px;margin:14px 0 6px}
.vf-soc a{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(100,28,56,.45);border-radius:50%;background:rgba(255,243,227,.18);transition:background .2s,color .2s}
.vf-soc a:hover,.vf-soc a:active{background:#641C38;color:#FFF3E3;opacity:1}
.vf-i{width:22px;height:22px}
.vf-top .vf-links{max-width:340px;gap:10px;padding-top:14px}
.vf-top .vf-links a{display:flex;align-items:center;justify-content:center;padding:10px 8px;border:1px solid rgba(100,28,56,.45)!important;border-radius:999px;background:rgba(255,243,227,.18);transition:background .2s,color .2s}
.vf-top .vf-links a:hover,.vf-top .vf-links a:active{background:#641C38;color:#FFF3E3;text-decoration:none}
.vf-top .vf-links{gap:8px 10px;max-width:330px}
.vf-top .vf-links a{padding:8px 6px;background:rgba(255,243,227,.1);font-weight:500}
.vf-soc a{background:rgba(255,243,227,.1);width:44px;height:44px}

/* 3.9.2 Rosha headings, Estedad text, shorter footer with soul */
html:lang(fa) .vshop-head h2,html:lang(fa) #custom-order h2,html:lang(fa) .vcat h3,html:lang(fa) .vaghar-feature-label{font-family:Rosha,Estedad,sans-serif;font-weight:600}
html:lang(fa) .vshop-head h2,html:lang(fa) #custom-order h2{font-size:clamp(26px,6.4vw,34px);line-height:1.5}
html:lang(fa) .vcat h3{font-size:clamp(18px,4.8vw,22px)}
html:lang(fa) #custom-order .vaghar-custom-detail-inner{border:0;background:none;padding:10px 22px}
html:lang(fa) #custom-order{padding:44px 24px 50px}
.vf-main{position:relative;background:radial-gradient(120% 55% at 50% 66%,rgba(255,206,170,.42),rgba(255,206,170,0) 70%),linear-gradient(180deg,#E3AC8D 0%,#D18F6C 24%,#B9694D 50%,#A9563F 66%,#B96F52 84%,#D39878 100%)}
.vf-main::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.16;mix-blend-mode:multiply;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .4 0 0 0 0 .2 0 0 0 0 .15 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.vf-top,.vf-hands,.vf-low{position:relative;z-index:1}
.vf-hands{margin-top:-44px}
.vf-hands img{height:clamp(250px,70vw,340px);object-position:50% 46%;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 24%,#000 62%,transparent 98%);mask-image:linear-gradient(180deg,transparent 0,#000 24%,#000 62%,transparent 98%)}
.vf-low{margin-top:-30px}
.vf-logo{margin-top:0}
.vf-bar{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}
.vf-hands{margin-top:0}
.vf-hands img{height:clamp(240px,66vw,320px)}
.vf-low{margin-top:-26px}
/* 3.9.3 bigger Persian text + cream footer buttons */
html:lang(fa) body{font-size:17.5px}
html:lang(fa) .intro p{font-size:clamp(17.5px,4.8vw,20px);line-height:2.1}
html:lang(fa) #custom-order p{font-size:clamp(18px,4.6vw,22px)}
html:lang(fa) .intro-more,html:lang(fa) .vshop-all a,html:lang(fa) .vst-back a,html:lang(fa) #custom-order a{font-size:17px}
html:lang(fa) .s div{font-size:16.5px}
html:lang(fa) .s b{font-size:15.5px}
html:lang(fa) #d nav a{font-size:16.5px}
html:lang(fa) .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:17px}
html:lang(fa) .woocommerce-account .woocommerce form .form-row label{font-size:16px}
html:lang(fa) .woocommerce-account .woocommerce .woocommerce-privacy-policy-text{font-size:15px}
html:lang(fa) .woocommerce-breadcrumb{font-size:14.5px}
html:lang(fa) .vcat h3{font-size:clamp(20px,5.4vw,24px)}
html:lang(fa) .vshop-head h2,html:lang(fa) #custom-order h2{font-size:clamp(28px,7vw,36px)}
.vf-soc a{background:rgba(255,243,227,.92);border:0;color:#641C38;box-shadow:0 6px 16px rgba(76,28,20,.2)}
.vf-soc a:hover,.vf-soc a:active{background:#641C38;color:#FFF3E3}
.vf-top .vf-links a{background:rgba(255,243,227,.92);border:0!important;color:#641C38;font-weight:600;font-size:clamp(15px,4.2vw,17px);box-shadow:0 6px 16px rgba(76,28,20,.2)}
.vf-top .vf-links a:hover,.vf-top .vf-links a:active{background:#641C38;color:#FFF3E3}
.vf-top .vf-links{gap:12px 12px}
.vf-soc{gap:16px}
.vf-top .vf-links a{font-size:clamp(13.5px,3.7vw,16px);padding:10px 4px;white-space:nowrap}
.vf-top .vf-links{gap:12px 10px;max-width:340px}
/* 3.9.3 no boxes: clean icons + text links with arrow */
.vf-soc{gap:clamp(30px,10vw,42px);margin:16px 0 8px}
.vf-soc a{width:auto;height:auto;background:none;border:0;box-shadow:none;border-radius:0;color:#641C38;transition:transform .2s,opacity .2s}
.vf-soc a:hover,.vf-soc a:active{background:none;color:#641C38;transform:translateY(-2px);opacity:.75}
.vf-i{width:30px;height:30px;stroke-width:1.6}
.vf-top .vf-links{max-width:340px;gap:6px 10px;padding-top:12px}
.vf-top .vf-links a{display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 4px;background:none;border:0!important;border-radius:0;box-shadow:none;color:#641C38;font-weight:600;font-size:clamp(15px,4.2vw,17px)}
.vf-top .vf-links a::after{content:"";width:8px;height:8px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);opacity:.75;transition:transform .2s}
.vf-top .vf-links a:hover,.vf-top .vf-links a:active{background:none;color:#4A0A1C}
.vf-top .vf-links a:hover::after{transform:rotate(45deg) translate(-2px,2px)}
/* 3.9.3 art top complete */
.vf-hands img{height:clamp(300px,82vw,380px);object-position:50% 0;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 7%,#000 70%,transparent 99%);mask-image:linear-gradient(180deg,transparent 0,#000 7%,#000 70%,transparent 99%)}
/* 3.9.3 fonts everywhere: shop, account, orders, cart, checkout, search, forms */
html:lang(fa) :is(.vmain,#vaghar-action-card) *:not(.star-rating):not(.star-rating *):not([class*=dashicons]):not([class*=fa-]):not(i){font-family:var(--vf)}
html[dir=ltr] :is(.vmain,#vaghar-action-card) *:not(.star-rating):not(.star-rating *):not([class*=dashicons]):not([class*=fa-]):not(i){font-family:var(--vlat)}
html:lang(fa) :is(button,input,select,textarea,optgroup,.button){font-family:var(--vf)}
html[dir=ltr] :is(button,input,select,textarea,optgroup,.button){font-family:var(--vlat)}
html:lang(fa) .vmain :is(p,li,td,th,label,a,span,dd,dt):not(.wp-block-woocommerce-cart *):not(.wp-block-woocommerce-checkout *){font-size:max(1em,16.5px)}
html:lang(fa) .vmain :is(input,select,textarea){font-size:17px}
/* 3.9.3 no arrows */
.vf-top .vf-links a::after{display:none!important;content:none!important}
.vf-top .vf-links a{gap:0}
/* 3.9.5 enamad seal (no frame, the official badge only) */
.vf-seal{margin:10px auto 0;text-align:center;line-height:0}
.vf-seal a{display:inline-block;padding:0;background:none;box-shadow:none;border-radius:0}
.vf-seal img{display:block;margin:0 auto;width:64px;max-width:64px;height:auto;border-radius:8px}
/* 3.9.5 breathing space between featured artwork and the craft slider */
.feat+.sl{margin-top:34px}
/* 3.9.5 even vertical rhythm */
.feat{padding:72px 28px}
/* 3.9.6 balanced vertical rhythm: one 72px section step, 40px gap around the slider */
.intro{padding:72px 26px 72px}
.feat{padding:72px 28px}
.feat+.sl{margin-top:40px}
.sl+.vshop{margin-top:0}
.vshop{padding:72px max(18px,5vw) 72px}
.vshop-head{margin-bottom:36px}
.vshop-all{margin-top:40px}
html:lang(fa) #custom-order{padding:56px 24px 64px}
/* 3.9.6 featured photo without outer frame */
.frame{outline:0!important;outline-offset:0}
/* 3.9.6 category card back: embroidered logo fabric + translucent bands */
.vcat-back{background:#6b1a2a url(assets/img/vcat-back.webp) center/cover no-repeat!important;justify-content:flex-end!important;padding:44px 9px 9px!important;gap:5px;overflow:auto}
.vcat-back a,.vcat-back a:last-child{display:block;padding:0 6px;font-size:clamp(13px,3.6vw,15px);line-height:1.75;text-align:center;color:#FFF3E3;background:rgba(60,8,22,.14);border:1px solid rgba(255,243,227,.45);border-radius:3px;text-shadow:0 1px 4px rgba(0,0,0,.8),0 0 2px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}
.vcat-back .vcat-all{margin:0;font-weight:700;background:rgba(60,8,22,.24)}
.vcat-back a:hover{background:rgba(60,8,22,.4)}
/* 3.9.6 even card back: bands share the height equally, same block on every card */
.vcat-back{justify-content:stretch!important;gap:6px!important;padding:46px 10px 10px!important}
.vcat-back a,.vcat-back a:last-child{flex:1 1 0;min-height:0;display:flex!important;align-items:center;justify-content:center;padding:0 6px!important;line-height:1.3!important}
.vcat-back .vcat-all{flex:1.15 1 0}
/* 3.9.6 shop/category archive cards: beat WooCommerce default column widths */
.woocommerce ul.products[class*=columns-],.woocommerce-page ul.products[class*=columns-]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;margin:0 0 30px;padding:0;list-style:none}
.woocommerce ul.products[class*=columns-] li.product,.woocommerce-page ul.products[class*=columns-] li.product{float:none!important;width:auto!important;max-width:none;margin:0!important;padding:0 0 16px;display:flex;flex-direction:column;border:1px solid var(--line);background:#fff;text-align:center;overflow:hidden}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:block}
.woocommerce ul.products li.product img{aspect-ratio:4/5;height:auto;object-fit:cover;margin:0 0 12px}
.woocommerce ul.products li.product .price{display:block;margin:2px 0 12px}
.woocommerce ul.products li.product .button{display:block;width:auto;margin:auto 12px 0;padding:11px 8px;line-height:1.5;text-align:center;font-size:15px;white-space:normal}
@media(min-width:760px){.woocommerce ul.products[class*=columns-],.woocommerce-page ul.products[class*=columns-]{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}}
@media(min-width:1000px){.woocommerce ul.products[class*=columns-],.woocommerce-page ul.products[class*=columns-]{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ===== 3.9.9 ===== */
/* featured photo: a bit larger, even spacing around it */
.feat{padding:60px 24px}
.frame{width:min(380px,84%)}
.feat+.sl{margin-top:28px}
/* hidden back of a flipped category card must not be reachable with the keyboard */
.vcat:not(.is-flipped) .vcat-back{visibility:hidden;transition:visibility 0s .3s}
.vcat.is-flipped .vcat-back{visibility:visible;transition-delay:0s}

/* shop sorting: pills instead of the phone's plain drop-down */
.woocommerce-ordering{display:none}
.woocommerce-result-count{float:none;margin:0 0 12px;color:var(--muted);font-size:15px}
.vsort{display:flex;gap:8px;margin:0 0 22px;padding:2px 0 8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.vsort::-webkit-scrollbar{display:none}
.vsort-chip{flex:none;display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border:1px solid #DFC9BF;border-radius:999px;background:#fff;color:var(--wine);font-size:15px;line-height:1;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.vsort-chip:hover{border-color:var(--wine)}
.vsort-chip.is-on{background:var(--wine);border-color:var(--wine);color:#fff}

/* cart + checkout (WooCommerce blocks): brand buttons, fields, totals that never get cut */
.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{font-size:16px;overflow-wrap:anywhere}
.vmain .wc-block-components-button:not(.is-link){min-height:52px;border:0!important;border-radius:5px!important;background:var(--crimson)!important;color:#fff!important;font-weight:600;box-shadow:none}
.vmain .wc-block-components-button:not(.is-link):hover{background:var(--crimson2)!important}
.vmain .wc-block-components-button.outlined:not(.is-link){background:transparent!important;border:1px solid var(--wine)!important;color:var(--wine)!important}
.vmain .wc-block-components-button__text{color:inherit}
.vmain .wc-block-components-text-input input,.vmain .wc-block-components-combobox .components-combobox-control input,.vmain .wc-blocks-components-select__select,.vmain .wc-block-components-textarea{border-radius:5px;border-color:var(--field);background:#FFFEFA}
.vmain .wc-block-components-text-input input:focus,.vmain .wc-blocks-components-select__select:focus{border-color:var(--crimson);box-shadow:0 0 0 1px var(--crimson)}
.vmain .wc-block-components-quantity-selector{border-radius:5px}
.vmain .wc-block-cart-items .wc-block-cart-item__total,.vmain .wc-block-components-product-price{min-width:0;white-space:normal;overflow-wrap:anywhere}
.vmain .wc-block-components-totals-item__value,.vmain .wc-block-components-order-summary-item__total-price{white-space:normal}
.vmain .wc-block-components-totals-wrapper,.vmain .wc-block-components-panel{border-color:var(--line)}
.vmain .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{color:var(--maroon);font-weight:700}
.vmain .wc-block-components-product-name{color:var(--maroon);font-weight:600}
/* empty cart: a calm bag instead of the sad face */
.vmain .with-empty-cart-icon::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 13H6z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 13H6z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E")!important;background-color:var(--wine)!important;opacity:.85}
.vmain .wc-block-cart__empty-cart__title{margin:0 0 10px;text-align:center;font-size:clamp(20px,5.4vw,26px);font-weight:600;color:var(--wine)}
.vmain .wp-block-woocommerce-empty-cart-block>p{text-align:center}
.vmain .wp-block-woocommerce-empty-cart-block>p a{display:inline-flex;align-items:center;min-height:46px;padding:0 26px;border:1px solid var(--wine);border-radius:999px;color:var(--wine);text-decoration:none}
.vmain .wp-block-woocommerce-empty-cart-block .wp-block-separator{display:none}
.vmain .wp-block-woocommerce-empty-cart-block h2.wp-block-heading{margin:26px 0 18px;text-align:center;font-size:clamp(22px,5.6vw,28px);color:var(--wine)}
/* product grids inside blocks ("new in the shop"): two even columns like the rest of the shop */
.vmain .wc-block-grid__products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;margin:0;padding:0;list-style:none}
.vmain .wc-block-grid__product{width:auto!important;max-width:none!important;flex:none!important;margin:0!important;padding:0 0 16px!important;display:flex;flex-direction:column;border:1px solid var(--line);background:#fff;text-align:center;overflow:hidden}
.vmain .wc-block-grid__product-image{margin:0 0 12px}
.vmain .wc-block-grid__product-image img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.vmain .wc-block-grid__product-title{padding:0 10px;font-size:16.5px;line-height:1.8;color:var(--text)}
.vmain .wc-block-grid__product-price{display:block;margin:2px 0 12px;color:var(--maroon);font-weight:600}
.vmain .wc-block-grid__product-add-to-cart{margin-top:auto}
.vmain .wc-block-grid__product-add-to-cart .wp-block-button__link{display:block;margin:0 12px;padding:11px 8px;border:0;border-radius:5px;background:var(--crimson);color:#fff;font-size:15px;font-weight:600;line-height:1.5;text-align:center}
@media(min-width:760px){.vmain .wc-block-grid__products{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* 3.9.9b: result count on its own line, never under the sort pills */
.vmain .woocommerce-result-count{float:none!important;display:block!important;width:100%;margin:0 0 12px!important;text-align:start}
.vmain .vsort{clear:both;width:100%}

/* 3.9.9c: shop sort pills wrap (all visible, no side-scrolling); English footer tidy */
.vmain .vsort{flex-wrap:wrap;overflow:visible;gap:8px}
.vmain .vsort-chip{min-height:38px;padding:0 15px;font-size:14.5px}
html:not(:lang(fa)) .vf-tag{font-size:clamp(18px,5.4vw,22px);line-height:1.55;font-weight:600;padding:0 14px}
html:not(:lang(fa)) .vf-tag2{font-size:14.5px;line-height:1.6;padding:2px 16px 0}
html:not(:lang(fa)) .vf-top .vf-links{max-width:330px;gap:4px 12px}
html:not(:lang(fa)) .vf-top .vf-links a{white-space:normal;font-size:15px;line-height:1.35;padding:8px 4px;text-align:center;justify-content:center}

/* 3.9.9d: sort pills as an even grid (3 columns in Persian, 2 in other languages) */
.vmain .vsort{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html:not(:lang(fa)) .vmain .vsort{grid-template-columns:repeat(2,minmax(0,1fr))}
.vmain .vsort-chip{justify-content:center;text-align:center;padding:0 8px;white-space:normal;line-height:1.25;min-height:40px}
@media(min-width:700px){.vmain .vsort,html:not(:lang(fa)) .vmain .vsort{display:flex;flex-wrap:wrap}.vmain .vsort-chip{padding:0 18px;white-space:nowrap}}
