/*
Theme Name: Esmaeili Cosmetic
Description: قالب اختصاصی فروشگاه آرایشی اسماعیلی، فارسی و راست‌چین، سازگار با ووکامرس.
Version: 2.0.0
Author: Esmaeili Cosmetic
Text Domain: esmaeili-cosmetic
*/
:root{--pink:#f5dadd;--pale:#fff7f8;--rose:#d98d96;--dark:#382d30;--muted:#8b777b;--line:#f1e3e5}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--dark);font-family:Tahoma,Arial,sans-serif;line-height:1.8}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}.wrap{width:min(1240px,calc(100% - 38px));margin:auto}
.notice{height:29px;background:#e7adb4;color:#714d53;text-align:center;font-size:11px;padding:3px}
.head{background:#fff}.headrow{height:91px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.tools{display:flex;gap:19px;font-size:19px;color:#6e5a5f}.logo{text-align:center}.logo strong{font:40px Georgia,serif;display:block;line-height:1.05;letter-spacing:-1px}.logo small{font-size:10px;letter-spacing:5px;color:#c47e87}.search{justify-self:end;border:1px solid #eee;border-radius:30px;padding:7px 14px;width:220px;display:flex}.search input{border:0;outline:0;width:100%;font:11px Tahoma}.search button{border:0;background:none}
.nav{border-top:1px solid #f7eff0;border-bottom:1px solid #f7eff0}.nav ul{display:flex;justify-content:center;gap:35px;align-items:center;list-style:none;margin:0;padding:10px}.nav a{font-size:11px;color:#66575a}.nav a:hover{color:#c77b85}
.hero{height:auto;aspect-ratio:2.32/1;margin:18px auto 20px;border-radius:17px;overflow:hidden;background:#f9e4e6 url('assets/hero-cosmetics.jpg') center/cover no-repeat;position:relative}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,237,239,.7),transparent 57%)}.hero-copy{position:absolute;right:4.5%;top:19%;max-width:42%;z-index:1}.hero-copy .kicker{font-size:13px;margin:0 0 4px}.hero-copy h1{font:clamp(30px,4vw,53px) Georgia,serif;margin:0 0 10px;line-height:1.12}.hero-copy p{font-size:14px;margin:0 0 17px}.pill{display:inline-block;background:#d98791;color:#fff;border-radius:30px;padding:9px 22px;font-size:11px}
.section{padding:14px 0 18px}.sectitle{text-align:center;font-size:17px;font-weight:500;margin:0 0 17px}.sectitle:after{content:"";display:block;width:40px;height:2px;background:#e9aab1;margin:7px auto 0}
.cats{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;padding:12px 8px;border:1px solid #f4e9ea;border-radius:15px;box-shadow:0 5px 18px #9e6c7510}.cat{text-align:center;font-size:10px;color:#6c5b5e}.cat .bubble{width:68px;height:68px;border-radius:50%;margin:0 auto 5px;background:#fff2f3;display:grid;place-items:center;overflow:hidden}.cat img{width:100%;height:100%;object-fit:cover}.cat .symbol{font-size:25px;color:#bf7d86}
.cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.product{border:1px solid #f0e3e5;border-radius:12px;overflow:hidden;text-align:center;position:relative;background:#fff}.product .photo{height:165px;background:linear-gradient(145deg,#fff,#fff1f3);display:grid;place-items:center}.product .photo img{height:100%;width:100%;object-fit:contain;padding:8px}.product .info{padding:8px 8px 10px}.product h3{font-size:10px;font-weight:400;line-height:1.7;min-height:35px;margin:0 0 3px}.product .price{font-size:11px;color:#c16e79}.product .price del{color:#aaa;font-size:9px}.product .price ins{text-decoration:none}.product .button,.product a.add_to_cart_button{display:block!important;background:#f8dfe2!important;color:#b86e78!important;border-radius:8px!important;margin:7px 0 0!important;padding:5px!important;font-size:10px!important}.sale{position:absolute;top:8px;right:8px;background:#df929a;color:white;border-radius:20px;padding:1px 7px;font-size:9px;z-index:2}
.brands{display:flex;align-items:center;justify-content:space-around;gap:20px;flex-wrap:wrap;background:#fff8f9;border-radius:13px;padding:20px 12px}.brands span{font:19px Georgia,serif;color:#211c1e}
.promos{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.promo{min-height:110px;border-radius:13px;background:#fff0f2;display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.promo b{font-size:13px;font-weight:500}.promo small{display:block;color:#8b7479;font-size:10px}.promo i{font-style:normal;font-size:34px;color:#d78d96}
.footer{margin-top:15px;background:#fff3f4;border-radius:15px;padding:25px 20px 12px}.footgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:22px}.footgrid h4{font-size:12px;margin:0 0 8px}.footgrid p,.footgrid a{font-size:10px;color:#806d71}.footgrid ul{list-style:none;padding:0;margin:0}.footgrid li{margin:4px 0}.copyright{text-align:center;border-top:1px solid #f0dfe2;margin-top:18px;padding-top:9px;font-size:9px;color:#9b8589}
.content{padding:30px 0;min-height:300px}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;border:1px solid var(--line);border-radius:12px;padding:10px!important;text-align:center}.woocommerce ul.products li.product img{height:180px;object-fit:contain;background:#fff3f4;border-radius:8px}.woocommerce button.button,.woocommerce a.button,.woocommerce input.button{background:#d98791!important;color:#fff!important;border-radius:22px!important}
@media(max-width:850px){.wrap{width:calc(100% - 24px)}.headrow{height:75px}.logo strong{font-size:30px}.search{width:155px}.nav ul{gap:15px;flex-wrap:wrap}.nav a{font-size:10px}.hero{aspect-ratio:1.8/1}.hero-copy{max-width:48%;top:15%}.hero-copy h1{font-size:34px}.hero-copy p{font-size:11px}.cats{grid-template-columns:repeat(4,1fr)}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.product .photo{height:145px}.footgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.headrow{grid-template-columns:1fr 1fr 1fr}.tools{gap:9px;font-size:16px}.logo strong{font-size:25px}.logo small{letter-spacing:3px;font-size:8px}.search{width:100px;padding:6px}.search input{font-size:9px}.nav ul{gap:10px;padding:8px 2px}.hero{aspect-ratio:1.35/1;background-position:center}.hero:before{background:linear-gradient(90deg,rgba(255,237,239,.88),rgba(255,237,239,.1))}.hero-copy{right:5%;top:16%;max-width:65%}.hero-copy h1{font-size:28px}.hero-copy p{font-size:10px}.hero-copy .kicker{font-size:10px}.pill{font-size:9px;padding:7px 14px}.cats{gap:7px}.cat .bubble{width:57px;height:57px}.cat{font-size:9px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product .photo{height:150px}.promos{grid-template-columns:1fr}.promo{min-height:85px}.brands span{font-size:15px}.footgrid{grid-template-columns:repeat(2,1fr)}.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}}
