● Dior Necklace

Name: ● Dior Necklace
Brand: server.amper-smart.hu
SKU: 61501918
Price: 268.49 USD
Availability: InStock
Rating: 4.3 (57 reviews)

4.3 (57 items)

Limited Time Sale

Until the end

New $447.48 (tax included) Number of stocks: 1

Used $268.49 (tax included) New Arrivals and Restocks Number in stock: 1

$178.99 cheaper than the new price!!

Free shipping for purchases over $99 ( Details )
Free cash-on-delivery fees for purchases over $99

Other shops (12) $99 ~

See all stores

Please note that the sales price and tax displayed may differ between online and in-store. Also, the product may be out of stock in-store.

New $447.48

Product details

Management number	61501918	Release Date	2026/02/12	List Price	$268.49	Model Number	61501918
Category	Women Jewelry Necklaces

● Dior Necklace<br/><br/><Details><br/>* Dior Necklace<br/>* My family member received this as a gift and loved using it, but is now selling it as they no longer use it.<br/>* Features a star and logo motif.<br/>* There is rust and scratches.<br/>* Please refrain from purchasing if you are sensitive to these imperfections.<br/><br/><Size><br/>Total length: 45cm<br/><br/><Condition><br/>Slightly scratched and dirty<br/>Images 4-9<br/><br/><Accessories><br/>None<br/><br/>cr495-1271<br/>00022<br/>2340/Town<br/>②/210<br/>00034</p><table border='1'><tbody><tr><th><b>Category</b></th><th>Women > Jewelry > Necklaces</th></tr><tr><th><b>Size</b></th><th>N/A</th></tr><tr><th><b>Brand</b></th><th>Christian Dior</th></tr><tr><th><b>Condition</b></th><th>Good</th></tr></tbody></table> </div> <div class="product-detail-ex"> <p class="img-wrapper" style="display:inline-block; width: 49%;"> <a href="https://u-mercari-images.mercdn.net/photos/m78255059042_1.jpg" rel="lightbox"> <img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m78255059042_1.jpg" alt="● Dior Necklace" style="width:100%"> </a> </p> <p class="img-wrapper" style="display:inline-block; width: 49%;"> <a href="https://u-mercari-images.mercdn.net/photos/m78255059042_2.jpg" rel="lightbox"> <img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m78255059042_2.jpg" alt="● Dior Necklace" style="width:100%"> </a> </p> <p class="img-wrapper" style="display:inline-block; width: 49%;"> <a href="https://u-mercari-images.mercdn.net/photos/m78255059042_3.jpg" rel="lightbox"> <img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m78255059042_3.jpg" alt="● Dior Necklace" style="width:100%"> </a> </p> <p class="img-wrapper" style="display:inline-block; width: 49%;"> <a href="https://u-mercari-images.mercdn.net/photos/m78255059042_4.jpg" rel="lightbox"> <img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m78255059042_4.jpg" alt="● Dior Necklace" style="width:100%"> </a> </p> <p class="img-wrapper" style="display:inline-block; width: 49%;"> <a href="https://u-mercari-images.mercdn.net/photos/m78255059042_5.jpg" rel="lightbox"> <img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m78255059042_5.jpg" alt="● Dior Necklace" style="width:100%"> </a> </p> <p class="img-wrapper" style="display:inline-block; width: 49%;"> <a href="https://u-mercari-images.mercdn.net/photos/m78255059042_6.jpg" rel="lightbox"> <img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m78255059042_6.jpg" alt="● Dior Necklace" style="width:100%"> </a> </p> <p class="img-wrapper" style="display:inline-block; width: 49%;"> <a href="https://u-mercari-images.mercdn.net/photos/m78255059042_7.jpg" rel="lightbox"> <img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m78255059042_7.jpg" alt="● Dior Necklace" style="width:100%"> </a> </p> <p class="img-wrapper" style="display:inline-block; width: 49%;"> <a href="https://u-mercari-images.mercdn.net/photos/m78255059042_8.jpg" rel="lightbox"> <img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m78255059042_8.jpg" alt="● Dior Necklace" style="width:100%"> </a> </p> <p class="img-wrapper" style="display:inline-block; width: 49%;"> <a href="https://u-mercari-images.mercdn.net/photos/m78255059042_9.jpg" rel="lightbox"> <img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m78255059042_9.jpg" alt="● Dior Necklace" style="width:100%"> </a> </p> <p class="img-wrapper" style="display:inline-block; width: 49%;"> <a href="https://u-mercari-images.mercdn.net/photos/m78255059042_10.jpg" rel="lightbox"> <img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m78255059042_10.jpg" alt="● Dior Necklace" style="width:100%"> </a> </p> </div> <hr> </div> </div> <div class="row"> <div class="col-12"> <div class="related-products-section"> <h2 class="mt-5 mgnB12" style="color:#000;font-size:1.25rem;font-weight:600;padding-bottom:8px;border-bottom:1px solid #dee2e6;">Bestseller ranking</h2> <h3 class="related-products-header">Charms & pendants</h3> <div class="related-products-grid"> <div class="related-product-card" style="position:relative;"> <span class="rank-badge rank-1">1</span> <a href="https://server.amper-smart.hu/listing/lot-jibbits-charms-crocs-thme-schtroumpf?srsltid=59150369"> <div class="related-product-image"> <img src="https://images1.vinted.net/t/05_00732_s9LnRzYyw8YqJXJWZXpZtGwM/f800/1769774298.webp?s=63488ae2a51035870e298dee8adf0da2900c2991" alt="Lot Jibbits Charms Crocs - Thème Schtroumpf" loading="lazy"> </div> <h2 class="related-product-title">Lot Jibbits Charms Crocs - Thème Schtroumpf</h2> <div class="related-product-rating"> <span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span> <span class="count">(30)</span> </div> <div class="related-product-price">$10.69</div> </a> </div> <div class="related-product-card" style="position:relative;"> <span class="rank-badge rank-2">2</span> <a href="https://server.amper-smart.hu/listing/hjerter-i-glas-porceln?srsltid=57186659"> <div class="related-product-image"> <img src="https://images1.vinted.net/t/02_01c9b_x9x4UdsCVBx8Yi1J5WPxY5AJ/f800/1769684701.webp?s=c639d1ebb2d04c0290876a74c8cb2de580f68c4a" alt="Hjerter i glas & porcelæn" loading="lazy"> </div> <h2 class="related-product-title">Hjerter i glas & porcelæn</h2> <div class="related-product-rating"> <span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span> <span class="count">(5)</span> </div> <div class="related-product-price">$9.55</div> </a> </div> <div class="related-product-card" style="position:relative;"> <span class="rank-badge rank-3">3</span> <a href="https://server.amper-smart.hu/listing/pendant?srsltid=58332698"> <div class="related-product-image"> <img src="https://images1.vinted.net/t/05_008a1_NdruEweZe84MiprDUc3EfV5G/f800/1769714782.webp?s=2ead32b95cab4de7b808e9f2331e78107f726496" alt="Pendant" loading="lazy"> </div> <h2 class="related-product-title">Pendant</h2> <div class="related-product-rating"> <span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span> <span class="count">(47)</span> </div> <div class="related-product-price">$7.45</div> </a> </div> <div class="related-product-card" style="position:relative;"> <span class="rank-badge rank-4">4</span> <a href="https://server.amper-smart.hu/listing/medaillon?srsltid=56853727"> <div class="related-product-image"> <img src="https://images1.vinted.net/t/05_01d79_kqdQwErEp5e3N49rrdEjgmxj/f800/1769672479.webp?s=adcfed05138f981a66b420e0dd1807c9e3834619" alt="Medaillon" loading="lazy"> </div> <h2 class="related-product-title">Medaillon</h2> <div class="related-product-rating"> <span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span> <span class="count">(11)</span> </div> <div class="related-product-price">$7.13</div> </a> </div> <div class="related-product-card" style="position:relative;"> <span class="rank-badge rank-5">5</span> <a href="https://server.amper-smart.hu/listing/pack-83?srsltid=38137210"> <div class="related-product-image"> <img src="https://images1.vinted.net/t/03_0180a_bEjR11HoRwLTio22ZcbHAv2F/f800/1758907129.webp?s=446bc3a7aae509b5b5223b2a60acf1f486a89456" alt="Pack 83" loading="lazy"> </div> <h2 class="related-product-title">Pack 83</h2> <div class="related-product-rating"> <span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span><span class="star">☆</span> <span class="count">(18)</span> </div> <div class="related-product-price">$8.56</div> </a> </div> <div class="related-product-card" style="position:relative;"> <span class="rank-badge rank-6">6</span> <a href="https://server.amper-smart.hu/listing/various-charms-and-figures-for-diy?srsltid=32432127"> <div class="related-product-image"> <img src="https://images1.vinted.net/t/04_01ce4_6V4FK39mHHBwMrUL1PFTgKhM/f800/1758747442.webp?s=f866d67bbc9eda4a3ce24327f6763fff5f19ab6b" alt="Various charms and figures for DIY" loading="lazy"> </div> <h2 class="related-product-title">Various charms and figures for DIY</h2> <div class="related-product-rating"> <span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span> <span class="count">(35)</span> </div> <div class="related-product-price">$8.20</div> </a> </div> </div> <div class="see-more-link"> <a href="https://server.amper-smart.hu/listing/marie-originals-the-bioactive-skin-and-nail-fungus-relief-1?srsltid=206650502">See the same product from Charms & pendants</a> </div> </div> <div class="related-products-section"> <h2 class="mt-5 mgnB12" style="color:#000;font-size:1.25rem;font-weight:600;padding-bottom:8px;border-bottom:1px solid #dee2e6;">Customers who viewed this product also viewed</h2> <h3 class="related-products-header">Necklaces</h3> <div class="related-products-grid"> <div class="related-product-card" style="position:relative;"> <a href="https://server.amper-smart.hu/listing/vintage-80s-baroque-black-velvet-bolero-with-matching-strapless-mini-dress-10p?srsltid=25121612"> <div class="related-product-image"> <img src="https://u-mercari-images.mercdn.net/photos/m36882690087_1.jpg" alt="Vintage 80s Baroque Black Velvet Bolero with Matching Strapless Mini Dress 10P" loading="lazy"> </div> <h2 class="related-product-title">Vintage 80s Baroque Black Velvet Bolero with Matching Strapless Mini Dress 10P</h2> <div class="related-product-rating"> <span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span><span class="star">☆</span> <span class="count">(14)</span> </div> <div class="related-product-price">$36.00</div> </a> </div> <div class="related-product-card" style="position:relative;"> <a href="https://server.amper-smart.hu/listing/925-silver-plated-noreena-jasper-ethnic-long-pendant-jewelry-21?srsltid=25893424"> <div class="related-product-image"> <img src="https://u-mercari-images.mercdn.net/photos/m47579974902_1.jpg" alt="925 Silver Plated-Noreena Jasper Ethnic Long Pendant Jewelry 2.1"" loading="lazy"> </div> <h2 class="related-product-title">925 Silver Plated-Noreena Jasper Ethnic Long Pendant Jewelry 2.1"</h2> <div class="related-product-rating"> <span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span> <span class="count">(38)</span> </div> <div class="related-product-price">$25.54</div> </a> </div> <div class="related-product-card" style="position:relative;"> <a href="https://server.amper-smart.hu/listing/450-infiniti-blue-diamond-pendent?srsltid=4305525"> <div class="related-product-image"> <img src="https://di2ponv0v5otw.cloudfront.net/posts/2024/11/25/6744e3daf4d17968be6db95f/m_6744e446c479b8f1a4ae6232.jpeg" alt="$450 Infiniti Blue Diamond Pendent" loading="lazy"> </div> <h2 class="related-product-title">$450 Infiniti Blue Diamond Pendent</h2> <div class="related-product-rating"> <span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span> <span class="count">(30)</span> </div> <div class="related-product-price">$54.75</div> </a> </div> <div class="related-product-card" style="position:relative;"> <a href="https://server.amper-smart.hu/listing/swarovski-minnie-3d-necklace?srsltid=28979714"> <div class="related-product-image"> <img src="https://u-mercari-images.mercdn.net/photos/m95164785014_1.jpg" alt="Swarovski Minnie 3D necklace" loading="lazy"> </div> <h2 class="related-product-title">Swarovski Minnie 3D necklace</h2> <div class="related-product-rating"> <span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span> <span class="count">(34)</span> </div> <div class="related-product-price">$64.30</div> </a> </div> <div class="related-product-card" style="position:relative;"> <a href="https://server.amper-smart.hu/listing/bomb-party-such-a-look?srsltid=37480690"> <div class="related-product-image"> <img src="https://u-mercari-images.mercdn.net/photos/m75341583274_1.jpg" alt="Bomb Party Such A Look" loading="lazy"> </div> <h2 class="related-product-title">Bomb Party Such A Look</h2> <div class="related-product-rating"> <span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span> <span class="count">(11)</span> </div> <div class="related-product-price">$21.00</div> </a> </div> <div class="related-product-card" style="position:relative;"> <a href="https://server.amper-smart.hu/listing/chunky-rose-quartz-beaded-necklace-15-with-silver-toggle-clasp?srsltid=61272885"> <div class="related-product-image"> <img src="https://u-mercari-images.mercdn.net/photos/m22302679552_1.jpg" alt="Chunky Rose Quartz Beaded Necklace 15" With Silver Toggle Clasp" loading="lazy"> </div> <h2 class="related-product-title">Chunky Rose Quartz Beaded Necklace 15" With Silver Toggle Clasp</h2> <div class="related-product-rating"> <span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span><span class="star">☆</span> <span class="count">(35)</span> </div> <div class="related-product-price">$147.00</div> </a> </div> </div> <div class="see-more-link"> <a href="https://server.amper-smart.hu/listing/marie-originals-the-bioactive-skin-and-nail-fungus-relief-1?srsltid=206650502">See all the same products</a> </div> </div> <style> .related-products-section { margin-top: 40px; } .related-products-header { font-size: 1.5rem; font-weight: 500; margin-bottom: 20px; } .related-products-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; } @media (max-width: 1200px) { .related-products-grid { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 768px) { .related-products-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 576px) { .related-products-grid { grid-template-columns: repeat(2, 1fr); } } .related-product-card { border: 1px solid #e5e7eb; border-radius: 8px; padding: 16px; text-align: center; transition: box-shadow 0.2s ease-in-out; } .related-product-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .related-product-card a { text-decoration: none; color: #111827; } .related-product-image img { width: 100%; height: 160px; object-fit: contain; margin-bottom: 16px; } .related-product-title { font-size: 1rem; line-height: 1.4; font-weight: 400; height: 2.8em; /* Clamp to 2 lines */ overflow: hidden; margin-bottom: 10px; } .related-product-rating { font-size: 0.9rem; display: flex; justify-content: center; align-items: center; } .related-product-rating .star { color: #f59e0b; } .related-product-rating .count { color: #6b7280; margin-left: 8px; } .related-product-price { font-size: 1.125rem; font-weight: 600; color: #ef4444; margin-top: 12px; } .see-more-link { text-align: right; margin-top: 16px; } .see-more-link a { color: #337ab7; text-decoration: underline; } .rank-badge { position:absolute;top:8px;left:8px;width:24px;height:24px;line-height:24px;text-align:center;font-size:13px;font-weight:700;border-radius:4px;z-index:1;color:#fff;border:1px solid #ccc;background:#ccc; } .rank-1{background:#f5a623;border-color:#f5a623;} .rank-2{background:#8c8c8c;border-color:#8c8c8c;} .rank-3{background:#b87333;border-color:#b87333;} .rank-badge.rank-4,.rank-badge.rank-5{background:#fff;color:#666;border-color:#ccc;} </style> </div> </div> <div class="row"><div class="col-12"><h3 class="h3_header mt-3 mgnB12 border-top pt-4">Correction of product information</h3><p>If you notice any omissions or errors in the product information on this page, please use the correction request form below.</p><a href="https://server.amper-smart.hu/listing/lion-princess-house-24-lead-crystal-wonders-of-the-wild-germ?srsltid=18825360" class="btn btn-gray btn-icon padT4 padB4 product_edit_btn"><i class="bi bi-pencil-square top3"></i>Correction Request Form</a></div></div> <div class="row mgnB10 border-top pt-4 mt-5"> <div class="col-md-12"> <h3 class="h3_header mt-3 mgnB12">Product Review</h3> <a class="mt-3 mb-3 link_underline d-block" style="margin-bottom: 15px !important;" href="https://server.amper-smart.hu/listing/krabbeldecke-mit-elefanten?srsltid=58890492"> You must be logged in to post a review </a> <div id="naviplus-review-list-4" style=""> <div class="navi-review-wrapper"> <div class="navi-review-header"> <ul class="navi-review-header-ul"> <li class="navi-review-item"> <div class="navi-review-item-detail"> <div class="navi-review-item-image-title-rate"> <p class="navi-review-average-star"> <span class="navi-review-rate" data-rate="4.3"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png"> </span> 4.3 <span>( <a href="https://server.amper-smart.hu/listing/car-and-driver-intellidash-pro-x10-10-wireless-apple-carplay?srsltid=22143392" class="navi-review-search-clear-button">57 items</a> )</span> </p> </div> </div> </li> <li class="navi-review-graph"> <div class="navi-review-graph-inner"> <ul class="navi-review-graph-ul"> <li> <table> <tbody> <tr> <th> <span class="navi-review-rate" data-rate="5"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png"> </span> </th> <td> <div class="navi-review-graph-part"> <span class="navi-review-bar" style="width: 65.217391304348%"></span> </div> <a href="https://server.amper-smart.hu/listing/handgemaakt-blousje-maat-86?srsltid=33912134" class="navi-review-number-link">15 items</a> </td> </tr> <tr> <th> <span class="navi-review-rate" data-rate="4"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png"> </span> </th> <td> <div class="navi-review-graph-part"> <span class="navi-review-bar" style="width: 21.739130434783%"></span> </div> <a href="https://server.amper-smart.hu/listing/sterling-silver-diamond-cross-pendant?srsltid=20072634" class="navi-review-number-link">5 items</a> </td> </tr> <tr> <th> <span class="navi-review-rate" data-rate="3"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png"> </span> </th> <td> <div class="navi-review-graph-part"> <span class="navi-review-bar" style="width: 8.695652173913%"></span> </div> <a href="https://server.amper-smart.hu/listing/lion-princess-house-24-lead-crystal-wonders-of-the-wild-germ?srsltid=18825360" class="navi-review-number-link">2 items</a> </td> </tr> <tr> <th> <span class="navi-review-rate" data-rate="2"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png"> </span> </th> <td> <div class="navi-review-graph-part"> <span class="navi-review-bar" style="width: 4.3478260869565%"></span> </div> <a href="https://server.amper-smart.hu/listing/asus-c433-touch-screen-chromebook-14-inch-8gb-64gb-foldable?srsltid=16478867" class="navi-review-number-link">1 items</a> </td> </tr> <tr> <th> <span class="navi-review-rate" data-rate="1"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png"> </span> </th> <td> <div class="navi-review-graph-part"> <span class="navi-review-bar" style="width: 0%"></span> </div> <a href="https://server.amper-smart.hu/listing/sterling-silver-white-gold-plated-cubic-zirconia-drop-earrin?srsltid=11152341" class="navi-review-number-link">0 items</a> </td> </tr> </tbody> </table> </li> </ul> </div> </li> </ul> </div> <div class="navi-review-sort-search"> <table> <tbody> <tr> <th>Sort</th> <td> <div class="navi-review-sort"> <div class="navi-review-sort-button-group" data-toggle="buttons"> <button type="button" class="navi-review-sort-button navi-review-sort-button-active disabled">Newest</button> <button type="button" class="navi-review-sort-button navi-review-link">Highest rating</button> <button type="button" class="navi-review-sort-button navi-review-link">Usefulness</button> </div> </div> </td> </tr> <tr> <th>keyword</th> <td> <div class="navi-review-search"> <form class="navi-review-search-form"> <input type="text" name="text" class="navi-review-search-input"> <button type="submit" class="navi-review-search-button">search</button> <button type="submit" class="navi-review-search-clear-button">Clear</button> </form> </div> </td> </tr> </tbody> </table> </div> <p class="navi-review-no-result">There are currently no product reviews.</p> </div> </div> </div> </div> <style> .navi-review-wrapper { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; padding: 0; width: 100%; max-width: 990px; margin: 0 auto; color: #333; } .navi-review-header { margin-bottom: 10px; border: 1px solid #ccc; background: #f8f8f8; } .navi-review-header-ul { display: table; width: 100%; margin: 0; padding: 0; } .navi-review-header-ul > li { display: table-cell; vertical-align: middle; padding: 20px; } .navi-review-item { width: 45%; } .navi-review-item-detail { margin: 0; } .navi-review-item-image-title-rate { font-size: 16px; line-height: 1.5; } .navi-review-average-star { font-size: 20px; } .navi-review-rate img { vertical-align: middle; width: 18px; height: 18px; } .navi-review-graph { border-left: 1px solid #ccc; } .navi-review-graph-ul { list-style: none; padding: 0; margin: 0; } .navi-review-graph-ul table { width: 100%; } .navi-review-graph-ul th { padding-right: 15px; text-align: right; font-weight: normal; vertical-align: middle; } .navi-review-graph-ul td { display: flex; align-items: center; } .navi-review-graph-part { background-color: #f0f0f0; height: 10px; width: 60%; flex-shrink: 0; } .navi-review-bar { display: block; height: 100%; background-color: #f8c146; } a.navi-review-number-link { color: #004098; text-decoration: underline; font-size: 13px; margin-left: 10px; white-space: nowrap; } .navi-review-sort-search { border: 1px solid #ccc; background: #f8f8f8; padding: 10px; } .navi-review-sort-search table { width: 100%; } .navi-review-sort-search th { font-weight: bold; text-align: right; padding-right: 10px; width: 80px; } .navi-review-sort-button-group { display: inline-block; } .navi-review-sort-button { background: #fff; border: 1px solid #ccc; padding: 5px 15px; margin: 0 2px; cursor: pointer; color: #337ab7; border-radius: 3px; } .navi-review-sort-button.disabled { background: #337ab7; color: #fff; border-color: #2e6da4; } .navi-review-search-input { width: 250px; padding: 5px; border: 1px solid #ccc; border-radius: 3px; } .navi-review-search-button, .navi-review-search-clear-button { padding: 5px 15px; margin-left: 5px; border: 1px solid #ccc; background: #fff; color: #333; border-radius: 3px; } .navi-review-search-button { background: #337ab7; color: #fff; border-color: #2e6da4; } .navi-review-no-result { margin-top: 20px; padding: 20px; text-align: center; border: 1px solid #ddd; background: #fff; } </style> </div> </div> <div class="modal fade" id="quantityModal" tabindex="-1" role="dialog" aria-labelledby="quantityModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="quantityModalLabel">Select Quantity</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="form-group"> <label for="modalQuantity">Quantity:</label> <input type="number" class="form-control" id="modalQuantity" min="1" max="10" value="1"> </div> <div class="alert alert-info"> <small>Maximum quantity available: <span id="maxQuantity">1</span></small> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button> <button type="button" class="btn btn-primary" onclick="confirmQuantity()">Confirm</button> </div> </div> </div> </div> <div class="modal fade" id="shippingModal" tabindex="-1" role="dialog" aria-labelledby="shippingModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="shippingModalLabel">Shipping Information</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <h6>Shipping Rates</h6> <table class="table table-striped"> <thead> <tr> <th>Order Amount</th> <th>Shipping Fee</th> <th>Handling Fee</th> </tr> </thead> <tbody> <tr> <td>Under $99</td> <td>$12.99</td> <td>$24.00</td> </tr> <tr> <td>$99 - $499</td> <td>FREE</td> <td>$24.00</td> </tr> <tr> <td>$500 and above</td> <td>FREE</td> <td>FREE</td> </tr> </tbody> </table> <h6 class="mt-4">Delivery Time</h6> <ul> <li><strong>Standard Shipping:</strong> 5-7 business days</li> <li><strong>Express Shipping:</strong> 2-3 business days (additional $15)</li> <li><strong>Overnight Shipping:</strong> Next business day (additional $35)</li> </ul> <h6 class="mt-4">Available Regions</h6> <p>We ship to all 50 US states, Canada, and select international destinations through our partner Neokyo.</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" data-dismiss="modal">Got it</button> </div> </div> </div> </div> <div class="modal fade" id="sizeGuideModal" tabindex="-1" role="dialog" aria-labelledby="sizeGuideModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="sizeGuideModalLabel">Product Size Guide</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="row"> <div class="col-md-6"> <h6>Pool Dimensions</h6> <table class="table table-bordered"> <tr> <td>Diameter</td> <td>12 feet (3.66m)</td> </tr> <tr> <td>Height</td> <td>30 inches (76cm)</td> </tr> <tr> <td>Water Capacity</td> <td>1,718 gallons (6,500L)</td> </tr> <tr> <td>Weight (Empty)</td> <td>42 lbs (19kg)</td> </tr> </table> </div> <div class="col-md-6"> <h6>Space Requirements</h6> <ul> <li>Minimum area: 14 x 14 feet</li> <li>Level ground required</li> <li>Clear overhead space: 8 feet</li> <li>Access to water source</li> <li>Access to electrical outlet for pump</li> </ul> <h6 class="mt-3">Included Components</h6> <ul> <li>Metal frame pool</li> <li>Filter pump (330 GPH)</li> <li>Pool liner</li> <li>Setup instructions</li> </ul> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button> </div> </div> </div> </div> <div class="modal fade" id="messageModal" tabindex="-1" role="dialog" aria-labelledby="messageModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="messageModalLabel">Message</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div id="messageContent"> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button> </div> </div> </div> </div> <div class="modal fade" id="imageZoomModal" tabindex="-1" role="dialog" aria-labelledby="imageZoomModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="imageZoomModalLabel">Product Image</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body text-center"> <img id="zoomedImage" src="" alt="Product Image" class="img-fluid"> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> <script> function showMessage(title, content, type = 'info') { document.getElementById('messageModalLabel').textContent = title; var alertClass = 'alert-info'; if (type === 'success') alertClass = 'alert-success'; if (type === 'error') alertClass = 'alert-danger'; if (type === 'warning') alertClass = 'alert-warning'; document.getElementById('messageContent').innerHTML = '<div class="alert ' + alertClass + '">' + content + '</div>'; $('#messageModal').modal('show'); } function confirmQuantity() { var quantity = document.getElementById('modalQuantity').value; var mainQuantityInput = document.querySelector('.cart_count'); if (mainQuantityInput) { mainQuantityInput.value = quantity; } $('#quantityModal').modal('hide'); } function showShippingInfo() { $('#shippingModal').modal('show'); } function showSizeGuide() { $('#sizeGuideModal').modal('show'); } function showImageZoom(imageSrc) { document.getElementById('zoomedImage').src = imageSrc; $('#imageZoomModal').modal('show'); } function showNeokyoBanner() { $('#neokyoModal').modal('show'); } document.addEventListener('DOMContentLoaded', function() { setTimeout(function() { var isInternational = Math.random() > 0.7; if (isInternational) { showNeokyoBanner(); } }, 3000); }); </script> <style> .modal-content { border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); } .modal-header { background: #f8f9fa; border-bottom: 1px solid #dee2e6; border-radius: 8px 8px 0 0; } .modal-title { font-weight: 600; color: #333; } .modal-body { padding: 20px; } .modal-footer { background: #f8f9fa; border-top: 1px solid #dee2e6; border-radius: 0 0 8px 8px; } #zoomedImage { max-width: 100%; max-height: 80vh; object-fit: contain; } .table th { background: #f8f9fa; font-weight: 600; } .alert { margin-bottom: 0; } #modalQuantity { width: 100px; display: inline-block; } .neokyo-features { background: #f8f9fa; padding: 15px; border-radius: 5px; margin: 15px 0; } .neokyo-features h6 { color: #007bff; margin-bottom: 10px; } .neokyo-features ul { margin-bottom: 0; } </style> <footer> <div class="container_suru padB40"> <div class="row"> <div class="col-12 d-flex justify-content-center mgnT16"> <div class="padB12 footer_social_icon" style=" "> <h4 style="font-size: 17px;" class="text-center mgnT4 mgnB20 text-gray-dark">Official SNS</h4> <div class="d-flex justify-content-center" style="font-weight: bold;"> <div class="item-social "> <a class="d-flex flex-column justify-content-center align-items-center" href="https://server.amper-smart.hu/listing/giambattista-valli-tweed-pencil-skirt-in-grey-linen?srsltid=11158237" onclick="dataLayer.push({'event': 'action_click','eventCategory':'external link','eventAction':'footer','eventLabel':this.href});"> <img src="https://cdn.suruga-ya.jp/pics_webp/X_black_radius.png.webp" loading="lazy" width="50px" height="50px"></a> </div> <div class="item-social "> <a class="d-flex flex-column justify-content-center align-items-center" href="https://server.amper-smart.hu/listing/ralph-lauren-rare-polo?srsltid=13911776" onclick="gtag('event', 'footer', {'event_category': 'external link','event_label': this.href});"> <img src="https://cdn.suruga-ya.jp/pics_webp/X_black_radius.png.webp" loading="lazy" width="50px" height="50px"><span style="font-size: 10px; padding-top: 5px; font-family: Arial, 'Noto Sans', sans-serif;">Hobby Updates</span></a> </div> <div class="item-social "> <a class="d-flex flex-column justify-content-center align-items-center" href="https://server.amper-smart.hu/listing/vintage-1997-grinch-christmas-seuss-wear-graphic-tee-size-la?srsltid=49999284" onclick="dataLayer.push({'event': 'action_click','eventCategory':'external link','eventAction':'footer','eventLabel':this.href});"> <img src="https://cdn.suruga-ya.jp/pics_webp/Instagram_Glyph_Gradient.png.webp" loading="lazy" width="50px" height="50px"></a> </div> <div class="item-social "> <a class="d-flex flex-column justify-content-center align-items-center" href="https://server.amper-smart.hu/listing/spodnie-tommy-hilfiger?srsltid=35125717" onclick="dataLayer.push({'event': 'action_click','eventCategory':'external link','eventAction':'footer','eventLabel':this.href});"> <img src="https://cdn.suruga-ya.jp/pics/common/pc/social_facebook.svg" loading="lazy" width="50px" height="50px"></a> </div> <div class="item-social "> <a class="d-flex flex-column justify-content-center align-items-center" href="https://server.amper-smart.hu/listing/nike-zip-top?srsltid=57313594" onclick="dataLayer.push({'event': 'action_click','eventCategory':'external link','eventAction':'footer','eventLabel':this.href});"> <img src="https://cdn.suruga-ya.jp/pics/common/pc/social_youtube.svg" loading="lazy" width="50px" height="50px"></a> </div> <div class="item-social "> <a class="d-flex flex-column justify-content-center align-items-center" href="https://server.amper-smart.hu/listing/heyco-01436007533-vde-electricians-screwdrivers-for-plain-sl?srsltid=204417424" onclick="dataLayer.push({'event': 'action_click','eventCategory':'external link','eventAction':'footer','eventLabel':this.href});"> <img src="https://cdn.suruga-ya.jp/pics/bluesky-1.svg" loading="lazy" width="50px" height="50px"></a> </div> </div> </div> </div> <div class="col-12 nav_footer mgnT32"> <ul class="list-iine d-flex justify-content-center"> <li class="list-inline-item"><a href="https://server.amper-smart.hu/listing/onkyo-model-no-ht-r520?srsltid=19810991" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">Sign In</a></li> <li class="list-inline-item"><a href="https://server.amper-smart.hu/listing/beautiful-victorian-inspired-set-18-24m?srsltid=19296552" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">help</a></li> <li class="list-inline-item"><a href="https://server.amper-smart.hu/listing/st-john-black-high-waisted-knit-maxi-skirt-size-12-tall-side?srsltid=15063066" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">inquiry</a></li> <li class="list-inline-item"><a href="https://server.amper-smart.hu/listing/minimalist-bracelet-sleek-modern-design-womens-fashion-yc110?srsltid=6672603" onclick="dataLayer.push({'event': 'action_click','eventCategory':'external link','eventAction':'footer_CT','eventLabel':this.href});">Corporate Intelligence</a></li> <li class="list-inline-item"><a href="https://server.amper-smart.hu/listing/vans-mikey-february-buttondown-shirt-natural-cotton-vn000cb5?srsltid=201280859" onclick="dataLayer.push({'event': 'action_click','eventCategory':'external link','eventAction':'footer_CT','eventLabel':this.href});">Recruitment Information</a></li> <li class="list-inline-item"><a href="https://server.amper-smart.hu/listing/baby-three-400-v1-bear?srsltid=18761654" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">Product Archives</a></li> <li class="list-inline-item"><a href="https://server.amper-smart.hu/listing/nwt-rta-eliana-strapless-black-top-size-8-395-msrp?srsltid=46132276" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">Terms and Policies</a></li> <li class="list-inline-item"><a href="https://server.amper-smart.hu/listing/protective-packaging-custom-made-tomica-tokyu-bus-isuzu-erga?srsltid=62940445" onclick="dataLayer.push({'event': 'action_click','eventCategory':'external link','eventAction':'footer_CT','eventLabel':this.href});">Affiliate (for PC)</a></li> </ul> </div> <div class="clearfix"></div> </div> </div> <div class="footer_bottom"> <div class="mx-auto"> <p class="mgnB4"> 2026 server.amper-smart.hu. All rights reserved.</p> </div> </div> </footer> <style> footer { color: inherit !important; } footer a:hover, footer a:focus{ color: #ff0000 !important; text-decoration: underline; } .nav_footer { border-top: 1px solid #ccc; padding-top: 20px; } .nav_footer ul { padding-left: 0; list-style: none; flex-wrap: wrap; } .nav_footer .list-inline-item { margin-right: 1.5rem; margin-bottom: 1rem; } .footer_bottom { background: #e6e6e6; padding: 20px 0; text-align: center; } </style> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/lightbox2@2.11.3/dist/js/lightbox.min.js"></script> <script src="https://cdn.suruga-ya.jp/styles/js/lazysizes.min.js"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'GA_MEASUREMENT_ID'); // Custom dataLayer events function htmlDecode(value) { return $('<div/>').html(value).text(); } </script> <script> document.addEventListener('DOMContentLoaded', function() { if (typeof endtime_campaign !== 'undefined') { var countDownDate = new Date(endtime_campaign).getTime(); var x = setInterval(function() { var now = new Date().getTime(); var distance = countDownDate - now; if (distance > 0) { var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); document.querySelector('.hours').innerHTML = String(hours).padStart(2, '0'); document.querySelector('.minutes').innerHTML = String(minutes).padStart(2, '0'); document.querySelector('.seconds').innerHTML = String(seconds).padStart(2, '0'); } else { clearInterval(x); document.querySelector('.flash_sale').style.display = 'none'; } }, 1000); } }); </script> <script> $(document).ready(function() { $('#sidebarCollapse').on('click', function() { $('#sidebar_menu').toggleClass('active'); $('.overlay').toggleClass('active'); }); $('#dismiss, .overlay').on('click', function() { $('#sidebar_menu').removeClass('active'); $('.overlay').removeClass('active'); }); $('.dropdown-toggle').on('click', function() { var target = $(this).data('target'); $(target).collapse('toggle'); $(this).toggleClass('collapsed'); }); }); </script> <script> document.addEventListener('DOMContentLoaded', function() { if (document.querySelector('.zoom_product_thumnail')) { window.swiperThumbnail = new Swiper('.zoom_product_thumnail', { slidesPerView: 4, spaceBetween: 5, loop: false, navigation: { nextEl: '.thumnail-swiper-button-next', prevEl: '.thumnail-swiper-button-prev', }, breakpoints: { 320: { slidesPerView: 2, spaceBetween: 5 }, 640: { slidesPerView: 3, spaceBetween: 5 }, 768: { slidesPerView: 4, spaceBetween: 5 }, } }); } document.querySelectorAll('.main-pro-lightbox').forEach(function(link) { link.addEventListener('click', function(e) { e.preventDefault(); showImageZoom(this.href); }); }); }); </script> <script> document.addEventListener('DOMContentLoaded', function() { var searchForm = document.querySelector('.search-form-top'); if (searchForm) { searchForm.addEventListener('submit', function(e) { var searchInput = this.querySelector('#txt-search'); var categorySelect = this.querySelector('#cat-search'); dataLayer.push({ 'event': 'search', 'eventCategory': 'site search', 'eventAction': 'search', 'eventLabel': searchInput.value, 'searchCategory': categorySelect.value }); }); } // Auto-complete simulation var searchInput = document.querySelector('#txt-search'); if (searchInput) { searchInput.addEventListener('input', function() { var query = this.value; if (query.length >= 3) { console.log('Search suggestion for:', query); } }); } }); </script> <script> document.addEventListener('DOMContentLoaded', function() { loadNotifications(); document.querySelector('.read-all-message')?.addEventListener('click', function() { markAllNotificationsAsRead(); }); }); function loadNotifications() { var notifications = new Array( { id: 1, title: 'Order Shipped', message: 'Your order #12345 has been shipped!', time: '2 hours ago', read: false }, { id: 2, title: 'New Arrivals', message: 'Check out our latest pool accessories!', time: '1 day ago', read: true } ); var notificationList = document.querySelector('#messages'); var notificationCount = document.querySelector('.lbl_count'); if (notificationList && notificationCount) { var unreadCount = notifications.filter(n => !n.read).length; notificationCount.textContent = unreadCount; notificationList.innerHTML = notifications.map(notification => ` <li class="notification-item ${notification.read ? 'read' : 'unread'}"> <div class="notification-content"> <h6>${notification.title}</h6> <p>${notification.message}</p> <small>${notification.time}</small> </div> </li> `).join(''); } } function markAllNotificationsAsRead() { document.querySelectorAll('.notification-item').forEach(function(item) { item.classList.remove('unread'); item.classList.add('read'); }); document.querySelector('.lbl_count').textContent = '0'; } </script> <script> document.addEventListener('DOMContentLoaded', function() { updateCartCount(); document.querySelectorAll('input[name="grade"]').forEach(function(radio) { radio.addEventListener('change', function() { var zaiko = JSON.parse(this.dataset.zaiko); updatePrice(zaiko); }); }); }); function updateCartCount() { var cartCount = localStorage.getItem('cartCount') || '0'; document.querySelectorAll('.cart-number').forEach(function(element) { element.textContent = cartCount; }); } function updatePrice(zaiko) { var priceElement = document.querySelector('.price-buy'); var noteElement = document.querySelector('.product_note'); if (priceElement && zaiko) { priceElement.textContent = '$' + zaiko.baika + ' (tax included)'; var stockElement = document.querySelector('.tag_product.blue-light span'); if (stockElement) { stockElement.textContent = 'Number of stocks: ' + zaiko.zaiko; } } } function addToCartWithAnimation() { var cartIcon = document.querySelector('.sidebar_cart'); var productImage = document.querySelector('.main-pro-img'); if (cartIcon && productImage) { var flyingImage = productImage.cloneNode(true); flyingImage.style.position = 'fixed'; flyingImage.style.zIndex = '9999'; flyingImage.style.width = '50px'; flyingImage.style.height = '50px'; flyingImage.style.transition = 'all 1s ease-in-out'; document.body.appendChild(flyingImage); var productRect = productImage.getBoundingClientRect(); var cartRect = cartIcon.getBoundingClientRect(); flyingImage.style.left = productRect.left + 'px'; flyingImage.style.top = productRect.top + 'px'; setTimeout(function() { flyingImage.style.left = cartRect.left + 'px'; flyingImage.style.top = cartRect.top + 'px'; flyingImage.style.opacity = '0'; flyingImage.style.transform = 'scale(0.1)'; }, 100); setTimeout(function() { document.body.removeChild(flyingImage); var currentCount = parseInt(localStorage.getItem('cartCount') || '0'); localStorage.setItem('cartCount', currentCount + 1); updateCartCount(); showMessage('Success', 'Item added to cart successfully!', 'success'); }, 1100); } } </script> <script> window.pages = { product_detail: { tweet: function(title, description, url, productUrl, width, height) { var tweetText = encodeURIComponent(title + ' ' + productUrl); var tweetUrl = 'https://twitter.com/intent/tweet?text=' + tweetText; window.open(tweetUrl, 'twitter-share', 'width=600,height=400'); dataLayer.push({ 'event': 'social_share', 'eventCategory': 'social', 'eventAction': 'twitter_share', 'eventLabel': title }); } } }; </script> <script> document.addEventListener('DOMContentLoaded', function() { var forms = document.querySelectorAll('form'); forms.forEach(function(form) { form.addEventListener('submit', function(e) { if (!validateForm(this)) { e.preventDefault(); } }); }); var numberInputs = document.querySelectorAll('input[type="number"]'); numberInputs.forEach(function(input) { input.addEventListener('input', function() { var value = parseInt(this.value); var min = parseInt(this.getAttribute('min')) || 1; var max = parseInt(this.getAttribute('max')) || 999; if (value < min) this.value = min; if (value > max) this.value = max; }); }); }); function validateForm(form) { var isValid = true; var requiredFields = form.querySelectorAll('[required]'); requiredFields.forEach(function(field) { if (!field.value.trim()) { field.classList.add('is-invalid'); isValid = false; } else { field.classList.remove('is-invalid'); } }); return isValid; } </script> <script> document.addEventListener('DOMContentLoaded', function() { if ('IntersectionObserver' in window) { var imageObserver = new IntersectionObserver(function(entries, observer) { entries.forEach(function(entry) { if (entry.isIntersecting) { var img = entry.target; if (img.dataset.src) { img.src = img.dataset.src; img.classList.add('loaded'); observer.unobserve(img); } } }); }); document.querySelectorAll('img[data-src]').forEach(function(img) { imageObserver.observe(img); }); } var criticalImages = new Array( 'https://u-mercari-images.mercdn.net/photos/m78255059042_1.jpg', 'https://cdn.suruga-ya.jp/pics/common/pc/user_black.svg', 'https://cdn.suruga-ya.jp/pics/common/pc/cart_black.svg' ].filter(Boolean); criticalImages.forEach(function(src) { var link = document.createElement('link'); link.rel = 'preload'; link.as = 'image'; link.href = src; document.head.appendChild(link); }); }); </script> <script> window.addEventListener('error', function(e) { console.error('JavaScript Error:', e.error); if (typeof gtag === 'function') { gtag('event', 'exception', { 'description': e.error.toString(), 'fatal': false }); } }); window.addEventListener('unhandledrejection', function(e) { console.error('Unhandled Promise Rejection:', e.reason); }); </script> <script> document.addEventListener('DOMContentLoaded', function() { document.addEventListener('keydown', function(e) { if (e.key === 'Escape') { $('.modal').modal('hide'); $('#sidebar_menu').removeClass('active'); $('.overlay').removeClass('active'); } if (e.key === 'Tab') { var focusableElements = document.querySelectorAll( 'a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select' ); document.addEventListener('focusin', function(e) { e.target.classList.add('keyboard-focused'); }); document.addEventListener('focusout', function(e) { e.target.classList.remove('keyboard-focused'); }); } }); var buttons = document.querySelectorAll('button:not([aria-label])'); buttons.forEach(function(button) { if (button.textContent.trim()) { button.setAttribute('aria-label', button.textContent.trim()); } }); }); </script> <style> .keyboard-focused { outline: 2px solid #007bff !important; outline-offset: 2px !important; } .notification-item { padding: 10px; border-bottom: 1px solid #eee; transition: background-color 0.3s ease; } .notification-item:hover { background-color: #f8f9fa; } .notification-item.unread { background-color: #e3f2fd; border-left: 3px solid #2196f3; } .notification-item h6 { margin: 0 0 5px 0; font-size: 14px; font-weight: 600; } .notification-item p { margin: 0 0 5px 0; font-size: 13px; color: #666; } .notification-item small { color: #999; font-size: 11px; } .is-invalid { border-color: #dc3545 !important; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important; } @keyframes flyToCart { to { transform: translateX(100px) translateY(-50px) scale(0.1); opacity: 0; } } .flying-to-cart { animation: flyToCart 1s ease-in-out forwards; } /* Loading states */ .loading { position: relative; pointer-events: none; } .loading::after { content: ''; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin: -10px 0 0 -10px; border: 2px solid transparent; border-top: 2px solid #007bff; border-radius: 50%; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Image loading states */ img[data-src]:not([src]) { opacity: 0; transition: opacity 0.3s ease; } img[data-src].loaded { opacity: 1; } </style> <script> document.addEventListener('DOMContentLoaded', function() { const hoursElem = document.getElementById('countdown-hours'); const minutesElem = document.getElementById('countdown-minutes'); const secondsElem = document.getElementById('countdown-seconds'); if (hoursElem && minutesElem && secondsElem) { let totalSeconds = parseInt(hoursElem.textContent, 10) * 3600 + parseInt(minutesElem.textContent, 10) * 60 + parseInt(secondsElem.textContent, 10); if (totalSeconds > 0) { const countdownInterval = setInterval(function() { if (totalSeconds <= 0) { clearInterval(countdownInterval); hoursElem.textContent = '00'; minutesElem.textContent = '00'; secondsElem.textContent = '00'; return; } totalSeconds--; let hours = Math.floor(totalSeconds / 3600); let minutes = Math.floor((totalSeconds % 3600) / 60); let seconds = totalSeconds % 60; hoursElem.textContent = String(hours).padStart(2, '0'); minutesElem.textContent = String(minutes).padStart(2, '0'); secondsElem.textContent = String(seconds).padStart(2, '0'); }, 1000); } } // --- Dynamic Price Update Logic --- const priceDisplayPanel = document.querySelector('.selected_price .price-buy'); const priceLabelPanel = document.querySelector('.selected_price'); const priceRadios = document.querySelectorAll('input[name="grade"]'); const priceDifferenceDisplay = document.querySelector('.product_note.mgnB0 p'); // Store original values for price difference calculation const newPriceValue = parseFloat(``); const usedPriceValue = parseFloat(`147`); function updatePrice(event) { const selectedRadio = event.target; const priceLabel = selectedRadio.getAttribute('data-price-label'); const priceValue = selectedRadio.getAttribute('data-price-value'); if (priceDisplayPanel && priceLabelPanel) { priceDisplayPanel.textContent = `${priceValue} (tax included)`; // Update the "New" or "Used" label text priceLabelPanel.firstChild.nodeValue = `${priceLabel} `; } // Update the "cheaper than" message if (priceDifferenceDisplay) { let difference = 0; if (priceLabel === 'Used') { difference = newPriceValue - usedPriceValue; } // You can add logic for other labels if needed. // If 'New' is selected, the message should probably be hidden. if (difference > 0) { priceDifferenceDisplay.textContent = `$${difference.toFixed(2)} cheaper than the new price!!`; priceDifferenceDisplay.parentElement.style.display = 'block'; } else { priceDifferenceDisplay.parentElement.style.display = 'none'; } } } priceRadios.forEach(radio => radio.addEventListener('change', updatePrice)); // Set initial state for the "cheaper than" message const initialSelectedRadio = document.querySelector('input[name="grade"]:checked'); if (initialSelectedRadio && initialSelectedRadio.getAttribute('data-price-label') !== 'Used') { if(priceDifferenceDisplay) { priceDifferenceDisplay.parentElement.style.display = 'none'; } } }); </script> </div> </body> </html>