Spice Rack Organizer for Kitchen, Pull Out Spice Racks for Inside Cabinets, 2...

Description

View Spice Rack Organizer for Kitchen, Pull Out Spice Racks for Inside Cabinets, 2... with current marketplace pricing, condition, product images and item details. Holds over 40 small spice jars while keeping your cabinet tidy. Sturdy& Easy to clean Spice Rack: Extra strong supports and new design to hold many spice without tipping. Rust-proof carbon steel stays tough in kitchen or bathroom. /* 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%; } } Spice Rack Organizer for Kitchen, Pull Out Spice Racks for Inside Cabinets, 2 Tier Spice Shelf Organization for Cabinet Seasoning, No Drilling Install for Home Kitchen Space Saving, 1 Pack ‹ › ‹ › ‹ › ‹ › ‹ › ‹ › ‹ › ‹ › Ships from USA Fast US shipping Free Delivery Tracking number provided Key Features Never Struggle to Reach Back Spices Again: 2-Tier pull-out spice rack organizer with smooth-gliding tracks lets you access every bottle effortlessly. Holds over 40 small spice jars while keeping your cabinet tidy. Best space-saving solution for inside cupboard shelf organiser store different size of bottles. Spice Rack with 3 Adjustable Height on Upper Tiers : Perfect for various bottle sizes and cabinet spaces (Support minimum 10*12*13inch cabinet). The lower tier of this spice rack has a space between 6.3-7.5inch height range, letting you store taller bottles on both levels. Smart design maximizes vertical space while keeping your ‌spice rack‌ accessible. 2 Optional Installation Ways: Secure with screws& Free standing with strong suction cups. Our no drilling spice rack has no permanent damage to your cabinets with our spice shelf organizer . Avoid leaving irreparable marks on the cupboards, and the spice rack can be repositioned at any time. Sturdy& Easy to clean Spice Rack: Extra strong supports and new design to hold many spice without tipping. Rust-proof carbon steel stays tough in kitchen or bathroom. Food-Safe material, scratch-proof, and wipes clean easily. A reliable spice shelf organizer for keeping things neat and secure. Note: Package not include spice bottle!Cabinet spaces support minimum 25*30*33cm. Measure your cabinet depth and match the size of our spice rack organizer before purchasing for best fit! 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