Tiered Spice Rack Organizer for Cabinet, Wooden Spice Rack for Countertop, Sp...

Description

View Tiered Spice Rack Organizer for Cabinet, Wooden Spice Rack for Countertop, Sp... with current marketplace pricing, condition, product images and item details. Tiered Spice Rack Organizer for Cabinet, Wooden Spice Rack for Countertop, Spice Shelf organizer Spice Organization for Cabinet. Whether you need a spice rack for countertop use or a cabinet spice organizer, this 3 tier storage organizer is a perfect choice. /* 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 Cabinet, Wooden Spice Rack for Countertop, Spice Shelf organizer Spice Organization for Cabinet ‹ › ‹ › ‹ › ‹ › ‹ › ‹ › ‹ › ‹ › Ships from USA Fast US shipping Free Delivery Tracking number provided Key Features Tiered Design: This 3-tier spice rack organizer provides ample space to keep your spice jars and spices neatly organized. The three-tiered design provides ample space for a variety of spice bottles, making it an ideal kitchen spice organizer Natural material: This spice rack is made from durable and sturdy wood, adding a warm, natural touch to your kitchen. This spice shelf is not only a practical solution for organizing spices in the cabinet and on the worktop, but also enhances the esthetic of your kitchen Compact size: This spice organizer is designed to fit comfortably on your countertop or cabinet and not take up too much space. It fits most grocery store spice jars, with a 1 ¾-inch square size recommended, and can accommodate jars up to 2.5 inches in size. Package does not include spices or spice jars Easy access: The tiered spice rack provides easy visibility and accessibility to all your spices and condiments. The tiered heights of the shelves make it easier to find and access specific spices while cooking, ensuring a smooth and efficient cooking experience Versatile Use: In addition to spices, this countertop spice shelf can also be used to organize small kitchen items or decor pieces. Whether you need a spice rack for countertop use or a cabinet spice organizer, this 3 tier storage organizer is a perfect choice. 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