.flowers-section{max-width:1200px;margin:40px auto;padding:0 20px;font-family:Arial,sans-serif;position:relative}.nav-arrows{display:flex;justify-content:space-between;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);pointer-events:none;padding:0 10px;z-index:10}.nav-arrow{appearance:none;border:none;background:rgba(0,0,0,.5);color:#fff;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;box-shadow:0 2px 8px rgba(0,0,0,.25);z-index:2;cursor:pointer;pointer-events:auto;font-size:20px;transition:background .3s}.nav-arrow:hover{background:rgba(0,0,0,.7)}.flowers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap}.flowers-header h2{font-size:1.8em;color:#222;letter-spacing:1px;margin:0}.view-all-btn{background-color:#00730c;color:#fff;text-decoration:none;padding:10px 18px;border-radius:5px;transition:.3s;font-weight:600}.view-all-btn:hover{background-color:#009e12;transform:scale(1.05);box-shadow:0 4px 10px rgba(0,0,0,.2)}.flowers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:25px}.flower-card{background:#fff;border:1px solid #ddd;border-radius:6px;text-align:center;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s}.flower-card:hover{transform:translateY(-5px);box-shadow:0 4px 10px rgba(0,0,0,.15)}.flower-card img{width:100%;aspect-ratio:1/1;height:auto;object-fit:cover}.flower-card h3{font-size:1.1em;color:#333;margin:10px 0 5px}.flower-card p{color:#555;margin-bottom:12px;font-size:.95em}.flower-card span{color:#1da71d;font-weight:700}@media (max-width:600px){.flowers-section{padding:0 10px;position:relative}.flowers-header{flex-direction:column;align-items:center;text-align:center;gap:10px}.flowers-header h2{font-size:1.5em}.view-all-btn{padding:8px 14px;font-size:.9em}.flowers-grid{grid-template-columns:1fr;gap:0;display:flex;overflow-x:auto;overflow-y:hidden;width:100%;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;touch-action:auto;overscroll-behavior-x:contain;user-select:none;cursor:grab;position:relative;scrollbar-width:none}.flowers-grid::-webkit-scrollbar{display:none}.flower-card{flex:0 0 100%;margin:0;scroll-snap-align:start;scroll-snap-stop:always}.nav-arrows{display:flex;position:absolute;top:50%;left:0;right:0;justify-content:space-between;align-items:center;padding:0 6px;transform:translateY(-50%);pointer-events:none}.nav-arrow{pointer-events:auto}.nav-dots{display:flex;gap:6px;justify-content:center;margin-top:10px}.nav-dots .dot{width:6px;height:6px;border-radius:50%;background:#bbb}.nav-dots .dot.active{background:#333}.flower-card h3{font-size:1em}.flower-card p{font-size:.9em}}
.nav-arrows {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  padding: 0 10px;
  z-index: 10;
}

.nav-arrow {
  border-radius: 50%; /* Already had this */
  cursor: pointer;
  pointer-events: auto;
  font-size: 20px;
  transition: background .3s;
}

.nav-arrow:hover {
  background: rgba(0,0,0,.7);
}