.macos-widgets-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:36px;margin-bottom:24px;perspective:1200px;perspective-origin:center center}@media (max-width: 1519px){.macos-widgets-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 991px){.macos-widgets-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width: 576px){.macos-widgets-grid{grid-template-columns:1fr}}.widget-card{background:linear-gradient(145deg,#fffffff2,#fafafcd9,#f5f5f7e6);border-radius:var(--radius-xl);padding:28px;display:flex;flex-direction:column;gap:16px;border:1px solid rgba(255,255,255,.6);transform-style:preserve-3d;transform:translateZ(0) rotateX(0) rotateY(0);transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:visible;cursor:pointer;box-shadow:0 4px 24px #0000000a,0 8px 32px #00000008,inset 0 1px #fffc,inset 0 -1px #00000005;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.widget-card:hover{transform:translateZ(20px) rotateX(-2deg) rotateY(2deg) scale(1.02);box-shadow:0 20px 40px #00000014,0 30px 60px #0000000d,0 0 0 1px #ffffff80,inset 0 1px #fff;border-color:#fffc}.widget-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transform:skew(-20deg);transition:left .6s ease;pointer-events:none;z-index:1;border-radius:inherit}.widget-card:hover:before{left:100%}.widget-card:after{content:"";position:absolute;top:20%;left:10%;right:10%;bottom:-20px;background:radial-gradient(ellipse at center,rgba(0,122,255,.08) 0%,transparent 70%);filter:blur(20px);transform:translateZ(-30px);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:-1}.widget-card:hover:after{opacity:1}.widget-card.widget-large{grid-column:span 1}.widget-card.size-small{min-height:160px}.widget-card.size-large{min-height:200px;grid-row:span 1}@media (min-width: 768px){.widget-card.size-large{grid-column:span 2}}.widget-card.widget-rose{background:linear-gradient(145deg,#fdcdd580,#fbb6c166,#fee2e773);border-color:#fdcdd599}.widget-card.widget-rose:hover{border-color:#fdcdd5cc;box-shadow:0 12px 32px #f43f5e26}.widget-card.widget-rose .widget-icon{background:#f43f5e26;color:#e11d48}.widget-card.widget-rose:hover:after{background:radial-gradient(ellipse at center,rgba(244,63,94,.15) 0%,transparent 70%)}.widget-card.widget-rose .widget-title,.widget-card.widget-rose .widget-content h3{color:var(--text-primary)}.widget-card.widget-rose .widget-description,.widget-card.widget-rose .widget-content p{color:var(--text-secondary)}.widget-card.widget-mint{background:linear-gradient(145deg,#a7f3d080,#86efac66,#bbf7d073);border-color:#a7f3d099}.widget-card.widget-mint:hover{border-color:#a7f3d0cc;box-shadow:0 12px 32px #22c55e26}.widget-card.widget-mint .widget-icon{background:#22c55e26;color:#16a34a}.widget-card.widget-mint:hover:after{background:radial-gradient(ellipse at center,rgba(34,197,94,.15) 0%,transparent 70%)}.widget-card.widget-mint .widget-title,.widget-card.widget-mint .widget-content h3{color:var(--text-primary)}.widget-card.widget-mint .widget-description,.widget-card.widget-mint .widget-content p{color:var(--text-secondary)}.widget-card.widget-sky{background:linear-gradient(145deg,#bae6fd80,#7dd3fc66,#e0f2fe73);border-color:#bae6fd99}.widget-card.widget-sky:hover{border-color:#bae6fdcc;box-shadow:0 12px 32px #0ea5e926}.widget-card.widget-sky .widget-icon{background:#0ea5e926;color:#0284c7}.widget-card.widget-sky:hover:after{background:radial-gradient(ellipse at center,rgba(14,165,233,.15) 0%,transparent 70%)}.widget-card.widget-sky .widget-title,.widget-card.widget-sky .widget-content h3{color:var(--text-primary)}.widget-card.widget-sky .widget-description,.widget-card.widget-sky .widget-content p{color:var(--text-secondary)}.widget-card.widget-lavender{background:linear-gradient(145deg,#ddd6fe80,#c4b5fd66,#ede9fe73);border-color:#ddd6fe99}.widget-card.widget-lavender:hover{border-color:#ddd6fecc;box-shadow:0 12px 32px #8b5cf626}.widget-card.widget-lavender .widget-icon{background:#8b5cf626;color:#7c3aed}.widget-card.widget-lavender:hover:after{background:radial-gradient(ellipse at center,rgba(139,92,246,.15) 0%,transparent 70%)}.widget-card.widget-lavender .widget-title,.widget-card.widget-lavender .widget-content h3{color:var(--text-primary)}.widget-card.widget-lavender .widget-description,.widget-card.widget-lavender .widget-content p{color:var(--text-secondary)}.widget-card.widget-peach{background:linear-gradient(145deg,#fed7aa80,#fdba7466,#feebc873);border-color:#fed7aa99}.widget-card.widget-peach:hover{border-color:#fed7aacc;box-shadow:0 12px 32px #f9731626}.widget-card.widget-peach .widget-icon{background:#f9731626;color:#ea580c}.widget-card.widget-peach:hover:after{background:radial-gradient(ellipse at center,rgba(249,115,22,.15) 0%,transparent 70%)}.widget-card.widget-peach .widget-title,.widget-card.widget-peach .widget-content h3{color:var(--text-primary)}.widget-card.widget-peach .widget-description,.widget-card.widget-peach .widget-content p{color:var(--text-secondary)}.widget-card.widget-accent{background:linear-gradient(145deg,#007affd9,#5856d6cc,#af52debf);border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 24px #007aff26,0 8px 32px #5856d61a,inset 0 1px #ffffff4d}.widget-card.widget-accent:hover{border-color:#fff6;box-shadow:0 20px 50px #007aff40,0 30px 60px #5856d626,inset 0 1px #fff6}.widget-card.widget-accent:after{background:radial-gradient(ellipse at center,rgba(88,86,214,.3) 0%,transparent 70%)}.widget-card.widget-accent .widget-icon{background:#fff3;color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffff4d}.widget-card.widget-accent .widget-title,.widget-card.widget-accent .widget-content h3{color:#fff}.widget-card.widget-accent .widget-description,.widget-card.widget-accent .widget-content p{color:#ffffffd9}.widget-card.widget-accent .widget-badge{background:#ffffff40;color:#fff}.widget-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.widget-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#007aff1a,#5856d614);border-radius:var(--radius-lg);color:var(--primary-blue);position:relative;transform:translateZ(10px);transition:all .3s ease;box-shadow:0 4px 12px #007aff1a,inset 0 1px #fffc}.widget-card:hover .widget-icon{transform:translateZ(30px) scale(1.05);box-shadow:0 8px 20px #007aff26,inset 0 1px #fff}.widget-icon svg{width:24px;height:24px}.widget-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#34c759,#30d158);color:#fff;font-size:10px;font-weight:600;padding:4px 10px;border-radius:var(--radius-full);box-shadow:0 2px 8px #34c7594d;transform:translateZ(15px);text-transform:uppercase;letter-spacing:.03em}.widget-body{flex:1;display:flex;flex-direction:column;justify-content:flex-end}.widget-content h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0;transform:translateZ(5px)}.widget-content p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5;opacity:.85}.widget-title{font-size:18px;font-weight:700;line-height:1.3;margin-bottom:6px;letter-spacing:-.02em;color:var(--text-primary);transform:translateZ(5px)}.widget-card.size-large .widget-title{font-size:22px}.widget-description{font-size:13px;font-weight:500;line-height:1.5;opacity:.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.widget-card.size-large .widget-description{-webkit-line-clamp:3}.widget-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.2)}.widget-cta{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;opacity:0;transform:translate(-8px);transition:all var(--transition)}.widget-card:hover .widget-cta{opacity:1;transform:translate(0)}.widget-cta svg{width:16px;height:16px;transition:transform var(--transition-fast)}.widget-card:hover .widget-cta svg{transform:translate(3px)}.widget-meta{font-size:11px;font-weight:500;opacity:.7}.widget-image{position:absolute;right:16px;bottom:16px;width:80px;height:80px;opacity:.2;transition:all var(--transition);pointer-events:none}.widget-card:hover .widget-image{opacity:.3;transform:scale(1.1) rotate(5deg)}.widget-card.size-large .widget-image{width:120px;height:120px}@media (max-width: 1299px){.macos-widgets-grid{grid-template-columns:repeat(3,1fr)}.widget-card.widget-large{grid-column:span 1}}@media (max-width: 768px){.widget-card{padding:16px}.widget-card.size-large{min-height:160px}.widget-icon{width:40px;height:40px}.widget-icon svg{width:20px;height:20px}.widget-title{font-size:16px}.widget-card.size-large .widget-title{font-size:18px}.widget-description{font-size:12px}.widget-image{width:60px;height:60px}.widget-card.size-large .widget-image{width:80px;height:80px}}.widget-card[data-scroll-reveal]{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.widget-card[data-scroll-reveal].revealed{opacity:1;transform:translateY(0)}.macos-widgets-grid .widget-card:nth-child(1){transition-delay:0ms}.macos-widgets-grid .widget-card:nth-child(2){transition-delay:50ms}.macos-widgets-grid .widget-card:nth-child(3){transition-delay:.1s}.macos-widgets-grid .widget-card:nth-child(4){transition-delay:.15s}.macos-widgets-grid .widget-card:nth-child(5){transition-delay:.2s}.macos-widgets-grid .widget-card:nth-child(6){transition-delay:.25s}.macos-widgets-grid .widget-card:nth-child(7){transition-delay:.3s}.macos-widgets-grid .widget-card:nth-child(8){transition-delay:.35s}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-macos-widgets.css.map */