#coupon-header,#site-return,.blue-bold,.blue-bold a{
    font-family:ProximaNovaBold
}
#pg-header-nav,#site-wrap{
    /* width:980px; */

    width:100%;
    max-width: 1200px;
    margin:0 auto
}
#coupon-header,#site-return{
    text-transform:uppercase
}
#pg-footer,#pg-header-text,#pg-load,.guide-anchors,.guide-selector,.item-discount,.item-price,.product-header,.vendor-col{
    text-align:center
}
.guide-anchors ul,.pg-article-wrap .price-guide td.item-desc{
    white-space:nowrap
}
#cboxClose:active,#cboxNext:active,#cboxPrevious:active,#cboxSlideshow:active,#colorbox{
    outline:0
}
.guide-header:hover,.guide-selector,.pg-collection-nav li:hover{
    cursor:pointer
}

body{
    margin:0;
    padding:0 0 100px;
    color:#161d27;
    background-color:#fff
}
a{
    text-decoration:none;
    color:inherit
}
#site-wrap{
 /*
    will-change:padding-top;
    padding-top:2em;
    transition:padding-top 1s
 */
}
#pg-header,#pg-header.collapsed{
    top:0;
    will-change:height;
    transition:height .5s ease-out
}
#site-wrap.push{
    padding-top:8em
}
.blue-bold,.blue-bold a,.blue-light,.blue-light a{
    color:#3D597F
}
.invisible{
    visibility:hidden
}
.visible{
    visibility:visible
}
#pg-header{
    position:fixed;
    left:0;
    width:100%;
    min-width:980px;
    background-size:100% auto;
    background-color:#161d27;
    height:4275px;
    z-index:2
}
#pg-header.collapsed{
    height:60px
}
#coupon-header:hover,#site-return{
    transition:background-color .2s ease-in
}
#pg-header.collapsed #pg-header-nav{
    padding-top:1.25em
}
/*
#pg-header-nav{
    overflow:auto;
    padding-top:2em;
    padding-bottom:2em
} */
#site-return{
    color:#fff;
    padding:1em 2em;
    border:2px solid #fff;
    border-radius:1.5em;
    font-size:.8em
}
#site-return:hover{
    color:#111;
    background-color:#fff
}
#coupon-header{
    float:right;
    padding:17px 50px;
    border:2px solid #93adce;
    background-color:#93adce;
    border-radius:50px;
    color:#fff
}
#coupon-header:hover{
    border-color:#fff;
    color:#93adce;
    background-color:#fff
}
#pg-header-text{
    display:block;
    clear:both;
    color:#fff;
    max-width:980px;
    margin:4.5em auto
}
.guide-content.collapsed{
    display:none
}
.guide-content{
    display:block;
    padding-top:1em;
    z-index:0
}
#scroll-down,.guide-header i{
    border-radius:50%;
    padding:.5em
}
.guide-header{
    border-bottom:1px solid #e0e0e0
}
.guide-header i{
    position:relative
}
.guide-header.expanded{
    position:fixed!important;
    top:95!important;
    height:110px;
    z-index:3!important
}
.guide-header.expanded .guide-header-img{
    width:300px
}
.guide-header.expanded i{
    visibility:visible;
    transition:visibility .5s ease-in
}
.guide-header h2{
    display:inline-block;
    margin-top:-.1em
}
.guide-header.expanded h2{
    margin-top:.3em
}
.guide-header i{
    font-size:.75em;
    display:inline-block;
    visibility:hidden;
    top:-.3em;
    margin:0 1em;
    background-color:#94abcd;
    color:#fff;
    transition:display .2s ease-in
}
#pg-header-text h2{
    font-size:3.5em;
    font-family:ProximaNovaThin;
    font-weight:100;
    margin:0;
    padding:.5em 0 .1em
}
#pg-coupon-overlay,#sub-header{
    font-family:ProximaNovaRegular
}
#sub-header{
    font-size:1em;
    font-weight:400;
    margin:0;
    padding:0 0 2.5em
}
#scroll-down{
    border:2px solid #fff
}
#scroll-down:hover{
    background-color:#fff;
    color:#111;
    border-color:#fff;
    transition:background-color .2s ease-in
}
.guide-header{
    height:97px
}
.guide-header h2{
    font-family:proxima_novalight;
    font-size:30px;
    color:#161d27;
    font-weight:400;
    padding-top:33px;
    margin-left:50px
}
.guide-header-img{
    float:right;
    padding-right:2.5em;
    width:244px;
    min-height:100px;
    height:100%
}
.guide-header.expanded .guide-header-img{
    min-height:110px;
    min-width:244px
}
.guide-icon-1{
    background:url(https://photos5.appleinsider.com/v9/images/price-guide/icon-slider1.png) center left no-repeat
}
.guide-icon-2{
    background:url(https://photos5.appleinsider.com/v9/images/price-guide/icon-slider5.png) center left no-repeat
}
.guide-icon-3{
    background:url(https://photos5.appleinsider.com/v9/images/price-guide/icon-slider3.png) center left no-repeat
}
.guide-icon-4{
    background:url(https://photos5.appleinsider.com/v9/images/price-guide/icon-slider4.png) center left no-repeat
}
.guide-icon-5{
    background:url(https://photos5.appleinsider.com/v9/images/price-guide/icon-slider2.png) center left no-repeat
}
.guide-icon-6{
    background:url(https://photos5.appleinsider.com/v9/images/price-guide/icon-slider6.png) center left no-repeat
}
.guide-icon-7{
    background:url(https://photos5.appleinsider.com/v9/images/price-guide/icon-slider7.png) center left no-repeat
}
.guide-icon-8{
    background:url(https://photos5.appleinsider.com/v9/images/price-guide/icon-slider8.png) center left no-repeat
}
.guide-icon-9{
    background:url(https://photos5.appleinsider.com/v9/images/price-guide/icon-slider9.png) center left no-repeat
}
.guide-icon-10{
    background:url(https://photos5.appleinsider.com/price_guide/icon-slider10.png) center left no-repeat
}
.guide-icon-11{
    background:url(https://photos5.appleinsider.com/price_guide/icon-slider11.png) center left no-repeat
}
.guide-icon-12{
    background:url(https://photos5.appleinsider.com/price_guide/icon-slider12.png) center left no-repeat
}
.guide-header-img-1{
    background:url(https://photos5.appleinsider.com/v9/images/price-guide/slider1.png?v=1.5) top center no-repeat
}
.guide-header-img-2{
    background:url(https://photos5.appleinsider.com/v9/images/price-guide/slider2.png?v=1.5) top center no-repeat
}
.guide-header-img-3{
    background:url(https://photos5.appleinsider.com/v9/images/price-guide/slider3.png?v=1.5) top center no-repeat
}
.guide-header-img-4{
    background:url(https://photos5.appleinsider.com/v9/images/price-guide/slider4.png?v=1.5) top center no-repeat
}
.guide-header-img-5{
    background:url(https://photos5.appleinsider.com/v9/images/price-guide/slider5.png?v=1.5) top center no-repeat
}
.guide-header-img-6{
    background:url(https://photos5.appleinsider.com/v9/images/price-guide/slider6.png?v=1.5) top center no-repeat
}
.guide-header-img-7{
    background:url(https://photos5.appleinsider.com/v9/images/price-guide/slider7.png?v=1.8) top center no-repeat
}
.guide-header-img-8{
    background:url(https://photos5.appleinsider.com/v9/images/price-guide/slider8.png?v=1.5) top center no-repeat
}
.guide-header-img-9{
    background:url(https://photos5.appleinsider.com/v9/images/price-guide/slider9.png?v=1.5) top center no-repeat
}
.guide-header-img-10{
    background:url(https://photos5.appleinsider.com/price_guide/slider10.png?v=1.5) top center no-repeat
}
.guide-header-img-11{
    background:url(https://photos5.appleinsider.com/price_guide/slider11.png?v=1.5) top center no-repeat
}
.guide-header-img-12{
    background:url(https://photos5.appleinsider.com/price_guide/slider12.png?v=1.0) top center no-repeat
}
.guide-header-img-13{
    background:url(https://photos5.appleinsider.com/v9/images/price-guide/slider13.png?v=1.1) top center no-repeat
}
#pg-nav,.guide-selector{
    background-color:#fff;
    width:100%
}
.product-header{
    font-family:proxima_novalight;
    padding:.5em 0;
    border-top:1px solid #e0e0e0;
    font-size:1.4em
}
.guide-anchors{
    overflow-y:hidden;
    padding:.5em
}
.anchor-scroll-left,.anchor-scroll-right{
    top:84px;
    position:relative
}
.anchor-down{
    height:100%
}
.anchor-scroll-left{
    float:left;
    padding:1em
}
.anchor-scroll-right{
    float:right;
    padding:1em
}
.guide-selector{
    height:100px
}
#pg-nav{
    overflow:auto;
    float:left;
    min-height:110px
}
#pg-content,#pg-footer{
    clear:both
}
.shadowed{
    box-shadow:0 4px 2px -2px rgba(0,0,0,.16)
}
.no-touch .anchor-scroll-left:hover,.no-touch .anchor-scroll-right:hover{
    border-radius:50%;
    padding:1em;
    color:#fff;
    background-color:#3D597F;
    transition:background-color .2s ease-in
}
.guide-anchors ul{
    margin:0 3em;
    padding:0;
    overflow-y:hidden;
    overflow-x:hidden
}
.guide-anchors ul li{
    display:table-cell;
    text-align:center;
    padding:0 1em
}
.guide-anchors ul li img{
    max-width:125px;
    z-index:2
}
.guide-anchors ul li a:hover{
    border-bottom:4px solid #3D597F
}
.guide-anchors ul a{
    padding:0;
    margin:0
}
table.price-guide{
    width:100%;
    border-collapse:collapse
}
.vendor-col{
    line-height:45px;
    vertical-align:middle;
    min-width:60px
}
.vendor-col img{
    width:45%;
    padding:.5em 0
}
.item-row{
    border:0
}
.item-row > td {
 padding: 8px; /* Again, we need to meet google's minimums */
}
.item-desc,.item-discount{
    border-bottom:1px solid #e0e0e0
}
.item-desc{
    width:300px;
    line-height:1.5em
}
.item-price{
    color:#666;
    /* font-size:.8em; Google yelling at us about too small */
    line-height:30px;
    border:1px solid #e0e0e0;
    padding:.35em
}
.item-price a:first { margin: 8px; }
.item-desc:hover,.item-price:hover{
    background-color:#f8f8f8;
    transition:.3s
}
.item-discount{
    color:#B30000;
}
.price-guide tr:last-child td{
    border-bottom:0
}
.price-guide tr:first-child{
    border-top:1px solid #e0e0e0
}
.acnhor-wrap{
    max-width:33%
}
.tool-tip{
    display:inline-block;
    margin: 8px;
}
.tool-tip p{
    display:none
}
.tool-tip .symbol{
    display:block; 
    clear:both;
    color:#fff;
    margin:0;
    width:35px;  /* 48 - tag icon width(13) @1em*/
    height:32px; /* 47 - tag icon height(13) @1em */
    background-color:#a6ce95;
    border-radius:50%;
}
.symbol .fa { margin-top: .5em; }
.tool-tip .symbol:hover{
    background-color:#fff;
    color:#a6ce95;
}
@media(prefers-color-scheme: dark) {
    .tool-tip .symbol:hover {
        background-color:#222;
        color:#a6ce95;
    }
}

.no-touch .tool-tip .symbol:hover{
    color:#94abcd
}
.no-touch .tool-tip .symbol:hover+p{
    display:inline;
    position:absolute;
    background-color:rgba(255,255,255,.95);
    color:#111;
    padding:1.5em 1em;
    width:20em;
    border:2px dashed #e0e0e0;
    font-weight:400;
    line-height:1.5em;
    font-family:ProximaNovaRegular
}
/* .symbol:after{ content:" Coupon"; } */
.cboxIframe,.cboxPhoto{
    display:block;
    border:0
}
#scroll-top{
    position:fixed;
    right:0;
    bottom:0;
    padding:1em;
    margin:1em;
    border-radius:50%;
    background-color:#94abcd;
    color:#fff
}
#scroll-top:hover{
    background-color:#fff;
    color:#94abcd;
    transition:background-color .15s ease-in
}
#pg-footer{
    min-height:67px;
    padding:2em 0;
    font-weight:400;
    line-height:1.5em
}
#pg-load{
    min-height:300px;
    padding-top:10%;
    font-size:5em;
    color:#e0e0e0
}
#pg-coupon-overlay{
    padding:1em 1em 2em;
    border:2px dashed #e0e0e0;
    background-color:#fff;
    overflow:show
}
#coupon-overlay-icon{
    font-size:3em;
    float:left;
    margin-right:1em;
    color:#a6ce95
}
.guide-header.expanded .guide-header-inner-wrap{
    min-height:110px
}
.guide-header-inner-wrap{
    width:980px;
    text-align:left;
    margin:0 auto
}
#pg-coupon-overlay h2{
    text-align:center;
    vertical-align:middle;
    border-bottom:1px solid #e0e0e0;
    font-size:1.2em;
    line-height:1.3em
}
#pg-coupon-overlay img{
    margin-right:.5em;
    vertical-align:middle;
    max-height:100px;
    max-width:100%;
}

#pg-coupon-overlay p{
    line-height:1.5em;
}
/*
#pg-nav{
    min-width:980px;
    padding-top:60px
}*/
#coupon-overlay-buy{
    background-color:#3D597F;
    color:#fff;
    font-family:ProximaNovaBold;
    border-radius:15px;
    padding:10px;
    border:1px solid #3D597F
}
#coupon-overlay-buy:hover{
    background-color:#fff;
    color:#3D597F;
    border-radius:15px;
    padding:10px;
    transition:background-color .2s ease-in
}
/*
#no-js-guide-name a{
    font-size:.6em;
    margin-right:.5em
} */
table.gazelle-tradein th.vendor-col img{
    width:auto
}
span.cond-good{
    color:#f88f00
}
span.cond-like-new{
    color:#58b12c
}
#cboxCurrent,#cboxTitle{
    position:absolute;
    color:#949494;
    bottom:4px
}
.vendor-col.gazelle-tradein{
    vertical-align:bottom
}
.pg-article-wrap{
    overflow:hidden;
    width:660px
}
.pg-article-wrap .price-guide{
    min-width:900px;
    overflow:auto
}
.pg-article-wrap .price-guide td{
    font-size:.8em;
    padding:.4em
}
.pg-article-wrap .item-desc{
    font-size:.8em
}
.pg-article-wrap .vendor-col:nth-child(1){
    background-size:75%
}
.pg-article-wrap .guide-anchors-list li img,.pg-article-wrap .product-image img{
    max-width:100px
}
#cboxWrapper,.cboxPhoto{
    max-width:none
}
.pg-article-wrap .guide-anchors,.pg-article-wrap .guide-content{
    padding-top:0;
    margin-top:0
}
.pg-article-wrap .anchor-scroll{
    vertical-align:middle
}
.pg-article-wrap .anchor-scroll-right{
    float:right
}
.pg-article-wrap .guide-anchors ul{
    margin-top:-3em!important
}
.pg-article-overflow-wrap{
    overflow-x:scroll;
    width:100%
}
ul.guide-anchors-list{
    padding-top:1em
}
#cboxOverlay,#cboxWrapper,#colorbox{
    position:absolute;
    top:0;
    left:0;
    z-index:9999;
    overflow:hidden;
    -webkit-transform:translate3d(0,0,0)
}
#cboxOverlay{
    position:fixed;
    width:100%;
    height:100%;
    background:url(images/overlay.png) #fff;
    opacity:.9
}
#cboxBottomLeft,#cboxMiddleLeft{
    clear:left
}
#cboxContent{
    position:relative;
    overflow:show
}
#cboxTitle{
    margin:0;
    left:0;
    text-align:center;
    width:100%
}
#cboxLoadingGraphic,#cboxLoadingOverlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.cboxPhoto{
    float:left;
    margin:auto;
    -ms-interpolation-mode:bicubic
}
.cboxIframe{
    width:100%;
    height:100%;
    padding:0;
    margin:0
}
#cboxContent,#cboxLoadedContent,#colorbox{
    box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box
}
#cboxTopLeft{
    width:21px;
    height:21px;
   /* background:url(images/controls.png) -101px 0 no-repeat */
}
#cboxTopRight{
    width:21px;
    height:21px;
    /* background:url(images/controls.png) -130px 0 no-repeat */
}
#cboxBottomLeft{
    width:21px;
    height:21px;
    /* background:url(images/controls.png) -101px -29px no-repeat */
}
#cboxBottomRight{
    width:21px;
    height:21px;
    /* background:url(images/controls.png) -130px -29px no-repeat */
}
#cboxMiddleLeft{
    width:21px;
    /* background:url(images/controls.png) left top repeat-y */
}
#cboxMiddleRight{
    width:21px;
    /* background:url(images/controls.png) right top repeat-y */
}
#cboxTopCenter{
    height:21px;
    /* background:url(images/border.png) repeat-x */
}
#cboxBottomCenter{
    height:21px;
    /* background:url(images/border.png) 0 -29px repeat-x */
}
.cboxIframe{
    background:#fff
}
#cboxError{
    padding:50px;
    border:1px solid #ccc
}
#cboxLoadedContent{
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    margin-bottom:28px
}
#cboxCurrent{
    left:58px
}
#cboxLoadingOverlay{
   /* background:url(images/loading_background.png) center center no-repeat */
}
#cboxLoadingGraphic{
    /* background:url(images/loading.gif) center center no-repeat */
}
#cboxClose,#cboxNext,#cboxPrevious,#cboxSlideshow{
    cursor:pointer;
    border:0;
    padding:0;
    margin:0;
    overflow:visible;
    width:auto;
    background:0 0
}
#cboxClose,#cboxNext,#cboxPrevious{
    position:absolute;
    bottom:0;
    width:25px;
    height:25px;
    text-indent:-9999px
}
#cboxSlideshow{
    position:absolute;
    bottom:4px;
    right:30px;
    color:#0092ef
}
#cboxPrevious{
    left:0;
    /* background:url(images/controls.png) -75px 0 no-repeat */
}
#cboxPrevious:hover{
    background-position:-75px -25px
}
#cboxNext{
    left:27px;
   /* background:url(images/controls.png) -50px 0 no-repeat */
}
#cboxNext:hover{
    background-position:-50px -25px
}
#cboxClose{
    right:0;
    /* background:url(images/controls.png) -25px 0 no-repeat */
}
#cboxClose:hover{
    background-position:-25px -25px
}
.anchor-scroll-left{
    left:.5em
}
.anchor-scroll-right{
    right:.5em
}
/*
.pg-collection-nav{
    padding-top:1em;
    margin:0 .25em
}
.pg-collection-nav li{
    list-style-type:none;
    padding:.5em 0;
    border-bottom:1px solid #e0e0e0;
    min-height:3em;
    width:100%;
    background-repeat:no-repeat;
    background-size:70px auto;
    background-position:left bottom
}
.pg-collection-nav li a{
    display:block;
    margin-top:15px;
    font-size:1.25em;
    margin-left:90px;
    line-height:1.25em
}*/
table.price-guide{
    margin:0 .25
}
.guide-desc{
    display:table-cell;
    vertical-align:top;
    overflow:hidden;
    font-size:.74em;
    font-family:ProximaNovaRegular;
    font-weight:100;
    line-height:1.3em
}
.guide-desc a{
    color:#456c97
}
.guide-desc a:hover{
    color:#c60
}
.guide-desc p:first-child{
    margin-top:0;
    -webkit-transition:height 1s;
    -moz-transition:height 1s;
    -ms-transition:height 1s;
    -o-transition:height 1s;
    transition:height 1s
}
.expand-desc{
    float:right;
    padding:.5em;
    color:#456c97
}
.table-footer{
    padding-top:1.5em;
    font-size:1em;
    width:100%
}
.table-footer h3{
    font-family:proxima_novalight
}
.pg-footer-coupon{
    border:1px dashed #e0e0e0;
    padding:.5em;
    margin-bottom:1em;
    background-color:#f9fcff;
    text-align:left;
    overflow:auto
}
.pg-coupon-code{
    padding:.2em;
    background-color:#f8f3b9;
    line-height:1.5em;
    border:2px dashed #fcd27f
}
.pg-coupon-img-wrap{
    display:table-cell;
    text-align:center;
    width:60px;
    padding:.5em 1em .5em .5em
}
.pg-footer-coupon p{
    display:table-cell;
    margin:0;
    padding:0;
    vertical-align:middle
}
.faux-link{
    background-color:transparent!important;
    background-repeat:no-repeat;
    border:none;
    cursor:pointer;
    outline:0;
    color:#3D597F
}
.coupon-modal-mask{
    background:rgba(0,0,0,.5);
    position:fixed;
    top:0;
    right:0;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    z-index:100
}
.coupon-modal-wrapper{
    display:none
}
.coupon-modal{
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    background:#fff;
    z-index:100;
    max-width:450px;
    margin-left:-225px;
    margin-top:-136px
}
.coupon-modal-content{
    padding:50px;
    text-align:center;
}
.coupon-modal-content p{
    padding:5px 0;
    font-size:13px;
    max-width:300px;
    margin:0 auto;
    line-height:20px;
}
p.coupon-title{
    font-size:24px;
    font-weight:700;
    padding:0!important;
}
.coupon-checkout{
    cursor:pointer;
    display:inline-block;
    background:#000;
    text-align:center;
    color:#fff;
    padding:10px 20px;
    margin-top:5px;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    border-radius:100px;
    font-size:12px;
}
#copyTarget{
    margin:10px 0 0 0;
    background:#fff;
    border:1px solid #e5e8ea;
    position:relative;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    border-radius:100px;
    cursor:pointer;
    box-shadow:0 0 20px rgba(0,0,0,.1);
    -webkit-box-shadow:0 0 20px rgba(0,0,0,.1);
    -moz-box-shadow:0 0 20px rgba(0,0,0,.1);
    padding:12px 40px 11px 20px;
    position:relative;
    font-size:15px;
}
.coupon-copy-wrapper{
    position:relative
}
#copyButton{
    border:none;
    position:absolute;
    top:14px;
    right:65px;
    cursor:pointer;
    display:inline-block;
    background:#fc0;
    text-align:center;
    color:#fff;
    padding:10px 20px;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    border-radius:100px;
    font-size:12px;
}

