نماینده فروش سقف شیروانی در مهاباد

io-widget *{box-sizing:border-box;font-family:inherit} .kg-portfolio-banner{display:flex;align-items:center;gap:26px;background:linear-gradient(135deg,var(--kg-bg-soft) 0%,#FFFFFF 100%);border-radius:var(--kg-radius);padding:28px 32px;text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s ease,border-color .4s ease;box-shadow:0 10px 30px -15px rgba(198,54,24,.2);border:1.5px solid var(--kg-border);cursor:pointer;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0)} .kg-portfolio-banner::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 85% 50%,rgba(198,54,24,.08) 0%,transparent 55%);pointer-events:none} .kg-portfolio-banner::after{content:'';position:absolute;top:0;right:0;width:5px;height:100%;background:linear-gradient(180deg,var(--kg-primary),var(--kg-accent));transition:width .4s ease} .kg-portfolio-banner:hover{transform:translateY(-4px);box-shadow:0 25px 50px -15px rgba(198,54,24,.35);border-color:var(--kg-primary)} .kg-portfolio-banner:hover::after{width:8px} .kg-portfolio-banner:focus-visible{outline:3px solid var(--kg-accent);outline-offset:3px} .kg-portfolio-icon{flex-shrink:0;width:72px;height:72px;border-radius:18px;background:linear-gradient(135deg,var(--kg-primary),var(--kg-accent));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 25px -8px rgba(198,54,24,.5);transition:all .4s ease;position:relative;z-index:1} .kg-portfolio-icon svg{width:32px;height:32px} .kg-portfolio-banner:hover .kg-portfolio-icon{transform:scale(1.06) rotate(4deg);box-shadow:0 15px 30px -8px rgba(198,54,24,.6)} .kg-portfolio-content{flex:1;min-width:0;position:relative;z-index:1} .kg-portfolio-badge{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--kg-primary);font-weight:700;margin-bottom:8px;letter-spacing:.3px} .kg-portfolio-badge::before{content:'';width:18px;height:2px;background:var(--kg-primary);border-radius:2px} .kg-portfolio-title{font-size:clamp(15px,2.2vw,20px);font-weight:800;color:var(--kg-dark);line-height:1.5;margin:0 0 6px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .kg-portfolio-city{color:var(--kg-primary);font-weight:800} .kg-portfolio-desc{font-size:13.5px;color:#6b7280;font-weight:400;line-height:1.8;margin:0} .kg-portfolio-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:10px;background:var(--kg-dark);color:#fff;padding:14px 26px;border-radius:14px;font-size:14px;font-weight:700;transition:all .35s ease;position:relative;z-index:1;white-space:nowrap} .kg-portfolio-banner:hover .kg-portfolio-btn{background:var(--kg-primary);box-shadow:0 10px 25px -6px rgba(198,54,24,.5);transform:translateX(-3px)} .kg-portfolio-btn svg{width:16px;height:16px;transition:transform .35s ease} .kg-portfolio-banner:hover .kg-portfolio-btn svg{transform:translateX(-5px)} @media(max-width:768px){.kg-portfolio-banner{flex-direction:column;text-align:center;gap:18px;padding:26px 22px}.kg-portfolio-badge{justify-content:center}.kg-portfolio-title{font-size:15px;letter-spacing:-.2px;white-space:normal;overflow:visible;text-overflow:clip}.kg-portfolio-btn{width:100%;justify-content:center;padding:13px 20px}.kg-portfolio-icon{width:62px;height:62px}.kg-portfolio-icon svg{width:28px;height:28px}.kg-portfolio-banner::after{width:100%;height:5px;top:0;right:0}.kg-portfolio-banner:hover::after{width:100%;height:7px}} @media(max-width:400px){.kg-portfolio-title{font-size:14px;letter-spacing:-.3px}.kg-portfolio-desc{font-size:12.5px}.kg-portfolio-banner{padding:22px 18px}} @media(min-width:769px) and (max-width:1024px){.kg-portfolio-title{font-size:18px}} @media(prefers-reduced-motion:reduce){.kg-portfolio-banner,.kg-portfolio-icon,.kg-portfolio-btn,.kg-portfolio-btn svg{transition:none!important;animation:none!important}}