ul {
max-width: var(--sph-max);
margin: 0 auto;
padding: 0 18px 14px;
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 4px 18px;
align-items: center;
}
.sph-nav > ul > li { position: relative; }
.sph-nav > ul > li > a {
font-size: 13px; font-weight: 600; color: var(--sph-ink); padding: 8px 0;
border-bottom: 1px solid transparent;
display: inline-flex; align-items: center; min-height: 44px;
}
.sph-nav > ul > li > a:hover,
.sph-has-sub:focus-within > a { border-bottom-color: var(--sph-accent); color: var(--sph-primary); }
.sph-sub {
list-style: none;
margin: 0;
padding: 10px;
position: absolute;
top: calc(100% + 2px);
left: 0;
min-width: 340px;
display: grid;
grid-template-columns: 1fr 1fr;
background: var(--sph-panel);
border: 1px solid var(--sph-line);
box-shadow: 0 12px var(--sph-blur) rgba(22,26,16,0.08);
opacity: 0;
visibility: hidden;
transform: translateY(4px);
transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
z-index: 70;
border-radius: var(--sph-radius);
max-height: min(70vh, 420px);
overflow-y: auto;
}
.sph-has-sub:hover > .sph-sub,
.sph-has-sub:focus-within > .sph-sub {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.sph-sub a {
display: block;
padding: 10px 12px;
font-size: 13px;
font-weight: 500;
color: var(--sph-ink);
white-space: nowrap;
min-height: 40px;
}
.sph-sub a:hover { background: rgba(139,154,58,0.08); color: var(--sph-accent); }
.sph-nav__search { margin-left: auto; }
.sph-nav__search form { display: flex; border: 1px solid var(--sph-line); overflow: hidden; background: var(--sph-panel); border-radius: var(--sph-radius); }
.sph-nav__search input { border: none; background: transparent; padding: 8px 12px; min-height: 40px; width: 150px; font-family: inherit; }
.sph-nav__search button { border: none; background: var(--sph-primary); color: #fff; padding: 0 14px; cursor: pointer; font-weight: 700; }
#drawer-overlay { position: fixed; inset: 0; background: rgba(22,26,16,0.42); z-index: 200; opacity: 0; visibility: hidden; transition: opacity 0.25s; }
#drawer-overlay.is-visible { opacity: 1; visibility: visible; }
#mobile-drawer {
position: fixed; top: 0; left: 0; width: min(340px, 90vw); height: 100dvh;
background: var(--sph-panel); z-index: 210; transform: translateX(-100%);
transition: transform 0.28s; overflow-y: auto;
}
#mobile-drawer.is-open { transform: translateX(0); }
.sph-drawer__head {
display: flex; justify-content: space-between; align-items: center;
padding: 16px; border-bottom: 1px solid var(--sph-line);
font-family: var(--sph-font-d); font-weight: 700; color: var(--sph-primary);
}
.sph-drawer__close { min-width: 44px; min-height: 44px; border: 1px solid var(--sph-line); background: var(--sph-bg); cursor: pointer; font-size: 18px; border-radius: var(--sph-radius); }
.sph-drawer__body { padding: 16px; }
.sph-drawer__search form { display: flex; margin-bottom: 16px; border: 1px solid var(--sph-primary); overflow: hidden; border-radius: var(--sph-radius); }
.sph-drawer__search input { flex: 1; border: none; padding: 12px 14px; min-height: 44px; background: var(--sph-bg); font-family: inherit; }
.sph-drawer__search button { border: none; background: var(--sph-primary); color: #fff; padding: 0 16px; min-height: 44px; cursor: pointer; font-weight: 700; }
.sph-drawer__nav { list-style: none; margin: 0 0 16px; padding: 0; }
.sph-drawer__nav > li > a,
.sph-drawer__nav details > summary {
display: flex; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--sph-line);
font-weight: 600; min-height: 44px; color: var(--sph-ink); cursor: pointer; list-style: none;
}
.sph-drawer__nav details > summary::-webkit-details-marker { display: none; }
.sph-drawer__nav details > summary::after { content: "+"; margin-left: auto; font-weight: 700; color: var(--sph-accent); }
.sph-drawer__nav details[open] > summary::after { content: "−"; }
.sph-drawer__sub { list-style: none; margin: 0 0 8px; padding: 0 0 0 12px; }
.sph-drawer__sub a {
display: block; padding: 12px 0; min-height: 44px;
border-bottom: 1px solid rgba(22,26,16,0.06); font-weight: 500; color: rgba(22,26,16,0.78);
}
.sph-drawer__account a { display: block; padding: 12px 0; font-weight: 700; min-height: 44px; color: var(--sph-accent); }
.sph-main { max-width: var(--sph-max); margin: 0 auto; padding: var(--sph-gap) 18px 64px; position: relative; z-index: 1; }
.sph-breadcrumb {
font-size: 12px; color: rgba(22,26,16,0.5); margin-bottom: 20px;
display: flex; flex-wrap: nowrap; align-items: baseline; min-width: 0;
}
.sph-breadcrumb a { color: var(--sph-primary); font-weight: 600; flex-shrink: 0; }
.sph-crumb-kw:has(a:empty) { display: none; }
.sph-crumb-now { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* couture-runway · flow-stack */
.sph-runway {
display: flex;
flex-direction: column;
gap: 20px;
position: relative;
margin-bottom: var(--sph-gap);
}
.sph-runway__strip {
width: 100%;
background: var(--sph-panel);
box-shadow: 0 18px 48px rgba(139,154,58,0.1);
padding: var(--sph-strip-pad);
min-height: 260px;
filter: drop-shadow(0 10px var(--sph-blur) rgba(196,92,58,0.1));
border-radius: var(--sph-radius);
}
.sph-runway__strip > * { width: 100%; max-width: 100%; }
.sph-wing {
background: var(--sph-panel);
padding: 28px 24px;
box-shadow: 0 14px 40px rgba(22,26,16,0.08);
min-width: 0;
border-left: 3px solid var(--sph-accent);
border-radius: var(--sph-radius);
}
.sph-title {
margin: 0 0 10px;
font-family: var(--sph-font-d);
font-size: clamp(2rem, 5vw, 3.25rem);
font-weight: 700;
line-height: 1.06;
color: var(--sph-ink);
letter-spacing: -0.03em;
}
.sph-price {
font-family: var(--sph-font-d);
font-size: clamp(1.5rem, 3vw, 2.15rem);
font-weight: 700;
color: var(--sph-primary);
margin: 0 0 4px;
}
.sph-old {
text-decoration: line-through;
color: rgba(22,26,16,0.4);
margin: 0 0 10px;
font-size: 0.95rem;
}
.sph-meta { font-size: 12px; color: rgba(22,26,16,0.52); margin: 0 0 12px; }
.sph-installment { font-size: 13px; margin: 0 0 14px; color: rgba(22,26,16,0.7); }
.sph-installment a { text-decoration: underline; color: var(--sph-accent); }
.sph-atc {
width: 100%;
margin-top: 14px;
padding: 14px;
border: none;
border-radius: var(--sph-radius);
background: transparent;
color: var(--sph-primary);
font-family: var(--sph-font-b);
font-weight: 700;
font-size: 13px;
letter-spacing: 0.14em;
text-transform: uppercase;
cursor: pointer;
min-height: 52px;
border-bottom: 2px solid var(--sph-primary);
transition: color 0.15s, border-color 0.15s, letter-spacing 0.2s;
}
.sph-atc:hover {
color: var(--sph-accent);
border-bottom-color: var(--sph-accent);
letter-spacing: 0.19em;
}
.sph-below { margin-top: 8px; }
.sph-section {
margin-top: var(--sph-gap);
padding-top: 8px;
border-top: 1px solid var(--sph-line);
min-width: 0;
overflow-wrap: anywhere;
}
.sph-section__head {
font-family: var(--sph-font-d);
font-size: 1.25rem;
margin: 0 0 14px;
color: var(--sph-primary);
}
.sph-slot { min-width: 0; overflow-wrap: anywhere; }
.sph-slot:empty { display: none !important; }
.sph-footer {
background: var(--sph-ink);
color: rgba(255,255,255,0.9);
padding: 42px 16px 22px;
margin-top: 44px;
}
.sph-footer a { color: #E8C4B0; }
.sph-footer__grid {
max-width: var(--sph-max);
margin: 0 auto 24px;
display: grid;
gap: 22px;
}
.sph-footer h3, .sph-footer h4 { margin: 0 0 10px; color: #fff; font-family: var(--sph-font-d); }
.sph-footer h4 { font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--sph-accent); }
.sph-footer__links { list-style: none; margin: 0; padding: 0; }
.sph-footer__links li { margin-bottom: 6px; }
.sph-footer address { font-style: normal; font-size: 13px; line-height: 1.75; }
.sph-social { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.sph-social a {
display: flex; width: 36px; height: 36px; align-items: center; justify-content: center;
border: 1px solid rgba(255,255,255,0.25); border-radius: var(--sph-radius); color: #fff;
}
.sph-social svg { width: 16px; height: 16px; fill: currentColor; }
.sph-footer__subscribe { max-width: var(--sph-max); margin: 0 auto 20px; text-align: center; }
.sph-footer__subscribe form { display: flex; flex-wrap: wrap; justify-content: center; max-width: 420px; margin: 0 auto; gap: 8px; }
.sph-footer__subscribe input {
flex: 1; min-width: 160px; padding: 10px; min-height: 44px;
border: 1px solid rgba(255,255,255,0.25); background: transparent; color: #fff;
border-radius: var(--sph-radius); font-family: inherit;
}
.sph-footer__subscribe button {
padding: 10px 18px; min-height: 44px; border: none; border-radius: var(--sph-radius);
background: var(--sph-primary); color: #fff; font-weight: 700; cursor: pointer;
}
.sph-footer__payments {
max-width: var(--sph-max); margin: 0 auto 16px;
display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; align-items: center;
}
.sph-footer__payments svg { height: 28px; width: auto; flex-shrink: 0; }
.sph-footer__bottom {
max-width: var(--sph-max); margin: 0 auto; padding-top: 14px;
border-top: 1px solid rgba(255,255,255,0.12); font-size: 11px; text-align: center; line-height: 1.75;
}
@media (min-width: 750px) {
.sph-menu-toggle { display: none; }
.sph-brand-actions { display: flex; }
.sph-cart-mobile { display: none !important; }
.sph-nav { display: block; }
.sph-runway {
flex-direction: row;
align-items: stretch;
gap: var(--sph-gap);
}
.sph-runway__strip {
flex: 1 1 auto;
min-width: 0;
}
.sph-wing {
flex: 0 0 var(--sph-wing-w);
max-width: var(--sph-wing-w);
}
.sph-footer__grid { grid-template-columns: 1.4fr 1fr 1fr 1fr; }
}
@media (max-width: 749px) {
.sph-util__links { display: none; }
.sph-atc { width: 100%; }
.sph-footer__subscribe button { width: 100%; }
}
Home / / Pack-It® Isolate Cube XS/S/M Set Black Media "16":11}' data-sheets-value='{"1":2 org NewCondition
Sphene harbor notes
Description
Pack It® Isolate Cube XS S M Set Black Media "16":11}' data sheets value='{"1":2 org NewCondition "16":11}' data sheets value='{"1":2 "2":" Fabric: 30% recovered baby alpaca fiber and 70% recycled polyester Isolate Cube XS Made of our lightest weight packing cube material
Exchange/Return Notes
We offer a 30-day return/exchange service after receiving.
Final sale items are not eligible for returns or exchanges.
To process your return/exchange, please contact us at [email protected]
Please click here for more details>>> Return & Exchange Policy
Frequently Asked Questions for Pack-It® Isolate Cube XS/S/M Set Black Media "16":11}' data-sheets-value='{"1":2 org NewCondition
How should I interpret a sample, preview, or demonstration of a product?
Consider whether the demonstrated context resembles your intended use. Ask whether variation between the example and the supplied product is expected.
What should I check if I need a receipt or invoice for my purchase?
Do not assume that a seller's standard document meets every third party's requirements. Ask whether the purchase channel and the seller issue different types of records.
What should I compare when the same seller offers a product through different channels?
Review the included components described by each offer. Save the details of the offer you actually choose.