.coupon-copy-wrapper span{
    display:block;
    padding:5px;
    font-size:11px
}

/* Bring in CSS that was inlined */
#pg-nav-new {
	position: absolute;
	top: 0;
	width: 100%;
	margin-top: 60px;
	border-bottom: 1px solid rgba(0,0,0,.1);
	background-color: #fff;
	z-index: 100;
}
#pg-nav-new.collapsed{
	height: 100px;
	overflow: hidden;
	position: fixed;
}
#header-nav {
	display: flex;
	flex-direction: column;
	height: auto; 
	padding:0; 
	margin-bottom:0;
	margin-top:0;
}
#header-nav li:hover {
	cursor:pointer;
}
#header-nav li {
	display:flex;
	flex: none;
	order:2;
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding: 1em auto;
	height: 100px;
}
#header-nav li.selected {
	order: 1;
} 
#header-nav li h2 {
	flex: 1;
	align-self: center;
}
.guide-arrow{ display:none; }
#header-nav li.selected .guide-arrow {
	display: inline;
	margin-left: 1em; 
	font-size: 1em;
	border-radius:50%; 
	background-color: #6CA4D5; 
	color: #fff; 
	font-size: .8em; 
	padding: .25em; 
}

.gi { width: 45px; margin: 0 15px;}
.gei { width: 300px; margin: 0 15px; }
#pg-content-wrap { margin-top: 160px; } /* 100 for menu item, 60 for header */
.expand-anim { transition: all .5s ease-in-out; }
@media screen and (max-width:768px){
	.gei { display:none; }

	#header-nav li.selected .guide-arrow {float:right; margin: 0 15px;}
	#header-nav li h2{margin-top:1em; margin-bottom:.8em;}
}

