
Share on:
METRONIC was founded in 2015, we provide shipping supplies over 100 countries in the world and we are keeping long term relationship with our worldwide loyal customers. Our goal is to provide the most cost-efficient, high quality products and service to every customer. METRONIC 100% focuses on shipping supplies so we can be committed to provide the best products to our customers. Our innovation team keep developing more products that will add to our catalog, following our slogon " Satisfying magic package". Now, we are working on more kinds of material to make everything reuseable and sustainable. Your precious suggestions and feedback will be appreciated, and we we are looking forward to service you in the future. Thank you for supporting us during our fast-pace stage. Various colors of mailers perfect for online small business These cute poly mailers with special design also ideal for gift package These mailers with sweet " Thank You " design and convenient handle will make your items stand out from a bulk of products ! Metronic Poly Mailers 12x15.5 100 Pack Large Shipping Bags,Strong Adhesive Mailing Bags, Waterproof and Tear-Proof Multipurpose Envelopes for Clothing, Small Business,Boutique, Postal Bags Peach PinkFound a lower price? Let us know. Although we can't match every price reported, we'll use your feedback to ensure that our prices remain competitive. Store (Offline) Store name: City: State: Please select province Please select province Price: ($) Date of the price: 01 02 03 04 05 06 07 08 09 10 11 12 / 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 / Please sign in to provide feedback. Submit Feedback P.when("A", "a-modal", "ready").execute(function (A, modal) { var $ = A.$; var instance; var title = $("#modalHeader").val(); A.declarative("pricingFeedback-modal-button", "click", function (event) { if (!instance) { var options = { name: "pricingFeedback-modal-content", dataStrategy: "preload", }; instance = modal.create(event.$target, options); } instance.update({ "header": title, "width": "550" }).lock().show(); }); }); P.when('A', 'ready').execute(function (A) { var $ = A.$; var csrf = $("#aapiCsrfToken").val(); var productPrice = $("#priceValue").val(); var hostname = $("#absoluteUrlPrefix").val(); var customerId = $("#customerId").val(); var isCustomerRecognized = ($("#isCustomerLoggedIn").val() === 'true'); var isCurrentGlOnlineOnly = ($("#isCurrentGlOnlineOnly").val() === 'true'); var asin = $("#asin").val(); var marketplaceId = $("#marketplaceId").val(); var country = $("#countryCode").val(); var offlineStoresList = $("#offlineStoresList").val(); var statesList = $("#statesList").val(); var errorMessages = { errorNoRetailerType: $("#errorNoType").val(), errorBadPrice: $("#errorBadPrice").val(), errorBadPriceShipping: $("#errorBadPriceShipping").val(), errorInvalidUrl: $("#errorInvalidUrl").val(), errorSubmission: $("#errorSubmission").val(), errorEmptyFields: $("#errorEmptyFields").val(), thankFeedback: $("#thankFeedback").val() }; var feedbackFormContent = document.querySelector('#feedbackForm'); var signUpContainer = document.querySelector('#signUpForm'); var feedbackFormFinalStateContainer = document.querySelector('#feedbackFormFinalState'); var states = JSON.parse(statesList); var offlineStores = JSON.parse(offlineStoresList); var offlineStoresEnabled = !isCurrentGlOnlineOnly; var currentDate = getCurrentDay(); var currentMonth = getCurrentMonth(); var currentYear = getCurrentYear(); if (isCustomerRecognized) { feedbackFormContent.style['display'] = 'block'; feedbackFormFinalStateContainer.style['display'] = 'block'; signUpContainer.style['display'] = 'none'; var enableOnlineStoreRadio = document.querySelector('#pricingFeedback_onlineRadio'); var enableOfflineStoreRadio = document.querySelector('#pricingFeedback_offlineRadio'); var onlineStoreInputForm = document.querySelector('#pricingFeedback_onlineInput'); var offlineStoreInputForm = document.querySelector('#pricingFeedback_offlineInput'); var offlineStateSelect = document.querySelector('#offlineState'); var offlineStoreSelect = document.querySelector('#offlineStoreNameList'); var submitButton = document.querySelector('#pricingFeedback_submit'); var onlineUrl = document.querySelector('#onlineUrl'); var onlinePriceRaw = document.querySelector('#onlinePriceRaw'); var onlineShippingRaw = document.querySelector('#onlineShippingRaw'); var onlineDay = document.querySelector('#onlineDay'); var onlineMonth = document.querySelector('#onlineMonth'); var onlineYear = document.querySelector('#onlineYear'); var onlineCalendar = document.querySelector('#onlineCalendar'); var offlineRadioContainer = document.querySelector('#offlineRadioContainer'); var offlineStoreName = document.querySelector('#offlineStoreName'); var offlineCity = document.querySelector('#offlineCity'); var offlineState = document.querySelector('#offlineState'); var offlinePriceRaw = document.querySelector('#offlinePriceRaw'); var offlineDay = document.querySelector('#offlineDay'); var offlineMonth = document.querySelector('#offlineMonth'); var offlineYear = document.querySelector('#offlineYear'); var offlineCalendar = document.querySelector('#offlineCalendar'); var thankYouDiv = document.querySelector('#pricingFeedback_thank'); var errorDiv = document.querySelector('#pricingFeedback_error'); var loadingGifDiv = document.querySelector('#loading'); setCalenderOrderBasedOnCountry(country); setInitialStates( onlineMonth, currentMonth, offlineMonth, onlineDay, currentDate, offlineDay, onlineYear, currentYear, offlineYear, onlineStoreInputForm, offlineStoreInputForm, enableOfflineStoreRadio, enableOnlineStoreRadio, onlineCalendar, offlineCalendar ); createPermalinkContainer(asin, hostname); for (let state of states) { var option = document.createElement('option'); option.setAttribute('value', state['value']); option.innerText = state['name']; offlineStateSelect.appendChild(option); } for (let store of offlineStores) { var option = document.createElement('option'); option.setAttribute('value', store); offlineStoreSelect.appendChild(option); } $("#pricingFeedback_onlineRadio").click(function () { onlineStoreInputForm.style['display'] = 'table'; offlineStoreInputForm.style['display'] = 'none'; }); $("#pricingFeedback_offlineRadio").click(function () { onlineStoreInputForm.style['display'] = 'none'; offlineStoreInputForm.style['display'] = 'table'; }); if (!offlineStoresEnabled) { offlineRadioContainer.style['display'] = 'none'; offlineStoreInputForm.style['display'] = 'none'; } $("#pricingFeedback_submit").click(function () { var feedbackSubmitted = submitFeedback( customerId, marketplaceId, asin, productPrice, onlineStoreInputForm, offlineStoreInputForm, onlineUrl.value, onlinePriceRaw.value, onlineShippingRaw.value, onlineDay.value, onlineMonth.value, offlineStoreName.value, offlineCity.value, offlineState.value, offlinePriceRaw.value, offlineDay.value, offlineMonth.value, thankYouDiv, errorDiv, submitButton, loadingGifDiv, errorMessages ); if (feedbackSubmitted !== null && !feedbackSubmitted) { errorDiv.innerHTML = getErrorDiv(errorMessages.errorSubmission); } }); A.on("a:popover:beforeHide:pricingFeedback-modal-content", function (data) { resetModalToInitialState(currentMonth, currentDate, currentYear); }); } else { feedbackFormContent.style['display'] = 'none'; feedbackFormFinalStateContainer.style['display'] = 'none'; signUpContainer.style['display'] = 'block'; var authPortalLink = getAuthenticationPageURL(asin, hostname); $("#signUpForm").one("click", function () { window.location = encodeURI(authPortalLink); }); } function setCalenderOrderBasedOnCountry(country) { var monthSections = document.getElementsByClassName('monthSection'); var daySections = document.getElementsByClassName('daySection'); var yearSections = document.getElementsByClassName('yearSection'); var firstDelimiters = document.getElementsByClassName('firstDelimiter'); var secondDelimiters = document.getElementsByClassName('secondDelimiter'); if (country === 'US') { for (let i = 0; i < 2; i++) { (monthSections[i]).style['order'] = '-1'; (firstDelimiters[i]).style['order'] = '0'; (daySections[i]).style['order'] = '1'; (secondDelimiters[i]).style['order'] = '2'; (yearSections[i]).style['order'] = '3'; } } else if (country === 'JP') { for (let i = 0; i < 2; i++) { (yearSections[i]).style['order'] = '-1'; (secondDelimiters[i]).style['order'] = '0'; (monthSections[i]).style['order'] = '1'; (firstDelimiters[i]).style['order'] = '2'; (daySections[i]).style['order'] = '3'; } } else { for (let i = 0; i < 2; i++) { (daySections[i]).style['order'] = '-1'; (firstDelimiters[i]).style['order'] = '0'; (monthSections[i]).style['order'] = '1'; (secondDelimiters[i]).style['order'] = '2'; (yearSections[i]).style['order'] = '3'; } } } function createPermalinkContainer(asin, hostname) { var permalinkHref = getPermalink(hostname, asin); var permalinkContainer = document.querySelector('#permalink'); var permalink = document.createElement('a'); permalink.setAttribute('href', permalinkHref); permalink.innerText = permalinkHref; permalinkContainer.append(permalink); } function getPermalink(server, asin) { return server + '/dp/' + asin; } function triggerPricingFeedback( customerId, marketplaceId, asin, price, retailerType, retailerUrl, retailerName, retailerCity, retailerState, retailerPrice, retailerShipping, sampleDate ) { var dataCart = { ourPrice: parseInt(price), retailer: { type: retailerType, name: retailerName, city: retailerCity, state: retailerState, price: parseInt(retailerPrice), shippingCost: parseInt(retailerShipping), url: retailerUrl }, date: sampleDate + "T00:00:00.102Z" }; return new Promise((resolve, reject) => { A.$.ajax($("#aapiEndpoint").val() + "/api/marketplaces/" + marketplaceId + "/products/" + asin + "/feedback/pricing", { type: 'POST', headers: { 'Accept-Language': 'en-US', 'Accept': 'application/vnd.com.amazon.api+json; type="product.feedback.pricing/v1"', 'Content-Type': 'application/vnd.com.amazon.api+json; type="product.feedback.pricing.request/v1"', 'x-api-csrf-token': csrf }, data: JSON.stringify(dataCart), xhrFields: { withCredentials: true }, success: function (responseContent) { $("#pricingFeedback_thankcontent").innerText = "Success! " + responseContent.toString(); resolve(); }, error: function (err) { $("#pricingFeedback_thankcontent").innerText = "Error! " + err.toString(); reject(); } }) }) } function getAuthenticationPageURL(asin, hostname) { return hostname + '/ap/signin?_encoding=UTF8&openid.assoc_handle=usflex&openid.claimed_id=http://specs.openid.net/auth/2.0/identifier_select&openid.identity=http://specs.openid.net/auth/2.0/identifier_select&openid.mode=checkid_setup&openid.ns=http://specs.openid.net/auth/2.0&openid.ns.pape=http://specs.openid.net/extensions/pape/1.0&openid.pape.max_auth_age=0&openid.return_to=https://www.amazon.com/dp//'; } function getCurrentDay() { var date = new Date(); return date.getDate().toString(); } function getCurrentMonth() { var date = new Date(); return (date.getMonth() + 1).toString(); } function getCurrentYear() { var date = new Date(); return date.getFullYear().toString(); } function setInitialStates(onlineMonth, currentMonth, offlineMonth, onlineDay, currentDate, offlineDay, onlineYear, currentYear, offlineYear, onlineStoreInputForm, offlineStoreInputForm, enableOfflineStoreRadio, enableOnlineStoreRadio, onlineCalendar, offlineCalendar) { onlineMonth.defaultValue = currentMonth; offlineMonth.defaultValue = currentMonth; onlineDay.defaultValue = currentDate; offlineDay.defaultValue = currentDate; onlineYear.defaultValue = currentYear; offlineYear.defaultValue = currentYear; var onlineMonthOption = document.querySelector('#onlineMonthOptionDefault'); onlineMonthOption.innerText = currentMonth; var onlineMonthPrompt = document.querySelector('#onlineMonthPrompt'); onlineMonthPrompt.innerText = currentMonth; var offlineMonthOption = document.querySelector('#offlineMonthOptionDefault'); offlineMonthOption.innerText = currentMonth; var offlineMonthPrompt = document.querySelector('#offlineMonthPrompt'); offlineMonthPrompt.innerText = currentMonth; var onlineDateOption = document.querySelector('#onlineDateOptionDefault'); onlineDateOption.innerText = currentDate; var onlineDayPrompt = document.querySelector('#onlineDatePrompt'); onlineDayPrompt.innerText = currentDate; var offlineDateOption = document.querySelector('#offlineDateOptionDefault'); offlineDateOption.innerText = currentDate; var offlineDayPrompt = document.querySelector('#offlineDatePrompt'); offlineDayPrompt.innerText = currentDate; var onlineYearOption = document.querySelector('#onlineYearOptionDefault'); onlineYearOption.setAttribute('href', currentYear); onlineYearOption.innerText = currentYear; var onlineYearPrompt = document.querySelector('#onlineYearPrompt'); onlineYearPrompt.innerText = currentYear; var offlineYearOption = document.querySelector('#offlineYearOptionDefault'); offlineYearOption.setAttribute('href', currentYear); offlineYearOption.innerText = currentYear; var offlineYearPrompt = document.querySelector('#offlineYearPrompt'); offlineYearPrompt.innerText = currentYear; if (onlineMonth.children && offlineMonth.children && onlineDay.children && offlineDay.children) { onlineMonth.children[currentMonth].setAttribute('selected', currentMonth); offlineMonth.children[currentMonth].setAttribute('selected', currentMonth); onlineDay.children[currentDate].setAttribute('selected', currentDate); offlineDay.children[currentDate].setAttribute('selected', currentDate); } onlineStoreInputForm.style['display'] = 'none'; offlineStoreInputForm.style['display'] = 'none'; enableOfflineStoreRadio.checked = false; enableOnlineStoreRadio.checked = false; if (onlineCalendar.style && offlineCalendar.style) { onlineCalendar.style['display'] = 'flex'; offlineCalendar.style['display'] = 'flex'; } } function submitFeedback( customerId, marketplaceId, asin, price, onlineStoreInputForm, offlineStoreInputForm, onlineUrl, onlinePriceRaw, onlineShippingRaw, onlineDay, onlineMonth, offlineStoreName, offlineCity, offlineState, offlinePriceRaw, offlineDay, offlineMonth, thankYouDiv, errorDiv, submitButton, loadingGifDiv, errorMessages ) { errorDiv.innerHTML = ''; let cleanRetailerType, cleanRetailerUrl, cleanRetailerName, cleanRetailerCity, cleanRetailerState, cleanRetailerPrice, cleanRetailerShipping, cleanSampleDate; var currentYear = getCurrentYear(); if (onlineStoreInputForm.style['display'] === 'table') { var onlineValidity = validateOnlineInputs(onlineUrl, onlinePriceRaw, onlineShippingRaw, errorMessages); if (onlineValidity.valid) { cleanRetailerType = 'ONLINE'; cleanRetailerUrl = truncate(trim(onlineUrl), 300); cleanRetailerPrice = trim(onlinePriceRaw); cleanRetailerShipping = trim(onlineShippingRaw); if (!cleanRetailerShipping) { cleanRetailerShipping = '0'; } cleanSampleDate = formatDate( currentYear, onlineDay ? onlineDay : getCurrentDay(), onlineMonth ? onlineMonth : getCurrentMonth() ); } else { if (onlineValidity.error) { errorDiv.innerHTML = getErrorDiv(onlineValidity.error); } return null; } } else if (offlineStoreInputForm.style['display'] === 'table') { var offlineValidity = validateOfflineInputs( offlineStoreName, offlineCity, offlineState, offlinePriceRaw, errorMessages ); if (offlineValidity.valid) { cleanRetailerType = 'OFFLINE'; cleanRetailerName = truncate(trim(offlineStoreName), 100); cleanRetailerCity = truncate(trim(offlineCity), 100); cleanRetailerState = truncate(trim(offlineState), 100); cleanRetailerPrice = trim(offlinePriceRaw); cleanRetailerShipping = '0'; cleanSampleDate = formatDate( currentYear, offlineDay ? offlineDay : getCurrentDay(), offlineMonth ? offlineMonth : getCurrentMonth() ); } else { if (offlineValidity.error) { errorDiv.innerHTML = getErrorDiv(offlineValidity.error); } return null; } } else { errorDiv.innerHTML = getErrorDiv(errorMessages.errorNoRetailerType); return null; } loadingGifDiv.innerHTML = getLoadingGifDiv(); if (price) price = parseFloat(price); return triggerPricingFeedback( customerId, marketplaceId, asin, price, cleanRetailerType, cleanRetailerUrl, cleanRetailerName, cleanRetailerCity, cleanRetailerState, parseFloat(cleanRetailerPrice), parseFloat(cleanRetailerShipping), cleanSampleDate ) .then(response => { errorDiv.innerHTML = ''; thankYouDiv.innerHTML = getThankYouDiv(errorMessages.thankFeedback); submitButton.style.display = 'none'; return response; }) .catch(err => { errorDiv.innerHTML = getErrorDiv(errorMessages.errorSubmission); return null; }); } function validateOnlineInputs(url, onlinePrice, onlineShipping, errorMessages) { if (isEmptyValue(url) || isEmptyValue(onlinePrice)) { return { valid: false, error: errorMessages.errorEmptyFields }; } else if (!isValidUrl(url)) { return { valid: false, error: errorMessages.errorInvalidUrl }; } else if (!isNumericPrice(onlinePrice) || (!isEmptyValue(onlineShipping) && !isNumericPrice(onlineShipping))) { return { valid: false, error: errorMessages.errorBadPriceShipping }; } return { valid: true, error: null }; } function validateOfflineInputs(offlineStoreName, offlineCity, offlineState, offlinePrice, errorMessages) { if ( isEmptyValue(offlineStoreName) || isEmptyValue(offlineCity) || isEmptyValue(offlineState) || isEmptyValue(offlinePrice) ) { return { valid: false, error: errorMessages.errorEmptyFields }; } else if (!isNumericPrice(offlinePrice)) { return { valid: false, error: errorMessages.errorBadPrice }; } return { valid: true, error: null }; } function getErrorDiv(errorMsg) { return ( '\n' + ' ' + errorMsg + '\n' + ' ' ); } function getThankYouDiv(thankMsg) { return ( '' + '' + thankMsg + '\n' + '' ); } function getLoadingGifDiv() { return ''; } function isValidUrl(url) { if (!url) { return false; } var encodedUrl = encodeURI(url); return encodedUrl.match( /^(https?:\/\/)?(([a-z0-9-]|%[A-F0-9]{2})+\.)+(([a-z]|%[A-F0-9]{2})([a-z0-9]|%[A-F0-9]{2})*)(:[0-9]+)?(\/[a-z0-9;:,~!+#@&=%\/$\.?_-]+)?$/ ); } function isNumericPrice(price) { if (!price) { return false; } return price.match(/^([0-9]+\.?[0-9]*)$|^([0-9]*\.[0-9]+)$/); } function isEmptyValue(input) { return !input || input.length === 0 || input.match(/^\s*$/); } function truncate(input, length) { if (!input) { return ''; } else { return input.substr(0, length); } } function formatDate(year, date, month) { return year + '-' + month + '-' + date; } function trim(input) { if (!input) { return ''; } else { return input.trim(); } } function resetModalToInitialState(currentMonth, currentDate, currentYear) { var enableOnlineStoreRadio = document.querySelector('#pricingFeedback_onlineRadio'); var enableOfflineStoreRadio = document.querySelector('#pricingFeedback_offlineRadio'); var onlineStoreInputForm = document.querySelector('#pricingFeedback_onlineInput'); var offlineStoreInputForm = document.querySelector('#pricingFeedback_offlineInput'); var onlineUrl = document.querySelector('#onlineUrl'); var onlinePriceRaw = document.querySelector('#onlinePriceRaw'); var onlineShippingRaw = document.querySelector('#onlineShippingRaw'); var onlineDay = document.querySelector('#onlineDay'); var onlineMonth = document.querySelector('#onlineMonth'); var onlineYear = document.querySelector('#onlineYear'); var onlineCalendar = document.querySelector('#onlineCalendar'); var offlineStoreName = document.querySelector('#offlineStoreName'); var offlineCity = document.querySelector('#offlineCity'); var offlineState = document.querySelector('#offlineState'); var offlinePriceRaw = document.querySelector('#offlinePriceRaw'); var offlineDay = document.querySelector('#offlineDay'); var offlineMonth = document.querySelector('#offlineMonth'); var offlineYear = document.querySelector('#offlineYear'); var offlineCalendar = document.querySelector('#offlineCalendar'); var thankYouDiv = document.querySelector('#pricingFeedback_thank'); var errorDiv = document.querySelector('#pricingFeedback_error'); var submitButton = document.querySelector('#pricingFeedback_submit'); var loadingGifDiv = document.querySelector('#loading'); var stateDefaultOption = document.querySelector('#stateDefaultOption'); var stateDefaultPrompt = document.querySelector('#stateDefaultPrompt'); if (thankYouDiv) { thankYouDiv.innerHTML = ''; } if (errorDiv) { errorDiv.innerHTML = ''; } if (loadingGifDiv) { loadingGifDiv.innerHTML = ''; } if (submitButton) { submitButton.style.display = 'block'; } onlineUrl.value = ''; onlinePriceRaw.value = ''; onlineShippingRaw.value = ''; offlineStoreName.value = ''; offlineCity.value = ''; offlineState.value = ''; offlinePriceRaw.value = ''; stateDefaultOption.innerHTML = $("#selectProvince").val(); stateDefaultPrompt.innerHTML = $("#selectProvince").val(); setInitialStates( onlineMonth, currentMonth, offlineMonth, onlineDay, currentDate, offlineDay, onlineYear, currentYear, offlineYear, onlineStoreInputForm, offlineStoreInputForm, enableOfflineStoreRadio, enableOnlineStoreRadio, onlineCalendar, offlineCalendar ); } }); Product Description .aplus-v2 .premium-aplus-module-2 .premium-background-wrapper { position: relative; } .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper { position: absolute; width: 50%; height: 100%; top: 0; } .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right { left: 50%; } html[dir="rtl"] .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right { left: auto; right: 50%; } .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.secondary-color { color: #fff; } .aplus-v2 .premium-aplus-module-2 .premium-intro-background { padding: 20px; } .aplus-v2 .premium-aplus-module-2 .aplus-module-2-topic { padding-bottom: 10px; } .aplus-v2 .premium-aplus-module-2 .aplus-module-2-heading { padding-bottom: 20px; } .aplus-v2 .premium-aplus-module-2 .aplus-module-2-description { line-height: 1.5em; } .aplus-v2 .premium-aplus-module-2 .premium-intro-background.white-background { background: rgba(255,255,255,0.5); } .aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background { background: rgba(0,0,0,0.5); } .aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background, .aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background h1, .aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background h5, .aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ol, .aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ul, .aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ol .a-list-item, .aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ul .a-list-item { color: #fff; } .aplus-v2 .premium-aplus-module-2 .premium-intro-content-container { display: table; height: 100%; } .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.left .premium-intro-content-container { padding-left: 40px; } html[dir="rtl"] .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.left .premium-intro-content-container { padding-left: 0px; padding-right: 40px; } .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right .premium-intro-content-container { padding-right: 40px; } html[dir="rtl"] .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right .premium-intro-content-container { padding-right: 0px; padding-left: 40px; } .aplus-v2 .premium-aplus-module-2 .premium-intro-content-column { display: table-cell; vertical-align: middle; } /** * Premium modules global styles */ .aplus-v2.desktop { max-width: 1464px; min-width: 800px; margin-left: auto; margin-right: auto; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; } /* Undo this for tech-specs because it breaks table layout */ .aplus-v2.desktop .premium-aplus .aplus-tech-spec-table { word-break: initial; } .aplus-v2 .premium-aplus, .aplus-v2 .premium-aplus .aplus-h1, .aplus-v2 .premium-aplus .aplus-h2, .aplus-v2 .premium-aplus .aplus-p1, .aplus-v2 .premium-aplus .aplus-p2, .aplus-v2 .premium-aplus .aplus-p3, .aplus-v2 .premium-aplus .aplus-accent1, .aplus-v2 .premium-aplus .aplus-accent2 { font-family: Arial, sans-serif; } .aplus-v2 .premium-aplus, .aplus-v2 .premium-aplus .aplus-h1, .aplus-v2 .premium-aplus .aplus-h2, .aplus-v2 .premium-aplus .aplus-p1, .aplus-v2 .premium-aplus .aplus-p2, .aplus-v2 .premium-aplus .aplus-p3, .aplus-v2 .premium-aplus .aplus-accent1, .aplus-v2 .premium-aplus .aplus-accent2 { font-family: inherit; } /* type */ .aplus-v2 .premium-aplus .aplus-h1 { font-size: 32px; line-height: 1.2em; font-weight: 500; } .aplus-v2 .premium-aplus .aplus-h2 { font-size: 26px; line-height: 1.25em; font-weight: 500; } .aplus-v2 .premium-aplus .aplus-h3 { font-size: 18px; line-height: 1.25em; font-weight: 500; } .aplus-v2 .premium-aplus .aplus-p1 { font-size: 20px; line-height: 1.3em; font-weight: 300; } .aplus-v2 .premium-aplus .aplus-p2 { font-size: 16px; line-height: 1.4em; font-weight: 300; } .aplus-v2 .premium-aplus .aplus-p3 { font-size: 14px; line-height: 1.4em; font-weight: 300; } .aplus-v2 .premium-aplus .aplus-accent1 { font-size: 16px; line-height: 1.4em; font-weight: 600; } .aplus-v2 .premium-aplus .aplus-accent2 { font-size: 14px; line-height: 1.4em; font-weight: 600; } /* spacing */ .aplus-v2 .aplus-container-1 { padding: 40px; } .aplus-v2 .aplus-container-1-2 { padding: 40px 80px; } .aplus-v2 .aplus-container-2 { padding: 80px; } .aplus-v2 .aplus-container-3 { padding: 40px 0; } /* Display */ .aplus-v2 .premium-aplus .aplus-display-table { display: table; } .aplus-v2 .premium-aplus .aplus-display-table-cell { display: table-cell; } .aplus-v2 .premium-aplus .aplus-display-inline-block { display: inline-block; } /* Aplus display table with min-width 1000px and fill remaining space inside parent */ .aplus-v2.desktop .premium-aplus .aplus-display-table-width { min-width: 1000px; width: 100% } /** * Padding and margin for element should be 10, 20, 40, or 80 px. Considering mini 10, small 20, medium 40, large 80. */ /** * Premium-module 12: Nav Carousel */ .aplus-v2 .premium-aplus-module-12 .aplus-carousel-card { position: relative; width: 100%; } .aplus-v2 .premium-aplus-module-12 .aplus-carousel-container { position: relative; } .aplus-v2 .premium-aplus-module-12 .aplus-image-carousel-container { /* Match the aspect ratio of the desktop image uploaded via the editor (1464px x 600px) */ padding-top: calc(600 / 1464 * 100%); /* ~40.983% */ height: 0; } .aplus-v2 .premium-aplus-module-12 .aplus-image-carousel-container > div { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } /* Override AUI styles. It poorly attempts to measure the slide heights before waiting until images load. */ .aplus-v2 .premium-aplus-module-12 .a-carousel-viewport { height: 100% !important; } .aplus-v2 .premium-aplus-module-12 .aplus-card-image img { width: 100%; height: auto; } .aplus-v2 .premium-aplus-module-12 .aplus-card-details-wrapper { position: absolute; top: 0; width: 50%; height: 100%; } .aplus-v2 .premium-aplus-module-12 .aplus-card-detail { display: table; width: 100%; height: 100% } .aplus-v2 .premium-aplus-module-12 .card-description { text-align: left; } html[dir="rtl"] .aplus-v2 .premium-aplus-module-12 .card-description { text-align: right; } .aplus-v2 .premium-aplus-module-12 .aplus-table-cell { display: table-cell; vertical-align: middle; } .aplus-v2 .premium-aplus-module-12 .aplus-text-background { padding: 20px; } .aplus-v2 .premium-aplus-module-12 .aplus-text-background-color { background: rgba(0, 0, 0, 0.5); } .aplus-v2 .premium-aplus-module-12 .aplus-text-background-color, .aplus-v2 .premium-aplus-module-12 .aplus-text-background-color h1, .aplus-v2 .premium-aplus-module-12 .aplus-text-background-color h5, .aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ol, .aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ul, .aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ol .a-list-item, .aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ul .a-list-item { color: #fff; } .aplus-v2 .premium-aplus-module-12 .description { padding-top: 20px; } /* nav */ .aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions { position: absolute; top: 20px; width: 100%; text-align: center; } .aplus-v2 .premium-aplus-module-12 .aplus-goto-btn { display: inline-block; margin: 7px 10px; cursor: pointer; border-radius: 30px; border: 2px solid #000; line-height: 2.5em; min-width: 200px; background-color: #fff; white-space: nowrap; color: #000; } .aplus-v2 .premium-aplus-module-12 .aplus-carousel-index { display: none; } .aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.aplus-active { border-color: #fff; background-color: #000; color: #fff; } /* * Regimen template specific css */ .aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen { text-align: left; } html[dir="rtl"] .aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen { text-align: right; } .aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions.regimen { text-align: right; top: 50%; width: 250px; right: 75px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } html[dir="rtl"] .aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions.regimen { text-align: left; top: 50%; left: 75px; right: auto; } .aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen { display: inline-block; margin: 10px 10px; cursor: pointer; border-radius: 30px; border: 2px solid #000; line-height: 2.5em; width: 220px; background-color: #fff; white-space: nowrap; } .aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen.aplus-active { border-color: #fff; background-color: #000; color: #fff; } .aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions .regimen .aplus-carousel-index { display: inline-block; margin-left: 6px; width: 16px; line-height: 26px; color: #000; text-align: center; } html[dir="rtl"] .aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions .regimen .aplus-carousel-index { margin-left: 0px; margin-right: 6px; } .aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen.aplus-active .aplus-carousel-index { color: #fff; } .aplus-v2 .premium-aplus-module-12 .aplus-headline-top.regimen { position: absolute; top: 0; left: 0; width: 100%; background-color: #000; opacity: 0.5; text-align: center; } .aplus-v2 .premium-aplus-module-12 .aplus-headline-top.regimen .aplus-headline { color: #fff; line-height: 2em; } (function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) { P.now('premium-module-12-nav-carousel').execute(function(init) { if (init) { return; } P.register('premium-module-12-nav-carousel', function(){ return function() { P.when('A', 'jQuery', 'a-carousel-framework', 'ready').execute(function (A, $, framework) { function initiateCarousel(module) { var MODULE_ID = $(module).data('module-id'); /** * Carousel button element classname * @const */ var GOTO_BTN_CLASS_NAME = "aplus-goto-btn-" + MODULE_ID; /** * Carousel button element active classname * @const */ var GOTO_BTN_ACTIVE_CLASS_NAME = "aplus-active"; /** * AUI name for aui carousel * @const */ var CAROUSEL_NAME = "premium-aplus-12-carousel-" + MODULE_ID; /** * Module class name * @const */ var MODULE_CLASS_NAME = ".aplus-v2 .premium-aplus-module-12"; /** * Carousel text container class name * @const */ var TEXT_CONTAINER_CLASS_NAME = ".aplus-carousel-text-container-" + MODULE_ID; /** * Carousel text hidden class name * @const */ var TEXT_CONTAINER_HIDDEN = "aplus-hidden"; function showCarouselText(oldIndex, newIndex) { var oldClass = MODULE_CLASS_NAME + " " + TEXT_CONTAINER_CLASS_NAME + "-" + oldIndex; var newClass= MODULE_CLASS_NAME + " " + TEXT_CONTAINER_CLASS_NAME + "-" + newIndex; $(oldClass).addClass(TEXT_CONTAINER_HIDDEN); $(newClass).removeClass(TEXT_CONTAINER_HIDDEN); } /** * Creates a CarouselButton class for provided carousel instance * @param {object} carousel - AUI Carousel instance * @returns {Class} - CarouselButton Class */ function CarouselButtonTemplate(carousel) { /** * Button for controlling the active slide * @constructor * @param {number} index - slide index * @param {DOMElement} [elem] - optional DOM element to use as this objects DOM representation */ function CarouselButton(index, elem) { var self = this; this.index = index; this.carousel = carousel; /* create the button element */ this.elem = this.getElem(elem); this.$elem = $(this.elem); /* store jquery version */ this.elem.addEventListener('click', self.handleClick.bind(self)); /* add this object to the object manager */ CarouselButton.objects.byId[index] = this; CarouselButton.objects.all.push(this); } /** * Describe behavior for click events on this.elem * @memberOf CarouselButton */ CarouselButton.prototype.handleClick = function(e) { e.preventDefault(); this.carousel.gotoPage(this.index); }; /** * Enter active state * @memberOf CarouselButton */ CarouselButton.prototype.activate = function() { this.$elem.addClass(GOTO_BTN_ACTIVE_CLASS_NAME); }; /** * Enter inactive state * @memberOf CarouselButton */ CarouselButton.prototype.deactivate = function() { this.$elem.removeClass(GOTO_BTN_ACTIVE_CLASS_NAME); }; /** * Returns an existing or creates a new bound element for this object * @memberOf CarouselButton * @param {DOMElement} [elem] - optionally provide an existing element in the DOM to use * @returns {DOMElement} - this objects DOM representation */ CarouselButton.prototype.getElem = function(elem) { if (this.elem) return this.elem; if (elem) return elem; var createdElem = document.createElement('span'); createdElem.className = GOTO_BTN_CLASS_NAME; return createdElem; }; /** @const Object manager */ CarouselButton.objects = { byId: {}, all: [], }; return CarouselButton; } framework.onInit(CAROUSEL_NAME, function(carousel) { /** @const {Class} */ var CarouselButton = CarouselButtonTemplate(carousel); /* create carouel controls */ var $carouselBtns = $(safeClassSelector(GOTO_BTN_CLASS_NAME)); var btns = $carouselBtns.map(function(i, btnElem) { return new CarouselButton(i + 1, btnElem); }); /* activate first one */ CarouselButton.objects.byId[1].activate(); /* Listen to slide changes */ A.on("a:carousel:" + CAROUSEL_NAME + ":change:pageNumber", function (data) { CarouselButton.objects.byId[data.newValue].activate(); CarouselButton.objects.byId[data.oldValue].deactivate(); showCarouselText(data.oldValue, data.newValue); }); }); /** * @returns {string} - css classname prefixed with module selector */ function safeClassSelector(className) { return '.' + MODULE_CLASS_NAME + ' .' + className; } } $('.aplus-v2 .premium-aplus-module-12 .aplus-carousel-container').each(function (index, module) { initiateCarousel(module); }); framework.createAll(); framework.initializeAll(); }); } }) }); })); if(P) { P.when("a-expander", "ready").execute(function (expander) { expander.initializeExpanders(); }); } Previous page Next page 1 High Quality 2 Tear-Resistant 3 Anti-Tampering 4 Waterproof (function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) { P.when('premium-module-12-nav-carousel').execute(function(init){ init(); }); })); Previous page Next page 1 More Options 2 12x15.5 Inch 3 Peach Pink (function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) { P.when('premium-module-12-nav-carousel').execute(function(init){ init(); }); })); Previous page Next page 1 Packaging 2 Pickup 3 Delivery 4 Receipt (function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) { P.when('premium-module-12-nav-carousel').execute(function(init){ init(); }); })); if(window.mix_csa){window.mix_csa('[cel_widget_id="posts-dp-same-brand-desktop-card_DetailPage_0"]', '#CardInstanceFNKuynSTuoFSHKapQ4j_fg')('mark', 'bb')} if(window.uet){window.uet('bb','posts-dp-same-brand-desktop-card_DetailPage_0',{wb: 1})} ._posts-dp-same-brand-desktop-card_style_post-carousel-title__3JXTT{color:#c60;font-size:16px;font-weight:700;margin-bottom:8px;padding-bottom:0}._posts-dp-same-brand-desktop-card_style_post-carousel-brand-info-container__3jzC4{margin-bottom:12px;margin-left:40px;overflow:hidden;position:relative}._posts-dp-same-brand-desktop-card_style_post-carousel-brand-logo-container__2l11B{display:inline-block;margin-right:10px}._posts-dp-same-brand-desktop-card_style_post-carousel-brand-logo__2fCkZ{border:1px solid hsla(0,0%,7%,.08);border-radius:50%;height:48px;vertical-align:middle;width:48px}._posts-dp-same-brand-desktop-card_style_post-carousel-brand-name-container__1tpRW{display:inline-block;line-height:1em;padding-right:3px;vertical-align:middle}._posts-dp-same-brand-desktop-card_style_post-carousel-brand-name-container__1tpRW>a{display:block}._posts-dp-same-brand-desktop-card_style_post-carousel-brand-name-container-long__3hF-7{width:360px}._posts-dp-same-brand-desktop-card_style_post-carousel-brand-name-container-truncated__3H5U-{width:180px}._posts-dp-same-brand-desktop-card_style_post-carousel-brand-follow-container__3FO-Z{display:inline-block;line-height:48px;margin-left:10px}._posts-dp-same-brand-desktop-card_style_post-carousel-brand-name__FFo4L{color:#0f1111;font-size:14px;font-weight:700}._posts-dp-same-brand-desktop-card_style_post-carousel-brand-name-link__2jTxP{font-size:14px}._posts-dp-same-brand-desktop-card_style_post-carousel-image__3gSWF{height:240px;-o-object-fit:cover;object-fit:cover;width:240px}._posts-dp-same-brand-desktop-card_style_post-carousel-image-caption-container__3r3cy{height:56px;padding:10px 10px 8px}._posts-dp-same-brand-desktop-card_style_post-carousel-image-caption__m9Zm8{color:#0f1111;font-size:13px}._posts-dp-same-brand-desktop-card_style_post-same-brand-container__3N012{margin-bottom:24px;margin-top:20px}._posts-dp-same-brand-desktop-card_style_post-carousel-container__1-a11{margin-bottom:32px}._posts-dp-same-brand-desktop-card_style_post-carousel-container__1-a11 ._posts-dp-same-brand-desktop-card_style_a-carousel-header-row__1ghsK{border:1px solid hsla(0,0%,7%,.08)}._posts-dp-same-brand-desktop-card_style_post-carousel-element-container__OrvFN{border:1px solid hsla(0,0%,7%,.08);border-radius:4px;width:240px} ._posts-dp-same-brand-desktop-card_style_brand-follow-button__GQPgx{background:#fff;border-color:#879596;border-radius:4px;border-width:.1em;box-shadow:none;color:#373e37;font-size:13px;height:32px;line-height:16px;white-space:nowrap;width:100px} if(window.mix_csa){window.mix_csa('[cel_widget_id="posts-dp-same-brand-desktop-card_DetailPage_0"]', '#CardInstanceFNKuynSTuoFSHKapQ4j_fg')('mark', 'be')} if(window.uet){window.uet('be','posts-dp-same-brand-desktop-card_DetailPage_0',{wb: 1})} if(window.mixTimeout){window.mixTimeout('posts-dp-same-brand-desktop-card', 'CardInstanceFNKuynSTuoFSHKapQ4j_fg', 90000)}; P.when('mix:@amzn/mix.client-runtime', 'mix:posts-dp-same-brand-desktop-card__8GrpjsIz').execute(function (runtime, cardModule) {runtime.registerCardFactory('CardInstanceFNKuynSTuoFSHKapQ4j_fg', cardModule).then(function(){if(window.mix_csa){window.mix_csa('[cel_widget_id="posts-dp-same-brand-desktop-card_DetailPage_0"]', '#CardInstanceFNKuynSTuoFSHKapQ4j_fg')('mark', 'functional')}if(window.uex){window.uex('ld','posts-dp-same-brand-desktop-card_DetailPage_0',{wb: 1})}});}); P.load.js('https://images-na.ssl-images-amazon.com/images/I/31YWONKHEyL.js?xcp'); if(window.mix_csa){window.mix_csa('[cel_widget_id="multi-brand-video-desktop_DPSims_0"]', '#CardInstance7hFh0cPWtizBoDUgfxCLcQ')('mark', 'bb')} if(window.uet){window.uet('bb','multi-brand-video-desktop_DPSims_0',{wb: 1})} ._multi-brand-video-desktop_style_mbvContainer__2A_sC{margin-bottom:24px;margin-top:8px}._multi-brand-video-desktop_style_mbvContainer__2A_sC [class=a-carousel-viewport]{height:auto!important}._multi-brand-video-desktop_style_carouselContainer__20DOZ{overflow:hidden}._multi-brand-video-desktop_style_carouselElement__3yEi0{margin-right:0;width:auto!important}._multi-brand-video-desktop_style_mbvContainer__2A_sC ._multi-brand-video-desktop_style_carouselHeading__12WJ7{margin-bottom:0;visibility:hidden}._multi-brand-video-desktop_style_mbvItem___XsOm{overflow:hidden;width:380px}._multi-brand-video-desktop_style_mbvInSearchCon







