/*
Theme Name: SarynShop
Theme URI: https://sarynshop.ir/
Author: SarynShop
Description: پوسته فروشگاهی ریسپانسیو SarynShop با طراحی صورتی و سفید، سازگار با WooCommerce و قابل تنظیم از بخش سفارشی‌سازی وردپرس.
Version: 1.1.0
Text Domain: sarynshop
*/

:root{
 --ss-pink:#e9a1b8;
 --ss-pink-dark:#cf718f;
 --ss-pink-light:#fff1f5;
 --ss-text:#3c3035;
 --ss-muted:#806f76;
 --ss-white:#fff;
 --ss-border:#f1d7df;
 --ss-shadow:0 14px 40px rgba(122,55,76,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Tahoma,Arial,sans-serif;color:var(--ss-text);background:#fff;line-height:1.8}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input,textarea,select{font:inherit}
.ss-container{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.ss-site{min-height:100vh;display:flex;flex-direction:column}
.ss-main{flex:1}
.ss-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--ss-border)}
.ss-header-inner{min-height:78px;display:flex;align-items:center;gap:24px}
.ss-brand{display:flex;align-items:center;gap:12px;min-width:190px}
.ss-brand img{width:auto;height:52px;object-fit:contain}
.ss-brand-text{font-size:25px;font-weight:900;letter-spacing:-.5px;color:var(--ss-pink-dark)}
.ss-nav{display:flex;align-items:center;justify-content:center;gap:6px;flex:1}
.ss-nav a{padding:10px 12px;border-radius:12px;font-weight:700;transition:.25s}
.ss-nav a:hover{background:var(--ss-pink-light);color:var(--ss-pink-dark);transform:translateY(-2px)}
.ss-actions{display:flex;align-items:center;gap:8px}
.ss-icon-btn,.ss-menu-btn{width:44px;height:44px;border:0;border-radius:14px;background:var(--ss-pink-light);display:grid;place-items:center;cursor:pointer;transition:.25s;color:var(--ss-pink-dark)}
.ss-icon-btn:hover,.ss-menu-btn:hover{background:var(--ss-pink);color:#fff;transform:translateY(-2px)}
.ss-menu-btn{display:none;font-size:23px}
.ss-mobile-panel{display:none}
.ss-hero{position:relative;min-height:530px;display:grid;place-items:center;overflow:hidden;background:
 radial-gradient(circle at 15% 20%,rgba(255,255,255,.95),transparent 32%),
 radial-gradient(circle at 85% 20%,rgba(255,255,255,.8),transparent 30%),
 linear-gradient(135deg,#f7c2d1,#fff 55%,#f9dbe4)}
.ss-hero:before,.ss-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);opacity:.45}
.ss-hero:before{width:300px;height:300px;background:#f0a6bc;left:-100px;bottom:-120px}
.ss-hero:after{width:260px;height:260px;background:#f7d0dc;right:-80px;top:-80px}
.ss-hero-content{position:relative;z-index:2;text-align:center;max-width:780px;padding:72px 0}
.ss-eyebrow{display:inline-block;background:#fff;border:1px solid var(--ss-border);color:var(--ss-pink-dark);padding:5px 15px;border-radius:999px;font-weight:800;margin-bottom:12px}
.ss-hero h1{font-size:clamp(38px,6vw,72px);line-height:1.15;margin:0 0 15px;font-weight:950}
.ss-hero p{font-size:clamp(16px,2vw,21px);color:var(--ss-muted);margin:0 auto 26px;max-width:650px}
.ss-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:15px;padding:12px 22px;background:var(--ss-pink-dark);color:#fff;font-weight:800;cursor:pointer;transition:.25s;box-shadow:0 9px 22px rgba(207,113,143,.22)}
.ss-btn:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(207,113,143,.28)}
.ss-section{padding:65px 0}
.ss-section.alt{background:var(--ss-pink-light)}
.ss-heading{text-align:center;margin-bottom:30px}
.ss-heading h2{font-size:clamp(27px,4vw,38px);margin:0 0 5px}
.ss-heading p{margin:0;color:var(--ss-muted)}
.ss-categories{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.ss-category{position:relative;min-height:210px;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#fff,#fde5ec);border:1px solid var(--ss-border);box-shadow:var(--ss-shadow);display:flex;align-items:flex-end;padding:20px;isolation:isolate;transition:.35s}
.ss-category:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.88) 76%);z-index:-1}
.ss-category:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:0 22px 48px rgba(122,55,76,.16)}
.ss-category-icon{position:absolute;top:18px;right:18px;font-size:46px;opacity:.8;transition:.35s}
.ss-category:hover .ss-category-icon{transform:scale(1.15) rotate(8deg)}
.ss-category h3{margin:0;font-size:18px}
.ss-coming{position:absolute;inset:0;display:grid;place-items:center;background:rgba(207,113,143,.86);color:#fff;font-weight:950;font-size:22px;letter-spacing:1px;text-transform:uppercase;opacity:0;transition:.3s}
.ss-category.is-coming:hover .ss-coming{opacity:1}
.ss-products-wrap{position:relative}
.ss-products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ss-product{background:#fff;border:1px solid var(--ss-border);border-radius:22px;overflow:hidden;box-shadow:var(--ss-shadow);transition:.3s}
.ss-product:hover{transform:translateY(-7px)}
.ss-product-thumb{aspect-ratio:1/1;background:linear-gradient(135deg,#fde4ec,#fff);display:grid;place-items:center;color:var(--ss-pink-dark);font-size:48px}
.ss-product-info{padding:16px}
.ss-product-title{font-weight:800;margin:0 0 5px}
.ss-price{font-weight:900;color:var(--ss-pink-dark)}
.ss-placeholder-note{text-align:center;color:var(--ss-muted);margin-top:14px}
.ss-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ss-feature{padding:24px;border-radius:22px;background:#fff;border:1px solid var(--ss-border);box-shadow:var(--ss-shadow)}
.ss-feature-icon{font-size:30px}
.ss-footer{background:#33272c;color:#fff;padding:45px 0 18px}
.ss-footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}
.ss-footer h3{margin-top:0;color:#fff}
.ss-footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}
.ss-footer a{color:#f8dfe6}
.ss-footer a:hover{color:#fff}
.ss-symbols{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.ss-symbols img{max-height:90px;width:auto}
.ss-footer-bottom{border-top:1px solid rgba(255,255,255,.16);margin-top:30px;padding-top:16px;color:#e9dbe0;text-align:center}
.ss-footer-bottom a{color:#ffd2df;text-decoration:underline}
.ss-mobile-bottom-nav{display:none}
.ss-mobile-bottom-nav a{position:relative}
.ss-bottom-icon{position:relative;display:block;font-size:21px;line-height:1;margin-bottom:2px}
.ss-cart-bottom-icon b{position:absolute;top:-7px;right:-10px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:var(--ss-pink-dark);color:#fff;font:700 10px/16px Tahoma;text-align:center}
.woocommerce .site-main,.woocommerce-page .site-main{padding:40px 0}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:20px}
.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;padding:16px!important;border:1px solid var(--ss-border);border-radius:20px;background:#fff;box-shadow:var(--ss-shadow)}
.woocommerce ul.products li.product a.button{background:var(--ss-pink-dark);color:#fff;border-radius:12px}
.woocommerce-message,.woocommerce-info{border-top-color:var(--ss-pink-dark)}
@media(max-width:900px){
 .ss-mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;height:68px;z-index:9999;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.98);backdrop-filter:blur(14px);border-top:1px solid var(--ss-border);box-shadow:0 -8px 24px rgba(122,55,76,.10);padding-bottom:env(safe-area-inset-bottom)}
 .ss-mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#76666d;font-size:11px;font-weight:800}
 .ss-mobile-bottom-nav a.is-active{color:var(--ss-pink-dark)}
 body{padding-bottom:68px}

 .ss-nav{display:none}
 .ss-menu-btn{display:grid}
 .ss-header-inner{gap:10px}
 .ss-brand{flex:1;justify-content:center}
 .ss-brand-text{font-size:21px}
 .ss-mobile-panel{padding:10px 0 18px;border-top:1px solid var(--ss-border)}
 .ss-mobile-panel.is-open{display:block}
 .ss-mobile-panel a{display:block;padding:11px 14px;border-radius:12px;font-weight:800}
 .ss-mobile-panel a:hover{background:var(--ss-pink-light)}
 .ss-categories{grid-template-columns:repeat(3,1fr)}
 .ss-products,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:600px){
 .ss-container{width:min(100% - 22px,1180px)}
 .ss-header-inner{min-height:68px}
 .ss-brand img{height:42px}
 .ss-actions{gap:5px}
 .ss-icon-btn,.ss-menu-btn{width:40px;height:40px;border-radius:12px}
 .ss-hero{min-height:470px}
 .ss-hero-content{padding:55px 0}
 .ss-section{padding:45px 0}
 .ss-categories{grid-template-columns:repeat(2,1fr);gap:12px}
 .ss-category{min-height:175px;padding:15px;border-radius:18px}
 .ss-category-icon{font-size:36px}
 .ss-products{grid-template-columns:repeat(2,1fr)!important;gap:12px}
 .ss-product{border-radius:17px}
 .ss-feature-grid{grid-template-columns:1fr}
 .ss-footer-grid{grid-template-columns:1fr 1fr;gap:15px}
 .ss-footer-nav{grid-template-columns:1fr;gap:2px}
 .ss-footer{font-size:13px}
}