@media(prefers-color-scheme: dark) {
	#header-nav li { border-bottom: 1px solid rgba(255,255,255,.1); }
	.menu-item a { color: #fefefe; }
	#pg-nav-new { background-color:#111; border-bottom: 1px solid rgba(255,255,255,.1); }
	.guide-arrow { background-color:rgba(48, 53, 56, 1);}
}



.guide-mobile {display: none; }
.guide-desktop {display: none; }

@media screen and (min-width:320px) and (max-width:768px) {
	#pg-header-nav { background: none; }
	#pg-header-nav, #site-wrap {
		width: auto;
	}

	.guide-desktop {
		display: none;
	}
	.guide-mobile {
		display: block;
	}
	
	.vendor-col { line-height: 1.5em; }
	.pg-group-head { text-align: center; margin-top: 50px;}
	.product-header { border: 0;}
	.guide-name { margin-top: 0; }
	.vendor-col img { width: auto; }
	.item-desc.vendor-col { width: auto; }
	.item-desc { width: auto; max-width: 200px; padding-left: 5px; }
	.pg-content-wrap { margin-top: 28px; }

	@media(prefers-color-scheme: dark) {
		.shadowed { border-bottom: 1px solid #333; }
	}
}

@media screen and (min-width:320px ) {
	.guide-header-img { display: none; }
}

@media screen and (min-width:660px ) {
	.guide-header-img { display: block; }
}

@media screen and (min-width:768px ) {
	.guide-mobile {display: none; }
	.guide-desktop {display: block; }
}

.pg-card {
	display:inline-flex;
	flex-direction: column;
	justify-content: space-between;
	width:250px;
	height: 260px;
	text-align: center;
	margin-bottom: 10px;
	padding: 1em;
	padding-bottom: 1.5em;
	border: 1px solid rgba(0,0,0,.08);
	border-radius: 2em;
	box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, .1);
	margin: .5em;
}

