
Share on:
ProCase 2 Pack iPad 10.9 10th Generation 2022 Screen Protector A2696/A2757/A2777, Tempered Glass Film Guard for iPad 10th Gen 10.9" 2022 ReleaseFound 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 ); } }); {} From the brand /* * Used when device = desktop * Configured in: configuration/brazil-config/global/brand-story.cfg */ /* Top level containers */ .aplus-module .apm-brand-story-hero { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 1464px; height: 625px; background-color: #fff; } .aplus-module .apm-brand-story-card { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 362px; height: 453px; background-color: #fff; } .apm-brand-story-hero, .apm-brand-story-card { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 100%; height: 100%; float: none; } .aplus-module.brand-story-card-1-four-asin .apm-brand-story-card { /* Only 12px to account for image cell border */ padding: 12px; } /* Full background image (Hero 1 & Card 2) */ .aplus-module .apm-brand-story-background-image { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; position: absolute; width: 100%; height: 100%; } /* Card 1 small images */ .aplus-module .apm-brand-story-image-row { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 185px; padding: 0px; margin: auto; } .aplus-module .apm-brand-story-image-row .apm-brand-story-image-cell { /* Use content-box to ensure image size matches editor schema */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; padding: 0px; margin: 0px; width: 166px; border: 1px solid #fff; float: left; } /* Card 3 logo image */ .aplus-module .apm-brand-story-logo-image { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height: 145px; margin: 0px 4px; padding: 20px; padding-bottom: 0px; } /* Text overlays */ .aplus-module .apm-brand-story-text-bottom { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 13px; left: 13px; } .aplus-module .apm-brand-story-hero .apm-brand-story-text-bottom { background-color: rgba(0,0,0,0.6); color: #fff; padding: 13px 65px 13px 13px; /* accounts for overlap of first card */ width: 437px; } .aplus-module.brand-story-card-2-media-asset .apm-brand-story-text-bottom { background-color: rgba(255,255,255,0.6); color: #000; padding: 13px; width: 336px; } .aplus-module.brand-story-card-1-four-asin .apm-brand-story-text { margin-top: 8px; } .aplus-module.brand-story-card-1-four-asin .apm-brand-story-text.apm-brand-story-text-single { margin-top: 20px; } .aplus-module.brand-story-card-1-four-asin .apm-brand-story-text h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .aplus-module .apm-brand-story-slogan-text { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; margin: 0px 4px; padding: 20px; } .aplus-module .apm-brand-story-faq { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; padding-top: 10px; } .aplus-module .apm-brand-story-faq-block { margin: 0px 10px; padding: 10px; } .aplus-v2 .apm-brand-story-carousel-container { position: relative; } .aplus-v2 .apm-brand-story-carousel-hero-container, .aplus-v2 .apm-brand-story-carousel-hero-container > div { position: absolute; width: 100%; } /* Ensuring the carousel takes only the space it needs. The sizes need to be set again on the absolutely positioned elements so they can take up space. */ .aplus-v2 .apm-brand-story-carousel-container, .aplus-v2 .apm-brand-story-carousel-hero-container { height: 625px; width: calc(100% + 15px); max-width: 1464px; margin-left: auto; margin-right: auto; } /* This centers the carousel vertically on top of the hero image container and after the logo area (125px). Margin-top = (heroHeight - cardHeight - logoAreaHeight) / 2 + logoAreaHeight */ .aplus-v2 .apm-brand-story-carousel .a-carousel-row-inner{ margin-top: 149px; } /* Cards need to have a width set, otherwise they default to 50px or so. All cards must have the same width. The carousel will resize itself so all cards take the width of the largest card. The left margin is for leaving a space between each card. */ .aplus-v2 .apm-brand-story-carousel .a-carousel-card { width: 362px; margin-left: 30px !important; } /* styling the navigation buttons so they are taller, flush with the sides, and have a clean white background */ .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left, .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right { padding: 0px; } .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image, .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image { border: none; margin: 0px; } .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner, .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner { background: #fff; padding: 20px 6px; } .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner { border-radius: 0px 4px 4px 0px; } .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner { border-radius: 4px 0px 0px 4px; } Previous page Protection for iPad 10th Gen Protection for iPad 10th Gen Next page .ask-product-docs-expander-content { padding-left: 0; margin-top: 0; } 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; } (function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) { P.now('premium-module-5-comparison-table-scroller').execute(function(init){ if (init) { return; } P.register('premium-module-5-comparison-table-scroller', function(){ return function() { P.when('jQuery', 'a-popover', 'A', 'ready').execute(function($, popover, A) { function initCompTable(module) { /** * Premium comparison table: popover trigger module */ var comparisonName = $(module).data('comparison-name'); (function() { var $additionalInfo = $('.aplus-v2 .aplus-popover-trigger'); $additionalInfo.each(function(i, trigger) { return popover.create(trigger, $(trigger).data()); }); $additionalInfo.hover( function() { $(this).focus(); } ); })(); /** * Premium comparison table: adjust column width module */ (function() { var VISIBLE_COLUMNS = 4.2; /* How many visible columns on load */ var MIN_WIDTH = 230; var getWidth = function() { return $(this).outerWidth(); } /* cache selectors */ var $container = $('.aplus-v2 .comparison-table #'+comparisonName), $header = $('.aplus-v2 .comparison-table #'+comparisonName+' td.attribute'), $slider = $('.aplus-v2 .comparison-table #'+comparisonName+' .table-slider'), $columns = $('.aplus-v2 .comparison-table #'+comparisonName+' .aplus-data-column'), $activeColumn = $('.aplus-v2 .comparison-table #'+comparisonName+' .aplus-data-column.active.active-item'); /* Formula for determining desired column width */ var calculatedColumnWidth = Math.floor( ($container.innerWidth() - $header.innerWidth()) / VISIBLE_COLUMNS ); var childWidths = $activeColumn.map(getWidth).get(); var maxChildWidth = Math.max(MIN_WIDTH, Math.max.apply(Math, childWidths)); var minColumnWidth = $columns.innerWidth(); var calculatedPadding = $header.innerWidth() + maxChildWidth; /* set the min-width of each column to the calulated width or minWidth */ $columns.css( 'min-width', Math.max(MIN_WIDTH, (calculatedColumnWidth < minColumnWidth ? calculatedColumnWidth : minColumnWidth)) ); $activeColumn.css('width', maxChildWidth); /* AUI RTL script automatically changes this to padding-right under RTL context */ $slider.css('padding-left', calculatedPadding); /* show the component */ $container.removeClass('loading'); })(); /** * Premium comparison table: top scroll bar */ (function() { /* cache selectors */ var $header = $('.aplus-v2 .comparison-table #'+comparisonName+' td.attribute'), $fixedColumn = $('.aplus-v2 .comparison-table #'+comparisonName+' td.active'), $scrollWrapperTop = $('.aplus-v2 .comparison-table #'+comparisonName+' .scroll-wrapper-top'), $scrollWrapperBottom = $('.aplus-v2 .comparison-table #'+comparisonName+' .scroll-wrapper-bottom'), $scrollWidth = $('.aplus-v2 .comparison-table #'+comparisonName+' .scroll-width'), $scrollBar = $('.aplus-v2 .comparison-table #'+comparisonName+' .scroll-bar'); /* confirm fixed column exists and can add width to the total width of the scroll bar */ var fixedColumnWidth = $fixedColumn.innerWidth(); if ( fixedColumnWidth === null ) { fixedColumnWidth = 0; } /* set width of scrollBar */ $scrollBar.css('width', $scrollWidth.innerWidth() + fixedColumnWidth + $header.innerWidth()); /* connect scrolls together */ $scrollWrapperTop.scroll(function() { $scrollWrapperBottom.scrollLeft($scrollWrapperTop.scrollLeft()); }); $scrollWrapperBottom.scroll(function() { $scrollWrapperTop.scrollLeft($scrollWrapperBottom.scrollLeft()); }); })(); } $('.aplus-v2 .premium-aplus-module-5 .table-container').each(function(index, module) { initCompTable(module); }); }); } }); }); })); /** * Premium-module 5: Comparision table - scroller */ .aplus-v2 .premium-aplus-module-5 h1 { padding-bottom: 30px; } /* position column-headers relative to this table */ .aplus-v2 .premium-aplus-module-5 .table-container { position: relative; opacity: 1; } .aplus-v2 .premium-aplus-module-5 .table-container.loading { opacity: 0; } .aplus-v2 .premium-aplus-module-5 .table-slider { overflow-x: scroll; overflow-y: visible; width: 100%; } /* left column headers are absolute positioned */ .aplus-v2 .premium-aplus-module-5 td.attribute { position: absolute; width: 300px; top: auto; left: 0; } html[dir="rtl"] .aplus-v2 .premium-aplus-module-5 td.attribute { right: 0px; left: auto; } .aplus-v2 .premium-aplus-module-5 td.active-item { position: absolute; top: auto; left: 300px; } html[dir="rtl"] .premium-aplus-module-5 td.active-item { left: auto; right: 300px; } .aplus-v2 .premium-aplus-module-5 .attribute, .aplus-v2 .premium-aplus-module-5 .active-item, .aplus-v2 .premium-aplus-module-5 .description { font-size: 16px; font-family: arial; line-height: 2.5em; white-space:nowrap; color: #000; } .aplus-v2 .premium-aplus-module-5 .attribute, .aplus-v2 .premium-aplus-module-5 .active-item, .aplus-v2 .premium-aplus-module-5 .description { font-family: inherit; } .aplus-v2 .premium-aplus-module-5 table.a-bordered td.attribute, .aplus-v2 .premium-aplus-module-5 table.a-bordered td.active-item { background-color: #fff; } .aplus-v2 .premium-aplus-module-5 table.a-bordered tr:nth-child(even) td.attribute, .aplus-v2 .premium-aplus-module-5 table.a-bordered tr:nth-child(even) td.active-item { background-color: #f6f6f6; } .aplus-v2 .premium-aplus-module-5 table.a-bordered tr:nth-child(even):last-child td.attribute { border-bottom: #f6f6f6 solid 1px; } .aplus-v2 .premium-aplus-module-5 table.a-bordered td.attribute .comparison-metric-name { outline-style: none; } .aplus-v2 .premium-aplus-module-5 table.a-bordered td.attribute .aplus-popover-trigger::after { content: "?"; display: inline-block; font-size: 12px; position: relative; bottom: 5px; } .aplus-v2 .premium-aplus-module-5 td.attribute.empty { height: 280px; } .aplus-v2 .premium-aplus-module-5 .header-img { padding-top: 10px; } /* Prevent table borders from overlapping */ .aplus-v2 .premium-aplus-module-5 table { border-collapse: separate; } /* Override default AUI .a-bordered table borders */ .aplus-v2 .premium-aplus-module-5 table.a-bordered td, .aplus-v2 .premium-aplus-module-5 table.a-bordered th, .aplus-v2 .premium-aplus-module-5 table.a-bordered { border-width: 0; border-color: #eaeaea; border-style: solid; } .aplus-v2 .premium-aplus-module-5 table.a-bordered td { border-right-width: 1px; } .aplus-v2 .premium-aplus-module-5 table.a-bordered td:last-child { border-right-width: 0; } html[dir="rtl"] .aplus-v2 .premium-aplus-module-5 table.a-bordered td:last-child { border-right-width: 1px; } /* Active column should be surrounded in darker border. */ .aplus-v2 .premium-aplus-module-5 table.a-bordered td.active { border-color: #767676; border-right-width: 1px; border-left-width: 1px; } /* Top Active column needs border-top */ .aplus-v2 .premium-aplus-module-5 table.a-bordered tr:first-child td.active { border-top-width: 1px; } /* Bottom column column needs border-bottom */ .aplus-v2 .premium-aplus-module-5 table.a-bordered tr:last-child td.active { border-bottom-width: 1px; } /* Size the top scroller */ .aplus-v2 .premium-aplus-module-5 .scroll-wrapper-top { width: 100%; height: 20px; overflow-x: scroll; overflow-y: visible; } .aplus-v2 .premium-aplus-module-5 .scroll-bar { height: 1px; } /** * 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 8: Hero Video module */ .aplus-v2 .premium-aplus-module-8 .premium-aplus-module-8-video { position: relative; width: 100%; } .aplus-v2 .premium-aplus-module-8 .video-placeholder { padding-bottom: 40.984%; /* Video or image required size 1464 : 600 = 40.9836 */ } .aplus-v2 .premium-aplus-module-8 .video-container { position: absolute; top: 0; width: 100%; height: 100%; } if(P) { P.when("a-expander").execute(function (expander) { expander.initializeExpanders(); }); } P.when('A', 'Airy', 'ready').execute(function(A, Airy) { setTimeout(setupAiry(A,Airy), 3000); function setupAiry(A, Airy) { var airyAssetConfig = {}; airyAssetConfig["parentId"] = "e42b8961-a92b-4efe-bac6-21b30fac9c35"; airyAssetConfig["desiredMode"] = "html"; airyAssetConfig["swfUrl"] = "https://m.media-amazon.com/images/G/01/vap/video/airy2/prod/2.0.1460.0/flash/AiryBasicRenderer._CB485925577_.swf" airyAssetConfig["htmlVideoAttributes"] = { "preload": "none", }; if("Install Flash Player".length > 0) { airyAssetConfig["installFlashButtonText"] = "Install Flash Player"; } if("Adobe Flash Player is required to watch this video.".length > 0) { airyAssetConfig["installFlashPrompt"] = "Adobe Flash Player is required to watch this video."; } if("Sorry, an error has occurred while attempting video playback. Please try again later.".length > 0) { airyAssetConfig["playbackErrorPrompt"] = "Sorry, an error has occurred while attempting video playback. Please try again later."; } if("Sorry, this video is unsupported on this browser.".length > 0) { airyAssetConfig["videoUnsupportedPrompt"] = "Sorry, this video is unsupported on this browser."; } var requestId, sessionId, marketplaceId, contentId; requestId = "VCW8AVYNAWPGQ8WBBEJD"; sessionId = "137-0935390-6575437"; marketplaceId = "ATVPDKIKX0DER"; contentId = "7926dd17-68dd-4262-9352-d69a889cc4cd"; airyAssetConfig["contentId"] = contentId; if(false){ airyAssetConfig["ignoreBundledSkin"] = true; } airyAssetConfig["mediaSourceInfo"] = [ "https://m.media-amazon.com/images/S/aplus-media/sc/f7e9ff96-a610-4318-a3cd-9491fd676178.mp4", ]; if("https://m.media-amazon.com/images/S/aplus-media/sc/5b90940







