STYX (Styx)
<br/>KILROY WAS HERE<br/><br/><Book Type><br/>Band Score<br/><br/><Tablature Notation><br/>Yes<br/><br/><Year of Publication><br/>1983<br/><br/><Publisher><br/>Toraku<br/><br/><Contents/Song List><br/>Please see the table of contents photos.<br/><br/><Writing><br/>None<br/><br/><Other Condition><br/>This is remaining store stock, so it has not been used, but there is some corner and edge wear, and soiling on the cover due to aging. The condition is solid.<br/><br/>～～～～～～Other Information～～～～～～<br/>Shipping Method<br/>1. To prevent water damage, it will be packaged in a clear plastic bag.<br/>2. To prevent drops, it will be packaged with bubble wrap (bubble wrap may not be possible depending on the shipping size).<br/>3. We will accommodate other desired shipping methods as much as possible.<br/><br/>～～～～～～Terminology Explanation～～～～～～～～～～～～～～～～～～～～～～～～～～～<br/><br/>What is Tablature?<br/>A notation that represents musical notes with numbers for guitar and bass.<br/><br/>Management Number 【251004-A】</p><table border='1'><tbody><tr><th><b>Category</b></th><th>Books > Nonfiction Books > Art Books</th></tr><tr><th><b>Size</b></th><th>N/A</th></tr><tr><th><b>Brand</b></th><th>None</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/m33148124124_1.jpg" rel="lightbox">
<img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m33148124124_1.jpg" alt="★ Sheet Music / Styx / KILROY WAS HERE / Styx / Band Score" style="width:100%">
</a>
</p>
<p class="img-wrapper" style="display:inline-block; width: 49%;">
<a href="https://u-mercari-images.mercdn.net/photos/m33148124124_2.jpg" rel="lightbox">
<img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m33148124124_2.jpg" alt="★ Sheet Music / Styx / KILROY WAS HERE / Styx / Band Score" style="width:100%">
</a>
</p>
<p class="img-wrapper" style="display:inline-block; width: 49%;">
<a href="https://u-mercari-images.mercdn.net/photos/m33148124124_3.jpg" rel="lightbox">
<img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m33148124124_3.jpg" alt="★ Sheet Music / Styx / KILROY WAS HERE / Styx / Band Score" style="width:100%">
</a>
</p>
<p class="img-wrapper" style="display:inline-block; width: 49%;">
<a href="https://u-mercari-images.mercdn.net/photos/m33148124124_4.jpg" rel="lightbox">
<img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m33148124124_4.jpg" alt="★ Sheet Music / Styx / KILROY WAS HERE / Styx / Band Score" style="width:100%">
</a>
</p>
<p class="img-wrapper" style="display:inline-block; width: 49%;">
<a href="https://u-mercari-images.mercdn.net/photos/m33148124124_5.jpg" rel="lightbox">
<img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m33148124124_5.jpg" alt="★ Sheet Music / Styx / KILROY WAS HERE / Styx / Band Score" style="width:100%">
</a>
</p>
<p class="img-wrapper" style="display:inline-block; width: 49%;">
<a href="https://u-mercari-images.mercdn.net/photos/m33148124124_6.jpg" rel="lightbox">
<img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m33148124124_6.jpg" alt="★ Sheet Music / Styx / KILROY WAS HERE / Styx / Band Score" style="width:100%">
</a>
</p>
<p class="img-wrapper" style="display:inline-block; width: 49%;">
<a href="https://u-mercari-images.mercdn.net/photos/m33148124124_7.jpg" rel="lightbox">
<img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m33148124124_7.jpg" alt="★ Sheet Music / Styx / KILROY WAS HERE / Styx / Band Score" style="width:100%">
</a>
</p>
<p class="img-wrapper" style="display:inline-block; width: 49%;">
<a href="https://u-mercari-images.mercdn.net/photos/m33148124124_8.jpg" rel="lightbox">
<img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m33148124124_8.jpg" alt="★ Sheet Music / Styx / KILROY WAS HERE / Styx / Band Score" 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">Canned & Jarred Fruits</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://ygeos.com/products/sunsweet-food-service-bags-pitted-prune-12-pound-each-1-per-case/240853975/">
<div class="related-product-image">
<img src="https://file-node.com/m/2c88e7bf-ecbe-4e23-89fb-2f46bc1f962c/58888599/87be4f.webp" alt="Sunsweet Food Service Bags Pitted Prune 12 Pound Each - 1 Per Case." loading="lazy">
</div>
<h2 class="related-product-title">Sunsweet Food Service Bags Pitted Prune 12 Pound Each - 1 Per Case.</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">(40)</span>
</div>
<div class="related-product-price">$25.81</div>
</a>
</div>
<div class="related-product-card" style="position:relative;">
<span class="rank-badge rank-2">2</span>
<a href="https://ygeos.com/products/sunsweet-pouch-pitted-prunes-16-ounce-size-12-per-case/240853976/">
<div class="related-product-image">
<img src="https://file-node.com/m/2c88e7bf-ecbe-4e23-89fb-2f46bc1f962c/58888600/7d0cd8.webp" alt="Sunsweet Pouch Pitted Prunes 16 Ounce Size - 12 Per Case." loading="lazy">
</div>
<h2 class="related-product-title">Sunsweet Pouch Pitted Prunes 16 Ounce Size - 12 Per Case.</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">$34.44</div>
</a>
</div>
<div class="related-product-card" style="position:relative;">
<span class="rank-badge rank-3">3</span>
<a href="https://ygeos.com/products/sunsweet-pitted-prune-25-pound-each-1-per-case/240853977/">
<div class="related-product-image">
<img src="https://file-node.com/m/2c88e7bf-ecbe-4e23-89fb-2f46bc1f962c/58888601/0c1f49.webp" alt="Sunsweet Pitted Prune 25 Pound Each - 1 Per Case." loading="lazy">
</div>
<h2 class="related-product-title">Sunsweet Pitted Prune 25 Pound Each - 1 Per Case.</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">$40.76</div>
</a>
</div> </div>
<div class="see-more-link">
<a href="https://ygeos.com/products/nail-stands-acrylic-nail-artpress-on-nail-stand-magnetic-nai/237473543/">See the same product from Canned & Jarred Fruits</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">General</h3>
<div class="related-products-grid">
<div class="related-product-card" style="position:relative;">
<a href="https://ygeos.com/products/2-oz-beehive-salt-pepper-shakers-set-of-2/232741237/">
<div class="related-product-image">
<img src="https://cdn.shopify.com/s/files/1/0415/2937/6932/files/etjk6u2el9mxhuqiibjv.png?v=1766954801" alt="2 oz Beehive Salt & Pepper Shakers, Set of 2" loading="lazy">
</div>
<h2 class="related-product-title">2 oz Beehive Salt & Pepper Shakers, Set of 2</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">(6)</span>
</div>
<div class="related-product-price">$2.79</div>
</a>
</div>
<div class="related-product-card" style="position:relative;">
<a href="https://ygeos.com/products/3-oz-paneled-salt-pepper-shakers-set-of-2/232847041/">
<div class="related-product-image">
<img src="https://cdn.shopify.com/s/files/1/0415/2937/6932/files/nxqeftptpaiqbbuslu1k.jpg?v=1767411301" alt="3 OZ PANELED SALT & PEPPER SHAKERS, SET OF 2" loading="lazy">
</div>
<h2 class="related-product-title">3 OZ PANELED SALT & PEPPER SHAKERS, SET OF 2</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">$0.96</div>
</a>
</div> </div>
<div class="see-more-link">
<a href="https://ygeos.com/products/nail-stands-acrylic-nail-artpress-on-nail-stand-magnetic-nai/237473543/">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://ygeos.com/products/capri-parson-side-chair/232759358/" 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">
<!-- Walmart-style Customer ratings & reviews -->
<h2 style="font-size:1.25rem;font-weight:700;color:#2b2b2b;margin:0 0 20px;padding-top:24px;border-top:1px solid #e5e5e5;">Customer ratings & reviews</h2>
<div style="display:flex;align-items:flex-start;gap:40px;flex-wrap:wrap;">
<!-- Left: score summary -->
<div style="flex:0 0 auto;min-width:180px;">
<div style="font-size:2.8rem;font-weight:700;color:#2b2b2b;line-height:1;">4.2 <span style="font-size:1.2rem;font-weight:400;color:#46474a;">out of 5</span></div>
<div style="margin:6px 0 4px;font-size:1.3rem;color:#f59e0b;letter-spacing:2px;">
★★★★★ </div>
<div style="font-size:0.8rem;color:#46474a;margin-bottom:8px;">22 ratings | 9 reviews</div>
<div style="display:flex;align-items:center;gap:4px;font-size:0.78rem;color:#46474a;margin-bottom:16px;">
How item rating is calculated
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10" stroke="#46474a" stroke-width="2"/><path d="M12 8v4M12 16h.01" stroke="#46474a" stroke-width="2" stroke-linecap="round"/></svg>
</div>
<a href="https://ygeos.com/products/pomegranate-1000-piece-jigsaw-puzzle-for-adults-grandma-mose/233550407/" style="display:inline-block;border:1px solid #2b2b2b;border-radius:100px;padding:8px 18px;font-size:0.85rem;font-weight:700;color:#2b2b2b;text-decoration:none;">View all reviews</a>
</div>
<!-- Right: bar chart -->
<div style="flex:1;min-width:220px;">
<div style="display:flex;align-items:center;gap:10px;margin-bottom:6px;">
<a href="https://ygeos.com/products/amazon-cluster/234602452/" style="white-space:nowrap;font-size:0.82rem;color:var(--wm-blue);text-decoration:underline;flex:0 0 40px;text-align:right;">5 stars</a>
<div style="flex:1;background:#e5e5e5;border-radius:4px;height:16px;overflow:hidden;">
<div style="width:78%;height:100%;background:var(--wm-blue);border-radius:4px;"></div>
</div>
<span style="font-size:0.78rem;color:#46474a;white-space:nowrap;flex:0 0 80px;">78% (17)</span>
</div>
<div style="display:flex;align-items:center;gap:10px;margin-bottom:6px;">
<a href="https://ygeos.com/products/rockbros-mini-red-tail-light-zpwd-1/235447784/" style="white-space:nowrap;font-size:0.82rem;color:var(--wm-blue);text-decoration:underline;flex:0 0 40px;text-align:right;">4 stars</a>
<div style="flex:1;background:#e5e5e5;border-radius:4px;height:16px;overflow:hidden;">
<div style="width:6%;height:100%;background:var(--wm-blue);border-radius:4px;"></div>
</div>
<span style="font-size:0.78rem;color:#46474a;white-space:nowrap;flex:0 0 80px;">6% (1)</span>
</div>
<div style="display:flex;align-items:center;gap:10px;margin-bottom:6px;">
<a href="https://ygeos.com/products/industry-nine-hydra-2-boost-microspline-disc-hub-rear-32h-12/236690556/" style="white-space:nowrap;font-size:0.82rem;color:var(--wm-blue);text-decoration:underline;flex:0 0 40px;text-align:right;">3 stars</a>
<div style="flex:1;background:#e5e5e5;border-radius:4px;height:16px;overflow:hidden;">
<div style="width:3%;height:100%;background:var(--wm-blue);border-radius:4px;"></div>
</div>
<span style="font-size:0.78rem;color:#46474a;white-space:nowrap;flex:0 0 80px;">3% (1)</span>
</div>
<div style="display:flex;align-items:center;gap:10px;margin-bottom:6px;">
<a href="https://ygeos.com/products/100pcs-disposable-foot-tub-liners-for-foot-soak-bath-large-c/237308371/" style="white-space:nowrap;font-size:0.82rem;color:var(--wm-blue);text-decoration:underline;flex:0 0 40px;text-align:right;">2 stars</a>
<div style="flex:1;background:#e5e5e5;border-radius:4px;height:16px;overflow:hidden;">
<div style="width:2%;height:100%;background:var(--wm-blue);border-radius:4px;"></div>
</div>
<span style="font-size:0.78rem;color:#46474a;white-space:nowrap;flex:0 0 80px;">2% (0)</span>
</div>
<div style="display:flex;align-items:center;gap:10px;margin-bottom:6px;">
<a href="https://ygeos.com/products/pearl-izumi-amfib-cycling-bib-tights-mens/235992817/" style="white-space:nowrap;font-size:0.82rem;color:var(--wm-blue);text-decoration:underline;flex:0 0 40px;text-align:right;">1 star</a>
<div style="flex:1;background:#e5e5e5;border-radius:4px;height:16px;overflow:hidden;">
<div style="width:11%;height:100%;background:var(--wm-blue);border-radius:4px;"></div>
</div>
<span style="font-size:0.78rem;color:#46474a;white-space:nowrap;flex:0 0 80px;">11% (2)</span>
</div>
</div>
</div>
<!-- Filter / sort bar -->
<div style="margin-top:20px;padding:12px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;gap:12px;flex-wrap:wrap;">
<span style="font-size:0.875rem;font-weight:700;color:#2b2b2b;">Sort by</span>
<button style="border:1px solid #2b2b2b;border-radius:100px;padding:6px 16px;font-size:0.82rem;font-weight:700;background:#2b2b2b;color:#fff;cursor:pointer;font-family:inherit;">Most recent</button>
<button style="border:1px solid #e0e0e0;border-radius:100px;padding:6px 16px;font-size:0.82rem;background:#fff;color:#2b2b2b;cursor:pointer;font-family:inherit;">Highest rated</button>
<button style="border:1px solid #e0e0e0;border-radius:100px;padding:6px 16px;font-size:0.82rem;background:#fff;color:#2b2b2b;cursor:pointer;font-family:inherit;">Most helpful</button>
<div style="margin-left:auto;display:flex;align-items:center;gap:8px;">
<input type="text" placeholder="Search reviews" style="padding:7px 14px;border:1px solid #ccc;border-radius:100px;font-size:0.82rem;outline:none;font-family:inherit;width:180px;">
<button style="background:var(--wm-blue);color:#fff;border:none;border-radius:100px;padding:7px 16px;font-size:0.82rem;cursor:pointer;font-family:inherit;">Search</button>
</div>
</div>
<p style="font-size:0.82rem;color:#46474a;margin-top:16px;">There are currently no written reviews for this product.</p>
</div>
</div>
</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 style="background:#fff;border-top:4px solid var(--wm-yellow);margin-top:48px;">
<!-- Top utility strip -->
<div style="background:var(--wm-blue);padding:12px 20px;">
<div id="footer-top-strip" style="max-width:1440px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 32px;">
<a href="https://ygeos.com/products/sika-sikalatex-r-187782-concrete-fortifier-liquid-white-ammo/232865320/" style="color:#fff;font-size:13px;text-decoration:none;display:flex;align-items:center;gap:6px;" onclick="dataLayer.push({'event':'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z" fill="white"/></svg>
Sign In or Create Account
</a>
<a href="https://ygeos.com/products/basf-pylon-miticide-insecticide-1-pint/232555407/" style="color:#fff;font-size:13px;text-decoration:none;display:flex;align-items:center;gap:6px;" onclick="dataLayer.push({'event':'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10" stroke="white" stroke-width="2"/><path d="M12 8v4M12 16h.01" stroke="white" stroke-width="2" stroke-linecap="round"/></svg>
Help Center
</a>
<a href="https://ygeos.com/products/oakley-latch-panel-sunglasses/236588713/" style="color:#fff;font-size:13px;text-decoration:none;display:flex;align-items:center;gap:6px;" onclick="dataLayer.push({'event':'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
Track Order
</a>
<a href="https://ygeos.com/products/love-story-modular-sectional-custom-design-ref-m73s2wa/233008611/" style="color:#fff;font-size:13px;text-decoration:none;display:flex;align-items:center;gap:6px;" onclick="dataLayer.push({'event':'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><polyline points="9 22 9 12 15 12 15 22" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
Weekly Ads
</a>
</div>
</div>
<!-- Main footer columns -->
<div style="background:#f2f2f2;padding:32px 20px 24px;">
<div id="footer-main-cols" style="max-width:1440px;margin:0 auto;display:flex;flex-wrap:wrap;gap:32px;">
<!-- Column 1: Our Company -->
<div style="flex:1;min-width:160px;">
<div style="font-weight:700;font-size:14px;color:#2b2b2b;margin-bottom:14px;text-transform:uppercase;letter-spacing:.5px;">Our Company</div>
<ul style="list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px;">
<li><a href="https://corporate.walmart.com/about" target="_blank" rel="noopener" style="color:#46474a;font-size:13px;text-decoration:none;">About Walmart</a></li>
<li><a href="https://careers.walmart.com" target="_blank" rel="noopener" style="color:#46474a;font-size:13px;text-decoration:none;">Careers</a></li>
<li><a href="https://news.walmart.com" target="_blank" rel="noopener" style="color:#46474a;font-size:13px;text-decoration:none;">Newsroom</a></li>
<li><a href="https://investors.walmart.com" target="_blank" rel="noopener" style="color:#46474a;font-size:13px;text-decoration:none;">Investors</a></li>
<li><a href="https://corporate.walmart.com/sustainability" target="_blank" rel="noopener" style="color:#46474a;font-size:13px;text-decoration:none;">Sustainability</a></li>
<li><a href="https://supplierportal.walmart.com" target="_blank" rel="noopener" style="color:#46474a;font-size:13px;text-decoration:none;">Supplier Requirements</a></li>
</ul>
</div>
<!-- Column 2: Get to Know Us -->
<div style="flex:1;min-width:160px;">
<div style="font-weight:700;font-size:14px;color:#2b2b2b;margin-bottom:14px;text-transform:uppercase;letter-spacing:.5px;">Get to Know Us</div>
<ul style="list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px;">
<li><a href="https://ygeos.com/products/aqueon-aquapacs-ammonia-reducer-for-aquariums/235231763/" style="color:#46474a;font-size:13px;text-decoration:none;" onclick="dataLayer.push({'event':'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">Departments</a></li>
<li><a href="https://ygeos.com/products/3-ball-clear-tube-with-wilson-duosoft-golf-balls-q428222/236073575/" style="color:#46474a;font-size:13px;text-decoration:none;" onclick="dataLayer.push({'event':'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">Stores</a></li>
<li><a href="https://ygeos.com/products/mountain-moose-kitchen-towel/232446208/" style="color:#46474a;font-size:13px;text-decoration:none;" onclick="dataLayer.push({'event':'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">Services</a></li>
<li><a href="https://ygeos.com/products/called-to-serve-a-400-page-lds-missionary-journal-for-elders/233481496/" style="color:#46474a;font-size:13px;text-decoration:none;" onclick="dataLayer.push({'event':'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">Walmart+</a></li>
<li><a href="https://ygeos.com/products/6th-grade-math-workbook-fractions-and-decimals-ratios-rate-a/237147424/" style="color:#46474a;font-size:13px;text-decoration:none;" onclick="dataLayer.push({'event':'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">Gift Cards</a></li>
</ul>
</div>
<!-- Column 3: Help -->
<div style="flex:1;min-width:160px;">
<div style="font-weight:700;font-size:14px;color:#2b2b2b;margin-bottom:14px;text-transform:uppercase;letter-spacing:.5px;">Help</div>
<ul style="list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px;">
<li><a href="https://ygeos.com/products/stainless-steel-stemmed-wine-glass-blue/232942265/" style="color:#46474a;font-size:13px;text-decoration:none;" onclick="dataLayer.push({'event':'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">COVID-19 Vaccine Scheduler</a></li>
<li><a href="https://ygeos.com/products/prevue-pet-playfuls-thread-catcher-bird-toy/234624440/" style="color:#46474a;font-size:13px;text-decoration:none;" onclick="dataLayer.push({'event':'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">Pharmacy</a></li>
<li><a href="https://ygeos.com/products/reflections-in-wood-iii/233153966/" style="color:#46474a;font-size:13px;text-decoration:none;" onclick="dataLayer.push({'event':'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">Recalls</a></li>
<li><a href="https://ygeos.com/products/electrolux-ultrasilencer-delux-el7066a-wand-seal/232877877/" style="color:#46474a;font-size:13px;text-decoration:none;" onclick="dataLayer.push({'event':'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">Accessibility</a></li>
<li><a href="https://ygeos.com/products/everything-else-can-wait-personalized-custom-womens-t-shirt/235033780/" style="color:#46474a;font-size:13px;text-decoration:none;" onclick="dataLayer.push({'event':'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">Product Recalls</a></li>
<li><a href="https://ygeos.com/products/nutcase-street-mips-helmet-plume/236729982/" style="color:#46474a;font-size:13px;text-decoration:none;" onclick="dataLayer.push({'event':'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">Tax Exempt Program</a></li>
</ul>
</div>
<!-- Column 4: Policies -->
<div style="flex:1;min-width:160px;">
<div style="font-weight:700;font-size:14px;color:#2b2b2b;margin-bottom:14px;text-transform:uppercase;letter-spacing:.5px;">Policies</div>
<ul style="list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px;">
<li><a href="https://help.walmart.com/app/answers/detail/a_id/8" target="_blank" rel="noopener" style="color:#46474a;font-size:13px;text-decoration:none;">Terms of Use</a></li>
<li><a href="https://corporate.walmart.com/privacy-security" target="_blank" rel="noopener" style="color:#46474a;font-size:13px;text-decoration:none;">Privacy Policy</a></li>
<li><a href="https://corporate.walmart.com/privacy-security" target="_blank" rel="noopener" style="color:#46474a;font-size:13px;text-decoration:none;">CA Privacy Rights</a></li>
<li><a href="https://www.walmart.com/account/api/ccpa-intake?native=false&type=access" target="_blank" rel="noopener" style="color:#46474a;font-size:13px;text-decoration:none;">Request My Personal Information</a></li>
<li><a href="https://www.walmart.com/account/api/ccpa-intake?native=false&type=sod" target="_blank" rel="noopener" style="color:#46474a;font-size:13px;text-decoration:none;">Do Not Sell or Share My Personal Information</a></li>
</ul>
</div>
<!-- Column 5: Apps -->
<div style="flex:1;min-width:160px;">
<div style="font-weight:700;font-size:14px;color:#2b2b2b;margin-bottom:14px;text-transform:uppercase;letter-spacing:.5px;">Our Apps</div>
<ul style="list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px;">
<li><a href="https://itunes.apple.com/us/app/walmart/id338137227" target="_blank" rel="noopener" style="color:#46474a;font-size:13px;text-decoration:none;">iPhone App</a></li>
<li><a href="https://play.google.com/store/apps/details?id=com.walmart.android" target="_blank" rel="noopener" style="color:#46474a;font-size:13px;text-decoration:none;">Android App</a></li>
</ul>
<div style="margin-top:20px;">
<div style="font-weight:700;font-size:14px;color:#2b2b2b;margin-bottom:14px;text-transform:uppercase;letter-spacing:.5px;">Follow Us</div>
<div style="display:flex;gap:14px;align-items:center;">
<a href="https://www.facebook.com/walmart" target="_blank" rel="noopener" aria-label="Walmart on Facebook" style="color:#46474a;">
<svg width="22" height="22" viewBox="0 0 24 24" fill="#46474a" xmlns="http://www.w3.org/2000/svg"><path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"/></svg>
</a>
<a href="https://twitter.com/walmart" target="_blank" rel="noopener" aria-label="Walmart on Twitter/X" style="color:#46474a;">
<svg width="22" height="22" viewBox="0 0 24 24" fill="#46474a" xmlns="http://www.w3.org/2000/svg"><path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"/></svg>
</a>
<a href="https://www.youtube.com/walmart" target="_blank" rel="noopener" aria-label="Walmart on YouTube" style="color:#46474a;">
<svg width="22" height="22" viewBox="0 0 24 24" fill="#46474a" xmlns="http://www.w3.org/2000/svg"><path d="M22.54 6.42a2.78 2.78 0 00-1.95-1.96C18.88 4 12 4 12 4s-6.88 0-8.59.46A2.78 2.78 0 001.46 6.42 29 29 0 001 12a29 29 0 00.46 5.58A2.78 2.78 0 003.41 19.6C5.12 20 12 20 12 20s6.88 0 8.59-.46a2.78 2.78 0 001.95-1.95A29 29 0 0023 12a29 29 0 00-.46-5.58zM9.75 15.02V8.98L15.5 12l-5.75 3.02z"/></svg>
</a>
<a href="https://www.pinterest.com/walmart" target="_blank" rel="noopener" aria-label="Walmart on Pinterest" style="color:#46474a;">
<svg width="22" height="22" viewBox="0 0 24 24" fill="#46474a" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C6.48 2 2 6.48 2 12c0 4.24 2.65 7.86 6.39 9.29-.09-.78-.17-1.98.03-2.83.19-.77 1.26-5.35 1.26-5.35s-.32-.65-.32-1.6c0-1.5.87-2.62 1.95-2.62.92 0 1.37.69 1.37 1.52 0 .93-.59 2.31-.9 3.59-.25 1.07.53 1.95 1.58 1.95 1.9 0 3.18-2 3.18-4.9 0-2.56-1.84-4.35-4.47-4.35-3.04 0-4.83 2.28-4.83 4.64 0 .92.35 1.9.79 2.43.09.11.1.2.07.31-.08.33-.26 1.06-.3 1.21-.05.2-.16.24-.38.14-1.39-.65-2.26-2.68-2.26-4.31 0-3.5 2.54-6.72 7.33-6.72 3.84 0 6.83 2.74 6.83 6.4 0 3.82-2.4 6.88-5.74 6.88-1.12 0-2.18-.58-2.54-1.27l-.69 2.58c-.25.97-.93 2.18-1.39 2.92.52.16 1.08.25 1.65.25 5.52 0 10-4.48 10-10S17.52 2 12 2z"/></svg>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Bottom legal bar -->
<div style="background:#2b2b2b;padding:14px 20px;">
<div id="footer-bottom-bar" style="max-width:1440px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;">
<p style="margin:0;color:#c8c8c8;font-size:12px;">© 2026 ygeos.com. All Rights Reserved.</p>
<div id="footer-bottom-links" style="display:flex;flex-wrap:wrap;gap:16px;">
<a href="https://help.walmart.com/app/answers/detail/a_id/8" target="_blank" rel="noopener" style="color:#c8c8c8;font-size:12px;text-decoration:none;">Terms of Use</a>
<a href="https://corporate.walmart.com/privacy-security" target="_blank" rel="noopener" style="color:#c8c8c8;font-size:12px;text-decoration:none;">Privacy Policy</a>
<a href="https://www.walmart.com/account/api/ccpa-intake?native=false&type=sod" target="_blank" rel="noopener" style="color:#c8c8c8;font-size:12px;text-decoration:none;">Do Not Sell or Share My Personal Information</a>
<a href="https://www.walmart.com/account/api/ccpa-intake?native=false&type=access" target="_blank" rel="noopener" style="color:#c8c8c8;font-size:12px;text-decoration:none;">Request My Personal Information</a>
</div>
</div>
</div>
</footer>
<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).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/m33148124124_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);
}
}
});
</script>
</div>
</body>
</html>
