:root{ --bg-1:#f6fbff; --bg-2:#fff7fb; --bg-3:#f7fff8; --text:#17202a; --muted:#5f6b76; --line:rgba(255,255,255,.55); --line-strong:rgba(255,255,255,.8); --glass:rgba(255,255,255,.28); --glass-2:rgba(255,255,255,.38); --glass-3:rgba(255,255,255,.48); --shadow:0 18px 60px rgba(53,72,94,.10); --shadow-soft:0 10px 30px rgba(53,72,94,.08); --blue:#8fd3ff; --pink:#ffc6e7; --mint:#b9f4da; --lav:#d8c7ff; --peach:#ffd8b5; --gold:#ffe7a8; --radius-xl:36px; --radius-lg:28px; --radius-md:22px; --radius-sm:16px; } *{ box-sizing:border-box; } html{ scroll-behavior:smooth; } body{ margin:0; direction:rtl; color:var(--text); background: radial-gradient(circle at 12% 12%, rgba(143,211,255,.38), transparent 24%), radial-gradient(circle at 88% 18%, rgba(255,198,231,.32), transparent 22%), radial-gradient(circle at 18% 82%, rgba(185,244,218,.28), transparent 26%), radial-gradient(circle at 82% 78%, rgba(216,199,255,.26), transparent 24%), linear-gradient(180deg, var(--bg-1), var(--bg-2) 44%, var(--bg-3)); overflow-x:hidden; } a{ color:inherit; text-decoration:none; } img{ display:block; width:100%; height:100%; object-fit:cover; } .glass-page{ position:relative; width:100%; min-height:100vh; isolation:isolate; } .glass-page::before, .glass-page::after{ content:""; position:fixed; pointer-events:none; z-index:0; width:420px; height:420px; border-radius:50%; filter:blur(10px); opacity:.72; mix-blend-mode:screen; } .glass-page::before{ top:-120px; left:-140px; background:radial-gradient(circle, rgba(143,211,255,.30), transparent 68%); } .glass-page::after{ bottom:-140px; right:-140px; background:radial-gradient(circle, rgba(255,198,231,.24), transparent 68%); } .bg-orb{ position:fixed; z-index:0; pointer-events:none; border-radius:50%; filter:blur(22px); mix-blend-mode:screen; opacity:.82; transform-origin:center center; } .orb-a{ width:26vw; height:26vw; min-width:260px; min-height:260px; background:radial-gradient(circle at 30% 30%, rgba(255,198,231,.78), rgba(255,198,231,.16) 46%, transparent 72%); top:8%; left:-6%; animation:spiralFloatA 28s infinite linear; } .orb-b{ width:22vw; height:22vw; min-width:220px; min-height:220px; background:radial-gradient(circle at 40% 35%, rgba(143,211,255,.74), rgba(143,211,255,.16) 45%, transparent 72%); top:18%; right:-7%; animation:spiralFloatB 34s infinite linear; } .orb-c{ width:20vw; height:20vw; min-width:200px; min-height:200px; background:radial-gradient(circle at 35% 40%, rgba(185,244,218,.66), rgba(185,244,218,.15) 46%, transparent 72%); top:44%; left:-8%; animation:spiralFloatC 30s infinite linear; } .orb-d{ width:24vw; height:24vw; min-width:240px; min-height:240px; background:radial-gradient(circle at 38% 34%, rgba(216,199,255,.64), rgba(216,199,255,.16) 46%, transparent 72%); bottom:6%; right:-8%; animation:spiralFloatD 36s infinite linear; } .orb-e{ width:18vw; height:18vw; min-width:180px; min-height:180px; background:radial-gradient(circle at 35% 35%, rgba(255,231,168,.66), rgba(255,231,168,.15) 46%, transparent 72%); top:60%; left:28%; animation:spiralFloatE 26s infinite linear; } .orb-f{ width:15vw; height:15vw; min-width:150px; min-height:150px; background:radial-gradient(circle at 35% 35%, rgba(255,214,181,.62), rgba(255,214,181,.12) 45%, transparent 72%); top:30%; left:56%; animation:spiralFloatF 24s infinite linear; } @keyframes spiralFloatA{ 0% { transform: translate(0,0) rotate(0deg) scale(1); } 12% { transform: translate(8vw,12vh) rotate(50deg) scale(1.08); } 25% { transform: translate(16vw,2vh) rotate(110deg) scale(.95); } 38% { transform: translate(8vw,-10vh) rotate(170deg) scale(1.12); } 50% { transform: translate(0,0) rotate(240deg) scale(1); } 62% { transform: translate(10vw,14vh) rotate(300deg) scale(1.1); } 75% { transform: translate(18vw,4vh) rotate(350deg) scale(.92); } 88% { transform: translate(8vw,-8vh) rotate(410deg) scale(1.06); } 100% { transform: translate(0,0) rotate(480deg) scale(1); } } @keyframes spiralFloatB{ 0% { transform: translate(0,0) rotate(0deg) scale(1); } 14% { transform: translate(-10vw,10vh) rotate(-70deg) scale(1.08); } 28% { transform: translate(-18vw,-2vh) rotate(-140deg) scale(.94); } 42% { transform: translate(-10vw,-12vh) rotate(-210deg) scale(1.1); } 56% { transform: translate(0,0) rotate(-280deg) scale(1); } 70% { transform: translate(-12vw,12vh) rotate(-350deg) scale(1.12); } 84% { transform: translate(-20vw,0vh) rotate(-420deg) scale(.92); } 100% { transform: translate(0,0) rotate(-480deg) scale(1); } } @keyframes spiralFloatC{ 0% { transform: translate(0,0) rotate(0deg) scale(1); } 16% { transform: translate(7vw,-10vh) rotate(65deg) scale(1.05); } 32% { transform: translate(15vw,2vh) rotate(130deg) scale(.96); } 48% { transform: translate(8vw,12vh) rotate(195deg) scale(1.12); } 64% { transform: translate(0,0) rotate(260deg) scale(1); } 80% { transform: translate(10vw,-12vh) rotate(325deg) scale(1.08); } 100% { transform: translate(0,0) rotate(390deg) scale(1); } } @keyframes spiralFloatD{ 0% { transform: translate(0,0) rotate(0deg) scale(1); } 13% { transform: translate(-8vw,-12vh) rotate(60deg) scale(1.08); } 26% { transform: translate(-16vw,-2vh) rotate(120deg) scale(.95); } 39% { transform: translate(-8vw,10vh) rotate(180deg) scale(1.1); } 52% { transform: translate(0,0) rotate(240deg) scale(1); } 65% { transform: translate(-10vw,-14vh) rotate(300deg) scale(1.08); } 78% { transform: translate(-18vw,-4vh) rotate(360deg) scale(.94); } 100% { transform: translate(0,0) rotate(420deg) scale(1); } } @keyframes spiralFloatE{ 0% { transform: translate(0,0) rotate(0deg) scale(1); } 15% { transform: translate(5vw,8vh) rotate(72deg) scale(1.1); } 30% { transform: translate(-3vw,16vh) rotate(144deg) scale(.95); } 45% { transform: translate(-10vw,4vh) rotate(216deg) scale(1.08); } 60% { transform: translate(0,0) rotate(288deg) scale(1); } 75% { transform: translate(8vw,10vh) rotate(360deg) scale(1.1); } 100% { transform: translate(0,0) rotate(432deg) scale(1); } } @keyframes spiralFloatF{ 0% { transform: translate(0,0) rotate(0deg) scale(1); } 14% { transform: translate(-6vw,9vh) rotate(-60deg) scale(1.08); } 28% { transform: translate(-12vw,-1vh) rotate(-120deg) scale(.96); } 42% { transform: translate(-6vw,-11vh) rotate(-180deg) scale(1.12); } 56% { transform: translate(0,0) rotate(-240deg) scale(1); } 70% { transform: translate(-8vw,10vh) rotate(-300deg) scale(1.08); } 84% { transform: translate(-14vw,0vh) rotate(-360deg) scale(.95); } 100% { transform: translate(0,0) rotate(-420deg) scale(1); } } .container{ width:95%; max-width:95%; margin:0 auto; position:relative; z-index:1; } .glass{ background:var(--glass); backdrop-filter:blur(22px) saturate(150%); -webkit-backdrop-filter:blur(22px) saturate(150%); border:1px solid var(--line); box-shadow:var(--shadow); } .glass-strong{ background:var(--glass-3); backdrop-filter:blur(24px) saturate(160%); -webkit-backdrop-filter:blur(24px) saturate(160%); border:1px solid var(--line-strong); box-shadow:var(--shadow); } .pill{ border-radius:999px; } .section{ padding:28px 0; } .btn{ border:0; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:13px 18px; border-radius:999px; transition:.25s ease; white-space:nowrap; font:inherit; } .btn-primary{ color:#fff; background:linear-gradient(135deg, rgba(120,191,255,.98), rgba(168,134,255,.98)); box-shadow:0 16px 34px rgba(120,191,255,.22); } .btn-primary:hover{ transform:translateY(-2px); } .btn-secondary{ color:var(--text); background:rgba(255,255,255,.30); border:1px solid rgba(255,255,255,.70); } .hero{ padding:24px 0 10px; } .hero-shell{ border-radius:42px; padding:22px; overflow:hidden; position:relative; } .hero-shell::before{ content:""; position:absolute; inset:0; background: radial-gradient(circle at 15% 18%, rgba(255,255,255,.75), transparent 18%), radial-gradient(circle at 82% 16%, rgba(143,211,255,.22), transparent 16%), radial-gradient(circle at 88% 82%, rgba(255,198,231,.18), transparent 18%); pointer-events:none; } .hero-grid{ position:relative; z-index:1; display:grid; grid-template-columns:1fr; gap:22px; align-items:stretch; } .hero-banner{ position:relative; border-radius:32px; min-height:560px; overflow:hidden; background: linear-gradient(135deg, rgba(255,255,255,.24), rgba(255,255,255,.12)), linear-gradient(135deg, rgba(143,211,255,.18), rgba(255,198,231,.16), rgba(185,244,218,.14)); border:1px solid rgba(255,255,255,.68); box-shadow:var(--shadow); } .hero-banner .banner-media{ position:absolute; inset:0; } .hero-banner .banner-media img{ width:100%; height:100%; object-fit:cover; filter:saturate(1.02) contrast(1.02); } .hero-banner .banner-overlay{ position:absolute; inset:0; background: radial-gradient(circle at 18% 18%, rgba(255,255,255,.26), transparent 24%), radial-gradient(circle at 82% 18%, rgba(143,211,255,.18), transparent 20%), radial-gradient(circle at 60% 78%, rgba(255,198,231,.14), transparent 22%), linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.18)); backdrop-filter:blur(1px); } .hero-banner .banner-inner{ position:relative; z-index:2; height:100%; display:flex; flex-direction:column; justify-content:flex-end; padding:clamp(22px, 4vw, 42px); } .hero-banner .eyebrow{ display:inline-flex; align-items:center; gap:10px; width:fit-content; padding:9px 14px; border-radius:999px; background:rgba(255,255,255,.40); border:1px solid rgba(255,255,255,.70); color:#5c7f98; font-size:13px; font-weight:700; backdrop-filter:blur(14px); } .hero-banner .eyebrow::before{ content:""; width:8px; height:8px; border-radius:50%; background:linear-gradient(135deg, var(--blue), var(--lav)); box-shadow:0 0 0 6px rgba(143,211,255,.14); } .hero-banner h1{ margin:18px 0 14px; max-width:100%; font-size:clamp(2.2rem, 4.4vw, 4.8rem); line-height:1.08; letter-spacing:-1.2px; } .hero-banner p{ margin:0; max-width:62ch; color:var(--muted); line-height:2; font-size:15px; } .hero-banner .hero-actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; } .hero-banner .hero-stats{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px; margin-top:26px; } .hero-banner .stat{ padding:16px; border-radius:24px; background:rgba(255,255,255,.30); border:1px solid rgba(255,255,255,.70); box-shadow:var(--shadow-soft); backdrop-filter:blur(18px); } .hero-banner .stat strong{ display:block; font-size:22px; letter-spacing:-.5px; } .hero-banner .stat span{ display:block; margin-top:6px; color:var(--muted); font-size:13px; line-height:1.7; } .section-head{ display:flex; align-items:end; justify-content:space-between; gap:18px; margin-bottom:18px; } .section-head h2{ margin:0; font-size:clamp(1.35rem, 2vw, 2.1rem); letter-spacing:-.5px; } .section-head p{ margin:0; max-width:62ch; color:var(--muted); line-height:1.9; font-size:14px; } .chips{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:18px; } .chip{ padding:10px 14px; border-radius:999px; background:rgba(255,255,255,.30); border:1px solid rgba(255,255,255,.72); color:rgba(23,32,42,.80); font-size:13px; } .products-grid{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:18px; } .product-card{ min-height:100%; display:flex; flex-direction:column; gap:14px; padding:16px; border-radius:28px; background:rgba(255,255,255,.24); backdrop-filter:blur(20px) saturate(150%); -webkit-backdrop-filter:blur(20px) saturate(150%); border:1px solid rgba(255,255,255,.68); box-shadow:var(--shadow-soft); transition:.26s ease; } .product-card:hover{ transform:translateY(-4px); } .product-media{ min-height:200px; border-radius:24px; overflow:hidden; position:relative; background: linear-gradient(135deg, rgba(143,211,255,.24), rgba(255,255,255,.34), rgba(255,198,231,.18)), linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.10)); border:1px solid rgba(255,255,255,.72); } .product-tag{ position:absolute; top:14px; right:14px; padding:8px 12px; border-radius:999px; background:rgba(255,255,255,.42); border:1px solid rgba(255,255,255,.72); font-size:12px; font-weight:700; color:#5a7893; z-index:2; } .product-media img{ position:absolute; inset:0; object-fit:cover; } .product-body{ display:flex; flex-direction:column; gap:10px; flex:1; } .product-body h3{ margin:0; font-size:15px; line-height:1.8; } .product-body p{ margin:0; color:var(--muted); font-size:13px; line-height:1.85; } .product-meta{ margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:6px; } .price{ display:flex; flex-direction:column; gap:2px; } .price strong{ font-size:18px; letter-spacing:-.3px; } .price span{ font-size:12px; color:var(--muted); } .buy-link{ padding:11px 14px; border-radius:999px; background:linear-gradient(135deg, rgba(120,191,255,.96), rgba(168,134,255,.96)); color:#fff; font-size:13px; transition:.25s ease; } .buy-link:hover{ transform:translateY(-2px); } .feature-strip{ display:grid; grid-template-columns:1.15fr .85fr; gap:18px; align-items:stretch; } .panel{ border-radius:30px; padding:22px; background:rgba(255,255,255,.24); backdrop-filter:blur(22px) saturate(150%); -webkit-backdrop-filter:blur(22px) saturate(150%); border:1px solid rgba(255,255,255,.70); box-shadow:var(--shadow-soft); } .feature-list{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14px; margin-top:16px; } .feature-item{ padding:16px; border-radius:22px; background:rgba(255,255,255,.32); border:1px solid rgba(255,255,255,.72); } .feature-item strong{ display:block; margin-bottom:6px; font-size:14px; } .feature-item span{ color:var(--muted); font-size:13px; line-height:1.8; } .story-panel p{ margin:14px 0 0; color:var(--muted); line-height:2; font-size:14px; } .story-box{ margin-top:18px; padding:18px; border-radius:24px; background:rgba(255,255,255,.32); border:1px solid rgba(255,255,255,.72); } .story-box strong{ display:block; margin-bottom:8px; font-size:15px; } .story-box span{ color:var(--muted); font-size:13px; line-height:1.9; } .collection-grid{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:18px; } .collection-card{ border-radius:28px; padding:16px; background:rgba(255,255,255,.24); backdrop-filter:blur(20px) saturate(150%); -webkit-backdrop-filter:blur(20px) saturate(150%); border:1px solid rgba(255,255,255,.70); box-shadow:var(--shadow-soft); } .collection-card .img-box{ height:210px; border-radius:22px; overflow:hidden; position:relative; border:1px solid rgba(255,255,255,.7); background:linear-gradient(135deg, rgba(143,211,255,.22), rgba(255,198,231,.16), rgba(185,244,218,.18)); } .collection-card h3{ margin:14px 0 8px; font-size:15px; } .collection-card p{ margin:0; color:var(--muted); line-height:1.9; font-size:13px; } .metrics{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:18px; } .metric{ padding:18px; border-radius:24px; background:rgba(255,255,255,.26); border:1px solid rgba(255,255,255,.70); box-shadow:var(--shadow-soft); text-align:center; } .metric strong{ display:block; font-size:24px; letter-spacing:-.5px; } .metric span{ display:block; margin-top:6px; color:var(--muted); font-size:13px; line-height:1.7; } .banner{ margin:26px 0 34px; } .banner-box{ padding:26px; border-radius:34px; display:grid; grid-template-columns:1fr auto; gap:18px; align-items:center; background:rgba(255,255,255,.26); backdrop-filter:blur(24px) saturate(150%); -webkit-backdrop-filter:blur(24px) saturate(150%); border:1px solid rgba(255,255,255,.72); box-shadow:var(--shadow); } .banner-box h3{ margin:0 0 8px; font-size:1.25rem; } .banner-box p{ margin:0; color:var(--muted); line-height:1.9; font-size:14px; max-width:64ch; } .newsletter-form{ display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-start; } .input{ min-width:260px; padding:14px 16px; border-radius:999px; border:1px solid rgba(255,255,255,.72); background:rgba(255,255,255,.42); color:var(--text); outline:none; font:inherit; } .input::placeholder{ color:rgba(23,32,42,.44); } footer{ padding:0 0 28px; } .footer-shell{ padding:24px; border-radius:34px; background:rgba(255,255,255,.24); backdrop-filter:blur(22px) saturate(150%); -webkit-backdrop-filter:blur(22px) saturate(150%); border:1px solid rgba(255,255,255,.70); box-shadow:var(--shadow-soft); } .footer-grid{ display:grid; grid-template-columns:1.1fr .9fr .9fr; gap:18px; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,.62); } .footer-brand p{ margin:14px 0 0; color:var(--muted); line-height:2; font-size:14px; max-width:48ch; } .footer-col h4{ margin:0 0 14px; font-size:15px; } .footer-col a, .footer-col span{ display:block; color:var(--muted); font-size:14px; line-height:2.1; } .footer-bottom{ padding-top:18px; display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; color:var(--muted); font-size:13px; } .socials{ display:flex; gap:10px; flex-wrap:wrap; } .socials a{ padding:10px 12px; border-radius:999px; background:rgba(255,255,255,.34); border:1px solid rgba(255,255,255,.72); color:var(--text); } @media (max-width:1100px){ .feature-strip, .banner-box, .footer-grid, .collection-grid{ grid-template-columns:1fr; } .products-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .metrics{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .hero-copy, .hero-banner{ min-height:auto; } } @media (max-width:760px){ .hero-shell{ padding:12px; border-radius:30px; } .hero-banner, .panel, .banner-box, .footer-shell{ border-radius:26px; } .hero-banner h1{ max-width:10ch; } .hero-banner .hero-stats, .products-grid, .feature-list, .metrics{ grid-template-columns:1fr; } .input{ width:100%; min-width:0; } .newsletter-form{ width:100%; } .newsletter-form .btn{ width:100%; } }
header{
position:sticky;
top:14px;
z-index:40;
margin-top:14px;
}
.header-inner{
padding:12px 16px;
border-radius:32px;
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
}
.brand{
display:flex;
align-items:center;
gap:12px;
min-width:180px;
flex:0 0 auto;
}
.brand-mark{
width:140px;
height:48px;
display:flex;
align-items:center;
justify-content:center;
background:none;
border:none;
box-shadow:none;
padding:0;
overflow:hidden;
flex:0 0 auto;
}
.brand-mark img{
width:100%;
height:100%;
object-fit:contain;
display:block;
}
.brand-text{ display:none; }
.wd-header-nav{
flex:1 1 auto;
min-width:0;
overflow:visible;
}
.wd-header-nav .menu{
list-style:none;
padding:0;
margin:0;
display:flex;
align-items:center;
justify-content:center;
gap:6px;
flex-wrap:nowrap;
white-space:nowrap;
}
.wd-header-nav .menu > li{
position:relative;
flex:0 0 auto;
white-space:nowrap;
}
.woodmart-nav-link{
display:inline-flex;
align-items:center;
white-space:nowrap;
padding:10px 12px;
border-radius:999px;
font-size:15px;
color:rgba(0, 0, 0, 0.82);
transition:.25s ease;
}
.wd-header-nav .menu > li > .woodmart-nav-link{
padding:10px 14px;
}
.woodmart-nav-link:hover{
background:rgba(255,255,255,.36);
transform:translateY(-1px);
}
.menu-item-has-children > a .nav-link-text,
.menu-item-has-children > a{
white-space:nowrap;
}
.menu-item-has-children > a::after{
content:"▾";
font-size:10px;
margin-right:8px;
opacity:.55;
transform:translateY(-1px);
}
.wd-dropdown-menu{
position:absolute;
top:calc(100% + 12px);
right:0;
min-width:280px;
padding:14px;
border-radius:24px;
background:rgba(255,255,255,.64);
backdrop-filter:blur(18px) saturate(140%);
-webkit-backdrop-filter:blur(18px) saturate(140%);
border:1px solid rgba(255,255,255,.82);
box-shadow:0 18px 60px rgba(53,72,94,.14);
opacity:0;
visibility:hidden;
transform:translateY(8px) scale(.98);
transition:.24s ease;
z-index:60;
}
.menu > li:hover > .wd-dropdown-menu,
.menu > li:focus-within > .wd-dropdown-menu{
opacity:1;
visibility:visible;
transform:translateY(0) scale(1);
}
.wd-dropdown-menu .container{
width:100%;
max-width:100%;
margin:0;
}
.wd-sub-menu{
list-style:none;
margin:0;
padding:0;
display:grid;
gap:6px;
}
.wd-sub-menu li{ white-space:nowrap; }
.wd-sub-menu .woodmart-nav-link{
width:100%;
justify-content:flex-start;
padding:11px 14px;
border-radius:16px;
background:rgba(255,255,255,.52);
border:1px solid rgba(255,255,255,.70);
color:rgba(23,32,42,.92);
white-space:normal;
word-break:break-word;
line-height:1.35;
}
.wd-sub-menu .woodmart-nav-link:hover{
background:rgba(255,255,255,.72);
transform:translateX(-2px);
}
/* فقط dropdown اکسسوری قهوه وسط‌چین و داخل صفحه */
/* dropdown اکسسوری قهوه - فیکس کامل وسط صفحه */
.wd-design-full-width{
position:fixed !important;
top:92px !important;
left:50% !important;
right:auto !important;
width:calc(100vw - 40px) !important;
max-width:1240px !important;
min-width:0 !important;
transform:translateX(-50%) !important;
margin:0 auto !important;
opacity:0;
visibility:hidden;
overflow:hidden;
box-sizing:border-box;
}
/* نمایش dropdown */
.menu > li:hover > .wd-design-full-width,
.menu > li:focus-within > .wd-design-full-width{
opacity:1;
visibility:visible;
transform:translateX(-50%) !important;
}
.wd-sub-accented{
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:8px;
width:100%;
}
.wd-sub-accented .wd-col{ min-width:0; }
.wd-sub-accented .woodmart-nav-link{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.wd-header-main-nav .wd-entry-content{
max-width:100%;
}
.header-actions{
display:flex;
align-items:center;
justify-content:flex-end;
gap:10px;
min-width:210px;
}
.icon-btn{
width:44px;
height:44px;
border-radius:16px;
background:rgba(255,255,255,.34);
border:1px solid rgba(255,255,255,.64);
box-shadow:var(--shadow-soft);
display:grid;
place-items:center;
color:var(--text);
transition:.25s ease;
border:0;
cursor:pointer;
font:inherit;
}
.icon-btn:hover{ transform:translateY(-2px); }
@media (max-width:1100px){
.wd-header-nav .menu{ justify-content:flex-start; overflow-x:auto; padding-bottom:2px; -ms-overflow-style:none; scrollbar-width:none;
}
.wd-header-nav .menu::-webkit-scrollbar{ display:none;
}
.wd-design-full-width{ width:min(95vw, calc(100vw - 24px)); max-width:calc(100vw - 24px); min-width:0;
}
}
@media (max-width:760px){
.header-inner{ flex-direction:column; align-items:stretch;
}
.brand,
.header-actions{ min-width:0; justify-content:space-between;
}
.wd-header-nav{ width:100%;
}
.wd-header-nav .menu{ width:100%; justify-content:flex-start; gap:6px;
}
.wd-header-nav .menu > li{ flex:0 0 auto;
}
.wd-dropdown-menu{ right:0; left:0; min-width:calc(100vw - 24px); max-width:calc(100vw - 24px); width:calc(100vw - 24px); transform:translateY(8px) scale(.98);
}
.wd-design-full-width{ left:50%; right:auto; width:calc(100vw - 24px); max-width:calc(100vw - 24px); min-width:0; transform:translate(-50%, 8px) scale(.98);
}
.menu > li:hover > .wd-design-full-width,
.menu > li:focus-within > .wd-design-full-width{ transform:translate(-50%, 0) scale(1);
}
} </p> انواع قهوه</p> قهوه میکس لیان پارس تجهیز
پودر های ترکیبی و فوری لیان پارس تجهیز
عربیکا
ربوستا
قهوه برند
کپسول قهوه اکسسوری بار سرد</p> مت بار
شات مدرج
جیگر
لوازم بار سرد
فوم ساز
مادلر اکسسوری قهوه</p> تمپر قهوه
لولر
نیدل
فانل
پاک اسکرین
دوزینگ کاپ
استند
ناک باکس
بانکه قهوه
بسکت قهوه
پرتافیلتر
ترازو
پیچر قهوه
کپسول شارژی
پیچر بمبر
محصولات بمبر
نمایندگی بمبر در ایران
فیلتر قهوه
ست لوازم جانبی قهوه
تراول ماگ
لیوان و شات
سایر لوازم قهوه و اکسسوری تجهیزات کافه</p> اسپرسوساز صنعتی
تجهیزات صنعتی
وافل ساز
کتل
پیش بند باریستا
شوینده دستگاه دستگاه قهوه ساز</p> فرنچ پرس
سایفون قهوه
قهوه دمی
موکاپات
قهوه ساز دستی
اسپرسو ساز خانگی
قهوه جوش جذوه آسیاب قهوه</p> آسیاب قهوه دستی
آسیاب فله زن
آسیاب آندیمند
آسیاب تک دوز مقالات</p> نویسندگان <p> ⌕ 🛒 ♡
شماره پشتیبانی واتساپ کاکائو سی تی اینستاگرام کاکائو سی تی