.pg-card:hover {
	box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .2);
}

.pg-card h2 {
	/* text-align: left; */
	line-height: 1.25em;
	font-size: 1.28em; /* this will force things to say on 2 lines instead of breaking to 3 */
	margin-top: 10px;
	padding-top: 0;
	min-height: 2.5em; /* 2 lines w/ 1.24 line-height */
}

.pg-card img {
	margin: 0 auto;
	max-height: 125px;
	max-width: 200px;
	margin-bottom: 1em;
}

.pg-card a.button {
	display: inline-block;
	border-radius: 1.5em;
	background-color: rgba(34, 115, 221,1);
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	border: 0;
	padding: .5em 1em;
}

.pg-card a.button:hover {
	background-color: rgba(34,115,221, .9);
}

.sticky-col {
	position: sticky;
	-webkit-position: sticky;
	background-color: #fff;
}


@media(prefers-color-scheme: dark) {
	.pg-card {
		/* border: 1px solid rgba(255,255,255,.01); */
		background-color: rgba(255,255,255,.03);
		box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, .2);
	}

	.pg-card:hover {
		box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .8);
	}

	.pg-card a.button {
		background-color: rgba(48, 53, 56, 1);
	}

	.pg-card a.button:hover {
		background-color: #303538;
	}

	/*
	.pg-card h2 {
		border-bottom: 1px solid rgba(255,255,255,.04);
	}*/

	.pg-card h2 a {
		color: rgba(255,255,255,.9);
	}

	.pg-card h2 a:hover {
		color: #6CA4D5;
	}
	.sticky-col {
		position: sticky;
		-webkit-position: sticky;
		background-color: rgba(48, 53, 56, 1);
	}
}

