/* ============================================================
   Mahbod Style — Store skin (mahbod.style/store, Woodmart + WooCommerce)
   Same design language as the hub landing. Paste into:
   Appearance > Customize > Additional CSS  (or Code Snippets > CSS / woodmart-child/style.css)
   Font: Ravi must be loaded site-wide (falls back to IRansansX).
   ============================================================ */
:root{
  --ms-red:#DA5A53; --ms-red-d:#C8453F; --ms-ink:#1B0F0E; --ms-cream:#FFF5F1; --ms-blush:#FBE3DD; --ms-muted:#7a625f;
  --ms-r:26px; --ms-ease:cubic-bezier(.2,.8,.2,1);
  --wd-primary-color:#DA5A53; --btn-accented-bgcolor:#DA5A53; --btn-accented-bgcolor-hover:#C8453F;
  --wd-brd-radius:18px;
}
body, button, input, select, textarea, .btn, .button,
h1,h2,h3,h4,h5,h6,.title,.wd-entities-title,.price{font-family:'Ravi','IRansansX','Vazirmatn',Tahoma,sans-serif!important}
body{background:var(--ms-cream)}
.website-wrapper{background:transparent}

/* soft living background */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(520px 520px at 8% -4%,rgba(247,165,158,.55),transparent 70%),
             radial-gradient(460px 460px at 100% 38%,rgba(218,90,83,.16),transparent 70%),
             radial-gradient(420px 420px at 30% 100%,rgba(255,201,184,.5),transparent 70%)}

