SpaceAid Bamboo Pull Out Spice Rack Organizer for Cabinet, Heavy Duty Slide O...

Description

View SpaceAid Bamboo Pull Out Spice Rack Organizer for Cabinet, Heavy Duty Slide O... with current marketplace pricing, condition, product images and item details. SpaceAid Bamboo Pull Out Spice Rack Organizer for Cabinet, Heavy Duty Slide Out Seasoning Kitchen Pantry Sliding Vertical Organization, 7.6" Wide, 3 Drawers(2" Wide), 2-Tier, Natural. HEAVY-DUTY SPICE RACK FOR CABINET - Smooth ball bearing glides allow easy sliding; Full extension rails give complete access to all your spices in kitchen upper cabinets; Bottom panel clears any cabinet lip for a perfect fit. /* 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%; } } SpaceAid Bamboo Pull Out Spice Rack Organizer for Cabinet, Heavy Duty Slide Out Seasoning Kitchen Pantry Sliding Vertical Organization, 7.6" Wide, 3 Drawers(2" Wide), 2-Tier, Natural ‹ › ‹ › ‹ › ‹ › ‹ › ‹ › ‹ › ‹ › Ships from USA Fast US shipping Free Delivery Tracking number provided Key Features MEASURE CABINET SIZE - Please measure the interior dimensions of your kitchen cabinet first; It is recommended for cabinets that are 12" tall and 10.60" deep; This is the version of 3 Drawers(2" Wide), 2-Tier; Overall Product Size: 7.6"W x 10.6"D x 9.6"H MAXIMIZE SPICE STORAGE SPACE - The easy pull out spice rack organizer lets you store more spices in a compact area, keeping everything organized; Effortlessly access all your spices in your kitchen cabinet HEAVY-DUTY SPICE RACK FOR CABINET - Smooth ball bearing glides allow easy sliding; Full extension rails give complete access to all your spices in kitchen upper cabinets; Bottom panel clears any cabinet lip for a perfect fit DURABLE MATERIAL TO LAST - Crafted from premium quality bamboo, this slide out seasoning organizer is built for long-lasting use; Our space-saving spice rack complement your home storage system and maximize cabinet space efficiency EASY TO ASSEMBLE - It is super easy to put the cabinet sliding spice rack together; You will get clear instructions and all the hardware needed (even the screwdriver!) in your package 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 Storage & Organization › Racks & Holders. Brand: Unbranded.

Brand

Unbranded

Color

Natural

Size

10.6"D x 7.6"W x 9.6"H

Material

Bamboo

Model

12XLHG-01ZZ-222X2

Type

Sliding Shelf

Style

Modern

Weight

2.96 kg

UPC

810145814475

Number of Pieces

1 Count

Room

Kitchen

Indoor/Outdoor

Food

Unit Type

1 Count

Number of Items

1

Features

Easy to Use

Installation

In Cabinet