Tiered Spice Rack Organizer for Countertop & Cabinet, 3-Tier 12in Kitchen Sea...

Description

View Tiered Spice Rack Organizer for Countertop & Cabinet, 3-Tier 12in Kitchen Sea... with current marketplace pricing, condition, product images and item details. Tiered Spice Rack Organizer for Countertop & Cabinet, 3-Tier 12in Kitchen Seasoning Storage Shelf, Space Saving Standing Spice Organizer, Wooden & Acrylic, Black. Free up prep space by stacking up. Keep 15+ spices accessible but out of the way. /* eBay Template Engine - PROFESSIONAL Style */ .ebay-template { max-width: 900px; margin: 0 auto; font-family: Georgia, "Times New Roman", serif; color: #111827; background: #f9fafb; line-height: 1.6; } .ebay-template * { box-sizing: border-box; } .template-header { background: linear-gradient(135deg, #374151 0%, #111827 100%); color: #ffffff; padding: 24px; border-radius: 4px 4px 0 0; text-align: center; } .template-header h1 { font-family: "Helvetica Neue", Arial, sans-serif; font-size: 24px; margin: 0 0 8px 0; font-weight: 700; } .template-header .brand { font-size: 14px; opacity: 0.9; } .template-header .condition { display: inline-block; background: rgba(255,255,255,0.2); padding: 4px 12px; border-radius: 20px; font-size: 12px; margin-top: 12px; } .template-body { padding: 24px; border: 1px solid #d1d5db; border-top: none; border-radius: 0 0 4px 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12); } /* ── Trust badges row (Ships from USA · Free Delivery) ────────────── Sits directly under the gallery. Two equal columns built with a classic table layout — eBay's CSS sanitiser sometimes strips modern flex/grid declarations on mobile renders, but table-cell has been bulletproof since 2015. SVG icons are inlined (no external requests, no script content, safe for eBay's content policy) and sized in viewBox units so they scale crisply on retina without external tags. */ .trust-badges { width: 100%; border-collapse: separate; border-spacing: 12px 0; margin: 0 0 28px 0; table-layout: fixed; } .trust-badges td { width: 50%; vertical-align: middle; background: #ffffff; border: 1px solid #d1d5db; border-radius: 12px; padding: 14px 16px; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); } .trust-badge-inner { display: table; width: 100%; } .trust-badge-icon, .trust-badge-text { display: table-cell; vertical-align: middle; } .trust-badge-icon { width: 52px; padding-right: 12px; } .trust-badge-icon svg { display: block; width: 44px; height: 44px; } .trust-badge-title { margin: 0; font-family: "Helvetica Neue", Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.02em; color: #111827; line-height: 1.2; text-transform: uppercase; } .trust-badge-sub { margin: 2px 0 0 0; font-size: 12px; color: #6b7280; line-height: 1.3; } @media (max-width: 480px) { .trust-badges { border-spacing: 0; } .trust-badges, .trust-badges tbody, .trust-badges tr, .trust-badges td { display: block; width: 100%; } .trust-badges td { margin-bottom: 10px; } .trust-badge-icon svg { width: 38px; height: 38px; } .trust-badge-title { font-size: 13px; } .trust-badge-sub { font-size: 11px; } } .section { margin-bottom: 32px; } .section:last-child { margin-bottom: 0; } .section-title { font-family: "Helvetica Neue", Arial, sans-serif; font-size: 18px; font-weight: 600; color: #111827; margin: 0 0 16px 0; padding-bottom: 8px; border-bottom: 2px solid #d1d5db; } /* Carousel layout — ghost-anchor + :target + transform pattern. PR-Carousel-GhostAnchor: arrows work without page jump. The trick: each slide's "anchor link target" is a hidden element with position: fixed; top: 0. Because the anchor is already pinned to the viewport top, when the buyer clicks the browser sees the target as already in view and does NOT scroll the page vertically. We then use CSS :target + general sibling selector (~) to apply translateX on the .gallery-track, sliding the requested image into view horizontally with a smooth animation. Zero JS. This is the same pattern eBay's own listing photo galleries use server-side (rendered to plain HTML when JS is disabled). Works in every browser that supports :target (basically everything since ~IE9). */ .image-gallery { width: 100%; max-width: 600px; margin: 0 auto; } /* Ghost anchors: invisible 1px targets pinned to viewport top via position: fixed. Browser's scroll-into-view for fragment links sees them as already-in-view, so no vertical page scroll happens. pointer-events: none so they never intercept clicks/hovers. */ .gallery-anchor { position: fixed; top: 0; left: 0; width: 1px; height: 1px; opacity: 0; pointer-events: none; } .gallery-carousel { /* overflow: hidden (not auto) — we control the visible slide via transform, not via the native scroll position. This is what lets the arrow navigation NOT cause any scroll on the page or in the container. */ position: relative; overflow: hidden; border-radius: 12px; border: 1px solid #d1d5db; background: #f8fafc; } .gallery-track { /* The track is a horizontal flex row that gets translated as a whole. Default position shows the first slide. transition makes the change between slides feel like a native swipe rather than a jarring jump. */ display: flex; width: 100%; transform: translateX(0); transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); } .gallery-slide { /* Each slide takes the full track width — flex: 0 0 100% locks this so a 4-slide track is 400% wide internally but each slide fills the carousel viewport one at a time. */ flex: 0 0 100%; position: relative; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; background: #ffffff; } .gallery-slide img { /* object-fit: contain so we never crop the product. White slide background letterboxes non-square source images. */ width: 100%; height: 100%; object-fit: contain; display: block; -webkit-user-drag: none; user-select: none; } /* Fully transparent nav arrows — no pill, no background. Just a chunky white chevron glyph with a strong drop-shadow so it stays readable over both light and dark product photos. Operator feedback: "şefaf olmamış gene siyahlık var arkasında" — earlier rgba(15,23,42,0.18) pill was still too visible. */ .gallery-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 48px; height: 80px; display: flex; align-items: center; justify-content: center; /* No background, no border. The text-shadow IS the affordance. */ background: transparent; color: #ffffff; text-decoration: none; font-size: 56px; line-height: 1; font-weight: 300; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; /* Heavy text-shadow gives the glyph a halo that reads on any background. Three stacked shadows produce a soft outline rather than a single hard drop-shadow. */ text-shadow: 0 0 4px rgba(0, 0, 0, 0.6), 0 0 12px rgba(0, 0, 0, 0.4), 0 2px 6px rgba(0, 0, 0, 0.5); -webkit-user-select: none; user-select: none; opacity: 0.85; transition: opacity 0.15s ease, transform 0.15s ease; z-index: 2; } .gallery-nav:hover, .gallery-nav:focus { opacity: 1; outline: none; } .gallery-nav-prev { left: 8px; } .gallery-nav-next { right: 8px; } /* :target-driven slide transitions. Each ghost-anchor :target rule shifts the track by -100% per slide index. The general sibling combinator (~) works because the ghost-anchors and the .gallery-carousel are siblings inside .image-gallery. */ #g-slide-1:target ~ .gallery-carousel .gallery-track { transform: translateX(0); } #g-slide-2:target ~ .gallery-carousel .gallery-track { transform: translateX(-100%); } #g-slide-3:target ~ .gallery-carousel .gallery-track { transform: translateX(-200%); } #g-slide-4:target ~ .gallery-carousel .gallery-track { transform: translateX(-300%); } #g-slide-5:target ~ .gallery-carousel .gallery-track { transform: translateX(-400%); } #g-slide-6:target ~ .gallery-carousel .gallery-track { transform: translateX(-500%); } #g-slide-7:target ~ .gallery-carousel .gallery-track { transform: translateX(-600%); } #g-slide-8:target ~ .gallery-carousel .gallery-track { transform: translateX(-700%); } #g-slide-9:target ~ .gallery-carousel .gallery-track { transform: translateX(-800%); } #g-slide-10:target ~ .gallery-carousel .gallery-track { transform: translateX(-900%); } #g-slide-11:target ~ .gallery-carousel .gallery-track { transform: translateX(-1000%); } #g-slide-12:target ~ .gallery-carousel .gallery-track { transform: translateX(-1100%); } .gallery-hint { text-align: center; font-size: 13px; color: #64748b; margin-top: 10px; letter-spacing: 0.3px; line-height: 1.5; } .gallery-hint strong { color: #475569; font-weight: 600; } /* Description */ .description { font-size: 15px; line-height: 1.8; } /* Features List */ .features-list { list-style: none; padding: 0; margin: 0; } .features-list li { padding: 10px 0 10px 32px; position: relative; border-bottom: 1px solid #d1d5db; } .features-list li:last-child { border-bottom: none; } .features-list li:before { content: "✓"; position: absolute; left: 0; color: #10b981; font-weight: bold; font-size: 16px; } /* Specifications Table */ .specs-table { width: 100%; border-collapse: collapse; } .specs-table tr:nth-child(even) { background: rgba(0,0,0,0.02); } .specs-table td { padding: 12px; border: 1px solid #d1d5db; font-size: 14px; } .specs-table td:first-child { font-weight: 600; width: 35%; background: rgba(0,0,0,0.03); } /* Policies */ .policies { display: flex; gap: 24px; flex-wrap: wrap; } .policy-box { flex: 1; min-width: 250px; padding: 16px; background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%); border-radius: 8px; border-left: 4px solid #0ea5e9; } .policy-box h4 { margin: 0 0 8px 0; font-size: 14px; color: #0369a1; } .policy-box p { margin: 0; font-size: 13px; color: #475569; } /* Footer */ .template-footer { text-align: center; padding: 20px; background: #d1d5db; border-radius: 0 0 4px 4px; font-size: 13px; color: #6b7280; } .store-name { font-weight: 600; color: #111827; } /* Mobile Responsive */ @media screen and (max-width: 600px) { .ebay-template { font-size: 14px; } .template-header { padding: 16px; } .template-header h1 { font-size: 18px; } .template-body { padding: 16px; } .section-title { font-size: 16px; } .image-gallery { /* Carousel already 100%/max-600 on desktop — on mobile we let it stretch full width minus the .template-body padding. */ max-width: 100%; } .gallery-carousel { border-radius: 8px; } .gallery-nav { /* Smaller chevron on mobile so it doesn't dominate the photo. */ font-size: 44px; width: 36px; height: 64px; } .gallery-nav-prev { left: 4px; } .gallery-nav-next { right: 4px; } .policies { flex-direction: column; } .specs-table td { padding: 8px; font-size: 13px; } .specs-table td:first-child { width: 40%; } } Tiered Spice Rack Organizer for Countertop & Cabinet, 3-Tier 12in Kitchen Seasoning Storage Shelf, Space Saving Standing Spice Organizer, Wooden & Acrylic, Black ‹ › ‹ › ‹ › ‹ › ‹ › ‹ › ‹ › ‹ › Ships from USA Fast US shipping Free Delivery Tracking number provided Key Features Tired of rummaging for cumin? Our acrylic 3 tier spice rack lifts every bottle into clear view. The step design ends guessing, so you grab the right seasoning fast—no more digging through a cluttered spice shelf. Stop knocking over jars to reach the back row. This tiered spice rack for cabinet creates a natural height difference—back bottles sit higher, front ones lower. Just reach and grab. No tilt, no struggle. Free up prep space by stacking up. This spice rack organizer fits perfectly on your countertop or inside a cabinet, turning unused vertical inches into high‑density spice storage. Keep 15+ spices accessible but out of the way. Unlike bulky wood or basic metal spice racks, ours blends warm wooden steps with frosted ripple acrylic. It creates a soft, modern look that fits today’s kitchens—a spice organization piece you’ll be proud to display. Wobbly shelves? Not here. Industrial screws lock the spice rack wood structure tight, holding heavy jars with zero shake. Assembles in minutes for a sturdy spice rack shelf. Shipping & Returns 📦 Shipping Fast, secure shipping. Items are carefully packaged and shipped within 1-2 business days. Tracking number provided. ↩️ Returns 30-day hassle-free returns. If you're not satisfied, return the item in original condition for a full refund. Condition: New. Category: Home & Garden › Kitchen, Dining & Bar › Kitchen Tools & Gadgets › Microwave Cooking Gadgets. Brand: Unbranded.

Brand

Unbranded