/* ---------- header ---------- */
.whb-header .whb-general-header,.whb-header .whb-header-bottom{background:rgba(255,245,241,.82)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.whb-header .whb-header-bottom{border-bottom:1px solid rgba(218,90,83,.15)!important}
.whb-header .wd-nav>li>a{font-weight:700;border-radius:99px;transition:.35s var(--ms-ease)}
.whb-header .wd-nav>li:hover>a,.whb-header .wd-nav>li.current-menu-item>a{background:var(--ms-red);color:#fff!important}
.whb-header .searchform input[type=text]{border-radius:99px!important;border:1.5px solid rgba(218,90,83,.25)!important;background:#fff!important;box-shadow:0 10px 26px -16px rgba(200,69,63,.5)}
.whb-header .searchform input[type=text]:focus{border-color:var(--ms-red)!important}
.whb-top-bar,.whb-header .wd-header-text{font-size:.85rem}

/* ---------- buttons ---------- */
.btn,.button,button.single_add_to_cart_button,.wd-buttons .btn,.elementor-button,.wd-btn-arrow{
  border-radius:99px!important;font-weight:800!important;letter-spacing:0;transition:transform .4s var(--ms-ease),box-shadow .4s var(--ms-ease),background .3s!important}
.btn-color-primary,.btn-color-default,.add_to_cart_button,.single_add_to_cart_button,.checkout-button{
  background:var(--ms-red)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 16px 30px -14px rgba(200,69,63,.75)}
.btn-color-primary:hover,.btn-color-default:hover,.add_to_cart_button:hover,.single_add_to_cart_button:hover,.checkout-button:hover{
  background:var(--ms-red-d)!important;transform:translateY(-3px);box-shadow:0 22px 36px -14px rgba(200,69,63,.9)}

/* ---------- section titles (barber stripe underline) ---------- */
.title-wrapper .title,.wd-el-title .title,.elementor-widget-heading .elementor-heading-title,.section-title .title{
  font-weight:900!important;position:relative;display:inline-block;padding-bottom:12px}
.title-wrapper .title::after,.wd-el-title .title::after,.elementor-widget-heading .elementor-heading-title::after{
  /* shown on section titles only — blog-card titles and footer headings are excluded below */
  content:"";position:absolute;inset-inline-start:0;bottom:0;width:78px;height:6px;border-radius:99px;
  background:repeating-linear-gradient(-45deg,var(--ms-red) 0 6px,#fff 6px 12px,#3b6fd8 12px 18px,#fff 18px 24px);background-size:34px 100%;animation:msStripe 1.6s linear infinite}
@keyframes msStripe{to{background-position:34px 0}}

/* ---------- product cards ---------- */
.wd-product .product-wrapper,.product-grid-item .product-wrapper{
  background:#fff;border-radius:var(--ms-r);border:1px solid rgba(27,15,14,.06);overflow:hidden;padding:12px;
  transition:transform .5s var(--ms-ease),box-shadow .5s var(--ms-ease)}
.wd-product:hover .product-wrapper{transform:translateY(-8px);box-shadow:0 36px 56px -32px rgba(27,15,14,.5)}
.wd-product .product-image-link,.wd-product .product-element-top{border-radius:calc(var(--ms-r) - 8px);overflow:hidden;background:var(--ms-blush)}
.wd-product .product-image-link img{transition:transform .8s var(--ms-ease)}
.wd-product:hover .product-image-link img{transform:scale(1.07)}
.wd-product .wd-entities-title,.wd-product .wd-entities-title a{font-weight:800;font-size:.95rem;line-height:1.7;color:var(--ms-ink)}
.wd-product .wd-entities-title a:hover{color:var(--ms-red-d)}
.wd-product .price{font-weight:900;color:var(--ms-red-d)}
.wd-product .price del,.wd-product .price del *{color:var(--ms-muted);font-weight:500;opacity:.8}
.wd-product .price ins{text-decoration:none}

/* sale badge */
.product-labels .onsale,.onsale.product-label{
  background:var(--ms-ink)!important;color:#fff!important;border-radius:99px!important;min-width:0!important;width:auto!important;height:auto!important;
  padding:5px 13px!important;line-height:1.5!important;font-weight:900;font-size:.8rem;box-shadow:0 10px 20px -10px rgba(0,0,0,.6)}
.product-label.new{background:var(--ms-red)!important;border-radius:99px!important}

/* ---------- category / banner tiles ---------- */
.wd-carousel-item img,.category-grid-item,.wd-cat,.cat-design-alt .wd-cat-inner,.elementor-widget-image img{border-radius:var(--ms-r)}
.wd-carousel-item a,.category-grid-item{transition:transform .5s var(--ms-ease),box-shadow .5s var(--ms-ease);display:block}
.wd-carousel-item a:hover{transform:translateY(-6px);box-shadow:0 34px 50px -30px rgba(27,15,14,.55)}
.wd-slider .wd-carousel-item img,.wd-slider img{border-radius:34px}

/* ---------- carousel arrows ---------- */
.wd-arrow-inner,.wd-btn-arrow .wd-arrow-inner{border-radius:50%!important;background:#fff!important;color:var(--ms-red-d)!important;box-shadow:0 12px 26px -12px rgba(27,15,14,.5)}
.wd-btn-arrow:hover .wd-arrow-inner{background:var(--ms-red)!important;color:#fff!important}

/* ---------- "view all" links ---------- */
.wd-el-title a,.title-wrapper a,.more-btn a,.elementor-widget-button .elementor-button{color:var(--ms-red-d)}

/* ---------- trust / info boxes ---------- */
.elementor-widget-icon-box .elementor-icon-box-wrapper{background:rgba(255,255,255,.75);border:1px solid rgba(218,90,83,.18);border-radius:var(--ms-r);padding:22px;backdrop-filter:blur(8px);transition:transform .5s var(--ms-ease)}
.elementor-widget-icon-box:hover .elementor-icon-box-wrapper{transform:translateY(-5px)}
.elementor-widget-icon-box .elementor-icon{color:var(--ms-red)!important}
.elementor-icon-box-title{font-weight:900;color:var(--ms-ink)}
.info-box-wrapper,.wd-info-box{background:rgba(255,255,255,.75);border:1px solid rgba(218,90,83,.18);border-radius:var(--ms-r);padding:20px;backdrop-filter:blur(8px);transition:transform .5s var(--ms-ease)}
.info-box-wrapper:hover,.wd-info-box:hover{transform:translateY(-5px)}
.info-box-title{font-weight:900;color:var(--ms-ink)}

/* ---------- footer ---------- */
.wd-footer,.footer-container{background:var(--ms-ink)!important;color:#f3dcd8!important;border-radius:40px 40px 0 0;margin-top:40px;overflow:hidden}
.wd-footer .wd-section-stretch{background:var(--ms-ink)!important}            /* the grey block inside the footer */
.wd-footer,.wd-footer p,.wd-footer li,.wd-footer a,.wd-footer span{color:#f3dcd8}
.wd-footer a:hover{color:#fff!important}
.wd-footer .elementor-heading-title,.wd-footer .widget-title,.wd-footer .title{color:#fff!important}
.wd-footer .elementor-heading-title::after{display:none}                      /* no stripe in footer */
.wd-footer .elementor-icon-box-wrapper{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.12)!important}
.wd-footer .elementor-icon-box-title{color:#fff!important}
.wd-footer .elementor-icon-box-description{color:#e7c9c4!important}
.wd-footer .elementor-element.e-con[class*="e-con-boxed"]:first-child{border-radius:30px}
.copyrights-wrapper,.wd-copyrights{background:rgba(255,255,255,.04)!important}

/* ---------- forms / inputs ---------- */
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],select,textarea{border-radius:16px!important}

/* ---------- a11y ---------- */
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* stripe only on section titles (span/h6 in this page); hide it on card-style headings */
.elementor-widget-heading h3.elementor-heading-title::after,
.elementor-widget-heading h4.elementor-heading-title::after,
.elementor-widget-heading h5.elementor-heading-title::after{display:none}