@media screen and (min-width: 320px) and (max-width: 768px) {
	.pg-collection-nav.flex {
		justify-content: space-evenly;
		gap: 1.5em;
	}

	.pg-card { 
		display:flex;
		margin: 1em auto;
		width: 300px;
		height: 280px;
	}

	.pg-card h2 {
		text-align: center;
		border: 0;
		min-height: auto;
		font-size: 1.5em;
	}

	.pg-card img {height: 200px; width: auto; }
}

.price-with-coupon-wrap .coupon-link {
	display: inline-block;
	margin-top: .5em;
}
.mobile-group .price-with-coupon-wrap .coupon-link {
	margin-left: 43px; /* size of coupon button + padding/margin */
}

.price-with-coupon-wrap .tool-tip, .mobile-group .tool-tip {
	float: right;
}

#pg-content { padding-top:1em; }

/* Hide the 'back to previous page' button if someone langs on a group page in desktop mode. */
@media screen and (min-width:768px ) {
	.grp-back { display: none; }
}

@media screen and (max-width:769px) {
	.footer-logos img { width: 90%; height: 90%; }
	.pg-footer-coupon { margin: .75em .5em; }
	.table-footer h3 { text-align: center; }
	#pg-content { margin: auto .5em; }

	.item-desc {
		min-width: auto;
		max-width: auto;
		width: auto;
	}
}

@media screen and (min-width: 768px) {
	.item-desc {
		min-width: 100px;
		max-width: 200px;
		width: 200px;
	}
}

@media screen and (min-width: 1200px) {
	.item-desc {
		min-width: 200px;
		max-width: 200px;
		width: 200px;
	}
}

@media screen and (min-width: 900px) and (max-width:1199px) {
	.item-desc {
		min-width: 100px;
		max-width: 200px;
	}
	.item-price { padding: 5px; }
}


@media screen and (min-width: 768px) and (max-width:900px) {
	.price-with-coupon-wrap .tool-tip, .mobile-group .tool-tip { float: none; }
}